/* CSS Document */
 .ins_conn {
	display: flex;
	justify-content: space-between;
    align-items: flex-start;
}
 .ins_conn .log_form {
    max-width: calc(50% - 100px);
    width: 100%;
    
}
.ins_conn .log_form form {
    padding:20px 30px;
	background-color: var(--gris-clair);
}
 .ins_conn #form_suscribe {
    max-width: 50%;
    width: 100%;	
	border: none;
	padding-left: 0px ;	
     margin: 0 !important;
}
#form_suscribe #pays {	width:50%;}
#form_suscribe textarea {   width:calc(100% - 2px);margin: 5px 0px 5px 0px;}
#form_suscribe input[type="text"], #form_suscribe input[type="email"], #form_suscribe input[type="password"], #form_suscribe input[type="tel"]{ width: calc(50% - 3px); margin: 5px 0px 5px 0px;}
#form_suscribe select{
    width: auto;
    margin: 5px 0px 5px 0px;
}
#form_suscribe input[type="submit"], .log_form input[type="submit"], .pass_form input[type="submit"] { margin-top: 15px; }
.ins_conn .log_form input[type="text"],.log_form input[type="email"],.log_form input[type="password"] { width:100%; background-color: #fff;margin: 5px 0px 5px 0px;}
.log_form form:nth-child(2) {     margin-top: 40px; }

/*************************************Menu compte */



#menu_compte li a:before {
    margin-right: 10px;
    font-family: 'P900';
}
#menu_compte .info_perso a:before { content: "\f007"; }
#menu_compte .mes_adr a:before { content: "\f3c5"; }
#menu_compte .mes_com a:before { content: "\f15c"; }
#menu_compte .deconect a:before { content: "\f2f5"; }


/***************************************Mon compte */
#compte_content {
    display: flex;
    justify-content: space-between;
    gap:40px;
    align-items: flex-start;
}
#compte_content .cke_editable { padding: 0 !important; }
#compte_content #form_suscribe fieldset:nth-of-type(2) {   margin-top: 30px;}


/****************************************Liste adresse **/
.page_compte .liste_adresse {
	display: flex;
		flex-wrap: wrap;
    column-gap: 5%;
    padding: 0;
}
.page_compte .liste_adresse li{
	width: 30%;
	list-style: none;
	padding: 20px;
	border: var(--gris-fonce) solid 1px;
    position: relative;
    background-color: var(--gris-clair);
    margin-left: 0px;
}
.page_compte .liste_adresse p{
	list-style: none;
	padding: 0px;
}
.liste_adresse .update_delete { margin-top: 15px; }
.add_adress, .update_adress, .bt_edit_adr{
	text-decoration:none !important;
    border: var(--color-clair) solid 1px;
    transition: all, 0.3s;
    padding: 5px 14px 5px 14px;
	display: inline-block;
	margin: 0px auto 0px auto;
    color: var(--color-clair);
    cursor: pointer;
}
 .add_adress:hover, .liste_adresse .update_adress:hover, .bt_edit_adr:hover{
	background-color: var(--color-clair);
    transition: all, 0.3s;
    color: #fff !important;
}
.liste_adresse .delete_adress{
	font-size:0px;
	margin-left:10px;
}
.liste_adresse .delete_adress:before {
    font-size: 18px;
    color: var(--color-clair);
    content: "\f2ed";
    font-family: 'P400';
    transition: all, 0.3s;
}
.liste_adresse .delete_adress:hover:before {
    transition: all, 0.3s;
    color: var(--color-fonce);
}
.page_compte .add_adress {
	display: table;
    background-color: var(--color-clair);
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all, 0.3s;
	margin:20px 0 0 auto;
}
.page_compte .add_adress:hover {
	background-color: var(--color-fonce);
    transition: all, 0.3s;
}
/*****************************************edition adresse  */
#edit_adress {
   text-align: left;
    position: relative;
}
#edit_adress .close_adr {
	position: absolute;
	top: 0;
	right: 0;
    cursor: pointer;
}
#edit_adress input[type="submit"] { margin-left: auto;}
#edit_adress input,#edit_adress select, #edit_adress textarea{ 	margin: 5px 0px 5px 0px; }
#edit_adress input[type="text"], #edit_adress input[type="email"], #edit_adress input[type="password"], #edit_adress input[type="tel"]{ width:100%; }
#edit_adress textarea { width:100%; height: 100px;  }

/*****************************************edition adresse  */
#compte_content .liste_revue {
    columns:2;
    column-gap: 30px;
    column-rule: medium;
    padding: 0;
}
#compte_content .liste_revue a {
   

}