/*
============================================================

Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
	
============================================================
*/

/************************************************ 
 *
 * INFORMATIONS GÉNÉRALES 
 *
 * Fonte : 
 * color: 
 *
 ************************************************/ 

/********************************************* 
 *
 * GÉNÉRAL 
 *
 ************************************************/

/* LIENS */

a.lien-lire-plus:before {
	content: "$";
	font-family: "ETModules";
	width: 15px;
	position: relative;
	margin-right: 8px;
	display: inline-block;
	top: 4px;
}
a.lien-retour:before {
	content: "#";
	font-family: "ETModules";
	width: 15px;
	position: relative;
	margin-right: 8px;
	display: inline-block;
	top: 4px;
}

/* ICONES */

/* Icones */
.icon-ET:before {
	font-family: 'ETmodules';
	margin-right: 10px;
}

/* Icone téléphone */
.icon_phone:before {
    content: "\e090"; /* téléphone */
}

/* Icone email */
.icon_mail:before {
    content: "\e076"; /* lettre (pleine) */
}

/* Icone Site Internet */
.icon_globe-2:before {
    content: "\e0e3";
}

/* Icone Localisation */
.icon_pin:before {
    content: "\e081";
}

/* Icone Facebook */
.social_facebook:before {
    content: "\e093"; /* e0aa */
	font-size:22px;
}

/* Icone Twitter */
.social_twitter:before {
    content: "\e094"; /* e0ab */
	font-size:22px;
}

/* Icone Instagram */
.social_instagram:before {
    content: "\e09a"; /* e0b1 */
	font-size:22px;
}

/* Icone LinkedIn */
.social_linkedin:before {
    content: "\e09d"; /* e0b4 */
	font-size:22px;
}

/* Icone Accueil */
.icon_house:before {
    content: "\e074";
	font-size:16px;
}
/* MENUS */

.menu-liste ul li {
	display:inline-block;
	margin-right:20px;
}

/* BOUTONS 'FLÈCHES' */
a.bouton:before {
	content:url(/wp-content/uploads/2020/09/arrow-marron.svg) ;
	width: 30px;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	top: 10px;
}
a.bouton:hover:before {
	content:url(/wp-content/uploads/2020/09/arrow-bleu2.svg) ;
	width: 30px;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	top: 10px;
}

/* DIVERS */
/* Déprécié
 * .wrapper-bas-bloc {
	margin-top:auto!important;
	margin-bottom:40px!important;
}

/************************************************ 
 *
 * HEADER/MENU 
 *
 ************************************************/ 

/* Logo */

/* Menu */
#top-menu li.current-menu-item > a,
.single-post .et-fixed-header #top-menu li.current-menu-ancestor > a,
.single-post .et-fixed-header #top-menu li.current-menu-item > a {
    font-weight:bold;
}

/* Menu déroulant */
#top-menu.nav .sub-menu {
	width: 280px;
}
#top-menu.nav .sub-menu li a {
	width: 240px;
}

#top-menu li.actualite a {
	background-color:#BDAA85!important;
	border-radius: 5px;
	padding: .7em 1em!important;
	display: inline-block!important;
	height: 36px;
	color: #FFFFFF!important;	
}

/* Hambuger */
span.mobile_menu_bar:before {
  color:#000000;
}
/* style the opened mobile menu hamburger (make it an 'X') 
 * Source : https://www.twobluetoucans.co.uk/divi/styling-divi-mobile-menu/ */  
div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}
div.mobile_nav.opened .mobile_menu_bar:before {
    color:#000000; 
}

/* Lien actif */
#mobile_menu .current-menu-item > a {
	background-color: #000000;
	color: #FFFFFF;
	opacity: 1;
}

/* Pas utilisé
@media (max-width: 980px) {
	#et_search_icon:before {
		top: -3px!important;
		color:#2E4052!important;
	}
} */

/* Cas particulier Article (blanc car transparence sur image)
 * .single-post span.mobile_menu_bar:before{
  color:#FFFFFF;
}
.single-post div.mobile_nav.opened .mobile_menu_bar:before {
    color:#FFFFFF; 
}
@media (max-width: 980px) {
	.single-post #et_search_icon:before {
		color:#FFFFFF!important;
	}
} */

/* Fond et bord haut du Menu mobile */
.et_mobile_menu {
	background-color:#FFFFFF!important;
	border-top-color:#2E4052;
}


/************************************************ 
 *
 * FOOTER 
 *
 ************************************************/ 

.et-l--footer .ash a:hover {
	text-decoration:underline;
}

/* Réseaux sociaux */
#footer-widgets a.icon-ET {
	margin-right: 8px;
}

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

#texte-intro h2 {
	font-weight:normal;
}

