.widget100{
	width:100%;
}

.elem_section{
	display:flex;
	justify-content:center;
	width:100%;
}

.elem_container{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	max-width: 1140px;
}


.info_detail{
	width:100%;
	background-size:20px 20px;
	background-repeat:no-repeat;
}

 .info_detail p{
	line-height:24px;
}
.info_detail2 {
	line-height:24px;
	margin-bottom:10px;
}



.elem_inner{
	margin:5px;
	width:80%
}

.elem_inner .colonneDroite .coordonneesParticipant p .xx{
	margin:0;
	margin-bottom:5px;
}

.containeur_intervenants {
    width:100% ;
    display:flex;
    flex-wrap:wrap;
    justify-content: center ;
    
    
}
.intervenant{
    width:180px ;
    height:260px ;
    display:flex;
    flex-direction: column;
    align-items: center;
    margin:5px;
    
}


.widget50{
	width:50%;
}

.widget33{
	width:33%;
}

.widget25{
	width:25%;
	min-width:260px;
}


.linkedin_bouton{
	margin-top:15px !important;
	margin-bottom:15px !important;
	
}

.colonne_inter_popup{
	width:360px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}


.scrollable{
    overflow-y: scroll ;
    min-width:60vw;
    Max-width:700px;
    min-height:50vh;
    max-height:95vh;
    Justify-content:left !important;
    align-items:center;
    display:flex;
    flex-direction:column;
}

.grecaptcha-badge{
    display:none !important
}

.atelier{
    width:100% ;
    text-align:center ;
}


.container_12{
    width:70%
}

.v_mobile{
    display:none;
}

.middle{
   display:flex;
   justify-content:center;
}

.marge_auto{
    display:flex;
    align-items:center;
    Justify-content:center;
}

p{
    margin:auto;
    line-height:1;
}

.ginger_banner-wrapper{
   display:none;
}


.loader{
    background-image:url('/wp-content/themes/mediaclub/img/loading-25.gif') ;
    background-size:cover;
    width:40px;
    height:40px ;
    margin:auto ;
}
.titre_principal{
    text-align:center ;
    font-family: Helvetica Neue ;
    font-size:29px ;
}

.normal{
    color:#7a7a7a;
    font-family: Helvetica Neue ;
    font-size:16px ;
    text-align:justify ;
}


	
	.fonction{
    color:#7a7a7a;
    font-family: Helvetica Neue, Lato ;
    font-size:14px ;
    text-align:justify ;
}

.nomprenom{
    color:#5a5a5a;
    font-family: Helvetica Neue, Lato ;
    font-size:18px ;
    text-align:justify ;
	font-weight:600;
	letter-spacing: 0.5px;
}

.entreprise{
    color:#5a5a5a;
    font-family: Helvetica Neue, Lato ;
    font-size:14px ;
    text-align:justify ;
}

.containeur{
    display:flex;
    width:100% ;
    justify-content: space-between;
}

.gauche{
    width:25% ;
    text-align:center ;
}

.droite{
    width:70% ;
    text-align:center ;
    
}

.gauche_bandeau{
    width:50% ;
    text-align:left ;
    display:flex;
    justify-content: left;
}

.droite_bandeau{
    width:50% ;
    text-align:center ;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.gauche_evt{
    width:55% ;
    text-align:justify ;
}

.droite_evt{
    width:40% ;
    text-align:justify ;
}

.centre{
    width:5% ;
    text-align:center ;
}



.grid_12{
    width:100% !important ;
}

#gmap_canvas{
    width:100%;
    height:300px ;
}

.photo_profil{
    width:100px ;
    height:100px ;
    margin:0px ;
    border-radius:50px ;
    background-size:cover ;
    background-position: center;
    display: flex;
    align-items: end;
    overflow:hidden;
   
    }

.logo-page{
    width:150px ;
    height:150px ;
    Margin:auto ;
    //border-radius:75px ;
    display: flex;
    align-items: middle;
    overflow:hidden;
    //background-color:white;
    //Border:solid 2px ;

   
    }

