/* Gabarit général */
body{
    font-family:sans-serif;
    font-size:0.9em;
    background:#eee;
    color:#555;
    line-height: 23px;
}

.fonticon{
    font-family:FontAwesome;
}

.fonticonlarge{
    font-size:25px;    
}
.page-monpanier .bloc_classe_interface .module_wrap{max-width:1000px;margin: 20px auto;}

#front {
	position:relative;
	transition: 0.5s;
    -moz-transition: 0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari and Chrome */
    -o-transition: 0.5s; /* Opera */
}

/* Blocs parents */

#header, #middle, #navigation, #fildariane, #footer{
    position:relative; margin : 0 auto;clear:both;text-align:center;
    max-width:1050px;
}


/* Blocs wraps parents */

.wrapper{border:1px solid transparent;}

#header_wrap{background:#fff;}
#navigation_wrap{background:#000;}
#footer_wrap{background:#fff;}


/* classe importantes */

.active1, .green, .ok{background:#0e0;}
.mdp1{background:#0c0;}
.mdp0{background:#ee0;}
.active2, .yellow {background:#ff0;}
.active0, .grey, .ko{background:#777;}
td.active3 {
	background:url(../images/loader_active3.gif) center no-repeat #fa0;
}
td.active4 {
	background:url(../images/loader_active4.gif) center no-repeat #09f;
}
td.active5 {
	background:url(../images/loader_active5.gif) center no-repeat #a00;
}
.red{background:#f00;}
.cleartheline{clear:both;}
.alignleft{float:left;margin:0 20px 20px 0}
.alignright{float:right;margin:0 0 20px 20px}
.aligncenter{display:block;margin:0 auto;}

.module{text-align:left;border:0px solid transparent;}
.module_wrap{margin:10px;background:#fff;padding:20px;border:0px solid transparent;position:relative;}

/* Largeurs */

div.untiers,div.deuxtiers,.undemi,div.undemi,div.unquart,div.troisquart,div.uncinquieme,div.unsixieme,div.bloc_galerie div.fichier,div.fichier-list div.fichier{
    box-sizing: border-box;
    display:inline-block;
    vertical-align:top;
    margin:0;
    position: relative;
}

div.untiers{
    width:33%;
}

div.deuxtiers{
    width:66.3%;
}

div.undemi,div.deuxquarts,.undemi{
    width:49.8%;
}


div.unquart,div.bloc_galerie div.fichier,div.fichier-list div.fichier{
    width:24.67%;
}

div.troisquart{
    width:74.9%;
}

div.uncinquieme{
    width:16.3%;
}
div.unsixieme{
    width:16.2%;
}

/* Position images */
div.untiers img.saezam,div.unquart img.saezam,div.undemi img.saezam{float:none;margin:10px auto ;display:block;}
div.untiers img.dim1{float:left;margin : 0 10px 0 0;}


/* Titres */

h1.titrepicto{text-align:left;padding:1%;margin-bottom:0; text-align:center;}
h1{font-size:2em;margin-bottom:30px;}
h2{font-size:1.8em;margin-bottom:20px;}
h3{font-size:1.6em;margin-bottom:17px;}
h4{font-size:1.4em;margin-bottom:15px;}
h5{font-size:1.2em;margin-bottom:10px;}
h6{font-size:1em;margin-bottom:5px;}

/*paragraphes*/

div.untiers,div.unquart{text-align:center;}
b,strong{font-weight:bold;}
p,ul,ol,dl,table{margin-bottom:20px;}
p{text-align:justify;}
li{margin-bottom:10px;}
p.petit {font-size:12px;}


/*fichiers*/
div.bloc_galerie div.fichier,div.fichier-list div.fichier{text-align:center;}
img.saezam{margin:20px;border:5px solid #fff;box-shadow:2px 2px 2px rgba(0,0,0,0.2)}
img.youtube {max-width:250px;}
img.saezam.alignleft{margin-top:0; margin-left:0;}
img.saezam.alignright{margin-top:0; margin-right:0;}

/*
a.lightbox {position:relative;display:inline;}

a.lightbox:after{
display:block;
content:url(../images/loupe.png);
position:absolute;
left:50%;top:50%;
width:40px;
height:40px;
margin-left:-20px;
margin-top:-20px;
background:rgba(0,0,0,0.8);
transition: all  0.2s ease-in-out;
line-height:50px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-radius:5px;
text-align:center;
}

a.lightbox:after{}
a.lightbox:hover:before{
box-shadow:inset 0 0 200px 0px rgba(0,0,0,0.8);
}

a.lightbox:hover:after{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

*/

/*Tableau*/

table{width:100%;margin-bottom:30px;border:1px solid #aaa;}
table tr:nth-child(odd){
   background:#f6f6f6; 
   
}
table.notdeployed table{display: none;}
table.notdeployed tr{display:none;}
table.notdeployed tr:first-of-type{display:table-row;}
td.deployed{width:150px;}
table.choixpersonnalisation{margin-bottom:0;}
.core_core table tbody{outline:0.2px solid #ccc;}
td,th{padding:10px;border:1px solid #ccc;}
td.sousliste {padding:0 0 0 50px;;border-left:1px solid #eee;}
/*Formulaires */
label{min-width:100px;width:30%;display:inline-block;text-align:right;text-transform:uppercase;box-sizing: border-box;vertical-align:top;line-height:normal;margin-right:10px;padding-top:10px;}
input[type="text"],input[type="email"],form input[type="text"],form select,form input[type="email"],form input[type="password"],form textarea{background:#eee;border-radius:5px;min-width:100px;margin:0 5px; width:60%;display:inline-block;text-align:left;box-sizing: border-box;padding:10px;border:1px solid #ccc;vertical-align: top;}
form input[type="text"]:focus,form select:focus,form input[type="email"]:focus,form input[type="password"]:focus,form textarea:focus{background:#fff;}

form input[type="submit"]{margin-left:10px;background:#333;color:#fff;border:0;padding:5px 20px;font-size:15px;text-transform:uppercase;box-sizing: border-box;}
form input[type="submit"]:hover{background:#000; cursor:pointer;}
form textarea{min-height:200px;}


/* Liens */
a {
    color:#333;text-decoration:none;
}
a:hover{
    color:#999;
}
a.bouton{
	transition: 0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
    background:#333;display:inline-block;padding:10px 15px;color:#fff;text-shadow:1px 1px 1px #000;box-shadow:2px 2px 2px rgba(0,0,0,0.2);border-radius:20px;
}
a.bouton:hover{
    background:#666;    
}
div.bouton{text-align:center;padding:20px 0;}


/* listes */


ol li{ list-style:number;margin-left:20px;}
ul li{ list-style:disc;margin-left:20px;}
form ul li,#menumobile li{ list-style:none;margin-left:0px;}


/*Ilot Slider*/


 .imagetitre .module_wrap{  
	overflow:hidden;
     padding:0;
 }
.imagetitre h2{
    position:absolute;
    z-index:2;
     bottom:0px;
    left:0px;
     margin:0;
     padding-bottom:10px;
     background:rgba(0,0,0,0.3);
     width:80%;
    color:#fff;
     text-align:right;padding:10%;
     transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
}
#middle .imagetitre h2 a {color:#fff;}
#middle .imagetitre div.html{display:none;}
#middle .imagetitre div.html{display:none;}
#middle .imagetitre img.saezam{display:block;border:0;width:100%;height:auto;margin:0 auto;
-webkit-transition: -webkit-transform 0.2s ease-in-out;/* Utilisé pour la transition sur chrome et safari */
    -moz-transition: -moz-transform 0.2s ease-in-out;/* Utilisé pour la transition sur Firefox */
    transition: transform 0.2s ease-in-out;
}

#middle .imagetitre:hover h2{padding-bottom:80px;background:rgba(0,0,0,0.8);}
#middle .imagetitre a.bouton{position:absolute;opacity:0;bottom:0;right:100%;z-index:2;min-width:300px;}
#middle .imagetitre:hover a.bouton{min-width:0;opacity:1;}
#middle .imagetitre:hover img.saezam{
-webkit-transform: scale(1.2) rotate(-3deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
    -moz-transform: scale(1.2) rotate(-3deg);
    -o-transform: scale(1.2) rotate(-3deg);
    transform: scale(1.2) rotate(-3deg);
    z-index:1;
}

/* Sidebar, middle */
#sidebarL,#sidebarR,#middle{ box-sizing: border-box;}
#sidebarL_wrap,#sidebarR_wrap{display:inline-block;width:25%;vertical-align:top;}
#sidebarL .module_wrap,#sidebarR .module_wrap{background:#fff;}
#center.miseenpage-2 #middle_wrap,#center.miseenpage-3 #middle_wrap{display:inline-block; width:73%}
#center{text-align: center;vertical-align:top;}


/*Articles*/


.cp-text,.ville-text{display:inline-block;}
.tel1-text:before,.tel2-text:before{content:"tél : ";}
.fax-text:before{content:"fax : ";}
.email-text:before{content:"email : ";}
.mobile-text:before{content:"mobile : ";}

/* Produits */

.produitliste.untiers{background:#fff;padding:10px;margin:1%;position:relative;}

@media only screen and (min-width:600px) {
    .produitliste.untiers{width:calc(100% / 3 - 2% - 4px);}
}

/*Paiement */
#infopaiement{text-align:center;max-width:800px;width:100%;}
#infopaiement .backcommande{float:left;}
#infopaiement h1{font-size:1.5em}
#infopaiement #li-create_saezam{float:right; list-style: none;}
#infopaiement p{text-align:center;}
#infopaiement a.bouton.externe{margin:20px;}
/*Clignoter */
.clignoter{
    animation : clignotement 0.5s;
}
    
@keyframes clignotement{
    0%   {opacity:1;}

	25%  {opacity:0;}

	50%  {opacity:1;}

	75%  {opacity:0;}

	100% {opacity:1;}
 }

body.menufixed #navigation_wrap{position:fixed;top:0;left:0;width:100%;z-index:4;}
body.menufixed.opened #navigation_wrap{width:calc(100% - 200px);}
body.menufixed #header_wrap{margin-bottom:50px;}

.bloc_classe_interface .total_ligne,.prix{color:#333;font-size:20px;font-weight:bold;}

.article div.fichier{float:left;}
div.untiers div.fichier,div.unquart div.fichier,div.undemi div.fichier{float:none;display:block;}

#commandeform{background:#eee;padding:20px; text-align: center;}
#commandeform label{width:100px;}
#commandeform div.bouton{padding:10px 0 0 0;}
#commandeform ul.personnalisation{margin-bottom:0;}

#primary{text-align: center;}
#primary .undemi{text-align:center;padding:2%;margin:1%;background:#fff;width:47%;min-height:270px;border:1px solid #ddd;}
#primary .undemi input[type='text'],#primary .undemi input[type='email']{max-width:200px;}
#primary #livraison_selection{background:#fff; text-align:center;padding:2%;margin:2%;border:1px solid #ddd;}
div.confirmation_commande{text-align: center;margin:20px 0; background:none;}
#primary #paiement_selection {text-align: left;}
#primary #paiement_selection li{vertical-align: middle;}
#primary #paiement_selection h2{text-align: center;}
#primary #paiement_selection img.saezam{display:inline-block;width:80px;height:auto;margin:0 10px 0 0;padding:0;vertical-align: middle;}
#primary #paiement_selection label{max-width:200px;line-height: normal; text-align: left;font-size:12px;display:inline-block;vertical-align: middle;}
#primary #paiement_selection input[type='checkbox']{display:inline-block;vertical-align: middle;}


#primary #livraison_selection .undemi{border:none;padding:0;min-height:unset;}
#primary #livraison_selection li{vertical-align: middle;}
#primary #livraison_selection h2{text-align: center;}
#primary #livraison_selection img.saezam{display:inline-block;width:80px;height:auto;margin:0 10px 0 0;padding:0;vertical-align: middle;}
#primary #livraison_selection label{max-width:200px;line-height: normal; text-align: left;font-size:12px;display:inline-block;vertical-align: middle;}
#primary #livraison_selection input[type='checkbox']{display:inline-block;vertical-align: middle;}
#primary #livraison_selection #infoadresse{margin:20px 0 0 0 ;}
#primary #livraison_selection #adresselivraison{width:100%}

table.livraison{border-collapse: collapse;max-width:450px;color:#fff;margin:20px auto;}
#total_panier_aveclivraison{font-size:25px;}
table.livraison th{background:#333333;border:0;border-bottom:1px solid #fff;}
.moyenpaiementhtml{max-width:800px;}
.undemi.liste{width:45%; text-align: center;margin:2%;}
.undemi.liste div.fichier{float:none; text-align: center;}

.bloc_tabs .titre_ul{text-align: center;}
.bloc_tabs .titre_ul li{display:inline-block;margin:0;}
.atab{display:block;background:#FFF;color:#333;padding:10px;margin:0;}
.atab.current{display:block;background:#333;color:#fff;padding:10px;margin:0;}




div.youtubeliste{outline:1px solid #eee;background:#fff;}
div.youtubeliste img.saezam{max-width:80%;}


p.auteur{display:none;}

#whenpanierfilled #li-create_saezam{display:none;}
#okpaiement{float:right;}

#nav-social:before{content:"";pointer-events: none;background:url("../images/share/puce_menu.png");width:74px;height:39px;display:block;position:absolute;top:-25px;left:50%;margin-left:-38px;z-index:5;}


.commentaire .userinfo {padding:0 20px;}
div.commentaire_section div.deuxtiers {padding:10px; background: #eee;}
.commentaire {margin-bottom:20px;}

#header .bloc_logo{float:left;}
#header .bloc_logo .module_wrap{background:none;margin:0;padding:0;}

#header .bloc_langue{float:right;clear:right;}
#header .bloc_langue .module_wrap{background:none;}

#header .bloc_searchform{float:right;background:none;clear:right;}
#header .bloc_searchform .module_wrap{background:none;padding:0; text-align: right;margin:5px 0;}
#header .bloc_searchform input[type=text]{width:250px;}

#header .bloc_user_connect{float:right;background:none;clear:right;}
#header .bloc_user_connect .module_wrap{background:none;padding:0;}
#header .bloc_user_connect .module_wrap{margin:0;padding:0; line-height: 40px;}
#header .bloc_user_connect .module_wrap h2{font-size:15px;display:inline-block;margin:0;}
#header .bloc_user_connect .module_wrap ul{display:inline-block;padding:0;margin:0;}
#header .bloc_user_connect .module_wrap ul li{list-style: none;display:inline-block;padding:0;margin:0;}
#header .bloc_user_connect .module_wrap ul li a{display: inline-block;padding:0px 5px;}

.userphoto{display: inline-block;}

#header .bloc_panier{
	float:right;clear:right;
	width:150px;
	transition: all  0.2s ease-in-out;background:none;
}
#header .bloc_panier .module_wrap{padding:0;}
#header .bloc_panier h2{font-size:15px;float:left;}

#header .bloc_langue{
    float:right;
    margin:2px;
    padding:0;
	background:none;
    position:relative;
    z-index:10;
}

#reseausociauxcote{position: fixed;left:0;top:20%;z-index:5;}
#reseausociauxcote li {list-style:none;margin:0 0 5px 0;}
#reseausociauxcote img {width:40px;}
#reseausociauxcote li a{border-radius: 0 30px 30px 0;display:block;width:45px;padding-left:0;
	transition: 0.2s;-moz-transition: 0.2s; /* Firefox 4 */-webkit-transition: 0.2s; /* Safari and Chrome */-o-transition: 0.2s; /* Opera */
box-shadow: 3px 3px 3px rgba(0,0,0,0.2)}
#reseausociauxcote li a:hover{padding-left:20px;}
#reseausociauxcote li a.emaillink{background:#669C41;}
#reseausociauxcote li a.facebooklink{background:#3C5B9B;}
#reseausociauxcote li a.instagramlink{background:#353535;}
#reseausociauxcote li a.twitterlink{background:#2DAAE1;}
#reseausociauxcote li a.googlelink{background:#F63E28;}
#reseausociauxcote li a.youtubelink{background:#B62025;}



.etapes_ul{ text-align:center; vertical-align: middle;margin-bottom:50px;}
.etapes_ul li{list-style:none; display:inline-block;padding:0;margin:0;}
.etapes_ul li a {display:inline-block;border:1px solid #333;padding:5px 10px;}
.etapes_ul li a.current{background:#333;color:#fff;}
.etapes_ul li:after{content:"";width:20px;height:1px;display: inline-block;border-top:1px solid #f00;margin:0 6px;}
.etapes_ul li:last-child:after{display:none;}


.tab_ul{ text-align:center; vertical-align: middle;margin-bottom:20px;}
.tab_ul li{list-style:none; display:inline-block;padding:0;margin:0;}
.tab_ul li a {display:inline-block;background:#333;color:#fff;padding:15px 20px;}
.tab_ul li a.current{background:#666;color:#fff;}
.tab_ul li:last-child:after{display:none;}

.etapes_div{clear:both; text-align:center; list-style:none;}
.etapes_div ul li{list-style:none;}
.etapes_div div.confirmation_commande,.etapes_div div.coordonnees_commande,.etapes_div #paiement_selection,.etapes_div div.coordonnees_commande{
    text-align: center;
    display:block;
    width:auto;
}
.etapes_div #coordonnees_selection{max-width:600px;margin:20px auto}
.etapes_div .moyenpaiement_liste li{width:40%;display: inline-block; text-align: center;}
.etapes_div .moyenpaiement_liste li label{text-align:center; line-height:normal;width:auto;max-width:none;}
.etapes_div .moyenpaiement_liste input[type='radio']{display:block;margin:0px auto;}
.etapes_div label{max-width:150px;vertical-align: middle;}
.etapes_div #coordonnees_selection p{text-align: center;margin-top:30px;}






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

.titre_fond_wrap{background:#666;height:175px;}
.titre_fond{max-width:1050px; margin:0 auto;}
.titre_fond img.saezam{float:left;border:0;box-shadow: none;}
.titre_fond h1{color:#fff;padding-top:50px;margin-bottom:0;}
.titre_fond p{color:#aaa;}


#gotothetop{position:fixed;width:70px;height:70px;display: block;bottom:50px;right:50px;z-index:50;background:url(../images/flecheblanche.png);opacity:0.5;}
#gotothetop:hover{opacity:0.8;}
.opened #gotothetop{right:250px;}


div.feuillet {}
div.feuillet h3{border-bottom:1px solid #000;padding-bottom:20px;}
div.feuillet .jour{font-weight:bold; text-transform: capitalize;font-size:18px;}
div.feuillet .numjour{font-weight:bold; text-transform: capitalize;font-size:70px;line-height:normal;}
div.feuillet .mois{font-weight:bold; text-transform: capitalize;font-size:18px;border-bottom:1px solid #000;padding-bottom:20px;}
div.feuillet .undemi{width:45%;padding:20px 0;font-weight:bold;font-size:20px;}

div.feuilletplan{position: relative;}
div.feuilletplan h3{border-bottom:1px solid #000;padding-bottom:20px;}
div.feuilletplan .jour{font-weight:bold; text-transform: capitalize;font-size:20px;}
div.feuilletplan .numjour{font-weight:bold; text-transform: capitalize;font-size:110px;line-height:normal;}
div.feuilletplan .mois{font-weight:bold; text-transform: capitalize;font-size:20px;border-bottom:1px solid #000;padding-bottom:20px;}
div.feuilletplan div.unquart .undemi{width:45%;padding:20px 0;font-weight:bold;font-size:20px;}
div.feuilletplan div.undemi{padding:20px;}
div.feuilletplan.liste div.plan{margin-top:60px;}
div.feuilletplan.article div.plan{margin-top:20px;}

h1,h2,h3,h4,h5,h6{
  line-height:normal;
}

.zoom:after{content:"";display:block;clear: both;}
#content-popupPanier{width:450px;max-width:100%;}
.produitzoom .galerie img.saezam{margin:0;}
.produitzoom .galerie{margin-bottom:20px;text-align: center;}
.produitzoom .galerie .dim1{float:none;display: inline-block;}
.produitzoom .galerie .fichier{display: inline-block;}
ul.caracteristiques li{width:46%;display:inline-block;padding:5px 10px;}
ul.caracteristiques li:before{content:"> ";color:#106FB4}

.lienprecedentsuivant{clear: both;height:50px;}
.lienprecedent{float:left;}
.liensuivant{float:right;}

.titrelightbox{text-align: center;margin:30px;}

.tabsul {text-align: center;margin:20px 0;}
.tabsul li{display: inline-block;}

.personnalisation h3{margin-top:20px;}


.inverse .module_wrap{background:#000;color:#fff;}




.galleriffic_gallery img{max-width:100%;}
.galleriffic_thumbs li{display: inline-block;width:calc(100% / 3 -2px);padding:0;margin:0;text-align: center;}
.galleriffic_thumbs li img{max-width:100px;max-height:60px;}
.galleriffic_thumbs {text-align: center;}
.galleriffic_gallery .slideshow-container .slideshow{height: 33vw;min-height:200px; margin-bottom:20px;background-size:contain; background-repeat:no-repeat; background-position:center;}



.youtubeplay:after{content:url(../images/play.png);
    display: block;position: absolute;top:50%;left:50%;width:75px;height:75px;z-index:10;margin-top:-37px;margin-left:-37px;
}

.evenement{padding:0;}
.evenement div.html{display:none}
.evenement.expanded div.html,.evenement.expanded div.plan{display:inline-block}
.evenement div.plan{max-height:127px;overflow:hidden;float:right;display:inline-block;width:200px;}
.evenement  div.ville{display:inline-block;font-size:25px; vertical-align:middle;margin:25px;text-transform:uppercase;}
.evenement  div.lieu{float:right;display:inline-block;font-size:25px;margin-left:25px;margin-top:64px;vertical-align:middle;color:#85241D;}
.evenement div.html{padding:50px;}
.evenement  div.datepostit{display: inline-block;background:#fff;padding:10px;text-align: center;width:110px;vertical-align:middle;}


.evenement  div.datepostit .jour{font-weight:bold; text-transform: capitalize;font-size:18px;color:#85241D;}
.evenement  div.datepostit .numjour{font-weight:bold; text-transform: capitalize;font-size:70px;line-height:normal;color:#85241D;line-height:60px;}
.evenement  div.datepostit .mois{font-weight:bold; text-transform: capitalize;font-size:18px;border-bottom:1px solid #000;padding-bottom:0px;}

div.document{border:1px solid #ccc;background:#eee;padding:10px;margin-bottom:5px;}
.document h2{margin:0;font-size:20px;}

div.inforgpd{padding:20px;font-size:10px;}



#footerrgpd{position: fixed;bottom:0;left:0;width:100%;z-index:200;text-align:center;background:#333;color:#ddd;padding:10px 40px 10px 10px;box-sizing:border-box;font-size:12px;line-height:normal}
body.opened #footerrgpd{width:calc(100% - 220px)}
#footerrgpd a{color:#fff;}
#footerrgpd a.closea{position: absolute;top:10px;right:20px;font-weight:bold;}