* {
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
	background-color: #162648;
	text-align: center;
	font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	}
a {
	color: #30759E;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a:hover {
	color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#global {
	width: 770px;
	background-color: #fff;
	margin: 10px auto 0 auto;
	text-align: left;
	}
	

sup {line-height: 80%; font-size: 80%;}
	
#enTete {
	width: 750px;
	height: 70px;
	position: relative;
	background-color: transparent;
	background-image: url(../images/bgentete.gif);
	background-repeat: no-repeat;
	padding: 10px;
}
#NomHotel {
	position:absolute;
	width:431px;
	height:44px;
	z-index:1;
	left: 103px;
	top: 48px;
}
/************************************************************************************/	
#content {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}

h1,
h2,
h3,
h4,
legend {font-family: "Georgia", Times New Roman, serif;
}
h1 {
	font-size: 20px;
	font-style: italic;
	color: #022675;
	vertical-align: top;
}
	
/***** Titres du contenu *****/
h2 {
	color: #002674;
	font-size: 24px;
	margin-bottom: 10px;}

h6 {
	font-size: 12px;
	color: #002674;
	margin-bottom: 5px;
	text-align: center;
}

.btn {
	display: block; 
	width: 140px; height: 24px;
	background: transparent url(../images/btn.gif) no-repeat;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	border: 0;
	text-decoration: none;}
/************************************************************************************/
.intro {
	font-size: 12px;
	position: relative;}
	
	
	
#enTete #logo {
	border: 0;
	width: 85px;
}

#enTete #CompteGCCI {
	display: block;
	width: 160px;
	height: 33px;
	position: absolute;
	right: 8px;
	top: 49px;
	background: transparent url(../images/btngcci.gif) no-repeat;
	}
#enTete #accesGolf span,
#enTete #accesCompteGCCI span {display: none;
}

/****************** Bloc recherche hôtel */
.blocRechercheHotel {
	background: #F7D14A url(../images/bgblocrechhotel.jpg) no-repeat;
	text-align: right;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.blocRechercheHotel h1 {
	font-size: 18px; font-weight: normal; margin-bottom: 6px;
	}
.blocRechercheHotel p {
	color: #7B6825;
	text-align: center;
	width: 140px;
	margin-left: 140px;
	}
.blocRechercheHotel p a {margin-bottom: 2px;
}
.btnOK {
	width: 40px;
	height: 24px;
	background-image: url(../images/btnOK.gif);
	background-repeat: no-repeat;
}
.btnValider {
	width: 76px !important; height: 18px;
	background: transparent url(../../final/images/btnvalider.gif) no-repeat;
}

/****************** Bloc réservation rapide */
#blocResaRapide {
	width: 300px;
	background-color: #F7D14A;
	position: relative;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#blocResaRapide h2 {margin-bottom: 5px; font-size: 18px; font-weight: normal;}
#blocResaRapide fieldset img {border: 0; position: relative; top: 4px; left: 0;}
#blocResaRapide fieldset p {margin-bottom: 3px;}
#blocResaRapide fieldset p input.inptTxt {width: 115px;}
#blocResaRapide fieldset p select {margin-left: 5px;}
#blocResaRapide fieldset p select.selectJour {
	width: 38px;
}
#blocResaRapide fieldset p select.selectMois {
	width: 110px;
}
#blocResaRapide fieldset label {
	font-size: 12px;
	font-weight: normal;
}
#blocResaRapide .btnOK {
	float: right;
}
#blocResaRapide a.avancee {font-size: 12px; color: #0167CB; display: block; margin-top: 5px;}

#accueil .btnMultiCriteres { font-size: 12px; display: block;
}
/************************************************************************************/
#colGauche, #colDroite {float: left;
}
#colGauche {
	width: 310px;
	margin-right: 10px;
}
#colDroite {
	width: 425px;
	background-color: #DDF2F6;
}
#colDroite h3 {
	font-size: 16px;
	background-color: #30759E;
	color: #fff;
	padding-left: 10px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#colDroite p {
	padding: 0px;
	font-size: 150%;
	line-height: 19px;
	margin: 10px;
	font-weight: normal;
}
/************************************************************************************/
.btnOK,
.btnValider,
.btnDemandeInfos,
.btnDepotCV,
.btnRechercher,
.btnCommander,
.retourPanier,
.modifCoordonnees {
	border: 0; 
	color: #fff; 
	font-size: 12px; 
	text-decoration: none; 
	text-align: center;
	font-weight: bold;
}
btnOK {
	width: 40px; height: 24px;
	background: transparent url(../images/btnOK.gif) no-repeat;
}


#blocCoordonnees {
	background-color: #FAEFC4;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#blocCoordonnees h3 {
	font-size: 16px;
	background-color: #FFB345;
	color: #fff;
	padding-left: 10px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}
