/***********************************************/

	.Merci de metre le sommaire à jour en cas de modification {}

/**************************************************/
/*

SOMMAIRE
Merci de metre le sommaire à jour en cas de modification

1. OPE LOOK : UN HAUT + UN BAS = -8€ - 2009 / 03 / 01
	fichier concerné : fiche__ope_look.asp
		1.1 Encarts 1 avec les 2 hauts 				(l.37)
		1.2 Encarts 2 avec les bas					(l.71)
		1.3 Zone de selection des autres produits	(l.126)
		1.4 Bulle d'accroche "1 haut + 1 bas"		(l.156)
		1.5 Footer du content						(l.170)

2. UN HAUT UN BAS - 2009 / 05 / 26
	1.1 Menu haut									(l.189)
	
3. JEU INSTANT GAGNANT - 2009 / 06 / 16
	fichier concerné :	instant_gagnant.asp
						jeu_instant_gagnant.asp
						
	1	Gabarits de page							(l.221)

*/
/*****************************************************/
/*****************************************************/

.picto_opeco {
	 z-index:10;
}

/* 1. OPE LOOK
/**********************/

.opeLook {	background:		url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_52/bg_brique_look.gif') center top !important;	}

	.opeLook_content 
	{
		width:			966px;
		height:			609px;
		margin:			0 auto;
		position:		relative;
	}
		.opeLook_content img {	display:block;	}
	
/*** 1.1 Encarts 1 avec les 2 hauts ***/
		.opeLook_lesHauts 
		{
			width:		643px;
			height:		359px;
			background:	url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_55/bg_les_hauts.gif') no-repeat top center;
			float:right;
		}
			.opeLook_produit 
			{
				/*background:#fed;*/
				height:167px;
				margin:10px 3px 10px 10px;
			}
					
				
/*** 1.2 Encarts 2 avec les bas ***/
		.opeLook_lesBas 
		{
			width:		643px;
			height:		173px;
			background:	url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_55/bg_les_bas.gif') no-repeat top center;
			float:		right;
		}
			.opeLook_lesBas  .opeLook_produit
			{
				margin-top:		10px !important;
				margin-top:		5px;
			}
			.opeLook_visuel 	{	float:	left;	}
				.opeLook_nomProduit
				{
					font-size:		20px;
					color:			#000;
					text-transform:	uppercase;
					padding:		10px 0 0;
					margin:			0;
				}
				.opeLook_descrProduit 
				{
					font-size:		11px;
					color:			#000;
					font-style:		italic;
					margin:			0;
					line-height:	120%;
				}
				.opeLook_taillePrixPanier
					{
						text-align:			right;
						width:				280px;
						padding:			0 0 0 150px;
						/padding:			0;
					}
					.opeLook_taillePrixPanier select
					{
						float:				left;
						margin:				20px 0 0;
					}
					.opeLook_taillePrixPanier span
					{
						font-size:			16px;
						font-weight:		bold;
						margin:				0;
					}
						.opeLook_taillePrixPanier span span
						{
							font-size:		28px;
							margin:			0;
						}
					.opeLook_taillePrixPanier img
					{
						display:			inline;
						margin:				10px 0 0;
						border:0;
					}
		
/*** 1.3 Zone de selection des autres produits ***/
		.opeLook_selectOther,
		.opeLook_selectOther2
		{
			width:			170px;
			height:			166px;
			float:			right;
		}
			.opeLook_selectOther a img,
			.opeLook_selectOther2 a img
			{
				float:			left;
				margin:			5px 8px 1px 0;
				border:			1px #aaa solid;
				opacity:		0.5;
			}
			.opeLook_selectOther2 a img	{	margin:	0px 8px 6px 0;	}
			
			.opeLook_selectOther a:hover img,
			.opeLook_selectOther a.opeLook_active img,
			.opeLook_selectOther2 a:hover img,
			.opeLook_selectOther2 a.opeLook_active img
			{
				border:			1px #f64894 solid;
				opacity:		1;
			}




/*** 1.4 Bulle d'accroche "1 haut + 1 bas" ***/
		.opeLook_unBas 
		{ 
			position:		absolute; 
			top:			10px;
			left:			-70px;
		}
		.opeLook_unHaut 
			{ 
				position:	absolute; 
				top:		130px;
				left:		-70px;
			}

/*** 1.5 Footer du content ***/
		.opeLook_ssTotal 
		{
			background:		url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_55/prix-look.gif');
			height:			60px;
			width: 			646px;
			color:			#FFFFFF;
			font-weight:	bold;
			font-size:		30px;
			margin-top: 	13px;
			clear:			 both;
		}
			.opeLook_ssTotal span {	position:relative; top:8px; left: 230px;}
			.opeLook_ssTotal img {	display:inline; float:left;	}
			.opeLook_pictoMoinsHuit { position:absolute; margin:-4px 0 0;  }
		
		.opeLook_changeGamme { text-align:right;	}
			.opeLook_changeGamme img {	display:inline;	}




 .silhouette-look {
 	width:		287px; 
 	height: 	609px;
 	float: 		left;
 	margin:		0px;
 	padding: 	0px;
 }

 
 /* 2. UN HAUT UN BAS
/**********************/
/*** 1 Menu haut ***/


.menu_hautbas {
	position:		absolute;
	bottom:			0; 
	-bottom:		-1px;
	margin:			0 0 0 10px;
}
.menu_hautbas li {
	float:			left;
	height:			23px;
}
.menu_hautbas li a { text-indent:-9999px; display:block; height:23px; }


.menu_hautbas li.menu_hautbas_3 a { 	background:url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_61/Btn_bbFille.jpg') no-repeat; width:70px;	}
.menu_hautbas li.menu_hautbas_4 a {		background:url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_61/Btn_bbBoy.jpg') no-repeat; width:98px; 	}
.menu_hautbas li.menu_hautbas_5 a {		background:url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_61/Btn_fille.jpg') no-repeat; width:42px;	}
.menu_hautbas li.menu_hautbas_6 a { 	background:url('http://tao-img.naxento.fr/img/FR/OpeCom/OC_61/Btn_boy.jpg') no-repeat; width:58px;	}


/* 3. JEU INSTANT GAGNANT
/***************************/
/*** 1	Gabarits de page ***/

#content.instant_gagnant {
	width:					100%; 
	height:					450px;
	background:				url('http://tao-img.naxento.fr/img/FR/instant_gagnant/bg_pix_jeu.jpg') repeat-x 0 0;
}
	.coeur_jeu {
		width:				100%; 
		height:				450px;
		background:			url('http://tao-img.naxento.fr/img/FR/instant_gagnant/bg_plage_jeu.jpg') no-repeat center 0;
	}
		.center_jeu {
			margin:			0 auto;
			padding:		0 61px;
			width:			940px;
			/width:			1063px;
			height:			450px;
			position:		relative;
			background:		url('http://tao-img.naxento.fr/img/FR/instant_gagnant/cabine.jpg') no-repeat right 205px;
		}	
			.fille_jeu {
				position:	absolute;
				bottom:		0;
				left:		130px;
			}	
			.reglement_jeu	{
				position:	absolute;
				bottom:		0;
				right:		0;
			}	


	.zone_formulaire {
		width:				524px;
		margin:				0 0 0 244px;
		/margin:			0 0 0 75px;
		height:				450px;
		background:			url('http://tao-img.naxento.fr/img/FR/instant_gagnant/bg_formulaire.png') no-repeat center 100px;
		text-align:			center;
	}
	.zone_formulaire form {
		text-align:			left;
		padding:			0 60px
	}
	.zone_formulaire ul li {
		margin:3px 0;
		line-height:20px;
		font-weight:bold;
		font-size:14px;
	}
		.zone_formulaire ul li label {
			float:left;
			width:100px;
			font-size:14px;
			font-weight:bold;
		}
		.zone_formulaire ul li.email label {
			width:150px;
		}
		
		.zone_formulaire ul li .input-text {
			width:200px;
		}
		
		.zone_formulaire ul li .radio {
			margin:3px 3px 3px 0;
		}
			.zone_formulaire ul li.pays label{
				float:left;
				width:100px;
			}
			.zone_formulaire ul li.pays .label_pays {
				width:50px;
			}
			.zone_formulaire ul li.pays input {
				float:left;
				width:75px;
				margin:0 10px 0 0;
			}
			.zone_formulaire ul li.pays select{
				float:left;
				width:115px;
				height:20px;
			}
		
			.zone_formulaire ul li.optin {
				font-size:12px;
				line-height:120%;
				font-weight:bold;
			}
			.zone_formulaire ul li.optin .input-checkbox {
				height:auto;
				margin:3px 3px 0 0;
				position:relative;
				z-index:5;
			}
			.zone_formulaire ul li.valider {
				text-align:center;
			}
			.zone_formulaire ul li.valider input {
				width:221px;
				height:32px;
			}
			.zone_formulaire ul li.erreur  {
				text-align:center;
				font-size:11px;
				font-weight:normal;
			}
			.zone_formulaire ul li.mentions {
				font-size:10px;
				line-height:120%;
			}
			
	.center_jeu2 {
			margin:			0 auto;
			padding:		0 61px;
			width:			940px;
			/width:			1063px;
			height:			450px;
			position:		relative;
			background:		url('http://tao-img.naxento.fr/img/FR/instant_gagnant/ballon.jpg') no-repeat right 205px;
		}			
	.zone_porte {
		width:				524px;
		margin:				0 0 0 244px;
		/margin:			0 0 0 75px;
		height:				450px;
		text-align:			center;
	}
	
	.les_cabines {
		margin:15px 0 0 14px;
		margin:15px 0 0 24px;
	}
	.message_resultat {
		position:relative;
		top:-10px;
		line-height:14px;
		font-weight:bold;
	}
	.reglement {
		width:400px;
		height:300px;
		overflow:auto;
		margin:0 auto;
		text-align:left;
	}