/* sauge */


/*....les fonds..................................................................................*/

html body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: "Times New Roman", Times, serif;
	font-size: 9.5px;
	color: #FFFFFF;
	line-height: 10px;
	background-color: #1A1A1A;
	text-decoration: none;
}

#fond_central {
	position: absolute;
	background-color: #1A1A1A;
	left: 50%;
	top: 50%;
	margin: -294px 0px 0px -458px;
	height: 572px;
	width: 900px;
	border: 8px solid #FFFB29;
}

#bt_transparent {
	float: left;
	height: 104px;
	width: 86px;
	margin-top:14px;
	margin-left: 14px;
	background-image: url(img/bt_transparent.gif);
	background-repeat: no-repeat;	
}

/*....menu principal..................................................................................*/

#fond_menu {
	float: left;
	height: 40px;
	width: 900px;
	padding: 0px;
	background-image: url(img/fond_menu.jpg);
}

#ligne_bas_menu {
	float: left;
	height: 7px;
	width: 900px;
	background-image: url(img/lignes_bas_menu.jpg);
	background-repeat: no-repeat;
}

#menu_accueil {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 6px;
	height: 28px;
	width: 80px;
	padding: 0px;
}

#menu_apercu {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 18px;
	height: 28px;
	width: 158px;
	padding: 0px;
}

#menu_proposition {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 18px;
	height: 28px;
	width: 179px;
	padding: 0px;
}
 #menu_commentaires {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 18px;
	height: 28px;
	width: 152px;
	padding: 0px;
}

 #menu_photos {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 18px;
	height: 28px;
	width: 71px;
	padding: 0px;
}

#menu_news {
	float: left;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-left: 18px;
	height: 28px;
	width: 70px;
	padding: 0px;

}


/*....les headers.................................................................................. */

#header_index {
	float: left;
	background-image: url(img/headers/header_index.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_apercu {
	float: left;
	background-image: url(img/headers/header_apercu.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_proposition {
	float: left;
	background-image: url(img/headers/header_proposition.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_commentaires {
	float: left;
	background-image: url(img/headers/model_commentaires.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_photos {
	float: left;
	background-image: url(img/headers/header_photos.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_news {
	float: left;
	background-image: url(img/headers/header_news.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}

#header_recette {
	float: left;
	background-image: url(img/headers/header_recette.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 900px;
	padding: 0px;
}


/*....page index.................................................................................. */


#propostion_de_saison {
	float: left;
	background-image: url(img/propositiondesaison.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 448px;
	margin-top: 3px;
	margin-left: 5px;
}

#notre_recette {
	float: left;
	background-image: url(img/notrerecette.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 448px;
	margin-top: 3px;
	margin-left: 5px;
}

#nos_photos {
	float: left;
	background-image: url(img/photos.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 448px;
	margin-top: 5px;
	margin-left: 5px;
}

#contenu_gauche_index {
	float: left;
	height: 300px;
	width: 448px;
}

#fleche_jaune {
	position:relative;
	display:inline;
	float: left;
	background-image: url(img/fleche_jaune.jpg);
	background-repeat: no-repeat;
	height: 375px;
	width: 27px;
}

#contenu_droite_index{
	display:block;
	float: left;
	height: 375px;
	width: 30px;
}

#menu_du_jour{
	background-image: url(img/menu_du_jour/menu_du_jour.jpg);
	background-repeat: no-repeat;
	display:block;
	float: left;
	height: 33px;
	width: 235px;
}

#menu_dates{
	display:block;
	float: left;
	margin-left:13px;
	height: 17px;
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#lundi{
	display:block;
	background-image: url(img/menu_du_jour/lundi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 50px;
}

#menu_lundi,#menu_mardi,#menu_mercredi,#menu_jeudi,#menu_vendredi{
	float: left;
	height: 35px;
	width: 300px;
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-left: 13px;
	line-height: normal;
}


#mardi{
	display:block;
	background-image: url(img/menu_du_jour/mardi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 50px;
}

#mercredi{
	display:block;
	background-image: url(img/menu_du_jour/mercredi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 90px;
}

#jeudi{
	display:block;
	background-image: url(img/menu_du_jour/jeudi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 50px;
}


#vendredi{
	display:block;
	background-image: url(img/menu_du_jour/vendredi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 80px;
}

#bouton_rond_index{
	float: right;
	height: 23px;
	width: 23px;
	margin-top: 90px;
	margin-right: 10px;
	background-image: url(img/bouton_index/bouton.jpg);
	background-repeat: no-repeat;	
}

/*....page aperçu.................................................................................. */

#fond_apercu {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_apercu.jpg);
	background-repeat: no-repeat;	
}

#texte_apercu{
	overflow: auto;
	scrollbar-3dlight-color : #FFFE96;
	scrollbar-arrow-color : #170F0D;
	scrollbar-base-color : #339;
	scrollbar-darkshadow-color : #535150;
	scrollbar-face-color : #F8F631;
	scrollbar-highlight-color : #FFFE96;
	scrollbar-shadow-color : #72712A;
	scrollbar-track-color : #FFF99C; 
	
	height: 280px;
	width: 520px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-top:70px;
	margin-left: 24px;
	line-height: 20px;
	
}

/*....page proposition................................................................................ */

#fond_proposition {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_proposition.jpg);
	background-repeat: no-repeat;	
}

#texte_gauche_proposition {
	float: left;
	height: 270px;
	width: 380px;
	margin-top: 50px;
	margin-left: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	line-height: normal;
	overflow: auto;
	scrollbar-3dlight-color : #FFFE96;
	scrollbar-arrow-color : #170F0D;
	scrollbar-base-color : #339;
	scrollbar-darkshadow-color : #535150;
	scrollbar-face-color : #F8F631;
	scrollbar-highlight-color : #FFFE96;
	scrollbar-shadow-color : #72712A;
	scrollbar-track-color : #FFF99C;
	
}

