* {margin:0px; padding-left:0px;}


#gris {
background-color:#f2f2f3;
}

.menu {
   font: 11px Verdana, Arial, Helvetica, sans-serif;

}


.menu ul {
  list-style:none;  
  width:210px;
  background:green;
  margin-left: 0px;
  padding-left: 0px;
  text-indent: -5px;
}

.menu a {
  text-decoration:none;
  color:white;
}

.menu a:hover {
  color:orange;
}

.menu li {
  margin-left:0px;
  margin-right:0px;
  border-top:1px  dotted white;
  padding:5px 0px 10px 10px;
  list-style:none;
  font-size:11px;

}



.box {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color:yellow;
}


.box h1 {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   color:black;
   margin-left:10px;
   margin-bottom:5px;
   margin-top:5px;
}


.box ul {
  width:210px;
  background:#4DB84D;
  margin-left: 0px;
  padding-left: 0px;
  border-top:1px dotted white;
  list-style:none;

}

.box a {
  text-decoration:none;
  color:white; 
}

.box a:hover {
  color:orange;
}

.box li {
  margin-left:0px;
  margin-right:0px;
  padding:2px 0px 8px 20px;
  /*border-top:1px dotted green;*/
  list-style:none;


}

.box li:hover {
}

.box a:active { color:fuchsia; }


.baseline {
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color:white;
}


.baseline ul {
margin-left:90px;
margin-top:50px;
list-style:none;  
}


.tdleft {
background:#FFDAA3;
border-left:1px dotted grey;
border-right:1px dotted grey;
}


.tdright {
border-right:1px dotted grey;
margin-right:5px;
}



.tdleftblanc {
background:#FFFFFF;
border-left:1px dotted grey;
}


.tdleftblanc ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;

}

.tdleftblanc li {
padding: 0px 0px 5px 0px;
background:#FFFFFF;
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style:square;
color::orange;
}


.tdleftblanc a {
color:#FF6600;
text-decoration:none;
}


.tdleftblanc a:hover {
color:black;
text-decoration:none;
}























.espace {
width:960px;
height:10px;
}

.service {
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   color:black;
   width:209px;
   vertical-align: bottom;

	 

}

.service ul {
  list-style:none;  
  width:208px;
  background:#FFEDD2;
  margin-left: 0px;
  padding-left: 0px;
  text-indent: -5px;
  border-right:1px solid silver;
  border-left:1px solid silver;
  border-bottom:1px solid silver;
}



.grey {
  border-right:1px solid silver;
  border-left:1px solid silver;
  border-top:1px solid silver;
}





.service li {
  margin-left:0px;
  margin-right:0px;
  padding-left:15px;
  padding-top:3px;
  padding-bottom:3px;
}

.service a {
color:#FF6600;
text-decoration:none;
}

.service a:hover {
color:#FF3300;
text-decoration:underline;
}

.service hr {
color:orange;
}

.service h1 {
color:#FF6600;
   font: 15px Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   

}

.filetorange {
border-bottom:1px dotted #FF6600;
}



.grey img {
  border-right:1px solid silver;
  border-left:1px solid silver;
  border-top:1px solid silver;
}

.recherche {
border:1px solid orange;
width:200px;
height:70px;
background-image: url(./img/loupe.gif);
}


.recherche input { 
background-color: #FFEFD5 ; 
font-family: 10px Verdana, Arial, Helvetica, sans-serif;
color: red ; 
width:130px;
margin-left:13px;
border: 1px solid red;
margin-top:20px;
}




.recherche a { 
font-family: 15px Verdana, Arial, Helvetica, sans-serif;
color: black ; 
text-decoration:none;;
}

.selection  { 
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: white ;
text-align:center;
border-right:1px solid white;
}


.selection h1 { 
font: 15px Verdana, Arial, Helvetica, sans-serif;
color: white ;
color:black;
text-align:left;
padding:5px 5px 5px 5px;
background:#CCFFCC;

}


.selection h2 { 
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: green ;
background:#CCFFCC;
text-align:left;
padding:0px 5px 8px 5px;
}





