/* CSS Document */

/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */
 

#conteneur {
	margin: 0px auto;
	top: 0px;
	width: 972px;
	height:590px;
	text-align: left;	
	background-image:  url(../medias/hiver/accueil/fond.jpg); 
	background-repeat: no-repeat;
}

#conteneur-pages {
	margin: 0px auto;
	top: 0px;
	width: 958px;
	text-align: left;	
	background-image:  url(../medias/hiver/commun/fond.jpg); 
	background-repeat: no-repeat;

}
#contenu-bas-page{
	width:604px;
	height:192px;
	float:left;
	padding-left:396px;
	background:url(../medias/hiver/commun/footer.jpg);
}

<!-- h1 -->

#titre-pages{
}

#titre-pages li{
	color:#287991;
	background:url(../medias/hiver/commun/puce-titre.gif) no-repeat;
	background-position:0px 0px;
	list-style-type:none;
	text-indent:20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


#titre-pages li h1{	
	font-size:96%;
}


/* --------------------------------------- Home édito ------------------------------------------------- */

#edito ul li{
	background:url(../medias/hiver/commun/puce-gris.gif) no-repeat;
	background-position:0px 2px;
	float:left;
	padding:0 0 10px 15px;
}

/*---------------------------- Home Recettes ------------------------------*/

#recette #btn-recette{
	width:100px;
	height:32px;
	float:left;
	margin:1px 0 0 75px;
	background:url(../medias/hiver/accueil/btn-recette.gif);
}

#recette #btn-recette:hover{
	background-position:0px -32px;
}

#titre-recette-home{
	background-image:url(../medias/hiver/accueil/titre-recette.gif);
	background-repeat:no-repeat;
	width:146px;
	height:23px;
}

/*---------------------------- Home Actus ------------------------------*/


#titre-actus-home{
	background-image:url(../medias/hiver/accueil/titre-actus.gif);
	background-repeat:no-repeat;
	width:112px;
	height:16px;
}

#actus #btn-actus{
	width:74px;
	height:28px;
	float:left;
	margin:4px 0 0 205px;
	background:url(../medias/hiver/accueil/btn-actus.gif);
}
/* hack ie6 */
* html #actus #btn-actus{
	margin:-1px 0 0 205px;
}
/* hack ie7 */
*+html #actus #btn-actus{
	margin:-1px 0 0 205px;
}
#actus #btn-actus:hover{
	background-position:0px -28px;
}

#actus ul #actus-titre{
	padding:0 0 0px 15px;
	background:url(../medias/hiver/commun/puce-gris.gif) no-repeat;
	background-position:0px 1px;
	color:#FFFFFF;
	font-size:71%;
	font-weight:bold;
	float:left;
}


/*---------------------------- Menu ------------------------------*/

#menu-accueil{background: url(../medias/hiver/commun/menu-accueil.gif) no-repeat;}
#menu-connaitre{background: url(../medias/hiver/commun/menu-connaitre.gif) no-repeat;}
#menu-acteurs{background: url(../medias/hiver/commun/menu-acteurs.gif) no-repeat;}
#menu-cuisine{background: url(../medias/hiver/commun/menu-cuisine.gif) no-repeat;}
#menu-outils{background: url(../medias/hiver/commun/menu-outils.gif) no-repeat;}




#fermier #btn-fermier{
	width:74px;
	height:28px;
	float:left;
	margin:0px 0 0 127px;
	background:url(../medias/hiver/commun/btn-goutez.gif);
}

#fermier #btn-fermier:hover{
	background-position:0px -28px;
}

#btn-fermier2{
	width:74px;
	height:28px;
	float:left;
	margin:0 0 0 248px;
	background:url(../medias/hiver/commun/btn-goutez.gif);
}

#btn-fermier2:hover{
	background-position:0px -28px;
}

/*--------------------------------------- sous-menu + visuel ---------------------------------------------------- */
#ss-menu-visuel{
	width:209px;
	height:152px;
	position:absolute;
	background:url(../medias/hiver/commun/ss-menu.gif);
	top:100px;
	left:147px;
	z-index:5;
}

#ss-menu-visuel ul li{
	padding:0 0 3px 15px;
	background:url(../medias/hiver/commun/puce.gif) no-repeat;
	background-position:0px 1px;
}

#ss-menu-visuel ul{
	float:left;
	list-style-type:none;
	color:#FFFFFF;
	font-size:77%;
	padding-left:15px;
	height:130px;
	margin-top:15px;
	margin-bottom:45px;
}

