/*PROPRIETES DE LA PAGE.......................................................*/
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color: #393939;
	text-align: center;
}


body.FondGeneral {
	clear: both;
	background-color: #8cc3f7;
}
form, map, h1, h2, h3, h4, ul, img {
border:medium none;
margin:0;
padding:0;
}

/*......................................................STYLE DES LIENS*/

a:link {
	text-decoration: none;
	color:#000000;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #3399FF;
	text-decoration: underline;
}
a:active {
	color: #000000;
}
/*........................................................STYLES DES PARAGRAPHES*/
p {
	display: block;
	margin: 1.12em 0;
}
/*.......................................................STYLES DES TITRES*/
/*titre des pages*/
h1 {
	font-size: 1em;
	font-weight: bold;
	color: #311605;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #311605;
}
/* sous-titre des pages*/
h2 {
	font-size: 0.9em;
	color: #FF9900;
	font-weight: bold;
	margin: 0px;
	padding: 0px;

}
/*titre des enregistrements*/
h3 {
	font-size: 0.8em;
	color: #311605;
	font-weight: bold;
}
/*menus*/
h4 {
	font-size: 0.8em;
	margin:0px;
	color: #FFFFFF;
}

/*MISE EN PAGE DU CONTENU POUR TOUTES LES PAGES.....................................*/
#global{
	margin-left:auto;
	margin-right:auto;
	width:984px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	margin-top: 10px;
}
#content {
	width: 80%;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 2px;
	float: right;
	height: auto;
	text-align: left;
}

/*MISE EN PAGE DES INCLUDES......................................*/

/*MISE EN PAGE MENU........*/
#menu {
	width: 18%;
	float: left;
	padding-left: 2px;
	color: #FFFFFF;
	margin: 0px;
	clear: both;
	background-image: url(../images/fond_menu_m2.gif);
	background-repeat: no-repeat;
}
/*MISE EN PAGE MENU 2........*/
#menu2 {
	width: 18%;
	float: left;
	padding-left: 2px;
	color: #FFFFFF;
	margin: 0px;
	clear: both;
	background-image: url(../images/fond_menu_m2.gif);
	background-repeat: no-repeat;
}
#menu3 {
	width: 18%;
	float: left;
	padding-left: 2px;
	color: #FFFFFF;
	margin: 0px;
	clear: both;
	background-repeat: no-repeat;
}
#menu5 {
	width: 141px;
	float: left;
	padding-left: 2px;
	color: #FFFFFF;
	margin: 0px;
	clear: both;

}
#FondMenu{	background-image: url(../images/fond_menu_m4.gif);
	background-repeat: no-repeat;
	background-position:left bottom;}
#menu6 {
	width: 18%;
	float: left;
	padding-left: 2px;
	color: #FFFFFF;
	margin: 0px;
	clear: both;
	background-image: url(../images/fond_menu_m3.gif);
	background-repeat: no-repeat;
}
/* MISE EN PAGE MENU BROCHURE*/
#menu_broch {
	width: 120px;
	height: 97px;
	text-align: center;
}
/*..................................................INFOS PRATIQUES*/
#menu_infos {
	width: 120px;
	text-align: center;
	height: 97px;
}



/*....................................................PREPARATION SEJOUR*/
#menu_prepa {
	width: 120px;
	margin-bottom: 5px;
	height: 124px;
	text-align: center;
	padding-top: 10px;
}

/*...................................................LIENS DU MENU*/
#menu a:link, #menu a:visited {
	color:#492F21;
	text-decoration:none;
}
#menu a:hover, #menu a:active {
text-decoration: none;
color:#FF9900;
	}
/*..................................................LIEN DU MENU GROUPE*/
#menu_broch a:link, #menu_broch a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#menu_broch a:hover, #menu_broch a:active {
text-decoration: none;
color:#FF9900;
	}
/*....................................................LOGO CDT MENU*/
#menu_contact {
	font-size: 0.7em;
	padding-right: 2px;
	padding-left: 5px;
	color: #FFFFFF;
	padding-top: 10px;
}

