body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
}

#header {
height: 80px;
background-image:url(images/bgheader.jpg);
background-repeat:no-repeat;
text-align:right;
font-size:x-large;
font-style:italic;
padding-right:50px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#haut {
background-color:#F4F4F4;
height: 35px;
color: #952233;
border: 1px solid #DBDBDB;
}
#haut a{
color:#952233;
}

#haut a:hover: a:link {
color: red;
text-decoration: none;
}
#soushaut {
height: 40px;
}
#menuhaut {list-style-type:none; margin:0px 0 10px 4px; padding:0;}
#menuhaut li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:140px; height:3em; z-index:100;}
#menuhaut li dl {position:absolute; top:0; left:0;padding-bottom:5px;}
#menuhaut li a, #menuhaut li a:visited {text-decoration:none;}
#menuhaut li dd {display:none;}
#menuhaut li a:hover {border:0;}
#menuhaut li:hover dd, #menuhaut li a:hover dd {display:block;}
#menuhaut li:hover dl, #menuhaut li a:hover dl {padding-bottom:10px;}
#menuhaut table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menuhaut dl {width: 150px; margin: 0; padding: 0; background: #F4F4F4;}
#menuhaut dt {margin:0; padding: 5px 5px 5px 20px; font-size: 1.1em; color: RED; border-bottom:1px solid #fff; border-top:1px solid #fff; font-weight:bold}

#menuhaut .two {background: #F4F4F4; border-top:2px solid #F4F4F4;}

#menuhaut .two dt {background: #F4F4F4;}

#menuhaut dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
#menuhaut .two dd {border-bottom:1px solid #F4F4F4;}
#menuhaut dd.last {border-bottom:1px solid #346;}

#menuhaut dt a, #menuhaut dt a:visited {display:block; color:#444;}

#menuhaut dd a, #menuhaut dd a:visited {color:#346; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;}

#menuhaut .two dd a {background:#F4F4F4; color:#346;}

#menuhaut .two dd a:hover {background: #FFFFFF; color:RED;}

#conteneur {
position: absolute;
width: 1020px;
left: 0;
margin: 0 auto; 
}
#centre {
margin-left: 290px;
margin-right: 30px;
/* moi */
text-align:justify;
padding:5px 10px 5px 10px;
}
#gauche {
position: absolute;
/* bug ie  a gauche*/
left:1px; 
width: 280px;
/* moi */
}
#menugauche {
position: absolute;
top: 4px;
left:2px;
color:#952233;
border: 1px solid  #999999;
background-color: #F4F4F4;
padding:4px 2px 8px 2px;
}
#menugauche li a, {
color: #999999;
text-decoration: none;
font-weight: bold;
font-style:normal;
}

#menugauche li a:hover {
color: #CCCCCC;
}
#droite {
position: absolute;
right:-2px; /* moi */
width: 30px;
/* moi */
font-size: 0.9em;
}
#pied {
height: 30px;
background-image:url(images/bgpied.jpg);
background-repeat:no-repeat;
border: 1px solid #DBDBDB;
font-size:x-small;
}
#pied a{
color: #999999;
}

#pied a:hover: a:link {
color: red;
text-decoration: none;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
h1 {
color: #952233;
font-size: large;
padding: 6px 5px 6px 15px;
}
h2 {
color: #952233;
font-size: larger;
padding: 6px 5px 0px 15px;
}
h3 {
color: #666666;
font-size: medium;
padding: 6px 5px 0px 15px;
}
.Stylepetit {font-size: 11px}

.haut {
float:right;
font-size:x-small;}
.bgrubriques {
background-image:url(images/bgrubdroite.jpg);
background-repeat:no-repeat;
padding:2px 1px 5px 5px;
font-size: large;
text-align:center;
}
.imagescreen{
padding:3px 5px 3px 14px;} 
.imagenobordure {
border:0;}
.imagetitre{
vertical-align:middle;
padding:0px 12px 2px 5px;
} 

#encadre {
border-color: #952233;
border-width:1px;
border-style:solid;
padding: 0px 4px 0px 4px;
margin-right:4px;
}
.form{
font-size:11px;
font-weight:bold;
font-style:italic;
padding:3px 3px 3px 3px;
margin-left:10px;
margin-right:10px;
background-color: #DBDBDB;
border: 1px #952233 solid;
}
.bglidroite{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}
.encarsnewsletter{
background-color: #F4F4F4;
padding:5px 10px 5px 10px;
font-style:italic;
border: 1px solid  #999999;
}
.encadrenews{
float:right;
border: 1px #952233 dashed;
padding:8px 5px 8px 5px;
margin: 0px 0px 5px 15px;
}
.encadrenewsin{
border: 2px #952233 dashed;
padding:8px 5px 8px 15px;
margin: 0px 0px 5px 15px;
background-color: #F4F4F4;
}
.encadregg{
padding:5px 5px 5px 5px;
margin: 5px 0px 5px 0px;
}

a:link{
color: #666666;
font-style:italic;
text-decoration: none;}
/* lien non-visité */
a:visited {
text-decoration: none;
} /* lien visité */
a:hover { 
color: red; 
text-decoration: none;
} /* lien survolé */
a:active { text-decoration: none;
} /* lien activé */

.ajoutele {
font-size:10px;
font-style:italic;}

#imagegauche{
float:left;
margin : 3px 18px 3px 3px;
padding:5px;
border:0px;
}

