/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@import "templates/cdm_style.css";

/* pesonnaliser */


#site-header.top-header #site-logo{padding:10px 0px 0px 0px;}


#menu-item-64 > a:nth-child(1){
border-style: solid; border-width: 1px 0px 0px 0px;
	border-color:#db9e27;
}
#menu-item-65 > a:nth-child(1){
border-style: solid; border-width:1px 0px 0px 0px;
	border-color:#9b4f9e;
}
#menu-item-66 > a:nth-child(1){
border-style: solid; border-width: 1px 0px 0px 0px;
	border-color:#0074c5;
}
#menu-item-96 > a:nth-child(1){
border-style: solid; border-width: 1px 0px 0px 0px;
	border-color:#8cc63f;
}
#menu-item-97 > a:nth-child(1){
border-style: solid; border-width: 1px 0px 0px 0px;
	border-color:#c50077;
}

table.mabel-bhi-businesshours{margin:0px;}

.elementor-shortcode table th, table td{padding: 2px;}

.widget-title {
	padding-top: 10px;
}
.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
    padding-top: 0px;
padding-bottom:0px;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding-top: 0px;
padding-bottom:0px;
}

.elementor-form.elementor-button.elementor-size-xs:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.elementor-form.elementor-button.elementor-size-xs {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    
}

#envoyerville{
    display:none;}

#menu-2-f8f8d6c > li > a > i{margin: 0px 0px 0px 5px;}

#menu-2-edce0d0 > li > a > span{margin: 0px 0px 0px 10px;}
#connect > div > div.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-name.elementor-col-66{margin: auto 0;
width: 300px;}
#connect > div > div.elementor-field-type-password.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-66{margin: auto 0;
width: 300px;}

#connect > div > div.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100{margin-top: 20px;}

#cdmRegisterQsForm {
    width: 80%; /* délimite la largeur dans le contenu de la page */
    margin: auto!important;
    padding: 20px;
}

#cdmRegisterQsForm h3{
    border-bottom: 2px solid #e53027; /* tous les titres des label auront cette bordure*/
    padding: 5px;
    margin-top: 5%; /* espace les titres des contenus en haut */
    margin-bottom: 5%; /* espace les titres des contenus en bas */
}
/** Modification de l'input newsletter en toogle **/
#cdmRegisterQsForm input[type="checkbox"].newsletter {
    display: none; /*désactive l'affichage*/
  }
#cdmRegisterQsForm input[type="checkbox"].newsletter + label {
    box-sizing: border-box; /*prend en compte la bordure & le remplissage de la valeur*/
    display: inline-block; /* réactive l'affichage & pousse les éléments sur la même ligne */
    width: 3rem; /*taille du toogle*/
    height: 1.5rem;
    border-radius: 1.5rem; /* arrondit le toogle*/
    padding:2px; /*espace le toogle */
    background-color: #ccc ; /* couleur du toogle lorsqu'il n'est pas checked */
    transition: all 0.5s ; /*transition entre le checked et le unchecked*/
    cursor: pointer; /* curseur de sélection */
    vertical-align: top; /* affichage vertical au milieu des éléments inline */
    margin-bottom:1%;
  }
#cdmRegisterQsForm input[type="checkbox"].newsletter + label::before {
    box-sizing: border-box; /*prend en compte la bordure & le remplissage de la valeur*/
    display: block; /* reactive l'affichage en block (sans inline)*/
    content: ""; /*affiche un contenu vide*/
    height: calc(1.5rem - 4px); /* calcul de la hauteur sur le navigateur */
    width: calc(1.5rem - 4px); /* calcul de la largeur sur le navigateur */
    border-radius: 50%; /* arrondi */
    background-color: #fff;
    transition: all 0.5s ;
  }
#cdmRegisterQsForm input[type="checkbox"].newsletter:checked + label {
    background-color: #e53027 ; /* fond lorsque l'input est checked */
  }
#cdmRegisterQsForm input[type="checkbox"].newsletter:checked + label::before {
    margin-left: 1.5rem ;
  }

#cdmRegisterQsForm input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;
    margin-top: -1px;
    vertical-align: middle;
}

/** Modification des input text **/
#cdmRegisterQsForm input[type="text"]#cp {
    width: 80px;
    border: none; /* enlève les bordures visibles */
    border-bottom: 2px solid #ccc;
    transition: all 0.5s ; /*transition entre le focus & le unfocus */
    font-size: 15px;
}

#cdmRegisterQsForm input[type="number"]#age{
    width: 43px!important;
    border: none; /* enlève les bordures visibles */
    border-bottom: 2px solid #ccc;
    transition: all 0.5s ; /*transition entre le focus & le unfocus */
    font-size: 15px;
}
#cdmRegisterQsForm input[type="number"]#cp:focus,input[type="text"]#age:focus {
    outline: none; /* enlève la bordure extérieure */
    border-bottom: 2px solid #e53027;
}
#cdmRegisterQsForm input[type="text"]::placeholder {
    /*style du contenu du placeholder (text automatique)*/
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/** Modification du textarea**/
#cdmRegisterQsForm textarea {
    display: block;
    margin:auto;
    width: 95%;
    min-height: 50px; /*détermine une hauteur minimale susceptible de changer selon le contenu*/
    border: none;
    border: 2px solid rgb(216, 216, 216);
    border-radius: 2px;
    text-align: justify;
}
#cdmRegisterQsForm textarea:focus {
    outline: none; /* enlève la bordure extérieure */
    border: 2px solid rgb(192, 192, 192);
}

#cdmRegisterQsForm input[type="checkbox"].newsletter + label {
    box-sizing: border-box;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding: 2px;
    background-color: #ccc;
    transition: all 0.5s;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 1%;
}

