/*
* Reset
*/
html, body, h1, h2, h3, p, blockquote, ul, ol, li, dl, dt, dd, form, fieldset, b, i, u {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	
}

  
/*
* Typography
*/
html {
	font-size: 100%;
}

/* 
body {
	color: #fff;
	font: 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #dcd5cf url(../images/bg_home_trait.jpg) no-repeat center top;
padding-bottom:200px;
position: relative;
}
*/
body {
	color: #fff;
	font: 12px Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #ffffff url(../images/bg_home.jpg) no-repeat center top;
    
}

body.c3			{ background-image: url(../images/bg_c3.jpg); background: #ffffff url(../images/bg_home.jpg) no-repeat center top; }
body.school		{ background-image: url(../images/bg_school.jpg); }
body.valrhona	{ background-image: url(../images/bg_valrhona.jpg); }
body.cercle		{ background-image: url(../images/bg_cercle.jpg); }
body.produits	{ background-image: url(../images/bg_produits.jpg); }
body.tendances	{ background-image: url(../images/bg_tendances.jpg); }
body.recettes	{ background-image: url(../images/body_recettes_09.jpg); }


input, select, textarea {
    font-size: 100%;
	font-family: Geneva, Arial, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:focus {
	text-decoration: underline;
	outline: none;
}
a img {
	border: none;
}
label {
	cursor: pointer;
}

#main a img {
	border-bottom: 2px solid #000;
	opacity: 0.9;
}
#main a:hover img,
#main a:focus img {
	border-bottom: 2px solid #DE0015;
	opacity: 1;
}


h1 {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
}
h2 {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 12px;
	margin-bottom: 10px;
}
h3 {
	font-weight: bold;
	font-size: 13px;
	line-height: 12px;
	margin: 2em 0 1em;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 11px;
	margin-bottom: 1em;
}


/*
* =LAYOUT
*/
body {	
height:100%;
position:relative;
text-align:center;
}

#wrapper{
background:transparent url(../images/bg_wrapper.png) repeat-y scroll 225px top;
margin:0 auto;

position:relative;
text-align:left;
width:907px;

}

#left {
	float: left;
	width: 225px;
	overflow: hidden; /* Pour eviter que le contenu principal ne passe sous la navigation sur IE */
}

#main {
	background: #000;
	float: left;

}

#content {
	background: #000000;
	float: left;
	width: 507px;
	/*overflow: auto; /* Pour eviter que le contenu principal et la sidebar ne se rentrent dedans sur IE */
        min-height : 0;
        position : relative;

}
#content-pad {
	margin-left: 27px;
	margin-top : 15px;
}

#sidebar {
	margin-left: 520px;
	padding-left: 42px;
}

html #content table {
        position :relative;
        min-height : 0;
}
#footer {
	clear: both;
	font-size : 10px;
	position: relative;
	height: 100%;
	width: 907px;
	padding: 70px 0 4px 0;
	text-align: center;
}
#footer #logo_valrhona {
	position: absolute;
	bottom: 4px;
	left: 790px;
}

#wrapper #footer a:link,
#wrapper #footer a:visited {
	color: #B0AFAC;
}

/*
* =LOGO
*/
#left h1 {
	position: absolute;
	top: 0;
	left: 0;
}

/* 
* =NAV
*/

#nav ul {
	margin-top: 231px;
	width: 208px;
}
#nav ul ul {
	margin-top: 0;

}
.c3 #nav .c3 ul,
.school #nav .school ul,
.valrhona #nav .valrhona ul,
.cercle #nav .valrhona ul,
.produits #nav .produits ul,
.tendances #nav .tendances ul,
.recettes #nav .recettes ul { display: block; }





#nav li {
	display: inline;
}

#nav li a:link,
#nav li a:visited {
	display: block;
	text-align: right;
	padding: 6px 10px;
	background: #000;
	color: #D6D4CE;
	margin: 0.5em 0 0;
	font-size: 12px;
}
#nav li li a:link,
#nav li li a:visited {
        font-weight: normal;
	padding: 3px 10px;
	margin: 0;
}
#nav li li a:hover,
#nav li li a:focus {
	background: #000 url(../images/puce_nav.png) no-repeat right 0.7em;
}
#nav li li a.sublevel_current {
        text-decoration: underline;
	background: #000 url(../images/puce_nav.png) no-repeat right 0.7em;
}

