/* Main CSS Document */

/* -General */

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

div#wrapper{
	width:748px;
	border:1px #C79C29 solid;
	margin:2px auto auto auto;
	background:transparent url(../img/fr/bg_bottom.gif) no-repeat;
	background-position:bottom;
	height:100%;
}

#bread
{
    width:748px;
    margin:45px auto auto auto;
}

/* -Header */

#header{
	background:transparent url(../img/fr/bg_top.gif) no-repeat;
	background-color:#FFFFFF;
	background-position:top;
	height:140px;
	clear:both;
}

#index #header{
	height:160px;
}

#header *{
	margin:0;
	padding:0;
}

#header .imageLink{
	border:0;	
}

#header #certificat{
	float:right;
	clear:right;
	margin-right:12px;
	display:block;
	margin-bottom:9px;
}

#header #logo{
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#header .imageLink img{
	border:0;
}

#lang{
	float:right;
	font-size:11px;
	text-align:right;
	padding:0;
	margin-right:15px;
}

#lang a:link, #lang a:visited, #lang a:active{
	color:#262F56;
	text-decoration:none;
}

#lang a:hover{
	color:#535F91;
	text-decoration:underline;
}

/* -Flash content */
#flashBanner{
	height:150px;
}

.dotLine{
	display:block;
	width:auto;
	background-image:url(../img/fr/dot_line.gif);
	background-repeat:repeat-x;
	background-position:right;
	height:1px;
	line-height:1px;
	margin:0;
}

/* -Secondary menu content */
#secondMenu *{
	padding:0;
	margin:0;
}

#secondMenu{
	float:right;
	clear:right;
	text-align:right;
	height:35px;
	margin-right:12px;
	width:auto;
	margin-top:7px;
}

#secondMenu a:link, #secondMenu a:visited, #secondMenu a:active{
	color:#916D17;
	display:block;
	text-decoration:none;
	clear:both;
	width:auto;
	line-height:8px;
	height:8px;
	padding:0;
	margin:0;
	margin-bottom:7px;
}

#secondMenu a:hover{
	color:#C79C29;
	text-decoration:none;
	clear:both;
	width:auto;
	line-height:8px;
	height:8px;
}

/* -Main menu content */

#index #mainMenu{
	margin-top:18px;
}

#mainMenu{
	margin-left:14px;
	margin-top:5px;
	margin-bottom:0;
	clear:both;
	height:90px;
}

#mainMenu div{
	width:245px;
	height:90px;
	float:left;
}

#mainMenu div.last{
	width:244px;
	clear:right;
}

#mainMenu div img{
	border:0;
}

#mainMenu div a span{
	display:block;
	float:left;	
}


#mainMenu div a:link .bullet, #mainMenu div a:active .bullet, #mainMenu div a:visited .bullet{
	display:none;
}

#mainMenu div a:hover .bullet{
	display:block;
	height:9px;
	width:34px;
	background-color:#262F56;
	float:left;
	margin-top:3px;
	margin-left:5px;
}

#mainMenu div a:link, #mainMenu div a:active, #mainMenu div a:visited{
	text-decoration:none;
	letter-spacing:1px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#916D17;
	text-transform:uppercase;	
}

#mainMenu div a:hover{
	color:#C79C29;	
	cursor:hand;
}

/* -Promotion menu content */

#promotionMenu{
	margin:0;
	padding:0;
	margin-left:14px;
	margin-top:18px;
	width:auto;
	clear:both;
}

#promotionMenu div{
	width:245px;
	float:left;
}

#promotionMenu div.last{
	width:244px;
	clear:right;
}

#promotionMenu div img{
	border:0;
}
/* -Footer content */
#footer{
	font-size:11px;
	text-align:center;
	padding:0;
	margin:0;
	clear:both;
	height:60px;
}

#footer #reconnaissances{
	float:right;
	margin-right:12px;
}

#footer #menuText{
	position:relative;
	top:20px;
}

#footer a:link, #footer a:visited, #footer a:active{
	color:#262F56;
	text-decoration:none;
}

#footer a:hover{
	color:#535F91;
	text-decoration:underline;
}

/* -Main content */

