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

* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
body { 
	font-family: Arial;
	font: normal 100% arial, sans;
	margin: 0px;
	padding: 0px;
	background:url(../medias/fond.gif) repeat-y center;
}
#fond-degrade{
	background:url(../medias/fond-degrade.jpg) no-repeat center top;
	height:593px;
}
img{
	border:0px;
}
p{
	padding-bottom:12px;	
}
#conteneur {
	margin: 0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;
}
#contenu{
	width:960px;
	margin:0 20px 0 20px;
	background-color:#FFF;
	position:absolute;
	top:164px;
}
#ciseaux-gauche{
	width:20px;
	height:348px;
	float:left;
	background:url(../medias/ciseaux-gauche.gif);
}
#ciseaux-droite{
	width:20px;
	height:436px;
	float:left;
	background:url(../medias/ciseaux-droite.gif);
}
#bandeau{
	width:960px;
	margin-left:20px;
	height:133px;
	background:url(../medias/bandeau.jpg) no-repeat;
	position:absolute;	
}
#logo{
	width:196px;
	height:87px;
	float:left;
	padding:20px 0 0 20px;
}
.menuContainer{
	width:980px;
	height:31px;
	position:absolute;
	background:url(../medias/fond-menu.jpg) no-repeat;
	top:133px;
	margin-left:20px;
}
.menuContainer li{
	list-style-type:none;
	float:left;
}
.menuContainer li a{
	height:31px;
	display:block;
}
.menuContainer li a:hover, .menuContainer li a.active{
	height:31px;
	background-position:0 31px;
}
#menu-fromages{
	width:125px;
	background-image:url(../medias/menu/menu-fromages.jpg);
	margin-left:21px;
}
#menu-valeurs{
	background-image:url(../medias/menu/menu-valeurs.jpg);
	width:107px;
}
#menu-gastronomie{
	background-image:url(../medias/menu/menu-gastronomie-saveurs.jpg);
	width:208px;
}
#menu-itineraires-fromages{
	background-image:url(../medias/menu/menu-itineraires-fromages.jpg);
	width:217px;
}
#menu-espace-recreatif{
	background-image:url(../medias/menu/menu-espace-recreatif.jpg);
	width:153px;
}
#menu-animations{
	background-image:url(../medias/menu/menu-animations.jpg);
	width:113px;
}

/* CSS DU MENU */
	
/* IMPORTANT !!! NE JAMAIS NOMMER LA CLASS CSS DU MENU #menu */ 

#menu_deroulant { float: left; height: 23px; margin-top: 0px; color : #0078be;}	

/* calques */

.calques {
color : #76481b;
font-size: 71%;
font-family : Arial;
background-color: #dfb178;
text-align : left;
padding:0 0 0 0;
}

.calques a {	
display:block ;
color : #76481b;
background-color: #dfb178;
text-align : left;
text-decoration : none;
padding: 3px 0 0 10px;
height:15px;
}

.calques a:hover {
color : #401c10;
background-color:#c57f57;
}


/* ------------------------------------------------------------ FOOTER ------------------------------------------------- */
#footer{
	width:960px;
	background:url(../medias/fond-footer.gif) repeat-y;
	float:left;
	padding-bottom:20px;
	margin-top:20px;
}
#footer-traits{
	background:url(../medias/traits-footer.gif) no-repeat;
	width:960px;
	height:8px;
	float:left;
}
.footer-bloc-1{
	float:left;
	padding:17px 20px 0 20px;
	width:143px;
}
.footer-bloc-2{
	float:left;
	padding:17px 20px 0 20px;
	width:227px;
}
.footer-bloc-3{
	float:left;
	padding:17px 20px 0 20px;
	width:135px;
}
.footer-bloc-4{
	float:left;
	padding:17px 20px 0 20px;
	width:140px;
}
.footer-bloc-5{
	float:left;
	padding:17px 20px 0 20px;
	width:110px;
}
.footer-titre{
	color:#663333;
	font-weight:bold;
	font-size:82%;
	padding-bottom:5px;
}
#footer ul{
	float:left;
}
#footer ul li{
	list-style-type:none;
	font-size:71%;
	padding-bottom:3px;
}
/* hack ie7 */
*+html #footer ul li{
	padding-bottom:0px;
}
#footer ul li a{
	color:#a15d57;
	text-decoration:none;
	text-indent:15px;
	background:url(../medias/fleche-footer.gif) no-repeat;	
	height:11px;
	display:block;
}
#footer ul li a:hover, #footer ul li a.active{
	color:#673431;
	background-position:0 -11px;	
}
.outil{
	clear:both;	
}
#outil-1{
	font-weight:bold;
	font-size:71%;
	color:#8b4e36;
	text-decoration:none;
	padding:5px 0 0 6px;
	float:left;
	width:65px;
}
#outil-1:hover{
	text-decoration:underline;
}
#outil-2{
	font-weight:bold;
	font-size:71%;
	color:#339933;
	text-decoration:none;
	padding:5px 0 0 6px;
	float:left;
}
#outil-2:hover{
	text-decoration:underline;
}
#outil-3{
	font-weight:bold;
	font-size:71%;
	color:#006699;
	text-decoration:none;
	padding:5px 0 0 6px;
	float:left;
}
#outil-3:hover{
	text-decoration:underline;
}
#outil-4{
	font-weight:bold;
	font-size:71%;
	color:#cc6600;
	text-decoration:none;
	padding:5px 0 0 6px;
	float:left;
}
#outil-4:hover{
	text-decoration:underline;
}
.outil-picto{
	width:26px;
	height:26px;
	float:left;
	margin-bottom:6px;
}


