/* CSS Document */

/* HEADER
/* MENU
/* CONTENT
/* HOME
/* ACTUALITES
/* FOOTER
/*
/* CONSEIL : pour changer une couleur, Chercher / Remplacer sur ce doc pour mettre la nouvelle couleur.
*/

body { /* Couleur de base de la police */
	color: #5f5d62;
}
h1,h2,h3,h4,h5,h6 { /* Couleur de base des titres */
	color: #5f5d62;
}
a { /* Couleur de base des liens */
	color: #5f5d62;
}

/************************************************************************************ HEADER */
/* Le header est super customisable, tous les blocs peuvent bouger en positionnement absolu */
	#header {
		background: url(/CornerMarque/Ricore/Common/img/bg_header.jpg) 0 0 no-repeat;
	}
	#header .logo.brand
	{
		/* positionnement du logo brand */
		width: 506px;
		height: 113px;
		top: 8px;
		left: 15px;
	}
	#header 
	.logo.other
	{
		/* positionnement du logo CLV, par exemple */
		width: 158px;
		height: 116px;
		top: 0;
		left: 555px;
	}
	#header #formHeader
	{
		/* positionnement du moteur de recherche */
		top: 8px;
		left: 758px;
	}
	#header #formHeader p
	{
		margin-bottom: 5px;
	}
	#header #formHeader input.text
	{
		border: 1px solid #ccc9c7;
		width: 150px;
		height: 18px;
		margin-right: 4px;
		top: 0px;
	}
	
	#header #navigateClv {
		top: 85px;
		left: 747px;
	}
	#header #navigateClv select {
		width: 200px;
		color: #0071b9;
	}
	#header #contactBox {
		top: 106px;
		left: 747px;
	}
	#header #contactBox a {
		display: block;
		padding: 1px 7px 2px 7px;
		width: 186px;
		color: #0071b9;
		font-weight: bold;
	}

/************************************************************************************ NAV */
/* Renseigner la taille des onglets et l'image de fond EN POSITION HOVER pour chaque onglet */

#navigation li
{
margin-right:3px;
}

#navigation li, #navigation li a { width: 188px; }
#navigation li#nav1, #navigation li#nav1 a { background-image: url(/CornerMarque/Ricore/Common/img/nav_actu.gif); }
#navigation li#nav2, #navigation li#nav2 a { background-image: url(/CornerMarque/Ricore/Common/img/nav_reveil.gif); }
#navigation li#nav3, #navigation li#nav3 a { background-image: url(/CornerMarque/Ricore/Common/img/nav_produits.gif); }
#navigation li#nav4, #navigation li#nav4 a { background-image: url(/CornerMarque/Ricore/Common/img/nav_recettes.gif); }
#navigation li#nav5, #navigation li#nav5 a { background-image: url(/CornerMarque/Ricore/Common/img/nav_saga.gif); }


.oneCol #content {	
	padding:0 0 1px 0;	
	width:953px;
	/*height:561px;*/
}

.wideBg
{
background: #fff1b2;
}

.oneCol #content #conteneurJeu
{
background:url(/CornerMarque/Ricore/Common/img/bg_principal.jpg) no-repeat top left;
height:458px;
position:relative;
}

p.insideNavs, p.insideNavs a
{
color:#5f2a7b;
}

p.breadCrumbs
{
padding:10px 0pt 0pt 20px;
}

/***************************** GAMME ET POUR VOUS */
#gammeList .intro
{
	background: #ffd500 url(/CornerMarque/Ricore/Common/img/bg_gammeintrotop.gif) top left no-repeat;
}
#gammeList .intro p
{
	color: #5f2a7b;
}
#gammeList .intro div.in
{
	background: #fff url(/CornerMarque/Ricore/Common/img/bg_gammeintrointop.gif) top left no-repeat;
}
#gammeList .intro div.in ul li
{
	background: #fff url(/CornerMarque/Ricore/Common/img/puceRicore.gif) 0 4px no-repeat;
}
#gammeList .intro div.in ul li a
{
	color: #5f2a7b;
}
#gammeList .intro div.in div
{
	background: #fff url(/CornerMarque/Ricore/Common/img/bg_gammeintroinbottom.gif) bottom left no-repeat;
}
#gammeList .intro div
{
	background: url(/CornerMarque/Ricore/Common/img/bg_gammeintrobottom.gif) bottom left no-repeat;
}
#gammeList ul.prod li.prod
{
	background: #fff url(/CornerMarque/Ricore/Common/img/bg_gammelistprod.gif) top left no-repeat;
	height: 343px;
}
#gammeList ul li h2
{
	color: #fff;
}
#gammeList ul.prod li.prod p.links a
{
	color: #ff002a;
}
#gammeList ul li ul li
{
	border-bottom: 1px solid #5c2a03;
}
#gammeList ul li ul li a
{
	color: #5f2a7b;
	background: url(/CornerMarque/Ricore/Common/img/puceRicore.gif) 0 4px no-repeat;
	padding-left:15px;
}

