*{
margin: 0;
padding: 0;
}

body{
background: #fff url(../img/body_fond.jpg) 0 0 repeat-x;
font: 86% verdana, arial, sans-serif;
color: #424144;
}

ul{
list-style: none;
}

a{
text-decoration: none;
color: #424144;
}

img{
border: none;
}

.bleuLogo{
color: #28A4E5;
}

.bleuAova{
color: #0077b9;
}

.rougeAova{
color: #e6461f;
}

.bleu{
color: #064f9b;
}

.vert{
color: #579221;
}

.jaune{
color: #f9b508;
}

.rouge{
color: #af111d;
}

.orange{
color: #f18d0c;
}

.rose{
color: #e53e83;
}

.clear{
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.center{
text-align: center;
}

.verticalAlignMiddle{
vertical-align: middle;
}

.floatLeft{
float: left;
}

.masquer{
display: none;
}

.imgConteneur{
position :relative;
float: left;
width: 235px;
height: 152px;
margin: 5px 5px 5px 0;
}

.galerieConteneur{
position :relative;
float: left;
width: 235px;
height: 152px;
margin: -5px 5px 10px 0;
}

.galerie{
position: relative;
margin: 10px 0 0 0;
height: 152px;
overflow: hidden;
}

.galerie li {
position: relative;
margin: 0;
padding: 0;
color: #fff;
height: 152px;
width: 235px;
overflow: hidden;
text-align: center;
}

.galerie li {
background: none;
}

.margePage{
margin: 10px 25px 0 20px;
}

.margePage1{
margin: 10px 25px 0 75px;
}

.margePage p{
margin: 10px 0 10px 0;
}

.espace{
margin: 25px 25px 25px 20px;;
}

.alignRight{
text-align: right;
}

.impact{
text-align: center;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
color: #0077b9;
padding-bottom: 15px;
}

.lienPrint{
background: url(../img/ico_print.gif) 0 50% no-repeat;
padding: 20px 0 20px 55px;
}

#container{
background: url(../img/conteneur_fond.jpg) 50% 0 no-repeat;
width: 100%;
text-align: center;
}

#container1{
position: relative;
width: 930px;
margin: auto;
text-align: left;
}

/* header */
#header{
position: relative;
background: url(../img/header_fond.png) 0 0 no-repeat;
height: 103px;
z-index: 2;
}

#header h1{
float: left;
width: 740px;
font-weight: bold;
font-size: 1.2em;
margin: 35px 0 0 240px; 
color: #28a4e5;
}

#header h1 em{
font-weight: normal;
font-size: .9em;
color: #666;
padding-left: 65px;
}

#header h1 span.titrePrix{
font-weight: bold;
font-size: 1.2em;
font-style: italic;
color: #e6461f;
}

#logoAova{
position: absolute;
width: 260px;
top: 2px;
left: -10px;
padding: 85px 50px 5px 0;
text-align: left;
background: url(../img/logo_aova.png) 0 0 no-repeat;
}

#logoAova h2{
font-weight: bold;
font-size: .65em;
text-transform: uppercase;
text-align: right;
}

#logoAova a{
position: absolute;
width: 210px;
height: 101px;
top: 0;
left: 0;
}


#headerLien{
position: absolute;
width: 750px;
top: 0;
left: 0;
text-align: right;
}

#headerLien li{
display: inline;
border-left: 1px solid #8b8a8e;
font-size: .7em;
}

#headerLien li.first{
border-left: none;
}

#header li a{
color: #8b8a8e;
text-transform: uppercase;
padding: 10px;
}

#headerBox{
position: absolute;
width: 293px;
height: 137px;
top: 24px;
left: 440px;
background: url(../img/header_box.gif) 0 0 no-repeat;
}

#headerContainerExtra{
position: absolute;
left: 749px;
width: 160px;
}

#headerContainerExtra .boiteExtra{
position: relative;
background: url(../img/boite_extra.png) 0 0 no-repeat;
width: 157px;
height: 57px;
margin-top: 8px;
margin-left: 12px;
}