/* ------------------------------------------------------------ HOME ------------------------------------------------- */
#contenu-home{
	width:920px;
	height:436px;
	background:url(../medias/fonds/fond-home.jpg) #FFF;
	float:left;
}
#flash-home{
	width:548px;
	height:305px;
	float:left;f
}
/* HOME - ACTUS */
#actus{
	width:312px;
	height:166px;
	padding:20px 30px 0 30px;	
	float:left;
	color:#696868;
	font-size:71%;
}
#titre{
	float:left;
}
#actus h2{
	font-weight:bold;
	font-size:118%;
	width:240px;
	float:left;
	padding-top:12px;
}
#actus a{
	color:#22a459;
	text-decoration:none;
}
#actus a:hover{
	color:#79b51c;
	text-decoration:none;
}
.date{
	color:#79b51c;
	clear:both;
	padding-bottom:10px;
}
#actus-pagination{
	float:right;
	padding-top:10px;
	width:72px;
}
#actus-pagination li{
	list-style-type:none;
	float:left;
	padding-left:5px;
}
#actus-pagination li a{
	width:19px;
	height:19px;
	float:left;
}
#actus-pagination li a:hover{
	height:19px;
	background-position:0 19px;
}
#actus-pagination li a.active{
	height:19px;
	background-position:0 19px;
}
#actu-0{
	width:19px;
	background:url(../medias/actu-1.gif);
}
#actu-1{
	width:19px;
	background:url(../medias/actu-2.gif);
}
#actu-2{
	width:19px;
	background:url(../medias/actu-3.gif);
}
.actus-fleche{
	width:21px;
	height:17px;
	display:block;
	background:url(../medias/fleche-verte-actu.gif);
	float:right;
}
.actus-fleche:hover{
	width:21px;
	background-position:0 17px;
}
/* PUSH */
#push-home{
	position:absolute;
	top:187px;
	left:20px;
	width:920px;
	z-index:10;
}
#push-itineraires{
	width:253px;
	height:122px;
	float:left;
	background:url(../medias/push-itineraires-fromages.jpg);
	margin:117px 0 0 5px;
}
#push-itineraires:hover{
	width:253px;
	background-position:0 122px;
}
#push-espace-recreatif{
	width:253px;
	height:125px;
	float:left;
	background:url(../medias/push-espace-recreatif.jpg);
	margin:117px 0 0 12px;
}
#push-espace-recreatif:hover{
	width:253px;
	background-position:0 125px;
}
#push-printemps-fromages-savoie{
	width:253px;
	height:125px;
	float:left;
	background:url(../medias/push-printemps-fromages-savoie.jpg);
	margin:117px 0 0 12px;
}
#push-printemps-fromages-savoie:hover{
	width:253px;
	background-position:0 125px;
}
#push-idees-randos{
	width:253px;
	height:125px;
	float:left;
	background:url(../medias/push-idees-randos.jpg);
	margin:117px 0 0 12px;
}
#push-idees-randos:hover{
	width:253px;
	background-position:0 124px;
}
#push-blog{
	width:179px;
	height:165px;
	float:left;
	background:url(../medias/push-blog.jpg);
	margin-top:84px;
}
#push-blog:hover{
	width:179px;
	background-position:0 165px;
}
#push-recette{
	width:179px;
	height:125px;
	float:right;
	background:url(../medias/push-recette.gif);
	padding:120px 0 0 20px;
}
#push-recette-texte{
	width:112px;
	padding-right:6px;
	float:left;
}
#push-recette-texte h2{
	font-size:71%;
	font-weight:normal;
	float:left;
}
#push-recette-texte a{
	color:#FFF;
	float:left;
	margin-top:3px;
	text-decoration:none;
}
#push-recette-texte a:hover{
	color:#ffe163;
}
#push-recette-visuel{
	width:54px;
	float:left;
}
.push-recette-etoile{
	width:13px;
	height:12px;
	background:url(../medias/etoiles-home.gif);
	display:block;
	float:left;
	margin-right:3px;
}
.push-recette-etoile.active{
	width:13px;
	background-position:0 12px;
}
#push-recette-fleche{
	width:17px;
	height:14px;
	background:url(../medias/fleche-blanche.gif);
	margin-left:90px;
}
#push-recette-fleche:hover{
	width:17px;
	background-position:0 14px;
}

