/* Bootstrap : http://sdz.tdct.org/sdz/bootstrap-de-twitter-un-kit-css-et-plus.html */

/* fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);

/* Largeurs
body { XS }
@media only screen and (min-width: 768px)  { SM }
@media only screen and (min-width: 992px)  { MD }
@media only screen and (min-width: 1200px) { LG }
*/


/* Overide pour Pretty Photo */
.pp_social {width:80%;}

/* Facebook et "partager ou like" */
.fb_iframe_widget { vertical-align: top; }
.fb_iframe_widget { display: inline-block; position: relative; }


/* ==========================================================================
   Mes Class CSS
   ========================================================================== */

/* mes styles */
h1, h2, h3, h4, h5, h6 { margin:0 auto; }
ul, ol { padding:0; }
address {margin:0 auto; padding:0; }
ul.inline li { display:inline-block; }
.rt { display:none;visibility:hidden; }
/* Téléphones */
.tel a, .email a { text-decoration:none !important; color:inherit; cursor:text !important; }

/* Boutons */
a.aller:before, a.retour:before,
a.prev:before, a.next:after  { font-family: "FontAwesome"; }

a.aller:before, a.next:after { content: '\f101'; }
a.retour:before, a.prev:before  { content: '\f100'; }

a.aller:before, a.retour:before, a.prev:before { margin-right:0.5em; }
a.next:after  { margin-left:0.5em; }

a.prev:hover, a.next:hover { text-decoration:none; }


/* Textes multilingues ------------- */

/* "Voir l'offre en détail" */
a.offre span {display:none;visibility:hidden;}
a.offre.fr:after  { content: "Lire la suite"; }
a.offre.en:after  { content: "Read more"; }

/* "Article précédent" & "Article suivant" */
a.article span {display:none;visibility:hidden;}
/* "Lire l'article" */
a.txt-article.fr:after  { content: "Lire l'article"; }
a.txt-article.en:after  { content: "Read the article"; }
/* "Article précédent" */
a.article.prev.fr:after  { content: "Article précédent"; }
a.article.prev.en:after  { content: "Previous article"; }
/* "Article suivant" */
a.article.next.fr:before  { content: "Article suivant"; }
a.article.next.en:before  { content: "Next article"; }

   
/* init */
.mg-xs-auto, .mg-xs-left, .mg-xs-right, .fl-xs-left, .fl-xs-right,
.mg-sm-auto, .mg-sm-left, .mg-sm-right, .fl-sm-left, .fl-sm-right, 
.mg-md-auto, .mg-md-left, .mg-md-right, .fl-md-left, .fl-md-right, 
.mg-lg-auto, .mg-lg-left, .mg-lg-right, .fl-lg-left, .fl-lg-right {
	text-align:center; margin-left:auto; margin-right:auto;
}

/* XS */
.mg-xs-auto { text-align:center; margin-left:auto; margin-right:auto; }
.mg-xs-left { margin-left:0; text-align:left; }
.mg-xs-right { margin-right:0; text-align:right; }
.fl-xs-left { float:left; }
.fl-xs-right { float:right; }
@media only screen and (min-width: 768px)  { /* SM */
	.mg-sm-auto { text-align:center; margin-left:auto; margin-right:auto; }
	.mg-sm-left { margin-left:0; text-align:left;  }
	.mg-sm-right { margin-right:0; text-align:right; }
	.fl-sm-left { float:left; }
	.fl-sm-right { float:right; }
}
@media only screen and (min-width: 992px)  { /* MD */
	.mg-md-auto { text-align:center; margin-left:auto; margin-right:auto; }
	.mg-md-left { margin-left:0; text-align:left; }
	.mg-md-right { margin-right:0; text-align:right; }
	.fl-md-left { float:left; }
	.fl-md-right { float:right; }
	
}
@media only screen and (min-width: 1200px) { /* LG */
	.mg-lg-auto { text-align:center; margin-left:auto; margin-right:auto; }
	.mg-lg-left { margin-left:0; text-align:left; }
	.mg-lg-right { margin-right:0; text-align:right; }
	.fl-lg-left { float:left; }
	.fl-lg-right { float:right; }
}



/* ==========================================================================
   Background et Opacités
   ========================================================================== */
   
/* Backgrounds : Transparence et hack IE : convertir RGB en Hexa -> http://www.proftnj.com/RGB3.htm */
.bkg-none {background: transparent; /* nécessaire si la balise HTML a un background */ }

