*{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul{
	list-style-type: none;
}

h1{
	font-size: 14px;
	color: #666;
}

h1#titreAll, h1.titreAll{
	font-size: 14px;
	color: #336699;
	background: url("/images/bgH1.gif") no-repeat;
	padding: 0 10px;
	margin: 5px 0 20px 0;
	line-height: 28px;
}

h1#titreAll a, h1.titreAll a{
	color: #336699;
}

h1.txtRef{
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding: 10px;
}

h2{
	font-size: 13px;
	color: #ff9900;
	margin: 5px 0 15px 0;
	padding: 0 10px;
}

h3{
	font-size: 12px;
	color: #336699;
	margin: 5px 0 10px 0;
	padding: 0 10px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	background: url("/images/bgChrono_01.gif") repeat-x #336699;
}

a img{
	border: 0px;
}

a{
	color: #336699;
	text-decoration: underline;
}

a:hover{
	color: #ff9900;
	text-decoration: underline;
}

/*---------------Base Class----------------*/

.txtCodeCouleur{
	color: #ff9900;
}

.txtHidden{
	visibility: hidden;
}

.txtUnderline{
	text-decoration: underline;
}

.txtItalic{
	font-style: italic;
}

.txtGris{
	color: #ccc;
}

.paragraphe{
	line-height: 17px;
	margin-bottom: 7px;
	padding: 0 10px;
}

.fontSize11{
	font-size: 11px;
}

.listeDisc{
	margin: 10px 0;
}

.listeDisc li{
	margin: 8px 30px;
	list-style-type: disc;
}

.noBorder{
	border: 0px;
}

.leftFormMini{
	float: left;
	display: inline;
	line-height: 17px;
	width: 30%;
	margin-right: 5px;
	padding: 0;
}

/*---------------Fin Base Class----------------*/

#bgBodyBottom{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	background: url("/images/bgChrono_12.gif") repeat-x bottom;
}

#global {
	width: 990px;
	height: 100%;
	margin: 0 auto;
}

#header{
	float: left;
	width: 100%;
	height: 301px;
	background: url("/images/bgChrono_03.jpg") no-repeat;
}

#btnContact{
	float: left;
	clear: both;
	clear: whatever;
	width: 111px;
	height: 13px;
	margin: 6px 23px 1px 10px;
}

#contact{
	float: left;
	width: 111px;
	height: 13px;
	background: url("/images/chronoHover_14.gif") no-repeat;
}

#contact:hover{
	visibility: visible;
}

#contact:hover img{
	visibility: hidden;
}

#btnLangues{
	float: right;
	width: 50px;
	height: 23px;
	margin-left: 700px;
}

#btnLangues li{
	float: left;
	margin: 4px;
}

#logo{
	float: left;
	height: 59px;
	clear: both;
	clear: whatever;
	margin: 40px 5px;
}

#pubHeader{
	float: right;
	clear: right;
	width: 468px;
	height: 60px;
	margin: 40px 10px;
}

#menuUserLeft{
	float: left;
	clear: both;
	clear: whatever;
	margin: 30px 123px 16px 23px;
	height: 17px;
}

#menuUserLeft li{
	float: left;
	padding: 0 10px;
}

#menuUserLeft li:first-child{
	border-right: solid 1px #336699;
}

#accueil{
	float: left;
	width: 65px;
	height: 14px;
	background: url("/images/chronoHover_18.gif") no-repeat;
}

#accueil:hover{
	visibility: visible;
}

#accueil:hover img{
	visibility: hidden;
}

#carteChrono{
	float: left;
	width: 118px;
	height: 14px;
	background: url("/images/chronoHover_20.gif") no-repeat;
}

#carteChrono:hover{
	visibility: visible;
}

#carteChrono:hover img{
	visibility: hidden;
}

#menuUserRight{
	float: right;
}

#menuUserRight li{
	float: left;
}

#menuUserRight li a{
	float: left;
	padding: 16px 27px 5px 60px;
	/*margin: 16px 27px 16px 60px;*/
}

#menuUserRight li:first-child a{
	float: left;
	padding: 30px 10px 0 10px;
	margin: 30px 0 16px 0;
}

#gererCompte{
	float: left;
	width: 215px;
	height: 14px;
	background: url("/images/chronoHover_22.gif") no-repeat 10px 30px;
}

#gererCompte:hover{
	visibility: visible;
}