/*
* =LOGINFORM
*/
#loginform {
	background: #AFAFAF;
	margin: 8px 18px 8px 0;
	padding: 8px;
}
#loginform form {
	padding: 9px 7px;
	color: #A4A3A1;
	background: #000;
        _height: 0;
}

html>body #loginform {
	background: url(../images/bg_loginform.png);
}
#loginform input:hover,
#loginform label:hover {
	color: #fff;
}

#loginform h2 {
	font-weight: normal;
	color: #DE0015;
	font-size: 12px;
        line-height : 14px;
	text-transform: uppercase;
}
#loginform input.text {
	color: #fff;
	background: #4B4A46;
	border: none;
	padding: 5px;
	width: 167px;
	margin-bottom: 5px;
}

#loginform input.checkbox {
	margin: 1px 4px 1px 5px;
}
#loginform p {
	margin: 0.5em 0;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}
#loginform li {
	display: inline;
	float: left;
	font-size: 11px;
}
#loginform span {
	padding-left: 2px;
}
#loginform li label {
	display: block;
	float: left;
	width: 45%;
	margin-bottom: 5px;
}
#loginform label img {
	margin: 0 4px 0 0;
}

#loginform .submit {
	clear: both;
	text-align: center;
	padding:  1em 0;
}
#loginform .submit input {
	color: #fff;
	background: #DE0015;
	border: none;
	padding: 2px 4px;
}

/*
* =BREADCRUMBS (pathway)
*/
#breadcrumbs {
	color: #fff;
	font-size: 10px;
	background: #484743 url(../images/bg_breadcrumbs.png) repeat-y right top;
	padding: 4px 25px;
	border-bottom: 2px solid #2D2C2A;width:620px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #fff;
	text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
	color: #DE0015;
	text-decoration: underline;
}


/*
* =SIDEBAR
*/
#sidebar li {
	margin: 1em 0;
}
#sidebar .moduletable {
        text-align: left;
	margin: 1em 0;
}

/*
* =CONTENT
*/

#main {
	color: #B0AFAC;
}

#main a:link,
#main a:visited,
#main h3 {
	color: #fff;
}

#content .illustration {
	float: left;
	border: 1px solid #000;
	margin: 0 1em 1em 0;
}
#content h3 {
	clear: both;
	margin: 2em 5px 9px 5px;
	border-left: 3px solid #DE0015;
	padding-left: 6px;
}
#content h3 a:link,
#content h3 a:visited {
	border-bottom: 1px solid #000;
}
#content h3 a:hover,
#content h3 a:focus {
	border-bottom: 1px solid #B0AFAC;
}


#content p {

	/*text-align: justify;*/
}

#content p {
	font-size: 12px;
	line-height: 14px;
	margin: 1em 0 0.5em;
}
#content li {
	font-size: 12px;
	line-height: 14px;
	margin-left: 2.5em;
}

#content ul li {
	list-style: circle;
}
#content ul {
	margin: 1em 0 0.5em;
}
#content ol li {
	list-style-type: decimal;
}

#content a:link,
#content a:visited {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #B0AFAC;
}
#content a:hover,
#content a:focus {
	text-decoration: none;
	border-bottom: 1px solid #DE0015;
}

#content .gallerie {
	list-style-type: none;
	background: #fff;
	margin: 10px 0;
	height: 270px;
	width: 480px;
}

#content .gallerie li {
	position: relative;
	padding: 10px 0 0 10px;
	margin: 0;
	float: left;
	height: 120px;
}

#content .gallerie li span {
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 5px;
	background: #cc041a;
}


#content blockquote p {
	margin: 1em;
}

#content .goto {
	text-align: right;
	margin: 2em 0 2em 2em;
}

