a/* Reset RIZ-7 */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*fovnt-size:100%}
legend{color:#000}
a{text-decoration:none}
*{font-family: 'Arial', sans-serif}
/* Quand Alban est la tout va */
body{background:url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/symphony.png)}
#filleur{border-bottom:solid 2px pink;background:#636363}
#filleur nav{width:950px;font-size:12px;margin:auto;padding:8px 0 9px;text-align:right}
#filleur nav a{padding:0 2px;color:#fff}

main{width:1000px;margin:0 auto;padding:100px 10px 10px;background:#fff;border-right:solid 1px pink;border-left:solid 1px pink}
.vic{border:solid 3px #636363;margin:50px 0 100px;padding:10px 0;border-radius:10px;text-align:center}
h1,h2{background:#fff;margin:-1.1em auto 10px;font-size:2em;display:table;padding:0 25px;color:#636363;font-family:'Rancho', cursive;text-align:center}
h1{font-size:2.5em;margin-bottom:40px}
#description{margin:40px}

.cadeau{width:300px;display:inline-block;background:#fff;border:dotted 1px pink;margin:10px}
  .cadeau,.surprise{display:none} /* Pour le tri */
.cadeau img{cursor:pointer}
  .cadeau button,.formres button{width:100%;height:2em;margin-top:10px;background:pink;border:none;cursor:pointer;font-size:1.8em}
.cadeau button span,.formres button span{font-family:'Rancho', cursive;display:block}
.cadeau button span,.formres button span{margin:2px}
.cadeau button span:hover,.formres button span:hover{color:#fff}
  .cadeau h3, .cadoffert .nom{font-family:'Rancho', cursive;font-size:1.5em;margin:0 0 10px;color:#636363}
.prix{float:right;text-align:center;margin:0 5px 5px 10px;font-family:'Rancho', cursive;font-size:1.5em}
.envp{display:block;font-size:0.5em}
.nondispo .nondispoimg{display:block !important;position:relative;top:-487px;margin-bottom:-487px;cursor:default}
.non{visibility:hidden}
.com{text-align:justify;height:75px;padding-left:5px}
  #pasvic,#trier,.center,.plusi{text-align:center!important}
  #trier em,#triage table i,.plusi{cursor:pointer}
#triage{display:none;padding:5px}
#triage table{border-bottom:dotted 1px pink;border-top:dotted 1px pink;margin:auto;padding:5px;cursor:auto}
#triage td{padding:3px}
.flleft{float:left;margin:0 10px 10px 0}
.white-popup .prix{margin-top:20px;font-size:1.8em}
  .ouacheter,.motpar,.formres{text-align:left}
.white-popup h3{color:#636363;font-family:'Rancho';font-size:1.5em;margin-top:15px}
.formres{clear:both;margin-top:25px}
.white-popup p{padding:5px 70px 15px;text-align:justify}
/*.expli:hover{height:350px;transition:height 1s ease-out}
.expli{margin:10px auto;overflow:hidden;height:35px;transition:height 1s ease-out}*/
.plusi{margin-top:-1.5em}
.formres hr{width:55%;border:0;border-top:4px double #636363;padding:10px;font-size:0px}
  .formres input,.formres option,.formres select{font-family:'Rancho';border:0;background:pink;padding:0 4px}
  .formres input,.formres select{font-size:1.5em;text-align:center}
.formres form p{line-height:2.5em}
.formres button{width:70%;margin:0 auto;text-align:center}
#reorga {width:600px;background:yellow;margin:20px auto}
#reorga li{margin:0 5px 5px 0;display:block;float:left;width:180px;height:220px;border:dotted 1px pink;text-align:center}
#reorga li img{height:180px;width:180px}
#reorga li p{height:31px;margin:-5px 0 0;padding-top:10px;background:#fff}
a{color:#000}
.white-popup a{border-bottom:1px dotted pink}
#reorga a:hover{color:pink}

ul#reorga.offert li.cadoffert{width:100%;text-align:left;height:180px}
ul#reorga.offert li.cadoffert p{margin:0}
.cadoffert img.gauche{float:left}

footer{border-top:solid 2px pink;background:#636363}
footer p{width:950px;font-size:12px;margin:auto;padding:8px 0 9px;text-align:center;color:#fff}

/* ajout produit */
#ajout{width:750px;margin:50px auto}
  #ajout table,#ajout input{width:100%}
#ajout td{padding:8px 25px 5px 5px;vertical-align:top}
#ajout td input{text-align:left}
#ajout td textarea{font-family:Rancho;border:1px solid pink;width:100%;height:5em;padding:5px;font-size:1.5em;resize:vertical;background:pink}
#ajout .aideform{width:30%;font-style:italic;font-size:0.8em;padding-top:20px}
.cke {border:2px solid pink !important}
#ajout .center{margin-top:20px}

#popup-attente{font-size:4em;color:#fff;text-align:center}
#ajouternewprod{margin:50px;display:none}
#ajouternewprod a{color:#000;border-bottom:dotted 1px pink}

#filleur{color:#fff}
.intitule{margin-left:20px}

/* Magnific PopUp */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  margin: 50px auto; 
  width: 800px;
  border-color:pink
}
.white-popup h2{border-radius: 10px;
    max-width: 600px;}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}