/* {
    border: 1px solid red !important; 
 }*/
ul{
    list-style-type: none; /*pour désactiver les bullets */
    padding: 0px 0px;
}
ul li,li{
    display: inline;
}
li ul li,li{
    display: block;
}
#body_color{
   background-color :#f3f2ee;
}
#container_color{
    background-color: white;
}

.lien_gris{
    
    color: darkgrey;
    display: inline-block;
    font-size: 10px;
    font-family: Arial;
    text-decoration: none;
    margin-top: 11px;
    
}
#sites_gris a.lien_gris:link{
    text-decoration: none;
}
a.lien_gris:hover {
    color: #b2b2b2;
}
.avantages p.msg_flash{
    margin-left:25px;
    width: 133px;
}
.box{
    background: #fefae8;
    
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    color: #6a6964;
    font-size: 0.9em;
}
.box .msg_flash{
    float: left;
    margin-left: 2px;
    }
 
.box .lien_box .msg_flash a{
    color: #525454;
    text-decoration: underline;
    margin-left: 15px;
    font-weight: bold;
}
.box .lien_box .msg_flash{
    margin-top: 0px;
    margin-bottom: 0px;
}
 #annales a.msg_flash:hover{
      color: #6a6964;
      text-decoration: none;
  }
.contact{
    float: right;
    margin :15px 15px 0;
    
}
#sites_gris li.separateurgauche,.contact li.separateurgauche{
    border-left: 1px solid #b2b2b2;
    padding-left: 10px;
    }

.col_top{
    padding-left:5px;
    margin-left: 10px;
   
    float: left;
    height: 23px;
    margin: 0;
    
}

.logo {
    text-indent: -999999px;
    background: url('../images/logo.png');
    width: 283px;
    height: 82px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* Champ de Recherche */
#conteneur_search {
    float: left;
    border: 1px solid #b6b1a1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2px;
    width: 98%;
    background: #fff;
}

.search{
   float: right;
   margin-top: 20px;
   width: 453px;
   height: 34px;
   background-color: transparent;
}

#champDeRecherche{
    width: 80%;
    height: 30px;
    background-color: transparent;
    color: black;
    padding: 0px 0px 0px 30px;
    font-family: Arial;
    font-size: 15px;
    background-image: url('../images/icon-search-black.png');
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-attachment: scroll;
    background-position: left center;
    text-align: left;
    border: none;
    border-top-left-radius:3px;
    border-bottom-left-radius: 3px;
    background-clip: border-box;
    background-size: auto;
}
.search #conteneur_search input:focus{
    outline:  none;
}
/* Bouton de Champ de recherche */
#submitRecherche{
    width: 37px;
    height: 30px;
    margin-right: 0px;
    background-image: url(../images/bg_bouton_vert_v5.png);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: white;
    float: right;
    font-size: 13px;
    text-align: center;
    border-top-style: none;
    border-top-width: medium;
    padding:6px 0;
}


#panier{
    background-image: url('../images/panier.png');
    background-repeat: no-repeat;
    float: right;
    margin:14px 0px;
    height: 32px;
    width: 220px;
}
#contenuPanier{
    color: #525454;
    float: left;
    font-weight: bold;
    padding-left: 46px;
    padding-top: 10px;
    font-family: Arial;
    font-size: 10.5px;
}
.nbProd{
    color: darkorange;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 10px;
    padding-top: 10px;
}
#panier a:hover{
    color: darkorange
    }
    .newsletter{
        margin-left: 28px;
    }
#panier .msg_flash{
    margin: 10px 10px;
    color: #525454;
    font-size: 65%;
    font-family: Arial;
    height: 10px;
}
.ajoutPanier{
    width: 200px;
    height: 18px;
    padding-left: 45px;
}
  .ajoutPanier a.lien_ajout_panier{
      color: orangered;
      font-size: 12px;
      margin-left: -12px;
       text-decoration: underline;
  }
.msg_flash{
    margin: 10px 35px;
    padding: 0px 8px;
    color: #525454;
    font-size: 10px;
     font-family: Arial;
     height: 17px;
}

