@charset "UTF-8";


/* ###########################################################
######################## FOOTER ##############################
########################################################### */

#footer {
    background-color: #4C423F;
    bottom: 35px;
    font-size: 0.9em;
    left: 50%;
    margin-left: -490px;
    position: fixed;
    width: 980px;
	bottom:-250px;
	z-index: 5;
	/*font-family: 'metrophobicregular' !important;*/
}

#contentFooter {
	width:980px;
	margin:0 auto;
	line-height: 1.8em;
}

#footerFixed { 
	position:fixed; 
	bottom:0; 
	width:100%; 
	background-color:#574b47;
	height: 45px;
	color: #fff;
	text-transform: uppercase;
	z-index: 6;
}

#contentFooterFixed {
	width:980px; 
	margin:0 auto;
	font-size: 0.9em;
}

.titresFooter {
	padding-bottom:10px;
	color:#fff;
}

.blocLogo, .blocAdresse, .blocLiensUtiles {
	float:left;
	padding-left: 20px; 
}

.blocAdresse, .blocLiensUtiles {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #5e5553;
}

.blocAdresse, .blocLiensUtiles, .blocNewsletter {
	margin-top: 15px;
	line-height: 18px;
	height: 140px;
	padding-top: 0;
}

.blocLogo a, .blocAdresse a, .blocLiensUtiles a, .blocNewsletter a {
	color: #fff;
	text-decoration: none;
}

.tableauCredits a {
	color: #7f7471;
	text-decoration: none;
}

.blocLogo a:hover, .blocAdresse a:hover, .blocLiensUtiles a:hover, .blocNewsletter a:hover, .tableauCredits a:hover {
	color: #d94d2f;
}


.blocLogo {
	width:320px;
	background-color:#403735;
	height: 205px;
	padding-left:5px;
}

/* ----------------- LOGOS FOOTER ----------------- */

.tripAdvisor {
	float: left;
	width:175px;
	margin-top: 7px;
}

.logocentre{
	float: left;
	width: 130px;
	text-align: center;
	margin-top: 5px;
}

.logo1, .logo4{
	width: 75px;
	height: 105px;
	display: inline-block;
	float: left;
	margin: 5px 7px 10px;
}

.logo2, .logo3{
	width: 100px;
	height: 50px;
	display: block;
	margin:0 auto;
}

.logo5{
	width: 75px;
	height: 67px;
	display: inline-block;
	float: left;
	margin: 0px 7px 15px;
	clear:both;
}

.logo2 { margin-bottom: 5px; }

.logo1{background:url(../images/footer/logoFooter1.jpg) left top no-repeat;}
.logo2{background:url(../images/footer/logoFooter2.jpg) left top no-repeat;}
.logo3{background:url(../images/footer/logoFooter3.jpg) left top no-repeat;}
.logo4{background:url(../images/footer/logoFooter4.jpg) left top no-repeat; margin-left: 15px;}
.logo5{background:url(../images/footer/logoFooter5.jpg) left top no-repeat;}
/* ------------------------ */

.blocAdresse { width:189px;}
.blocLiensUtiles {width:189px;}

.blocNewsletter { 
	padding:0 0 10px 20px; 
	width:200px; 
	float:left; 
	height:auto; 
}

.tableauCredits { 
	color:#7f7471; 
	font-size: 0.8em; 
	float:right; 
	margin:10px 50px 0 0;
	text-align:center;
}

/* -------------- NAVIGATION FIXE -------------- */

ul.blocNavigationHTML {
}

.blocNavigationHTML li{
	display: block;
	float: left;
	height: 45px;
	line-height: 15px;
	padding: 15px 0;
}

li.navigTexte a, li.navigTexte2 a {
	color:#fff; 
	text-decoration: none;
	text-transform: uppercase;
}

li.navigTexte a {
	padding: 15px 0 15px 15px;
	margin-top: -15px;
	float: left;
}

li.navigTexte2 a {
	padding: 15px 40px 15px 20px;
}

li.navigTexte2 {
	padding:0;
}

