/* CSS Document */
body {
	margin:0;
	padding:0;
	background-image:url(../img/bg/back.gif);
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	line-height:18px;
}

img {
	border : none;
}

h1 {
	margin:0px;
	font-size:18px;
	font-weight:bold;
	color:white;
}

h2 {
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#B92109;
}

h3 {
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#B92109;
}

p {
	margin:0px;
	padding:0px;
	text-align:justify;
	line-height:18px;
}

a {
	color:white;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

hr {
	position:relative;
	height:1px;
	line-height:21px;
	background-color:#B92109;
	border:none;
}

.clear {
	clear:both;
}
.clear_5 {
	clear:both;
	height:5px;
	overflow:hidden;
}


/* Couleurs */	
.rouge {color:#B92109;}
.gris {color:#808080;}
a.rouge:hover{
	font-size:12px;
	color:#FFF529;
	text-decoration:none;
}
.jaune {
	color:#FFF529;
	font-size:12px;
}
a.jaune:hover {
	font-size:12px;
	color:#B92109;
	text-decoration:none;
}
.date_jaune {
	color:#FFF529;
}
.liens_galerie {
	color:white;
	font-size:18px;
}
a.liens_galerie:hover {
	font-size:18px;
	color:#FFF529;
	text-decoration:none;
}
.liens_galerie_rouge{
	color:#B92109;
	font-size:12px;
}
a.liens_galerie_rouge:hover{
	color:#FFF529;
	font-size:12px;
}
.liens_bas {
	font-weight:bold;
	font-size:12px;
}
.liens_bas:hover {
	font-weight:bold;
	font-size:12px;
	color:#B92109;
}
.liens_bas_gris {
	font-size:12px;
	color:gray;
}
.line_height14 {
	line-height:18px;
}


/* Formulaire */
.input {
	background-color:#353535;
	color:white;
	border:1px solid gray;
	padding:2px;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.input:focus {
	background-color:#000000;
}

.submit {
	background-color:#8E1118;
	color:#FFFFFF;
	border:1px solid #000000;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	border-radius:20px;
	-moz-border-radius:20px;
	letter-spacing:1px;
	font-weight:bold;
}


/* Colonnes */
.colonne_50 {position:relative;float:left;width:50px;}
.colonne_100 {position:relative;float:left;width:100px;}
.colonne_150 {position:relative;float:left;width:150px;}
.colonne_200 {position:relative;float:left;width:200px;}
.colonne_250 {position:relative;float:left;width:250px;}
.colonne_300 {position:relative;float:left;width:300px;}
.colonne_350 {position:relative;float:left;width:350px;}
.colonne_400 {position:relative;float:left;width:400px;}
.colonne_450 {position:relative;float:left;width:450px;}
.colonne_500 {position:relative;float:left;width:500px;}
.colonne_550 {position:relative;float:left;width:550px;}
.colonne_600 {position:relative;float:left;width:600px;}

.colonne_input {
	position:relative;
	float:left;
	margin-left:10px;
	width:200px;
}


/* Contenu */
#main {
	position:relative;
	margin:auto;
	width:1000px;
	background-image:url(../img/bg/centre.png);
	background-repeat:repeat-y;
	z-index:3;
}

#contenu {
	position:relative;
	min-height:340px;
	margin-top:-180px;
	margin-left:37px;
	z-index:4;
}

#contenu_body {
	position:relative;
	width:580px;
	float:left;
	margin-left:50px;
	font-size:13px;
	color:white;
	z-index:4;
}


/* Haut */
#haut {
	position:relative;
	height:561px;
	margin:auto;
	width:1000px;
	background-image:url(../img/bg/haut.png);
	z-index:3;
}

#haut h1 {
	position:absolute;
	font-size:12px;
	top:3px;
	right:25px;
	letter-spacing:1px;
	color:#ABABAB;
}

#logo {
	position:absolute;
	top:15px;
	left:35px;
}
#header {
	position:absolute;
	top:26px;
	left:341px;
}

#langages {
	position:absolute;
	top:5px;
	left:600px;
}


/* Menu */
#menu_accueil {
	position:absolute;
	top:330px;
	left:389px;
	height:40px;
	width:94px;
	background-image:url(/global/img/bt/bt-accueil-hover.png);
}

#menu_activite {
	position:absolute;
	top:330px;
	left:483px;
	height:40px;
	width:174px;
	background-image:url(/global/img/bt/bt-activite-hover.png);
}