.bkg-gray, .bkg-gray-20, .bkg-gray-50, .bkg-gray-75 { background-color: rgb(80, 80, 80); /* alternative solide */ }
.bkg-gray-20 { background-color: rgba(80, 80, 80, 0.2); }
.bkg-gray-50  { background-color: rgba(80, 80, 80, 0.5); }
.bkg-gray-75  { background-color: rgba(80, 80, 80, 0.75); }

.bkg-pri, .bkg-pri-20, .bkg-pri-50, .bkg-pri-75 { background-color: rgb(1, 88, 137); /* alternative solide de #015889 */ }
.bkg-pri-20 { background-color: rgba(1, 88, 137, 0.2); }
.bkg-pri-50  { background-color: rgba(1, 88, 137, 0.5); }
.bkg-pri-75  { background-color: rgba(1, 88, 137, 0.75); }

.bkg-sec, .bkg-sec-20, .bkg-sec-50, .bkg-sec-75 { background-color: rgb(193, 187, 0); /* alternative solide de #C1BB00 */ }
.bkg-sec-20 { background-color: rgba(193, 187, 0, 0.2); }
.bkg-sec-50  { background-color: rgba(193, 187, 0, 0.5); }
.bkg-sec-75  { background-color: rgba(193, 187, 0, 0.75); }