.exposant{
    color: #858686;
    text-decoration: none;
    vertical-align: super;
    font-size: 0.7 em;
}
.menu{
    background-image: url('../images/fond_menu_1.png');
    background-repeat: repeat-x;
    font-weight: bold;
    color: white;
    margin-top: 0px;
 
}
#breadcrumb{
    color: #858686;
    padding: 0.65em 1.95em;
    font-weight: bold;
    font-size: 7pt;
}
#breadcrumb a{
    color: black;
    text-decoration: none;
}
#breadcrumb a:hover{
    color: darkorange;
}
#list{
    display: block;
    visibility: hidden;
}
.slider{
    background-image: url('../images/fond_selection_du_libraire.png');
    height: 191px;
    
    margin-right:0px;
}
#side h2{
    font-size: 12px;
    width:0px;
    height: 0px;
}   
.header_adjust{
    height: 95px;
}
.titre_souligne{
    background-image: url('../images/trait_titre.png');
    background-position-y:100%;
    background-repeat: no-repeat;
    font-family: "Times New Roman", "arial";
    font-size: 2em;
    letter-spacing: -0.5px;
    color: #353538;
    font-weight: normal;
}
.livre{
    width : 89px;
    height: 130px;
    margin-left: 30px;
}
.livre:hover{
    opacity: 0.8;
}
.espacement{
    height: 26px;
}
.prix{
    height: 22px;
    width :95px;
    padding-left: 30px;
    color: orangered;
   font-weight: bold;
}

.detail_livre{
    
    font-size: 9pt;
}
.detail_livre a.auteur:hover{
    color: darkorange;
    text-decoration: none;
}
.detail_livre a.lien_detail:hover{
    color: orangered;
}
.auteur{
    color: black;
    text-decoration: none;
    font-size: 100%;
}
.allNews{
    width: 137px;
    height:20px;
    font-size: 10px;
    margin-top : 0px;
    background-image: url('../images/plus.png');
    background-repeat: no-repeat;
    background-position: top right;
}
a.lien_detail{
    color: #353538;
    text-decoration: underline;
}
.allNews a.lien_detail{
    color: #353538;
}
.allNews a.lien_detail:hover{
    color: darkorange;
}
.vente{
    width: 162px;
    height:20px;
    font-size: 10px;
    margin-top : 0px;
    background-image: url('../images/plus.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.vente a.lien_detail{
    color: #353538;
}
.vente a.lien_detail:hover{
    color: darkorange;
}

.slider_news{
    background-color: #D6D3CA;
    border-radius: 10px;
    height:180px;
    width: 734px;
    margin-left:40px;
}

.livreMV{
    width : 70px;
    height: 90px;
 
}
.livreMV:hover{
    opacity: 0.8;
}
.textLivMV{
    width: 120px;
    display: inline-block;
    text-align: left;
    line-height: 1.2;
    vertical-align: middle;
    padding: 30px 2px;
    font-size: 12px;
    
}
.sep{
    height: 20px;
}
#seperate_footer{
    width: 20 px;
}
#separation_footer{
    color: #FFF;
    display: block;
    height: 44px;
    margin-left: 27px;
}
#separation_footer_left{
    background-image: url('../images/planseparation_left.png');
    background-position: right top;
    width: 67px;
    height: 89%;
    float: left;
    background-repeat: no-repeat;
}
#separation_footer_center{
    background-image: url('../images/planseparation_section.png');
    background-position: right top;
    width: 1168px;
    height: 90%;
    float: left;
   
    background-repeat: repeat-x;
}
#separation_footer_right{
    background-image: url('../images/planseparation_right.png');
    background-position: left top;
    width: 5%;
    height: 89%;
    float: left;
     background-repeat: no-repeat;
}
.background_footer{
    background-color: black;
}