/*MISE EN PAGE HEADER.........*/

/*....................................MISE EN PAGE ENTETE GENERAL*/
#header {
	width: 760px;
}
/*.................................................BOUTON ACCUEIL*/
#header_accueil {
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: center;
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5A3928;
	margin-top: 10px;
	margin-right: 2px;
	padding-left: 0px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-right: 2px;
}
#menu_horizontal {
	background-color: #FFFFFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#header-titre {
	color: #000000;
	font-size: 0.7em;
	text-align: center;
	margin-left: auto;
	width: auto;
	margin-bottom: auto;
	font-weight: bold;
	background-color: #FFFFFF;
}
/*....................................................BANDEAU FLASH*/
#photo_header {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #5A3928;
	margin-top: 0px;
}
/*.....................................................INSCRIPTION NEWSLETTER*/
#header_news {
	text-align: center;
	float: right;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5A3928;
	padding-left: 5px;
	padding-right: 2px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
}


#header_liencdt { /*....................................LIEN VERS LE SITE CDT*/
	float: left;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 3px;
}
#header_contact a:link, #header_news a:link, #header_contact a:visited , #header_news a:visited { /*......CONFIGURATION DES LIENS DU BOUTON CONTACT ET NEWSLETTER*/
	color:#5A3928;
	text-decoration:none;
}
#header_contact a:hover, #header_news a:hover, #header_contact a:active, #header_news a:active { /*......CONFIGURATION DES LIENS DU BOUTON CONTACT ET NEWSLETTER*/
text-decoration: none;
color:#FF9900;
	}

#header_contact { /*............................................CONTACT CENTRALE*/
	text-align: center;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5A3928;
	border-left-color: #5A3928;
	margin-right: 5px;
	padding-right: 2px;
	padding-left: 5px;
	margin-bottom: 8px;
	margin-top: 10px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
}
/*MISE EN PAGE DU PIED DE PAGE INCLUDE.......................................*/
#pied {
	background-color: #FBFBFB;
	color: #5A3928;
	font-weight: bold;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin: 0px auto;
}
/*....................CONFIGURATION DES LIENS DU PIEDS DE PAGE*/
#pied a:link, #pied a:visited {
	color:#5A3928;
	text-decoration:none;
}
#pied a:hover, #pied a:active {
text-decoration: none;
color:#FF9900;
	}
	
/*........................................................COPYRIGHT*/
#pied_copy {
	color: #7B0007;
	text-align: center;
	padding-top: 5px;
	width: 100%;
	padding-bottom: 5px;
	font-size: 0.7em;
}
/*MISE EN PAGE INDEX...............................................*/
/*............................................................BARRES*/
#home_barregauche {
	float: left;
	width: 45%;
	margin-top: 10px;
	text-align: center;
	padding: 0px;
	margin-left: 10px;
}
#home_barre_droite {
	float: right;
	width: 50%;
	margin-bottom: 3px;
	margin-top: 10px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 10px;
}
/*.........................................................BLOC SEJOUR*/
#home_sejour {
	width: 250px;
	background-image: url(../images/index_sejour.jpg);
	background-repeat: no-repeat;
	height: 200px;
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
	color: #FFFFFF;
}
#home_sejour_formu { /* ....................FORMULAIRE DE RECHERCHE*/
	color: #FFFFFF;
	width: 98%;
	font-size: 0.7em;
	margin: 85% 0px 0px;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*............................................................. BLOC HEBERGEMENT*/
#home_hebergement {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	width: 250px;
	background-image: url(../images/index_hotel.jpg);
	background-repeat: no-repeat;
	height: 200px;
	clear: both;
	color: #FFFFFF;
	font-size: 0.9em;
}
#home_hebergement a:link, #home_hebergement a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#home_hebergement a:hover, #home_hebergement a:active {
text-decoration: none;
color:#FF9900;
	}
