/*
Theme Name: CFDT BetorPub Child 
Description: Theme enfant du theme Divi. 
Author: samloorie
Author URI: http://samloorie.fr
Template: Divi
Version: 1.0
*/

@font-face {
 font-family: 'Icons';
 font-weight: bold;
 src: url("./fonts/et-line.ttf");
}

@font-face {
  font-family: 'GothamNarrowBlack';
  src: url('fonts/GothamNarrowBlack.otf') format('opentype');
}


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Damion&family=Playwrite+AU+SA:wght@100..400&display=swap');
html  {
  --txt: #111827; 
  --couleur1: #E7591C; /* orange */
  --couleur2: #fbcba7; /* orange doux */
  --couleur3: #555554; /* gris foncé */
	--couleur4:#474090; /** violet foncé*/
  --fond:#faf2e9; /*orange clair*/
  --manuscrit : "Damion", serif;
  --ombre : .25rem .25rem 0 0 #111827;
  --encadre :1px solid #2b65af ;
  --h100: clamp(2.75rem, 5.5vw, 5rem);
  --h150: clamp(2.5rem, 4.5vw, 4rem);
  --titre :'GothamNarrowBlack', sans-serif;
}


/* ---------------------------
Typo générale
-----------------------------*/

body, p, .et_pb_post p, 
.et_pb_text,
.et_pb_text_inner, .et_pb_text_inner p, 
.em.em-list .em-item  { 
color: var(--txt);
font-family: 'Poppins',sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight:400;


}
.couleur1 { color:var(--couleur1);}
.couleur2 { color:var(--couleur2)!important;}
.couleur3 { color:var(--couleur3)!important; font-weight:800;}
.bigtitre { font-weight:800; font-size:150%;}
.surligne { display:inline-block;padding:5px 15px; background-color:var(--couleur4); color:#fff;}
.more  { font-size:150%;}
.manuscrit  { font-family: var(--manuscrit)!important; }
.fond { background-color:var(--fond);}


.h150 {
  font-size: var(--h150);
  font-weight: 700;
  line-height: 1;
}

a,  #left-area .entry-content a { 
	color:var(--couleur4); 
	text-decoration-line: underline; 
	text-decoration-style: dotted !important;}

a:hover, #left-area .entry-content a:hover { color:var(--couleur2); text-decoration: underline; }

