/*
Theme Name: Divi Child
Description: Divi child theme
Author: PDerathé
Template: Divi
maj:191220 pour swp-dev.com/divi
*/

/*** @import url("../Divi/style.css"); import déprécié cf. https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant  */

body {

}
#page-container {padding-top:0!important;}
a {}

.majuscule {text-transform:uppercase;}
hr.clear {border:none;}
.bleu {color:#141f31!important;}
.gris {color:#151210!important;}

.ombre {box-shadow:2px 2px 4px #333333;}
.arrondi05 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.arrondi10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

/* a:hover img {filter: grayscale(85%) drop-shadow(-4px 4px 4px rgba(85,41,3,0.6))} */

#cookie-law-info-bar {z-index:100000;}


.bouton-gris {
    background-color: #666666;   /* nouveau fond gris */
    color: #FFF;
    border-radius: 9999px;
    padding: 0.5em 1em;
    text-decoration: none;
    display: inline-block;
    position: relative;          /* nécessaire pour le ::after interne */
}

/* Tirets blancs à l’intérieur, à 1px du bord */
.bouton-gris::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 9999px;
    border: 1px dashed #FFF;     /* tirets blancs */
    pointer-events: none;        /* ne gêne pas le clic */
}
/*********** login **************/
/******* fin login **************/








/************** header *****************/

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {}


.et_fixed_nav #logo {}

#top-menu li {}

#top-menu li a:hover {}

	/******* suppression de la ligne sous le header   ****/
	#main-header{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}

/*********** end header *****************/























/******** colonnes ***********************/


/******** fin colonnes ***********************/


	




/**************** main content ***************************/

#main-content, .et_pb_section , .entry-content {}

.et_pb_section , .entry-content {}


#main-content h1 , #main-content h2 , #main-content h3 , #main-content h4 , #main-content h5 , #main-content h6 {font-family: semplicitapro, sans-serif;}

/************* fin  main content ***************************/


.et_right_sidebar #main-content .container:before {right: 50000px!important;}




/************** colonne gauche **************/





/***** fin colonne gauche ****************/







	



/********* colonne centre ****************/



/***** fin colonne centre ****************/




/***** colonne droite ****************/







/***** fin colonne droite ****************/


/*************** fin colonnes  ****************/



















/************** content ***************/

/********** end content ***************/





/************************* article (actus) et search *************************/
.blog .et_pb_post a img {max-width:30%; float:left;margin-right:10px;}  /** image "à la une" ***/.single .et_pb_post img {display:none;}/** on masque toutes les images dont image "à la une" ***/.single .et_pb_post .entry-content img {display:inherit;} /** on affiche les images dans .entry-content  ***/











/*********************fin  article (actus) *************************/































/*********** contact form ***********/
.et_pb_contact p input, .et_pb_contact p textarea {}


	

/***** end contact form  *********************/






/************** footer ****************/

#footer-widgets {}

.footer-widget {}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {}

#footer-widgets .fwidget {}

#footer-bottom {}

ul#menu-menu-footer {}


#footer-bottom .et-social-icons {margin-bottom:0;}


/********** end footer ****************/


	
	
	
	
/************* page accueil  ***********************************/
.home #main-header {display:none;}
.home .et_pb_text  div  p {line-height:30px;}
.home .et_pb_text  div.on h2, .et_pb_text  div.film h2 , .et_pb_text  div.enquelqueslignes h2 , .et_pb_text  div.actualites h2 {padding-top:20px;padding-bottom:20px;text-align:center;}
.home .et_pb_text  div.on p {}
.home .et_pb_text  div.hover {display:none;}
.home .et_pb_text:hover  div.hover hr {border:none;height:2px;background-color:#628099;}
.home .et_pb_text:hover {border-bottom-color:transparent;}
.home .et_pb_text:hover  div.on {display:none;}
.home .et_pb_text:hover  div.hover {display:block;text-align:center;font-size:14pt;line-height:60px;margin-bottom:48px;}
	.home .et_pb_text.whiterock:hover  div.hover {margin-bottom:0;}
	.home .et_pb_text.equipe:hover  div.hover  {margin-bottom:0;}
.home .et_pb_text:hover  div.hover p {line-height:24px;}
	.home .et_pb_text.secteurs:hover  div.hover p {padding-top:20px;}
	.home .et_pb_text.equipe:hover  div.hover p {padding-top:20px;}
.home .et_pb_text:hover  div.hover h2 {border-bottom: 2px solid #628099;margin-bottom:41px;}
.home .et_pb_text:hover  div.film h2 {border-bottom: 2px solid #628099;margin-bottom:-2px;}
.home .et_pb_text:hover  div.enquelqueslignes h2 {border-bottom: 2px solid #628099;margin-bottom:-2px;}
.home .et_pb_text:hover  div.actualites h2 {border-bottom: 2px solid #628099;margin-bottom:-2px;}
.home .et_pb_text div.enquelqueslignes div.carregris {background-color:#E0E6EB;padding:16px 0;}
.home .et_pb_text div.enquelqueslignes:hover div.carregris {background-color:#D7E1EB;}
.home .et_pb_text div.enquelqueslignes div.carregris img {margin-bottom:36px;}
.home .et_pb_text div.enquelqueslignes div.carregris p {line-height: 24px;color:#151210;font-size:18px;}

.home .et_pb_text:hover  div.hover p.vide {padding-bottom:217px;}

/********** fin page accueil  ***********************************/


	
/********* page-id-8   nos experts ******************/
.vignettes .et_pb_text {display:block;height:350px}
.vignettes .et_pb_text p {line-height:26px;padding:0;}
.vignettes .et_pb_text img.hover , .vignettes .et_pb_text p.fonction , .vignettes .et_pb_text p.parcours {display:none;}
.vignettes .et_pb_text p.nom {font-size:1.2em; color:#628099;text-align:center!important;}
.vignettes .et_pb_text:hover img.on {display:none;}
.vignettes .et_pb_text:hover img.hover {display:block;}
.vignettes .et_pb_text:hover p.fonction {display:block;text-align:center;}
.vignettes .et_pb_text:hover p.parcours {display:block;text-align:center;color:#FFF;background-color:#628099;}
	
	
/********************************* page plan de site *********************/


/***************************** fin page plan de site *********************/






/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/



/*-------------------[max-width: 600px]------------------*/
@media only screen and ( max-width: 600px ) {

}

/*-------------------[max-width: 799px]------------------*/
@media only screen and ( max-width: 799px ) {

}


/*-------------------[min-width: 800px]------------------*/
@media only screen and ( min-width: 800px ) {

}

	
/*-------------------[801-980px]------------------*/
@media only screen and ( min-width: 801px ) and ( max-width: 980px ) {

}


/*-------------------[max-width: 979px]------------------*/
@media only screen and ( max-width: 979px ) {

}

/*-------------------[980px -> 1100px]------------------*/
@media only screen and ( min-width: 980px ) and ( max-width: 1100px ) {

}



/*-------------------[980px -> max]------------------*/
@media only screen and ( min-width: 980px ) {


}

/*-------------------[601-1023px]------------------*/
@media only screen and ( min-width: 601px ) and ( max-width: 1023px ) {


}

/*-------------------[max-width: 1023px]------------------*/
@media only screen and ( max-width: 1023px ) {


}

/*-------------------[min-width: 1101px]------------------*/
@media only screen and ( min-width: 1101px ) {

}

/*-------------------[min-width: 1024px]------------------*/
@media only screen and ( min-width: 1024px ) {

}