/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */

* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
}
body { 
	font-family:Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	background:url(../medias/commun/fond.jpg) repeat-x #2f2f2f;
}
img{
	border:0px;
}
#conteneur {
	margin: 0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;	
}
#contenu-page{
	width: 930px;
	min-height:232px;
	margin-top: 234px;
	position:absolute;
	padding:0 35px 0 35px;
	background:url(../medias/commun/fond-page.jpg) no-repeat;
}
h1{
	color:#fff;
	font-size:103%;
	float:left;
}
.ss-titre{
	color:#ffffff;
	font-weight:bold;
	font-size:103%;
}
.dore{
	color:#e2ae5a;
}
.blanc{
	color:#ffffff;
}
p{
	padding-bottom:10px;
}

/*--------------------------------------------------- BANDEAU / MENU--------------------------------------------- */
#bandeau{
	position: absolute;
	margin-left: -500px;
	left: 50%;
	width:930px;
	padding: 15px 35px 0 35px;
	height:28px;
	float:left;
}
#logo{
	width:278px;
	height:26px;
	float:left;
}
#menu li a{
	display: block;
	height:11px;
}
#menu li a:hover, #menu li a.current{
	background-position:0 -11px;
	height:11px;
}
#langues{
	float:left;
	width:30px;
	height:15px;
	background:url(../medias/commun/fond-langues.gif);
	margin-top:8px;
	color:#FFF;
	font-size:77%;
	text-transform:uppercase;
}
#langues a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
}

/*--------------------------------------------------- HOME --------------------------------------------- */
#contenu{
	width: 930px;
	margin-top: 55px;
	position:absolute;
	padding:0 35px 0 35px;
}
#anim{
	width: 930px;
	height:334px;
	background-color:#1f1f1f;
	float:left;
}
#blocs-home{
	width:930px;
	height:224px;
	background:url(../medias/commun/fond-home.jpg) no-repeat;
	padding-top:12px;
	float:left;
}
#edito-footer{
	width:382px;
	padding-right:15px;
	float:left;	
}
#edito{
	width:382px;	
	font-size:71%;
	color:#cabca6;
}
#edito a{
	color:#e2ae5a;
	text-decoration:underline;
}
#editoe a:hover{
	color:#e29a26;
	text-decoration:underline;
}
#edito h1{
	padding-bottom:10px;
}
#trait-home{
	width:382px;
	background-color:#585757;
	float:left;
	display:block;
	font-size:1px;
	height:1px;
	margin-top:10px;
}
#footer{
	float:right;
	color:#7f7973;
	font-size:58%;
	margin:10px 0 20px 0;
}
#footer-texte{
	float:left;	
	padding-top:22px;
}
#footer a{
	color:#7f7973;	
	text-decoration:none;	
}
#footer a:hover{
	color:#7f7973;	
	text-decoration:underline;	
}
#footer a.current{
	color:#7f7973;	
	text-decoration:underline;	
}
#evolution2-petit{
	margin-left:10px;
	float:left
}
#nd{
	float:left;
	padding:21px 0 0 4px;
}
#video-home{
	width:226px;
	height:184px;
	float:left;
	padding-right:15px;
}
#push-home{
	width:291px;
	float:left;
	font-size:71%;
}
#newsletter{
	width:171px;
	height:44px;
	background:url(../medias/commun/newsletter.jpg) no-repeat;
	padding:4px 0 0 120px;
	float:left;
	margin-top:8px;
}
.newsletter-email{
	float:left;
	width:125px;
	height:14px;
	color:#1a171b;
	margin-top:8px;
}
.newsletter-email-page{
	float:left;
	width:167px;
	height:14px;
	color:#1a171b;
	margin-top:8px;
}
#btn-ok{
	width:23px;
	height:16px;
	background:url(../medias/commun/ok.gif);
	display:block;
	float:left;
	border:none;
	margin-left:5px;
	margin-top:9px;
}
#btn-ok:hover{
	width:23px;
	background-position:0 16px;
}

/*--------------------------------------------------- SOUS-MENU --------------------------------------------- */
#ss-menu{
	width:930px;
	height:179px;
	position: absolute;
	padding: 0 35px 0 35px;
	margin-left: -500px;
	left: 50%;
	top:55px;
}

/*--------------------------------------------------- BANDEAUX --------------------------------------------- */
/* DESTINATIONS */
#bandeau-montagne, #bandeau-mountain{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-montagne.jpg);
	padding:30px 0 0 20px;
}
#bandeau-mer, #bandeau-sea{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-mer.jpg);
	padding:30px 0 0 20px;
}
#bandeau-a-travers-la-france, #bandeau-across-france{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-france.jpg);
	padding:30px 0 0 20px;
}
#bandeau-dans-le-monde, #bandeau-in-the-world{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-monde.jpg);
	padding:30px 0 0 20px;
}