.bouton_rs{
       font-family: Helvetica Neue, Lato ;
       color: #ffffff !important ;
       position: relative;
       width: 150px;
       text-align: center;
       font-weight: normal;
       vertical-align: middle;
       border: 1px solid transparent;
       padding: 6px 15px;
       font-size: 18px;
       border-radius: 5px;
       text-decoration:none;
}
.bouton_rs:hover{
    color:white;
}

.logoin{
    width:120px ;
    height:120px ;
    margin:auto ;
    Background-size:contain ;
    background-position: center;
    Background-repeat:no-repeat;
   
    }

.petite_photo{
width:70px ;
height:70px ;
margin:0px ;
border-radius:35px ;
background-size:cover ;
background-position: center;
display: flex;
align-items: end;
overflow:hidden;
}

.Type_Membre{
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 12px !important ;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
    text-align:center;
    width:100%;
    margin-bottom:-5px;
}

.container_marge {
    padding:10px;
    }

.bandeau{
    height:120px;
}



.bandeau_inscription{
    border-radius : 10px ;
    width:auto !important ;
}

#inscription_echec{
    background-color: #ffb7bcaa ;
}
#inscription_reussie{
    background-color: #ffe2a4aa ;
}



.text_alerte{
    margin:0px !important; text-align:center; width:100%
    }


.containeur_intervenants {
    width:100% ;
    display:flex;
    flex-wrap:wrap;
    justify-content: center ;
    
    
}
.intervenant{
    width:180px ;
    height:260px ;
    display:flex;
    flex-direction: column;
    align-items: center;
    margin:5px;
    
}

.intervenant_detail{
    width:160px;
}

.intervenant_detail p{
    Margin-bottom:4px;
}



h3{
    font-family: Helvetica Neue ;
    font-size:24px ;
        
}

.h3_barre{
    height:4px ;
    width:50px ;
    margin-top: -10px ;
    margin-left:0px ;
}

.label_form{
    text-align:left ;
    width:calc( 100% - 100px );
    max-width : 300px ;
    margin:2px ;
}

.p_rubrique{
    width:100px ;
    margin : 2px !important ;
}

.form_rubrique{
    display:flex ;
    flex-direction:row;
    justify-content: left ;
    align-items : center ;
}

.partie_inscription {
    width:50% ;
}

#container_inscription {
     justify-content : center !important ;
}


.bouton{
    
    height:30px !important ;
    width:150px ;
    text-align:center !important ;
    color:white !important ;
    font-family: Helvetica Neue !important ;
    font-size:20px !important ;
    margin:0px !important ;
    text-shadow : none !important ;
    font-family : Helvetica Neue !important ;
    border-radius:10px ;
    
    
    
}

.middle_content{
    display:flex ;
    flex-direction :column ;
    justify-content:center ;
}

.colonneDroite, colonneDroiteHoraire, colonneIntervenant{
    display:flex ;
    flex-direction : row ;
    flex-wrap:wrap ;
    justify-content:center ;
    align-items : center ;
}

.colonneDroite{
	width:calc( 100% - 120px );
}

.colonneDroiteHoraire{
	width:calc( 100% - 80px );
}

.colonneIntervenant{
    width:calc( 100% - 30px );
    display:flex ;
    flex-direction : column ;
    flex-wrap:wrap ;
    justify-content:center ;
    align-items : center ;
}



.bouton_voir_email{
    width : 30px ;
    text-align:center ;
    display:flex ;
    flex-direction : column ;
    flex-wrap:wrap ;
    justify-content:center ;
}

.coordonneesParticipant{
    width:calc( 100% - 30px );
    display:flex ;
    flex-direction : column ;
    flex-wrap:wrap ;
    justify-content:center ;
}

#ListeParticipant{
   max-width : 500px ;
   margin:auto ;
   
}

#ListePartenaires{
   width:100%;
   display:flex;
   flex-direction:row;
   flex-wrap: wrap;
   justify-content: space-around;
}



.barreParticipant{
    height:10px ;
    background-color: #e0e0e000 !important ;
	margin:0px;
    Border:none;
}






