body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color:#000000;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height:14pt;
}

.texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align:justify;
	line-height:12pt;
}

.interface{
     position:absolute;
     left: 50%; 
     top: 0;
     width: 849px;
     margin-left: -424px; /* moiti de la largeur */
	 z-index:1;
}

.texte_mini{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #eb9b3a;
}

.fiche_texte{
	float:right;
	margin-right:0px;
	margin-top:-20px;
	width:390px;
	background-repeat:no-repeat;
}
*> .fiche_texte { margin-top:50px; }

.fiche_invisible{
	float:right;
	width:100%;
}

.fiche_bouton{
	float:right;
	margin-right:40px;
	margin-top:23px;
	width:200px; 
	height:22px;
	text-align:right;
}

.fiche_div{
	width:648px; 
	height:550px;
}

/*------------------------- TITRES DU SITE -------------------------*/

.titre_page{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;	
}

.titre_theme{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #dc772d;
	font-weight:bold;
}

H1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #dc772d;
	font-weight:bold
}
	
.titre_circuit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;	
}

.titre_paragraphe{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#41250a;
	background-repeat: no-repeat;
	color: #ffe8cc;
	font-weight:bold;
	width:634px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
}

.titre_tarif{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#dc772d;
	background-repeat: no-repeat;
	color: #000000;
	font-weight:bold;
	width:634;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
}

.titre_extension{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#41250a;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight:bold;
	width:574px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
}
.titre_nouveaute {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#fec524;
	color: #000;
	font-weight:bold;
	width:589px;
	padding: 2px 5px;
}

.titre_lien{
	display:block; margin:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dc772d;
	font-weight:bold;	
}

.titre_lien_menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #dc772d;
	font-weight:bold;	
}

.titre_tableau{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDD472;
	font-weight:bold;	
	text-align:center;
	padding:1px;
}

.fond_extension{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width:599px;
	background-color:#191919;
	padding: 20px;
}

.fiche_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;	
}

/*------------------------- PUCES DES TITRES -------------------------*/

li.fiche_li{
	list-style-type:disc;
}

ul.fiche_ul{
	margin-top:0px;
	margin-bottom:7px;
}