.bkg-white { background: #fcfcfc; }



/* ==========================================================================
   CSS 3 (Box-shadow et Border-radius)
   ========================================================================== */
/* http://www.debray-jerome.fr/outils.html voir http://css3pie.com/ */

/* Border-Radius */
.rd-0 { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.rd-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.rd-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

/* Box-Shadow */
.sh-none {
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	-o-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
}
.sh-5 {
	-moz-box-shadow: 0px 0px 5px 0px gray;
	-webkit-box-shadow: 0px 0px 5px 0px gray;
	-o-box-shadow: 0px 0px 5px 0px gray;
	box-shadow: 0px 0px 5px 0px gray;
}
.sh-10 {
	-moz-box-shadow: 0px 0px 10px 0px gray;
	-webkit-box-shadow: 0px 0px 10px 0px gray;
	-o-box-shadow: 0px 0px 10px 0px gray;
	box-shadow: 0px 0px 10px 0px gray;
}
.sh-15 {
	-moz-box-shadow: 0px 0px 15px 0px gray;
	-webkit-box-shadow: 0px 0px 15px 0px gray;
	-o-box-shadow: 0px 0px 15px 0px gray;
	box-shadow: 0px 0px 15px 0px gray;
}
.sh-20 {
	-moz-box-shadow: 0px 0px 20px 0px gray;
	-webkit-box-shadow: 0px 0px 20px 0px gray;
	-o-box-shadow: 0px 0px 20px 0px gray;
	box-shadow: 0px 0px 20px 0px gray;
}



/* ==========================================================================
   Modules
   ========================================================================== */

/* ScrollToTop */
.scrolltotop {
	position: fixed;
	z-index:1000000;
	bottom: -50px;
	right: 20px;
	height: 40px;
	width: 40px;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0;
}
.scrolltotop:hover {
	color: white;
	background-color: rgba(0, 0, 0, 0.75);
}
.scrolltotop:hover i { opacity: 1; }
.scrolltotop i { line-height: 40px; }
.show-to-top {
	opacity: 1;
	bottom: 20px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* Breadcrumb (ou Fil d'Ariane) */
.breadcrumb { /* background:none transparent;  margin:0; padding:0; */ background:inherit; margin:0 auto; }
	.breadcrumb li.home span { display:none;visibility:hidden; /* effacer le texte accueil si nécessaire ou selon la résolution */ }
	.breadcrumb li.active { color: inherit; }
		.breadcrumb li.active a { text-decoration:none !important; color:inherit; cursor:text !important; }
	/* Séparateur */
	.breadcrumb > li + li:before {
		color: inherit;
		content: " \00BB ";
		padding: 0 .3em;
	}

/* Multilingue */
ul.mle li a {
	background: transparent url('../template/sprites/flag-L32px-H27px.png') 0 0 no-repeat;
	width:32px;
	height:27px;
	display:block;
}
ul.mle .fr a { background-position: 0 0; }
ul.mle .en a { background-position: -32px 0; }
ul.mle .es a { background-position: -64px 0; }
ul.mle .de a { background-position: -96px 0; }
ul.mle .po a { background-position: -128px 0; }
ul.mle .be a { background-position: -160px 0; }
	ul.mle li a span {display:none;visibility:hidden;}
ul.mle, ul.mle li {margin:0;padding:0;}
	ul.mle li {margin-left:0.2em;}
	ul.mle li:first-child {margin-left:0;}
	
/* Google maps */
.map {
    margin: 0 auto;
    height: 300px;
}

/* flexslider */
.flexslider {
    margin:0 auto;
	border:none;
	padding:15px;
}
.flex-caption {
    position: absolute;
    bottom: 0;
	left:0;
    width: 100%;
    padding: 10px 20px;
    margin: 0;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    line-height: 24px;
    color: white;
    text-align: left;
    font-style: italic;
}
/* Fleches de FlexSlider  */
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; content: '\f001'; color: white;}
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

.navbar {z-index:100; /* pour être au-dessus du slider */}

#slider-galerie ul.slides li a img {max-height:350px; }
#slider-carousel ul.slides li img {max-height:160px; }


/* reseaux sociaux */
ul.reseaux-sociaux { margin:0 auto; }
	ul.reseaux-sociaux li { display:inline-block; }
		ul.reseaux-sociaux li a {
			background: transparent url('../template/sprites/reseaux-sociaux.png') 0 0 no-repeat;
			width:50px;
			height:50px;
			display:block;
		}
		ul.reseaux-sociaux li.facebook a { background-position: 0 0; }
		ul.reseaux-sociaux li.google-plus a { background-position: -49px 0; }
		ul.reseaux-sociaux li.linkedin a { background-position: -98px 0; }
		ul.reseaux-sociaux li.twitter a { background-position: -147px 0; }
		ul.reseaux-sociaux li.trip-advisor a{ background-position: 0 -49px; }
		ul.reseaux-sociaux li.trust-you a{ background-position: -51px -49px; }
			ul.reseaux-sociaux li a span { display:none; visibility:hidden; }
		

/* Logo dans le Menu (Largeur et hauteur du logo)
.navbar-header a, .navbar-header a span { width: 135px;  height: 40px; }
.navbar-header a{
    display: block;
	background: transparent url('../../logo.png') center center no-repeat;
}
	.navbar-header a span { display: none; visibility:hidden; }
*/






/* Menu et Navigation */
/* init */
.navbar-custom { margin:0 auto; }
.navbar-custom, .navbar-custom ul, .navbar-custom ul li, .navbar-custom ul li a {
	background:none transparent;
	border:none;
	color: inherit;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	-o-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
}

/* marque dans le menu */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus { color: white; background: transparent; }

/* button */
.navbar-custom .navbar-toggle { border-color: white; }
/* button survolé */
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus { background: white; }
/* button et ses 3 barres */
.navbar-custom .navbar-toggle .icon-bar { background: white; }
.navbar-custom .navbar-toggle:hover .icon-bar,
.navbar-custom .navbar-toggle:focus .icon-bar { background: #015889; }


/* Icone "smartmenu" pour flêche indiquant un sous-menu
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret { border-top-color: #ffe600; border-bottom-color: #ffe600; }
*/


/* onglet par défaut pour liens collés
.navbar-custom .navbar-nav > li:last-child > a { border-right: 1px solid black; }
.navbar-custom .navbar-nav > li > a { color: red; border-top: 1px solid black;} */
.navbar-custom .navbar-nav > li > a { border-bottom:none;  border:1px solid #015889; border-bottom:none; background:#015889; color:white; }

/* onglet "survolé" */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
/* onglet "home" */
.navbar-custom .navbar-nav > li.home > a,
.navbar-custom .navbar-nav > li.home > a:link,
.navbar-custom .navbar-nav > li.home > a:hover,
.navbar-custom .navbar-nav > li.home > a:focus,
/* onglet "actif" */
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
/* Sous-menu de l'onglet survolé */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus { color: #015889; background:white; border-bottom:none; border:1px solid Gainsboro; border-bottom:none;  }
/* Icone "smartmenu" pour flêche du sous-menu indiquant un sous-sous-menu
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffe600;
  border-bottom-color: #ffe600;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ff0000;
  border-bottom-color: #ff0000;
}
*/
/* Style du sous menu */
.navbar-custom ul.dropdown-menu { background-color: rgba(1, 88, 137, 0.75); color:white; }
/* onglet "survolé" dans le sous-menu */
.navbar-custom ul.dropdown-menu > li > a:hover,
.navbar-custom ul.dropdown-menu > li > a:focus { background:#015889; color:white; }


@media only screen and (min-width: 768px)  {
	.navbar { margin:20px auto 0; font-weight:bold; }
	.navbar-custom .navbar-collapse { padding-left:0; }
	
	/* onglets et sous-menu */
	.navbar-custom .navbar-collapse .navbar-left li {margin-left:10px;}
	.navbar-custom .navbar-collapse .navbar-left li:first-child {margin-left:0;}
	.navbar-custom .navbar-collapse .navbar-right li {margin-right:10px;}
	.navbar-custom .navbar-collapse .navbar-right li:last-child {margin-right:0;}
	.navbar-custom .navbar-collapse li li,
	.navbar-custom .navbar-collapse li li li,
	.navbar-custom .navbar-collapse li li li li { margin:0 !important; }
	
	.navbar-custom .navbar-collapse li a { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
	
	/* home */
	.navbar-custom .home span { display:none; }	
}

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

	.navbar-custom { position:fixed; width:100%; top:0;}
	header#banner {padding-top:60px;}
	
	/* home */
	.navbar-custom .home i { display:none; }

	.navbar { background: #015889; }
	.navbar-custom .navbar-nav { margin-top:0; margin-bottom:0; }
	
	/* Fond du menu à utiliser que pour pour le menu minimisé */
	.navbar-custom .navbar-collapse { background: #015889; }
	.navbar-custom ul.dropdown-menu { padding:0; }
	
	/* Style du lien */
	.navbar-custom .navbar-nav > li > a,
	/* Style du sous menu */
	.navbar-custom ul.dropdown-menu > li > a { color: dimgray; background:white; border:none; }
	/* onglet "survolé" */
	.navbar-custom .navbar-nav > li > a:hover,
	.navbar-custom .navbar-nav > li > a:focus,
	/* onglet "actif" */
	.navbar-custom .navbar-nav > .active > a,
	.navbar-custom .navbar-nav > .active > a:hover,
	.navbar-custom .navbar-nav > .active > a:focus,
	/* Sous-menu de l'onglet survolé */
	.navbar-custom .navbar-nav > .open > a,
	.navbar-custom .navbar-nav > .open > a:hover,
	.navbar-custom .navbar-nav > .open > a:focus,

	.navbar-custom ul.dropdown-menu > li > a:hover,
	.navbar-custom ul.dropdown-menu > li > a:focus { color: white; background:#015889; }
}
 
 
/* ==========================================================================
   Typographie Générale
   ========================================================================== */
:focus, :active, a:focus, a:active { outline:0; }
/* Bootdtrap override */
.form-control:focus {
	border-color:#ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0 transparent;
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0 transparent;
		 -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0 transparent;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0 transparent;
}
/* Liens
a, a:link, a:visited, a:hover, a:focus, a:active  { text-decoration:none; color:inherit; } */
/* SEO */
em, u, mark { font-style:normal; font-weight:normal; text-decoration: none; background:none; }
/* Hn */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0;}
/* <hr /> */
hr{ visibility:hidden; margin:0 auto; height:0;}
.hr_images { visibility:visible; height: 42px; background: transparent url('../template/typo/hr/separateur-images.png') no-repeat scroll center center; }
.hr_bkg { visibility:visible; height: 1px; border:none; border-bottom:1px dotted gainsboro; margin:1em auto; }


/* Other Typography
-------------------------------------------------------------------------------*/
del { }
abbr[title], dfn[title] {border-bottom-color: black;}
strong { }
sup { }
sub { }
pre, code, kbd, samp { }
hr {border-bottom-color: DimGray;}

/* INS, MARK et Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
ins {background-color: pink; color: white;}
::-moz-selection, ::selection {background: pink; color: white; text-shadow: none;} 




/* Form avec icones */
form.icones {}
	form.icones label span {display:none;}
 

 
/* ==========================================================================
   Une Typographie pour Un site
   ========================================================================== */
   
/* Couleurs */
.txt-pri { color: #015889; text-shadow:1px 1px 0 rgba(0, 0, 0, .5); }
.txt-sec { color: #c1bb00; }
.txt-clair { color: LightGrey; }
.txt-gris { color: Gray; }

/* Titres */
h1, h2.h1 {
	font-family: 'Didact Gothic'; font-size: 2.2em; font-weight:bold;
	color: #015889; margin:0.1em auto 0.4em !important;
}
h2 { font-size: 1.6em; color: #015889; }
h3 { font-size: 1.2em; }

h1, h2 { text-shadow:1px 1px 1px rgba(0, 0, 0, .2); }

/* Backgrounds */
html {
	/* background: url('../template/bayeux-centre-historique.jpg') repeat left top scroll; */
	
	margin:0;
	padding:0;
	height:100%;
	background: url('../template/bayeux-centre-historique.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	-webkit-text-size-adjust:none;
}

body {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	color: DimGray;
	background-color:transparent !important;
	background-image: url('../template/overlay.png') !important;
}

div#gradient {
	background: url('../template/bkg-header.png') left top repeat-x;
	width:100%;
	padding-top:1em;
}

/* Liens
a, a:link, a:visited, a:hover, a:focus { color:#015889;  }
a:hover { text-decoration:underline; }
 */


/* ==========================================================================
   Un Gabarit pour Un Site
   ========================================================================== */	
/* Style pour le Header en haut de page */
header[role="banner"] {  }
/* Style pour la navigation du header */
	header[role="banner"] nav[role="navigation"] {  }
		/* liens "Reserver en ligne" et "Image Courtepaille" */
		header[role="banner"] nav[role="navigation"] ul li {
			display:inline-block;
			color:white;
		}
			
			header[role="banner"] nav[role="navigation"] ul { }
				header[role="banner"] nav[role="navigation"] ul li { display:block; }
				/* reservation-ligne */
				header[role="banner"] nav[role="navigation"]#reservation-ligne ul li { height:50px; margin-top:20px; }
					header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a {
						color:white;
						background:#c00;
						padding:1em .3em;
						border:2px solid white;
						-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 4px;
						-moz-box-shadow: 0px 0px 5px 0px gray;
						-webkit-box-shadow: 0px 0px 5px 0px gray;
						-o-box-shadow: 0px 0px 5px 0px gray;
						box-shadow: 0px 0px 5px 0px gray;	
					}
				header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a:hover { color:#c00; border:2px solid #c00; background:white; text-decoration:none; }
					header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a i { font-size:1.3em; }
					header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a span { font-weight:bold; }
				
				li.image a span{ position:absolute;left:-9999em; }
				li.courtepaille-restaurant-bayeux {
					background: transparent url('../template/courtepaille-restaurant-bayeux.png') repeat-x center center;
					position:relative;
				}
				li.courtepaille-restaurant-bayeux, li.courtepaille-restaurant-bayeux a { display:block; height:120px; width:121px; }

				.navbar-header a { display:inline-block; font-size:1em; color:inherit; }


			@media only screen and (min-width: 500px)  {
				header[role="banner"] { padding-top:25px; }
				#logo { z-index:13; }
				header[role="banner"] nav[role="navigation"]#reservation-ligne  ul {  }
				header[role="banner"] nav[role="navigation"]#reservation-ligne ul li {  }
					header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a {  }
						header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a i { display:inline-block; padding:0 10px; }
						header[role="banner"] nav[role="navigation"]#reservation-ligne ul li a span { padding:0 10px 0 0; }
					
				header[role="banner"] nav[role="navigation"]#reservation-ligne  ul, #drapeaux { position:absolute; }
					header[role="banner"] nav[role="navigation"]#reservation-ligne  ul { top:-95px; left:140px; }
					#drapeaux { top:-155px; right:15px; }
			}
							
				
				
/* Slider sous le Header Banner */
div#slider {
	background: transparent url('../template/bkg-slider.png') repeat-x center center; 
	-webkit-background-size: auto 100%; /* pour Chrome et Safari */
	-moz-background-size: auto 100%; /* pour Firefox */
	-o-background-size: auto 100%; /* pour Opera */
	background-size: auto 100%; /* version standardisée */
}

/* Parties centrales ---- */
/* Home */
section#home-hotel-bayeux {  }
section#home-courtepaille {  }

/* Réseaux sociaux */
#reseaux-sociaux-hotel-bayeux {
	background: transparent url('../template/bkg-social.png') repeat-x center center; 
	-webkit-background-size: auto 100%; /* pour Chrome et Safari */
	-moz-background-size: auto 100%; /* pour Firefox */
	-o-background-size: auto 100%; /* pour Opera */
	background-size: auto 100%; /* version standardisée */
}

/* Style pour le Footer en bas de page */
footer[role="contentinfo"] { margin-top:10px; color:white; text-shadow:1px 1px 1px rgba(0, 0, 0, .5); }
footer[role="contentinfo"] h2 {color:white; margin:0.2em 0; font-size:1.5em; line-height:1.5em; }

	/* Style pour la navigation du footer */
	footer[role="contentinfo"] nav[role="navigation"] {  }
	
/* footer */
footer[role="contentinfo"] .address { color:white; font-weight:bold;  text-shadow:1px 1px 1px rgba(0, 0, 0, .5); }
	footer[role="contentinfo"] a {color:inherit;text-decoration:none; line-height:2.5em;}
	footer[role="contentinfo"] a:hover {color:inherit;text-decoration:underline;}
	footer[role="contentinfo"] .email a { line-height:1em;}


	
/* ==========================================================================
   Overide de bootstrap et autres modules
   ========================================================================== */
/* Communs */
.container { margin:10px auto; }
	.container:first-child { margin-top:0; }
	.container:last-child { margin-bottom:0; }
/* Pour avoir une marge haute et basse */
.bkg-white { padding-top:15px; padding-bottom:15px; }
.container .row form {  padding-top:15px; }
	
	/* Largeur "fixe" pour grands écrans, donner la class .max-width au body */
	@media only screen and (min-width: 1200px)  { .max-width .container { max-width: 80%; } }

/* elements */
#slider-galerie.flexslider, #slider-carousel.flexslider { border:none; margin:0 auto; padding:0;}
	#slider-carousel.flexslider img { border:1px solid white; border-left:none; }
/* Blog */
article footer { margin-top:10px; }
#tags {border-left: 1px dotted gainsboro; }
	/* pagination d'articles */
	ul.pagination {margin:0 auto;}
	
	
/* ==========================================================================
   Media CSS
   ========================================================================== */
   
/* XS ----------------------------------------------------------------------- */
/* reseaux sociaux */
#reseaux-sociaux h3, #avis h3 { margin:0; padding:0; line-height:1.5em; }
/* Nom du menu et titre */
.navbar-brand {}
/* Slider */
.flexslider { margin-top:5px; }
/* Brand */
.navbar-header a.navbar-brand{ display:inline-block; font-size:1em; font-weight:bold; }


/* SM ----------------------------------------------------------------------- */
@media only screen and (min-width: 768px)  { /* SM ou plus */
	/* Marge site */
	body { /* padding-top:1em; */}
	/* reseaux sociaux */
	#reseaux-sociaux h3, #avis h3  { line-height:3.5em; }
	/* Slider */
	.flexslider { margin-top:0; }
	/* Brand */
	.navbar-header a.navbar-brand { position:absolute; top:-110px; color: #015889 !important; }
	.navbar-header a.navbar-brand { left:45%; font-size: 1.5em; }

}
/* MD ----------------------------------------------------------------------- */
@media only screen and (min-width: 992px)  { /* MD ou plus */
	/* Brand */
	.navbar-header a.navbar-brand { left:36%; font-size: 2.7em; }
}
/* LG ----------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) { /* LG ou plus */
	/* Brand */
	.navbar-header a.navbar-brand { left:37%; font-size: 2.9em; }
}


.breadcrumb {margin:10px 0;}
	.breadcrumb a {color:#015889 !important;}

/* Tags */
.list-group-item {
    background-image: linear-gradient(to bottom, #6CC 0px, #699 100%);
    background-repeat: repeat-x;
	border:1px solid #699;
	color:#fff !important;
}
/* Tags hover */
.list-group-item:hover, .list-group-item:focus {
    background-image: linear-gradient(to bottom, #699 0px, #366 100%);
    background-repeat: repeat-x;
	border:1px solid #366;
	color:#fff !important;
}
/* Tags active */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-image: linear-gradient(to bottom, #F03 0px, #C03 100%);
    background-repeat: repeat-x;
	border:1px solid #C03 !important;
	color:#fff !important;
}
/* Tags selected */
.list-group-item.selected, .list-group-item.selected:hover, .list-group-item.selected:focus {
    background-image: linear-gradient(to bottom, #F03 0px, #C03 100%);
    background-repeat: repeat-x;
	border:1px solid #C03 !important;
	color:#fff !important;
}

.pagination > li > a, .pagination > li > span { color:#015889; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .selected > span:focus { background-color: #015889; border-color: #015889; }