h2 													                        {font-size: 2em; font-weight: normal; margin-bottom: 50px;}
h3 													                        {font-size: 1.8em; font-weight: normal; margin-bottom: 50px;}

#index-static-bfondaccueilgeneral                                           {height: 85.25vh !important; background:none ! important; max-height: 1050px !important; position:relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: stretch; position:relative;}
#index-static-bfondaccueilgeneral:before                                    {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/illustration/fond-accueil-general.jpg') center center no-repeat; background-size: cover; z-index: 0; transform: scale(1); transition: transform 15s ease; animation: ease move_back_acc 10s 2.0s forwards;}
#index-static-bfondaccueilgeneral .container                                {margin:25% 0px 25% auto !important; width:100%; max-width:100% !important; animation: ease move_photo 1.0s 1.8s forwards; transform:translate(110%,0px); z-index: 8;}
#index-static-bfondaccueilgeneral .container .center                        {text-align:center;}
#index-static-bfondaccueilgeneral .container .center h1                     {color:#dfdfdf; font-size:3.2em; font-weight:400; margin-bottom:15px; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#index-static-bfondaccueilgeneral .container .center h2                     {color:#c7c7c7; line-height: 1.5em; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#index-static-bfondaccueilgeneral .container .center img                    {max-width: 90% !important; margin: 0px auto; display: block;} 

@keyframes move_photo           {to {transform:translate(0px,0px);}}
@keyframes move_back_acc        {to {transform:scale(1.2);}}