#content .goto a:link,
#content .goto a:visited {
	background: #DE0015;
	color: #fff;
	padding: 4px 8px;
	border-bottom: none;
}

#content .goto a:hover,
#content .goto a:focus {
	text-decoration: underline;
}

#content strong {
	color: #DE0015;
}


/*
* =TABLES
Nécessite des tableaux correctement écrits:
table cellpadding="0" cellspacing="0" summary="[Résumé | laisser vide pour un tableau de présentation]"
	[caption Légende du tableau /caption]
	thead
		tr
			th[scope="col"] /th
		tr
	/thead
	tbody
		tr
			td /td
		tr
	/tbody
/table
*/

.article_seperator {
        clear : both;
	display : block;
	margin : 5px;
}

#content th,
#content td {
	/*font-size: 1.2em;
	line-height: 1.2em;*/
}
#content td td {
	/*font-size: 0.9em;*/
}
#content .tableau {
	margin: 1em 0;
	border: 1px solid #de0015;
	border-collapse: collapse;
}
#content .tableau thead {
	background: #de0015;
	border: 1px solid #000;
}
#content .tableau thead th {
	border-right: 3px solid #000;
	color: #000;
        font-weight : normal;
        text-transform: uppercase; 
        background-image : url(/cercle_des_chefs/images/stories/carre_noir.gif);
        background-repeat: no-repeat;
        background-position: 8px;
	padding: 2px 8px 2px 16px;
}
#content .tableau td {
	padding: 8px;
}
#content .maintableau {
        background-color : #212121;
}
#content .maintableau td {
        padding: 6px;
}


#content .readon {
        display: block;
        float: right;
        padding: 2px 4px 2px 4px;
}
#content .readon_home {
        display: block;
        float: right;
        padding: 2px 4px 2px 4px;
}
#content a.readon:link, #content a.readon:visited, #content a.readon:focus, #content a.readon_home:link, #content a.readon_home:visited, #content a.readon_home:focus  {
        border-bottom : 1px solid #000;
}
#content a.readon:hover, #content a.readon_home:hover {
        border-bottom : 1px solid #fff;
}


/* 
*  HOME
*/
#content .contentpaneopen_home,#content .blog_home {
	border: 0px;
         width:100%;
}
#content .contentheading_home,.home .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #AF0013;
        width : 100%;
}

#content .contentpaneopen div {
        clear : both;
}
/* 
*  C3
*/
.c3 #content .contentpaneopen,.c3 #content .blog {
	border: 0px;
         width : 100%;
}
.c3 #content .contentheading,.c3 #content .componentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #C43F3F;
         width : 100%;
}
#content .contentpaneopen_c3,#content .blog_c3 {
	border: 0px;
         width : 100%;
}
#content .contentheading_c3 {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #C43F3F;
         width : 100%;
}

/* 
*  PRODUITS
*/
.produits #content .maintableau span {
        font-size : 14px;
        color : #96B30E;
}
.produits #content .contentpaneopen,.produits #content .blog {
	border: 0px;
         width : 100%;
}
.produits #content .contentheading,.produits #content .componentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #96B30E;
         width : 100%;
}
#content .contentpaneopen_produits,#content .blog_produits {
	border: 0px;
         width : 100%;
}
#content .contentheading_produits {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #96B30E;
         width : 100%;
}

/* 
*  ECOLE DU GRAND CHOCOLAT
*/
.school #content .contentpaneopen,.school #content .blog {
	border: 0px;
         width : 100%;
}
.school #content .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #A6B318;
         width : 100%;
}
#content .contentpaneopen_school,#content .blog_school {
	border: 0px;
         width : 100%;
}
#content .contentheading_school {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #A6B318;
         width : 100%;
}

/* 
*  VALRHONA
*/
.valrhona #content .contentpaneopen,.valrhona #content .blog {
	border: 0px;
         width : 100%;
}
.valrhona #content .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #6F076A;
         width : 100%;
}
#content .contentpaneopen_valrhona,#content .blog_valrhona {
	border: 0px;
         width : 100%;
}
#content .contentheading_valrhona {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #6F076A;
         width : 100%;
}