#gererCompte:hover img{
	visibility: hidden;
}

.panier{
	float: left;
	width: 236px;
	height: 14px;
}

#menuRayons{
	float: left;
	clear: both;
	clear: whatever;
	width: 100%;
	margin: 0 0 0 20px;
	height: 24px;
}

#menuRayons > li{
	float: left;
	padding: 0 7px;
	border-left: solid 1px #0e1757;
}

#menuRayons li:first-child{
	border: 0;
}

#menuRayons li.spaceur{
	padding-left: 170px;
	border: 0px;
}

#menuRayon1{
	float: left;
	width: 87px;
	height: 21px;
	background: url("/images/menuChrono_1.gif") no-repeat 7px 0;
}

#menuRayon1:hover{
	visibility: visible;
}

#menuRayon1:hover img{
	visibility: hidden;
}

#menuRayon2{
	float: left;
	width: 62px;
	height: 21px;
	background: url("/images/menuChrono_2.gif") no-repeat 7px 0;
}

#menuRayon2:hover{
	visibility: visible;
}

#menuRayon2:hover img{
	visibility: hidden;
}

#menuRayon3{
	float: left;
	width: 104px;
	height: 21px;
	background: url("/images/menuChrono_3.gif") no-repeat 7px 0;
}

#menuRayon3:hover{
	visibility: visible;
}

#menuRayon3:hover img{
	visibility: hidden;
}

#menuRayon4{
	float: left;
	width: 135px;
	height: 21px;
	background: url("/images/menuChrono_4.gif") no-repeat 170px 0;
}

#menuRayon4:hover{
	visibility: visible;
}

#menuRayon4:hover img{
	visibility: hidden;
}

#menuRayon5{
	float: left;
	width: 162px;
	height: 21px;
	background: url("/images/menuChrono_5.gif") no-repeat 7px 0;
}

#menuRayon5:hover{
	visibility: visible;
}

#menuRayon5:hover img{
	visibility: hidden;
}

#menuRayon6{
	float: left;
	width: 148px;
	height: 21px;
	background: url("/images/menuChrono_6.gif") no-repeat 7px 0;
}

#menuRayon6:hover{
	visibility: visible;
}

#menuRayon6:hover img{
	visibility: hidden;
}

#menuShare{
	float: left;
	clear: left;
	width: 358px;
	height: 31px;
	margin: 12px 18px 7px 18px;
}

#menuShare li{
	float: left;
	padding: 2px;
}

#favoris{
	float: left;
	width: 68px;
	height: 24px;
	background: url("/images/chronoHover_47.gif") no-repeat;
}

#favoris:hover{
	visibility: visible;
}

#favoris:hover img{
	visibility: hidden;
}

#pageDemarrage{
	float: left;
	width: 91px;
	height: 24px;
	background: url("/images/chronoHover_49.gif") no-repeat;
}

#pageDemarrage:hover{
	visibility: visible;
}

#pageDemarrage:hover img{
	visibility: hidden;
}

#recommanderSite{
	float: left;
	width: 97px;
	height: 24px;
	background: url("/images/chronoHover_51.gif") no-repeat;
}

#recommanderSite:hover{
	visibility: visible;
}

#recommanderSite:hover img{
	visibility: hidden;
}

#questionsFrequentes{
	float: left;
	width: 86px;
	height: 24px;
	background: url("/images/chronoHover_53.gif") no-repeat;
}

#questionsFrequentes:hover{
	visibility: visible;
}

#questionsFrequentes:hover img{
	visibility: hidden;
}

#middle{
	float: left;
	clear: left;
	width: 940px;
	background: url("/images/bgChrono_10.gif") repeat-y;
	padding: 0 25px;
}

#left{
	float: left;
	width: 190px;
}

#btnAddThis{
	margin: 5px 0;
}

#blocNewsletter{
	float: left;
	width: 170px;
	height: 70px;
	background: url("/images/bgChrono_07.gif") no-repeat;
	padding: 8px 6px;
}

#blocNewsletter label{
	float: left;
	margin-bottom: 10px;
}

#blocNewsletter #newsletter{
	float: left;
	width: 125px;
	margin: 2px 9px 0 7px;
}

#pubLeft img{
	margin: 5px 0;
}

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

#blocRecherche{
	float: right;
	margin: 10px 0;
}

#blocRecherche label{
	float: left;
	margin: 7px 4px;
}

