body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #939695;
text-align:justify;
background-color: #B7C6BF; /*couleur de fond verte*/
}
.conteneur { /*le conteneur global du site, qui sera centr? */
position: relative;

background-image: url(image2/suite.jpg);
background-repeat: repeat-y ;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

.header {
height: 70px;
background-image: url(image2/tete.jpg);


}

.menu {
height: 40px;
background-image: url(image2/menu.jpg);
font-family: verdana, sans-serif ; 
color: grey ;
font-size: 11pt ;
text-align: right;
padding-top:0px;
padding-left: 10px
 }

li.inline {
 	display: inline;
 	padding-left: 3px;
 	padding-right: 7px;
 	border-right: 1px dotted #066;
 	font-family: Verdana;
 	font-size : 0.8em;
 	color: grey;
 	
 }
 li.last {
 	display: inline;
 	padding-left: 3px;
 	padding-right: 3px;
 	border-right: 0px;
 	font-family: Verdana;
 	font-size : 0.8em;
 	color: grey;
 } 


.frame {

background-image: url(image2/accueil.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}

.charte {

background-image: url(image2/charte.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}

.form {

background-image: url(image2/form.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}

.membre {

background-image: url(image2/membre.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}

.tous {

background-image: url(image2/touslessites.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}

.recherche {

background-image: url(image2/recherche.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}


.criteres {

background-image: url(image2/criteres.jpg);
background-repeat: no-repeat ;
padding-left: 100px;
padding-right: 10px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #939695;
text-align:justify;

}
p {
font-family: verdana, sans-serif ; 
color: grey ;
font-size: 10pt ;
text-align:justify;
}


.footer {
height: 20px;
background-color: #B7C6BF;
text-align: center;}

.retrait {
margin-left:50px;
}



a{
color: #939695;
text-decoration: none;

}
a:visited{
color: #939695;
text-decoration: none;

}
a:hover {
text-decoration: none;
color: #B7C6BF;
}

a.lien1{
color: #a6ca6a;
text-decoration: underline;

}
a.lien1:hover{
color: #939695;
text-decoration: none;

}

a img

{
  border:  none ;
}

a.site{
color: #7B67AC;
text-decoration: none;

}
a:hover.site{
color: #F9AF4C;
text-decoration: none;

}

a.pied{
color: #FFFFFF;
text-decoration: none;

}
a:hover.pied{
color: #F9AF4C;
text-decoration: none;

}



h3  { color: #f5ba54;  font-family: verdana, sans-serif }
h4  { color: #ec596c;  font-family: verdana, sans-serif }

hr {
height: 1px;
color: grey;
background-color: grey;
hr: noshade;
}