/*
Theme Name: Il était une cuisine
Theme URI: http://www.
Description: Thème créé par Net-tendance.com
Version: 1
Author: Net-tendance - Erwan Girerd
Author URI:   http://www.net-tendance.com
 
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;600&display=swap');

body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
a, a::before, a::after, button, input[type=submit]{transition : all 0.2s linear;}
body{ font:16px/24px 'Oswald', sans-serif; font-weight:300;color:#58595b; letter-spacing: 1;}
a{ text-decoration:none;color:#58595b;}img{ border:0px;}
/*body, html{ width: 100%; height: 100%; overflow-x: hidden;}
/*Bouton pour remonter en haut de la page :*/

div#first{ width:100%; float:left; text-align:center; overflow: hidden;}
div#first div#second{ width:1200px; margin:auto; text-align:left; position:relative;}

@media screen and (max-width: 900px) {div#first div#second{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {div#first div#second{ width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {div#first div#second{ width:1200px; margin:auto; }}
@media screen and (min-width: 1400px) {div#first div#second{ width:1400px; margin:auto;}}


/* ########### ######## */
/*    Header     */
/* #################### */
.header{ width: 100%; background: #FFFFFF; height: 290px; float: left; text-align: center; position: relative;} 
.header .header2{ width:1400px; margin:auto; height: 290px; text-align:left; position:relative;} 

.header .header2 .leheader{ height: 50px; width: 100%; display: block; float: left;}
.header .header2 .leheader.fixe{ height: 20px; text-align: center; position: fixed; top: 0px; left: 50%; width: 100%; transform: translateX(-50%); -webkit-transform:translateX(-50%); z-index: 9999; background: #FFFFFF;}


@media screen and (max-width: 900px) {.header .header2 .leheader.fixe .div50{ width:100%; margin:auto; display: inline-block; text-align: left; float: none !important;}}
@media screen and (min-width: 901px) {.header .header2 .leheader.fixe .div50{ width:450px; margin:auto; display: inline-block; text-align: left; float: none !important;}}
@media screen and (min-width: 1200px) {.header .header2 .leheader.fixe .div50{ width:600px; margin:auto; display: inline-block; text-align: left; float: none !important; }}
@media screen and (min-width: 1400px) {.header .header2 .leheader.fixe .div50{ width:700px; margin:auto; display: inline-block; text-align: left; float: none !important;}}

@media screen and (max-width: 900px) {.header .header2{ width:100%; margin:auto;}}
@media screen and (min-width: 901px) {.header .header2{ width:900px; margin:auto;}}
@media screen and (min-width: 1200px) {.header .header2{ width:1200px; margin:auto; }}
@media screen and (min-width: 1400px) {.header .header2{ width:1400px; margin:auto;}}


.header .header2 .logo{ display: inline-block;}
.header .header2 .logo a{display: block;}
.header .header2 .logo a img{height: 170px; width: auto; max-width: inherit !important;}

.header .header_content{position: absolute; top: 0px; right: 0px; height: 200px;}
.header .header_content .header_reseaux{ height: 46px; text-align: left;}


	/*##############*/
	/*    Réseaux   */

.reseaux_footer{position: absolute; top: 0px; right: 0px; z-index: 1;}
.header_reseaux{position: absolute; top: 5px; right: 0px; z-index: 999;}

.reseau{display: inline-block;}
.reseaux_footer	a.icone{width: 20px; height: 20px; padding: 10px; display: inline-block; margin: 0px 10px 0px 0px; border-radius: 20px; background: #21156b ; position: relative; float: left; text-align: center; font-size: 20px !important; }
.header_reseaux	a.icone{width: 14px; height: 14px; padding: 5px; display: inline-block; margin: 0px 10px 0px 0px; border-radius: 12px; background: #21156b ; position: relative; float: left; text-align: center; font-size: 14px !important; }
.reseaux_footer	a.icone:hover, .header_reseaux	a.icone:hover{background: #ffea00; color:#58595b;}
.reseaux_footer	a.icone:hover > .txtblanc, .header_reseaux	a.icone:hover > .txtblanc{ color:#58595b !important;}

@media screen and (max-width: 900px) {
.reseaux_footer{position: relative; width:100%; float: left; z-index: 1; text-align: center !important;}
	.reseaux_footer	a.icone{float: none; display: inline-block;}
}
@media screen and (min-width: 900px) {
}

.logo_footer img{max-width: 300px !important; height: auto;}


.header .header_content .header_contact{ height: 35px; }
.header .header_content .header_contact a.btn_contact{ color:#FFFFFF; height: 35px; font:16px/35px 'Oswald', sans-serif; font-weight:700; background: #21156b; width: calc(100% - 10px); padding: 0px 0px 0px 10px; text-align: left; display: block;}
@media screen and (max-width: 540px) {
.header .header_content .header_contact a.btn_contact{ width: auto; padding: 0px 20px 0px 10px; float: right;}
}
.header .header2 .logo.fixe{ position: fixed; z-index: 999; top: 0px; width: 90px; padding: 5px; background: #FFFFFF; box-shadow: 0px 0px 10px #58595b; text-align: center;}
.header .header2 .logo.fixe a img{width: 80px; height: auto;}

a.simple:hover > i{animation: run-rotation2 0.3s reverse 1;transition : all 0.2s linear;}
a.simple:hover > i{ color:#ffea00;transition : all 0.2s linear;}

/* ########### */
/*    MENU     */
/* ########### */

.barre_menu{position: absolute; z-index: 99; height: 40px; top: 230px; left: 0px; background:#FFFFFF; width: 100%; text-align: center;}
.barre_menu.fixe{position: fixed; top: 20px; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); z-index: 9998;}

.menu_nt{position: relative; height: 40px; width: 100%; float: left;}

.nav-icon {  margin: 7px;  width: 30px; display: inline-block;float: left; text-align: center; /*padding: 13px;*/}
.nav-icon:after, .nav-icon:before, .nav-icon div {  background-color: #21156b;  border-radius: 3px;  content: '';  display: block;  height: 3px;  margin: 4px 0;  transition: all .2s ease-in-out;}
.nav-icon.on::before { transform: translateY(8px) rotate(135deg);}
.nav-icon.on::after { transform: translateY(-8px) rotate(-135deg);}
.nav-icon.on div {  transform: scale(0);}
.nav-titre{text-align: center; display: block; float: left; height: 25px; padding: 10px 5px 10px 5px;}

@media screen and (max-width: 540px) {
	.header .header2 .leheader{text-align: center; height: 35px; margin-bottom: 20px;}	
	.header .header2 .logo a img{height: 100px; margin-top: 10px;}
	.header_reseaux{position: absolute; top: 35px; left: 50%;z-index: 999; height: 40px; text-align: center;  transform:  translateX(-50%); -webkit-transform: translateX(-50%) ;}
	.header_reseaux	a.icone{ float: none;}
	.header, .header .header2{  height: 210px; } 
	.barre_menu{ top: 160px; }
}

@media screen and (max-width: 767px) {
	.suppr_smartphone{display: none !important;}
}

div.menu-principal-container{ position: relative; transition : all 0.2s linear; width: 100%; float: left;}
div.menu-principal-container ul{ transition : all 0.2s linear; width: 100%; float: left; text-align: center;}
div.menu-principal-container ul li{ text-align: center; transition : all 0.2s linear;  position: relative; height: 40px; display: inline-block; padding: 0px 10px 10px 10px; background-position: bottom center;}
div.menu-principal-container ul li a{font: 16px/40px 'Oswald', sans-serif; padding: 10px; border-bottom:5px solid #ffffff;}
div.menu-principal-container ul li a:hover, div.menu-principal-container ul li.current-menu-item a{ border-bottom:5px solid #21156b;}


div.menu-principal-container ul li ul.sub-menu{ background:#ffffff;  width: auto; min-width: 100%; display:block; position: absolute; top: 45px; left: 0px; opacity:0; height: 0px; overflow: hidden; transition : all 0.2s linear;}
div.menu-principal-container ul li ul.sub-menu li{border-bottom: 1px solid #21156b; width: 100%; text-align: left; white-space: nowrap;}
div.menu-principal-container ul li ul.sub-menu li:nth-child(4){ margin-left: 0px; position: relative;}
div.menu-principal-container ul li ul.sub-menu li a{font: 14px/40px 'Oswald', sans-serif; height: 40px; text-transform: uppercase; color:#58595b; display: block; text-align: center;}
div.menu-principal-container ul li:hover > ul.sub-menu{opacity:1; height: auto; overflow:auto;transition : all 0.2s linear;}

@media screen and (max-width: 900px) {
	.lemenu{ display: inline-block; float: none;}
	.menu_nt{ display: none; position: absolute; top: 60px;}
	.menu_nt.affiche{ display: block;}
	/*.barre_menu{ top: 125px; width: 100%; min-width: inherit;}*/
	div.menu-principal-container ul{width: 100%; background:#ffffff !important;}
	div.menu-principal-container ul li, div.menu-principal-container ul li a, div.menu-principal-container ul li{width: 100%; float: left; text-align: center; background:#ffffff !important; padding:0px;  }
	div.menu-principal-container ul li a{border-top: 1px solid #21156b; height: 40px; font: 16px/40px 'Oswald', sans-serif; position: relative; display: block; top: inherit; transform: translateY(0%); -webkit-transform:translateY(0%); }
	div.menu-principal-container ul li:nth-child(4){ margin-left: 0px; position: relative;}
	.barre_menu.fixe{background: none;}
	.barre_menu.fixe .lemenu{background: #FFFFFF; border-right: 1px solid #21156b; border-bottom: 1px solid #21156b;}
	
div.menu-principal-container ul li ul.sub-menu, div.menu-principal-en-container ul li ul.sub-menu{ background: #ffffff; border: 0px;  width: auto; min-width: 100%; display:none; position: relative; top: inherit; left: inherit;  height: auto; opacity: 1; transition : all 0.2s linear;}
	div.menu-principal-container ul li ul.sub-menu li{border-bottom: 1px solid #21156b;}
	div.menu-principal-container ul li ul.sub-menu li a{text-align: center;font: 14px/30px 'Oswald', sans-serif; height: 30px;border-top: 0px;}
	/*
	.menu-item-has-children:hover > ul.sub-menu{display: block; position: absolute; top: 0px; left: 90%; z-index: 999;}
	.menu-item-has-children ul.sub-menu li{ background: rgba(81,81,81,1.00);}*/
}
@media screen and (min-width: 901px) {
	.lemenu{ display: none;}
div.menu-principal-container ul li{ text-align: center; transition : all 0.2s linear;  position: relative; height: 40px; display: inline-block; padding: 0px 5px 10px 5px; background-position: bottom center;}
	
}
@media screen and (min-width: 1200px) {
div.menu-principal-container ul li{ text-align: center; transition : all 0.2s linear;  position: relative; height: 40px; display: inline-block; padding: 0px 10px 10px 10px; background-position: bottom center;}	
}

@media screen and (max-width: 900px) {}
@media screen and (min-width: 900px) {}
@media screen and (min-width: 1200px) {}


/**########*/
/*DIAPORAMA*/
div#diaporama{ float:left; width:100%; position:relative; z-index: 1;height:700px;}
div#diaporama .diapo{ float:left; width:100%; height:100%; overflow:hidden;z-index:1; position:absolute; top:0px; left:0px; display: none;}
@media screen and (max-width: 900px) 
{		
	div#diaporama{ width:100%; z-index:1; height:320px; top: 0px;}
	/*div#diaporama .diapo img{  height:100%; width: auto;}*/
}
@media screen and (min-width: 901px)
{
	div#diaporama{height:500px;}
}
@media screen and (min-width: 1200px) 
{
	div#diaporama{height:670px;}
}
@media screen and (min-width: 1400px) 
{
	div#diaporama{height:670px;}
}
div#diaporama .diapo img{ position: absolute; z-index: 1; top: 50%; left:50%; height: 100%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;  }
div#diaporama .diapo .bloc_txt{ top: 50%; left:50%; position: absolute; transform: translateY(-50%) translateX(-50%) ; -webkit-transform:translateY(-50%) translateX(-50%)  ; z-index: 2; text-align: center; max-width: 1200px; }
div#diaporama .diapo .bloc_txt p.accroche{font: 60px/60px 'Oswald', sans-serif; text-transform: uppercase;text-shadow: 2px 2px 4px #000000; color: #FFFFFF; letter-spacing: 10px; text-align: center;}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 540px) {
}

div#diaporama a.droite{ z-index: 3; opacity: 1; position: absolute; display: block; top: calc(50% - 40px); right:50px; width: 80px; height: 80px; background:url("charte/fleche-right-white.png") no-repeat; }
div#diaporama a.gauche{ z-index: 3; opacity: 1; position: absolute; display: block; top: calc(50% - 40px); left: 50px; width: 80px; height: 80px; background:url("charte/fleche-left-white.png") no-repeat; }
div#diaporama a.gauche::after, div#diaporama a.droite::after{ position: absolute; top: 0px; left: 0px; height: 80px; width: 80px; z-index: 1; background: rgba(7,22,201,0.80); opacity: 0;transition : all 0.2s linear; }
div#diaporama a.gauche:hover:after, div#diaporama a.droite:hover:after{opacity: 1;transition : all 0.2s linear; }

div#diaporama .navigation{ position: absolute; z-index: 4; width: auto;width: auto; text-align: center;bottom: 38px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  }
div#diaporama .navigation a{margin: 5px 5px 5px 5px; border: 2px solid #FFFFFF; position: relative; display:inline-block; width: 14px; height: 14px;font: 16px/30px 'Oswald', sans-serif;transition : all 0.2s linear; border-radius: 7px;}
div#diaporama .navigation a.on{background: #ffffff; }


@media screen and (max-width: 767px) {
	div#diaporama a.droite{right: 10px;}
	div#diaporama a.gauche{left: 10px;}
	div#diaporama .diapo .bloc_txt p.accroche{font: 45px/45px 'Oswald', sans-serif;letter-spacing: 6px;}
}
@media screen and (max-width: 540px) {
	div#diaporama a.droite{right: -10px;}
	div#diaporama a.gauche{left: -10px;}
	div#diaporama .diapo .bloc_txt p.accroche{font: 30px/30px 'Oswald', sans-serif;letter-spacing: 2px;}
}
/* #################### */
/*##############*/
/*listing des projets en accueil*/

.listing_projet{ width: 100%; display: block; float: left;}
.listing_projet .listing_type{width: 220px; float: left;}
.listing_projet .listing_type ul{ width: 100%; float: left; margin: 0px; padding: 0px; border: 0px;}
.listing_projet .listing_type ul li{ width: 100%; height: 55px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #ebebeb; }
.listing_projet .listing_type ul li a{ display: block;font: 16px/55px 'Oswald', sans-serif; }
.listing_projet .listing_type ul li a:hover, .listing_projet .listing_type ul li a.on{color:#21156b;}
.listing_projet .listing_type ul li a img{ display: inline-block; float: left; padding: 0px 20px 0px 0px; height: 45px;}

.listing_type2{width: 100%; float: left;}
.listing_type2 ul{ width: 100%; float: left; margin: 0px; padding: 0px; border: 0px;}
.listing_type2 ul li{ width: auto; float: left; display: inline-block; height: 55px; padding: 5px 20px 5px 0px; border-bottom: 1px solid #ebebeb; }
.listing_type2 ul li a{ display: block;font: 16px/55px 'Oswald', sans-serif; }
.listing_type2 ul li a:hover, .listing_type2 ul li a.on{color:#21156b;}
.listing_type2 ul li a img{ display: inline-block; float: left; padding: 0px 20px 0px 0px; height: 45px;}


.listing_projet .les_projet{width: calc(100% - 220px); float: left; height: 365px; display: block; overflow: hidden; position: relative;}
.listing_projet .les_projet.un_type{width: 100%; }
.listing_projet .les_projet .lelisting_projet{width: calc(100% - 100px); float: left; height: 365px; display: block; overflow: hidden; position: relative;}
.listing_projet .les_projet .lelisting_projet ul{ width: 2000px; display: block; position: relative ; height: 365px;}
.listing_projet .les_projet .lelisting_projet ul li{ width: 260px; height: 365px; margin: 15px; float: left; display: block;}
.listing_projet .les_projet .lelisting_projet ul li .uneimage{width: 260px; height: 260px; float: left; display: block; position: relative; overflow: hidden; text-align: center;}
.listing_projet .les_projet .lelisting_projet ul li .uneimage a{display: block; height: 100%; width: 100%; text-align: center;}
.listing_projet .les_projet .lelisting_projet ul li .uneimage img{ height: 100%; max-width: inherit !important; display: inline-block; position: absolute; top: 0px; left: 50%;transform:translateX(-50%); -webkit-transform:translateX(-50%) ; }
.listing_projet .les_projet .lelisting_projet ul li .untitre{width: 260px; height: 105px; float: left; text-align: center;}
.listing_projet .les_projet .lelisting_projet ul li .untitre h3{ font:16px/24px 'Oswald', sans-serif; font-weight:400; padding: 0px; margin: 0px;}
.listing_projet .les_projet .btn_next{width: 100px; background: #ebebeb; float: left; height: 100px; display: block; overflow: hidden; position: relative; margin-top: 80px;}
.listing_projet .les_projet .btn_next img{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;}
.listing_projet .les_projet .btn_next:hover{animation: run-rotation_bis 0.3s reverse 1;}
.listing_projet .les_projet .btn_previous{width: 100px; background: #ebebeb; float: left; height: 100px; display: block; overflow: hidden; position: relative;}
.listing_projet .les_projet .btn_previous img{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;}
.listing_projet .les_projet .btn_previous:hover{animation: run-rotation_bis 0.3s reverse 1;}

.listing_projet .les_projet .lelisting_projet ul li:hover > .untitre h3{color:#21156b;}

.listing_projet .les_projet .lelisting_projet ul li .uneimage img:hover{animation: run-rotation 0.3s reverse 1;}

.listing_projet .les_projet .lelisting_projet ul li.link{ background: #21156b;}
.listing_projet .les_projet .lelisting_projet ul li.link a{display: block; position: relative; width: 100%; height:100%;}
.listing_projet .les_projet .lelisting_projet ul li.link a .titre_link{ position: absolute; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); color:#FFFFFF;}
.listing_projet .les_projet .lelisting_projet ul li.link a::after{ z-index: 2; content: url("charte/icone-plus.png"); position: absolute;top: 50%; left:50%; transform: translateY(-50%) translateX(-50%) scale(0); -webkit-transform:translateY(-50%) translateX(-50%) scale(0) ; z-index: 1;  opacity: 0; transition : all 0.2s linear;}
.listing_projet .les_projet .lelisting_projet ul li.link:hover > a::after{transform: scale(1) translateY(-50%) translateX(-50%);  opacity: 1;transition : all 0.2s linear;}
.listing_projet .les_projet .lelisting_projet ul li.link:hover > a .titre_link{opacity: 0;}


@media screen and (max-width: 767px) {
.listing_projet .listing_type{width: 100%;}
	.listing_projet .les_projet{width: 100%;}
	.listing_projet .les_projet .lelisting_projet{width: calc(100% - 80px);}
	.listing_projet .les_projet .btn_next{width: 80px;}
	.listing_projet .les_projet .btn_previous{width: 80px;}
}


.les_projet2{width: 100%; float: left; height: auto; display: block; overflow: hidden; position: relative;}
.les_projet2 .lelisting_projet{width: 100%; float: left; height: auto; display: block; overflow: hidden; position: relative;}
.les_projet2 .lelisting_projet ul{ width: 100%; display: block; position: relative ; height: auto; text-align: center;}
.les_projet2 .lelisting_projet ul li{ width: 260px; height: 365px; margin: 15px; float: none; display: inline-block;}
.les_projet2 .lelisting_projet ul li .uneimage{width: 260px; height: 260px; float: left; display: block; position: relative; overflow: hidden;}
.les_projet2 .lelisting_projet ul li .uneimage img{ height: 100%; max-width: inherit !important;}
.les_projet2 .lelisting_projet ul li .untitre{width: 260px; height: 105px; float: left; text-align: center;}
.les_projet2 .lelisting_projet ul li .untitre h3{ font:16px/24px 'Oswald', sans-serif; font-weight:400; padding: 0px; margin: 0px;}

/* #################### */
/*##############*/
/*Single Projet*/
.galerie_projet{ width: 100%; float: left; text-align: center;}
.galerie_projet .une_photo{ display: inline-block; width: 100%; height:700px; position: relative; text-align:center; overflow:hidden; }
.galerie_projet .une_photo img{ height: 100%; z-index: 1; }
.galerie_projet .une_photo a.previous_galerie{ position: absolute; z-index: 2; left: 10px; top: 50%; background:#c5c5c5; border:1px solid #cecece;  transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 80px; height: 80px; padding: 10px; border-radius: 50px;}
.galerie_projet .une_photo a.next_galerie{ position: absolute; z-index: 2; right: 10px; top: 50%; background:#c5c5c5; border:1px solid #cecece;  transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 80px; height: 80px; padding: 10px; border-radius: 50px;}
.galerie_projet .une_photo a.previous_galerie:hover, .galerie_projet .une_photo a.next_galerie:hover{ background:#21156b }
.galerie_projet .vignette{width: 100%;/*display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-directiobn: row;*/ float: none; display:inline-block; text-align:center;}
.galerie_projet .vignette a.unegalerie{opacity: 0.5; /*flex: 1;*/ margin: 2px; width:initial !important; display:inline-block; float:inherit; }
.galerie_projet .vignette a.unegalerie.active, .galerie_projet .vignette a.unegalerie:hover{opacity: 1;}
.galerie_projet .vignette a.unegalerie img{ float:initial !important; max-height: 200px;}

.image_avant{position: relative;margin-top: 25px; float: left; width: 100%;}
.image_avant::after{content: "AVANT"; position: absolute; bottom: 2px; right: 10px;font:30px/30px 'Oswald', sans-serif; font-weight:400; color:#f3f3f3; text-transform: uppercase; z-index: 2; }
.image_avant a{}
.image_avant a img{}

.image_pendant{position: relative;margin-bottom: 25px; float: left; width: 100%;}
.image_pendant::after{content: "PENDANT"; position: absolute; bottom: 2px; left: 60px;font:30px/30px 'Oswald', sans-serif; font-weight:400; color:#f3f3f3; text-transform: uppercase; z-index: 2; }

.image_apres{position: relative; float: left; width: 100%;}
.image_apres::after{content: "APRÈS"; position: absolute; bottom: 2px; RIGHT: 10px;font:30px/30px 'Oswald', sans-serif; font-weight:400; color:#f3f3f3; text-transform: uppercase; z-index: 2; }

/* #################### */
/*##############*/
/*listing des temoignages en accueil*/

.listing_temoignage{ width: 100%; display: block; float: left;}
.listing_temoignage .les_temoignages{width:100%; float: left; height: 250px; display: block; overflow: hidden; position: relative;}
.listing_temoignage .les_temoignages .lelisting_temoignage{width: calc(100% - 160px); float: left; height: 100%; display: block; overflow: hidden; position: relative;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul{ width: 100%; display: block; position: relative ; height: 100%;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li{ width: calc(100% / 3 - 30px); height: 100%; margin: 0px 15px 0px 15px; float: left; display: block;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a{display: block; float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .uneimage{width: 100%; height: 100%; float: left; display: block; position: relative; overflow: hidden; background: #21156b;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .uneimage img{ width: 100%; max-width: inherit !important;position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ; z-index: 1;transition : all 0.2s linear; }
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .uneimage:after{ z-index: 2; content: url("charte/icone-plus.png"); position: absolute;top: 50%; left:50%; transform: translateY(-50%) translateX(-50%) scale(0); -webkit-transform:translateY(-50%) translateX(-50%) scale(0) ; z-index: 1;  opacity: 0; transition : all 0.2s linear;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a:hover > .uneimage:after{transform: scale(1) translateY(-50%) translateX(-50%);  opacity: 1;transition : all 0.2s linear;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .untitre{position: absolute; top:224px; left: 0px; background: rgba(255,255,255,0.75); z-index: 2; padding: 2px;transition : all 0.2s linear;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a:hover > .untitre{top: inherit; bottom: -1px;transition : all 0.2s linear;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .untitre h4{ font:16px/24px 'Oswald', sans-serif; font-weight:400; padding: 0px; margin: 0px;color:#58595b;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .untitre .unexcerpt{opacity: 0;transition : all 0.2s linear;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li a:hover > .untitre .unexcerpt{opacity: 0.8;transition : all 0.2s linear;}

.listing_temoignage .les_temoignages .btn_previous{width: 80px; float: left; height: 100%; display: block; overflow: hidden; position: relative;}
.listing_temoignage .les_temoignages .btn_previous img{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;}
.listing_temoignage .les_temoignages .btn_next{width: 80px; float: left; height: 100%; display: block; overflow: hidden; position: relative;}
.listing_temoignage .les_temoignages .btn_next img{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;}

.listing_temoignage .les_temoignages .lelisting_temoignage ul li a:hover > .uneimage img{opacity: 0.8;transition : all 0.2s linear;}

@media screen and (max-width: 900px) {
	.listing_temoignage .les_temoignages{height: 200px;}
	.listing_temoignage .les_temoignages .lelisting_temoignage{width: calc(100% - 60px);}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li{ width: calc(100% / 2 - 30px); }
	.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .uneimage img{width: auto; height: 100%;}
	
.listing_temoignage .les_temoignages .btn_previous, .listing_temoignage .les_temoignages .btn_next{width: 30px; height: 100%;}
.listing_temoignage .les_temoignages .btn_previous img, .listing_temoignage .les_temoignages .btn_next img{width: 30px; height: 30px;}
	.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .untitre{position: absolute; top:174px; }
	
}
@media screen and (max-width: 767px) {
	.listing_temoignage .les_temoignages{height: 200px;}
.listing_temoignage .les_temoignages .lelisting_temoignage ul li{ width: calc(100% - 30px);}
	.listing_temoignage .les_temoignages .lelisting_temoignage ul li a .uneimage img{width: 100%; height: auto;}
}
/* #################### */
/*##############*/
/*listing des actualités en accueil*/
.listing_actu{width: 100%; display: block; float: left;}
.listing_actu .case_actu{ width: calc(100% / 3 - 30px); margin: 15px; display: block; position: relative; float: left;transition : all 0.2s linear;}
.listing_actu .case_actu .uneimage{ width: 100%; height: 250px; float: left; display: block; position: relative; overflow: hidden;}
.listing_actu .case_actu .uneimage img{position: absolute; z-index: 1; top: 50%; left:50%; width: 100%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;}
.listing_actu .case_actu .uneimage .ladate{ position: absolute; bottom: 0px; z-index: 2; left: 0px; background:#21156b; color:#ffffff; font:14px/24px 'Oswald', sans-serif; padding: 5px 15px 5px 15px; }
.listing_actu .case_actu .untitre{ width: calc(100% - 20px); padding: 10px; float: left; display: block; position: relative; text-align: left;}
.listing_actu .case_actu .untitre h4{ font:18px/24px 'Oswald', sans-serif; font-weight:200; text-transform: uppercase; padding: 20px 0px 0px 0px; margin: 0px;color:#58595b; text-align: left;}

.listing_actu .case_actu a:hover > .untitre h4, .listing_actu .case_actu a:hover > .untitre{color:#21156b;transition : all 0.2s linear;}
.listing_actu .case_actu:hover{box-shadow: 0px 0px 10px #cccccc;transition : all 0.2s linear;}

@media screen and (max-width: 767px) {
.listing_actu .case_actu{ width: calc(100% - 30px); margin: 15px; display: block; position: relative; float: left;}
}

.ladate2{ position: relative; z-index: 2;  background:#21156b; color:#ffffff; font:14px/24px 'Oswald', sans-serif; padding: 5px 15px 5px 15px; display: inline-block;}


.coord{color:#21156b; font:16px/24px 'Oswald', sans-serif; font-weight:200;}
.copyright{color:#7d7d7d; font:16px/24px 'Oswald', sans-serif; font-weight:200;}

/*###########*/
/* case */
.case_team{width: calc(100% / 4 - 50px); display: inline-block; position: relative; padding: 0px 25px 0px 25px; cursor: pointer; overflow: hidden;}
.case_team .photo{ position: relative;width: 100%; display: block; overflow: hidden;}
.case_team .photo img{ width: 100%; /*filter: grayscale(100%);    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);*/}
.case_team .photo .hover{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 2; opacity: 0; background: #21156b; transition : all 0.2s linear;}
.case_team:hover .photo .hover{opacity: 0.5;transition : all 0.2s linear;}
.case_team:hover .photo img{animation: run-rotation_bis 0.3s reverse 1;}
.case_team .content_portrait{display: none;}
.case_affiche_content{display: inline-block; text-align: left; width: calc(3 * 239px); width: -webkit-calc(3 * 239px); padding: 10px;  border-left:1px solid #21156b;}
.case_team h4.design5
{ font:30px/40px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 20px 10px 20px 10px; text-transform: uppercase; }

@media screen and (max-width: 1200px) and (min-width: 900px) {
	.case_team h4.design5
{ font:20px/40px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 20px 10px 20px 10px; text-transform: uppercase; }
}
@media screen and (max-width: 900px) {
	.case_team{width: calc(100% /2 - 20px); padding: 0px 10px 0px 10px;}
}
@media screen and (max-width: 450px) {
	.case_team{width: calc(100%  - 20px); padding: 0px 10px 0px 10px;}
.case_team h4.design5
{ font:20px/40px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 20px 10px 20px 10px; text-transform: uppercase; }
}

/* #################### */
/*    Search    */
/* #################### */
.listing_search{ width: 100%; float: left;}
.listing_search .case_search{ width: calc(100% / 3 - 12px); margin: 5px; width: -webkit-calc(100% / 3 - 12px); border: 1px solid #e2e2e2; display: inline-block; float: left; position: relative; height: 480px;}
.listing_search .case_search .search_img{ width: 100%; height: 220px; float: left; display: block; position: relative; overflow: hidden;}
.listing_search .case_search .search_img img{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
.listing_search .case_search .letitre{font: 20px/30px 'Oswald', sans-serif; border-bottom: 1px solid #e2e2e2; margin: 5px 15px 5px 15px;}
.listing_search .case_search .lecontenu{ text-align: left; padding: 5px;}

@media screen and (max-width: 1200px) {
.listing_search .case_search{ width: calc(100% / 2 - 12px); margin: 5px; width: -webkit-calc(100% / 2 - 12px); border: 1px solid #e2e2e2; display: inline-block; float: left; position: relative; height: 550px;}	
}
@media screen and (max-width: 780px) {
.listing_search .case_search{ width: calc(100% - 12px); margin: 5px; width: -webkit-calc(100% - 12px); border: 1px solid #e2e2e2; display: inline-block; float: left; position: relative; height: 550px;}	
}

/**###########*/
/** Recherche */
div.search{ display: inline-block; height: 20px; border-left: 1px solid #555555; padding: 0px 20px 0px 20px; margin-left: 20px; position: relative;}
div.search .btn_search{ margin-bottom: -5px;}
.screen-reader-text{display: none;}
form.wp-block-search{display: none; position: absolute; top: 40px; right: 0px; background: #21156b; text-align: center; padding: 20px; width: 270px; white-space: nowrap; z-index: 999;}
div.search li.widget_search .wp-block-search input{ width:120px; background: #21156b; border: 1px solid #555555; font: 16px/40px "Oswald"; height: 40px; color:#FFFFFF; padding: 0px 5px 0px 5px;}
div.search li.widget_search input[type=submit] {cursor: pointer; background: #ffffff; display: inline-block; border: 1px solid #ffffff;  color: #21156b; text-transform: uppercase;font:14px/36px 'Oswald', sans-serif; height: 36px;text-align: center;}
div.search li.widget_search input[type=submit]:hover { cursor: pointer; background: #21156b; color: #ffffff; text-transform: uppercase;font:12px/36px 'Oswald', sans-serif;}

@media screen and (max-width: 900px) {
	div.search{border: 0px;}
}
@media screen and (min-width: 900px) {
	div.search, div.reseau{float:right;}
}


@media screen and (max-width: 560px) {
	.div100{ float:left; width:100%; position:relative; overflow: hidden;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2, .div50_4{ float:left; width:98%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; margin:20px 0px 0px 0px; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div30_4{  width:98%; padding:1%; float:left;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:100%;}
.div25_2{ float:left; width:98%; padding:1%;}
.div20{ float:left; width:50%;}
.div20_2{ float:left; width:48%; padding:1%;}
.div75{float: left; width: 100%; display: block;}
.div75_2{float: left; width: 98%; padding: 1%; display: block;}
}
@media screen and (min-width: 560px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:98%; padding:1%; position:relative;}
	.div50_4{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div30_4{  width:98%; padding:1%; float:left;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:48%; padding:1%;}
.div20{ display:inline-table; width:17%;}
.div20_2{ display:inline-table; width:15%; padding:1%;}
.div75{float: left; width: 75%; display: block;}
.div75_2{float: left; width: 73%; padding: 1%; display: block;}
}
@media screen and (min-width: 901px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:50%; position:relative;}
.div50_2, .div50_4{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:33%;}
.div30_2{  width:31%; padding:1%; float:left; max-width:31%; overflow:hidden}
.div30_2 a img{ max-width:100%; overflow:hidden;}
.div30_3{ float:left; width:31%; padding:0% 0% 0% 2%;}
.div30_4{  width:31%; padding:1%; float:left;}
.div60_2{ float:left; width:64%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:48%; padding:1%;}
.div20{ display:inline-table; width:20%;}
.div20_2{ display:inline-table; width:18%; padding:1%;}

}
@media screen and (min-width: 1201px) {
.div25_2{ float:left; width:23%; padding:1%;}
}
.div100{z-index: 10;}
.div100_boutique{ width: calc(100% - 60px); width: -webkit-calc(100% - 80px); padding: 40px;}
.w100{font-weight: 100;}.w300{font-weight: 300;}.w400{font-weight: 400;}.w500{font-weight: 500;}.w700{font-weight: 700;}

@media screen and (max-width: 900px) {.notaffiche900{display: none;}}
@media screen and (max-width: 780px) {.notaffiche780{display: none;}}
/*###########*/
/*Tailles TXT*/
.small2{ font-size:12px; line-height: 16px;}
.small{ font-size:14px; line-height: 16px;}.small2{ font-size:14px; line-height: 20px;}.small3{ font-size:14px; line-height: 30px;}
.medium2{ font-size:16px; line-height: 20px;}
.large{ font-size:18px;  line-height: 22px;}
.xlarge{ font-size:20px; line-height: 22px;}
.xxlarge{ font-size:22px;  line-height: 28px;}
.xxlarge2{ font-size:22px;  line-height: 22px;}
.xxxlarge{ font-size:25px;  line-height: 32px;}
.x4large{ font-size:30px; line-height: 40px;}
.x5large{ font-size:40px; line-height: 50px;}
.x6large{ font-size:50px; line-height: 60px;}

@media screen and (max-width: 900px) {
.x4large{ font-size:26px; line-height: 35px;}
.x5large{ font-size:28px; line-height: 35px;}
.x6large{ font-size:30px; line-height: 35px;}
}
/*Couleur police*/
.txtblanc{ color:#ffffff !important;} .txtnoir{ color:#000000;} .txtombre{text-shadow: 2px 2px 4px #000000; color: #FFFFFF;} .txtbleu{color: #21156b;}
/*Align police*/
.txtcenter{ text-align:center !important;}.txtleft{ text-align:left;}.txtright{ text-align:right;}.txtjustify{ text-align:justify;}
.txtvertical{position: absolute; z-index: 1; top: 50%; left:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}

/*##############*/
 /*Background*/
.bg_design1{background: url("charte/bg-logo.jpg") top left no-repeat;}
.bg_design2{background: url("charte/bg-logo-RB.jpg") right bottom no-repeat;}
.bg_design3{ background: url("charte/bg_trait.png") center top repeat-y;}
.bg_design3_2{ background: url("charte/bg_trait_2.png") center top repeat-y;}
.bg_design4{background: url("charte/bg-logo-LB.jpg") bottom left no-repeat;}
.bg_design5{ background: url("charte/bg_trait2.png") center top repeat-y;}
.bg_design6{ background: url("charte/bg-logo-RB-mini.jpg") bottom right no-repeat;}
.bg_design7{ background: url("charte/bg-logo-LC.jpg") left center no-repeat;}
.bggris{background: #f5f5f5;}
.bgbleu{background: #21156b; color:#ffffff !important;}

.img100{max-width: 100%; height: auto;}
/* float*/
.fltright{float: right;} .fltleft{float: left;}
/*##############*/
/* les boutons */
.btn1, .btn_design1 a { border-bottom: 4px solid #ffffff; display: inline-block; cursor: pointer;  letter-spacing: 2px;color: #FFFFFF; text-transform: uppercase;font:16px/17px 'Oswald', sans-serif; padding: 10px;text-shadow:none; margin: 0px 5px 0px 5px; }
.btn1:hover, .btn_design1 a:hover { background: #21156b; }

.btn2, .btn_design2 a { border-bottom: 1px solid #21156b; background: #21156b; display: inline-block; cursor: pointer;  letter-spacing: 2px; color: #FFFFFF; text-transform: uppercase;font:16px/16px 'Oswald', sans-serif; padding: 15px 10px 15px 10px;text-shadow:none; margin: 0px 5px 0px 5px; }
.btn2:hover, .btn_design2 a:hover { background: #ffffff; color:#21156b; }

.btn3, .btn_design3 a { border-bottom: 4px solid #FFFFFF; display: inline-block; cursor: pointer;  letter-spacing: 2px; color: #21156b; text-transform: uppercase;font:16px/47px 'Oswald', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; margin: 0px 5px 0px 5px; }
.btn3:hover, .btn_design3 a:hover {border-bottom: 4px solid #21156b; }


.btn_retour, .btn_retour a { border-bottom: 1px solid #21156b; display: inline-block; cursor: pointer; background: #ffffff; color: #58595b; text-transform: uppercase;font:16px/47px 'Oswald', sans-serif; padding: 0px 5px 0px 5px;text-shadow:none; position: relative;margin: 0px 5px 0px 25px; }
.btn_retour:hover, .btn_retour a:hover {  cursor: pointer; background: #21156b; color: #ffffff; text-transform: uppercase;font:16px/47px 'Oswald', sans-serif;}
.btn_retour::before, .btn_retour a::before {  content: url("charte/btn_back.png"); width: 20px; height: 20px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); }
/*##############*/
/*    TITRES    */
h1.design1, h2.design1, h3.design1, h4.design1, .titre_design1 h1, .titre_design1 h2, .titre_design1 h3, .titre_design1 h4
{ font:26px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: right; text-transform: uppercase; }
h1.design1::after, h2.design1::after, h3.design1::after, h4.design1::after, .titre_design1 h1::after, .titre_design1 h2::after, .titre_design1 h3::after, .titre_design1 h4::after{ height: 50px; width: 2px; display: block; background: #21156b; position: absolute; bottom: -50px; z-index: 99; right: 200px;content: ""; }

h1.design2, h2.design2, h3.design2, h4.design2, .titre_design2 h1, .titre_design2 h2, .titre_design2 h3, .titre_design2 h4
{ font:26px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: left; text-transform: uppercase; }
h1.design2::after, h2.design2::after, h3.design2::after, h4.design2::after, .titre_design2 h1::after, .titre_design2 h2::after, .titre_design2 h3::after, .titre_design2 h4::after{ height: 50px; width: 2px; display: block; background: #21156b; position: absolute; top: -50px; z-index: 99; left: 45px;content: ""; }

h1.design3, h2.design3, h3.design3, h4.design3, .titre_design3 h1, .titre_design3 h2, .titre_design3 h3, .titre_design3 h4
{ font:26px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: right; text-transform: uppercase;}
h1.design3::after, h2.design3::after, h3.design3::after, h4.design3::after, .titre_design3 h1::after, .titre_design3 h2::after, .titre_design3 h3::after, .titre_design3 h4::after{ height: 2px; width: 50px; display: block; background: #21156b; position: absolute; top: 17px; z-index: 99; right: -50px;content: ""; }

h1.design3_2, h2.design3_2, h3.design3_2, h4.design3_2, .titre_design3_2 h1, .titre_design3_2 h2, .titre_design3_2 h3, .titre_design3_2 h4
{ font:26px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: left; text-transform: uppercase;}
h1.design3_2::after, h2.design3_2::after, h3.design3_2::after, h4.design3_2::after, .titre_design3_2 h1::after, .titre_design3_2 h2::after, .titre_design3_2 h3::after, .titre_design3_2 h4::after{ height: 2px; width: 50px; display: block; background: #21156b; position: absolute; top: 17px; z-index: 99; left: -50px;content: ""; }

h1.design3_3, h2.design3_3, h3.design3_3, h4.design3_3, .titre_design3_3 h1, .titre_design3_3 h2, .titre_design3_3 h3, .titre_design3_3 h4
{ font:20px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: left; text-transform: uppercase;}
h1.design3_3::after, h2.design3_3::after, h3.design3_3::after, h4.design3_3::after, .titre_design3_3 h1::after, .titre_design3_3 h2::after, .titre_design3_3 h3::after, .titre_design3_3 h4::after{ height: 2px; width: 20px; display: block; background: #21156b; position: absolute; top: 17px; z-index: 99; left: -20px;content: ""; }

h1.design4, h2.design4, h3.design4, h4.design4, .titre_design4 h1, .titre_design4 h2, .titre_design4 h3, .titre_design4 h4
{ font:60px/80px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-transform: uppercase; }

h1.design5, h2.design5, h3.design5, h4.design5, .titre_design5 h1, .titre_design5 h2, .titre_design5 h3, .titre_design5 h4
{ font:30px/80px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 0px 10px 0px 10px; text-transform: uppercase; }

h1.design5_2, h2.design5_2, h3.design5_2, h4.design5_2, .titre_design5_2 h1, .titre_design5_2 h2, .titre_design5_2 h3, .titre_design5_2 h4
{ font:30px/80px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 0px 10px 0px 10px; text-transform: uppercase; color:#21156b; }
h1.design5_3, h2.design5_3, h3.design5_3, h4.design5_3, .titre_design5_3 h1, .titre_design5_3 h2, .titre_design5_3 h3, .titre_design5_3 h4
{ font:30px/80px 'Oswald', sans-serif; font-weight: 200; letter-spacing: 2; padding: 0px 10px 0px 10px; text-transform: uppercase; color:#ffffff; }


h1.design1_vertical, h2.design1_vertical, h3.design1_vertical, h4.design1_vertical, .titre_vertical_design1 h1, .titre_vertical_design1 h2, .titre_vertical_design1 h3, .titre_vertical_design1 h4{ font:35px/35px 'Oswald', sans-serif; color:#21156b; padding: 0px; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; position: absolute; top: 0px; left: -420px; z-index: 999; transform: rotate(-90deg); transform-origin: top right; text-transform: uppercase;}

.titre_rond{ }
.titre_rond h1, .titre_rond h2, .titre_rond h3, .titre_rond h4{ display: block; font:60px/80px 'Oswald', sans-serif; padding: 5px; height: 100px; width: 100px; text-align: center; border: 5px solid #21156b; border-radius: 50px; color:#21156b;}
.titre_rond h1:hover, .titre_rond h2:hover, .titre_rond h3:hover, .titre_rond h4:hover{animation: run-rotation3 0.3s reverse 1;}

@media screen and (max-width: 767px) {
	h1.design3, h2.design3, h3.design3, h4.design3, .titre_design3 h1, .titre_design3 h2, .titre_design3 h3, .titre_design3 h4
{ font:26px/35px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-align: right; text-transform: uppercase; }
	h1.design3::after, h2.design3::after, h3.design3::after, h4.design3::after, .titre_design3 h1::after, .titre_design3 h2::after, .titre_design3 h3::after, .titre_design3 h4::after{ height: 50px; width: 2px; display: block; background: #21156b; position: absolute; bottom: -50px; z-index: 99; right: 200px;content: ""; top: inherit !important; }
	
h1.design4, h2.design4, h3.design4, h4.design4, .titre_design4 h1, .titre_design4 h2, .titre_design4 h3, .titre_design4 h4
{ font:40px/70px 'Oswald', sans-serif; color:#21156b; font-weight: 400; letter-spacing: 2; padding: 0px 10px 0px 10px; text-transform: uppercase; }
	
}
/*
h1.design2, h2.design2, h3.design2, h4.design2, .titre_design2 h1, .titre_design2 h2, .titre_design2 h3, .titre_design2 h4{ font:26px/35px 'Oswald', sans-serif; color:#58595b; background: #fcfaf7; padding: 0px; font-weight: 700; letter-spacing: 2; padding: 0px 10px 0px 10px; }

h1.design3, h2.design3, h3.design3, h4.design3, .titre_design3 h1, .titre_design3 h2, .titre_design3 h3, .titre_design3 h4, h1.page-title{ font:26px/35px 'Oswald', sans-serif;  font-weight: 700; letter-spacing: 2; padding: 0px 10px 0px 10px; }
h1.design3::before, h2.design3::before, h3.design3::before, h4.design3::before, .titre_design3 h1::before, .titre_design3 h2::before, .titre_design3 h3::before, .titre_design3 h4::before, h1.page-title::before{ background: url("charte/bg_trait.png"); height: 32px; position: absolute; right: 100%; top: -10px; z-index: 2; width: 110px; display: block; content: ""; }*/

h1, h2, h3, h4{ font:26px/35px 'Oswald', sans-serif; color: inherit; padding: 0px; margin: 0px; font-weight: 700; letter-spacing: 2; }

/*##############*/
/*    Liste    */
ul.liste1{ }
ul.liste1 li{ list-style: circle; margin: 0px 0px 0px 20px; list-style-image: url("charte/liste-edelweiss.png");}

.listing_on ul{}
.listing_on ul li{list-style: circle; margin: 0px 0px 0px 20px; list-style-image: url("charte/puce.png"); font:12px/15px 'Oswald', sans-serif;}

#breadcrumbs{ margin-left: 10px;}
#breadcrumbs a, #breadcrumbs .breadcrumb_last{font:12px/20px 'Oswald', sans-serif; color: rgba(83,83,83,1.00);}


/*###########*/
/* Form */

.wpforms-container input, .wpforms-container select, .wpforms-container textarea{ border:0px; height:28px;font:13px/15px 'Oswald', sans-serif; color:#3d3d3d; width:calc(98% - 6px);width: -webkit-calc(98% - 6px); margin:1%; padding:2px; float:left; background: #f7f7f7 ;}
.wpforms-container textarea{ height: 150px !important;}

/*###########*/
/* Form rdv */


.wpcf7{position: relative; z-index: 2;}
.number{ color:#21156b;font:40px/40px 'Oswald', sans-serif; font-weight: 600;}

#wpcf7-f504-o1 input[type=text], #wpcf7-f504-o1 input[type=email], #wpcf7-f504-o1 input[type=date], #wpcf7-f504-o1 select{background: #FFFFFF; border:0px; border-bottom: 1px solid #3d3d3d;  color:#3d3d3d; width:calc(48% - 6px);width: -webkit-calc(48% - 6px);height:28px;font:13px/15px 'Oswald', sans-serif; }
#wpcf7-f504-o1 textarea{background:rgba(237,237,237,1.00); border:0px; border-bottom: 1px solid #3d3d3d;  color:#3d3d3d; width:calc(48% - 6px);width: -webkit-calc(48% - 6px);height:28px;font:13px/15px 'Oswald', sans-serif; height: 150px; }

.help, .pop, .form_fenetre{ position: fixed; background-color: rgba(255,255,255,0.80); top: 0px; left: 0px; z-index: 99999; width: 100%; height: 100%; max-height:100%; display: none;}
.help .help_content, .pop .pop_content, .form_fenetre .form_fenetre_content{background:#FFFFFF; border-radius:5px; padding: 10px; color:#000000; position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);overflow-y: scroll; max-height: 80%; width: 95%; max-width:1400px; text-align: left !important;}
.form_fenetre .form_fenetre_content::after{position: absolute; right: 0px; top: 50%;transform: translateY(-50%); -webkit-transform:translateY(-50%); content: url("charte/bg-popup.jpg"); z-index: 1;}
.content_pop{display: none;}
.btn_close{ height: 30px; width: 30px; padding: 5px; position: absolute; top: 0px; right: 0px; border-radius: 20px; z-index: 10; background: #21156b;border: 2px solid #21156b;}
.btn_close:hover{border: 2px solid #21156b; background: #ffffff;}
.btn_close:after, .btn_close:before {  background-color: #ffffff;  border-radius: 3px;  content: '';  display: block;  height: 3px;  margin: 4px 0;  transition: all .2s ease-in-out;}
.btn_close:before { transform: translateY(8px) rotate(135deg);}
.btn_close:after { transform: translateY(0px) rotate(-135deg);}
.btn_close:hover:after, .btn_close:hover:before{background-color: #21156b;}
/*###########*/
/* Elementor modif */
/*
.elementor-image a{overflow: hidden; background: #58595b; transition : all 0.2s linear;}
.elementor-image a::before{ content: url("charte/icone-loupe.png");position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%) translateX(-50%); -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%); z-index: 2; padding: 10px; border: 1px solid #21156b; opacity: 0;transition : all 0.2s linear;}
.elementor-image a:hover > img{opacity: 0.5;transition : all 0.2s linear;}
.elementor-image:hover > a::before{ opacity: 1;transform:translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg); }*/

/* Flexbox ! */

@media screen and (min-width: 900px) {
	.flexbox_on{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-directiobn: row; float: none; }
 	.flexbox_on .flex_case50{ flex: 1;  width:calc(100% / 2); max-width: calc(100% / 2); display: inline-block; position: relative;}
 	.flexbox_on .flex_case30{ flex: 3;  width:calc(100% / 3); max-width: calc(100% / 3); display: inline-block; position: relative;}
 	.flexbox_on .flex_case50_2{ flex: 1;  width:calc(100% / 2 - 20px); max-width: calc(100% / 2 - 20px); padding: 10px; display: inline-block; position: relative;}
	.case_table{display:table;height:100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle}
}

@media screen and (max-width: 767px) {
	.flexbox_on{width: 100%;}
	.flexbox_on .flex_case50{  width:100%; display: inline-block; position: relative;}
	.case_table{display:table;height:100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle;}
}
.case_table .vertical_align img{ max-width: 100%; height: auto;}
	.case_table2{display:table !important;height:100%; width: 100%;}
	.case_table2 .vertical_align2{display:table-cell;vertical-align:middle; text-align: center;}

/*Deco txt*/

.txt_design1{ padding: 20px 0px 20px 0px; margin: 0px 0px 20px 0px;}
.txt_design1::after{content: ""; position: absolute; bottom: 0px; left: 50%; width: 200px; height: 1px; display: block; background: #21156b; transform: translateX(-50%); -webkit-transform:translateX(-50%) ;  }

.txt_design2{ padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px;}
.txt_design2::after{content: ""; position: absolute; bottom: 0px; left: 0px; width: 200px; height: 1px; display: block; background: #21156b;  }

/*Image Effect*/
.img_effect1 img:hover{animation: run-rotation_bis 0.3s reverse 1;}

@keyframes run-rotation {
  0% {transform: rotate(0deg) translateX(-50%);  }
	50% {transform: rotate(3deg) translateX(-50%); }
  100% {transform: rotate(0deg) translateX(-50%); }
}
@keyframes run-rotation_bis {
  0% {transform: rotate(0deg); }
	50% {transform: rotate(3deg) ; }
  100% {transform: rotate(0deg); }
}

@keyframes run-rotation2 {
  0% {transform: rotateX(0deg); }
  100% {transform: rotateX(180deg); }
}
@keyframes run-rotation3 {
  0% {transform: rotate(0deg); }
	50% {transform: rotate(5deg);}
  100% {transform: rotate(0deg); }
}


/*###########*/
/* Elementor modif */


.elementor-image a{overflow: hidden; background: #21156b; transition : all 0.2s linear;}
.elementor-image a::before{ content: url("charte/icone-loupe.png");position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translateY(-50%) translateX(-50%); -webkit-transform: rotate(90deg) translateY(-50%) translateX(-50%); z-index: 2; padding: 10px; border: 1px solid #cbbc9d; opacity: 0;transition : all 0.2s linear;}
.elementor-image a:hover > img{opacity: 0.5;transition : all 0.2s linear;}
.elementor-image:hover > a::before{ opacity: 1;transform:translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg); }



/*##############*/
/*   numéro des pages  */
a.page-numbers, span.page-numbers{ font:16px/24px 'Oswald', sans-serif; text-align: center; height: 24px; padding: 2px; min-width: 24px; display: inline-block; white-space: nowrap; border-radius: 14px; border: 1px solid #ffffff; margin: 0px 5px 0px 5px; background: #FFFFFF; }
a.page-numbers:hover{ background:#21156b; color:#FFFFFF; border: 1px solid #ffffff; }
span.page-numbers.current{background:#21156b; color:#FFFFFF; border: 1px solid #ffffff;  }

/* ########### */
/*    Galerie     */
/* ########### */
.unegalerie{width: 100%; display: block; float: left; }
.unegalerie .col1{width: calc(100% / 3 * 2); float: left; display: block; position: relative; height: 660px;}
.unegalerie .col2{width: calc(100% / 3); float: left; display: block; position: relative; height: 660px;}
.unegalerie .col1 .galeriecase, .unegalerie .col2 .galeriecase{ display: block; position: relative; float: left; overflow: hidden;}
.unegalerie .col1 .galeriecase a, .unegalerie .col2 .galeriecase a{display: block; background: #21156b; height: 100%;}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6{width: calc(100% - 30px);}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1{margin-right: 30px; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6{margin-left: 30px; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8{width: calc(100% / 2 - 30px); margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3{margin-right: 30px;}
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8{margin-left: 30px;}
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5{ width: 100%; margin-bottom: 30px;}
.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{background: #21156b;}

.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6,
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8,
.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{height: 300px;}
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5{height: 630px;}

.unegalerie .col1 .galeriecase img, .unegalerie .col2 .galeriecase img{max-width: inherit !important;transition : all 0.2s linear;}
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img,
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{ position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%) ;  }
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img{width: 100%; height: auto;}
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{height: 100%; width: auto;}
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img{height: 100%; width: auto;}

.unegalerie .col1 .galeriecase.casetitre .bordure, .unegalerie .col2 .galeriecase.casetitre .bordure{margin: 14px; width: calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #e4d2ba;}

.unegalerie .col1 .galeriecase a:hover > img, .unegalerie .col2 .galeriecase a:hover > img{opacity: 0.5; transition : all 0.2s linear;}

.unegalerie .col1 .galeriecase a::before, .unegalerie .col2 .galeriecase a::before{opacity: 0;position: absolute; z-index: 2; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(45deg); text-align: center;color: #FFFFFF;transition : all 0.2s linear; width: 60px; height: 60px; content: url("charte/icone-loupe.png");}
.unegalerie .col1 .galeriecase a:hover::before, .unegalerie .col2 .galeriecase a:hover::before{opacity: 1;transition : all 0.2s linear;transform: translateY(-50%) translateX(-50%) rotate(0deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg);}

@media screen and (max-width: 560px) {
	
.unegalerie .col1{width: calc(100%); float: left; display: block; position: relative; height: auto;}
.unegalerie .col2{width: calc(100%); float: left; display: block; position: relative; height: auto;}
.unegalerie .col1 .galeriecase.case1, .unegalerie .col2 .galeriecase.case1,
.unegalerie .col1 .galeriecase.case2, .unegalerie .col2 .galeriecase.case2,
.unegalerie .col1 .galeriecase.case3, .unegalerie .col2 .galeriecase.case3,
.unegalerie .col1 .galeriecase.case4, .unegalerie .col2 .galeriecase.case4,
.unegalerie .col1 .galeriecase.case5, .unegalerie .col2 .galeriecase.case5,
.unegalerie .col1 .galeriecase.case6, .unegalerie .col2 .galeriecase.case6,
.unegalerie .col1 .galeriecase.case7, .unegalerie .col2 .galeriecase.case7,
.unegalerie .col1 .galeriecase.case8, .unegalerie .col2 .galeriecase.case8,
	.unegalerie .col1 .galeriecase.casetitre, .unegalerie .col2 .galeriecase.casetitre{ width: calc(100% - 60px); margin: 0px 30px 30px 30px; height: 250px;}
.unegalerie .col1 .galeriecase.case1 img, .unegalerie .col2 .galeriecase.case1 img,
.unegalerie .col1 .galeriecase.case6 img, .unegalerie .col2 .galeriecase.case6 img,
.unegalerie .col1 .galeriecase.case2 img, .unegalerie .col2 .galeriecase.case2 img,
.unegalerie .col1 .galeriecase.case3 img, .unegalerie .col2 .galeriecase.case3 img,
.unegalerie .col1 .galeriecase.case4 img, .unegalerie .col2 .galeriecase.case4 img,
.unegalerie .col1 .galeriecase.case5 img, .unegalerie .col2 .galeriecase.case5 img,
.unegalerie .col1 .galeriecase.case7 img, .unegalerie .col2 .galeriecase.case7 img,
	.unegalerie .col1 .galeriecase.case8 img, .unegalerie .col2 .galeriecase.case8 img{ width: 100%; max-height: inherit !important; height: auto;}
}