body{
	width:100%;
	margin:0px;
	padding:0;
	color: #FFF;
	background:#000 url('../images/bg_site.gif') top repeat-x;
	font-family: Verdana;
	font-size:11px;
}

.tableSite{
	width:100%;
	margin:0px; padding:0px;
	vertical-align:top;
}

.bgG {
	background:#000 url('../images/bgG.gif') top right no-repeat;
}
.bgD{
	background:#000 url('../images/bgD.gif') top left no-repeat;
}

.page{
	width:955px;
	margin:0 auto 0 auto;
	height:100%;
}

.banniere{
	width:955px;
	height:292px;
	margin:0;
	background:url('../images/banHaut_accueil.jpg') top no-repeat;
	padding-top:13px;
}

#accueil .banniere{background:url('../images/banHaut_accueil2.jpg') top no-repeat;height:292px;}
#resa .banniere{background:url('../images/banHaut_resa.jpg') top no-repeat;height:292px;}
#tarifs .banniere{background:url('../images/banHaut_tarifs.jpg') top no-repeat;height:292px;}
#contact .banniere{background:url('../images/banHaut_accueil.jpg') top no-repeat;height:292px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.contenu{width:935px; min-height:500px; height:100%; margin:0 auto 10px auto; padding:10px 10px;}