.selection h3 { 
font: 15px Verdana, Arial, Helvetica, sans-serif;
color: white ;
color:black;
text-align:left;
padding:5px 5px 5px 20px;

background-image:url(img/puce_verte.gif);
background-repeat: no-repeat;

}

.selection h4 { 
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: black ;
text-align:left;
padding:0px 5px 8px 20px;
}


.selection a { 
color: black ;
text-decoration:none;
}

.selection a:hover{ 
color: orange ;
}




.filet {
width:100%;
height:1px;
border-bottom:1px dotted green;
}



.filetgris {
width:100%;
height:1px;
border-bottom:1px dotted grey;
}


.info h1 {
font: italic normal 37px  Times, serif;
height:50px;
/*padding:11px 0px 10px 200px;*/
color:orange;
font-weight:normal;
margin-top:10px;
}


.info h2 {
font: 13px Verdana, Arial, Helvetica, sans-serif;
padding:10px 0px 0px 0px;
color:green;
font-weight:normal;
}

.info h3 {
font: 25px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 10px 0px;
color:black;
font-weight:normal;
}


.info h4 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 10px 0px;
color:black;
font-weight:normal;
text-align:left;
margin-right:5px;
}

.info img {
border:1px solid black;
margin-right:10px;
margin-bottom:10px;
float:left;
}

.info a {
text-decoration:none;
background-image:url(img/little_puce.gif);
background-repeat: no-repeat;
}

.info a:hover {
color:#FF3300;
}




.copyright {
width:960px;
height:5px;
margin-top:10px;
margin-bottom:15px;
text-align:center;
}

.copyright h1 {
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:5px;
}


.copyright a {
color:orange;
}

.copyright a:hover {
color:red;
}


.ariane {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding-bottom:7px;
border-bottom:1px dotted grey;
margin-left:10px;
width:530px;
}

.ariane a {
color:orange;
}

.ariane a:hover {
color:red;
}


.entree {
margin-top:10px;
margin-left:15px;
margin-right:10px;
background:#EEEEEE;
padding-right:5px;
padding-left:5px;
display:table;
padding-bottom:10px;
width:525px;
}





#white {
background:white;
}







.entree h1 {
margin-top:10px;
font: 15px Verdana, Arial, Helvetica, sans-serif;
color:black;
}

.entree h2 {
margin-top:5px;
font: 22px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}


.entree h3 {
margin-top:3px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-weight:bold;
line-height:14px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}

.entree img {
margin-top:6px;
float:left;
border:1px solid black;
margin-right:10px;
height:auto;
}

.texte {
margin-right:10px;
margin-left:15px;

}

.texte h1 {
font: 26px Verdana, Arial, Helvetica, sans-serif;
color:black;
/*text-transform:uppercase;*/
font-weight:normal;
color:green;
margin-top:5px;
}

.texte h2 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:justify;
}



.texte h3 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:green;
margin-top:15px;
}



.texte h4 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#FF6600;
margin-top:30px;
margin-bottom:15px;
border-bottom:1px solid green;
}




.texte ul {
margin-left:40px;
}


.texte li {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-top:15px;
list-style-image:url(img/little_puce.gif)
}



.texte img {
float:left;
border:1px solid black;
margin-right:10px;
}



.texte a {
color:orange;
}

.texte a:hover {
color:red;
}



.encartdroite {
margin-right:3px;
margin-left:8px;
background:#FFFFFF;
border:1px solid green;
}

.encartdroite h1 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:green;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
background-image: url(./img/bg_green.gif);
background-repeat: repeat-x;
}



.encartdroite h6 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:green;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}



.encartdroite h2 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:black;
text-align:left;
padding:5px 5px 5px 5px;
line-height:14px;
background:#FFFFFF	;
}


.encartdroite h3 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:#FF6600;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
background-image: url(./img/bg_orange.gif);
}


.encartdroite h4 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:black;
text-align:left;
padding:5px 5px 5px 5px;
line-height:14px;
background:#FFEDD2;
}




.encadre {
margin-top:20px;
margin-bottom:20px;

margin-right:0px;
margin-left:0px;
border:1px solid green;
}

.encadre h1 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:green;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
background-image: url(./img/bg_green.gif);
}

