/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#21211e;
  text-align:center;
  background:url(../medias/bg-general.png) top left repeat-x #faf7f1;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
}
a:link, a:hover, a:visited, a:active{
	color:#1e1e1e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}
a:hover img{
	text-decoration:none;
}
ul, li{
	margin:0;
    padding:0;
}

#over{
	background:url(../medias/bg-over.png) top left repeat-x;
    height:29px;
    width:auto;
}

#conteneur{
 	width:938px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#entete{
 	width:938px;	/*init 938*/
	height:243px;	/* init 243*/
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
    background:url(../medias/bg-entete.png) bottom center no-repeat;
}


h1#logo{
	width:321px;
    padding: 242px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.jpg) top left no-repeat;
    
    height: 0px !important;
    height /**/:242px;
	z-index:2;
	position:absolute;
	top:104px;
	left:630px;
}

#slogan{
	width:554px;
    height:110px;
    position:absolute;
    top:90px;
    left:15px;
    background:url(../medias/slogan.png) top left no-repeat;
}

#principal{
 	width:410px;	/*init 400*/
	height:30px;
	margin:4px 0 0 0;
	padding:0;
	position:absolute;
	right:0px;
	top:0px;
}
#principal ul, #principal li{
 	padding:0;
	margin:0 0 0 auto;
	list-style:none;
}

.item, .item_actif {
 	padding:0 8px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
    position:relative;
}
.item span, .item_actif span{
	height:24px;
    position:absolute;
    top:0;
    right:-9px;
    width:9px;
    margin:0;
}
.item_actif span{
    background:url(../medias/bg-right-item-actif.png) top right no-repeat;
}
.item a:link, .item a:visited, .item a:hover, .item a:active{
	color:#fff;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 2px 5px 10px;
	margin:0 0 0 30px;
	display:inline-block;
	height:13px;	/* init 24*/
    position:relative;
}
.item a:hover{
	text-decoration:underline;
}
.item a:hover span, .item_actif a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:hover, .item_actif a:active{
	color:#21211e;
 	background:url(../medias/bg-item-actif.png) top left no-repeat;
	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 2px 5px 10px;
	margin:0 0 0 30px;
	display:inline-block;
	height:13px;	/* init 24*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	text-decoration:underline;
}



#corps{
	width:938px;
	padding:20px 0 5px 0;
	margin:0 auto;
	text-align:center;
	position:relative;
}


#module-gauche{
	width:290px;	/* init 315 */
    padding:10px 20px 10px 5px;
	float:left;
    margin:70px 0 0 16px;
	color:#333;
}
#module-droite{
	width:290px;	/* init 315 */
    padding:10px 20px 10px 5px;
	float:right;
    margin:0;
	padding:0;
	color:#333;
    text-align:center;
}
#contenu3Col{
    
	width:470px;	/*init 470*/
	margin:0 0 0 295px;
	padding:0px;
    color:#222;
    font-size:12px;
    text-align:left;
}

#contenu2Col{
    
	width:545px;	/*init 620*/
	margin:0;
	padding:50px 35px 0 40px;
    color:#222;
    font-size:12px;
    text-align:left;
    position:relative;
}

#contenu1Col{
	width:908px;	/*init 820*/
	margin:0;
	padding:50px 10px 0 20px;
    color:#222;
    font-size:12px;
    text-align:left;
    position:relative;
}

#contenu2Col ul, #contenu1Col ul{
	text-align:left;
}
#contenu2Col li, #contenu1Col li{
	text-align:left;
    list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:0px 5px 3px 25px;
    font-size:12px;
    margin:10px 0;
}



#recettes, #mentions{
    z-index:10;
    margin:85px auto 0 auto;
}
.recette{
	width:288px;
    padding:0;
    margin:0 5px 10px 0;
    float:left;
}
#recettes .haut, .recette .haut, #mentions .haut{
	height:32px;
    background:url(../medias/bg-haut-recette.png) bottom center no-repeat;
    width:288px;
    margin:0;
    padding:0;
}
#recettes .content, .recette .content, #mentions .content{
	height:auto;
    margin:0;
    padding:5px 20px 30px 20px;
    width:248px;	/*init 288*/
    background:url(../medias/bg-recette.png) top center no-repeat;
    /*min-height:350px;*/
    font-size:12px;
    color:#fff;
    text-align:left;
}
.recette .content{
	min-height:240px;
}
#mentions .content{
	min-height:450px;
}
#recettes .bas, .recette .bas{
	height:38px;
    background:url(../medias/bg-bas-recette.png) top center no-repeat;
    width:288px;
    margin:0;
    padding:0;
    position:relative;
}

a.commander{
	position:absolute;
    top:12px;
    right:17px;
}	


