/***************************************
* reset.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/*border: 0;*/
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
td {
	vertical-align:top;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}

img.png {
behavior: url(png.htc);
border:0;
}

img {
border:0;
}

/***************************************
* layout
***************************************/
b{
	font-size: 100%; /*110%*/
}
em{
	/*color: red; */
	font-style:italic;
}
#global{
	background: #ccc;
	margin: 0px auto;
	margin-top:14px;
	width: 961px;
	
}
#header{
	background: #fff;
	height: 122px;
	position:relative;
	z-index:1;
}

#accroche { position:absolute; top:10px; left:30px; z-index:100;  font-size:24px; color:#fff; font-weight:normal; font-family:Georgia, sans-serif;}
#accrocheombre { position:absolute; top:11px; left:31px; z-index:99;  font-size:24px; color:#000; font-weight:normal; font-family:Georgia, sans-serif;}


#accroche2 { position:absolute; top:36px; left:126px; z-index:100;  font-size:24px; color:#fff; font-weight:normal; font-family:Georgia, sans-serif;}
#accrocheombre2 { position:absolute; top:37px; left:127px; z-index:99;  font-size:24px; color:#000; font-weight:normal; font-family:Georgia, sans-serif;}


#logo { position:absolute; top:-11px; right:10px; z-index:1;}
#logo a { display:block; font-size:0.6em;}
#logo a:hover {text-decoration:none;}

#logoacc { position:absolute; top:26px; right:20px; z-index:1;}
#logoacc ul, li, a{ margin:0; padding:0; font-size:12px; color:#A6BABE; line-height:22px;}
#logoacc a { text-decoration:none; }
#logoacc a:hover {text-decoration:none;}
		
#pageContainer{
	float: left;
	width: 961px;	
	margin-top:14px;
	background-color: #fff;
}
#widgets{
	float: left; 
	margin-left: -272px; 
	width: 272px;
	min-height:auto;
}
#pageContainer{
	min-height:400px;
}
#home #pageContainer{
	min-height:auto;
}
#widgets{
	min-height:160px;
}
#home #widgets{
}

#footer{
	clear: left;
	background: #fff url(images/bg_footer.gif) top left no-repeat;
	padding: 4px 0;
	width: 100%;
	height:68px;
	position:relative;
}

#footerbis{
	clear: left;
	padding: 0;
	width: 100%;
	height:20px;
	position:relative;
	color: #333;
}

.container{
	padding-top: 16px;
	font-size:0.9em;
}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
html { min-height: 100%; margin-bottom: 1px; }

/***************************************
*LEPAC
***************************************/
body {  
	background: #ccc;
	/*background: url(images/folder.gif) 0% 600px repeat-x;*/
	color:#666;
	font-size:  1em;
	line-height:1.35;/*1.4*/
	margin: 0;  
	padding: 0; 
}
body, p, h1, h2, h3, h4, h5, h6, td, th, input, select, textarea, label {
	font-family: Tahoma, Helvetica, Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size : 1em;
	color:#666;
}
input, select, textarea, label {
	/*font-size : 0.9em;
	color:#666;*/
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p { 
	margin-bottom : 1ex; 
}
#header .contact{
	position:absolute;
	background:none; /* see #global */
	top:32px;
	right:12px;
}
.contact a{
	background:url(images/contact.gif) 0px 0px no-repeat;
	display:block;
	height:45px;
	width:48px;
}
.contact a:hover{
	background:url(images/contact.gif) 0px 0px no-repeat;
}
.contact span {
	position:absolute;
	left:-3000px;
}

#menu {
	position:relative;
	background:none; /* see #global */
	height:30px;
	background:url(images/bg_top.gif) top left no-repeat;
}

	#menu a{
		height:24px;
		display:block;
		float:left;
		color:#fff;
		font-size:12px;
		padding-left:24px;
		padding-right:24px;
		padding-top:6px;
		text-align:center;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	}

	#menu a:hover{
		display:block;
		text-decoration:underline;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	}
	
	#menu .right{
		border-right:2px solid #fff;
		background-color:#A30C16;
		}
	
	#menu .liens{
		}