#menu_galerie {
	position:absolute;
	top:330px;
	left:657px;
	height:40px;
	width:170px;
	background-image:url(/global/img/bt/bt-galerie-hover.png);
}

#menu_contact {
	position:absolute;
	top:330px;
	left:827px;
	height:40px;
	width:102px;
	background-image:url(/global/img/bt/bt-contact-hover.png);
}


/* Newsletter */
#inscription_newsletter {
	position:relative;
	background-image:url(../img/bt/inscription-newsletter-s.png);
	height:68px;
	width:158px;
	margin:auto;
}


/* Galerie photos */
.galerie_photos {
	float:left;
	width:115px;
	height:115px;
}

#vignette_galerie {
	position:relative;
	width:580px;
	font-size:13px;
	color:white;
	z-index:4;
}

.galerie {
	float:left;
	width:115px;
	height:150px;
	overflow:hidden;
}

.img_galerie {
	border:3px solid #666666;
	padding:2px;
}

.img_galerie:hover {
	border:3px solid #B92109;
	padding:2px;
}


/* News */
#contenu_news {
	position:relative;
	width:287px;
	line-height:14px;
	margin-left:3px;
	padding-top:10px;
	float:left;
	z-index:5;
}

.titre_news{
	font-size:14px;
	font-weight:bold;	
	color:#dbb619;
}

.barre_news{
	padding-top:10px;
	padding-bottom:10px
}


/* CALQUES BON A SAVOIR + INFOS PRATIQUES PAGE ACTIVITES TARIFS */
#bonasavoir {position:relative;width:265px;line-height:18px;z-index:4;}
#bonasavoir1 {position:absolute;width:265px;top:-140px;left:25px;line-height:18px;z-index:4;}
#bonasavoir2 {position:absolute;width:255px;	top:-68px;left:45px;line-height:18px;z-index:4;}
#bonasavoir3 {position:absolute;top:-45px;left:45px;	width:285px;line-height:18px;z-index:4;}
#bonasavoir4 {position:absolute;	top:-24px;left:45px;width:285px;line-height:18px;z-index:4;}

#infos_pratiques   {position:relative;width:265px;line-height:18px;z-index:4;}
#infos_pratiques1 {position:absolute;width:265px;top:-370px;left:10px;line-height:18px;z-index:4;}
#infos_pratiques2 {position:absolute;width:285px;top:-205px;left:13px;line-height:18px;z-index:4;}
#infos_pratiques3 {position:absolute;top:-182px;left:45px;width:210px;line-height:18px;z-index:4;}
#infos_pratiques4 {position:absolute;top:-160px;left:45px;width:255px;line-height:18px;z-index:4;}
#infos_pratiques5 {text-align:justify;position:absolute;top:-110px;left:55px;width:220px;line-height:18px;z-index:4;}
#infos_pratiques6 {text-align:justify;position:absolute;top:-45px;left:55px;width:220px;line-height:18px;z-index:4;}

#logo_news{
	position:absolute;
	top:-35px;
	left:-30px;
	z-index:2;
}


/* Contenu gauche et droite */	
#contenu_body_gauche {
	position:relative;
	width:300px;
	float:left;
	font-size:13px;
	color:white;
	z-index:4;
	margin-top:20px;
	margin-bottom:20px;
}
		
#contenu_body_droite {
	position:relative;
	margin-left:50px;
	float:left;
	z-index:4;
	margin-top:20px;
	margin-bottom:40px;
}

#back_voir_nos_activites{
	position:absolute;
	top:8px;
	z-index:5;
	background-image:url(../img/bt/voir-les-activites2.png);
}

#contenu_body_droite_casque {
	position:absolute;
	top:-10px;
	left:120px;
	z-index:4;
}


/* Contact */
#plan {
	position:relative;
	border:1px solid red;
	height:230px;
	width:285px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	color:#000;
}

#fusil {
	position:absolute;
	left:210px;
	top:-163px;
}


/* Bas */
#contenu_bas {
	position:relative;
	height:206px;
	width:1000px;
	bottom:-20px;
	margin-top:-180px;
	background-image:url(../img/bg/bas.png);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:2;
}

#liens_bas {
	position:absolute;
	top:185px;
	left:280px;
	z-index:3;
	line-height:22px;
}