#headerCommande p{
padding: 7px 5px 10px 60px;
font-size: .8em;
font-weight: bold;
text-align: left;
z-index: 1;
}

#headerCommande p.panierVide{
padding-top: 15px;
}

#headerCommande p a{
display: block;
padding-top: 3px;
}

#headerCommande a.lienCommande{
display: block;
position: absolute;
top: 0;
left: 0;
width: 157px;
height: 57px;
z-index: 2;
}

#icoCommande{
position: absolute;
width: 46px;
height: 38px;
top: 8px;
left: 5px;
background: url(../img/ico_commande.gif) 0 0 no-repeat;
z-index: 1;
}

#icoPanier{
position: absolute;
width: 40px;
height: 30px;
top: 12px;
left: 5px;
background: url(../img/ico_panier.gif) 0 0 no-repeat;
}
/* fin header */

/* menu_h */
#menu_h{
position: relative;
background: url(../img/menu_h_d.png) 100% 0 no-repeat;
margin-top: 0px;
z-index: 1;
}

#menu_h ul{
background: url(../img/menu_h_fond.gif) 0 0 repeat-x;
height: 43px;
margin-right: 4px;
overflow: hidden;
}

#menu_h li{
background: url(../img/menu_h_sep.gif) 100% 0 no-repeat;
float: left;
height: 43px;
line-height: 43px;
padding: 0;
text-transform: uppercase;
font-size: 0.75em;
}

#menu_h li span.actif{
color: #fff;
border-bottom: 3px solid #f18d0c;
margin: 0 5px;
}

#menu_h li.firstItem{
padding: 0;
color: #fff;
font-weight: bold;
background: none;
}

#menu_h li.firstItem span.actif, #menu_h li.firstItem a{
background-image: url(../img/menu_h_first.png);
background-repeat: no-repeat;
float: left;
width: 96px;
padding: 0 0 0 10px;
margin: 0;
height: 43px;
line-height: 43px;
text-transform: uppercase;
} 

#menu_h li.firstItem span.actif{
background-position: 0 0;
} 

#menu_h li.firstItem a{
background-position: 0 -43px;
}

#menu_h li.firstItem a:hover, #menu_h li.firstItem a:active {
background-position: 0 0;
}

#menu_h li.lastItem{
background: none;
}

#menu_h li a{
color: #fff;
text-decoration: none;
margin: 0 5px;
}

#menu_h li a:hover, #menu_h li a:active{
color: #fff;
border-bottom: 3px solid #f18d0c;
}
/* fin menu_h */

/* content */
#content{
position: relative; 
height: 100%;
margin-top: 10px;
z-index: 2;
}

#colG{
float: left;
width: 750px;
}

#colG p.cheminDeFer{
margin: 10px 8px 10px 16px;
font-size: .8em;
}

#page{
position: relative;
background: url(../img/page_fond.gif) 0 0 repeat-y;
}

#pageHaut{
background: url(../img/page_haut.gif) 0 0 no-repeat;
}

#pageBas{
background: url(../img/page_bas.gif) 0 100% no-repeat;
padding: 10px 0;
}

#pageContenu{
position: relative;
}

#titrePage{
position: relative;
background: url(../img/page_titre_fond.gif) 0 0 no-repeat;
width: 725px;
height: 57px; 
margin: 0 8px;
overflow: hidden;
}

#titrePage h2{
font-size: 1.5em;
font-weight: bold;
line-height: 57px;
margin: 0 10px;
color: #838187;
}

#titrePage h2 em{
font-size: .8em;
color: #28a4e5;
}

#titrePage div.prix{
position : absolute;
background: url(../img/page_titre_prix_fond.gif) 0 0 no-repeat;
width: 130px;
height: 57px;
top: 0;
left: 595px;
}

#coffretTitre1{
position: absolute;
width: 105px;
height: 129px;
top: -50px;
left: 25px;
background: url(../img/coffret_6_titre.png) 0 0 no-repeat;
z-index: 3;
}