/*............................................................. BLOC COUP DE COEUR*/
#home_coupcoeur {
	width: 250px;
	background-image: url(../images/index_cpcoeur.jpg);
	background-repeat: no-repeat;
	height: 300px;
	padding: 100px 0px 0px;
	margin-top: 20px;
}
#home_cpcoeur_text { /* TITRE DU SEJOUR COUP DE COEUR*/
	text-align: left;
	margin-left: 0px;
	padding: 0px 0px 0px 5px;
	width: 95%;
	font-size: 0.8em;
	font-weight: bold;
	color: #B1144B;
}
#home_cpcoeur_descriptif {
	text-align: justify;
	font-size: 0.7em;
	padding: 10px 5px 0px 0px;
	margin: 0px;
	color: #000000;
}

#home_cpcoeur_photo {
	width: 90%;
	clear: both;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#home_cpcoeur_lien {
	margin-left: 0px;
	height: 20px;
	width: 250px;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
}
/*................................................................. BLOC PROMOTIONS*/
#home_promo {
	background-image: url(../images/index_promo.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 300px;
	padding: 100px 0px 0px;
	margin: 20px 0px 0px;
}
#home_promo_titre { /* TITRE DE LA PROMO */
	padding: 0px 0px 0px 5px;
	font-size: 0.8em;
	color: #0B7390;
	font-weight: bold;
	width: 95%;
	text-align: left;
	margin: 0px;
}
#home_promo_descriptif {
	font-size: 0.7em;
	color: #000000;
	float: left;
	padding-top: 10px;
	text-align: justify;
	width: 97%;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#home_promo_photo {
	width: 95%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#home_promo_lien {
	text-align: center;
	height: 20px;
	width: 250px;
	margin-top: 10px;
	padding: 0px;
}
/*MISE EN PAGE DE LA PAGE RECHERCHE D'UN SEJOUR.................................................*/
#recherche_sejour {
	width: 250px;
	font-size: 0.7em;
	background-image: url(../images/index_sejour.jpg);
	background-repeat: no-repeat;
	height: 200px;
	float: left;
	padding: 0px;
	margin-left: 10px;
	margin-top: 50px;
}

/*......................................................................RESULTAT RECHERCHE SEJOUR*/
#recherche_titre_sejour {
	float: left;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	width: 100%;
	clear: both;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(../images/barre-sejour.jpg);
	background-repeat: no-repeat;
	height: 25px;
}

#recherche_descriptif_sejour {
	text-align: justify;
	float: left;
	width: 70%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#recherche_descriptif_groupe {
	text-align: justify;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#recherche_photo_sejour {
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#recherche_liens_sejour {
	margin-top: 5px;
	font-size: 0.8em;
	width: 50%;
	clear: both;
}
/*.......................................................................SEJOUR COUP DE COEUR*/
#recherche_sejour_cp_coeur {
	width: 250px;
	background-color: #FCFCFC;
	background-image: url(../images/index_cpcoeur.jpg);
	background-repeat: no-repeat;
	margin-left: 50px;
	margin-bottom: 30px;
	height: 200px;
	padding: 0px;
	float: left;
	margin-top: 0px;
}
#recherche_titre_cp_coeur {
	text-align: left;
	padding-top: 0px;
	padding-left: 5px;
	width: 97%;
	color: #8F0A49;
	font-size: 0.8em;
	font-weight: bold;
}
#recherche_descriptif_cpcoeur {
	text-align: justify;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#recherche_lien_cpcoeur {
	text-align: center;
	clear: both;
	margin-top: 10px;
}
#recherche_photo_sejour_cpcoeur {
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	text-align: center;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*MISE EN PAGE DU CONTENU PAGE DETAIL SEJOURS..................................*/
#detail_titre_sejour {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-image: url(../images/barre-sejour.jpg);
	height: 25px;
	background-repeat: no-repeat;
}

#detail_liens_sejour {
	width: 100%;
	text-align: right;
	vertical-align: middle;
	margin-top: 5px;
	clear: both;
}

#detail_photo_sejour {
	float: right;
	width: 45%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	padding-left: 10px;
}
#detail_prog_sejour { /* PROGRAMME DU SEJOUR*/
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
	color: #FFFFFF;
	margin-top: 20px;
	border: 1px dotted #CCCCCC;
}

