/*DEBUT STYLE MODULE Main*/

@import url(https://fonts.googleapis.com/css?family=Exo);

@import url(https://fonts.googleapis.com/css?family=Cookie);

@import url(https://fonts.googleapis.com/css?family=Cabin);



body {

	color: rgb(51, 51, 51);

	font-size: 1.4em;

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

#corps {

	background-color: rgb(255, 255, 255);

}

.nopadding{padding:0px!important;}

@media (max-width: 768px){ .nopadding-xs{padding:0px!important;} }

.main-color-texte {

	color: rgb(160, 193, 11);	

}

.main-color-border {

	border-color: rgb(160, 193, 11);

}

 .placeholder::after {

    background: rgb(160, 193, 11) url(./images/interface/placeholder.png) no-repeat 50% 50%;

    background-size: 75%;

}

h1 {

	color: rgb(51, 51, 51);

	font-family: 'Cookie', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:2.8em;

	border-bottom:1px solid rgb(51, 51, 51)

}



h2{

	color: rgb(51, 51, 51);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:1.4em;

}



h3,h3 a {

	color: rgb(51, 51, 51);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:18px;

	border-bottom: 1px solid rgb(51, 51, 51);

}



h4{

	color: rgb(51, 51, 51);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:20px;

	text-decoration: underline;

}







.titre_page {

	margin: 1em 0;

}

a {

	color: rgb(170, 170, 170);

}

a:hover, a:active {

	color: rgb(85, 85, 85);

}



#bloc_ariane .breadcrumb{

	background-color: rgba(160, 193, 11, 0.3);

	border-radius:4;

}

#bloc_ariane li em{

	color:rgb(51, 51, 51);

}

#bloc_ariane li a{

	color:rgb(0,0,0);

}

#bloc_ariane li a:hover,#bloc_ariane li a:focus{

	color:rgb(0,0,0);

	text-decoration:none;

}







#corps {

	padding: 0em 0em;

}

#corps.accueil {

	padding: 0;

	padding-top:0px;

}

#corps.accueil section {

	padding-bottom: 2em;

}

.placeholder {

	background-color: rgb(160, 193, 11);

}



/*********** ACCUEIL ***************/

.accueil .pages {

	background-color: rgb(255, 255, 255);

	color: rgb(51, 51, 51);

}

/* .accueil .pages h1 {

	text-align: center;	

	margin-bottom: 1em;

} */

.accueil .pages a {

	color: rgb(143, 143, 143);

}



.voir-toutes {

	background-color: rgb(51, 51, 51);

	color: rgb(255, 255, 255);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-align:center;

	margin-bottom: 50px;

}

.voir-toutes a {

	color: rgb(223, 223, 223);

}



.accueil section h2 {

	margin: 0;

	text-align: left;

	margin-top: 1em;

    border-bottom: 1px solid #333333;

    margin-bottom: 20px;

	font-family:'Cookie', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:2.8em;

}



#footer_page {

	border-color: rgb(160, 193, 11);

	background-color: rgb(51, 51, 51);

	color: rgb(255, 255, 255);

	font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}





#footer_page {	padding-top:10px; }

#footer_page #reseaux_sociaux > div > a{

	margin-top:15px;

	margin-bottom:15px;

}

.row-but-not-really > div{

	padding-left:5px;

	padding-right:5px;

}

footer #footer_text h2{

	font-size:1.5em;

	color:rgb(255, 255, 255);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

footer .paragraphe_page p{

	font-size:0.9em;

	color:rgb(255, 255, 255);

}



@media (max-width: 768px) {

	#footer_contact{

		margin-top: 30px;

		width: 100%;

		margin-left: 0;

		padding: 0;

		margin-bottom: 30px;

		padding: 15px;

	}

	footer .socials {

		margin-top: 0px;

	}

	footer #footer_text h2{

		margin-top:0px;

	}

}

.col-xs-12.copyright, .copyright a {

    background: rgb(255,255,255);

    color: rgb(0, 0, 0);

    text-align: center;

}



div#section_gauche .img-responsive {

    margin-top: 38px;

    margin-bottom: -20px;

}



@media (max-width: 768px)

{

	#slider {

		border:2px solid #333333;

	}

}



/**** Page Contact ***/

