/* CSS Document */

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;height: 100%;color: #757575; 

}
#header {
	HEIGHT: 121px; BACKGROUND-COLOR: #ff9211  ;background:url(../images/imagehaut.png) no-repeat;BACKGROUND-COLOR: #ffbbbb;BACKGROUND-COLOR: #fe7d14 ;margin:0px; padding:0px; BACKGROUND-COLOR: #fd5f0c;
}

img {display:inline; border: none; margin:0px;
padding:0px;}

#header img{ margin:0px;
padding:0px;
	width :100%;
	height :100%;
}
#haut {
	HEIGHT: 63px; BACKGROUND-COLOR: #ff9211;  margin:0px; padding:0px;
}
#conteneur {
	WIDTH: 100%; POSITION: absolute; BACKGROUND-COLOR: #feeabb;background-color: #ffffff;
}
#centre {
	margin-left: 60px; margin-right: 250px; background-color: #ffffff; margin-top:0px; padding-top: 15px; text-align:justify; padding-bottom: 10px; height:400px; padding-left:20px; padding-right:20px;
}

html>body #centre {
height: auto;
min-height: 400px;
} 

#gauche {
	LEFT: 0px; WIDTH: 150px; POSITION: absolute
}
#droite {
	RIGHT: 0px; WIDTH: 300px; POSITION: absolute; margin-top:20px;
}



.separation{
clear :both;
visibility:hidden;}
#pied {
	HEIGHT: 30px; BACKGROUND-COLOR: #ff9211
	
}


/* ************************************************************
    style div gauche contenant le menu du pied de page
 ************************************************************ */
#pied {height: 30px; background-color:#ffffff; color: #397a9d;  font-size:10px; margin:0 ; padding-top:10px; text-align:center; border-top:solid 1px #b3adad; margin-top:30px; margin-left:40px;margin-right:40px }
#pied ul{list-style-type:none;}
#pied li {display:inline; margin: 0 ; }
#pied  li a {color: #686363; text-decoration: none; font-size:10px; font-weight:normal;}
#pied  li a:link { 	color: #686363; }
#pied  li a:visited { color: #686363; }
#pied  li a:hover { 	color: #686363; text-decoration:underline;}
#pied  li a:active{ 	color: #f8b030; }



P {
	MARGIN: 0px 0px 10px
}

/* ************************************************************
    styles titres centre
 ************************************************************ */
#centre em { font-size:0.9em;  color: #b9b9b9; text-align:left; padding-left:0px; line-height:-2px;  font-style:normal; display:block; margin:0; padding:0; }
#centre em a { color: #989797;}
#centre em a:hover { color: #b9b9b9; text-decoration:underline;}
h1 {font-size:1.6em; font-weight:bolder; color: #ffffff; text-align:left;  text-decoration: none; padding-left:0px; background:url(../images/TITREH1.png) right top ; display:block;  margin-top:30px; }
h2 { font-size:1.3em; font-weight:bold; color: #ff9400 ;text-align:left; padding-left:10px; border-top: 5px; text-decoration: none; padding-left:0px;  border-bottom:solid 1px  #ffd97f;}
h3 { font-size:1em; font-weight:bold; color:#081da0 ; padding-left:-70px; border-top: 5px; text-decoration: none;
 font-weight:bolder; text-align:left;  text-decoration: none; padding-left:0px;  display:block; }
h4 { font-size:1em; font-weight:bold; color:#0496cc; padding-left:-70px;  /*adacac*/border-top: 5px; text-decoration: none; border-bottom:solid 1px  #ababab; padding-top:20px; margin-bottom:7px;}
span {font-family:verdana, arial, helvetica, sans-serif; font-size:1em; font-weight:bolder; color: #99999a; text-align:left; padding-left:10px; 
	border-top: 5px; text-decoration: none; padding-left:0px;}
	
h6  { margin:0; padding:0;}
			
					/* ************************************************************
    style pour bloc sondage
   ************************************************************ */

div#cadresond { /* conteneur global et chapeau de l'arri�re plan */
width: 212px;  
padding-top: 0px;
float:right;
background:url(../images/sondagehaut.png) top left no-repeat;

}



div#bloccadresond { /* bord et pieds de l'arri�re plan */
padding-bottom: 20px;
width: 212px;  
color:#FFFFFF !important;
text-align:left;
background:url(../images/flashinfo_bas.png) bottom left  no-repeat;
margin-top:60px;
float:right;
}

div #bloccadresond p {margin: 0 30px 0 20px; color:#ffffff; text-align: left;}

div #bloccadresond img {}
div #bloccadre span {color:#ff8f00; font-weight:bold}

#droiteflashinfo a {text-align:left; padding-left:5px; font-size:11px}

#droiteflashinfo ul {margin:0; padding:0; text-align:left;  font-size:11px;  position:absolute; top: 140px;
list-style-image:url(images/puce_moncompte.gif);
list-style-position:inside;}

