/*
Theme Name: divi-child
Description: Theme enfant du site https://annelisebouchut.com/
Author: Cecile Uzel
Author URI: https://www.elegantthemes.com
Template: Divi
Version: 0.1.3
*/

header .mobile_menu_bar:before{
    
    color: #00426d;
    
}

#top-header #et-secondary-menu{
    
    display: none;

}


/*COOKIE BAR*/


#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    
    background-color: #00677C;
    border-top: 1px solid #fff;
    
}


#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    
    border-radius: 0px;
    border: 1px solid #fff;

}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
    
    background-color: #D73A13;
    border: 1px solid #fff;
    
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
    
    border: 0px;
    border: 1px solid #fff;
    
}

/*EFFET BOUTON*/

a.et_pb_button, button#et_pb_submit {

    border-width: 1px !important;
    
}

/* SCROLLBAR */

body::-webkit-scrollbar {
	width: 12px;			/* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {

	background: #00677C;		/* color of the tracking area */

}

body::-webkit-scrollbar-thumb {

	background-color: #D73A13;	/* color of the scroll thumb */
	border-radius: 0px;		/* roundness of the scroll thumb */
	border: 0px;			/* creates padding around scroll thumb */

}

/* MENU */

#main-header {
	box-shadow: none;
    padding-bottom: 20px;
}

#top-menu{
    padding: 10px 10px 0px 10px;
    background-color: #00677C ;
}

#main-header.et-fixed-header {

	-webkit-box-shadow: 0 0 7px rgb(252 245 245 / 0%) !important;
	box-shadow: 0 0 7px rgb(252 245 245 / 0%) !important;

}

#top-menu-nav #top-menu .menu-item a{
    padding: 10px;
}

/* SENDING NEWSLETTER */


.sib-PRENOM-area input[type=text], .sib-email-area input[type=email] {
    background-color: #D73A13;
    color: #fff;
    border: 0px solid #fff;
    padding: 15px;
    width: 100%;
    
}

.sib_signup_form input[type="submit"]{
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
    border: 0px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #D73A13;

}

.sib_signup_form input[type="submit"]:hover{
    color: #fff;
    border: 1px solid #fff;
    background-color: #00677C;
}


footer .sib_signup_form input[type="submit"]{
    color: #fff;
    border: 1px solid #fff;
    background-color: #D73A13;

}

footer .sib_signup_form input[type="submit"]:hover{
    color: #fff;
    border: 1px solid #fff;
    background-color: #00677C;
}



/* PHOTO ANNE-LISE */

.alb img {

	background: #f3d7d5;
	mix-blend-mode: overlay;
	filter: saturate(0%);

}

/* Centrer verticalement deux colonnes */
@media (min-width: 981px) {
	.et_pb_section_2 .et_pb_row {
		display: flex;
		align-items: center;
	}
}



/* BLOC BLOG PAGE ACCUEIL */

.blog a.entry-featured-image-url {

	height: 210px;
	overflow: hidden;
	background: #004250;
	display: flex;
	justify-content: center;
	align-items: center;

}


.blog article {

	position : relative;

}

.blog h2.entry-title, .blog h3.entry-title {

	position: absolute;
	top: 10px;
	max-width: 300px;
	padding-right: 10px;

}

.blog .entry-featured-image-url, .blog .et_pb_image_container {

	margin-bottom: 0px;
    min-height: 100px;

}

.blog img{

	opacity : 0.3;

}

@media (min-width: 768px) and (max-width: 992px) {

	body.home .blog .column.size-1of2 article:nth-child(2){

		display: none;

	}
}

/* BLOC BLOG PAGE BLOG */


#categorie-blog .et-menu > li.menu-item > a {
    background-color: #D73A13;
    padding: 10px;
}

#categorie-blog .et-menu > li.menu-item > a:hover,
#categorie-blog .et-menu > li.current-menu-item > a {
    background-color: #00677C;
}

#categorie-blog {
    padding-left: 0;
}

