@charset "UTF-8";
/* CSS Document */



/* ******************* */
/* LES STYLES GENERAUX */
/* ******************* */


body {
	/* le fond général n'a pas de dégradé */
	background: url(images/fond.gif) repeat;
	margin: 0;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
}

#fond_degrad {
	/* le fond dégradé est contenu dans une première div */
	background: url(images/fond_degrad.gif) repeat-x;
	padding: 1px 0; /* empêche la fusion des marges */
	height:745px; /* hauteur de l'image fond_degrad.gif */
}


/* ******************* */
/* LES STYLES DE BLOCS */
/* ******************* */

#conteneur {
	width:751px;
	margin-left:auto;
	margin-right:auto;
	padding-top:45px; /* espace entre le flash et le haut de la page */
}


#titre {
	width:751px;
	height:109px;
}

#contenu {	
	background: url(images/fond_contenu.gif) no-repeat;
/*	height:360px; */
	height:300px;
}

#contenu_offres {	
	padding: 1px 0;
	background: url(images/fond_listing_offres_bas.gif) bottom left no-repeat;
}

#block_sous_menu {
	margin-top:30px;
	margin-left:62px;
	z-index:99;
	position:absolute;
}




span{
margin:0;
padding:0;
}


/* **************************** */
/* LES STYLES DU MENU PRINCIPAL */
/* **************************** */

h1 {
	font-size:1px;
}


#prechargement_menu_principal { /* charger les images ON */
	display:none;
}	

#menu_principal {
	width:707px;
	margin-left:22px;
	margin-top:-3px;
	z-index:99;
	position:absolute;	
}

#menu_principal a span { /* masquer le texte alternative (accessiblité) */
	display: none;
}

#menu_principal a { /* hauteur du menu */
	height: 28px;
	background-repeat: no-repeat;
	float:left;
}

a.menu_principal_1 { /* un état on + un etat off pour chaque item du menu */
	background-image: url(images/menu_principal/accueil_off.gif);
	width:75px;
}
a.menu_principal_1:hover {
	background-image: url(images/menu_principal/accueil_on.gif);
}

a.menu_principal_2 {
	background-image: url(images/menu_principal/expert_off.gif);
	width:152px;
}
a.menu_principal_2:hover {
	background-image: url(images/menu_principal/expert_on.gif);
}

a.menu_principal_3 {
	background-image: url(images/menu_principal/envies_off.gif);
	width:95px;
}
a.menu_principal_3:hover {
	background-image: url(images/menu_principal/envies_on.gif);
}

a.menu_principal_4 {
	background-image: url(images/menu_principal/jeu_off.gif);
	width:109px;
}
a.menu_principal_4:hover {
	background-image: url(images/menu_principal/jeu_on.gif);
}

a.menu_principal_5 {
	background-image: url(images/menu_principal/vide.gif);
	/* width:276px; */
	width:385px;
	cursor:default;
}
a.menu_principal_5:hover {
	background-image: url(images/menu_principal/vide.gif);
	cursor:default;
}



#principal_1 a.menu_principal_1 { /* image qui s'affiche en fonction de l'id de la page */
	background-image: url(images/menu_principal/accueil_on.gif);
}
#principal_2 a.menu_principal_2 {
	background-image: url(images/menu_principal/expert_on.gif);
}
#principal_3 a.menu_principal_3 {
	background-image: url(images/menu_principal/envies_on.gif);
}
#principal_4 a.menu_principal_4 {
	background-image: url(images/menu_principal/jeu_on.gif);
}
















/* *********************************** */
/* LES STYLES DU MENU SOUS-MENU OFFRES */
/* *********************************** */

#prechargement_sous_menu_offres {
	display:none;
}

#sous_menu_offres {
	width:624px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1px;
}

#sous_menu_offres a span {
	display: none;
}

#sous_menu_offres h1 a {
	height: 26px;
	background-repeat: no-repeat;
	float:left;
}

a.sous_menu_offres_0 {
	background-image: url(images/menu_offres/spacer_1.gif);
	width:13px;
	cursor:default;
}
a.sous_menu_offres_0:hover {
	background-image: url(images/menu_offres/spacer_1.gif);
	cursor:default;
}

a.sous_menu_offres_1 {
	background-image: url(images/menu_offres/decouvrir_off.gif);
	width:143px;
}
a.sous_menu_offres_1:hover {
	background-image: url(images/menu_offres/decouvrir_on.gif);
}

a.sous_menu_offres_2 {
	background-image: url(images/menu_offres/relaxer_off.gif);
	width:146px;
}
a.sous_menu_offres_2:hover {
	background-image: url(images/menu_offres/relaxer_on.gif);
}