/* 
*  CERCLE DES CHEFS
*/
.cercle #content .contentpaneopen,.cercle #content .blog {
	border: 0px;
         width : 100%;
}
.cercle #content .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #C54101;
         width : 100%;
}
#content .contentpaneopen_cercle,#content .blog_cercle {
	border: 0px;
         width : 100%;
}
#content .contentheading_cercle {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #C54101;
         width : 100%;
}

/* 
*  TENDANCES
*/
.tendances #content .contentpaneopen,.tendances #content .blog {
	border: 0px;
         width : 100%;
}
.tendances #content .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #F11A82;
         width : 100%;
}
#content .contentpaneopen_tendances,#content .blog_tendances {
	border: 0px;
         width : 100%;
}
#content .contentheading_tendances {




	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #F11A82;
         width : 100%;
}

/* 
*  RECETTES
*/
.recettes #content .maintableau span {
        font-size : 14px;
        color : #187811;
}
.recettes #content .contentpaneopen,.recettes #content .blog {
	border: 0px;
         width : 100%;
}
.recettes #content .contentheading {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #187811;
         width : 100%;
}
#content .contentpaneopen_recettes,#content .blog_recettes {
	border: 0px;
         width : 100%;
}
#content .contentheading_recettes {
	border: 0px;
	clear: both;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/*margin: 2em 0 1em;*/
	padding:0.1em 6px; 0.5em 0.1em;
	border-left: 3px solid #187811;
         width : 100%;
}
/*
* =COULEURS SPECIFIQUES AUX SECTIONS
*/

.home #content ul li { list-style-image: url(../images/puce_home.png); }
.c3 #content ul li { list-style-image: url(../images/puce_c3.png); }
.school #content ul li { list-style-image: url(../images/puce_school.png); }
.valrhona #content ul li { list-style-image: url(../images/puce_valrhona.png); }
.cercle #content ul li { list-style-image: url(../images/puce_cercle.png); }
.produits #content ul li { list-style-image: url(../images/puce_produits.png); }
.tendances #content ul li { list-style-image: url(../images/puce_tendances.png); }
.recettes #content ul li { list-style-image: url(../images/puce_recettes.png); }

.home #nav .home a:link, .home #nav .home a:visited,
#nav .home a:hover, #nav .home a:focus { background-color: #DE0015; color: #fff; }
#content strong,
.home #content strong { color: #DE0015; }
#nav .home ul a:link, #nav .home ul a:visited { background-color: #AF0013 !important; }
#content .goto a:link, #content .goto a:visited,
.home #content .goto a:link,
.home #content .goto a:visited { background: #DE0015; }
.home #main a:hover img,
.home #main a:focus img { border-color: #DE0015; }
#content h3,
.home #content h3 { border-color: #AF0013; }
.home #content table { border-color: #DE0015; }
.home #content thead { background-color: #DE0015; }
.home #content .readon_home { background-color: #DE0015; }

.c3 #nav .c3 a:link, .c3 #nav .c3 a:visited,
#nav .c3 a:hover, #nav .c3 a:focus { background-color: #FF5757; color: #fff; }
.c3 #content strong { color: #FF5757; }
#nav .c3 ul a:link, #nav .c3 ul a:visited { background-color: #C43F3F !important; }
.c3 #content .goto a:link,
.c3 #content .goto a:visited { background: #C43F3F; }
.c3 #main a:hover img,
.c3 #main a:focus img { border-color: #C43F3F; }
.c3 #content h3 { border-color: #C43F3F; }
.c3 #content table { border-color: #C43F3F; }
.c3 #content thead { background-color: #C43F3F; }
.c3 #content .readon { background-color: #C43F3F; }

.school #nav .school a:link, .school #nav .school a:visited,
#nav .school a:hover, #nav .school a:focus { background-color: #E4DF00; color: #fff; }
.school #content strong { color: #E4DF00; }
#nav .school ul a:link, #nav .school ul a:visited { background-color: #A6B318 !important; }
.school #content .goto a:link,
.school #content .goto a:visited { background: #A6B318; }
.school #main a:hover img,
.school #main a:focus img { border-color: #A6B318; }
.school #content h3 { border-color: #A6B318; }
.school #content table { border-color: #A6B318; }
.school #content thead { background-color: #A6B318; }
.school #content .readon { background-color: #A6B318; }