/* ------------------------------------------------------------ VALEURS ------------------------------------------------- */
#contenu-valeurs{
	width:920px;
	background:url(../medias/fonds/fond-marron.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-conseils{
	width:920px;
	background:url(../medias/fonds/fond-conseils.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-recette{
	width:920px;
	background:url(../medias/fonds/fond-recette.jpg) no-repeat #FFF;
	float:left;
	min-height:459px;
}
#contenu-itineraires{
	width:920px;
	background:url(../medias/fonds/fond-itineraires.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-jeux{
	width:920px;
	background:url(../medias/fonds/fond-jeux.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-recreatif{
	width:920px;
	background:url(../medias/fonds/fond-recreatif.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-animations{
	width:920px;
	background:url(../medias/fonds/fond-animations.jpg) no-repeat #FFF;
	float:left;
	min-height:430px;
}
#contenu-carte{
	width:920px;
	background:url(../medias/fonds/fond-carte.jpg) no-repeat #FFF;
	float:left;
	min-height:452px;
}
#contenu-abondance{
	width:920px;
	background:url(../medias/fonds/fond-abondance.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-beaufort{
	width:920px;
	background:url(../medias/fonds/fond-beaufort.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-chevrotin{
	width:920px;
	background:url(../medias/fonds/fond-chevrotin.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-emmental-de-savoie{
	width:920px;
	background:url(../medias/fonds/fond-emmental.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-reblochon-de-savoie{
	width:920px;
	background:url(../medias/fonds/fond-reblochon.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-tome-des-bauges{
	width:920px;
	background:url(../medias/fonds/fond-tome-bauges.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-tomme-de-savoie{
	width:920px;
	background:url(../medias/fonds/fond-tomme-savoie.jpg) no-repeat;
	float:left;
	min-height:430px;
}
#contenu-aftalp{
	width:920px;
	background:url(../medias/fonds/fond-aftalp.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
#contenu-annexes{
	width:920px;
	background:url(../medias/fonds/fond-annexes.jpg) no-repeat #FFF;
	float:left;
	min-height:311px;
}
/* ------------------------------------------------------------ SOUS-MENU ------------------------------------------------- */
#sous-menu{
	width:290px;
	float:left;	
	padding-right:55px;
}
#sous-menu h1{
	float:right;
	padding:28px 50px 0 0;
	height:43px;
}
#sous-menu ul{
	clear:both;
	padding:40px 0 0 10px;
	width:200px;
	height:150px;
}
#sous-menu ul li{
	clear:both;
	list-style-type:none;
	padding-bottom:8px;
	font-size:88%;
	font-weight:bold;
}
#sous-menu ul li a{
	color:#895858;
	text-decoration:none;
	background:url(../medias/menu-fleche.jpg) no-repeat;
	background-position:0 2px;
	padding-left:20px;
}
#sous-menu ul li a.active, #sous-menu ul li a:hover{
	color:#4e3525;	
	background-position:0 -14px;
}

/* ------------------------------------------------------------ FIL ARIANE ------------------------------------------------- */
#fil-ariane{
	float:right;
	text-align:right;
	color:#79412d;
	font-size:65%;
	width:400px;
	padding:25px 20px 0 100px;
}
#fil-ariane a{
	text-decoration:none;
	color:#79412d;
}
#fil-ariane a:hover{
	text-decoration:underline;
	color:#79412d;
}
#fil-ariane a.active{
	text-decoration:underline;
	font-weight:bold;
	color:#79412d;
}

/* ------------------------------------------------------------ TEXTE 2 COLONNES ------------------------------------------------- */
#zone-texte{
	width:574px;
	float:left;
	padding-top:30px;
}
#texte-petit{
	width:575px;
	float:left;
	background:url(../medias/traits-verticaux.gif) repeat-y;
	margin-top:10px;
}
#texte-petit-bloc{
	width:360px;
	float:left;
	font-size:71%;
	color:#696868;
}
#texte-grand{
	width:555px;
	float:left;
	font-size:71%;
	color:#696868;
	padding:10px 20px 0 0;
}
.trait-horizontal-grand{
	width:555px;
	height:1px;
	background:url(../medias/trait-horizontal.gif) repeat-x;
	margin:0 0 10px 0;
	clear:both;
}
.trait-horizontal-moyen{
	width:505px;
	height:1px;
	background:url(../medias/trait-horizontal.gif) repeat-x;
	margin:0 0 5px 0;
	clear:both;
}
.trait-horizontal-petit{
	width:360px;
	height:1px;
	background:url(../medias/trait-horizontal.gif) repeat-x;
	margin:0 0 10px 0;
}
#colonne-droite{
	width:192px;
	float:left;
	padding-left:20px;
}
#push-recette-page{
	width:167px;
	height:119px;
	float:right;
	background:url(../medias/push-recette-page.gif);
	padding:70px 0 0 25px;
}
#push-recette-page-texte{
	width:160px;
	padding-right:6px;
	float:left;
}
#push-recette-page-texte h2{
	font-size:71%;
	font-weight:normal;
	float:left;
}
#push-recette-page-texte a{
	color:#FFF;
	float:left;
	text-decoration:none;
}
#push-recette-page-texte a:hover{
	color:#ffe163;
}
#push-recette-page-fleche{
	width:17px;
	height:14px;
	background:url(../medias/fleche-blanche.gif);
	margin-left:145px;
}
#push-recette-page-fleche:hover{
	width:17px;
	background-position:0 14px;
}
#push-enfants{
	width:172px;
	padding:0 10px 0 10px;
	color:#8b2d41;
	font-size:71%;
}
#push-enfants #titre{
	padding-bottom:10px;
}

