/***********************************************/
/* HTML                                        */
/***********************************************/

body {
	background:#c00418 url(images/habillages/f_site.gif) center repeat-y;
	margin:0;
	padding:0;
	font:12px Arial, sans-serif;
	color:#000;
}

h1, h2, h3, h4, p{margin:0; padding:0;}

/***********************************************/
/* ID - Mise en page                           */
/***********************************************/

#page-accueil{
	position:relative;
	width:960px;
	background:#fff url(images/habillages/f_page-accueil.jpg) top no-repeat;
	margin:0 auto;
	padding:0;
}

#page-contenu{
	position:relative;
	width:960px;
	background:#fff url(images/habillages/f_page-contenu.gif) left repeat-y;
	margin:0 auto;
	padding:0;	
}

#page-contenu-info{
	position:relative;
	width:960px;
	background:#fff url(images/habillages/f_page-contenu-info.gif) left repeat-y;
	margin:0 auto;
	padding:0;
}

#page-annexe{
	position:relative;
	width:960px;
	background:#fff;
	margin:0 auto;
	padding:0;
}

#en-tete{
	position:relative;
	width:auto;
	height:160px;
	background:#000 url(images/habillages/f_en-tete.jpg) left no-repeat;
	margin:0;
	padding:0;
}

#menu{
	position:absolute;
	bottom:0;
	right:100px;	
	width:auto;
	margin:0;
	padding:0; 
	font:bold 12px "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-decoration:none;
	list-style-type:none;
}

#sous-menu{
	float:left;
	width:224px;
	margin:40px 0 0 0;
	padding:0;
	border-top: 1px solid #adb6a2;
}

#fil-ariane{
	background-color:#fff;
	float:left;
	width:630px;
	margin:0;
	padding:30px 48px 0 32px;
}

#fil-ariane-info{
	background-color:#fff;
	float:left;
	width:448px;
	margin:0;
	padding:30px 48px 0 32px;
}

#contenu-accueil{
	width:880px;
	margin:0;
	padding:65px 32px 0 48px;
}



#contenu{
	float:left;
	width:630px;
	margin:32px 32px 0 32px;
	padding:0;	
}

#contenu-info{
	float:left;
	width:448px;
	margin:32px 32px 0 32px;
	padding:0;
}

#info{
	float:right;
	width:224px;
	margin:0;
	padding:0;
}

#texte-info{
	width:160px;
	margin:0 32px 0 32px;
	padding:0;
}

#pied-de-page{
	clear:both;
	background-color:#fff;
	width:100%;
	border-top:#cbd1c4 1px solid;
	border-bottom:#cbd1c4 1px solid;
	text-align:center;
}

#reprise-menu{
	background-color:#fff;
	margin:10px 0;
	font-size:11px;
}

#a-propos{
	background-color:#cbd1c4;
	margin:0;
	padding:10px 0;
	font-size:11px;
	text-transform:uppercase;
}


/***********************************************/
/* ID - Elements                               */
/***********************************************/

#en-tete h1 a{
	display:block;
	width:224px;
	height:160px;
	background:#fff url(images/habillages/i_logo.gif) top left no-repeat;
	text-indent:-2000px;
}

#en-tete span{
	display:none;
}

#menu li{
	float:left;
	margin:0;
	padding:0;
}

#sous-menu ul {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
}

#sous-menu li{
	font:12px Arial, sans-serif;
	color:#000;
	padding:0;
	text-transform:uppercase;
	list-style-type:none;
}

/* CONTENU ACCUEIL */
#contenu-accueil h2{
	font:italic bold 24px "Times New Roman", Times, serif;
	color:#684894;
	border-bottom:#684894 1px solid;
	padding:30px 0 0 0;
}

#contenu-accueil h3{
	font:bold 12px "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	color:#684894;
	padding:0 0 16px 0;
}

#contenu-accueil p{
	margin:1em 0 2em 0;
	line-height:2em;
	text-align:justify;
}

/* CONTENU SANS INFO */
#contenu h2{
	font:italic bold 24px "Times New Roman", Times, serif;
	text-align:justify;
	color:#684894;
	border-bottom:#684894 1px solid;
	padding:0;
}


#contenu h3{
	font:bold 12px "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#684894;
	padding:0;
}

