#colonneG {
  margin: 20px 0px;
  width: 50%;
  float: left;
}
#colonneD {
  width: 50%;
  float: right;
}
.separation_2 {
  gap: 50px;
  width: 100%;
  text-align: center;
  display: flex;
}


#site_infoLegal{text-align: center;}


.cinzel {
  font-family: "Cinzel", serif;
  font-weight: 500;
  font-style: normal;
}


.eb-garamond {
  font-family: "EB Garamond", serif;
  font-weight: 500;
  font-style: normal;
}


    #titre{
        height: 100px;
        display: inline-block;
        box-sizing: border-box;
    }
    #image_titre{
        width: 100px;
        height: 100px;
        display: inline-block;
        box-sizing: border-box;
    }
    .position_logo{ 
        position: relative; 
        top: -115px;
        right: 300px;
    }
    
    #titre img{
        width:15%;
    }




/* Texte normal par défaut */



.extrait {
 
  margin: auto;
  text-align: center;
  font-family: 'Cinzel';
  font-size: 37px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #9b4b9b, 0 0 80px #3a1833, 0 0 100px #6b2e6b;
  transition: all 0.3s ease-in-out;
  animation: scintillement 3s infinite alternate; /* Animation ajoutée pour le scintillement */
}

@keyframes scintillement {
  0% {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #9b4b9b, 0 0 80px #3a1833, 0 0 100px #6b2e6b;
  }
  50% {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #9b4b9b, 0 0 150px #3a1833, 0 0 200px #6b2e6b;
  }
  100% {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #9b4b9b, 0 0 80px #3a1833, 0 0 100px #6b2e6b;
  }
}


.footer-news{
   display: flex;
   justify-content: center;
   gap: 2em;
}



/* Articles de blog */

/*Les citations*/

.article{
    text-align: justify;
    font-family: 'EB Garamond';
    font-size:18px;
    margin-left: 2em;
    margin-right: 2em;    
}


.article .quote{
    color: #85002a;
    border-left: 3px double #85002a;
    margin-right: 5em;
    margin-left: 5em;
    padding-left: 1em;
}


.article .quote-titre{
    color: #85002a;
    font-size:21px;
    margin-left:4.1em;
}


/********* Superposition simple de texte sur une image *******/
/* Conteneur principal */
.overlay-image {
    position: relative;
    width: 100%;
}

/* Image originale */
.overlay-image .image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-image .hover {
    display: block;
    width: 100%;
    height: auto;
}


/* Texte original */
.overlay-image .text {
    color: #fff;
    /*font-size: 25px;*/
    line-height: 1.2em;
    text-shadow: 2px 2px 2px #000;
    text-align: justify;
    /*position: relative;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*width: 80%;*/
    padding: 30px;
}

/********* Hover image et texte *******/

/* Overlay */
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
display: block;
overflow: auto;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
    opacity: 1;
}

/********* Hover background et texte uniquement *******/

.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.9);
}

/*@media screen and (max-width: 980px)
{*/
.overlay-image {
    position: relative;
    width: 100%;
}

/* Image originale */
.overlay-image .image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-image .hover {
    display: block;
    width: 100%;
    height: auto;
    overflow: auto;
}


/* Texte original */
.overlay-image .text {
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    text-shadow: 2px 2px 2px #000;
    text-align: justify;
    /*position: relative;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
   /* width: 80%;*/
   padding: 10px;
}

/********* Hover image et texte *******/

/* Overlay */
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
    opacity: 1;
}

/********* Hover background et texte uniquement *******/

.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 0;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.9);
}    
    
    
    
/*}*/

.home{
    text-align:center;
}

.home img{
    box-shadow: none !important;
    width:25%;
    /*padding: 1em;*/
  text-align: center;
  margin: auto;
    
}


.resume { /* résumé du livre*/
		position: relative;
		overflow: hidden;
		background: rgba(36, 1, 19, 0.8);
		box-shadow: 5px 5px 5px 5px rgba(36, 1, 19, 0.8);
		font-family: 'EB Garamond';
		font-weight: 300;
		color: #ffffff ;
		font-size: 17px;
	/*	line-height: 1.5em;*/
		text-align: justify;
		padding: 20px;
	}

	
	
.resume_2 { /* résumé du livre*/
		position: relative;
		overflow: hidden;
		line-height: 1.5em;
		text-align: justify;
		padding: 20px;
	/*	font-size:17px;*/*/
	}
	
	.resume_2 p{
	    text-align: center;
	    font-size: larger;
	    font-family:'Cinzel';
	  }
	  
	  .resume_2 div{
	      text-align:center;
	      margin-right: 25%;
	      margin-left: 25%;
	  }
	
	.resume_2 img{
	    filter: invert(1);
	}
	


.centrer{
    display: flex;
    justify-content: center;
    align-items: center;
}



    .colonne_3 { /*aligner trois éléments*/
        display: grid;
        grid-template-columns: auto auto auto auto ;
        gap: 10px 2em;
        text-align: center;}
        
    .colonne4 { /*aligner 4 éléments*/
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr ;
        gap: 10px 2em;
        text-align: center;
        padding-top:2em;
        padding-bottom:2em;
    }
    
    
    
    
    .colonne_2 { /* aligner deux éléments*/
        display: grid;
        grid-template-columns: 1fr 1fr;
        /*margin-bottom: 40px;*/
        gap:10px;
        width: 100%;
        padding: 1em;
        text-align:center
    }


        .colonne_livre { /* aligner deux éléments*/
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap:10px;
        width: 100%; 
        text-align: center;
    }
    
    
    
    .colonne_livre i{
        display: inline-block;
    }
    
    .colonne_livre img{
        width: 80%;
    }
    
        .colonne3 { /* aligner 3 éléments*/
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 40px;
        gap:10px;
        width: 100%;
    }

     
    .centrage{
        margin:auto;
        text-align:center;
        padding-top: 2em;
        background-color:#210414a1;
    }
    
    .centrage2{
        margin:auto;
        text-align:center;

        
    }    
    /* BOUTON PRESENTATION LIVRE - DEBUT */
        .circle{
display: inline-block;
 /* width: 170px;
  height: 60px;*/
  color: white;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.8);
  background-color: #210414b8;
  border-radius: 15px;
  opacity: 1;
        }

    .circle_textone{
            display:block;
            padding: 10px;
            font-family: 'Cinzel';
            text-align:center;
            margin: 20px 20px 20px 20px;
        }


/* Texte normal par défaut */
.light{
    text-align: center;
}


.light div {
    position: relative;
    margin: auto;
    text-align: center;
    /*padding-top: 2em;*/
    text-shadow: none; /* Pas de lueur par défaut */
    transition: all 0.3s ease-in-out; /* Transition fluide pour l'effet */
}

