/*!

Theme Name: Divi Child

Template: Divi

Theme URI: http://www.elegantthemes.com/gallery/divi/

Version: 4.7.4

Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.

Author: Elegant Themes

Author URI: http://www.elegantthemes.com

Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready

License: GNU General Public License v2

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/*

  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __

 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /

 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ 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%;

}

/*

** Ajout by Alain

*/

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

/*-------Random Header Image by Divi Soup-------*/

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





/*Hide the arrows and dot navigation*/



.ds-random-header .et-pb-arrow-prev,

.ds-random-header .et-pb-arrow-next,

.ds-random-header .et-pb-controllers {

    display: none;

}





/*Disable the image lightbox*/



.ds-random-header .et_pb_gallery_items {

    pointer-events: none;

}





/*Position the CTA on top of the gallery module and centralise the content*/

/*Remove this if you are not using a CTA*/



.ds-random-header-cta {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

}





/*Change the aspect ratio and centralise the images on smaller screens*/

/*Try your header with and without this media query and see which prefer*/



@media only screen and (max-width: 1279px) {

    .ds-random-header .et_pb_gallery_item {

        width: auto;

        right: 50%;

    }

}


/*FAIRE DEPASSER LE LOGO DU MENU DE DIVI*/


/*Taille du logo sur tablette et téléphone*/

@media only screen and (max-width: 980px) {

#logo {

min-height: 100px;

}

}


/*Taille du logo sur grand écran*/

@media only screen and (min-width: 981px) {

#logo {

min-height: 135px;

}

}

/*supprimer trait sous le menu*/

#main-header {

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}