/*...................................................CONFIGURATION DES LIENS "DETAILS"*/
#detail_liens_sejour a:link, #detail_liens_sejour a:visited {
	color: #311605;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#detail_liens_sejour a:hover, #detail_liens_sejour a:active {
	text-decoration: none;
	color:#FF9900;
	font-family: verdana;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
	
/*MISE EN PAGE FORMULAIRE DE PRE RESA INDIV & GROUPE .....................................*/
#formu_resa { /* ............................................FORMULAIRE DE PRE RESA SEJOUR*/
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	width: 100%;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3928;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/* MISE EN PAGE RECHERCHE HOTEL*/
#recherche_hotel {
	width: 600px;
	margin-left: 8px;
	background-image: url(../images/recherche_hotel2.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
#recherche_titre_hotel {
	font-size: 0.9em;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	clear: both;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(../images/barre-sejour.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 100%;
}
/* MISE EN PAGE DETAIL HOTEL*/
#detail_titre_hotel {
	font-size: 0.9em;
	color: #FFFFFF;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-weight: bold;
	background-image: url(../images/barre-sejour.jpg);
	background-repeat: no-repeat;
	height: 25px;
}

/*MISE EN PAGE DE SEJOUR_GROUPE ET DEMANDE D'INFO............................................*/

#groupe_intro { /* ....................TEXTE DU BAS + RECHERCHE PRESTATAIRE */
	width: 90%;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

/* MISE EN PAGE NOS BONS PLANS*/
#promo {
	padding-top: 5px;
	width: 600px;
	background-image: url(../images/home_grand_promo.jpg);
	background-repeat: no-repeat;
	height: 180px;
	margin-left: 10px;
}
#promo_titre {
	font-size: 0.9em;
	color: #0B7390;
	width: 90%;
	margin-top: 90px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E7190;
	padding-left: 5px;
}
#promo_descriptif {
	width: 50%;
	float: left;
	text-align: justify;
	padding-right: 2px;
	padding-top: 10px;
}
#promo_photo {
	float: left;
	width: 40%;
	text-align: center;
}
#promo_lien {
	width: 90%;
	text-align: right;
}

/* MISE EN PAGE PLAN DU SITE */
#plan {
	height: 650px;
	width: 100%;
}
#plan_prepa {
	font-size: 0.8em;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 8px;
}
#plan_titre_prepa {
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	padding-top: 5px;
	margin-top: 15px;
	background-image: url(../images/barre-sejour.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 10px;
}
#plan_info {
	font-size: 0.8em;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 8px;
}
#plan_titre_info {
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	padding-top: 5px;
	margin-top: 15px;
	background-image: url(../images/barre-sejour.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 10px;
}


/*CLASSE............................................................*/

/*.style des infos provenant de la bdd*/
.rs {
	font-size: 0.8em;
	margin: 1px;
	padding: 1px;
}
/*.style du texte surligné en rose*/
.text {
	color: #BC027D;
	font-weight: bold;
	font-size: 0.8em;
}
/*style du texte basique*/
.text2 {
	font-size: 0.8em;
	color: #000000;
}


.lienspé {
	font-size: 0.8em;
	color: #FFCC00;
}
.lienspé2 {
	font-weight: bold;
	color: #BC027D;
	font-size: 0.7em;
}
.liste_hotel {
	font-size: 11px;
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
}

