/* CSS Document */

BODY {
	margin:0;
	padding:0;
	background:#23150f url(../../images/fond_bg.gif) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}

DIV {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

IMG {
	border:none;
}

P {
	margin:0;
	padding:0;
}

FORM {
	margin:0;
	padding:0;
}

TABLE {
	margin:0;
	padding:0;
	border:0;
}
        

/************************************************************************************************/
/*																								*/
/*											GENERAL												*/
/*																								*/
/************************************************************************************************/
#main {	
	width:956px;
	height:auto;
}

	#espace_jeu{
		position:absolute;
		z-index:100;
		left:0px;
		top:0px;
		width:956px;
		height:150px;
		display:none;
	}

	#logo {
		width:470px;
		height:150px;
		background:url(../../images/fond_logo.gif) top left no-repeat;
		float:left;
	}
	#logo-v2 {
		width:470px;
		height:150px;
		background:url(../../images/fond_logo_v2.gif) top left no-repeat;
		float:left;
	}
	
	#nav_haut {
		position:absolute;
		z-index:2;
		left:470px;
		top:0px;
		padding:6px 6px 0 0;
		width:480px;
		height:144px;
		background:url(../../images/fond_nav_haut.jpg) top left no-repeat;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-align:right;
	}
	
	#nav_haut_origine {
		position:absolute;
		z-index:2;
		left:470px;
		top:0px;
		padding:6px 6px 0 0;
		width:480px;
		height:144px;
		background:url(../../images/fond_nav_haut_origine.jpg) top left no-repeat;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-align:right;
	}
	
		#nav_haut A, #nav_haut_origine A {
			color:#fff;
			text-decoration:none;
		}
		
		#nav_haut A:hover, #nav_haut_origine A:hover {
			color:#fff;
			text-decoration:underline;
		}
	
	#nav_haut_v2 {
		position:absolute;
		z-index:2;
		left:470px;
		top:0px;
		padding:6px 6px 0 0;
		width:480px;
		height:144px;
		background:url(../../images/fond_nav_haut_v2.jpg) top left no-repeat;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-align:right;
	}
		#nav_haut_v2 A {
			color:#fff;
			text-decoration:none;
		}
		
		#nav_haut_v2 A:hover {
			color:#fff;
			text-decoration:underline;
		}
	#navigation {
		position:absolute;
		margin-top:66px;
		left:0px;
		width:956px;
		height:auto;
		z-index:4;
	}
	#navigation-v2 {
		position:absolute;
		margin-top:72px;
		left:0px;
		width:956px;
		height:auto;
		z-index:4;
	}
	#navigation_origine {
		position:absolute;
		margin-top:74px;
		left:0px;
		width:956px;
		height:auto;
		z-index:4;
	}
	
	#logo-cemoi {
		position:absolute;
		top:8px;
		left:474px;
		width:146px;
		height:78px;
		z-index:2;
	}
	
	#coeur_anim {
		position:absolute;
		left:805px;
		width:160px;
		height:250px;
		z-index:11;
	}
	
	#reduc_anim {
		position:absolute;
		left:505px;
		width:130px;
		height:130px;
		z-index:12;
	}
	
	#footer {
		width:956px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		float:left;
		background:url(../../images/fond_footer.gif) top left no-repeat;
	}
	
	#footer_origine {
		width:956px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		float:left;
		background:url(../../images/fond_footer_origine.gif) top left no-repeat;
	}
	
	#footer_aromes {
		width:956px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		float:left;
		background:url(../../images/fond_footer_aromes.gif) top left no-repeat;
	}
	
	#footer P, #footer_origine P, #footer_aromes P {
		padding:40px 0 20px 0;
		text-align:center;
	}
	