/* Texte néon au survol */
.light div:hover {
    text-shadow: 
        0 0 5px #fff, 
        0 0 10px #fff, 
        0 0 20px #fff, 
        0 0 40px #f0f, 
        0 0 80px #f0f, 
        0 0 100px #f0f; /* Lueur néon */
    }


     /*   .light div {
        	position: relative;
        	margin: auto;
            text-align: center;
            padding-top: 2em;*/
        }
        .test div::before {
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	z-index: 2;
        	display: block;
        	content: '';
        	width: 0;
        	height: 0;
        	background: rgba(255,255,255,.2);
        	border-radius: 100%;
        	-webkit-transform: translate(-50%, -50%);
        	transform: translate(-50%, -50%);
        	opacity: 0;
        }
        .test div:hover::before {
        	-webkit-animation: circle .75s;
        	animation: circle .75s;
        }
        @-webkit-keyframes bb {
        	0% {
        		opacity: 1;
        	}
        	40% {
        		opacity: 1;
        	}
        	100% {
        		width: 200%;
        		height: 200%;
        		opacity: 0;
        	}
        }
        @keyframes bb {
        	0% {
        		opacity: 1;
        	}
        	40% {
        		opacity: 1;
        	}
        	100% {
        		width: 200%;
        		height: 200%;
        		opacity: 0;
        	}
        }       
    /* BOUTON PRESENTATION LIVRE - FIN */
    
    
.saga { /* livres saga */
    display: inline-block;
    text-align: center;
    }

		.saga img {
            width:20%;
		}
    
    
    .retoursaga{
        display: inline-block;
        width: 170px;
        height: 65px;
        text-align: center;
        color: white;
        box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.8);
        background-image: linear-gradient(180deg, #1a0b0b 0%, #682626 100%);
        border-radius: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .retoursaga .texte{
        display:block;
        padding-top: 21px;
        font-family: 'EB Garamond';
    }
    
    
    
    
    
    
/** 
 * @Generated by Zenofobe Visual Stylesheet on:- 19/08/20  at:- 12:33:48
 * Main Stylesheet for template fluorspar
 *
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 */




.clearfix::after {content: "";clear: both;display: block;}
ul {list-style:none}
body {
        /*margin: 0; 
        font-family:'EB Garamond'; 
        font-size:20px; 
        color:rgb(0,0,0); 
        background-color:rgb(236, 236, 236); 
        background-image:url('../images/fond.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow-y: scroll;    */

	margin: 0;
	font-family: 'EB Garamond';
	font-size: 21px;
	color: rgb(255, 255, 255);
	background-color: rgba(33, 2, 2, 0.66);
	backround-image: url('../images/fond.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	overflow-y: scroll;
	background-image:linear-gradient(rgba(20, 15, 17, 0.26), rgba(64, 14, 37, 0.89)), url('../images/fond.jpg');
}


/* Links and headings */
a img {border: none; }
a:link, #navEZPagesTOC ul li a { color:rgb(252, 196, 233); text-decoration: none; }
a:visited { color:rgb(252, 196, 233); text-decoration: none; }
a:hover, #navEZPagesTOC ul li a:hover { color:rgb(156, 2, 71); }
a:active { color:rgb(156, 2, 71); }

h1 {
    color: rgba(255, 255, 255);
    font-family: 'Cinzel';
    font-size: 1.8em;
     margin-bottom:0px;
    text-align:center;
}

h2 {
  color: rgb(252, 196, 233);
    font-family: 'Cinzel';
    font-size: 1.2em;
    margin-top:10px;
    text-align:center
}
h3 { font-size:1em;  }
h4 { font-size:1em;  }
h5 { font-size:1em; }
h6 { font-size:1em;  }

/* HeaderWrapper */
#headerWrapper {width:100%; background-color:transparent;padding-top: 2em; }

/* Main page */
.onerow-fluid { background-color:transparent; text-align:left; vertical-align:top;border-style:solid; border-width:0px;border-color:rgb(255,255,255);margin:0 auto; }

/* Branding */ 
#logoWrapper{}
#taglineWrapper{
    display: inline-block; 
}
#logoContainer{
    width:auto;
    max-width:1200px; 
    margin:0 auto;
    line-height:20px;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);
}
#logo { 
    float:left;/**/
    max-width:180px;
    max-height:180px;
    margin-right:10px;        
    overflow: hidden;
    border-radius: 50%;
    position: relative; 
    /*display: inline-block;*/ 
}
#logo img{width:180px;}
#tagline{
    border-radius: 0px 15px;
    padding: 15px;
    background: linear-gradient(rgba(244, 218, 218, 0.5),rgba(244, 155, 155, 0.5));
}

#tagline h1{ color:rgb(56,56,56); font-size:60px; /*font-weight:bold;*/ text-align :left;font-family: 'Calligraffie';}
#tagline .blue {text-shadow:none;color:rgb(252, 196, 233);font-size:18px;line-height:18px}
#tagline i {color:rgb(0,0,0);}

/* Sideboxes */
h3.leftBoxHeading,h3.rightBoxHeading {font-size:20px}
h3.leftBoxHeading, h3.leftBoxHeading a,h3.rightBoxHeading, h3.rightBoxHeading a { color:rgb(255,255,255); font-weight:normal; }
.leftBoxHeading, .rightBoxHeading { background-color:rgb(0,0,0);border-style:solid;border-width:0px;border-color:rgb(0,0,0);-moz-border-radius:0px 20px;-webkit-border-radius:0px 20px;border-radius:0px 20px;background: -moz-linear-gradient(top,rgb(0,0,0),rgb(155,155,155));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,0,0)), to(rgb(155,155,155)));background: -webkit-linear-gradient(top,rgb(0,0,0),rgb(155,155,155));background: -ms-linear-gradient(top,rgb(0,0,0),rgb(155,155,155));background: -o-linear-gradient(top,rgb(0,0,0),rgb(155,155,155));background: linear-gradient(rgb(0,0,0),rgb(155,155,155));box-shadow:2px 2px 2px rgba(0,0,0,0.5); margin:5px; font-weight:normal; font-size:20px; color:rgb(255,255,255);padding:15px 5px; }
.leftBoxContainer {margin:10px 2px;}
.rightBoxContainer {margin:10px;}
.leftBoxContainer, .rightBoxContainer {background-color:transparent; }
.sideBoxContent { background-color:rgb(233,233,233);border-style:solid;border-width:0px;border-color:rgb(0,0,0); font-weight:normal; color:rgb(0,0,0);padding:5px 4px 2px; }
.sideBoxContent a {display: block;color:rgb(0,0,0);background-color:rgb(214,214,214); -o-transition:color 0.50s ease-out, background 0.50s ease-in; -ms-transition:color 0.50s ease-out, background 0.50s ease-in; -moz-transition:color 0.50s ease-out, background 0.50s ease-in; -webkit-transition:color 0.50s ease-out, background 0.50s ease-in; transition:color 0.50s ease-out, background 0.50s ease-in;border-style:solid;border-width:1px;border-color:rgb(223,223,223);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:8px; margin:5px 0px;}
.sideBoxContent a:visited {}
.sideBoxContent a:hover {color:rgb(255,255,255);background-color:rgb(60,60,60);}
.sideBoxContent a:active {}
.cat-count {color:rgb(0,128,255);}
#categoriesContent .cat-separator i {color:rgb(89,89,89);}
#categoriesContent i {color:rgb(87,87,87);}
#categoriesContent a:hover .cat-count,#categoriesContent a:hover i {color:rgb(255,255,255)}
.icart a {color:rgb(0,0,0);background:rgb(255,255,255);font-size:20px}
.icart a:hover {color:rgb(255,255,255);background:rgb(0,0,0)}
#catBoxDivider{display:none}
#shoppingcartContent ul,#orderhistoryContent ul {margin:0;padding:0}
#shoppingcartContent a,#orderhistoryContent a {margin:2px 0px;display:inline-block}
#orderhistoryContent .hist_list a {width:78%}
.icart a{padding:3px}
.icart {margin-left:2px}
#shoppingcartContent HR {display:none}
.cartBoxTotal{text-align:center;padding-top:10px}
#cartBoxListWrapper a {width:68%}
 
