/* www.itelios.com - 2009 - global */

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 0;
}

/*-------------- STRUCTURE --------------*/

body {
	background: #2f2f2f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#container {
	background: url(../images/backgrounds/bg_container.png);
	width: 985px;
	margin: 0 auto;
	padding: 0 19px;
}
#content {
	width: 985px;
	background: #fff url(../images/backgrounds/bg_content.gif) repeat-x top left;
	min-height:480px;
	height:auto !important;
	height:480px;
}

.footer {
	background: #000;
	text-align: center;
	color: #545057;
	font-size: 1em;
	overflow:hidden;
}
/*-------------- end structure --------------*/

/*-------------- HEADER --------------*/

#header h1 {
	padding:10px 10px 0 10px;
	float: left;
	width:314px;
}
#breadcrumb {
	color: #ed1c24;
	background: #272727;
	padding: 5px 0;
	border: 1px solid #545057;
	border-width: 1px 0;
}
#breadcrumb li {
	display: inline;
	margin: 0 3px;
}
#breadcrumb li a, #breadcrumb li a:link, #breadcrumb li a:visited {
	color: #989898;
	text-decoration: none;
	background: url(../images/icons/icon_breadcrumb.gif) no-repeat right 6px;
	padding-right: 10px;
}
#breadcrumb li a:hover, #breadcrumb li a:active {
	color: #fff;
}
#headerContent {
	width: 985px;
	overflow: hidden;
	padding-right: 0;
	height: 56px;

}
#headerMenu {
	float: right;
	width: 590px;
	text-align: right;
	padding: 10px 10px 7px 0;
}
#headerMenu li {
	display: inline;
	padding: 0 0 0 10px;
	font-size: 1.2em;
}
#headerMenu li a, #headerMenu li a:link, #headerMenu li a:visited {
	color: #807f7f;
	text-decoration: none;
}
#headerMenu li a:hover, #headerMenu li a:active {
	color: #fff;
}
#headerMenu li a.basketLink, #headerMenu li a.basketLink:link, #headerMenu li a.basketLink:visited {
	color: #c7c7c7;
}
#headerMenu li a.basketLink:hover, #headerMenu li a.basketLink:active {
	color: #fff;
	font-weight: bold;
}
#horizontalMenu {
	float: right;
	padding: 3px 10px 0 0;
}
#horizontalMenu li {
	float:left;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 0 0 0 30px;
}
#horizontalMenu a{	
	padding-bottom:10px;
}
#horizontalMenu li a:link, #horizontalMenu li a:visited {
	display:block;
	color: #e8e8e8;
	text-decoration: none;
}
#horizontalMenu li a:hover, #horizontalMenu li a:active {
	display:block;
	background:url(../images/backgrounds/bg_horizontalMenu_Current.gif) no-repeat center bottom;
}
#horizontalMenu li a.current{
	display:block;
	background:url(../images/backgrounds/bg_horizontalMenu_Current.gif) no-repeat center bottom;
	color: #fff;
}
/*-------------- end header --------------*/


/*-------------- Content --------------*/

.contentTextBrut h2{
	color:#e2001a;
	font-size:1.2em;
	padding-bottom:8px;
}
.contentGamme h2{
	background:url(../images/backgrounds/bg_titreGamme.gif) #ffed00 repeat-x left top;
	width:965px;
	font-size:2em;
	padding:15px 10px 10px;
}
.contentGamme h2.red {
	background:url(../images/backgrounds/bg_titreGammeRed.gif) #d20019 repeat-x left top;
	width:965px;
	font-size:2em;
	padding:15px 10px 10px;
	color:#fff;
}

