/*********************************************************************************
/*********************************************************************************

	Template Name: Boighor Bookshop Responsive Bootstrap4 Template  
	Description: Template description
	Version: 1.0
	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/
     /*CHANGEMENT NOUVEAU STYLE*/
       .ancien_prixSeul {
            color: #09223D;
            font-weight: 500;
            margin: 0 5px;
            text-decoration: line-through;
        }
      /*--------------*/
	  

/*BASIQUE ULYSSE*/
.rouge {
        color:red;
		font-weight:bold;
    }
	
	.gras {
		font-weight:600;
    }	
	.gras-italique {font-weight:600;font-style:italic;}
	
.ErreurTxt {
        color:darkred;
    }
	
	 .ErreurTxt:before {
    color: darkred; 
    content: "\f0a9";
    font-family: FontAwesome;
	padding:5px;
    } 
.bleuulysse {
        color:#09223D;
    }
   .rougefonce {
        color: darkred;
    }

    .rougefonce {
        color: darkred;
    }
.psw {
    float: right;
    padding-top: 16px;
	}
	  
/* CHANGEMENT STYLE POUR MESSAGES SUR PRODUITS DEBUT*/
.AparaitreMessage  {
position: absolute;
bottom: 55%;
left: 00%;
text-align:center;
font-weight:600;
Font-size:1.15em;
color:white;
padding:5px;
background-color:darkblue;
 background-image: linear-gradient(to right, red , darkred);
 box-shadow: 3px 3px 4px black;
border:1px solid darkgray;
 border-radius: 15px;
}
.AparaitreMessage2  {
position: absolute;
bottom: 55%;
left: 00%;
text-align:center;
font-weight:600;
Font-size:1.15em;
color:white;
padding:5px;
background-color:darkblue;
 background-image: linear-gradient(to right, red , darkred);
 box-shadow: 3px 3px 4px black;
border:1px solid darkgray;
 border-radius: 15px;
}
.EnSoldeTitre  {
position: inline-block;
border:1px solid darkred;
background-color:white;
padding:5px;
min-width:15%;
max-width:20%;
text-shadow: 0px 0px 0px black;
font-weight:600;
Font-size:20px;
color:darkred;
text-align:center;
letter-spacing:.1em;
/*width:150px;

padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;


border-radius: 15px 40px; 
*/
}
.EnSoldeMessage  {
position: absolute;
bottom: 55%;
left: 00%;
text-align:center;
font-weight:600;
Font-size:1.25em;
color:red;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background-color:white;
 box-shadow: 3px 3px 4px darkred;
border-radius: 15px 40px; 
border:1px solid red;
}

.EnSoldeMessage2  {
position: absolute;
bottom: 46%;
left: 00%;
text-align:center;
font-weight:600;
Font-size:1.25em;
color:red;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
background-color:white;
 box-shadow: 3px 3px 4px darkred;
border-radius: 15px 40px; 
border:1px solid red;
}

.NouveauteMessage  {
position: absolute;
Font-size:1.25em;
bottom: 54%;
left:2%;
font-weight:600;
color:white;
padding:4px;
background-color:red;
box-shadow: 3px 3px 4px black;
border-radius: 5px; 
border:1px solid white;
}

.NouveauteMessage2  {
position: absolute;
Font-size:1.25em;
bottom: 54%;
left:2%;
font-weight:600;
color:white;
padding:4px;
background-color:red;
box-shadow: 3px 3px 4px black;
border-radius: 5px; 
border:1px solid white;
}

.NouveauteMessageRech  {
text-align:center;
font-size:.85em;
width:80%;
margin-left:20px;
text-align:center;
font-weight:600;
color:darkred;
background-color:white;
}

.MessageFicheProduit  {
position: table;
Font-size:1.25em;
bottom: 25%;
left:10%;
font-weight:600;
color:darkred;
}
.MessageFicheProduit a{
color:darkred;
}

.MessageFicheProduit a:hover{
  color:darkred;
  background-color:yellow;
  font-weight:500;
}
.MessageBte {
margin-left:20px;
border:thin 1px gray;
font-weight:600;
font-size:1.25em;
color:darkred;
}
.MessageBte a{
border:thin 1px gray;
font-weight:600;
font-size:1.25em;
color:darkred;
  background-color:yellow;
}

.MessageBte a:hover{
  color:yellow;
  background-color:yellow;
  font-weight:500;
}
 .MessageBte:before {
    color: darkred; 
    content: "\f101";
    font-family: FontAwesome;
    font-size: 20px;
    left: 5px;
	padding:5px;
	margin-left:-25px;
    } 
	
.MenuSpecGauche {
display:block;
width:60%;
border:solid 1px gray;
padding:5px;
background-color:white;
color:#09223D;
margin-bottom:20px;
font-weight:600;
color:darkred;
}

a.MenuSpecGauch:hover, a.MenuSpecGauch:active {text-decoration: underline;background-color:darkorange;}

@media only screen and (max-width: 767px) {
.VisibleMedia  {
background-color:lightgray; 
display:none !Important;
}
	 .NouveauteMessage{
	display:inline; 
	left:20%;
	width:auto;
	position:absolute;
	Font-size:1em;
	clear:both;
	font-weight:600;
	}
	 .EnSoldeMessage{
	display:inline; 
	left:20%;
	width:auto;
	position:absolute;
	Font-size:1em;
	clear:both;
	font-weight:600;
	}
	.AparaitreMessage{
	display:inline; 
	left:20%;
	width:auto;
	position:absolute;
	Font-size:1em;
	clear:both;
	font-weight:600;
	
	}
}
	