/*-------page détails --------*/

	#gammeList .focusProduit h2
	{
	background: url(/CornerMarque/Ricore/Common/img/bg_focusProduit.gif) top left no-repeat;	
	height:26px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	padding:8px 0pt 0pt 16px;
	margin-bottom:-9px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit
	{
	background: url(/CornerMarque/Ricore/Common/img/bg_bottomFocusProduit.gif) top left no-repeat;
	width:689px;
	height:167px;
	}
	
	#gammeList .focusListProduit
	{
	background-color:#FFFFFF;
	width:670px;
	margin-left:8px;	
	padding-bottom:100px;	
	}
			
	#gammeList .focusProduit .bottomFocusProduit img
	{
	float:left;
	padding:1px 0 0 1px;
	margin-right:20px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit h3
	{
	color:#ff002a;
	padding:15px 0pt 15px 0pt;
	font-size:1.2em;
	}
	
	#gammeList .focusProduit .bottomFocusProduit p
	{
	padding-right:20px;
	}
	
	#gammeList .focusProduit .bottomFocusProduit select
	{
	margin-top:10px;
	margin-left:200px;
	width:150px;
	}
	
	#gammeList .focusListProduit ul li
	{	
	width:325px;
	float:left;
	border-bottom:1px solid #5c2a03;
	margin:0 4px 0 4px;
	padding:15px 0 5px 0;
	}
	
	#gammeList .focusListProduit ul li h4
	{
	color:#5c2a03;
	font-size:12px;
	font-weight:bold;
	padding:0 0 10px 0;
	/*float:left;*/
	}
	
	#gammeList .focusListProduit ul li img
	{
	float:left;
	/*margin-top:15px;*/
	margin-left:10px;
	}
	
	#gammeList .focusListProduit ul li span
		{
				float:left;
				margin-top:80px;	
				margin-left:60px;
				width:140px;
				font-size:1.2em;
				font-weight:bold;				
		}
		
	#gammeList .focusListProduit ul li span a
	{
	color:#5f2a7b;
	font-size:11px;
	font-weight:bold;
	}
		
	#gammeList .focusListProduit  .spacerVertical
		{
		float:right;		
		/*margin-right:10px;	*/	
		}
		
	#gammeList .focusListProduit ul li img.voidItem
		{
		width:100px;
		height:100px;		
		}

/*------------------- Reglement ----------------------*/
#leftContent
{
padding:0;
}

#leftContent .containerReglement
{
background-color:#fff1b2;
padding:0 10px 25px 20px;
color:#5f2c03;
}

#leftContent .containerReglement img
{
margin-left:196px;
}


#leftContent .containerReglement h3
{
text-align:center;
font-size:17px;
color:#5f2c03;
}

#leftContent .containerReglement h4
{
text-align:center;
font-size:16px;
color:#5f2c03;
}

#leftContent .containerReglement h4 span
{
font-size:17px;
}

#leftContent .containerReglement h5
{
margin-top:20px;
color:#5f2c03;
font-size:1.1em;
}

#leftContent .containerReglement p
{
font-size:11px;
padding-bottom:5px;
}

/*Ajouts 06/06/08*/
#leftContent .containerReglement ul
{
font-size:12px;
font-weight:bold;
}
/*Fin Ajouts 06/06/08*/

/*-----------------------------bravoblocs ---------------------*/

#conteneurJeu h3 img.bravo{
			margin-top:10px;
			margin-left:19px;
		}
		
#conteneurJeu h3 img.desole
{
margin-top:5px;
margin-left:19px;
}

#conteneurJeu img.bloc-texte_bravoblocs
	{
			margin-top:7px;
			margin-left:32px;
		}

#formBravo
{
padding-left:100px;
margin-top:20px;
width:590px;
}		
		
#formBravo input.textfield
{
border-top:2px solid #b3b3b3;
border-bottom:1px solid #dad7d0;
border-right:1px solid #dad7d0;
border-left:1px solid #dad7d0;
padding:2px;
margin:2px;
width:99px;
}		

#formBravo textarea
{
width:320px;
height:86px;
margin-left:11px;
}

#formBravo label
{
font-weight:bold;
font-size:1.2em;
color:#000;
}

/*Modifs 06/06/08*/
#formBravo .sendForm
{
position:absolute;
bottom:55px;
left:350px;
}
/*Fin Modifs 06/06/08*/

#conteneurJeu .forward
{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:14px;
font-weight:bold;
margin:5px 0 10px 20px;
}

#conteneurJeu .messageForm
{
position:absolute;
top:295px;
left:40px;
}	

#conteneurJeu .titleForm
{
padding-left:10px;
}

#conteneurJeu #reduction a.positionRight
{
bottom:15px;
right:141px;
}

#conteneurJeu #reduction a.positionRight:hover 
{
bottom:15px;
right:141px;
}

#conteneurJeu #blocnote
{
position:absolute;
			right:90px;
			top:20px;
			background:url(/CornerMarque/Ricore/Common/img/blocnote.png) no-repeat;
			height:252px;
			width:291px;
}

* html #conteneurJeu #blocnote {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/blocnote.png');
		}
		