/* Menu catégories : garder les liens en ligne sur mobile (pas de burger) */
@media (max-width: 980px) {
    #categorie-blog .et_pb_menu__menu,
    #categorie-blog .et_pb_menu__menu > nav,
    #categorie-blog .et-menu {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    #categorie-blog .et_mobile_nav_menu {
        display: none !important;
    }

    #categorie-blog .et-menu > li.menu-item {
        display: inline-block;
        margin: 0 5px 5px 0;
        padding-right: 0;
    }
}


ul#mobile_menu1 {
    overflow: auto;
    max-height: 150px;
}

body ul#mobile_menu1::-webkit-scrollbar {
	width: 12px;			/* width of the entire scrollbar */
}

body ul#mobile_menu1::-webkit-scrollbar-track {

	background: #D73A13;		/* color of the tracking area */

}

body ul#mobile_menu1::-webkit-scrollbar-thumb {

	background-color: #00426d;	/* color of the scroll thumb */
	border-radius: 0px;		/* roundness of the scroll thumb */
	border: 0px;			/* creates padding around scroll thumb */

}


.nl-article span.wpcf7-list-item-label a{
    
    color: #ffffff !important;
    
}

.nl-article span.wpcf7-list-item-label a:hover{
    
    color: #00426d !important;
    
}

@media (max-width: 980px){
    
    .et_pb_column .et_pb_widget {

        width: 100%;

    }
    
}


@media (min-width: 981px) { 
    
    .blog.mis-en-avant h2.entry-title, .blog.mis-en-avant h3.entry-title {

        position: absolute;
        top: 10px;
        max-width: 700px;
        padding-right: 50px;
        padding-left: 50px;

    }
    
    .blog.mis-en-avant a.entry-featured-image-url {

        height: 350px;

    }

}

@media (min-width: 768px) { 
    
    .blog.mis-en-avant h2.entry-title, .blog.mis-en-avant h3.entry-title {

        position: absolute;
        top: 10px;
        max-width: 500px;
        padding: 50px;
        padding: 50px;
        margin: auto;

    }
} 

.wp-pagenavi a, .wp-pagenavi span {

    border: 0px solid #ffffff;
    font-family: 'JetBrains Mono',Helvetica,Arial,Lucida,sans-serif;
    
}


/* Liste à puce */

.article-blog ul {
    list-style: none;
    padding-left: 0;
  }
  
  .article-blog ul li {
    position: relative;
    padding-left: 1.75em;
  }
  
  .article-blog ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 0.95em;
    height: 0.95em;
    background-image: url("https://albwordpress.datachamp.fr/wp-content/uploads/2026/08/li-ALB.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }


/* Liste à chiffres */

.article-blog ol li::marker {
  color: #D73A13;
  font-size: 1.3em;
  font-weight: 600;
}


/* BLOG ARTICLE */

.article-blog h1, .article-blog h2, .article-blog h3, .article-blog h4, .article-blog h5, .article-blog h6{
    
    padding-top: 30px;
    
}



body.custom-background.anne-lise_fait_des_c-template-default , .anne-lise_fait_des_c-template-default  #main-header, body.custom-background.page-id-6380, .page-id-6380 #main-header{
    
    background-color: #FBF5EA;
    
}

.widget_media_image img{
    
    max-height: 100px;
    width: auto;
    margin: auto;
}

.wp-block-button a.wp-block-button__link {
    
    border-radius: 0px;
    background-color: #D73A13;
    background-image: none;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid #fff;
    margin: 0px 0px 40px 0px;
    
}

.wp-block-button a.wp-block-button__link:hover {
    
    background: #ffffff;
    color: #00426d;

}


