/* :::::::::::::::::::::::: */
/* ::: LE PONT DE BRENT ::: */
/* :::::::::::::::::::::::: */


/* 
::: NUANCIER ::: 
    
	GRIS FONCE  : #7c7773 (txt)
	BEIGE CLAIR : #f3f1ec

*/

body{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS" Arial, Verdana, sans-serif;
	font-size:13px;
	color:#7c7773;
	background:#FFFFFF;
	}
	
div, span, p, img, a, a img, table, ul, ol{
	padding:0;
	margin:0;
	border:0;
	text-indent:0;
	outline:none;
	}
	
ul{
	list-style-type:none;
	}

	

/* ::: PAGE ::: */

#header{
	position:fixed; top:0; left:0;
	height:18px;
	width:100%;
	z-index:52;
	}

#ligne_top{
	height:3px;
	max-height:3px;
	width:100%;
/*	background-color:#FF0000;  COULEUR */
	}

#menu_lang{
	float:right;
	height:15px;
	width:85px;
	}
#menu_lang a{
	display:inline-block; 
	vertical-align:top; /* supprimme le margin-top automatique du inline-block */
	width:20px;
	height:15px;
	margin:0 3px 0 0;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
/*	background-color:#FF0000;  COULEUR */
	}
#menu_lang a:hover{
	background:url(../interface/principal/1px.png) repeat; /* COULEUR B */
	}
	


#gauche{
	position:absolute;	top:0;	left:0;
	width:140px;
	height:100%;
	background:url(../interface/principal/degrade_g.jpg) no-repeat right top #FFFFFF;
	z-index:20;
	}
#droite{
	position:absolute;	top:0;	left:460px;
	width:129px;
	height:100%;
	background:url(../interface/principal/degrade_d.jpg) no-repeat left top #FFFFFF;
	z-index:18;
	}
img#droite_img{
	position:absolute;	top:0;	left:460px;
	z-index:20;
	}
#centre{
	position:absolute;	top:0;	left:140px;
	width:320px;
	height:100%;
	z-index:21;
	}
#bloc_photo{
	position:absolute;	top:200px;	left:0;
	width:100%;
	min-width:1020px;
	height:350px;
	z-index:19;
	background-color:white;
	}
	
#photo{
	display:inline-block;
	width:880px;
	height:350px;
	float:right;
	}
	#photo img{
		}
ul#albums{
	list-style-type:none;
	}
	

	
#banner{
	width:320px;
	height:90px;
	margin:10px 0 0 0;
	}
#gr_banner{
	position:relative; top:-15px;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:0.1em;
	width:99%;
/*	color:#FF6600;  COULEUR */
	}
	
#calque{
	position:absolute;
	top:200px; left:0;
	width:320px;
	height:360px;
	background:url(../interface/principal/calque.png) repeat-x;
	}
	
#zonetexte{
	position:relative; top:64px;
	width:305px;
	margin:0 10px 0 15px;
	padding-bottom:25px; /* marge en bas de page */
	z-index:60;
	}
	#zonetexte .titre_menu{
		text-transform:uppercase;
		letter-spacing:0.2em;
		}
	#zonetexte #contenu{
		height:auto;
		max-height:620px;
		padding:0 10px 0 0;
		overflow:auto;
		}



/* ::: MENU ::: */

#menu{
	position:relative; top:192px; left:5px;
	width:120px;
	text-align:right;
	letter-spacing:0.02em;
	}
#menu ul.navigation{
	line-height:1.4em;
	}
.navigation a{ /* menus */
	display:block;
	padding:0 0 4px 0;
	color:#3f3732;
	text-decoration:none;
	}
.navigation a:hover, .navigation a:focus, .navigation a:active{
	text-decoration:none;
	color:#7c7773; /* a19a96 */
	}
.navigation a:hover:before, .navigation a:focus:before, .navigation a:active:before{
	content:"| ";
	font-weight:bold;
/*	color:#aad42b;  COULEUR */
	}
#menu .ligne_menu{
	border-top:1px solid #eeece7;
	display:inline-block;
	width:90%;
	height:5px;
	}