.contentGamme span.secondTitle{
	font-weight:normal;
	font-size:0.8em;
}
.containerGamme{
	background:url(../images/backgrounds/bg_Gamme.jpg) no-repeat left top;
	width:985px;
	height:419px;
	position:relative;
}
.containerGammeTwoColls{
	background:url(../images/backgrounds/bg_gammeProduct.jpg) no-repeat left top;
	width:985px;
	height:422px;
	position:relative;
}
.contentCommonrail.containerGammeTwoColls {
	background: url(../images/backgrounds/bg_gammeProductCommonrail.jpg) no-repeat left top;
}
.containerGammeTwoCollsProduct{
	background:url(../images/backgrounds/bg_gammeProduct.jpg) no-repeat left top;
	width:985px;
	height:422px;
	position:relative;
}
.containerGammeOneColl{
	background:url(../images/backgrounds/bg_onePresentation.jpg) no-repeat left top;
	width:985px;
	height:423px;
	position:relative;
}
.containerGammeOneCollProduct{
	background:url(../images/backgrounds/bg_gammeProduct.jpg) no-repeat left top;
	width:985px;
	height:422px;
	position:relative;
}
.navCheckout{
	width:985px;
	font-size:2em;
}
.navCheckout ul{
	font-size:1.1em;
	font-weight:bold;
	color:white;
	width:100%;
	overflow:hidden;
	background:url(../images/backgrounds/bg_topCheckout.gif) #E3E3E3 repeat-x left top;
}
.navCheckout ul li{
	float:left;
	width:77px;
	height:31px;
	padding:12px 36px 8px 20px;
}
.navCheckout li.current{
	background:url('../images/backgrounds/bg_navCheckOutCurrent.png') no-repeat left top;
}
.navCheckout li.passed{
	background:url(../images/backgrounds/bg_navCheckOutPassed.png) no-repeat left top;
}
.contentCheckout{
	height:200px;
	padding:120px 10px 15px;
	width:965px;
}
.contentCheckout p{
	text-align:center;
	font-size:1.6em;
}

.contentCheckoutEtape3 p{
	text-align:center;
	font-size:1.6em;
}

.flashAnimation{
	position:absolute;
	left:200px;
	width:322px;
	z-index:5;
	top:20px;
}
span.backHome a{
	background:url(../images/buttons/btn_backHome.gif) no-repeat left top;
	display:block;
	width:42px;
	height:70px;
	position:absolute;
	left:0px;
	top:180px;
	z-index:200;
	text-decoration:none;
}
span.backHome a:hover{
	background:url(../images/buttons/btn_backHome.gif) no-repeat left bottom;
	width:159px;
}

.leftProductInfos{
	height:220px;
	left:55px;
	position:absolute;
	top:80px;
	width:180px;
	z-index:30;
	border:3px #fff solid;
}
.test{
	z-index:400;
}
span.overlay{
	position:absolute;
	left:0px;
	top:20px;
	z-index:40;
	width:183px;
	height:165px;
}

