@charset "utf-8";
/* CSS Hotel Restaurant OBERLE */

/* MISE EN PAGE */

* {
	margin:0px;
	padding:0px;
	border:0px;
	}


body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	}
	
#contener {
	background-color:#FFFFFF;
	width:852px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 2px 2px 2px 2px;
	}
	
#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:186px;
	margin-bottom:2px;
	}

#menu {
	margin-bottom:2px;
	}
	
#corps {
	float:left;
	width:585px;
	padding: 0px 10px 10px 10px;
	}
	
#contenu_droite {
	float:left;
	width:230px;
	padding: 55px 0px 10px 10px;
	}

#corps_haut {
	background-image:url(../images/sepa_ornement_haut.jpg);
	height:39px;
	background-position:right;
	background-repeat:no-repeat;
	padding: 0px 50px 0px 0px;
	margin-top:10px;
	}

#corps_centre {
	background-image:url(../images/sepa_ornement_mid.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding: 0px 50px 0px 0px;
	}
	
#corps_bas {
	background-image:url(../images/sepa_ornement_bas.jpg);
	height:40px;
	background-position:right;
	background-repeat:no-repeat;
	padding: 0px 50px 0px 0px;
	}

#foot1 {
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:22px;
	margin:0px 10px;
	border-top:solid 1px #DFB5B7;
}

#mentions {
	font-size:10px;
	padding-top:3px;
	float:left;
}

#realisation {
	font-size:10px;
	padding-top:3px;
	float:right;
}
	
#footer {
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff8d8e;
	width:850px;
	margin:auto;
	margin-bottom:10px;
	text-align:center;
	}
	
#footer a {
	font-weight:bold;
	color:#ff8d8e;
	text-decoration:none;
	}

#footer a:visited {
	font-weight:bold;
	color:#ff8d8e;
	text-decoration:none;
	}
	
#map {
	width:482px;
	margin:auto;
	text-align:center;
	border: 3px solid #abacae;
	}


	/* MENU */
	
	ul li {
		display:inline;
		}
	
	#accueil a { 
   		 display: inline-block ; 
   		 background-image:url(../images/menu_01.jpg); 
		 width:151px;
		 height:32px;
   		 }
	     
	#accueil a:hover, #accueil a:active { 
   	 	background-image:url(../images/over_01.jpg);
		width:151px;
		height:32px;
		}
	
	#accueil-current a {
		display: inline-block ; 
   	 	background-image:url(../images/over_01.jpg);
		width:151px;
		height:32px;
		}
		
	#restaurant a { 
   		 display: inline-block ; 
   		 background-image:url(../images/menu_02.jpg); 
		 width:211px;
		 height:32px;
   		 }
	     
	#restaurant a:hover, #restaurant a:active { 
   	 	background-image:url(../images/over_02.jpg);
		width:211px;
		height:32px;
		}
		
	#restaurant-current a {
		display: inline-block ; 
   	 	background-image:url(../images/over_02.jpg);
		width:211px;
		height:32px;
		}
		
	#hotel a { 
   		 display: inline-block ; 
   		 background-image:url(../images/menu_03.jpg); 
		 width:123px;
		 height:32px;
   		 }
	     
	#hotel a:hover, #hotel a:active { 
   	 	background-image:url(../images/over_03.jpg);
		width:123px;
		height:32px;
		}
		
	#hotel-current a {
		display: inline-block ; 
   	 	background-image:url(../images/over_03.jpg);
		width:123px;
		height:32px;
		}
	
	#coordonnees a { 
   		 display: inline-block ; 
   		 background-image:url(../images/menu_04.jpg); 
		 width:204px;
		 height:32px;
   		 }
	     
	#coordonnees a:hover, #coordonnees a:active { 
   	 	background-image:url(../images/over_04.jpg);
		width:204px;
		height:32px;
		}
		
	#coordonnees-current a {
		display: inline-block ; 
   	 	background-image:url(../images/over_04.jpg);
		width:204px;
		height:32px;
		}
		
	#contact a { 
   		 display: inline-block ; 
   		 background-image:url(../images/menu_05.jpg); 
		 width:163px;
		 height:32px;
   		 }
	     
	#contact a:hover, #contact a:focus, #contact a:active { 
   	 	background-image:url(../images/over_05.jpg);
		width:163px;
		height:32px;
		}
		
	#contact-current a {
		display: inline-block ; 
   	 	background-image:url(../images/over_05.jpg);
		width:163px;
		height:32px;
		}


/* TEXTES + LIENS */

p	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
a 	{
	color:#990000;
	}
	
#contenu_accueil {
	margin-left:8px;
	}
	
.bord_g_rouge {
	border-left: 5px solid #a32121;
	padding-left:5px;
	font-size:12px;
	}

.txt-douze {
	font-size:12px;
	}
	
	
.coordonnees {
	margin-top:10px;
	font-size:12px;
	padding-left:10px;
	}

		
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#871e1d;
	margin-top:8px;
	}
	
h3 {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#871e1d;
	}

h3 span {
	display:block;
	border-bottom:2px solid #990000;
	width:216px;
	}

.details {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-left:175px;
	color:#871e1d;
	}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.box {
	border:solid  1px #d28b8b;
	}
				
.box2 {	
	border:solid  1px #d28b8b;
	}
			
.submit {
	background-image:url(../images/bouton_form.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:25px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	padding-bottom:3px;
	}
			
.submit:hover {
	background-image:url(../images/bouton_form_over.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:25px;
	color:#FFFFFF;
	cursor:pointer;
	}

.grey {
	background-color:#eeeeee;
	}
	
.required {
	color:#FF0000;
	}
	
.p_center {
	text-align:center;
	}

.gras_centre {
	font-weight:bold;
	text-align:center;
	}
	
hr {
	background-color:#990000;
	width:400px;
	height:1px;
	margin:auto;
	}