/************************************************************************************************/
/*																								*/
/*											HP													*/
/*																								*/
/************************************************************************************************/
	
	#anim-bons {
		position:absolute;
		top:258px;
		left:275px;
		width:515px;
		height:385px;
		z-index:99;
		display:block;
	}
	
	#visionneuse-hp {
		position:absolute;
		top:25px;
		left:0px;
		width:369px;
		height:auto;
		z-index:3;
	}
	
	#hp_contenu {
		padding:0 0 0 369px;
		width:409px;
		height:493px;
		float:left;
		text-align:left;
		background-color:#fbf6f4;
	}
	
	#hp_produits {
		width:360px;
		height:280px;
		float:left;
		background-color:#fbf6f4;
	}
	
	#hp_rightcol {
		padding:55px 0 0 10px;
		width:168px;
		height:438px;
		float:left;
		background-color:#fbf6f4;
	}
	
		#hp_rightcol_actus {
			text-align:center;
			width:158px;
			height:172px;
			float:left;
			background:url(../../images/hp_rightcol_actus.gif) top left no-repeat;
		}
		
		#hp_rightcol_recette {
			text-align:center;
			width:158px;
			height:164px;
			float:left;
			background:url(../../images/hp_rightcol_recette.gif) top left no-repeat;
		}
		
		#hp_rightcol_actus P {
			padding:40px 0 0 0;
			color:#793d28;
			line-height:11px;
			font-weight:bold;
		}
		
		#hp_rightcol_recette P {
			padding:37px 0 0 0;
			color:#793d28;
			line-height:11px;
			font-weight:bold;
		}
		
		#hp_rightcol_actus A, #hp_rightcol_recette A {
			color:#ca0060;
			font-size:10px;
			text-decoration:underline;
		}
	
	#push_bas_hp_spot {
		position:absolute;
		padding-top:27px;
		top:564px;
		left:10px;
		width:302px;
		height:52px;
		z-index:10;
		background: url(../../images/fond_hp_spot.png) top left no-repeat;
	}
	
	#push_bas_hp_reductions {
		position:absolute;
		top:591px;
		left:327px;
		width:302px;
		height:52px;
		z-index:10;
	}
	
	#push_bas_hp_jeu {
		position:absolute;
		top:580px;
		left:639px;
		width:315px;
		height:63px;
		z-index:10;
	}
	
	#footer-hp {
		width:956px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		background:none;
	}
	
		#footer-hp P {
			text-align:center;
		}
		
		
		#footer-hp A, #footer A, #footer_origine A, #footer_aromes A {
			color:#fff;
			text-decoration:none;
		}
		
		#footer-hp A:hover, #footer A:hover, #footer_origine A:hover, #footer_aromes A:hover {
			color:#fff;
			text-decoration:underline;
		}

		