/** debug pour a BO***/
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .quicklinks > ul > li > a, .ab-top-menu > li a{ 
  color:#ffffff!important; }




/*** Titre de section cool */
.titre-after:after {
 content: '';
  background: url("img/titre-section-after.png");
  background-position: center;
background-size: cover;
height: 50px;
width: 70%;
position: absolute;
right: 0;
z-index: 0;
top: 50%;
}

.titre-after h2, .titre-after h3, .titre-after h4 { padding:0; margin:0!important; }


/*********/
h1 { font-size:40px; 
  font-weight:900; 
line-height:1.2em;
margin:10px auto;
font-size: clamp(2.75rem, 5.5vw, 5rem );
font-family:var(--titre);
}

h2{ 
font-weight: 900;
margin: 1% 0; 
line-height:1.5em;
	color:var(--txt);
 }

h3, h4, h5, h6 { 
margin: 1% 0; font-weight: 700; 
line-height:1.5em;
color:var(--txt);
 }

h3 { color:var(--txt); }


h5 { color:var(--txt)!important; }


u {
  background-image: url(./img/line.svg);
  background-size: 100% .1em;
  background-repeat: no-repeat;
  background-position: bottom;
  text-decoration: none;
}

 .entry-content h2{
font-size: 25px;
line-height: 40px;
color: var(--couleur1);
position: relative;
margin: 12px 0 0;
font-weight: 800;
}   

.entry-content ul, .et_pb_text_inner ul {
  list-style: none;
  padding-left:0;
  margin-left:0;

}

.entry-content li, .et_pb_text_inner li {
  font-size: 14px !important;
  color:var(--txt)!important;
  list-style: none;
  padding-left: 1em;

}

.et_pb_text_inner li::before, .entry-content li::before {
  content: "\002014";  
  color: var(--couleur3); 
  font-weight: 400; 
  display: inline-block; 
  width: 1.4em; 

}



.surligne2, .surligne3, .surligne1 {width: fit-content;
  padding: .125rem 1rem; color: rgba(255,255,255,.9);font-weight:800; font-size: 1.25rem;
 text-transform:uppercase; font-family: 'Poppins', sans-serif; box-shadow:var(--ombre);}
 .surligne2 { background:var(--couleur2); }
  .surligne3 { background:var(--couleur3); }
.surligne1 { background:var(--couleur1);  }




blockquote, blockquote p {
line-height: 1.5;
    font-family: 'Poppins', sans-serif !important;
    color: var(--couleur1) !important;
    font-weight: 800;
  border: 0;
  font-size: 16px;
  padding-left:0!important;

}

/****************** B OUTONS DIVERS ***************/

#et-secondary-menu .item-appel a, #et-secondary-menu .item-courtier a,  #et-secondary-menu .item-adh a,    #et-secondary-menu .item-topheader a{ 
display:block;
text-decoration:none;
padding: 8px 10px;
border-radius: 0;
font-weight: 800;
border:1px solid inherit;
  }

  #et-secondary-menu .item-appel a, .item-appel { color:var(--couleur3)!important; border:1px solid var(--couleur3);}
    #et-secondary-menu .item-topheader a, .item-topheader { color:var(--couleur3)!important; border:1px solid var(--couleur3);background-color:#fff;}
 #et-secondary-menu .item-courtier a, .item-courtier { background-color:var(--couleur2)!important;border:1px solid var(--couleur2);color:#fff!important;}
#et-secondary-menu .item-adh a, .item-adh { background-color:var(--couleur1)!important; color:#fff!important; border:1px solid var(--couleur1);}


.btn-minimal, .button{
 background-color: transparent;
color: var(--txt);
border-radius: 0;
border: 1px solid var(--txt);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin: 2px 4px 2px 0;
text-align:center!important;
padding: 1em!important;
text-decoration: none!important;
}


.btn-minimal:hover, .button:hover {border: 1px solid var(--fond); background-color: var(--fond);}


.et_pb_button, .bouton, .button-primary, 
 .bouton a { 
color:#fff!important; 
text-decoration:none!important;
border: none!important; 
background: var(--couleur1);
  border-radius: 100vmax;
 font-size:16px; font-weight:800;
font-family: 'Open Sans', sans-serif;
  margin:15px 0!important;

 }
 
.et_pb_button:hover, .bouton:hover, 
.give-btn:hover, .button-primary:hover,
 .bouton a:hover { 
background:var(--couleur2); color:#fff!important; 
 border-radius :0px; 

}

#custom_html-3 .et_pb_button br {
display:none;
  }


hr {
display: inline-block;
width: 100%;
background: var(--couleur3);
height: 1px;
border: none;
}

.ligne {
display: block;
max-width: 420px;
margin:10px auto;
 background: url("./img/line.svg") no-repeat;
text-align: center;
height: 30px;
}

.focus {
    padding:30px;
  margin: 25px 0!important;
width: auto;
box-shadow: var(--ombre);
background:#fff;
  }

.ombre {
box-shadow: var(--ombre);
  }


.encadre {
  border:1px solid var(--txt);
  margin:20px 0;
  padding:30px;
  }

  .encadre-decal::before /*.et_pb_blog_grid .et_pb_image_container::before*/{
 left: 1rem;
position: absolute;
top: 1rem;
height: calc(100% - 2rem);
width: calc(100% - 2rem);
border: 1px solid var(--couleur3);
content: '';
z-index: 2;
}

#main-content .container {
    padding-top:20px!important;
}

/***** Page accueil ***/



/* Debug images */
#gallery-1 img {
    border: none!important;
}

.wp-caption {
  border: 1px solid var(--fond);
  text-align: center;
  background-color: #fff!important;
}