.imgblock1                                                                   {width: 100%; max-width: 100%; margin: 0px auto; display: block; position: relative; height: 750px;}    
.imgblock1 .zimg1                                                            {position: absolute; left: 0;top: 0; }
.imgblock1 .zimg2                                                            {position: absolute; left: 180px; top: 180px; border:solid 10px #fff;}
.txtnlock1                                                                   {position:relative; }    
.txtnlock1 h3                                                                {position: absolute; top:-238px; left: -160px; font-size: 3.4em;}
.txtnlock1 .collection                                                       {border:none !important;}   
.txtnlock1 .collection .collection-item                                      {border:none !important;}   
.txtnlock1 .blue-text.text-darken-2                                          {color:var(--color_separator) !important; font-size: inherit;}

.zonemess .collection                                                        {border-radius:30px;}
.zoneconversation .card-panel                                                {border-radius:30px;}

.connexion                                                                   {position: absolute; top: calc(80% - 230px); left: calc(100% - 440px); transform:translate(200%,0px); width:320px; height:460px; z-index: 11; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow:0px 0px 30px rgba(0,0,0,0.5); transition: all 10s ease; animation: ease move_photo 2s 2.8s forwards;}        
.connexion .row                                                              {margin:0px;}                
.connexion .title                                                            {font-size: 1.1em; font-weight: bold; color:var(--color_separator) !important; margin:0px auto; text-align: center;} 
.connexion .input-field                                                      {margin-bottom: 0px !important; position: relative;}
.connexion input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {height: 2.3rem;}
.connexion input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) 							{border-bottom: 1px solid var(--color_separator); -webkit-box-shadow: 0 1px 0 0 #333; box-shadow: 0 1px 0 0 #333; color: #666 !important; }
.connexion input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {color:#333; color: #666 !important;}
.connexion input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {color: #666 !important;}
.connexion .viewpass 							                             {position:absolute; right:20px; top:16px; font-size:16px !important; color:#999; cursor:pointer;}
.connexion .Jq_button                                                        {width:100% !important; padding: 0 0.75rem;}
.connexion .btn-large                                                        {height: 36px !important; line-height: 36px !important;}
.connexion .Jq_button .Jq_formMail                                           {background: var(--color_separator); width:100%; }
.connexion .Jq_button .Jq_formMail:hover                                     {background: #333 !important; color: var(--color_separator) !important;}
.connexion .passlose                                                         {width: 100%; text-align: center; margin-top:5px;}
.connexion .passlose a                                                       {color: #d5252f !important; font-size: 13px;}
.connexion hr                                                                {height: 1px; width:215px; min-height: 1px; max-height: 1px; border: 0; margin: 5px 0px 5px 0px; background:var(--color_separator) !important; border: none; }

.conx2 .Jq_button                                                            {width:fit-content !important; padding: 0 0.75rem; margin:0 auto}
.conx2 .btn-large                                                            {height: 36px !important; line-height: 36px !important;}
.conx2 .Jq_button .Jq_formMail                                               {background: var(--color_separator); width:100%; }
.conx2 .Jq_button .Jq_formMail:hover                                         {background: #333 !important; color: var(--color_separator) !important;}

.user_list                                                                   {width: 100%; max-width: 100%; margin: 0px auto; display: block; position: relative; padding:20px;}        
.user_list .user_img img                                                     {width: 100%; max-width: 100%; margin: 0px auto; display: block; transition: all 0.8s ease;}    
.user_list .user_name                                                        {position: absolute; bottom: -5px; top:unset; left: 0px; margin: 0 auto; font-size: 1.8em; padding: 5px 10px; background-color: var(--color_separator); color: #fff; transition: all 0.8s ease;}       
.user_list:hover img                                                         {filter: brightness(1.2) grayscale(1);}  
.user_list:hover .user_name                                                  {bottom:85%;}

.navhome                                                                     {width: fit-content; margin: 100px auto 30px auto; position:inherit; top: 100px; z-index: 1000; border-radius: 30px;}
.navhome .nav-wrapper ul                                                     {border-radius: 30px;}
.navhome .active                                                             {background-color: #c41a37 !important;}
.navhome li                                                                  {margin:0 !important}

.tabs                                                                        {background-color: #f9f9f9 !important; border-radius: 30px; position: relative;}
.tabs .tab a                                                                 {font-size:16px; font-weight:bold; text-transform: none !important; color: #666;}
.tabs .tab a:active                                                          {color:#000 !important; background-color: rgba(246, 178, 181, 0.2) !important;}
.tabs .tab a.active                                                          {color: #000 !important; background-color: rgba(246, 178, 181, 0.2) !important;}
.tabs .tab a:first-child:after                                               {content: "swap_horiz"; position: absolute; top: 6px; left: calc(50% - 20px); width: 30px; height: 30px; font-family: 'Material Icons'; color: #c41a37; font-size: 40px;}

.cardprofil                                                                  {width:100%; max-width:260px; height:605px; position: relative; }
.cardprofil .card                                                            {height:100%; border-top-left-radius: 150px; border-top-right-radius: 150px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.cardprofil .card .verified                                                  {position:absolute; right: 20px; top: 206px; font-size: 40px; background: #fff; border-radius: 50%;}
.cardprofil .card .card-image                                                {position: relative; text-align: center; height:316px !important; padding-top: 5px;}
.cardprofil .card .card-image .herenotpay                                    {display:block; overflow: hidden; border-radius:50%; max-width:280px; width: calc(100% - 10px); margin: 3px auto 0px auto;}
.cardprofil .card .card-image .herenotpay .infoabon                          {position: absolute; width: 80%; color: #fff; background: rgba(255, 0, 96, 0.43); top: 30%; right: 0; left: 0; margin: 0 auto; transform: rotate(-5deg); font-weight: bold;}
.cardprofil .card .card-image img                                            {border-radius:50%; width: 100%;}
.cardprofil .card .card-image .card-title                                    {position: relative; background:var(--color_first) !important; padding: 3px 10px !important; border-radius: 6px !important; margin: -15px auto 5px auto; width: fit-content; font-size: 20px; letter-spacing: -1px; overflow: hidden; max-height: 36px;}
.cardprofil .card .card-image .newuser                                       {position:absolute; top: calc(50% - 25px); left:15px; transform: rotate(-8deg); width:fit-content; height: auto; padding:0 5px; color:#fff; font-size:12px; background-color: #4caf50; border-radius: 5px; border: 2px solid white;}
.cardprofil .card .card-image .dotter                                        {position: absolute; bottom:44px; left: 10px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid white;}
.cardprofil .card .card-image .online-dot                                    {background-color: #4caf50; box-shadow:0px 0px 10px #76c5789c;}
.cardprofil .card .card-image .offline-dot                                   {background-color: #aa3626;}
.cardprofil .card .card-content                                              {padding: 5px 24px; height:calc(100% - 65px - 316px);}
.cardprofil .card .chip                                                      {height: 24px; font-size: 12px; line-height: 24px; padding: 0 6px; border-radius: 5px; margin-bottom: 4px; margin-right: 0px; background: #f4817730 !important; color:#333;}
.cardprofil .card-action                                                     {height:65px !important; border-bottom-right-radius: 20px !important; border-bottom-left-radius: 20px !important;}
.cardprofil .card .card-action a                                             {margin-right:0px !important;}
.cardprofil .card .boutonrunsupprimer                                        {display: none;}

.typematch .cardprofil                                                       {height:385px !important;}
.typematch .cardprofil .card .card-content                                   {display:none;}
.typematch .cardprofil .matchscore                                           {position:absolute; z-index: 3; top: 0px; left: 0px; background: #fff; border: solid 2px #fff; width: 70px; height: 70px; border-radius: 50%; box-shadow: 0px 0px 15px rgb(233, 30, 99); display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;}
.typematch .cardprofil .card .boutonrunsupprimer                             {display: block;}

.typejaime .cardprofil .card .boutonrunsupprimer                             {display: block;}

.zonemess .message-bubble                                                    {max-width: 70%; padding: 10px 14px; margin: 6px 0; border-radius: 16px; clear: both;}
.zonemess .from-me                                                           {background-color: #e1f5fe; float: right; text-align: right; position: relative;}
.zonemess .from-me .trash                                                    {position: absolute; right: -20px; top: calc(50% - 8px); color: red; cursor: pointer;}       
.zonemess .from-me .trash .material-icons                                    {font-size: 16px !important; color: red;}
.zonemess .from-other                                                        {background-color: #fce4ec; float: left;}
.zonemess .dotter                                                            {width: 16px; height: 16px; border-radius: 50%; border: 2px solid white;}
.zonemess .online-dot                                                        {background-color: #4caf50; box-shadow:0px 0px 10px #76c5789c;}
.zonemess .offline-dot                                                       {background-color: #aa3626;}
.zonemess .msg-date                                                          {font-size:11px; color:#888; position: relative;}
.zonemess .newmsg                                                            {position:absolute; border: solid 2px red !important; width:2px; height:2px; border-radius:50%;}
.zonemess .divider                                                           {clear: both;}
.zonemess .z-depth-1                                                         {border-radius: 8px; background-color: #f1f3f466 !important;}
.zonemess .collection-item                                                   {position: relative;}     
.zonemess .collection-item .thisbadge                                        {position: absolute; top: calc(50% - 5px); right: 8px; width: 7px; height: 7px; background-color: red; border-radius: 50%;}


#gridmt30pt0pb0mb30jaivi                                                     {justify-content: flex-start !important; align-items: flex-start !important;}

.pulsedot                                                                    {animation: pulseDot 1.2s infinite ease-in-out;}
@keyframes pulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.6; }
  }

@media only screen and (max-width: 601px) {
    .connexion                                                              {position: relative; top:unset; left:unset; margin:-160px auto 60px auto !important;}
    .imgblock1 .zimg1                                                       {width: 90%; border: solid 10px #fff;}
    .imgblock1 .zimg2                                                       {width: 90%; border: solid 10px #fff; right: 0; top: 180px; left:unset;}
    .txtnlock1                                                              {margin-top: -120px;}
    .txtnlock1 h3                                                           {position: relative; top: unset; left: unset; font-size: 2.4em;  margin: 0 auto; text-align: center;}
}

@media only screen and (min-width: 601px) and (max-width: 1124px) {
    .inner_body .container_body                                             {max-width:720px !important;}
    .flex                                                                   {flex-direction: column !important;}
    .row .col.s6                                                            {width: 100% !important; max-width: 100% !important; margin: 0 auto !important;}
    .row .col.s3                                                            {width: 100% !important; max-width: 100% !important; margin: 0 auto !important;}
    .connexion                                                              {position: relative; top:unset; left:unset; margin:-160px auto 60px auto !important;}
    .imgblock1 .zimg1                                                       {width: 55%; border: solid 10px #fff;}
    .imgblock1 .zimg2                                                       {width: 55%; border: solid 10px #fff; right: 0; top: 180px; left:unset;}
    .txtnlock1                                                              {margin-top: -120px;}
    .txtnlock1 h3                                                           {position: relative; top: unset; left: unset; font-size: 2.4em;  margin: 0 auto; text-align: center;}
}
@media only screen and (min-width: 1124px) and (max-width: 1384px) {


}