/* Centerbox */
.centerBoxWrapper { border-style:solid;
                    border-width:0px;
                    border-color:rgb(255,255,255);
                    box-shadow:5px 5px 5px rgba(0,0,0,0.5); 
                    font-weight:normal; color:rgb(0,0,0); 
                    margin:0px 30px 30px 30px;
                    padding:5px;
                    display: inline-block;
}
.centerColumn {
    /*background-color:rgb(245,245,245);*/
    border-color:rgb(247,247,247); 
    font-weight:normal; 
    color:rgb(255, 255, 255);
    padding:10px 5px;
    border-radius: 20px 20px 20px 20px;
    /*box-shadow: 8px 8px 10px 0 rgba(0,0,0,0.5);*/
}
.content img, .productBox img {  
    border-radius: 8px 8px 8px 8px;
   /* box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);*/
}
a img:hover  {
    transition: .3s ease-in-out;
	opacity: .5;
}

.centerBoxContentsNew .productBox, .centerBoxContentsFeatured .productBox, .centerBoxContentsSpecials .productBox {
    background-size: 100%;
    min-height:440px;/**/
    border-style:solid;
    border-width:1px;
    border-color:rgb(150,150,150);
    margin:4px;
    font-weight:normal; 
    color:rgb(44,44,44);
    padding-left: 5px;
    padding-right: 5px;;
    box-sizing:border-box; 
    position: relative;
}
.product_detail{
    position: absolute;
    bottom: 0;    
}
.price{
    width: 95%;
    position: absolute;
    bottom: 55px;
}
.pl_product_details{
    width: 95%;
    position: absolute;
    bottom: 15px;
}
.pl_product_rupture{
    width: 95%;
    position: absolute;
    bottom: 10px;
}
.centerBoxContentsNew img, .centerBoxContentsFeatured img, .centerBoxContentsSpecials img {margin:5px 0px 5px 0px}
.centerBoxHeading {text-align:center;}
h2.centerBoxHeading { 
    background-color:rgb(25,25,25);
    -moz-border-radius:5px 20px;
    -webkit-border-radius:5px 20px;
    border-radius:5px;
  /*  background: -moz-linear-gradient(top,rgb(25,25,25),rgb(145,145,145));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(25,25,25)), to(rgb(145,145,145)));
    background: -webkit-linear-gradient(top,rgb(25,25,25),rgb(145,145,145));
    background: -ms-linear-gradient(top,rgb(25,25,25),rgb(145,145,145));
    background: -o-linear-gradient(top,rgb(25,25,25),rgb(145,145,145));
    background: linear-gradient(rgb(25,25,25),rgb(145,145,145));
    background: linear-gradient(rgb(80, 0, 64),rgba(125, 0, 76, 0.8));*/
    background-color:#e2bce769;
    box-shadow:2px 2px 2px rgba(0,0,0,0.5); 
    font-weight:normal; font-size:20px; 
    color:rgb(255,255,255);
    padding:10px 5px; 
}
.product_title a {color:rgb(69,69,69)}
.product_title a:hover {color:rgb(0,0,0)}
.product_title {
    font-weight:normal;
    font-size:20px;
    max-height: 45px;
}

/* Style the buttons inside the tab */
#tabs button {background-color:rgb(70,70,70);color:rgb(255,255,255);float:left;border-width:1px;border-style:solid;border-color:rgb(150,150,150);-moz-border-radius:0px 10px 0px 0px;-webkit-border-radius:0px 10px 0px 0px;border-radius:0px 10px 0px 0px;outline: none;cursor: pointer;padding:10px 10px;margin-right:6px;transition: 0.3s;font-size:17px;font-weight:normal;}
/* Change background color of buttons on hover */
#tabs button:hover {color:rgb(0,0,0);background:rgb(255,255,255);}
/* Create an active/current tablink class */
#tabs button.active {color:rgb(0,0,0);background:rgb(233,233,233);border-bottom-color:rgb(233,233,233);box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
/* Style the tab content same as active color*/
.centerBoxWrapper {border-width:1px;border-style:solid;border-color:rgb(150,150,150);background:#210414a1;}
#tabWrapper {overflow:hidden;position:relative;top:1px;z-index:990;background:transparent;}
#indexDefault {/*background-color:#210414a1*/;}
.normalprice {color:red;text-decoration:line-through}
#indexDefaultMainContent {margin-bottom:10px}

 
/* Navigation main */
#navMainWrapper {   background-color:rgb(129,129,129);
                    background: -moz-linear-gradient(top,rgb(129,129,129),rgb(60,60,60));
                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(129,129,129)), to(rgb(60,60,60)));
                    background: -webkit-linear-gradient(top,rgb(129,129,129),rgb(60,60,60));
                    background: -ms-linear-gradient(top,rgb(129,129,129),rgb(60,60,60));
                    background: -o-linear-gradient(top,rgb(129,129,129),rgb(60,60,60));
                    background: linear-gradient(rgb(244, 207, 207),rgb(255, 203, 203));
                    background: linear-gradient(rgba(244, 155, 155, 0.5),rgba(244, 218, 218, 0.5));
}
#navMain {  border-style:solid;
            border-width:0;
            border-color:rgb(238,238,238);
            width:auto;
            max-width:1200px; 
            font-weight:normal; 
            color:rgb(0,0,0);
            margin:2px auto;
            padding:10px 0px 0px 0px;
            height:45px;
}
#navMainWrapper ul {margin: 0; padding: 0;}
.navLine {color:rgb(177,177,177);}
#navMain i {font-size:20px}
#navMain .home i {color:rgb(103,103,103);}
#navMain .logIn i {color:rgb(0,230,57);}
#navMain .cart i {color:rgb(60,60,60);}
#navMain i:hover {color:rgb(0,128,0);}
#navMain ul  {list-style-type: none;text-align: center;float:left;padding:0px 0px 0px 10px;}
#navMain li {display: inline;}
#navMain ul li a {  color:rgb(0,0,0); 
                    background-color:#210414a1;
                    -moz-border-radius:0px 15px;
                    -webkit-border-radius:0px 15px;
                    border-radius:0px 15px;
                    padding:6px;
                    background: linear-gradient(rgba(244, 155, 155, 0.8),rgba(181, 182, 232, 0.8));
}
#navMain ul li a:hover {color:rgb(0,128,0); background:rgb(240,240,240);}
#navMain ul li a:hover i {color:rgb(0,128,0)}
#navMainSearch {float:right; background-color:#210414a1;border-style:solid;border-width:1px;border-color:rgb(181,181,181);-moz-border-radius:0px 20px;-webkit-border-radius:0px 20px;border-radius:0px 20px;margin:3px;}
#navMainSearch input[type=text] {font-size:14px;color:rgb(0,0,0);font-weight:normal; background-color:#210414a1;background-repeat:no-repeat;min-width:200px;min-height:20px;border-style:solid;border-width:1px;border-color:rgb(255,255,255);-moz-border-radius:0px 20px;-webkit-border-radius:0px 20px;border-radius:0px 20px;padding:5px;}
#navMainSearch input:focus { background-color:rgb(239,239,239);}
#header-lan-curr{width:auto;max-width:1200px;font-family:'EB Garamond';margin:0 auto;}
#header-lan-curr img{vertical-align:middle;margin-right:5px}
#language_header {
    margin:5px;
    float:left;
    /*border-style:solid;*/
    border-width:1px;
    border-color:rgb(143,143,143);
    width:50px;
}
.langDrop {width:50px;text-align:left;cursor:pointer;background:url(../images/data/arrow-black.png) no-repeat;background-position:98%;}
.langDropdown a {
    width:50px;
    padding:1px 0px 4px 5px
}
#header-lan-curr ul{width:50px;padding:0;margin:0;list-style: none;}
#header-lan-curr ul li{width:50px;display:block;position: relative;line-height: 21px;text-align:left}
#header-lan-curr ul li a{width:50px;display: block;background-color:#210414a1;color:rgb(79,79,79);font-weight:normal;font-size:16px;text-decoration: none}
#header-lan-curr ul li a:hover{width:50px;background-color:rgb(204,230,255);color:rgb(0,0,0);}
ul li ul.lang-dropdown-menu{width:50px;display:none;position:absolute;z-index:1000;left:0;}
.lang-dropdown-menu li a {width:50px;padding:5px 0px 8px 5px}
#header-lan-curr .lang-dropdown-menu{width:50px;background-color:rgb(244,244,244);border: solid rgb(170,170,170);border-width:0px 1px 1px 1px;box-shadow:2px 8px 16px rgba(0,0,0,0.5);}
ul li ul.lang-dropdown-menu li{display: block}
#currency_header  {width:80px;height:26px;cursor:pointer;overflow:hidden;background:rgb(255,255,255) url(../images/data/arrow-black.png) no-repeat;background-position:96%;float:right;margin:5px;border-style:solid;border-width:1px;border-color:rgb(143,143,143);}
#currency_header select {width:95px;height:25px;background:transparent;color:rgb(79,79,79);font-weight:normal;font-size:16px;font-family:'EB Garamond';text-decoration:none;border:none;padding:0px 0px 5px 3px;}
#currency_header:hover {background-color:rgb(204,230,255);color:rgb(0,0,0);}
#currency_header option {background-color:rgb(244,244,244)}
#navMainSearch ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:rgb(45,45,45); opacity: 1; /* Firefox */}
#navMainSearch :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:rgb(45,45,45);}
#navMainSearch ::-ms-input-placeholder { /* Microsoft Edge */ color:rgb(45,45,45);}
#navMainSearch input[type=image]{vertical-align:middle;background:white} 
#navMain i:hover {color:rgb(0,128,0);}
#navSupp li  {text-align:left;}
li.footer-phone,li.footer-email {padding-top:5px}
.footer-email {margin-top:5px}
.phone-number,.footer-map a, .footer-email a {margin-left:40px}
.footer-map {min-height:35px}