#blocRecherche #searcherJs{
	width: 241px;
	height: 20px;
	background: url("/images/bgSearch.gif") no-repeat;
	padding: 0 10px;
}

#advancerRolo{
	float: left;
	width: 100%;
	margin: 10px 0;
}

#advancer4P{
	float: left;
	width: 745px;
	/*background: url("/images/bgAdvancer.gif") no-repeat center right;*/
}

#advancer2P{
	float: left;
	width: 180px;
	margin-left: 10px;
}

#advancer3P{
	float: left;
	width: 100%;
	margin: 10px 0;
}

#bottom{
	float: left;
	clear: left;
	width: 100%;
	background: url("/images/bgChrono_13.gif") no-repeat;
}

#infosBoutique{
	float: left;
	margin: 10px 19px;
	height: 82px;
}

#infosBoutique li{
	float: left;
	padding: 7px;
}

#infosBoutique img{
	float: left;
	padding: 7px;
}

#blocSwitch{
	float: left;
	width: 94%;
	height: 145px;
	padding: 0 3%;
}

#blocSwitch p{
	float: left;
	width: 98%;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	font-size: 17px;
	padding: 7px 0;
	margin: 15px 1%;
}

#blocSwitch ul{
	float: left;
	margin: 5px 0;
}

#blocSwitch ul li{
	float: left;
	margin: 0 8px;
}

#blocCopyright{
	float: left;
	width: 96%;
	height: 89px;
	padding: 10px 2%;
	font-size: 11px;
}

#blocCopyright img{
	float: left;
	padding: 10px;
}

#blocCopyright p{
	padding: 2px 10px;
	text-align: center;
}

#blocKeyBottom{
	float: left;
	width: 90%;
	height: 92px;
	padding: 20px 5%;
	font-size: 11px;
	color: #fff;
}

#blocKeyBottom > li{
	float: left;
	width: 23%;
	padding: 0 1%;
}

#blocKeyBottom h3{
	padding: 0px;
	margin: 0px;
	color: #666;
}

#blocKeyBottom h3 a{
	color: #666;
}

#blocKeyBottom ul{
	float: left;
	width: 100%;
}

#blocKeyBottom ul li a{
	color: #fff;
	text-decoration: none;
}

#bottom .whosAmungUs{
	float: left;
	clear: left;
	width: 100%;
	height: 15px;
	text-align: right;
	padding: 5px;
}

/*-----------------------ADVANCER.TPL------------------------*/

.advancer{
	float: left;
	width: 250px;
	margin: 15px 0px;
}

.advancer .left{
	float: left;
	width: 105px;
}

.advancer .right{
	float: left;
	width: 145px;
}

.advancer .right .imgEtiquette img{
	margin: 2px;
}

.advancer .right h2{
	width: 100%;
	clear: left;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

.advancer .right h2 a{
	color: #336699;
	text-decoration: none;
}

.advancer .right .blocPrix{
	float: left;
	width: 100%;
	padding: 5px 0;
	font-weight: bold;
}

.advancer .right .blocPrix .txtPrix{
	font-size: 17px;
	color: #ff9900;
}

.advancer .right .imgEtiquette{
	width: 70px;
	float: left;
}

.advancer .right .imgEtiquette img{
	margin: 2px;
}

.advancer .right .description{
	width: 100%;
	margin: 5px 0;
	float: left;
	clear: left;
}

/*#advancer4P .advancer{
	float: left;
	width: 270px;
	margin: 15px 0px;
}*/

#advancer4P .advancer{
	float: left;
	width: 240px;
	margin: 10px 4px;
}

#advancer4P .advancer .left{
	width: 105px;
	text-align: center;
}

#advancer4P .advancer .right{
	width: 135px;
	/*clear: left;*/
}

#advancer2P .advancer{
	float: left;
	width: 180px;
	margin: 5px 0px;
}

#advancer2P .advancer .left{
	width: 100%;
	text-align: center;
}

#advancer2P .advancer .right{
	width: 100%;
	clear: left;
}

.texte_advancer{
	display: none;
}

/*-----------------------FIN ADVANCER.TPL------------------------*/

/*-----------------------RAYON.TPL------------------------*/

