/* ----------------------fond du site------------------------------- */
body {
	background-image: url(images/fonds/fond.png);
	margin: 0;
}

.un{
	position: relative;
	border: 1px solid #6666CC;
	background-color:#E7ECFD;
	margin:15px;
	width:800px;
	margin-left:-415px;
	left:497px;
}

.haut {
	position:relative;
	height:149px;
	color:#000000;
	/*background: url(images/fonds/haut.png) no-repeat;*/
}
/*.haut span {
	display: none;
}*/
.bas {
	position: relative;
	height:50px;
	color:#000000;
	background: url(images/fonds/bas.png) no-repeat;
	background-position:bottom;
}	
#compteur{
color:#3300CC;
}
/* ---------------------- texte du site ------------------------------- */

.texte{
	margin:-30px 80px 0px 140px;
	text-align:justify;
	font-family:Tahoma;
	position: relative;
	min-height:600px;
	_height:600px;
}

h1{
	text-align:center;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	font-weight:lighter;
}

.points{
	color: #000000;
	text-align:center;
}

h2{
	text-align: center;
	color: #003399;
	font-size: 16px;
	font-weight: normal;
}

h3{
	font-size: 14px;
	font-weight: normal;
	color:#0066CC;
}

h4{
color: #000000;
font-size:13px;
}

.partenaire {
	color: #003399;
	font-size: 16px;
	font-weight: normal;
}

p {
text-align:justify;
color: #000000;
font-size-adjust:inherit;
font-size:13px;
}

.tiret {
text-align:justify;
color: #000000;
font-size-adjust:inherit;
font-size:13px;
}

#hautpage{
font-size:13px;
color:#000000;
}

#adresse{
text-align:center;
font-size:14px;
font-family:Tahoma;
color: #0000CC;
}

/* ----------------------------survol de photo ----------------*/

.cadrephotos {
position:absolute;
margin:10px;
left:701px;
top:112px;
background: url(images/fonds/ronds.png) no-repeat bottom;
width:158px;
height:340px;
color:#000000;
padding:0 0 0 8px;
z-index:300;
}
/* N'est lu que par IE grâce à *html */
*html .cadrephotos { 
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fonds/ronds.png', sizingMethod='scale');
}

#survol{
	position:absolute;
	visibility: hidden;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 823px;
	top: 158px;
	z-index: 500; 
}

#survol2{
	position:absolute;
	visibility: hidden;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 863px;
	top: 272px;
	z-index: 500; 
}
#survol3{
	position:absolute;
	visibility: hidden;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 836px;
	top: 387px;
	z-index: 500; 
}
#survol img{
text-align:center;
margin-right:auto;
margin-left:auto;
}
#fix{
	position:absolute;
	visibility: visible;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 823px;
	top: 158px;
	z-index: 400; 
}

#fix2{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 863px;
	top: 272px;
	z-index: 400; 
}
#fix3{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 836px;
	top: 387px;
	z-index: 400; 
}

#logo{
position:absolute;
margin:0px;
left: 2px;
top:27px;
width: 50px;
height:50px;
padding: 0 0 0 0;
z-index: 100;
}

#logo a img {
border:none;
}

/* -------------------menu banderole------------*/
#menu_bas {
position:absolute;
margin:10px;
left: 563px;
top: 85px;
width: 218px;
height:30px;
padding: 0 0 0 8;
z-index: 100;
}
/*bouton haut = accueil, societe, actualite, contact */

#menu_haut{
position:absolute;
margin:0px;
left: 492px;
top:70px;
width: 278px;
height:25px;
padding: 0 0 0 0;
z-index: 100;
}
.btnhaut {
 	display:table;         /* ignored by IE */
  	margin:0 auto 0 0;
  	padding:0; 
  	list-style-type:none;
  	white-space:nowrap;    /* keep text on one line */
	font-family: Tahoma;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	line-height: 20px;
	font-weight:bold;
  }
* html .btnhaut {
  display:inline;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
}  

.btnhaut li {
  display: inline;    /* ignored by IE */
}

* html .btnhaut li {
  display:inline;        /* for IE only */
}

.btnhaut a, .btnhaut a:visited {
  display: inline;         /* for all browsers except IE */
  padding:1px 11px;
  color:#6092CE; 
  text-decoration: none;
}

* html .btnhaut a, * html .btnhaut a:visited {
  display:inline;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
}

.btnhaut a:hover {
  color: #FF3333; 
  /*background:#08c;*/
}

#btnhaut

/* bouton bas = plan du site et mentions légales */

#btnbas {
  position:relative;
  color:#aaa; 
  background:#fff; 
  height:2em;
  padding:1em; 
  font-weight:bold;
  }
