/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.2.2
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
*/
@import url("../Divi/style.css");

a{color:#000; text-decoration:underline!important;}

/*.et_fixed_nav #main-header{background-color:transparent;}*/
.et-fixed-header{background-color:transparent!important;}         
div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed span.mobile_menu_bar:before {
font-size:50px !important;
color:#000!important;
}

.menucontactinfo{float:right;color:#000}
.menucontact{padding: 28px 40px 28px 0px;width:80%;margin-left:5%;}
.et_slide_in_menu_container ul#mobile_menu_slide{border-top: 1px solid #000;border-bottom: 1px solid #000;margin-top:28%;margin-left:5%;width:80%;padding-left:0px;}

body #page-container .et_slide_in_menu_container{overflow:hidden;}

.et_pb_row_1.et_pb_row {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-top: -80px!important;
    padding-top: 0px;
    padding-bottom: 30px;
}
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }


.liens-footer a {color:#000!important;font-weight:bold;}
.liens-footer a:hover {color:#fff!important;}
.et_pb_slider .et_pb_slide_0, .et_pb_slider .et_pb_slide_1, .et_pb_slider
.et_pb_slide_2{background-position:center!important;}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description{padding:0px!important;}
.et_contact_bottom_container{margin-top:0px!important;}
.et-pb-arrow-next, .et-pb-arrow-prev{top:50%!important;}
.et-pb-arrow-prev::before {
content:url(https://primcentre.org/wp-content/uploads/2020/09/Prim-Bloc-Fleche-Gauche-1.jpg);}
.et-pb-arrow-next::before {
content:url(https://primcentre.org/wp-content/uploads/2020/09/Prim-Bloc-Fleche-Droite-1.jpg);}

.telephone{
    float:right;
    background-color:#000;
    padding:15px 25px;
    font-size:16px;color:#fff;
    margin-top:23px;}

.wp-image-462.alignnone {
    width: 20px;
    margin-right: 5px;
}

.logo {
        float: none;
        text-align: center;
        padding-left: 83px;
    }

.telephone a{color:#fff;}
.footerlinks a, .et_mobile_menu li a{text-decoration:none!important;}

.modal-wrapper-coordo{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
display:none;
overflow:auto;
}

.modal-contact-coordo{
position: fixed;
z-index: 99999;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}

.modal-wrapper-mixeur{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-mixeur {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }

.modal-wrapper-AssAudio{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-AssAudio {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }

.modal-wrapper-assist{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-assist {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }

.modal-wrapper-DG{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-DG {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }

.modal-wrapper-DO{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-DO {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }

.modal-wrapper-DT{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
    overflow:auto;
    }
    
    .modal-contact-DT {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    }


a#close-btn-coordo{
	position:absolute;
	z-index: 99999;
	top: -30px;
	right: -30px;
	cursor:pointer;
	}


a#close-btn-AssAudio{
	position:absolute;
	z-index: 99999;
	top: -30px;
	right: -30px;
	cursor:pointer;
	}

a#close-btn-mixeur{
    position:absolute;
    z-index: 99999;
    top: -30px;
    right: -30px;
    cursor:pointer;
    }

a#close-btn-assist{
    position:absolute;
    z-index: 99999;
    top: -30px;
    right: -30px;
    cursor:pointer;
    }

a#close-btn-DG{
    position:absolute;
    z-index: 99999;
    top: -30px;
    right: -30px;
    cursor:pointer;
    }

a#close-btn-DO{
    position:absolute;
    z-index: 99999;
    top: -30px;
    right: -30px;
    cursor:pointer;
    }

a#close-btn-DT{
    position:absolute;
    z-index: 99999;
    top: -30px;
    right: -30px;
    cursor:pointer;
    }

    /* show slider arrows always */
.et-pb-arrow-next {
     opacity: 1;
     right: 22px;
}
.et-pb-arrow-prev{
     opacity: 1;
     left: 22px;
}
.et_pb_contact_field_half {
    padding: 0px 30px;
}

.et_pb_contact_form_container .et_pb_contact_field_4.et_pb_contact_field {
    margin-left: 0px!important;
	margin-right: 0px!important;
}

p.et_pb_contact_field_4 {
    padding-right: 0px!important;
}

	
.input.et_pb_contact_captcha {
    border: 2px solid #423939;
    padding: 10px 0px;
    text-align: center!important;
}
	
.et_pb_contact_field textarea.et_pb_contact_message {
    background: #eeeeee!important;
}

.et_pb_contact_form_container .et_pb_contact_field_6.et_pb_contact_field .input {
    background-color: transparent;
}

.et_pb_contact p input {
    background-color: #eee!important;
}

.et_pb_contact_field_0.et_pb_contact_field .input:focus, .et_pb_contact_field_0.et_pb_contact_field .input[type="checkbox"]:active+label i, .et_pb_contact_field_0.et_pb_contact_field .input[type="radio"]:active+label i {
    background-color: transparent!important;
}
	
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 2.75%;
    max-height: 550px;
}

.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
    color: #333;
    bottom: 15px;
    top: auto!important;
}

.et_pb_slider_0 {
    margin-top: 0px!important;
}

.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
    font-size: 42px!important;
    line-height: 1em!important;
}

.et-pb-arrow-prev .et-pb-arrow-next  {
    bottom: 10px;
    top: auto;
    }



.wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p {
        text-align: left;
        color: black;
        font-size: 16px;
    }

    .wpostahs-slick-slider .slick-dots {
        display: none!important;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
        border-color: #465aa5!important;
        background: #465aa5!important;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
        background: #000000;
        border: 2px solid #000000;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
        border-color: #465aa5!important;
        background: #465aa5!important;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {
        color: #15120a;
        font-weight: 700;
        font-size: 17px!important;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav-title {
        color: #312e33;
    }

    .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
        background: #000000;
    }

   
ul#mobile_menu1.et_mobile_menu {
background-color: #ffffffab!important;
}

#footer-bottom {
padding: 0;
}

#main-header .et_pb_row {
    z-index: 10;
    padding-top: 60px;
}