#infos_structure h2{

	font-family:;

	font-size:30px;

}

#infos_structure{

	text-align:left;

}

@media (min-width: 768px){

	#formulaire_contact.form-horizontal .control-label {

		text-align: left;

	}

}

@media (max-width: 768px){

	#formulaire_contact {

		margin-top: 40px;

	}

}





/**** Domaine Saint Laurent ***/

@media (min-width: 768px)

{

	.container {

		width: 750px;

	}

}

@media (min-width: 992px){

	.container {

		width: 970px;

	}

}

@media (min-width: 1200px){

	.container {

		width: 1170px;

	}

}

@media (min-width: 1500px)

{

	.container {

		width: 1300px;

	}

}



.container_gauche{

	position:relative;

	 z-index: 1001;

}

#section_gauche{

    position: absolute;

    top: 0;

    background: white;

	 z-index: 1000;

	overflow: hidden;

	border: 1px solid #333333;

}

#section_gauche:before{

    position: absolute;

	content: "";

	display:block;

	right: 15px;

    left: 15px;

	top:0;

	height:44px;

	background-color:#333333;

    top: 0;

    z-index: -1;

	margin:-5px;

}

@media (min-width: 1200px){

	.partie_droite{

		padding-left:40px;

	}

}



#page_gauche{

	margin:-5px;

}



#page_gauche h2{

	background-color:rgb(51, 51, 51);

	color:rgb(255,255,255);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:1.6em;

	padding: 10px;

	text-align: center;

	margin-bottom: 2px;

}

#page_gauche .paragraphe{

	background-color:rgb(160, 193, 11);

	color:rgb(56, 94, 33);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:1em;

	padding: 12px;

    margin-bottom: 12px;

	line-height:1;

}

#page_gauche .paragraphe_page{

	margin-top:15px ;

	/* margin-bottom:15px ; */

	padding-left:3px;

}

#page_gauche .paragraphe_page p{

	line-height: 1.5;

}

#page_gauche img:last-child{

	width:100%;

}

#page_gauche .paragraphe_page > p:last-child{

    padding-left: 12px;

    padding-right: 12px;

    position: absolute;

    bottom: 20px;

    left: 0px;

    width: 100%;

}

#page_gauche .masquer{

	opacity:0;

}

@media (max-width: 992px ){

	/** XS et SM **/

	#section_gauche{

		position:initial;

		margin-top: 20px;

		padding: 2px;

	}

	#section_gauche h2{

		margin-top: 0px;

		margin-bottom: 2px;

	}

	#section_gauche #page_gauche .paragraphe{

		margin-bottom:0px;

	}

	#section_gauche:before ,#section_gauche>img {

		display:none;

	}	

}





@media (max-width: 992px ){

	/** XS et SM **/



	

}









/*FIN STYLE MODULE Main*/



/*DEBUT STYLE MODULE Main*/

@import url(http://fonts.googleapis.com/css?family=Exo);

@import url(http://fonts.googleapis.com/css?family=Cookie);

@import url(http://fonts.googleapis.com/css?family=Cabin);



body {

	color: rgb(51, 51, 51);

	font-size: 1.4em;

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

#corps {

	background-color: rgb(255, 255, 255);

}

.nopadding{padding:0px!important;}

.main-color-texte {

	color: rgb(160, 193, 11);	

}

.main-color-border {

	border-color: rgb(160, 193, 11);

}

 .placeholder::after {

    background: rgb(160, 193, 11) url(./images/interface/placeholder.png) no-repeat 50% 50%;

    background-size: 75%;

}

h1 {

	color: rgb(51, 51, 51);

	font-family: 'Cookie', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:42px;

	border-bottom:1px solid rgb(51, 51, 51)

}



h2{

	color: rgb(51, 51, 51);

	font-family: 'Cookie', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:38px;

}



h3,h3 a {

	color: rgb(51, 51, 51);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:18px;

	border-bottom: 1px solid rgb(51, 51, 51);

}



h4{

	color: rgb(51, 51, 51);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:20px;

	text-decoration: underline;

}







.titre_page {

	margin: 1em 0;

}

.bordure-titre {

	border-bottom: 2px solid rgb(51, 51, 51);

}

a {

	color: rgb(170, 170, 170);

}

a:hover, a:active {

	color: rgb(85, 85, 85);

}



#bloc_ariane .breadcrumb{

	background-color: rgba(160, 193, 11, 0.3);

	border-radius:4;

}

#bloc_ariane li em{

	color:rgb(51, 51, 51);

}

#bloc_ariane li a{

	color:rgb(0,0,0);

}