/************************************************************************************************/
/*																								*/
/*									PAGES INT													*/
/*																								*/
/************************************************************************************************/
	
	#entete {
		position:absolute;
		top:62px;
		left:0px;
		width:956px;
		height:225px;
		background:url(../../images/fond_entete.gif) bottom left no-repeat;
		z-index:1;
	}
	
	#entete-suite {
		position:absolute;
		top:287px;
		left:0px;
		width:265px;
		height:101px;
		z-index:1;
	}
	
	#content {
		padding:144px 0 5px 0;
		width:956px;
		height:auto;
		background-color:#fbf6f4;
		color:#000;
		float:left;
	}
	
	#content-apres {
		padding:60px 0 5px 0;
		width:956px;
		height:auto;
		min-height:500px;
		background-color:#fbf6f4;
		color:#000;
		float:left;
	}
	
	#content_origine {
		padding:134px 0 0 0;
		width:956px;
		height:auto;
		background-color:#fbf6f4;
		color:#000;
		float:left;
	}
	
		#content-nav {
			padding:0 0 0 10px;
			width:123px;
			height:auto;
			float:left;
		}
		
		#content-visio {
			width:386px;
			height:auto;
			float:left;
		}
		
			#content-visio-anim {
				width:386px;
				height:340px;
				float:left;
			}
		
		#content-visio-long {
			width:560px;
			height:auto;
			float:left;
		}
		
		#content-apres-desc {
			width:800px;
			height:auto;
			float:left;
			text-align:center;
			font-size:15px;
			color:#95553e;
		}
		
		#content-desc {
			width:213px;
			padding:0 25px 0 0;
			height:auto;
			float:left;
		}
		
		#content-desc-long {
			width:233px;
			padding:0 10px 0 0;
			height:auto;
			float:left;
		}
		
			#commentaires-affich {
				width:682px;
				height:auto;
				background:#f0e4df repeat-y;
				font-size:18px;
				color:#970e5b;
				line-height:20px;
			}
			
			#commentaires-form {
				margin-top:10px;
				width:689px;
				height:auto;
				background: url(../../images/apres-chocolat-fond-form.gif) top left repeat-y;
				font-size:14px;
				color:#603121;
				font-weight:bold;
				text-align:left;
			}
		
			#content-desc P, #content-desc-long P {
				padding:15px 0 0 0;
				color:#000;
			}
			
			#content-desc A, #content-desc-long A {
				color:#cb0064;
				font-weight:bold;
				text-decoration:underline;
			}		
			
		#content-rightcol {
			width:194px;
			height:auto;
			float:left;
		}
		
		#sas-grd-choco-left{
			padding:10px 0 0 0;
			width:274px;
			height:417px;
			float:left;
		}
		
		#sas-grd-choco-right{
			padding:10px 0 0 0;
			width:682px;
			height:417px;
			float:left;
			text-align:center;
			background: url(../../images/sas-grands-chocolatiers-bas.gif) bottom left no-repeat;
		}
		
			#sas-grd-choco-left P, #sas-grd-choco-right P{
				font-size:15px;
				color:#95553e;
			}
			
			#sas-grd-choco-left A, #sas-grd-choco-right A{
				font-size:13px;
				color:#ca0060;
				font-weight:bold;
			}
			
		.bloc-recette-entremet {
			margin:8px 0 0 0;
			width:303px;
			height:378px;
			background:url(../../images/recettes-sas-entremet-fond.jpg) top left no-repeat;
			float:left;
		}
		
		.bloc-recette-entremet P {
			padding:290px 0 0 10px;
			width:295px;
			font-size:11px;
			font-weight:bold;
			color:#95553e;
		}
		
		.bloc-recette {
			padding:8px 0 0 15px;
			width:300px;
			height:190px;
			float:left;
		}
		
		.bloc-recette P{
			padding:12px 0 0 5px;
			width:295px;
			font-size:11px;
			font-weight:bold;
			color:#95553e;
		}
			
		.bloc-recette A, .bloc-recette-entremet A{
			font-size:12px;
			color:#ca0060;
			font-weight:bold;
		}
		
		#aromes-vue {
			position:absolute;
			top:5px;
			left:0px;
			width:204px;
			height:262px;
			z-index:10;
			background:url(../../images/fond-aromes-vue.gif) top left no-repeat;
		}
		
			#aromes-vue P {
				padding:45px 0 0 18px;
				width:173px;
				font-size:11px;
				color:#000;
				line-height:16px;
			}
			
		#aromes-toucher {
			position:absolute;
			top:5px;
			left:202px;
			width:196px;
			height:148px;
			z-index:10;
			background:url(../../images/fond-aromes-toucher.gif) top left no-repeat;
		}
		
			#aromes-toucher P {
				padding:45px 0 0 10px;
				width:160px;
				font-size:11px;
				color:#000;
				line-height:16px;
			}
			
		#aromes-odorat {
			position:absolute;
			top:153px;
			left:202px;
			width:196px;
			height:116px;
			z-index:10;
			background:url(../../images/fond-aromes-odorat.gif) top left no-repeat;
		}
		
			#aromes-odorat P {
				padding:35px 0 0 10px;
				width:160px;
				font-size:11px;
				color:#000;
				line-height:16px;
			}
			
		#aromes-ouie {
			position:absolute;
			top:5px;
			left:400px;
			width:196px;
			height:264px;
			z-index:10;
			background:url(../../images/fond-aromes-ouie.gif) top left no-repeat;
		}
		
			#aromes-ouie P {
				padding:45px 0 0 15px;
				width:175px;
				font-size:11px;
				color:#000;
				line-height:16px;
			}
			
		#aromes-gout {
			position:absolute;
			top:5px;
			left:596px;
			width:360px;
			height:165px;
			z-index:10;
			background:url(../../images/fond-aromes-gout.gif) top left no-repeat;
		}
		
			#aromes-gout P {
				padding:45px 0 0 12px;
				width:330px;
				font-size:11px;
				color:#000;
				line-height:16px;
			}
			
		#aromes-tablette {
			position:absolute;
			top:310px;
			left:190px;
			width:360px;
			height:205px;
			z-index:10;
		}
		
			#aromes-tablette P {
				width:480px;
				font-size:14px;
				color:#683523;
				line-height:18px;
				text-align:center;
			}

		