#conteneurJeu #kitPetitdej
{
position:absolute;
			right:90px;
			top:20px;
			background:url(/CornerMarque/Ricore/Common/img/kitpetitdej.png) no-repeat;
			height:252px;
			width:291px;
}

* html #conteneurJeu #kitPetitdej {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/kitpetitdej.png');
		}	

#conteneurJeu #reveil
{
position:absolute;
			right:90px;
			top:20px;
			background:url(/CornerMarque/Ricore/Common/img/reveil.png) no-repeat;
			height:252px;
			width:325px;
}

* html #conteneurJeu #reveil {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/reveil.png');
		}			

#conteneurJeu #velo
{
position:absolute;
			right:90px;
			top:20px;
			background:url(/CornerMarque/Ricore/Common/img/velo.png) no-repeat;
			height:252px;
			width:291px;
}

* html #conteneurJeu #velo {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/velo.png');	
}	

#conteneurJeu #smallricore
{
position:absolute;
			right:90px;
			top:10px;
			background:url(/CornerMarque/Ricore/Common/img/smallricore.png) no-repeat;
			height:272px;
			width:171px;
}

* html #conteneurJeu #smallricore {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/smallricore.png');	
}	

/**/
.invalidEmailPosition
{
	position:absolute;
	top:224px;
	left:439px;
}
/**/		
/************************************************************************************************
23/05/08   MERCI*******************************************************************************/

			#content img.bandeau_sousheader{
			display:block;
		}
	/*Modifs 06/06/08*/	
		#conteneurJeu h3 img{
			margin-top:20px;
			margin-left:19px;
		}
	/*Fin Modifs 06/06/08*/	
		#conteneurJeu #ricore{
			position:absolute;
			right:90px;
			top:20px;
			background:url(/CornerMarque/Ricore/Common/img/merci_ricore.png) no-repeat;
			height:294px;
			width:186px;
		}
		
	
		
		* html #conteneurJeu #ricore {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/merci_ricore.png');
		}

		#conteneurJeu img.bloc-texte{
			margin-top:12px;
			margin-left:32px;
		}
		
/**************BLOC REDUCTION *********/	
		#conteneurJeu #reduction a{
			display:block;
			width:190px;
			height:176px;
			position:absolute;
			right:350px;
			bottom:68px;
			background:url(/CornerMarque/Ricore/Common/img/merci_reduc.png) no-repeat;
		}
		
		* html #conteneurJeu #reduction a {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/merci_reduc.png');
		}
		#conteneurJeu #reduction a:hover{
			display:block;
			width:190px;
			height:176px;
			position:absolute;
			right:350px;
			bottom:68px;
			background:url(/CornerMarque/Ricore/Common/img/merci_reduc_rollover.png) no-repeat;
			cursor:hand;
			cursor:pointer;
		}
		* html #conteneurJeu #reduction a:hover {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/CornerMarque/Ricore/Common/img/merci_reduc_rollover.png');
		}
		
		#conteneurJeu #reduction a span.displayNone{
			display:none;
		}
		
		#conteneurJeu img.reduc{
			position:absolute;
			bottom:217px;
			left:447px;
			z-index:2;
		}
		
		#conteneurJeu img.reduc2{
			position:absolute;
			bottom:86px;
			left:445px;
			z-index:1;
		}
		
	