#rss-accueil{
    padding-left: 20px;
   color: white;
   font-size: 12px;
  
}
.titre{
    color: white;
    text-decoration: none;
    width: 79px;
}
#rss-accueil dl>dt{
   color: white;
   font-size: 10px;
   text-transform: uppercase;
}
.col1_footer{
    width :50px;
}
.plan_footer{
    color: white;
    text-decoration: none;
    width: 79px
}
.plan_footer:hover{
    color: white;
}
.accueil{
    width: 79px;
    color: white;
    font-size: 10px;
    height:50%;
}
.col2_footer{
    width:50px;
    padding-left: 80px; 
}
.col3_footer{
    width:50px;
    padding-left: 131px; 
}
.col4_footer{
    width:50px;
    padding-left: 170px; 
}
.col5_footer{
    width:50px;
    padding-left: 140px; 
}
.col6_footer{
    width:50px;
    padding-left: 150px; 
}
.col7_footer{
    width:50px;
    padding-left: 212px; 
}
#footer_group{
    background-image: url('../images/plandusite111.png');
    background-repeat: repeat-y;
    height: 200px;
    width: 100%;
}
.aide{
    background-image: url('../images/logo_footer.png');
    float: left;
    background-repeat: no-repeat;
   width: 100%;
   background-color: black;
   margin-left: 0px;
   margin-right: 0px;

}
.body_style{
    background-color: #f3f2ee;
    margin: 0px;
   
}

.spacement_header_largeur{
    width: 120px;
}
.spacement_header_hauteur{
    height: 15px;
}
#col_panier{
    
    width: 220px;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 0;
    color: rgb(53, 53, 56);
}
#navbar{
    display: block;
    background-color: transparent;
}
#nav{
    height: 61px;
    margin-top: 13px;
}
.actif{
    background-color: #a39e8b;
    color: #2b2a2f;
}
ul.menu li{
    
    line-height: 31px;
    background-image: url("../images/li_menu_1.png");
    background-position-x: 100%;
    background-position-y: 0%;
    background-repeat : no-repeat;
    background-color: transparent;
    display: inline;
}
li a {
    display: block;
}

.loc{
    width: 12px;
}
.page_accueil{
    
    padding: 0;
}
.leftCol{
     float: left;
     width: 75%; 
     
}
.aside{
    float: right;
    width: 20%;
}
.separateur_centre{
    width: 40px;
}
p.title_side{
    background-image: url("../images/fond_titre_sidebar.gif");
    background-position-x: 0px;
    background-position-y: 100%;
    background-repeat: repeat-x;
    background-color: rgb(171, 167, 150);
    border-bottom: 1px solid #a29d8a;
    border-top: 1px solid #a29d8a;
    line-height: 20px;
    padding-left: 15px;
    color: #353538;
    clear: both;
    font-size: 12px;
    width: 100%;
    margin-top: 0px;
      
}
.abonnement{
    width: 116px;
    margin-left: 26px;
    font-size: 80%;
}
#btn_valider{
    
    height: 24px;
    width: 59px;
    margin-right: 0px;
    background-image: url(../images/bg_bouton_vert_v5.png);
    border-radius: 5px;
    color: white;
    float: left;
    font-size: 13px;
    text-align: center;
    border-top-style: none;
    border-top-width: medium;
       
}
.newsletter .mail{
    border-radius: 3px;
    background-color: transparent;
  
}
.newsletter input:focus{
    outline:  none;
    
}
.subTitle_side{
    font-weight: bold;
    margin-left: 20px;
}
.freeshiping{
    background-image: url('../images/shipping-sidebar.png');
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    padding: 5px;
    margin-left: 6px;
    margin-right: 0px;
}
.payement{
    background-image: url('../images/payment-sidebar.png');
    background-repeat: no-repeat;
    float: left;
     margin-left: 0px;
    margin-right: 0px;
    
}
.WorldShipping{
    background-image: url('../images/worldshipping-sidebar.png');
    background-repeat: no-repeat;
    float: left;
     margin-left: 0px;
    margin-right: 0px;
}
div a.lien-vitrine{
    color: black;
    text-decoration: none;
    font-size: 12px;
}
div a.lien-vitrine:hover{
    color: black;
}
.space_aside{
    height: 20px;
}
.separateur_nov{
    width: 150px;
}
.separateContent{
    width: 10%;
}
.arrow-icon{
   
    width: 712px;
    height: 193px;
}
.sep_aside{
    width: 40px;
}
div p strong{
    font-size: 14px;
}
.date{
   background-image: url("../images/fond_titre_sidebar.gif");
    background-position-x: 0px;
    background-position-y: 100%;
    background-repeat: repeat-x;
    background-color: rgb(171, 167, 150);
    border-bottom: 1px solid #a29d8a;
    border-top: 1px solid #a29d8a;
    line-height: 22px;
    
    padding-left: 25px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    width: 100%;
    margin-top: 0px;
}
.social_network{
    font-size: 70%;
    font-weight: bold;
}
.social_network a{
    color: white;
    text-decoration: none;
    
}
.sep_footer_ass{
    height: 30px;
}
.formPart{
    margin: 10px;
    border-radius: 20px;
    color: lightgrey;
    padding: 10px;
    border: 1px solid;
    -moz-text-decoration-color: black;
}
.titleLogin{
    color: orange;
}
.mdpForget{
    float: left;
    color: black;
    text-decoration: underline;
    font-size: 11px;
    }
 .mdpForget:hover{
     color: orangered;
 }
 mdp_width{
     width: 415px;
 }
 .sep_login{
     height: 10px;
 }
 .btnLogin{
     color: white;
     border-radius: 5px;
     background-color: darkorange;
     float: right;
     
 }
 .btnLogin:hover{
 background-color: darkorange;
 color: white;
  opacity: 0.8;
 }
 
 .btninscrip{
      color: white;
     border-radius: 5px;
     background-color: darkslategray;
     float: right;
   }
 .btninscrip:hover{
 background-color: darkslategray;
 color: white;
  opacity: 0.8;
 }
 .titleInscrip{
     color: darkslategray;
 }
 .reglInscrip{
     color: black;
     margin-left: 10px;
 }
 .reglInscrip:hover{
     color: orange;
 }
 .spinner {
  width: 70px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;

  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}