/* ------------------------------------------------------------ PUSH SYNDICATS ------------------------------------------------- */
#push-syndicat-abondance{
	width:250px;
	height:47px;
	background:url(../medias/syndicat-abondance.jpg);
	margin:70px 0 0 20px;
	float:left;
	color:#FFF;
	font-size:77%;
	padding:35px 0 0 17px;
	text-decoration:none;
}#push-syndicat-abondance:hover{
	width:250px;
	background-position:0 82px;
}
#push-syndicat-beaufort{
	width:250px;
	height:47px;
	float:left;
	background:url(../medias/syndicat-beaufort.jpg);
	margin:70px 0 0 20px;
	color:#FFF;
	font-size:77%;
	padding:35px 0 0 17px;
	text-decoration:none;	
}
#push-syndicat-beaufort:hover{
	width:250px;
	background-position:0 82px;
}
#push-syndicat-emmental-de-savoie{
	width:250px;
	height:47px;
	float:left;
	background:url(../medias/syndicat-emmental.jpg);
	margin:70px 0 0 20px;
	color:#FFF;
	font-size:71%;
	padding:35px 0 0 17px;
	text-decoration:none;	
}
#push-syndicat-emmental-de-savoie:hover{
	width:250px;
	background-position:0 82px;
}
#push-syndicat-reblochon-de-savoie{
	width:250px;
	height:47px;
	float:left;
	background:url(../medias/syndicat-reblochon.jpg);
	margin:70px 0 0 20px;
	color:#FFF;
	font-size:77%;
	padding:35px 0 0 17px;
	text-decoration:none;	
}
#push-syndicat-reblochon-de-savoie:hover{
	width:250px;
	background-position:0 82px;
}
#push-syndicat-tome-des-bauges{
	width:250px;
	height:47px;
	float:left;
	background:url(../medias/syndicat-tome-bauges.jpg);
	margin:70px 0 0 20px;
	color:#FFF;
	font-size:77%;
	padding:35px 0 0 17px;
	text-decoration:none;	
}
#push-syndicat-tome-des-bauges:hover{
	width:250px;
	background-position:0 82px;
}
#push-syndicat-tomme-de-savoie{
	width:250px;
	height:47px;
	float:left;
	background:url(../medias/syndicat-tomme-savoie.jpg);
	margin:70px 0 0 20px;
	color:#FFF;
	font-size:77%;
	padding:35px 0 0 17px;
	text-decoration:none;	
}
#push-syndicat-tomme-de-savoie:hover{
	width:250px;
	background-position:0 82px;
}