/*CHANGEMENT NOUVEAU STYLE*/
.NoBestSellers  {
/*position: absolute;
bottom:27%;
text-align:left;
padding-bottom:20px;
text-shadow:  0px 0px white, 2px 2px white;

position: absolute;
Font-size:1.25em;
bottom: 54%;
left:2%;
font-weight:600;
color:white;
padding:4px;
background-color:red;
box-shadow: 3px 3px 4px black;
border-radius: 5px; 
border:1px solid white;


*/
	font-family: Franklin Gothic, Sans-Serif;
	margin-left: 0px;
    background-color:none;
   font-weight: 1000;
   display:inline-block;
    font-size: 1.5em;
	padding: 4px 2px;
    color:darkred;
	}
/*CHANGEMENT NOUVEAU STYLE**/
.FormatProduit:hover{
  color:darkred;
  font-weight:500;
}
.FormatProduit:visited{
  color:#2a547f;
  font-weight:500;
}
/*CHANGEMENT NOUVEAU STYLE*/
.product__info__main .autres-formats .price-box span {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.product__info__main .autres-formats {
  clear: both;
  text-align:left;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 15px 0; }

  .product__info__main .autres-formats p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product__info__main .autres-formats .pro__attribute li {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
 /*CHANGEMENT NOUVEAU STYLE*/
@media only screen and (max-width: 900px) 
{
.autres-formats {
  clear: both;
  text-align:center;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 15px 0; } 
  
.product__info__main .autres-formats p 
{
    color: darkgreenred;
	  text-align:center;
}
.autres-formats .pdf__btn {
	margin-left: 100px;
}
.autres-formats .epub__btn {
	margin-left: 100px;
}

.autres-formats .chapitresnumeriques__btn {
	margin-left: 100px;
	
	text-align:left;
}
}
  
.autres-formats .pdf__btn {
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.autres-formats .pdf__btn img {
 max-width: 50px;
 max-height: 50px;
 float: left;
}

.autres-formats .pdf__btn .prize li{
  color: black;
  font-size: 16px;
  margin-right:5px;
  font-weight: 500; 
  vertical-align: middle;
  margin-top: 15px;
  margin-left: 5px;
 }
 .autres-formats .pdf__btn .prize li.old_prize{
  font-size: 14px;
  color: #e62424;
  text-decoration: line-through; }

				  
 .autres-formats .epub__btn {
 margin-right: 30px;
 margin-top: 20px;
 margin-bottom: 10px;
}
.autres-formats .epub__btn img {
  max-width: 50px;
   max-height: 50px;
  float: left;
 }
 .autres-formats .epub__btn .prize li{
  color: black;
  font-size: 16px;
  margin-right:1px;
  font-weight: 500; 
  vertical-align: middle;
  margin-top: 15px;
  margin-left: 5px;
 }
 .autres-formats .epub__btn .prize li.old_prize{
  font-size: 14px;
  color: #e62424;
  text-decoration: line-through; }


  .chapitresnumeriques__btn {
    padding-right: 30px;
    margin-top: 30px;
   }
   .chapitresnumeriques__btn a{
   color: #09223D;
  font-size: 14px;
  line-height: 5px;
  margin-right:5px;
  padding-top: 20px;
   } 
   .chapitresnumeriques__btn a:hover {
    color: darkred;
    outline: 0; }
   .chapitresnumeriques__btn img {
     max-width: 50px;
	  max-height: 50px;
     float: left;
    }

	.feuilleter__btn {
  margin-top: 5px;  
}

/* nouveau style*/
.FormatProduit  {
  color:#888888;;
  font-weight:400;
  font-size:13px;
}
.FormatProduitPr  {
  color:#222222;
  font-weight:600;
  font-size:14px;
}
.FormatProduitFiche  {
  color:darkred;
  font-weight:600;
  font-size:18px;
}
.FormatProduitFicheRed  {
  color:darkred;
  font-weight:600;
  font-size:14px;
}

/*ANDRÉ Nouveau format - **/
span.format-produit {
  color: darkred; 
  font-weight: 400;
 }
 
/*ANDRÉ Nouveau format - **/
a.LienBoite {
    padding: 2px;
    color: #000000;
    font-weight: 600;
}	
a:hover.LienBoite {
	font-weight:600;
    color: darkred;
}	

/*ANDRÉ Nouveau format - **/
a.LienMenuHaut {
    padding: 2px;
    color: #000555;
    font-weight: 400;
}	
a:hover.LienMenuHaut {
    color: darkred;
}

.LienBoite  a{
  color:#2a547f;
  font-weight:400;
  font-size:13px;
}

  /*ANDRÉ Nouveau format - **/
a.PdfText {
    padding: 2px;
    color: darkred;
    font-weight: 400;
}	
/*ANDRÉ Nouveau format - **/
a:hover.PdfText {
	font-weight:600;
    color: darkred;
}	
/* nouveau style*/
.PdfText  a{
  color:#2a547f;
  font-weight:400;
  font-size:13px;
}
/*ANDRÉ Nouveau format - **/
a.ePubText {
    padding: 2px;
    color: rgb(0, 26, 0);
    font-weight: 500;
}	
.Vert {
    color:rgb(0, 110, 0);
}	
/*ANDRÉ Nouveau format - **/
a:hover.ePubText {
	font-weight:600;
    color: darkred;
    }	

/*ANDRÉ Nouveau format - **/
a.PapierText {
	color: black;
}
/*ANDRÉ Nouveau format - **/
a:hover.PapierText {
	font-weight:600;
    color: darkred;
}	
/*CHANGEMENT ANDRÉ Nouveau format - **/
.AjouterVersion {
	margin-bottom:10px;	
	margin-top:5px;
	margin-left:0px;
	color: #09223D; 
	padding:5px;
	text-align:left;
	font-size:.95em;
	
		text-transform:uppercase;
 } 
 .AjouterVersion:before {
    color: darkslategray; 
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 15px;
    left: 5px;
	padding:5px;
	margin-left:-5px;
 } 
 /*CHANGEMENT ANDRÉ Nouveau format - **/
.RabaisTxt {
	margin-left:0px;
    font-weight: 500;
    color: #000;
    padding-bottom:2px;
	text-transform:uppercase;
}
 	
	 .RabaisTxt:before {
    color: darkred; 
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 20px;
    left: 5px;
	padding:5px;

    } 

/*--CHANGEMENT NOUVEAU STYLE ERREUR*/
   .erreurentree {
    color: darkred;
    font-size:1em;
	font-weight:600;
	line-height:1.25em;
   }
   
   /*CHANGEMENT NOUVEAU STYLE*/
.panierlivraisongratuitoui {
color:darkred;
font-weight:600;
}
.panierlivraisongratuitnon {
color:darkgreen;
font-weight:600;
}	

/*RECHERCHE CONTENU   	clear:both;*/
.imagecontenuettxt
{
display:table-cell;
flex-wrap: nowrap;
flex:none;
padding:5px;
float:left;
height:200px;
width:200px;
vertical-align: bottom;
}
.imagecontenucontenant
{
height:130px;
display:table-cell;
background-color:none;
vertical-align: bottom;
padding-bottom:5px;

 }
 
 .texteinfocontenuRech h4
{
 font-size:11px;
 text-align:center;
}
 
.imagecontenuRech
{ 
 max-width:95%;
 border:1px solid black;
 
 }
 
 /*---------------*/
 
/*STYLES POUR LE MOTEUR DE RECHERCHE*/

.ais-hits {
   display: flex;
   background-color:white;
	flex-direction: row;
   flex-wrap: wrap;
}

.ais-pagination
{
display:flex;
flex-wrap: nowrap;
background-color:none;
font-size:14px;
width:100%;
}
.ais-pagination--link {
    padding: .2rem .6rem;
	margin:3px;
    display: block;
    border: 1px solid #c4c8d8;
    border-radius: 4px;
    transition: background-color .2s ease-out;
	background-color:white;
}

.ais-pagination--item__active .ais-pagination--link 
{    
    
    color:white;
	background-color:#09223D;
}

.ais-refinement-list--label:hover
{
color:darkred;
font-weight:600;

}
.ais-refinement-list--label
{
font-size: 15px;
color:black;
font-weight:500;
}
.ais-refinement-list--count {
  /* item count */
  display:inline;
  top: 0;
  bottom: 0;
  right: 0;
  color: darkred;
}
.ais-refinement-list--item__active {
  /* item count */
  font-size: 15px;
font-weight:600;
color:black;
}
.ais-refinement-list--checkbox{
  /* item count 
  display:block;*/
}

/*************************/
/*Texte divers*/
/*INFORMATION SUR PRODUIT POUR PRESENTATION VERTICALE*/

/*.vignettecontenantRech
{
display:table-cell;
clear:both;
background-color:none;
height:250px;
width:230px;
text-align:left;
vertical-align: bottom;
padding-bottom:5px;
padding-left:5px;

  position: relative;
  text-align: center;
  color: white;
}*/
.containerrech {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
}

.vignetteetinfoRech
{
  width: 200px;
  float:left;
  padding:5px;
}

 
 .vignettecontenantRech
{
  border: 1px solid white;
  background-color:white;
  height:80%;

 }
.imgdanscontenantRech
{
display: flex;
max-width:250x;
max-height:245px;
margin-left: auto;
margin-right: auto;
}
.texteinfoproduitRech
{
  text-align:center;
}


/* nouveau style*/

/*INFORMATION SUR PRODUIT POUR PRESENTATION VERTICALE GRANDE*/
.vignetteetinfogr
{
display:table-cell;
background-color:none;
float:left;
width:100%; /*EST DANS UNE PRESENTATION DE TYPE TABLEAU - VOIR CODE ACCUEILLISTING.ASPX/
/*hauteur du contenant vignette et information*/
height : 350px;
vertical-align: bottom;
}
.vignettecontenantgr
{
display:table-cell;
clear:both;
background-color:none;
height:200px;
width:200px;
text-align:left;
vertical-align: bottom;
padding-bottom:5px;
}
.imgdanscontenantgr
{
padding-top:5px;
max-width:150px;
height:190px;
vertical-align: middle;
}
.imgdansficheproduit
{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width:150px;
max-height:250px;
vertical-align: middle;
padding-bottom:5px;
}
.prixinfo
{
font: bold 8pt Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0px;
margin:0px;
}
.prixinfogr
{
font: 8pt Arial, Helvetica, sans-serif;
}
.prixinfoboite
{
display:block;
font: bold 8pt Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0px;
margin:0px;
clear:both;
}
.prixinfoboiteb
{
display:block;
padding-bottom: 5px;
background-color:none;
clear:both;
}
.prixinfoboitec
{
display:inline;
vertical-align: bottom;
background-color:red;
}
.textenongras
{
color:black;
font: normal 8pt Arial, Helvetica, sans-serif;
text-decoration: none;
display:block;
padding-top:5px;
padding-right:5px;
max-width:90%;
}
.textenongras2
{
color:black;
font: normal 8pt Arial, Helvetica, sans-serif;
text-decoration: none;
}
.textegras2
{
color:#036;
font-size:8pt;
font-weight:700;
text-decoration: none;
}
.liennongras
{
color:black;
font-size:8pt;
text-decoration: none;
display:block;
padding-top:2px;
padding-right:5px;
max-width:90%;
}
.liennongras:hover
{
color:gray;
text-decoration: underline;
}
.liencommander
{
display:table-cell;
background-color:none;
color:darkgreen;
font-size:8.5pt;
text-decoration: none;
vertical-align:middle;
margin-bottom:5px;
padding-top:5px;
clear:both;
}
.liencommander:hover
{
color:red;
text-decoration: underline;
}
.lienPromocommander
{
display:table;
padding:2px;
background-color:white;
color:darkred;
font-size:8.5pt;
line-height:12pt;
font-weight:bold;
text-decoration: underline;
margin-bottom:5px;
clear:both;
}
.lienPromocommander:hover
{
color:red;
text-decoration: underline;
background-color:yellow;
}
.Promocommander
{
display:table;
padding:2px;
background-color:white;
color:darkred;
font-size:8.5pt;
line-height:12pt;
font-weight:bold;
text-decoration: none;
margin-bottom:5px;
clear:both;
}
.liengras
{
color:black;
font: bold 8pt Arial, Helvetica, sans-serif;
text-decoration: none;
}
.liengras:hover
{
color:gray;
text-decoration: underline;
}
/*pour plus petite presentation*/
.vignetteetinfored
{
display:table-cell;
background-color:none;
float:left;
width:16%; /*si 16% = 6 Produits SI WIDTH=20% - 5 PRODUITS - SI 25% - 4 PRODUITS*/
/*hauteur du contenant vignette et information*/
height: 180px;
vertical-align: top;
}
.vignettecontenantred
{
background-color:none;
height:180px;
text-align:left;
}
.imgdanscontenantred
{
max-width:70px;
max-height:100px;
vertical-align: bottom;
/* border-top:2px solid red; */
}
/*IMAGE PRODUIT*/
.imgproduit {
    max-width: 100%;
    vertical-align: bottom;
    display: flex;
    margin-left: auto;
    margin-right: auto
}

/* IMAGE FICHE PRODUIT*/
@media only screen and (max-width: 991px) {
    .imgproduit {
        max-width: 200px;
        vertical-align: bottom;
        /* border-top:2px solid red; */
    }
    }

    .grandcontenant {
        vertical-align: top;
        background-color: none;
        display: table-cell;
        padding-left: 40px;
        padding-top: 30px;
        margin-left: 10px;
        width: 900px;
    }

    .texteinfoproduitred {
        clear: both;
        display: block;
        font-size: 12px;
        vertical-align: bottom;
        padding-right: 20px;
        margin-top: 8px;
    }

    .titre9 {
        font-size: 9pt;
        font-weight: bold;
    }

        .titre9:hover {
            color: #000000;
            text-decoration: underline;
        }

    .phototexte {
        display: table-cell;
        border-width: 3px;
        background-color: white;
        font: 11pt Arial, Helvetica, sans-serif;
        text-align: left;
        vertical-align: bottom;
        padding-bottom: 10px;
        padding-top: 5px;
        border-top: solid gray thin;
        margin-top: 5px;
    }

    .photodanscadre {
        max-width: 200px;
        max-height: 200px;
        float: left;
        padding-right: 10px;
    }

    .cadrevignettes {
        display: table-cell;
        background-color: white;
        clear: both;
        padding-bottom: 10px;
    }

    .cadremenu {
        background-color: none;
        font-size: 13px;
        color: darkgreen;
        clear: both;
        padding-bottom: 10px;
        padding-top: 5px;
        width: 100%;
    }
    /*alignement pour 6 images*/
    .vignette6images {
        text-align: center;
        display: table-cell;
        float: left;
        width: 16%; /*SI WIDTH=16% - 6 PRODUITS 
/*hauteur du contenant vignette et information*/
        height: 170px;
        border-top: 1px solid gray thin;
        vertical-align: bottom;
    }

        .vignette6images a {
            text-decoration: none;
            color: #1f5c6e;
            font-weight: normal;
            font-size: 14px;
        }
    /*alignement pour 7 images*/
    .vignette7images {
        text-align: center;
        display: table-cell;
        float: left;
        width: 14%; /*SI WIDTH=16% - 6 PRODUITS 
/*hauteur du contenant vignette et information*/
        border-top: 1px solid gray thin;
        vertical-align: bottom;
    }

        .vignette7images a {
            text-decoration: none;
            color: #1f5c6e;
            font-weight: normal;
            font-size: 12px;
        }

    /*Texte divers*/
    .texteGrand {
        font-size: 13pt;
        font-weight: normal;
        color: gray;
    }

    .texteformat {
        color: black;
        font: normal 8pt Arial, Helvetica, sans-serif;
        text-decoration: none;
    }

.titrefacet {
    color: #0a284c;
    color: #215585;
    font: bold 10pt Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
   margin-left: -10px;
    padding-left: 5px;
}


    
    .titrefacetGrand {
        color: #0a284c;
        font: bold 12pt Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        text-decoration: none;
        margin-bottom:10px;
    }

.textePlusMoins {
    padding-top: 5px;
    padding-left: 5px;
    color: black;
    font-weight: 600;
    font: normal 11pt Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #e1e5e8;
}

        .textePlusMoins:hover {
            color: #4d4d4d;
            text-decoration: underline;
        }

    .resrescherche {
        color: darkred;
        font-style: italic;
    }

.menurecherche {
    background-color: none;
    font-size: 11px;
    color: #4d4d4d;
    
    
}

    /*CHANGEMENT AJOUT - BARRE DE RECHERCHE HAUT */

    .search {
        width: 80%;
        position: relative;
        float: left;
        display: flex;
        margin: 0 auto;
    }

    .searchTerm {
        margin-top: 15px;
        width: 100%;
        border: 2px solid darkgray;
        border-right: none;
        border-left: none;
        padding: 5px;
        height: 40px;
        border-radius: 0px 0 0 0px;
        outline: none;
        color: darkgray;
    }

    .searchTermListe {
        margin-top: 15px;
        width: 70%;
        border-top: 2px solid darkgray;
        border-bottom: 2px solid darkgray;
        border-right: thin solid darkgray;
        border-left: 2px solid darkgray;
        padding: 5px;
        height: 40px;
        outline: none;
        color: #585858;
        background-color: #F0F0F0;
        border-radius: 5px 0px 0px 5px;
    }

    .searchTerm:focus {
        color: #000000;
    }

    .searchButton {
        vertical-align: top; /* Aligner en haut */
        margin-left: 0; /* Supprimer la marge */
        margin-top: 15px;
        width: 40px;
        height: 40px;
        border: 2px solid darkgray;
        background: darkgrey;
        text-align: center;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: 20px;
    }
    /*NOUVEAU STYLE*/
    .searchcontainer {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }

    .searchmedia {
        display: none !important;
    }
    /* BARRE DE RECHERCHE MEDIAS*/
    @media only screen and (max-width: 991px) {
        .searchmedia {
            display: block !important;
            width: 100%;
            top: 20px;
        }

        .searchButton {
            margin-top: 15px;
            width: 40px;
            height: 40px;
            border: 2px solid darkgray;
            background: darkgray;
            text-align: center;
            color: #fff;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            font-size: 20px;
        }

        .search {
            width: 80%;
            padding: 50px;
            margin: 0 auto;
            padding: 5px;
            background-color: none;
        }

        .searchTerm {
            margin-top: 15px;
            width: 50%;
            border: 2px solid darkslategray;
            border-right: none;
            border-left: none;
            padding: 5px;
            height: 40px;
            border-radius: 0px 0 0 0px;
            outline: none;
        }
    }

    /* BARRE DE RECHERCHE MEDIAS SEARCH*/
    @media only screen and (max-width: 770px) {
        .searchmedia {
            display: block !important;
            width: 100%;
        }
        .searchTermListe {
            width: 100%;
            background-color: none;
        }
        .search {
            width: 100%;
            padding: 0px;
            margin: 0 auto;
            padding: 5px;
        }

        .searchTerm {
            margin-top: 15px;
            width: 150%;
            border: 2px solid darkslategray;
            border-right: none;
            border-left: none;
            padding: 5px;
            height: 40px;
            border-radius: 0px 0 0 0px;
            outline: none;
            background-color: #ffffff;
            background-color: lightgray;
        }
    }
    .wrap {
        width: 30%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btn-sm:visited {
        color: white;
    }

    .btn-outline-danger:visited {
        color: white;
    }

    .btn-outline-danger:hover {
        color: white;
    }

    /*BOUTONS MENU DU HAUT*/
.btn-menuhaut {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #720000;
    border: 1px solid white;
}

        .btn-menuhaut:hover, .btn-menuhaut:focus, .btn-menuhaut:active {
            text-shadow: 1px darkgray;
            background-color: white;
            color: darkred;
            border: 1px solid darkred;
        }

        .btn-menuhaut:hover, .btn-menuhaut:focus, .btn-menuhaut:active {
            text-shadow: 1px darkgray;
            background-color: white;
            color: darkred;
            border: 1px solid darkred;
        }
    /*BOUTONS MENU DU HAUT AUTRE*/
    .btn-menuhaut2 {
        text-transform: uppercase;
        font-weight: 500;
        color: #fff;
        background-color: #09223D;
        background-color: #000;
        border: 1px solid white;
    }

        .btn-menuhaut2:hover, .btn-menuhaut2:focus, .btn-menuhaut2:active {
            text-shadow: 1px #09223D;
            background-color: white;
            color: #09223D;
            border: 1px solid #09223D;
        }
    /*BOUTONS MENU DU HAUT AUTRE*/
    .btn-menuhaut3 {
        text-transform: uppercase;
        font-weight: 500;
        color: #fff;
        background-color: #006400;
        border: 1px solid white;
    }

        .btn-menuhaut3:hover, .btn-menuhaut3:focus, .btn-menuhaut3:active {
            text-shadow: 1px #09223D;
            background-color: white;
            color: #09223D;
            border: 1px solid #09223D;
        }

    /*BOUTONS AJOUTER*/
    .btn-ajouter {
        font-size: 1em;
        position: block;
        padding: 3px;
        color: darkred;
        background-color: white;
        border: none !important;
    }

        .btn-ajouter:hover, .btn-ajouter:focus, .btn-ajouter:active {
            background-color: none;
            color: darkred;
            color: #09223D;
        }

        .btn-ajouter:before {
            color: black;
            content: "\f218";
            font-family: FontAwesome;
        }

    /***********************************************/
    .liendetelechargement {
        color: darkred;
        font-weight: 500;
        margin-top: 10px;
    }

        .liendetelechargement:visited {
            color: blue;
        }
} 
	   .liendetelechargement a{
		 color:red;
       }
   .feuilleter {
        margin-top: 20px ; 
       box-sizing: border-box;
       }
    .feuilleter p{
  
      font-size: 14px;
      text-decoration: underline;
    }
    .videoproduit {
      margin-top: 20px ; 
     box-sizing: border-box;
     }
  .videoproduit p{
    font-size: 14px;
    text-decoration: underline;
   
  }
    .videoproduit img {
      max-width: 57px;
      /*float: left;*/
     }
/**********************************/
/*IMAGE DE FOND PAGE DE LA LIBRAIRIE EN LIGNE*/
.bg-image-header {
	background-image: url(/images/bg/fondbasecatalogue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 25vh;
	max-height: 45vh;
    
    padding-top: 110px;
	}
	
	.fondhaut
	        {
			background-color:transparent;
        }
 

/*COIN DES LIBRAIRES*/

.Clean
{
	clear: both;	
}
.SousSection {
	padding: 5px 0 5px 5px;
	margin: 0;
	background-color: #c5cfe3;
	border-top: white solid 3px;
}

.livreDescription{
	border:0;
}

.livreDescription td{
	padding: 10px;
	font-size: smaller;
}

.livreDescription img{
	clear: both;
	float: left;
	border:0;
	margin:0 5px 0 0;
}

.titreSection {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 165%;
	/*letter-spacing: 1px;*/
	color: white;
	padding: 5px 0 5px 35px;
	margin:0;
	background: url(../images/BulletEntete.gif) no-repeat 0 50%;
}

.widthTextBox {width:160px;}
.widthListBox {width:165px;}

.pubCarre {
	text-align: center;
	padding: 40px 0 0 0;
	margin: 0;
	clear: both;
}

.titre {
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
	text-align: left;
	width: 500px;
	height: 20px;
	font-size: 13px;
	font-weight: bolder;
	color: #6985B5;
	border-bottom: dotted 1px #cccccc;
}

.menu-hori{
	text-align: left;
	font-size: 10px;
	margin: 10px 5px 0 0;
	line-height: 14px;
}

.menu-hori a {
	color: #00234c;
	text-decoration: underline;
	font-weight: bold;
}

/*Section sur l'argumentaire de vente*/
#FicheArgumentaire{
    margin-top: 5px;
}

#ArgumentaireInfoPrincipal {
    padding:20px;
	border: 1px solid #cccccc;
}

#ArgumentaireInfoPrincipalTexte {
    float:left;
    width: 60%;
}

#ArgumentaireInfoPrincipalTexte p{
    padding: 5px 0 0 0;
    margin: 0;
    color: Black;
    /*font-size: 7.5pt;*/
}