h1{
	margin:0;
	padding:0;
	margin-left:14px;
	text-indent:-10000px;
	height:27px;
	line-height:27px;
	clear:both;
}

.HeaderTitle
{
	margin:0;
	padding:0;
	margin-left:0px;
	text-indent:0px;
	height:12px;
	line-height:12px;
	clear:both;
	font-size:11px;
	font-weight:normal;
	color:#262F56;
	text-decoration:none;
	
}



h2{
	margin:19px 10px;
	padding:0;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#916D17;
	text-transform:uppercase;
}


h3{
	
	font-size:11px;
	color:#916D17;
	padding-top:0px;
	margin-top:0px;
}

#contextMenu{
	margin:0;
	padding:0;
	margin-left:10px;
	margin-top:18px;
	width:auto;
	clear:both;
}

#contextMenu div{
	width:240px;
	float:left;
}

#contextMenu div.last{
	width:230px;
	clear:right;
}

#contextMenu div img{
	border:0;
}

#mainContent{
	background:url(../img/fr/hebergement_bg.gif) no-repeat;
	width:720px;
	height:auto;
	margin-left:14px;
	padding-bottom:25px;
	min-height:345px;
}

#mainContent #content{
	margin-left:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#503800;
}

#mainContent #content ul{
	margin-left:40px;
	list-style-type:square;
}

#mainContent #content li{
	padding:0;
	margin:0;
	line-height:13px;
}

#mainContent #content #description{
	float:left;
	width:450px;
	margin:0;
	padding:0;
}

#mainContent #content #description h2{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#916D17;
	text-transform:uppercase;
}

#mainContent #content #description p{
	margin-bottom:10px;
}

#photosGroup *{
	clear:none;
	margin:0;
	padding:0;
	border:0;
}

#photosGroup{
	margin:0;
	padding:0;
	float:left;
	margin-right:17px;
	border:0;
	width:224px;
}

#photosGroup img{
	margin:0;
	padding:0;
	border:solid 1px #000000;
}

#photosGroup a, #photosGroup img.noLink{
	display:block;
	float:left;
	margin:0;
	padding:0;
	margin-top:11px;
	margin-right:12px;
}

#photosGroup a.main{
	margin:0;
	padding:0;
}


/* ************************** general settings ********************/

.general #mainContent #content p.first{
	margin:0;
	padding:0;
	float:left;
	clear:right;
}


.general #mainContent #content{
	margin-top:9px;
}

.general #mainContent #content #blocTel{
	margin-top:15px;
}

.general #mainContent #content #photoGroup img{
	margin-right:15px;
	float:left;
	margin-left:9px;
	border:1px solid #000000;
}

.general #mainContent #content ul{
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.general #mainContent #content li{
	list-style-type:square;
	text-transform:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 2px 20px;
}

/* ************** Hébergement ********************** */



#chambreBase h2{
	font-size:14px;
}

h2 .price{
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#262F56;
	text-transform:none;
}

h2 .price .bigger{
	font-size:18px;
}

#blocTel{
	margin:0;
	padding:0;
	margin-top:30px;
	float:left;
	clear:right;
}

.blocTel
{
    font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#262F56;
	text-transform:none;
	font-weight:bold;
	letter-spacing:0.5px;
	clear:both;
	
}

.blocLink
{
    padding:0;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#262F56;
	text-transform:uppercase;
	text-decoration:none;

	padding-right: 20px;
	background:url(../img/fr/btn_fleche.gif) no-repeat;
	background-position:right;
	margin-top:30px;
}


#blocTel a{
	padding:0;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#916D17;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px;
	padding-right: 20px;
	background:url(../img/fr/btn_fleche.gif) no-repeat;
	background-position:right;
		
}

#blocTel span{
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#262F56;
	text-transform:none;
	font-weight:bold;
	letter-spacing:0.5px;
	clear:both;
}
/* ************** Gastronomie ********************** */

#gastronomie #mainContent #content{
	margin-top:9px;
}

#gastronomie #mainContent #content img{
	margin-right:15px;
	float:left;
	margin-left:9px;
}

#gastronomie #mainContent #content #description{
	float:left;

}

