@charset "utf-8";
/* CSS Document */

#principale{
	position:absolute;
	width:970px;
	height:auto;
	padding-top:14px;
	left:50%;
	margin-left:-484px;
}

#contenu_gauche{
	width:682px;
	float:left;
	min-height:818px;
	height:auto;
}

#contenu_droit{
	width:287px;
	float:left;
	height:818px;
}

/*------------------------------------------------------------------------------- MENU --*/

#menu{
	padding-top:16px;
	width:682px;
	height:90px;
	background:url(../images/_interface/bg-menu.png) top left no-repeat;
	text-align:center;
}

#menu a{
	position:relative;
	width:auto;
	cursor:pointer;
	font-family: "futura-pt",sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size:18px;
	color:#fff;
}

#menu a#menu_1{
	height:22px;
	width:100%;
}

#menu a#menu_1:hover, #menu a#menu_1.active{
	color:#463D19;
}

#menu a#menu_2{
	height:22px;


}

#menu a#menu_2:hover, #menu a#menu_2.active{
	color:#463D19;
}

#menu a#menu_3{

}

#menu a#menu_3:hover, #menu a#menu_3.active{
	color:#463D19;
}

/*------------------------------------------------------------------------------- COLONNE DROITE ET FOOTER --*/

#navigation{
	height:1020px;
}

.btn_menu{
	font-family: "futura-pt",sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	line-height:60px;
	text-align:center;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#follow{
	margin-top:6px;
	width:287px;
	height:57px;
	padding-left:18px;
	background:url(../images/_interface/btn-suivre.png) top left no-repeat;	
}

#follow a#link_facebook{
	width:30px;
	height:30px;
	background:url(../images/_interface/btn-suivre-fb.png) bottom left no-repeat;
	display:block;
	padding-top:9px;
	float:left;
}

#follow a#link_facebook:hover{
	background:url(../images/_interface/btn-suivre-fb-hover.png) bottom left no-repeat;
}

#follow a#link_twitter{
	width:30px;
	height:30px;
	background:url(../images/_interface/btn-suivre-twitter.png) bottom left no-repeat;
	display:block;
	padding-top:9px;
	float:left;
}

#follow a#link_twitter:hover{
	background:url(../images/_interface/btn-suivre-twitter-hover.png) bottom left no-repeat;
}

#follow a#link_instagram{
	width:30px;
	height:30px;
	background:url(../images/_interface/btn-suivre-instagram.png) bottom left no-repeat;
	display:block;
	padding-top:9px;
	float:left;
}

#follow a#link_instagram:hover{
	background:url(../images/_interface/btn-suivre-instagram-hover.png) bottom left no-repeat;
}

#follow a#follow_links_actu{
	margin-left:8px;
	line-height:48px;
}

#follow a#follow_links_actu:hover{
	color:#463D19;
}

#page_facebook{
	width:227px;
	height:64px;
	display:block;
	background:url(../images/_interface/btn-devenir-fan.png) top left no-repeat;
	text-align:left;
	padding-left:60px;
}

#page_facebook:hover{
	color:#463D19;
}

#flash_actu{
	position:relative;
	width:289px;
	height:281px;
	margin-left:-2px;
	background: url(../images/_interface/bg-flash-actu.png) bottom right no-repeat;
}

#link_flash_actu{
	position:absolute;
	display:block;
	width:287px;
	height:281px;
	z-index:999;
	right:3px;
	top:0;
	background: url(../images/_interface/fr/bg-flash-actu.png) top left no-repeat;
}


#btn_contact{
	display:block;
	width:287px;
	height:64px;
	cursor:pointer;
	background:url(../images/_interface/btn-menu.png) top left no-repeat;
}

#btn_contact:hover, #btn_contact.active{
	color:#463D19;
}

#btn_photos, #btn_photos a{
	display:block;
	width:287px;
	height:114px;
	background:url(../images/_interface/bg-btn-photos.png) top left no-repeat;
}

#btn_tarifs{
	display:block;
	width:287px;
	height:64px;
	cursor:pointer;
	background:url(../images/_interface/btn-menu.png) top left no-repeat;
}

#btn_tarifs:hover, #btn_tarifs.active{
	color:#463D19;
}

#btn_videos{
	display:block;
	width:287px;
	height:114px;
	cursor:pointer;
	background:url(../images/_interface/btn-videos.png) top left no-repeat;
}

#btn_videos:hover{
	background-position:0 -114px;
}


#btn_telechargements{
	display:block;
	width:287px;
	height:64px;
	cursor:pointer;
	background:url(../images/_interface/btn-menu.png) top left no-repeat;
}

#btn_telechargements:hover, #btn_telechargements.active{
	color:#463D19;
}

#itineraire{
	position:relative;
	width:267px;
	height:64px;
	float:left;
	background:url(../images/_interface/btn-itineraire.png) top left no-repeat;
	text-align:left;
	padding-left:20px;
}

#btn-newsletter{
	position:relative;
	width:287px;
	height:89px;
	float:left;
	background:url(../images/_interface/btn-newsletter.png) top left no-repeat;
	text-align:left;
	padding-left:17px;
	line-height:50px;
}

#btn_nideck{
	display:block;
	width:287px;
	height:67px;
	cursor:pointer;
	background:url(../images/_interface/btn-menu.png) top left no-repeat;
	font-size:15px;
	line-height:13px;
	padding-top:16px;
}

#btn_nideck:hover{
	color:#463D19;
}


/*-------------------------------------------------------------------------------- FOOTER --*/

#footer{
	position:relative;
	text-align:center;
	padding-bottom:20px;
	padding-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#footer a{
	font-size:9px;
	font-weight:bold;
}