#contenu h4{
	font:bold 15px "Times New Roman", Times, serif;
	text-align:center;
	color:#ea9200;
	padding:0;
}

#contenu p{
	margin:1em 0 2em 0;
	line-height:2em;
	text-align:justify;
}

#page-contenu #contenu li{
	list-style:square;
	line-height:1.5em;
	margin:0;
	padding:0;
}

/* CONTENU AVEC INFO */
#contenu-info h2{
	font:italic bold 24px "Times New Roman", Times, serif;
	text-align:justify;
	color:#684894;
	border-bottom:#684894 1px solid;
	padding:0;
}

#contenu-info h3{
	font:italic bold 19px "Times New Roman", Times, serif;
	color:#684894;
	padding:0;
}

#contenu-info p{
	margin:1em 0 2em 0;
	line-height:2em;
	text-align:justify;
}

#contenu-info li{
	list-style:square;
	line-height:1.5em;
	margin:0;
	padding:0;
}

#texte-info p{
	background:url(images/habillages/f_deco-texte-info.gif) bottom no-repeat;
	margin:1em 0 2em 0;
	padding:0 0 25px 0;
	line-height:2em;
	text-align:justify;
}


/* PIED DE PAGE */
#pied-de-page{
	line-height:25px;
}

#pied-de-page p{
	font-size:10px;
	margin:10px 0;
}

#reprise-menu li{
	display:inline;
	margin:0;
	padding:0 5px;
	border-right:#cbd1c4 1px solid; 
}

#image-payement{
	float:left;
	margin:5px 0 0 32px;
}

#image-drapeau{
	float:right;
	margin:5px 32px 0 0;
}


/***********************************************/
/* CLASS                                       */
/***********************************************/

.marge-haute{margin-top:32px;}

/* PARAGRAPHE DANS CONTENU ACCUEIL */
#contenu-accueil .accroche-accueil-1{
	width:330px;
	font:italic bold 22px "Times New Roman", Times, serif;
	color:#555;
	text-align:left;
	line-height:1.5em;
}

#contenu-accueil .accroche-accueil-2{
	width:310px;
	font:italic bold 20px "Times New Roman", Times, serif;
	color:#555;
	text-align:left;
	line-height:1.5em;
}

/* BLOC DANS CONTENU ACCUEIL */
.bloc-contenu-gauche-fin{
	float:left;
	width:182px;
	padding:0;
}

.bloc-double-contenu-gauche{
	float:left;
	width:380px;
	padding:0;
}

.bloc-double-contenu-droite{
	float:right;
	width:380px;
	padding:0;
}

#contenu-accueil .bloc-contenu-gauche p,
#contenu-accueil .bloc-contenu-gauche-fin p,
#contenu-accueil .bloc-contenu-droite p{
	text-align:left;
}

/* BLOC DANS CONTENU AVEC INFO */
.bloc-contenu-gauche{
	float:left;
	width:182px;
	padding:0 32px 0 0;
}

.bloc-contenu-droite{
	float:right;
	width:182px;
	padding:0 0 0 32px;
}

#contenu-info .bloc-contenu-gauche h3,
#contenu-info .bloc-contenu-droite h3{
	font:bold 12px "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	color:#684894;
	padding:0 0 16px 0;
}

#contenu-info .bloc-contenu-gauche p,
#contenu-info .bloc-contenu-droite p{
	text-align:left;
}

/* BLOC INFO EXCURSION DANS CONTENU SANS INFO */
.bloc-excursion-info{
	width:364px;*
	border:#888 1px dotted;
	margin:0 0 32px 0;
	padding:32px;
}

.bloc-excursion-info li{
	list-style:square;
}

/* BLOC PLAN DU SITE */
.bloc-plan-du-site h3:before{
	content:url(images/habillages/i_page.gif);
}

.bloc-plan-du-site li{
	list-style:url(images/habillages/i_page.gif) square;
}

/* IMAGE DANS CONTENU SANS INFO */
.image-contenu-gauche{
	float:left;
	padding:16px 32px 16px 0;
}

.image-contenu-droite{
	float:right;
	padding:16px 0 16px 32px;
}

.image-contenu-large{
	text-align:center;
	margin:16px 0;
	padding:0;
}

/* SUPPRIME IMAGE DECO DANS DERNIERE INFO */
#texte-info p.derniere-info{
	background-image:none;
	padding:0;
}

