@charset "utf-8";
/* CSS Document */

body {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  min-height: 80vh;
  position: relative;
  margin: 0;
  padding-bottom: 100px; //height of the footer
  box-sizing: border-box;
}


/*----------------------------------------------------------------
	HEADER	NAVBAR
----------------------------------------------------------------*/
.top {
  background-color: rgba(255, 255, 255, 1.0);
 
}
.top_content {
  max-width: 98%;
  padding: 0px 0px 5px 0px;
  margin: 0 auto;
}
.titre_top {
  font-size:2.4rem;
  padding: 5px 0px 5px 0px;
  margin: 0;
  color: #566e35;
    letter-spacing:4px;
    font-weight:500;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.55);
    -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
      transition: font-size 0.9s, height 0.9s;
    -webkit-transition: font-size 0.9s, height 0.9s;
    -moz-transition: font-size 0.9s, height 0.9s;
}

.logo_mobile {
  display: none;
}

.logo_tm {
  width:140px;
}

.login a {
    color:#d01607;
    text-decoration:none;
    font-size:0.8rem;
    text-transform:uppercase;
}
.login a:hover {
    color:#000;
}

.opticien {
    padding:0px 5px 0px 5px;
    border-left:2px dotted #2d557c;
     border-right:2px dotted #2d557c;
        color:#2d557c;
}

header.scrolled {
  background: rgba(55, 55, 55, 0.9);
  transition: background 500ms;
}
header.scrolled .top_content {
  display: none;
}


/*----------------------------------------------------------------
                            PAGE
----------------------------------------------------------------*/


.page {
    
  width:100%;
   
}

.titre {
    
    background-color:#6c93b7;
    color:#fff;
    text-align:center;
    padding:8px 0px 8px 0px;
    margin-top:0px;
    font-size:1.4rem;
    text-transform:uppercase;
    
}


.page_content {
    max-width:98%;
    margin:0 auto;
}




.homet {
    padding:0px 5px 0px 5px;
   
        color:#2d557c;
}

.home_infos {
   
    max-width:1250px;
    margin:0 auto;
}

.home_infos_item {
    margin-bottom:15px;
   
}

.home_infos_item a {
     text-decoration: none;
}


/*----------------------------------------------------------------
                          COMPTE
----------------------------------------------------------------*/
.moncompte {
    max-width:1250px;
    margin:0 auto;padding:15px 5px 5px 5px;
}

.t_compte {
 
      font-size:1.3rem;
    background-color:#9b9b9b;
    color:#fff;
  overflow: hidden;
    padding:5px 0px 8px 8px;

 
}

.menu_compte {
     background-color: #000;
    color:#fff;
}

.menu_compte a {
    color:#fff;
    text-decoration: none;
}

.menu_compte a:hover {
    color:#d4d4d4
}

.moncompte input {
    border:1px solid #42464b;
}
.recomdp {
    max-width:450px;
}
/*----------------------------------------------------------------
                            COMMANDES
----------------------------------------------------------------*/
.new_com {
    max-width:1250px;
    margin:0 auto;
}

.card-header {
    font-size:0.9rem;
    background-color: #41454a;
    color:#fff;
}

.choix_ref {
   font-size:0.9rem;
    font-weight:500;
       border-color:#ffc107;
}

.choix_qte {
   font-size:0.9rem;
      font-weight:500;
    max-width:100px;
    border-color:#ffc107
}

    table_commande * {
        white-space: nowrap;
    }
.table_commande  td {
    font-size:0.9rem;
    
}

.table_commande  th {
    font-weight:400;

    
    
}

.topcom {
 
    color:#000;
    font-size:0.9rem;
    border:1px solid #000;
      background-color: #e2e2e2;
    
}

.total_com {
    border:2px solid #6c93b7;
    display:inline-block;
    margin:10px 0px 15px 0px;
    padding:5px;
    font-size:1.3rem;
    
}

a.downcom {
    text-decoration:none;
}

a.duplicom {
    text-decoration:none;
    color:#fb5301
}
a.downcom:hover , a.duplicom:hover {
    color:#000;
}
 
/*---MODE CATALOGUE---*/
.filtres {
    font-size:0.9rem;
    max-width:650px;
    margin:0 auto;
    font-weight:700;
}
.form-check-input {
    border:2px solid #000;
   width: 1.1em;
height: 1.1em;
    margin-top: .10em
}

.liste_prod {
    max-width:98%;
    margin:0 auto;
}

.form-select {
    font-size:0.9rem;
}
.diapo {
    background-color:#fff;
    min-height:400px;
    color:#394c62;
    position: relative;
    border:1px solid #d0d0d0;
}

.diapo_image {
  
}
.diapo_image img {
    max-height:300px;
      background-color:#fff;
}

.diapo h3 {
    font-weight:600;
    font-size:0.9rem;
}

.diapo p {
    font-size:0.8rem;
    max-width:330px;
    margin:0 auto;
    padding-bottom:0.3rem;
    text-align:center;
}

.prix {
    color:#000;
    font-size:1.1rem;
    padding:5px;
    
}

.bt_com {
    background-color:#ffca2c;
    font-size:1.1rem;
    color:#000;
    font-weight:bold;
}
.bt_com:hover {
    background-color: #d9a50c;
    
}


/*----------------------------------------------------------------
                          SAV
----------------------------------------------------------------*/
.sav {
    max-width:950px;
    margin:0 auto;padding:15px 5px 5px 5px;
    font-size:0.9rem;
    color:#000;
}

.infos_sav {
    max-width:350px;
}

.sav input,  .sav textarea,  .sav select {
    border:1px solid #42464b;
     font-size:0.9rem;
}

.rappel {
    font-weight:700:
}


/*----------------------------------------------------------------
                        DOWNLOAD
----------------------------------------------------------------*/
.bg_down {
    background-color: #1e4b79;
}
.down {
    max-width:950px;
    margin:0 auto;padding:15px 5px 5px 5px;

    color:#000;
}

.down a {
    color:#1e4b79;
    text-decoration:none;
    font-size:1.1rem;

}

.down a:hover {
    text-decoration: underline
}