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

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


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

.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;
    
}



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

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

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

.entreprise{
    color:#5a5a5a;
    font-family: 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;
   
    }

.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;
    background-color:#d10028;
    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;
}


.widget50{
	width:50%;
}

.widget33{
	width:33%;
}

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






.colonneDroite{
    width:calc( 100% - 120px );
    display:flex ;
    flex-direction : row ;
    flex-wrap:wrap ;
    justify-content:center ;
    align-items : center ;
}


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

.bouton_rs{
	
	   font-family:Lato;
	   color: #ffffff;
	   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;
}

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



.barreParticipant{
    height:1px ;
    background-color: #e0e0e0 !important ;
	margin:0px ;
	border :0 ;
}

.barre{
	margin-bottom:5px !important;
	margin-top:-10px !important;
    height:4px ;
    background-color: #000000;
	margin:0px ;
	border :0 ;
	width:30px;
}

.v_ordi{
	display:flex;
}

.v_mobile{
	display:none;
}




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



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

    
    
    
}




.participant{
    border-radius:5px ;
}

.participant:hover{
    cursor : pointer;
    transform:Scale(1.02,1.02);
    background-color:#fffaf0 ;
}

.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:600
}

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

}



.grecaptcha-badge{
	display:none ;
}





@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){
	
	.mobile_center{
		text-align:center;
	}
	
	.v_ordi{
	display:none;
}

.v_mobile{
	display:flex;
}

	
	
	
	.elem_inner, .widget50, .widget33, .widget25{
		width:100%;
	}
    
	.popup{
		opacity:1 ;
	}
	
    .containeur {
        flex-direction:column ;
    }
    .gauche , .droite , .gauche_evt , .droite_evt, .gauche_bandeau, .droite_bandeau, .partie_inscription{
        width:100% ;
    }
    .bandeau{
        height:240px;
    }
    
    
    .phrase_inscription {
        height: auto ;
        
    }
	
	.fonction, .entreprise, .nomprenom {
		text-align:center;
	}

    .formulaire{
        height:auto ;
    }
    
    .email_masque{
        //display : block !important ;
        text-align:center;
    }

    

    .participant, .participantNoClick{
        align-items : center ;
    }
    
    .coordonneesParticipant{
        align-items:center ;
        width : 100% ;
    }
    .colonneDroite{
        width:100% ;
    }
    
    
}

@media screen and (max-width: 320px){
    
    .bandeau{
        height:300px;
    }
    
    }