/* <<< STRUCTURE GENERALE >>> */
body { margin: 0; padding: 0; text-align: center; font-size: 85%; line-height: 150%; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; background: #fff; }
div#frame { width: 100%; margin: 0; padding: 0; text-align: center; }
/* Fond normal fleurs orange */
/*div#fondentete { width: 100%; text-align: center; margin: 0; padding : 0 ; border-top: 1px solid #bfbfbf; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 4px solid #bfbfbf; background: #d8d8d8 url(../deco/fond.jpg) no-repeat left top ; height: 120px; }
div#entete { width: 990px; margin: 0 auto; text-align: left; height: 120px; padding: 0; background: transparent url(../deco/bandeau.png) no-repeat left top; }*/
/* Fond noel */
/*div#fondentete { width: 100%; text-align: center; margin: 0; padding : 0 ; border-top: 1px solid #bfbfbf; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 4px solid #bfbfbf; background: #d8d8d8 url(../deco/fond3.jpg) no-repeat left top ; height: 120px; }*/
/* Noël */ /*div#entete { width: 990px; margin: 0 auto; text-align: left; height: 120px; padding: 0; background: transparent url(../deco/bandeau1.png) no-repeat left top; }*/
/* Bonne anée */ /*div#entete { width: 990px; margin: 0 auto; text-align: left; height: 120px; padding: 0; background: transparent url(../deco/bandeau1b.png) no-repeat left top; }*/
/* Fin fond noel */
div#entete  a.titre { font-family: Georgia, "Times New Roman", Times, serif; display: block; height: 120px; text-decoration: none; margin: 0; padding: 0 0 0 45px; font-size: 42px; line-height: 120px; color: #333; }
div#entete a:hover.titre { color:  #646464; }
div#menu { width: 990px; margin: 0 auto; text-align: left; padding: 0 ; height: 20px; border-bottom: 1px solid #bfbfbf;}
div#menu ul { list-style-type: none; margin: 0 0 0 45px; padding: 0;  }
div#menu ul li { float: left; text-align: center; margin: 0; padding: 0; }
div#menu ul li a { text-align : left; width: 130px; font-size: 1em; color: #646464; display: block; text-decoration: none; /*border-right: 1px solid #bfbfbf;*/ border-left: 1px solid #bfbfbf; height: 20px; }
div#menu ul li a:hover { color: #333; background: #bad2e8; }
/*div#menu ul li .bord { border-right: 1px solid #bfbfbf; }*/
div#menu ul li a.rss { text-indent: 26px; background: transparent url(../deco/rss.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.rss { background: #bad2e8 url(../deco/rss.png) no-repeat 4% 50% ; }
div#menu ul li a.contact { text-indent: 26px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/email.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.contact { background: #bad2e8 url(../deco/email.png) no-repeat 4% 50% ; }
div#menu ul li a.home { text-indent: 26px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/home.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.home { background: #bad2e8 url(../deco/home.png) no-repeat 4% 50% ; }
div#menu ul li a.photo { text-indent: 24px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/photographies.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.photo { background: #bad2e8 url(../deco/photographies.png) no-repeat 4% 50% ; }
div#menu ul li a.article { text-indent: 26px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/article.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.article { background: #bad2e8 url(../deco/article.png) no-repeat 4% 50% ; }
div#menu ul li a.cuisine { width: 140px; text-indent: 22px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/cuisine.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.cuisine { background: #bad2e8 url(../deco/cuisine.png) no-repeat 4% 50% ; }
div#menu ul li a.admin { text-indent: 26px; border-right: 1px solid #bfbfbf; background: transparent url(../deco/admin.png) no-repeat 4% 50% ; }
div#menu ul li a:hover.admin { background: #bad2e8 url(../deco/admin.png) no-repeat 4% 50% ; }
div#conteneur { width: 990px; margin: 0 auto; padding: 0 ; text-align: left; background : fff; } 
div#left_col { float:left; margin: 0; padding: 15px 0 ; width : 200px; text-align: left; } 
div#left_col h1 {	margin: 0; padding: 0 0 0 25px; font-size: 1em; color: #646464; font-weight: normal; text-decoration: underline; background: transparent url(../deco/yellow_star2.png) no-repeat; line-height: 16px; } 
div#center_col { float: left;	text-align: left;  margin: 0 15px; padding: 10px 15px 0 15px; width: 560px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; } 
div#center_col .banniere { text-align: center;  margin: 0 ; padding: 4px 0; /*border: 1px solid #bfbfbf;*/}
div#center_col_pub { float: left; text-align: left;  margin: 0 15px; padding: 10px 15px 0 15px; width: 710px; border-left: 1px solid #bfbfbf; border-right: 0px solid #ffffff; }
div#right_col { float: left; margin: 0; padding: 15px 0 ; width : 160px; text-align: left; }
div#right_col_pub { float: left; margin: 0; padding: 15px 0 ; width : 10px; text-align: left; }
div#fondpiedpage { width: 100%; text-align: center; margin: 0; padding : 4px 0 0 0 ; border-top: 4px solid #bfbfbf; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #bfbfbf; background: #d8d8d8; height: 62px; }
div#pieddepage { width: 990px; margin: 0 auto; text-align: center; height: 50px; }
div#pieddepage p{ font-size: .8em; color: #000; text-align: center; padding: 0; margin: 0; }
div#pieddepage a { color: #646464; text-decoration: none; }
div#pieddepage a:hover { text-decoration: underline; color: #333; }
/* Menu principal */
ul#menu_principal { list-style-type : none; margin:0; padding:0; } 
ul#menu_principal li {list-style-type: none; border-bottom: 1px dashed #ccc; margin: 0; padding: 0; }
ul#menu_principal a {display: block; margin: 0; padding: 0; height: 20px; background: #fff url(../deco/puce1.gif) no-repeat left;  text-decoration: none; font-size: 1em; font-weight: normal; line-height: 20px; text-indent: 10px; color: #646464; }
ul#menu_principal a:hover { color: #333 ; text-decoration: none; background: #bfbfbf url(../deco/puce1.gif) no-repeat left; }
ul#menu_principal .decalage { margin-left : 15px; }
/* Galeries photo */
div#galerie a { display: block; float: left; width: 164px; height: 164px; font-size: .9em; text-align: center; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 8px 4px 4px 4px; margin:  4px; }
div#galerie a:hover { background: #bad2e8; border: 1px solid #3a7ccd; text-decoration: none; }
div#galerie .textvignette { color: #333; text-align: center; line-height:120%;}
div#galerie img { margin : 0 0 3px 0; border: 1px solid #333; }
/* Album photo du jour */
div#photodujour a { display: block; height: 120px; font-size: 1em; text-align: left; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 10px; margin: 15px 10px; }
div#photodujour a:hover { background: #bad2e8; border: 1px solid #3a7ccd; text-decoration: none; }
div#photodujour h1 { color: #646464; font-size:1.2em ;	font-weight: normal; text-decoration: underline; background: none;}
div#photodujour h2 { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em ;	font-weight : normal; background: none; padding:0; margin: 5px 0 0 0 ; text-decoration: none;}
div#photodujour img { margin: 0 10px 0 0; border: 1px solid #333; }
div#photodujour .vignette { text-align: center; width: 160px; float: left; }
/* Album photo rubriques, geo, etc... */
div#albums a { display: block; float: left; width: 170px; height: 88px; color: #333; font-size: 1em; text-align: center; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 0px; margin:  6px; }
div#albums a:hover{ background: #ae0b0b; text-decoration: none; background: #bad2e8; border: 1px solid #3a7ccd; color: #333; }
div#albums a.rubriques {display: block; border: 1px solid #bfbfbf; background: #f6f6f6; width: 540px; height: 20px; text-align: left; padding: 0px; margin: 6px; clear: both; color: #333; font-size: 1em; }
div#albums a:hover.rubriques { font-size: 1em; background: #ae0b0b; text-decoration: none; background: #bad2e8; border: 1px solid #3a7ccd; color: #333; padding: 0px; margin: 6px;}
div#albums img {	border: 1px solid #000;}
/* Numeros de pages */
a.numerospage {	padding: 1px 1px;	margin: 0; font-style: normal; font-size:0.9em; }
a:hover.numerospage {text-decoration : none;}
/* Voir image */
.zone_medium_img {border: 1px solid #999;	background: #f6f6f6;	padding: 10px 0;	margin: 10px 0 5px 0;	text-align: center;} /* Pour page voir photo */
.imgbordure { border: 1px solid #000000; }
.boite_a_outils { margin: 0; padding: 0; float: right; width:50px;}
div#navig { text-align:center; margin : 0 0 10px 0; }
div#mots_clef p {font-size: .8em; color: #3a7ccd;  } 
div#mots_clef b {font-weight:normal; }
/* Accueil*/
div#dailypicts { height: 320px; float: left; margin: 0 ; padding : 0; text-align: left; border: 1px solid #fff;}
div#dailypicts a { display: block; width: 164px; height: 120px; font-size: .9em; text-align: center; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 8px 4px 4px 4px; margin:  10px 4px; }
div#dailypicts a:hover{ background: #bad2e8; border: 1px solid #3a7ccd; text-decoration: none; }
div#dailypicts img { border : 1px solid #000 ; }
div#dailypicts h4 { margin: 8px 0 8px 15px; padding: 0; color: #646464; font-size: 1em; font-weight: normal; text-decoration: none; background: url(../deco/recommander.png) no-repeat left center; line-height: : 18px; text-indent : 20px; }
div#dailypicts2 a { display: block; float: left; width: 164px; height: 120px; font-size: .9em; text-align: center; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 8px 4px 4px 4px; margin:  4px; }
div#dailypicts2 a:hover{ background: #bad2e8; border: 1px solid #3a7ccd; text-decoration: none; }
div#dailypicts2 img { border : 1px solid #000 ; }
div#zone_forum { float: right; width: 370px; margin: 0 ; padding: 0; }
div#greatshots a { display: block; width: 164px; height: 120px; font-size: .9em; text-align: center; text-decoration: none; border: 1px solid #bfbfbf; background: #f6f6f6; padding: 8px 4px 4px 4px; margin:  10px 4px; }
div#greatshots a:hover{ background: #bad2e8; border: 1px solid #3a7ccd; text-decoration: none; }
div#greatshots img { border : 1px solid #000 ; }
/* balises generiques */
form { margin: 0; }
h1 { margin: 4px; padding: 0 0 0 25px; font-size: 1.4em; color: #646464; font-weight: normal; text-decoration: underline; background: transparent url(../deco/yellow_star2.png) no-repeat left center; height: 28px; line-height: 28px;}
h2 { margin: 0; padding:0 ; color: #646464; font-size:1em ;	font-weight: normal; text-decoration: underline; background: none;}
h3 { margin: 8px 0 0 0 ; padding: 0 0 0 15px ; font-size: 1.4em; color: #646464; font-weight: normal; text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	height: 14px; line-height: 14px;
}
h5 { font-size: 1em; color: #646464; text-decoration : underline; padding: 2px; margin: 5px; }
h6 { font-size: .7em; color: #666; text-align: center; padding: 0; margin: 0; font-weight:normal;}
p { font-size: 1em; color: #000; text-align: justify; padding: 0 0 2px 0; margin: 0; }
a { color: #3a7ccd; text-decoration: none; }
a:hover { color: #646464; text-decoration: underline; }
img { border: none; }
blockquote {text-align: left;	border-left: 5px solid #bfbfbf;	padding: 0 6px;	margin: 10px;	background: #ededed;	font-size:1em;}
 /* Page envoi photo */
.champ_text {	float: left;	margin: 10px ;	padding: 0;	text-align:center;}
.deuxcolonnes {float: left;	width: 250px;	margin: 10px ;	padding: 0; }
/* Class Recettes */
ul#recettes {	list-style-type: none;	margin: 0;	padding: 0;	}
ul#recettes li {	list-style-type: none; font-size: 1em;	margin: 15px;	padding: 0;	text-align: left;}
.alcool {color: #98611d; font-style: italic;}
.description {	color: #666666;	font-style: italic;}
.info_recette {	width: 210px;	float: left;}
.ingredients {	width: 270px;	padding: 0 0 0 10px;	margin: 0 0 0 10px;	float: left;	border-left: 1px solid #666;}
.txt_ingredients {	color: #42b200;}
.etape1 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape2 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape3 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape4 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape5 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape6 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape7 {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
.etape_pourfinir {background: url(../deco/cuillere_en_bois.png) no-repeat left top; padding : 0 30px; }
 /* tutoriels */
.img_left_bord { border: 1px solid #000; background: #fff; padding: 0; margin: 0 5px  0 0; float:left; } /* encadrement noir vignette */ 
.img_right_bord { border: 1px solid #000; background: #fff; padding: 0; margin: 0 0 0 5px; float:right; } /* encadrement noir vignette */ 
.img_left {padding: 0; margin: 0 5px  0 0; float:left; } 
.img_right { padding: 0; margin: 0 0 0 5px; float:right; } 
/* Articles */
div#video { margin: 0; padding: 0 ; text-align: center; }
.endarticle {  font-size: 0.9em; color: #999; font-style: normal; border-bottom: 1px solid #bfbfbf; text-align:right; display:block;}
.img_article { border: 1px solid #999; background: #fff; padding: 5px; margin: 2px 5px 0 0; float: left; }
.img_dispo { float: left; width:168px; height: 130px; text-align : center; margin : 2px ;}
.img_border { border: 1px solid #999; background: #fff; padding: 5px; margin: 5px; text-align:center;}
.aligncenter { text-align:center; }
.img_ico_center { text-align : center ;}
.img_ico_photo { border: 1px solid #999; background: #fff; padding: 3px; margin: 5px; }
.img_ico{ border: 1px solid #999; background: #fff; padding: 3px; margin: 3px 5px 0 0 ; float: left; }
 /* class communes */
.vignette_left { border: 1px solid #000; background: #fff; padding: 5px; margin: 0 8px 8px 0; float: left; }
.label { font-size: 0.8em; color: #333; }
.alert  { color: #d00000; font-weight: bold; }
.info { font-size: 0.8em; color: #646464; }
.note { font-size: 0.8em; color: #333; }
.sms { font-size: 0.8em; color: #AE0B0B; }
.ariane { font-size: 0.9em; }
.floatright { float:right; }
.floatleft { float:left; }
.clearboth { clear: both; }
.center { text-align:center; }
a.lien_rss { text-indent: 25px; background: transparent url(../deco/rss.png) no-repeat left 50% ; }
.table_rss td { margin:10px; padding:10px; }