a.parent{
	height:40px;
	width:190px;
	display:block;
}

#pageContent .head { 
	height:62px;
	margin:0px;
	position:relative;
}
#pageContent .container{ 
	margin-right:28px;
	margin-left:28px;
}
h1, h2, h3, h4, h5, h6 { font-weight:300;}
h1 {
	font-size:150%; /*170%*/
	margin:0;
}
h1 a,
h1 a:hover {
	color:#000;
	cursor:text;
	text-decoration:none;
}
h1 b , h1 strong {
	font-weight:normal;
}
h2 {
	/*border-bottom:1px solid #999;*/
	color:#333;
	font-size:1.2em;
	padding-bottom:6px;
	margin:0px;
	text-transform:uppercase;
}
.blocContent h2 {
	margin-top:0;
}
h3 { 
	bottom:0;
 	color:#333;
 	font-size:120%; /*180%*/
	margin-left:10px;
}


h4 {
	/*border-bottom:1px solid #999;*/
	color:#333;
	font-size:1.2em;
	padding-bottom:6px;
	margin:0px;
}
h5 {
	/*border-bottom:1px solid #999;*/
	color:#A30C16;
	font-size:1.8em;
	padding-bottom:3px;
	margin:0px;
	text-align:right;
}
h6{
	/*border-bottom:1px solid #999;*/
	color:#A30C16;
	font-size:1em;
	padding-top:3px;
	padding-bottom:-10px;
	margin-bottom:-10px;
	text-align:left;
}

#imprime { position:absolute; top:10px; left:0px; height:10px; width:100px; }


#fil { text-align:left; color:#999; font-size:0.75em; margin-bottom:6px; padding-right:20px;}
#fil  a { color:#999;}

#presta {
	margin-bottom:10px; 
}

#photo {
	position:relative;
	float:left; 
	margin-right:16px; 
	margin-top:6px; 
	margin-bottom:6px;
	display:block;
}

	#photo .tl {
		position:absolute;
		top:0px; 
		left:0px;
	}

	#photo .tr {
		position:absolute;
		top:0px; 
		right:0px;
	}

	#photo .bl {
		position:absolute;
		bottom:0px; 
		left:0px;
	}

	#photo .br {
		position:absolute;
		bottom:0px; 
		right:0px;
	}


/*INTRO*/			

#bloc1 { position:relative; height:60px; width:866px; margin:0;}
#bloc1 a { color:#fff; text-decoration:none; } 
#bloc1 a:hover { color:#ccc; }
#bloc1 .content { 
	position:relative; 
	margin:0px; 
	min-height:50px; 
	padding-top:40px;
	}

#bloc_princ{ position:relative; width:278px; margin:0; float:left;}
#bloc_princ .content1 { position:relative; margin-top:0px; color:#000; font-size:11px;  _width:254px;  border:#A30C16 3px solid; background-color:#FFF; z-index:100;}
#bloc_princ .content1 a { color:#000; text-decoration:none; font-size:12px;}
#bloc_princ .content1 a:hover{ background-color:#A30C16; color:#fff; text-decoration:none; font-size:12px;}
#bloc_princ .content1bis { padding:10px; background-color:#FFF; z-index:100;}
#bloc_princ .ulcontent1bis{ padding:0px; list-style:none; color:000; line-height:12px;}
#bloc_princ .licontent1bis{ padding:0px; list-style:none; color:000; line-height:12px;}
#bloc_princ .content2 { position:relative; margin-top:0px; padding:29px 9px 9px 9px; color:#000; font-size:11px; min-height:110px; _width:254px; _height:110px; border:#A30C16 3px solid; background-color:#FFF;}
#bloc_princ p { color:#fff; font-size:14px; }
#bloc_princ span { font-size:14px; }
#bloc_princ  .content2 a { color:#333; text-decoration:none;}
#bloc_princ  .content2 a:hover { color:#333; text-decoration:underline;}
#bloc_princbis ul { margin-left:60px;}
#bloc_princbis li { margin-left:20px; list-style-type:circle; font-size:98%;}