/********************************/
		
		#conteneurJeu img.sortir{
		position:absolute;
			top:142px;
			left:30px;
		}
		
		#conteneurJeu #reglement p.loi{
			left:8px;
			position:absolute;
			bottom:2px;
			width:590px;
			font-family:Arial, Helvetica, sans-serif;
			color:black;
			font-size:11px;
		}
		
		#conteneurJeu #reglement p.reglement a{
			position:absolute;
			bottom:2px;
			text-align:right;
			right:6px;
			width:60px;
			font-family:Arial, Helvetica, sans-serif;
			color:black;
			font-size:11px;
			font-weight:bold;
			
		}
		
			#conteneurJeu #reglement p.photo{
			position:absolute;
			right:6px;
			bottom:47px;
			color:black;
			width:150px;
			text-align:right;
		}
		
		
	/******************************************************DEBUT PAGE ERREUR *********************************************************************************/
.oneCol #content #conteneurJeu.erreur_bg
{
background:url(/CornerMarque/Ricore/Common/img/bg_principal_erreur.jpg) no-repeat;
height:458px;
position:relative;
}


#conteneurJeu fieldset{
	overflow:hidden;
	width:700px;
	margin-left:20px;
	position:relative;	
}
	#conteneurJeu img.bloc-texte-erreur{
	margin-top:10px;
	margin-left:30px;
}
/*modifs 06./06/08*/
#conteneurJeu fieldset p{
	vertical-align:middle;
	overflow:hidden;
	padding-bottom:4px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-height:14px;
	position:relative;
	width:500px;
}
/*Fin modifs 06./06/08*/
#conteneurJeu fieldset p.obligatoire{
	color:black;
	width:234px;
	text-align:right;
	
}

#conteneurJeu fieldset label{
	float:left;
	width:116px;
	text-align:right;
	display:block;
	padding-right:5px;
}

#conteneurJeu fieldset span.JustForLabel label{
	float:left;
	width:50px;
	text-align:left;
	display:block;
	padding-right:5px;
}

#conteneurJeu fieldset input{
	float:left;
	display:block;
}

#conteneurJeu fieldset span{
	float:left;
	display:block;
	color:red;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}


#conteneurJeu fieldset span.absolute_Champ{

	top:0px;
	left:0px;
	margin-left:293px;
	position:absolute;
		
	
}


#conteneurJeu fieldset span.absolute2_Champ{

	top:0px;
	left:0px;
	margin-left:293px;
	position:absolute;
	
}

#conteneurJeu fieldset p.paragraphe_G{
	width:340px;
	margin-top:12px;
	float:left;
}

#conteneurJeu fieldset p.paragraphe_D{
	width:300px;
	margin-left:-74px;
	margin-top:30px;
	overflow:auto;

	
}



#conteneurJeu fieldset p.paragraphe_D label{
	text-align:left;
	width:24px;
	height:20px;
}

#conteneurJeu fieldset p.paragraphe_D span label{
	text-align:left;
	width:24px;
	height:20px;
	color:#000;
}

#conteneurJeu fieldset p.paragraphe_G2{
	border:1px solid red;
	float:left;
	width:170px;
}

.multiChoiceBlock{
	overflow:hidden;
	height:1%;
	color:#000;
	font-size:11px;
	position:relative;
}
#conteneurJeu fieldset .multiChoiceBlock label.firstLevel{
	 float:left;
	 width:180px;	
	 text-align:left
}
#conteneurJeu fieldset .multiChoiceBlock ul.choiceList{
	float:left;
	width:440px;
}
#conteneurJeu fieldset .multiChoiceBlock ul.choiceList li{
	float:left;
	width:200px;
	padding-bottom:5px;
}
#conteneurJeu fieldset .multiChoiceBlock ul.choiceList li.eltType1{
	width:180px;
}
#conteneurJeu fieldset .multiChoiceBlock ul.choiceList li input{
	float:none;
	height:14px;
	width:14px;
	display:inline
}
#conteneurJeu fieldset .multiChoiceBlock ul.choiceList li label{
	float:none;
	display:inline
}
.priceContest{
	position:absolute;
	left:-999em;
}

input.absolute{
	/*position:absolute;*/
	bottom:50px;
	left:8px;
}



#rightContent li.rounded p.bottomRound{
            background:url(/CornerMarque/Ricore/Common/img/bg_bottomleftcorner.gif) no-repeat;
            height:25px;
}
#rightContent li.rounded p.bottomRound a{
            padding-left:28px;
            vertical-align:bottom;
            display:block;
            padding-top:4px;
}

#rightContent li .text 
{
color:#5f2a7b;
font-weight:bold;
margin-right:15px;
}

#rightContent li.rounded{

	background:#ffd500 url(/CornerMarque/Ricore/Common/img/bg_topleftcorner.gif) 0 0 no-repeat;
	
}
#rightContent li.rounded h2{
	color:#5c2a03;
	padding-left:16px;
}