.logo{margin:10px 1px 0 130px; float:left;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px; border:1px solid #3c4446;}
.imgD{float:right; margin-left:10px; border:1px solid #3c4446;}

.colGauche{float:left; width:180px;}
.colCentre{float:left; width:535px; margin:0 18px; font-size:12px;}
.colDroite{float:right; width:160px; padding:5px 10px;  height:537px; background:url('../images/cadre4.gif') top center no-repeat;}

.drapeaux{float:right; width:300px; text-align:right;  margin:5px 4px;}
.drapeaux img{margin:3px; }

/****************************** ACCUEIL  ********************************/

.accroche{font-size:13px; text-align:justify; margin-bottom:10px;}

.img_accueil{width:540px; height:230px; margin-top:10px; background:url('../images/img_accueil.jpg') top center no-repeat;}
.img_accueil p{width:240px; font-size:14px; font-weight:bold; padding:40px 20px; text-align:center;}

.accueilCadre1{width:168px; height:174px; float:left; background:url('../images/accueilCadre1.jpg') top center no-repeat; padding:110px 4px 10px 4px;}
.accueilCadre2{width:156px; height:174px; float:left; background:url('../images/accueilCadre2.jpg') top center no-repeat; margin:0 3px; padding:110px 10px 10px 10px;}
.accueilCadre3{width:156px; height:174px; float:right; background:url('../images/accueilCadre3.jpg') top center no-repeat; padding:110px 10px 10px 10px;}

.accueilCadre1 .titre,.accueilCadre2 .titre,.accueilCadre3 .titre{text-align:center; font-family:Arial; color:#ecb439; font-weight:bold; text-transform:uppercase; font-size:11px;}
.accueilCadre1 .texte,.accueilCadre2 .texte,.accueilCadre3 .texte{height:136px; font-size:10px; padding-top:14px;}
.accueilCadre1 a,.accueilCadre2 a,.accueilCadre3 a{display:block; text-align:center; font-size:12px;}

/****************************** RESA  ********************************/

.reservation{
	width:512px;
	margin:10px 0;
	padding:10px;
	background:#8c8c8c url('../images/bg_resa1.jpg') bottom center no-repeat;
}

.formReservation p img{vertical-align:middle;}
.formReservation select{font-size:9px; background:#FFF; border:1px solid #FFF;}

.tableItineraire{width:100%; margin:10px auto;}
.tableItineraire .titreDep{background:#FFF url('../images/pictoDep.gif') left no-repeat; padding:0 3px 0 68px; height:27px; color:#757575; font-size:12px; line-height:13px; width:68%; margin-bottom:10px;}
.tableItineraire .titreArr{background:#FFF url('../images/pictoArr.gif') left no-repeat; padding:0 3px 0 68px; height:27px; color:#757575; font-size:12px; line-height:13px; width:68%; margin-bottom:10px;}
.tableItineraire input{width:94%; font-size:10px; border:1px solid #FFF; margin-bottom:5px; color:#757575;}
.tableItineraire textarea{width:94%; font-size:10px; border:1px solid #FFF; margin-bottom:5px; color:#757575; font-family:Verdana;}
.tableItineraire .submit{width:120px; font-size:10px; border:1px solid #FFF; color:#FFF; background:#000; margin:5px 12px; float:right;}

.historique{
	width:532px;
	border-collapse:collapse;
	padding-bottom:40px;
	background:#8c8c8c url('../images/bg_resa1.jpg') bottom	 center no-repeat;
}

.historique .l1 td{color:#f2b500; font-weight:bold;}
.historique .l2 td{height:40px; border:none;}
.historique tr td{text-align:center; border-bottom:1px solid #FFF; padding:2px 0;}

.formMois{margin:5px 0;}
.formMois b{color:#e5ae0b;}
.formMois select{width:200px; border:1px solid #FFF; background:#000; color:#FFF; font-size:10px;}
.formMois .submit{width:30px; font-size:10px; border:1px solid #FFF; color:#FFF; background:#000; margin-left:4px; text-transform:uppercase;}


/****************************** TARIFS  ********************************/

.blocTarifs{background:#8c8c8c url('../images/bg_blocTarifs.gif') bottom no-repeat; width:512px; margin:10px 0; min-height:286px; padding:10px;}

.tableTarifs{float:left; margin-right:10px;}
.tableTarifs2{clear:both; text-align:center; border-collapse:collapse;}
.tableTarifs2 tr td{border-bottom:1px solid #827b81; padding:5px 0; background:#e7e5e6; color:#1a171b;}
.tableTarifs2 tr .bg1{background:#cdc9cc;}
.tableTarifs2 tr .bg2{background:#b6b0b5;}
.tableTarifs2 tr .bg3{background:#968f95;}
.tableTarifs2 .bg4 td{background:none; color:#FFF; padding:1px; font-size:10px; font-family:Arial; border-bottom:none;}

/****************************** COLDROITE  ********************************/

.colDroite .titre{color:#000; text-transform:uppercase; border-bottom:1px solid #000; font-size:10px; float:right; text-align:right; width:80%; padding:3px 0; margin-bottom:8px;}

.tableLiens{clear:both; height:330px;}
.tableLiens tr td{vertical-align:top; padding:5px;}
.tableLiens tr td b{color:#000;}

/****************************** COLGAUCHE  ********************************/

.espaceClient{background:url('../images/cadre1.gif') top center no-repeat; width:160px; height:94px; padding:5px 10px; margin-bottom:10px;}
.espaceClient .droite{margin:0;}
.espaceClient .titre, .partenaires .titre, .recrutement .titre{color:#000; text-transform:uppercase; border-bottom:1px solid #000; font-size:10px; float:left; width:80%; padding:3px 0; margin:1Px 0;}

.espaceClient .texte, .partenaires .texte, .recrutement .texte{clear:both; margin:0;}

.formLogin {color:#FFF; clear:both; padding:2px 0 1px 0; margin:0;}
.formLogin label{ margin:3px 0 3px 0; display:block;}
.formLogin label span{float:left; width:70px !important; width:60px; text-align:right; padding-right:4px;}
.formLogin input{ width:78px; font-size:9px; padding:0px 2px; border:1px solid #FFF; background:none; color:#FFF; margin:0;}

.partenaires{background:url('../images/cadre2.gif') top center no-repeat; width:160px; height:368px; padding:5px 10px; margin-bottom:10px;}

.recrutement{background:url('../images/cadre3.gif') top center no-repeat; width:160px; height:100px; padding:5px 10px; margin-bottom:10px;}

/************************ CONTACT **************************************/

.adresse{float:left; margin:10px 0; width:200px;}
.adresse p{margin:4px 0; padding:5px 0; font-size:13px; font-family:Arial; color:#FFF;}
.adresse p b{display:block; color:#e5ae0b; font-size:15px; font-weight:bold;}

.mailto,.mailto:visited{color:#FFF;}
.mailto:hover{color:#e5ae0b;}

/************************ TITRES ET TEXTES  **************************************/

.titre1{text-transform:uppercase; color:#FFF; font-size:13px; padding:2px 0; border-bottom:1px solid #FFF; clear:both;}
.titre2{text-transform:uppercase; color:#e5ae0b; font-size:10px; padding:2px 8px; font-weight:bold; border-left:10px solid #e5ae0b; clear:both; margin:20px 0px 5px 10px;}
.titre3{text-transform:uppercase; color:#FFF; font-size:13px; padding:2px 0; border-bottom:1px solid #FFF;}
.titre3 a, .titre3 a:visited{display:inline; width:200px; padding:2px 5px; text-align:center;}
.titre3 a:focus{color:#000; background:#FFF; }

.lettrine {
float: left;
font-size: 2.5em; 
margin-right:1px;
margin-top:-4px;
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #eec10f;
line-height: 1em;
}

.texte{text-align:justify; padding:3px 0;}
.petitTexte{text-align:justify; padding:1px 0; clear:both; font-size:9px;}
.texte b{color:#e5ae0b; font-weight:normal;}
p b{color:#e5ae0b;}

/************************************* Ban HAUT ******************************************/

.minimenu{font-size:10px; font-family:Arial; color:#FFF; padding:0 5px;}
.minimenu a, .minimenu a:visited{color:#FFF;}
.minimenu a:hover{color:#e5ae0b;}

.menu{width:840px; clear:both; margin:0 auto 0 auto; background:url('../images/bg_menu.gif') center top no-repeat; font-family:Arial; border-collapse:collapse;}
.menu tr td{text-align:center; font-size:11px; padding:0; text-transform:uppercase; font-weight:bold;}
.menu tr td a, .menu tr td a:visited{color:#FFF; padding:0px 5px 0px 5px; display:block; background:#000 url('../images/bg_menu.gif') left bottom no-repeat; border-top:1px solid #737373; border-bottom:1px solid #737373; border-right:2px solid #737373; border-left:2px solid #737373; font-weight:bold;}
.menu tr td a:hover, .menu tr td a#courante{color:#e5ae0b; font-weight:bold;}

/********************************** PIED **********************************/

.infosPied {width:100%; font-size:10px; color:#FFF;  background:#000 url('../images/bg_pied.gif') center top no-repeat; min-height:200px; margin:0 auto 0 auto; padding:71px 0 0 0; text-align:center; clear:both;}
.infosPied  p{margin-bottom:15px ;}
.infosPied  a,.infosPied  a:visited{color:#FFF;}
.infosPied  a:hover{color:#e5ae0b;}

.menuPied{width:780px; margin:0px auto 3px auto; background:url('../images/bg_menu.gif') center top no-repeat; font-family:Arial; border-collapse:collapse;}
.menuPied tr td{text-align:center; font-size:11px; text-transform:uppercase;}
.menuPied tr td a, .menuPied tr td a:visited{color:#FFF; padding:0px 5px 0px 5px; display:block; background:#000 url('../images/bg_menu.gif') bottom left no-repeat; border-top:1px solid #737373; border-bottom:1px solid #737373; border-right:2px solid #737373; border-left:2px solid #737373; font-weight:bold;}
.menuPied tr td a:hover, .menuPied tr td a#courante{color:#e5ae0b;}

/*********************************** FORMULAIRES  *******************************************/

form{margin:0;}

.formulaireContact{text-align:left; margin:7px 0 20px 0; color:#7b6d6a; background:#8c8c8c url('../images/bg_resa1.jpg') bottom center no-repeat; padding:5px; width:520px;}
.formulaireContact label{margin:2px 0; padding:2px 0 2px 3px; display:block; color:#FFF; width:99%;}
.formulaireContact label span{margin:2px 2px 2px 0; display:block;}
.formulaireContact b{color:#e5ae0b;}

.formulaireContact input[type=text]{
	width:98% !important;
	width:500px;
	font-size:10px;
	font-family:Verdana;
	display:block;
	background:#FFF;
	color: #4a4a4a;
	padding:2px;
	border:1px solid #FFF;
	vertical-align:bottom;
}

.formulaireContact input[type=radio]{
	margin:0 3px 0 10px;
	color:#FFF;
}

.formulaireContact input[type=file]{
	font-size:10px;
	font-family:Verdana;
	float:left;
	background:#FFF;
	border:1px solid #FFF;
	width:200px;
}

.formulaireContact select{
	width:398px;
	font-size:10px;
	font-family:Verdana;
	float:right;
	background:#000;
	color: #FFF;
	padding:2px;
	border:none;
}

.formulaireContact textarea{
	width:98%;
	font-size:10px;
	height:100px;
	font-family:Verdana;
	float:left;
	background:#FFF;
	color: #4a4a4a;
	padding:2px;
	border:none;
}


.formulaireContact .submit{width:120px; font-size:10px; border:1px solid #FFF; color:#FFF; background:#000; margin:5px 12px; float:right;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

.fermetureBox{text-transform:uppercase; color:#FFF; font-size:13px; padding:2px 10px; border:1px solid #FFF; text-align:right; margin:2px 0;}
#aabEntreprise .texte, #aabPersonnel .texte{ padding:3px 10px;}


hr{
	color: #836414;
	background-color: #836414;
	height: 1px;
	border: 0; 
	margin:3px 0 0 0;
}

img.png {
behavior: url('../js/png.htc');
border:none;
}

p{margin:0;}

a{color:#FFF; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}
a:hover{color:#e5ae0b; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

noscript div{
	width:100%;
	border-bottom:1px solid #F00;
	background-color:#FF9;
	color:#F00;
	text-align:center;
	padding:4px 0 4px 0;
	font-weight:bold;
}
#btn_ok{
	width:20px;
	float:right;
	border:none;
}