.v {position:absolute; top:-50px; right:10px; z-index:1;}

#bloc3 { position:relative; padding-top:20px; text-align:right; height:20px; width:866px; margin:0;}
	
/*Widgets*/
#widgets .container {
	font-size:1em;
	width:260px;
}
#widgets h4 {
	border-bottom:1px solid #999;
	font-size:1.2em;
	padding-bottom:6px;
	margin-bottom:6px;
}
.widget { 
	margin-bottom:3em; 
	margin-top:1.5em; 
	margin-left: 6px;
	}

.info { 
	position:absolute;
	left:190px;
	top:26px;
	font-size:0.7em; 
	text-align:left;
	color: #fff;
	width:750px;
	overflow: auto;
	min-height:38px;
}

.info p { 
	color: #fff;
}

.legal { 
	position:absolute;
	font-size:0.7em; 
	text-align:right;
	right:20px;
	color: #999;
}

#footer a{
	color: #fff;
	cursor:pointer,;
}
#footer a:hover{
	color: #eee;
	text-decoration:none;
	cursor:pointer;
}

#footerbis a{
	color: #999;
}
#footerbis a:hover{
	color: #000;
	text-decoration:none;
}

/*************************************
**  List contenu de page
*************************************/
#page { font-size:12px;}
#page p { font-size:100%; color:#444;}
#page a { text-decoration:none;}
#page a:hover { text-decoration:underline;}

/*************************************
**  Homepage
*************************************/
#home #header{ height:138px;} /* vert = #83b300 */
#home #navt { background:url(images/bg_home_navt.gif) no-repeat;bottom:-30px; }
#home #pageContent .head { display:none; }
#home #pageContent {	margin-top:0px; }
#home #pageContent .container { margin-right:5px;/*15px*/}
#home h2 { text-transform: uppercase; margin-top:1em;margin-bottom:1ex; color:#4d4d4d; }
#home .content h2 {margin-top:6px;}
#home h2 span { color:#83b300;}
#home .widget {margin-left:0;}

/*************************************
**  Form tableLess
*************************************/

fieldset {
	border:1px solid #ccc;
	padding:10px;
	margin-top:10px;
}
legend {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;*/
	position : absolute;
	top:20px;
}
label {
	width:142px;
	/*height:25px;*/ /*35px*/
	margin-top:3px;
	margin-right:2px;
	/*padding-top:11px;
	padding-left:6px;
	background-color:#666;*/
	float:left;
	display: block;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;*/
	text-align:right;
}
form input.caseForm { width:20px;}
span.caseForm { /*font-size:0.8em;*/}
.holder  {
	background-color:#fff;
}
.div_texbox {
	width:347px;
	float:right;
	/*background-color:#E6E6E6;*/
	/*height:35px;*/
	margin-top:3px;
	/*padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;*/
}
.textbox {
	/*background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;*/
	width:285px;
	/*font:normal 18px Arial;
	color: #999999;*/
	/*padding:3px 5px 3px 19px;*/
}
.textbox:focus, .textbox:hover {
	background-color:#f0f7fa;
}
input.checkbox {width:auto !important;}
.username {
    /*background-image: url(images/16m.png);
    background-repeat: no-repeat;
    background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.username:focus, .username:hover {
	background-color:#f0f7fa;
}
.password {
    /*background-image: url(images/16s.png);
    background-repeat: no-repeat;
   	background-position:left;*/
	width:285px;
    /*font:normal 18px Arial;
    color: #999999;*/
    /*padding:3px 5px 3px 19px;*/
}
.password:focus, .password:hover {
	background-color:#f0f7fa;
}
.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	font-weight:bold;
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
}

