/*************************** BALISES *********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #59636C url('../img/bg.jpg') no-repeat top center;
}
h2 {
margin: 7px 0;
font: 20px Arial;
font-weight: bold;
color: #ef9218;
}
h3, legend {
display: block;
font: 12px Arial;
color: #ff8644;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-weight: bold;
}
legend {
margin: 2px 0 2px -10px;
width: 100%;
}
p, li {
	margin: 0.6em 0;
	line-height: 110%;
}
strong {
	font-weight: bold;
}
a {
color: #B61E2A;
}
input[type=text], textarea {
	margin: 2px 0 3px 0;
	background: #fff url('../img/bg-input.gif') repeat-x;  
	border-top:1px solid #838383;
	border-right:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;   
	border-left:1px solid #838383; 
}
input[type=submit] {
	margin: 1em 0;
}
table {
border-collapse: collapse;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
	position: absolute;
	top: 13px;
	left: 50%;
	width: 969px;
	margin-left: -484px;
	background: url('../img/bg-wrapper.jpg') repeat-y;
}
#banniere, #banniere img {
	margin: 0;
	padding: 0;
}
#main {
	clear: both;
}
#main .photos {
float: right;
width: 486px;
height: 282px;
background: url('../img/bg-photos.jpg');
}
#main .photos #myGallery {	
	width: 276px !important;
	height: 185px !important;
	border: 1px solid #A2D7F6;
	margin: 33px 8px 0 28px;
	float: left;
}
#main .photos .vignettes {
	text-align: center;
	margin: 31px 0 0 0;
}
#main .photos .vignettes li {
	float: left;
	margin: 2px 2px;
}
#main .photos .vignettes li img {
	width: 66px;
	height: 44px;
	border: 1px solid #A2D7F6;
}
#main .texte {
float: right;
min-height: 210px;
width: 253px;
padding-right: 217px;
background: url('../img/bg-texte.jpg') no-repeat 253px 10px;
}
#main .news {
width:940px;
margin:0 20px;
}
#main .news h2{
margin-left:10px;
}
#main .news h3{
color:#004F9C;
}
#main .news .news_1{
width:310px;
float:left;
margin:0 5px;
border: 1px solid #bebebe;
padding: 5px;
}
#main .news .news_2{
width:310px;
float:left;
margin:0 5px;
border: 1px solid #bebebe;
padding: 5px;
}
#main .texte p {
line-height: 100%;
}
#main .texte.large {
width: 500px;
padding-right: 230px;
background: url('../img/bg-texte.jpg') no-repeat 513px 10px;
}
#main .texte.tres.large {
width: 650px;
background: url('../img/bg-texte.jpg') no-repeat 663px 10px;
}
#main .texte.type_plat {
background: none;
width: auto;
margin-left: 40px;
}
#main #pre-footer {
clear: both;
float: left;
width: 959px;
height: 33px;
margin-right: 10px;
padding-top: 140px;
background: url('../img/bg-main.jpg') no-repeat bottom left;
}
#main #pre-footer  ul {
padding: 0px 10px 0 200px;
}
#main #pre-footer  ul li{
float: left;
}
#main #pre-footer  ul li a {
font: 11px Verdana;
color: #89868a;
text-decoration: none;
float: left;
padding:0 15px;
background: url('../img/puce-footer.jpg') no-repeat top left;
}
#main #pre-footer  ul li a:hover {
color: #E7820E;
}
#footer {
	clear: both;
	background:url('../img/bg-footer.jpg') no-repeat top right;
	width: 969px;
	height: 34px;
	font: 11px Tahoma, 'Sans Serif', sans;
	text-align: right;
	color: #ddd;
}
#footer p {
	padding: 5px 20px 0 0;
}
#footer p a {
	color: #ddd;
	text-decoration: none;
}
div.lang-selector {
display: none;
position: absolute;
top: 13px;
left: 905px;
}
div.lang-selector a {
background: none;
padding: 0 2px;
}
/**************************** LAYOUT END ***********************************/

/*********************************  NAV  ***********************************************/
#nav {
	margin: -1px 0 0 10px;
	width: 949px;
	height: 29px;
	font: 12px 'Verdana', 'Sans Serif', sans;
	background: url('../img/bg-nav.jpg') repeat-x;
	border-bottom: 2px solid #7A828D ;
}
#nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav a:link, #nav a:visited {
	float: left;
	height: 31px;
	line-height: 29px;
	padding: 0 14px;
	font-size: 130%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url('../img/bg-nav.jpg') repeat-x;
}
#nav a:hover, #nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	background-image: url('../img/bg-nav-hover.jpg');
	color: #fff;
}
/*********************************  NAV END  ***********************************************/

/*********************** CONTENT *********************************/
#hotel h2, #hotel .presentation {
margin: 0 0 0 30px;
}
#carte .contenu li a:link, #carte .contenu li a:visited, #carte .contenu li a:hover {
font: 12px Arial;
color: #000;
text-decoration: none;
}
#carte .contenu li a:hover {
border-bottom: 1px dotted #222;
}
#carte #photos .retour {
	text-align: center;
}
#carte #photos .retour a:link, #carte #photos .retour a:visited, #carte #photos .retour a:hover {
font-size: 16px;
color: #B61E2A;
text-decoration: none;
}
#carte #photos .retour a:hover {
border-bottom: 1px dotted #B61E2A;
}
#tarifs tr th {
padding: 5px 0 0;
}
#tarifs tr td {
padding: 5px 6px 0;
}
#tarifs tr td.intitule {
width: 330px;
}
#tarifs h4.accordion {
cursor: pointer;
background: no-repeat center left;
padding-left: 15px;
}
#tarifs p.accordion {
margin: 2px 0 5px 25px;
font-style: italic;
}
#seminaires #accordion h3 {
cursor: pointer;
clear:right;
background: #eee no-repeat 6px 5px;
padding-left: 20px;
font-weight: bold;
}
#seminaires #accordion ul {
padding: 5px;
border-right: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
}
#seminaires #accordion ul li {
list-style-image: url('../img/tiret.gif');
list-style-position: inside;
padding-left: 15px;
}
#region .illustrations {
margin-left: 12px;
}
#region #map {
	width: 400px;
	height: 400px;
	border: 3px solid #EEEEEE;
}
label {
	display: block;
}
fieldset {
	padding: 0em;
}
fieldset.message textarea {
	width: 98%;
	height: 100px;
}
fieldset.coordonnees {
	float: left;
	margin-right: 50px;
}
fieldset.disponibilites {
	float: left;
}
fieldset.message{
	clear: both;
}
fieldset.validation {
	clear: both;
	text-align: center;
}
#contact fieldset.coordonnees {
}
#contact fieldset.message {
	clear: none;
	float: right;
	width: 325px;
}
#contact .nous_joindre {
	float: left;
	margin: 0 0 0 30px;
}
#contact .nous_joindre h3, #contact .nous_joindre p {
	padding: 2px 0 2px 0;
	margin: 0 0 7px 0;
}
#contact .nous_trouver {
	float: left;
	width: 300px;
	margin-left: 15px;
}
#contact .nous_trouver #map {
	width: 335px;
	height: 375px;
	border: 6px solid #9A0405;
}
#contact .nous_ecrire {
	float: right;
	width: 325px;
	padding-right: 50px;
background: url('../img/bg-texte.jpg') no-repeat 158px 10px;
}
/*********************** CONTENT END *********************************/

/*********************** CLASSES *********************************/
.pagination {
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	color: #2C347F;
}
.pagination span.disabled, .pagination span.current {
	color: #777;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.aligne_centre {
	text-align: center;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.nobg {
	background: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/