.valrhona #nav .valrhona a:link, .valrhona #nav .valrhona a:visited,
#nav .valrhona a:hover, #nav .valrhona a:focus { background-color: #A00B97; color: #fff; }
.valrhona #content strong { color: #F25dFF; }
#nav .valrhona ul a:link, #nav .valrhona ul a:visited { background-color: #6F076A !important; }
.valrhona #content .goto a:link,
.valrhona #content .goto a:visited { background: #6F076A; }
.valrhona #main a:hover img,
.valrhona #main a:focus img { border-color: #6F076A; }
.valrhona #content h3 { border-color: #6F076A; }
.valrhona #content table { border-color: #6F076A; }
.valrhona #content thead { background-color: #6F076A; }
.valrhona #content .readon { background-color: #6F076A; }

.cercle #nav .cercle a:link, .cercle #nav .cercle a:visited,
#nav .cercle a:hover, #nav .cercle a:focus { background-color: #FF5400; color: #fff; }
.cercle #content strong { color: #FF651A; }
#nav .cercle ul a:link, #nav .cercle ul a:visited { background-color: #C54101 !important; }
.cercle #content .goto a:link,
.cercle #content .goto a:visited { background: #C54101; }
.cercle #main a:hover img,
.cercle #main a:focus img { border-color: #C54101; }
.cercle #content h3 { border-color: #C54101; }
.cercle #content table { border-color: #C54101; }
.cercle #content thead { background-color: #C54101; }
.cercle #content .readon { background-color: #C54101; }

.produits #nav .produits a:link, .produits #nav .produits a:visited,
#nav .produits a:hover, #nav .produits a:focus { background-color: #96B30E; color: #fff; }
.produits #content strong { color: #9EBD0E; }
#nav .produits ul a:link, #nav .produits ul a:visited { background-color: #6A8100 !important; }
.produits #content .goto a:link,
.produits #content .goto a:visited { background: #96B30E; }
.produits #main a:hover img,
.produits #main a:focus img { border-color: #96B30E; }
.produits #main a:hover img,
.produits #main a:focus img { border-color: #96B30E; }
.produits #content h3 { border-color: #96B30E; }
.produits #content table { border-color: #96B30E; }
.produits #content thead { background-color: #96B30E; }
.produits #content .tableau { border-color: #96B30E; }
.produits #content .tableau thead { background-color: #96B30E; }
.produits #content .readon { background-color: #96B30E; }

.tendances #nav .tendances a:link, .tendances #nav .tendances a:visited,
#nav .tendances a:hover, #nav .tendances a:focus { background-color: #FD3998; color: #fff; }
.tendances #content strong { color: #FD3998; }
#nav .tendances ul a:link, #nav .tendances ul a:visited { background: #F11A82 !important; }
.tendances #content .goto a:link,
.tendances #content .goto a:visited { background: #F11A82; }
.tendances #main a:hover img,
.tendances #main a:focus img { border-color: #F11A82; }
.tendances #content h3 { border-color: #F11A82; }
.tendances #content table { border-color: #F11A82; }
.tendances #content thead { background-color: #F11A82; }
.tendances #content .readon { background-color: #F11A82; }

.recettes #nav .recettes a:link, .recettes #nav .recettes a:visited,
#nav .recettes a:hover, #nav .recettes a:focus { background-color: #219E18; color: #fff; }
.recettes #content strong { color: #219E18; }
#nav .recettes ul a:link, #nav .recettes ul a:visited { background-color: #187811 !important; }
.recettes #content .goto a:link,
.recettes #content .goto a:visited { background: #187811; }
.recettes #main a:hover img,
.recettes #main a:focus img { border-color: #187811; }
.recettes #content h3 { border-color: #187811; }
.recettes #content table { border-color: #187811; }
.recettes #content thead { background-color: #187811; }
.recettes #content .readon { background-color: #187811; }

