a:active { color: black }a:link { color: black }a:visited { color: black }
body { font: 80%   arial, sans-serif;  background-image:url(/images/imagedefondapgbodybleu_2.jpg);background-repeat:repeat-x fixed top left;	margin: 0; /* pour éviter les marges */     text-align: center; /* pour corriger le bug de centrage IE */	width: 100%;	  padding: 0px;	         }
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}

 #conteneur { 
background-color:black; position: relative;	margin-left:auto;	margin-right:auto;	width:924;	margin-top:0px;	  text-align: left;	  margin-bottom:0px;	  padding: 0px;	  height:10px;	}
#banniere { background: url(images/bannierehaut.gif); background-repeat:no-repeat;top:0; z-index: 500; width: 100%;height: 101;margin: 0;padding: 0;}
#banniere a
{      position: absolute;
    z-index: 500;
         display: block;
         float: left;
        }
#banniere a span
{  
         display: block;

         
        
}


#banniere a#link1
{      height: 85px;
         width: 105px;
         
}
#banniere a#link2
{ 
    left:780;
         height: 50px;
         width: 100px;
}
#banniere a#link3
{ 
    left:765;
    top:60;
         height: 35px;
         width: 120px;
}
#banniere a#link4
{ 
         height: 35px;
         width: 75px;
}



#blocjauneorange {margin-left: 0px;  visibility: visible; margin-top: 0px ; padding:10px; background: #ffcc00; border-color: Yellow; border-style:solid; border-width:0px; }

#footer {  border: 0px solid #336699; text-align: center;margin-top:40px; height:50;font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: green; text-decoration: none; }
 

 
#map {
  display: inline;
}

#menu {  width:100%; z-index:50; padding-top: 101px; margin: 0 px;}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: -101;
  width: 100%;
  z-index: 50;
}
.notsticky {
  position: absolute;
  top:0;
  z-index: 50;
  
}
 
#menu dl { float:left;width:154px;margin: 0 px;padding: 0px;}
#menu dt {height: 15px; cursor: pointer;text-align: center;margin: 0 px;font-weight: bold; color: #444444; background: #ffcc00;border: 0px solid gray;padding: 0px; }
#menu dd {border: 1px solid gray;margin: 0px;padding: 0px; background: #fff;}
#menu li {text-align: center;background: #fff;margin: 0px; padding:0px; padding-bottom: 4px;}
#menu li a, #menu dt a {color: #000;text-decoration: none;display: block; height: 100%;border: 0 none;margin: 0 px;padding: 0px;}
#menu dt a:hover {background: #eee; }
#menu li a:hover {background: #ffcc00; margin: 0px;padding: 0px;height: 140%;border: 0 none;}