.fa-ul a{margin-top:10px}
.phone-number {display:block;margin-top:10px}

.footerMenu ul {display:inline-block}
.fa-li {left:0em!important;text-align:left!important}
#siteinfoLegal {background:transparent}
.noLine {border:none}

#footerImages {display:flex}
#footer-payments img {margin-top:10px}

#social-media i, #footerCustomHtml i {font-size:40px}
#social-media i {margin:0px 10px 10px 0px}
#footerCustomHtml .fa-facebook {color:rgb(60,90,153)}
#footerCustomHtml .fa-twitter {color:rgb(29,161,242)}
#footerCustomHtml .fa-pinterest {color:rgb(189,8,28)}
#footerCustomHtml i:hover {color:rgb(78,78,78)}

#social-media .fa-facebook {color:rgb(60,90,153)}
#social-media .fa-twitter {color:rgb(29,161,242)}
#social-media .fa-pinterest {color:rgb(189,8,28)}
 #social-media .fa-instagram {color:white;font-size:38px;margin-left:3px}

#social-media .fa-tumblr-square {color:rgb(49, 67, 88)}
#social-media .fa-linkedin {color:rgb(0, 119, 183)}
#social-media .fa-reddit {color:rgb(247, 67, 0)}
#social-media .fa-youtube {color:rgb(255, 0, 0)}

