/*
Theme Name: Divi Child
Description: Theme enfant de Divi
Template: Divi
Version: 1.1
*/

/*
  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __
 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /
 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ V /
 | |_| | |  \ V /  | |    | |__| |_| | |  | | |  | | |_| | |\  || |  | |   | |
 |____/___|  \_/  |___|    \____\___/|_|  |_|_|  |_|\___/|_| \_|___| |_|   |_|

*/


/* 
** CENTRER DU CONTENU VERTICALEMENT 
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

.Titre-home{display: none;}
.titre-home{display: none;}
.home .et_pb_slide{height:100vh;}
.et_pb_slide{height:80vh;}
body{background:#000;}
.et_pb_slide_description h2.et_pb_slide_title {
    font-size: 30px;
}
#footer-info a {
    font-weight: normal!important;
}
#text-4{margin-top: 50px;}
#text-2{margin-top: 30px;}
@media only screen and (min-width: 980px) {
#Bloc-presentation .et_pb_column_1_4, #Bloc-presentation .et_pb_gutters3.et_pb_row .et_pb_column_1_4{width: 8.875% !important;}

#Bloc-presentation .et_pb_column_3_4, #Bloc-presentation .et_pb_gutters3.et_pb_row .et_pb_column_3_4{width: 85.625% !important;}
}
.pres {
    font-size: 60px;
    text-align: left !important;
}
.flip-container {
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -o-perspective: 1000;
     perspective: 1000;
     position: relative;
     overflow: hidden;
	  width: 100%;
	  height: 560px;
}
 .flip-container .image{
       height:100%;
     width:100%;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
}
.Bloc1 .flip-container .image{
     background:url(https://www.blochor.ch/wp-content/uploads/2018/02/seedplus.jpg) !important;
}
.Bloc2 .flip-container .image{
     background:url(https://www.blochor.ch/wp-content/uploads/2018/02/bleu.jpg);
}
.Bloc3 .flip-container .image{
     background:url(https://www.blochor.ch/wp-content/uploads/2018/02/seedplus.jpg);
}
 .flip-container:hover .image{
     -webkit-transform: scale(1.3);
     transform: scale(1.3);
}
 .flip-container:hover .flipper, .flip-container.hover .flipper {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
 .front, .back {
     width: 100%;
     height: 100%;
}
 .flipper {
     -webkit-transition: 0.6s;
     -webkit-transform-style: preserve-3d;
     -moz-transition: 0.6s;
     -moz-transform-style: preserve-3d;
     -o-transition: 0.6s;
     -o-transform-style: preserve-3d;
     transition: 0.6s;
     transform-style: preserve-3d;
     position: absolute;
     top:5%;
     left:8%;
	 width:84%;
	 height:90%;
}
 .front, .back {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .front {
     background: #fff;
     z-index: 20;
     text-align:center;
}
 .back {
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg);
     z-index:30;
     left:0px;
     top:0px;
     position:absolute;
     z-index:999;
     background: #fff;
    text-align:center;
}
.front img{width: 60px; margin-top: 120px;}
.front h2{color: #000; text-transform: uppercase; font-weight: 700; margin: 70px 0;}
.front a{font-size: 22px; font-weight: 700; text-transform: uppercase;}
.back p{padding: 70px 20px; text-align: center; color:#000;}
.back a{font-size: 22px; font-weight: 700; text-transform: uppercase; }

.Blocs-mobile img{width: 60px; margin-top: 20px;}
.Blocs-mobile h2{color: #000; text-transform: uppercase; font-weight: 700; margin: 20px 0 0; text-align:center; font-size:18px;}
.Blocs-mobile p{padding: 15px 20px; text-align: center; color:#000;}
.Blocs-mobile a{font-size: 16px; font-weight: 700; text-transform: uppercase; }

.leSlide {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.leSlide .list {
	display: flex;
	justify-content:center;
	position: absolute;
	height: 150px;
	animation: animation 15s linear infinite alternate;
	align-items:center;
	margin: 25px;
}
.leSlide .list div {
	min-width: 350px;
}
@keyframes animation{
	0%{transform:translateX(0);}
	100%{transform:translateX(calc(-100% + 100vw));}
}




.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
     width: 380px;
   /*  height: 200px;*/
    background: rgba(0,0,0,0.1);
    border: 1px solid #fff;
    padding: 40px 10px !important;
   text-transform:uppercase;
}
.leSlide .list a.button-ctc{display: block; width: 150px; background: #bc9e2e; font-size: 18px; color: #000; padding: 10px; margin: 0 auto; margin-top: 40px; text-align: center; text-transform: uppercase;}
.leSlide .list a{font-size: 26px; font-weight: 700;}
#bandeau-ctc{border-left:8px solid #979797; border-right:8px solid #979797;}

.et_pb_section {
    position: relative;
    background-color: #000;
}

.et_pb_widget {
    float: none;
}
.footer-widget {
    text-align: center;
}
#footer-bottom{font-size:13px; color:#000;}
#footer-bottom .container{text-align:center;}
#footer-info {
    float: none;
    display: inline;
color:#000;
}
.footer-widget #text-3{margin-bottom: 20px !important;}
#footer-info a {color:#000;}