#gastronomie #mainContent #content #description #details{
	margin-top:10px;
}

#gastronomie #mainContent #content #description #details li{
	list-style-type:square;
	text-transform:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
}


#gastronomie #mainContent #content ul{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:20px;
	float:left;
	width:400px;
}

#gastronomie #mainContent #content li{
	padding:0;
	margin:0;
	line-height:16px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
}

#gastronomie #mainContent #content li a:link, #gastronomie #mainContent #content li a:visited, #gastronomie #mainContent #content li a:active{
	color:#916D17;
	text-decoration:none;
	font-weight:bold;
}

#gastronomie #mainContent #content li a:hover{
	color:#503800;
	text-decoration:underline;
	font-weight:bold;
}

/* ************** Groupes & Affaires ********************** */



/* ************** Certificat cadeau ********************** */

	

#certificatSelection{
    width:425px;
}

#certificatSelection .prix{
    width:40px;
    text-align:center;
}

#certificatSelection .taxes{
    width:60px;
    text-align:center;
}

#certificatSelection td
{
    padding:5px 0;
    border-top: dashed 1px #262F56;
}


/* ************** Liste d'envois ********************** */


#listeEnvois .required
{
    color:#dd0000;
}

#listeEnvois label
{
    width:75px;
    float:left;
    display:block;
}

#listeEnvois input, #listeEnvois select
{
    width:175px;
}

#listeEnvois p
{
    display:block;
    clear:both;
}

/* ************** Reservation En Ligne ********************** */



#reservation
{
    display:block;
    width:300px;
    height:400px;
}

#reservationEnLigne .required
{
    color:#dd0000;
}

#reservationEnLigne label
{
    width:150px;
    float:left;
    display:block;
}

#reservationEnLigne p
{
    display:block;
    clear:both;
}


/* ************** Nous Joindre ********************** */



#nousJoindre #contextMenu{
	margin:0;
	padding:0;
	margin-top:18px;
	width:auto;
	clear:both;
}

#contextMenu div{
	float:left;
    margin:0;
    padding:0;
    clear:none;
    padding-right:10px;
	width:220px;
}
#contextMenu div.last
{
    width:220px;
	padding-right:0;
}

/* ************** Services & Activités********************** */



/* ************** Forfaits ********************** */


#forfaits p.prix
{
    font-weight:bold;
    clear:both;
    margin:0;
    padding-bottom:10px;
}

#forfaits h2
{
    clear:both;
}

#forfaits #description img
{
    padding-right:15px;
    clear:none;
    display:block;
    float:left;
}


#forfaits #description .infos
{
    clear:none;
    float:left;
}

#forfaits #content #description{
	width:520px;
}

.etiquette
{
    background-image:url(../img/chambre.gif);
    background-repeat:no-repeat;
    width:220px;
    height:57px;
    padding-left:14px;
	padding-top:10px;
	float:left;
}
.etiquetteTitre
{
   	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	color:#916D17;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;

}
.etiquetteTarif
{
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#262F56;
	text-transform:none;
	text-decoration:none;
	font-weight:bold;
}


.fieldDrop
{

    width:181px;
}
.fieldLable
{
    width:150px;
    float:left;
    height:28px;
    margin-top:2px;
    font-size:11px;
}
.fieldBox
{
    width:190px;
    float:left;
}

.fieldText
{
    width:175px;
}

.button
{
   width:335px;
   padding-top:15px;
   text-align:right;
}
.fieldValidation
{
    float:left;
    width:8px;
    text-align:right;
}
.grilleTarifs
{
    margin-top:15px;
}
.grilleForfait
{
    margin-top:8px;
}
.grillePrix
{
   color:#262F56;
   font-weight:bold;
}
.listeForfait
{
    margin-top:10px;
}
.listeForfaitLink
{
     color:#262F56;
     text-decoration:none;
}
.listeForfaitLink:hover
{
     color:#262F56;
     text-decoration:none;
     font-weight:bold;
}
listeForfaitLinkNoVacancy
{
    color:Gray;
}
.textAcceuil
{
    font-size:10px;
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}
.textAcceuilPara
{
    margin-top:0px;
    margin-bottom:8px;
}