/* CSS style-standard 1/4 heure  */

body {
	 font-size:small; 
	 font-family:verdana,Helvetica, sans-serif; 
	 margin:0; 
	 padding:0;
	 text-align:justify; 
	 background-color:#ffffff;
	 background-image:url('images/droite09.jpg'); 
	 background-position:0px 103px;
	 background-repeat:no-repeat;
}

h1 { margin:0;padding-top:10px; }
h2 { color:#70BE24; margin:0; font-size:large;margin-bottom:5px;margin-top:2px; }
h3 { color:#F18800; margin:0; font-size:1em;margin-bottom:5px; }
h4 { color:#000; margin:0; font-size:1em;margin:10px 0 0 0; }
img { margin:0; padding:0; border:none; }

#accessibility {
	display:none;
}
#header {
	z-index:20;
	margin:0; 
	padding:0;
	background-color:#BE0000; 
	height:103px; 
	width:100%;
}
.imgToRight {
	float:right;
	margin:5px 0 5px 5px;
}
.imgToLeft {
	float:left;
	margin:5px 10px 5px 0;
}
.clearLeft { clear:left; }
#hautdroite { 
	position:absolute;
	top:40px;
	right:40px;
	font-size:1.2em;
	font-weight:bold;
}
#hautdroite a, #hautdroite a:visited, #hautdroite a:link, #hautdroite a:active, #hautdroite a:hover {
	 color:#FFF; text-decoration:none;  
}
#footer
{
	margin-left:199px;
	padding:20px 10px 20px 10px;
	text-align:center;
	font-size:smaller;
	color:#988FA8;
}
#footer a, #footer a:visited, #footer a:link, #footer a:hover, #footer a:active
{
	color:#988FFF;
}

/* ***************************************************** MENU ***************************************************** */
#menu {  
	z-index:20;
	position:absolute; 
	top:380px;
}
#menu a, #menu a:visited, #menu a:link, #menu a:active, #menu a:hover { color:#FFF; text-decoration:none; }

#menu ul {
	list-style-type:none;
	width:200px;
	font-weight:bold;
	padding:0;
	margin:0;
}
#menu ul li {
	width:184px;
	height:18px;
	margin:0 5px 12px 0;
	padding:0 0 0 15px;
}

/* ***************************************************** CONTENT ***************************************************** */
#content {
	z-index:20;
	margin-left:199px; 
	min-height:350px; 
	padding-top:15px;
}
*html #content { height:350px; }

#texte {
	padding:20px;
}

#content a, #content a:visited, #content a:link, #content a:active, #content a:hover { color:#000099; text-decoration:none; }
#content a:hover { text-decoration:underline;  }

#content a.orange { color:#F18800; }

.rub { font-size:0.8em; color:gray; }

.divlien { float:right;width:280px;padding:10px;text-align:center;border-top:1px solid gray;border-bottom:1px solid gray;}
/*#content .divlien a, #content .divlien a:link, #content .divlien a:visited, #content .divlien a:hover, #content .divlien a:active { color:black; }*/

.divlien2 { margin-left:420px;width:400px;padding:10px;}
#content .divlien2 a, #content .divlien2 a:link, #content .divlien2 a:visited, #content .divlien2 a:hover, #content .divlien2 a:active { color:black; }

.divlien3 { margin-left:420px;width:390px;text-align:center;padding:5px;border-top:1px solid gray;border-bottom:1px solid gray; font-size:1.2em; font-weight:bold;font-family:rockwell;}
#content .divlien3 a, #content .divlien3 a:link, #content .divlien3 a:visited, #content .divlien3 a:hover, #content .divlien3 a:active { color:black; }

.divlien4 { float:right;width:390px;text-align:center;padding:5px;border-top:1px solid gray;border-bottom:1px solid gray; font-size:1.2em; font-weight:bold;font-family:rockwell;margin-left:10px;}
#content .divlien4 a, #content .divlien4 a:link, #content .divlien4 a:visited, #content .divlien4 a:hover, #content .divlien4 a:active { color:black; }


/* ***************************************************** COLORS ***************************************************** */

.encadreviolet, .encadregris, .encadrevert, .encadrebleu, .encadreF18800, .encadrevertfonce {
	margin-top:30px;
	padding:5px;
	border:1px solid;
	clear:both;
}
.encadreviolet {
	border-color:#9F1A6E;
}
.encadregris {
	border-color:#988FA8;
}
.encadrevert {
	border-color:#70BE24;
}
.encadrebleu {
	border-color:#0868AB;
}
.encadreF18800 {
	border-color:#F18800;
}
.encadrevertfonce {
	border-color:#14793C;
}

.h1violet, .h1gris, .h1vert, .h1bleu, .h1F18800, .h1vertfonce, .h1rouge {
	padding:0px 30px 3px 15px;
	background-position:bottom left; 
	background-repeat:repeat-x;
	display:inline;
}
.h1violet {
	background-image:url("images/colors/9F1A6E_G.gif"); 
}
.h1rouge {
	background-image:url("images/colors/BE0000_G.gif"); 
}
.h1gris {
	background-image:url("images/colors/988FA8_G.gif"); 
}
.h1vert {
	background-image:url("images/colors/70BE24_G.gif"); 
}
.h1bleu {
	background-image:url("images/colors/0868AB_G.gif"); 
}
.h1F18800 {
	background-image:url("images/colors/F18800_G.gif"); 
}
.h1vertfonce {
	background-image:url("images/colors/14793C_G.gif");
}

.h2rouge {
	color:#BE0000;
}
.h2violet {
	color:#9F1A6E;
}
.h2gris {
	color:gray;
}
.h2vert {
	color:#70BE24;
}
.h2bleu {
	color:#0868AB;
}
.h2F18800 {
	color:#F18800;
}
.h2vertfonce {
	color:#14793C;
}

.P_BE0000 {
	background-image:url("images/colors/BE0000_P.gif"); 
}
.P_988FA8 {
	background-image:url("images/colors/988FA8_P.gif"); 
}
.P_70BE24 {	
	background-image:url("images/colors/70BE24_P.gif"); 
}
.P_F18800 {	
	background-image:url("images/colors/F18800_P.gif"); 
}
.P_0868AB {	
	background-image:url("images/colors/0868AB_P.gif"); 
}
.P_7E0050 {	
	background-image:url("images/colors/9F1A6E_P.gif"); 
}
.P_14793C {
	background-image:url("images/colors/14793C_P.gif");
}
.P_988FA8, .P_70BE24, .P_F18800, .P_0868AB, .P_7E0050, .P_14793C, .P_BE0000 {	
	background-position:bottom left; 
	background-repeat:repeat-x;
}


/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
	cursor:pointer;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}

fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}
.formfield { border-right: #CCC 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #CCC 1px solid; height:15px; color: #333; background-color: #fff; width:200px; margin:0 0 0 0; }

.radio {
	padding-top:3px;
}

.formbutton {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #9F1A6E;
	padding:2px;
	margin: 10px 0 0 0;
	cursor:pointer;
}

select {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	background-color: #fff ;
	margin:0 0 0 5px;
	/*width: 250px;*/
}

textarea {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	background-color: #fff ;
	width: 250px;
	margin-bottom:10px;
}