#site { background-color:#778899; 
background-color:#FFFFFF;
background-image:url(/images/imagedefondapgbodybleu.jpg);background-repeat:repeat-x; position: absolute;z-index: 1;top : 120px;padding: 0px;	width:100%;	border: 0px solid gray;		margin:0px;}

   img.cadreimage{ margin :10px  15px  15px  10px;     
	    
	    box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);

}
	   img.shadow {
  box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 8px 12px 10px 3px rgba(119, 119, 119, 0.75);
}
	    img {margin :0;    border:0px }a {text-decoration: none;} 
	    	#sondage { 
		 font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;
		
		}	 		
    a.lienblanc:link { color: white; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
    a.lienblanc:visited { color: white; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }		
    a.lienblanc:active { color: white; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
    a.lienblanc:hover { color: yellow; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: underline overline }						
    
    a.lienbordeaux:link { color: #8b0000; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
    a.lienbordeaux:visited { color: #8b0000; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
    a.lienbordeaux:active { color: #8b0000; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
    a.lienbordeaux:hover { color: #8b0000; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: underline overline; }	

     a.liennocolor:link {   text-decoration: none }            
    a.liennocolor:visited {  text-decoration: none }          
    a.liennocolor:active {   text-decoration: none }           
    a.liennocolor:hover {  text-decoration: none }   
		
        

        a.liengrisapg:link { color: #4A4A4A; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }         
    a.liengrisapg:visited { color: #4A4A4A; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }          
    a.liengrisapg:active { color: #4A4A4A; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }           
    a.liengrisapg:hover { color: #4A4A4A; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: underline overline; } 

a.lienbordeaux8:link { color: #8b0000; font-weight: bold; font-size: 8px; font-family: Verdana; text-decoration: none }			
a.lienbordeaux8:visited { color: #8b0000; font-weight: bold; font-size: 8px; font-family: Verdana; text-decoration: none }			
a.lienbordeaux8:active { color: #8b0000; font-weight: bold; font-size: 8px; font-family: Verdana; text-decoration: none }			
a.lienbordeaux8:hover { color: #8b0000; font-weight: bold; font-size: 8px; font-family: Verdana; text-decoration: underline overline; }	
		
				 						a.lienjaune:link { color: yellow; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
                    a.lienjaune:visited { color: yellow; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
                    a.lienjaune:active { color: yellow; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: none }			
                    a.lienjaune:hover { color: yellow; font-weight: bold; font-size: 10px; font-family: Verdana; text-decoration: underline overline }
			
				a.lienjaunepetit:link { color: #F3F781;  font-size: 10px; font-family: Verdana; text-decoration: none }			
        a.lienjaunepetit:visited { color: #F3F781;  font-size: 10px; font-family: Verdana; text-decoration: none }			
        a.lienjaunepetit:active { color: #F3F781;  font-size: 10px; font-family: Verdana; text-decoration: none }			
        a.lienjaunepetit:hover { color: #F3F781;  font-size: 10px; font-family: Verdana; text-decoration: underline overline }									
        h1 { font-weight: bold; font-size: xx-small; font-family: Verdana }						 
        td, input, select, textarea   { font-size:12px; font-family: sans-serif; font-weight:bold; }
   
 a.lienjauneorange:link { color: #ffcc00;  font-size: 10px; font-family: Verdana; text-decoration: none }	 
 a.lienjauneorange:visited { color: #ffcc00;  font-size: 10px; font-family: Verdana; text-decoration: none }			
 a.lienjauneorange:active { color: #ffcc00;  font-size: 10px; font-family: Verdana; text-decoration: none }			
 a.lienjauneorange:hover { color: #ffcc00;  font-size: 10px; font-family: Verdana; text-decoration: underline overline }  


 a.liengdvert:link { color: #044D14;  font-size: 12px; font-weight: bold; font-family: Verdana; text-decoration: none }    
 a.liengdvert:visited { color: #044D14;  font-size: 12px; font-weight: bold; font-family: Verdana; text-decoration: none }            
 a.liengdvert:active { color: #044D14;  font-size: 12px; font-weight: bold; font-family: Verdana; text-decoration: none }         
 a.liengdvert:hover { color: #044D14;  font-size: 12px; font-weight: bold; font-family: Verdana; text-decoration: underline overline }  
 
 .lienjauneorange { color: #ffcc00;  font-size: 10px; font-family: Verdana; text-decoration: none }	
   .bleupetrole12 {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; text-decoration: none}
   .bleupetrole14 {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #336699; text-decoration: none}
       
     .lienrouge {  font-family:   Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: red ; text-decoration: none} 
     .lienvert {  font-family:   Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: green ; text-decoration: none}
     .lienjaune {  font-family:   Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffff33; text-decoration: none;}

.trfin {height:0.1px; }
.tdfinbleu {height:0.1px; text-align:center}


.jauneclair10{  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #F3F781; text-decoration: none}
.petitblanc {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #ffffff; text-decoration: none}
.blanc10 {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: normal;}
.blanc14 {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none} 
.blanc12 {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none}

.blanc12smallinterligne {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 0%;}

.noir10 {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none}
.noir14 {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
.noir12 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.noir20 {  font-family:   Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000000; text-decoration: none; padding:10px;}
.noir40 {  font-family:   Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #000000; text-decoration: none; padding:10px; text-align: center}

.fdgrisbleutxtnoir12 {  padding:3px; line-height: 120%;font-family: arial,helvetica,verdana; font-size: 11px; color:#000000; font-weight: bold;  text-decoration: none; background-color:#CFCCFF; text-align: left; }

.fdrougetxtblanc {  padding:3px; line-height: 180%; ont-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FFFFFF; text-decoration: none; background-color:#C10F5A; text-align: left;}


.fdjauneorangetxtnoir {  padding:3px; line-height: 160%; ont-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; background-color:#ffcc00; text-align: left;}

.fdjauneorangetxtnoir10 {  padding:3px; line-height: 140%;font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; background-color:#ffcc00; text-align: center;}
.fdjauneorangetxtnoir10noalign {  padding:3px; line-height: 120%;font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; background-color:#ffcc00; margin:10 px;}

.fdjauneorangetxtnoir14center {  padding:3px; line-height: 120%;; font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; background-color:#ceb10f; text-align: center;}
.fdjauneorangetxtnoir12noalign {  padding:3px; line-height: 120%;font-family:   Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color:#ceb10f; margin:10 px;}

.fdgrisfoncetxtblanc12 {  padding:3px; line-height: 150%;font-family: arial,helvetica,verdana; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; background-color:#666666; text-align: left; }

.fdblanctxtnoir {  padding:3px; line-height: 120%;font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; background-color:#ffffff; text-align: left;}
.blanc8 {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #ffffff; text-decoration: none; text-align:center;}
.bordeaux8 {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #8b0000; text-decoration: none; text-align:center;}

.noir8 {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #000000; text-decoration: none; text-align:center;}
.noir7 {  font-family:   Arial, Helvetica, sans-serif; font-size: 7px; font-weight: bold; color: #000000; text-decoration: none; text-align:center;}
.grisfonce8 {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #666666; text-decoration: none; text-align:center;}
.grisfonce8noalign {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #666666; text-decoration: none;}
.grisfonce {  font-family:   Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #666666; text-decoration: none; }
.gris {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #B5B7B4; text-decoration: none; text-align:center;}
.gris8 {  font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #B5B7B4; text-decoration: none; text-align:center;}
.grandgris {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height:20px;color: #B5B7B4; text-decoration: none; text-align: center;}
.grandnoir {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; height:20px;background-color:#B5B7B4;color: #000000; text-decoration: none; text-align: center;}
.petitnoir {  margin-left:20px; font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height:20px;background-color:#FFFFFF;color: #000000; text-decoration: none; text-align: center; padding:3px!important;padding:1px;margin-top:2px;}
.titregris {  font-family:   Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; height:30px;color: #666666; text-decoration: none; text-align: center;padding:3px!important;padding:1px;margin-top:2px;}
.titrenoirblanc {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; height:30px;background-color:#000000; text-align: center;padding:3px!important;padding:0px;margin-top:2px;}
.titrenoir {  font-family:   Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; height:30px;color: #000000; text-decoration: none; text-align: center;padding:3px!important;padding:1px;margin-top:2px;}
.titrenoirblanc {  font-family:   Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; height:30px;background-color:#000000; text-align: center;padding:3px!important;padding:0px;margin-top:2px;}


.bleunuit {  font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: #312E4E; text-decoration: none;padding-left: 2px; }
.fdgrisfoncetxtblanc {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; background-color:#666666; text-align: center;padding:1px!important;padding:0px;margin-top:0px;}
.fdgrisfoncetxtblanc10 {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; background-color:#666666; text-align: center;padding:4px!important;padding:0px;margin-top:0px;}
.borderleftfine {

    border-left: 0.2px solid #333333;
}
.borderrightgrey {
    text-align: right;
    color:white;
    border-right: 8px solid #000000;
    padding-right:5px; 
    background-color: #ceb10f;
    
}
.borderbottomfine {

    border-bottom: 0.2px solid #333333;
    
}
.blueborder {
    color:white;
    font-size: 14px;
border: solid 0.5em;
    border-color: transparent #333333 #333333 transparent;
    border-radius: 0px 0px 16px 0px;
-moz-border-radius: 0px 0px 16px 0px;
-webkit-border-radius: 0px 0px 16px 0px;
 background-color:#ceb10f; padding: 7px; margin:0px;}


.circle-text {
display: table-cell;
height: 150px; /*change this and the width
for the size of your initial circle*/
width: 150px;

text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #ceb10f;
color: #fff;
font-family: Arial, Helvetica; font-size: 65px; font-weight: bold; color: #ffffff; text-decoration: none;padding-left: 2px;
border: 10px solid #000000;
}


.pastilleorangenoir {
font-family: Arial, Helvetica; font-size: 45px; font-weight: bold; color: #ffffff; text-decoration: none;padding-left: 2px;
height: 120px;
vertical-align: top;
background-color: #ceb10f;
 border-radius: 140px 140px 140px 140px;
-moz-border-radius: 140px 140px 140px 140px;
-webkit-border-radius: 140px 140px 140px 140px;
border: 10px solid #000000;
}
.fdnoirtxtblanc {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; background-color:#000000; text-align: center;padding:1px!important;padding:0px;margin-top:0px;}
.sepa {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height:2px; background-color:#000000; width: 0.5px;  color: #000000; text-decoration: none; text-align: center;}
.sepamince {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height:0.8px; background-color:#0AA0F7; width: 0.5px;  color: #000000; text-decoration: none; text-align: center;}

.rouge12 {  font-family:   Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: red; text-decoration: none;  }
.rouge10 {  font-family:   Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;  color: red; text-decoration: none;  }
.cadre { text-align: center;font-weight: bold;background: #FFFFFF;border: solid Opx #666666; padding:5px; margin: 0px 50px 55px; 
box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
-moz-box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
-webkit-box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
} 


 .cadregreyblue { text-align: center;font-weight: bold;background: #1376B7;
 padding:5px; margin: 0px 50px 20px; 
 border: dotted 0.5em;
    border-color: #333333 transparent transparent transparent;
    border-radius: 0px 0px 36px 0px;
-moz-border-radius: 0px 0px 36px 0px;
-webkit-border-radius: 0px 0px 36px 0px;
box-shadow: 7px 7px 9px 0px rgba(10, 10, 10, 0.83);
-moz-box-shadow: 7px 7px 9px 0px rgba(10, 10, 10, 0.83);
-webkit-box-shadow: 7px 7px 9px 0px rgba(10, 10, 10, 0.83);
} 
   
   
.cadreecartpetit { text-align: center;font-weight: bold;background: #FFFFFF;border: solid Opx #666666; padding:5px; margin: 0px 50px 20px; 
box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
-moz-box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
-webkit-box-shadow: 7px 15px 9px 0px rgba(10, 10, 10, 0.83);
} 

.passage, .champ   { background-color:#FFFFFF; width:250px; height:50px;  } .inputmoyen   { font-size:10px; font-family: sans-serif; font-weight:bold; color: #8b0000; text-decoration: none; background-color:#B5B7B4; width:100px; height:15px; border: 2px solid gray; align:right }
   .inputpetit   { font-size:10px; font-family: sans-serif; font-weight:bold; color: #8b0000; text-decoration: none; background-color:#B5B7B4; width:50px; height:15px; border: 2px solid gray; } .cocher, .option   { background-color:#DDFFFF; border:1px solid #DDDDDD; } .Formulaire   { background-image:url(background.gif); padding:3px; border:3px solid #000000;font-family:   Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #666666; text-decoration: none; }.Lien   { color:#DDFFFF; text-decoration:none }    .GrandBouton   { background-color:#000000; color:#FFFFFF; width:200px; border:4px solid #DDDDDD; }
   .MoyenBouton   { font-size:8px; font-family: sans-serif; font-weight:bold; color: #ffffff; text-decoration: none; background-color:#666666; color:#FFFFFF; width:85px; border:2px solid #FFFFFF; }