/************************************************ 
 *
 * RÉALISATIONS
 *
 ************************************************/

/* Déprécié
 * .precedent,
.suivant {
	color: #FFFFFF;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
}
.precedent {
	margin-right:20px;
}

.precedent:before {
	content:"#";
	font-family:"ETModules";
	margin-right: 5px;
}
.suivant:after {
	content:"$";
	font-family:"ETModules";
} */


/************************************************ 
 *
 * PRESTATIONS
 *
 ************************************************/ 

/* Colonne par défaut (milieu)
.photos-prestations .et_pb_column {
	width:calc(33.3333% - 10px)!important;
	margin-left:0px!important;
	margin-right:0px!important;
}

/* 1ère colonne
.photos-prestations .et_pb_column:first-child {
	margin-left:0px!important;
	margin-right:15px!important;
}

/* 3ème colonne
.photos-prestations .et_pb_column:last-child {
	margin-left:15px!important;
	margin-right:0px!important;
} */


/************************************************ 
 *
 * CONTACT
 *
 ************************************************/ 

/* Formulaire */
.contact .frm_forms label,
.contact .frm_forms button,
.contact .frm_forms input,
.contact .frm_forms input::placeholder,
.contact .frm_forms input:focus,
.contact .frm_forms textarea {
	font-family: 'Karla',Helvetica,Arial,Lucida,sans-serif!important;
	font-size:18px!important;
}

.contact .frm_forms input::placeholder {
	color:#CCCCCC;
}

.contact .frm_forms input,
.contact .frm_forms textarea {
	border: none!important;
	box-shadow: none!important;
	border-bottom: 1px solid #CCCCCC!important;
	border-radius: 0!important;
	padding-left: 0px;
}
.contact .frm_forms input:focus,
.contact .frm_forms textarea:focus {
	border-bottom: 1px solid #666666!important;
}

.contact .frm_forms label,
.contact .frm_forms span.frm_required {
	color: #CCCCCC!important;	
}

/* Bouton 'Envoyer' */
.contact .frm_forms button {
	background-color:#000000!important;
	border:none!important;
	border-radius:0px!important;
}
.contact .frm_forms button:hover {
	background-color:rgba(0, 0, 0, 0.75)!important;
	color:#FFFFFF!important;
}


/************************************************ 
 *
 * BLOG
 *
 ************************************************/ 

/* PAGE BLOC */
.blog .post-content {
	display: flex;
	flex-direction:column;
}
.blog .more-link {
	display: inline-block;
	margin: 20px auto;
}

/* PAGES ARTICLES (TEMPLATE DIVI) */

/* Bug Divi apparu en 02/20 */
.single-post .et_pb_section_first {
	padding-top: 0px!important;
}

/* Titre en blanc
 * (fait ici car si via module Divi, avec WP 5.6 le titre est aussi en blanc dans l'admin)
 */
.single-post h1 {
	color:#FFFFFF;
}

/* Liens												À REVOIR */
.actualite #main-content a:hover,
.single-post #main-content a:hover {
	color:#89A3BD!important;
}

/* Titre h1 (possible !) dans le corps de l'Article */
.single-post .texte-article h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 20px;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.single-post .texte-article h1 {
		font-size: 7vw;
	}
}
/* Titres h2 dans le corps de l'Article */
.single-post .texte-article h2 {
	font-size: 24px;
	line-height: 1.2em;
	margin-top: 30px;
	padding-bottom:20px;
	font-weight: bold;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.single-post .texte-article h2 {
		font-size: 6vw;
	}
}
/* Titres h3 dans le corps de l'Article */
.single-post .texte-article h3 {
	font-size: 24px;
	line-height: 1.2em;
	margin-top: 20px;
	font-weight: bold;
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.single-post .texte-article h3 {
		font-size: 5vw;
	}
}
.single-post .texte-article h3 a {
	text-decoration:underline;
}
/* Citations */
.wp-block-quote {
	border-color:#89A3BD!important;
}
/* Exposants */
.single-post .texte-article sup {
	font-size: 12px;
}

/* Liens soulignés */
.single-post .texte-article a {
	text-decoration:underline;
}

/* Réduit le padding d'un exergue */
.wp-block-pullquote {
	padding:0.1em 0;
}

/* Détache une vidéo du texte avant et après */
.wp-block-video {
	margin: 40px auto;
}

/* Change la couleur des liens de Navigation */
.wp-pagenavi span.current {
	background-color: #2e4052;
	padding: 5px 10px;
	color: #F2F5F8!important;
	font-weight: bold!important;
}
.wp-pagenavi a:hover{
	color: #2e4052!important;
	font-weight: bold!important;
}
.wp-pagenavi {
	border-top: 8px solid #F2F5F8 /* ebebeb */;
	padding-top: 20px;
}