.article-blog a {
    
    background-image: url(https://albwordpress.datachamp.fr/wp-content/uploads/2026/08/soulignementv-ALB-V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4px;
    padding-top: 0px;
    
}

.article-blog.article-alc a {
    
    background-image: url(https://albwordpress.datachamp.fr/wp-content/uploads/2026/08/soulignementv-ALB-V2.svg);
    
}

.wp-block-preformatted {
    
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: 'JetBrains Mono',Helvetica,Arial,Lucida,sans-serif;
    font-size: 25px;
    margin-bottom: 50px;
    margin-top: 0px;
      
}

li {
    
    padding-bottom: 10px;
    
}

.sticky{
    
    position: sticky !important;
    top: 150px;
}


.wp-block-columns.nl-article-blog {
    background-color: #F0FBF8;
    padding: 20px;
    font-size: 12px;
    line-height: 1.2;
    font-family: 'JetBrains Mono',Helvetica,Arial,Lucida,sans-serif;
}

.nl-article-blog .titre-nl-blog {
    
    text-transform: uppercase;
    font-weight: 500;
    color: #00426d;
    letter-spacing: 2px;
    line-height: 1.4em;

}


.et_pb_post_content_0_tb_body.et_pb_post_content .wp-block-columns.nl-article-blog a:hover {
    color: #feeece !important;
}


/* Image fit content */

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    object-fit: contain;
}


/* COMMENTAIRE */

span.fn a {
    
    color: #F0FBF8;
    
}

a.comment-reply-link.et_pb_button {
    
    font-size: 12px;
    
}

#comment-wrap label, #comment-wrap p.comment-notes{
    
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

#comment-wrap p.comment-notes{

    line-height: 1.4;
}

body #page-container .et_pb_section .commentaire.et_pb_comments_0_tb_body.et_pb_comments_module .et_pb_button{
    
    border-width: 1px !important;

}

p.logged-in-as{
    color: #fff;
}

p.logged-in-as a{
    color: #FFD8C8;
    font-weight: 600;
}

/* NEWSLETTERS ACCUEIL */

@media screen and (min-width: 768px) {

	#nl-sticky{

		position: sticky;
		top: 150px;

	}
}



/* CENTRER VERTICALEMENT */

.vertical-center {

	display: flex;
	flex-direction: column;
	justify-content: center;

}

/* EXCEPTION */

@media (min-width: 992px) {

	#pique {

		position: absolute;
		bottom: 0px;
		right: -32%;

	}
}

.citation-special .et_pb_blurb_content {

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;

}


.citation-special .et_pb_main_blurb_image {

	margin: auto;
	padding-top: 20px;

}


/*MAILPOET*/

#mailpoet_form_2 .mailpoet-heading,
#mailpoet_form_2 .mailpoet_form_paragraph,
#mailpoet_form_2 p {
	text-align: center !important;
}

#mailpoet_form_2 .mailpoet-heading{
    font-family: 'JetBrains Mono',Helvetica,Arial,Lucida,sans-serif;
}

/* Texte d’intro en blanc sur fond orange */
#mailpoet_form_2 .mailpoet_form_paragraph,
#mailpoet_form_2 .lien-notification {
	color: #ffffff !important;
}

/* Lien politique de confidentialité : blanc souligné, hover #FFD8C8 */
#mailpoet_form_2 .mailpoet_form_paragraph a,
#mailpoet_form_2 .lien-notification a {
	color: #ffffff !important;
	text-decoration: underline !important;
}

#mailpoet_form_2 .mailpoet_form_paragraph a:hover,
#mailpoet_form_2 .lien-notification a:hover {
	color: #FFD8C8 !important;
}

/* Bouton MailPoet = même typo / taille / hover / responsive que « Par ici ! » */
#mailpoet_form_2 .mailpoet_submit {
	font-family: "Cantarell Regular-al", Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.7em !important;
	color: #ffffff !important;
	background-color: #004250 !important;
	border: 1px solid #ffffff !important;
	border-radius: 0 !important;
	padding: 0.3em 1em !important;
	transition: color 300ms, background-color 300ms, border 300ms !important;
}

#mailpoet_form_2 .mailpoet_submit:hover {
	background-color: #00677C !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
	border-width: 1px !important;
}

@media only screen and (max-width: 980px) {
	#mailpoet_form_2 .mailpoet_submit {
		font-size: 16px !important;
	}
}