#titrePage div.prix p{
text-align: right;
font-size: 1em;
font-weight: bold;
color: #fff;
margin: 10px 10px 10px 10px;
}

.sousTitre{
position :relative;
background: url(../img/page_soustitre_fond.gif) 0 100% no-repeat;
margin-left: 8px; 
margin-bottom: 10px;
margin-top: 15px;
}

.sousTitre h3{
font-size: 1em;
font-weight: bold;
padding: 0 10px 5px 10px;
}

#recapCommande{
width: 725px;
margin: 10px 0 0 8px;
font-size: .9em;
border-collapse: separate;
border-spacing: 2px;
}

#listeGagnant{
width: 710px;
margin: 10px 0 0 0;
font-size: 1em;
border-collapse: separate;
border-spacing: 2px;
}

#recapCommande th, #listeGagnant th{
font-weight: bold;
text-align: center;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #B6BEC0;
background: #D2D7D8 url(../img/table_fond.gif) left top repeat-x;	
height: 27px;
}

#recapCommande td, #listeGagnant th{
padding: 5px;
}

#recapCommande td.alignCenter, #listeGagnant td.alignCenter{
text-align: center;
}

#recapCommande td.alignRight, #listeGagnant td.alignRight{
text-align: right;
}

#recapCommande tr.ligne1, #listeGagnant tr.ligne1 {
  background: #E8EDEF;
}

#recapCommande tr.ligne2, #listeGagnant tr.ligne2 {
  background: none;
}

#recapCommande td.ligne3 {
  background: none;
  border-bottom: 1px solid #ccc;
}

.boiteInfo{
position: relative;
background: url(../img/boite_info_fond.gif) 0 0 repeat-y;
width: 355px;
margin: 15px auto;
}

.boiteInfoHaut {
position: relative;
background: url(../img/boite_info_haut.png) 0 0 no-repeat;
}

#info .boiteInfoHaut {
position: relative;
background: url(../img/boite_info1_haut.png) 0 0 no-repeat;
}

.boiteInfoBas {
position: relative;
background: url(../img/boite_info_bas.png) 0 100% no-repeat;
padding-bottom: 15px;
}

#info .boiteInfoBas {
position: relative;
background: url(../img/boite_info1_bas.png) 0 100% no-repeat;
padding-bottom: 15px;
}

.boiteInfo h4{
font-weight: bold;
font-size: 1.2em;
margin: 0 10px 15px 10px;
padding: 5px 10px 5px 25px;
border-bottom: 1px solid #838187;
}

.boiteInfo p{
font-size: 1em;
margin: 0 10px;
}

#info .boiteInfo p{
color: #424144;
}

.alert h4{
background: url(../img/puce_alert.gif) 0 50% no-repeat;
color: #e6461f;
}

.info h4{
background: url(../img/puce_info.gif) 0 50% no-repeat;
}

.demiCol{
position: relative;
float: left;
width: 375px;
}

#colD{
float: right;
width: 177px;
}

#boxDeja{
position : relative;
background: url(../img/box_deja_fond.jpg) 0 0 no-repeat;
width: 177px;
height: 63px;
overflow: hidden;
}

#boxDeja.pos1{
position : relative;
background: url(../img/box_deja_fond.png) 0 0 no-repeat;
width: 177px;
height: 63px;
overflow: hidden;
}

#boxDeja p{
padding: 10px 45px 5px 5px;
color: #fff;
font-size: .9em;
font-weight: bold;
}

#boxDeja a{
position: absolute;
width: 37px;
height: 37px;
top: 12px;
left: 136px;
background: url(../img/btn_go.png) 0 0 no-repeat;
}

#boxDeja a:hover{
background-position: 0 -38px;
}

#boxChercher{
position : relative;
margin-bottom: 10px;
background: url(../img/box_chercher_fond.png) 0 0 no-repeat;
width: 177px;
height: 63px;
z-index: 10;
}