#bloc_ariane li a:hover,#bloc_ariane li a:focus{

	color:rgb(0,0,0);

	text-decoration:none;

}







#corps {

	padding: 2em 0;

}

#corps.accueil {

	padding: 0;

	padding-top:0px;

}

#corps.accueil section {

	padding-bottom: 2em;

}

.placeholder {

	background-color: rgb(160, 193, 11);

}



/*********** ACCUEIL ***************/

.accueil .pages {

	background-color: rgb(255, 255, 255);

	color: rgb(51, 51, 51);

}

/* .accueil .pages h1 {

	text-align: center;	

	margin-bottom: 1em;

} */

.accueil .pages a {

	color: rgb(143, 143, 143);

}



.voir-toutes {

	background-color: rgb(51, 51, 51);

	color: rgb(255, 255, 255);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-align:center;

}

.voir-toutes a {

	color: rgb(255, 255, 255);

}



.accueil section h2 {

	margin: 0;

	text-align: left;

	margin-top: 1em;

    border-bottom: 1px solid #333333;

    margin-bottom: 20px;

}



#footer_page {

	border-color: rgb(160, 193, 11);

	background-color: rgb(51, 51, 51);

	color: rgb(255, 255, 255);

	font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}





#footer_page {	padding-top:10px; }

#footer_page #reseaux_sociaux > div > a{

	margin-top:15px;

	margin-bottom:15px;

}

.row-but-not-really > div{

	padding-left:5px;

	padding-right:5px;

}

footer #footer_text h2{

	font-size:1.5em;

	color:rgb(255, 255, 255);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

footer .paragraphe_page p{

	font-size:0.9em;

	color:rgb(255, 255, 255);

}



@media (max-width: 768px) {

	#footer_contact{

		margin-top: 30px;

	}

	footer .socials {

		margin-top: 0px;

	}

	footer #footer_text h2{

		margin-top:0px;

	}

}

.col-xs-12.copyright, .copyright a {

    background: rgb(255,255,255);

    color: rgb(200, 200, 200);

    text-align: center;

}



div#section_gauche .img-responsive {

    margin-top: 18px;

    margin-bottom: -20px;

}





/**** Page Contact ***/

#infos_structure h2{

	font-family:;

	font-size:30px;

}

#infos_structure{

	text-align:left;

}

@media (min-width: 768px){

	#formulaire_contact.form-horizontal .control-label {

		text-align: left;

	}

}

@media (max-width: 768px){

	#formulaire_contact {

		margin-top: 40px;

	}

}





/**** Domaine Saint Laurent ***/

@media (min-width: 768px)

{

	.container {

		width: 768px;

	}

}

@media (min-width: 992px){

	.container {

		width: 970px;

	}

}

@media (min-width: 1200px){

	.container {

		width: 1170px;

	}

}

@media (min-width: 1500px)

{

	.container {

		width: 1300px;

	}

}



.container_gauche{

	position:relative;

	 z-index: 1001;

}

#section_gauche{

    position: absolute;

    top: 0;

    background: white;

	 z-index: 1000;

	overflow: hidden;

	border: 1px solid #333333;

}

#section_gauche:before{

    position: absolute;

	content: "";

	display:block;

	right: 15px;

    left: 15px;

	top:0;

	height:20px;

	background-color:#111111;

    top: 0;

    z-index: -1;

	margin:-5px;

}

@media (min-width: 1200px){

	.partie_droite{

		padding-left:40px;

	}

}



#page_gauche{

	margin:-5px;

}



#page_gauche h2{

	background-color:rgb(51, 51, 51);

	color:rgb(255,255,255);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:1.6em;

	padding: 10px;

	text-align: center;

	margin-bottom: 2px;

}

#page_gauche .paragraphe{

	background-color:rgb(160, 193, 11);

	color:rgb(56, 94, 33);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:1em;

	padding: 12px;

    margin-bottom: 12px;

	line-height:1;

}

