/* CSS Document */
/*================================================ html ===================================================*/

*{
margin:0;
padding:0;
}

body {
font-family: Segoe UI, Century Gothic, Arial, Helvetica, sans-serif;
color: #F5E7B4;
font-size:0.8em;
background:url(../img/bg3a.jpg);
background-repeat:repeat-x;
background-color:#000000;
}

h1 {text-indent:-5000px;/*titre non visible- pour masquer le contenu au navigateur graphique*/
margin:0;  /*pour éviter des décalages dépendants du navigateur*/
line-height:0; /*pour éviter tout décalage */}

h2 {font-size:1.8em; font-family:Trebuchet MS;text-transform:uppercase; color:#330000; margin:0 0 0.8em 0.3em;}

h3 {font-size:1.2em; color:#F5E7B4; margin-top:1.4em; margin-bottom:0.6em; }

p {
line-height:1.5em;
text-align:justify;
margin:0 1em 1em 0;
}

hr{
color: #CC3333; 
height:0px; 
border: 1px dotted #E2B71D; 
clear:both;
}

ul{
padding:1em; /*permet l'affichage des puces dans IE*/ 
margin-top:0.5em; /*corrige la marge par défaut un peu trop grand des navigateurs*/
margin-bottom:0.5em; /*corrige la marge par défaut un peu trop grand des navigateurs*/
margin-left:1em; /*position gauche des puces un peu décalée par rapport au reste des textes  */
}

li{
list-style-type: disc; 
padding-left: 0.5em;/*la distance entre la puce et le texte (dans IE) */
margin: 0.5em 0;/*un peu de marge haut et bas*/
}

ul p{
margin-left:1.5em;/*crée une marge gauche un peu plus large que les éléments de li */
margin-top:0.5em;}

img {border:none; clear:both}

a {color:#E2B71D; outline:none;/*enlève le contour pointillé de certains navigateurs*/}

#footer a {
color: #E2B71D; 
text-decoration:none;
padding:0;
}

#footer a:hover, a:focus, a:visited{
color: #ffffff; 
padding:0;
}
.skiplink {display:none;/*s'applique aux liens pour l'accessibilité (ex.sauter la zone de navigation)*/}

/*================================================ Wrapper ============================================*/

#wrapper {
	width:100%;
	background-color:#330000;
}

/*================================================ Header ===================================================*/

#header {
	background-image:url(../img/head_fond2.jpg);
	background-repeat:repeat-x;
	height:125px;
	z-index:2;
}

#header img{
	margin: 0 0 0 100px;
}

/*================================================ Drapo ===================================================*/

#drapo_fr {
	color:#CCCCCC;
	position:absolute;
	width:25px;
	height:16px;
	left:30px;
	top:20px;
	/*border: 1px solid #ffffff;*/
	z-index:3;
}

#drapo_gb {
	color:#999999;
	position:absolute;
	width:25px;
	height:16px;
	left:70px;
	top:20px;
	/*border: 1px solid #ffffff;*/
	z-index:3;
}


/********************************************Top Menu************************************/

#top_menu_wrapper {
	width:100%;
	position:relative;
	left:0;
	top:-17px;
	background-image:url(../img/bambou.gif);
	background-repeat: repeat-x;
	height:50px;
	z-index:2;
}

#top_menu{
	color:#ffffff;
	position:absolute;
	left:155px;
	top:10px;
	min-width: 700px;
}

#top_menu ul{
	padding: 12px 0 0 0;
}

#top_menu li{
	display:inline;
	padding: 12px 0 0 0;
}

#top_menu a, #top_menu a:visited{
	font-family: Trebuchet MS, Century Gothic, Helvetica;
	color: #F5E7B4;
	background-color: #950000;
	font-size:100%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 12px 20px 5px 20px;
}

#top_menu a:hover, #top_menu a:active{
	background-color:#000000;
	color:#ffffff;
	padding: 12px 20px 5px 20px;
}

/*================================================ Menu vertical ==============================================*/

