html,body{font-family:'Ubuntu',sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:'Ubuntu',sans-serif;font-weight:400;margin:10px 0}
.w3-slim{font-family:"Ubuntu",Arial,sans-serif !important}
.w3-wide{font-family:"Ubuntu",Arial,sans-serif !important;letter-spacing:4px}
.w3-text-orange{color:#f15a22 !important}.w3-orange{color:#000 !important;background-color:#f15a22 !important}
input[type=checkbox].w3-check:checked+.w3-validate,input[type=radio].w3-radio:checked+.w3-validate{color:#485156}
input.w3-check[type="checkbox"], input.w3-radio[type="radio"] { width: auto;height: auto;top:1px; margin-right: 5px;}
body{
   background-color: #73bfd9;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   /* background-color: #2da8d1; */
   position:relative;
   color: #485156;
   letter-spacing: -0.02em;
}
body:after{
  content:'';
  width:100%;
  height:100%;
  /* background-image: url('../images/trame.png'); */
  background-repeat: repeat;
  opacity: 0.3;
  position:absolute;
  top:0;
  z-index:-1;
}
.clearfix:after{
  content:'';
  display:block;
  margin-top:-1px;
  height:1px;
  width:0px;
  clear:both;
}
label {
   color: #485156;
   text-transform:uppercase;
   font-size: 18px;
   margin-bottom: 2px;
   }
.w3-white { color : #485156!important;}
.w3-input,
input {  border-bottom:none;}
.w3-sand { background-color: #ededed!important;}
.w3-group, .w3-input-group{
  padding-bottom: 7px;
  padding-top: 7px;
  margin:0;
}
.w3-form {padding: 25px 30px;font-size: 13px;}
h1{
  color: white;
  text-align:center;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.1em;
  margin: 1.4em 0;
  transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
h2.barretitre{
  background-color: #485155;
  color: white;
  font-weight: 500;
  min-height: 66px;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 24px;
  padding-top: 18px;
}
.alignCenter { text-align:center;}
.imagesequipes img{  height:100px;}
.cache{display : none;}
.inline{ display : inline;}
.alerte{  color: red;  font-style: italic; font-weight: bold; font-size: 25px;}
.barre{text-decoration: line-through;}
.padder25 { padding:25px; }
.padder30 { padding:30px; }
.main-content {
  width: 100%;
  max-width: 1496px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-bottom: 35px;
  text-align:center;
}
.w3-topnav {
  background-color: white;
  box-shadow: 0px 0px 10px 5px rgba(1,1,1,0.1);
  z-index:2000;
  transition: 0;
}
.w3-topnav a,.w3-topnav a:focus,.w3-topnav a:hover{border: none!important;}
.styled-select select {
   background: transparent;
   width: inherit;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
  width: 240px;
  height: 34px;
  overflow: hidden;
  background: url(down_arrow_select.jpg) no-repeat right #ddd;
  border: 1px solid #ccc;
  }
a.logo{
  width: 116px;
  margin:  32px 27px ;
  padding: 0;
  display:block;
  border: none!important;
  text-decoration: none!important;
  position:absolute;
}
.logo img {  width:100%;  height: auto;}
.logo img.logo-mobile{  display:none;}
#menutop{
  margin-top : 80px;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  text-align:center;
  display:block;
  padding:0;
  list-style: none;
  margin-bottom: 65px;
}
#menutop li { display:inline-block;}
#menutop li a:hover{  color: #2f9bca;}
#menutop li:after{
  content: '';
  display:inline-block;
  margin: 0px 20px;
  width:1px;
  height:15px;
  border-right: 2px solid #a8aaab;
  vertical-align:sub;
}
#menutop li:last-child:after{display:none;}

#blocfixe {
  position:fixed;
  overflow:auto;
  left:0px;
  width:200px;
  bottom:0px;
  top:0px;
  background-color:white;
  font-size:90%;
}


#menutop2{
  margin-top : 280px;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  text-align:left;
  display:block;
  padding-left:15px;
  list-style: none;
  margin-bottom: 65px;
}
#menutop2 li {
  display:block;
  line-height:45px;
}

#menutop2 li.finbloc {
  margin-bottom : 30px !important;
}

#menutop2 li.active{
  color: #2f9bca;
}
#menutop2 li a{ text-decoration: none;}
#menutop2 li a:hover{  color: #2f9bca;}
/*#menutop2 li:after{
content: '';
display:inline-block;
margin: 0px 20px;
width:1px;
height:15px;
border-right: 2px solid #a8aaab;
vertical-align:sub;
}
#menutop2 li:last-child:after{display:none;}
}*/

.show-menu { display: none;}
.fixedheight{height : 350px;}
.container-card {
  text-align:center;
  margin-top:10px;
  font-size: 0;
}


