body{

   font-family:Verdana, Arial, sans-serif;

	background-image:url(image/bg.jpg); 
	background-repeat:repeat-x;

	font-size:0.8em;

   color: #797979;

}



#contener{

   margin-left:auto;

	margin-right: auto;

	background-image: url(image/fond_ombre.png);

	background-repeat: repeat-y;

	width: 894px;

}



#sous-contener{

	width: 879px;

	margin-left: 6px;

}

/*-------------------------------------ombrage dessus et dessous-----------------*/

#contener-haut{

 	margin-left:auto;

	margin-right: auto;

	width: 894px;

	height:6px;

	background-image:url(image/contener-haut.png);

	background-repeat:no-repeat;

}



#contener-bas{

	margin-left:auto;

	margin-right: auto;

	width: 894px;

	height:6px;

    background-image:url(image/contener-bas.png);

	background-repeat:no-repeat;

}

/*-------------------------------------menu_tete : taille texte - info - langues------------------*/



#menu_tete div{margin-left:10%; height: 37px;}

.menu_tete_taille{border: none; float: left; width:107px; height: 37px;}

.menu_tete_info{float:left;}



.menu_tete_info a{

   text-align: center;

	text-decoration: none;

	margin-left: 11px;

	line-height: 30px;

	font-size: 14px;

	color: #5f6368;

	font-weight: bold;

}



.menu_tete_langue{float: left;width:110px;}



/*-------------------------------------tete flash-------------------------------------------*/

#tete{

	width: 879px;

	

}

#flash_tete{

	width: 879px;

	height: 231px;

	padding-top: 35px;

}

/*--------------------------------menu -----------------------------------------------------*/

#menu{

	width: 879px;

	height: 50px;

}

/*--------------------------------sponsor -----------------------------------------------------*/

#sponsor{

	float:right; 

	width: 120px;

	margin-right: 12px;

}



.corps_menu_bas_texte{

   width: 135px;

	margin-top:60px;

   color: #797979;

	font-size: 11px;	

}

.corps_menu_bas{

   width: 120px;

	margin-top:20px;	

}



/*------------------------------------corps-------------------------------------------------*/

#corps{

   padding: 20px;

	width: 690px;

	

}

/*----------------------------------------3 images index texte fix---------------------------------------------*/

.img_aventure a{float:left;	margin-right:10px; padding:1px;}

.img_car a{	float:left;	margin-right:10px;padding:1px;}

.img_pilote a{	float:left;	margin-right:10px;padding:1px;}



.img_aventure a:hover {border:3px solid #009900;margin:-3px 4px 0px 0px;}

.img_car a:hover {border:3px solid #009900;margin:-3px 4px 0px 0px;}

.img_pilote a:hover {border:3px solid #009900;margin:-3px 4px 0px 0px;}

/*----------------------------------puce texte chapo  relance  annex-----------------------------*/

#garde_taille_fix{

	height: 395px;

	overflow: hidden;

	

}



.titre_texte {

	  margin-bottom: 30px;

	  margin-top: 30px;

	  font-size: 20px;

	  font-weight: bold;

	  text-decoration: none;

}

.chapo_texte {

     float:left;

	  margin-bottom: 20px;

	  margin-top: 20px;

	  width: 720px;

}

.map_img_map {

   background-image:url(image/carte-voyage-trajectoire.jpg);

   background-repeat: no-repeat;

   float: left;

	width: 380px;

	height: 610px;

	margin-right: 5px;

	margin-top: 5px;

}

.relance_texte {

     margin: 20px;

	  width: 300px;

	  font-style: oblique;

	  float: right;

	  padding: 10px;

	  border: medium;

	  border-color: black;

	  border-right: dotted;

	  border-bottom: dotted;

	  border-top: dotted;

	  font-weight: bold;

	  border-left: dotted;

}

.annotation_texte {

     margin: 10px;

	  width: 700px;

}





/*----------------------------------------pied----------------------------------------------*/

#pied{

	margin-left:auto;

	margin-right: auto;

	background-image:url(image/footer.png);

	background-repeat: no-repeat;

	width: 894px;

	height: 153px;

}

/*---------------------------------*/

#navi{

	margin-left:7%;

	width: 80px;

	height: 153px;

	float: left;

	line-height: 10px;

	color: #69abcb;

	

}