INPUT.textfield2 {BORDER-RIGHT: #c5d3df 1px solid; BORDER-TOP: #c5d3df 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #c5d3df 1px solid; COLOR: #333333; BORDER-BOTTOM: #c5d3df 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #f8fbfd; width:50%; color:#6d90b0 ; margin-bottom:5px;}/* class pour les champs texte*/

#flashinfoimg {float:right; }


			
			/* ************************************************************
    style pour bloc flashinfo
   ************************************************************ */

div#cadrefi { /* conteneur global et chapeau de l'arri�re plan */
width: 212px; 
padding-top: 0px;
float:right;
background:url(../images/flashinfo_haut.png) top left no-repeat;

}



div#bloccadrefi { /* bord et pieds de l'arri�re plan */
padding-bottom: 10px;
width: 212px; 
color:#FFFFFF !important;
text-align:left;
background:url(../images/flashinfo_bas.png) bottom left  no-repeat;
margin-top:60px;
float:right;
}

div #bloccadrefi p {margin: 0 30px 0 20px; color:#FFFFFF !important;}
div #bloccadrefi img {margin: 10px  20px 15px 50px;}
div #bloccadrefi span {color:#ff8f00; font-weight:bold}

#droiteflashinfo a {text-align:left; padding-left:5px; font-size:11px}

#droiteflashinfo ul {margin:0; padding:0; text-align:left;  font-size:11px;  position:absolute; top: 140px;
list-style-image:url(images/puce_moncompte.gif);
list-style-position:inside;}

INPUT.textfield2 {BORDER-RIGHT: #c5d3df 1px solid; BORDER-TOP: #c5d3df 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #c5d3df 1px solid; COLOR: #333333; BORDER-BOTTOM: #c5d3df 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #f8fbfd; width:50%; color:#6d90b0 ; margin-bottom:5px;}/* class pour les champs texte*/

#flashinfoimg {float:right; }


	
			/* ************************************************************
    style pour bloc flashinfo regional
   ************************************************************ */

div#cadrefireg { /* conteneur global et chapeau de l'arri�re plan */
width: 212px; 
padding-top: 0px;
background:url(../images/flashinforeg_haut.png) top left no-repeat;
float:right;
}



div#bloccadrefireg { /* bord et pieds de l'arri�re plan */
padding-bottom: 10px;
width: 212px; 
color:#8c72b3;
text-align:justify;
background:url(../images/flashinforeg_bas.png) bottom left  no-repeat;
margin-top:60px;
float:right;
}

div #bloccadrefireg p {margin: 0 30px 0 20px;}
div #bloccadrefireg img {margin: 10px  20px 15px 50px;}
div #bloccadrefireg span {color:#ff8f00; font-weight:bold;}

/* ************************************************************
    styles bloc cadre violet zone focus 1 background-color: #e8e7e7; margin-top:20px;  margin-bottom:10px;width:300px;
 ************************************************************ */

#cadrevi { /* taille du cadre, � titre d'exemple*/ background-color: #e8e7e7; margin-top:0px;  height:100px;  }
/* propri�t�s communes � l'ensemble des 4 coins * background: url(../images/bd.gif); float:none;*/


html>body #cadrevi {
height: auto;
min-height: 100px;
} 

#cadrevi  ul { margin:0;padding:0;font: 0,8em verdana, tahoma, serif;list-style:none; 
 list-style-image:url(../images/pucebleue.png);   }
#cadrevi img { margin:0; padding:0;float:left;}
/* propri�t�s communes � l'ensemble des 4 coins */
#hautgauchevi, #hautdroitvi, #basgauchevi, #basdroitvi {height: 18px; width: 23px;background-repeat: no-repeat;  /* correction d'un bug ie */}
/* propri�t�s sp�cifiques � chaque coin */
#hautgauchevi{background: url(../images/hg.gif);}
#hautdroitvi {float: right;background: url(../images/hd.gif)}
#basgauchevi {/*background: url(../images/bg.gif);float:none;*/}
#basdroitvi {float: right;}
#contenuvi {color:#9c9898; padding-left:10px; padding-right:10px;}
#contenuvi p {color:#9c9898;margin: 0.6em; /*gestion des espaces interparagraphes */text-align:justify;line-height:12px;}
#contenuvi h6 {margin: 0.3em; /*gestion des espaces interparagraphes */text-align:left;font-size:1.5em; font-weight:bold; color: #008c80; margin-left:10px; }
#contenuvi   a {font-size:0.8em; text-decoration: none;  padding-left:10px;line-height:6px;}
#contenuvi   a:link { 	color: #747474; } 
#contenuvi   a:visited { color: #747474; }
#contenuvi   a:hover { 	color: #747474; text-decoration:underline;}
#contenuvi   a:active{ 	color: #f8b030;}
#contenuvi  ul { margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style:none;list-style-position:inside; padding-bottom:0px; 
padding-top:0px; list-style-image:url(../images/pucebleue.png);list-style-position:inside; }


 /* liens corps de texte (mise en forme par d�faut) */