#visuel-haut{
	padding:0 0 0 10px;
	float:left;
	margin-top:0px;
	margin-bottom:32px;
}


/*--------------------------------------- scroll ---------------------------------------------------- */

#fleche-haut{
	width:22px;
	height:22px;
	float:left;
	background:url(../medias/hiver/commun/fleche-haut.gif);
}

#fleche-haut:hover{
	background-position:0px -22px;
}

#fleche-bas{
	width:22px;
	height:22px;
	float:left;
	background:url(../medias/hiver/commun/fleche-bas.gif);
}
#fleche-bas:hover{
	background-position:0px -22px;
}

#fleche-gauche{
	width:22px;
	height:22px;
	float:left;
	background:url(../medias/hiver/commun/fleche-gauche.gif);
	margin-top:40px;
}

#fleche-gauche:hover{
	background-position:0px -22px;
}
#fleche-droite{
	width:22px;
	height:22px;
	float:left;
	background:url(../medias/hiver/commun/fleche-droite.gif);
	margin-top:40px;
}

#fleche-droite:hover{
	background-position:0px -22px;
}


/*--------------------------------------- Pincée de liens ---------------------------------------------------- */

#liens{
	width:245px;
	height:124px;
	background:url(../medias/hiver/commun/liens.gif);
	float:left;
	margin:2px 0 0 50px;
	padding:45px 0 0 0;
}
#liens ul li{
	color:#ffffff;
	font-size:71%;
	padding:0 0 3px 15px;
	background:url(../medias/hiver/commun/puce-gris.gif) no-repeat;
	background-position:0px 2px;
}
/* hack ie6 */
* html #liens ul li{
	background-position:0px 5px;
}
/* hack ie7 */
*+html #liens ul li{
	background-position:0px 5px;
}

/* --------------------------------------- TEXTE ------------------------------------------------- */

#containerText ul li{
	padding:0 0 0 15px;
	background:url(../medias/hiver/commun/puce-blanc.gif) no-repeat;
	background-position:0px 2px;
}

/* --------------------------------------- LEXIQUE ------------------------------------------------- */

#containerText dl dt{
	padding:0 0 3px 15px;
	background:url(../medias/hiver/commun/puce-blanc.gif) no-repeat;
	background-position:0px 2px;
	font-weight:bold;
	float:left;
	font-size:71%;
}

#visuel-blanc{
	width:172px;
	height:164px;
	float:left;
	padding-left:70px;
}


/* --------------------------------------- FORMULAIRE ------------------------------------------------- */
#ok{
	width:34px;
	height:25px;
	display:block;
	background:url(../medias/hiver/commun/btn-ok.gif);
	float:left;
}
#ok:hover{
	background-position: 0px -25px;
}

#ok2{
	width:34px;
	height:25px;
	display:block;
	background:url(../medias/hiver/commun/btn-ok-2.gif);
	float:left;
}
#ok2:hover{
	background-position: 0px -25px;
}

#ok-presse{
	width:34px;
	height:25px;
	display:block;
	background:url(../medias/hiver/commun/btn-ok.gif);
	float:left;
	margin:-3px 0 0 5px;
}
#ok-presse:hover{
	background-position: 0px -25px;
}



#recettes-recherche ul li{
	padding:0 0 0 15px;
	background:url(../medias/hiver/commun/puce-blanc.gif) no-repeat;
	background-position:0px 2px;
	float:left;
}

/* --------------------------------------- CONTACT ------------------------------------------------- */

#contact-infos ul li{
	background:url(../medias/hiver/commun/puce.gif) no-repeat;
	background-position:0px 2px;
	clear:both;
}

#contact-infos{
	margin-bottom:125px;
}
/* hack ie6 */
* html #contact-infos{
	margin-bottom:-75px;
}

/* --------------------------------------- RECETTE ------------------------------------------------- */

#recette-ami{
	background:url(../medias/hiver/commun/ami.gif) no-repeat;
	width:201px;
	height:167px;
	clear:both;
	margin-left:361px;
	margin-top:-36px;
	padding-top:40px;
}

#titre-ami{
	background-image:url(../medias/hiver/commun/titre-ami.gif);
	background-repeat:no-repeat;
	width:156px;
	height:22px;
	margin-left:35px;
}


/* --------------------------------------- PLAN DU SITE ------------------------------------------------- */

.plan-gauche dl dd{
	background:url(../medias/hiver/commun/puce-blanc.gif) no-repeat;
	background-position:0px 2px;
	padding:0 0 0 15px;
	clear:both;
	color:#313131;
	font-weight:bold;
	font-size:77%;
	margin-bottom:5px;
}