.contentLeftInfos{
	background:#fff repeat top left;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	padding:5px 0;
	z-index:60;
	position:absolute;
	width:180px;
}
.contentLeftInfos p{
	z-index:200;
}
.leftProductInfos h3{
	background:#535252 url(../images/backgrounds/bg_titrePushProd.gif) repeat-x top left;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	padding:5px 0;
}
.leftProductInfos h3 span{
	display:block;
	text-align:center;
}
span.productInfosPicture{
	display:block;
	margin:0 auto;
	padding:44px 0 0 0;
	width:146px;
}
a.seeOfferFacom{
	background:url(../images/buttons/btn_seeOfferFacom.gif) no-repeat left top;
	width:168px;
	height:24px;
	display:block;
	text-decoration:none;
	margin:0 auto;
}
a.seeOfferFacom:hover{
	background:url(../images/buttons/btn_seeOfferFacom.gif) no-repeat left bottom;
}
.leftProductPresentation{
	left:55px;
	position:absolute;
	top:80px;
	width:180px;
	height:200px;	
}
.leftProductPresentation p{
	font-size:1.2em;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.leftProductPresentation span.btnSeeMore{
	background:url(../images/buttons/btnSeeMore.gif) no-repeat left bottom;
	width:25px;
	display:block;
	height:25px;
	position:absolute;
	left:20px;
	bottom:60px;
}
.leftProductPresentation span.btnSeeMore:hover{
	background:url(../images/buttons/btnSeeMore.gif) no-repeat left top;

}
.productPicture{
	display:block;
	width:185px;
	position:absolute;
	bottom: 8px;
	left:10px;
	text-decoration: none;
}

.productPicture img{
	display:block;
	margin:0 auto;
}
.productPicture:hover{
	border: 4px solid #fff;
	width: 177px;
	bottom: -21px;
	z-index: 2000;
}
.productPicture .productImgContainer {
	overflow: hidden;
	height: 150px;
}

.productPicture .productImgContainer img {
	margin-top: -28px;
}

.productPicture:hover .productImgContainer img {
	margin-top: -228px;
}
/* -------------------- COMMON RAIL --------------------- */
.contentCommonrail .leftTopProductPresentation {
	top: 17px;
}
.contentCommonrail .leftProductPresentation .productPicture .bgProductContainer {
	padding-top: 2px;
}
.contentCommonrail .leftBottomProductPresentation {
	top: 167px;
}
.contentCommonrail .leftProductPresentation {
	height: 150px;
}
.contentCommonrail .leftTopProductPresentation .productPicture .productImgContainer {
	height: 70px;
}
.contentCommonrail .leftTopProductPresentation span.btnSeeMore {
	bottom: 35px;
}
.contentCommonrail .leftBottomProductPresentation .productPicture .productImgContainer {
	height: 100px;
}
.contentCommonrail .leftTopProductPresentation .productPicture .productImgContainer img {
	margin-top: -100px;
}
.contentCommonrail .leftTopProductPresentation .productPicture:hover .productImgContainer img {
	margin-top: -300px;
}
.contentCommonrail .leftBottomProductPresentation .productPicture .productImgContainer img {
	margin-top: -75px;
}
.contentCommonrail .leftBottomProductPresentation .productPicture:hover .productImgContainer img {
	margin-top: -276px;
}
/* -------------------- end common rail --------------------- */

a.productPicture .productTitle {
	display: block;
	height: 36px;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size:1.2em;
	line-height: 16px;
}
.productPicture:hover .productTitle {
	background: url(../images/backgrounds/bg_productTitle.gif) repeat-x;
}
.productPicture .bgProductContainer{
	padding:10px 0 4px;
}
.productPicture:hover .bgProductContainer{
	background: url(../images/backgrounds/bg_opacity.png) repeat;
	padding:10px 0 5px;
}
.productPicture img.seeSaleBt {
	display: none;
}
.productPicture:hover img.seeSaleBt {
	display: block;
	margin: 0 auto;
	width: 169px;
}
.rightProductPresentation{
	position:absolute;
	left:450px;
	top:80px;
	width:150px;
	height:200px;	
}
.rightProductPresentation span.btnSeeMore{
	background:url(../images/buttons/btnSeeMore.gif) no-repeat left bottom;
	width:25px;
	display:block;
	height:25px;
	position:absolute;
	left:145px;
	bottom:60px;
}
.rightProductPresentation span.btnSeeMore:hover{
	background:url(../images/buttons/btnSeeMore.gif) no-repeat left top;
}
.rightProductPresentation .productPicture{
	left: 0;
}
.containerTv{
	bottom:9px;
	position:absolute;
	right:10px;
}
#spotTv{
	border:2px solid #000;
    width:320px;
}
.boxInfoTv{
	background:#000000 none repeat scroll 0 0;
	padding:5px 5px 0 10px;
	width:309px;
}
.boxInfoTv p.titleClipList{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
.clipList p{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
.boxInfoTv p.titleClipList span{
	display:block;
	color:#fff;
}
.clipName {
	padding-bottom:7px;
}

.clipName p{
	font-size:1.1em;
}
.clipList{
	padding:5px 0 7px 0;
}
.clipListScroll {
	overflow:auto;
	width:305px;
	padding:5px 0px 5px 0;
	height:60px;
}

.boxLinkTv{
	padding:5px 0;
	overflow:hidden;
}

.boxInfoTv ul{
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.2em;
	width:290px;

}
.boxInfoTv li{
	background:url(../images/icons/icon_ContentList.gif) no-repeat left 4px;
	padding-left:10px;
}
.boxInfoTv a{
	text-decoration:none;
	color:#757575;
	padding-left:12px;
	margin-right:5px;
}
.boxInfoTv a:link, .boxInfoTv a:visited {
	text-decoration: none;
}
.boxInfoTvli a:hover, .boxInfoTv a:active {
	text-decoration: none;
}
.boxInfoTv a.current{
	text-decoration:none;
	color:#fff;
	background:url(../images/icons/icon_infosTv.gif) no-repeat left 2px;
	padding-left:12px;
}
a.chatChefProd{
		float:left;
		background:url(../images/buttons/btn_chatChefProd.gif) no-repeat left bottom;
		width:145px;
		height:22px;
		display:block;
		padding:0;
		margin:0;
}
a.chatChefProd:hover{
		background:url(../images/buttons/btn_chatChefProd.gif) no-repeat left top;
}
a.envoiAmi{
	float:right;
	background:url(../images/buttons/btn_sendFriend.gif) no-repeat left bottom;
	width:145px;
	height:22px;
	display:block;
	padding:0;
	margin:0;
}
a.envoiAmi:hover{
	background:url(../images/buttons/btn_sendFriend.gif) no-repeat left top;
}

.offreSpeciale{
	padding:25px 35px 15px 35px;
	width:915px;
	overflow:hidden;
	min-height: 353px;
}
.ficheProduct {
	width:897px;
	padding: 15px 0 10px 15px;
	float:left;
}
.ficheProductContent{
	background:url(../images/backgrounds/bg_offreSpeciale.gif) repeat-x left bottom;
	width:860px;
	border:1px solid #ebeaea;
	padding:15px 15px 20px 20px;
	position:relative;
	float:left;
}
.promoStar{
	position:absolute;
	left:-17px;
	top:-15px;
	z-index:5;
}
.promoBanniere{
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
.pictureProduit{
	float:left;
	width:186px;
	display:block;
}
.detailProduit{
	width:620px;
	float:right;
}
.titleOffre{
	font-size:1.6em;
	font-weight:bold;
	background:url(../images/backgrounds/border_titleOffre.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:8px;
	overflow:hidden;
    width:100%;
}
.basketAmmount .titleOffre span {
    display:block;
    float:right;
    height:18px;
    margin-right:40px;
    padding:10px;
    width:225px;
    color: #fff;
    background: #282828;
    text-align: right;
}
.nomProduit{
	font-weight:normal;
}
.contenuOffre{
	font-size:1.1em;
	float:left;
	width:390px;
}
.contenuOffre ul{
	float:left;
	display:block;
	width:300px
}
.contenuOffre li{
	background:url(../images/icons/icon_ContentList.gif) no-repeat left 7px;
	padding:3px 0 0 10px;
}
.supOffert{
	float:left;
	width:300px;
	display:block;
	background:url(../images/icons/icon_offreSup.gif) no-repeat left 15px;
	padding:13px 0 0 10px;
}
.voirDocumentation{
	float:left;
	width:300px;
	display:block;
	background:url(../images/icons/icon_arrowRed.gif) no-repeat left 11px;
	padding:8px 0 0 10px;
}
.voirDocumentation a{
	text-decoration:none;
	color:#474746;
}
.voirDocumentation a:link, .voirDocumentation  a:visited {
	text-decoration:none;
}
.voirDocumentation a:hover, .voirDocumentation li a:active {
	text-decoration:none;
}
.prixProduit{
	float:right;
	width:210px;
	background:url(../images/backgrounds/border_Product.gif) no-repeat left top;
	padding:35px 0 20px 20px;
	position:relative;
	height:50px;
}
.prixProduit p{
	font-weight:bold;
	float:left;
	font-size:1.1em;
	padding:5px 10px 0 0;
	display:block;
}
.prixProduit ul img{
	border:solid 1px #aaaaaa;
}
.prixProduit input{
	width:21px;
	height:19px;
	border:1px solid #aaaaaa;
	float:left;
	display:block;
	margin-right:2px;
	padding:2px 0 0 3px;
}
.prix{
	display:block;
	float:right;
	font-size:1.6em;
	font-weight:bold;
	padding:5px 0 0;
}

.selectionProduct {
	width:100%;
	overflow:hidden;
}
a.btn_ajoutPanier:link, a.btn_ajoutPanier:visited  {
	background:transparent url(../images/buttons/btn_ajouterPanier.gif) no-repeat scroll left top;
	display:block;
	height:23px;
	padding:10px 0 0 0;
	width:98px;
	position:absolute;
	top:70px;
	right:50px;
}
a.btn_ajoutPanier:hover, a.btn_ajoutPanier:active {
	background:url(../images/buttons/btn_ajouterPanier.gif) no-repeat left bottom;
	display:block;
	height:23px;
	margin: 0 auto 0 auto;
	padding:10px 0 0 0;
	width:98px;
}
.prixProduit ul{
	float:left;
	width:11px;
	display:block;
}
.contentTextBrut{
	padding:30px 30px 50px 40px;
}
.contentText{
	font-size:1.2em;
	background:url(../images/backgrounds/bg_contentText.gif) repeat-x left top;
	padding-top:10px;
}
.contentText p{
	padding-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}
.contentList{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	padding:20px 0 0 22px;
}
.contentList li{
	background:url(../images/icons/icon_ContentList.gif) no-repeat left 3px;
	padding:0 0 5px 10px;
}
.contentInscription{
	width:985px;
	height:480px;
	background:url(../images/backgrounds/bg_inscription.jpg) no-repeat left top;
	overflow:hidden;
}
.contentLeftInscription{
	float:left;
	width:390px;
	padding:41px 0 0 132px;
}
.contentRightInscription{
	float:right;
	margin:185px 142px 0 0;
	/*width:312px;*/
	background:url(../images/backgrounds/bg_boxInscription.jpg) #FFF repeat-x left bottom;
	border:solid 1px #FFFFFF;
}
.contentRightInscriptionLarge{
	width:410px;
	float:right;
	padding:35px 45px 0 0;
}
.titleInscription{
	color:#e2001a;
	font-size:2em;
	text-align:center;
	padding:15px 0 0;
	font-weight: bold;
}
.titleInscription span{
	color:#000;
}

.boxInscription{
	width:290px;
	padding:0 10px 20px 10px;
	overflow:hidden;
}
.boxInscription a {
	color: #e0001a;
}
.boxInscriptionLarge{
	width:290px;
	height:300px;
	background:url(../images/backgrounds/bg_boxInscription.jpg) #FFF repeat-x left bottom;
	border:solid 1px #FFFFFF;
	padding:20px 10px 30px 10px;
	overflow:hidden;
}
.boxInscription p.champs{
	text-align:center;
	font-size: 1em;
}
.contentInscription input {
	float:left;
	width:150px;
	display:block;
	border:1px solid #000000;
	padding-left:5px;
	margin-bottom:5px;
}
.labelInscription {
	display:block;
	width:90px;
	float:left;
	padding:4px 0 0 5px;
}
.formInscription {
    overflow: hidden;
    width: 100%;
}
.boxInscription p{
	font-size:1.2em;
	text-align:center;
	padding-top:15px;
}
.boxInscriptionLarge p{
	font-size:1.2em;
	text-align:center;
	padding-top:15px;
}
.contentInscription .btnOk {
	/*float:left;*/
	height:30px;
	width:60px;
	display:block;
	background:transparent url(../images/backgrounds/bg_btnValidation%20Inscription.gif) repeat-x scroll left bottom;
	color:#FFFFFF;
	text-decoration:none;
}
.btnValider{
	background:transparent url(../images/backgrounds/bg_btnValidation%20Inscription.gif) repeat-x scroll left bottom;
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:1.2em;
	padding:3px 15px;
	text-decoration:none;
}

/*-------------- jeux concours -------------*/

.containerAnimation{
	width:985px;
}
.animationVisuels{
	width:985px;
	background:url(../images/backgrounds/bgAnimation.jpg);
	height:494px;
	position:relative;
}
span.visuGain{
	left:100px;
	position:absolute;
	top:275px;
}
.contentTopAnimation{
	background:url(../images/pictures/visuelDrinks.jpg) no-repeat 330px 50px;
	font-family:Verdana, Geneva, sans-serif;
	width:945px;
	overflow:hidden;
}
span.linkJouer{
	left:660px;
	position:absolute;
	top:305px;
}
span.linkJouer a{
	background:url(../images/buttons/btnJouer.png) no-repeat left top;
	width:153px;
	height:152px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
.contentDrinks{
	float:left;
	width:390px;
	clear:both;
}
.contentDrinks p{
	width:375px;
}
.sondageExpress{

	background:url(../images/backgrounds/bg_bottomSondage.jpg) no-repeat left bottom;
	float:right;
	margin-top:-35px;
	padding-bottom:30px;
	width:329px;
}
.bottomSondageExpress{
	background:url(../images/backgrounds/bg_topSondage.jpg) no-repeat left top;
	width:261px;
	font-size:1.2em;
	padding:120px 50px 0 20px;
	min-height:132px;
	overflow:hidden;
}
.bottomSondageExpress h4{
	color:#e2001a;
	padding-bottom:8px;
}
.contentAnimation .bottomSondageExpress p {
	font-size: 1em;
	padding: 3px 0;
}
.contentAnimation .bottomSondageExpress p.titleSondageExpress {
	padding: 0 0 8px;
}
.bold {
	font-weight: bold;
}
.bottomSondageExpress label{
	display:block;
	float:left;
	padding-bottom:10px;
	width:220px;
}
.bottomSondageExpress input{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
}
.bottomSondageExpress .radioContent{
	float:left;
	padding-bottom:10px;
	width:260px;
}

span.btnEnvoyerSondage{
	width:83px;
	margin:0 auto;
	display:block;
}
.btnEnvoyerSondage a{
	background:url(../images/buttons/btn_envoyer.gif) no-repeat left top;
	width:83px;
	height:22px;
	display:block;
	text-decoration:none;
}
.btnEnvoyerSondage a:hover{
	background:url(../images/buttons/btn_envoyer.gif) no-repeat left bottom;
}
.contentTopAnimation h3{
	font-size:2.4em;
	color:#e2001a;
	background:url(../images/backgrounds/bg_borderDotted.gif) no-repeat left bottom;
	padding-bottom:5px;
	font-weight:normal;
	margin-bottom:10px;
	position:relative;
	z-index:20;
}
ul.drinksLeft li{
	background:url(../images/icons/puce_listDrinks.gif) no-repeat left 4px;
	padding:0 0 2px 10px;
}
ul.drinksLeft {
	font-size:1.2em;
	padding:10px 0;
}
ul.drinksLeft a:link,ul.drinksLeft a:visited{
	text-decoration:underline;
	color:#000;
}
ul.drinksLeft a:hover,ul.drinksLeft a:active{
	color:#e2001a;
}
.contentMeca{
	overflow:hidden;
	width:945px;
	font-family:Verdana, Geneva, sans-serif;
}
.contentMeca ul{
	font-size:1.2em;
	padding:10px 0;
}
.contentMeca ul li{
	background:url(../images/icons/puce_listDrinks.gif) no-repeat left 4px;
	padding:0 0 2px 10px;
}
.contentMeca ul li a:link,.contentMeca ul li a:visited{
	text-decoration:underline;
	color:#000;
}
.contentMeca ul li a:hover,.contentMeca ul li a:active{
	color:#e2001a;
}
.contentMeca h3{
	background:transparent url(../images/backgrounds/bg_borderDotted.gif) no-repeat scroll left bottom;
	color:#E2001A;
	font-size:2.4em;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:5px;
}
.mecaRight{
	width:450px;
	float:right;
}
span.imgVisuelMeca{
	display:block;
	width:372px;
	float:left;
	padding-left:50px;
}




.jeuConcoursVisuel{
	height:254px;
	background:url('../images/pictures/bg_visuel_nano.jpg') no-repeat left top;
	width:985px;
}
.drinksRecetteVisuel{
	height:254px;
	background:url('../images/pictures/visuel_bar.jpg') no-repeat left top;
	width:985px;
}
.produitMecaVisuel{
	height:254px;
	background:url('../images/pictures/visuel_pesca.jpg') no-repeat left top;
	width:985px;
}
.contentAnimation {
	padding:30px 20px 20px 20px;
	overflow:hidden;
	width:945px;
}
.contentAnimation h2{
	color:#E2001A;
	font-size:1.2em;
	padding-bottom:8px;
	background:url('../images/backgrounds/bg_borderDotted.html') repeat-x left bottom;
}
.contentAnimation p{
	padding:5px 0;
	font-family:Verdana,Geneva,sans-serif;
	font-size:1.2em;
}
.contentAnimation a.linkConditionG{
	color:#000;
	text-decoration:underline;
	font-size:1.2em;
}
.paraAnimation{
	padding:5px;
}
.paraAnimation p{
	text-align:left;
}
.imgContentAnimationRight{
	float:right;
	padding:5px;
}
.imgContentAnimationLeft{
	float:left;
	padding:5px;
}
.imgContentAnimationCenter {
	margin:0 auto;
	width:186px;
	padding:5px;
	display:block;
}
.questionnaireJeuConcours{
	margin:15px auto 0 auto;
	width:872px;
	padding-top:24px;
	background:url('../images/backgrounds/bg_topContainer.png') no-repeat left top;
}
.questionnaireJeuConcoursBottom {
	background:url('../images/backgrounds/bg_bottomContainer.png') no-repeat left bottom;
	overflow:hidden;
	width:842px;
	padding: 0 15px 20px 15px;
}
.questionnaireJeuConcours li input{
	margin:0 5px 0 0;
	vertical-align:middle;
}
span.imgQuestJeuConcours{
	float:left;
	padding-right:15px;
}
.questionnaireJeuConcours p{
	font-weight:bold;
	float:left;
	border:none;
	padding:0 0 10px 0;
}
.questionnaireJeuConcours ul{
	float:left;
	margin-bottom:10px;
	background:url('../images/backgrounds/bg_borderDotted.html') repeat-x left bottom;
	width:640px;
	padding-bottom:10px;
}
.questionnaireJeuConcours .lastUl{
	background:none;
}
.questionnaireJeuConcours ul li{
	font-weight:normal;
	padding:2px 0;
}
a.btnValiderQuestionnaire:link{
	display:block;
	width:83px;
	height:21px;
	background:url('../images/buttons/btn_envoyer.png') no-repeat left bottom;
	margin:0 auto;
}
a.btnValiderQuestionnaire:hover{
	background:url('../images/buttons/btn_envoyer.png') no-repeat left top;
}
a.backAnimations:link{
	display:block;
	width:179px;
	height:21px;
	background:url('../images/buttons/btn_retouAnim.png') no-repeat left bottom;
	margin:20px auto 0;
}
a.backAnimations:hover{
	background:url('../images/buttons/btn_retouAnim.png') no-repeat left top;
}
a.backAnimationsOther{
	display:block;
	width:180px;
	height:21px;
	background:url('../images/buttons/btn_retourAnimPrincipal.png') no-repeat left bottom;
	margin:20px auto 0;
}
a.backAnimationsOther:hover{
	background:url('../images/buttons/btn_retourAnimPrincipal.png') no-repeat left top;
}

/*--------------- formulaire ----------------*/
#formul {
	padding: 30px 0 0 250px;
	font-size:1.2em;
}
#formulLeft
{
	padding: 30px 0 0 0;
	font-size:1.2em;
}
.field {
	width: 400px;
	margin: 0 0 10px 0;
	display: block;
}
.field label {
	float: left;
	display: block;
	width: 170px;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
}
.field input, .field select {
	border: 1px solid #807f7f;
	width: 202px;
	font-size: 1em;
	padding: 2px 1px;
}
.field input:focus, .field select:focus {
	border: 1px solid #ed1c24;
}
.field select {
	width: 206px;
}
#validation {
	padding: 5px 0 0 0;
	margin: 0 0 0 210px;
}
.red {
	color: #F00;
}
.label {
	float: left;
	display: block;
	width: 170px;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
}
.radioContent {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}
.fieldRadio {
	overflow: hidden;
	width: 400px;
}
/*-------------- end formulaire --------------*/


/*-------------- End Content --------------*/


/*-------------- FOOTER --------------*/

#footerMenu {
	color: #ed1c24;
	background: #272727;
	padding: 5px 10px;
	border: 1px solid #545057;
	border-width: 0 0 1px 0;
	text-align: left;
	overflow:hidden;
	height:15px;
}
#footerMenu img {
	float:left;
}
.footerMenuTitle {
	font-size:1.1em;
	color:#FFF;
	text-transform: uppercase;
	float:left;
	padding:2px 0 0 8px;
}
.footerMenuTitle span{
	color:#ed1c24;
	padding-left:5px;
}
#footerMenu ul{
	float:right;
	color:#6f6f6f;
	padding-top:2px;
}
#footerMenu li{
	padding:0 5px;
	display:inline;
	color:#6f6f6f;
	border-left:1px #6f6f6f repeat-y;
	text-transform:uppercase
}
#footerMenu li a{
	color:#6f6f6f;
	text-decoration:none;
}
#footerMenu li a:hover, #footerMenu li a:active {
	color: #fff;
}
#footerMenu li a.current{
	color: #fff;
}
#footerContent {
	padding:10px 20px 40px 20px;
}
#footerContent p{
	text-align:left;
}
#footerContent p.copyright{
	text-align:center;
	padding-top:10px;
}
/*-------------- end footer --------------*/