#boxChercher a{
font-size: 1.2em;
color: #28A4E5;
padding-left: 15px;
font-weight: bold; 
line-height: 63px;
}

#boxChercherImg{
position: absolute;
background: url(../img/box_chercher_img.png) 0 0 no-repeat;
width: 49px;
height: 45px;
top: -7px;
left: 135px;
z-index: 2;
}

#boxVideo{
position : relative;
margin-top: 10px;
width: 177px;
height: 146px;
overflow: hidden;
}

#boxComment{
position : relative;
margin-top: 10px;
background: url(../img/box_comment_fond.jpg) 0 0 no-repeat;
width: 177px;
height: 63px;
overflow: hidden;
}

#boxComment p{
padding: 15px 45px 5px 5px;
color: #fff;
font-size: .9em;
font-weight: bold;
}

#boxComment a{
position: absolute;
width: 37px;
height: 37px;
top: 12px;
left: 136px;
background: url(../img/btn_comment.png) 0 0 no-repeat;
}

#boxComment a:hover{
background-position: 0 -38px;
}

dl.boxMenu{
position: relative;
margin-top: 10px; 
background: url(../img/box_menu_fond.gif) 0 0 repeat-y;
}

dl.boxMenu dt{
height: 38px;
text-align: center;
color: #fff;
font-weight: bold;
padding-top: 5px; 
}

dl.boxMenu dd{
position: relative;
padding-bottom: 7px;
background: url(../img/box_menu_bas.png) 0 100% no-repeat;
}

dl.boxMenu dd p{
margin: 7px 5px;
}

dl.boxMenu ul li{
font-weight: bold;
padding: 5px 5px 7px 5px;
font-size: .9em;
background: url(../img/box_menu_border.gif) 0 100% repeat-x;
}

dl.boxMenu ul li.first{
padding-top: 0;
}

dl.boxMenu ul li.last{
background: none;
padding-bottom: 2px;
}

dl.boxMenu ul li ul li{
font-weight: bold;
padding: 2px 5px 0px 5px;
background-position: 0 150px; 
}

dl.boxMenu ul li a{
font-weight: bold;
}

dl.boxMenu ul li ul li a{
color: #424144;
font-size: .9em;
}

dl.boxMenu ul li ul li a:hover{
color: #999;
}

dl.boxMenu ul li ul li span{
color: #838187;
font-size: .9em;
padding-left: 5px;
}

#boxThematique dt{
background: url(../img/box_thematique_fond.png) 0 0 no-repeat;
}

#boxThematique li a.orange:hover, #boxThematique li span.orange{
color: #f1a440;
}

#boxThematique li a.bleu:hover, #boxThematique li span.bleu{
color: #448bd5;
}

#boxThematique li a.vert:hover, #boxThematique li span.vert{
color: #83cc3f;
}

#boxThematique li a.jaune:hover, #boxThematique li span.jaune{
color: #f9c94f;
}

#boxThematique li a.rouge:hover, #boxThematique li span.rouge{
color: #d4555e;
}

#boxThematique li a.rose:hover, #boxThematique li span.rose{
color: #f0a6c2;
}

.btnOnOff{
display: block;
position: absolute;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-image: url(../img/btn_onoff.gif);
top: 4px;
left: 158px !important;
left: 152px;
cursor: pointer;
border: none;
}

.ouvrirOff{
background-position: 0 0;
}

.ouvrirOn{
background-position: 0 -16px;
}

.fermerOff{
background-position: -16px 0;
}

.fermerOn{
background-position: -16px -16px;
}

#boxGarantie dt{
background: url(../img/box_garantie_fond.png) 0 0 no-repeat;
}

/* fin content */

/* footer */
#footer{
border-top: 1px solid #a4a3a8;
margin: 15px 0;
text-align: center;
font-size: .8em;
color: #a4a3a8;
}

#footer a{
color: #424144;
text-transform: uppercase;
}

#footer a:hover{
text-decoration: underline;
}
/* fin footer */