#page_gauche .paragraphe_page{

	margin-top:15px ;

	/* margin-bottom:15px ; */

}

#page_gauche .paragraphe_page p{

	line-height: 1.4;

}

#page_gauche img:last-child{

	width:100%;

}

#page_gauche .paragraphe_page > p:last-child{

    padding-left: 12px;

    padding-right: 12px;

    position: absolute;

    bottom: 20px;

    left: 0px;

    width: 100%;

}

#page_gauche .masquer{

	opacity:0;

}

@media (max-width: 992px ){

	/** XS et SM **/

	#section_gauche{

		position:initial;

		margin-top: 20px;

		padding: 2px;

	}

	#section_gauche h2{

		margin-top: 0px;

		margin-bottom: 2px;

	}

	#section_gauche #page_gauche .paragraphe{

		margin-bottom:0px;

	}

	#section_gauche:before ,#section_gauche>img {

		display:none;

	}	

}





@media (max-width: 992px ){

	/** XS et SM **/



	

}









/*FIN STYLE MODULE Main*/



/*DEBUT STYLE MODULE Slider*/

.parallax_fixed {

	position: fixed;

	z-index: -1;

	top: 0px;

}

#height_parallax{

	border-bottom:2px solid rgb(51, 51, 51);

}

@media (max-width: 992px ){

	/** XS et SM **/

	.parallax_fixed {

		position: relative;

		top: 0px!important;

	}

	

}



/**** Slider en fondu ***/

#slider .carousel .item,#slider .carousel .active {

    -webkit-transition: opacity 0.8s;

    -moz-transition: opacity 0.8s;

    -ms-transition: opacity 0.8s;

    -o-transition: opacity 0.8s;

    transition: opacity 0.8s;

	opacity:1;

 

}

#slider .carousel .active.left ,#slider .carousel .active.right {

    left:0;

    opacity:0;

    z-index:2;

	-webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}

/*FIN STYLE MODULE Slider*/



/*DEBUT STYLE MODULE ReseauxSociaux*/

#footer_page #reseaux_sociaux > div > a{

	margin-top:15px;

	margin-bottom:15px;

}

#footer_page .icn-rsx a {

	color: rgb(51, 51, 51);

}

#footer_page .icn-rsx a:hover .pyricon, #footer_page .icn-rsx a:active .pyricon {

	color: rgb(255, 255, 255);

	text-decoration: none;

}

#footer_page .icn-rsx .pyricon {

	background-color: rgb(248, 248, 248);

	-webkit-transition: background-color 0.25s ease-out;

	transition: background-color 0.25s ease-out;

}

#footer_page .icn-rsx a:hover .pyricon, #footer_page .icn-rsx a:active .pyricon {

	background-color: rgb(160, 193, 11);

}



/*FIN STYLE MODULE ReseauxSociaux*/



/*DEBUT STYLE MODULE Menu*/

header .navbar-default, .menu-dynamique .dropdown-menu {

	background-color: rgba(160, 193, 11, 0.9);

	border-bottom: 1px solid rgb(51, 51, 51);

}

.menu-dynamique li, .menu-dynamique a {

	color: rgb(255, 255, 255);

	font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

header .navbar-default.affix, .menu-dynamique.affix .dropdown-menu {

	background-color: rgba(160, 193, 11, 0.9);

}

.menu-dynamique > li::before {

	background-color: rgba(255, 255, 255, 0);

}



.menu-dynamique a:hover, .menu-dynamique a:focus {

	color: rgb(239, 239, 239)!important;

	background-color:rgba(100, 122, 0, 0.9)!important;

}



.menu-bas {

	background-color: rgb(160, 193, 11);

	font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.menu-bas a {

	color: rgb(56, 94, 33);

}

.menu-bas .nav>li>a:hover,.menu-bas .nav>li>a:focus {

	background-color: rgb(136, 159, 29);

	color: rgb(255, 255, 255);

}

.menu-bas > li[class*="col-xs-"]::before {

	background-color: rgba(0, 0, 0, 0);

}

#menu_bas > li {

	padding:0px;

}



.navbar,#offset-navbar {

    height: 40px; 

    min-height: 40px; /*** overwrite de bootstrap **/

}