#ArgumentaireInfoPrincipalTexte p span{
    font-weight: bold;
}

.ImageLivre{
    float:left;
    padding-right: 10px;
	vertical-align: bottom;  
    border-width:0;
}

#DescriptionArgumentaire{
    clear:both;
    margin:0;
    padding:0;
}

#DescriptionArgumentaire p{
    color: black;
    padding: 0;
}

.argumentaire{
    margin:0;
    padding:0;
	clear: both;
}

.argumentaire .titreArgumentaire{
    padding-top:20px;
	margin-top:20px;
}

.argumentaire ul{
    color: Black;
    padding: 0;
    font-size: 9pt;
	list-style-position:inside;
}

.argumentaire ul li{
	padding-bottom: 10px;
}
.titreArgumentaire{
	border-bottom:1px solid #1b3d76;
	color:#0a284c;
	font-size:120%;
	margin:0;
	font-weight:bold;
}

#Corps .ImageLivre a{
    font-size: 7.5pt;
	color: gray;
}

#Corps .ImageLivre a:visited{
    font-size: 7.5pt;
	color: gray;
}

#ArgumentaireInfoPrincipalTexte p .AutresSupports{
    font-size: 7pt;
	font-weight: normal;
}

#FeuilletageEtCodeBarre{
	margin-top:5px;
}

