.parallax-container                                 	{display: flex; align-content: center; justify-content: center; align-items: center;}
.parallax-container h1									              {font-size: 3.5em; font-weight: normal; margin-top: 120px; color:#fff; animation: ease move_photo 1.0s 1.8s forwards; transform:translate(350%,0px); text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}

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

.mini_nav 												                    {filter: invert(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: 8px; background-color: #f1f3f466 !important;}
.card-panel .inposback                                {position:absolute; top:calc(50% - 12px); right:20px;} 
.card-panel .row                                      {margin:0px;}                
.card-panel .title                                    {font-size: 1.1em; font-weight: bold; color:var(--color_separator) !important; margin:0px auto; text-align: center;} 
.card-panel .input-field                              {margin-bottom: 0px !important; position: relative;}
.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;} 

.dzaccu1                                              {background:url('../img/illustration/inscript-01.jpg') no-repeat center center; background-size: cover; height: calc(50vh - 220px); min-height:450px; max-height:650px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}   
.dzaccu2                                              {background:url('../img/illustration/inscript-02.jpg') no-repeat center center; background-size: cover; height: calc(50vh - 220px); min-height:450px; max-height:650px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}   
.dzaccu3                                              {background:url('../img/illustration/inscript-03.jpg') no-repeat center center; background-size: cover; height: calc(50vh - 220px); min-height:450px; max-height:650px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}   
.dzaccu4                                              {background:url('../img/illustration/inscript-04.jpg') no-repeat center center; background-size: cover; height: calc(50vh - 220px); min-height:450px; max-height:650px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}   
.dzaccu5                                              {background:url('../img/illustration/inscript-05.jpg') no-repeat center center; background-size: cover; height: calc(50vh - 220px); min-height:450px; max-height:650px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}   

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

#zone_info_alert                                      {position: relative; border: solid 2px red; background-color: #FFEBEE78 !important; animation: viewalert forwards 1s 2s ease-in-out; opacity:0; display:noen; transform: translate(0px, -210%);}  
#zone_info_alert #clasethis                           {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; display: block; } 
@keyframes viewalert {
  to {
    opacity: 1;
    display: block;
    transform: translate(0px, 0px);
  }
}


@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); width:320px; height:460px; z-index: 10; 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 3s ease; animation: ease move_photo 1s 0.3s 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 .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}

.warningrotate                                                               {animation: rotate 3s infinite linear;}  

@keyframes rotate {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(360deg);
  }
}



@media screen and (min-width:100px) and (max-width:740px)  {
    .width33,.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;}
}