/*page_connect.css*/
.cm_form {margin-left : 10%;}
#id_pass {width : 80%;}
#id_mail {width : 80%;}
#id_pass,#id_mail {background-color : #FFFFFF;}
#id_bas,#id_bas2,#id_bas1 {height: 30px;}
.espace_30 {height: 30px;}
#en_tete_paie {
	margin-left : 10%;
	width : 40%;
}
#en_tete_vote {
	margin-left : 10%;
	width : 60%;
}
#id_lien {
	margin-left : 5%;
	background-color : #33CC99;
}
#text_intro, #text_intro1 {
	margin-left : 5%;
	font-size : 14px;
	color : red;
}
#id_rep {
	display : none;
	width : 30%;
	margin-left : 5%;
	background-color : #F1E2BE;
	border-width:3px;
	border-style : double;
	border-color : #8A2908;
	padding-left : 10px;
	}
#id_bas1 {height: 30px;}

#btn_contact {margin-left : 10%; width : 50%;}
#id_lien1 {	background-color : #33CC99;}

/*déclaration pour une mise en page avec flexbox*/
.contenair {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: #E27F3412;
}
.formulaire {
	display: flex;
	flex-direction: column;
	flex: 50%;
	/*flex-wrap: nowrap;
	flex:1 1 0;*/
}
.image {
	/*display: flex;
	/*width:50%;*/
	
	/*height: 100vh;*/
    display: flex;
	flex: 50%;
	/*flex:1 1 0;
    justify-content: center;
    align-items: center;*/
}

.titre {
	font-family: "Jost", Sans-serif;
    font-size: 48px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
    color: #1C244B;
	margin-left:50px;
	margin-top:30px;
	
}

@media (max-width: 800px) {
  .formulaire, .image {
    flex: 100%;
  }
}