/*------------scrollpanel--------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:305px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/icons/scrollTrack.gif)  repeat-y top center;
}
.jScrollPaneDrag {
	position: absolute;
	background: #808080;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -17px;
	text-indent: -2000px;
	overflow: hidden;
	height: 5px;
	width:9px;
	background:url(../images/icons/scrollArrowUp.gif) no-repeat left top;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: -17px;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 5px;
	width:9px;
	background:url(../images/icons/scrollArrowDown.gif) no-repeat left top;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*-------- test flash --------*/
.bloc1{
	position:relative;
	z-index:0;
	width:300px;
	height:120px;
}
.bloc2{
	position:absolute;
	top:5px;
	left:30px;
	z-index:1000;
	width:50px;
	height:50px;
	background:#fff;
}
/*-------- Chat --------*/
.chatPosts {
	padding: 0 40px;
	position: relative;
}
.chatMen {
	position: absolute;
	right: -18px;
	top: -120px;
}
.contentText .contentText {
	font-size: 1em;
}
.chatPostsIntit {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.chatPostsIntit span {
	color: #F00;
}
.chatAsk {
	background: url(../images/backgrounds/bg_chatAsk.gif) no-repeat left top;
	height: 126px;
	padding-top: 24px;
	position: relative;
}
.chatIcon {
	position: absolute;
	top: 0;
	left:0;
}
.chatAsk textarea {
	border: 1px solid #ccc;
	width: 600px;
}
.chatAsk textarea:focus {
	border: 1px solid #f00;
}
.chatPostsTitle {
	background: url(../images/icons/icon_facomChatReponses.png) no-repeat left top;
	height: 28px;
	display: block;
	padding: 22px 0 0 90px;
	font-size: 1.6em;
}
.chatAskIntit {
	display: block;
	width: 200px;
	text-align: right;
	padding-right: 20px;
	float: left;
	margin-top: 10px;
}
.chatAskValid {
	background: url(../images/buttons/bt_valider.png) no-repeat left top;
	width: 83px;
	height: 22px;
	display: block;
	margin: 8px auto 0;
}
.chatAskValid:hover {
	background-position: bottom;
}

.recapOffreItem {
	background: url(../images/backgrounds/bg_recapOffreContainer.gif) no-repeat left top;
	padding: 20px 25px;
	height: 81px;
	margin-left: 20px;
}
.recapOffreItem img {
	float: left;
}
.recapOffreItem span {
	float: left;
	padding: 30px 0 0 30px;
	font-size: 1.6em;
	font-weight: bold;
}
.seeSale {
	float: right;
	background: url(../images/buttons/btn-voirLesPromos.png) no-repeat left top;
	display: block;
	width: 164px;
	height: 24px;
	margin: 30px 25px 0 0;
}
.seeSale:hover {
	background-position: left bottom;
}

a.btnSupprimerPanier:link, a.btnSupprimerPanier:visited  {
	background:transparent url(../images/buttons/btn-supprimerPanier.png) no-repeat scroll left top;
	display:block;
	height:14px;
	padding:10px 0 0 0;
	width:164px;
	position:absolute;
	top:70px;
	right:20px;
}
a.btnSupprimerPanier:hover, a.btnSupprimerPanier:active {
	background:url(../images/buttons/btn-supprimerPanier.png) no-repeat left bottom;
	display:block;
	height:14px;
	margin: 0 auto 0 auto;
	padding:10px 0 0 0;
	width:164px;
}

a.btnRetourGamme:link, a.btnRetourGamme:visited  {
	background:transparent url(../images/buttons/btn-retourGamme.png) no-repeat scroll left top;
	display:block;
	height:14px;
	padding:10px 0 0 0;
	width:184px;
	top:20px;
	position:relative;
}
a.btnRetourGamme:hover, a.btnRetourGamme:active {
	background:url(../images/buttons/btn-retourGamme.png) no-repeat left bottom;
	display:block;
	height:14px;
	margin: 0 auto 0 auto;
	padding:10px 0 0 0;
	width:184px;
}
.priceInfos {
    font-size: 0.9em;
}