.et_mobile_menu {
background-color: #9bb4c8!important;
border-top: 3px solid #000;
color:#000;}


.et_header_style_slide .et_slide_in_menu_container {
width: 240px;
}

.mobile_menu_bar:before {
color: #000000!important;
font-size: 42px;
}

.mobile_menu_bar:after {
color: #000000!important;
font-size: 42px;
}

.et_mobile_menu a:hover {
transition: all 0.5s;
cursor: pointer;
}

.devenirmembre{padding:50px; letter-spacing: 1px;}



/*----------------------------------------------*/
/*-----Slide-In Menu from Left by Divi Soup-----*/
/*----------------------------------------------*/
/*Move the hamburger menu to the left*/
#et-top-navigation {
float: left;
padding-left: 0 !important;
}
/*Move the menu to the left when open*/
.et_pb_slide_menu_active header#main-header,
.et_pb_slide_menu_active #page-container {
left: 0px !important;
}
.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
right: auto !important;
left: 0 !important;
/*overflow:hidden;*/
}
/*Hide the screen overflow*/
body.et_pb_slide_menu_active {
overflow-x: hidden !important;
}
/*Move the logo to the right of the screen*/
/*#logo {
float: right;
}*/
/*Switch the slide-in animation from right to left*/
.et_slide_in_menu_container {
left: -370px;
-webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
-moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
}

/*----------------------------------------------*/
/*---End Slide-In Menu from Left by Divi Soup---*/
/*----------------------------------------------*/

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

	
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    max-height: 1400px;
}


.devenirmembre {
    padding: 30px 10px;
    letter-spacing: 1px;
}

.et-pb-arrow-next, .et-pb-arrow-prev{top:95%!important;}

.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0!important;
}

.et_header_style_slide .et_slide_in_menu_container {
    width: 50%;
}

.et_slide_in_menu_container ul#mobile_menu_slide {
    padding: 28px 30px;
}

.logo {
    padding-left: 0px;
    padding-top: 35px;
}

.telephone {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    margin-top: 25px;
    clear: both;
    text-align: center;
}
.logomain{padding-left:0px!important;margin-left:-9%;}

#main-header .et_pb_row{padding:0;}  
.menucontactinfo{float:none;clear:both;}
.menucontact{width:100%;}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a{padding:3px 0px;}       
}