.container-card .item-card {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    width: 100%;
    max-width: 340px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
    background-color:white;
    vertical-align: top;
    color: #485156;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.item-card-hmin{
      min-height: 610px;
}

.item-card:first-child {margin-left:0;}
.item-card:last-child {margin-right:0;}
.item-card h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 15px;
  letter-spacing: -0.02em;
}
.item-card .description-card {
  border-bottom: 1px solid #dcdcdc;
  padding: 25px;
  line-height: 1.35em;
  font-size: 14px;

}

.description-card-hmin {
    min-height:322px;
}
.item-card .promo-detail{
  color: #f15a22;
  line-height: 1.2em;
  font-size: 15px;
}
.item-card .promo-detail .upperbold{
  font-weight: 700;
  text-transform:uppercase;
  display:inline-block;
  width:100%;
}
.item-card .small{
  font-size: 12.5px;
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.item-card .small.first {
  vertical-align: top;
  margin-top: 0;
}
.btn,
.btn.reserver{
  width: 85%;
  margin: 7px auto;
  background-color: #2f9bca;
  font-size: 19px;
  color: white;
  text-decoration:none;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  border-radius: 5px;
  padding: 9px 0px 10px 0px;
  letter-spacing: 0.01em;
  display:inline-block;
  transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.btn:hover{
  background-color: #485155;
  cursor:pointer;
}
.btn.small{
  width: auto;
  padding-left: 35px;
  padding-right: 35px;
  margin: 25px auto 0 auto;
  font-size: 18px;
}
.soustitre{
  font-size: 20px;
  font-weight:bold;
  color : #389BC9;
  text-transform: uppercase;
}
.equivalent{  font-size: 13px;}
.rubrique{
  font-size: 18px;
  font-weight: bold;
  color : #485155;
}
.prixnormal,
.prixpromo{
  font-weight: bold;
  font-size: 48px;
  margin: 0px 5px;
  letter-spacing: -0.02em;
}
.prixpromo{   color :#f15a22;}
.prixnormal{  color :#389BC9;}

.w3-theme {
color:#fff !important;background-color:#485156!important}
.w3-theme-light {
color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-dark {
color:#fff !important;background-color:#1a237e !important}
.w3-theme-l5 {
color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-l4 {
color:#000 !important;background-color:#c5cae9 !important}
.w3-theme-l3 {
color:#000 !important;background-color:#9fa8da !important}
.w3-theme-l2 {
color:#fff !important;background-color:#7986cb !important}
.w3-theme-l1 {
color:#fff !important;background-color:#5c6bc0 !important}
.w3-theme-d1 {
color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2 {
color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3 {
color:#fff !important;background-color:#283593 !important}
.w3-theme-d4 {
color:#fff !important;background-color:#1a237e !important}
.w3-theme-action {
color:#fff !important;background-color:#389BC9 !important}
.w3-text-theme {
color:#485156 !important}



#outdated{
  position:relative;
  padding:20px;
  z-index:9999;
}


@media only screen and (max-width: 1536px) {
   .container-card .item-card{margin:7px;}
}
@media only screen and (max-width: 1440px) {
   .item-card:first-child {margin-left:8px;}
   .item-card:last-child {margin-right:8px;}
   .container-card .item-card {width:335px }
}
@media only screen and (max-width: 1418px) {
   .container-card{ max-width: 764px;margin-left:auto;margin-right:auto; }
   .container-card .item-card {width:340px }
}
@media only screen and (max-width: 1140px) {
   .main-content h1{font-size: 30px;}
   .main-content h1{font-size: 30px;max-width:80%;margin-left:auto;margin-right:auto;}
}
@media only screen and (min-width: 1250px) and (max-width: 1500px) {
  .container-dual{
    width: 700px !important;
    max-width:none !important;
  }
}


@media only screen and (max-width: 1180px) {
   #menutop {
     text-align: right;
     padding-right: 25px;
   }
   #menutop li::after {
     margin: 0px 10px;
   }

   #menutop2 {
     text-align: right;
     /*padding-right: 25px;*/
   }
   #menutop2 li::after {
     margin: 0px 10px;
   }
}
@media only screen and (max-width: 880px) {
   a.logo { margin: 15px; }
   .logo img.logo-desktop{
     display:none;
   }
   .logo img.logo-mobile{
     display:block;
     max-width: 95px;
   }
   .main-content {
     padding-top: 65px;
     padding-left: 0;
   }
   .w3-topnav {
     padding:0;
     background-color: transparent;
     position:fixed;
     top:0;
     width:100%;
   }
   .show-menu {
     float: right;
     width: 30px;
     margin: 15px 15px;
     height: 30px;
     padding: 2px!important;
     background: url(../images/burger.png) no-repeat 0 0 #485155;
     background-size: 100%;
     cursor: pointer;
     border-radius: 3px;
     display: block;
     opacity: 1;
     -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
     -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
     -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
     -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
     transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
   }
   .show-menu:hover,
   .show-menu.active{
     background-color: #2f9bca;
   }
   #menutop {
     margin: 0;
     padding-bottom: 5px;
     background: #379bc9;
     background-color: rgba(72,81,85,0.9);
     margin:0;
     padding:0;
     width:100%;
     overflow:hidden;
     height:0;
     margin-bottom: 0;
  }

  #menutop li {
    width:100%;
    text-align: center;
    float: none;
    display: inline-block;
  }
  #menutop li:after {
    display:none;
  }
  #menutop li a {
    color: white;
    display:inline-block;
    width:100%;
    text-decoration : none!important;
    border: none!important;
    font-weight: 600;
    border-top: 1px solid rgb(68, 76, 79)!important;
    padding: 8px 15px;
    font-size: 15px;
    opacity:0.5;
  }
  #menutop li a.active,
  #menutop li:hover a{
    opacity: 1;
    color: white!important;
  }



#blocfixe {
  padding:0;
  background-color: transparent;
  position:fixed;
  top:0;
  height:65px;
  width:100%;
}



  #menutop2 {
    margin: 0;
    padding-bottom: 5px;
    background: #379bc9;
    background-color: rgba(72,81,85,0.9);
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden;
    height:0;
    margin-bottom: 0;
 }

.open {height: auto!important;}

 #menutop2 li {
   width:100%;
   text-align: center;
   float: none;
   display: inline-block;
 }
 #menutop2 li:after {
   display:none;
 }
 #menutop2 li a {
   color: white;
   display:inline-block;
   width:100%;
   text-decoration : none!important;
   border: none!important;
   font-weight: 600;
   border-top: 1px solid rgb(68, 76, 79)!important;
   padding: 8px 15px;
   font-size: 15px;
   opacity:0.5;
 }
 #menutop2 li a.active,
 #menutop2 li:hover a{
   opacity: 1;
   color: white!important;
 }


  .w3-topnav .padder {
    min-height: 65px;
    background-color: white;
  }
}

.container-panier{
  width:90%;
  max-width: 815px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  font-size: 15px;
  line-height: 1.2em;
}
.container-panier .padder30{ padding-bottom:20px;}
.container-panier .item{
  margin-bottom: 15px;
}
.container-panier .w3-row{
  padding-top: 5px;
}
.container-panier .col1{
  float: left;
  width:70%;
  text-align:left;
}
.container-panier .col2{
  float: right;
  width: 30%;
  text-align:center;
}
.container-panier .soustitre {
 margin: 0 0 1em 0;
}
.container-panier label{
  font-weight: 400;
  font-size: 15px;
  text-transform: inherit;
}
.container-panier .btn{
  width:47%;
  font-size: 18px;
  margin: 15px 1px 0 1px;
  padding-top: 15px;
  padding-bottom: 17px;
}
.container-panier .w3-row:first-child{
  font-weight: bold;
  font-size:18px;
  text-transform: uppercase;
}

@media only screen and (max-width: 670px) {
  .container-panier { width: 90%; font-size: 14px;}
  .container-panier .w3-row:first-child{
    font-weight: bold;
    font-size:16px;
    text-transform: uppercase;
  }
  .container-paneir .soustitre{
    font-size: 18px;
  }
  .container-panier .btn{
    width:100%;
    font-size: 16px;
  }
}
.container-dual {
  max-width: 560px;
  width:90%;
  display: inline-block;
  float: none;
  vertical-align: top;
  text-align:left;
}
.container-dual.first{  margin-right:35px; }
@media only screen and (max-width: 1200px) {
  .container-dual,
  .container-dual.first{ margin: 0 auto 25px auto;display:block; }
}

.w3-group .date {
  width: 100%;
  max-width: 240px;
}
.w3-group .date input {
  text-align:center!important;
}
.reload-capcha { cursor: pointer; float :right;margin-top: 8px;}

.fa{cursor:pointer;}

.gift {
  line-height: 25px;
  cursor:pointer;
}

.gift:hover{
  color: #2f9bca;

}


.planning {
  line-height: 25px;
  cursor:pointer;
}

.planning:hover{
  color: #2f9bca;

}


.achat{
  background-color: #a8def7;
}

.digit {
   width: 30px;
   height: 60px;
   font-size: 30px;
   color: #2f9bca;
   padding: 20px;
   overflow: hidden;
   resize: none;
   text-align: center;
}

.bordrouge{
  border:1px solid red;
}