#error-qs{
    text-align: center;
    margin-top: 6px;
    display: none;
}

#error-qs p{
    color:#fd1912;
}

#succes-qs{
    text-align: center;
    margin-top: 6px;
    display: none;
}

#succes-qs p{
    color:#4cc63f;
}

/** Bas de page **/
#footer-qs {
    overflow: hidden; /*permet d'afficher les float & display : inline-block sans dépassement */
    text-align: center;
    font-weight: bold;
}
#footer-qs img {
    height: 150px;
    display: inline-block; /*retire l'élément du flux normal et le place à gauche*/
    vertical-align: middle;

    margin-bottom: 3%;
}
#footer-qs p {
    display: inline-block;
    width: 50%;
    font-weight: normal; /*remet l'épaisseur du texte en automatique*/
    vertical-align: middle;
    font-style: italic;

    margin-bottom: 3%;
}

#footer-qs strong {
    display: block;
    margin-top:3%;
    text-align: center;
}

/** Partie responsive **/
@media all and (max-width: 1050px) {

    #qs-header{
        width: 100% !important;
    }
    #qs-header h2 {
        margin: auto;
        font-size: 1.3rem;
    }
    #qs-header p{
        font-size: 1.1rem;
        padding: 5px 5px;
        line-height: initial;
    }
    #cdmRegisterQsForm h3 {
        background-color: #e53027;
        color:#fff;
        border:none;
        text-align: center;
        padding: 10px;
        font-size: 1rem;
        display: block;
        margin: auto;
        margin-top: 5%; /* espace les titres des contenus en haut */
        margin-bottom: 5%; /* espace les titres des contenus en bas */
    }
    #cdmRegisterQsForm {
       width: 90%!important;
    }

    #cdmRegisterQsForm textarea {
        width:80%;
        display: block;
        margin:auto;
    }

    #footer-qs p{
        font-size: 0.8rem;
        width: 65%;
    }
}


.widget-title {
    padding-top: 4px;
    border-width: 0 0 0 4px;
padding-left: 9px;
}

body{
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
}
a{color : rgba(0,0,0,0.73)}


@media screen and (min-width: 480px) {
	#main > header{
	background-image:url(/wp-content/uploads/2018/12/fond_titre1.svg);
	background-color: #fff;
	width: 100%;
	height:65px;
	opacity: 0.9;
	}
}

@media screen and (max-width: 479px) {
	.site-breadcrumbs {
	background-color: #fff;
	/*width: 100%;*/
	/*height:65px;*/
	opacity: 0.9;
	text-align: left;
	width:100%;
	}
}
@media screen and (min-width: 480px) {
	.site-breadcrumbs {
	background-color: #fff;
	/*width: 100%;*/
	/*height:65px;*/
	opacity: 0.9;
	text-align: left;
	width:30%;
	}
}

#main header h1{font-size:1.8em;
opacity: 0.4;
text-align: left;
color: #727271;
font-family: roboto;
font-weight: 400;
margin-bottom: 0px;
margin-top: 2px;
margin-left : 2%;
text-transform: none;
letter-spacing: -0.3px;}


#content .mb-bhi-oc-text{font-weight:400;
font-size: 0.9em;
color: #6E6E6E;}
#content .mb-bhi-oc-text b{font-weight:500;
font-size: 0.9em;
color: #6E6E6E;}

/* mon compte - desktop */
#menu-1-14ff154 > li.omw-open-modal.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3111 > a > i{margin-right:5px;}

#omw-3102  {
	overflow-y : auto !important;
}
#omw-5682  {
	overflow-y : auto !important;
}
/* PAGES */

/* Tout l'agenda */
.elementor-2321 .elementor-post__card {margin-bottom:10px;} 
	
/* Atelier */
	/* boutons emploi - formation - ... */
.elementor-2786 .elementor-button.elementor-size-xs {box-shadow: none;}
.elementor-2786 .elementor-button.elementor-size-xs:hover{box-shadow: none;}

/* Cartes Ateliers Info-métiers agenda */
.elementor-660 .elementor-post__read-more, .elementor-2321 .elementor-post__read-more, .elementor-2786 .elementor-post__read-more{position: absolute;
	bottom: 0px;
	font-family: roboto,sans-serif;
	font-size: 1.6em;
	padding:8px 20px 5px 20px;
	text-align: center;
	color: #000;
	background: #fff;
	border-radius: 3px;
    box-shadow: 0px 1px 6px 0px rgba(122,122,122,0.3);
    border-color: #ababaa;
	border-style: solid;
	border-width: 0.5px;
}
 .elementor-660 .elementor-post__excerpt span,.elementor-2321 .elementor-post__excerpt span, .elementor-2786 .elementor-post__excerpt span{
    border-left: 4px solid  #fd1912;
    padding-left: 10px;
    font-size: 1em;
    font-weight: 200;
}
.elementor-660 .elementor-post__read-more, .elementor-2321 .elementor-post__excerpt, .elementor-2786 .elementor-post__excerpt {
      padding-bottom: 5px;
}

/* Contactez-nous */
/* texte champs */

.elementor-7 .elementor-field-group .elementor-select-wrapper 
select{font-size: 1.1em;
    font-weight: 400;
    line-height: 1.7em;
    letter-spacing: 0.5px;
    /*color: rgb(0,0,0,0.55);*/
}

 	/* Accordéons Nos partenaires, Nos projets, Nos outils, Qui sommes nous, ... */

/*.accordeo a{
    display:table-cell
    }*/

.elementor-accordion .elementor-accordion-item:first-child { display : none;}