a.sous_menu_offres_3 {
	background-image: url(images/menu_offres/enrichir_off.gif);
	width:146px;
}
a.sous_menu_offres_3:hover {
	background-image: url(images/menu_offres/enrichir_on.gif);
}

a.sous_menu_offres_4 {
	background-image: url(images/menu_offres/ressourcer_off.gif);
	width:163px;
}
a.sous_menu_offres_4:hover {
	background-image: url(images/menu_offres/ressourcer_on.gif);
}

a.sous_menu_offres_5 {
	background-image: url(images/menu_offres/spacer_2.gif);
	width:13px;
	cursor:default;
}
a.sous_menu_offres_5:hover {
	background-image: url(images/menu_offres/spacer_2.gif);
	cursor:default;
}



#sous_rubrique_1 a.sous_menu_offres_1 {
	background-image: url(images/menu_offres/decouvrir_on.gif);
}
#sous_rubrique_2 a.sous_menu_offres_2 {
	background-image: url(images/menu_offres/relaxer_on.gif);
}
#sous_rubrique_3 a.sous_menu_offres_3 {
	background-image: url(images/menu_offres/enrichir_on.gif);
}
#sous_rubrique_4 a.sous_menu_offres_4 {
	background-image: url(images/menu_offres/ressourcer_on.gif);
}























/* ****************************** */
/* LES STYLES DU LISTING D'OFFRES */
/* ****************************** */

#contenu_offres {
	padding:15px 0 15px 0;
}

#liste_offres {
	float:left;
}

#detail_offres {
	float:left;
	padding:0 0 0 10px;
}

#detail_offre_0 {
	width:275px;
	height:450px;
	padding-left:6px;
}

.detail_offre_x {
	width:275px;
	padding-left:6px;
	margin-bottom:15px;
}







#detail_offre_0_description {
	padding-top:180px;
	margin-bottom:10px;
}

.une_offre {
	background: url(images/fond_liste_offre.gif) repeat-x bottom left;
	width:389px;
	margin:0 0 0 8px;
}

.block_gauche {
	float:left;
}

.block_droite {
	float:left;
	width:260px;
	padding:11px 0 0 10px;
	padding-bottom:5px;
}
.block_droite_detail {
	float:left;
	width:181px;
	margin-top:5px;
	padding:6px 3px 0 0 ;
	border-right:1px solid #cccccc;
}
.block_gauche_detail {
	float:left;
	width:85px;
	margin-top:11px;
	
	padding:0 0 0 5px;
}




.image_offre img {
	border:1px solid #CCCCCC;
	margin:13px 0 0 2px;
	padding:3px;
	background:white;
}

.voyagiste_offre {
float:right;
/*		width:88px;
	height:30px;
	background: url(images/fond_voyagiste_offre.gif) top left no-repeat;*/
	margin:0 7px 0 0px;
	text-align:center;
	padding-top:4px;
}

.voyagiste_offre_HP {
float:right;
	width:88px;
	height:30px;
	background: url(images/fond_voyagiste_offre.gif) top left no-repeat;*/
	margin:0 7px 0 0px;
	text-align:center;
	padding-top:4px;
	margin-right:10px;
}



/* coins arrondis de la box */
.coins_listing_offres_roundbox {
	background: url(images/coin_nt_offres.gif) repeat;
}
.coins_listing_offres_top div {
	background: url(images/coin_tl_offres.gif) no-repeat top left;
}
.coins_listing_offres_top {
	background: url(images/coin_tr_offres.gif) no-repeat top right;
}
.coins_listing_offres_bot div {
	background: url(images/coin_bl_offres.gif) no-repeat bottom left;
}
.coins_listing_offres_bot {
	background: url(images/coin_br_offres.gif) no-repeat bottom right;
}
.coins_listing_offres_top div, .coins_listing_offres_top, .coins_listing_offres_bot div, .coins_listing_offres_bot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.coins_listing_offres_content {
	margin: 20px 0 0 7px;
	padding-bottom:12px; 
}
.coins_listing_offres_roundbox {
	width: 706px;
	margin-left:auto;
	margin-right:auto;
	background:white;
	z-index:0;
}


















/* *********************************** */
/* LES STYLES DE LA RECHERCHE D'AGENCE */
/* *********************************** */

.coins_recherche_agence_content {
	margin: 0 0 0 7px;
	padding-bottom:12px;
	/*height:400px;*/
}