.wp-caption p.wp-caption-text { font-style: italic;}

.entry-content p img {
    margin:2% 0;
}

img.alignleft {
  display: inline;
  float: left;
  margin-right: 15px !important;
}



.et_pb_scroll_top.et-pb-icon {
  text-align: center;
  background: #fff;
  
  bottom: 20px;
  right: 50px;
 border-radius:50px;
  display: none;
  cursor: pointer;
  font-size: 30px;
  border:1px solid var(--couleur3);
  padding: 5px;
  color: var(--couleur-txt);
}

.et_pb_blurb .et_pb_image_wrap {
  display: block;
  margin: auto;
  max-width: 100px;
}

/********* snippet maj ***********/
.derniere-maj { 
border-top: 1px solid #d3d3d3;
padding: 25px 0;
margin:15px auto;
max-width: 1090px;
}

.derniere-maj .last-updated { 
  font-size: 1rem!important;

  }






/* ---------------------------
header auto page classique
-----------------------------*/

#et_main_title { 
   /*  background-size: cover!important;
     background-position:center!important;
    padding-bottom:0!important;*/
	background-color:var(--fond);
    margin: 0 auto 10vh auto!important;
   padding: 10vh 0 0 0;
  padding-bottom: 0px;
    
}

 .titre   { 
display:block;
text-align:center;
}

.titre h1 u{
  background-image: url(./img/line.svg);
  background-size: 100% .1em;
  background-repeat: no-repeat;
  background-position: bottom;
  text-decoration: none;
}

.titre .container { 
padding: 4vh 3vh;
background-color: white;
border-radius: 50px 50px 0 0;
text-align: center;
}

.filariane { 
padding-bottom: 1em;
padding-top: 1em;
display:block;
font-size:0.8em;
margin:0 auto;

}

.filariane span { 
font-weight:500;
text-decoration: none;
}






/* ---------------------------
Menu
-----------------------------*/

#top-header .container {
  padding-top: .75em;
  font-weight: 600;
  padding-bottom: .75em;
}

.cta-menu a {
  background-color: var(--couleur1);
  display: block;
  padding: 6px 10px 0 10px;
  border-radius: 15px;
	color:#fff;
  
}

#top-header {/*background:var(--fond)!important;*/}

.nav li ul {
  background-color:#fff;
  border-top:var(--couleur1);
  
}

/** top heaader mention tel **/

#top-header .info-tel  {display: block;font-size: 0.8em;font-style: italic;font-weight: 400;
  padding: 5px;}
/*FAIRE DEPASSER LE LOGO DU MENU DE DIVI*/

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


/*** fleche grand lien menu **/

#top-menu .menu-item-has-children > a:first-child::after {
  font-family: ETmodules;
  font-weight: 700;
  color: var(--couleur1);
}

.et-fixed-header #top-menu a {color: var(--txt);}

#top-menu li .cta-picto  a{
  background:var(--couleur1);
  border: 2px solid var(--couleur1);
color: #000 !important;
padding: 6px 10px !important;
font-size:12px!important;

}

#top-menu li.mega-menu ul > li > a {
  text-align:left!important;
}

#top-menu li.mega-menu .sub-menu ul li a:before {
/*content: "› ";
padding-right:4px;*/
content: "";
width: 10px;
height: 1px;
display: inline-block;
background-color: var(--couleur2);
margin-right: 6px;
}


/** rubriques parent **/
#top-menu li.mega-menu .sub-menu ul li ul li a {
    font-weight:500;
     color:var(--couleur1);
  text-transform:uppercase;
    font-size:1.2em!important;
  text-align:left!important;
}

#top-menu li.mega-menu > ul > li > a:first-child {
  padding-top: 0 !important;
  font-weight: 700!important;
  border-bottom: 0;
  color:var(--couleur1);
}

/* sous rubriques**/ 
#top-menu li.mega-menu .sub-menu ul li a, #menu-item-24 li a{
   font-weight: 400!important;
   font-size:1em!important;
   text-transform: none;
    color:var(--couleur-txt)!important;
   
}




