body {margin:0px;background-color: #FFF;font-family: tahoma, arial;font-size: 11px;color: #222;}
td{	font-family: tahoma, arial;	font-size: 11px;}
img{border: none;}

select{font-family: tahoma, arial;font-size: 11px;color: #222;}
input{font-family: tahoma, arial;font-size: 11px;color: #222;}
a{color: #222;text-decoration: none;}
a:hover{Color :#CF8A2B;}

/* ******************************************************************************************************** BANDEAU HAUT */
#HautPage{height: 160px; background: url(../graph/images/fondBandeauHaut.png) repeat-x top center;}
#HautPage #supportHautPage{margin: 0 auto; width: 980px;}
#HautPage .BH{height: 115px; background: url(../graph/images/bandeauSup.png) no-repeat top left;}

#HautPage .BH #ligneHaute{position: absolute; margin-top: 9px; margin-left: 200px; width: 450px; font-size : 9px; color: #CF8A2B;}
#HautPage .BH #logo{position: absolute; margin-top: 25px; margin-left: 30px; width: 175px; height: 100px; cursor:pointer;}
#HautPage .BH #banTel{position: absolute; margin-top: 32px; margin-left: 230px; width: 250px; height: 40px; cursor:pointer;}
#HautPage .BH #Compte{position: absolute; margin-top: 0px; margin-left: 670px; width: 120px; height: 30px; cursor:pointer;}
#HautPage .BH #panier{position: absolute; margin-top: 0px; margin-left: 800px; width: 180px; height: 30px; cursor:pointer;}
#HautPage .BH #info1{position: absolute; margin-top: 75px; margin-left: 240px; width: 110px; height: 20px; cursor:pointer;}
#HautPage .BH #info2{position: absolute; margin-top: 75px; margin-left: 365px; width: 118px; height: 20px; cursor:pointer;}
#HautPage .BH #info3{position: absolute; margin-top: 75px; margin-left: 505px; width: 155px; height: 20px; cursor:pointer;}
#HautPage .BH #cadeaux{position: absolute; margin-top: 70px; margin-left: 673px; width: 120px; height: 30px; cursor:pointer;}
#HautPage .BH #pro{position: absolute; margin-top: 70px; margin-left: 795px; width: 185px; height: 30px; cursor:pointer;}


/* ******************************************************************************************************* MENU BANDEAU HAUT*/
#HautPage .supportMenu{height: 45px; background: url(../graph/images/supportMenuSup.png) no-repeat top left;}
#HautPage .menu{position: absolute; margin-left: 172px; width: 808px;}
#HautPage .menu td{font-family: Tahoma, Arial, Geneva; font-size: 12px; line-height: 13px; color: #FFF;font-weight: bold; text-align: center; border-right: #EBC684 solid 1px; cursor: pointer;}


/* ******************************************************************************************************* MENU CALQUES*/
#blocCalque{margin: 0 auto; width: 980px;}
#blocCalque #calque .supportCalque{visibility: hidden; position:absolute; background:  url(../graph/images/calque_fond.png) no-repeat bottom; width: 807px;height: 214px;}
#blocCalque #calque .haut{height: 2px; background:  url(../graph/images/calque_haut.png) no-repeat bottom;}
#blocCalque #calque .cadreMenu{float: left; margin: 15px 0 10px 15px;}
#blocCalque #calque .cadreMenu .blocMenu{float: left; width: 180px; margin-right: 20px;}
#blocCalque #calque .cadreMenu .blocMenu .titre{ font-size: 11px; font-weight: bold; background: #E7C27F url(../graph/images/puceMarron.png) no-repeat left; color: #5E4703; padding: 3px 3px 3px 20px;}
#blocCalque #calque .cadreMenu .blocMenu .titre a{ color: #5E4703;}
#blocCalque #calque ul{margin: 0px; padding: 8px 0 0 20px;}
#blocCalque #calque li{margin-bottom: 5px;}
#blocCalque #calque li a{color:#fff;}
#blocCalque #calque li a:hover{text-decoration:underline;}
#blocCalque #calque li b{color: #5E4703;}
#blocCalque #calque .cadreMenu .sep{clear: both; height: 20px; margin-top : 5px; background: url(../graph/images/tiretBlanc.png) repeat-x bottom;}

#blocCalque #calque .cadreMenu  hr{	height: 1px; margin: 3px 0; padding: 0px; border: #fff solid 0px; background-color: #FFF;}
#blocCalque #calque .cadreMenu  .ligneBasse{ font-size:10px; font-weight:bold; color:#6B5104;}
#blocCalque #calque .cadreMenu  .ligneBasse a{color:#6B5104;}
#blocCalque #calque .cadreMenu  .ligneBasse a:hover{text-decoration:underline;}
#blocCalque #calque .cadreMenu  .ligneBasse span{background:url(../graph/images/puceBlanche.png) no-repeat center right; padding: 0 10px 0 5px;}
#blocCalque #calque .blocImage{	float: right; width: 193px; height: 210px; margin: 0 2px 2px 0;}


/* ******************************************************************************************************* PIED*/
#pied{}
#pied #pied1{ margin-top: 70px; background: url(../graph/images/pied1_fond.png) repeat-x;}
#pied #pied1 #support{margin: 0 auto; width: 980px; height: 34px; background: url(../graph/images/pied1_support.png) no-repeat;}
#pied #pied1 #fav{ position: absolute; margin: 7px 0 0 5px; height: 20px; width: 130px; cursor: pointer;}
#pied #pied1 #ami{ position: absolute; margin: 7px 0 0 173px; height: 20px; width: 138px;  cursor: pointer;}
#pied #pied1 #news{ position: absolute; margin: 7px 0 0 435px; height: 20px; width: 195px;}
#pied #pied1 #face{ position: absolute; margin: 7px 0 0 720px; height: 20px; width: 20px;  cursor: pointer;}
#pied #pied1 #tiwt{ position: absolute; margin: 7px 0 0 745px; height: 20px; width: 20px;  cursor: pointer;}
#pied #pied1 #accueil{ position: absolute; margin-left:790px; height: 34px; width: 55px;  cursor: pointer;}
#pied #pied1 #haut{ position: absolute; margin-left:855px; height: 34px; width: 65px;  cursor: pointer;}
#pied #pied1 #retour{ position: absolute; margin-left:930px; height: 34px; width: 50px;  cursor: pointer;}


#pied #pied2 .boutique{float: left; width: 200px; margin: 0 15px 0 25px;}
#pied #pied2 .boutique .titre{background-color: #CE8A2A; font-size: 12px; font-weight: bold; color: #fff; padding: 3px 10px; }

#pied #pied2 .boutique ul{padding: 0 10px; margin:5px 5px 10px 10px;font-size: 11px; font-weight: bold;color: #CE8A2A;}
#pied #pied2 .boutique li{padding: 3px 0 0 0px; font-family: verdana, arial;font-size: 10px;font-weight: normal;color: #222; }

#pied #pied2 #infos{float: right; width: 440px;}
#pied #pied2 #infos .infosTxt{float: left; width: 220px;}
#pied #pied2 #infos a{	display: block; width: 100%; text-decoration: none; margin: 4px 5px; font-family: verdana, arial;}
#pied #pied2 #infos hr{height: 1px; margin: 9px 0; padding: 0px; border: none; background: url(../graph/images/tiretOcre.png) repeat-x;}

#pied #pied2  #infos ul{padding: 0px;margin-left: 10px;font-size: 11px;font-weight: bold;color: #CE8A2A;}
#pied #pied2  #infos li{padding: 5px 0 0 10px;list-style-type: none;font-family: verdana, arial;font-size: 10px;font-weight: normal;color: #222;}





/* *************************************************************************************************************************************/
/* ******************************************************************************************************* SPECIFIQUE ACCUEIL*/
/* *************************************************************************************************************************************/




/* ******************************************************************************************************* PUBS BANNIERES DEFILE ACCUEIL*/
#supportBanAccueil {margin: 0 0 25px 0;	height: 302px;	background: url(../graph/images/banDefil_fond.png) repeat-x top;}
#supportBanAccueil #banAccueil{	margin:0px auto;	width: 980px;}

#supportBanAccueil #banAccueil .BanEncartInfos{position: absolute;margin: 0 0 0 755px; width:210px; height:295px;}

#supportBanAccueil #banAccueil .trans{width: 736px;	position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; opacity:0; display: none;}

#supportBanAccueil #fondChiffre{position: absolute; width: 180px; height: 32px; margin-top: 280px;margin-left: 20px;z-index: 19;}
#supportBanAccueil #fondChiffre #blocChiffre{position: absolute; margin-left: 0px; margin-top: 0px;	}
#supportBanAccueil #fondChiffre #blocChiffre .caseChiffre{float: left; margin-right: 5px; width: 18px; height: 18px;text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px;color: #222; border: #ddd solid 1px; background-color: #fff;cursor: pointer;}	





/* ******************************************************************************************************* PUBS HTML FIXES ACCUEIL*/
#SupportPubHtmlAccueil{	margin: 0 auto; width: 920px;}
#SupportPubHtmlAccueil .supportPubsFixes{float: left; width: 417px;}
#SupportPubHtmlAccueil .supportPubsFixes .graphBloc{height: 26px; background: url(../graph/images/pubHtml_Haut.png) no-repeat bottom right;}
#SupportPubHtmlAccueil .supportPubsFixes .titre{
	padding: 0 10px; background-color: #FFF; line-height: 25px; font-size: 12px; color: #5E4703; font-weight: bold;
}
#SupportPubHtmlAccueil .supportPubsFixes .bloc3Pub{
	padding-left: 15px; 
}
#SupportPubHtmlAccueil .supportPubsFixes .blocPub{
	float: left; width: 120px; margin: 5px; text-align: center;
}

#SupportPubHtmlAccueil .supportPubsFixes .blocPub img{
	margin-bottom: 5px; 
}
#SupportPubHtmlAccueil .supportPubsFixes .blocPub b{
	color:#B16D13; font-size: 13px;
}
#SupportPubHtmlAccueil .supportPubsFixes .blocPub span{
	text-decoration:line-through; font-size: 10px;
}
#SupportPubHtmlAccueil .supportPubsFixes .finGraph{
	height: 172px; background: url(../graph/images/pubHtml_Bas.png) no-repeat center bottom;
}






