* {
	margin: 0;
	padding: 0;
}

body, html {
	height: 100%;
}

body {
  	font-family: verdana, sans-serif;
  	background:#09310D url(../images/bg.jpg) top left no-repeat;
	color:#463626;
}

#siteBox {
	width: 980px;
    margin: auto;
    background: url(../images/bg-container.jpg) repeat;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
	box-shadow: 0px 0px 10px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333333');
}

#header {
	width: 980px;
	height: 246px;
	margin-top: 15px;
}

#banniere {
	margin-left: -7px;
}

#menugauche {
	width:221px;
	float:left;
	height:100%;
	border-right:1px #463626 solid;
}

#logotopmenu {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 13px;
	text-align: center;
}

ul#menu {
    font-size: 12px;
    font-weight:bold;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 7px;
	padding: 0 ;
/* suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* on passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;
	line-height: 30px ;
	color: #fff ;
	text-indent: 15px ; /* on décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: #1B5919; /* on met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #463626 ;
}

ul#menu li a:hover
{
	background: #D8BF00; /* et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #463626 ;
	color: #1B5919;
}

hr {
	margin: 10px auto 10px auto;
}

#contenu {
	float:left;
	width:728px;
	padding:15px;
}

#troisimagesaccueil {
	text-align:center;
}

#troisimagesaccueil img {
	margin:0;
}

.beauxjours {
	font-size: 16px;
	font-weight: 700;
	color:#FFFF00;
}

#surreservation {
	font-size: 24px;
	color:#1B5919;
	font-weight: 400;
}

#numtelephone {
	font-size: 32px;
	color:#FFFF00;
	font-weight: 400;
	font-family: Alison;
	margin-bottom:15px;
}

#imageflottante {
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 25px;
	float:left;
}

#titresaccueil {
	font-size: 18px;
	font-weight: 700;
	color: #FFFF00;
	float:left;
	margin-left:15px;
	width: 350px;
}

#nosprestations {
	font-size: 16px;
	font-weight: 700;
	color: #FFFF00;
	float:left;
	margin-left:15px;
	margin-top:6px;
}

.listeaccueil {
	list-style-image: url(../images/fleche.jpg);
	float:left;
	width:350px;
	margin-top:6px;
	margin-left:27px;
}

.listeaccueil li {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
}

.lastimageaccueil {
	margin: auto;
	text-align:center;
	padding-bottom: 20px;
}

.imgbordurenoire {
	border: solid 1px black;
}

.divcentrer {
	text-align:center;
}

#textetariforange {
	color: #FFCC00;
	font-weight: 700;
	font-size: 13px;
}

.tableauxtarifs {
	border: 2px solid black;
	width:680px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.tableauxtarifs td, tr, th {
	border: 1px solid black;
}

.interieurth {
	font-family : Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight: 700;
	font-size: 16px;
	color: #CCFFFF;
}

.interieurtd {
	text-align: center;
	font-weight: 700;
	font-size: 13px;
}

#tableauxblanc1 {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #FFFFCC;
	width:680px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
}

#tableauxblanc2 {
	background-color : #ffffcc;
	width:680px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
}

.tarif {
	color: red;
}

.titreitineraire {
	font-family: serif;
	font-size: 24px;
	color: #FFFF00;
	text-align: center;
}

.texteitineraire {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: start;
	margin-left: 15px;
}

#gpsjaune {
	color: #FFFF00;
	font-size: 18px;
	font-weight: 700;
}

#charte {
	margin-top:15px;
	margin-bottom: 35px;
}

#comitedentreprise {
	width: 550px;
	margin: 30px auto 0 auto;

}

.specialcoment {
	font-family: verdana;
	font-size: 18px;
	color: #FFFF00;
	text-align:center;
}

.canoeCE {
	color: #FFFF00;
	font-weight: 700;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
}

.collaboCE {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
}

#titreCE {
	width: 540px;
	text-align:center;
	margin-bottom: 25px;
}

#imgtitrecomiteCE {
	float: left;
}

#divtextecomite {
	font-family: verdana,sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 300px;
	float: left;
}

.imgcomite {
	width: 230px;
	height: 152px;
	border: solid 1px black;
	float: left;
	margin-bottom : 10px;
}

#divoumanger {
	 margin: auto;
	 width: 600px;
}

#soustitreoumanger {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}

.texteoumanger {
	color: #463626;
	font-weight: 400;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
}

.hroumanger {
	clear:both;
	width: 500px;
	margin-top: 25px;
	margin-bottom: 40px;;
}

.imgbordurenoire2 {
	border: solid 1px black;
	float:left;
	margin-right: 25px;
}

#divoudormir {
	margin-left: 35px;
}

#titresoudormir {
	text-align: center;
}

#titre1oudormir {
	color: #FFFF00;
	font-weight: 400;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
}

#titre2oudormir {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
}

#titre3oudormir {
	color: #FFFF00;
	font-weight: 700;
	font-size: 32px;
	font-family: Arial,Helvetica,sans-serif;
}

#teloudormir {
	color: #FF9900;
	font-weight: 700;
	font-size: 32px;
	font-family: Arial,Helvetica,sans-serif;
}

.listeformules {
	list-style-image: url(../images/fleche.jpg);
	color: #FFFF00;
	font-weight: 700;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
}

.texteoudormir {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
}

.grasoudormir {
	color: #FF9900;
	font-weight: 700;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
}

#lienoudormir {
	color: #FFFFFF;
}

#divnouveautes {
	width: 550px;
	margin: auto;
}

#divtextenews {
	font-family: verdana,sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 300px;
	float: left;
}

#divimgnews {
	width: 232px;
	float: right;
}

.titrenews {
	font-size: 13px;
	font-family: verdana,sans-serif;
	font-weight: 700;
	color: #FFFF00;
}

.grasnews {
	font-size: 13px;
	font-family: verdana,sans-serif;
	font-weight: 700;
	color: #FF9900;
}

.imgnouveautes {
	width: 231px;
	height: 151px;
	border: solid 1px black;
	float:right;
	margin-bottom : 30px;
}

.hrnews {
	color: #000000;
	margin: 25px 0;
}

#gifmain {
	margin-left: 105px;
	margin-bottom: 20px;
}

#divcoeur {
	width: 580px;
	margin: auto;
}


.listecoeur {
	list-style-image: url(../images/fleche.jpg);
	color: #FFFF00;
	font-weight: 700;
	font-size: 16px;
	font-family: Arial;
	margin-bottom: 15px;
}

.imgcoeur {
	border: solid 1px black;
}

.textecoeur {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.telcoeur {
	color: #FFFF00;
	font-weight: 900;
	font-size: 12px;
	font-family: Arial;
}

.banierreettexte {
	clear:both;
	float: right;
	width: 360px;
	text-align: justify;
}

#footer {
  	height: 4em;
  	width:100%;
  	font-size: 0.7em;
  	line-height: 2.6em;
  	color: #000000;
  	background: #25509f url(../images/hd.jpg) repeat-y top center;
  	clear: both;
}