#btnbas a, #btnbas a:visited {
  font-family: Tahoma;
  font-size:13px;
  text-decoration:none; 
  color: #6092CE; 
  }
#btnbas a span {
  display:none;
  }
#btnbas a:hover {
  position: relative; 
  top:1px; 
  left:1px; 
  text-decoration:none; 
  color: #FFFFFF;
  }
#btnbas a:hover span {
  display:block; 
  position:absolute; 
  top:-2px; 
  left:-1px; 
  color:#6092CE; 
  cursor:pointer;
 
  }

/* ---------------------- menu déroulant du site -------------------------------- */
/* common styling */
.menu {
	font-family: Tahoma;
	width:115px;
	height:150px;
	position: absolute;
	margin:0;
	font-size:11px;
	margin:50px 0;
	z-index:500;
	left: 1px;
	top: 169px;
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:115px; height:22px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#CFE0EE; line-height:20px; font-size:12px;} 
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#6699CC;}
.menu ul li:hover a.hide {background-image:url(images/fonds/fleche.png); background-position:right; background-repeat:no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:116px; width:115px;}
.menu ul li:hover ul li a.hide {background:#B0CAFF; color:#000;background-image:url(images/fonds/fleche.png); background-position:right; background-repeat:no-repeat;}
.menu ul li:hover ul li:hover a.hide {width:150px;color:#fff;background:#6699CC;background-image:url(images/fonds/fleche.png); background-position:right; background-repeat:no-repeat;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color: #000000; background:#B0CAFF; width:150px;}
.menu ul li:hover ul li a:hover {background:#6699CC; color: #FFFFFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:150px; background:#9BBEFF; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#6699CC; color:#fff;}

/* specific to IE browsers */

table {_border-collapse:collapse; _border:0; _margin:0; _padding:0;}

.menu ul li a.hide, .menu ul li a:visited.hide {_display:none;}
.menu ul li a:hover ul li a.hide {_display:none;}

.menu ul li a:hover {_color:#fff; _background:#6699CC;}
.menu ul li a:hover ul {_display:block; _position:absolute; _top:0; _left:116px; _width:115px;}
.menu ul li a:hover ul li a.sub {_background:#B0CAFF; _color:#000;}/**/
.menu ul li a:hover ul li a {_display:block; _background:#B0CAFF; _width:150px;}
.menu ul li a:hover ul li a ul {_visibility:hidden;}
.menu ul li a:hover ul li a:hover {_background:#6699CC; _color:#FFFFFF;}
.menu ul li a:hover ul li a:hover ul {_visibility:visible; _position:absolute; _left:151px; _top:0; _color:#000;}
.menu ul li a:hover ul li a:hover ul li a {_display:block; _width:150px; _background:#9BBEFF; _color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {_background:#6699CC; _color:#fff;}


.essayera {
font-family: "Stylus BT";
}

/*-------------------------Sous menu en bas----------------------------*/
.sousmenu {

 	display:table;         /* ignored by IE */
  	margin:0 0 0 0;
  	padding:0; 
  	list-style-type:none;
  	white-space:nowrap;    /* keep text on one line */
	font-family: Tahoma;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	line-height: 20px;
	font-weight:bold;
}
* html .sousmenu {
	display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
}  
.sousmenu li {
  display:table-cell;    /* ignored by IE */
}
* html .sousmenu li {
  display:inline;        /* for IE only */
}
.sousmenu a, #sousmenu a:visited {
  display:block;         /* for all browsers except IE */
  padding:1px 1px;
  color:#6092CE; 
  text-decoration: none;
}
* html .sousmenu a, * html .sousmenu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
}
.sousmenu a:hover {
  color: #FF3333; /*background:#08c;*/
}
#visite {
color:#FF3333;
}

/* ---------------------- images au survol ------------------------------- */

.menu a:hover {border-bottom: 0px}/* indispensable pour IE seulement */

.menu a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black;/* met le texte <span> en noir */
} 

.menu a:hover span {display: block; /* Montre le texte <span> lors du survol */
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
bottom: 100px; /* cette zone se situe à x pixels du bas */
left: 50px ; 
border:inset; /* Style de bordure */
padding: 4px; /* Marge intérieure à la bordure */
text-align:center} /* Centrage du nom de l'image */

/* ---------------------------- Carte France -------------------------------*/

#carte {
background-image: url(images/carte/carte_france.gif);
background-repeat:no-repeat;
width:400px;
height:458px;
z-index:400;
}

#carte a img{
border:none;
}

.spot2 {
	position: relative;
	border:none;
	top:170px; 
	left:100px;
	}
.spot3	{
	position: relative;
	border: none;
	top:0px;
	left:150px;
	}
.spot4	{
	position: relative;
	border: none;
	top:5px;
	left:140px;
	}

#carte a {
   text-decoration: none; text-decoration:none;/* d?nition du lien qui affichera le calque */
   }
#carte a:hover {
   background: none; /* correction d'un bug IE */
   }
#carte a span { /* d?nition de la balise <span> inclue dans <a> */
   display: none;
   
   }
#carte a:hover span { /* d?nition de la balise <span> au survol */
   display: inline;
   position: absolute;
   top: 0px; /* positions et dimensions du calque, que vous pouvez changer ?oisir */
   left: 150px;
   width: 200px;
   height: 115px;
   background: #0066CC;
   border:thin #000000 solid;
   text-align: center;
   color: white;
   font-size:13px;
   font-family:Tahoma;
}