li.navigTexte2 a {
	display: block;
}
.navigTexte.video .videoPicto{
  background: url("../images/footer/video.png") no-repeat scroll left top transparent;
  display: block;
  float: left;
  height: 14px;
  margin-right: 10px;
  width: 13px;
}
li.navigTexte2 a span {
	background: url(../images/footer/coffret-cadeaux.png) no-repeat left bottom;
	display: block;
	float: left;
	height:14px;
	width:13px;
	margin-right: 10px;
}

li.navigTexte2 a:hover span { background-position: left top; }
li.navigTexte2 a:hover{
	background-color:#4C423F; 
	color:#ffffff; 
	text-transform: uppercase;
	background:url(../images/footer/navigIcones-fleche2.png)right top no-repeat;
}
li.navigTexte a span {
	background:url(../images/footer/navigIcones-fleche.png)-20px -15px no-repeat;
	display: block;
	width: 30px;
	height: 20px;
	float: right;
}
li.navigTexte2 a {background:url(../images/footer/navigIcones-fleche2.png)right bottom no-repeat;
color: #d94d2f;
background-color:#ffffff;  }

li.navigTexte a:hover{
	background-color:#4C423F; 
	color:#d94d2f; 
	text-transform: uppercase;
}

li.navigTexte a:hover span{
	background:url(../images/footer/navigIcones-fleche.png)-20px -60px no-repeat;
}

li.navigTexte a:hover {background-position: right bottom;}

.navigTexte.video:hover .videoPicto {
  background-position: 0 bottom;
}

li.navigIcon1, li.navigIcon2, li.navigIcon3 {
	padding: 0!important;
}

li.navigIcon1 a, li.navigIcon2 a, li.navigIcon3 a {
	background: url(../images/footer/navigIcones.png) no-repeat; 
	display: block;
	float: left;
	height:45px;
	width: 45px;
}

li.navigIcon4 a {
	display: block;
	float: left;
	height:45px;
	line-height:45px;
	vertical-align:middle;
	width: 60px;
	text-align: center;	
}
li.navigIcon4 a img{
	vertical-align:middle;
}

li.navigIcon1 a:hover, li.navigIcon2 a:hover, li.navigIcon3 a:hover , li.navigIcon4 a:hover {
	background-color:#4C423F; 
}

li.navigIcon1 a {background-position:-8px 0;}
li.navigIcon2 a {background-position:-69px 0;}
li.navigIcon3 a {background-position:-129px 0;  opacity:0.2; filter : alpha(opacity=20); -ms-filter : alpha(opacity=20);}
li.navigIcon3 a.play { opacity:1; filter : alpha(opacity=100); -ms-filter : alpha(opacity=100);}

li.navigIcon1 a:hover {background-position:-8px -45px;}
li.navigIcon2 a:hover {background-position:-69px -45px;}
li.navigIcon3 a:hover {background-position:-129px -45px;}

li.navigIcon4 {padding: 0!important;}

/* ---------------------------- */

#btnFermerFooter { 
	background-color:#403735; 
	color:#FFF; 
	width:100px; 
	height:30px; 
	display:block; 
	line-height:2.5em; 
	float:right; 
	margin-top:-30px; 
	text-align:center; 
	text-decoration:none;
	z-index: 2;
}
#btnFermerFooter:hover { background-color:#4C423F;}

#btnOuvrirFooter { 
	background-color:#4C423F; 
	color:#d94d2f; 
	width:auto; 
	padding:0 20px; 
	height:35px; 
	display:block; 
	line-height:35px; 
	float:right; 
	text-align:center; 
	text-decoration:none;
	z-index: 2;
}
#btnOuvrirFooter:hover { background-color:#0C9;}



/* ###########################################################
######################## SPEEDMAILING ########################
########################################################### */


#module_emailing_auto { 
	z-index: 1000; 
	padding:0 ;
 }

/* BOUTON INFO + CLOSE */

.emailingauto_img_infos { width:24px; float:left; margin-left:10px; margin-top:4px;}

.tooltip_close {display:block;float:right;}

.radio { margin:0; padding:0;}

