body {
margin-top:2em;
margin-bottom:2em;
margin-right:auto;
margin-left:auto;
padding:0;
background-color:#aac5e9;
min-width:755px;
max-width:1000px;
}

#top {
background-color:#FFFFFF;
height:146px;
margin:0;
}

#menutop {
float:left;
margin-left:40px;
}

#menutop a {
font: normal 0.7em Arial, Helvetica, sans-serif;
color:#3C3C3C;
text-decoration:none;
}

#menutop a:hover {
text-decoration:underline;
}

#bandeauflash{
float:left;
margin-top:1.5em;
margin-left:43px;
/*padding-top:54px;*/
}

#global {
background-color:#FFFFFF;
}

#blocmenu {
float:left;
width:164px;
margin-bottom:1em;
}

#blocmenu label {
font:normal 0.7em Arial, Helvetica, sans-serif;
color:#3C3C3C;
}

#blocmenu input {
font:normal 0.7em Arial, Helvetica, sans-serif;
}

#blocmenu form {
margin: 1em 0.5em 1em 0.5em;
}

#blocright {
float:right;
width:164px;
margin-bottom:1em;
}

#blocright label {
font:normal 0.7em Arial, Helvetica, sans-serif;
color:#3C3C3C;
}

#blocright input {
font:normal 0.7em Arial, Helvetica, sans-serif;
}

#blocright form {
margin: 1em 0.5em 1em 0.5em;
}

#contenu {
margin: 0 166px 0 166px;
padding:0 1em 1em 1em;
font-family:Arial, Helvetica, sans-serif;
color:#3C3C3C;
border-right:1px dotted #3C3C3C;
border-left:1px dotted #3C3C3C;
}

#contenugestionnaire {
margin: 0 0 0 166px;
padding:0 1em 1em 1em;
font-family:Arial, Helvetica, sans-serif;
color:#3C3C3C;
border-left:1px dotted #3C3C3C;
}

#pied {
clear:both;
background:#FFFFFF url(../images/interface/bottom.gif) repeat-x bottom;
margin:0;
border-top:1em solid #FFA852;
text-align:center;
font:normal 0.7em Arial, Helvetica, sans-serif;
color:#3C3C3C;
padding-top:1em;
padding-bottom:2em;
}

#pied a{
color:#3C3C3C;
text-decoration:underline;
}

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


/* menu left */

dl, dt, dd, ul, li {
margin: 0;
padding:0;
list-style-type:none;
}
#menu1, #menu2, #menu3 {
position: relative;
font: normal 11px Arial, Helvetica, sans-serif;
color:#3C3C3C;
margin: 1em 0 1em 0;
}

#menu1 dt, #menu2 dt, #menu3 dt {
cursor: pointer;
background: #FFFFFF;
height: 20px;
line-height: 20px;
margin: 0;
border-bottom: 1px dotted gray;
}

#menu1 dt:before, #menu2 dt:before, #menu3 dt:before {
content:url(../images/interface/puce.jpg);
}

#menu1 dd, #menu2 dd, #menu3 dd {
position: absolute;
z-index: 100;
left: 163px;
margin-top: -1.5em;
background: #FFFFFF;
}

#menu1 ul, #menu2 ul, #menu3 ul {
padding: 2px;
}
#menu1 li, #menu2 li, #menu3 li {
width:20em;
line-height: 18px;
border-bottom: 1px dotted gray;
}

#menu1 li:before, #menu2 li:before, #menu3 li:before {
content:url(../images/interface/puce.jpg);
}

#menu1 a, #menu2 a, #menu3 a {
font: normal 11px Arial, Helvetica, sans-serif;
color:#3C3C3C;
text-decoration:none;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color:#CF0156;
text-decoration:none;
}

ul.smenu {
border:1px solid #3C3C3C;
}

/* fin menu left */

.casebleue{
height:18px;
background-color:#6898D8;
font:bold normal 11px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 0.2em 0 0.2em;
}

.caseverte{
height:18px;
background-color:#A5CB2B;
font:bold normal 11px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 0.2em 0 0.2em;
}

.caseorange{
height:18px;
background-color:#FFA852;
font:bold normal 11px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 0.2em 0 0.2em;
}

.casefuchsia {
height:18px;
background-color:#CF0156;
font:bold normal 11px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:0 0.2em 0 0.2em;
}

#bordureverte {
height:18px;
background-color:#A2BF2F;
margin:0 0.2em 0.2em 0.2em;
}

#encart {
text-align:center;
margin-bottom:1em;
}

.ok {
cursor:pointer;
font:bold 0.5em Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FF7C87;
width:2em;
height:2em;
border:1px solid #FF7C87;
}

#popupmenu {
margin: 10px 3px 10px 3px;
width:160px;
font: normal 11px/16px Arial, Helvetica, sans-serif;
color:#3C3C3C; 
}

a.rechercher {
font:normal 0.7em Arial, Helvetica, sans-serif;
color:#3C3C3C;
text-decoration:underline;
padding-left:0.5em;
}


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

.bouton {
font: normal bold 0.9em Arial, Helvetica, sans-serif;
color:#3C3C3C;
padding:5px;
border:2px solid #215EA8;
text-decoration:none;
background-color:#FFFFFF;
cursor:pointer;
}

.actu {
border-bottom:1px dotted #3C3C3C;
padding:1em;
}

table {
border-collapse:collapse;
}

#panierleft {
float:left;
}

#panierright {
float:left;
margin-left:1em;
padding:1em;
border:1px dotted #FF8725;
}

/*Phototheque */

#commentaires_galerie {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align:justify;
}

.phototheque {
	border : 0px;
}

.separateur {
	border-left:1px solid #BDBEBF;
}

.separateur_horizontal hr{
	color:#FFA852;
	background-color:#FFA852;
	height: 2px;
	border: 0;
}


.separateur_h {
	border-top:1px solid #BDBEBF;
	}

.marge-image{
margin:15px 0 0 0;
}


.marge_galerie {
	margin-left: 50px;
}

.bouton-telecharger2{
background-color:#F0F3F7;
border:1px solid #AAC5E9;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#215EA8;
-moz-border-radius:6px;
}

.titre-galerie-image{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#A2BF2F;
}

.titre-image{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:justify;
}

.titre-galerie2{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#FFA852;
}

.quiz li {
	margin-left:20px;
}

.panier-bleu {
height:28px;
width:28px;
background:#FFFFFF url(../images/interface/panier-bleu.gif) no-repeat top left;
cursor:pointer;
border:none;
}

.panier-vert {
height:28px;
width:28px;
background:#FFFFFF url(../images/interface/panier-vert.gif) no-repeat top left;
cursor:pointer;
border:none;
}

/*------ETERNALISATION ---------------*/


#page-exter{
	background:#FFF url(../images/interface/fond.gif) no-repeat left center;
margin-left:auto;
margin-right:auto;
width:980px;
padding:10px;
}