#texte_droite_proposition {
	float: left;
	height: 270px;
	width: 380px;
	margin-top: 18px;
	margin-left: 26px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	line-height: normal;
	overflow: auto;
	scrollbar-3dlight-color : #FFFE96;
	scrollbar-arrow-color : #170F0D;
	scrollbar-base-color : #339;
	scrollbar-darkshadow-color : #535150;
	scrollbar-face-color : #F8F631;
	scrollbar-highlight-color : #FFFE96;
	scrollbar-shadow-color : #72712A;
	scrollbar-track-color : #FFF99C;
}

/*....page commentaires.............................................................................. */

#fond_commentaires {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_commentaires.jpg);
	background-repeat: no-repeat;	
}

#bouton_rond_commentaires{
	float: left;
	height: 23px;
	width: 23px;
	margin-top: 226px;
	margin-left: 375px;
	background-image: url(img/bouton_comm/bouton_comm.jpg);
	background-repeat: no-repeat;	
}

#bouton_commentaires{
	float: left;
	height: 11px;
	width: 113px;
	margin-top: 310px;
	margin-left:-370px;
	background-repeat: no-repeat;	
}

/*....page commentaires admin........................................................................ */

#fond_comm_admin {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -294px 0px 0px -458px;
	height: 572px;
	width: 900px;
	border: 8px solid #FFFB29;
	background-image: url(img/fond_page_comm_admin.jpg);
	background-repeat: no-repeat;
}

#texte_comm_amin{
	overflow: auto;
	scrollbar-3dlight-color : #FFFE96;
	scrollbar-arrow-color : #170F0D;
	scrollbar-base-color : #339;
	scrollbar-darkshadow-color : #535150;
	scrollbar-face-color : #F8F631;
	scrollbar-highlight-color : #FFFE96;
	scrollbar-shadow-color : #72712A;
	scrollbar-track-color : #FFF99C; 
	
	height: 420px;
	width: 600px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-top:	80px;
	margin-left: 20px;
	line-height: 20px;
}

/*....page photos.................................................................................. */

#fond_photos {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_photos.jpg);
	background-repeat: no-repeat;	
}

#contenu_photos_1{
	float: left;
	height: 170px;
	width: 900px;
}

#contenu_photos_2{
	float: left;
	height: 170px;
	width: 900px;
}

#photo_pop_1,#photo_pop_2,#photo_pop_3,#photo_pop_4,#photo_pop_5,#photo_pop_6,#photo_pop_7,#photo_pop_8,#photo_pop_9,#photo_pop_10{
	float: left;
	height: 106px;
	width: 163px;
	margin-top: 70px;
	margin-left: 11px;
	background-repeat: no-repeat;
	border: 2px solid #FFFB29;
}

#photo_pop_6,#photo_pop_7,#photo_pop_8,#photo_pop_9,#photo_pop_10{
	float: left;
	height: 106px;
	width: 163px;
	margin-top: 50px;
	margin-left: 11px;
	background-repeat: no-repeat;
	border: 2px solid #FFFB29;

}


/*....page news.................................................................................. */

#fond_news {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_news.jpg);
	background-repeat: no-repeat;	
}

#texte_news{
	overflow: auto;
	scrollbar-3dlight-color : #FFFE96;
	scrollbar-arrow-color : #170F0D;
	scrollbar-base-color : #339;
	scrollbar-darkshadow-color : #535150;
	scrollbar-face-color : #F8F631;
	scrollbar-highlight-color : #FFFE96;
	scrollbar-shadow-color : #72712A;
	scrollbar-track-color : #FFF99C; 
	
	height: 300px;
	width: 400px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-top:	60px;
	margin-left: 26px;
	line-height: 20px;
}

/*....page recette.................................................................................. */
#fond_recette {
	float: left;
	height: 376px;
	width: 900px;
	background-image: url(img/fond_page_recette.jpg);
	background-repeat: no-repeat;	
}

#contenu_gauche_recette {
	float: left;
	height: 376px;
	width: 410px;
}

#titre_recette{
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #F9F077;
	text-decoration: none;
	margin-top:53px;
	margin-left: 20px;
	line-height: normal;
	font-weight: bold;	
	
}

#texte_recette{
	float: left;
	height: 300px;
	width: 391px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-top:	5px;
	margin-left: 19px;
	line-height: normal;
}











