body {
  
  -webkit-overflow-scrolling: touch!important;
}
h1, h1.ui.header {
  font-size: 36px;
  font-weight: bold;
}

h2, h2.ui.header {
  font-size: 30px;
  font-weight: lighter;
}

h3, h3.ui.header {
  font-size: 18px;
  font-weight: bold;
}

p {
  margin: 0px;
}

.ui.grid {
  margin-left: 0px;
  margin-right: 0px;
}

.ui.grid>.column:not(.row), .ui.grid>.row>.column {
  padding-left: 0px;
  padding-right: 0px;
}

#root .ui.images, #root .image, #root .ui.images img, #root .ui.images svg {
  margin: 0px;
}

*, .ui.basic.button, .ui.basic.buttons .button, .ui.header, .ui.modal>.header, .ui.button {
  font-family: 'LFT Etica-Normal';
}

.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {
  height: 40px;
  border: 1px solid #999999;
  border-radius: 0px;
  font-size: 14px;
  line-height: 17px;
  padding-left: 19px;
}

.ui.selection.dropdown{
  height: 40px;
  border: 1px solid #999999;
  border-radius: 0px;
  font-size: 10px;
  line-height: 17px;
  padding-left: 20px;
}

.ui.form textarea {
  border: 1px solid #999999;
  border-radius: 0px;
  font-size: 14px;
  line-height: 17px;
  outline: none;
  padding: 19px 15px;
}

.ui.form textarea:focus {
  border: 1px solid #999999;
  border-radius: 0px;
}

.ui.icon.button>.icon, .ui.icon.buttons .button>.icon {
  opacity: 1;
}

/* css checkbox  */

.ui.checkbox {
  float:left;
}

.ui.checkbox .box:before, .ui.checkbox label:before{
  border-radius: 0px;
  height: 17px;	
  width: 17px;	
  border: 1px solid #303030;
}

.ui.checkbox .box:after, .ui.checkbox label:after{
  border-radius: 0px;
  height: 17px;	
  width: 17px;	
  border: 1px solid #303030;
}

.ui.checkbox input:focus~.box:before, .ui.checkbox input:focus~label:before {
  border-radius: 0px;
  height: 17px;	
  width: 17px;	
  border: 1px solid #303030;
}

.ui.checkbox input.hidden {
  display: none;
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
  color:#FD323D;
  border: 1px solid #303030;
}

.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
  color:#FD323D;
  border: 1px solid #303030;
}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before{	
  border: 1px solid #303030;
}

.ui.checkbox .box:hover::after, .ui.checkbox label:hover::after{	
  border: 1px solid #303030;
}

 /* css radio select */

.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
  background-color: #FD323D;
  border: 1px solid #303030;
}

.ui.radio.checkbox .box:hover::before, .ui.radio.checkbox label:hover::before{	
  border: 1px solid #303030;
}

.ui.radio.checkbox .box:hover::after, .ui.radio.checkbox label:hover::after{	
  border: 1px solid #303030;
}

/* css dropdown */

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu, .ui.selection.dropdown:focus .menu, .ui.selection.dropdown:focus{
  border-color: #999999;
}

/* css breadcrumb */

.ui.breadcrumb .section {
  color: #303030;
}

i.right.angle.icon.divider {
  background: url("../images/Breadcrumb-arrow-icon.png") no-repeat;
}

i.right.angle.icon.divider:before {
  content: "";
}

.highlight {
  font-weight: bold;
}

.ui.page.dimmer{
  overflow: auto;
}

/* resert img paiement footer fixe taille largeur */

  .rNeMv .footer__bottom-container .footer__payment-methods img {
  width: 48px;
}

/*NAVIGATION PRINCIPAL*/