.encadre h2 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:black;
text-align:left;
padding:5px 5px 5px 5px;
line-height:14px;
background:#EEEEEE	;
}



.encartvideo {
margin-right:3px;
margin-left:8px;
background:#EEEEEE;
border:1px solid green;
}

.encartvideo h1 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding-left:32px;
color:green;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
background-image: url(./img/bg_video.gif);
border-bottom:1px solid green;
}

.encartvideo h2 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:#CC3300;
padding:5px 5px 5px 5px;
line-height:14px;
background:#FFFFFF	;
text-transform:uppercase;
text-align:center;
}

.encartvideo h3 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
padding:5px 5px 5px 5px;
line-height:14px;
background:#FFFFFF;
text-align:left;
}


.encartvideo a {
color:green;
line-height:30px;
padding-left:5px;
}


.encartvideo a:hover {
text-decoration:none;
}




.legende table {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;

}


.legende caption {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0px 10px 0px 0px;
padding:5px 3px 5px 3px;
text-align:left;
background:black;
}

.legende a {
margin:0px 10px 0px 0px;
padding:5px 3px 5px 3px;
text-align:left;
color:white;

}



.imgseule table {
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:center;


}

.imgseule img {
border:1px solide black;
}


.imgseule caption {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0px 0px 10px 0px;
padding:5px 3px 5px 3px;
text-align:left;
background:black;
}

.imgseule a {
margin:0px 10px 0px 0px;
padding:5px 3px 5px 3px;
text-align:left;
color:white;
}

.container200 {
width:200px;
float:right;
margin-left:15px;
}



.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(./img/shadow.gif) no-repeat bottom right;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }


.table {
font: 10px Verdana, Arial, Helvetica, sans-serif;
align:center;
magin-left:10px;
}

.pancarte {
text-align:center;
margin-bottom:20px;
margin-top:40px;
}


.colgauche {
font-family:verdana;
}

.colgauche a {
color:black;
text-decoration:none;
font-size:10px;
padding-right:5px;
}


.colgauche a:hover {
color:black;
text-decoration:none;
color:#FF6600;
}



.colgauche h1 {
color:#CC3300;
font-weight:normal;
font-size:12px;
margin-left:10px;
text-transform:uppercase;
margin-top:5px;
}

#border {
border:1px solid black;
}


.colgauche h2 {
color:black;
font-weight:normal;
font-size:12px;
margin-left:10px;
margin-bottom:10px;
}


#videoacc {
text-align:center;
float:middle;
align:center;
display:block;
margin-right:auto;
margin-left:auto;
}



.leftimg {
float:left;
margin-bottom:5px;
margin-top:2px;
margin-right:10px;
}

#millieu {
text-align:center;
}

#top5px {
margin-top:5px;
}

#carmin {
color:#CC3300;
text-transform:none;
padding-right:5px;
font-size:12px;
}

.carmin a:hover {
color:black;

}

#right {
float:right;
margin-left:10px;
margin-right:0px;
}


#border0 {
border:0px;
}

#orange {
color:orange;
}


#orange a:hover {
color:red;
}



#green {
color:green;
}


#green10px {
color:green;
font-size:11px;
}

.servier {

color:green;
margin-top:5px;
margin-bottom:5px;
font-family:verdana;
font-size:0.8em;
text-align:center;
letter-spacing:0.1em;
}


.search {
margin:10px 10px 10px 10px ;
}

.search a {
margin-top:15px;
color:#FF6600;
text-decoration:none;
}

.search a:hover {
color:red;
text-decoration:underline;
}






.newsletter {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.newsletter h6 {
margin-left:10px;
font-size:17px;
color:green;
}


.newsletter h3 {
margin-left:10px;
font-size:12px;
font-weight:normal;
margin-bottom:8px;
}


.newsletter h4 {
margin-left:10px;
font-size:15px;
font-weight:bold;
color:green;
margin-top:20px;
margin-bottom:5px;
}


.newsletter h2 {
margin-left:10px;
font-size:14px;
font-weight:bold;
}


.newsletter h1 {
margin-left:10px;
font-size:12px;
font-weight:bold;
color:grey;
margin-top:0px;
}


.newsletter a {
color:orange;
}


.newsletter a:hover {
color:red;
}