/*------------------------------------------------------------------------------- ACCUEIL --*/

#link_diapo_flash{
	display:block;
	z-index:1;
	width:680px;
	height:436px;
	position:absolute;
	background:url(../images/_interface/parcours.png) top left no-repeat;
}

#diapo_flash{
	width:682px;
	height:436px;
	margin-top:6px;
	margin-left:3px;
	z-index:99;
}

/*------------------------------------------------------------------------------- COLONNE GAUCHE --*/


.title_page{
	width:682px;
	height:60px;
	background:url(../images/_interface/bg-titre.png) top left no-repeat;
}

.title_page a, .title_page h1{
	font-family: "futura-pt",sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	line-height:59px;
	text-align:center;
	text-shadow: black 0.1em 0.1em 0.2em;
	color:#fff;
	font-weight:normal;
}

.btn_retour{
	background: url("../images/_interface/btn-retour.png") no-repeat scroll left bottom transparent;
    display: block;
    float: left;
    height: 30px;
    padding-top: 14px;
	margin-left:10px;
    width:125px;
	line-height:30px !important;
	position:absolute;
}

#backToTop{	
	background: url("../images/_interface/fr/haut-de-page.png") no-repeat scroll left bottom transparent;
    display: block;
    float: left;
    height: 22px;
	width:117px;
	margin-left:4px;
}

#backToTop:hover{	
	background: url("../images/_interface/fr/haut-de-page-hover.png") no-repeat scroll left bottom transparent;
}

.title_page h1{
	width:100%;
}

.btn_retour:hover{
	background: url("../images/_interface/btn-retour-hover.png") no-repeat scroll left bottom transparent;
}

#link_plan{
	display:block;
	width:682px;
	height:434px;
	background:url(../images/_interface/fr/presentation-map.png) top left no-repeat;
}

#link_plan:hover{
	background:url(../images/_interface/fr/presentation-map-hover.png) top left no-repeat;
}

#link_plan_min{
	display:block;
	width:682px;
	height:254px;
	background:url(../images/_interface/fr/contact-map.png) top left no-repeat;
}

#link_plan_min:hover{
	background:url(../images/_interface/fr/contact-map-hover.png) top left no-repeat;
}
	
.class_background{
	position:relative;
	display:block;
	width:682px;
	min-height:40px;
	height:auto;
	background:url(../images/_interface/bg-rouge.png) top left no-repeat;
}

.class_background_contact{
	position:relative;
	display:block;
	width:682px;
	height:650px;
	margin-bottom:22px;
	background:url(../images/_interface/bg-contact.png) top left no-repeat;
}

.fond_background{
	margin-bottom:10px;
}

#contenu_textuel, #contenu_textuel_2{
	position:relative;
	width:626px;
	height:auto;
	top:20px;
	left:23px;
	padding:0;
	overflow:hidden;
}

#contenu_textuel hr{
	margin-top:5px; 
	border:none; 
	border-bottom: dashed #CCCCCC 1px;
}

#article_big, #article_big_2{
	position:relative;
	float:left;
	width:614px;
	height:auto;
}

.texte_big{
	position:relative;
	text-align:justify;
	width:600px;
}

span.date{
	font-weight:bold;
	text-align:right;
	width:170px;
	margin-left:30px;
	float:left;
	display:block;
	color:#ffffff;
}

table{
	margin-left:-2px;
	text-align:left;
}

tr{
	margin:1px;
}

td{
	padding:4px;
	background:#bd5349;
	margin:1px;
	width:300px;
	vertical-align:middle;
}

td.italic{
	font-style:italic;
	width:105px;
}

td.center{
	text-align:center;
	width:120px;
}

/*---------------------------------------------------------------------- PAGE PHOTOS --*/

#galerie_photos{
	position:relative;
	display:block;
	margin-left:3px;
	height:auto;
	width:698px;
	padding:0;
}

#galerie_photos .box_photo{
	position:relative;
	display:block;
	float:left;
	width:183px;
	height:162px;
	padding:10px;
	margin:8px 27px 14px 0;
	background:#E42922;
	border:1px solid #41281b;
}

#galerie_photos img{
	height:120px;
	border:1px solid white;
}

#galerie_photos .p{
	margin-top:9px;
	width:179px;
	height:28px;
	overflow:hidden;
}

/*---------------------------------------------------------------------- PAGE ACTUALITES --*/

.actualite{
	width:627px;
	height:auto;
	border-bottom:none !important;
	padding:20px;
	padding-bottom:0;
	margin:4px 0 0 6px;
	background:#E42922;
	border:1px solid #41281b;
	
}

.img_actualite{
	margin:0 20px 10px 0;
	float:left;
	width:106px;
	border:1px solid white;
}

.text_actualite{
	height:auto;
	width:auto;
	display:block;
}

.depliant{
	display:none;
}

.telecharger_tarifs{
	display:none;
}

.btn_rubrique{
	width:auto;
	cursor:pointer;
	padding-right:20px;
	text-transform:uppercase;
	background:url(../images/_interface/btn-fleche.jpg) center right no-repeat;
}

#telecharger_tarifs{
	position:relative;
	float:right;	
	display:block;
	height:39px;
	width:96px;
	background:url(../images/_interface/fr/btn-tarifs.png) top left no-repeat;
	right:-25px;	
}

#telecharger_tarifs:hover{
	background:url(../images/_interface/fr/btn-tarifs-hover.png) top left no-repeat;
}

.tableau{
	position:relative;	
}

.en_savoir_plus_tarifs{
	position:absolute;
	top:2px;
	right:0;
	display:none;
	width:68px;
	height:12px;
	background:url(../images/_interface/fr/btn-plus.jpg) top left no-repeat;	
}