h1{
	font-size:23px;
    color:#604c16;
    font-weight:normal;
    margin:0;
    padding:0;
}
h2, #recettes h2, #mentions h2{
	color:#fff;
    font-size:32px;
    font-weight:bold;
    margin:0;
    padding:0;
}
#contenu1Col h2{
	font-size:16px;
    color:#fff;
    font-weight:normal;
    margin:10px 0;
    padding:2px 10px;
    display:inline-block;
    background:#92744f;
    text-transform:uppercase;
}
#mentions h2{
	font-size:30px;
    margin-bottom:20px;
}
h3{
	color:#c9dc70;
    font-size:19px;
    font-weight:normal;
    text-align:left;
}
.recette h3{
	margin:0;
    padding:0;
}
h4{
	color:#a2825b;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
a.telecharger:link, a.telecharger:hover, a.telecharger:visited, a.telecharger:active{
	color:#1e1e1e;
	text-decoration:none;
    padding:0 2px 2px 16px;
    display:block;
    background:url(../medias/picto-telecharger.png) top left no-repeat;
}
a.telecharger:hover{
	text-decoration:underline;
}

div p{
	font-size:12px;
}

#pied{
	height:127px;	/*init 127*/
	background:url(../medias/bg-pied.png) top left repeat-x;
	width:100%;
}
.pied{
	width:683px;	/*init 938*/
	padding:65px 10px 0px 245px;
	height:62px;	/*init 127*/
	margin:0 auto;
	text-align:left;
	color:#604c16;
	font-size:12px;
	font-weight:normal;
	background:url(../medias/bg-pied-2.png) center left no-repeat;
    position:relative;
}
#links{
	margin:5px 0 0 0;
}
#pied a:link, #pied a:visited, #pied a:hover, #pied a:active{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 0 0;
    
}

#pied a.special:link, #pied a.special:visited, #pied a.special:active{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	padding:3px 0 0 0;
}
#pied a.special:hover{
	text-decoration:underline;
}

.pied .logo{
	background:url(../medias/logo-pied.png) top left no-repeat;
    height:173px;
    width:187px;
    position:absolute;
    top:0;
    right:45px;
}
#edispo{
    font-size:10px;
    text-transform:uppercase;
    color:#91734d;
}
#edispo a:link, #edispo a:visited, #edispo a:hover, #edispo a:active{
	color:#91734d;
    font-weight:normal;
    font-size:9px;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:1px 5px;
	margin:5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:205px;	/*init 215*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:18px;	/*init 20*/
    color:#333;
}
#rappel input{
	width:200px;	/*init 215*/
    height:20px;	/*init 20*/
    padding:0 10px 0 5px;
 	margin:3px 0 10px 0;
    background:url(../medias/bg-input.png) top left no-repeat;
    color:#333;
}
.input2{
	width:60px;	/*init 172*/
	background:url(../medias/bg-input2.png) top left no-repeat;
}
textarea{
	height:148px;	/*init 150*/
	width:205px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#333;
}
.bt-envoi, .bt-envoi2, #rappel .bt-appel{
	background:none;
	text-align:center;
	margin:2px 0 20px 23%;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-envoi2{
	margin-left:195px;
}
#rappel .bt-appel{
	margin:20px 0 0 0;
}
label{
	text-align:right;
	display:block;
	width:20%;
	float:left;
	font-weight:bold;
	font-size:12px;
    padding:2px 0 0 0;
	margin:5px 10px;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:0;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
    padding:0;
    margin:3px 0 0 0;
    height:auto;
}
.petit{
	font-size:10px;
}
.message{
	border:1px dotted #c00;
	color:#c00;
	font-weight:bold;
	padding:10px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.separation{
	clear:both;
    margin:5px;
}
.indication, .indication2{
	display:block;
    margin:0 0 20px 22%;
}
.indication2{
	margin-left:200px;
}
.erreur, .erreurOK{
	margin-top:10px;
	padding:10px;
    color:#fff;
    background:#92744f;
    font-size:13px;
}
.erreurOK{
	background:#a5c338;
    color:#000;
}
#fil{
	position:absolute;
    top:100px;
    left:0px;
 	height:28px;   
}

#fil .debut{
	background:url(../medias/bg-debut-fil.png) top right no-repeat;
	width:9px;
    height:28px;
    display:inline-block;
    margin:0;
    padding:0;
    float:left;
}
#fil .milieu{
	background:url(../medias/bg-fil.png) top left repeat-x;
    display:inline-block;
	height:21px;	/*init 28*/
    margin:0;
    padding:7px 0 0 0;
    float:left;
    color:#fff;
    font-size:12px;
}
#fil .milieu img{
	padding:0 0 0 5px;
}
#fil .fin{
	background:url(../medias/bg-fin-fil.png) top left no-repeat;
    width:9px;
    height:28px;
    display:inline-block;
    margin:0;
    padding:0;
}
#fil h6{
	font-size:12px;
    color:#fff;
    padding:0;
    margin:0;
    text-transform:none;
    font-weight:bold;
    display:inline-block;
}
.subtitle-menu{
    padding:6px 5px 15px 20px;
    margin:0;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    color:#acc42a;
}
h2{
	font-size:15px;
    font-weight:normal;
}
.right{
	float:right;
    margin:0 0 10px 10px;
}

.contour{
	border:1px solid #fa920f;
}

.encart{
	border:1px dotted #333;
    padding:5px 10px;
}
img.left{
	float:left;
    margin:10px 15px 15px 0px;
}
.bloc-pdt{
	float:left;
    width:127px;
    margin:10px 10px 0 0;
}
.bloc-pdt img{
    border:1px solid #777;
}

a.externe:link, a.externe:visited, a.externe:hover, a.externe:active{
	background:url(../medias/lien_direct.gif) top left no-repeat;
    padding:2px 5px 2px 15px;
    display:inline-block;
    margin:3px 0 0 0;
    color:#fff;
}

.haut{
	text-transform:uppercase;
    font-weight:bold;
}