.annuaire p{display:inline;}
td p{display:inline;}

#video{float:left; clear:both; margin:10px}

/* FICHE PRODUIT */
#fiche {
	 width : 475px;
	 background : #000000;
	 color:#B0AFAC;
	 text-align : left;
}
#fiche h3 {
	color : #FFFFFF;
	font-size : 16px;
	border-left: 3px solid red;
	font-weight : normal;
	margin-top : 2px;
	line-height : 14px;
	float : left;
}
#fiche #titre span {
	display : block;
	font-size : 16px;
	font-weight : normal;
	padding-left : 10px;
	color : #FFFFFF;
	
}
#fiche #titre{
	background-color : #000000;
	padding : 15px 0px 8px 0px;
}
#fiche #img_fiche {
	display : block;
	float : left;
	padding : 15px 10px 0px 10px;
	background-color : #000000; 
}
#fiche #head_fiche {
	float : left;
 	width : 465px;
	background-color:#212121;
	margin-bottom : 10px;
	margin-right : 10px;
}
#fiche #img_fiche .produit { 
	border : 1px solid #96B30E; 
}
#fiche h3.produit { 
	border-color :  #96B30E; 
}
#fiche #info {
	float :left;
	padding : 5px 0px;
}
#fiche #content_fiche_produit {
	clear : both;
	margin : 0px 10px;
}
#fiche #content_fiche_produit b {
	display : block;
	font-size : 14px;
	color : #96B30E; 
	background-image : url(../../../images/stories/separateur_fiche.jpg);
	background-repeat : no-repeat;
	background-position : bottom;
	padding : 5px 0px;
	margin : 5px 0px;
}
#fiche .footer {
	margin : 10px;
}
#fiche .footer #img_block {	
	margin-left : 387px;
	padding : 0px;
}
#fiche .footer #print_block {
	float : left;
	margin-top : -36px;
	background-image: url(../../../images/stories/footer_fiche.jpg);
	background-repeat : repeat-y;
	width : 377px;
}
#fiche .footer #print_block p{
		padding : 3px;
}

/* FICHE RECETTE */
#fiche_recettes {
		background : #000000;
		color:#B0AFAC;
		text-align : left;
		width : 600px;
}
#fiche_recettes #info {
	background-color:#212121;
	padding : 3px 5px 3px 5px;
	margin : 100px 10px 10px 10px;
}
#fiche_recettes #photo {
	position : absolute;
	top : 10px;
	left : 10px;
}
#fiche_recettes h1, #fiche_recettes h2 {
	margin-top : 10px;
	margin-left : 202px;
}
#fiche_recettes .titre {
	display : block;
	color : #FFFFFF;
	font-size : 16px;
	border-left: 3px solid #187811;
	font-weight : normal;
	padding-left : 10px;
	line-height : 14px;
}

#fiche_recettes h2 {
	background-color : #187811;
	font-size : 11px;
	padding : 2px 4px;
	margin-left : 202px;
	float : left;
}
#fiche_recettes #gauche {
	float : left;
	margin : 10px;
	width : 45%;
}
#fiche_recettes #droite {
	float : left;
	margin : 10px;
	width : 45%;
}
#fiche_recettes #com {
	float : left;
	margin : 10px;
	width : 45%;
}
#fiche_recettes .footer {
	clear : both;
	margin : 10px;
}
#fiche_recettes #montage {
	margin : 10px;
}