.affix-top {

    position: absolute;

}

@media (min-width: 768px){

	.menu-dynamique > li > a {

		padding: 7px;

	}

}

@media (max-width: 1199px) and (min-width: 992px){

	.menu-dynamique > li > a {

		 padding: 7px!important; 

	}

}

@media (max-width: 991px) and (min-width: 768px){

	.menu-dynamique > li > a {

		padding: 7px!important;

	}

}



.logo_haut{

	background: white;

	border-top: 50px solid black;

	padding-bottom: 5px;

	border-bottom: 2px solid black;

	/* position: absolute; */

	width: 100%;

}

.logo_haut img{

    margin-top: -45px;

    margin-bottom: -1px;

}



.nav > li > a .like_table {

    display:table;

	width:100%;

}

/* .nav > li > a .like_table .vertical-center {

    height:40px;

} */

@media (min-width: 768px){

	.nav-justified>li {

		 vertical-align: top;

	}

}





/******** TYMPANUS **********/



/* Common styles of menus */



/* .dl-menuwrapper {

	position: absolute;

	right:0;



} */

.dl-menuwrapper {

	    float: right;

}







.dl-menuwrapper button {

    background: #333333;

    width: 42px;

    margin-top: 5px;

    border-radius: 5px;

    height: 30px;

    text-indent: -900em;

    overflow: hidden;

    position: relative;

    cursor: pointer;

    outline: none;

}







