.datepicker-dropdown table td, .datepicker-dropdown table th{
	    padding-top: 0px !important;
    	padding-bottom: 0px !important;
}


#avisContainer {
    color: #2c2c2c;
    padding: 10px;
}

#avisContainer .progressWrap {
    background: #fff none repeat scroll 0 0;
    padding: 10px;
}
#avisContainer .progress-bar {
    background-color: #f58c15;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}
#avisContainer .logo-qualitelis {
    background-image: url("../img/logo-qualitelis.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 95px;
    width: 182px;
}
#avisContainer .counter {
    font-size: 2em;
    font-weight: 700;
}
#avisContainer .nbAvis, #avisContainer .progressCounter {
    font-size: 1.6em;
}
#avisContainer ul.list-avis {
    margin: 0;
    padding: 0;
}
#avisContainer li.avis {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    list-style: outside none none;
    margin: 2em 0;
    padding: 20px;
}
#avisContainer .avisnoteAuteur span {
    display: inline-block;
}
#avisContainer .avisnote {
    background: #f58c15 none repeat scroll 0 0;
    border-radius: 2em;
    color: #2c2c2c;
    font-size: 1.5em;
    font-weight: 700;
    padding: 10px;
}
#avisContainer .avisdate {
    font-weight: bolder;
    margin-bottom: 10px;
    margin-top: 10px;
}
#avisContainer .avisauteur {
    font-size: 1.5rem;
    padding: 10px;
}

.encart-offres{
  position: absolute;
  padding:25px 25px 15px 25px;
  top:0;
  text-align: center;
  background:#ccc;
  color:#fff;
  background: url(../img/bg-gris-transparent.png);
}

@media only screen and (max-width: 40.063em){
	.encart-offres{
		position:relative;	
	}
	.bloc-resa{
		position:relative !important;
		right:inherit !important;
		top:inherit !important;	
	}
}

h3{
      
      margin-bottom: 12px;
    margin-top: 30px;
    font-size: 22px;
    color:#F58C15;
}

.encart-offres .btnDetails{
  float:none;
  padding:6px 20px;
  font-size: 15px;
}

.encart-offres .btnDetails:hover{
   color:#f58c15;
   background:#fff;
}

.encart-offres .sous-titre{
  font-family: 'Lora', serif;
  font-style: italic;
    font-size: 18px;
    line-height: 26px;
}

.encart-offres .liens-offres{
  padding: 10px 0 10px 0;
  margin-top: 20px;
  margin-bottom: 5px;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
}

.encart-offres .liens-offres a{
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 25px;
}

.encart-offres .liens-offres a:hover{
  color:#f58c15;
}

.bloc-resa{
  position: absolute;
  right:0;
  top: 50px;
  color: #fff;
  background: url(../img/bg-gris-transparent.png);
  padding: 15px 25px 15px 25px;
  text-align: left;
}

.bloc-resa.bas{
  top:160px;
}

.bloc-resa input{
  color:#4A4A4A;
  text-align: center;
}

.bloc-resa .meilleur{
  font-size:17px;
  margin-bottom: 5px;
}

.bloc-resa #nbnight, .bloc-resa #nb_adultes{
  width:40px
}

.bloc-resa #DateIn{
    width: 150px;
}

.bloc-resa .fa-calendar{
  font-size: 1.7em;
}

.bloc-resa a.calendar{
  color:#fff;
}

.bloc-resa label{
  padding-top: 3px;
}

.bloc-resa .btn{
 width: 100%;
  color:#fff; 
  float: right;
    margin-top: 12px;
  background: #f58c16;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.bloc-resa .btn:hover,.bloc-resa .btn:focus{ 
  color: #f58c15;
  background: #fff;
}

.bloc-resa input::-webkit-inner-spin-button {
    opacity: 1
}

.bloc-resa .row{
  margin-top: 5px;
}

.logo .vert{
  color:#6e961b;
}

.logo .orange{
  color:#F7AD56;
}

.logo .marron{
  color:#A78F7C;
}

.logo a{
  font-family: 'Montserrat', sans-serif;
  font-size:52px;
   color:#6e961b;
 
}

.logo a:hover{
  text-decoration: none;
}