#emailingauto_button {
	height:20px;
	background-color: #403735;
	color:#d94d2f;
	margin-top:5px;
	border: none;
	display:block;
	cursor:pointer;
	width:130px;
	float:left;
	text-transform: uppercase;
}

#emailingauto_button:hover {
	background-color: #fff;
	color:#4C423F;
}

/* BOUTON SE DESINSCRIRE */
#emailingauto_button_desinscrire {
	height:24px;
	color:#d94d2f;
	background-color: #403735;
	margin-top:5px;
	border: none;
	display:block;
	cursor:pointer;
	width:110px;
	float:left;
	font-size: 1.0em;
	margin-left: 15px;
}

#emailingauto_button_desinscrire:hover {
	background-color: #fff;
	color:#4C423F;
}

/* TOOLTIP */
.emailingauto_tooltip {
	border: 1px solid #403735;
	padding: 10px;
	line-height: 1.5em;
	font-size: 0.9em;
	text-align:left;
	background-color: #A38E87;

	-webkit-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
	-o-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 -2px 4px rgba(0,0,0,0.4);
	box-shadow:0 -2px 4px rgba(0,0,0,0.4);
}

.emailingauto_tooltip a {
	color:#403735; 
	text-decoration:underline; 
	cursor: pointer;
}
.emailingauto_tooltip a:hover {
	color:#fff;
	text-decoration: underline;
}
.emailingauto_tooltip_unsubscribe input {width: 120px;padding-bottom:0;}

/* MESSAGES */
.emailing_auto_message_success, .emailing_auto_confirm_text .success {color:#3f5911;}
.emailing_auto_message_error, .emailing_auto_confirm_text .error {color:#d94d2f;}
.emailing_auto_confirm_title {color:black;font-size: 1em;padding-top: 100px;}
.emailing_auto_confirm_text {padding-bottom: 50px;}

/* CHAMPS EMAIL */
#emailingauto_email {
	width:155px; 
	padding:3px 5px; 
	color:#4C423F; 
	border:1px solid #4C423F; 
	background-color:#fff; 
	margin:5px 0;
}
#emailingauto_email_unsubscribe {
	width:160px; 
	padding:5px; 
	color:#4C423F; 
	border:none; 
	background-color:#fff; 
	margin:5px 0;
}

#emailingauto_email:hover, #emailingauto_email_unsubscribe:hover { background-color:#c5c8cc; color: black;}

/* NE PAS TOUCHER LES CLASSES CI-DESSOUS */
#emailingauto_tooltip {position: absolute;display: none;z-index:20000; width:225px;}
#emailingauto_tooltip_unsubscribe {position: absolute;display: none;z-index:20000 ; width: 300px!important; padding-bottom:10px;  font-size: 0.9em;}
#emailingauto_tooltip_unsubscribe div { float:left; margin: 2px 0; }
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe1 { float:right;}
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe2,
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe3,
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe5

 { clear:both; float: left; }
 
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe7, #emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe8
 { float: left; }

.ModuleSMHide {  }

#emailing_auto_trad_erreur {
	clear:both;
}

/* ###########################################################
######################## SPEEDSEARCH #########################
########################################################### */

#divSpeedSearch {
	float:right;
	width:180px;
	margin:5px 0 0 0;
}

.rechercheSpeedsearch {
	cursor: pointer;
	width: 150px;
	height: 20px;
	padding: 0 5px;
	margin: 0;
	border-style:none none solid;
	border-color: transparent transparent #918987;
	border-width: 0 0 1px;
	float:left;
	background-color: #574b47;
	color: #918987;
	font-size: 1em;
}

#divSpeedSearch form > div { display: inline; float: left; margin: 0; position: relative; }
.rechercheSpeedsearch .input { width: 133px; margin-top: -1px;}
#divSpeedSearch form div.button { width: 20px; }

.boutonSpeedsearch { 
	width:15px; 
	height:20px; 
	display:block; 
	background: url(../images/footer/loupe.png) no-repeat center top; 
	float:left;
	border-style:none none solid;
	border-color: transparent transparent #918987;
	border-width: 0 0 1px;
}
.boutonSpeedsearch:hover { background-color:#09F;}