#headergen                                                                  {background-color: rgb(29, 29, 29) !important;}


.miniorange                                                                 {color:var(--color_theme_hv); font-family: Teko; text-transform: uppercase; font-size: 25px; display: block; line-height: 1.3em;}
.mioniexpla                                                                 {font-size: 18px; display: block; line-height: 1.7em;}    

.collection                                                                 {border:none !important;}
.collection .collection-item                                                {background:none !important; border: none !important;}
.collection .collection-item .material-icons                                {color:var(--color_theme_hv); font-size: 20px; margin-right: 10px; vertical-align: middle;}      

.sinceround                                                                 {display: block; width: 90px; height: 90px; line-height: 24px; text-align: center; text-transform: uppercase; border-radius: 50%; font-size: 20px; padding: 24px 5px 21px; position: relative;}
.sinceround:before                                                          {content: ""; position: absolute; left: -10px; top: 0; width: 80px; height: 80px; background: #aaaaaa86; border-radius: 50%; display: block; z-index: -1;}
.sinceround_light                                                           {background: var(--color_theme2); color:var(--background_body1);}
.sinceround_dark                                                            {background: var(--background_body1); color:var(--color_theme2);}

.btnspec                                                                    {border-radius:7px; font-family: Teko; font-size: 22px; position: relative; display: block; width: 300px;} 
.btnspec:after                                                              {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background: var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.btnspec:hover span                                                         {color:#fff; position: relative; z-index: 5;}
.btnspec:hover:after                                                        {opacity:1; top:0px; left:0px; z-index:4;}

.bandeaumaster                                                              {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative; overflow: hidden;}
.bandeaumaster                  .inneraccueil                               {font-family: Teko; width:80%; height:100%; margin:130px auto 0px auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative;}
.bandeaumaster                  .inneraccueil .ttlBig-0                     {font-size: 6vw; line-height:0.9em; font-weight: 900; text-transform: uppercase; width:100%; height:auto; display:block; margin:0px; z-index: 10; position: relative;}
.bandeaumaster                  .inneraccueil .ttlBig-1                     {text-align:center; color:var(--color_theme); animation: ease move_photo 1.3s 1.4s forwards; transform:translate(500px,0px); opacity: 0;}
.bandeaumaster                  .right-bottom-curve                         {position: absolute; right: 0; bottom: 0; width: 217px; max-width: 100%; height: 100%; max-height: 328px; background: url('../img/fond/right-curved-background2.png') 100% 100% no-repeat; z-index: 2; opacity: 0; transform: translateX(300px); animation: ease move_photo 0.8s 2.8s forwards;} 
.bandeaumaster                  .right-top-curve                            {position: absolute; right: 0; top: 0; width: 164px; max-width: 100%; height: 100%; background: url('../img/fond/right-white-curve.background.png') 100% 0 no-repeat; z-index: 2; opacity: 0; transform: translateX(200px); animation: ease move_photo 0.4s 3.2s forwards;}

@keyframes move_photo           {to {transform:translate(0px,0px); opacity:1;}}

.notif-dot                                            {display: inline-block; width: 8px; height: 8px; margin-left: 4px; margin-bottom:3px; background-color: red; border-radius: 50%; vertical-align: middle; animation: pulseDot 1.2s infinite ease-in-out; }
.nav-wrapper .notif-dot                               {background-color: rgb(223, 223, 223); vertical-align: super;}

.card-panel                                           {position:relative; border-radius: 7px; border-bottom:solid 7px var(--color_separator);}
.card-panel .inposback                                {position:absolute; top:calc(50% - 12px); right:20px;} 
.card-panel .row                                      {margin:0px;}                
.card-panel .title                                    {font-size: 1.1em; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; margin:0px auto; text-align: center;} 
.card-panel .input-field                              {margin-bottom: 0px !important; position: relative;}
.card-panel input:not([type]), .card-panel input[type="text"]:not(.browser-default), .card-panel input[type="password"]:not(.browser-default), .card-panel input[type="email"]:not(.browser-default), .card-panel input[type="url"]:not(.browser-default), .card-panel input[type="time"]:not(.browser-default), .card-panel input[type="date"]:not(.browser-default), .card-panel input[type="datetime"]:not(.browser-default), .card-panel input[type="datetime-local"]:not(.browser-default), .card-panel input[type="tel"]:not(.browser-default), .card-panel input[type="number"]:not(.browser-default), .card-panel input[type="search"]:not(.browser-default), textarea.materialize-textarea {height: 2.3rem;}
.card-panel input:not([type]):focus:not([readonly]), .card-panel input[type="text"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="password"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="email"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="url"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="time"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="date"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="datetime"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="tel"]:not(.browser-default):focus:not([readonly]), .card-panel input[type="number"]:not(.browser-default):focus:not([readonly]), .card-panel 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: none !important; color: #333333 !important; }
.card-panel input:not([type]):focus:not([readonly]) + label, .card-panel input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .card-panel input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {color: #2c2c2c !important;}
.card-panel input.valid:not([type]), .card-panel input.valid:not([type]):focus, .card-panel input.valid[type="text"]:not(.browser-default), .card-panel input.valid[type="text"]:not(.browser-default):focus, .card-panel input.valid[type="password"]:not(.browser-default), .card-panel 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: #202020 !important;}
.card-panel .li_psswd ul, li                          {margin:0 !important; padding:0 !important; min-height: unset !important;}    
.card-panel .dropdown-content li>span                 {padding: 4px 15px; font-size: 13px; line-height: 18px;}  
.card-panel .select-wrapper input.select-dropdow      {color: #9e9e9e !important;}
.card-panel .viewpass 							                  {position:absolute; right:20px; top:16px; font-size:16px !important; color:#999; cursor:pointer;}
.card-panel .row strong 					                    {font-size: 13px !important; font-weight: bold;}		
.card-panel .li_psswd 							                  {width:100%; margin:25px 0; font-size:13px !important; color:#3a3a3a;}
.card-panel .li_psswd ul, li													{margin:2.5px 20px !important; padding:0; list-style-type:none; text-align:left;}
.card-panel .li_psswd .invalid 												{color:#ec3f41;}
.card-panel .li_psswd .valid 												  {color:#3a7d34;}
.card-panel .Jq_button                                {width:100% !important; padding: 0 0.75rem;}
.card-panel .btn-large                                {height: 36px !important; line-height: 36px !important;}
.card-panel .Jq_button .Jq_formMail                   {background: var(--color_separator); width:100%; }
.card-panel .Jq_button .Jq_formMail:hover             {background: #333 !important; color: var(--color_separator) !important;}
.card-panel .conseils                                 {border: solid 3px #e1e1e1; border-radius: 30px; padding: 60px; position: relative; width: 100%; text-align: center; margin-top: 75px; background: #fff;}
.card-panel .conseils .lightbulb                      {position: absolute; top: -45px; left: calc(50% - 45px); width: 90px; height: 90px; background: #fafafa; border-radius: 50%; border: solid 3px #e1e1e1; display: flex; align-items: center; justify-content: center; padding: 8px; background: #fff;} 


#viwephotoslist img                                   {border-radius: 50%; margin: 0px auto; display: block;}      

#zone_info_alert                                      {position: relative;}  
#zone_info_alert #clasethis                           {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; display: block;} 

@keyframes shake {
  0% { background-color: #ffcdd2; }
  50% { background-color: #ef9a9a; }
  100% { background-color: #ffcdd2; }
}
.checkbox-alert                                       {animation: shake 0.4s ease-in-out;}

@keyframes pulseDot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.6; }
}

.connexion                                                                   {position: relative; margin:100px auto 120px auto; transform:translate(3000px,0px); max-width:450px; width:100%; height:auto; min-height:480px; z-index: 10; background-color: var(--background_head_up); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius:7px; transition: all 3s ease; animation: ease move_photo 0.3s 0.3s forwards;}        
.connexion form                                                              {width:70%;}
.connexion .row                                                              {margin:0px;}                
.connexion .title                                                            {font-size: 1.1em; font-family: Teko; text-transform: uppercase; font-size: 25px; line-height: 50px; color:var(--background_gen) !important; margin:0px auto; text-align: center;} 
.connexion .input-field                                                      {margin-bottom: 0px !important; position: relative;}
.connexion input:not([type]), .connexion input[type="text"]:not(.browser-default), .connexion input[type="password"]:not(.browser-default), .connexion input[type="email"]:not(.browser-default), .connexion input[type="url"]:not(.browser-default), .connexion input[type="time"]:not(.browser-default), .connexion input[type="date"]:not(.browser-default), .connexion input[type="datetime"]:not(.browser-default), .connexion input[type="datetime-local"]:not(.browser-default), .connexion input[type="tel"]:not(.browser-default), .connexion input[type="number"]:not(.browser-default), .connexion input[type="search"]:not(.browser-default), textarea.materialize-textarea {height: 2.3rem;}
.connexion input:not([type]):focus:not([readonly]), .connexion input[type="text"]:not(.browser-default):focus:not([readonly]), .connexion input[type="password"]:not(.browser-default):focus:not([readonly]), .connexion input[type="email"]:not(.browser-default):focus:not([readonly]), .connexion input[type="url"]:not(.browser-default):focus:not([readonly]), .connexion input[type="time"]:not(.browser-default):focus:not([readonly]), .connexion input[type="date"]:not(.browser-default):focus:not([readonly]), .connexion input[type="datetime"]:not(.browser-default):focus:not([readonly]), .connexion input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .connexion input[type="tel"]:not(.browser-default):focus:not([readonly]), .connexion input[type="number"]:not(.browser-default):focus:not([readonly]), .connexion 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: none !important; color: #fff !important; }
.connexion input:not([type]):focus:not([readonly]) + label, .connexion input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .connexion input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {color: #fff !important;}
.connexion input.valid:not([type]), .connexion input.valid:not([type]):focus, .connexion input.valid[type="text"]:not(.browser-default), .connexion input.valid[type="text"]:not(.browser-default):focus, .connexion input.valid[type="password"]:not(.browser-default), .connexion input.valid[type="password"]:not(.browser-default):focus, .connexion input.valid[type="email"]:not(.browser-default), .connexion input.valid[type="email"]:not(.browser-default):focus, .connexion input.valid[type="url"]:not(.browser-default), .connexion input.valid[type="url"]:not(.browser-default):focus, .connexion input.valid[type="time"]:not(.browser-default), .connexion input.valid[type="time"]:not(.browser-default):focus, .connexion input.valid[type="date"]:not(.browser-default), .connexion input.valid[type="date"]:not(.browser-default):focus,  .connexion input.valid[type="datetime"]:not(.browser-default), .connexion input.valid[type="datetime"]:not(.browser-default):focus, .connexion input.valid[type="datetime-local"]:not(.browser-default), .connexion input.valid[type="datetime-local"]:not(.browser-default):focus, .connexion input.valid[type="tel"]:not(.browser-default), .connexion input.valid[type="tel"]:not(.browser-default):focus, .connexion input.valid[type="number"]:not(.browser-default), .connexion input.valid[type="number"]:not(.browser-default):focus, .connexion input.valid[type="search"]:not(.browser-default), .connexion input.valid[type="search"]:not(.browser-default):focus, .connexion textarea.materialize-textarea.valid, .connexion textarea.materialize-textarea.valid:focus, .select-wrapper.valid >  .connexion input.select-dropdown {color: #fff !important;}
.connexion .viewpass 							                                           {position:absolute; right:20px; top:16px; font-size:16px !important; color:#999; cursor:pointer;}
.connexion .Jq_button                                                        {width:100% !important; padding: 3em 0.75rem;}
.connexion .btn-large                                                        {height: 50px !important; line-height: 50px !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; margin-bottom: 15px;}
.connexion .passlose a                                                       {color: #d5252f !important; font-size: 13px;}
.connexion .li_psswd ul, li                                                  {margin:0 !important; padding:0 !important; min-height: unset !important;}    
.connexion .dropdown-content li>span                                         {padding: 4px 15px; font-size: 13px; line-height: 18px;}  
.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; }
.connexion strong 								                                           {font-size: 13px !important; font-weight: bold;}			
.connexion .li_psswd 							                                           {width:100%; margin:25px 0; font-size:13px !important; color:#3a3a3a;}
.connexion .li_psswd ul, li													                         {margin:5px 20px; padding:0; list-style-type:none; text-align:left;}
.connexion .li_psswd .invalid 												                       {color:#ec3f41;}
.connexion .li_psswd .valid 												                         {color:#3a7d34;}

.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}


@media screen and (min-width:100px) and (max-width:740px)  {
    .bandeaumaster .inneraccueil .ttlBig-0 {font-size: 10vw;}
    .width33,.width50,.width66,.width100 	{width: 90% !important; margin:0px auto 20px auto !important;}
    .width20 {width:45% !important; margin:0px auto 20px auto !important;}
    #viwephotoslist {flex-direction: row !important;}
    .dzaccu1,.dzaccu2,.dzaccu3,.dzaccu4 {display: none;}
}