.instagram {
margin-right:10px;
margin-bottom:20px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 10px; 
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

#social-media i:hover {color:rgb(78,78,78)}


/* Navigation categories */
#navCatTabsWrapper {display:none}

/* Navigation EZ pages */
#navEZPagesTop ul {margin:0;padding:0}
#navEZPagesTop {display:none}

/* Navigation breadcrumbs */
#navBreadCrumb { background-color:transparent; margin:15px 5px 5px 5px; font-weight:normal; color:rgb(0,0,0);padding:0px;line-height:28px; }
#navBreadCrumb .fa-home {font-size:24px;color:rgb(88,88,88)}
#navBreadCrumb a {color:rgb(0,0,0); background-color:rgb(244,244,244);border-style:solid;border-width:1px;border-color:rgb(215,215,215); margin:5px;padding:0px 5px;}
#navBreadCrumb a:hover {color:rgb(0,0,0); background-color:#210414a1;}
#navBreadCrumb i {color:rgb(0,0,0)}

/* Navigation supplement */
#navSuppWrapper ul {margin:0;padding:0}
#navSuppWrapper {width:100%; background-color:rgb(225,225,225);border-style:solid;border-width:0px;border-color:rgb(0,0,0); font-weight:normal; color:rgb(0,0,0); }
#navSupp {width:auto;max-width:1200px; background-color:transparent; margin:10px auto; }
div.footerColumn {width:20%;float:left}
.footerMenu { background-color:transparent;border-style:solid;border-width:0px 1px 0px 0px;border-color:rgb(255,255,255); margin:5px;padding:5px;min-height:215px;text-align:center; }
#navSupp li a {color:rgb(0,0,0);padding:3px;line-height:20px;display:block;}
#navSupp li { margin:10px 0px;}
#navSupp li a:hover {color:rgb(0,128,255); background-color:#210414a1;}
.menuTitle {color:rgb(85,85,85);font-size:20px;margin-bottom:10px;font-weight:bold}
.footerMenu .fa-li {font-size:28px;}
.footer-phone i {color:rgb(78,78,78);}
.footer-email i {color:rgb(78,78,78);}
.footer-map i {color:rgb(78,78,78);}
.blog{display:none;}
.google{display:none;}
.youtube{display:none;}
#social-media{padding:10px;width:40%;float:right;text-align:center;}
#footer-payments{margin:0 auto;width:40%;text-align:right;}
#siteinfoLegal {color:rgb(85,85,85);}
#siteinfoLegal a {color:rgb(252, 196, 233);}
 
/* Mobile Menu */
#menuContainer .menuImage {width:23%;float:right;font-size:40px;line-height:40px;margin:2px 0px 8px 0px;padding-left:5px}
.faMenuCart {color:rgb(255,255,255)}
.faMenuUser {color:rgb(255,255,255)}
.faMenuSearch {color:rgb(255,255,255)}
.menuImage {display:none;}
#menuContainer {font-family:'EB Garamond';clear:both;padding:0;margin:10px auto;background:rgb(120,120,120);background: -moz-linear-gradient(top,rgb(120,120,120),rgb(0,0,0));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(120,120,120)), to(rgb(0,0,0)));background: -webkit-linear-gradient(top,rgb(120,120,120),rgb(0,0,0));background: -ms-linear-gradient(top,rgb(120,120,120),rgb(0,0,0));background: -o-linear-gradient(top,rgb(120,120,120),rgb(0,0,0));background: linear-gradient(rgb(120,120,120),rgb(0,0,0));box-shadow:2px 2px 2px rgba(0,0,0,0.5);display:none;}
.slimmenu ul {padding:0}
.slimmenu {font-family:'EB Garamond';font-size:14px;font-weight:normal;}
.menu-collapser {height:36px;position:relative;float:left}
.collapse-button {margin-top:7px;position: absolute;top: 50%;width: 40px;background-color:#210414a1;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 1px;color: #fff;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);padding: 0px 5px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);cursor: pointer;font-size: 14px;text-align: center;transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.collapse-button .icon-bar {background-color:rgb(116,116,116);display: block;height: 3px;width: 28px;margin: 6px 0px;}
ul.slimmenu {list-style-type: none;margin: 0;padding: 0;float:left;}
ul.slimmenu li {width:140px;float:left;position:relative;display:inline-block;background:rgb(255,255,255);}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li>ul{position:static;display:none}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:38px}
ul.slimmenu li ul{margin:0;list-style-type:none}
ul.slimmenu li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;}
ul.slimmenu li>ul>li ul{position:absolute;left:180px;top:0;z-index:999;display:none}
.slimmenu .level2,.slimmenu .level3,.slimmenu .level4 {box-shadow:4px 4px 4px rgba(0,0,0,0.5);}
ul.slimmenu .level1 a {padding:10px;}
ul.slimmenu .level2 a {padding:8px 5px;border-width:0px 0px 1px 0px;border-style:solid;border-color:rgb(214,214,214);}
.slimmenu .level3 li a {border-width:0px 0px 1px 0px;border-style:solid;border-color:rgb(178,178,178)}
ul.slimmenu ul.level2 li  {width:180px}
ul.slimmenu li .sub-toggle {color:rgb(0,128,0);background:none repeat scroll 0 0 rgba(0,0,0,0.100);position:absolute;right:0;top:0;z-index:999;width:40px;height:100%;text-align:right;cursor:pointer}
ul.slimmenu li .expanded {color:rgb(255,0,0);}
ul.slimmenu li .sub-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}
ul.slimmenu li .sub-toggle>i{display:inline-block;font-size:18px;vertical-align:middle;padding-right:12px}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{border-left:0}
.menuImage img {height:40px;margin-top:4px}
ul.slimmenu li a {display:block;color:rgb(0,0,0)}
ul.slimmenu li:hover {background:rgb(248,248,248)}
ul.slimmenu li ul li {background:rgb(247,247,247);}
ul.slimmenu li ul li a {color:rgb(0,0,0);}
ul.slimmenu li ul li:hover {background:rgb(255,255,255)}
ul.slimmenu li ul li ul li {background:rgb(255,255,255);}
ul.slimmenu li ul li ul li a {color:rgb(0,0,0);}
ul.slimmenu li ul li ul li:hover {background:rgb(249,249,249)}
.slimmenu .indenter {color:rgb(105,105,105);}
.mobile-search .button_search {display:none}
.slimmenu .level1  {border-right:2px solid rgb(170,170,170)}  
ul.slimmenu li .sub-toggle i {font-size:35px}   

 
/* Product information */
.product-images-wrap figure {margin:0}
#productMainImage {text-align:center;margin:0 auto}
#productAdditionalImages {display:flex;flex-wrap:wrap;justify-content:center}
#productMainImage img {/*border-style:solid;border-width:2px;border-color:rgb(233,233,233);*/ width:60%;}
#gal1 ul {margin:0;padding:0;list-style-type: none;}
div.additionalImages,li.additionalImages {width:17%;margin:0 2% 0 1%;}
#productAdditionalImages .additionalImages img{border-style:solid;border-width:2px;border-color:rgb(172,172,172);}
#productAdditionalImages .additionalImages img:hover {border-color:rgb(255,255,255)}
span.imgLink, span.imgLinkAdditional {display:none}
#productGeneral{border-style:solid;border-width:1px;border-color:rgb(247,247,247);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-weight:normal; margin:10px 0px 0px 0px;padding:10px; }
#productDescription { background-color:#210414a1;padding:10px;line-height:25px; }
#productPrices { font-size:20px;text-align:center;line-height:25px; }
#productName { font-size:22px;text-align:center;line-height:30px; }
#productDetailsList { background-color:#210414a1; margin:0px auto;padding:10px; }
#leftProductWrapper { margin:20px 0px;width:40%;float:left; }
#rightProductWrapper {width:58%;float:right; }
/* number spinner */
#cartAdd .button{margin:0 auto}
#cartButton,#inCartTitle,#quantityTitle {width:100%}
 #cartAdd {text-align:center}
/*eof number spinner */

#freeShippingIcon {text-align:center;margin:0px 0px 10px 0px;}
#freeShippingIcon img {width:100px}
#productDetailsList ul {padding:0;margin:0;list-style:none}

#product-divider {margin:10px 0 20px 0;border-bottom:1px solid #dbdbce;}
.addthis_toolbox {text-align:center;margin:10px}

#customTab {float:left;font-weight:normal;}
#customTabImage1 img {display:block;width:45%;margin:10px auto 0 auto}
#customTabImage2 {width:50%;float:right}
#customTabImage2 img {display:block;width:95%;margin:2px auto}
.customTabSpan {background-color:rgb(240,240,240);}


/* Attributes */
#productAttributes { background-color:#210414a1; margin:10px;padding:10px; }
.wrapperAttribsOptions H4 {margin:-1px 2px 0px 0px } 
 #productAttributes .wrapperAttribsOptions .option {width: 95%;color:rgb(0,0,0); float: left;margin:5px}
 #productAttributes select {width:100%}
.attribImg {margin:0.3em 0;width:20%;}

/* Discounts */
#productQuantityDiscounts table { background-color:#210414a1;border:none; margin:10px auto;border-collapse:collapse;}
#productQuantityDiscounts td {border:1px solid rgb(197,197,197);padding:4px;}
 
/* Product listing */
#indexProductList #whatsNew,#indexProductList #featuredProducts,#indexProductList #specialsDefault {display:block}
#indexProductList, #specialsListing, #newProductsDefault, #featuredDefault, #allProductsDefault { /*background-color:rgb(245,245,245); */}
div#indexProductListCatDescription{ /*background-color:#210414a1*/;border-style:solid;border-width:1px;border-color:rgb(193,193,193);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin:10px;padding:5px; }