#btn_inc{
    padding: 0px;
    width: 16px;
    height: 18px;
}
.style_text{
   color: black; 
}
.btnCmd{
     color: white;
     border-radius: 5px;
     background-color: darkorange;
     float: left;
     
 }
  .btnCmd:hover{
 background-color: darkorange;
 color: white;
  opacity: 0.8;
 }
 #sidebar_themes{
     float: left;
    
 }
  
  .sidebar_style li a{
       color: black;
     text-decoration: none;
      font-weight: bold;
  }
  .sidebar_style li a:hover{
      color: orangered;
  }
 #titre_categorie{
     background-image: url('../images/titreGauche_1_noel.png');
     background-repeat: no-repeat;
     width: 100%;
    position: relative;
    left: -12px;
    height: 37px;
    padding-left: 12px;
  
 
 }
 .sep_cat{
     background: url('../images/selectedList.gif');
     background-repeat:  no-repeat 0px 2px;
    font-weight: bold;
    margin-left: -10px;
    padding-left: 10px;
    }
    .subcat_translation li a{
        margin-left: 15px;
        color: grey;
        font-weight: 100;
    }
    #Ajouter_panier{
    background-image: url('../images/panier_icon.png');
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
   background-color: darkorange;
    margin:14px 0px;
    height: 32px;
    width: 220px;
}
.price_color{
    color: darkorange;
}
.title_side_style{
    color: lightseagreen;
}
#submitRecherche_cat{
    width: 80px;
    height: 30px;
    margin-right: 0px;
   background-color: darkorange;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: white;
    float: right;
    font-size: 13px;
    text-align: center;
    border-top-style: none;
    border-top-width: medium;
       
}
#updatebtn{
    width: 100px;
    height: 30px;
    margin-right: 0px;
    background-image: url(../images/bg_bouton_vert_v5.png);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: white;
    
    font-size: 13px;
    text-align: center;
    border-top-style: none;
    border-top-width: medium;
       
}
.fixe_line{
    margin-top: 24px;
}
#miniTitle{
    font-weight: bold;
}
.sidebar_style li ul{
    display: block;
}

.thumbnail img{
	width:400px;
	height:300px;
}