body{
background-image:url(../img/base/background.jpg);
background-attachment:fixed;
background-repeat:repeat-x;
width:auto;
background-color:#a0968d;
}

.conteneur{
background-image:url(../img/base/logo.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
position:relative;
_background-position: expression(fixed_back(this,'0','0'));
margin-top:-15px;
margin-left:-10px;
width:100% !important;
height:auto;
}
/************************ HAUT DU SITE **********************/
.divHeaderContent{
width:980px;
margin-left:auto !important;
margin:0 auto 0 auto;
*margin-top:-10px;
height:auto;
background-image:url(../img/base/background-header.png);
background-position:top left;
background-repeat:no-repeat;
/* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */
_background:none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/base/background-header.png", sizingMethod="crop");
}
.divHeaderContent a,
.divHeaderContent input{
position: relative;
z-index: 1;
}
.divHeader{
width:954px;
margin-left:12px;
height:117px;
background-image:url(../img/base/degrade-header.jpg);
background-position:center;
overflow:hidden;
}
.divHeaderLogo{
width:230px;
height:117px;
float:left;
}
.divNav{
width:440px;
height:30px;
float:right;
margin-right:8px;
margin-top:7px !important;
background-color:#aca095;
}
.divNavLien{
width:252px;
height:28px;
float:left;
padding-left:10px;
font-size:12px;
padding-top:2px;
margin-top:6px !important;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.divNavLien a{
color:#FFFFFF;
text-decoration:none;
}
.divNavLien a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.divNavLangue{
width:170px;
height:30px;
float:right;
padding-left:3px;
background-color:#8a7f75;
}
.spanDrapeaux{
width:22px;
height:14px;
margin-top:8px;
margin-left:5px;
float:left;
}
.divTxt{
float:right;
width:674px;
height:auto;
margin-right:40px;
margin-top:33px;
*margin-top:34px;
font-family:Helvetica, Arial, sans-serif;
color:#393531;
font-size:16px;
text-transform:uppercase;
text-align:right;
}

.divTextIntro{
width:980px;
height:auto;
margin:7px auto 0 auto;
color:#FFFFFF;
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
/************************************************* FIN HAUT DU SITE ******************************************/

/************************************************* PARTIE CENTRALE DU SITE ************************************/

.divSiteHautContent{
width:980px;
margin-left:auto !important;
margin:7px auto 0 auto;
height:16px;
background-image:url(../img/base/haut-background-ombre.png);
background-position:top left;
_background:none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/base/haut-background-ombre.png", sizingMethod="scale");
}
.divSiteBasContent{
width:980px;
margin-left:auto !important;
margin:0 auto 0 auto;
height:12px;
background-image:url(../img/base/bas-background-ombre.png);
background-position:top left;
/* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */
_background:none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/base/bas-background-ombre.png", sizingMethod="scale");
}
/* DEFINITION DES CLASSES POUR AFFICHAGES DES INFOS CENTRALES */
.divSiteContent{
width:980px;
margin-left:auto !important;
margin:0 auto 0 auto;
height:auto;
background-image:url(../img/base/background-ombre.png);
background-position:top left;
background-repeat:repeat-y;
/* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/base/background-ombre.png", enabled=true, sizingMethod="scale");
z-index: 1;
}
.divSiteContent a,
.divSiteContent input{
position: relative;
z-index: 1;
}
.corpus{
width:954px;
margin:0 auto 0 auto;
height:auto;
overflow:hidden;
}
.corpusBorder{
width:954px;
margin:0 auto 0 auto;
height:auto;
background-image:url(../img/elements/bordurecorpus.jpg);
background-position:top center;
background-repeat:repeat-y;
overflow:hidden;
}
.divCorpusLeft{
width:680px;
height:auto;
float:left;
overflow:hidden;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}
.divTextCorpusLeft{
width:640px;
height:auto;
margin:10px auto 0 auto;
color:#504b46;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

/* DEFINITION DES BLOCS : ANIMATION ET RECHERCHE */
.blocAnimation{
float:left;
width:746px;
height:353px;
}

/* BLOC EN HAUT DES PAGES DU SITE, ENGLOBANT LE FILS D'ARIANE ET AUTRES INFOS (IMPRIMER,ENVOYER A UN AMI) */
.divHautPage{
width:950px;
height:39px;
margin:0 auto 10px auto;
border-bottom:1px solid #d5cfca;
}
.divFilAriane{
width:665px;
height:auto;
float:left;
font-size:11px;
color:#6f6c6a;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
}
.divFilAriane a{
color:#6f6c6a;
text-decoration:none;
}
/************** BLOC DE RECHERCHE PAGE D'ACCUEIL DROITE *************/
.divBlocRecherche{
float:right;
width:205px;
height:auto;
}
.divBlocRechercheIcone{
float:right;
width:205px;
height:27px;
}
.spanRechercheIconeOn{
width:30px;
height:27px;
float:left;
border-right:1px solid #FFFFFF;
}
.spanRechercheIconeOff{
width:30px;
height:27px;
float:left;
border-right:1px solid #c1bcb8;
margin-left:2px;
margin-right:2px;
}
.divBlocRechercheIconePosition{
float:right;
width:205px;
height:8px;
}
.spanRechercheIconePositionOn{
width:30px;
height:27px;
float:left;
border-right:1px solid #FFFFFF;
}
.spanRechercheIconePositionOff{
width:30px;
height:27px;
float:left;
border-right:1px solid #FFFFFF;
margin-left:2px;
margin-right:2px;
}
.divBlocRechercheCorpus{
width:205px;
height:auto;
float:left;
background-color:#d8d2cd;
font-family:Helvetica, Arial, sans-serif;
}
.divBlocRechercheTitre{
width:205px;
min-height:40px;
float:right;
background-image:url(../img/base/background-titre-blocdroite.jpg);
background-repeat:repeat-x;
background-position:top;
}
.spanBlocRechercheTitre{
width:195px;
height:auto;
float:left;
color:#393532;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-transform:uppercase;
margin-top:10px;
margin-left:10px;
font-weight:700;
margin-top:10px;
margin-left:10px;
}
.divBlocRechercheCorpusBg{
width:205px;
height:auto;
float:left;
background-color:#ddd8d4;
background-image:url(../img/base/background-text-blocdroite.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-family:Helvetica, Arial, sans-serif;
}
.divBlocRechercheCorpusTxt{
width:187px;
height:auto;
margin:7px auto 0 auto;
font-size:11px;
color:#575553;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden !important;
}
/************ FIN BLOC DE RECHERCHE PAGE D'ACCUEIL DROITE ************/
/* DEFINITION DES BLOC GAUCHE DANS LE BLOC CENTRAL */
.corpusLeft{
float:left;
width:683px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}
.lienGlobal{
color:#413868;
text-transform:capitalize;
text-decoration:none;
font-weight:bold;
}
.divCorpusLeft{
width:680px;
height:auto;
float:left;
overflow:hidden;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
color:#91877e;
}
.divCorpusLeft a{
color:#91877e;
}
.divTextCorpusLeft{
width:640px;
height:auto;
margin:10px auto 0 auto;
color:#504b46;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.listeCoffrets{
font-size:16px; font-family:arial;
}
.listeCoffrets li{
list-style:none;
line-height:22px;
font-weight:700;
}
.listeCoffrets li a:link,a:visited{
color:#7da63e;
text-decoration:none;
padding-right:2px;
padding-left:2px;
}
.listeCoffrets li a:hover{
background-color:#7da63e;
color:#FFFFFF;
}
.divTitleContentlarge{
width:955px;
height:40px;
float:left;
background-color:#7da63e;
}
.divTitleContentLargeBlanc{
width:670px;
height:auto;
overflow:hidden;
float:left;
padding-left:10px;
padding-bottom:10px;
background-color:#FFFFFF;
font-size:11px;
color:#6f6c6a;
}
.spanTitleContentLarge{
width:auto;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;
color:#FFFFFF;
font-size:16px;
font-family:Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
.spanTitleContentLight{
width:auto;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, sans-serif;
}
.spanTitleContentBlanc{
width:auto;
height:auto;
float:left;
margin-top:10px;
color:#413868;
font-size:24px;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
.divTitleContentMini{
width:335px;
height:40px;
float:left;
background-color:#413868;
}
.spanTitleContentMini{
width:auto;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;
color:#FFFFFF;
font-size:16px;
font-family:Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
.conteneurCoffret{
width:630px;
height:auto;
margin:0 auto 0 auto;
overflow:hidden;
}
.conteneurInfoCoffretNvproduit{
width:210px; height:auto; float:left; overflow:hidden; margin-top:10px;
}
.detailCoffretNvproduit{
width:55%; height:auto; float:left; margin-left:10px; margin-top:35px; font-family:Arial; 
}

/*** CLASSES SPECIFIQUE A JAIUNCOFFRETCADEAU.COM ***/
.coffret{
margin:1.5% 1.5% 1.5% 1.5%; width:104px; height:145px; border:1px solid #ffffff; float:left;
}
.fonctionnement1{
list-style-image:url(../img/fonctionnement-1.jpg);
}
.fonctionnement2{
list-style-image:url(../img/fonctionnement-2.jpg);
}
.fonctionnement3{
list-style-image:url(../img/fonctionnement-3.jpg);
}
.fonctionnement4{
list-style-image:url(../img/fonctionnement-4.jpg);
}

.bouton:link, .bouton:visited { color: #FFFFFF; }
.bouton:hover, .bouton:focus {color:white;}

.bouton {
background-color:#0097D3;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
/*** FIN CLASSES SPECIFIQUES A JAIUNCOFFRETCADEAU.COM ***/
/* FIN DEFINITION DES BLOC GAUCHE DANS LE BLOC CENTRAL */

/* DEFINITION DES BLOC DROITE DANS LE BLOC CENTRAL */
.corpusRight{
float:right;
height:auto;
width:267px;
}
.divCorpusRight{
width:267px;
height:auto;
overflow:hidden;
margin-bottom:3px;
}
.divTitreBloc{
width:267px;
min-height:40px;
height:auto;
float:right;
background-image:url(../img/base/background-titre-blocdroite.jpg);
background-repeat:repeat-x;
background-position:top;
}
.spanTitreBloc{
width:257px;
height:auto;
float:left;
color:#393532;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
text-transform:uppercase;
margin-top:10px;
margin-left:9px;
font-weight:700;
}
.corpusRightBloc{
width:267px;
height:auto;
float:left;
background-color:#d8d2cd;
font-family:Helvetica, Arial, sans-serif;
}
.corpusRightBlocBg{
width:267px;
height:auto;
float:left;
background-color:#ddd8d4;
background-image:url(../img/base/background-text-blocdroite.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-family:Helvetica, Arial, sans-serif;
padding-bottom:5px;
}
.corpusRightBlocTxt{
width:228px;
height:auto;
margin:7px auto 0 auto;
font-size:11px;
color:#575553;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
*padding:0 0 15px 0;
}
.corpusRightBlocTxt input{
border:1px solid #c5bcb5;
font-size:13px;
}
.corpusRightBlocTxt hr{
clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px solid #c5bcb5; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}
.corpusRightBlocTxt li{
list-style-image:url(../img/puces/puce-garanties.jpg);
}
.corpusRightBlocTxt a{
color:#6f6c6a;
}
.corpusRightBlocTxtBas{
width:228px;
height:auto;
margin:7px auto 0 auto;
font-size:11px;
color:#575553;
font-family:inherit;
overflow:hidden !important;
*padding-bottom:13px;
}
li.fonctionnement1{
list-style-image:url(../img/fonctionnement-1.jpg);
}
li.fonctionnement2{
list-style-image:url(../img/fonctionnement-2.jpg);
}
li.fonctionnement3{
list-style-image:url(../img/fonctionnement-3.jpg);
}
li.fonctionnement4{
list-style-image:url(../img/fonctionnement-4.jpg);
}

/* FIN DEIFINTION DES BLOC DROITE DANS LE BLOC CENTRAL*/

/******************************************* FIN PARTIE CENTRALE DU SITE **********************************************/

/********************************************* PIED DU SITE (FOOTER) ****************************************************/

.footer{
width:954px;
height:auto;
margin:0 auto 0 auto;
background-image:url(../img/base/background-footer.jpg);
background-repeat:no-repeat;
background-attachment:inherit;
border-top:3px solid #FFFFFF;
}
.txtFooter{
width:925px;
height:auto;
padding-top:5px;
margin:0px auto 0 auto;
font-size:11px;
color:#575553;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
.txtFooter a{
color:#000000;
text-decoration:none;
}