/* ACTIVITES */
#bandeau-a-la-carte{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-carte.jpg);
	padding:30px 0 0 20px;
}
#bandeau-team-building{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-teambuilding.jpg);
	padding:30px 0 0 20px;
}
#bandeau-nocturne, #bandeau-night{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-nocturne.jpg);
	padding:30px 0 0 20px;
}
#bandeau-prestige{
	width:910px;
	height:149px;
	background:url(../medias/commun/bandeau-prestige.jpg);
	padding:30px 0 0 20px;
}
/* ARTICLE */
#bandeau-force-reseau{
	width:900px;
	height:149px;
	background:url(../medias/commun/bandeau-force-reseau.jpg);
	padding:30px 0 0 30px;
}
/*  CONTACT */
#bandeau-contact{
	width:900px;
	height:149px;
	background:url(../medias/commun/bandeau-contact.jpg);
	padding:30px 0 0 30px;
}
#bandeau-support{
	width:900px;
	height:149px;
	background:url(../medias/commun/bandeau-plan.jpg);
	padding:30px 0 0 30px;
}

#ss-menu li{
	list-style-type:none;
	font-weight:bold;
	font-size:88%;
	text-transform:uppercase;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#ss-menu li a{
	color:#29292a;
	text-decoration:none;
}
#ss-menu li a:hover {
	background:url(../medias/commun/fleche-menu.gif) no-repeat #ffffff 5px 5px;
	padding:0 3px 0 15px;
}
#ss-menu li a.current{
	background:url(../medias/commun/fleche-menu.gif) no-repeat #ffffff 5px 5px;
	padding:0 3px 0 15px;
}

/*--------------------------------------------------- FIL ARIANE --------------------------------------------- */
#fil-ariane{
	float:right;
	padding:15px 0 15px 0;
	color:#bdb4a8;
	font-size:58%;
}
#fil-ariane a{
	text-decoration:none;
	color:#bdb4a8;
}
#fil-ariane a:hover{
	text-decoration:underline;
	color:#bdb4a8;
}

/*--------------------------------------------------- DESTINATIONS --------------------------------------------- */
#sommaire-push{
	width:930px;
	padding-top:10px;
	clear:both;
}
#sommaire{
	width:685px;
	float:left;
	background-color:#353434;
	margin-right:12px;
	padding-bottom:7px;
	color:#ffffff;
	font-size:71%;
}
.sommaire-vignette-bloc{
	width:219px;
	float:left;
	margin:7px 0 0 7px;
}
.sommaire-vignette{
	width:217px;
	height:163px;
	border:#464444 solid 1px;
	float:left;
}
.sommaire-vignette-legende-infos{
	position:relative;
}
.sommaire-vignette-legende{
	width:217px;
	height:50px;
	background:#FFFFFF;
	opacity: 0.8;
	filter:alpha(opacity=80);
	position:absolute;
	z-index:2;
	top:113px;
	left:1px;
}
/* hack ie6 */
* html .sommaire-vignette-legende{
	top:-52px;
}
.sommaire-vignette-infos{
	position:absolute;
	z-index:3;
	top:113px;
	left:1px;
	width:205px;
	height:44px;
	padding:5px;
	
}
/* hack ie6 */
* html .sommaire-vignette-infos{
	top:-52px;
}
.sommaire-vignette-infos h2{
	color:#1b1c1c;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#pagination-bloc{
	background-color:#353434;
	width:671px;
	padding:7px;
	float:left;
	height:20px;
}
#trait-pagination{
	width:671px;
	background-color:#5d5d5d;
	height:1px;
	clear:both;
	margin-bottom:8px;
	font-size:1px;
}
#pagination-suite{
	color:#e2ae5a;
	font-size:11px;
	text-decoration:none;
	float:right;
}
#pagination-suite:hover{
	text-decoration:underline;
}
#pagination-precedent{
	color:#e2ae5a;
	font-size:11px;
	text-decoration:none;
	float:left;
}
#pagination-precedent:hover{
	text-decoration:underline;
}
#titre-nombre{
	clear:both;	
}
#nombre-destinations{
	color:#ffffff;
	font-weight:bold;
	font-size:88%;	
	float:left;
	padding:0px 0 0 5px;
}
#nombre-evenements{
	color:#ffffff;
	font-weight:bold;
	font-size:88%;	
	float:left;
	padding:4px 0 0 5px;
}
#filtres{
	padding-top:5px;
	clear:both;
}

