@CHARSET "ISO-8859-1";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}

h1{
  margin:0;
  padding:0;
}

h2{
  margin:0;
  padding:0;
}

h3{
  margin:0;
  padding:0;
}

h1.titre{
  font-size: 1.7em;
  text-align:left;
}

h2.titre2{
  font-size: 1.5em;
  text-align:left;
}


#tarif{
	float:right;
	background:url(../images/bouton_tarif.gif) no-repeat;
	padding-top:10px;
	margin-right:10px;
	margin-top:20px;
	height:36px;
	width:84px;
	text-align:center;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

#header_image{
	height:175px !important;
	height:140px;
	border:
}

#logoHome{
	z-index:1;
	position:absolute;
	top:45px;
	left:10px;
	width:180px;
	height:50px;
}

#container {
	width: 991px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background-color: #FFFFFF;
	position: relative;
}
#menu {
	background-image: url(../images/back_menu.gif);
	height:24px;
	text-align:center;
}
#header {
	padding: 0 5px 0 5px;
	background-color: #000000;
	height: 27px;
}
#header h1 {
	margin: 0;
	padding: 10px 0;
}
#left {
	background-image: url(../images/spirale.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 253px;
	vertical-align: top;
}
#divtop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 8px;
}
#divbot {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 10px;
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
}
#sites {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	border: 1px solid #666666;
}
#mainContent {
	border-top: 1px solid;

	background-color: #D7D7D7;
}
#footer {
	padding: 0 10px;
	background-color: #000000;
	color:#fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px;
}

#after_footer{
	padding: 0 10px;
	margin: 0 auto;
	color:#fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:5px;
	width:991px;
}

#after_footer a{
	color:#fff;
}

#right {
	width: 300px;
	vertical-align: top;
	text-align: center;
}
.img_accueil {
	border: 1px solid #999999;
	margin: 78px 8px 15px 8px;
}
#middle {
	width: 436px;
	vertical-align: middle;
	padding-top: 10px;
	height:320px;
}
#footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.Style2 {
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
}
.offres {
	margin: 10px 0px 0px;
	border: 1px solid #FFFFFF;
}
#tabpart {

	margin-top: 10px;
}
#tabpro {

}


.Style3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style5 {
	font-size: 11px;
	padding-left: 20px;
}
.Style8 {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	float: left;
}
.Style9 {
	font-size: 10px;
	font-weight: bold;
	float: right;
	color: #FFFFFF;
	padding-right: 16px;
	padding-top: 2px;
}
.Style11 {
	font-size: 11px;
	text-align: center;
}
.Style12 {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 15px;
	float: left;
	padding-bottom: 8px;
}
.Style13 {
	font-size: 10px;
	font-weight: bold;
	float: right;
	color: #FFFFFF;
	padding-right: 16px;
	padding-top: 2px;
}

.Style14 {
	font-size: 11px;
	padding-top: 6px;
	padding-left: 10px;
}

.Style16 {
	font-size: 11px
}

.Style19 {font-size: 12px}

#cartouche {
	background-image: url(../images/cartouche.gif);
	width: 669px;
	background-repeat: no-repeat;
	height: 20px;
	margin-left: 10px;
	margin-top: 5px;
}
#contenttable {
	background-image: url(../images/back_content.gif);
	background-repeat: repeat-x;
	background-color: #bebebe;
	background-position: top left;
	width: 100%;
	overflow: hidden !important;
	min-height: 610px;
	height:100% !important;
	overflow: visible;
	height:610px;
}
#image_content {
	float: left;
	padding: 12px;
	padding-right:0;
}
#txt_content {
	float: left;
	width: 470px;
	margin-left: 5px;
	padding-bottom:10px;
	padding-top: 20px;

}
#pouce {
	position: absolute;
	bottom: 171px;
	right: 300px !important;
	right:299px;
}

#apDiv1 {
	position:absolute;
	left:397px;
	top:166px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 582px;
	font-size: 18px;
	font-style: italic;
}
#apDiv2 {
	position:absolute;
	left:323px;
	top:74px;
	z-index:1;
	font-size: 18px;
	width: 286px;
	text-align: left;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 45px;
	font-style: italic;
}

a.nostyle{
	text-decoration:none;
	color:#000;
}

div.cartouche{
	border:1px solid #cacaca;
	background-color:#e5e5e5;
	margin:10px 0;
	padding:5px;
}

.input{
	border:1px solid #cacaca;
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

table.words{
	text-align:left;
	width:100%;
}
table.words td{
	margin:0px;
	padding:5px;
	background-color:#E5E5E5;
}

table.words td.pair{
	background-color:#EAEAEA;
}

table.words td a{
	color:#000;
	text-decoration:none;
}

#overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;
	z-index:90;
	background-color:#000;

	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;



	visibility:hidden;
}

#map_container{
	top:120px;
	left:0px;
	position:absolute;
	z-index:91;
	text-align:center;
	visibility:hidden;
	width:100%;
}

#map{
	border:2px solid #000;
	height:464px;
	width:333px;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}

#map_content{
	position:absolute;
	top:130px;
	left:84px;
	font-weight:bold;
	font-size:12px;
}