#centre a:link { color: #8a8686;text-decoration:none;font-family:verdana; font-weight:bold; font-size:12px} /* lien non-visit� */
#centre a:visited { color: #8a8686;text-decoration:none;font-family:verdana;font-size:12px;font-weight:bold;} /* lien visit� */
# centre a:hover { color: #8a8686;text-decoration:underline;font-family:verdana;font-size:12px;font-weight:bold;} /* lien survol� */
# centre a:active { color: #45adba;text-decoration:none;font-family:verdana;font-size:12px;font-weight:bold;} /* lien activ� */



/* ************************************************************
#denierebr2 {margin-top:-25px;margin-left:20px;}
    styles bloc cadre violet zone focus 
 ************************************************************ */
#cadrevi2 { /* taille du cadre, � titre d'exemple*/margin-top:0px;background-color:#e8e7e7; float:left; width:600px; }

/* propri�t�s communes � l'ensemble des 4 coins */

#cadrevi2  ul { margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style:none; padding-bottom:10px; 
padding-top:10px; list-style-image:url(../images/pucebleue.png); margin-left:20px;}
#cadrevi2 img { margin:0; padding:0; }
/* propri�t�s communes � l'ensemble des 4 coins */
#hautgauchevi2, #hautdroitvi2, #basgauchevi2, #basdroitvi2 {height: 18px; width: 23px;background-repeat: no-repeat; font-size:1px; /* correction d'un bug ie */}
/* propri�t�s sp�cifiques � chaque coin */
#hautgauchevi2{background: url(../images/hg.gif);}
#hautdroitvi2 {float: right;background: url(../images/hd.gif);}
#basgauchevi2 {background: url(../images/bg.gif);}
#basdroitvi2 {float: right;background: url(../images/bd.gif);}
#contenuvi2 {color:#9c9898; padding-left:10px; padding-right:10px;}
#contenuvi2 p {color:#9c9898;margin: 0.6em; /*gestion des espaces interparagraphes */text-align:justify;line-height:12px;}
#contenuvi2 h6 {margin: 0.3em; /*gestion des espaces interparagraphes */text-align:left;font-size:1.5em; font-weight:bold; color: #008c80; margin-left:10px; }
#contenuvi2   a {font-size:1em; text-decoration: none; font-weight: normal; padding-left:10px;}
#contenuvi2   a:link { 	color: #747474; } 
#contenuvi2   a:visited { color: #747474; }
#contenuvi2   a:hover { 	color: #747474; text-decoration:underline;}
#contenuvi2   a:active{ 	color: #f8b030; }
#contenuvi2  ul { margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style:none;list-style-position:inside; padding-bottom:0px; 
padding-top:0px; list-style-image:url(../images/pucebleue.png);list-style-position:inside; }

/* ************************************************************
    styles menus
 ************************************************************ */
.separation{
clear :both;
visibility:hidden;}
/* ************************************************************
    styles menus
 ************************************************************ */

#menu {background-color:none; position: absolute;  width:614px;   left: 50px;  margin:0;padding:0; }
#menu dl {float: left ; margin:0;padding:0;}
#menu li {display: inline; padding-right:4px; padding-left:4px}

#menu li a { color: #616161; text-decoration: none; display:inline;font-weight:bold; font-size: 1.1em;}
#menu li a:hover { color: #616161;text-decoration: underline; font-weight:bold; }
#menu a#menuimg1 {  text-decoration: none; background:url(../images/association.jpg); display:block; height:46px; width:132px; margin:0px;padding:0px; font-weight:normal;}
#menu a#menuimg1:hover{  background-position:0 -46px; }

#menu a#menuimg2 {  text-decoration: none; background:url(../images/documentaire.jpg); display:block; height:46px; width:152px; margin:0px;padding:0px ;
font-weight:normal;}
#menu a#menuimg2:hover{ background-position:0 -46px;font-weight:normal;}

#menu a#menuimg3 {text-decoration: none; background:url(../images/membre.jpg);display:block; height:46px; width:81px; margin:0px;padding:0px;font-weight:normal;}
#menu a#menuimg3:hover{  background-position:0 -46px;font-weight:normal;}

#menu a#menuimg4 {text-decoration: none; background:url(../images/partenaires.jpg);display:block; height:46px; width:90px; margin:0px;padding:0px;font-weight:normal;}
#menu a#menuimg4:hover{ background-position:0 -46px; font-weight:normal;}