/*--------------------------------------------------- PUSH --------------------------------------------- */
#pushs-droite{
	float:left;	
	width:232px;
}
#newsletter-page{
	width:206px;
	height:74px;
	background:url(../medias/commun/newsletter-page.jpg) no-repeat;
	float:left;
	padding:36px 13px 0 13px;
	font-size:71%;
	color:#ffffff;
}
#contact-page{
	width:207px;
	height:60px;
	background:url(../medias/commun/contact-page.jpg) no-repeat;
	float:left;
	padding:33px 13px 0 13px;
	font-size:71%;
	color:#ffffff;
}
.bloc-devis-hide{
	display:none;
	visibility:hidden;
}
.bloc-devis-show{
	display:block;
	visibility:visible;
}

#contact-page-grand{
	width:207px;
	height:120px;
	background:url(../medias/commun/contact-page-grand.jpg) no-repeat;
	float:left;
	padding:45px 13px 0 13px;
	font-size:71%;
	color:#ffffff;
}

/*--------------------------------------------------- DETAILS --------------------------------------------- */
#volets-gauche{
	width:228px;
	float:left;
	margin-right:20px;
}
#details{
	width:430px;
	float:left;
	margin-right:18px;
}
#details-texte{
	color:#bdb4a8;
	font-size:71%;
	clear:both;
	margin-bottom:15px;
}
#details-onglets{
	width:428px;
	float:left;
}
.details-onglets-fond{
	background-color:#353434;
	width:398px;
	color:#bdb4a8;
	font-size:71%;
	padding:15px;
	clear:both;
}
#details-onglets-liste{
	width:428px;
	float:left;
	height:22px;
}
#details-onglets-liste li{
	list-style-type:none;
	float:left;
	margin-right:2px;
}
#details-onglets-liste li a{
	background:url(../medias/commun/fleche-noir-onglet.gif) no-repeat #5f5c5c 5px 8px;
	padding:5px 5px 5px 13px;
	color:#010100;
	text-decoration:none;
	font-weight:bold;
	font-size:71%;
	float:left;
}
#details-onglets-liste li a:hover, #details-onglets-liste li a.active{
	background:url(../medias/commun/fleche-jaune-onglet.gif) no-repeat #353434 5px 8px;
	color:#ffffff;
	float:left;
}
#push-details-destinations{
	width:402px;
	height:126px;
	background:url(../medias/commun/fond-destinations.jpg) no-repeat;
	float:right;
	margin-top:20px;
	padding:15px 15px 15px 265px;
}
#push-details-evenements-ete{
	width:402px;
	height:126px;
	padding:15px 15px 15px 265px;
	background:url(../medias/commun/fond-ete-evenements.jpg) no-repeat;
	float:right;
	margin-top:20px;
}
#push-details-evenements-hiver{
	width:402px;
	height:126px;
	padding:15px 15px 15px 265px;
	background:url(../medias/commun/fond-hiver-evenements.jpg) no-repeat;
	float:right;
	margin-top:20px;
}
#titre-push-details{
	padding-bottom:15px;
	float:left;
}
/* hack ie6 */
* html #titre-push-details{
	padding-bottom:0px;
}
/* hack ie7 */
*+html #titre-push-details{
	padding-bottom:0px;
}
#liste-push-details{
	float:left;
	width:160px;
}
#liste-push-details-ete{
	float:left;
	width:120px;
}
#liste-push-details-hiver{
	float:left;
	width:120px;
}
#liste-push-details li, #liste-push-details-ete li, #liste-push-details-hiver li{
	list-style-type:none;
	text-transform:uppercase;
	padding-bottom:5px;
}
#liste-push-details li a, #liste-push-details-ete a{
	background:url(../medias/commun/fleche-beige.gif) no-repeat 5px 8px;
	padding:4px 3px 3px 13px;
	color:#010100;
	text-decoration:none;
	font-weight:bold;
	font-size:71%;
}
#liste-push-details li a:hover, #liste-push-details li a.active, #liste-push-details-ete a:hover, #liste-push-details-ete a.active{
	background:url(../medias/commun/fleche-jaune.gif) no-repeat #e2ae5a 5px 8px;
	width:100px;
	height:20px;
}
#liste-push-details-hiver li a{
	background:url(../medias/commun/fleche-bleu.gif) no-repeat 5px 8px;
	padding:4px 3px 3px 13px;
	color:#010100;
	text-decoration:none;
	font-weight:bold;
	font-size:71%;
}
#liste-push-details-hiver li a:hover, #liste-push-details-hiver li a.active{
	background:url(../medias/commun/fleche-bleublanc.gif) no-repeat #5c85a8 5px 8px;
	color:#FFF;
	width:100px;
	height:20px;
}
#trait-push-details{
	background-color:#89837a;
	float:left;
	height:88px;
	margin:0 15px 0 15px;
	width:1px;
}
.liste-push-exemple{
	float:left;
	width:190px;
	height:25px;
}
.liste-push-exemple-2{
	float:left;
	width:240px;
	height:25px;
}
.liste-push-exemple li, .liste-push-exemple-2 li{
	list-style-type:none;
	padding:0 0 5px 8px;
	background:url(../medias/commun/fleche-grise.gif) 0 4px no-repeat;
	font-size:71%;
}
/* hack ie6 */
* html .liste-push-exemple li, * html .liste-push-exemple-2 li{
	background:url(../medias/commun/fleche-grise.gif) 0 8px no-repeat;
	padding:0 0 2px 8px;
}
/* hack ie7 */
*+html .liste-push-exemple li, * html .liste-push-exemple-2 li{
	background:url(../medias/commun/fleche-grise.gif) 0 8px no-repeat;
	padding:0 0 2px 8px;
}
.liste-push-exemple li a, .liste-push-exemple-2 a{
	color:#1a1919;
	text-decoration:none;
}
.liste-push-exemple li a:hover, .liste-push-exemple li a.active, .liste-push-exemple-2 a:hover, .liste-push-exemple-2 a.active{
	text-decoration:underline;
}
.lien-volets-gauche a{
	background:url(../medias/commun/fond-volet.gif);
	width:208px;
	height:10px;
	padding:8px 10px 10px 10px;
	color:#a0a09d;
	font-size:71%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	clear:both;
}
.lien-volets-gauche a:hover, .lien-volets-gauche a.active{
	width:208px;
	background-position:0 28px;
	color:#ffffff;
	cursor:text;
}
.espace-volet{
	height:2px;
	width:228px;
	float:left;
}
#photo-zoom{
}
#bloc-photo{
	width:228px;
	height:170px;
	float:left;
}
#bloc-texte{
	width:208px;
	float:left;
	color:#bdb4a8;
	font-size:71%;
	background-color:#413f40;
	padding:10px;
}
#zoom-legende{
	position:relative;
	background-color:#F00;
}
#zoom{
	width:77px;
	height:24px;
	background:url(../medias/commun/zoom.gif);
	display:block;
	z-index:2;
	position:absolute;
	opacity: 0.8;
	filter:alpha(opacity=80);
	top:140px;
	left:145px;
}
/* hack ie6 */
* html #zoom{
	top:-30px;
}
#zoom:hover{
	width:77px;
	background-position:0 24px;
}
#bloc-push-details{
	clear:both;
	overflow-y:scroll;
	width:415px;
}
/*--------------------------------------------------- ARTICLE --------------------------------------------- */
#article{
	width:645px;
	float:left;
	background-color:#353434;
	margin-right:12px;
	padding:20px;
	font-size:71%;
	color:#bdb4a8;
}