.navi a{

	text-decoration: none;

	line-height: 17px;

	font-size: 11px;

	word-spacing: 18px;

	color: black;

}

.navi a:hover{

	text-decoration: underline;

	color: #69abcb;

}

/*---------------------------------*/

#proximitee{

	margin-left:7%;

	width: 90px;

	height: 153px;	

	float: left;

	line-height: 10px;

	color: #7cba31;	

}

.proximitee a{

	text-decoration: none;

	line-height: 17px;

	font-size: 11px;

	word-spacing: 17px;

	color: black;

}

.proximitee a:hover{

	text-decoration: underline;

	color: #7cba31;

}

/*---------------------------------*/

#projets{

   margin-left:7%;

	width: 90px;

	height: 153px;

	float: left;

	line-height: 10px;

	color: #ba3e31;

}

.projets a{

	text-decoration: none;

	line-height: 17px;

	font-size: 11px;

	word-spacing: 18px;

	color: black;

}

.projets a:hover{

	text-decoration: underline;

	color: #ba3e31;

}

/*---------------------------------*/

#login{

   margin-left:5%;

	margin-top: 15px;

	float: left;

	

}

/*--------------------------------PAGE LIENS-----------------------------------------*/

.lien_page{

	width: 682px;

	margin-left: 35px;

	float:left;

}



.lien_page_image{

    margin-top: 20px;



}

.lien_page_txt{

 padding-top: 10px;



   

}

.lien_page_txt a{

   color: #797979;

	text-decoration: none;

}



.lien_page_txt a:hover{

   color: #292929;

	text-decoration: underline;

}



/*-------------------------------------separateur---------------------------------------*/

.separateur{

	background-image: url(image/separateur-coptocap.jpg);

	background-repeat: no-repeat;

	width: 549px;

	height: 32px;

	margin: 20px;

	padding: 10px;

}

/*-----------------------------accordeon menu-----------------------------------------------*/

#navigation {

			margin-top: 10px;

			list-style: none;

			padding: 0px;

			color:#917991;

			width: 650px;

			}

		#navigation a, #navigation span {

		   margin-top: 3px;

			display: block;

			text-decoration: none;

			background-color: #c2c1dc;

			width: 650px;

			}

		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {

		   padding: 10px;

		   border-top: medium;

			background-color: #9c9bb1;

			font-weight: bold;

			color:white;

			}

		#navigation .open a, #navigation .open span {

			background-color: white;

			width: 650px;

			color:#797979;

			}

		#navigation a:hover, #navigation a:focus, #navigation a:active {

			text-decoration: underline;

		    width: 650px;

			color:#5a5a5a;

			}

		#navigation .subMenu {

			background:  url(image/subMenu.jpg) 0 0 repeat-x;

			padding-right: 50px;

			color:#797979;

			}

		#navigation ul.subMenu a {

			background-color: white;

			display:inline;

			color:#797979;

			}



/* ------------------------------------------parameter menu horizontal galeir expo-------------------------------*/

.contener_galerie{

	width: 250px;

	height: 250px;

	margin-top: 120px;

	margin-bottom: 54px;

} 

#slider-stage{width:720px; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:250px; margin-left:0px;}

#slider-buttons{margin-left:0px; width:340px; margin-top:20px; font-size: 23px;}

	#slider-list{width:1600px; height:250px; border:0; margin:0; padding:0; }

	#slider-list li{

	   font-size: 15px;

		list-style:none; 

		float:left;

		width:140px;

		height:300px;

		}

		

			

.background_map{

	height: 780px;

	width: 280px;

}



a {

	color: #607293;

	text-decoration: none;

}

/*----------------------------------parametre de l'encre de bas de page-------------------------------*/ 

#encre{

   padding-left: 22px;

	border-color: #797979;

	font-size: 13px;

	padding-top: 30px;

	padding-bottom: 10px;

	margin-top:20px;

}

	

#encre a:hover{

 text-decoration: underline;

}	

/* -------Showcase “Fly-over-background Tile ... or Fx.Scroll”,   http://digitarald.de/playground/fly-over-background/---------*/