#menu a#menuimg5 {text-decoration: none; background:url(../images/bibliographie.jpg);display:block; height:46px; width:133px; margin:0px;padding:0px;font-weight:lighter;}
#menu a#menuimg5:hover{ background-position:0 -46px;font-weight:normal;}



#smenu1 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu2 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu3 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu4 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu5 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu6 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}
#smenu7 {font-size: 0.9em; left: 0px; width: 800px; position: absolute;font-family:Arial, Helvetica, sans-serif; color:#006699;}

/* ************************************************************
    styles formulaires
 ************************************************************ */
 
 
 #form {float:right; color:#FFFFFF; margin-right:10px; margin-top:10px;}
INPUT.textfield {BORDER-RIGHT: #ff7400 2px solid; BORDER-TOP: #ff7400 2px solid; FONT-SIZE: 8px; BORDER-LEFT: #ff7400 2px solid; COLOR: #333333; BORDER-BOTTOM: #ff7400 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 10px; BACKGROUND-COLOR: #fcc691; width:100px; color:#ff7400;
 }/* class pour les champs texte*/


#label2 { margin:0px; padding:0px;padding-left:220px;margin-left:50px; color :#FFFFFF}
span#premier2{margin:0px; padding:0px;padding-left:10px;  }
span#second2{ margin:0px; padding:0px;padding-left:30px;}
span#btn{ margin:0px; padding:0px;}
#form{ margin-left:220px;}

 

/* ************************************************************
    style plan du site
   ************************************************************ */

.sitemap1{ font-weight:bold ; font-size:1.2em; color:#ffffff; background-color:#061678; margin:0px; padding:0px;margin-bottom:5px;margin-top:5px;
   }
   
.sitemap1 a { font-weight:bold ; font-size:1.5em; color:#99a7c3;text-decoration:none; }
.sitemap1 a:hover { font-weight:bold ; font-size:1.5em; color:#99a7c3; text-decoration:none;}
.sitemap1  a:link { 	 text-decoration:none; } 
.sitemap1  a:visited {  text-decoration:none; }
.sitemap1  a:hover { 	 text-decoration:none;}
.sitemap1  a:active{ 	 text-decoration:none; }
   
.sitemap2{ font-weight:bold ; font-size:1em; color:#081da0;    right top ; display:block;
   margin:0px; padding:0px;margin-bottom:5px;margin-top:5px; }
 .sitemap2 a:hover { font-weight:bold ; font-size:1em; color:#99a7c3; text-decoration:none;}
.sitemap2  a:link { 	 text-decoration:none; } 
.sitemap2  a:visited {  text-decoration:none; }
.sitemap2  a:hover { 	 text-decoration:none;}
.sitemap2  a:active{ 	 text-decoration:none;   } 
   .sitemap3{ font-weight:bold ; font-size:0.9em; color:#fab979; margin-right:20px;margin-left:20px;
   }
   
    .sitemap4{  font-size:0,5em; color:#0496cc; /* background:#edf5fb; */  margin-left:20px;
   }
   





/* ************************************************************
    style menuico 
   ************************************************************ */

#posmenuico {position: absolute;right:20px;top: 116px;margin : 0;height: 100px;width:200px;padding:0;}
	

	

ul#menuico {	/* utilisation de liste pour le menu */
padding-right: 0px;
padding-left: 0px; 
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;

}

ul#menuico li {
float: left;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px; 
padding-top: 0px;
list-style-type: none;
}


ul#menuico {
	background: url(../images/menuico.jpg) no-repeat left top;
	width: 200px;
	position: absolute;
	text-align: center;
	height: 65px;
	left: 1px;
	top: 8px;
	}

ul#menuico li {float: left;}

ul#menuico li a {	/* dimensions et d�finitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 65px;
width: 66px;
font-family: arial, serif;
font-size: 14px;
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}

ul#menuico li a:hover {
background:  url(../images/menuico.jpg) no-repeat left top;
}



ul#menuico a#menuico1:hover {
background-position: -200px 0%;	/* d�calage de l'arri�re-plan pour chaque bouton */
color: #d8e6c9;

}


ul#menuico a#menuico2:hover {
background-position: -266px 0%;
color: #d8e6c9;
}


ul#menuico a#menuico3:hover {
background-position: -332px 0%;
color: #d8e6c9;
}

ul#menuico a#menuico4:hover {
background-position: -398px 0%;
color: #d8e6c9;
}








ul#menuico li a span{display:none;font-family:Arial, Helvetica, sans-serif; color:#006699;
}

ul#menuico li a:hover span{display:block; color: #ffffff; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#006699;
}





/* objet de formulaire 
*/

input.forminput {
	background-color: #D8E6C9;
	border: 1px solid #C6C7B5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #24539F;
}

input.formbutton {
	background-color: #ff9211;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D8E6C9;
	cursor:pointer;
}

#form {
	text-align: right;
}