/* ******************************************************************************************************* PUBS HTML DEFILE ACCUEIL*/
#SupportPubHtmlAccueil .supportPubsDefil{float: left; width: 657px; height: 233px; background: url(../graph/images/pubHtmlDefil_fond.png) no-repeat;}
#SupportPubHtmlAccueil .supportPubsDefil .blocChiffre {position: absolute; margin: 135px 0 0 182px; width: 20px;}
#SupportPubHtmlAccueil .supportPubsDefil .blocChiffre div{cursor: pointer;}
#SupportPubHtmlAccueil .supportPubsDefil .supportBlocPubs{position: absolute; overflow: hidden; margin: 2px 0 0 218px; width: 435px; height: 230px;}
#SupportPubHtmlAccueil .supportPubsDefil .pub{position: absolute; margin-top: -252px; z-index:10; width: 720px; background-color: #FFF;	}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub{float: left; width: 210px; margin: 5px 0px 5px 5px;}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub .blocImage{float: left; width: 110px;}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub img{margin-bottom: 5px; display: block;}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub .blocTxt{margin-top : 20px;}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub .blocTxt b{color:#B16D13; font-size: 13px;}
#SupportPubHtmlAccueil .supportPubsDefil .blocPub .blocTxt span{text-decoration:line-through; font-size: 10px;}





/* *************************************************************************************************************************************/
/* ******************************************************************************************************* SPECIFIQUE BOUTIQUE*/
/* *************************************************************************************************************************************/

	#supportBoutique { margin: 0px auto; width:980px;}
	#supportBoutique #colGauche{ float: left; width:755px;}	
	#supportBoutique #colDte{ float: right; width:192px;}


	

/* *************************************************************************************************************************************/
/* ******************************************************************************************************* SPECIFIQUE PRODUIT*/
/* *************************************************************************************************************************************/


	#insertResumHaut{}
	#insertResumHaut hr{ height: 1px; margin: 1px 0; padding: 0px; border: none; background: url(../graph/images/tiretOcre.png) repeat-x;}
	#insertResumHaut .picto{float:left; cursor:pointer;}
	#insertProdHaut .blocInfos{margin: 0 0 20px 0;}