#FeuilletageEtCodeBarre img{
	border-width:0;
}
/* -------------------------- */
.searchbar__contentZone {
  border: 1px solid #ebebeb;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  max-height: 430px;
  overflow-x: hidden;
  overflow-y: auto; }
.setting__activeZone {
  position: relative; }

  /*DRAPEAU BANDEAU*/
.ImgDrapeau {
max-width: 100%;
max-height:100%;
float: left;
}
.ZoneFact
{
display:none;
}
	
@media only screen and (max-width: 700px) {
    .ImgDrapeau {
max-width: 50px;
max-height:50px;
padding:5px;
float: left;
    }
.ZoneFact
{
	display:none;
color:yellow;
font-size:.8em;
}
	
}

/*
	@media only screen and (max-width: 767px) {
.VisibleMedia  {
background-color:lightgray; 
display:none !Important;
}

*/
.setting__blockZone {
  background: #fff none repeat scroll 0 0;
  left: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 100%;
  transition: -webkit-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
  visibility: hidden;
  z-index: 10;
  padding-top: 20px; }
  
    .setting__blockZone.is-visible {
    opacity: 1;
    visibility: visible; }

	/* FORMULAIRE*/
.textBoite{ 
display:table;
	font-size:15px; 
	color:	#202020;
	width:90%; 
	padding-bottom:10px;
	text-align: right; 
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
}
#textBoite2{ 
	font-size:15px; 
	color:red;
	width:80%; 
	text-align: left; 
	line-height: 30px;
	margin-left:80px;
}
.boiteInfo
	{
	margin-bottom:2px;
	height:20px;
	border: solid gray;
	border-width: thin;
	color: #333333;
	background-color:white;
	padding:1px;
	padding-left:5px;
	width:500px;
	}
	
	