div.mobile_nav.closed span.mobile_menu_bar::before, div.mobile_nav.opened
.mobile_menu_bar::before{font-size:70px!important;}
#main-header .et_pb_row{z-index:10;}
.entry-content ul{line-height:1.3em;}


.devenirmembre input{border-top:none;border-left:none;border-right:none;border-bottom-width: 3px;border-bottom-color:
#000;background-color:transparent;width:95%;font-weight: 700;font-size: 16px;margin-bottom:55px;color:#000!important;}
.devenirmembre textarea {height:8em;border-width: 3px;border-color:
#000;background-color:transparent;width:95%;font-weight: 700;font-size: 16px;margin-bottom:55px;color:#000!important;}
.devenirmembre label{color:#000;font-size:15px;font-weight:bold;}
.devenirmembre input[type="submit"]{ color: #ffffff !important;
border-width: 0px !important;
border-color: #000000;
border-radius: 0px;
letter-spacing: 1px;
font-weight: 700 !important;
background-color: #000000;
padding-top: 10px !important;
padding-bottom: 10px !important;
width:20%;
cursor:pointer;
margin-left:20%;
}

.devenirmembre select
{
background-color:transparent;
width:95%;
border-top:none;border-left:none;border-right:none;border-bottom-width: 3px;border-bottom-color: #000;
margin-bottom:55px;
}
.devenirmembre select:after{
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #f00;
position: absolute;
top: 40%;
right: 5px;
content: "";
z-index: 98;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
	margin-top:-40px
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #4F8A10;
    background-color: #d7b964;
    border: 0;
    padding: 10px;
	margin-top:-40px
}
.et_pb_contact_right p input {
    max-width: 50px;
    padding: 10px;
    border: 2px solid #423939;
text-align: center!important;
}
	.et_pb_row_1.et_pb_row {
    margin-top: -40px!important;
}
	
body #page-container .et_slide_in_menu_container {
        background: #9bb4c8;
        box-shadow: 0px 10px 15px 6px rgb(0 0 0 / 30%);
 }

.wpostahs-slider-design-1 .wpostahs-slider-for .wpostahs-centent, .wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p {
        text-align: left;
        color: black;
        font-size: 13px;
        line-height: 18px;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    border-color: #465aa5!important;
    background: #465aa5!important;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
    background: #000000;
    border: 2px solid #000000;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
    border-color: #465aa5!important;
    background: #465aa5!important;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {
    color: #15120a;
    font-weight: 700;
    font-size: 17px!important;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav-title {
    color: #312e33;
}

.wpostahs-slick-slider .slick-dots {
    display: none!important;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
    background: #000000;
}

.wpostahs-slick-slider .slick-arrow {
    border: 2px solid #0a0a0a !important;
}

a#close-btn-coordo{
top: -13px;
right: -13px;
}

a#close-btn-coordo img {
width: 30px;
height: auto;
}

a#close-btn-AssAudio{
	top: -13px;
	right: -13px;
	}

a#close-btn-AssAudio img {
	width: 30px;
	height: auto;
	}

a#close-btn-mixeur{
    top: -13px;
    right: -13px;
    }

   a#close-btn-mixeur img {
    width: 30px;
    height: auto;
    }
    
a#close-btn-assist{
    top: -13px;
    right: -13px;
    }

    a#close-btn-assist img {
    width: 30px;
    height: auto;
    }

a#close-btn-DG{
    top: -13px;
    right: -13px;
    }

    a#close-btn-DG img {
    width: 30px;
    height: auto;
    }

a#close-btn-DO{
    top: -13px;
    right: -13px;
    }

    a#close-btn-DO img {
    width: 30px;
    height: auto;
    }

a#close-btn-DT{
    top: -13px;
    right: -13px;
    }

    a#close-btn-DT img {
    width: 30px;
    height: auto;
    }


@media only screen and ( max-width:980px ) {
.devenirmembre .et_pb_contact_field_half{width:100%;}
.devenirmembre input[type="submit"]{width:100%; margin-left:auto;margin-right:auto;}  
#logoimage{max-width:50%;} 
.et_slide_in_menu_container ul#mobile_menu_slide{border-top: 1px solid #000;border-bottom: 1px solid #000;margin-top:35%;margin-left:5%;width:100%;padding-left:0px;}
}
                   
                  
@media only screen and ( min-width:768px ) {
	
.logo {
    float: none;
    text-align: center;
    padding-left: 92px;
}

	}
