html, body {height: 100%;width: 100%;background-color:#d3de89;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;}

/****************
Index
*****************/
#conteneurindex {width:770px;height:498px;margin:0 auto;background:transparent url(img/bg-index.jpg) left top no-repeat;}
#conteneurindex img.logo {margin:73px 0 0 158px;}
#flash {width:668px;height:285px;margin:23px 0 0 82px;}
#squizz {width:668px;margin:0px 0 0 82px;}
#squizz p {text-align:center;margin-left:20px;}
#squizz p a {text-decoration:none;font-size:90%;color:#555;}
#squizz p a:hover {color:#333;}
#squizz p.flags a {margin-right:40px;}
#squizz p.flags a img {border:0;}

/****************
Page type
*****************/
#gauche {position: absolute;left:0;background: #efefe9 url(img/bandeau-g.jpg) left top no-repeat;width: 182px;height: 626px;}
#gauche2 {position: absolute;left:0;top:626px;background: #d3de89;width: 182px;}
#contenu {min-height: 525px;width:768px;margin:0px 0 0 182px;background:#d3de89;padding:10px 0 0 20px;}

#horiz {height:101px;width:768px;margin-left: 182px;background:#d2eaf2 url(img/bandeau.jpg) left top no-repeat;}
#horiz div#liens {float:left;width:341px;}
#horiz div#liens a.logo {background:transparent url(img/transparent.gif) left top no-repeat;width:230px;height:70px;display:block;}
#horiz div#liens p {color:#f5f6f9;font-size:10px;margin:12px 0 0 0;letter-spacing:-0.05em;}
#horiz div#liens p a {color:#f5f6f9;text-decoration:none;}
#horiz div#liens p a:hover {color:#fff;}
#horiz a.mail {background: url(img/mail.jpg) left top no-repeat;width:90px;height:90px;display:block;float:left;margin:11px 0 0 0px;}

/*****************
menu
*****************/
#menu dl, #menu dt, #menu dd, #menu ul {margin: 0;padding: 0;list-style-type: none;}

#menu {position: relative;top: 0;left: 0;margin:0 5px 0 0;padding:0;width: 177px;}
#menu dt {cursor: pointer;line-height: 25px;text-align: left;font-size:10px;font-weight: bolder;text-align:right;}

#menu dt a:hover {color:#fff;}
#menu dd ul {padding-right:5px;}
#menu dd {border-right:2px solid #000;}
#menu dd ul li {color:#954646;text-align:right;font-weight: bolder;margin:7px 0 0 0px;font-size:11px;font-family:arial;}
#menu dd ul li a {color:#954646;text-decoration: none;display: block;border:none;height: 100%;}
#menu dd ul li a:hover {color:#872828;} 
#menu dt a {color: #000;text-decoration: none;display: block;border:none;height: 100%;}
#menu dt a.active {background:#f6b6b6 url(img/sub-active.jpg) left 3px repeat-x;}
#menu dt a.active:hover {color:#333;}

/****************
Moteur de recherche
****************/
#horiz fieldset {margin:79px 0 0 0px;padding:0px;border:0;float:left;}
#horiz fieldset form {margin:0;padding:0;}
#horiz fieldset form input.text {margin:0;height:12px;border:0;padding:1px;font-size:11px;}
#horiz fieldset form input.submit {margin:3px 0 0 0;height:14px;border:0;padding:0px;font-size:11px;}
	/*MDR : resultats*/
p#res {margin:5px 0 0 15px;}
p#res a {text-decoration:none;font-weight:bolder;color:#555;}
p#res a:hover {color:#333;}
/****************
contenu - organisation
****************/
#contenu h1 {margin:0;padding:0;}
#contenu h3 {margin:5px 0 5px 0;padding:0;}
#contenu img {float:left;margin: 10px 15px 0 0;}
#contenu a img {border:0;}
#contenu a {color:#555;}
#contenu a:hover {color:#333;text-decoration:none;}

#contenu hr {visibility:hidden;clear:both;} * html #contenu hr {display:none;clear:both;height: 1px;
margin: -0.5em 0;
padding: 0;
color: #F00;
background-color: #F00;
border: 0;}

#contenu h2 {margin:5px 0 5px 0;}
#contenu p {font-size:11px;line-height:15px;width:520px;text-align:justify;}

#contenu ul {list-style: inside;list-style-type:circle;margin:5px 0 10px 25px;padding:0;font-size:11px;width:480px;text-align:justify;}

