@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	margin:auto;
	color:#301b1b;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	height:100%
}


img {
	border:0px;
}

html {
	height:100%
}

ul {
	margin:0
}

input {
	border-width:0;
}

a {
	text-decoration:none;
}

form {
	margin:0px;
}

/******************************************************************
	les style globeaux utilisés à plusieurs endroit sur une meme page
********************************************************************/
.masque {
	background-color:#33312d; 
	height:100%; 
	width:100%; 
	position:absolute;
	filter: alpha(opacity=70); /* pour ie */
	-moz-opacity: .7; /* pour ff */
	opacity:0.5;/* pour safari */
	display:none;
}

.popup_volante {
	position:absolute; 
	display:none;
	margin-top:200px; 
	z-index:100;
	/*
	margin-left:343px
	*/
}


#popup_td_valrhona {
	padding-right:20px; 
	background-image:url(/shared/img_pro/fond_valrhona1.jpg)
}

#popup_td_cercle {
	padding-left:20px; 
	background-image:url(/shared/img_pro/fond_cercle1.jpg)
}

.popup_table_content {
	margin:5px;
}

.sous_titre {
	font-size:12px;
	font-weight:bold
}

.sous_link {
	font-size:10px;
	font-weight:bold;
}

.sous_link_1, .sous_link_1 a {
	font-size:10px;
	/* font-weight:bold; */
	color:#b69762;
	text-decoration: none;
}

.sous_link_1_bold, .sous_link_1_bold a {
	font-size:11px;
	font-weight:bold;
	color:#b69762;
	text-decoration: none;
}

.sous_link_2_bold,  .sous_link_2_bold a{
	font-size:10px;
	font-weight:bold;
	color:#584231;
	text-decoration:none
}

.sous_link_2,  .sous_link_2 a{
	font-size:11px;
	font-weight:bold;
	color:#584231;
	text-decoration:none
}

.sous_link_2_up,  .sous_link_2_up a{
	font-size:11px;
	color:#584231;
	text-decoration:none
}

.sous_link_3 {
	font-size:11px;
	font-weight:bold;
	color:#ebcb85;
}

.sous_link_4,  .sous_link_4 a{
	font-size:10px;
	font-weight:bold;
	color:#dcc5b0;
	text-decoration:none
}

.sous_link_4_bold,  .sous_link_4_bold a{
	font-size:10px;
	color:#dcc5b0;
	text-decoration:none
}
.sous_link_5,  .sous_link_5 a{
	font-size:12px;
	font-weight:bold;
	color:#584231;
	text-decoration:none
}
.sous_link_6,  .sous_link_6 a{
	font-size:12px;
	color:#dcc5b0;
	text-decoration:none
}
.sous_link_7,  .sous_link_7 a{
	font-size:12px;
	color:#dcc5b0;
	text-decoration:none;
	font-weight:bold;
}
.sous_link_8,  .sous_link_8 a{
	font-size:14px;
	text-decoration:none;
}
.sous_link_9,  .sous_link_9 a{
	font-size:12px;
	text-decoration:none;
}
.sous_link_10,  .sous_link_10 a{
	font-size:25px;
	font-weight:bold;
	color:#453024;
	text-decoration:none
}
.sous_link_11,  .sous_link_11 a{
	font-size:10px;
	font-weight:bold;
	color:#584231;
	text-decoration:none
}
.sous_link_12,  .sous_link_12 a{
	font-size:11px;
	color:#584231;
	text-decoration:none
}
a.sous_link_12:hover{
	font-size:11px;
	color:#584231;
	text-decoration:none;
	text-decoration:underline
}
.sous_link_13,  .sous_link_13 a{
	font-size:22px;
	font-weight:bold;
	color:#453024;
	text-decoration:none
}


.sous_link_langues,  .sous_link_langues a{
	font-size:12px;
	font-weight:bold;
	color:#584231;
	text-decoration:none
}
.sous_link_langues a:hover{
	font-size:12px;
	font-weight:bold;
	color:#df2049;
	text-decoration:none
}


.menu_footer {
	list-style:none;
	float:right;
	margin-right:15px;
}
.menu_footer_francais {
	list-style:none;
	float:right
}

.goutiere_left		{
	padding-left:3px
}

.goutiere_top		{
	padding-top:3px
}

.goutiere_left_top{
	padding-left:3px;
	padding-top:3px ;
}

.block_content		{
	color:#dcc5b0;
	padding-left:11px;
	padding-right:5px;
	padding-right:10px;
	padding-top:6px;
	font-size:11px;
	vertical-align:top;
	height:76px
}

.menu							{
	width:239px
}

.marge_droite {
	padding-right:5px;
	font-size:12px;
	font-weight:bold
}

.entete_tab {
	background-color: #cdbca6;
	font-size:13px;
	text-align:center;
	font-weight:bold
}

.corps_tab {
	background-color: #e8dfce;
	padding-top:5px;
	padding-left:10px;
	color:#735f4d;
	font-size:11px;
	vertical-align:top;
}

.liste_theme {
	margin:15px;
	width:220px;
	float:right;
}