.dl-menuwrapper ul {

	padding: 0;

	list-style: none;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.dl-menuwrapper li {

	position: relative;

}





.no-touch .dl-menuwrapper li a:hover {

	background: rgba(255,248,213,0.1);

}

 .dl-menuwrapper li.dl-back span.glyphicon { padding-right: 10px;}





.dl-menuwrapper .dl-menu {

	margin: 5px 0 0 0;

	position: absolute;

    left: 0px;

    width: 100%;

    text-align: center;

	opacity: 0;

	pointer-events: none;

	-webkit-transform: translateY(10px);

	transform: translateY(10px);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.nav > li > a{transition:none!important;}

.dl-menuwrapper .dl-menu.dl-menuopen {

	opacity: 1;

	pointer-events: auto;

	-webkit-transform: translateY(0px);

	transform: translateY(0px);

}



/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {

	display: none;

}



/* 

When a submenu is openend, we will hide all li siblings.

For that we give a class to the parent menu called "dl-subview".

We also hide the submenu link. 

The opened submenu will get the class "dl-subviewopen".

All this is done for any sub-level being entered.

*/

.dl-menu.dl-subview li,

.dl-menu.dl-subview li.dl-subviewopen > a,

.dl-menu.dl-subview li.dl-subview > a {

	display: none;

}



.dl-menu.dl-subview li.dl-subview,

.dl-menu.dl-subview li.dl-subview .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {

	display: block;

}



/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu {

	position: absolute;

	width: 100%;

	top: 50px;

	left: 0;

	margin: 0;

}



/* Animation classes for moving out and in */



.dl-menu.dl-animate-out-2 {

	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;

	animation: MenuAnimOut2 0.3s ease-in-out;

}



@-webkit-keyframes MenuAnimOut2 {

	0% { }

	100% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut2 {

	0% { }

	100% {

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

		opacity: 0;

	}

}



.dl-menu.dl-animate-in-2 {

	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;

	animation: MenuAnimIn2 0.3s ease-in-out;

}



@-webkit-keyframes MenuAnimIn2 {

	0% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn2 {

	0% {

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {

	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;

	animation: SubMenuAnimIn2 0.3s ease-in-out;

}





@-webkit-keyframes SubMenuAnimIn2 {

	0% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn2 {

	0% {

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {

	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;

	animation: SubMenuAnimOut2 0.3s ease-in-out;

}



@-webkit-keyframes SubMenuAnimOut2 {

	0% {

		-webkit-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut2 {

	0% {

		-webkit-transform: translateX(0%);

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

		opacity: 0;

	}

}



/* Colors for demos */



/* Demo 2 */

.demo-2 .dl-menuwrapper button {

	background: rgb(160, 193, 11);

	border: 1px solid rgb(56, 94, 33);

}





.demo-2 .dl-menuwrapper button.dl-active{

	background: rgb(56, 94, 33);

}



.demo-2 .dl-menuwrapper ul {

	background: rgb(160, 193, 11);

}

.dl-menuwrapper button:after {

    content: '';

    position: absolute;

    width: 68%;

    height: 2px;

    top: 6px;

    left: 16%;

	background: rgb(56, 94, 33);

	box-shadow: 

		0 7px 0  rgb(56, 94, 33), 

		0 14px 0  rgb(56, 94, 33);

}



.demo-2 .dl-menuwrapper button.dl-active:after {

	background: rgb(160, 193, 11);

	box-shadow: 

		0 7px 0  rgb(160, 193, 11), 

		0 14px 0  rgb(160, 193, 11);

}





.dl-menuwrapper li a {

	display: block;

	position: relative;

	padding: 15px 20px;

	font-size: 16px;

	line-height: 20px;

	font-weight: 300;

	color: rgb(56, 94, 33);

	outline: none;

}

#span_menu{

	color:rgb(56, 94, 33);

	font-size:px;

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



/*FIN STYLE MODULE Menu*/



/*DEBUT STYLE MODULE Galeries*/

.accueil #grid_gal figcaption h3{

	color: rgb(255, 255, 255);

    font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 1em;

    border-bottom: 1px solid rgba(255, 255, 255, 0);

}

.accueil #grid_gal figcaption p{

	color: rgb(255, 255, 255);

    font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: px;

}

#grid_gal figure.effect-layla figcaption::after,#grid_gal figure.effect-layla figcaption::before{

	border-color:rgb(255, 255, 255)!important;

}



#grid_gal figure.effect-layla figcaption{

	background:rgba(160, 193, 11, 0.12);

}

#grid_gal figure.effect-layla:hover figcaption{

	background:rgba(160, 193, 11, 0.6);

}



#carousel_Galeries .carousel-control {

	opacity: 1;

}

#carousel_Galeries .carousel-control.right, #carousel_Galeries .carousel-control.left {

	background-image: none;

}

#carousel_Galeries .carousel-caption {

	right:0;

	bottom: 0;

	left:0;

	padding: 1em;

	text-shadow: 0 0 0;

	background-color: rgba(255, 255, 255, 0.8);

}

#carousel_Galeries .carousel-caption h3 {

	margin: 0;	

}



.galerie {

	margin-bottom: 2em;

	display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

	

	-webkit-transition: background-color 0.35s;

	-ms-transition: background-color 0.35s;

	transition: background-color 0.35s;

}

.une-galerie > p{

	color:rgb(51, 51, 51);

	font-family:'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size:12px;

}



/************ Effet Archi-saint-germain *******/

.elm-galerie {

	overflow: hidden;

}

.elm-galerie img {

	transform: scale(1);

	-webkit-transition: -webkit-transform 0.35s ease-in-out;

	-ms-transition: -ms-transform 0.35s ease-in-out;

	transition: transform 0.35s ease-in-out;	

}

.elm-galerie:hover img, .elm-galerie:active img {

	-webkit-transform: scale(1.3);

	-ms-transform: scale(1.3);

	transform: scale(1.3);

}



/***** Tympanus *****/

/* Common style */

.grid_galerie figure {

	position: relative;

	float: left;

	overflow: hidden;

	text-align: center;

	cursor: pointer;

	/* height:220px; */

	margin-bottom:25px;



}

div#grid_gal>div {

    padding:0px 5px;

}



.grid_galerie figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid_galerie figure figcaption::before,

.grid_galerie figure figcaption::after {

	pointer-events: none;

}



.grid_galerie figure figcaption,

.grid_galerie figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

/* .grid_galerie figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

} */



.grid_galerie figure h2,

.grid_galerie figure p {

	margin: 0;

}



.grid_galerie figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}



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

/***** Layla *****/

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





#grid_gal figure.effect-layla figcaption {

	padding: 3em;

}



#grid_gal figure.effect-layla figcaption::before,

#grid_gal figure.effect-layla figcaption::after {

	position: absolute;

	content: '';

	opacity: 0;

}



#grid_gal figure.effect-layla figcaption::before {

    top: 20px;

    right: 30px;

    bottom: 20px;

    left: 30px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

}



