/* formulaire connexion */
.cadre_membre{
     float:left;
     width:100%;
     height:100%;
     border:solid 1px #CCC;
     background-color:#FFF;
     border-radius: 0px 30px 30px 0px;
     padding:20px 10px;
     margin:0;
     box-shadow: 0 0 12px #d6d6d6;
}
.cxBx{
     height:100%;
     width: clamp(500px, 50%, 500px);
     min-width: 500px;
}
.title_form{
     float:left;
     width:100%;
     height:auto;
     font-size:16px;
     margin-top:10px;
}
#pConnexion .item-title{
     color: var(--color-theme);
     text-align: center;
     font-weight: 500;
}
#pConnexion .item-title-slideshow{
     color: var(--color-theme);
     text-align: center;
     font-weight: 500;
     font-size:24px;width:100%;text-align:center;color: #0faad3;
}
.item-cx-ban{
     display: flex;
     align-items: center;
     justify-content: space-between;
     text-align: center;
     gap: 15px 15px;
}
.item-square{
     width: 45px;
     height: 45px;
     border-radius: 10px;
     background: beige;
     font-size:18px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
}
.beige{
     color: #544141;
}
.blue{
     color: #673AB7;
     background: #deeef0;
}
.item-bn-cat{
     font-size:16px;
     color: var(--color-theme);
     font-weight: 600;
}
.cxContent{
     display: flex;
     justify-content: space-between;
     gap: 30px 30px;
     height: 100vh;
}
.button_try{
     float: left;
	width: auto;
	height: auto;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	color: #FFF;
	margin-left: 5px;
	border:none;
    transition: 0.5s;
	background: linear-gradient(0deg, rgba(58, 170, 210, 1) 0%, rgb(32 113 168) 17%, rgba(47, 146, 181, 1) 82%, rgba(58, 170, 210, 1) 100%);
}
.button_try:hover {
	background: linear-gradient(0deg, rgb(18 56 69) 0%, rgb(24 58 82) 17%, rgb(40 108 155) 82%, rgba(67, 166, 201, 1) 100%);
}
.item-clfa{
     text-align: center;
     display: flex;
     justify-content: center;
     margin-top: 20px;
}
.item-clfa a{
     color: #FFF;
}
.cxAbs{
     position: absolute;
     bottom: 20px;
     width: calc(100% - 30px);
}
.cxDescBanner{
     font-size:18px;
     padding: 0 20px;
     text-align: center;
}
.cxBanner{
     width: 100%;
     margin-top: 10px;
     display: flex;
     min-height: 100px;
     box-sizing: border-box;
     align-items: center;
     justify-content: space-between;
     padding: 20px 25px;
     border-radius: 15px;
     background-color: #fff;
     font-size: 14px;
     line-height: 20px;
     box-shadow: 0 0 4px #cccccc;
}
.red_coin{    
     border: solid 1px #f44336;
     background-color: #ffdcdc;
     color: #620606;
     border-radius: 8px;
     margin-top: 20px;
     font-size:16px;
     padding: 12px;
     text-align: left;
     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;
     transition: 1s;
     background: rgb(58,170,210);
     background: -moz-linear-gradient(0deg, rgba(58, 170, 210, 1) 0%, rgb(32 113 168) 17%, rgba(47, 146, 181, 1) 82%, rgba(58, 170, 210, 1) 100%);
     background: -webkit-linear-gradient(0deg, rgba(58, 170, 210, 1) 0%, rgb(32 113 168) 17%, rgba(47, 146, 181, 1) 82%, rgba(58, 170, 210, 1) 100%);
     background: linear-gradient(0deg, rgba(58, 170, 210, 1) 0%, rgb(32 113 168) 17%, rgba(47, 146, 181, 1) 82%, rgba(58, 170, 210, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3aaad2",endColorstr="#3aaad2",GradientType=1);
}
.button_form:hover{
     background: rgb(38,129,162);
     background: -moz-linear-gradient(0deg, rgb(18 56 69) 0%, rgb(24 58 82) 17%, rgb(40 108 155) 82%, rgba(67, 166, 201, 1) 100%);
     background: -webkit-linear-gradient(0deg, rgb(18 56 69) 0%, rgb(24 58 82) 17%, rgb(40 108 155) 82%, rgba(67, 166, 201, 1) 100%);
     background: linear-gradient(0deg, rgb(18 56 69) 0%, rgb(24 58 82) 17%, rgb(40 108 155) 82%, rgba(67, 166, 201, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2681a2",endColorstr="#43a6c9",GradientType=1);
}
.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 );
}
/* formulaire connexion */
.hideMinSM{display: none;}
@media only screen and (min-width: 1400px){
     .hideMinSM{
          display: flex;
     }
}