@media only screen and ( min-width:480px ) and ( max-width:980px ) {    
    body #page-container .et_slide_in_menu_container{overflow:auto;}
}

.et_toggle_slide_menu::after{z-index:99999999999999;}
.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened{width:100%;z-index:10;overflow:hidden;}
.et_slide_in_menu_container{-webkit-transition-property: none;
-moz-transition-property: none;
transition-property: none;
transition:none!important;}
body #page-container .et_slide_in_menu_container {
        background: linear-gradient(90deg,#9bb4c8 50%,rgba(0,0,0,0.6) 50%)!important;
        box-shadow: 0px 10px 15px 6px rgb(0 0 0 / 30%);
    }
.et_header_style_slide .et_slide_in_menu_container{max-width:100%;}
.et_mobile_menu{position:relative;}
.et_toggle_slide_menu::after{display:none;} 

                                                        

.pa-menu-shop>a:hover:before {
color:white;
}

 .current_page_item>a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 3px;
    margin-left: -10px;
    color: #000000;
    font-size: 2em;
    transition: all .3s ease;  
  }

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a{color:#212121;}  
.et_slide_in_menu_container #mobile_menu_slide li a:hover{color:white;} 


et-fixed-header#main-header {  
    box-shadow: 0 0 7px rgba(0,0,0,.7) !important;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.7) !important;    
}

.contactmenu{font-weight:700!important;font-size:14px!important;text-decoration:none!important;}
.contactmenu:hover{color:white;}

.socialicons {padding: 15px;}
.facebook{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/facebook3.png"); background-repeat: no-repeat;background-size: 25px;}
.facebook:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/facebook4.png");} 
.twitter{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/twitter3.png"); background-repeat: no-repeat;background-size: 25px;}
.twitter:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/twitter4.png");} 
.vimeo{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/vimeo3.png"); background-repeat: no-repeat;background-size: 25px;}
.vimeo:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/vimeo4.png");} 
.insta{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/insta3.png"); background-repeat: no-repeat;background-size: 25px;}
.insta:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/insta4.png");} 
.linkedin{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/linkedin3.png"); background-repeat: no-repeat;background-size: 25px;}
.linkedin:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/linkedin4.png");} 

.facebookhead{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/facebook3.png"); background-repeat: no-repeat;background-size: 25px;}
.facebookhead:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/facebook2.jpg");} 
.twitterhead{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/twitter3.png"); background-repeat: no-repeat;background-size: 25px;}
.twitterhead:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/twitter2.jpg");} 
.vimeohead{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/vimeo3.png"); background-repeat: no-repeat;background-size: 25px;}
.vimeohead:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/vimeo2.jpg");} 
.instahead{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/insta3.png"); background-repeat: no-repeat;background-size: 25px;}
.instahead:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/insta2.jpg");} 
.linkedinhead{background-image: url("https://primcentre.org/wp-content/uploads/2021/03/linkedin3.png"); background-repeat: no-repeat;background-size: 25px;}
.linkedinhead:hover{background-image: url("https://primcentre.org/wp-content/uploads/2021/06/linkedin2.jpg");} 

.devenirmembre .joindrebut input[type="submit"] {margin-left:0px!important;}
.devenirmembre .et_pb_contact_field_half{padding:0px!important;}
.projet img{margin-left:-1px!important;}


.newsletter input.email{border-top:none;border-left:none;border-right:none;border-bottom-width: 1px;border-bottom-color:#000;background-color:transparent;width:30%;font-weight: 400;font-size: 14px;color:#000!important;}
.newsletter input[type="submit"]{ color: #ffffff !important;
border-width: 0px !important;
border-color: #000000;
border-radius: 0px;
letter-spacing: 1px;
font-weight: 700 !important;
background-color: #000000;
padding:5px;
cursor:pointer;
}
.newsletter strong{color:#000;}
.newsletter input::placeholder{color:#000;}

@media only screen and ( max-width:680px ) {
 .newsletter{text-align:center;}
 .newsletter input.email{width:90%;}
}