/*--------------------------------------------------- LIENS --------------------------------------------- */
#article a, .details-onglets-fond a, #details-texte a, #bloc-texte a{
	color:#e2ae5a;
	text-decoration:underline;
}
#article a:hover, .details-onglets-fond a:hover, #details-texte a:hover, #bloc-texte a:hover{
	color:#e29a26;
	text-decoration:underline;
}

/*--------------------------------------------------- LISTE A PUCE --------------------------------------------- */
#article ul, .details-onglets-fond ul, #details-texte ul, #bloc-texte ul{
	padding-bottom:10px;
}
#article ul li, .details-onglets-fond ul li, #details-texte ul li, #bloc-texte ul li{
	list-style-type:none;
	background:url(../medias/commun/puce.gif) no-repeat 0 5px;
	padding-left:10px;
}
#photo-zoom-article{
	margin-bottom:5px;
	padding-left:2px;
	float:left;
}

/*--------------------------------------------------- FORMULAIRE --------------------------------------------- */
#formulaire{
	width:687px;
	float:left;
}
#form-mentions{
	color:#bdb4a8;
	font-size:65%;
	clear:both;
	padding:10px;
}
form{
	font-size:71%;
	float:left;
}
form .simple{
	margin-bottom:10px;	
	height:15px;
}
form .double{
	margin-bottom:10px;	
	height:25px;
}
.form-colonne{
	width:302px;
	height:355px;
	padding:15px;
	float:left;
	border:none;
	background-color:#353434;
	margin-right:10px;
}
#erreur-valid{
	background-color:#353434;
	width:644px;
	float:left;
	padding:15px;
	font-size:71%;
	margin-bottom:5px;
}
.form-titre{
	margin:0;
	padding-bottom:15px;
	clear:both;
}
label{
	background:url(../medias/commun/puce.gif) no-repeat 0 5px;
	padding-left:10px;
	color:#bdb4a8;
	font-weight:bold;
	float:left;
	width:125px;
}
.dropdown{
	font-size:11px;
	background-color:#2C2C2B;
	border:1px solid #3F3F3F;
	color:#FFFFFF;
	width:165px;
}
.dropdown-erreur{
	font-size:11px;
	background-color:#E2AE5A;
	border:1px solid #3F3F3F;
	color:#FFFFFF;
	width:165px;
}
.champstexte{
	background-color:#2c2c2b;
	border:solid 1px #3f3f3f;
	color:#ffffff;
	width:165px;
	height:18px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:96%;
}
#deroulant-fond{
	background-color:#2c2c2b;
	border:solid 1px #3f3f3f;
	color:#ffffff;
	width:160px;
	height:14px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	padding:2px;
}
#deroulant-texte{
	float:left;
	width:145px;
}
#deroulant-texte-erreur{
	float:left;
	width:145px;
	background-color:#e2ae5a;
}
#deroulant-fleche{
	background:url(../medias/commun/fleche-orange.gif) no-repeat;
	float:left;
	width:7px;
	height:7px;
	margin:3px 2px 0 4px;
}
textarea{
	background-color:#2c2c2b;
	border:solid 1px #3f3f3f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:103%;
	color:#ffffff;
	width:165px;
	height:110px;
	float:left;
}
.puce{
	color:#ffffff;
	padding-right:8px;
}
.champstexte-erreur{
	background-color:#e2ae5a;
	border:solid 1px #3f3f3f;
	color:#ffffff;
	width:165px;
	height:18px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:96%;
}
.message-erreur{
	background-color:#e2ae5a;
	border:solid 1px #3f3f3f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:103%;
	color:#ffffff;
	width:165px;
	height:110px;
	float:left;
}

