body {
background:#686868;
margin:20px 0 40px 0;
}

body, td {
font:normal 12px Verdana, Arial, Sans-serif;
color:#333;
line-height:18px;
}

a{
color:#816381;
}

.legende{
color:#816381;
font:bold 10px Verdana, sans-serif;
}

a.blocdroit{
text-decoration:none;
text-indent:15px;
display:block;
background:url(../interface/triangle.gif) top left no-repeat;
font:bold 12px Verdana, arial, sans-serif;
}

a.bloc{
text-decoration:none;
text-indent:15px;
background:url(../interface/triangle.gif) top left no-repeat;
display:block;
margin:2px 20px 2px 30px;
font:bold 12px Verdana, arial, sans-serif;
}

a.bloc:hover, a.blocdroit:hover{
color:#a02867;
text-decoration:underline;
}

#contact1{
z-index:10;
width:650px;
height:475px;
background:url(../interface/fondcontact.gif) top left no-repeat;
position:absolute;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity:0.9;
}

#contact2{
margin:0 10px 10px 10px;
}

p{
margin:0;
padding:0;
}

.bouton, img{
border:none;
}

.left{
float:left;
margin-right:12px;
margin-top:4px;
margin-bottom:4px;
border:dashed 1px #777;
}

.centre{
margin-top:4px;
margin-bottom:4px;
border:dashed 1px #777;
}

.fader{
background:black;
}

.flecheg, .fleched, .flecheg:hover, .fleched:hover{
cursor:pointer;
width:25px;
height:32px;
}

.flecheg{
background:url(../interface/flecheg.gif)top left no-repeat;
}

.flecheg:hover{
background:url(../interface/flechegover.gif)top left no-repeat;
}

.fleched{
cursor:pointer;
background:url(../interface/fleched.gif)top left no-repeat;
}

.fleched:hover{
background:url(../interface/flechedover.gif)top left no-repeat;
}



/* page */
#chapeauhaut{
width:915px;
height:32px;
background:url(../interface/fond_01.gif) bottom no-repeat;
}

#chapeaumid{
width:915px;
height:171px;
background:url(../interface/fond_02.gif) top no-repeat;
}

#chapeaubas{
width:915px;
background:url(../interface/fond_03.gif) top no-repeat;
}

#contenu{
width:915px;
background:url(../interface/fond_04.gif) top repeat-y;
}

#contenu table{
}

#gauche{
width:228px;
padding-top:10px;
}

#gauche p{
margin:10px 20px 10px 30px;
}

#droite{
width:687px;
}

#droite p{
margin-top:20px;
margin-bottom:20px;
}

#bascont{
width:915px;
height:37px;
background:url(../interface/fond_05.gif) top no-repeat;
color:#666;
font:normal 11px Verdana, sans-serif;
line-height:20px;
}

/* styles de paragraphe */

.normal{}

.gras{
color:#666;
font-weight:bold;
}

.titregauche{
text-indent:17px;
background:url(../interface/carre.gif) top left no-repeat;
color:#444;
font:bold 15px Verdana;
padding-bottom:12px;
border-bottom:2px solid #ccc;
}

.titredroit{
text-indent:17px;
background:url(../interface/carred.gif) top left no-repeat;
color:#a0889d;
font:bold 15px Verdana;
padding-bottom:12px;
border-bottom:1px solid #ccc;
}

.cadreh{
width:634px;
background:url(../interface/cadreh.gif) top left no-repeat;
margin:0;
padding:0;
}

.cadreb{
width:634px;
height:15px;
background:url(../interface/cadreb.gif) top left no-repeat;
margin:0 0 16px 0;
padding:0;
}

.cadrem{
color:#816381;
font:bold 14px Verdana;
padding:15px 15px 0 15px;
}

.cadreb2{
width:634px;
background:url(../interface/cadreb2.gif) bottom left no-repeat;
margin:0;
padding:0;
}

.tabhautbas{
line-height:15px;
padding:4px 8px 4px 8px;
color:#666;
font-weight:bold;
font-size:11px
}

.tabcont{
line-height:15px;
padding:4px 8px 4px 8px;
color:#816381;
font-size:11px
}
/* images */
.drop1gal {
margin-right:-5px;
background:url(../interface/shadow.gif) right bottom no-repeat;
}

.drop0g{
float:left;
margin-top:0px;
margin-right:20px;
margin-bottom:20px;
}

.drop0d{
float:right;
margin-top:0px;
margin-left:20px;
margin-bottom:20px;
}

.drop1g {
background:url(../interface/shadow.gif) right bottom no-repeat;
}

.drop1d {
background:url(../interface/shadow.gif) right bottom no-repeat;
}

.drop2 {
background:url(../interface/shadbl.gif) bottom left no-repeat;
}

.drop3 {
background:url(../interface/shadtr.gif) top right no-repeat;
display:block;
}

.drop3 img {
margin:0 4px 9px 0px;
}

.spacer{
height:1px;
margin:0;
clear:both;
visibility:hidden;
}
/* alphabet */

.bouton_dico{
width:28px;
height:24px;
display:block;
line-height:24px;
background:url(../interface/lettre.gif) no-repeat;
text-decoration:none;
}

.bouton_dico:hover{
width:28px;
height:24px;
display:block;
line-height:24px;
background:url(../interface/lettre_over.gif) no-repeat;
text-shadow: 1px 1px 2px #000000;
text-decoration:none;
color:white;
}