/************************************************************************************************/
/*																								*/
/*									PAGES COUPONS												*/
/*																								*/
/************************************************************************************************/



#coupon_intro {
	position: relative;
	margin: 10px 80px 0px 80px;
}

#coupon_intro H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e3097f;
	margin: 0px;
}

#coupon_intro P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
}

#coupon_connexion {
	position: relative;
	width: 395px;
	height: 190px;
	margin-top: 25px;
	margin-bottom: 20px;
	background: url(../../images/coupons-connexion-fond.gif) top left no-repeat;
	float: left;
}

#coupon_connexion FORM {
	margin: 0px;
}

#coupon_connexion P {
	margin: 5px 10px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #603121;
	clear: both;
}

#coupon_connexion A {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #d8b8b8;
}

#coupon_connexion LABEL {
	width: 150px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #603121;
}

#coupon_connexion INPUT.chp_texte {
	width: 170px;
	border: 2px solid #f4edea;
}

#coupon_formulaire {
	position: relative;
	width: 624px;
	height: auto;
	margin: 25px 0px 20px 167px;
	background: url(../../images/coupons-formulaire-fond.gif) top left repeat-y;
}

#coupon_formulaire FORM {
	margin: 0px;
}

#coupon_formulaire P {
	margin: 5px 0px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #603121;
	clear: both;
}

#coupon_formulaire P STRONG{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #970e5b;
}

#coupon_formulaire LABEL {
	width: 160px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #603121;
}

#coupon_formulaire INPUT.chp_texte {
	width: 310px;
	border: 2px solid #f4edea;
}

#coupon_inscription {
	position: relative;
	margin: 20px 0px 0px 80px;
	height: auto;	
}

#coupon_inscription P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#coupon_inscription P.asterisque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #683523;
}

#coupon_inscription P STRONG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #683523;
}

#coupon_inscription LABEL {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #683523;
	text-align: right;
}

#coupon_inscription INPUT.chp_texte {
	float: left;
	border: 1px solid #834d39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 10px;
}

#coupon_contenu {
	position: relative;
	margin: 20px 0px 0px 0px;
	height: auto;	
}

.coupon_offre {
	position: relative;
	margin: 0px 0px 0px 80px;
	clear: both;
	width: auto;
	height: 95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #603121;
}

.coupon_check {
	position: relative;
	width: 30px;
	height: 95px;
	float: left;
}

.coupon_check INPUT {
	margin-top: 30px;
}

.coupon_visuel {
	position: relative;
	width: 705px;
	height: 95px;
	float: left;
}

.coupon_visuel P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	text-align: center;
}

#coupon_erreur {
	position: relative;
	width: 624px;
	height: auto;
	margin: 25px 0px 20px 167px;
	background: url(../../images/coupons-formulaire-fond.gif) top left repeat-y;
}

#coupon_erreur P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #CC0000;
}

#coupon_connexion_erreur {
	position: relative;
	width: 790px;
	height: auto;
	margin: 25px 0px 0px 75px;
	background: url(../../images/connexion-message-fond.gif) top left repeat-y;
}

#coupon_connexion_erreur P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #CC0000;
}

#coupon_ok {
	position: relative;
	width: 624px;
	height: auto;
	margin: 25px 0px 20px 167px;
	background: url(../../images/coupons-formulaire-fond.gif) top left repeat-y;
}

