.marges {
width: 80%;
max-width:1000px;
margin: auto;
/*border: 1px solid blue;*/
position: relative;
margin-top: 90px;
}

body {
background: #ffffff url("../images/design/background.png") fixed;
padding: 0px;
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
color: #333333;
}

#feuilles {
overflow: hidden;
background: transparent url("../images/design/feuille.png") bottom left no-repeat fixed;
}
/* Mise en forme de l'entête */
.entete {
position: relative;
background: transparent url("../images/design/entete_cadre_centre.png") repeat-x;
height: 109px;
margin-left: 29px;
margin-right: 29px;
margin-top: 83px;
z-index: 0;
}
.img_entete {
position: absolute;
background: transparent url("../images/design/entete_cadre_gauche.png") no-repeat;

width: 48px;
height: 109px;
left: -48px;
z-index: 1;
}

.entete_droit {
position: absolute;
background: transparent url("../images/design/entete_cadre_droit.png") no-repeat;

width: 48px;
height: 109px;
right: -48px;
}
#logo {
position: absolute;
background: transparent url("../images/design/logo.png") no-repeat;
height: 83px;
width: 152px;
top: -90px;
right: 0px;
}


/* mise en forme du cadre central */
.page {
position: relative;
background-color: #ccff66;
padding: 1em;
margin-top: -18px;
padding-top: 4em;
}

#cadre_haut_gauche {
position: absolute;
background: transparent url("../images/design/cadre_haut_gauche.png") no-repeat;
width: 58px;
height: 58px;
left: -51px;
top: -37px;
z-index: 1;
}
#cadre_haut_droit {
position: absolute;
background: transparent url("../images/design/cadre_haut_droit.png") no-repeat;
width: 58px;
height: 58px;
right: -51px;
top: -37px;
z-index: 1;
}
#cadre_haut_centre {
position: absolute;
background: transparent url("../images/design/cadre_haut_centre.png") repeat-x;
z-index: 1;
height: 58px;
right: 7px;
left: 7px;
top: -37px;
}

#cadre_bas_gauche {
position: absolute;
background: transparent url("../images/design/cadre_bas_gauche.png") no-repeat;
width: 58px;
height: 72px;
bottom: -65px;
left: -51px;
z-index: 1;
}

#cadre_bas_droit {
position: absolute;
background: transparent url("../images/design/cadre_bas_droit.png") no-repeat;
width: 58px;
height: 72px;
bottom: -65px;
right: -51px;
z-index: 1;
}

#cadre_bas_centre {
position: absolute;
background: transparent url("../images/design/cadre_bas_centre.png") repeat-x;
height: 72px;
right: 7px;
left: 7px;
bottom: -65px;
z-index: 1;
}

#cadre_lateral_gauche {
position: absolute;
background: transparent url("../images/design/cadre_lateral_gauche.png") repeat-y;
top: 21px;
width: 58px;
left: -51px;
bottom: 7px;
z-index: 1;
}

#cadre_lateral_droit {
position: absolute;
background: transparent url("../images/design/cadre_lateral_droit.png") repeat-y;
top: 21px;
width: 58px;
right: -51px;
bottom: 7px;
z-index: 1;
}
/* le menu */
.boitemenu {
background-color: transparent;
position: absolute;
z-index: 10;
top: 40px;
padding-left: 46px;
}
.boitemenu ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;

}
.boitemenu li {
float: left;
z-index: 11;

margin-right: 1em;
}

.boitemenu li li {
width: 92px;
height: 35px;
font-size: 12px;
text-align: center;
background: transparent url("../images/design/menu-lien.png") no-repeat;
padding-top: 6px;
}

.boitemenu li li a:link {color: #ffffff; text-decoration: none;}
.boitemenu li li a:active {color: #ffffff; text-decoration: none;}
.boitemenu li li a:visited {color: #ffffff; text-decoration: none;}
.boitemenu li li a:hover {color: #ffffff; text-decoration: underline;}

.entetemenu {
display: none;
}

/* Mise en page du site */
a:link {color: #041aff; text-decoration: none;}
a:active {color: #eeeeee; text-decoration: none;}
a:visited {color: #041aff; text-decoration: none;}
a:hover {color: #ff3399; text-decoration: underline;}



.encart {
float: right;
width: 250px;
/*background-color: #ff3399;*/
background-color: #999999;
color: #000000;
clear: right;
padding: 1em;
margin-bottom: 10px;
font-size: 0.75em;
margin-left: 1em;
}



.page h1, h2, h3, h4 {
color:  #ff3399;
text-transform: uppercase;
}

.encart h1,.encart h2,.encart h3,.encart h4 {
color: #ccff66;
}
.presentation {
width: 58%;
float: left;
}

.presentation table {
border: 1px #ffffff solid;
text-align: center;
border-collapse: collapse;
}

.presentation td {
border: 1px #ffffff solid;
border-collapse: collapse;
}

/*    spécial formulaire    */

.rouge {
color: #901010;
}

div.formulaire {
margin-bottom: 1em;
}

.formulaire {
background-color: transparent;
}

.formulaire input {
background-color: #ccff66;
color: #000000;
border: 1px #ff3399 solid;
}

.encart input {
/*background-color: #ff3399;*/
background-color: #999999;
color: #000000;
border: 1px #ccff66 solid;
width: 95%;
}

.encart textarea {
/*background-color: #ff3399;*/
background-color: #999999;
border: 1px #ccff66 solid;
color: #000000;
width: 95%;
}

/*    fin formulaire   */


.spacer {
clear: both;
}

/* Pied de page */
.bas {
position: relative;
height: 33px;
background-color: #999999;
z-index: 11;
margin: 0px;
margin-top: 12px;
padding: 0px;
color: #ffffff;
}
.bas p {
position: absolute;
z-index: 12;
margin: auto;
margin-top: 7.5px;
font-size: 12px;
padding-left: 1em;
padding-right: 1em;

}
.pied_gauche {
position: absolute;
background: transparent url("../images/design/pied_gauche.png") no-repeat;
width: 109px;
height: 79px;
top: -12px;
left: -24px;
z-index: 1;
}
.pied_droit {
position: absolute;
background: transparent url("../images/design/pied_droit.png") no-repeat;
width: 109px;
height: 79px;
top: -12px;
right: -24px;
z-index: 1;
}
.pied_centre {
position: absolute;
background: transparent url("../images/design/pied_centre.png") repeat-x;
height: 79px;
top: -12px;
right: 85px;
left: 85px;
z-index: 1;
}

.bas a:link {color: #eeeeee; text-decoration: none;}
.bas a:active {color: #eeeeee; text-decoration: none;}
.bas a:visited {color: #eeeeee; text-decoration: none;}
.bas a:hover {color: #eeeeee; text-decoration: underline;}
/* jQuery lightBox plugin - Gallery style */
	.gallery {
		background-color: transparent;
		padding: 10px;
		
	}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
	.gallery ul a:hover img {
		border: 5px solid #999;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	.gallery ul a:hover { color: #fff; }


.ss-q-help{display:block;color:#666;margin:.1em 0 .25em 0; font-size: 75%; font-style: italic;}
.ss-choices{list-style:none;margin:.5em 0 0 0;padding:0}
.ss-choice-item{margin:0;line-height:1.3em;padding-bottom:.5em}