.centerBoxContentsProducts .productBox{ 
    background-color:#ffd3eb36;
    border-style:solid;
    border-width:1px;
    border-color:rgb(150,150,150); 
    margin:5px;
    padding:5px 5px 10px 5px;
    min-height: 550px;
}
tr.productListing-rowheading th.productListing-heading{ background-color:rgb(121,121,121);border-style:solid;border-width:2px;border-color:rgb(216,216,216); color:rgb(255,255,255);padding:10px;}
tr.productListing-rowheading th.productListing-heading a { color:rgb(255,255,255);}
tr.productListing-rowheading th.productListing-heading a:hover { color:rgb(255, 255, 255);}
.tabTable tr.productListing-odd { background-color:rgb(245,245,245);}
.tabTable tr.productListing-even{ background-color:#210414a1;}
.tabTable tr.productListing-odd td, .tabTable tr.productListing-even td {border-style:solid;border-width:2px;border-color:rgb(216,216,216); font-weight:normal;padding:5px 2px;}
#indexProductList select { background-color:#e2bce7de;border-style:solid;border-width:1px;border-color:rgb(150,150,150); font-size:14px;padding:10px;height:42px; }
#sorter select { background-color:#e2bce7de;border-style:solid;border-width:1px;border-color:rgb(150,150,150); font-size:14px;padding:10px;height:42px; }
#allProductsDefault #gridSorter,#specialsListing #gridSorter,#newProductsDefault #gridSorter,#featuredDefault #gridSorter {display:none}
#gridSorter ul  {list-style-type: none}
#gridSorter li { float: left}
#gridSorter li a {display:inline-block; background-color:rgb(234,234,234);border-style:solid;border-width:1px;border-color:rgb(150,150,150); color:rgb(255, 255, 255); margin:2px 20px 10px 0px;padding:5px; }
#gridSorter li a:hover {background:rgb(255,255,255); -o-transition:color 1.00s ease-out, background 1.00s ease-in; -ms-transition:color 1.00s ease-out, background 1.00s ease-in; -moz-transition:color 1.00s ease-out, background 1.00s ease-in; -webkit-transition:color 1.00s ease-out, background 1.00s ease-in; transition:color 1.00s ease-out, background 1.00s ease-in;color:rgb(255, 255, 255);}
.itemTitle {
    font-size:20px;
   /* min-height: 50px;*/
}



.listingDescription{
    max-height: 70px;
    min-height: 70px;
}
  
  
  
  
.pl-price {
    rgb(252, 196, 233);
    font-weight:normal;
    font-family:'EB Garamond';
    font-size:20px;
    margin:10px 0px 0px 0px;
    position:absolute;
    bottom: 110px;
    width: 95%;
}
.categoryImg {margin:10px}
#productsListingListingTopLinks a,#productsListingListingBottomLinks a { /*background-color:rgb(223,223,223);*/border-style:solid;border-width:1px;border-color:rgb(150,150,150); font-weight:normal; color:rgb(255, 255, 255); margin:5px 0px;padding:5px;display:inline-block;; }
#productsListingListingTopLinks a:hover,#productsListingListingBottomLinks a:hover { color:rgb(255, 255, 255); background:#e2bce769;}
#productsListingListingTopLinks .current,#productsListingListingBottomLinks .current { background-color:#e2bce769;border-style:solid;border-width:1px;border-color:rgb(150,150,150);padding:5px; }
#viewControl {float:left}
.tabTable {padding-right:10px;border-collapse:collapse}
tr.productListing-rowheading th.productListing-heading a:hover { background-color:white;padding:6px}
#sorter select:focus,#indexProductList  select:focus {background-color:#e2bce769;}
#indexProductList form select {margin:0px 10px 15px 0px;float:left}
#gridSorter .sortBy {margin:8px 5px 0px 5px;float:left}
#productsListingListingTopLinks,#productsListingListingBottomLinks {margin:15px 0px }
#productsListingBottomNumber {margin-top:10px}
 
/* Shopping cart */
.faUpdateButton {border:none;background:transparent;cursor:pointer}
.faUpdateButton i {color:rgb(0,128,64);font-size:25px;}
.deleteIcon i {color:rgb(255,0,0);font-size:25px;}
#shoppingCartDefault { }
#cartDefaultHeading{ }
#cartInstructionsDisplay{ /*background-color:#210414a1;border-style:solid;border-width:1px;border-color:rgb(199,199,199);*/-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin:0px 0px 15px 0px;padding:10px; }
.cartTotalsDisplay{ background-color:#210414a1;/*border-style:solid;border-width:1px;border-color:rgb(187,187,187);*/ font-weight:normal; color:rgb(255,255,255); margin:5px 0px;padding:5px 0px; }
#cartContentsDisplay{ }
#cartSubTotal{ font-weight:normal; font-size:18px;margin:5px;padding:0px 68px 0px 0px;float:right; }
#cartContentsDisplay tr.tableHeading th,#cartContentsDisplay tr.cartTableHeading th { background:#4d042cd1; color:rgb(255,255,255);padding:10px; }
#cartContentsDisplay tr.rowOdd,#cartContentsDisplayMobile tr.rowOdd { background-color:rgb(230,230,230); }
#cartContentsDisplay tr.rowEven,#cartContentsDisplayMobile tr.rowEven { background-color:#210414a1;}
#cartContentsDisplay {border-width:0px 0px 2px 0px;border-color:rgb(167,167,167);border-style:solid}
#buttonUpdateAll{float:right}
#cartContentsDisplay {width:100%;border-spacing:0px;}
.cartProductDisplay {min-width:45%}
.buttonUpdateHide i,.buttonUpdateHide  input[type=image] {display:none}
.minUnits {display:inline-block;text-align:center;width:100%;padding:0px 0px 2px 20px}
.fixedQuantity {width:50%;display:inline-block;text-align:right;margin-bottom:12px}
#infoShoppingCart {font-size:1em;padding:10px}
.faUpdateButton { padding-top:18px;}
.cartQuantityTitle, .cartTotalDisplayTitle, .cartUnitDisplayTitle {display:none}
.cartQuantityInput {text-align:center;margin-top:15px}
.cartQuantityInput input {text-align:center}
.cartQuantityUpdate {float:right}
.cartQuantityUpdate input[type=image] {margin-top:14px}
.cartQuantityInput input[type=text] {float:right;width:40px;background:white;border:1px solid;margin-right:10px}
.cartRemoveItemDisplay {float:right;text-align:right;padding:0px 10px 10px 0px}
div.cartTotalValue {float:right;padding:0px 5px 0px 0px}
.cartProdTitle  {display:block;padding-top:10px}
.cartImage {display:block;float:left;margin:5px 10px 0px 10px}
th#scQuantityHeading {text-align:right;padding-right:50px!important}
table.Main td.cartQuantity,table.Main td.cartTotalDisplay {padding-top:25px}
.cartUnitDisplay, .cartTotalDisplay {text-align:right}
.cartAttribsList ul {list-style-type: none;margin-left:10px}
#checkoutConfirmDefault #cartContentsDisplay td {padding:5px}
#ccTotalHeading {text-align:right}

/* Shipping Estimator */ 
#shippingEstimatorContent{ /*background-color:rgb(245,245,245);border-style:solid;border-width:1px;border-color:rgb(166,166,166);*/ margin:5px;padding:10px 30px; }
#shippingEstimatorContent table { /*background-color:rgb(247,247,247);background: -moz-linear-gradient(top,rgb(247,247,247),rgb(255,255,255));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(247,247,247)), to(rgb(255,255,255)));background: -webkit-linear-gradient(top,rgb(247,247,247),rgb(255,255,255));background: -ms-linear-gradient(top,rgb(247,247,247),rgb(255,255,255));background: -o-linear-gradient(top,rgb(247,247,247),rgb(255,255,255));background: linear-gradient(rgb(247,247,247),rgb(255,255,255));*/ margin:10px 0px;border-collapse:collapse; }
#shippingEstimatorContent table td,#shippingEstimatorContent table th{padding:10px;border-style:solid;border-width:1px;border-color:rgb(252, 196, 233);}
.seDisplayedAddressLabel{ background-color:#4d042cd1; }
#shoppingcartBody #shippingEstimatorContent {clear:both;}
.seDisplayedAddressLabel {text-align:center}
.seDisplayedAddressInfo {text-transform: uppercase;text-align:center;font-weight:bold;}
#shippingEstimatorContent table { border-spacing:1px;width:100%;}
#shippingEstimatorContent form {margin:0} 
#seShipTo {padding:0;margin:0;float:none}
 
/* Forms */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(255,0,0); opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(255,0,0)}
::-ms-input-placeholder { /* Microsoft Edge */ color: rgb(255,0,0)}
.alert {color: rgb(255,0,0)}
.centerColumn fieldset{ border-style:solid;border-width:1px;border-color:rgb(252, 196, 233); margin:10px 0px 0px 0px;padding:15px 5px 5px 5px; }
.centerColumn legend{ background-color:#e2bce769; font-size:19px; color:rgb(255,255,255);padding:0.3em;display:table; border-radius: 8px;margin-left:1em;}
.centerColumn label{text-align: right; }
.centerColumn input[type=tel],.centerColumn input[type=text],.centerColumn input[type=password],.centerColumn input[type=email],.centerColumn select{ font-size:18px; margin:0px 0px 15px 0px;padding:2px 4px; }
.centerColumn input:focus,.centerColumn select:focus{ }
.centerColumn textarea{ margin:auto;display:block;width:95%; font-family:'EB Garamond';}
TABLE{width:100%}
#orderTotals, TR.tableHeading {background:rgba(252, 196, 233, 0.54);padding:5px}
#accountHistInfo TD, #checkoutSuccess TD {text-align:center}
#headingDownloads {text-align:center;color:green}
FORM, SELECT, INPUT {display: inline; margin: 0.1em; font-family:'EB Garamond';}
.centerColumn form {display:block}
LABEL, h4.optionName { padding: 0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; }
LABEL.inputLabel { width: 9.5em; float: left; }
LABEL.inputLabelPayment { width: 14em; float: left; padding-left: 2.5em; }
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 11em; float: left; }
#checkoutPayment LABEL.radioButtonLabel { font-weight: bold; }
P, ADDRESS { padding: 0.5em; }
ADDRESS { font-style: normal}
.centerColumn form input[type=checkbox],.centerColumn form input[type=radio] {margin:0px 0px 20px 20px}
#checkoutShipAddressDefault form input[type=radio] {margin:0px 0px 0px 5px}
#checkoutShipAddressDefault #defaultSelected label,#checkoutShipAddressDefault .moduleRow label {background:rgb(255,255,255)}
#checkoutShipAddressDefault address  {margin-bottom:30px;background:rgb(255,255,255)}
#checkoutPayAddressDefault form input[type=radio] {margin:0px 0px 0px 5px}
#checkoutPayAddressDefault #defaultSelected label,#checkoutPayAddressDefault .moduleRow label {background:rgb(255,255,255)}
#checkoutPayAddressDefault address {margin-bottom:30px;background:rgb(255,255,255)}
.instructions {background:white;display:inline-block;padding:10px;margin:0px 5px;clear:both} 

/* Warnings, errors, messages */
.messageStackWarning { background-color:rgb(23,23,23   );border-style:solid;border-width:4px;border-color:rgb(255,0,0);box-shadow:2px 2px 2px rgba(0,0,0,0.5); color:rgb(255,255,255); margin:10px;padding:15px;line-height:1.8em; }
.messageStackError { background-color:#210414a1;border-style:solid;border-width:4px;border-color:rgb(255,0,0);box-shadow:2px 2px 2px rgba(0,0,0,0.5); margin:10px;padding:15px;line-height:1.8em; }
.messageStackCaution { background-color: rgb(216, 216, 216);
border-style: solid;
border-width: 4px;
/*border-color: rgb(255,128,0);*/
box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);
color: rgb(112, 0, 0);
margin: 10px;
padding: 15px;
line-height: 1.8em; }
.messageStackSuccess { background-color:rgb(153,255,153);border-style:solid;border-width:4px;border-color:rgb(48,192,66);box-shadow:2px 2px 2px rgba(0,0,0,0.5); color:rgb(0,0,0      ); margin:10px;padding:15px;line-height:1.8em; }
.messageStackWarning i{ font-size:25px; color:rgb(255,0,0    );}
.messageStackError i{ font-size:25px; color:rgb(255,0,0    );}
.messageStackCaution i{ font-size:25px;}
.messageStackSuccess i{ font-size:25px; color:rgb(0,0,0      );}
#prevOrders TH {text-align:left;padding-left:10px}

/* Back to top */ 
#BackToTop {float:left;display:none;position:fixed;top:90%;right:10px;z-index:99999; background-color:rgb(64,64,64   );border-style:solid;border-width:1px;border-color:rgb(134,134,134);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:16px; color:rgb(255,255,255);padding:2px 10px 5px 10px; }
#BackToTop:hover { background-color:#210414a1; color:rgb(0,0,0      );}

/* Basic elements*/
SELECT {height:30px}

.clearBoth {clear:both;}
HR {border:none;border-bottom:1px solid #dbdbce;margin-bottom:30px;margin-top:30px;}
.content {word-wrap:break-word; margin:0.8em;text-align: justify;}

/* Warnings, errors, messages */
.messageStackCaution img{vertical-align:middle;margin-right:10px;}

/* Wrappers */
 .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { 
    text-align: center;
    position: relative;
}
#sendSpendWrapper {margin:0em 0em 1em 1em;border:1px solid #cacaca;float:right;}
 #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin:0;width:47%;}
.floatingBox {width:47%}
.wrapperAttribsOptions {margin:0.3em 0em;}


/*  Navigation */
.navNextPrevCounter {margin:0;font-size:0.9em;}
.navNextPrevList {margin:0;padding:0.5em 0em;display:inline;white-space:nowrap;list-style-type:none;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}
#navMain ul, #navSupp ul, #navCatTabs ul { list-style-type: none; text-align: center}
#navMain ul li,#navCatTabs ul li { display: inline; }

/* Main content */
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {vertical-align:top;}
.alert {margin-left:0.5em}
.important {font-weight:bold;}
.gvBal {float:right;}
 #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {padding:0.8em;margin-top:10px;}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {font-size: 0.9em;}

/* Image display */
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin:0 1em 1em 0;}

/* List box contents */
 .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsAlsoPurch {margin: 1em 0;}

/* bof misc */
.smallProductImage img {margin:10px}
#gvFaqDefaultMainContent a, #siteMapList li a, #accountLinksWrapper li a {line-height:30px}
.back {float:left;}
.forward, #shoppingCartDefault #PPECbutton {float:right;}
.bold {font-weight:bold;}
.hiddenField {display:none;}
.visibleField {display:inline;}
#myAccountGen li, #myAccountNotify li {margin:0;} 
.accountTotalDisplay, .accountTaxDisplay {width:20%;text-align:right;}
.accountQuantityDisplay {width:10%;vertical-align:top;}
#siteMapList {width:90%;float:right;}
.ratingRow {margin:1em 0 1.5em 0;width:90%;}
LABEL#textAreaReviews {font-weight:normal;margin: 1em 0;}
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background:none;}
.information {padding:10px 3px;}













/* title graphic */
.title {  
  display: flex;
  align-items: center;
  justify-content: center; 
  font-size: 50px;
  font-family: cinzel;
}

.title img {
  width: 90%;
  height: auto;
}


  
  .grid-1 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "t     t     t     d2      d7      d8"
                         "t     t     t     d4      d11     d12"
                         "t     t     t     d19     d9      d13"
                         "d6    d1    d24   d24     d21     d20"
                         "d17   d18   d24   d24     d5      d22"
                         "d3    d23   d16   d14     d10     d15";
    display: grid;
    background-image: url('/public_html/cylinia/images/livres/AIN/calendrier/fond.png');

  }
  



