html { margin:0px; padding:0px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url('/images/design/fond.jpg') repeat; }
body { margin:0px; padding:0px; height:auto; }
img { border:none; }
p, form { margin:0px; padding:0px; }
a { text-decoration:none; font-weight:bold; color:#323232; }
a.lien_menu { }
a:hover { color:#5e5e5e; cursor:pointer; }
th { background-color:#8a8a8a; }
li, ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/*###################################################################################################*/
/*######################################### Design général ##########################################*/
/*###################################################################################################*/

#general { width:683px; margin:0px auto; }

#preheader { background:url('/images/design/header.png') no-repeat; width:683px; height:22px; border-bottom:1px solid #323232; }
#preheader p { color:#fafafa; padding:2px 0px 0px 60px; }
#header { width:681px; height:201px; border-left:1px solid #323232; border-right:1px solid #323232; }

#content { background:url('/images/design/marbre.jpg') repeat; width:681px; border:1px solid #323232; }
#zone_menu { margin-left:40px; }

#corps { padding-top:40px; overflow:hidden; }
#gauche { float:left; border-right:1px solid #000000; }

.zone_vignette { position:relative; margin:8px 8px; }
.image_vignette { width:145px; border:1px solid #000000; }
.effet { position:absolute; left:1px; background:url('/images/effet.png') bottom no-repeat; width:145px; height:145px; }

#droite { overflow:hidden; margin-bottom:10px; padding:10px; width:493px; }
#droite img { border:1px solid #000000; }

#footer { background:url('/images/design/footer.png') no-repeat; width:683px; height:31px; }
#txt_footer { text-align:center; padding-top:8px; }

/*###################################################################################################*/
/*########################################## Mise en page ###########################################*/
/*###################################################################################################*/

ul.liste { list-style-position:inside; }
ul.liste li { margin-left:15px; }

#zone_plan { margin-left:0px; }
.plan_site ul { margin:0px 0px 0px 20px; padding:0px; }
.plan_site li { margin:0px 0px 0px 0px; padding:0px; list-style:circle; list-style-position:inside; }

/********************************************** Texte ************************************************/

.justify { text-align:justify; }
.ssligne { text-decoration:underline; }
.center { text-align:center; }
.bloc_centre { margin-left:auto; margin-right:auto; }
.gras { font-weight:bold; }
.italic { font-style:italic; }

.comic { font-family:"Comic sans MS", Verdana, Arial, Helvetica, sans-serif; }
.tres_petit { font-size:9px; }
.petit { font-size:10px; }
.normal { font-size:12px; }
.grand { font-size:16px; }
.tres_grand { font-size:22px; }

.blanc { color:#fafafa; }
.rouge { color:#bd2424; }
.gris_fonce { color:#323232; }

.inline { display:inline; }
.float_left { float:left; }

/*********************************************** ombrage *********************************************/

.x { font-size:22pt; font-family:Verdana; color:#999999; letter-spacing:5px; }
.y { font-size:22pt; font-family:Verdana; color:#414141; margin-top:-28pt; margin-left:-6pt; letter-spacing:5px; }