.ePeyQr.ePeyQr.ePeyQr .header__main-menu a button,
.ePeyQr.ePeyQr.ePeyQr .header__main-menu a .button {
  font-family: 'GrotzecHdCnLight' !important;
  font-size: 24px !important;
  letter-spacing: 1px !important;
  color: #000 !important;
  opacity: 1 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0px !important;
}
,
.ePeyQr.ePeyQr.ePeyQr .header__main-menu a:hover button,
.ePeyQr.ePeyQr.ePeyQr .header__main-menu a:hover .button {
  color: red !important;
  border-color: red;
}
/* {
  color: rgb(247, 46, 86) !important;
  border-bottom: 3px solid rgb(247, 46, 86);
} */
@media (max-width:480px) {
    #nav-main .menu-main a {font-size: 1.5em}
    #footer .social_tools ul li {
        margin-left: 1em;
    }
   /*************** Navigation responsive ***************/
   .ui.column.grid>[class*="six wide"].column, 
   .ui.grid>.column.row>[class*="six wide"].column, 
   .ui.grid>.row>[class*="six wide"].column, 
   .ui.grid>[class*="six wide"].column {width: 100% !important;}
   
   .ePeyQr.ePeyQr.ePeyQr .button-burger {
       display: inline-block;
       background: transparent;
       border: 0;    
       position: relative;
       width: 2.6rem;
       height: 2.2rem;
       margin: 0;
       padding: 0;
       border: none;
       text-indent: -9999px;
       appearance: none;
       -moz-appearance: none;
       -webkit-appearance: none;
       box-shadow: none;
       cursor: pointer;
       overflow: hidden;
       vertical-align: bottom;
   }
   .ePeyQr.ePeyQr.ePeyQr .button-burger span:before,
   .ePeyQr.ePeyQr.ePeyQr .button-burger span:after {
       content: " ";
       display: block;
       position: absolute;
       left: 0;
       width: 100%;
       height: 3px;
       background-color: #727272;
       transition: all 0.2s;
       -webkit-transition: all 0.2s;
   }
   .ePeyQr.ePeyQr.ePeyQr .button-burger span:before {
       top: -.9rem;
   }
   .ePeyQr.ePeyQr.ePeyQr .button-burger span:after {
    bottom: -.9rem;
}
   .ePeyQr.ePeyQr.ePeyQr .button-burger span {
       display: block;
       position: absolute;
       top: 1rem;
       left: 0;
       right: 0;
       height: 3px;
       background: #727272;
   }

   .ePeyQr.ePeyQr.ePeyQr .header__main-menu {
       display: none;
   }
   .ePeyQr.ePeyQr.ePeyQr .header__main-menu.show {
       display: block;
   }
   .ePeyQr.ePeyQr.ePeyQr .header__main-menu a,
   .ePeyQr.ePeyQr.ePeyQr .header__main-menu a:hover,
   .ePeyQr.ePeyQr.ePeyQr .header__main-menu a:focus {
       display: block;
       text-align: left;
       opacity: 1;
       color: #000 !important;
       border: 0 !important;
       padding: 0 12px 3px 12px !important;
       }
   .ePeyQr.ePeyQr.ePeyQr .header__main-menu a button {
           width: 100% !important;
           text-align: left !important;
           margin: 0 !important;
           
       }
       .ui.basic.button, .ui.basic.buttons .button,.ui.basic.button:focus, .ui.basic.buttons .button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:hover {
           color: #000 !important;
           font-weight: 600 !important;
           background: none !important;
           box-shadow: none !important;
       }
       .ePeyQr.ePeyQr.ePeyQr .header__main-menu a:hover button, 
       .ePeyQr.ePeyQr.ePeyQr .header__main-menu a.course button, 
       .ePeyQr.ePeyQr.ePeyQr .header__main-menu a.monoprixMoi button {
           bottom: 0 !important;
       }
       .ui.column.grid>[class*="four wide"].column, .ui.grid>.column.row>[class*="four wide"].column, .ui.grid>.row>[class*="four wide"].column, .ui.grid>[class*="four wide"].column {
           width: 100% !important;
       }
   
       .rNeMv .footer__newsletter-and-social-media-container div {
           display: none;
       }
       .rNeMv .footer__newsletter-and-social-media-container .footer__social-media .footer__logos-container {
           right: 0;
       }

}