@charset "utf-8";
/* CSS Document hotel voyageurs @ 2009 by Lmasclaux.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
/* DIV CONTENEUR */
body{
	font-family:calibri, myriad pro, tahoma;
	color:#003366;
	outline:none;
	background-image:url(../images/bg4.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top center;
	background-color:#FFFFFF;
}
#contact{
	margin-top:30px;
	text-align:center;
	float:left;
	width:240px;
	font-size:14px;
}
#bas-droite{
	margin-top:50px;
	text-align:center;
	float:left;
	/*width:509px;*/
	width:340px;
	font-size:12px;
}
#bas-droite{
	padding:5px;
}
#bascontenu{
	float:left;
	width:749px;
	height:242px;
	background:url(../images/imagebas2.jpg) no-repeat;
}
#divnewsletter{
	font-size:12px;
	float:right;
	width:235px;
	margin-top:0px;
	/*margin-right:150px;*/
}
#divnewsletter input{
	font-size:10px;
	font-family:arial;
}
#conteneur{
	margin:0 auto;
	width:749px;
	height:auto;
}
#pied{
	float:left;
	width:749px;
	height:15px;
	text-align:center;
	font-size:11px;
	background:white;
}
#contenucouleur{
	margin-left:-1px;
	float:left;
	width:749px;
	background-color:#e1e1e1;
}
#banniere{
	float:left;
	width:749px;
	height:142px;
	background-image:url(../images/banniere.jpg);
	background-repeat:no-repeat;
}
#banniere:hover{
	cursor:pointer;
}
#banniere p{
	margin-left:440px;
	margin-top:103px;
	font-size:22px;
	color:#993300;
}
#citation{
	float:left;
	width:749px;
	min-height:20px;
	font-family:calibri, myriad pro, arial;
	font-size:14px;
	font-style:italic;
	color:#666666;
}
#citation .phrase{
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	background:url(../images/citation.jpg) no-repeat 5px -4px;
}
.auteur{
	text-align:left;
	padding-left:30px;
}
#colgauche{
	margin-top:15px;
	float:left;
	width:240px;

	min-height:421px;
	background-image:url(../images/halle2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#003300;
}
#coldroite{
	margin-top:15px;
	float:left;
	width:509px;
	min-height:421px;
	background-color:#FFFFFF;
}
#coldroite p{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	text-align:justify;
}
#longnews{
	width:500px;
	float:left;
	height:100%;
	
}
#tarifs{
	float:left;
	width:254px;
}
#images{
	float:right;
	width:253px;
	border-left:thin dotted #CCCCCC;
}
/* FIN DIV CONTENEUR */
form {
 background-color:#FAFAFA;
 padding:10px;
 
 }
fieldset {
 padding:10px;
 margin-bottom:0px;
 }
legend {
 color:#a0522d;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 }
input {
 border:1px solid black;
 background-color:#eaeaea;
 }
input[type=radio] {
 margin-right:50px;
 background-color:transparent;
 border:none;
 }
select, option {
 background-color:#eaeaea;
 }
textarea {
 border:1px solid black;
 background-color:#eaeaea;
 }


a{
	color:#003366;
	text-decoration:none;
}
a:hover{
	color:#003366;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6{
	margin-left:10px;
	margin-top:10px;
}

img{
padding:5px;
}
hr{
border:1px dotted #999999;
width:200px;
}
/* CSS DU MENU */
#menu{
	width:749px;
	height:74px;
	outline:none;
}
#menugauche{
	float:left;
	width:103px;
	height:74px;
	background:url(../images/menugauche.jpg) no-repeat;
}
#menu1{
	float:left;
	width:137px;
	height:74px;
	background-image:url(../images/menu/menu1scroll.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#menu1selected{
	float:left;
	width:137px;
	height:74px;
	background-image:url(../images/menu/menu1scroll.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}#menu1:hover{
	background-position:bottom;
}
#menu2{
	float:left;
	width:136px;
	height:74px;
	background-image:url(../images/menu/menu2scroll.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#menu2selected{
	float:left;
	width:136px;
	height:74px;
	background-image:url(../images/menu/menu2scroll.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}#menu2:hover{
	background-position:bottom;
}
#menu3{
	float:left;
	width:123px;
	height:74px;
	background-image:url(../images/menu/menu3scroll.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#menu3selected{
	float:left;
	width:123px;
	height:74px;
	background-image:url(../images/menu/menu3scroll.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}#menu3:hover{
	background-position:bottom;
}
#menu4{
	float:left;
	width:130px;
	height:74px;
	background-image:url(../images/menu/menu4scroll.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#menu4selected{
	float:left;
	width:130px;
	height:74px;
	background-image:url(../images/menu/menu4scroll.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}#menu4:hover{
	background-position:bottom;
}
#menu5{
	float:left;
	width:120px;
	height:74px;
	background-image:url(../images/menu/menu5scroll.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#menu5selected{
	float:left;
	width:120px;
	height:74px;
	background-image:url(../images/menu/menu5scroll.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}#menu5:hover{
	background-position:bottom;
}
/* FIN DU CSS DU MENU */