* {margin: 0; padding: 0;}
body {margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-style: normal;
font-weight: normal;
}
.marges p {padding-left:0px;padding-right:0px;}

/* DEBUT BALISES ENTETE DE DOCUMENT */

#conteneur {
position:relative;
width:1000px;
height:950px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
#top {
position:relative;
width:1000px;
height:185px;
padding:0px;
}
#topleft {
background-image:url(../images/logo_mesnil.jpg);
position:relative;
float:left;
width:250px;
height:185px;
padding:0px;
}
#topleft a{
padding-left:35px;
line-height:340px;
padding-bottom:0px;
color:#66CC33;
font-size:14px;
font-weight:normal;
letter-spacing:1px;
}
#topright {
background-image:url(../images/entete_droite.jpg);
position:relative;
float:right;
width:750px;
height:185px;
padding:0px;
}
#content {
background-image:url(../images/fond_contenu.jpg);
position:relative;
width:1000px;
height:765px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
#content2{
background-image:url(../images/fond_contenu2.gif);
position:relative;
width:1000px;
height:1600px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
#contentquiz{
background-image:url(../images/fond_contenu3.gif);
position:relative;
width:1000px;
height:2500px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
#contentleft {
position:relative;
float:left;
width:249px;
height:765px;
padding:0px;
}
#contentleft a{
background-image:url(../images/fd_titre_inactif.gif);
position:relative;
display:block;
width:162px;
height:21px;
margin-left:40px;
margin-bottom:10px;
font-size:11px;
font-weight:normal;
color: #66CC33;
line-height:20px;
padding-left:22px;
padding-bottom:0px;
text-decoration: none;
border:none;
}
#contentleft a:hover{
font-weight:bold;
}
#contentright {
position:relative;
float:right;
width:749px;
height:765px;
padding:0px;
}
#textes {
position:relative;
float:left;
width:500px;
height:765px;
padding:0px;
}
#textes p{
padding-left:25px;
padding-right:25px;
line-height:17px;
}
#textes img{
border:0px;
}
#textes2 {
position:relative;
float:left;
width:700px;
height:765px;
padding:0px;
}
#textes2 p{
padding-left:25px;
padding-right:20px;
line-height:17px;
font-size:11px;
}
#images {
position:relative;
float:right;
width:185px;
height:765px;
padding-top:50px;
margin-right:45px;
}
#images img{
border:0px;
}
#images p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-style: normal;
font-weight: normal;
text-align:justify;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-top:0px;
margin:0px;
}
#contentleft p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-style: normal;
font-weight: normal;
text-align:justify;
padding-left: 70px;
padding-top: 10px;
margin:0px;
}
#menuactif {
background-image:url(../images/fd_titre_actif.gif);
position:relative;
width:184px;
height:21px;
margin-left:40px;
margin-bottom:10px;
}
#menuactif p{
line-height:0px;
padding-bottom:0px;
padding-right:0px;
padding-top:0px;
padding-left:22px;
color:#FFFFFF;
font-weight:bold;
line-height:20px;
margin:0px;
}
#menuinactif {
background-image:url(../images/fd_titre_inactif.gif);
position:relative;
width:184px;
height:21px;
margin-left:40px;
margin-bottom:10px;
}
#menuinactif a{
font-size:11px;
font-weight:normal;
color: #66CC33;
line-height:20px;
padding-left:22px;
padding-bottom:0px;
text-decoration: none;
border:none;
}
#menuinactif a:hover{
font-size:11px;
font-weight:bold;
color: #66cc33;
line-height:20px;
padding-left:22px;
padding-bottom:0px;
text-decoration: none;
border:none;
}
#esp {
padding-top:10px;
}
#ret {
padding-left:25px;
}
#contentleft img{
padding-left: 57px;
padding-bottom: 2px;
}

#menu {
position:absolute;
width:730px;
padding-top:159px;
padding-left:10px;
}
#menu li {
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
margin-bottom:0px;

}
#menu a {
display:block;
width:auto;
height:21px;
font-size:12px;
font-weight:normal;
padding-top:3px;
color:#66cc33;
background: #ffffff;
padding-left:8px;
padding-right:8px;
text-decoration:none;
text-align:center;
}
#menu a:hover {
display:block;
width:auto;
height:21px;
font-size:12px;
font-weight:normal;
padding-top:3px;
color:#ffffff;
background: #66cc33;
border-left:solid 1px #FFFFFF;
border-top:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
padding-left:8px;
padding-right:8px;
text-decoration:none;
text-align:center;
}

h1 {
font-weight: bold;
font-size: 16px;
padding-top: 8px;
padding-left:40px;
text-align:justify;
color:#ffffff;
letter-spacing:2px;
}
h2 {
font-weight: bold;
font-size: 12px;
text-align:justify;
color:#66cc33;
letter-spacing:0px;
}
h3 {
font-weight: bold;
font-size: 11px;
text-align:justify;
color:#666666;
letter-spacing:0px;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-style: normal;
font-weight: normal;
line-height:15px;
text-align:justify;
padding: 0px;
margin:0px;
}
.vert {
font-style: normal;
font-weight:bold;
color:#66CC33;
}
.lettrine {
float:left; /* positionnement de la lettrine dans le conteneur*/
font-size: 30px;
font-style: normal;
font-weight:normal;
color:#66CC33;
margin-right:3px;
padding-top:8px;
padding-left:1px;
padding-right:1px;
}
.lettrine2 {
float:left; /* positionnement de la lettrine dans le conteneur*/
font-size: 30px;
font-style: normal;
font-weight:normal;
color:#66CC33;
margin-right:3px;
padding-top:8px;
padding-left:1px;
padding-right:15px;
}
a:link {
font-size:11px;
font-weight:bold;
color: #66CC33;
text-decoration: none;
border:none;
}
a:visited {
font-weight:bold;
color: #66CC33;
text-decoration: none;
}
a:hover {
color: #333333;
font-weight:bold;
border:0px;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
/* FIN CONTENEUR */
/* DEBUT FOOTER */
#footer {
	position:relative;
	width:1000px;
	height:50px;
	margin-top:6px;
	text-align:center;
	letter-spacing:0px;
	margin-right:auto;
	margin-left:auto;
}
#tablo {
	position:relative;
	width:490px;
	height:197px;
	margin-right:auto;
	margin-left:auto;
}
#tabloleft {
	position:relative;
	float:left;
	width:270px;
	height:197px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
#tabloright {
	position:relative;
	vertical-align:text-bottom;
	float:right;
	width:auto;
	height:197px;
	margin-right:20px;
	margin-left:auto;
}
#black {
width:auto;
font-style: normal;
font-weight:bold;
color:#333333;
padding:20px;
border: solid 1px #333333;
}
.pondule {
font-size:12px;
font-style: normal;
font-weight:bold;
color:#F2C011;
}
.frais {
font-size:12px;
font-style: normal;
font-weight:bold;
color:#A4D9E3;
}
.bio {
font-size:12px;
font-style: normal;
font-weight:bold;
color:#55AB26;
}
.pleinair {
font-size:12px;
font-style: normal;
font-weight:bold;
color:#00755C;
}
.ausol {
font-size:12px;
font-style: normal;
font-weight:bold;
color:#DC7605;
}
.blanc {
font-size:11px;
font-style: normal;
font-weight:normal;
color:#ffffff;
}
.red {
	color: #FF0000;
	font-weight: bold;
}
/* FIN FOOTER */