#blocCoordonnees p {
	padding: 5px 10px 0 10px;
	font-size: 130%;
	line-height: 14px;
}
/************************************************************************************ Footer */
#footer {
	position: relative;
	background: transparent url(../images/bgfooter.gif) no-repeat left bottom;
	width: 770px;
	height: 70px;
}

#footer ul,
ul.resaTel {list-style: none;
}
#footer ul.resaTel {
	position: absolute;
	left: 20px;
	top: 5px;
	z-index: 2000;
}
ul.resaTel li {
	width: 150px;
	height: 34px;
	float: left;
	text-align: center;
	margin: 0 5px;
	font-size: 9px;
}
ul.resaTel li.numeroVert {background: transparent url(../images/numerovert.gif) no-repeat left bottom;}
ul.resaTel li.numeroVert span { display: none; }
ul.resaTel li.rappelImmediat a {
	display: block;
	width: 150px; height: 18px; margin-top: 2px;
	background: transparent url(../images/rappelimmediat.gif) no-repeat left bottom;}
ul.resaTel li.rappelImmediat a span {display: none;}

ul#navCorpoBasse {position: absolute; right: 10px; bottom: 8px;}
ul#navCorpoBasse li {
	height: 10px;
	text-align: right;
	margin-top: 5px;
	line-height: 6px;
	background: transparent url(../../final/images/flechenavcorpo.gif) no-repeat right top;
	padding-right: 10px;}
ul#navCorpoBasse li a {
	color: #0066CC; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;}
ul#navCorpoBasse li a:hover { color: #000; }

ul#navSite {
	position: absolute;
	left: 26px;
	bottom: 8px;
	width: 310px;
}
ul#navSite li {
	float: left;
	margin-right: 20px;}
ul#navSite li a {
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;}
ul#navSite li a:hover { color: #000; }

#copyright {
	background-color: #162648;
	color: #B4DFE6;
	font-size: 12px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: center;
}

/***************************************************************/
/* 												  Navigation principale */
/***************************************************************/

ul#navPrincipale {
	list-style: none;
	height: 23px;
	padding-left: 0px;
	margin-bottom: 0px;
	width: 745px;
}
	
#accueil ul#navPrincipale,
#presentation ul#navPrincipale,
#acces ul#navPrincipale,
#accueil_en ul#navPrincipale,
#presentation_en ul#navPrincipale,
#acces_en ul#navPrincipale {
	border-bottom: 4px #002674 solid;
	padding: 0px;
	margin: 0px;
	display: block;
}

ul#navPrincipale li {
	float: left;
	margin-right: 3px;}
ul#navPrincipale li.noMargin {
	margin-right: 0;}
ul#navPrincipale li a {
	display: block;
	height: 23px;
	background-position: 0 0;
}

ul#navPrincipale li#btnNav01 a {
	width: 48px;
	background-image: url(../images/btnnav01.gif);
}
ul#navPrincipale li#btnNav02 a {
	width: 70px;
	background-image: url(../images/btnnav02.gif);
}
ul#navPrincipale li#btnNav03 a {
	width: 40px;
	background-image: url(../images/btnnav03.gif);
}

ul#navPrincipale li#btnNav01_en a {
	width: 42px;
	background-image: url(../images/btnnav01_en.gif);
}
ul#navPrincipale li#btnNav02_en a {
	width: 93px;
	background-image: url(../images/btnnav02_en.gif);
}
ul#navPrincipale li#btnNav03_en a {
	width: 40px;
	background-image: url(../images/btnnav03_en.gif);
}

ul#navPrincipale li a:hover {
	background-position: 0 -23px;
}
ul#navPrincipale li a span {
	display: none;}
	
/**************** Spécificités de la sous nav selon les pages */

#accueil ul#navPrincipale li#btnNav01 a,
#presentation ul#navPrincipale li#btnNav02 a,
#acces ul#navPrincipale li#btnNav03 a,
#accueil_en ul#navPrincipale li#btnNav01_en a,
#presentation_en ul#navPrincipale li#btnNav02_en a,
#acces_en ul#navPrincipale li#btnNav03_en a {
	background-position: 0 -48px;
}
	
	
.aligndroite {
	float: right;
	vertical-align: top;}
#colDroite img {
	border: thin solid #162648;
}
span.SpellE {
	mso-style-name:"";
	mso-spl-e:yes;
	}
#drapeau {
	position:absolute;
	width:71px;
	height:24px;
	z-index:2;
	left: 535px;
	top: 67px;
	}
.slogan {
	color: #999999;
	font-weight: bold;
}
#liensBW {
	position:absolute;
	width:403px;
	height:24px;
	z-index:1;
	left: 354px;
	top: 14px;
	text-align: right;
}