/*#logo {
  max-height: 130%!important;
   }*/



#main-header, #main-header.et-fixed-header { 
box-shadow: 0 10px 10px rgba(0,0,0,0.1) !important;
margin:0!important;
padding:0!important;
 }
 

.logo_container { 
padding-top:0!important;
margin-top:0!important;
 }


#mobile_menu_slide a, #top-menu li a { 
 font-weight:800;
color:var(--couleur-txt)!important;
text-align:left;
 }

#top-menu li li a {
  padding: 6px 10px;
  width: 200px;
  font-weight:400!important;
}

#top-header { background:#fff;
z-index: 99999;}

#et-info {
  /*color: var(--couleur-txt);*/
  font-size:14px;
  font-weight:700;
}

/* CSS refermer les sous-menus sur mobile */

#main-header .et_mobile_menu .menu-item-has-children > a { 
  background-color: transparent;
  position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
  font-family: 'ETmodules';
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
  font-size: 16px;
  content: '\4c';
  top: 13px;
  right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
  content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
  display: none !important;
  visibility: hidden !important;
  transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
  display: block !important;
  visibility: visible !important; 
}


#top-header a:hover { 
  color:var(--couleur2);
}




/* ---------------------------
Single Page : articles 
-----------------------------*/
#left-area .post .attachment-post-thumbnail img {
  width: 100%;
  height: auto;
}


/*----------------------------------
Evenements
-----------------------------------*/

.em.em-list.em-grid > div.em-item {
  box-shadow: var(--ombre);
  border:1px solid var(--txt);
}

.em.em-list.em-grid > div.em-item .em-item-info .em-item-title a {
  color: var(--txt) !important;
  background-color: transparent !important;
}

.em.em-list.em-grid .em-item .em-item-info, .em.em-list.size-small .em-item .em-item-info {
  border-left: none !important;
  border-top: none;
  padding: 10px;
	background-color:#fff;
}

.em.em-item.em-item-single .em-item-header {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  width: 100%;
  background-color: var(--meta-bg);
  color: var(--couleur-txt);
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.em.em-item.em-item-single .em-item-image img {
  padding-left: 0;
  border-left: 4px solid var(--default-border);
}


/* ---------------------------
Bloc Actualités liées
-----------------------------*/

.blocactus {
   padding: 20px 0;
  margin:0;

}

.blocactus h5{

}

.blocactus li{
  width:30%;
  float:left;
    background: #fff;
    padding: 15px;
      margin: 10px 1%!important;
}


/* ---------------------------
Vignettes Pages ACF
-----------------------------*/

.vignettes-pages li{
  display:inline-block;
  margin:1%;
 text-align:center;
  width: 30%;
  background: var(--fond) /*url("./img/bck-points.png") repeat*/;
}

.vignettes-pages li p {
padding:3px 10px;
color:var(--couleur-txt)!important;
}




.vignettes-pages .vignette-img {
display:block;
height:35vh;
overflow:hidden;
background-size: cover!important;
     background-position:center!important;  padding:0!important;
    margin: 0 auto!important;
}
.vignettes-pages li .cta-pages h5 {
margin: 20vh 2vw 5vh 0;
display:inline-block;
float:left;
color: #fff !important;
padding: 0 1vw 1vh 1vw;
text-align: left;
font-size: 1em;
font-weight: 800;
background: var(--couleur1);
}

.vignettes-pages li .cta-pages h5:hover  {
background: var(--couleur3);
}

.vignettes-pages li .bouton-vignette:hover {
  background: var(--couleur2);
}





.search {
background:var(--fond);
margin:0;
width:100%;
}


.et_full_width_page #left-area article, .et_no_sidebar #left-area article{
  float: none;
  width: 100% !important;
  max-width: 800px;
  margin: 4px auto;
}

/* ---------------------------
Conneion
-----------------------------*/


.arm-form-container .arm_form_101.arm-default-form:not(.arm_admin_member_form) {
border: 0 solid #fff;
}