#grid_gal figure.effect-layla figcaption::after {

    top: 10px;

    right: 40px;

    bottom: 10px;

    left: 40px;

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0;

}



#grid_gal figure.effect-layla h3 {

	padding-top: 0%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



#grid_gal figure.effect-layla p {

	padding: 0em 0em;

	text-transform: none;

	opacity: 0;

	-webkit-transform: translate3d(0,-10px,0);

	transform: translate3d(0,-10px,0);

}



#grid_gal figure.effect-layla img{

	margin-top:-30px;

	opacity:0.8;

	width: 100%;

}

#grid_gal figure.effect-layla h3 {

 	-webkit-transform: translate3d(0,-30px,0);

	transform: translate3d(0,-30px,0);

}



#grid_gal figure.effect-layla img,

#grid_gal figure.effect-layla figcaption::before,

#grid_gal figure.effect-layla figcaption::after,

#grid_gal figure.effect-layla p {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



#grid_gal figure.effect-layla:hover img {

	/* opacity: 0.7; */

	/* margin-top:0px; */

 	-webkit-transform: translate3d(0,30px,0);

	transform: translate3d(0,30px,0);

}



#grid_gal figure.effect-layla:hover figcaption::before,

#grid_gal figure.effect-layla:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



#grid_gal figure.effect-layla:hover h3,

#grid_gal figure.effect-layla:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



#grid_gal figure.effect-layla:hover figcaption::after,

#grid_gal figure.effect-layla:hover h3,

#grid_gal figure.effect-layla:hover p,

#grid_gal figure.effect-layla:hover img {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}





/****Accueil XS *****/

#grid_gal_xs .lien_voir{display:none;}

@media (max-width: 768px)

{

	.accueil #galeries .visible-xs{position:relative;}

	.accueil #galeries #grid_gal_xs #grid_gal{

		overflow: hidden;

		overflow-x: auto;

		width: 100%;

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-flex-wrap: nowrap;

		-ms-flex-wrap: nowrap;

		flex-wrap: nowrap;

	}

	.accueil #galeries #grid_gal_xs #grid_gal>div{

		-webkit-box-flex: 0;

		-webkit-flex: 0 0 auto;

		-ms-flex: 0 0 auto;

		flex: 0 0 auto;

		max-width:300px;

	}



	#grid_gal_xs figure{position:relative;}

	#grid_gal_xs  img{

		width:100%;

	}

	#grid_gal_xs  figcaption{

			position: absolute;

		display: block;

		top: 0px;

		width: 100%;

		text-align: center;

		z-index:1;

	}

	#grid_gal_xs  figcaption h3{

		opacity:1;

		margin:0px;

		padding:20px 5px;

		color: rgb(255, 255, 255);

		font-family: 'Exo', 'Helvetica Neue', Helvetica, Arial, sans-serif;

		font-size: 1px;

		border-bottom: 1px solid rgba(255, 255, 255, 0);



	}

	

	#grid_gal_xs  figure.effect-layla:hover .lien_voir{

		position: absolute;

		display: block;

		background: white;

		top: 80%;

		width: 40%;

		padding: 10px;

		left: 30%;

		border-radius: 7px;

		text-align: center;

		color:black;

		z-index:2;

	}

/* 	#grid_gal_xs figure::before {

		position: absolute;

		display:block;

		content:"";

		width: 100%;

		height: 100%;

		top: 0;

		background-color: rgba(160, 193, 11, 0.12);

		z-index: 1;

	} */



}

/**** Liste Galerie ***/

.info-galerie{

	margin-top:20px;

	display: table;

	padding:0px;

}

.info-galerie img{

	width:100%;

}

.info-galerie .img{

	display: table-cell;

	padding:0px;

	float: none;

	vertical-align: top;

	height: 100%;

}



.info-galerie .detail-info {

    background:rgb(160, 193, 11); /* rgba(255,255,255,0.8);*/

	position:relative;

    height: 100%;

    display: table-cell;

    float: none;

}

.info-galerie  .detail-info h3 {

    margin: 5% 0%;

    color: rgb(0, 0, 0); /* black */

    font-size: px; /*17 */

    font-family: ; /*17 */

    border-bottom: 1px solid rgb(0,0,0);

}

