@import url("colors.css");

@import url("size.css");

@import url("_elements.css");


@import url("form.css");



/* COMMON STYLES */
form .error_form,
.obligatory{color:black;}


body {

	margin: 0;

	padding: 0;

	font-family : Verdana, Arial, Helvetica, sans-serif;



	background-color: #fff5d7;

	background-image: url("/images/coordonnees.gif");

	background-repeat: no-repeat;

	background-position: 0% 430px;

	background-attachment: fixed;

}



#page {

	position:relative;

}



hr.clear{

 visibility:hidden;

 clear:both;

}



p{

    margin:11pt auto 0 auto;

}



ul{

  margin:0 auto auto 12pt;

  padding:0;

}

li a{

    font-size:10pt !important;

    font-weight:normal;

    text-decoration:underline;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* DIV STYLES */



/*---- Begin DIV principal ----*/



#principal {

	margin: 0;

	padding: 0;

	overflow: hidden;

}



/*---- End DIV principal ----*/





/*---- Begin DIV accessibility ----*/



#accessibility {

	visibility: hidden;

}



/*---- End DIV accessibility ----*/





/*---- Begin DIV banner  ----*/



#banner {

	margin: 0;

	padding: 0;

}

#banner h1{

	/*background:url(http://www.hotel-barbacane.com/images/titre.gif) no-repeat center;*/

	height:60px;

	margin:0; padding:0;

}

#banner h1 span{

	visibility:hidden;

}

.langue img{

  border:0;

}

	/*---- Begin DIV banner_menu ----*/



	#banner_menu {

		text-align: right;

		margin: 0;

		padding: 0;

	}



	#banner_menu ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}



	#banner_menu li {

		display: inline;

		margin: 0 1.4em 0 0;

	}



	#banner_menu a, #banner_menu a:hover, #banner_mail a, #banner_mail a:hover {

		text-decoration: none;

	}



	#banner_mail {

		float: left;

		margin-left: 4px;

	}



	/*---- End DIV banner_menu ----*/



/*---- End DIV banner  ----*/





/*---- Begin DIV contenu ----*/



#contenu {

	margin: 0px 0 0px 135px;

	padding: 15px;

	height: 100%;

  	overflow: hidden;

}



#contenu pre{

 font-family : Verdana, Arial, Helvetica, sans-serif;

 font-size:10pt;

}

/*---- End DIV contenu ----*/



	/*---- Begin DIV coord ----*/

	#coord {

		position: fixed;

		behavior: url("/modeles/fr/BriottieresSkins/css/ie-fixed.htc");

		top: 406px;

		left: 0;

		text-align: center;

		padding: 4px 0px 4px 0px;

	}



	#coord p{

		display:none;

		visibility:hidden;

	}



	#coord a {

		text-decoration: none;

	}



	#coord a:hover {

		text-decoration: underline;

	}



	/*---- End DIV coord ----*/



/*---- Begin DIV menu ----*/



#menu {

	position: absolute;

	top: 130px;

	left: 0px;

}



	/*---- Begin DIV niveau1 ----*/



	#niveau1 ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}



	/*---- End DIV niveau1 ----*/



	/*---- Begin DIV niveau2 ----*/



	#niveau2 ul {

		list-style-type: none;

		margin: 0;

	}



	#niveau2 li a {

		padding-left: 10px;

	}



	#niveau2 li a, #niveau2 li a:hover {

		text-decoration: none;

	}



	/*---- End DIV niveau2 ----*/



/*---- End DIV menu ----*/





/*---- Begin DIV tools ----*/



#tools {

	margin: 0;

	padding: 0;

}



	/*---- Begin DIV receptions ----*/



	#tools>#receptions {

		top: 350px;

	}



	#receptions {

		position: absolute;

		top: 392px;

    left:0;

		text-align: center;

	}



	#receptions a {

		text-decoration: none;

	}



	#receptions a:hover {

		text-decoration: underline;

	}



	/*---- End DIV receptions ----*/





	/*---- Begin DIV print_top ----*/



	#print_top {

		position: absolute;

		overflow: hidden;

		margin: 0;

		padding: 0;

		top: 131px;

		right: 4px;

	}



	#print_top img {

		border: 0;

	}



	#print_top a, #print_top a:hover {

		text-decoration: none;

		padding-left: 6px;

	}



	/*---- End DIV print_top ----*/



	/*---- Begin DIV actualites ----*/



	#actualites {

		position: absolute;

		top: 160px;

		right: 4px;

		text-align: center;

		padding-top: 2px;

		border: 2px solid #A64800;

	}



	#actualites h1 {

		border-bottom: 1px solid #FFFFFF;

	}



		/*---- Begin DIV boxcontenu ----*/



		#boxcontenu h1, #boxcontenu p {

			border: 0;

		}



		#boxcontenu .hrclear {

			visibility: hidden;

		}



		/*---- End DIV boxcontenu ----*/



	/*---- End DIV actualites ----*/



	/*---- Begin DIV guides ----*/



	#guides {

		position: absolute;

		text-align: center;

		margin: 0;

		padding: 0;

		top: 340px;

		right: 4px;

		border: 1px solid #b81b2a;

	}



	#guides ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}



	#guides li {

		margin: 0;

		padding-bottom: 15px;

	}



	#guides a, #footer a:hover {

		text-decoration: none;

	}



	#guides img {

		border: 0;

	}



	/*---- End DIV guides ----*/