.encart1 {
	background-color:#f2e5cb;
	height:103px
}

.encart2 {
	background-color:#f4ead9;
	height:103px
}
/**********************
	les style uniques
***********************/
#logo	{ padding-bottom:10px }

#menu_header	{
	/*
	background-image:url(/shared/img_pro/fond_menu.gif);
	background-repeat:no-repeat;
	background-position:center;
	*/
	color:#ebcb85;
	font-size:11px
}

#menu_header	a{
	color:#ebcb85;
	text-decoration:none
}

#menu_footer {
	font-size:11px;
	color:#bca26a;
	padding-top:10px
}

 #bg_menu_header_1	{
	background-image:url(/shared/img_pro/fond_menu_beige.gif);
	width:124px;
	color:#000000
}

 #bg_menu_header_1 a	{
	color:#000000
}
#bg_menu_header_2	{
	background-image:url(/shared/img_pro/fond_menu_rouge.gif);
	width:135px
}

#content {
	background-color:#fff5df
}

#cadre_principal {
	padding-top:3px;
	padding-bottom:3px
}

.cercle				{
	padding-right:10px;
	background-image:url(/shared/img_pro/cercle.jpg);
	font-size:11px
}
.cercle_typo			{
	padding-right:5px;
	font-size:11px
}

.cercle2				{
	padding-right:10px;
	background-image:url(/shared/img_pro/cercle2.jpg);
	font-size:13px;
	text-align:right;
}

.cercle3				{
	padding-right:10px;
	background-image:url(/shared/img_pro/cercle3.jpg);
	font-size:11px;
	text-align:right;
}


.bloc_horiz_mar	{
	background-image: url(/shared/img_pro/fond_3.jpg);
}

.bloc_horiz_bei	{
	background-image: url(/shared/img_pro/fond_4.jpg);
}


.bloc_verti_mar	{
	background-image: url(/shared/img_pro/fond_5.jpg);
}

.bloc_verti_kepi	{
	background-image: url(/shared/img_pro/fond_8.jpg);
}

.block_verti_mar td.plus_info	{
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:bottom;
	height:15px
}

.block_verti_kepi td.plus_info	{
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:bottom;
	height:15px
}

.description {
	background-image:url(/shared/img_pro/fond_7.jpg);
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
	font-size:11px;
	height:221px;
}

.description_titre {
	background-image:url(/shared/img_pro/fond_7.jpg);
	font-size:25px;
	vertical-align:top;
	padding-left:10px;
}

.description_texte {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}
/*******************
				LOGIN
********************/
p#login					{
	padding-left:10px;
	margin:0;
	margin-top:5px
}

.login 		{
	background-image:url(/shared/img_pro/fond_1.jpg)
}

.login_non_logge			{
	color:#786d57;
	font-size:10px;
	font-weight:bold;
}

.login_logge			{
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	margin:0;
	margin-top:5px
}

.deconnexion			{
	font-size:11px;
	font-weight:bold;
	padding-left:15px;
	margin:0;
	margin-top:4px;
	color:#785643;
	text-decoration:none;
}

/*******************
				MDP OUBLIE
********************/
td#mdp_oublie		{
	padding-left:10px ;
	background-image:url(/shared/img_pro/fond_2.jpg)
}

span#mdp_oublie	{
	color:#786d57;
	font-size:11px
}

a#mdp_oublie	{
	color:#786d57;
	font-size:11px
}

/*******************
				Espace publicitaire
********************/

.espace				{
	background-image:url(/shared/img_pro/espace_tout_public.jpg);
	padding-left:10px;
	height:224px;
}

.espace_min				{
	background-image:url(/shared/img_pro/espace_tout_public_min.jpg);
	padding-left:10px;
	height:109px;
}

.espace_min_logge				{
	background-image:url(/shared/img_pro/espace_tout_public_min_logge.jpg);
	padding-left:10px;
	height:194px;
}

.espace_max				{
	background-image:url(/shared/img_pro/espace_tout_public_max.jpg);
	padding-left:10px;
	height:310px;
}

.espace_link		{
	margin-top:194px;
	margin-bottom:10px;
	vertical-align:bottom;
}

.espace_link_min			{
	margin-top:80px;
	margin-bottom:10px;
	vertical-align:bottom;
}

.espace_link_max			{
	margin-top:285px;
	margin-bottom:5px;
	vertical-align:bottom;
}

/*******************
				ARTICLE
********************/

.content	{
	padding-left:10px;
	padding-right:5px;
	font-size:11px;
	vertical-align:top
}

.content_no_margin	{
	font-size:11px;
	vertical-align:top
}

.content2	{
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	font-size:11px;
	vertical-align:top
}

.titre {
	margin-bottom:5px;
	margin-top:0px;
	font-weight:bold ;
	color:#000000
}

.bloc_titre_mar {
	margin-bottom:5px;
	margin-top:0px;
	font-weight:bold ;
	color:#FFFFFF
}

.bloc_texte_mar {
	margin-top:0px;
	margin-bottom:5px ;
	color:#dcc5b0
}