.coins_recherche_agence_roundbox {
	width: 706px;
	margin-left:auto;
	margin-right:auto;
	background-color:white; /* ne marche pas si on condense tous les arguments en une ligne */
	background-image:url(images/fond_recherche_agence.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	z-index:0;
}

#googlemap_recherche {
	margin:10px 10px 0 4px;
	border:1px solid #666666;
	float:left;
	width: 395px;
	height: 362px
}

#zone_formulaire_recherche {
	margin:10px 6px 0 0;
	float:right;
	width:273px;
	clear:both;
}

#formulaire_recherche {
	background:url(images/fond_recherche_agence_formulaire.jpg) no-repeat top;
	width:274px;
	height:186px;
	margin-top:22px;
}

#formulaire_recherche .champ {
	width:258px;
	background:white;
	border:1px solid #cccccc;
	height:18px;
	margin-left:7px;
}

#formulaire_recherche .valid {
	float:right;
	margin:5px 4px 0 0;
}

#formulaire_recherche div {
	margin-left:8px;
}

#btn_tous_experts {
	float:right;
	margin:8px 7px 0 0;
}













/* ********************************** */
/* LES STYLES DE LA LISTE DES AGENCES */
/* ********************************** */

#liste_agences {
	margin:10px 6px 0 0;
	float:left;
/*	width:285px;
	height:380px;*/

}

#cible{
	overflow:auto;
	width:285px;
	height:280px;
}
#correctionLargeurIE {
	width:260px;
}

#map {
	margin:10px 10px 0 4px;
	border:1px solid #666666;
	float:left;
	/*width: 380px;
	height: 350px;*/
	background-color:yellow;
}

#btn_nouvelle_recherche_agence {
	float:right;
	margin:10px 21px 0 0;
}






span.bouton_on {
	margin:0;
	padding: 0;
	font: bold 11px "Trebuchet MS", Helvetica, sans-serif;
	color: #0b6095;
	border: 0;
	background: none;
	text-align: center;
}
span.bouton_on span{
	float: left;
	padding: 0 0 0 6px;
	vertical-align: middle;
	background: url("images/btn_1_gauche_on.gif") left bottom no-repeat;
}
span.bouton_on span span{
	padding: 0 13px 0 0;
	background: url("images/btn_1_droite_on.gif") right bottom no-repeat;
}
span.bouton_on span span span{
	padding: 6px 0 5px 0;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	background: url("images/btn_1_centre_on.gif") left bottom repeat-x;
}
span.bouton_on span span span a{
	color:#d65c33;
	text-decoration:none;
}
span.bouton_on span span span a:hover{
	color:#d65c33;
	text-decoration:underline;
}










span.bouton_off {
	margin:0;
	padding: 0;
	font: bold 11px "Trebuchet MS", Helvetica, sans-serif;
	color: #0b6095;
	border: 0;
	background: none;
	text-align: center;
}
span.bouton_off span{
	float: left;
	padding: 0 0 0 6px;
	vertical-align: middle;
	background: url("images/btn_1_gauche_off.gif") left bottom no-repeat;
}
span.bouton_off span span{
	padding: 0 13px 0 0;
	background: url("images/btn_1_droite_off.gif") right bottom no-repeat;
}
span.bouton_off span span span{
	padding: 6px 0 5px 0;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	background: url("images/btn_1_centre_off.gif") left bottom repeat-x;
}
span.bouton_off span span span a{
	color:#d65c33;
	text-decoration:none;
}
span.bouton_off span span span a:hover{
	color:#d65c33;
	text-decoration:underline;
}





.une_agence {
	background: url(images/fond_liste_offre.gif) repeat-x bottom left;
	width:260px;
	padding-left:8px;
	padding-bottom:15px;
	margin-top:10px;
}

.voir_sur_carte {
	background-color:#fd6500;
	font-size:x-small;
	padding:0 2px 2px 2px;
}
.voir_sur_carte a{
	color:#ffffff;
	text-decoration:underline;
}
.voir_sur_carte a:hover{
	color:#ffffff;
	text-decoration:none;
}
















/* *********************************************/
/* LES STYLES DU FORMULAIRE DE RECHERCHE TUNNÉ */
/* *********************************************/

#recherche {
	margin:-1px 0 0 6px;
	background: url(images/fond_recherche_bas.jpg) no-repeat;
	width:742px;
	height:96px;
}

#formulaire {
	margin-left:230px;
	height:96px;
}


#input1 {
	border:solid 1px #006fce;
	background: url(images/fond_input_272.gif) no-repeat;
	width:270px;
	height:17px;
}