/* ::: PIED ::: */

#pied{
	height:25px;
	width:100%;
	position:fixed;	bottom:0;	left:0;
	z-index:30;
	overflow:hidden;
	background-color:#FFFFFF;
	}
#pied p{
	text-align:center;
	font-size:0.9em;
	margin:5px 0 1px 0;
	overflow:hidden;
	color:#3f3732;
	}
	
.alt7{
	font-weight:bold;
/*	color:#FF3300;  COULEUR */
	}



/* ::: FORMULAIRES ::: */

input, textarea{
	border:1px solid #e2e0db;
	font-family:"Trebuchet MS" Arial, Verdana, sans-serif;
	font-size:12px;
	color:#7c7773;
	}
label{
	font-size:0.85em;
	}
textarea{
	margin:0;
	padding:3px;
	vertical-align:top;
	}
input[type=submit], input[type=reset]{
	border:1px solid #f3f1ec;
	background-color:#f3f1ec;
	}
input[type=submit]:hover, input[type=reset]:hover{
	border:1px solid #e2e0db;
	background-color:#f3f1ec;
	}
input[type=submit]:active, input[type=reset]:active{
	border:1px solid #e2e0db;
	background-color:#e2e0db;
	}



/* ::: LIENS ::: */

a{
	font:inherit;
	text-transform:inherit;
	text-decoration:inherit;
/*	color:#aad42b;  COULEUR */
	cursor:pointer;
	}
	a:hover{
		text-decoration:underline;
		}




/* ::::::::::::::::::::::: */
/* ::: PAGES - CONTENU ::: */
/* ::::::::::::::::::::::: */

/* ::: GLOBAL ::: */

.info_small{
	font-size:0.85em;
	}
.erreur{
	color:#FF0000;
	}
.encadre{
	background-color:#f3f1ec;
	padding:4px 5px 5px 5px;
	width:auto;
	}
.plus_grand{
	font-size:1.2em;
	}
.centrer_txt{
	text-align:center;
	}
.droite_txt{
	text-align:right;
	}



/* ::: ACCUEIL ::: */

.titre_news{
	font-size:1.2em;
	}
.time_news{
	font-size:0.8em;
	font-style:italic;
	}
	

/* ::: INFORMATIONS ::: */

#cards img{
	display:inline-block;
	margin:10px 5px 10px 0;
	}


/* ::: RESERVATIONS ::: */

#reservations label{
	display:inline-block;
	width:100px;
	vertical-align:text-top;
	}	
#reservations input[type=text]{
	margin:0 0 3px 2px;
	width:190px;
	}
#reservations input#jour, #reservations input#mois{
	width:25px;
	}
#reservations input#heure, #reservations input#nbrcouvert, #reservations input#an{
	width:44px;
	}
#reservations label[for=dejeuner], #reservations label[for=diner]{
	width:auto;
	max-width:60px;
	}
#reservations textarea{
	width:186px;
	max-width:186px;
	height:80px;
	}
	
	
/* ::: BOUTIQUE COMMANDE ::: */

#form_boutique label{
	display:inline-block;
	width:60px;
	vertical-align:text-top;
	}	
#form_boutique input[type=text]{
	margin:0 0 3px 2px;
	width:230px;
	}
#form_boutique input#np, #form_boutique input#quantite, #form_boutique input#valeur{
	width:50px;
	}
#form_boutique input#lieu{
	width:172px;
	}
#form_boutique label#valeur_label{
	width:76px;
	}

#form_boutique textarea{
	width:226px;
	max-width:226px;
	height:50px;
	}


/* ::: MENUS ::: */

#menus_repas p{
	text-align:center;
	}
	
	
	
	
	
/*GALERIE PHOTO JQUERY*/
div#galerie_photo {
	width:760px;
	height:500px;
	float:left;
	margin-top:200px;
	margin-left:56px;
}

div#galerie_photo img {
	float:left;
	width:100px;
	height:67px;
	margin-right:18px;
	margin-bottom:18px;
}