@media only screen and (max-width: 350px) {
    .contenu-boite {
        border: 1px solid red;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background-color: red;
        width: 200px;
        height: auto;
        margin-left: 5px;
        float: left;
    }
}

.contenu-boite {
    border: 1px solid #8698be;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: white;
    margin-left: 5px;
    margin-right: 15px;
    padding: 10px;
    float: left;
    width: 400px;
}
     .contenu-boite:hover {
            /*     background: linear-gradient(to right,white,#F8F8F8);*/
            border: 1px solid darkred;
        }
		
    .contenu-boite-cadeau {
        display: table;
        width: 860px;
        min-height: 100px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        border: 1px solid #8698be;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-bottom: 10px;
        vertical-align: middle;
        float: left;
    }

/*BOITE ENCADRE*/	
.TitreProduitReduit
	{
	font-size:18px !important;
color:#09223D !important; 
	font-weight:600;
	}
	
@media only screen and (max-width: 350px) {
 .boiteExtrait {
		display:table;
        height: auto;
        margin-left: 5px;

    }
}

.boiteExtrait {
	display:block;
	/*border-top:1px solid lightgray;*/
	background-color:white;
	padding-bottom:20px;
	width:100%;
	-webkit-border-radius: 5px;
	margin-bottom: 0px !important;
}
     .boiteExtrait:hover {
            background: linear-gradient(to right,white,#e8e8e8);*/
	/*border-bottom:3px solid darkred;
	border-bottom:2px solid darkred;*/
		
        }
		

@media only screen and (max-width: 750px) {
 .DescriptionProduitContenu {
display:none;
    }
}

.DescriptionProduitContenu {
	/*font-style:italic;*/
	color:#000045;
	font-size:.95em;
	line-height:1.25em;
	/*border-top:1px solid lightgray;*/
		}	

/*----------------------------*/
        #contenutout {
            height: 20em;
            height: auto;
            padding: 2px;
            overflow: hidden;
        }
        .carteGooglePrincipaleMaxi {
            border: 1px solid #777;
            float: left;
            height: 350px;
            overflow: hidden;
            width: 100%;
            margin-right: 0px;
            margin-bottom: 6px;
            margin-top: 0px;
        }

        .carteGooglePrincipaleMini {
            border: 1px solid #777;
            float: left;
            height: 200px;
            overflow: hidden;
            width: 250px;
            margin-right: 10px;
            margin-bottom: 20px;
        }

        .carteGoogleSupplementaire {
            border: 1px solid #777;
            float: left;
            height: 200px;
            overflow: hidden;
            width: 265px;
            margin-right: 0px;
            margin-bottom: 6px;
            margin-top: 10px;
        }
	/*TEST EDITION*/

