/* formulaire de contact */
.div_contact{
     margin-left:auto;
     margin-right:auto;
     width:600px;
     height:auto;
}
.div_contact_form{
     float:left;
     height:auto;
     width:100%;
     border-radius:5px;
     padding:30px;
     margin-bottom:50px;
     background-color:#FFF;
}
/* formulaire inscription */
.div_inscription_form{
     position:fixed;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
     display:none;
     z-index:900;
     height:auto;
     width:500px;
     min-height:40%;
     min-width:500px;
     border-radius:5px;
     padding:30px;
     background-color:#FFF;
}
.title_left_form{
     float:left;
     width:100%;
     height:auto;
     font-size:30px;
     color:#665;
}

/* form1 */
#form_attente, #message_reussite, #message_echec{
     float:left;
     width:100%;
     height:400px;
     text-align:center;
     display:none;
}
.textarea_form1{
     float:left;
     width:100%;
     height:150px;
     font-size:14px;
     padding:15px;
     background:none;
     margin-top:5px;
     border:solid 1px #CCC;
     outline:none;
     resize:none;
     border-radius:10px;
}
.input_form1{
     float:left;
     width:100%;
     height:50px;
     font-size:14px;
     padding-left:15px;
     background:none;
     margin-top:5px;
     border:solid 1px #CCC;
     outline:none;
     border-radius:10px;
     background-color:#FFF;
}
.select_form1{
     float:left;
     width:100%;
     height:40px;
     color:#000;
     outline:none;
}
.type_50_select select {
    float: left;
    height: 40px;
    width: 50%;
    background: none;
    border: none;
    background-position: right center;
    background-repeat: no-repeat;
}
/* form1 */

/* formulaire connexion */
.cadre_membre{
     float:left;
     width:100%;
     height:auto;
     border:solid 1px #CCC;
     background-color:#FFF;
     border-radius:4px;
     padding:20px 10px;
     margin-top:20px;
}
.title_form{
     float:left;
     width:100%;
     height:auto;
     font-size:16px;
     margin-top:10px;
}
.red_coin{
     border:solid 1px #f44336;
     font-size:16px;
     padding:20px;
     text-align: center;
     box-shadow: 0px 0px 5px #CCC;
}
.input_form{
     float:left;
     width:100%;
     height:30px;
     border-radius:4px;
     border:solid 1px #CCC;
     padding-left:15px;
     margin-top:5px;
}
.button_form{
     float:left;
     width:100%;
     outline:none;
     height:auto;
     padding:10px;
     text-align:center;
     border:solid 1px #9e9e9e;
     border-radius:4px;
     color:#FFF;
     font-size:16px;
     background: rgba(227,111,129,1);
     background: -moz-linear-gradient(top, rgba(227,111,129,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(227,111,129,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,111,129,1)), color-stop(17%, rgba(191,79,94,1)), color-stop(82%, rgba(236,94,110,1)), color-stop(100%, rgba(227,111,129,1)));
     background: -webkit-linear-gradient(top, rgba(227,111,129,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(227,111,129,1) 100%);
     background: -o-linear-gradient(top, rgba(227,111,129,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(227,111,129,1) 100%);
     background: -ms-linear-gradient(top, rgba(227,111,129,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(227,111,129,1) 100%);
     background: linear-gradient(to bottom, rgba(227,111,129,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(227,111,129,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36f81', endColorstr='#e36f81', GradientType=0 );
}
.button_form:hover{
     background: rgba(247,118,137,1);
     background: -moz-linear-gradient(top, rgba(247,118,137,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(247,118,137,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,118,137,1)), color-stop(17%, rgba(191,79,94,1)), color-stop(82%, rgba(236,94,110,1)), color-stop(100%, rgba(247,118,137,1)));
     background: -webkit-linear-gradient(top, rgba(247,118,137,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(247,118,137,1) 100%);
     background: -o-linear-gradient(top, rgba(247,118,137,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(247,118,137,1) 100%);
     background: -ms-linear-gradient(top, rgba(247,118,137,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(247,118,137,1) 100%);
     background: linear-gradient(to bottom, rgba(247,118,137,1) 0%, rgba(191,79,94,1) 17%, rgba(236,94,110,1) 82%, rgba(247,118,137,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77689', endColorstr='#f77689', GradientType=0 );
}
.button_grey, .button_grey a{
     float:left;
     width:100%;
     height:auto;
     padding:10px;
     color:#000;
     border:solid 1px #CCC;
     border-radius:4px;
     cursor:pointer;
     text-decoration: none;
     background: rgba(219,216,217,1);
     background: -moz-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,217,1)), color-stop(17%, rgba(199,199,199,1)), color-stop(82%, rgba(199,199,199,1)), color-stop(98%, rgba(219,216,217,1)), color-stop(100%, rgba(219,216,217,1)));
     background: -webkit-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -o-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -ms-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: linear-gradient(to bottom, rgba(219,216,217,1) 0%, rgba(199,199,199,1) 17%, rgba(199,199,199,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd8d9', endColorstr='#dbd8d9', GradientType=0 );
}
.button_grey:hover, .button_grey a:hover{
     color:#000;
     text-decoration: none;
     background: rgba(219,216,217,1);
     background: -moz-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,216,217,1)), color-stop(17%, rgba(212,210,212,1)), color-stop(82%, rgba(212,210,212,1)), color-stop(98%, rgba(219,216,217,1)), color-stop(100%, rgba(219,216,217,1)));
     background: -webkit-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -o-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: -ms-linear-gradient(top, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     background: linear-gradient(to bottom, rgba(219,216,217,1) 0%, rgba(212,210,212,1) 17%, rgba(212,210,212,1) 82%, rgba(219,216,217,1) 98%, rgba(219,216,217,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd8d9', endColorstr='#dbd8d9', GradientType=0 );
}
.contentCompte{
     float:left;
     width:230px;
     height:auto;
}
.boxMultiCompte{
     float:left;
     width:200px;
     height:200px;
     margin:15px;
     background-size:cover;
     background-repeat: no-repeat;
     background-color:#000;
     border-radius: 50%;
     position:relative;
     cursor:pointer;
     border: solid 1px #FFF;
     transition: 0.5s;
}
.boxMultiCompte:hover{
     border:solid 8px #FFF;
}
.titreMultiCompte{
     float:left;
     width:100%;
     color:#FFF;
     font-size:20px;
     width:100%;
     text-align:center;
}
.input_form2{
     background:none;
     border:solid 1px #CCC;
     padding-left:15px;
     float:left;
     width:100%;
     height:30px;
}
/* formulaire connexion */

/* 3.4.3 */
.form343-radio-content{
     width: fit-content;
     height: 30px;
     overflow: hidden;
     color: var(--color-theme);
     background: #DBDBDB;
     border-radius: 15px;
     margin-top: 5px;
     transition: 0.2s;
     cursor: pointer;
     display: flex;
}
.form343-radio{
     width: fit-content;
     height: inherit;
     min-height: inherit;
     max-height: inherit;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     cursor: pointer;
     transition: 1s;
     font-size: 12px;
     padding: 0px 15px;
     border-radius: 20px;
     color: var(--color-theme);
}
.form343-radio.active, .form343-radio:hover {
     color: #FFF;
     font-weight: initial;
     background: var(--color-theme);
}
.form343-radio-content input{
     display: none;
}
/* 3.4.3 */