/* ------------------------------------------------------------ VALEURS + ITINERAIRES ------------------------------------------------- */
#texte-marron{
	clear:both;
}
#texte-marron h2{
	color:#75533e;
	font-weight:bold;
	font-size:118%;
	padding-bottom:2px;
}
#texte-marron .savoir-plus{
	color:#c9835b;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	background:url(../medias/fleche-marron.gif) no-repeat;
	height:16px;
	padding-left:16px;
}
#texte-marron .savoir-plus:hover{
	color:#8a4f39;	
	background-position:0 -14px;
}
#texte-marron a{
	color:#c9835b;
	text-decoration:underline;
}
#texte-marron a:hover{
	color:#8a4f39;	
	text-decoration:underline;
}
#texte-marron ul{
	padding-bottom:12px;
}
#texte-marron ul li{
	list-style-type:none;
	background:url(../medias/puce-marron.gif) no-repeat;
	background-position:0 4px;
	clear:both;
	padding-left:13px;
}
#btn-revenir-articles{
	width:157px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/revenir-articles.jpg);
	margin-bottom:5px;
}
#btn-revenir-articles:hover{
	width:157px;
	background-position:0 26px;
}
#btn-telecharger-charte{
	width:175px;
	height:43px;
	float:right;
	display:block;
	background:url(../medias/boutons/telecharger-charte.jpg);
}
#btn-telecharger-charte:hover{
	width:175px;
	background-position:0 43px;
}
/* ------------------------------------------------------------ GASTRONOMIE CONSEILS ------------------------------------------------- */
.texte-orange{
	clear:both;
}
.texte-orange h2{
	color:#ec7008;
	font-weight:bold;
	font-size:118%;
	padding-bottom:2px;
}
.texte-orange .savoir-plus{
	color:#f39303;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	padding-left:16px;
	background:url(../medias/fleche-orange.gif) no-repeat;
	height:16px;
}
.texte-orange .savoir-plus:hover{
	color:#ec7008;	
	background-position:0 -14px;
}
.texte-orange a{
	color:#f39303;
	font-size:100%;
	text-decoration:underline;
}
.texte-orange a:hover{
	color:#ec7008;	
	text-decoration:underline;
}
.texte-orange ul{
	padding-bottom:12px;
}
.texte-orange ul li{
	list-style-type:none;
	background:url(../medias/puce-orange.gif) no-repeat;
	background-position:0 4px;
	clear:both;
	padding-left:13px;
}
.texte-orange .titre{
	color:#f4a11c;
	font-weight:bold;
	font-size:118%;
}

#btn-revenir-conseils{
	width:160px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/revenir-conseils.jpg);
	margin-bottom:5px;
}
#btn-revenir-conseils:hover{
	width:160px;
	background-position:0 26px;
}
/* ------------------------------------------------------------ CARTE INTERACTIVE ------------------------------------------------- */
#carte-flash{
	width:555px;
	height:655px;
	float:left;
	margin-top:25px;
}
#form-carte{
	margin:260px 0 0 35px;
	width:250px;
	font-size:71%;
}
#form-carte .carte-gauche{
	float:left;
	width:120px;
}
#form-carte .carte-droite{
	float:left;
}
#form-carte legend{
	color:#e0c1b0;
	font-weight:bold;
	font-size:118%;
	padding-bottom:5px;
}
/* hack ie7 */
*+html #form-carte legend{
	padding-bottom:0px;
}
#producteur-vert{
	color:#38190e;
	background-color:#c4d002;
	width:90px;
	padding:0 2px 0 2px;
}
#alpagiste-bleu{
	color:#38190e;
	width:45px;
	background-color:#9bdbf9;
	padding:0 2px 0 2px;
}
#fromagerie-rose{
	color:#38190e;
	background-color:#dda7b3;
	width:100px;
	padding:0 2px 0 2px;
}
#centre-orange{
	color:#38190e;
	background-color:#fbb542;
	padding:0 2px 0 2px;
	width:106px;
}
#form-carte .label-blanc{
	color:#fff;
	margin:0 0 0 3px;
}
/* hack ie7 */
*+html #form-carte .label-blanc{
	margin:0 0 0 0;
}
#form-carte fieldset{
	width:250px;
	border:none;
	padding-bottom:10px;
}
/* ------------------------------------------------------------ CARTE INTERACTIVE : texte détail ------------------------------------------------- */
#titre-producteur-vert{
	color:#a2ac03;
	font-weight:bold;
	font-size:200%;
}
#titre-alpagiste-bleu{
	color:#35baf9;
	font-weight:bold;
	font-size:200%;
}
#titre-fromagerie-rose{
	color:#dd94a4;
	font-weight:bold;
	font-size:200%;
}
#titre-centre-orange{
	color:#fba00a;
	font-weight:bold;
	font-size:200%;
}
#btn-revenir-carte{
	width:143px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/revenir-carte.jpg);
}
#btn-revenir-carte:hover{
	width:143px;
	background-position:0 26px;
}