.puce_niveau{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/niveau.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.puce_guide{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/guide.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.puce_info{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/info.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.puce_partic{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/particularite.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.puce_date{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/date.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.puce_offre_speciale{
	width:17px;
	height:17px;
	background-image:url(../quad/images/fiches_voyages/puce/offreSpeciale.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

li.noir{
	list-style-image: url(../images/interface/puce_noire.gif);
}

li.blanc{
	list-style-image: url(../images/interface/puce_blanche.gif);
}

li.orange{
	list-style-image: url(../images/interface/puce_orange.gif);
}

/*------------------------- TABLEAUX -------------------------*/

.tableau_tarif{
	border:1px solid #3c3c3c;
	padding:1px;
	background-color: #000000;
	color:#ffffff;
}

.tableau_picto{
	padding:1px;
	background-color: #000000;
	color:#ffffff;
}

.fiche_tableau{
	line-height:12pt;
	border:0px;
	text-align:justify;
	width:390px;
}

/*------------------------- MODULE NEWSLETTER -------------------------*/

.tableau-nl{
	display:block;
	margin:10px 0 20px 0;
	padding:0;
}

.tableau-nl-entete{
	background-image:url(../images/interface/fond-nl-quad.gif);
	background-repeat:repeat-x;
	height:24px;
}

.texte-nl{
	padding:0 5px 2px 5px;
	background-image:url(../images/interface/fond-nl.gif);
	background-repeat:repeat-x;
	/* fonts */
	font-size:9px;
	line-height:12px;
	height:80px;
}

.form-nl{
	padding:0;
	margin:0 0 0 0;
}

input.newsletter{
	width:110px; 
	height:14px;
	border:1px solid #cdc5a5;
	padding:1px 2px 1px 2px;
	margin:0 0 0 0;
	/* fonts */
	color:#333333;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}


/*------------------------- CELLULES -------------------------*/

.cellule_tarif{
	background-color:#191919;
	text-align:center;
}

.lisere_horiz{
	 height:1px;
	 background-image:url(../images/interface/lisere_horiz.gif);
}

.lisere_horiz_menu{
	 height:1px;
	 background-image:url(../images/interface/lisere_horiz_menu.gif);
}

/*------------------------- PICTOGRAMMES -------------------------*/

.picto_detail{
	background-image:url(../quad/images/btn_detail.gif);
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:22px;
}

.picto_detail:hover{
	background-image:url(../quad/images/btn_detail_roll.gif);
	background-repeat:no-repeat;
}

.picto_tarif{
	background-image:url(../images/interface/picto_tarif.gif);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
}

.picto_tarif:hover{
	background-image:url(../images/interface/picto_tarif_roll.gif);
	background-repeat:no-repeat;
}

.picto_contact{
	background-image:url(../images/interface/picto_contact.gif);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
}

.picto_contact:hover{
	background-image:url(../images/interface/picto_contact_roll.gif);
	background-repeat:no-repeat;
}

.picto_brochure{
	background-image:url(../images/interface/picto_download.gif);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
}

.picto_brochure:hover{
	background-image:url(../images/interface/picto_download_roll.gif);
	background-repeat:no-repeat;
}

.picto_hautpage{
	background-image:url(../images/interface/picto_hautpage.gif);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
}

.picto_hautpage:hover{
	background-image:url(../images/interface/picto_hautpage_roll.gif);
	background-repeat:no-repeat;
}


/*------------------------- PROP. IMAGES -------------------------*/

.img_cadre{
	padding:5px;
	border: solid #3c3c3c 1px;
}

.img_bordure{
	padding:5px;
	border: solid #3c3c3c 1px;
	margin-bottom:20px;
}

.img_texte_left{
	padding:5px;
	border: solid #3c3c3c 1px;
	margin-right:15px;
	margin-bottom:0px;
	margin-top:5px;
}

.img_texte_right{
	padding:5px;
	border: solid #3c3c3c 1px;
	margin-left:15px;
	margin-bottom:0px;
	margin-top:5px;
}

.img_uniligne{
	margin-top:15px;
	margin-right:20px;
}


/*--------------------------------------------------*/


#resize_div1{
	position:absolute;
	background:#ccc;
	font:100%/1.2em arial;
	width:0px;
	height:0px;
	border-style:solid; 
	border-width:0px; 
	border-color:#FFFFFF; 
	background-color:#000000; 
	overflow:hidden;
}

#resize_div2{
	position:absolute;
	background:#ccc;
	font:100%/1.2em arial;
	width:0px;
	height:0px;
	border-style:solid; 
	border-width:0px; 
	border-color:#FFFFFF; 
	background-color:#000000; 
	overflow:hidden;
}

#resize_div3{
	position:absolute;
	background:#ccc;
	font:100%/1.2em arial;
	width:0px;
	height:0px;
	border-style:solid; 
	border-width:0px; 
	border-color:#FFFFFF; 
	background-color:#000000; 
	overflow:hidden;
}

#inner_resize_div1{
	width:450px;
	height:284px;
	position:absolute;
}

#inner_resize_div2{
	width:450px;
	height:284px;
	position:absolute;
}

#inner_resize_div3{
	width:450px;
	height:284px;
	position:absolute;
}


/*------------------------- LIENS -------------------------*/


a       { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a:link       { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a:visited    { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a:hover      { color: #dc772d; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}

a.ancre       { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre:link       { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre:visited    { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre:hover      { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}

a.ancre_paragraphe       { color: #ffffff; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre_paragraphe:link       { color: #ffffff; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre_paragraphe:visited    { color: #ffffff; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}
a.ancre_paragraphe:hover      { color: #ffffff; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;}

a.lien_haut       { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; line-height:12pt;}
a.lien_haut:link       { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; line-height:12pt;}
a.lien_haut:visited    { color: #000000; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; line-height:12pt;}
a.lien_haut:hover      { color: #41250a; text-decoration: none; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; line-height:12pt;}

a.lien_menu       { width:171px; height:22px; padding:6px 0 0 0; color: #FFFFFF; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; display:block; background-image:url(../quad/images/interface/fond-menu-survol-off.gif); background-position:top left; background-repeat:no-repeat;}
a.lien_menu:link       { color: #FFFFFF; text-decoration: none; font-size: 11px; }
a.lien_menu:visited    { color: #ffffff; text-decoration: none; font-size: 11px; }
a.lien_menu:hover      { color: #dc772d; text-decoration: none; font-size: 11px; background-image:url(../quad/images/interface/fond-menu-survol-on.gif);}

a.lien_menu_actif       { width:171px; height:22px; padding:6px 0 0 0; color: #FFFFFF; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; display:block; background-image:url(../quad/images/interface/fond-menu-survol-on.gif); background-position:top left; background-repeat:no-repeat;}
a.lien_menu_actif:link       { color: #FFFFFF; text-decoration: none; font-size: 11px; }
a.lien_menu_actif:visited    { color: #ffffff; text-decoration: none; font-size: 11px; }
a.lien_menu_actif:hover      { color: #dc772d; text-decoration: none; font-size: 11px; }

a.lien_h1, a.lien_h1_classic       { color: #dc772d; height:25px; display:block; padding:6px 0 0 0; font-weight:bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height:12pt; background-image:none; background-position:top left; background-repeat:repeat-y;}
a.lien_h1:link       { color: #dc772d; font-weight:bold;	text-decoration: none;}
a.lien_h1:visited    { color: #dc772d; font-weight:bold;	text-decoration: none;}
a.lien_h1:hover, a.lien_h1_classic:hover      { color: #FFFFFF; font-weight:bold;	text-decoration: none; background-image:url(../quad/images/interface/fond-menu2-survol-on.gif);}
a.lien_h1_classic:hover { background-image:none; }

a.lien_h1_actif       { color: #FFFFFF; height:25px; display:block; padding:6px 0 0 0; font-weight:bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height:12pt; background-image:url(../quad/images/interface/fond-menu2-survol-on.gif); background-position:top left; background-repeat:repeat-y;}
a.lien_h1_actif:link       { color: #dc772d; font-weight:bold;	text-decoration: none;}
a.lien_h1_actif:visited    { color: #dc772d; font-weight:bold;	text-decoration: none;}
a.lien_h1_actif:hover      { color: #FFFFFF; font-weight:bold;	text-decoration: none; }

a.lien_h2       { color: #dc772d; height:20px; display:block; padding:5px 0 0 0; margin:0 0 5px 0; font-weight:bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt; background-image:none; background-position:top left; background-repeat:repeat-y;}
a.lien_h2:link       { color: #dc772d; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt;}
a.lien_h2:visited    { color: #dc772d; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt;}
a.lien_h2:hover      { color: #FFFFFF; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt; background-image:url(../quad/images/interface/fond-menu3-survol-on.gif);}

a.lien_h2_actif      { color: #FFFFFF; height:20px; display:block; padding:5px 0 0 0; margin:0 0 5px 0; font-weight:bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt; background-image:url(../quad/images/interface/fond-menu3-survol-on.gif); background-position:top left; background-repeat:repeat-y;}
a.lien_h2_actif:link       { color: #dc772d; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt;}
a.lien_h2_actif:visited    { color: #dc772d; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt;}
a.lien_h2_actif:hover      { color: #FFFFFF; font-weight:bold;	text-decoration: none; font-size: 11px; line-height:12pt;}

/*********** MODIFICATION MADE IN YUL *********************/
/* */

/* Index des destinations */
.index-destination-conteneur {
	padding:0;
	margin:0 0 18px 0;
	width:100%;
	height:170px;
	border-bottom:#CCCCCC 1px dashed;
}
.index-destination-img {
	width:250px;
	float:left;
}
.index-destination-txt {
	margin:0 0 0 250px;
	padding:0 0 0 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #dc772d;
	font-weight:bold;
	text-align:justify;
}

/* Formulaire de contact */

span.span-titre-contact {
	padding:0 15px 0 10px;
	margin:0;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background: url(../quad/images/interface/flecheOrange.gif) 0 3px no-repeat;
}

input.input-contact {
background-color:#ffe7a3;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.input-contact-normal {
background-color:#FFFFFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.general {
	width:100%;
	height:220px;
}
.left-general {
	width:310px;
	float:left;
	padding:10px 5px 0 15px;
}
	*> .left-general {
		padding:0 5px 0 15px;
		!padding:10px 5px 0 15px; !important
	}
.right-general{
	width:290px;
	float:left;
	padding:10px 0 0 15px;
	border-left:#CCCCCC 1px dashed;
}
	*> .right-general {
		padding:0 0 0 15px;
		!padding:10px 0 0 15px; !important
	}

	
	
.left-ss-general {
	width:90px;
	height:25px;
	float:left;
	text-align:left;
}
.left-ss-general2 {
	width:100%;
	height:25px;
	float:left;
	text-align:left;
}
.right-ss-general{
	width:190px;
	height:25px;
	margin:0 0 0 100px;
	text-align:left;
}
.right-ss-general2{
	width:100%;
	text-align:left;
}
	
	
	
.protection-donnees {
margin:20px 0 0 0;
font-size:9px;
}
	*> .protection-donnees {
		margin:230px 0 0 0;
		!margin:230px 0 0 0; !important
	}
	.protection-donnees a {
	text-decoration:underline;
	font-size:10px;
	}
	.protection-donnees a:hover {
	text-decoration:none;
	}
	
	
img.img-contact-inside {
border:0;
margin:5px 0 0 0;
}
img.img-contact-bottom {
border:0;
margin:0 0 10px 0;
}

a.a-teaser-detail-parcours {
text-decoration:underline;
color:#dc772d;
font-size:11px;
}
a.a-teaser-detail-parcours:hover {
text-decoration:none;
}

textarea.textarea-contact-normal {
background-color:#FFFFFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* NOUVELLE CHARTE */
/* H1 et span */
.titre-page-1 {
float:left;
width:413px;
height:37px;
margin:0;
padding:0;
}
.titre-page-2 {
float:left;
width:241px;
height:37px;
margin:0;
padding:0;
}
h1.dc772d-arial-bold-18px {
color:#dc772d;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
margin:0;
padding:0;
}
span.ffffff-arial-bold-14px {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}
.cadre-piste-des-dunes {
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
padding:5px;
margin:0 0 5px 0;
border:#dd772d 1px solid;
}
span.ffffff-arial-regular-12px {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
}
h2.ffffff-arial-bold-16px {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
}
a.a-dd772d-arial-bold-14px-underline {
color:#dd772d;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-decoration:underline;
}
a.a-dd772d-arial-bold-14px-underline:hover { text-decoration:none; }
a.a-dd772d-arial-bold-14px-underline:visited {}
a.a-dd772d-arial-bold-14px-underline:active {}

span.fec524-arial-bold-20px {
color:#fec524;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
}

.tab-selection-voyage-accueil {
padding:5px;
background-color:#111111;
}

.selection-produit {
border:#111111 solid 1px;
padding:5px;
margin:10px 0 0 0;
width:643px;
}

a.a-selection-voyage-accueil {
display:block;
background-image:url(../quad/images/interface/puce-fleche-jaune.gif);
background-position:center left;
background-repeat:no-repeat;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fec524;
padding:0 0 0 12px;
margin:10px 0 0 0;
text-decoration:underline;
}
a.a-selection-voyage-accueil:hover { text-decoration:none; }
a.a-selection-voyage-accueil:visited {  }
a.a-selection-voyage-accueil:active {  }

/*-----------------------------------
	Ajout page contact 2008
-------------------------------------*/

.tableContact
{
	width:285px;
	float:left;
}
.tableContact td
{
	width:150px;
	vertical-align:top;
	padding:5px 0;
}

#cadre404
{
	float:left; margin-left:150px; background-color:#191919; padding:40px;
}
#cadre404 a
{
	padding-left:10px;
	background:#000;
}
#cadre404 a:hover
{
	background:#000;
}

.btn-contact {
	width: 179px;
	height: 47px;
	display: block;
	background: url(../quad/images/bouton-contact.gif) 0 0 no-repeat;
}

.btn-telecharger {
	width: 210px;
	height: 42px;
	display: block;
	background: url(../quad/images/bouton-telecharger.gif) 0 0 no-repeat;
}