/*---- End DIV tools ----*/





/*---- Begin DIV footer ----*/



#footer ul {

	list-style-type: none;

	margin: 0;

	padding-left: 16px;

}



#footer li {

	display: inline;

	margin: 0 1em 0 0;

}



#footer li a, #footer li a:hover {

    color:#fff;

	text-decoration: none;

}



#footer img {

	border: 0;

}



#footer li a.bouton, #footer li a.bouton:hover {

	margin-left: 20px;

	padding-left: 5px;

	padding-right: 11px;

	padding-bottom: 5px;

	vertical-align: 80%;

}



#footer li.footertxt {

	margin-left: 30px;

	vertical-align: 40%;

}



	#footer>#gotop {

		margin-right: 110px;

	}



	#gotop {

		float: right;

		margin-right: 60px;

	}



	#gotop a, #gotop a:hover {

		text-decoration: none;

	}



	#gotop img {

		border: 0;

	}



/*---- End DIV footer ----*/





/*---- Begin DIV formulaire ----*/

.formulaire {

  text-align:center;

}

.formulaire form  {

	width : 500px;

	text-align:left !important;

	margin:0 0 0 13%;

	color: #b81b2a;

	font-size:11px;

}



.formulaire fieldset {

	padding-bottom: 5px;

	padding-left: 2px;

	padding-right: 2px;

	padding-top: 5px;

	border : 1px solid #b81b2a;

	display:inline;

}



.formulaire label{

	float : left;

	width : 20em;

	color: #b81b2a;

	margin:0 !important;

	padding:0 !important;

}

.formulaire .row{

  margin-bottom:15px;

}



.formulaire label.error{

	float : left;

	width : 20%;

}



.formulaire h2{

  display:none;

}



.formulaire input , .formulaire textarea, .formulaire select {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	width :auto;

	border : 1px solid #b81b2a;

	color: #b81b2a;

	margin:0 !important;

	padding:0 !important;

}



#formulaire input, #formulaire select {

	width : 300px;

	border : 1px solid #b81b2a;

	margin:0 !important;

	padding:0 !important;

}



.formulaire input.valid {

	width : 5em;

	margin-left : 1em;

	padding : 0;

	cursor : pointer;

	color:#fff;

	border : 1px solid #b81b2a;

	background:	#b81b2a;

}



.formulaire #submit {

	text-align: right;

}



/* page post validation formulaire */

#forms_thanks{

    margin:3em 0;

    text-align:center;

}

#forms_thanks strong{

    font-size:14pt;

}



#banner h1{

  background:none !important;

}



h1 .avant{

  float:right;

  background:url(/images/puce_t1+.gif) no-repeat bottom right;

  width:72px !important;

  height:46px;

}

h1 .contenu{

  display:block;

  text-align:center;

  margin:0 72px 0 0;

  color:#fff5d7 !important;

  background:#e30016;

  padding-bottom:4px;

  font-size:12pt;

  line-height:22px;

}

h1{

  background:url(/images/puce_t1.gif) no-repeat;

  padding:0 0 0 72px;

  margin-bottom:0;

 overflow:hidden;

}

/*---- End DIV formulaire ----*/





/*---- Begin DIV print ----*/



#print {

	background-color : #FFFFFF;

}



#print h1, #print h2, #print h3, #print p, #print a {

	font-family : Times New Roman, Times, serif;

	color: #000000;

}



#entete p {

	font-size: 8pt;

}



/*---- End DIV print ----*/



div.flash {

	text-align:center;

}

div.flash object{

	margin:auto;

}



.separator{

 visibility:hidden;

 clear:both;

}