/**************************************************************************************************************************************************************************************************
 * ELEMENTS PRINCIPAUX                                                                                                                                                                            *
 **************************************************************************************************************************************************************************************************/

/* Style partagé */
*, body { font-family:Arial, Helvetica, sans-serif; font-size:12px; outline:none; text-align: left; }

/* Fond de la page */
body { background:url(../images/back.jpg) center 10px; margin:0 auto; padding: 0; text-align: center; }
body, html { overflow:auto; }

/* Titres */
a.accueil { display: block; width: 950px; height: 140px; margin: auto; }
h1 { display:block; width:950px; background:url(../images/header.jpg); height:140px; margin:0px; text-indent:-9999px; }
h2 { color:#00a0b0; font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0px; }
h3 { font-size:14px; font-weight:bold; color:#ff0066; margin:0 0 3px 0; padding:0px; margin-top:10px }

/************************/
/* Elements spécifiques */ 
/************************/

/* Menu haut */
div#topMenu { height:30px; background:#00a0b0; width:950px; margin:auto; }
	div#topMenu div#promoBloc { width:110px; height:30px; line-height:30px; text-align:center; color:#ffffff; vertical-align:middle; background:#ff0066; font-weight:bold; font-size:14px; float:right; }
		div#topMenu div#promoBloc a { color:#FFF; font-size:14px; text-decoration:none; font-weight:bold; }
		div#topMenu div#promoBloc a:hover { text-decoration:underline; }
	div#topMenu div#blocSejours { width:80px; height:30px; line-height:30px; text-align:center; color:#e0ffff; vertical-align:middle; font-weight:bold; font-size:14px; float:left; }
		div#topMenu div#blocSejours a { color:#e0ffff; font-weight:bold; font-size:14px; text-decoration: none; }
		div#topMenu div#blocSejours a:hover { text-decoration: underline; }
	div#topMenu ul { list-style:none; padding:0px; margin:0px; text-indent:0px; float:left; margin-top:2px; }
		div#topMenu ul li { float:left; padding: 0; }
		div#topMenu ul li:first-child { border-left:0px; }
			div#topMenu ul li a { color:#FFF; font-size:14px; text-decoration:none; font-weight:bold; display: block; float: left; height: 18px; padding: 4px 8px 4px 8px; line-height: 18px; vertical-align: middle; }
			div#topMenu ul li a:hover { text-decoration:underline; background:none; }
				div#topMenu ul li ul { position: absolute; padding: 3px 0 3px 0; margin: 0px; text-indent: 0px; list-style: none; z-index: 99999; width: 246px; background: #084a5d; display:none; }
					div#topMenu ul li ul li { border: none; padding: 0px; }
						div#topMenu ul li ul li a { background: #084a5d; display: block; width: 236px; height: 18px; vertical-align: middle; line-height: 18px; color: #FFF; font-weight: normal; font-size: 12px; text-indent: 5px; margin: 0px 3px 0px 3px; padding: 3px 2px 3px 2px;  }
						div#topMenu ul li ul li a:hover { background: #FFF; color: #222; text-decoration: none; }

/** Fuerteventura **/
div#topMenu ul li.menuFuerteventura ul,
div#topMenu ul li.menuFuerteventura ul li a,
div#topMenu ul li.menuFuerteventura.fixe,
div#topMenu ul li.menuFuerteventura a:hover { background: #92C03E; text-decoration: none; }
div#topMenu ul li.menuFuerteventura ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuFuerteventura ul li a:hover { background: #FFF; }

/** Lanzarote **/
div#topMenu ul li.menuLanzarote ul,
div#topMenu ul li.menuLanzarote ul li a,
div#topMenu ul li.menuLanzarote.fixe,
div#topMenu ul li.menuLanzarote a:hover { background: #F07609; text-decoration: none; }
div#topMenu ul li.menuLanzarote ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuLanzarote ul li a:hover { background: #FFF; }

/** Grande Canarie **/
div#topMenu ul li.menuGrandeCanarie ul,
div#topMenu ul li.menuGrandeCanarie ul li a,
div#topMenu ul li.menuGrandeCanarie.fixe,
div#topMenu ul li.menuGrandeCanarie a:hover { background: #F8AE0E; text-decoration: none; }
div#topMenu ul li.menuGrandeCanarie ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuGrandeCanarie ul li a:hover { background: #FFF; }

/** Minorque **/
div#topMenu ul li.menuMinorque ul,
div#topMenu ul li.menuMinorque ul li a,
div#topMenu ul li.menuMinorque.fixe,
div#topMenu ul li.menuMinorque a:hover { background: #00a0b0; text-decoration: none; }
div#topMenu ul li.menuMinorque ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuMinorque ul li a:hover { background: #FFF; }

/** Formentera **/
div#topMenu ul li.menuFormentera ul,
div#topMenu ul li.menuFormentera ul li a,
div#topMenu ul li.menuFormentera.fixe,
div#topMenu ul li.menuFormentera a:hover { background: #ff0066; text-decoration: none; }
div#topMenu ul li.menuFormentera ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuFormentera ul li a:hover { background: #FFF; }

/** Ibiza **/
div#topMenu ul li.menuIbiza ul,
div#topMenu ul li.menuIbiza ul li a,
div#topMenu ul li.menuIbiza.fixe,
div#topMenu ul li.menuIbiza a:hover { background:#e4112a ; text-decoration: none; }
div#topMenu ul li.menuIbiza ul li {border-bottom:dotted 1px #FFF;}
div#topMenu ul li.menuIbiza ul li a:hover { background: #FFF; }

div#topMenu ul li.fixe,
div#topMenu ul li a:hover { background:none; }

/* Bloc flash */
div#flashZone { width:950px; margin:auto; background:#FFF; }

/* Conteneur principal */
div#mainDiv { width:930px; margin:auto; margin-top:0px; margin-bottom:0px; background:#FFF; padding:10px; overflow:auto; }

/* Conteneur gauche */
div#leftContent { width:700px; float:left; overflow:auto; }

/* Menu droite */
div#rightMenu { width:230px; float:right; margin:0px; }


/* Pied de page */
div#footer { width:950px; background:url(../images/separateurPied.jpg) top no-repeat #fff; padding:10px 0 5px 0; margin:auto; text-align:center; }
	div#footer ul { list-style:none; padding:0px; text-indent:0px; text-align:center; }
		div#footer ul li { padding-left:8px; padding-right:8px; border-left:1px solid #084a5d; display:inline; }
			div#footer ul li a { color:#084a5d; text-decoration:none; }
				div#footer ul li a:hover { text-decoration:underline; }
		div#footer ul li:first-child { border-left:0px; }

div#footer ul.liste li { display: block; border: none; padding:0 0 3px 0; margin: 0px 20px 3px 20px; border-bottom: 1px solid #DDD; }
	div#footer ul.liste li a { font-weight: bold; padding-right: 5px; }
		div#footer ul.liste li ul { display: inline; }
			div#footer ul.liste li ul li { display: inline; padding:0 8px 0 8px; border-left: 1px solid #084a5d; margin: 0px; border-bottom: none; }
				div#footer ul.liste li ul li a { font-weight: normal; padding: 0px; }

/* Fil d'arianne */
div#filAriane { margin-bottom:10px; }

/**************************************************************************************************************************************************************************************************
 * BLOC DESTINATIONS ACCUEIL                                                                                                                                                                      *
 **************************************************************************************************************************************************************************************************/
a.blocDestination { display:block; float:left; width:340px; margin:0 10px 10px 0; text-decoration:none; color:#000; }
	a.blocDestination img { border:none; }

	/* Tous les titres */
	a.blocDestination div.titre1,
		a.blocDestination div.titre2,
		a.blocDestination div.titre3,
		a.blocDestination div.titre4,
		a.blocDestination div.titre5,
		a.blocDestination div.titre6 { height:30px; line-height:30px; color:#FFF; font-weight:bold; text-indent:10px; }
		
	/* Différentes couleur de titres */
	a.blocDestination div.titre1 { background:#92C03E; }
	a.blocDestination div.titre2 { background:#ff0066; }
	a.blocDestination div.titre3 { background:#F07609; }
	a.blocDestination div.titre4 { background:#F8AE0E; }
	a.blocDestination div.titre5 { background:#00a0b0; }
	a.blocDestination div.titre6 { background:#e4112a; }
	
	/** Différentes **/
	font.accueil1 { color:#92C03E; }
	font.accueil2 { color:#ff0066; }
	font.accueil3 { color:#F07609; }
	font.accueil4 { color:#F8AE0E; }
	font.accueil5 { color:#00a0b0; }
	font.accueil6 { color:#e4112a; }

	
		a.blocDestination div span.nom { font-size:16px; }
	a.blocDestination div.contenuBloc { padding:5px; background:url(../images/fondBlocPresentation.jpg) repeat-x #FFF; overflow:auto; height: 158px; }
		a.blocDestination div.contenuBloc img { float:left; margin-right:5px; }
	a.blocDestination span.prix { color:#ff0066; font-size:16px; font-weight:bold; float:right;padding-top:5px; }
	a.blocDestination div.dates,
		a.blocDestination div.destinations { font-size:10px; clear:right; }
	a.blocDestination div.dates { margin-top:8px; }


/**************************************************************************************************************************************************************************************************
 * DEMANDE DE DEVIS                                                                                                                                                                               *
 **************************************************************************************************************************************************************************************************/
div#rose { color:#ff0066; font-weight:bold; margin-bottom:10px; }
table#formulaireDevis { margin:25px 0 0 0; }
	table#formulaireDevis p { padding:0px; margin:8px 0 0 0; }
		table#formulaireDevis input,
			table#formulaireDevis select,
			table#formulaireDevis textarea { border:1px solid #00a0b0; padding:1px; }
				table#formulaireDevis p label span.petit { font-size:10px; }


/**************************************************************************************************************************************************************************************************
 * ELEMENTS MENU                                                                                                                                                                                  *
 **************************************************************************************************************************************************************************************************/

/* Inscription Mail */
form#inscriptionMail { background:#fd5e74; display:block; margin:0px; padding:3px; margin-bottom:10px; }
	form#inscriptionMail input.texte { background:#f6f6f2; border:none; font-size:10px; padding:4px; width:175px; height:13px; }
	form#inscriptionMail input.image { float:right; }

/* Autopromotion */
div#autoPromo { margin-bottom:10px; }

/* Présentation */
div#presentation { background:url(../images/titleMenu.jpg) no-repeat #d9f1f3; padding:38px 5px 5px 5px; margin-bottom:10px; }
	div#presentation div#zoneImages { text-align:center; }
		div#presentation div#zoneImages img { margin:2px; }

/* Bloc conseil */
form#blocConseil { background:url(../images/fondConseil.jpg); height:58px; width:220px; margin-bottom:10px; padding:65px 5px 5px 5px; }
	form#blocConseil input.texte { background:#f6f6f2; border:none; padding:2px; width:175px; margin-top:4px; }
	form#blocConseil input.image { float:right; }

/****************************************************/
/* BARRE DE TRI                                     */
/****************************************************/
div#barreTri { background:url(../images/barre1.jpg); width:670px; height:31px; line-height:31px; vertical-align:middle; padding-left:10px; margin-bottom:10px; }
	div#barreTri select { margin-right:5px; }

a.blocPromo { display:block; background:url(../images/fondBlocPromo.jpg) no-repeat; width:675px; height:108px; padding-right:5px; border-bottom:2px dotted #ff0066; margin-bottom:10px; color:#000; text-decoration:none; position:relative; }
	a.blocPromo div.titre { font-size:16px; color:#ff0066; font-weight:bold; padding:5px; }
	a.blocPromo img { margin:0 10px 0 5px; float:left; border:2px solid #CCCC99 }
	a.blocPromo div.prix { position: absolute; width:135px; top: 70px; left: 540px; }
		a.blocPromo div.prix span.bleu { color:#20abb9; font-weight:bold; }
		a.blocPromo div.prix span.prix { color:#ff0066; font-size:16px; font-weight:bold; }
 
a.blocSansPromo { display:block; width:675px; height:108px; padding-right:5px; border-bottom:2px dotted #d2c6ae; margin-bottom:10px; color:#000; text-decoration:none; position: relative; }
	a.blocSansPromo div.titre { font-size:16px; color:#ff0066; font-weight:bold; padding:5px; }
	a.blocSansPromo img { margin:0 10px 0 5px; float:left; border:2px solid #CCCC99 }
	a.blocSansPromo div.prix { position: absolute; width:135px; top: 70px; left: 540px; }
		a.blocSansPromo div.prix span.bleu { color:#20abb9; font-weight:bold; }
		a.blocSansPromo div.prix span.prix { color:#ff0066; font-size:16px; font-weight:bold; }

/****************************************************/
/* DETAILS SEJOUR                                   */
/****************************************************/
div#prixDroiteDetails { width:30%; float:right; text-align:right; margin:0 10px 0 0; }
	div#prixDroiteDetails span.prix { color:#ff0066; font-size:16px; font-weight:bold; }
div#zoneVideo { margin-top:10px; overflow:auto; margin-bottom:10px; }
	div#zoneVideo img { float:left; margin:0 3px 5px 3px; }
	div#zoneVideo div#video { float:left; margin-right:5px; }
		div#zoneVideo div#video img { margin:0; }
div.blocDescription { border-bottom:2px dotted #d2c6ae; width:685px; overflow:auto; }
	div.blocDescription div.titre { color:#ff0066; font-size:16px; font-weight:bold; margin-bottom:5px; }
	div.blocDescription div.texte { width:450px; padding-bottom:10px; float:left; }
	div.blocDescription div.listeImages { float:right; width:230px; text-align:right; }
table#tarif { margin-bottom:10px; }
	table#tarif tr.entete td { color:#009999; font-weight:bold; }
	
	
/****************************************************/
/* MENU DESTINATIONS                                */
/****************************************************/
ul#menuDestination { list-style:none; padding:0px; margin:0px; margin-bottom:10px; }
	ul#menuDestination li {  }
	ul#menuDestination li a { display:block; width:230px; height:25px; text-indent:-9999px; background-position:top; margin-bottom:1px; }
		ul#menuDestination li a:hover { background-position:bottom; }
		ul#menuDestination li ul { list-style:none; padding:0px; margin:0px; display:none; }

li#fuerteventura a { background:url(../images/boutons/bt_fuerte.gif); }
li#sud a { background:url(../images/boutons/bt_fuerte-sud.gif); }
li#nord a { background:url(../images/boutons/bt_fuerte-nord.gif); }
li#lanzarote a { background:url(../images/boutons/bt_lanza.gif); }
li#grandeCanarie a { background:url(../images/boutons/bt_canarie.gif); }
li#minorque a { background:url(../images/boutons/bt_minorque.gif); }
li#formentera a { background:url(../images/boutons/bt_formentera.gif); }
li#ibiza a { background:url(../images/boutons/bt_ibiza.gif); }

/****************************************************/
/* BLOC DEVIS DROITE                                */
/****************************************************/
form#devisDroite { background:#ffc140; padding:0; margin-bottom:10px; }
	form#devisDroite div#entete { background:url(../images/fondDevis.jpg) top left; text-indent: -99999px; height: 35px; }
	form#devisDroite div#pied { background:url(../images/fondDevis.jpg) bottom left; text-indent: -99999px; height: 7px; }
	form#devisDroite input,
		form#devisDroite select { border:none; padding:1px; }
	
/****************************************************/
/* BLOC RAPPEL                                      */
/****************************************************/
form#rappel { background:#d2c6ae; padding:0; margin-bottom:10px; }
	form#rappel div#entete { background:url(../images/devisHaut.jpg) top left; text-indent:-99999px; height:61px; }
	form#rappel div#pied { background:url(../images/devisBas.jpg) top left; text-indent:-99999px; height:10px; }
	form#rappel table { margin:0 5px 0 5px; }
	form#rappel input.texte { background:#f6f6f2; border:none; font-size:10px; padding:4px; width:173px; height:13px; }
	
/****************************************************/
/* BLOC DESCRIPTION                                 */
/****************************************************/
div.blocDescriptionIle { background: url(../images/fondBlocDescription.jpg) repeat-x #ffffff; width: 680px; padding: 5px 0 5px 5px; margin-bottom: 8px; margin-top:5px}
	div.blocDescriptionIle * { color:#000; text-align:justify; padding: 0 5px 0 0}
	div.blocDescriptionIle p { padding: 0px; margin: 0px; }
	div.blocDescriptionIle div.titre { font-size: 16px; color: #ff0066; font-weight: bold; padding-bottom: 3px; margin-bottom:5px }
	div.blocDescriptionIle div.nuts_gallery { margin-left: 10px; padding: 0px; }
	div.blocDescriptionIle div.nuts_gallery a { float: left; display: block; width: 95px; height: 70px; text-align: center; margin: 2px; padding: 0px; }
	div.blocDescriptionIle div.nuts_gallery a img { border: none; margin: 0px; padding: 0px; }
	div.blocDescriptionIle table td { line-height:18px;}

div.blocDescriptionOffre { width: 685px; padding: 5px 0 5px 5px; margin-bottom: 2px; border-bottom: 2px dotted #d2c6ae; }
	div.blocDescriptionOffre * { color:#000; text-align:justify; }
	div.blocDescriptionOffre p { padding: 0px; margin: 0px; }
	div.blocDescriptionOffre div.titre { font-size: 16px; color: #ff0066; font-weight: bold; padding-bottom: 3px; }
	div.blocDescriptionOffre div.nuts_gallery { margin-left: 10px; padding: 0px; }
	div.blocDescriptionOffre div.nuts_gallery a { float:left; display:block; width:95px; height:70px; text-align:center; margin:2px; padding:0px; }
	div.blocDescriptionOffre div.nuts_gallery a img { border:none; margin:0px; padding:0px; width:90px; height:66px; }

/********************/
/* Gallerie contact */
/********************/
div.contact div.nuts_gallery { padding: 0px; }
div.contact div.nuts_gallery a { float: left; display: block; width: 95px; height: 70px; text-align: center; margin: 2px; padding: 0px; }
div.contact div.nuts_gallery a img { border: none; margin: 0px; padding: 0px; }

/**
 * Liens de description des pages
 */
 div.listePages { padding: 7px 0 7px 0; }
	div.listePages a { color:#93c03f; font-weight: bold; text-decoration: none; font-size: 14px; }
		div.listePages a:hover { text-decoration: underline; }
	div.listePages span.separateur { color:#cccccc; font-size: 14px; }

/***********************************/
/* BOUTONS DE DESCRIPTION DES ILES */
/***********************************/
a.boutonRetour { display:block; float:right; text-indent:-99999px; width:93px; height:25px; background:url(../images/revoir.jpg);  }
a.boutonVoirOffres { display:block; float:right; text-indent:-99999px; width:168px; height:25px; background:url(../images/voirOffres.jpg); margin-right:15px;  }

/**************************/
/* SECONDE ETAPE DU DEVIS */
/**************************/
div#suiteDevis { position:absolute; top:0px; left:0px; height:100%; width:950px; left:50%; margin-left:-475px; background:url(../images/noir50.png); }
div#zoneDevis { position:absolute; width:820px; top:40px; left:50%; margin-left:-410px; }
	div#zoneDevis div.haut { height:4px; background:url(../images/devis2haut.png); }
	div#zoneDevis div.centre { background:#d2c6ae; padding:5px; }
	div#zoneDevis div.bas { height:4px; background:url(../images/devis2bas.png) right; }
	div#zoneDevis h4 { font-size:20px; padding:0px; margin:0px; }
	div#zoneDevis h5 { padding:0 0 2px 0; margin:0px 0px 5px 0px; background:url(../images/titreDevis2.png) repeat-x; height:21px; border-bottom:2px dotted #ffffff; color:#FFF; text-indent:5px; line-height:18px; vertical-align:middle; display:block; clear:both; }
		div.adulte {    display:block; float:left; margin:1px; height:44px; width:27px; background:url(../images/personnages.png) bottom left;  }
		div.adulteoff { display:block; float:left; margin:1px; height:44px; width:27px; background:url(../images/personnages.png) bottom right; }
		div.enfant {    display:block; float:left; margin:1px; height:30px; width:27px; background:url(../images/personnages.png) left   -14px; }
		div.enfantoff { display:block; float:left; margin:1px; height:30px; width:27px; background:url(../images/personnages.png) right  -14px; }
		td.occupationChambre div.enfant, td.occupationChambre div.enfantoff { margin-top:15px; }
		td.places { width:130px; text-indent:5px; font-weight:bold; font-size:12px; }
		a.boutonPlusDevisAdultes, a.boutonPlusDevisEnfants { background:url(../images/bPlusMoins.png) bottom right; width:20px; height:20px; display:block; float:left; cursor:pointer; }
			a.boutonPlusDevisAdultes:hover, a.boutonPlusDevisEnfants:hover { background-position:bottom left; }
		a.boutonMoinsDevisAdultes, a.boutonMoinsDevisEnfants { background:url(../images/bPlusMoins.png) top right; width:20px; height:20px; display:block; float:right; cursor:pointer; }
			a.boutonMoinsDevisAdultes:hover, a.boutonMoinsDevisEnfants:hover { background-position:top left; }
		div.titreChambre { background:#bab09c; color:#FFF; font-weight:bold; padding:1px; text-indent:3px; }
		div.labelPlus { height:20px; width:144px; line-height:20px; vertical-align:middle; font-weight:bold; padding:0px; text-align:center; }