@charset "utf-8";
* {margin: 0; padding: 0;}
a img{border:none;}
a{text-decoration:none; color:#383838;}
a:hover{color:#4d77aa;}

body{
	background-color:#d0cdbe;
	background-image:url(../FR/img/bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}


/*###### blocs principaux ######################################################*/
#general{
	width: 900px;
    height: 100%;
    min-height: 750px;
	background-color:#FFF;
}

/*Headers*/
#header_accueil {
	height: 369px;
	background-image:url(../FR/img/hotel-haute-loire-43.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
}
#header_hotel { height: 369px; background-image:url(../FR/img/hotel-brioude.jpg);}
#header_hotelEN { height: 369px; background-image:url(../EN/img/hotel-brioude.jpg);}
#header_hotel_mentions { height: 369px; background-image:url(../FR/img/hotel-brioude-baudiere.jpg);}
#header_hotel_mentionsEN { height: 369px; background-image:url(../EN/img/hotel-brioude-baudiere.jpg);}
#header_resto {	height: 369px; background-image:url(../FR/img/restaurant-brioude.jpg);}
#header_restoEN {	height: 369px; background-image:url(../EN/img/restaurant-brioude.jpg);}
#header_services { height: 369px; background-image:url(../FR/img/hotel-piscine-brioude.jpg);}
#header_tourisme { height: 369px; background-image:url(../FR/img/tourisme-auvergne.jpg);}
#header_tourismeEN { height: 369px; background-image:url(../EN/img/tourisme-auvergne.jpg);}
#header_contact { height: 369px; background-image:url(../FR/img/hotel-brioude-auvergne.jpg);}
/*Headers*/

#contenu
{
	position: relative;
	width: 900px;
	min-height:650px;
	height:100%;
}
#contenu_droite{
	background-color:#dfd7c6; 
	float:right; 
	width:340px; 
	height:650px;
	margin-right:30px;
	text-align:left;
}

#footer
{
	background-image:url(../FR/img/footer.jpg);
	width:900px;
	height:40px;
}

/*###### fin blocs principaux ##############################################################################*/


/*###### MENU ########*/
/*specifique a la page d'accueil*/
#menu_ac{
	width:196px;
	height:188px;
	float:left;
	margin-left:58px;
	position:relative;
	z-index:1;
}
#dewslider_accueil{
	float:left;
	margin-top:-42px;
	position:relative;
	z-index:0;
	}
/*fin specifique a la page d'accueil*/

#menu{
	width:196px;
	height:188px;
	float:left;
	margin-left:58px;
}


#liste_menu{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:188px;
	}
#liste_menu li{
	margin-top:0px;
	margin-bottom:0px;
	border:none;
	}
/*###### fin MENU ########*/


/*###### footer ########*/
#footer a{color:#FFF;}
#footer a:hover{color:#666;}
#menu_footer{float:left; margin-left:40px; color:#FFF; margin-top:12px; font-size:12px;}
#social-sharing {
	float:right; margin-right:25px; color:#666; margin-top:4px; font-size:11px;
}
#mentions_footer{float:right; margin-right:20px; color:#666; margin-top:9px; font-size:11px;}
#drapeau{float:left; margin-left:25px; margin-top:13px;}
/*###### fin footer ########*/


/*###### COntenu des pages ########*/

#texte_gauche{
	float:left; 
	text-align:left; 
	width:460px; 
	margin-left:30px; 
	margin-top:5px;
	font-size:13px;
}
.ariane {font-size:11px;}
#texte_gauche_services{
	float:left; 
	text-align:left; 
	width:460px; 
	margin-left:30px; 
	margin-top:5px;
	font-size:13px;
}
#dewslider_hotel{margin-left:22px;}


#contenu_droite h1{
	margin-bottom:10px;
	margin-top:0px;
	margin-left:20px; 
	font-size:15px; 
	color: #333;
}
#contenu_droite h2{
	margin-bottom:10px;
	margin-top:0px;
	margin-left:49px; 
	font-size:13px; 
	color:#333
}
#contenu_droite p{}

.pliste{
	margin-left:80px; font-size:13px; width:260px;
}
.pliste2{
	margin-left:80px; font-size:12px; width:260px;
}
.pliste3{
	margin-left:45px; margin-top:5px; font-size:13px; width:260px;
}
.autre{
	margin-left:20px;
	font-size:12px;
	width:300px;
}
.dl{color:#800303; font-weight:bold; font-size:13px;}

.services{ color:#17293F; font-weight:bold; font-size:14px; margin-left:-4px;}

/*###### spé à page tourisme ########*/
#lieux{width:300px; margin-left:21px; margin-right:21px; margin-top:15px;}
#lieux p{font-size:13px; margin-top:5px;}
#lieux h1{ margin-left:0px;}



/*###### fin COntenu des pages ########*/

/*###### CONTACT ########*/

form.formulaire legend
  {
  color:#17293F; font-weight:bold; font-size:15px;
  }
form.formulaire fieldset
  {
  padding: 1em;
  border:1px solid #CCC;
  }
form.formulaire label
  {
  display: inline;
  float: left;
  width: 70px;
  margin-top:5px;
  } 
  form.formulaire input
  {
  display: inline;
  float: left;
  width: 90px;
  margin-right:28px;
  margin-top:5px;
  color:#666;
  }
  form.formulaire img
  {
  display: inline;
  float: left;
  margin-right:5px;
  margin-top:7px;
  } 
#pform{margin-left:35px; color:#333;}
  
.titreform{ color:#333; font-weight:bold; font-size:13px;}

#coordonnees{width:310px; margin-left:21px; margin-right:21px; margin-top:15px; background-image:url(../FR/img/carte-acces.gif); background-position:bottom right; background-repeat:no-repeat;}
#coordonnees p{margin-left:0px; font-size:12px;}
#coordonnees h1{margin-left:0px;}


#mentions{width:800px; margin-left:50px; text-align:left; font-size:11px;}

@media screen and (max-width: 1100px)
{
	#texte_gauche, #texte_gauche_services {
		font-size: 11px;
	}
	.dl {
		font-size: 11px;
	}
}

.pf {
	color: #f33;
	font-weight: bold;
	text-align: center;
	margin: 12px 0;
}