.bloc_titre_bei {
	margin-bottom:5px;
	margin-top:0px;
	font-weight:bold ;
}

.bloc_titre_bla {
	margin-bottom:5px;
	margin-top:0px;
	font-weight:bold ;
	color:white;
}

.bloc_texte_bei {
	margin-top:0px;
	margin-bottom:0px ;
}

.texte {
	margin-top:0px;
	margin-bottom:5px
}

.plus_info {
	padding-left:10px;
	vertical-align:bottom;
	padding-bottom:5px;
	height:25px
}

.plus_info_bot {
	padding-left:10px;
	vertical-align:bottom;
}

li.carre {
	list-style:square;
	font-size:11px
}

li.margin_5 {
	margin-top:5px;
	margin-bottom:5px
}

ul#recettes li a {
	color:#301b1b;
}

ul#recettes li a:hover {
	text-decoration:underline
}

ul#recettes {
	padding-left:30px
}

select {
	background-color:#3c2e1d; 
	border: solid 1px #ab8842; 
	width:200px; 
	float:right;
}

select.sous_link_1{
	color:#dcc7a3
}

.infos_titre {
	color:#9e8c72; 
	font-weight:normal
}
/*****************************
		MENU DEROULANT
******************************/


.menu_deroulant {
	display: block;
	height: 38px;
	width: 325px;
	background: url(/shared/img_pro/menu_inactif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:3px;
	padding-left:10px;
	line-height:30px
}

.menu_deroulant_actif {
	display: block;
	height: 38px;
	width: 325px;
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:3px;
	padding-left:10px;
	line-height:30px
}

#menu_deroulant_titre_1.menu_deroulant_actif {
	display: block;
	height: 38px;
	width: 325px;
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:0px;
	line-height:30px
}

.menu_deroulant:hover  {
	display: block;
	height: 38px;
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:3px;
	line-height:30px
}

.menu_deroulant_content {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #200b02;
	overflow: hidden;
	background-color:#E1C798;
	margin-top:0px;
	display:block;
	height:361px;
}

.menu_deroulant_content_first {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #200b02;
	overflow: hidden;
	background-color:#E1C798;
	margin-top:0px;
	display:block;
	height:361px;
}

#last.menu_deroulant {
	margin-bottom:0px
}

 #menu_deroulant_titre_1.menu_deroulant {
	display: block;
	height: 38px;
	width: 325px;
	background: url(/shared/img_pro/menu_inactif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:0px;
	line-height:30px
}

 #menu_deroulant_titre_1.menu_deroulant:hover {
	display: block;
	height: 38px;
	width: 325px;
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-top:0px;
	line-height:30px
}

.ascenseur_content {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	padding-left:10px;
}

/*****************************
		ACCORDEON
******************************/

.accordion_toggle {
	display: block;
	height: 38px;
	width: 100%;
	background: url(/shared/img_pro/menu_inactif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	padding-left: 10px;
	margin-top:3px;
	line-height:30px
}

.accordion_toggle:hover {
	display: block;
	height: 38px;
	width: 100%;
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #e8d4aa;
	cursor: pointer;
	margin: 0 0 0 0;
	padding-left: 10px;
	padding-left: 10px;
	margin-top:3px;
	line-height:30px
}

.accordion_toggle_active {
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-family: arial,helvetica,sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding-left: 10px;
	margin-bottom:0px;
	
}
.accordion_toggle_active:hover {
	background: url(/shared/img_pro/menu_actif.jpg) no-repeat top left;
	font-family: arial,helvetica,sans-serif;
	font-size: 15px;
	color: #ffffff;
	padding-left: 10px;
	margin-bottom:0px;
	
}


.accordion_content {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #200b02;
	overflow: hidden;
}

#last.accordion_content {
	margin-bottom:0px
}

#first.accordion_toggle {
	margin-top:0px
}

/***********************************
			PREHOME
***********************************/

#content_prehome {
	background-color:#f9f6f3
}

.ombre {
	background-image:url(/shared/img/prehome_ombre_menu1.jpg);
	background-position:top; 
	background-repeat: repeat-x;
}
.barre_verticale {
    border-left: 1px solid black;
    padding-left: 5px;
    height:300px;
    margin-left:10px;
    border-color:#584231
	}
	
/*******************************
		CALENDRIER
*******************************/

.calendrier {
	border:1px solid #8c4d3b;
	font-size:11px;
	color: #7b7670;
	background-color:#f6efdf
}

.calendrier .header {
	color:black;
	font-weight:bold;
	font-size:11px
}

.calendrier .mois {
	font-weight:bold
}

.calendrier .jours {
	color: #7b7670;
	font-size:11px
}

#curent_day {
	border:solid 1px black;
}

.calendrier .stage_day, .stage_day a {
	background-color:#8c4d3b;
	color:white;
}

.table_link {
	cursor:pointer
}

/*******************************
		PRODUITS
*******************************/

a.lien_produit {
	text-decoration:none;
	color:red;
}

.produits_gammes {
	background:url('/shared/img_pro/produits_bg_menu.jpg');
	font-size:12px; 
	padding-left:5px;
	cursor:pointer
}