/**/
.oblig { color:#f41f26; /*font-size:80%; */padding-left:3px;}
.error {
	background:#fff;
	margin-bottom:6px;
}
.error input,
.error textarea,
.error select { border:1px solid #f41f26;}
.error label { 
	color:#f41f26;
}
.error li {list-style:disc; padding-left:16px;}

.div_textbox  { margin-bottom: 3px;}
.error .div_textbox {
	/*background-image: url(images/error.png);*/
	background-attachment: scroll;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
.widget .error .div_textbox {
	background-image:none;
}
.error label {
	padding:0px;
	margin:0px;
}
.alert{ 
	border:1px solid #f41f26; 
	background:#f5f5f5; 
	color:#f41f26; 
	margin-bottom:1em; 
	padding:10px 20px; 
}
.widget  .alert {
	padding:0px;
}
.alert b {
	font-weight:300; 
	/*margin-left:30px;*/
}
.alert ul {margin-top:6px;}
.alert li {list-style:disc; margin-left:32px;}

.error ul { /*margin:0;*/}

/**/
.clearBoth {  
	clear:both; 
	font-size:0px;
	height:0; 
	line-height:0;
}

/***************************************
* widgets
***************************************/
.citation {
	background: url(images/guillemets_vert.gif) top left no-repeat;
	padding-top:1.25em;
	color:#4d4d4d;
	margin: 0 15px;
}
.citation .guillemets { width:35px; float:left;}
.citation .guillemets span { visibility:hidden; }

.widget .legend { font-weight:bold; padding:3px 0;} 
.widget label { text-align:left; float: none;} 
.widget input { width:208px;}
.widget textarea { width:208px; height:3.25em;}

.widget a.bt { background-image: url(images/bt_l_widget.png); margin-top:12px; color:#000;}
.widget a.bt span { background-image: url(images/bt_r_widget.png);}
.widget .desc {font-size:0.8em;}

/***************************************
* home
***************************************/
#ligne1 {
	position:relative;
	width:866px;
}

#ligne1 a { text-decoration:none; color:#A30C16;}
#ligne1 a:hover { text-decoration:underline; color:#fff; background-color:#A30C16; }

#ligne1 ul, li { color:#555; list-style:disc;}

#ligne2 {
	position:relative;
	width:866px;
	min-height:380px;
}

#ligne3 {
	position:relative;
	width:866px;
	clear:both;
}

/* ombre blocs  */
.blocContent, .blocContent tbody, .blocContent td.tl, .blocContent td.t, .blocContent td.tr, .blocContent td.r, .blocContent td.br, .blocContent td.b, .blocContent td.bl, .blocContent td.l, .blocContent td.c  {border: medium none ; margin: 0pt; padding: 0pt;}
.blocContent { /*width:100%;*/}
.blocContent {visibility: visible; position: relative; border-collapse: collapse;}
.blocContent tr {height: auto;}
.blocContent td.tl, .blocContent td.t, .blocContent td.tr, .blocContent td.r, .blocContent td.br, .blocContent td.b, .blocContent td.bl, .blocContent td.l {background: url(images/bloc_ombre.gif) repeat scroll; line-height: 0pt; font-size: 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 10px; width: 8px;}
.blocContent td.t, .blocContent td.b, .blocContent td.c  { width:auto;}
.blocContent td.tl {background-position: 0px 0px;}
.blocContent td.t {background-position: 0px -20px;}
.blocContent td.tr {background-position: -8px 0px;}
.blocContent td.l {background-position: 0px -40px;}
.blocContent td.c {position: relative; background-image: none; background: #fff; padding:0px;  /*3px 10px 6px*/ }
.blocContent .content { position:relative; padding:0 6px; }
.blocContent td.r {background-position: -8px -40px;}
.blocContent td.bl {background-position: 0px -10px;}
.blocContent td.b {background-position: 0px -30px;}
.blocContent td.br {background-position: -8px -10px;}

.blocContent p { }

/* bouton graphique +  texte */
#home .widget a.bt,
a.bt { 
	background: url(images/bt_l_bleu.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:left; 
	font-size:120%;
	height:26px;
	margin-bottom:6px;
	padding-left:37px; /*17px*/
	text-decoration:none; 
	white-space:nowrap;
}
#home .widget a.bt span,
a.bt span { 
	background: url(images/bt_r_bleu.png) 100% 0px no-repeat;
	display:block;
	height:26px; 
	line-height:24px; 
	padding-right:47px; /*27px*/
}
a:hover.bt { 
	background-position:0% -27px; 
	color:#fff;
}
a:hover.bt span {
	background-position:100% -27px; 
}
.bt_back{
	background-image: url(images/bt_l_bleu_back.png) !important;
	padding-left:37px !important;
}
.bt_back span{
	background-image: url(images/bt_r_bleu_back.png) !important;
	padding-right:24px !important;
}
.bt_neutre span{
	background-image: url(images/bt_r_neutre_bleu.png) !important;
	padding-right:37px !important;
}
a.bt_voir {
	background: url(images/voir.gif) 6px 4px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	float:right; 
	font-size:90%;
	height:26px;
	line-height:26px;
	text-align:right;
	text-decoration:none; 
	width:84px;
}
a:hover.bt_voir {
	cursor:pointer;
}
a.bt_voir_pt {
	background: url(images/bt_voir_pt.png) 0% 0px no-repeat;
	color:#fff; 
	cursor:pointer;
	display:block; 
	font-size:90%;
	height:20px;
	line-height:20px;
	margin-right:6px;
	text-align:center;
	text-decoration:none; 
	width:74px;
}
a:hover.bt_voir_pt {
	background-position:0% -20px; 
	cursor:pointer;
}

.floatLeft { float:left;}
.floatRight { float:right !important;}


/* Forms*/
.form { 
	margin:0 auto;
	width:840px;
	font-size:1em;
	padding:10px;
}
.form .legend,
.legendTable {
	font-weight:normal;
	padding-bottom:6px;
	margin: 1em 0 12px;
	color:#999;
	font-size:1.2em;
} 
.form label {
	float: left;
	margin-right:6px;
	text-align:right;
	width:265px;
} 
.form p{
	text-align:justify;
	font-size:0.9em;
	color:#333;
} 
.form input , .form select { 
	border:1px solid #999;
	color:#333;
	background-color:#efefef;
}
.form textarea {  
	height:4.25em;
	border:1px solid #999;
	color:#333;
	background-color:#efefef;
}
.form  .line { margin-bottom:6px;}
.form .case label,.form .case input {
	float:left;
	min-width:20px;
	width:auto;
}
.form .desc {
	font-size:0.8em;
	text-align:right;
	color:#999;
}
#civilite {
	width:auto;
	border:1px solid #999;
}

.form input.note {width:20px;}

td.note {text-align:center; border-bottom:#EFEFEF solid 1px;}
td.note-critere  {text-align:right; border-right:#B4EE06 solid 2px; padding-right:4px; padding-top:2px; padding-bottom:2px; color:#333;font-size:0.9em;}
td.note-titre {font-size:0.8em;text-align:center; padding:4px; border-bottom:#bfbfbf dotted 1px;}

/**/
.leftTD  { 
	padding-right:10px;
	text-align:right;
}
.recapTable h4 { margin:1em 0 0.5em; }


/*widgets*/


#w_avis { position:relative; width:260px; height:205px;}
#w_avis a { background: url(images/avis.gif) top left no-repeat; width:260px; height:205px; position:absolute; text-decoration:none; color:#4F4D4F; font-size:0.7em;}
#w_avis a:hover { text-decoration:underline; }
#w_avis  span { position:absolute; bottom:50px; left:30px; } 
#w_avis  span.texte { position:absolute; bottom:32px; color:#fff; font-size:1.22em;} 

#w_saison{ position:relative; background: url(images/droite-pac-saison.jpg) top left no-repeat; padding-top:80px; padding-bottom:14px; }
#w_saison a { text-decoration:none; color:#fff; font-size:0.7em;}
#w_saison  a:hover { text-decoration:underline; }
#w_saison  li { list-style-image: url(images/puce-blanche-saison.gif); margin-left:50px; } 

#w_hors-saison{ position:relative; background: url(images/droite-pac-hors-saison.jpg) top left no-repeat; padding-top:44px; padding-bottom:14px;}
#w_hors-saison a { text-decoration:none; color:#fff; font-size:0.7em;}
#w_hors-saison  a:hover { text-decoration:underline; }
#w_hors-saison  li { list-style-image: url(images/puce-blanche-saison.gif); margin-left:50px; } 

#w_sous-hors-saison { position:relative; width:260px; height:35px; background: url(images/sous-hors-saison.gif) top left no-repeat; }

#w_recettes { position:relative; width:260px; height:114px; }
#w_recettes a { background: url(images/recettes.gif) top left no-repeat; width:260px; height:114px; position:absolute; text-decoration:none; color:#fff; font-size:0.8em;}
#w_recettes a:hover { text-decoration:underline;}
#w_recettes  span { position:absolute; left:70px; top:10px; } 
#w_recettes  span.texte { position:absolute; left:70px; top:48px; text-align:right;} 

#w_infos { position:relative; width:260px; height:142px;}
#w_infos a { background: url(images/infos-produits.gif) top left no-repeat; width:260px; height:126px; position:absolute; text-decoration:none; color:#fff; font-size:0.8em;}
#w_infos a:hover { text-decoration:underline; }
#w_infos  span { position:absolute; left:70px; top:22px; } 
#w_infos  span.texte { position:absolute; left:70px; top:56px; text-align:right;} 

#w_amis { position:relative; width:260px; height:39px;}
#w_amis a { background: url(images/amis.gif) top left no-repeat; width:260px; height:39px; position:absolute; text-decoration:none; color:#4F4D4F; font-size:0.7em;}
#w_amis a:hover { text-decoration:underline; }
#w_amis  span { position:absolute; left:70px; top:10px; } 

#w_nl { position:relative; width:260px; height:52px;}
#w_nl a { background: url(images/newsletter.gif) top left no-repeat; width:260px; height:52px; position:absolute; text-decoration:none; color:#4F4D4F; font-size:0.7em;}
#w_nl a:hover { text-decoration:underline; }
#w_nl  span {  position:absolute; left:70px; top:10px; } 


/* Déroulant accueil */
		/*html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }*/
		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#panes {
			text-align: justify;
			width: 560px;
			margin: 0px;
			padding:0px;
		}

		.enboite
		{
			margin: 0px;
			padding:0px;
		}

		#previous { cursor: pointer; z-index:999;}
		#next { cursor: pointer; z-index:999;}
		
		

		a.recettes { background: url(images/diapo-recettes.gif) top left no-repeat; width:168px; height:40px; display:block;}
		a.recettes:hover  { background-position: 0px -40px; text-decoration:none;}
		.recettes  span { position:absolute; left:-3000px;}
		

		a.infos { background: url(images/diapo-infos.gif) top left no-repeat; width:168px; height:40px; display:block;}
		a.infos:hover  { background-position: 0px -40px; text-decoration:none;}
		.infos  span { position:absolute; left:-3000px;}
		
			
		#panes p {
			color:#fff;
			font-size:76%;
			margin:0;
			padding:6px 10px 10px 10px;
			text-align:justify;
			} 
			
			
/**/

td.bas-fiche {
background: url(images/fond-bas-fiche.gif) top left repeat-x;
padding:0px;
margin:0px;
}

table.haut-fiche {
background: url(images/fond-haut-fiche.gif) top left repeat-x;
}

td.haut-fiche {
padding:0px;
margin:0px;
}

p.fiche {
	font-size:10pt;
	color:#333333;
}

a.fiche-bas {
	font-size:76%;
	color:#1D7030;
	text-decoration:none;
}

a.fiche-bas:hover {
	font-size:76%;
	color:#1D7030;
	text-decoration:underline;
}

li.fiche-bas {
	padding-left:20px; 
	list-style-type:none;	
	background: url(images/p_footer.gif) 11px 9px no-repeat;
}

TD.ou {
	border-top:2px solid #fff;
	background-color:#1D7030;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

		a.ou{ background: url(images/ou.gif) top left no-repeat; width:168px; height:68px; display:block;}
		a.ou:hover  { background-position: 0px -68px; text-decoration:none;}
		.ou  span { position:absolute; left:-3000px;}

		a.reag-infos{ background: url(images/reag-infos.gif) top left no-repeat; width:196px; height:69px; display:block;}
		a.reag-infos:hover  { background-position: 0px -69px; text-decoration:none;}
		.reag-infos span { position:absolute; left:-3000px;}


td.recette{
text-align:center;
}

		h4.recette { 
			height:20px;
			padding-left:26px;
			font-size:12px;
			margin:0px;
			width:95%;
			color:#4F4D4F;
			background: url(images/voir.gif) 0px 10px no-repeat;
			border-bottom:1px solid #4B9721;
			padding-top:10px;
			margin-bottom:4px;
		}
		
		#note {
		font-size:76%;
		color:#E47F08;
		background-color:#fff;
		margin:6px;
		padding:6px;
		text-align:right;
		}
		
		
		a.note-recette{ background: url(images/note-recette.gif) top left no-repeat; width:140px; height:68px; display:block;}
		a.note-recette:hover  { background-position: 0px -67px; text-decoration:none;}
		.note-recette span { position:absolute; left:-3000px;}

		a.comment-recette{ background: url(images/comment-recette.gif) top left no-repeat; width:159px; height:68px; display:block;}
		a.comment-recette:hover  { background-position: 0px -68px; text-decoration:none;}
		.comment-recette span { position:absolute; left:-3000px;}
		
		a.propose-recette{ background: url(images/propose-recette.gif) top left no-repeat; width:172px; height:68px; display:block;}
		a.propose-recette:hover  { background-position: 0px -66px; text-decoration:none;}
		.propose-recette span { position:absolute; left:-3000px;}
		
			
			#zoomeur {
				position:absolute;
				top:33px;
				_top:36px;
				right:0px;
				COLOR : #707273;	
				FONT-SIZE: 10pt;
				BACKGROUND-COLOR : #FFFFFF;
				border: 3px solid #1E7030;
				width:300px;
				height:300px;
				z-index:99;
				text-align:center;
				display:none;
				}

					.prod { 
					display:block;
					padding:2px;
					text-align:center;
					}
					
						#prod-zoom {
						COLOR : #999999;
						FONT-SIZE: 7pt;
						position:absolute;
						display:block;
						padding:2px;
						text-align:right;
						}
					
						#prod-visu { 
						COLOR : #999999;
						FONT-SIZE: 7pt;
						padding:2px;
						text-align:left;
						}

/* Diaporama */
.diapo {
    height:  200px;
    width:   272px;
    padding: 0px;
    margin:  0px;
    background: #A30B17;
}

.diapo img {
    width:  272px;
    height: 200px;
    top:  0px;
    left: 0px;
}





/* Diaporama */

/* Sample 5*/
#box5{
	position:absolute;
	width:350px;
	height:373px;
}
#box5 span{
	width:350px;
	height:373px;	
}
#info5{
	top:0;
}

	H3.acc { 
		color:#8D8C90;
		margin-left:0px;
	}

	a.acc { 
		bottom:0;
		color:#a30c16;
		font-size:140%; 
	}

	a:hover.acc { 
		bottom:0;
		color:#a30c16;
		font-size:140%;
		text-decoration:underline;
	}

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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:350px;
	height:373px;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none;
}

.mask2{
	position:relative;
	width:350px;
	height:373px;
	overflow:hidden;
}

span img{
	border:none;
}




		
		.addthis_toolbox .custom_images a
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
	background-color:#fff;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}