#zone_menusV {
	color:white;
	float:left;
	width: 220px;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-top:40px;
	margin-left:20px;
}

#zone_menusV ul{
	padding:0 10px 0 10px; 
	margin:0;  
}

#zone_menusV li{
	text-indent:5px;
	padding-left: 10px;
	padding-bottom: 12px;
	list-style-image: url(../img/puce.gif);
	line-height: 12px;
}

#zone_menusV li.lastitem {
	border:none; padding-bottom:0; 
}

#zone_menusV a{
	text-transform:uppercase;
	color:#CC9900;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding-bottom: 5px;
}

#zone_menusV a:hover, a:focus, a:visited{
	color: #F8CB22;
}

#menu_v1 {
	margin-bottom: 0;
	padding-bottom: 20px;
}

/*================================================ contenu ===================================================*/



#contenu {
overflow: auto;/*pour limiter la portée de clear à l'intérieur à cette div*/
margin:30px 0 0 50px;
}



#col1{
	float:left;
	overflow: hidden;
	position:absolute;
	margin: 50px 0 10px 50px;
	padding: 0 10px 0 20px;
	width: 850px;
	min-width: 300px;
}

#home #col1{
	width: 500px;
}

#col2{
	float:right;
	position:absolute;
	overflow: hidden;
	margin: 30px 0 10px 540px;
	padding: 60px 0 0 0;
	width: 450px;
	min-width: 250px;
}

#com_box {
	position:relative;
	overflow: hidden;
	width: 390px;
	margin:5px 0 0 15px;
	padding: 0 0 0 0;
	float:right; 
}

#cadre_circuit {
	border: 1px dotted #E2B71D;
	padding-left: 10px;
	/*background-color:#;*/
} 

#gallery {
	border: 1px dotted #E2B71D;
	clear:both;
	margin: 0 0 10px 274px;
	/*padding: 10px 0 0 10px;*/
	width: 55%;
	min-width: 300px;
} 

#contenu #video{
clear:both;
float:right;
margin-left: 10px;
} 

#page_accueil #contenu.bigpic{
padding-left:0;
} 

#contenu img {margin:5px 0; border: 1px dotted #E2B71D;}
#contenu img.droite {float:right; margin:5px 0 0 15px;}
#presse #contenu img.droite {float:right; margin:5px 0 0 15px;}
#contenu img.gauche {float:left; margin: 5px 15px 0 0;}
#contenu #slider {float:right; margin:5px 0 0 15px;}

input {height:1.6em; }
textarea {
font-size:1em;
font-family:Arial, Helvetica, sans-serif
}
p.messageenvoiformulaire {
font-size:1.2em;
margin: 50px 0;
}


/*================================================ Background ==============================================*/

#bg1 {
	/*overflow:visible;*/
	width:100%;
	height:821px;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/bg3.jpg);
	background-repeat: no-repeat;
	z-index:0;
}

/*******************************************IMG DIV*******************/

#extraDiv1 {
	position:absolute;
	background: url(../img/piaf.gif) no-repeat;
	top: 0px;
	right: 15%;
	width: 124px;
	height: 125px;
	z-index:3;
}

#home #extraDiv2 {
	position:absolute;
	background: url(../img/antilope.gif);
	background-repeat:no-repeat;
	top: 620px;
	right: 5%;
	width: 250px;
	height: 202px;
	z-index:3;
	visibility: visible;
}

#contact #extraDiv3 {
	position:absolute;
	background: url(../img/piroguier.gif);
	background-repeat:no-repeat;
	top: 570px;
	right: 20%;
	width: 450px;
	height: 302px;
	z-index:3;
	visibility: visible;
}

#societe #extraDiv4 {
	position:absolute;
	background: url(../img/bus.gif);
	background-repeat:no-repeat;
	top: 585px;
	right: 35%;
	width: 521px;
	height: 220px;
	z-index:3;
	visibility: visible;
}

/*================================================ footer ===================================================*/

#footer{
	clear:both;
	color: #F5E7B4;
	text-align:left;
	line-height:30px;
	padding:7px 0 0 35px;

}