.petite_ligne{
    margin-bottom:5px !important ;
    font-size:14px ;
}

.phrase_inscription {
    width:100% ;
    text-align: center ;
    height: 20px ;
    margin-bottom: 0px ;
    
}

.formulaire{
    display:flex;
    flex-direction:column;
    height:250px ;
    justify-content:end;
}

.email_masque{
    position:fixed ;
    display : none ;
    z-index : 510 ;
    flex-direction:column ;
    justify-content:center ;
    align-items:center ;
    top:0px ;
    left:0px ;
    width:calc( 100vw - 100px ) ;
    height : calc( 100vh - 100px ) ;
    margin:50px ;

    
    
    
}

.bouton_voir_email{
    display : block ;
    opacity:0.5 ;
    
}

.bouton_voir_email:hover{
    opacity:1 ;
    cursor : pointer;
}

.participant{
    border-radius:5px ;
    background-color:#00000010;
}

.participant:hover{
    cursor : pointer;
    transform:Scale(1.02,1.02);
}

.popup{
    position:fixed ;
    display:none ;
    top:0px ;
    left:0px ;
    background-color:#FFFFFF ;
    opacity : 0.95 ;
    width:calc( 100vw ) ;
    height : calc( 100vh ) ;
    margin:0px ;
    justify-content:right ;
    Z-index:500;
}

#cross{
filter: invert(1);
width:30px;
height:30px ;
margin:20px ;
z-index : 15 ;

}

.vcard_qr{
	display:flex;
	transition: all 0.2s ease-out;
	animation : fadeIn 0.2s;
}
	
.vcard_button{
		
	display:none;
	transition: all 0.2s ease-out;
	animation : fadeIn 0.2s;
}
.vcard_qr_activation{
	
	background-color:rgb(252, 198, 254);	
	}
.vcard_button_activation{
	background-color:#FFFFFF00;	
}

.inter_popup{
	display:flex;
	flex-direction:row;
	justify-content:center;
	width:100%;
	}


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

.container_12{
    width:80% !important ;
    min-width:80% !important ;
}

}


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

.container_12{
    width:92% !important ;
    min-width:92% !important ;
}

body {
    width:100% !important ;
    min-width:100% ;
}
    
    }


@media screen and (max-width: 768px){
	
	.inter_popup{
	flex-direction:column;
	}
	
.colonne_inter_popup{
	width:100%;
		
}

	
	.vcard_qr{
		display:none;
	}
	
	.vcard_button{
		display:flex;
	}
	.vcard_qr_activation{
	background-color:#FFFFFF00;	
	}
	.vcard_button_activation{
background-color:#8CB7F9;
		
	}
	
	
	
    
    .containeur {
        flex-direction:column ;
    }

    .v_mobile{
        display:block;
    }

    .v_ordi{
        display:none;
    }


    .gauche , .droite , .gauche_evt , .droite_evt, .gauche_bandeau, .droite_bandeau, .partie_inscription{
        width:100% ;
    }
    .bandeau{
        height:240px;
    }
    
    
    .phrase_inscription {
        height: auto ;
        
    }

    .formulaire{
        height:auto ;
    }
    
    .email_masque{
        
        text-align:center;
		width:calc( 100vw - 10px );
		margin-left:5px;
		margin-right:5px;
		margin-top:50px; 
		margin-bottom:50px;
	
    }



    .participant{
        align-items : center ;
    }
    
    .coordonneesParticipant{
        align-items:center ;
        width : 100% ;
    }
    .colonneDroite, .colonneDroiteHoraire{
        width:100% ;
    }
    
	
	.fonction, .entreprise, .nomprenom {
		text-align:center;
	}
	
	.elem_inner, .widget50, .widget33, .widget25{
		width:100%;
	}

	.popup{
		opacity:1 ;
	}

    
    
}

@media screen and (max-width: 500px){
    .intervenant{
    	width:100% ;
	height:auto;
    
	}

    .intervenant_detail{
    	width:90%;
    }

}


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


    
    .bandeau{
        height:300px;
    }
    
    }