#input2 {
	border:solid 1px #006fce;
	background: url(images/fond_input_141.gif) no-repeat;
	width:131px;
	height:17px;
}

#input3 {
	border:solid 1px #006fce;
	background: url(images/fond_input_141.gif) no-repeat;
	width:131px;
	height:17px;
}








/* *****************/
/* LES THEMATIQUES */
/* *****************/


#experiences_a_vivre {
	margin-left:20px;
}

#thematiques {
	height:175px;
	background: url(images/thematique_haut.jpg) no-repeat;
	padding-top:6px;
}

.thematique_ombre {
	float:left;
}






/* THEMATIQUE 1 */

#thematique_1 {
	width:173px;
	height:175px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}

#offre_thematique_1 {
	background: url(images/thematique_offre.gif) repeat-x top;
	padding:12px 0 0 8px;
	width:165px;
	height:132px;
	text-align:left;
	display:none;
} 







/* THEMATIQUE 2 */

#thematique_2 {
	width:168px;
	height:175px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}

#offre_thematique_2 {
	background: url(images/thematique_offre.gif) repeat-x top;
	padding:12px 0 0 8px;
	width:160px;
	height:132px;
	text-align:left;
	display:none;
} 







/* THEMATIQUE 3 */

#thematique_3 {
	width:169px;
	height:175px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}

#offre_thematique_3 {
	background: url(images/thematique_offre.gif) repeat-x top;
	padding:12px 0 0 8px;
	width:162px;
	height:132px;
	text-align:left;
	display:none;
} 






/* THEMATIQUE 4 */

#thematique_4 {
	width:171px;
	height:175px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}

#offre_thematique_4 {
	background: url(images/thematique_offre.gif) repeat-x top;
	padding:12px 0 0 8px;
	width:163px;
	height:132px;
	text-align:left;
	display:none;
} 







/* GÉNÉRALITÉS SUR LES THEMATIQUES */

#block_thematique_1 {
	background: url(images/thematique_1.jpg) no-repeat;
	height:175px;
	padding-top:130px
}

#block_thematique_2 {
	background: url(images/thematique_2.jpg) no-repeat;
	height:175px;
	padding-top:130px
}

#block_thematique_3 {
	background: url(images/thematique_3.jpg) no-repeat;
	height:175px;
	padding-top:130px
}

#block_thematique_4 {
	background: url(images/thematique_4.jpg) no-repeat;
	height:175px;
	padding-top:130px
}

#flash_thematique_1,
#flash_thematique_2,
#flash_thematique_3,
#flash_thematique_4 { 
	height:33px;
}


#cleaner {
	clear:both;
}









/* ******************** */
/* BLOCS DE BAS DE PAGE */
/* ******************** */

#jeu {
	background: url(images/bandeau_jeu.gif) no-repeat;
	width:751px;
	height:73px;
}

#footer {
	width:751px;
	text-align:center;
	padding-top:7px;
	font-size:small;
}

#credits {
	width:751px;
	text-align:center;
	color:#cc3300;
	font-size:x-small;
}










/* ******************** */
/* LES STYLES DE TEXTES */
/* ******************** */

.intertitre1 {
	color:#850500;
	/* on sépare les parametres de police sinon trebuchet n'est pas mise en gras ! */
	font-size:large;
	font-weight:bold;
}

.intertitre2 {
	color:#e03b00;
	/* on sépare les parametres de police sinon trebuchet n'est pas mise en gras ! */
	font-size:large;
	font-weight:bold;
}






/* textes des thématiques */

.offre_thematique_niveau_1 {
	color:#9a0000;
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:17px;
	margin-bottom:5px;
	
}
.offre_thematique_niveau_2 {
	color:#E03B00;
	font-size:12px;
	font-weight:bold;
	/*display:block;*/
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
}
.offre_thematique_niveau_3 {
	color:#ff4e00;
	font-weight:bold;
	font-size:small;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:4px;
}
.offre_thematique_niveau_4 {
	color:#000000;
	font-size:x-small;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
}
.offre_thematique_niveau_5 {
	color:#cc3300;
	font-size:small;
	font-weight:bold;
	display:block;
}
.offre_thematique_niveau_6 {
	color:#666666;
	font-size:x-small;
	font-weight:bold;
	display:block;
}
.offre_thematique_niveau_7 {
	color:black;
	font-size:x-small;
	display:block;
	line-height:1.2em;
}
.offre_thematique_niveau_8 {
	color:#FF6600;
	font-size:x-small;
	font-weight:bold;
}
.offre_thematique_niveau_9 {
	color:#000000;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
}
.offre_thematique_niveau_10 {
	color:#cc3300;
	font-size:x-small;
	font-weight:bold;
	display:block;
}
.offre_thematique_niveau_11 {
	color:#FF6600;
	font-size:small;
	font-weight:bold;
	line-height:100%;
}
.offre_thematique_niveau_12 {
	margin-top:15px;
	color:#666666;
	font-size:x-small;
	width:265px;
}
.consigne_formulaire {
	color:black;
	font-size:small;
}
.champs_formulaire {
	color:black;
	font-size:x-small;
	font-weight:bold;
	padding:4px 0 2px 0;
}
.tri_liste_agences {
	color:#952622;
	font-size:small;
	float:left;
	padding-top:5px;
}