/* DIFFERENTE COULEUR DE TITRE INFO */
#texte-info h2.couleur01-titre-info{
	font:bold 17px "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#c00418;
	padding:0;
}

#texte-info h2.couleur02-titre-info{
	font:bold 17px "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#ea9200;
	padding:0;
}

#texte-info h2.couleur03-titre-info{
	font:bold 17px "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#98a48a;
	padding:0;
}

/* SUPPRIME LA BORDURE DE FIN DANS PIED DE PAGE*/
#reprise-menu li.dernier-reprise-menu{
	border-right:none; 
}


/***********************************************/
/* ID - Navigation  et liens                   */
/***********************************************/

/* MENU horizontal */
#menu a{
	display:block;
	color:#fff;  
	text-align:center;
	margin:0;
	padding:9px 23px; 
	text-decoration:none;
}

#menu a:link,
#menu a:visited{
	color:#fff;
	text-decoration:none;
}

#menu a:hover,
#menu a:active{
	color:#fff;
	text-decoration:underline;
	background:#c00418;
}

#menu .menu-off{
	display:block;
	background-color:#fff;
	color:#000;  
	margin:0;
	padding:9px 23px; 
	text-align:center;
	text-decoration:none;
}

/* SOUS-MENU vertical */
#sous-menu a:link,
#sous-menu a:visited{
	display:block;
	color:#000;
	padding:28px 0 28px 32px;
	text-decoration:none;
}

#sous-menu a:hover,
#sous-menu a:active{
	display:block;
	background:#bfc6b7 url(images/habillages/f_sous-menu.gif) left no-repeat;
	color:#000;
	padding:28px 0 28px 32px;
	text-decoration:none;
}

#sous-menu .sous-menu-off{
	display:block;
	background:#bfc6b7 url(images/habillages/f_sous-menu.gif) left no-repeat;
	color:#000;
	padding:28px 0 28px 32px;
	text-decoration:none;
}

/* FIL D'ARIANE */
#fil-ariane a:link,
#fil-ariane a:visited{
	color:000;
	text-decoration:underline;
}

#fil-ariane a:hover,
#fil-ariane a:active{
	color:#684894;
	text-decoration:underline;
}

#fil-ariane-info a:link,
#fil-ariane-info a:visited{
	color:#000;
	text-decoration:underline;
}
#fil-ariane-info a:hover,
#fil-ariane-info a:active{
	color:#684894;
	text-decoration:underline;
}

/* CONTENU ACCUEIL */
#contenu-accueil a:link{color:#c00418; text-decoration:underline;}

#contenu-accueil a:visited,
#contenu-accueil a:hover,
#contenu-accueil a:active{
	color:#684894;
	text-decoration:underline;
}

/* CONTENU AVEC ET SANS INFO */
#contenu a:link{color:#c00418; text-decoration:underline;}

#contenu a:visited,
#contenu a:hover,
#contenu a:active{
	color:#684894;
	text-decoration:underline;
}

#contenu-info a:link{color:#c00418; text-decoration:underline;}

#contenu-info a:visited,
#contenu-info a:hover,
#contenu-info a:active{
	color:#684894;
	text-decoration:underline;
}

/* INFO frame de droite */
#info p a:link,
#info p a:visited,
#info p a:hover,
#info p a:active{
	color:#000;
	text-decoration:underline;
}

/* PIED DE PAGE - reprise menu et à propos */
#reprise-menu a:link,
#reprise-menu a:visited{
	color:#a5ac9c;
	text-decoration:underline;
}

#reprise-menu a:hover,
#reprise-menu a:active{
	color:#000;
	text-decoration:underline;
}

#a-propos a:link,
#a-propos a:visited,
#a-propos a:hover,
#a-propos a:active{
	color:#000;
	text-decoration:underline;
	padding:0 10px;
}

#pied-de-page p a:link,
#pied-de-page p a:visited,
#pied-de-page p a:hover,
#pied-de-page p a:active{
	color:#000;
	text-decoration:underline;
}


/***********************************************/
/* BUGS                                        */
/***********************************************/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sous-menu li {border-bottom:1px solid #adb6a2;}

/* fix for browsers that don't need the hack */
&html>body #sous-menu li {border-bottom: none;}

/* fixe bug Firefox et Opera float */
.fix-float{clear:both; visibility:hidden;}