/* individual items */
  .title {
    grid-area: t;
  }
  
    .blank {
    grid-area: b;
  }
  

  .day-1 {
  grid-area: d1;
  }
  

  .day-2 {
    grid-area: d2;
    padding-top:1em;
  }

  .day-3 {
    grid-area: d3;
    padding-top:1em;
  }

  .day-4 {
    grid-area: d4;
    padding-top:1em;
  }

  .day-5 {
    grid-area: d5;
    padding-top:1em;
  }

  .day-6 {
    grid-area: d6;
    padding-top:1em;
  }

  .day-7 {
    grid-area: d7;
        padding-top:1em;
  }

  .day-8 {
    grid-area: d8;
        padding-top:1em;
  }

  .day-9 {
    grid-area: d9;
    padding-top:1em;
  }

  .day-10 {
    grid-area: d10;
    padding-top:1em;
  }

  .day-11 {
    grid-area: d11;
    padding-top:1em;
  }

  .day-12 {
    grid-area: d12;
    padding-top:1em;
  }

  .day-13 {
    grid-area: d13;
    padding-top:1em;
  }

  .day-14 {
    grid-area: d14;
    padding-top:1em;
  }

  .day-15 {
    grid-area: d15;
    padding-top:1em;
  }

  .day-16 {
    grid-area: d16;
    padding-top:1em;
  }


  .day-17 {
    grid-area: d17;
    padding-top:1em;
  }

  .day-18 {
    grid-area: d18;
    padding-top:1em;
  }

  .day-19 {
    grid-area: d19;
    padding-top:1em;
  }

  .day-20 {
    grid-area: d20;
    padding-top:1em;
  }

  .day-21 {
    grid-area: d21;
    padding-top:1em;
  }
 
  .day-22 {
    grid-area: d22;
    padding-top:1em;
  }

  .day-23 {
    grid-area: d23;
    padding-top:1em;
  }
 
  .day-24 {
    grid-area: d24;
    padding-top:1em;
  }



