body { background-color: #000; margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }


#conteneur {
position: absolute;
width: 750px;
left: 50%;
top:0%;
margin-left: -375px;
background-color:#FFF;
}

/* +++++++++++++++ Header +++++++++++++++ */

#header {
background-color: #333; height: 120px;
}

#fondLogo { background-image:url("images/header_logo.png"); width:750px; height: 90px;
}

#banniere {
padding: 15px 0px 0 270px;
}

#fondSlogan {
height: 30px;
background-color:#333;
background-image:url("images/fond_slogan.png"); 
width:750px;
background-repeat: repeat-x;
}

.slogan { font-size: 14px; color: #FFF; text-transform: uppercase; font-weight: bold; padding: 8px 0 0 10px;}

/* +++++++++++++++ col B +++++++++++++++ */

#centre {
background-color:#FFF;
margin-left: 190px;
margin-right: 160px;
}

.liensHome {
font-size: 12px;
color: #000;
text-decoration: underline;
}

.liensHome a, .liensHome a:hover, .liensHome a:visited {
font-size: 12px;
color: #000;
text-decoration: underline;
}

.titrePage {font-size: 22px; color: #C90706; font-weight: bold; margin: 20px 0 0 0;}
.textNoir20 {font-size: 20px; color: #000; font-weight: bold; }
.textNoir14 {font-size: 14px; color: #000; font-weight: bold; margin: 15px 0 0 0;}
.textNoir14 a, .textNoir14 a:hover, .textNoir14 a:visited {font-size: 14px; color: #000; font-weight: bold; margin: 15px 0 0 0;}
.textGris14 {font-size: 14px; color: #333;}
.textGris12 {font-size: 12px; color: #333;}
.textGris10 {font-size: 10px; color: #333;}
.textNoir11 {font-size: 11px; color: #000;}
.prix {font-size: 16px; color: #C90706; font-weight: bold;}
.taxes {font-size: 11px; color: #C90706; font-weight: bold; text-transform: uppercase;}
.champsGris {background-color: #EDECEC; padding: 0 10px 0 10px; height: 40px;}
.champsBlanc {background-color: #FFF; padding: 0 10px 0 10px; height: 40px;}


/* +++++++++++++++ Menu +++++++++++++++ */

#gauche {
position: absolute;
left:0;
width: 180px;
background-color:#EEE;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 1px;
color: #EEE;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, ˆ modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 180px;
}
#menu dt {
cursor: pointer;
margin: 1px 0;
height: 29px;
line-height: 30px;
text-align: left;
background: #C90706;
border-top: 1px solid #FFF;
color: #FFF;
}
#menu dd {
background: #7E0101;
}
#menu li {
text-align: left;
background: #7E0101;
padding: 2px 0 2px 0px;
}
#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-color: #C90706;
}
#menu dt a:hover, #menu li a:hover {
font-weight: bold;
color: #C90706;
background: #FFF;
}
#menu li a:hover {
font-color: #C90706;
background: #FFF;
}

#basMenu {
background-image:url("images/fond_menu.png"); 
width:180px;
height: 279px;
background-repeat: repeat-x;
}

.textMenu, .textMenu a, .textMenu a:visited {text-decoration: none; font-color: #FFF; font-size: 11px;}
.textMenu a:hover {text-decoration: none; font-color: #FFF; font-size: 11px;}


/* +++++++++++++++ Col C +++++++++++++++ */

#droite {
position: absolute;
right:0;
width: 150px;
background-color:#FFF;
}

.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;
}

.boite {width: 140px; margin: 10px 0 0 0;}
.titreBoiteRouge {background-color: #C90706; border-bottom: 1px solid #FFF; height: 30px; width: 140px; }
.titreBoiteBleue {background-color: #2752D1; border-bottom: 1px solid #FFF; height: 50px; width: 140px; }
.titreColC {text-transform: uppercase; color: #FFF; font-size: 15px; font-weight: bold;}
.contenuBoite {background-color: #DAD7D7; width: 140px; height: 89px;}
.contenuBoite a, .contenuBoite a:hover, .contenuBoite a:visited {background-color: #DAD7D7;width: 140px; height: 89px;}
.textColC {color: #333; font-size: 11px; text-decoration: none;}
.textColC a, .textColC a:hover, .textColC a:visited, {color: #333; font-size: 11px; text-decoration: none; text-decoration: underline;}

/* +++++++++++++++ Pied +++++++++++++++ */

#pied {
height: 30px;
background-color:#C90706;
background-image:url("images/fond_pied.png"); 
width:750px;
background-repeat: repeat-x;

}

.copyright {padding: 10px 0 0 0; font-size: 10px; color: #FFF; text-decoration: none; text-align: center;}
.copyright a, .copyright a:hover, .copyright a:visited {padding: 10px 0 0 0;  text-align: center; font-size: 10px; color: #FFF; text-decoration: none;}