.rayon{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.rayon .top{
	/*height: 305px;*/
}

.rayon h2{
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 5px 0;
}

.rayon h2 a{
	color: #0e1757;
	text-decoration: none;
}

.rayon .blocPrix{
	float: right;
	width: 45%;
	padding: 2px 0;
}

.rayon .blocPrix .txtPrix{
	margin: -2px 0 0 0;
	line-height: 17px;
	font-size: 17px;
	font-weight: bold;
	color: #ff9900;
}

.rayon .blocPrix .txtPrixPublic{
	line-height: 12px;
}

.rayon .imageProduit{
	float: left;
	width: 100%;
	padding: 2px 0;
}

.rayon .middle{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	vertical-align: bottom;
}

.rayon .middle p{
	margin: 5px 0;
}

/*-----------------------FIN RAYON.TPL------------------------*/

/*----------------------TABLEAU ARTICLE.tpl-------------------*/

.champs_tableau{
	clear: left;
}

.tproducts{
	width: 100%;
	clear: left;
	margin-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 9px;
}

.tproducts .hproduct{
	background: #cccccc;
	font-weight: bold;
}

.tproducts td{
	border: solid 1px #dddddd;
	padding: 3px;
}

.tproducts tr:hover{
	background: #cccccc;
}

/*---------------------FIN TABLEAU ARTICLE.tpl---------------*/

/*-----------------------ARTICLE.TPL------------------------*/

.article{
	float: left;
	width: 100%;
}

.article .left{
	float: left;
	width: 260px;
}

.article .left .imageProduit{
	border: solid 1px #ccc;
	width: 250px;
}

.article .left .miniImagesProduit{
	float: left;
	clear: left;
	width: 100%;
}

.article .left .miniImagesProduit img{
	border: solid 1px #ccc;
	margin: 2px 2px 0 0;
}

.article .left .btnAddThis{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 30px;
}

.article .right{
	float: left;
	width: 480px;
}

.article .right .titre{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.article .right .titre h2{
	font-size: 15px;
	width: 100%;
	float: left;
}

.article .right .titre h2 a{
	color: #0e1757;
	text-decoration: none;
}

.article .right .titre .etiquettePromo{
	float: left;
	width: 68%;
	padding: 5px 1%;
}

.textInfoTempsTmp{
	float:left;
	color:#CC0000;
	width:100%;
}

.txtPromoInfosTemps {
	
}

.commercio_compteur_all{
	float:left;
	margin-top:-10px;
	background:url("/images/rebours.gif") no-repeat top left;
	width:400px;
	height:85px;
	padding:30px 0 0 85px;
	color:#CC0000;
	font-weight:bold;
}

.commercio_compteur_all .commercio_compteur{
	font-size:18px;
	float:left;
	margin-right:50px;
}

.article .right .titre .blocPrix{
	float: right;
	width: 28%;
	padding: 5px 1%;
	text-align: right;
}

.article .right .titre .blocPrix .txtPrix{
	margin: -2px 0 0 0;
	font-size: 23px;
	font-weight: bold;
	color: #ff9900;
}

.article .right .titre .blocPrix .txtPrixPublic{
	line-height: 12px;
}

.article .right .imgEtiquettePromo{
	margin: 5px;
	display: inline;
}

.article .right .titre .reference{
	margin: 5px 0;
	width: 75%;
	float: left;
}

.article .right .titre .reference .varReference div{
	display: inline;
}

.article .right .imgEtiquette img{
	float: left;
	margin: 5px;
}

.article .right .champsArticles{
	float: left;
	clear: left;
	width: 95%;
	background: #e5e5e5;
	padding: 1% 2%;
}

.article .right .champsArticles .titre_champs{
	width: 130px;
	float: left;
}

.article .right .txtDelaiLivraison{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	font-weight: bold;
}

.article .right .description{
	width: 100%;
	clear: left;
	margin: 5px 0;
}

.article .right .btnSend2Friends{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}

.article .right .quantite{
	float: left;
	clear: left;
	width: 150px;
	margin: 60px 0 0 0;
}

.article .right .quantite .txtQuantite{
	float: left;
	width: 65px;
}

.article .right .quantite .varQuantite{
	float: left;
}

.article .right .btnAdd2Basket{
	float: left;
	width: 214px;
	margin-top: 20px;
}

.article .right .btnAdd2Basket a{
	text-decoration: none;
}

.article .bottom{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 20px;
	margin: 5px 0;
}

.blocCrossSelling{
	float: left;
	clear: left;
	width: 720px;
	margin: 10px !important;
	margin: 5px;
	border: solid 1px #e5e5e5;
}

.blocCrossSelling .titreCrossSelling{
	color: #333;
	background: #e5e5e5;
	padding: 4px;
	margin: 5px 0;
	text-align: center;
	font-weight: bold;
}

/*-----------------------FIN ARTICLE.TPL------------------------*/

/*-----------------------GONDOLE.TPL------------------------*/

.gondole{
	float: left;
	width: 730px;
	padding: 5px !important;
	padding: 2px;
	border: solid 2px #ff9900;
}

.gondole .left{
	float: left;
	width: 360px;
}

.gondole .left .imageProduit{
	border: solid 1px #ccc;
	width: 350px;
}

.gondole .left .miniImagesProduit{
	float: left;
	clear: left;
	width: 100%;
}

.gondole .left .miniImagesProduit img{
	border: solid 1px #ccc;
	margin: 2px 2px 0 0;
}

.gondole .right{
	float: left;
	width: 370px;
}

.gondole .right .titre{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.gondole .right .titre h2{
	font-size: 18px;
	width: 100%;
	float: left;
}

.gondole .right .titre h2 a{
	color: #0e1757;
	text-decoration: none;
}

.gondole .right .titre .etiquettePromo{
	float: left;
	width: 68%;
	padding: 1%;
	text-align: right;
}

.gondole .right .titre .blocPrix{
	float: right;
	width: 28%;
	padding: 1%;
	text-align: right;
}

.gondole .right .titre .blocPrix .txtPrix{
	margin: -2px 0 0 0;
	font-size: 23px;
	font-weight: bold;
	color: #ff9900;
}

.gondole .right .titre .blocPrix .txtPrixPublic{
	line-height: 12px;
}

.gondole .right .titre .reference{
	margin: 5px 0;
	width: 75%;
	float: left;
}

.gondole .right .titre .reference .varReference div{
	display: inline;
}

.gondole .right .imgEtiquette img{
	float: left;
	margin: 5px;
}

.gondole .right .champsArticles{
	float: left;
	clear: left;
	
	width: 95%;
	background: #e5e5e5;
	padding: 1% 2%;
}

.gondole .right .champsArticles .titre_champs{
	width: 100px;
	float: left;
}

.gondole .right .txtDelaiLivraison{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
	font-weight: bold;
}

.gondole .right .description{
	width: 100%;
	clear: left;
	margin: 5px 0;
}

.gondole .right .btnSend2Friends{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}

.gondole .right .detailsButton{
	float: left;
	clear: left;
	width: 100%;
	margin: 10px 0;
}

.gondole .bottom{
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
}

/*-----------------------FIN GONDOLE.TPL------------------------*/

/*---------------Search_liens.tpl------------*/

#paginationAll{
	/*font-size: 15px;*/
	font-weight: normal;
	text-transform: uppercase;
}

.paginationLeft a{
	border: solid 1px #999;
	padding: 2px 5px 2px 14px;
	text-decoration: none;
	color: #707070;
	background: url("/boutique/img/iconeNavPrev.gif") no-repeat left center;
}

.paginationLeft a:hover{
	background: #999;
	color: #fff;
}

.pagination{
	text-align: center;
}

.pagination a{
	border: solid 1px #999;
	padding: 2px 4px;
	text-decoration: none;
	color: #707070;
}

.pagination a:hover{
	background: #999;
	color: #fff;
}

.pagination .selected{
	font-weight: bold;
	border: solid 1px #999;
	background: #999;
	padding: 2px 4px;
	color: #fff;
}

.paginationRight a{
	border: solid 1px #999;
	padding: 2px 14px 2px 5px;
	text-decoration: none;
	color: #707070;
	background: url("/boutique/img/iconeNavNext.gif") no-repeat right center;
}

.paginationRight a:hover{
	background: #999;
	color: #fff;
}

/*---------------Fin Search_liens.tpl---------------*/

/*---------------header_process.tpl---------------*/

#blocSwitchProcess{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#blocSwitchProcess p{
	float: left;
	width: 98%;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	padding: 10px 0;
	margin: 10px 1%;
	font-size: 17px;
	text-align: center;
}

#blocSwitchProcess ul{
	float: left;
	margin: 5px 0;
}

#blocSwitchProcess ul li{
	float: left;
	margin: 0 10px;
}

/*---------------Fin header_process.tpl---------------*/