@charset "utf-8";
/* <<<<<<<<<<<<<<<<<<            B O D Y            >>>>>>>>>>>>>>>>>>>>>>>> */
body { 
    padding-top: 180px; 
}
/* <<<<<<<<<<<<<<<<<<       N A V I G A T I O N       >>>>>>>>>>>>>>>>>>>>>>>> */
@media (min-width: 768px) 
{
    ul.navbar-nav {
        float:none;
        display:inline-block;
    }
}
.navbar-default {
	background-color: #ffffff;
	border-bottom: 4px solid #ffc40c;
    text-align:center;
}
.navbar-default .navbar-nav > li.logo {
    margin-top: -10px;
    margin-bottom: -14px;
    margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #777; 
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { /* couleur de la rubrique active  */
	color: #E9E5E5;
	background-color: #ffc40c;
}
.navbar-default .navbar-nav li:hover { 
	background-color: #7F827D; 
}
.navbar-default .navbar-nav li:hover a { 
	color: #E4C5C5;
 }
.navbar-default .navbar-nav li.logo:hover { 
	background-color: transparent; 
}
.nav > li > a i.fa { 
	margin-right: 4px; 
}

@media (max-width: 767px) { 
    body {
        padding-top: 44px;
    }
    .navbar-brand  {
        padding-top: 1px;
        padding-bottom: 0px;
    }
}

/* <<<<<<<<<<<<<<<<<<       F O O T E R      >>>>>>>>>>>>>>>>>>>>>>>> */
footer {
	border-top: 4px solid #BDB3B3;
	background-color: #3B3939;
	font-size: 18px;
	margin-top: 20px;
}
footer, footer a {
	color: #ffffff;
}
footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
footer i.fa {
	margin-right: 8px;
}
footer .liens {
	display: none !important;
}

/* mediaqueies mobile et petite tablette en mode portrait */
@media (max-width:767px) {
footer, footer #footer-droit { 
	text-align:center; }
}

/* <<<<<<<<<<<<<<<<<<       C S S   G E N E R A U X      >>>>>>>>>>>>>>>>>>>>>>>> */
/* accept cookie */
#cookie-banner-message{ 
	text-align: center; 
	color: #fff;
	background-color: #3b3939;
	font-size: 15px;
	padding : 15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 8px;
}
#cookie-banner-message a, #cookie-banner-message a:link {
	color: #fff;
}
a { 
	color: #777a7c; 
}
a:hover { 
	color: #23527c; 
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.alignement-gauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignement-droite {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* panel de même hauteur */
@media (min-width:992px) {
	.equal, .equal > div[class*='col-'] {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex: 1 1 auto;
	}
	.equal .panel { 	
		width: 100%; 
	}
}

/* bouton retour en haut */
#back-top {
	position: fixed;
	bottom: -11px;
	right: 10px;
	display: none;
	z-index: 10;
}
#back-top span {
	width: 56px;
	height: 48px;
	display: block;
	background: #333435 url(images/top.png) no-repeat center center;
	transition: 1s;
	border-radius: 15px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 12px #555;
}
#back-top a:hover span {
	background-color: #999999; 
}
/* form */
.form-error {
    color: #970F11;
}
/* boutons */
.btn-default {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:active, .btn.active {
	background-image: none; 
}
.btn-default {
	background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	text-shadow: 0 1px 0 #fff;
}
.btn-default:hover, 
.btn-default:focus {
	background-color: #e0e0e0;
}
.btn-default:active, 
.btn-default.active {
	background-color: #e0e0e0;
	border-color: #dbdbdb;
}
.btn-default.disabled, 
.btn-default:disabled, 
.btn-default[disabled] {
	background-color: #e0e0e0;
	background-image: none;
}

/* images */
.fancybox-caption {
	text-align: center;
}
.photos a img {
	padding: 2px;  /* padding de la vignette */
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: opacity 1s ease-in-out;
}
.photos a:hover img { 
	opacity: 0.5; 
}
.photos {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 8px 8px; /* Nombre de pixels d'espace horizontal et vertical */
}
.photos td {
	vertical-align: top;
	text-align: center;
    padding-top: 16px;
}
.photos td:hover { 	
	border-color: #555; 
}
.photos img {
	margin-bottom: 1px;
	max-width: 100%;
}
.photos td.col-1 { width: 10%; }
.photos td.col-2 { width: 20%; }
.photos td.col-3 { width: 30%; }
.photos td.col-4 { width: 40%; }
.photos td.col-5 { width: 50%; }
.photos td.col-6 { width: 60%; }
.photos td.col-7 { width: 70%; }
.photos td.col-8 { width: 80%; }
.photos td.col-9 { width: 90%; }

@media (max-width:767px) {
	table.photos {
		margin-top: 0px;
		margin-bottom: 0px;
		border-spacing: 0px;
	}
	table.photos td, 
	table.photos td[class*="col-"], 
	table.photos th[class*="col-"] {
		display: block;
		width: 100%;
		font-size: 18px;
	}
}

/* composants et classes supplémentaires  http://bootstrap-doc.prauds.fr/index1.php */
@media (min-width:992px) {
.col-lg-height, 
.col-md-height, 
.col-sm-height, 
.col-xs-height {
	display: table-cell;
	float: none !important;
}
.row-full-height { 
	height: 100%; 
}
.col-full-height {
	height: 100%;
	vertical-align: middle;
}
.col-full-height:before {
	content: "";
}
.row-same-height {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.row-centered { 
	text-align: center; 
}
.col-centered {
	display: inline-block;
	float: none;
	margin-right: -4px;
}
.col-top { 
	vertical-align: top;
}
.col-middle { 
	vertical-align: middle; 
}
.col-bottom { 
	vertical-align: bottom; }
}

/* bloquer le zoom sur les input de l'iphone */
@media (max-width: 740px) {
input[type='text'], 
input[type='tel'], 
input[type='number'], 
input[type='email'], 
input[type='url'],
textarea { 
	font-size: 15px !important; }
}
/* Print pour ne pas afficher le footer. Nav est déjà caché par Bootstrap. Orientation Portrait pour afficher toutes les photos */
@media print {
    @page {
      size: landscape;
    }
    @page rotated { size : landscape }
    body {
        padding-top: 0px;
    }
    footer {
        display: none;
    }   
}