.EncadreTout {
    border: 1px solid gray;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 20px
}
@media only screen and (max-width: 750px) {
 .EncadreTout {
	border:0px solid gray;
	background-color:none;
	padding:10px;
	-webkit-border-radius: 5px;
    }
}
	
	.soustitrepanier
	{
		margin-bottom:15px;
		font-size:15px !important;
		color:#09223D !important; 
		font-weight:600;
	}

	.EncadreTitre
	{
		margin-bottom:15px;
	font-size:24px !important;
color:#09223D !important; 
	font-weight:600;
	}

	.Encadr--Soustitre
	{
		margin-bottom:15px;
	font-size:20px !important;
color:#09223D !important; 
	font-weight:600;
	}
		
.EncadreTxt
	{
	font-size:16px!important;
	color:#09223D !important; 
	font-weight:400!important;
	}
	.EncadreTexte-specialiste
	{
	color:#09223D !important; 
	font-weight:500!important;
	}
	.EncadreTexte
	{
	margin-bottom:15px;
	font-size:16px!important;
	line-height:24px;
	color:#09223D !important; 
	font-weight:400!important;
	}
	.alctexte
	{
	font-size:16px!important;
	line-height:24px;
	color:darkblue!important;
	font-weight:400!important;
	}

	.exposant
	{
  vertical-align: super;
  font-size: smaller;
	}

	.x--la-carte
	{
	font-weight:700;
	}
	.Italique-Encadr-Titre
	{
	font-style:italic !important; 
	}
	.photoquart
	{
	background-color:white;
	font-weight:600;
	padding:10px;
	}
	
	.CDCEncadreTitre
	{
	font-size:22px !important; 
	color:darkred !important; 
	font-weight:600 !important;
	}
	.Italique-Encadr-Titre
	{
	font-style:italic !important; 
	}
	.photoquart
	{
	background-color:white;
	font-weight:600;
	padding:10px;
	}	
	.LegendePhoto
	{
	background-color:white;
	font-weight:600;
	padding:10px;

	}
	.Italique-Encadr-Titre
	{
	font-style:italic !important; 
	}
	.cr-dit-gras
	{
	font-weight:700 !important; 
	}
	.legendes
	{
	font-weight:500 !important; 
	font-size:.8em !important; 
	}
	.photocopyright
	{
		margin-top:0px!important;
		font-weight:500 !important; 
	font-size:.7em !important; 
	}
	ol li.encadres-puces 
	{
			color:darkred !important;
		margin-top:0px!important;
		font-weight:500 !important; 
	font-size:.7em !important; 
	}
	