/* door styles */

.grid-1 input {
  display: none;
}



label {
  perspective: 1000px;
  transform-style: preserve-3d;
  cursor: pointer;
  min-height: 100%;
  width: 100%;
}

.door {
  width: 95%;
  transform-style: preserve-3d;
  transition: all 300ms;
  border: 2px dashed transparent;
  border-radius: 2px;
  min-height: 80px;
}



  .door div {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* typography */
    font-family: EB Garamond;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-shadow:2px 2px 0 rgba(255, 0, 0, 0.47);
  }

  .door .back {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
     /* background-color: #2e313d;*/
      transform: rotateY(180deg);
      text-align: center;
  }

  label:hover  {
    border-color: #385052;
  }

  :checked + .door {
    transform: rotateY(180deg);
  }
  
  
  
  
  
  
  /* Nouvelle page du livre*/
  
  
.blockquote {
	font-size: 12pt;
	color:rgb(252, 196, 233);
		text-align: justify;
}

.blockquote div{
  border-left: 4px solid rgb(252, 196, 233);
  padding-left: 20px;
  padding-right: 135px;
}
.blockquote p{
	text-align: right;
	font-style: italic;
color:rgb(252, 196, 233);
  padding-left: 20px;
  padding-right: 135px;
}

.snow {
 /* border: 1px solid rgba(255, 255, 255, 0.1);*/
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 10s linear infinite;
}

/*.snow div {
/*  width: 100%;
/*  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 15s linear infinite;
}*/

@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 300px;
  }
}



/*CSS reels*/

.reels{  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 15px 15px;
  grid-auto-flow: row;
  grid-template-areas:
    "1 special special 2 3"
    ". . . . .";
text-align:center;
}

.special{ grid-area: special; }



/*Amazon, bn, etc*/
.logos {
    text-align:center;
}

.logos img{
    width:7%;
    margin-right:50px;
}


/*Autour du roman*/

.autourduroman {
    display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "gauche milieu droite";
margin-left: 100px;
}

.gauche { grid-area: gauche; }

.milieu { grid-area: milieu; }

.droite { grid-area: droite; }


.milieu-autourduroman{
      display: flex;
  justify-content: center;
  align-items: center;
    clear: both;
}


.image-autourduroman{
display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 75%;
  grid-gap: 0.5rem;
}


 .titre1 {
position:absolute;top:50px; padding: 65px; width:100%;
}

.titre2 {
position:absolute;top:50px; padding: 65px;margin-left: 10%;
}

  .titre3 {
position:absolute;top:50px; padding: 65px;margin-left: 10%;
}

  .titre4 {
position:absolute;top:50px; padding: 65px;margin-left: 10%;
}

.image-autourduroman .image {
  position: relative;
  padding-bottom: 100%;
}

.image-autourduroman .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  left: 0;
  position: absolute;
  top: 0;
}



.image-autourduroman .image img:nth-of-type(1) {
  filter: grayscale(1) brightness(40%);
}

.image-autourduroman .image img:nth-of-type(2) {
  clip-path: var(--clip-start);
  transition: clip-path 0.5s;
}
.image-autourduroman .image:hover img:nth-of-type(2) {
  clip-path: var(--clip-end);
}

.image autourduroman .image a{
color:rgb(0,0,0);
background-color: rgb(255,255,255)
}

a img:hover  {
    transition: .3s ease-in-out;
	opacity: 1;
}

.bonus2{
font-size: 40px;
text-align: center;
padding: 38px;
background-size:cover;
margin-bottom: 5px;
}

.bonus2 a{
color: white;
}






/* Les extraits*/



.corps{
  width: 90%;
  margin: 0 auto;
  max-width: 80rem;
}

.tableau{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.colonne{
  width: 45%;
  margin: 1rem;
  cursor: pointer;
}



.imagesflip{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.flipdevant,
.flipderriere{
  background-size: cover;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
  border-radius: 10px;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	min-height: 500px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
}

.flipderriere{
  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg, #200 0%,#6a4848 100%);
}

.flipdevant:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
   /* background-color: #000;*/
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.imagesflip:hover .flipdevant,
.imagesflip:hover .flipderriere{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flipderriere{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
height: 100%;
overflow: auto;
}

.imagesflip .flipderriere{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.imagesflip .flipedevant{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.imagesflip:hover .flipderriere{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.imagesflip:hover .flipdevant{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flipdevant .inner p{
  margin-bottom: 2rem;
  position: relative;
font-size: 2rem;
overflow: auto;
line-height:1.5;
text-align:justify;
}

.texteinterieur {
  margin-bottom: 2rem;
/*font-size: 12pt;*/
overflow: auto;
line-height:1.5;
text-align:justify;
}

.texteinterieur p{
text-indent: 15px;
}

.texteexterieur {
  margin-bottom: 2rem;
font-size: 2rem;
line-height:1.5;
text-align:center;
margin:3em;
}



.flipderriere .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
 /* background: #C6D4DF;*/
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.flipdevant .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'EB Garamond;
  font-weight: 300;
}