#bouton-defilement-bas{position: absolute; width: 60px; bottom: 40px; left: 50%; margin-left:-30px; }

#bandeau-bloc .et_pb_column{text-align: center ; padding: 30px 0px; background: #212121;}
#bandeau-bloc .et_pb_column .et_pb_text h2{text-align: center; color: #b99b2e;}
#bandeau-bloc .et_pb_column img{width: 100px;}
/*
#bandeau-bloc .et_pb_column:hover{background: #fff;}
#bandeau-bloc .et_pb_column:hover h2{color: #000;}
*/


input {

    padding: 8px !important;
    border: 1px solid #bbb !important;
    color: #4e4e4e;
    background-color: #fff;
    width: 90%;
}
textarea {

    padding: 8px !important;
    border: 1px solid #bbb !important;
    color: #4e4e4e;
    background-color: #fff;
    width: 90%;
  height: 200px;
}
.et_pb_slide_description h2.et_pb_slide_title {
    padding-bottom: 0px;
    padding: 70px 0;
}
.et_pb_bg_layout_dark .et_pb_slide_description {
    margin-top: -100px;
}
input.wpcf7-submit{
width: 150px;
margin: 0 auto !important;
background: #bc9e2f;
color: #fff;
border: 0px !important;
display: block;
 }

@media only screen and (max-width: 980px) {
#Bloc-presentation .et_pb_column{margin-bottom: 0px;}
.front h2 {
      margin: 40px 0;
    font-size: 18px;
}
.front a, .back a {
    font-size: 16px;
}
.front img {
    margin-top: 60px;
}
.back p {
    padding: 40px 20px;
}
.flip-container{height: 360px;}
.home .et_pb_slide{height:60vh;}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
     width: 80%;
    padding: 15px 10px !important;
   margin-top: -70px;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll{display:none;}
#Bloc-presentation .et_pb_column{padding: 10px;}
.pres{font-size: 25px !important; }
#main-header .et_mobile_menu {
    background-color: rgba(38,41,45,1);
}
.leSlide .list a {
    font-size: 15px;
    font-weight: 700;
    padding: 0 80px;
    display: block;
    text-align: center;
}
.list{width:80%;}
@keyframes animation{
	0%{transform:none}
	100%{transform:none;}
}
input { width: 100%;}
textarea {  width: 100%;}
.et_pb_slide_description h2.et_pb_slide_title {
    padding-bottom: 0px;
    padding: 30px 0;
}
	#footer-info a {
  font-weight: normal;
}
.et_pb_bg_layout_dark .et_pb_slide_description {
    margin-top: 0x;
}
.et_mobile_menu li a {
    text-transform: uppercase;
    font-weight: 100;
}
#text-4{margin-top: 0px;}
#text-2{margin-top: 0px;}
}