#contenu blockquote {border: 1px solid #954646;padding: 5px;width:480px;}
#contenu blockquote p {margin:0;}

#contenu table {border:1px solid #333;width:520px;}
#contenu table td {border:1px solid #555;padding:2px;font-size:11px;}

	/*plan du site*/
#contenu dl {margin:5px 5px 15px 15px;padding:0px;text-align:justify;font-size:11px;}
#contenu dt {margin:10px 0px 0px 15px;font-weight:bolder;}
#contenu dt a {text-decoration:none;color:#555;}
#contenu dd {text-align:justify;margin:2px 0px 0px 20px;}
#contenu dd a {text-decoration:none;color:#777;}
#contenu dt a:hover {color:#333;}
#contenu dd a:hover {color:#555;} 

/****************
FORMULAIRE - FAQ
****************/
#contenu fieldset {margin:0;padding:5px;font-size:11px;border:1px solid #954646;width:80%;}
#contenu fieldset form {}
#contenu fieldset legend {font-weight:bold;color:#954646;margin-bottom:10px;}
#contenu form p {clear:both;}
#contenu form p label {float:left;width:200px;display:block;}
#contenu form p input, #contenu form p select {color:#954646;font-size:11px;}
#contenu form p input.submit {font-weight:bold;color:#954646;}
#contenu form p input.reset {color:red;}
#contenu form p textarea {padding:2px; width:300px; height:150px;font:12px arial, sans-serif;}
#contenu form p label.red, #contenu form p label.red label, #contenu form p label.red input, #contenu form p label.red textarea, #contenu form p label.red select {font-weight:bold; color:#E90201;}


/****************
HABITAT - ERP
****************/
#habitat {background:url(img/maison.jpg) left top no-repeat;width:400px;height:484px;float:left;}
#habitat a {text-decoration: none;position:relative;display:block;width:5px;height:5px;line-height:5px;font-size:1px;}
#habitat a:hover {background: none;}
#habitat a span {display: none;line-height:normal;}
#habitat a:hover span {
display: inline;
position: absolute;
width: 264px;
height: 122px;
background: url(img/phylac.jpg) left top no-repeat;
text-align: center;
color: black;
font-size:11px;
font-weight:bold;
padding:10px 0 0 40px ;
}

#habitat a.a {left:315px;top:105px;}
#habitat a.a:hover span {top:-105px;left:62px;}
#habitat a.b {left:177px;top:126px;}
#habitat a.b:hover span {top:-131px;left:200px;}
#habitat a.c {left:338px;top:182px;}
#habitat a.c:hover span {top:-192px;left:39px;}
#habitat a.d {left:303px;top:200px;}
#habitat a.d:hover span {top:-215px;left:74px;}
#habitat a.e {left:278px;top:241px;}
#habitat a.e:hover span {top:-260px;left:100px;}
#habitat a.f {left:300px;top:287px;}
#habitat a.f:hover span {top:-312px;left:77px;}
#habitat a.g {left:229px;top:326px;}
#habitat a.g:hover span {top:-355px;left:146px;}
#habitat a.h {left:268px;top:339px;}
#habitat a.h:hover span {top:-375px;left:109px;}
#habitat a.i {left:111px;top:365px;}
#habitat a.i:hover span {top:-405px;left:266px;}

#habitatexte {width:250px;float:left;margin-top:150px;}
#habitatexte p {width:250px;text-align:justify;}

#erp {background:url(img/bureaux.jpg) left top no-repeat;width:550px;height:484px;}
#erp a {text-decoration: none;position:relative;display:block;width:5px;height:5px;line-height:5px;font-size:1px;}
#erp a span {
	line-height:normal;
	display: inline;
	position: absolute;
	width: 264px;
	height: 122px;
	background: url(img/phylac.jpg) left top no-repeat;
	text-align: center;
	color: black;
	font-size:11px;
	font-weight:bold;
	padding:10px 0 0 40px ;
}
#erp a.a {left:315px;top:105px;}
#erp a.a span {top:-105px;left:132px;}
/****************
Pied
****************/
#pied {height: 20px;width:950px;margin: 0px;}
#pied p, #gauche2 p {margin:3px;padding:0;font-size:0.8em;}
#pied p a, #gauche2 p a {text-decoration:none;color:#555;}
#pied p a:hover, #gauche2 p a:hover {color:#333;}
#pied p a img, #gauche2 p a img {border:0;}
/****************
Couleurs
*****************
vert moisi :#d3de89;
pseudo rose #954646
*****************/