.titre-blanc {
	font-size: 0.9em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.titre_rouge {
	color: #790005;
	font-size: 0.8em;
}
.text-vert {
	font-size: 0.8em;
	color: #006600;
	font-weight: bold;
}
.menu { /* ....RUBRIQUES DU MENU */
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
.menu-horiz { /*........RUBRIQUES DU PIED ET HEADER*/
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5A3928;
	margin-right: 2px;
	text-align: center;
	margin-top: 5px;
	padding-right: 2px;
	padding-left: 5px;
	margin-bottom: 8px;
	font-size: 0.7em;
}
.descriptif { /* descriptif des sejours / hôtels */
	font-size: 0.8em;
	color: #000000;
	text-align: justify;
	float: left;
	width: 40%;
	padding-left: 5px;
	padding-top: 5px;
	
}
#titre-rs { /* titres des sejours/ hôtels */
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
}
#titre-rs a:link, #titre-rs a:visited, #titre-rs a:hover, #titre-rs a:active{ /* liens des titres */
	color:#FFFFFF;
	text-decoration:none;
}
.intitule_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.texte_classic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.texte_noir_gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.texte_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.texte_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.gros_liens {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FF6600;
}
.liste_groupe {
	font: 12px Arial, Helvetica, sans-serif;
	width: 250px;
}
.mini {
	font: 8px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.texte_mini {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
}
.texte_classic_blanc {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.texte_jaune {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFCC00;
}
.verdanna_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
}
.verdanna {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7a578;
}
.liste_theme {
	font-size: 12px;
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background: #EEEEEE;
	text-transform: uppercase;
}
#content-pdf {

	width: 90%;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 2px;
	float: left;
	height: auto;
}
#lfv {
	font-family: Arial, Helvetica, sans-serif;
	visibility: hidden;
}



/* Bouton Etape 2 */
.blocListe a.btnCommentaire, .blocDetail a.btnCommentaire, .blocListe a.btnBlanc, .blocDetail a.btnBlanc {
	text-transform: uppercase;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: right;
	white-space: nowrap;
	background: url(../images/mld/btn-commentaire-d.gif) no-repeat right top;
	line-height: 23px;
}
.blocListe a.btnCommentaire span, .blocDetail a.btnCommentaire span {
	background: url(../images/mld/btn-commentaire-g.gif) no-repeat 0px 0px;
	padding: 4px 9px 4px 28px;
}
.blocListe a.btnBlanc span, .blocDetail a.btnBlanc span {
	background: url(../images/mld/btn-blanc-g.gif) no-repeat 0px 0px;
	padding: 4px 9px 4px 7px;
}
.blocListe a.btnCouleur, .blocDetail a.btnCouleur {
	text-transform: uppercase;
	color: #3a3038;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: left;
	white-space: nowrap;
	line-height: 23px;
	background: url(../images/mld/btn-couleur-rechercher-d.gif) no-repeat right top;
}
.blocListe a.btnCouleur span, .blocDetail a.btnCouleur span {
	padding: 4px 9px 4px 7px;
	background: url(../images/mld/btn-couleur-rechercher-g.gif) no-repeat 0px 0px;
}


.blocListe a.btnCommentaire span, .blocDetail a.btnCommentaire span {
	background: url(../images/mld/btn-commentaire-g-reserver.gif) no-repeat 0px 0px;
}
.blocListe a.btnCommentaire, .blocDetail a.btnCommentaire, .blocListe a.btnBlanc, .blocDetail a.btnBlanc {
	color: #39699C;
}
.blocListe a.btnCommentaire:hover, .blocDetail a.btnCommentaire:hover, .blocListe a.btnBlanc:hover, .blocDetail a.btnBlanc:hover {
	color: #3a3038;
}



/*-------------------------------------------*/
#OngletsTabsGeneral{ width:95%; margin-left:auto; margin-right:auto; clear:both; padding-top:15px;}
#OngletsTabsGeneral.ui-tabs{ padding-bottom:0px}

#OngletsTabsGeneral #NavOnglet{}

#OngletsTabsGeneral #NavOnglet li{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EFEFEF;
color:#000000;
}

#OngletsTabsGeneral #NavOnglet li a{
color:#393939;
font-size:10px;
font-weight:bold;
padding:0.6em 1.3em;
text-decoration:none;
text-transform:uppercase;}
#OngletsTabsGeneral #NavOnglet li.tabs-selected, #OngletsTabsGeneral #NavOnglet li.tabs-selected a{ background-color:#efefef}








/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
   
    padding: 1em 8px;
    background: #efefef; /* declare background color for container to avoid distorted fonts in IE while fading */
	
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}