/* ------------------------------------------------------------ ANIMATIONS + ACTUS ------------------------------------------------- */
#texte-vert{
	clear:both;
}
#texte-vert h2{
	color:#22a459;
	font-weight:bold;
	font-size:118%;
	padding-bottom:2px;
}
#texte-vert .savoir-plus{
	color:#79b51c;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	padding-left:16px;
	background:url(../medias/fleche-verte.gif) no-repeat;
	height:16px;
}
#texte-vert .savoir-plus:hover{
	color:#22a459;	
	background-position:0 -14px;
}
#texte-vert a{
	color:#79b51c;
	font-size:100%;
	text-decoration:underline;
}
#texte-vert a:hover{
	color:#22a459;	
	text-decoration:underline;
}
#texte-vert ul{
	padding-bottom:12px;
}
#texte-vert ul li{
	list-style-type:none;
	background:url(../medias/puce-vert.gif) no-repeat;
	background-position:0 4px;
	clear:both;
	padding-left:13px;
}

#push-quizz{
	margin-left:15px;
	margin-top:315px;

}

#push-animations{
	width:227px;
	height:89px;
	background:url(../medias/push-animations.jpg) no-repeat;
	float:left;
	color:#2a4935;
	font-size:71%;
	margin:245px 0 0 15px;
	padding:13px;
}
#push-animations a{
	color:#2a4935;
	text-decoration:underline;
}
#titre-push-animations{
	color:#006e33;
	font-weight:bold;
	font-size:136%;
}
#btn-haut-page{
	width:111px;
	height:20px;
	float:right;
	display:block;
	background:url(../medias/boutons/haut-page.jpg);
	margin-bottom:5px;
}
#btn-haut-page:hover{
	width:111px;
	background-position:0 20px;
}

/* ------------------------------------------------------------ CHERCHER RECETTE ------------------------------------------------- */
#form-recette{
	margin:118px 0 0 15px;
	width:250px;
	font-size:71%;
}
#form-recette .fromages-gauche{
	float:left;
	width:122px;
	padding:4px 0 0 5px;
}
#form-recette .fromages-droit{
	float:left;
	width:122px;
	padding:4px 0 0 0;
}
#form-recette .plat-gauche{
	float:left;
	width:70px;
	padding:4px 0 0 5px;
}
#form-recette .plat-droit{
	float:left;
	width:70px;
	padding:4px 0 0 5px;
}
#form-recette legend{
	padding:15px 0 0 0;
}
/* hack ie7 */
*+html #form-recette legend{
	padding:10px 0 0 0;
}
/* hack ie6 */
* html #form-recette legend{
	padding:10px 0 0 0;
}
#form-recette .label-marron{
	color:#451d02;
	margin:0 0 0 3px;
}
/* hack ie7 */
*+html #form-recette .label-marron{
	margin:0 0 0 0;
}
/* hack ie6 */
* html #form-recette .label-marron{
	margin:0 0 0 0;
}
.numero{
	float:left;
	width:20px;
}
.numero-legende{
	float:left;
	color:#a34b0e;
	font-weight:bold;
	font-size:118%;
	padding:2px 0 0 3px;
}
.recette-case{
	clear:both;
}
#btn-rechercher{
	width:105px;
	height:26px;
	float:left;
	display:block;
	background:url(../medias/boutons/rechercher.jpg);
	border:none;
	margin-left:22px;
	margin-top:10px;
}
#btn-rechercher:hover{
	width:105px;
	background-position:0 26px;
}
/* hack ie7 */
*+html #btn-rechercher{
	margin-left:10px;
}
/* hack ie6 */
* html #btn-rechercher{
	margin-left:5px
}
.legende-titre{
	width:250px;
	clear:both;
	padding-top:13px;
}