/*	BOUTON INFORMATION*/
.bouton_info {
  background: gray none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  text-transform: uppercase;
}
.bouton_info:hover {
    background-color: #09223D;
  border-color: darkred; }
  
  /* BOITE ALERTE */
  .alert {
	  font-size:.8em;
  padding: 5px;
  background-color: #f3f8fd;
  color: #1c5da2;
  font-weight:400;
  border:1px dashed #1c5da2;
 
}  
.closebtn {
  margin-left: 15px;
  color: #1c5da2;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;}
  
  /*AJOUT ANDRE - POUR CONTROLER LE BOUTON QUANTITE*/
  .form-qte {
    display: block;
	background-color:yellow;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*boite texte du haut*/
.btetxtinfo {
	display:block !important; 
	padding:0px;
	margin-bottom:0px;
	font-size:1.15em
}
	@media only screen and (max-width: 767px) {
	 .btetxtinfo{
		font-size:1em;
	margin-top:80px;

	}
	}
	
	input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

    /*-IMAGBE ET TITRES DES CONTENUS LIES*/

/* styles.css */
.bte_contenu_lie {
    margin-top: 20px;
    width: calc(25% - 20px);
    min-height: 200px;
    position: relative;
    box-sizing: border-box;
    padding: 5px;
}

/*style="margin-top: 20px; width: calc(25% - 20px); min-height: 200px; position: relative; box-sizing: border-box; padding: 5px;"*/


@media only screen and (max-width: 850px) {
    .bte_contenu_lie {
        width: calc(50% - 20px);
    }
     }	

@media only screen and (max-width: 420px) {
    .bte_contenu_lie {
        width: calc(100% - 5px);
    }

    @media screen and (max-width:720px) {
        #cookiebanner a.c-button {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            margin-bottom: 20px;
        }

        #c-right {
            float: none;
        }

        #c-left {
            float: none;
        }

        #cookiebanner p.c-message {
            margin-bottom: 20px;
        }
    }

    @media screen and (min-width:720px) {
        #cookiebanner #c-left {
            float: left;
            max-width: 80%;
        }

        #cookiebanner #c-right {
            float: right;
        }
    }

    #cookiebanner {
        box-sizing: border-box;
        background-color: #09223D;
        opacity: 0.9;
        width: 100%;
        padding: 25px 40px;
        position: fixed;
        z-index: 2147483645;
        bottom: -800px
    }

        #cookiebanner p {
            font-size: 14px;
            line-height: 1.4;
        }

        #cookiebanner .c-header {
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            margin-bottom: 4px;
        }

        #cookiebanner p.c-message {
            font-size: 14px;
            color: #999;
        }

        #cookiebanner a {
            font-weight: bold;
            color: #999;
        }

            #cookiebanner a:hover {
                color: #fff;
            }

            #cookiebanner a.c-button {
                border-radius: 4px;
                background-color: rgb(255,255,255);
                box-shadow: 0 2px 0 0 rgb(221,221,221);
                border: 1px solid rgb(221,221,221);
                padding: 12px 60px;
                text-decoration: none;
                display: inline-block;
                vertical-align: middle;
                margin-top: 10px;
                color: #666;
                font-size: 16px;
                -o-transition: .2s;
                -ms-transition: .2s;
                -moz-transition: .2s;
                -webkit-transition: .2s;
                transition: .2s;
            }

                #cookiebanner a.c-button:hover {
                    box-shadow: none;
                    background-color: #f8f8f8;
                }

    /* Masquer la barre de recherche pour les petits écrans */
    @media (max-width: 991px) {
        #BarreRecherche {
            display: none;
        }
    }

     }