@charset "UTF-8";

#cookieChoiceInfo{ font-size: 0.85em;border-bottom: 1px solid #212121;}
a#cookieChoiceDismiss{color: #f2f2f2;}
.layer-couleur {background-color:#4e6128;}
#main-content a img.logo { display:block;margin:0 auto!important;border:none;text-decoration:none}
.label-cerise {
  background-color: #000000;border:solid 1px #88a946;
}
form#liste-mot {
	margin-left: 15px;
}
form#liste-mot select {
	color: #000000;
	margin-left: 5px
}
form#liste-mot select option:hover {
	background-color:#4e6128!important;
}
/*vert*/
.text-cerise, #main-content a, #article-content a { color: #88a946!important; text-decoration: none;}
.text-cerise:hover, #main-content a:hover, #main-content a:focus, #article-content a:hover { color: #6b8537; }
aside {padding:0 5px;color:#e8e8e8}
aside a {color:#e8e8e8}
.bloc-aside {margin: 15px 0;padding: 10px;background:#121212!important;border: solid 1px #212121!important;}
/*aside actu */
aside.actu { margin: 15px 0; padding: 10px 15px 10px 15px; }
aside.actu .well {background:#121212!important;border: solid 1px #212121!important;}
aside.actu .media {margin-top: 10px;border-right: solid 1px #212121;}
aside.actu .media:last-child {margin-top: 10px;border-right: none}

footer a.label {line-height:140%;}
footer ul.list-inline li {float: left;margin: 7px  0px; }

.bg-1f {
	background-color: #1f1f1f;
}
.border-2c {
	border: 1px solid #2c2c2c;
}
.radius-4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mb-3 {
	margin-bottom: 1rem;
}
.pb-3 {
	padding-bottom: 1rem;
}
.p-3 {
	padding: 1rem;
}
.my-4 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.py-4 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.bloc-actu h2 { font-size: 1.6rem!important;
	
}
.bloc-actu h3 {font-size: 1.5rem!important;
	
}
.bloc-actu h4 {font-size: 1.2rem!important;
	}
a.lire-plus{
 color: #f1f1f1;
	text-decoration: none;
	padding-bottom: 3px;
}
 a.lire-plus:hover {
  color: #f1f1f1;
 	text-decoration: none;
 	padding-bottom: 3px;
 border-bottom: 1px dashed #f1f1f1;	
 }
.freight-sans-n3 {font-family: "freight-sans-pro-n3", "freight-sans-pro",sans-serif;
font-style: normal;
font-weight: 300;
}
.freight-sans-i3 {font-family: "freight-sans-pro-i3", "freight-sans-pro",sans-serif;
font-style: italic;
font-weight: 300;
}
.freight-sans4 {font-family: "freight-sans-pro-n4","freight-sans-pro",sans-serif;
font-style: normal;
font-weight: 400;
}
.freight-sans7 {font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
font-style: normal;
font-weight: 700;
}
.freight-serif3 {font-family: "freight-display-pro-n3","freight-display-pro",sans-serif;
font-style: normal;
font-weight: 300;
}
.freight-serif4 {font-family: "freight-display-pro-n4", "freight-display-pro",sans-serif;
font-style: normal;
font-weight: 400;
}
header {margin-bottom:20px}
#contact-top i{margin-top: 20px;color: #dddddd;}
#contact-top i:hover{color: #88a946;}
.titre-site img {border:none;width: 200px; }
.titre-site a:link,.titre-site a[rel~="start home"]:active, .titre-site a:hover,.titre-site a[rel~="start home"]:focus {
text-decoration:none; border:none!important;}
 
blockquote { border-left:none; width:75%;margin:0 auto;}
blockquote p {font-weight:300;font-style:italic }
blockquote i {margin-right:0.5em}
p.dropcaps:first-child:first-letter {
    display:inline;
    float: left;
    font-size: 80px;
    line-height: 60px;
    padding-top: 6px;
    padding-right:0px;
    padding-left: 6px;
    text-transform:uppercase;
}
.dropcap {display:inline;
    font-size: 80px;
    line-height: 60px;
    padding-top: 6px;
    padding-right:0px;
    padding-left:0;
    text-transform:uppercase}
.bdc {text-transform: none;}
.cap {text-transform: uppercase;}
.maj {text-transform: capitalize;}
#carousel1 .carousel-inner .item {min-height:310px;height:310px}
.bg-titre, #accordion .h4 { background:#0e0e0e url(../images/bg-titre.png) repeat-x 0 center}
#accordion .h4 span {background:#0e0e0e;padding-right: 10px}
h1.titre-section, h2.titre-section, h3.titre-section { line-height:40px;margin:0; padding:0;}
.titre-section span {background-color:#0e0e0e; padding:0 10px}

.jumbo {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #212121;
}
.jumbo p {
  margin-bottom: 15px;
  font-weight: 200;
}
.jumbo > hr {
  border-top-color: #e6e6e6;
}
.container .jumbo,
.container-fluid .jumbo {
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.jumbo .container {
  max-width: 100%;
}
#mot .layer, #galerie .layer, #demo-list .layer, #page-4 #demo-list .layer  {
	border: 1px solid #333;
	margin: 15px 0;
	-webkit-transition: border 0.9s; /* Safari */
	transition: border 0.9s;
	-webkit-transition-timing-function: linear; /* Safari and Chrome */
	 transition-timing-function: linear;
}
#mot .layer:hover, #galerie .layer:hover , #demo-list .layer:hover, #page-4 #demo-list .layer:hover{
	border: 1px solid #4e6128;
	margin: 15px 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(107, 133, 55, 0.5), 0 1px 1px rgba(107, 133, 55, 0.5);
	box-shadow: inset 0 1px 1px rgba(107, 133, 55, 0.5), 0 1px 1px rgba(107, 133, 55, 0.5);
	
}
#mot .layer span, #galerie .layer span,  #demo-list .layer span {
	display: block;
	z-index: 10;
	position: absolute;
	bottom: 15px;
	padding:5px 10px;
}
#page-4 #demo-list .layer .media-body p, #page-4 #demo-list .layer .media-body a {margin-left:10px!important}
#galerie-home .col-md-3,#galerie-home .col-sm-4, #galerie-home .col-xs-6 { padding: 2px!important;}
#galerie-home .layer {width:100%; height:100%; border:0; margin:0; z-index:1}
#galerie-home .layer .caption {display:none;} 
#galerie-home .layer:hover { width:100%; height:100%;border:0;margin:0;padding:0; }
#galerie-home .layer:hover .caption { position:absolute; top:73%; left:0; width:100%; display:block;}
#galerie-home .caption h4 {font-size:0.88em; line-height:1.1em;text-align:center!important; color:#ffffff; text-transform:uppercase;}
#galerie-home .caption h4 a {color:#ffffff; text-transform:uppercase;}
#galerie-home .caption p a {color:#b6ce87;font-size:0.85em; margin-right:1.0em}
#galerie-home .layer img { z-index:5; webkittransition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out;}
#galerie-home .layer:hover img { -webkit-transform:scale(0.4);transform:scale(0.4)}

.footer-page {background-color:#201F1F;}
.footer-page { margin-top:30px;padding-top: 10px}
.footer-page a, .footer-page a:hover {color:#dddddd}
.footer-1 {padding-bottom:15px;border-bottom:solid 1px #0e0e0e;}
.footer-1 a {font-family:arial, sans-serif;font-size:0.90em;}
.footer-1 h4 {padding-bottom: 10px;border-bottom: 1px solid #333;}
.footer-2 {color:#666666;font-family:arial, sans-serif;font-size:11px;font-weight:300;line-height:120%;padding:10px}
.footer-2  div.liens p {text-align:right}
.footer-2  div.liens a {color:#666666;}

form i {color:#cccccc}
.galerie .caption { background-color: #454444}
.modal-content { background-color: #141414;}
.modal-open .modal-body {max-width: 80%, max-height: 80%}
.modal-footer [title="fermer"] { float:right}
.modal-footer a.close, .modal-footer a.close i { color:#f1f1f1!important}
.modal-footer a.close:hover, .modal-footer a.close:hover i { color:#cccccc!important;border-bottom-width: 0px!important}

section-[id*="mot-"] .layer h3,  {font-size:1.0em;line-height:110%;padding-top:6px}
body#mot #main-content h3, body#galerie #main-content h3 {font-size:0.8em;line-height:110%;padding-top:6px}
.galerie a[data-target="#*"]{color:#ffffff!important}
.galerie a:hover[data-target="#*"]{color: yellow}
#main-content .galerie a:focus, #main-content .galerie a:active {border:solid 0 transparent;text-decoration: none}
#article-content {padding: 15px 0}
#article-content a:hover {text-decoration: none;border-bottom-style:dotted; border-bottom-width: 1px }
#main-content a:hover {text-decoration: none;}
.compteur {border:solid 2px #cccccc;width:25px;height:25px;border-radius:45%;text-align: center;margin-top:45px}
.compteur span{font-size: 16px;line-height: 25px}

.jumbotron {padding: 30px;
  margin-bottom: 30px;
  color: inherit;
background-color: #121212;}

.chapo { 
  font-size: 21px;
  font-weight: 300;
  line-height: 120%;}
 .chapo16 { 
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;}
/*menu slider*/
.bg-demo { background: url(../images/bg-visuel-demonstration.jpg) no-repeat 0 0; background-size: cover}
.jumbotron p {font-weight: 300}
.slideout-menu {
		position: fixed;
		top: 0;
		right: -250px;
		width: 250px;
		height: 100%;
		background: #333;
		z-index: 100;
	}
.slideout-menu header {
		position: relative;
		padding: 15px 10px;
		color: #fff;
  		height:50px;
		/*border-bottom: 1px solid #f4f4f4;*/
	}
header > a.slideout-menu-toggle{
		position: absolute;
		top: 10px;
		right: 20px;
		display: inline-block;
		padding: 6px 9px 5px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		vertical-align: top;
		
	}
.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top: 10px;
		left: 10px;
		display: inline-block;
		padding: 6px 9px 5px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		vertical-align: top;
 	}
.slideout-menu h4.titre-menu {
    margin:20px 0 10px 10px;
    font-size:1.0em; color:#0f1f1f1;text-transform:uppercase;
    }
header >.slideout-menu-toggle:hover, .slideout-menu .slideout-menu-toggle:hover {color: #f1f1f1;}
header .slideout-menu-toggle {color: #999;}
.slideout-menu ul {
		list-style: none;
		font-weight: 300;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #454545;
  		margin-left:10px;
    	margin-bottom:10px;
    	padding-left:0;	
	}
.slideout-menu ul li {
		border-top: 1px solid #454545;
		border-bottom: 1px solid #151515;
  		padding-left:0;
	}
.slideout-menu ul li a {
		position: relative;
		display: block;
		padding: 8px;
		color: #999;
		text-decoration: none;
	}
.slideout-menu ul li a:hover {
		background: #000;
		color: #fff;
	}
.slideout-menu ul li a i {
		position: absolute;
		top: 15px;
		left: 10px;
		opacity: .5;
	}
.panel-default, panel-heading, h4.panel-title{background-color: transparent!important}
.margBottom20{margin-bottom: 20px;}
#navigation-xs ul.navbar-nav li a:hover{color:#88a946;}
#navigation-xs ul.navbar-nav li.divider { background-color: #000000!important;height: 1px;}
#navigation-xs li.disabled a{ color:#88a946 ;}
.mb-1{margin-bottom:0.5rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom:1.5rem;}
.float-left {float: left;}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */

}

@media only screen 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */
.footer-2  div.liens p {text-align:center}
}

@media only screen 
and (min-width : 321px) {
/* Smartphones (landscape) ----------- */

}

@media only screen
and (max-device-width : 767px) {
.titre-site img {margin:0 auto;}
.titre-site img {margin:0 auto;}
#carousel1{height:450px;clear: both}
#carousel1 .carousel-inner .item {min-height:400px;height:400px!important;width: 95%!important;}
#carousel1 .carousel-inner .item blockquote { border-left:none; width:95%!important;margin:0 auto!important;padding: 0!important;height: 400px}
#carousel1 .carousel-inner .item blockquote p {font-size: 0.75em!important;line-height: 120%!important;font-weight:300;font-style:italic;padding:0 }
#carousel1 .carousel-inner .item blockquote i {margin-right:0.2em;}
#carousel1 .carousel-inner .item blockquote p.dropcaps:first-child:first-letter { font-size: 40px!important;line-height: 20px!important;}
 .carousel-indicators {bottom:10px;}
.compteur {margin-top:65px}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* iPads (portrait and landscape) ----------- */
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* iPads (landscape) ----------- */

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPads (portrait) ----------- */


}
@media only screen
and (max-width : 1199px) {
.titre-site {font-size:2.0em; text-align:center!important;}
}

@media only screen 
and (min-width : 1200px) {
/* Desktops and laptops ----------- */

}

@media only screen 
and (min-width : 1700px) {
/* Large screens ----------- */

}