.logo{
  font-size:18px;
  /*line-height: 25px;*/
  line-height: 32px;
}

/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */
.navbar-inverse{
	background:#bf4635!important;
	border:#bf4635 !important;
}  

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #4d4d4d!important;
    color: #f3F3F3 !important;
	border-radius:5px;
	margin:10px 0;
}  

.nav > li > a {
  text-transform:uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-size: 17px;
  -webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
   padding-bottom: 10px;
    padding-top: 10px;
		margin:10px 0;
}

.nav > li > a:hover{
	 background-color: #4D4D4D !important;
	 border-radius:5px;
}  

.navbar-default {
  background: none;
  border: none;
}

.navbar {
  margin-bottom: 0;
  min-height: 0;
  border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #f3f3f3;
}

.navbar-brand{
	height:78px;
	line-height:25px;
}

.languages ul {
  margin: 0;
  overflow: visible;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.languages ul li {
  float: left;
  margin: 0 0 0 5px;
}
.languages ul li a {
  display: inline-block;
 color:#fff;
  text-decoration: none;

}

hr{ border-top: 1px solid #f58c15;}


.panel > .list-group:last-child .list-group-item:last-child {
  border-radius: 0;
}   
   
.modal-header{
	background:#f58c15;
	text-align:center;
	
	color:#fff;
}

.modal-body h5{
	text-transform:lowercase;
	font-size:24px;
	color:#4D4D4D;
	
}

.modal-body {
	background:#F3F3F3;
	color:#2A2A2A;
}

.modal-body p{
	font-size:13px;
	line-height:22px;
	font-family: 'Montserrat', sans-serif;
}

.thumbnail{
	padding:10px;
}

.form-control {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color:#000 !important;
	border-radius:6px;
}
.form-control::-moz-placeholder {

}


.pager li > a, .pager li > span{
border:1ps solid #0a3340;
border-radius:2px;
font-family: 'Montserrat', sans-serif;
}

.pager li > a:hover, .pager li > a:focus{
	background:#0a3340;
	color:#fff;
}
   
#map-wrapper{
	position:relative;
	padding:20px 0;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: none;
}

.breadcrumb > .active {
    color: #CEA267;
}
.breadcrumb{ background:none;} 

.btn-primary{   background: #f58c15;
  border: none;
    margin-left: 45%;
  margin-top: 30px;}
.btn-primary:hover{background:#4a4a4a;}

 /* ==========================================================================
   General styles
   ========================================================================== */  
html,
body {
    height: 100%;
	overflow-x: hidden;
}   
   
body {
 
 
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:15px;
  background: #4a4a4a;
}
.bg-gris{
	background-color:#4a4a4a;
	  padding-bottom: 10px;
	}
.block{ display:block}
.none{ display:none;}
.clear {
	clear:both;
}

label {
  font-weight: normal;
}

ul li{ list-style-type:none;}

/* margin */

.mb30{
	margin-bottom:30px;
}
.mb40{
  margin-bottom:40px;
}

.pt30{
	padding-top:30px;
}

.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.contenuSectionBlanc{position:relative;background: #fff;padding-bottom: 40px; /*padding:0 15px 21px 15px; z-index: 1000;*/}  
	.contenuSectionBlanc h1{ margin-top:30px;font-size:30px;}
		.contenuSectionBlanc h2{ font-size:24px;margin-top: 25px;
    margin-bottom: 25px;}
.marginaccess{
	margin-top:120px;}
.marginaccess h1.title  {
	font-size:38px;
	margin-top:28px;
	color:#2a2a2a;
	}
	.marginaccess h1.title:after{
	background-color: #f58c15;
	display:block;
    content: " ";
    height: 1px;
	margin:10px 0;
    width: 10%;
	}
.formulaire{
	
	padding:20px;}

/* Colors */

.blanc{ color:#F3F3F3;}
.dore{color:#cea267;}
.bleu{ color:#196FEF;}
.rose{color:#f58c15;}

/* Titles */
h1.small {
  color: #fff;
  font-size:12px;
  font-family: 'Montserrat', sans-serif;
  margin: 6px 0;
}
h2.titleOffre{
	color:#f58c15;
	text-align:left;
	font-size:23px;
	}
h2.titleOffre:after{
	background-color: #f58c15;
	display:block;
    content: " ";
    height: 1px;
	margin:10px auto;
    width: 100%;
	
}

.centered {
    text-align: center;
}

.paragraph-lead {
    font-size: 20px;
	 line-height: 28px;
	 font-family: 'Montserrat', sans-serif;
}

h1.title{
	
	font-size:38px;
	margin-top:28px;
}

h1.title:after{
	background-color: #fff;
	display:block;
    content: " ";
    height: 1px;
	margin:10px 0;
    width: 10%;
	}

.panel-title{margin-top:10px;}

body {
  font-family: 'Roboto', sans-serif;
  
  
}

div.info{
  color:#4A4A4A
}

ul.drapeau{
  margin-top:5px;
      padding-right: 23px;
}

ul.drapeau li{ display:inline-block;}
	ul.drapeau li a{ color:#fff; }
.rubrique{
	background:#602600;
	color:#fff;
	font-size:17px;
	padding:5px;
	text-align:center;
	overflow:hidden;
	margin-bottom:20px;
}
.panel-info{
	overflow:hidden;	
}

b,
strong {
  font-weight:700;
}

.dore{color:#cea267;}

p{ font-family: 'Open Sans', sans-serif;}

p a{ color:#fff;}

.construction{ margin-top:250px; display:block; position:relative; background:rgba(100,100,100,0.8)}

	#zone-resa-type{ background:rgba(0,0,0,0.4); padding:10px 20px;}
		#zone-resa-type h3{ padding:0; margin:0 0 10px 0;}
			#zone-resa-type input{ color:#000;}
				#zone-resa-type input.bt{ background:#cea267; color:#fff; border:none; padding:7px 40px;}

#resa{ position:absolute; top:30%; z-index:9999;}
	#resa a{ background:#CEA267; padding: 10px 51px; text-transform:uppercase; color:#fff; font-weight:700;font-family: 'Montserrat', sans-serif;}
		#resa a:hover{ background:#e9b774; text-decoration:none;}
		#meilleur{
			float: left;
			margin-top: 9px;
		}
		.brit_widget_all {
			border-radius: 0 !important;
			height: 95px;
			background: rgba(39, 39, 39,0.5) !important;
			color: #fff;
		}
		.brit_widget_mtg {
			margin: 10px;
			border-radius: 0;
		}
		.brit_widget_titre{
			font-size: 17px !important;
			font-family: 'Open Sans', sans-serif !important;
			font-style: normal;
			line-height: 30px;
			width: 200px;
			text-transform: uppercase;
			margin: 15px 0 0 0 !important;
		}
		.brit_widget_tarif{
			font-size: 30px;
			font-family: 'Open Sans', sans-serif;
			font-style: normal;
			line-height: 26px;
			width: 200px;
		}

/* ==========================================================================
   IMAGES PANO BACKGROUND
   ========================================================================== */ 
.section-divider {
    z-index: 999;
    width: 100%;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    background-position: center center;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: relative;
    
    text-align: center;
	position:relative;
}




/* Section Dividers Backgrounds */
.hotel{
	background-image: url('../img/bg-home.jpg');
	height: 760px;
  	margin-top: 124px;
} 

.chambres{
  background-image: url('../img/bg-chambres.jpg');
  height: 760px;
  margin-top: 124px;
} 

.restaurant{
	background-image: url('../img/bg-restaurant.jpg');
	height: 760px;
  margin-top: 124px;
} 

.soirees{
  background-image: url('../img/bg-soirees.jpg');
  height: 760px;
  margin-top: 124px;
} 

.loisirs{
  background-image: url('../img/bg-loisirs.jpg');
  height: 760px;
  margin-top: 124px;
} 

.seminaires{
  background-image: url('../img/bg-seminaires.jpg');
  height: 760px;
  margin-top: 124px;
}

.groupes{
	background-image: url('../img/bg-groupes.jpg');
	height: 760px;
  margin-top: 124px;
} 




.bgBlanc{ background:#fff; color:#272727;}
#horaire{
	background-image: url('http://www.luccotel.com/img/hotel-touvotel-dieppe-citotel-horaire.jpg');
	opacity:0.9;
	height:305px;
}
.gris{ background:#eee; color:#2A2A2A;}

 /* ==========================================================================
   WIDGET RESA
   ========================================================================== */  
.quicksearch{ position:absolute; top:30%; right:0;}
.enteteresa{width: 70%;
  padding: 10px;
  background-color: #f58c15;
}
.OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc .OsMoteurCritereTitre {
   float: left;
  width: 42%;
  padding-top: 3px;
  font-size: 14px;
  text-align: left;
}   
  .OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation {
  width: 70%;
} 
   
  .OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc {
  width: 100%;
  float: left;
} 
.OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input {
  width: 48%!important;
  height: 22px;
  font-size: 12px;
}
.OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsWrapSelect {
  width: 48%!important;
}
.OsWrapSelect, .PanneauAge {
  margin: 0 auto;
  background: url(http://www.luccotel.com/css/images/select_down.png) right center no-repeat #FFF;
}
.OsWrapSelect select.OsMoteurCombo, .OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .OsWrapSelect select.OSCombo, .OsPanierPopIn.os-overlay .BlocSupplement .Quantite .OsWrapSelect select {
  font-size: 12px !important;;
  padding: 2px 10px !important;;
}
.OsMoteur .OsMoteurCriterisation {
  padding: 10px;
  background-color: #f6f6f6;
   margin-bottom: 0px !important;
}
.OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurBoutonRecherche {
   padding-top: 0px;
     width: 70%;
}
.OsMoteur a.OsMoteurBtnRecherche, .OsMoteur a.OsMoteurBtnRecherche:link, .OsMoteur a.OsMoteurBtnRecherche:active, .OsMoteur a.OsMoteurBtnRecherche:visited {
  background-color: #f58c15!important;;
  color: #fff;
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px!important;;
  border-radius: 0px!important;;
}
   
 /* ==========================================================================
   home section texte
   ========================================================================== */  
.contenuSection{color: #f2f2f2;position:relative;background: #4a4a4a;padding-bottom: 40px; line-height:25px;/*padding:0 15px 21px 15px; z-index: 1000;*/}  
	.contenuSection h1{ margin-top:30px;font-size:30px;}
		.contenuSection h2{ font-size:24px;margin-top: 25px;
    margin-bottom: 25px;color:#F58C15;}
		
		.contenuOffre h4 {
  font-size: 20px;
  text-transform: uppercase;
  /*border-bottom: 1px solid;*/
  /* padding-bottom: 5px; */
  text-align: left;
  padding: 10px;
 color: #4A4A4A;
  /* margin-top: -58px; */
  /*width: 92%;*/
  z-index: 999;
  /*position: absolute;*/
  bottom: 113px;
  /*min-height: 58px;*/
  /*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 background:rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;*/

}

.owl-buttons div {
  background:none!important;
  color:#fff !important;
      margin-left: -5px !important;
         padding: 5px 0px 5px 20px !important
}

.contenuSection a{
  color:#fff;
  text-decoration: underline
}

.contenuSection a:hover{
  color:#F58C15;
}

.contenuOffre h4 a{
  color:#4A4A4A;
}

.contenuOffre h4 a:hover{
  color:#f58c15;
  text-decoration: none;
}

.bg-grisclair .contenuOffre h4{
  color:#4A4A4A
}
		
#offresWrapper{ background:#f1f1f1;}	

.bg-grisclair{
  background: #f1f1f1;
  color:#4A4A4A;
}

.bg-grisclair h2{
  
  color:#f58c15 !important
}

.bg-grisclair h2.titleChambre:after {
    background-color: #F58C15 !important
}

.sepia img
{
        filter: sepia(1);
        -webkit-filter: sepia(1);
        -moz-filter: sepia(1);
        -o-filter: sepia(1);
        -ms-filter: sepia(1);
}
.sepia img:hover
{
        filter: sepia(0);
        -webkit-filter: sepia(0);
        -moz-filter: sepia(0);
        -o-filter: sepia(0);
        -ms-filter: sepia(0);
}

a.btnDetails{ 
	/*border:1px solid #fff; */
	color:#fff; 
	float: right;
    margin-top: 12px;
	background: #f58c16;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}
	a.btnDetails:hover,a.btnDetails:focus{ background:#4a4a4a; color:#fff;}
	.offre-bas{
		overflow: hidden;
  margin-bottom: 10px;
    
		}


a.btnDetailsTourisme{ 
  /*border:1px solid #fff; */
  color:#fff; 
  float: right;
       text-transform: uppercase;
    font-size: 17px;
    margin-top: 16px;
    padding: 7px 37px;
  background: #f58c16;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}
  a.btnDetailsTourisme:hover,a.btnDetailsTourisme:focus{ color:#fff;background: #4A4A4A;}



a.btnDetailsThemeTourisme{ 
  /*border:1px solid #fff; */
  color:#fff; 
  float: right;
       text-transform: uppercase;
    font-size: 17px;
    margin-top: 16px;
    width: 100%;
    padding: 7px 37px;
  background: #f58c16;
  text-decoration: none;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}
  a.btnDetailsThemeTourisme:hover,a.btnDetailsThemeTourisme:focus,a.btnDetailsThemeTourisme.on { color:#fff;background: #6B911A;}
		

  .bloc_lien_autour{
    background:#f1f1f1;
    padding:5px;


  }

  .bloc_lien_autour h3{
    min-height: 52px;
  }

  .bloc_lien_autour .img-responsive{
    min-height:222px
  }
		
  .bloc_lien_autour a{
    color:#4A4A4A;
        font-weight: bold;
  }

	.offer{
		overflow: hidden;
		
		
}
	/* ==========================================================================
   home offres categorie de chambre
   ========================================================================== */  
h2.titleChambre {
  color: #fff;
  text-align: left;
  font-size: 23px;
}

h2.titleChambre:after {
  background-color: #fff;
  display: block;
  content: " ";
  height: 1px;
  margin: 10px auto;
  width: 100%;
}
.contenuChambre h3 {
  font-size: 20px;
  text-transform: uppercase;
 
  text-align: left;
  
  padding-left:15px;
  color: #4A4A4A;

}
.chambre-bas{
  overflow: hidden;
  margin-bottom: 10px;
  
		}
a.btnDetailsChambre{ 
	border:1px solid #fff; 
	color:#fff; 
	float: right;
    margin-top: 12px;
	background: #8a8b8d url("../img/gradient-bg.png") repeat-x top;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    /* Navigateurs récents */

    background: -webkit-gradient(

        linear,

        left top, left bottom,

        from(#acadb0),

        to(#8a8b8d)

    );

    background: -webkit-linear-gradient(

        top,

        #acadb0,

        #8a8b8d

    );

    background: -moz-linear-gradient(
       top,

        #acadb0,

        #8a8b8d

    );

    background: -o-linear-gradient(

        top,

        #acadb0,

        #8a8b8d

    );

    background: linear-gradient(

        top,

        #acadb0,

        #8a8b8d

    );
}
	a.btnDetailsChambre:hover,a.btnDetailsChambre:focus{ background:#4a4a4a; color:#fff;}	
	
	.apartirde{
		position: absolute;
  top: 0;
  color:#fff;
  right: 15px;
  padding: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 background:rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  text-align:center}

  .apartirde .prix{
    font-size:19px;
  }

 /* ==========================================================================
   points forts
   ========================================================================== */  

.pointsForts h1{
	font-size:30px;
	
}

.pointsForts h1:after{
	background-color: #272727;
	display:block;
    content: " ";
    height: 1px;
	margin:20px auto 20px;
    width: 10%;
	
}

a.titre{color:#fff;font-size: 17px;}
	a.titre:hover{ text-decoration:none; color:#f58c15;}
	
a:focus{
  text-decoration: none;
  outline:0;
}
	
.fa.fa-check{
  font-size:18px;margin-right:2px;
}
	
	
/* HOVER IMAGES */	
/*.figure{ overflow:hidden;}
.figure img {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  margin: 0 auto;
  display: inline-block;
}
.figure img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
*/
/*
// -------------
// Modal
// Styles modal menu
// -------------
*/
.popup-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  text-align: center;
  background: #4D4D4D;
  padding: 100px 0;
}
.popup-modal .modal-content .section-icon {
  font-size: 40px;
  color: #2e2e32;
}
.popup-modal .modal-content h3 {
  margin-bottom: 75px;
}
.popup-modal .modal-content p {
  margin-bottom: 30px;
}
.popup-modal .modal-content .item-intro {
  margin: 20px 0 30px;
  font-family: "Old Standard TT", Georgia, Times, serif;
  font-style: italic;
  font-size: 16px;
}
.popup-modal .modal-content .list-inline {
  margin-bottom: 30px;
  margin-top: 0;
}
.popup-modal .modal-content img {
  margin-bottom: 30px;
}
/* Close modal*/
.close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 9999;
}
.close-modal:hover {
  opacity: 0.3;
}
.close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #ccc;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */

  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */

  z-index: 1051;
}
.close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #ccc;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */

  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */

  z-index: 1052;
}
  
/*hover menu */


.offresWrapper .item { margin-top:20px;}

.offresWrapper .item .figure {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.offresWrapper .item .figure img {
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
}
.offresWrapper .item .figure .info-mask {
  text-decoration: none;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  padding: 66px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(245, 140, 21, 0.65);
}
.offresWrapper .item .figure .info-mask span {
  display: block;
  margin-bottom: 15px;
  color: #fff;
}

.offresWrapper .item .figure:hover .info-mask {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.offresWrapper .item .figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.offresWrapper .item h3{
	
	color:#2a2a2a;} 
.menugroupe .item h3{
	
	color:#fff;} 
	
 /* ==========================================================================
   page horaire
   ========================================================================== */ 
.white{
	background-color:#fff;
	color:#272727;
	}
.horaire{
		height:40px;
		line-height:38px;
		}
		
		.horaire:after{
			display: block;
			margin: 0 auto;
			height: 1px;
			content: " ";
			text-shadow: none;
			background-color: #272727;
			width: 80%;
			margin-top: 10px;
			}
 /* ==========================================================================
   page tarifs
   ========================================================================== */ 
.col-48{ width:48%; float:left;}    
.col-50{ width:50%; float:left;}
.m-l{ margin-left:15px;}	
.p15{ padding:15px;}
article.bgOffre{ 
	background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}
	article.bgOffre h3{ color:#CEA267; margin-top: 0;font-size: 1.4em;}
	
		article.bgOffre p{color:#2A2A2A;}
		
 /* ==========================================================================
   page dieppe
   ========================================================================== */ 		
article.bgLiens { 
	background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
	padding:0;
	float:left;
}	
article.bgLiens h3{ color:#f58c15;}
article.bgLiens p{ color:#2A2A2A;}

.bgLiens .btn{
  text-decoration: none;
  text-transform: uppercase;
}

.bgLiens .btn:hover{
  background:#6E961B;
  color:#fff;
}

 /* ==========================================================================
   footer
   ========================================================================== */  
footer{
	/*background:url('http://www.luccotel.com/img/bg.png') repeat scroll #272727;*/
	color:#fff;
}

.samm{
  font-size: 10px;
  text-transform: uppercase;
}

.samm a:hover{
  color:#EC3B3A;
}

footer a{ color:#fff;}
	footer a:hover{ text-decoration:none; color:#f58c16;}
.foot-nav{ background:#f58c15; color:#fff;padding: 14px 0px;font-size:17px;}
	.foot-nav ul li{ display:inline-block;padding-top:6px; }
		.foot-nav  a{color:#fff;padding-top:8px; }
		.foot-nav ul li a:hover{color:#fff; text-decoration:underline;}

/* ==========================================================================
  	google map
   ========================================================================== */ 

.plan a{color:#f2F2F2;}

#map{
	height:400px;
}

#google_map{
	float:left;
	width:100%;
	height:320px;
	
}

iframe{ border:none;}

#map-wrapper {
  position: relative;
}
#calcul {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#calcul .glyphicon {
  color: #fff;
}
.list-group-item:hover,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #602600 !important;
  background-color: #f2e6ca !important;
  border-color: #f2e6ca !important;
}



.contenu {
  line-height: 22px;
  margin-top:70px;
}



.titre-resa {
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  font-family: latobold;
  font-size: 18px;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.6);
  background: transparent\9;
  width: 245px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 5px;
}
.img-bg {
  position: absolute;
  width: 100%;
  height: 700px;
  text-align: center;
  z-index: -1;
  background: url(../img/bg-home.jpg) top center no-repeat;
}
.img-bg img {
  max-width: 1200px;
}
.bg-transparent {
  background: rgba(255,255,255,0.8);
}
.navbar-default {
  z-index: 2;
}
.navbar-brand {
  float: none;
  top: -35px;
  position: relative;
}
.navbar-default {
  background: none;
  border: none;
}
.navbar {
  margin-bottom: 0;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  padding: 15px 25px;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  margin:0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav li a:hover {
  color: #fff;
  background-color: #f58c15 !important;
  /*border-radius:3px;*/
  border-radius: 0;
}
.navbar-center {
  position: absolute;
  width: 30%;
  left: 37%;
  top: 0;
  text-align: center;
  margin: auto;
  height: 100%;
}
.barre-bas {
  background: #602600;
  color: #fff;
  border-top: 1px solid #fff;
}
.barre-bas a {
  color: #fff;
  font-size: 14px;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}
.barre-bas a:hover {
  color: #f2e6ca;
}
.titre-rubrique {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-family: latobold;
}
.titre-rubrique img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #000000;
}
.lienutile {
  text-align: center;
}
.lienutile .titre {
  text-transform: uppercase;
  font-size: 16px;
  font-family: latobold;
}
.lienutile img {
  max-height: 220px;
}
.lienutile a {
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dotted #602600;
}
label {
  font-weight: normal;
}
.panel {
  border: 0;
  box-shadow: none;
}
.panel-info > .panel-heading {
  color: #602600;
  background-color: #fff;
  border: 0;
}
.prix {
    font-size: 17px;
  color: #f58c15;

}
.point-fort {
  cursor: pointer;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.point-fort .check {
  float: left;
  vertical-align: top;
  font-size: 16px;
  margin-right: 7px;
}
.point-fort .texte {
  overflow: hidden;
}
.point-fort .titre {
  text-transform: uppercase;
  font-family: latobold;
  font-size: 16px;
  display: inline-block;
  border-bottom: 1px solid #602600;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.point-fort:hover {
  background: #f2e6ca;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: inline-block;
}
@media (max-width: 768px) {
	
	.navbar-default .navbar-toggle {
	border-color: #FFF;
	background-color:#fff
}
	
	.navbar-center {
		
		left:10%;
	}
	
	
.navbar-brand{
	padding: 15px 0px;	
	z-index:2;
}

.navbar-default .navbar-nav > li > a{
	padding:16px;	
}

	
  .navbar-collapse {
    border: 0;
    box-shadow: none;
  }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #F58C15 url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */ 
   
@media only screen and (min-width:1024px) {
 .navbar-default .navbar-nav > li > a {
	 padding: 14px 6px;
    font-size: 15px;
	}


}
@media only screen and (min-width:1100px) {
.navbar-nav {
 
  float: right !important;
  margin-top:10px;
  margin-bottom:0px;
}
}

@media only screen and (max-width: 640px) {
	.navbar-brand {
	top: -15px;
	left: -21px;
	}
	.col-48{ width:95%;}
	.navbar-fixed-top, .navbar-fixed-bottom{position:relative;}
	
}
 
 
@media only screen and (max-width: 480px) {
.navbar-brand {
top: -15px;
left: 13%;
}
.navbar-fixed-top, .navbar-fixed-bottom{position:relative;}
.hotel{
  margin-top: 0px;
} 

.restaurant{
  margin-top: 0px;
} 

.groupes{
  margin-top: 0px;
} 
.seminaires{
  margin-top: 0px;
}
.piscine{
  margin-top: 0px;
}

.nav > li {
  position: relative;
  display: inline-block;
  width: 100%;

 }
 .contenu {
  line-height: 22px;
  margin-top:0px;
}
.mt40{
	
	margin-top:0px;}
	
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
   max-height: 440px;
}

 @media only screen and (max-width: 1200px) {

.foot-nav{ background:#f58c15; color:#fff;}
	.foot-nav ul li{ display:inline-block;padding-top:6px; font-size:12px;}
		.foot-nav  a{font-size:12px; color:#fff;padding-top:8px; }
		.foot-nav ul li a:hover{color:#fff; text-decoration:underline;}
		

 
 }