.arm_form_101 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn, .arm_form_101 .arm-df__form-field-wrap_submit button.arm-df__form-control-submit-btn{
background: var(--couleur1);
  border: 1px solid var(--couleur1);
}


/* ---------------------------
Style formulaire 
-----------------------------*/

input[type="text"], select, input[type="email"], 
input[type="number"], input[type="date"], input[type="tel"], input[type="select"], textarea {
  width: 100%;
  padding: 10px 6px;
  margin:4px auto;
  background:var(--fond);
  border: 1px solid var(--couleur1);
font-size: 14px;
  border-radius:0!important;
  color:var(--couleur-txt);
  

}
.wpcf7 input[type="text"]:focus{
    border: 1px solid var(--couleur1);

}

.wpcf7 .wpcf7-number {
     padding: 6px;
  margin:4px auto;
  background:var(--fond);
}

.wpcf7-submit, .em.em-search .em-search-main.em-search-main-bar > .em-search-submit button{
  float: center;
  color: var(--couleur1); 
      font-size: 14px; 
      height: 50px; 
      font-weight: 800; 
      background-color: #ffffff; 
       text-transform: uppercase; 
       border: 1px solid var(--couleur1);  
       padding: 0.3em 1em !important;
}
.wpcf7-submit:hover{
  background: var(--couleur2);
      color: #ffffff;
      border: 1px solid var(--couleur2);  
  }
span.wpcf7-not-valid-tip{
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  background: #ff0000;
  padding: 5px;
}
div.wpcf7-validation-errors { 
  text-shadow: none;
  border: transparent;
  background: #f9cd00;
  padding: 5px;
  color: #9C6533;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
div.wpcf7-mail-sent-ok{
  text-align: center;
  text-shadow: none;
  padding: 5px;
  font-size: 12px;
  background: #749FE8;
  border-color: #749FE8;
  color: #fff;
  margin: 0;
}

#bloc-responsive {
  max-width:600px /*-- à modifier en fonction de la largeur désirée --*/;
  margin:0 auto;
        width:100%;
}
.rang-form {
  width: 100%;
}
.demi-colonne, .colonne {
  float: left;
  position: relative;
  padding: 0.65rem;
  width:100%;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
  .demi-colonne {
    width: 50%;
  }
}

/* ---------------------------
Sidebar
-----------------------------*/

/************ Sidebar ************/
#sidebar .et_pb_widget {
    float: left;
    max-width: 100%;
background:#fff;
padding: 3vh 1vw;
box-shadow: var(--ombre);
}

#sidebar .et_pb_widget h4, #sidebar .widgettitle h4{
font-weight: 800;

}


#main-content .container::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    content: "";
}



/**** fixed sidebard **/

@media (min-width: 769px)  {
 


     #sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    }
 
    #left-area {
    display: flex;
    }
 
    #left-area .entry-content {height: 100%;}
 
    #left-area .entry-content aside:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    }
 }




/************ Sidebar en 1 clic ************/


.widget_nav_menu  ul li a:hover {color:var(--couleur1);}



.widget_search input#s, .widget_search input#searchsubmit {
    padding: 0;
    height: 40px !important;
    margin: 0;
    font-size: 12px;
    line-height: normal !important;
    border: none;
    background:var(--fond);
    color: var(--couleur-txt);
}

.widget_search #searchsubmit {
    background-color: #fff;
    width: 70px;
    color:var(--couleur-txt);
}
.et_right_sidebar #sidebar {
    padding-left: 0!important;
}


#main-content .container::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    content: "";
}


/**** fixed sidebard **/

@media (min-width: 769px) {
 


     #sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
    }
 }

 @media (min-width: 769px) {
#left-area {
 display: flex;
 }
 #left-area .entry-content {
 height: 100%;
 width: 100%;
 }
 #left-area .entry-content aside:last-child {
 position: -webkit-sticky;
 position: sticky;
 top: 130px;
 }
 }



/* ---------------------------
Footer
-----------------------------*/


#main-footer {
    padding-top:3vh;
color:var(--couleur-txt);
    border-top:0;
}