/*--------------------------------------------------- PLAN DU SITE --------------------------------------------- */
.plan-bloc{
	width:273px;
	background-color:#353434;
	padding:15px;
	float:left;
}
#plan-bloc-centre{
	width:273px;
	background-color:#353434;
	padding:15px;
	float:left;
	margin:0 10px 0 10px;
}
.plan-bloc-texte{
	clear:both;
	margin-top:15px;
	font-size:71%;
}
.plan-bloc-texte ul{
	clear:both;	
	margin-bottom:15px;
}
.plan-bloc-texte ul li{
	list-style-type:none;
	background:url(../medias/commun/fleche-jaune-onglet.gif) no-repeat 0 4px;
	padding-left:10px;
	margin-top:2px;
}
* html .lan-bloc-texte ul li{
	background:url(../medias/commun/fleche-jaune-onglet.gif) no-repeat 0 8px;
}
/* hack ie7 */
*+html .plan-bloc-texte ul li{
	background:url(../medias/commun/fleche-jaune-onglet.gif) no-repeat 0 8px;
}
.plan-bloc-texte ul li a{
	color:#cabca6;
	text-decoration:none;
}
.plan-bloc-texte ul li a:hover{
	color:#cabca6;
	text-decoration:underline;
}

/*--------------------------------------------------- MENTIONS L�GALES --------------------------------------------- */
#mentions-bloc-gauche{
	width:420px;
	background-color:#353434;
	padding:20px;
	float:left;
}
#desinscription-bloc{
	width:890px;
	background-color:#353434;
	padding:20px;
	float:left;
}
#desinscription-bloc label{
	width:700px;
	padding-bottom:10px;
}
#desinscription-bloc #email{
	float:left;
}
#mentions-bloc-droit{
	width:420px;
	background-color:#353434;
	padding:20px;
	float:left;
	margin-left:10px;
}
.mentions-bloc-texte{
	clear:both;
	font-size:71%;
	color:#cabca6;
}
.mentions-bloc-texte p{
	margin-top:3px;
}
.mentions-bloc-texte a{
	color:#e2ae5a;
	text-decoration:underline;
}
.mentions-bloc-texte a:hover{
	color:#e29a26;
	text-decoration:underline;
}
#liens-mentions{
	padding-top:15px;
}
#liens-mentions a{
	color:#e2ae5a;
	text-decoration:none;	
}
#liens-mentions a:hover{
	color:#e2ae5a;
	text-decoration:underline;	
}