body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
* background:transparent url(img/bg.gif) top center repeat; <= si image de fond */
}

#conteneur {
width:760px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:transparent url(img/page.jpg) top left repeat-y;
}

#haut {
height:101px;
background:transparent url(img/haut.jpg) top left no-repeat;
text-align:center;
}

#haut img {border:0px;}

#haut a {
display:block;
height: 60px;
width: 468px;
float:right;
margin-top:25px;
margin-right:10px;
}
*html #haut a {margin-right:5px;}

#bouton {
height:27px;
background:transparent url(img/menuhaut.jpg) top left no-repeat;
text-align:center;
margin:0px;
padding:0px;
border:0px;
width:760px;
font-size:12px;
display:block;
color:#000000;
line-height:28px;
font-style:normal;
font-weight:bold;
quotes: "" "";
}

#bouton a {
color:#8598B6;
text-transform:uppercase;
text-decoration:none; /* souligné ou pas */
}

#bouton a:hover {
color:#B8C4D5;
text-decoration:none; /* souligné ou pas */
}

#gauche {
float:left;
margin:0px;
margin-bottom:10px;
margin-right:auto;
margin-left:0px;
margin-top:10px;
width:135px;
height:auto;
border:0px;
font-size:10px;
text-align:left;
display:block;
}


#gauche q {
margin:0px;
padding:0px;
text-indent:18px;
border:0px;
height:22px;
width:135px;
font-size:10px;
display:block;
color:#FAFAFA;
line-height:21px;
font-style:normal;
font-weight:bold;
quotes: "" "";
text-transform:uppercase; /* toutes les lettres en majuscule */
background:transparent url(img/menuhautgauche.jpg) top left no-repeat;
}

#gauche ul {
width:135px; 
list-style: none; 
margin:0px; 
padding:0px; 
border:0px; 
list-style-type:none; 
text-align:left;
background: transparent url(img/menumilieugauche.jpg) top center repeat-y;
}

.pub { /* une class = . et pas # */
text-align:center;
width:135px; 
margin:0px; 
padding:0px; 
border:0px; 
background: transparent url(img/menumilieugauche.jpg) top center repeat-y;
}

.pub img {
margin-top:4px;
border:1px solid #8598B6;
}

#gauche li {
margin-left:2px; 
text-align:left; 
text-indent:6px;
font-size:10px;
color:#B8C4D5;
background: transparent url(img/croix.gif) center left no-repeat;
text-transform:capitalize;
}

#gauche li a { 
display:block; 
width:132px; 
text-indent:6px; 
border:0px; 
background: transparent url(img/croix.jpg) center left no-repeat;
text-decoration:none; /* souligné ou pas */
font-weight:normal;
color:#8598B6;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:capitalize;
}

#gauche li a:hover {
color:#B8C4D5;
background: transparent url(img/croix.gif) center left no-repeat;
}

#gauche sub {
margin:0px;
margin-bottom:15px;
padding:0px;
height:12px;
width:135px;
background: transparent url(img/menubasgauche.jpg) top left no-repeat;
display:block;
border:0px;
}

#droite {
float:left;
margin:0px;
margin-bottom:10px;
margin-right:auto;
margin-left:15px;
margin-top:10px;
width:610px;
height:22;
border:0px;
}

#nav_haut {
margin:0px;
padding:0px;
border:0px;
height:22px;
width:610px;
font-size:10px;
display:block;
color:#8499B8;
text-align:right;
text-indent:13px;
line-height:22px;
font-style:normal;
font-weight:bold;
text-transform:capitalize; /* toutes les lettres en majuscule */
background: transparent url(img/nav.jpg) top left no-repeat;
}

#nav_haut a {
font-weight:normal;
color:#8499B8;
}

#nav_haut strong {
float:left;
font-size:12px;
margin-top:-23px;
//margin-top:0px;
}

*html #nav_haut strong {
margin-top:0px;
}

#droite q {
margin:0px;
padding:0px;
border:0px;
height:22px;
width:610px;
font-size:10px;
margin-top:10px;
display:block;
color:#FAFAFA;
text-align:center;
line-height:21px;
font-style:normal;
font-weight:bold;
text-transform:uppercase; /* toutes les lettres en majuscule */
quotes: "" "";
background: transparent url(img/menuhautdroite.jpg) top left no-repeat;
}

#droite ul {
width:610px; 
list-style: none; 
margin:0px; 
padding:0px; 
border:0px; 
margin-top:0px;
list-style-type:none; 
text-align:left;
background: transparent url(img/menumilieudroite.jpg) top center repeat-y;
}

#droite p {
margin:10px;
margin-left:auto;
margin-right:auto;
text-align:justify;
width:590px;
font-size:10px;
color:#8598B6;
}

#nav_bas {
margin:0px;
padding:0px;
border:0px;
height:22px;
width:610px;
font-size:10px;
margin-top:10px;
display:block;
color:#8499B8;
text-align:right;
text-indent:13px;
line-height:22px;
font-style:normal;
font-weight:bold;
text-transform:capitalize; /* toutes les lettres en majuscule */
background: transparent url(img/nav.jpg) top left no-repeat;
}

#nav_bas a {
font-weight:normal;
color:#8499B8;
}

#nav_bas strong {
float:left;
font-size:12px;
margin-top:-22px;
//margin-top:0px;
color:#8499B8;
}

*html #nav_bas strong {
margin-top:0px;
}

.video { /* une class = . et pas # */
text-align:center;
width:610px; 
margin:0px; 
padding:0px; 
border:0px;  
background: transparent url(img/menumilieudroite.jpg) top center repeat-y;
color:#8598B6;
}
.video img {
margin-top:4px;
border:1px solid #8598B6;
}

.milieu {
text-align:center;
width:610px; 
margin:0px; 
padding:0px; 
border:0px;  
background: transparent url(img/menumilieudroite.jpg) top center repeat-y;
}
.video a {
text-transform:uppercase; /* toutes les lettres en majuscule */
display:block;
margin-top:10px;
background-color:#8598B6;
width:460px;
border:1px solid #666666;
margin-left:auto;
margin-right:auto;
text-decoration:none; /* souligné ou pas */
font-weight:normal;
color:#FFC200;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.video a:hover {
color:#B8C4D5;
}

.dl, .dl2 {
width:610px;
margin:0px;
padding:0px;
border:0px;
background: transparent url(img/menumilieudroite.jpg) top center repeat-y;
color:#8598B6;
text-align:center;
font-size:11px;
}

.dl2 img {
border:0px;
}


.dl a {
color:#8598B6;
text-transform:capitalize;
text-decoration:none;
}

#dl a:hover {
color:#B8C4D5;
text-decoration:none; /* souligné ou pas */
}

#droite sub {
margin:0px;
margin-bottom:15px;
padding:0px;
height:12px;
width:610px;
background: transparent url(img/menubasdroite.jpg) top left no-repeat;
display:block;
border:0px;
}


#bas {
clear:both; /* annule les regles css precedentes */
height:19px;
background:transparent url(img/bas.jpg) top left no-repeat;
text-align:center;
font-size:10px;
line-height:19px;
color:#FAFAFA;
}

#bas a {
color:#FAFAFA;
font-size:10px;
text-decoration:none;
}