#main-footer p {


}


#menu-liens-utiles-widget-footer ul li {
  margin-bottom: .5em;
  border-bottom: 1px solid var(--couleur3);
  padding: 5px 0;
    padding-left: 0px;
}

#main-footer  .focus, .menu-liens-utiles-widget-footer-container {
    padding:15px;
  margin: 0!important;
width: auto;
box-shadow: var(--ombre);
background:#fff;
}

#main-footer .et_pb_widget {
  float: left;
  width: 100%;
  word-wrap: break-word;
}

#main-footer .sib-form {
  background-attachment: fixed;
  font-size: 14px;
  font-family: Poppins, sans-serif;
  padding: 0;
  margin: 0;
}


/* supprimer les puces de liste en pied de page */
#footer-widgets .footer-widget li::before {
display:none;
}
#footer-widgets .footer-widget li {
    padding-left: 0px;
}




#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {

    background:none!important;
    margin-left:0!important;
    padding-left:0!important;
}

#footer-widgets .footer-widget li a {color:var(--couleur1)!important;}

.dropdown:hover .dropdown-menu {
  display: block;
}

/* ---------------------------
responsive
-----------------------------*/

/** tablette**/
@media screen and (max-width: 900px)
{

  .vignettes-pages li{
  display:block;
  width:50%;
  margin:10px 5px;
  }
  
  
  
  .sousmenu ul li {
    display: block!important;
    width:100%;
    padding: 5px;
    margin: 2px 0;
    font-size: 1em;
    border-bottom:1px solid #fff;
  }
}

/*** ***************************

MOBILE 

********************************/


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


.et_fixed_nav #main-header, .et_fixed_nav #top-header {
  position: fixed !important;}

  img.alignright {
  display: block;
  float: center !important;
  margin: 10px auto;
}


.et_pb_scroll_top.et-pb-icon {display:none; visibility:hidden;}

  .et_mobile_menu {border-top: 1px solid #000;}

  body, p, .et_pb_post p, 
  .et_pb_text,
  .et_pb_text_inner, .et_pb_text_inner p  { font-size: 1.05rem;}
  .titre .container { padding: 2vh 0;}

  .bigtitre {font-size: 2em;}

  h1 {font-size: 30px; line-height: 30px;}
  .et_pb_text_0 h1 {font-size: 2rem;}
  .entry-content h2, h2 {font-size: 25px; line-height: 25px;}

  /** Home **/
  .wordCarousel div li{font-size: 20px;}
  .et_pb_text_0 h1 {font-size: 30px;}

  blockquote, blockquote p {font-size: 1.3rem;}

  .mobile_menu_bar::before {color: #000;}


    .vignette-contact {
  margin: 5% 0;
  width: 100%;
  text-align:center;
padding:2%;
  }
  
  
  
  .sousmenu ul li {
    display: block!important;
    width:100%;
    padding: 10px;
    margin: 5px 0;
    font-size: 1em;
    border-bottom:1px solid #fff;
  }

  /*.menu-item-359 a, .menu-item-404 a {color:#fff!important; text-decoration: none; }*/

  .vignettes-event .img-event, .vignettes-event .txt-event{display:block; width:100%; float:none;}
  .vignettes-event .img-event {max-width:500px; max-height:200px;}
  .vignettes-event .img-event img {max-width:500px; }

  .focus {
  margin: 10px 0;
  padding: 15px;
  border-radius: 10px;
  background: #fff;
  }

  .et_pb_row {width: 90%;}

  #footer-widgets, .vignettes-pages .cta-pages {text-align:center;}
  .footer-widget .widget_nav_menu ul {list-style: none!important; }
  /* Vignettes pages **/


/**** pages vignettes***/
  .vignettes-pages li .cta-pages h5 {
  margin: 10vh auto;
float: center;
padding: 10px 15px;}

   .vignettes-pages li, .blocactus li{display:block; width:100%;margin:10px 5px; }

.vignettes-pages .vignette-img {
  display: block;
  height: 20vh;}

}

/** Zone contact widget ****/