/* styles generaux */

* { margin: 0; padding : 0;color : #62513f}
html {height: 100%;  margin-bottom: 1px; }

h1 {  font-size: 48px;}
h2 {  font-size: 36px;}
h3 {  font-size: 24px;}
h4 {  font-size: 21px;}
h5 {  font-size: 18px;}
h6 {  font-size: 16px;}
p {  font-size: 14px;padding: 5px 0;}
.clear { clear : both}

body { color: #62513f ; 
	background-image : url(../images/bg_footer.jpg) ;
	background-position : left 579px;
	background-repeat : repeat-x;
	font-family : arial, helvetica, sans-serif;font-size: 14px; line-height: 1.2em;}


#header {	position: relative; overflow : hidden;
	height : 60px;
	background : url(../images/bg_header.jpg) top left repeat-x;}
	
#menuTop {width : 960px; margin : 0 auto;}
#menuTop ul { padding-top : 22px;float: right}
#menuTop ul li { list-style : none;float: left;}
#menuTop ul li a {display: block; 
	width : 128px; height : 23px; margin: 0 7px;
	text-align : center; text-decoration : none;
	color : #fff; font-size: 17px; padding-top : 7px;padding-bottom : 2px;
	background : url(../images/bg_menuTop.gif) bottom left no-repeat;}
#menuTop ul li a:hover {color : #43372B; background : url(../images/bg_menuTop.gif) top left no-repeat;}

#content-accueil { height : 640px;	
	background : url(../images/bg_content-accueil.jpg) bottom center no-repeat;}

#int-content-accueil { width : 960px; margin : 0 auto;position: relative; }

#colG { width : 222px;float: left; height : 400px;
	background : url(../images/bg_RestoHotelBar.jpg) right top no-repeat;}
#hotel_ouvert { margin : 10px 0 0 10px}
#coordonnees { position: relative; overflow : hidden;
	width : 205px; height : 194px;
	padding : 15px 0 0 0; line-height : 1.3em;
	font-size : 16px; text-align : center;
	background : url(../images/bg_coordonnees.gif) center top no-repeat;
		}
#mail {font-size : 16px}
#coordonnees a { text-decoration : none;border-bottom : 1px solid #DBD0C3}	
#coordonnees a:hover { border-bottom : 1px dotted 	#62513f}
#telephone { font-size : 19px;}
#mobile { font-size : 17px; letter-spacing : 1px;}
#separation  { display : block; height : 1px; width : 120px; background : #fff;margin : 10px auto 6px auto}
#adresse {font-size : 14px;}
#codePostal { font-size : 26px;}
#departement { font-size :20px}
#restaurant, #hotel, #bar, #nom1, #ville {text-indent : -4000px;}

#colD {width : 700px;float: left; height : 400px;
	background : url(../images/bg_Titre.gif) left top no-repeat;}

div#carousel { width : 	920px; 
	position: absolute; top : 536px;left : 25px;padding-top : 5px;}
#carousel button {display: block; float: left; margin : 20px 5px 0 5px;
	border : none; background: none; width : 33px; height : 33px; cursor : pointer}

div.anyClass { float: left;height : 72px;border-left : 1px solid #fff;border-right : 1px solid #fff;}
.anyClass a img { border : 1px solid #fff;}
	
#footer { padding-top : 5px;}
	
#footer h3 { text-align:center; font-weight: lighter; color : #533026;
	font-size: 20px; line-height: 1.1em;}
#footer p { width : 960px;margin : 0 auto;font-size : 14px;color : #633F28; text-align : center;}
/* ---- form mail ---*/
.bg_mail, .bg_tarifs {background : #251F18; color : #AEA69C; }
.input { color : #251F18; }
#formail { text-align : center}
#formail label { display: block;margin-top : 5px;color : #AEA69C}
#textMail h3 { color :#B0987C}
.bg_tarifs { text-align: center;line-height : 2em; }
.bg_tarifs h2 { color :#B0987C; margin-bottom : 20px;}
.bg_tarifs h3 { color :#DFC19D; margin-top : 10px; line-height : 1.5em;text-decoration: underline; }
.bg_tarifs p{ margin : 0; color : #fff ; font-size : 16px;} 
.bg_tarifs h4 { color : #fff ;margin-top : 10px;font-size : 18px;}