#coupon_ok P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #336600;
}

#coupon_connexion_ok {
	position: relative;
	width: 790px;
	height: auto;
	margin: 25px 0px 0px 75px;
	background: url(../../images/connexion-message-fond.gif) top left repeat-y;
}

#coupon_connexion_ok P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #336600;
}

#coupon_attente {
	position: relative;
	width: 624px;
	height: auto;
	margin: 25px 0px 20px 167px;
	background: url(../../images/coupons-formulaire-fond.gif) top left repeat-y;
}

#coupon_attente P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #95553e;
	text-align:center;
}

#coupon_attente A {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #95553e;
}

#coupon_connexion_attente {
	position: relative;
	width: 790px;
	height: auto;
	margin: 25px 0px 0px 75px;
	background: url(../../images/connexion-message-fond.gif) top left repeat-y;
}

#coupon_connexion_attente P {
	margin: 5px 30px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #95553e;
	text-align:center;
}

#coupon_connexion_attente A {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #95553e;
}

.compte_push {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
}

#recette-charlotte, #recette-entremet, #recette-mousse, #recette-brownies, #recette-gateau, #recette-tarte{
	position:absolute;
	top:210px;
	left:100px;
	background: url(../../images/fond-recette.gif) top left repeat-y; 
	z-index:98;
	color:#000;
}

	#recette-charlotte P, #recette-entremet P, #recette-mousse P, #recette-brownies P, #recette-gateau P, #recette-tarte P{
		padding:0 0 0 26px;
		font-size:14px;
		color:#c83680; 
	}
	
	.titre_recette_rose{
		font-size:14px;
		color:#c83680;
	}

#btn-fermer-charlotte, #btn-fermer-entremet, #btn-fermer-mousse, #btn-fermer-brownies, #btn-fermer-gateau, #btn-fermer-tarte{
	position:absolute;
	top:204px;
	left:782px;
	z-index:99; 
}

/************************************************************************************************/
/*																								*/
/*									CLASSES														*/
/*																								*/
/************************************************************************************************/
.titre_rubrique {
	font-size:15px;
	color:#c83680;
}
.titre_rubrique_vert {
	font-size:15px;
	color:#73a300;
}
.titre_produit {
	font-size:25px;
	color:#95553e;
}
.titre_produit2 {
	font-size:25px;
	font-weight:bold;
	color:#683523;
}
.titre_valeur {
	font-size:20px;
	color:#683523;
}

.contenu_rose {
	color:#cc0067;
}
.contenu_vert {
	color:#73a300;
}

.commentaires-bas{
	font-size:15px;
	color:#95553e;
	font-weight:normal;
}

.commentaires-pseudo{
	/*margin:-18px 0 6px 60px;*/
	margin:0;
	font-size:14px;
	color:#95553e;
	text-align:left;
}

.plan H1 {
	margin:0px;
	padding:10px 0 0 0;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#c83680;
}

.plan H2 {
	margin:0px;
	padding:10px 0 0 0;
	font-size:11px;
	font-weight:bold;
	color:#95553e;
}

.plan UL {
	margin:0 0 0 30px;
	padding:3px 0 0 0;
}

.plan LI {
	margin:0;
	margin:0;
}

.plan A {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.plan A:hover {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

.txt-rose {
	font-size:12px;
	color:#95553e;
}

.txt-rose A {
	font-size:12px;
	color:#95553e;
	text-decoration:none;
}

.txt-rose A:hover {
	font-size:12px;
	color:#ca0060;
	text-decoration:underline;
}

.mentions_titre {
	font-size:13px;
	color:#CC0067;
}

.mentions_lien {
	font-size:11px;
	color:#CC0067;
	text-decoration:underline;
}

TABLE.chp_news {
	color:#603121;
	font-size:14px;
	font-weight:bold;
}

INPUT.chp_news {
	width: 310px;
	height:18px;
	border: 1px solid #ddc9c1;
	font-size:11px;
}