/* ------------------------------------------------------------ RECETTES ------------------------------------------------- */
#texte-recette{
	width:505px;
	float:left;
	font-size:71%;
	color:#696868;
	padding:10px 20px 0 50px;
}
.recette{
	float:left;
	width:505px;
	padding:10px 0 15px 0;
	
}
.recette-visuel{
	float:left;
	background:url(../medias/recettes/vignette-recette.gif);
	width:121px;
	height:120px;
	padding:5px;
}
.recette-infos{
	float:left;
	width:364px;
	padding-left:10px;
}
.recette h2{
	color:#ec7008;
	font-weight:bold;
	font-size:127%;
	padding-bottom:5px;
}
.recette-infos-mots{
	clear:both;
}
#trait-gris{
	width:1px;
	height:42px;
	background-color:#696868;
	float:left;
	margin-right:4px;
}
#texte-gris{
	float:left;	
	width:340px;
	margin-bottom:10px;
}
.recette-etoile-bloc{
	clear:both;
	margin-bottom:10px;
}
.recette-etoile{
	width:13px;
	height:12px;
	background:url(../medias/recettes/etoiles-recette.gif);
	display:block;
	float:left;
	margin-right:3px;
}
.recette-etoile.active{
	width:13px;
	background-position:0 12px;
}
.orange{
	color:#d9620c;
}
#btn-voir-recettes{
	width:182px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/voir-recettes.jpg);
	margin-bottom:5px;
}
#btn-voir-recettes:hover{
	width:182px;
	background-position:0 26px;
}
.pagination{
	text-align:center;
	width:505px;
	padding:15px 0 10px 0;
}
.jaune{
	color:#f4a11c;
}

.pagination a{
	color:#ec7008;
	text-decoration:none;
	padding-right:5px;
}
.pagination a:hover{
	color:#ec7008;
	text-decoration:underline;
}
.pagination a.current{
	color:#ec7008;
	font-weight:bold;
	text-decoration:underline;
}

#form-recette-ami{
	width:305px;
	height:75px;
	padding:20px 0 0 15px;
	background:#eeeeee;
	float:left;
	font-size:12px;
}
#form-recette-ami label{
	color:#696868;
	font-weight:bold;
	float:left;
	width:40px;
	padding-top:2px;
}
#titre-recette-ami{
	margin-bottom:13px;
}
#fleche-recettes{
	width:30px;
	height:26px;
	background:url(../medias/boutons/fleche-recettes.jpg);
	border:none;
	cursor:pointer;
	float:left;
	margin:0 0 7px 2px;
}
#fleche-recettes:hover{
	width:30px;
	height:26px;
	background-position:0 26px;
}
#bloc-email{
	float:left;
	padding-top:3px;	
}

/* ------------------------------------------------------------ RECETTE FICHE ------------------------------------------------- */
#recette-fiche h2{
	color:#ec7008;
	font-weight:bold;
	font-size:200%;
	padding-bottom:5px;
}
#recette-fiche-infos{
	float:left;
	width:350px;
}
#ingredients{
	margin-top:15px;
}
#recette-visuel-fiche{
	float:left;
	background:url(../medias/recettes/visuel-recette.gif);
	width:195px;
	height:196px;
	padding:5px;
}
#btn-imprimer{
	width:96px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/imprimer.jpg);
	margin-bottom:5px;
}
#btn-imprimer:hover{
	width:96px;
	background-position:0 26px;
}
#preparation{
	clear:both;
	margin-top:15px;
}
#preparation table{
	border:none;	
}

/* ------------------------------------------------------------ JEUX / QUIZZ ------------------------------------------------- */
#texte-violet{
	clear:both;
}
#texte-violet h2{
	color:#ab4b60;
	font-weight:bold;
	font-size:118%;
	padding-bottom:2px;
}
#texte-violet a{
	color:#ab4b60;
	font-size:109%;
	font-weight:bold;
	text-decoration:none;
}
#texte-violet a:hover{
	color:#9f203c;	
}
.btn-telecharger{
	width:143px;
	height:26px;
	float:left;
	display:block;
	background:url(../medias/boutons/telecharger.jpg);
	margin:3px 0 5px 15px;
}
.btn-telecharger:hover{
	width:143px;
	background-position:0 26px;
}
.coloriage{
	width:185px;
	float:left;
	margin-top:15px;;
}
.coloriage-visuel{
	float:left;
	background:url(../medias/coloriage-vignette.gif);
	width:164px;
	height:164px;
	padding:5px;
}
.btn-download{
	width:18px;
	height:18px;
	float:left;
	display:block;
	background:url(../medias/boutons/download.gif);
	margin-right:3px;
}
.btn-download:hover{
	width:18px;
	background-position:0 18px;
}
.download-bloc{
	float:left;
	margin:3px 0 0 40px;
}
/* hack ie6 */
* html .download-bloc{
	clear:both;
	width:150px;
	margin:3px 0 0 20px;
}
#form-quizz{
	background:url(../medias/traits-verticaux-quizz.gif);
	background-repeat:repeat-y;
	width:555px;
	margin-top:15px;
}
#form-quizz #colonne-gauche{
	float:left;
	width:235px;
	padding-right:25px;
}
#form-quizz .colonne-gauche{
	float:left;
	width:235px;
	padding-right:50px;
}
#form-quizz #colonne-droite{
	float:left;
	width:235px;
	padding-left:25px;
	clear:left;
}
.numero-legende-quizz{
	float:left;
	color:#9f4156;
	font-weight:bold;
	font-size:118%;
	padding:2px 0 5px 4px;
	width:211px;
}
#form-quizz .texte-quizz{
	padding:3px 0 0 25px;
}
.bloc-question{
	clear:both;
	margin-bottom:15px;
}
#btn-jouer{
	width:68px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/jouer.jpg);
	margin:10px 0 5px 0;
	border:none;
}
#btn-jouer:hover{
	width:68px;
	background-position:0 26px;
}
#btn-rejouer{
	width:81px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/rejouer.jpg);
	margin:0 0 10px 0;
	border:none;
}
#btn-rejouer:hover{
	width:81px;
	background-position:0 26px;
}
#score{
	font-weight:bold;
	color:#9f4156;
	font-size:182%;
}
#reponses{
	color:#844833;
	font-weight:bold;
	font-size:145%;
}
.reponses-marron{
	color:#844833;
	clear:both;
	padding:3px 0 13px 4px;
	margin-left:22px;
}