/***************************************************************************HOMEPAGE************************************************/

#leftContent{
	background:#fff1b2;
	float:left;
}

#leftContent .wide{
	background:#ffd500 url(/CornerMarque/Ricore/Common/img/bg_widetop.gif) no-repeat left top;
}

#leftContent .pushes.wide h2{
	background:#ffd500 none repeat 0% 50%;
	padding-bottom:8px;
}

#leftContent .pushes h2.brown_expect{
	background:#5c2a03 none repeat 0% 50%;
	color:#FFFFFF;
}

#leftContent .short p,#leftContent .short h3{
	padding:0px;
	color:#5f2a7b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#leftContent .short p,#leftContent .short li a{
	color:#5f2a7b;
	
}

#leftContent .short{
	background: url(/CornerMarque/Ricore/Common/img/bg_shorttop..gif) no-repeat left top;
}

#rightContent .inverseTextDec a{
	color:#61006f;
	font-weight:bold;
}

#leftContent .pushes h3{

            padding-top:3px;

}
#leftContent .short h2 a {
	color:#fff;
	text-decoration:none;
	font-size:1em;
	font-family:Verdana, Arial , Sans-Serif;
}

/************************************************************************************ ACTUALITES */

#actualites .actuFrame
{
	background: #fff url(/CornerMarque/Ricore/Common/img/bg_newsframetop.gif) top left no-repeat;
	
}
#actualites .actuFrame h2
{
	color: #fff;
	margin-left:-20px;	
	position:relative;
}

#actualites .actuFrame p.footer
{
	background: #fff url(/CornerMarque/Ricore/Common/img/bg_newsframebottom.gif) bottom left no-repeat;
}
#actualites .actuFrame p.footer a
{
	color: #5c2a03;
}

/*Ajouts 27/06/08 correctif bug HasLayout IE6*/

#actualites .actuFrame .text
{
color:#5c2a03;
padding:0;
height:1%;
}

#actualites .actuFrame .text a
{
color:#5f2a7b;
font-size:1em;
}

#actualites .actuFrame p.img
{
width:120px;
}

.textContentActu
{
float:left;
width:665px;
}

/*Fin Ajouts 27/06/08 correctif bug HasLayout IE6*/

/*----------Popin jeu ricore -----------*/

#genericPopin{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:21;
}

#genericPopin #bgGenericPopin{
	position:absolute;
	z-index:22;
	width:100%;
	height:100%;
	background-color:#999999;
	top:0px;
	left:0px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*--------------- pop jeu ricore -----------*/

/*------------- Page bien etre Ricore 02/07/08---------*/

#gammeList .containerBienEtre
{
background-color:#fff;
width:630px;
margin-left:10px;
padding:0 20px 50px 20px;
}

#gammeList .intro h4
{
color:#5c2a03;
font-size:20px;
line-height:1.2em;
padding:5px 0 5px 20px;
}

#gammeList .containerBienEtre h5
{
color:#5f2a7b;
font-size:17px;
line-height:1.2em;
text-align:center;
font-weight:bold;
padding:20px 0; 
}

#gammeList .containerBienEtre img
{
float:left;
width:196px;
height:196px;
margin:0 0 20px 0;
}

#gammeList .containerBienEtre img.visuBienetre{

    margin-right:20px;

}

#gammeList .containerBienEtre p
{
color:#5f2a7b;
font-size:12px;
font-family:arial, Verdana, sans-serif;
}

#gammeList .containerBienEtre p.Bienetre
{
    margin-top:10px;
    margin-bottom:10px;
}
#gammeList .free-txt p{
    margin: 0 0 12px 0
}
#gammeList .containerBienEtre .SmallTitle
{
color:#5c2a03;
font-weight:bold;
padding:0 0 5px 0;
}

#gammeList .containerBienEtre .SmallTitle2
{
color:#5c2a03;
clear:both;
font-weight:bold;
padding:0 0 5px 0;
}

#gammeList .containerBienEtre .bottomContainer
{
background:url(/CornerMarque/Ricore/Common/img/bg_encartBienEtre.gif) no-repeat top left;
width:594px;
height:81px;
margin:20px 0 0 0;
padding:15px 20px
}

#gammeList .containerBienEtre .bottomContainer h6
{
color:#5c2a03;
font-size:17px;
padding-bottom:10px;
}
#footer div.hrLike{
    zoom:1
}
/*------------- Fin Page bien etre Ricore 02/07/08---------*/
