/* CSS Document */

/* echangeons */
body { background:#f8f0ce url("../images/echangeons/fondpage.gif") repeat-x; }
#global { background-image: url("../images/echangeons/fondcartouche.gif"); }
#decohaute { background: url("../images/echangeons/hautcartouche.gif") no-repeat; }
#decobasse { background:url("../images/echangeons/bascartouche.gif") no-repeat; }
#coldroite { color:#000; }
#colprincipale { }
#colannexe { background-color:#f0ebd4; }
#frise { left:12px; width:671px; background:url("../images/echangeons/frise.gif") repeat-x; }
#entete { background:url("../images/echangeons/fondentete.gif") no-repeat; }
#nav { color:#900; }
#nav a { color:#900; }
#contenu { background:url("../images/echangeons/fondbdedt.gif") repeat-y right top; }
#legal li a { color:#900; }
#legal li a:hover { color:#fff; }
a { color:#900; }
#coldouble h1 { color:#900; border-bottom:1px dashed #900; }
#coldouble h2, #coldroite h2 { color:#900; }
#coldouble h2 span { font-size:12px; }
#coldouble li { list-style-image:url("../images/echangeons/puce_liste.gif"); }

/* page bonnes adresses */
/* couleur 1 */
.adresse { border-bottom:1px dashed #900; }
#coldouble .adresse h2 { color:#c00; }
.adresse p.signature { text-align:right; font-family:Georgia, "Times New Roman", Times, serif; color:#c00; font-size:12px; }
/* couleur 2 */
.adresse2 { border-bottom:1px dashed #f90; }
#coldouble .adresse2 h2 { color:#f90; }
.adresse2 p.signature { text-align:right; font-family:Georgia, "Times New Roman", Times, serif; color:#f90; font-size:12px; }
img.phto { margin:0 0 10px 10px; }
img.logo { margin:0 10px 10px 0; }

/* page vous avez aimé */
form.vousavezaime {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#900;
}
form.vousavezaime label {
	position:relative;
}
form.vousavezaime input {
	padding:1px 5px;
	width:238px;
	border:1px solid #900;
	margin-bottom:8px;
	background:url("../images/echangeons/fondinput.gif") repeat-x left top;
}
form.vousavezaime textarea {
	padding:1px 0 1px 5px;
	width:242px;
	border:1px solid #900;
	margin-bottom:8px;
	background:#fff url("../images/echangeons/fondinput.gif") repeat-x left top;
}
form.vousavezaime input.btnenvoyer, form.vousavezaime input.btnabonner, #coldouble form input.btndesabonner {
	float:right;
	padding:0;
	width:auto;
	height:22px;
	border:none;
	margin:10px 0 20px 0;
	background:none;
}
input.btnabonner {
	width:auto;
	height:27px;
}
#coldouble form input.btndesabonner {
	position:relative;
	width:auto;
	height:27px;
	left:auto;
}


/* page de liste des fromages */
ul.listelettres {
	margin:20px 0 0 0;
	padding:5px 10px;
	border-bottom:1px solid #900;
	border-top:1px solid #900;
}
ul.listelettres li {
	display:inline;
	padding-right:10px;
}

.listefromages {
	margin:30px 0 0 0;
	padding-bottom:50px;
}
.listefromages h2 {
	border-bottom:1px dashed #900;
	margin-bottom:15px;
}
.listefromages span {
	font-weight:bold;
	color:#fff;
	background-color:#900;
	padding:1px 5px;
	margin-left:10px;
}
.listefromages p {
	float:left;
	margin:10px 20px 0 0;
}
.listefromages a.fromage {
	display:block;
	padding-left:14px;
	width:156px;
	height:40px;
	background:url("../images/echangeons/puce_liste.gif") no-repeat 0 4px;
}

p.recette { padding-left:14px; background:url("../images/echangeons/puce_liste.gif") no-repeat 0 4px; }
p.recette a { text-decoration: none; }
p.recette a:hover { text-decoration: underline; }

ul.infos2 {
	background-color:#FFFFFF;
	width : auto ! important;
	*width : 250px;
	*margin : 0px;	
	height : auto;
}

 
span.difficulte { 
	position: relative;
	display: inline-block;
	display:-moz-inline-box;
	vertical-align:middle;
	height: 26px;
	width: 90px;
	margin-left:-5px; 
}

ul.infos2 li span.difficulte {
	/*float : left;*/
	margin : 0 0 10px -20px;
	*margin : 0 0 0 15px; 
}

span.difficulte span { position: absolute; top: 0; left: -999em; }
span.niveau1 { *display : block; background: url(../images/echangeons/difficulte1.png);}
span.niveau2 { *display : block; background: url(../images/echangeons/difficulte2.png);}
span.niveau3 { *display : block; background: url(../images/echangeons/difficulte3.png);}
span.niveau4 { *display : block; background: url(../images/echangeons/difficulte4.png);}

span.commentaire {
  display : block;
  width : 150px;
  margin-left : 80px;
  *margin-left : 115px;
  margin-top : -30px;
  *margin-top : -20px;
  min-height : 26px;
  height : auto !important;
  height : 26px;
}


#coldouble.recette div.blocphotos { float:right; width: 240px; margin: 0 -300px 10px 0; text-align: center; }

#coldroite #recette ul li {
	list-style-type:none;
	font-size:11px;
	margin-left:-20px;
	margin-top:8px;
}

/* page newsletter */
#coldouble .sommairenews {
	border:1px solid #900;
	padding:5px;
}

/* bannière de pub */
.videos { margin: 70px 0 20px 0; padding:0; height: 415px; }
.videos a { position: relative; display: block; float: left; }
.videos a img { border: 3px solid #ffb300; margin: 0; width: 118px; }
.videos a:hover img,
.videos a.videoActive img{ border-color:#900; }
.videos .deco { 
	position: absolute; top: 0; left: 0;
	display: block; width: 133px; height: 103px;
	background: url(../images/video.png) no-repeat center center;
}
.videos a:hover .deco,
.videos a.videoActive .deco{ background: none; /*url(../images/video-hover2.png) no-repeat center center;*/ }

.references { clear: left;  }