/* liens sur textes thématiques */

.offre_thematique_niveau_1 a:link, .offre_thematique_niveau_1 a:visited {
	text-decoration:none;
	color:#9a0000;
}

.offre_thematique_niveau_1 a:hover, .offre_thematique_niveau_1 a:active {
	text-decoration:underline;
	color:#9a0000;
}


.offre_thematique_niveau_5 a:link, .offre_thematique_niveau_5 a:visited {
	text-decoration:none;
	color:#cc3300;
}

.offre_thematique_niveau_5 a:hover, .offre_thematique_niveau_5 a:active {
	text-decoration:underline;
	color:#cc3300;
}


.offre_thematique_niveau_8 a:link, .offre_thematique_niveau_8 a:visited {
	text-decoration:none;
	color:#FF6600;
}

.offre_thematique_niveau_8 a:hover, .offre_thematique_niveau_8 a:active {
	text-decoration:underline;
	color:#FF6600;
}















/* textes des offres */

.reference_offre {
	font-size:x-small;
	margin:4px;
	font-weight:bold;
}

.texte_accroche_1 {
	color:#ff6600;
	display:inline;
	font-size:x-large;
	font-weight:bold;
	line-height:90%;
}
.texte_accroche_2 {
	color:#ff6600;
	display:inline;
	font-size:small;
	font-weight:bold;
	line-height:90%;
}
.texte_accroche_3 {
	color:#ff6600;
	display:inline;
	font-size:large;
	font-weight:bold;
	line-height:90%;
}
.texte_accroche_4 {
	color:#ff6600;
	display:inline;
	font-size:small;
	font-weight:bold;
	line-height:90%;
}
.texte_accroche_5 {
	color:#ff9933;
	display:inline;
	font-size:small;
	font-weight:bold;
	line-height:100%;
}
#texte_accroche_6 { /* exceptionnellement un id et non une classe */
	color:#97291b;
	display:block;
	font-size:12px;
	line-height:100%;
	border-top:1px solid #97291b;
	margin-top:10px;
	padding-top:5px;
	width:275px;
}
















/* textes de bas de page */ 

#footer a:link, #footer a:visited {
	text-decoration:underline;
	color:#FFFFFF;
}

#footer a:hover, #footer a:active {
	text-decoration:none;
	color:#FFFFFF;
}

#credits a:link, #credits a:visited {
	text-decoration:none;
	color:#cc3300;
}

#credits a:hover, #credits a:active {
	text-decoration:underline;
	color:#cc3300;
}

#btn_jouer {
	float:right;
	margin:20px 20px 0 0;
}







/* trucs utiles et textes divers */
.spacer_5_top {
	margin-top:5px;
}
.spacer_10_top {
	margin-top:10px;
}
.intertitre {
	color:#97291b;
	font-size:medium;
	font-weight:bold;
	border-bottom:1px solid #97291b;
	display:block;
	margin-bottom:6px;
}
.filet1 {
	border-bottom:1px solid #cb948d;
	margin:2px 0 4px 0;
}

.divBulle,
a.link_map{
font-size:11px;
}
#links_map{
text-align:right;
}
#votre_recherche{
font-size:11px;
margin-top:10px;
height:50px;
overflow:auto;
}

h1.prix_page{
font-size:22px;
font-weight:bold;
color:#9A2413;
text-align:right;
padding-right:20px;
}

h2.prix_page{
font-size:18px;
font-weight:bold;
color:#CD4508;
}

h3.prix_page{
font-size:13px;
color:#CD4508;
}
#formulaire_contact{
line-height:35px;
}

#formulaire_contact label{
width:150px;
display:block;
float:left;
font-size:12px;
}

#formulaire_contact input{
font-size:12px;
}

#credits_{
font-size:12px;
text-align:left;
color:#666666;
}

#credits_ strong{
color:#E03B00;
}