#mailpoet_form_2 .parsley-errors-list{
    background-color: #9d1d1d;
}

#mailpoet_form_2 ul.parsley-errors-list li{
    list-style-type: none;
    padding: 0 0 0 0;
}

#mailpoet_form_2 .parsley-success-list{
    background-color: #098b5c;
}

#mailpoet_form_2 ul.parsley-success-list li{
    list-style-type: none;
    padding: 0 0 0 0;
}

#mailpoet_form_2 .mailpoet_text_label{
    padding-bottom: 10px;
}


/*MAILPOET CUSTOM FORMULAIRE DE GESTION DES ABONNEMENT*/

form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    width: 50%;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
    border: 0px;
    color: #fff;
    border: 1px solid #fff !important;
    background-color: #D73A13;
}

form.mailpoet-manage-subscription .mailpoet_submit:hover{
    color: #00677C;
    background-color: rgba(0,0,0,0);
}



/* CUSTOM PAGE RESSOURCES - MENU */

#top-menu-nav #top-menu .menu-item-10517 a{
	border: 1px solid #fff;
    background: #D73A13;
}

#top-menu-nav #top-menu .menu-item-10517 a:hover{
	border: 1px solid #fff;
    opacity: 1;
    background: #D73A13;
    color: #fff;
}

body.et_pb_button_helper_class .et_pb_button{
    color: #fff !important;
}


/* CUSTOM PAGE MDP */

.post-template-default .et_password_protected_form button{
	border: 0px;
	background-color: #D73A13;
	color : #fff;
	border-radius: 0px;
	border: 1px solid #fff;
}

.post-template-default .et_password_protected_form button:hover{
	background-color: #004250;
	color : #fff;
	border: 1px solid #fff;
}

.post-template-default .et_pb_section{
  background-color: rgba(0, 0, 0, 0);
}

.et_password_protected_form form input {
  background-color: #ffffff;
  border: 2px solid #00426D !important;
}

/* CUSTOM PAGES RESSOURCES */

.post-template-default .meta-ressources p.et_pb_title_meta_container{
	display: none;
}

/* CUSTOM BLOC ACTU & FORMATIONS, PAGE ARTICLE */

.article-blog .actuforma a{
	background-image: none;
}

h2.actuforma{
	padding-top: 0px;
}

.actuforma li.wp-block-navigation-item.wp-block-navigation-link {
	background-image: none !important;
}

.actuforma li.wp-block-navigation-item.wp-block-navigation-link a.wp-block-navigation-item__content{
	font-weight: 400;
}

.actuforma li.wp-block-navigation-item.wp-block-navigation-link a.wp-block-navigation-item__content:hover{
	color: #D73A13 !important;
	}

.menu-actu .mobile_nav.closed span.mobile_menu_bar:before, .menu-actu .mobile_nav.opened span.mobile_menu_bar:before{
	color: #F0FBF8 !important;
}

/* Actualités (pages article) : liste verticale sur mobile, pas de burger */
@media (max-width: 980px) {
    .menu-actu .et_pb_menu__menu,
    .menu-actu .et_pb_menu__menu > nav,
    .menu-actu .et-menu {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
    }

    .menu-actu .et_mobile_nav_menu {
        display: none !important;
    }

    .menu-actu .et-menu > li.menu-item {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 8px 0;
        padding-right: 0;
    }

    .menu-actu .et-menu > li.menu-item > a {
        display: block;
        white-space: normal;
        padding: 0 0 8px;
        color: #ffffff !important;
    }
}

@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}


/* MENU MOBILE */

ul#mobile_menu.et_mobile_menu{
    background-color: #fff !important;
    border: 0px;
}

.et_mobile_menu li a{
    border-bottom: 0px;
}


/* Traitement des images — modules Image Divi */

.et_pb_image {
    text-align: center;
}

.et_pb_image .et_pb_image_wrap {
    display: inline-block;
    width: auto;
    max-width: 500px;
}

.et_pb_image img {
    width: auto;
    max-width: 100%;
    height: auto;
}
