/* GENERALITE */
*{
	padding:0px;
	margin:0px;
}

body  {	
	background-color:#4d4d4d;
	background-image:url(../images/fond-site.gif);
	background-repeat:repeat-x;
	color:#59565D;
    width: 98%;
}
img{
    padding: 4px;   
	border: 1px solid #999999;
	background-color:#FFF;	
}
img.imageGauche{
	float:left;
	margin-right:20px;
} 
img.imageDroite{
	float:right;
	margin-left:20px;
}
a{
	color:#6c2323;	
} 

#global { 
    margin-left: auto; /* Permet de centrer le site */
    margin-right: auto; /* Permet de centrer le site */
    width: 95%;
	background-color:#AFD4E6;
    border: 1px solid #000000;
	text-align:left;
	padding-bottom:0px;
}
/* BANDEAU */
#bandeau {
	/*background:url(../images/bandeau.jpg);*/
	background-color:#993366;
	height:110px;
	background-repeat:no-repeat;
    width: 100%;	
}
.titreSite {
    float:left;
	font-family: Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 25px;
	color:#641616;
}
.titretab {
    float:left;
	font-family: Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 25px;
	color:#641616;
}
#date {
float:right;
color:#0ff;
font-size:1.9em;
margin : 0 10px 0 0 ;
padding : 0 5px 0 0 ;
font-family: verdana,arial,sans-serif;
}
#logo {
float:left;	
margin:0px;
padding:0px;
}
.erreur {
color:#ff0000;
font-size:0.9em;
text-decoration:blink;
text-decoration:underline;
}
/* MENU DE NAVIGATION */
#menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: #a77b7c;
        line-height:35px;
        height : 35px;
}

@media (max-width: 300px) {
       #menu li {
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:0.3em;
}
}

@media (min-width: 500px) {
           #menu li {
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:0.5em;
}
}

@media (min-width: 700px) {
           #menu li {
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:0.7em;
}
}
@media (min-width: 1200px) {
       #menu li {
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:1em;
}
}
@media (min-width: 1600px) {
    #menu li {
	display: inline;
	background: #a77b7c;
	color: #FFFFFF;
	border-right:#FFFFFF solid 1px;
	padding-top:0px;
	font-size:1.2em;
}
}

#menu li a {
	padding: 0px 10px 0px 5px ;
	text-align: center;
	text-decoration: none;
	background: #a77b7c;
	color: #FFFFFF;
	font-family : Regular, "Open Sans", Helvetica, Arial, sans-serif, "trebuchet ms";
	font-weight:bold;
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
	/*background: #641616;*/
	color: #000;
	text-decoration: underline;
}
#menu li a.en-cours{
border:solid 1px #dedede;
font-size:0.9em;
list-style-type : none; 
border-radius: 5px 10px 0 5px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;
height:35px;
color:#00ffff;
}
/* CONTENU DE LA PAGE */
#contenu {
	padding:10px;
	min-height:600px;
}
.accesparent
{
	font-family: Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 40px;
	color:#FFO;
     display: block; 
     text-align: center;
	margin-top:150px;
	padding:20px;	
}
h1 {
	font-family: verdana, Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 25px;
	color:#993366 /*#fff*/;
	text-align:center;
	margin:0px;
}
h2 {
	font-family: Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 20px;
	margin:0 auto;
	color:#FF0000;
	font-variant: small-caps;
	text-align:center;	
}
h3 {
	font-family: Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size: 1.2em;
	color:#993366 /*#4d4d4d*/;
	font-variant: small-caps;
    text-align:center;
}
p {
        text-align:center;
}
table.center {margin-left:auto; 
margin-right:auto;
text-align: center; 
width: 50%;

}

/* PIED DE PAGE */
#piedDePage{
    clear:both;
	background-color:#993366;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif, "trebuchet ms";
	font-size:1.2em;
	height:50px;
	padding-top:10px;
	color:#FFF;	
	margin-left: auto; /* Permet de centrer le site */
    margin-right: auto; /* Permet de centrer le site */
    width: 100%;
}

.boutonConnexion { 
        background-color: #000;
        color : #FFF;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
        text-align:center;
		margin : auto;
		font-size : 1.1em ;
	}
.boutonConnexion:hover {
		background-color: #993366;
		color: #FFF;
	}
.boutonConnexion1 { 

        width:120px;
        background-color: #000;
        color : #FFF;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;

	}
.boutonConnexion1:hover {
		background-color: #659CD8;
	}
.text1{
	color:#993366;
	font-size:1em;		
	}
/*table stylisée come fichiers fournitures*/
table.imagetables {
	font-family: verdana,arial,sans-serif;
	font-size:1.1em;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.imagetables th {
	background:#b5cfd2 url('images/cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.imagetables td {
	background:#dcddc0 url('images/cell-grey.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable {
	font-family: verdana,arial,sans-serif;
	font-size:1.1em;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.imagetable th {
	background:#b5cfd2;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable td {
	background:#dcddc0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}