.info-galerie  .detail-info p {

	color: rgb(0, 0, 0); /* black */

    font-size: px; /*17 */

    font-family: px; /*17 */

}



.info-galerie  .detail-info .plus-rea{

	position: absolute;

	bottom: 5%;

	left: 50%;

	transform: translate(-50%, 0);

	background: 18;

	color: 18;

	border-radius: 8px;

	border: 1px solid 18;;

	padding: 5px 25px;

}



@media (max-width: 768px){

	/**** XS ***/

	#liste-galerie{

		padding:20px;

	}

	.info-galerie{

		display: block;

		position: relative;

	}

	.info-galerie .img{display:block;}

	.info-galerie .detail-info {

		position: absolute;

		height: 15%;

		top:0;

	}

	.info-galerie .detail-info p , .info-galerie .detail-info .plus-rea  {

		display:none;

	}

	.plus-rea-xs{

		text-align: center;

		background: 15 ; 

		border-radius: 5px;

		margin-top: -45%;

		padding: 10px 20px;

		font-size: 15px;

		color:  15;

		border: 2px solid   15; 

	}

	.plus-rea-xs:hover{

		text-decoration:none;

		color:15;

	}

	

}



/**** Détail Galerie ***/

.rg-image-wrapper{

	position:relative;

	background:rgb(51, 51, 51);/* #111111 */

	min-height:20px;

}

.rg-gallery ul{

margin:0;

	padding:0;

}

.rg-image{

	position:relative;

	text-align:center;

	line-height:0px;

}

.rg-image img{

	max-height:700px;

	max-width:90%;

	margin: 10px 0px;

}

/* .rg-image-nav a{

	position:absolute;

	top:0px;

	left:0px;

	background: url(javascript/ResponsiveImageGallery/images/nav.png) no-repeat -20% 50%;

	width:5%;

	height:100%;

	text-indent:-9000px;

	z-index:1;

	cursor:pointer;

	opacity:0.3;

	outline:none;

} 

.rg-image-nav a.rg-image-nav-next{

	right:0px;

	left:auto;

	background-position:115% 50%;

}

*/

.rg-image-nav a{

	position: absolute;

    top: 0px;

    left: 0px;

    width: 5%;

    height: 100%;

    z-index: 1;

    cursor: pointer;

    text-align: center;

    opacity: 0.3;

    outline: none;

}

.rg-image-nav a .pyricon{

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -50%;

    width: 100%;

    color: white;

    font-size: 1.5vw;

}

@media (max-width: 678px){

	.rg-image-nav a .pyricon{

	    font-size: 3.5vw;

	}

}

.rg-image-nav a.rg-image-nav-next{

	right:0px;

	left:auto;

}

.rg-image-nav a:hover{

	opacity:0.8;

}

.rg-caption {

	text-align:center;

	margin-top:15px;

	position:relative;

}

.rg-caption p{

	font-size:11px;

	background: rgb(51, 51, 51);

	letter-spacing:2px;

	font-size:15px;

	padding:15px;

	color:rgb(255, 255, 255);

	font-family: ;

}

.rg-view{

	height:30px;

}

.rg-view a{

	display:block;

	float:right;

	width:16px;

	height:16px;

	margin-right:3px;

	background:#464646 url(javascript/ResponsiveImageGallery/images/views.png) no-repeat top left;

	border:3px solid #464646;

	opacity:0.8;

}

.rg-view a:hover{

	opacity:1.0;

}

.rg-view a.rg-view-full{

	background-position:0px 0px;

}

.rg-view a.rg-view-selected{

	background-color:#6f6f6f;

	border-color:#6f6f6f;

}

.rg-view a.rg-view-thumbs{

	background-position:0px -16px;

}

.rg-loading{

	width:46px;

	height:46px;

	position:absolute;

	top:50%;

	left:50%;

	background:#000 url(javascript/ResponsiveImageGallery/images/ajax-loader.gif) no-repeat center center;

	margin:-23px 0px 0px -23px;

	z-index:100;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	opacity:0.7;

}

.es-carousel-wrapper{

	background: rgb(51, 51, 51);

	padding:10px 27px;

	position:relative;

	position:relative;

	margin-bottom:20px;

}



/*FIN STYLE MODULE Galeries*/