/* ---------------------- page formulaire -------------------------------*/

.contact{
font-size:12px;
color:#000000;
_border: #FFFFFF double thick;
}

.obligatoire {
	font-size: 14;
	color: #000099;
}

.Style3 {
font-size: 14px
}
.Style7 {
color: #FF6600
}
.Style10 {
font-size: 12px
}
.titre {
	color: #000099; 
	font-weight: bold; 
	font-size: 14px; 
}

/* ---------------------- plan du site ----------------------*/

.lienhaut a{
	color: #000000;
	font-size: 14px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:none;
	list-style:circle;

}
.lienhaut a:hover{
	color: #FF9900;
	font-size: 14px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration: underline;
}

.lien {
	color: #000000;
	font-size: 16px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:none;
}

.lien a {
	color: #000000;
	font-size: 16px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration: none;
}
.lien a:hover{
	color: #FF9900;
	font-size: 16px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration: underline;
}

.plan ul li {
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	text-decoration:none;
}
.plan ul li a{
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	text-decoration:none;
}

.plan ul li a:hover{
	color: #FF9900;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

.plan ul li ul a:link li  a:link{
	color:#0066CC;
	text-decoration:none;
	font-size:12px;
}
.plan ul li ul  li a:visited{
	color:#0066CC;
	text-decoration:none;
	font-size:12px;
}
.plan ul li ul  li a:hover{
	color:#FF9900;
	text-decoration:underline;
	font-size:12px;
}
.plan ul li ul  li a:active{
	color:#FFCC00;
	text-decoration:underline;
	font-size:12px;
}
/*--------------------- index -----------------------*/

.cadrephotosindex {
position:absolute;
margin:10px;
left:122px;
top:94px;
background: url(images/fonds/index.gif) no-repeat bottom;
width:650px;
height:550px;
color:#000000;
padding:0 0 0 8px;
z-index:300;
}

.texteindex{
	margin:130px 80px 0px 140px;
	text-align:justify;
	font-family:Tahoma;
	font-size:12px;
	position: relative;
	z-index:300;
}
.texteindex p {
text-align:center;
}

#survol4{
	position:absolute;
	visibility: hidden;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 743px;
	top: 244px;
	z-index: 500; 
}

#survol5{
	position:absolute;
	visibility: hidden;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 778px;
	top: 359px;
	z-index: 500; 
}
#survol6{
	position:absolute;
	visibility: hidden;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 748px;
	top: 473px;
	z-index: 500; 
}
#survol img{
text-align:center;
margin-right:auto;
margin-left:auto;
}
#fix4{
	position:absolute;
	visibility: visible;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 743px;
	top: 244px;
	z-index: 400; 
}

#fix5{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 779px;
	top: 360px;
	z-index: 400; 
}
#fix6{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 748px;
	top: 473px;
	z-index: 400; 
}
#fix7{
	position:absolute;
	visibility: visible;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 631px;
	top: 545px;
	z-index: 400; 
}

#fix8{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 511px;
	top: 577px;
	z-index: 400; 
}
#fix9{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 318px;
	top: 528px;
	z-index: 400; 
}
#fix10{
	position:absolute;
	visibility: visible;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 189px;
	top: 458px;
	z-index: 400; 
}

#fix11{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 158px;
	top: 342px;
	z-index: 400; 
}
#fix12{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 193px;
	top: 230px;
	z-index: 400; 
}
#fix13{
	position:absolute;
	visibility: visible;
	width: 68px;
	margin-right:auto;
	margin-left:auto;
	height: 68px;
	left: 401px;
	top: 175px;
	z-index: 400; 
}

#fix14{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 518px;
	top: 143px;
	z-index: 400; 
}
#fix15{
	position:absolute;
	visibility: visible;
	text-align:center;
	width: 68px;
	height: 68px;
	left: 630px;
	top: 178px;
	z-index: 400; 
}