#fiche_recettes h3 {
	clear : both;
	display : block;
	font-size : 14px;
	font-weight : normal;
	color : #187811;
	background-image : url(../../../images/stories/separateur_fiche.jpg);
	background-repeat : no-repeat;
	background-position : bottom left;
	padding : 5px 0px;
	margin : 5px 10px;
}
#fiche_recettes  .footer #img_block {	
	margin-left : 520px;
	padding : 0px;
}
#fiche_recettes .footer #print_block {
	float : left;
	margin-top : -20px;
	background-repeat : repeat-y;
}

 /* style recherche */
  .com_recette .recherche_recette{ background:#252422; height:80px; padding:5px 0px; }
  .com_recette .contentheading{ margin-bottom:15px; }
  .com_recette .recherche_recette .inputbox{ background:#4c4b49; color:#ffffff; margin:0px 10px; padding:3px; border:none; width:217px; }
  .com_recette .rechercher_recette_par{ background:url(../images/back_recherche.gif); height:25px; width:460px; padding-top:5px; padding-left:20px; color:#FFFFFF; font-size:13px; font-weight:bold;}
  .com_recette .separateur_vert{ background:url(../images/separateur_vert.gif) no-repeat; margin:20px 0px; width:480px; height:1px;}
  .com_recette .resultat_recherche .container_resultat{ position:relative; width:480px; float:left; }
  .com_recette .resultat_recherche .image_recette { width:118px; border:solid 3px #4d4c4b; display:inline; float:left; }
  .com_recette .resultat_recherche .container_texte_recette{ float:left; width:330px; padding:0px 0px 0px 20px; }
  .com_recette .resultat_recherche .titre_recette{ font-size:20px; margin-top:5px; padding:0px 6px 0px 5px; border-left: 3px solid #187811; }
  .com_recette .resultat_recherche .container_texte_recette .produit_utilise{ color:#ffffff; padding-left:10px;}
  .com_recette .resultat_recherche .container_texte_recette .produit_utilise_resultat{ color:#b7b1a4; display:inline; width:330px; }
  .com_recette .resultat_recherche .recette_obtenir{ position:absolute; left:128px; cursor:pointer; bottom:3px; background:#187811 url(../images/puce_obtenir.gif) no-repeat 2px 4px; border:none; color:white; font-size:11px; margin-left:20px; font-weight:normal; padding:3px 0px 3px 10px; }
  .com_recette .resultat_recherche .separateur_gris{ background:url(../images/separateur_gris.gif) no-repeat left;clear:both; width:480px; height:12px;}

/* style recette */
  .com_recette .titre_recette_selection{ font-size:20px; margin-bottom:15px; padding:0px 6px 0px 5px; border-left: 3px solid #187811; color:#ffffff; }
  .com_recette .image_recette_big{ width:474px; border:solid 3px #4d4c4b; float:left; }
  .com_recette .container_desc_recette { float:left; width:460px; background:#252422; padding:10px; }
  .com_recette .desc_recette{ background:#4c4b49; width:455px; color:#ffffff; padding: 3px 0px 3px 5px; margin-bottom:3px; }
  .com_recette .desc_recette_resultat { display:inline; color:#b7b1a4; }
  .com_recette .recette_retour{ cursor:pointer; float:left; background:#187811 url(../images/puce_retour.gif) no-repeat 2px 4px; border:none; color:white; font-size:11px; margin-top:10px; font-weight:normal; padding:3px 0px 3px 10px; }
  .com_recette .pdf_recette{ float:right; margin-bottom:15px; background: url(../images/export_pdf.gif) no-repeat; padding-left:20px; }
  .com_recette .recette_utilise_resultat{ display:inline; }



/*pronostic*/


.pronostic .title{
background:#484743 url(../images/prono_h3.jpg) no-repeat scroll right top;
height:30px;
padding:0px 4px 0px 8px
}
#content .pronostic .title h3{
border:none;
font-size:13px;
margin:0px;
padding:0px;
display:block;
padding:8px 0;
float:left;
}
#content .pronostic .title .puce{
float:right;
}
#content .pronostic .title .puce input{
float:left;
margin-top:7px;
}
#content .pronostic .title span{
border:medium none;
color:#FF5757;
float:left;
font-size:9px;
font-weight:bolder;
margin:8px 0 0;
padding:0;
}

#content .pronostic .descriptif{
color:#b7b1a4;
font-size:12px;
}


#content .pronostic .descriptif span{
color:#ffffff;
font-size:12px;
}
#content .pronostic #submit{
color:#ffffff;
font-size:12px;
background:#ff5757;
border:0px;
padding:5px 10px
}
#content .pronostic .envoi{
text-align:center;
}