/* ------------------------------------------------------------ CONTACT ------------------------------------------------- */
#contact-infos{
	width:172px;
	padding:0 10px 0 10px;
	float:left;	
	font-size:71%;
}
#form-contact{
	width:360px;
	float:left;
	margin-top:10px;
}
#form-contact label{
	color:#75533e;
	font-weight:bold;
	float:left;
	width:135px;
	padding-top:2px;
}
.champs-texte{
	border:none;
	background:url(../medias/champs-texte.gif);
	width:217px;
	height:17px;
	color:#696868;
	padding:2px;
}
.contact-bloc{
	padding-bottom:5px;
}
textarea{
	background:url(../medias/zone-texte.gif) no-repeat;
	border:none;
	width:216px;
	height:108px;
	padding:2px;
	float:left;
	color:#696868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:118%;
}
/* hack ie7 */
*+html textarea{
	border:dashed 1px #bebab6;
	background:none;
}
/* hack ie6 */
* html textarea{
	border:dashed 1px #bebab6;
	background:none;
}

#btn-envoyer{
	width:93px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/envoyer.jpg);
	margin:5px 0 10px 0;
	border:none;
}
#btn-envoyer:hover{
	width:93px;
	background-position:0 26px;
}
#contact-petit{
	color:#c9835b;
	font-size:91%;
}
.beige{
	color:#c9835b;
}
.civilite{
	float:left;
	padding-right:35px;
	padding-left:3px;
}
.civilite-puce{
	float:left;
}

<!--------------------------------------------------------- ENVOYER AMI ------------------------------------------------------>

#form-ami{
	width:360px;
	float:left;
	margin-top:10px;
	font-size:
}
#form-ami label{
	color:#22a559;
	font-weight:bold;
	float:left;
	width:135px;
	padding-top:2px;
}
.vert{
	color:#22a559;	
	float:right;
	padding:5px 5px 10px 0;
	width:290px;
	text-align:right;
}
#btn-envoyer{
	width:93px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/boutons/envoyer-ami.jpg);
	margin:5px 0 10px 0;
	border:none;
}
#btn-envoyer:hover{
	width:93px;
	background-position:0 26px;
}




<!------------------------------------------------------ MENTIONS / PLAN------------------------------------------->
#liens-mentions{
	
}
#liens-mentions a{
	color:#c9835b;
	text-decoration:none;
}
#liens-mentions a:hover{
	text-decoration:underline;
}

.plan-1{
	color:#75533e;
	text-decoration:none;
	font-size:118%;
	font-weight:bold;
	display:block;
}
.plan-1:hover{
	color:#75533e;
	text-decoration:underline;
	font-size:118%;
}
.plan-2{
	color:#c9835b;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	background:url(../medias/fleche-plan.gif) no-repeat;
	height:8px;
	padding-left:16px;
}
.plan-2:hover{
	color:#8a4f39;	
	background:url(../medias/fleche-plan-hover.gif) no-repeat;
}
.plan-3{
	color:#75533e;
	text-decoration:none;
	font-size:100%;
}
.plan-3:hover{
	color:#75533e;
	text-decoration:underline;
	font-size:100%;
}
.plan-colonne{
	width:160px;
	float:left;
	padding-right:15px;
}
.plan-ssmenu{
	padding:0 0 10px 17px;
}