html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{ background:transparent; border:0; outline:0; padding:0; margin:0; }
html,body{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size:1em; width:100%; height:100%; color:#1a1a1a; }
img, div, input, textarea, .bouton a, #navigation ul#menuSocial li a{
-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}
body {overflow-x:hidden; }
.clearfix:after{ clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
/*###################################################### OVERALL ########################################################################*/
#navigation{ background:#baafa9; position: relative; width: 100%; height:80px; z-index: 1000; }
#navigation ul#menu{ padding-top:0px; width:720px; padding-left:200px; padding-right:190px; margin:0px auto 0 auto; position:relative; list-style:none; text-align: right; }
#navigation ul#menu li{ display:inline-block; font-size:1.2em; font-weight:normal; }
#navigation ul li#m-accueil{ display:none; }
#navigation ul#menu a:link, #navigation ul#menu a:active, #navigation ul#menu a:visited { color:#fff; font-weight:300; padding:30px 0px 0px 0px; height:60px; text-decoration:none; display:block; margin-right:5px; }
#navigation ul#menu li#m-shop a:link, #navigation ul#menu li#m-shop a:visited{ color: #796d6d; }
#navigation ul#menu a:hover, #navigation ul#menu li.actif a, #navigation ul#menu li#m-shop a:hover{ color: #1a1a1a; }
#navigation a:link span.bull, #navigation a:active span.bull, #navigation a:visited span.bull, #navigation a:hover span.bull, #navigation ul li.actif a span.bull{ margin-left:5px; color: #fff; }
#navigation ul:after{ content:""; clear:both; display:block; }
#navigation ul li ul{ display:none; position:absolute; top:71px; background:#baafa9; width:auto; padding:10px 0px 10px 10px; margin:0px; }
#navigation ul li:hover > ul{ display:block; }
#navigation ul li ul li{ display:inline; float: left; text-align: center; }
#navigation ul li ul li a:link, #navigation ul li ul li a:visited{ color:#1a1a1a; padding:0px; height:140px; width:140px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin-right:10px; position:relative; }
#navigation ul li ul li a:link span.notxt, #navigation ul li ul li a:visited span.notxt{ visibility:hidden; }
#navigation ul li ul li#m-iletaitunefois a:link, #navigation ul li ul li#m-iletaitunefois a:visited{ background:url(../images/home-bloc1.jpg) top left no-repeat; width:140px; height:110px; }
#navigation ul li ul li#m-5sens a:link, #navigation ul li ul li#m-5sens a:visited{ background:url(../images/home-bloc2.jpg) top left no-repeat; border:none; width:140px; height:110px; }
#navigation ul li ul li#m-coulisses a:link, #navigation ul li ul li#m-coulisses a:visited{ background:url(../images/home-bloc3.jpg) top left no-repeat; border:none; width:140px; height:110px;}
#navigation ul li ul li#m-jouetstar a:link, #navigation ul li ul li#m-jouetstar a:visited{ background:url(../images/home-bloc4.jpg) top left no-repeat; border:none; width:140px; height:110px;}
#navigation ul li ul li#m-faq a:link, #navigation ul li ul li#m-faq a:visited{ background:url(../images/home-bloc5.jpg) top left no-repeat; border:none; width:140px; height:110px;}
#navigation ul li ul li#m-iletaitunefois a:link, #navigation ul li ul li#m-iletaitunefois a:visited, #navigation ul li ul li#m-5sens a:link, #navigation ul li ul li#m-5sens a:visited, #navigation ul li ul li#m-coulisses a:link, #navigation ul li ul li#m-coulisses a:visited, #navigation ul li ul li#m-jouetstar a:link, #navigation ul li ul li#m-jouetstar a:visited, #navigation ul li ul li#m-faq a:link, #navigation ul li ul li#m-faq a:visited{ background-size:100%; }
#navigation ul li ul li#m-iletaitunefois a:link strong, #navigation ul li ul li#m-iletaitunefois a:visited strong, #navigation ul li ul li#m-5sens a:link strong, #navigation ul li ul li#m-5sens a:visited strong, #navigation ul li ul li#m-coulisses a:link strong, #navigation ul li ul li#m-coulisses a:visited strong, #navigation ul li ul li#m-jouetstar a:link strong, #navigation ul li ul li#m-jouetstar a:visited strong, #navigation ul li ul li#m-faq a:link strong, #navigation ul li ul li#m-faq a:visited strong{ background:url(../images/over.png); display:block; font-weight:normal; position:absolute; left:0px; right: 0px; bottom:0px; padding:6px 4px 6px 4px; font-size:0.8em; }
#navigation ul li ul li .mask { opacity: 0; width: 100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; }
#navigation li#m-jouetunique ul li .mask, #navigation li#m-collections ul li .mask{ background:rgba(186, 175, 169, 0.5); }
#navigation ul li ul li a:hover .mask{ opacity:1; }
#navigation ul li ul li .mask span.icon{ height:38px; width:38px; padding:20px; left:50%; margin-left:-39px; top:50%; margin-top:-39px; position:absolute; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; background:url(../images/plus.png) 20px 20px no-repeat #FFF ; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#navigation ul li ul li .mask span.icon:hover { background:url(../images/plus.png) 20px 20px no-repeat #FFF; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
#navigation li#m-jouetunique ul{ left:60px; }
#navigation li#m-collections ul{ left:30px; }
#navigation li#m-collections ul li{ float:none; }
#navigation li#m-collections ul li a:link, #navigation li#m-collections ul li a:visited, #navigation li#m-collections ul li a:active{ padding-top:0px; height:140px; overflow:hidden; }
#navigation ul#menuSocial{ float:right; width:160px; list-style: none; padding:0px; margin:0px; z-index: 20000; position: relative; }
#navigation ul#menuSocial li{ padding:0px; margin:0px; margin-right:1px; float: left }
#navigation ul#menuSocial li a:link, #navigation ul#menuSocial li a:visited{ color:#baafa9; background: #e5e6e6; display: inline-block; width:29px; height:39px; text-align: center; font-size: 1.3em; line-height: 40px; }
#navigation ul#menuSocial li#webserie a:link, #navigation ul#menuSocial li#webserie a:visited{ font-family: 'Rochester', cursive; font-weight:400; text-decoration: none; padding-top:8px; height:31px; text-align: center; font-size:0.7em; line-height:13px; }
#navigation ul#menuSocial li#shoplink a:link, #navigation ul#menuSocial li#shoplink a:visited{ width:149px; margin-top:1px; font-weight:300; text-transform: uppercase; text-decoration: none; text-align: center; font-size:1em; line-height:45px; }
#navigation ul#menuSocial li#shoplink a:link i, #navigation ul#menuSocial li#shoplink a:visited i{ margin-left:10px; font-size:1.4em; }
#navigation ul#menuSocial li a:hover{ background-color:#fff; }
/****** footer ******/
div#footer .container{ padding-top:20px; }
div#sitemap{ border-bottom:solid 1px #897e7c; }
div#sitemap .colonne{ float: left; width:30%; }
div#sitemap .direct{ font-weight: bold; }
div#sitemap ul{ list-style: none; margin:0px; padding: 0px; }
div#sitemap ul li.entete{ font-size:1.2em;font-weight:400; margin-bottom: 10px; }
div#sitemap .direct ul li{ font-size:1.2em;font-weight:400; margin-bottom: 10px; }
div#sitemap ul li a:link, div#sitemap ul li a:visited{ color:#fff; text-decoration: none; }
div#sitemap ul li a:hover{ color:#414141; }
div#footer{ background:#796d6d; font-size:0.8em; color:#fff; }
div#footer .container{ padding-bottom:15px; }
div#footer-autressites{ width:32%; float:right; }
div#footer-autressites div.titre{ height:66px; border-bottom:solid 1px #fff; position:relative; }
div#footer-autressites div.titre h6{ position:absolute; right:0px; bottom:6px; font-size:2.5em; font-weight:normal; font-family: 'Rochester', cursive; }
div#footer-autressites div.lien{ float:right; margin:25px 0px 0px 12px; position:relative; width:138px; }
div#footer-autressites div.lien img{ width:100% !important; height:auto; }
div#footer-autressites div.lien .mask{ opacity: 0; }
div#footer-autressites div.lien:hover .mask{ opacity:1; }
div#footer-autressites div.lien a:link, div#footer-autressites div.lien a:visited{ text-decoration:none; }
div#footer-autressites div.lien img{ height:auto; }
div#footer-autressites div.lien .mask { width: 100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; }
div#footer-autressites div.lien .mask span.icon{ height:38px; width:38px; padding:20px; left:50%; margin-left:-39px; top:50%; margin-top:-39px; position:absolute; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; background:url(../images/plus.png) 20px 20px no-repeat #FFF ; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
div#footer-autressites div.lien .mask span.icon:hover { background:url(../images/plus.png) 20px 20px no-repeat #FFF; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
div#footer-infos{ width:62%; float:left; }
div#footer-infos div#vulli{ background:url(../images/vulli.png) top left no-repeat; height:66px; border-bottom:solid 1px #fff; }
div#footer-infos div#vulli a:link, div#footer-infos div#vulli a:visited, div#footer-infos div#vulli a:hover{ display:block; width:180px; height:60px; text-decoration:none; }
div#footer-infos div#vulli a:link span, div#footer-infos div#vulli a:visited span, div#footer-infos div#vulli a:hover span{ visibility:hidden; }
div#footer-infos div#copyright{ padding-top:22px; }
div#footer-infos div#footer-liens{ padding-top:15px; }
div#footer-infos div#copyright a:link, div#footer-infos div#copyright a:visited{ text-decoration:none; color:#fff; padding:0px 0px 0px 0px; }
div#footer-infos div#copyright a:hover{ color:#1a1a1a; }
div#triman{ float:right; padding-top:8px; }
div#fjp{ float:right; padding:30px 0px 0px 10px; }
div#rra{ float:right; padding:15px 0px 0px 10px; }
div#footer-sav{ padding-top:22px; }
div#footer-sav a:link, div#footer-sav a:visited{ display:block; color:#796d6d; font-family: 'Rochester', cursive; font-size:1.4em; font-weight:400; background:url(../images/serviceconso.png) top left no-repeat; width:161px; height:29px; padding:5px 0px 0px 13px; text-decoration:none; }
div#footer-infos div#footer-liens{ float:left; }
div#footer-liens a:link, div#footer-liens a:visited{ display:block; color:#796d6d; font-family: 'Rochester', cursive; font-size:1.4em; font-weight:400; background:url(../images/newsletter.png) top left no-repeat; width:104px; height:29px; padding:5px 0px 0px 0px; text-decoration:none; text-align: center; }
div#footer ul#langues{ list-style:none; float:left; padding:30px 0px 0px 30px; }
div#footer ul#langues li{ display:inline; }
div#footer ul#langues li a:link, div#footer ul#langues li a:visited{ text-decoration:none; color:#fff; }
div#footer ul#langues li a:hover, div#footer ul#langues li a.actif:link, div#footer ul#langues li a.actif:visited{ text-decoration:underline; }
div#designpatent{ margin:30px 0px 30px 0px; padding-top:15px; text-align:center; border-top:solid 1px #baafa9; color:#baafa9; font-size:1.1em; }
div.container{ width:960px; margin:0 auto; padding-top:70px; padding-bottom:80px; z-index:10; position:relative; }
div.altcontainer{ background:#f0e4e4; }
div.nobottom{ padding-bottom:30px !important; }
div.notop{ padding-top:30px !important; }
div.zerobottom{ padding-bottom:0px !important; }
div.zerotop{ padding-top:0px !important; }
div.extrabottom{ margin-bottom:60px !important; }
div.extratop{ margin-top:25px !important; }
div.wrap{ width:960px; margin:0 auto; position:relative; }
/***** titres *****/
.home div.container h2, .home div.container-blog h2, div.container h1{ color:#4d4d4d; text-align:center; font-family: 'Rochester', cursive; font-size:3.5em; font-weight:400; margin-bottom: 25px; }
div.container h1.titre-faq{ font-family: 'Roboto Condensed', sans-serif; }
/****** intros*****/
p.intro{ width:75%; margin:0px auto 30px auto; text-align:center; font-size:1.4em; color:#796d6d; }
p.introcollection{ width:90%; }
p.gris{ color:#b6b6b6; }
p.gris2{ color:#6b6b6b; }
p.bleu{ }
p.vert{ color:#d2df8f; }
p.rose{ color:#fabbc6; }
p.corail{ color:#f45c59; }
/******** boutons *******/
div.bouton{ text-align:center; padding:50px 0px 20px 0px; }
div.bouton a:link, div.bouton a:visited{ text-decoration:none; display:inline-block; padding:5px 20px 5px 20px; font-size:0.9em; font-weight:300; background:#796d6d; color: #fff; }
div.bouton a:hover{ background: #baafa9; }
/******* réseaux sociaux ******/
div#reseauxsociaux{ background:#f0e4e4; }
div#reseauxsociaux div.container{ padding-top:35px; padding-bottom:35px; }
div#reseauxsociaux p.intro{ color:#796d6d; }
div#reseauxsociaux div#facebook{ float:left; width:25%; }
div#reseauxsociaux div#pinterest{ float:left; width:25%; }
div#reseauxsociaux div#instagram{ float:left; width:25%; }
div#reseauxsociaux div#youtube{ float:left; width:25%; }
div#reseauxsociaux div#facebook a:link, div#reseauxsociaux div#facebook a:visited, div#reseauxsociaux div#pinterest a:link, div#reseauxsociaux div#pinterest a:visited, div#reseauxsociaux div#instagram a:link, div#reseauxsociaux div#instagram a:visited, div#reseauxsociaux div#youtube a:link, div#reseauxsociaux div#youtube a:visited{ display:block; height:112px; width:112px; }
div#reseauxsociaux div#facebook a:link, div#reseauxsociaux div#facebook a:visited{ margin:0 auto 0 auto; background:url(../images/facebook.png) top left no-repeat; }
div#reseauxsociaux div#pinterest a:link, div#reseauxsociaux div#pinterest a:visited{ margin:0 auto 0 auto; background:url(../images/pinterest.png) top left no-repeat; }
div#reseauxsociaux div#instagram a:link, div#reseauxsociaux div#instagram a:visited{ margin:0 auto 0 auto; background:url(../images/instagram.png) top left no-repeat; }
div#reseauxsociaux div#youtube a:link, div#reseauxsociaux div#youtube a:visited{ margin:0 auto 0 auto; background:url(../images/youtube.png) top left no-repeat; }
div#reseauxsociaux div#facebook a:hover,div#reseauxsociaux div#pinterest a:hover,div#reseauxsociaux div#instagram a:hover,div#reseauxsociaux div#youtube a:hover{ background-position:bottom left; }
div#reseauxsociaux div#facebook a:link span, div#reseauxsociaux div#facebook a:visited span, div#reseauxsociaux div#facebook a:hover span,
div#reseauxsociaux div#pinterest a:link span, div#reseauxsociaux div#pinterest a:visited span, div#reseauxsociaux div#pinterest a:hover span,
div#reseauxsociaux div#instagram a:link span, div#reseauxsociaux div#instagram a:visited span, div#reseauxsociaux div#instagram a:hover span,
div#reseauxsociaux div#youtube a:link span, div#reseauxsociaux div#youtube a:visited span, div#reseauxsociaux div#youtube a:hover span{ visibility:hidden; }
/********* portfolios ********/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property:height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property:transform, opacity; }
.isotope-item img { width:100% }
.portfolio { width: 100%; }
.view .mask{ opacity: 0; }
.view:hover .mask{ opacity:1; }
.view a:link, .view a:visited{ text-decoration:none; }
.view img{ height:auto; }
.view{ height: auto; float: left; overflow: hidden; position: relative; text-align: left; }
.view .mask { width: 100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; background:#1a1a1a; }
.mask h3 { text-align:center; font-family: 'Rochester', cursive; font-size:1.6em; font-weight:400; color:#FFFFFF; top:15%; width:100%; position:absolute; }
.view .mask span.icon{ height:38px; width:38px; padding:20px; left:50%; margin-left:-39px; top:50%; margin-top:-39px; position:absolute; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; background:url(../images/plus.png) 20px 20px no-repeat #FFF ; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.view .mask span.icon:hover { background:url(../images/plus.png) 20px 20px no-repeat #FFF; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
/******** macaron concours ******/
div#macaron-concours{ width:153px; height:179px; position:absolute; top:10px; right:10px; z-index:20000; }
div#macaron-concours a:link, div#macaron-concours a:visited, div#macaron-concours a:active{ width:153px; height:179px; display:block; text-decoration:none; outline:none; }
div.macaron-fr{ background:url(../images/macaron-fr.png) top left no-repeat; }
div.macaron-en{ background:url(../images/macaron-en.png) top left no-repeat; }
/******** macaron concours 2020 ******/
div#macaron-concours{ width:150px; height:150px;}
div#macaron-concours a:link, div#macaron-concours a:visited, div#macaron-concours a:active{ width:150px; height:150px;}
div.macaron-fr{ background:url(../images/concours2020/macaron-fr2.png) top left no-repeat; }
div.macaron-en{ background:url(../images/concours2020/macaron-en2.png) top left no-repeat; }
/******** styles des textes ********/
div.container span.bleu, div.container strong.bleu{ color:#bab0aa; }
.image-a-droite{ float:right; margin:0px 0px 10px 25px; }
.image-a-gauche{ float:left; margin:0px 25px 10px 0px; }
/**************** loader ***********/
div.loader{ background:url(../images/loader.gif) center center no-repeat; width:100%; height:100%; min-height:350px; }
div.reponse{ min-height:350px; }
/*###################################################### HOME ########################################################################*/
/******** slider ***********/
#index{ background:#fff; height: 100%; margin-bottom: -80px; position: relative; }
div.mc-image{ -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center center; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%; }
#cycle-loader { height:32px; left:50%; margin:-108px 0 0 -8px; position:absolute; top:50%; width:32px; z-index:999; }
#maximage { display:none; position:absolute!important; background:#fff; }
#arrow_left, #arrow_right { bottom:180px; height:67px; position:absolute; right:50px; width:36px; z-index:1000; }
#arrow_left { right:100px; }
#arrow_left:hover, #arrow_right:hover { bottom:181px; }
#arrow_left:active, #arrow_right:active { bottom:181px; }
.in-slide-content { bottom:180px; left:50px; margin-right:10%; z-index:20; position:absolute; width:45%; text-align:left; }
.in-slide-content h1{ z-index:20; color:#fff; border-bottom:#fff solid 1px; padding-bottom:20px; font-size:60px; line-height:60px; text-transform:uppercase; float:left; }
.in-slide-content p{ z-index:20; color:#fff; font-size:12px; padding-top:20px; float:left; font-weight:bold; }
div#header-wrap-home{ position:absolute; z-index:998; width:100%; bottom:88px; }
div.mc-image a{ display:block; width:100%; height:100%; }
/******** un jouet unique ******/
div#unjouetunique{ padding-bottom:80px; width:100%; }
div#unjouetunique p.intro{ width:60%; margin-bottom:50px; }
div#unjouetunique li.view a{ padding:5px 5px 0px 5px; display: block; }
div#unjouetunique li.view div.over{ background:rgba(255,255,255,0.6); padding:10px 5px 12px 5px; position:absolute; bottom:0px; left:0px; right:0px; text-align:center; pointer-events: none; }
div#unjouetunique li.view:hover div.over{ background:rgba(255,255,255,0.8); }
div#unjouetunique li.view div.over h3{ color:#4e4e4e; font-family: 'Rochester', cursive; font-size:1.6em; line-height: 1.1em; font-weight:normal; }
div#unjouetunique li.view:hover div.over h3{ color:#353535; }
div#unjouetunique li.view:last-child div.over h3{ font-family: 'Roboto Condensed', sans-serif; font-size:1.1em; font-weight:400; }
/******** film **********/
div#filmsophie{ position:relative; height:516px; }
div#film{ height:516px; }
div#filmsophie div#masque{ position:absolute; top:0px; left:0px; width:100%; height:516px; background:url(../images/film.jpg) 0 0 repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
div#filmsophie div#masque div#play{ position:relative; margin:80px auto 0px auto; width:960px; margin-top:220px; padding:0px 0px 0px 0px; z-index:999; background:url(../images/over.png); }
div#filmsophie div#masque div#play a:link, div#filmsophie div#masque div#play a:visited{ display:block; padding:20px 160px 20px 160px; height:129px; text-decoration:none; color:#796d6d; font-size:1.4em; text-align: center; background: url(../images/play.png) left no-repeat; }
div#filmsophie div#masque div#play a:link span, div#filmsophie div#masque div#play a:visited span{ color:#4e4e4e; font-family: 'Rochester', cursive; font-size:1.6em; font-weight:300; display: block; margin-bottom:15px; }
div.buttonBar{ display: none; }
/******** collections *********/
div#collections{ width:100%; padding-bottom:20px; }
div#collections p.intro{ width:60%; }
div#collections ul.portfolio{ padding:50px 0px 0px 0px; list-style:none; margin:0px; }
div#collections .view .mask { background: transparent; }
div#collections .view .mask h3{ display: none; }
div#nouveautes{ text-align:center; padding:0px 0px 0px 0px; margin:-10px 0px -10px 0px; }
div#nouveautes a:link, div#nouveautes a:visited{ text-align: left; text-decoration:none; display:inline-block; padding:35px 0px 0px 120px; height:67px; font-size:1.4em; font-weight:400; background:url(../images/bouton-nouveautes.gif) left no-repeat; color:#796d6d; }
div#nouveautes a:hover{ color:#1a1a1a; }
/******** concours **********/
div#bandeau-concours{ position:relative; height:450px; /* background:url(../images/concours-bg.gif); */ margin-bottom:80px; cursor:pointer; }
div#bandeau-concours div#masque-concours{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/concours2020/concours-map.png) center center repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
div#photo-concours{ float:left; width:22%; margin-left:2%; position: relative; height: 100%; }
div#titre-concours{ float:left; width:42%; margin-left:4%; margin-right: 4%; position: relative; height: 100%; }
div#infos-concours{ float:left; width:24%; padding: 0px 1% 0 1%; background:rgba(255,255,255,0.5); height: 100%; position: relative; }
div#photo-concours img, div#titre-concours img, div#infos-concours img{ max-width:100%; height: auto; margin:0 auto; top:50%; position: relative; transform: translateY(-50%); }
@media only screen and (max-width: 767px) {
div#photo-concours{ display:none; }
div#titre-concours{ width:45%; margin-left:10%; margin-right:10%; }
div#bandeau-concours{ height:300px; }
}
@media only screen and (max-width: 479px) {
div#titre-concours{ width:90%; margin-left:5%; margin-right:0; }
div#infos-concours{ display:none; }
#maximage .mc-image:nth-child(1)
{
/* background-image:url(../images/concours2020/header-covid_mobile.jpg) !important; */
background-image:url(../images/concours2020/header-concours_mobile.jpg) !important;
background-size: 100% auto !important;
background-position: center top !important;
background-repeat: no-repeat;
}
#maximage .mc-image:nth-child(2)
{
/* background-image:url(../images/concours2020/header-concours_mobile.jpg) !important; */
background-image:url(../images/concours2020/header-bf_mobile.jpg) !important;
background-size: 100% auto !important;
background-position: center top !important;
background-repeat: no-repeat;
}
#maximage .mc-image:nth-child(3)
{
background-image:url(../images/concours2020/header-bf_mobile.jpg) !important;
background-size: 100% auto !important;
background-position: center top !important;
background-repeat: no-repeat;
}
body.lang-en #maximage .mc-image:nth-child(1)
{
background-image:url(../images/concours2020/header-concours_mobile-en.jpg) !important;
background-size: 100% auto !important;
background-position: center top !important;
background-repeat: no-repeat;
}
body.lang-en #maximage .mc-image:nth-child(2)
{
display: none !important;
}
}
/******** Points de vente ********/
#pointsdevente{ width: 100%; height: 400px; overflow:hidden; position:relative; }
.pointsdevente-bg{ position:absolute; height:100%; width:100%; background:url('../images/home-pv.jpg') 0 0 repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; background-size: cover; z-index:-1; }
#pointsdevente div.fondblanc{ background:url(../images/fondblanc.png); padding:20px 30px 20px 30px; width:80%; margin:0px auto 0px auto; }
#pointsdevente div.fondblanc h2{ font-size:2em; color: #4d4d4d; font-weight:300; }
#pointsdevente div.fondblanc h2 a:link, #pointsdevente div.fondblanc h2 a:visited, #pointsdevente div.fondblanc h2 a:hover{ color:#1a1a1a; text-decoration:none; }
#pointsdevente div.fondblanc p.intro{ margin-bottom:0px; width:100%; }
#pointsdevente div.fondblanc p.intro a:link, #pointsdevente div.fondblanc p.intro a:visited{ text-decoration: none; color: #1a1a1a; display: block;padding-top: 15px; }
#pointsdevente div.fondblanc p.intro a:hover{ text-decoration: underline; }
/********* blog ********/
.btn-small{ color:#fff; padding: 0px 15px 0px 15px; background:#ef4a4a; height:35px; text-align:center; display:inline-block; line-height:35px; margin-top:20px; }
.btn-small:hover { background:#262932; color:#fff; opacity:1; }
.container-blog{ width:100%; padding-top:70px; padding-bottom:60px; }
.list_carousel{ width: 100%; height:auto; }
.list_carousel ul{ margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { width: 440px; height:420px; padding: 0; margin: 20px; display: block; float: left; }
p.article-date { height:30px; color:#b7b7b7; font-size:0.8em; }
.list_carousel.responsive { width: auto; margin-left: 0; }
#blog-navigation { width:160px; height:70px; padding-top:0px; margin:-20px auto 0 auto; }
.prev { float: left; background: url("../images/left_hover.png") no-repeat scroll 26px 24px #796d6d; width:30px; height:30px; padding:20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; }
.prev:hover { background: url("../images/left.png") no-repeat scroll 26px 24px #baafa9; }
.next { float:left; margin-left:20px; background: url("../images/right_hover.png") no-repeat scroll 28px 24px #796d6d; width:30px; height:30px; padding:20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; }
.next:hover { background: url("../images/right.png") no-repeat scroll 28px 24px #baafa9; }
div.article div.entete{ /*font-family: 'Rochester', cursive; font-size:1.2em; font-weight:400; color:#FFFFFF; background:#f45c59; text-align:center; padding:7px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; -o-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;*/ }
.article img{ display: block; width: 100%; height:auto; }
.article .mask { opacity: 0; }
.article:hover .mask { opacity:1; }
.article { width:100%; height: auto; float: left; overflow: hidden; position: relative; text-align: left; }
.article .mask { width: 100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; background: rgba(186, 175, 169, 0.5); }
.article a.icon { height:38px; width:38px; padding:20px; left:50%; margin-left:-39px; top:50%; margin-top:-39px; position:absolute; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; border-radius:50px; }
.article a.icon.zoom { background:url(../images/plus.png) 20px 20px no-repeat #FFF ; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.article a.icon.zoom:hover { background:url(../images/plus.png) 20px 20px no-repeat #FFF; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.article-intro { float:left; padding:20px 20px 0px 20px; height:140px; color:#606060; border:solid 1px #c8c7c6; border-top:0px; background:#FFFFFF; }
.article-intro h3{ color:#1a1a1a; margin-bottom:3px; margin-top:10px; }
.article-intro h3 a:link, .article-intro h3 a:visited{ text-decoration:none; color:#1a1a1a; }
.article-intro h3 a:hover{ color:#baafa9; }
.article-intro h3 span{ font-weight:normal; }
/******* Sophie pour la presse *****/
div#sophiedanslapresse{ width:100%; }
div#sophiedanslapresse ul.portfolio{ padding-top:70px; list-style:none; }
.boutonlittletop{ padding-top:15px !important; }
.boutonnotop{ padding-top:0px !important; }
/*###################################################### INTERIEUR ########################################################################*/
div#fildariane{ color:#cecece; text-align:right; font-size:0.8em; margin-bottom:20px; }
div#fildariane a:link, div#fildariane a:visited{ color:#cecece; text-decoration:none; }
div#fildariane a:hover{ text-decoration:underline; }
div.contenu{ padding-top:50px; font-family: 'Pontano Sans', sans-serif; }
div.contenu h2{ font-size:1.5em; margin-bottom:25px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; }
body.bleu div.contenu h2{ color:#796d6d; }
div.contenu div.content{ font-size:1em; text-align:justify; line-height:1.3em; }
div.contenu p{ margin-bottom:20px; line-height:1.8em; text-align:justify; }
div.contenu a:link, div.contenu a:visited{ color:#9acdcf; }
div.contenu a:hover{ background:#9acdcf; color:#fff; text-decoration:none; }
/********* bandeau image **********/
div.bandeauImage{ max-height:350px; overflow:hidden; position:relative; }
div.bandeauImage img{ width:100%; height:auto; }
/******** header et menu *********/
div#header-wrap{ position:relative; z-index:1001; height:278px; background:#c7bfbe url(../images/header.jpg) top center no-repeat; }
div#header{ margin:0px auto 0px auto; position:relative; }
div#header div#logo, div#logoHome{ height:358px; width:202px; top:0px; left:20px; position:absolute; background-position:top left; background-repeat:no-repeat; background-image:url(../images/sophielagirafe.png); background-size:100%; }
div#logoHome{ font-size:0.1em; text-indent:-99998px; z-index:9999999; }
div#logoHome-sticky-wrapper{ position:absolute; }
div#header, div#header div#logo-sticky-wrapper{ pointer-events: none; }
div#header div#logo a:link, div#header div#logo a:hover, div#header div#logo a:visited{ text-decoration:none; display:block; height:358px; width:202px; pointer-events: all; }
div#header div#logo a:link span, div#header div#logo a:hover span, div#header div#logo a:visited span{ visibility:hidden; }
div#header div#logo, div#header div.is-sticky, div#header div#logo a:link, div#header div#logo a:hover, div#header div#logo a:visited, div#header div.is-sticky img, div#logoHome-sticky-wrapper div.is-sticky{ -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; -o-transition: all 0.1s; transition:all 0.1s; }
div#header div.is-sticky, div#logoHome-sticky-wrapper div.is-sticky{ background-position: 0 -20px !important; }
div#header div.is-sticky, div#header div.is-sticky a:link, div#header div.is-sticky a:hover, div#header div.is-sticky a:visited, div#header div.is-sticky img, div#logoHome-sticky-wrapper div.is-sticky{ height:80px !important; width:58px !important; }
/****** nav secondaire jouet unique *****/
div#navsecondaire{ background:#f0e4e4; padding-bottom:34px; }
div#navsecondaire h5{ text-align:center; font-size:2.6em; font-weight:300; color:#1a1a1a; }
div#navsecondaire div.raccourci{ width:278px; height:278px; padding:10px; float:left; margin-right:30px; margin-top:30px; background-size:100%; position:relative; }
div#navsecondaire div.last{ margin-right:0px; }
div#navsecondaire div.raccourci a:link, div#navsecondaire div.raccourci a:visited, div#navsecondaire div.raccourci a:hover{ display:block; text-decoration:none; width:278px; height:278px; color:#4e4e4e; }
div#navsecondaire div#raccourci-iletaitunefois{ background-image:url(../images/home-bloc1.jpg); }
div#navsecondaire div#raccourci-5sens{ background-image:url(../images/home-bloc2.jpg); }
div#navsecondaire div#raccourci-coulisses{ background-image:url(../images/home-bloc3.jpg); }
div#navsecondaire div#raccourci-stars{ background-image:url(../images/home-bloc4.jpg); }
div#navsecondaire div.raccourci h6{ background:url(../images/over.png); text-align:center; padding:15px 0px 15px 0px; font-family: 'Rochester', cursive; font-size:2em; font-weight:400; position:absolute; bottom:0px; left:0px; right:0; }
/****** jouet des stars ******/
div#liste-oeuvres{ padding-bottom:70px; }
div#liste-oeuvres .view .mask, div#galerieStars .view .mask{ background:#baafa9; }
div#liste-oeuvres .mask h3{ font-family: 'Roboto Condensed', sans-serif; }
/****** 5sens ******/
div#visuel5sens{ background:url(../images/5sens.jpg) top center no-repeat; width:100%; height:941px; position:relative; }
div#visuel5sens ul{ list-style:none; }
div#visuel5sens ul li{ color:#979797; position:absolute; }
div#visuel5sens ul li strong{ color:#9acdcf; font-size:1.2em; display: none; }
div#visuel5sens ul li.ouie{ top:200px; left:750px; width:173px; }
div#visuel5sens ul li.gout{ top:360px; left:780px; width:173px; }
div#visuel5sens ul li.toucher{ top:550px; left:0px; width:220px; text-align: right; }
div#visuel5sens ul li.odorat{ top:360px; left:80px; width:173px; text-align: right; }
div#visuel5sens ul li.vue{ top:170px; left:140px; width:173px; text-align: right; }
div#visuel5sens ul li.prehension{ display:none; }
div#texte5sens{ }
div#texte5sens .sens{ float:left; width:40%; margin:0 4% 25px 4%; }
div#texte5sens .sens h2{ font-weight:300; font-size:1.3em; color:#796d6d; }
div#texte5sens .sens p{ line-height:1.5em; text-align:justify; font-family: 'Pontano Sans', sans-serif; }
/******** coulisses ******/
div#carteAwards{ text-align: center; }
/******** Ou trouver les produits *******/
div#filtres{ padding:26px 0px 20px 0px; background:#baafa9; color:#fff; min-height:65px; }
div#filtres div.colonne{ float:left; padding-right:70px; position:relative; }
div#filtres div.colonne h2{ font-family: 'Rochester', cursive; font-weight:normal; font-size:1.3em; padding-bottom:8px; }
div.distances a:link, div.distances a:visited, div.distances a:active{ border-radius:5px; background-color: #f0e4e4; outline:none; border:none; padding:7px 12px; margin-right:3px; float:left; text-decoration:none; color:#baafa9; font-size:0.9em; }
div#filtres a:hover, div#filtres a.actif:link, div#filtres a.actif:visited, div#filtres a.actif:active{ color:#1a1a1a; }
div#filtres input, div#filtres select{ color:#4e4e4e; font-size:1em; background:#f0e4e4; border:none; padding:5px 10px 5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div#filtres select{ width:320px; margin-top:-2px; }
/*a#lancerRecherche:link, a#lancerRecherche:visited, a#lancerRecherche:active{ display:block; width:29px; height:29px; border-radius:5px; outline:none; border:solid 1px #f09eac; background:#fabbc6 url(images/recherche.png) center center no-repeat; text-decoration:none; float:left; margin-left:3px; }
a#lancerRecherche:link span, a#lancerRecherche:visited span, a#lancerRecherche:active span{ visibility:hidden; }*/
div#autocomplete{ position:absolute; top:60px; left:0px; border-radius:3px; border:solid 1px #ccc; background:#fff; color:#fabbc6; font-size:1.1em; z-index:999999; padding:8px; min-width:120px; display:none; }
div#autocomplete a:link, div#autocomplete a:visited, div#autocomplete a:active{ color:#fabbc6; text-decoration:none; display:block; }
div#autocomplete a:hover{ color:#852738; }
div#map{ height:450px; }
.gm-style-iw{ height: 100% !important; overflow: hidden !important; padding:20px; }
div.infoBulle strong{ color:#414141; font-size:1.3em; }
div#chargerSuivants a.listingRevendeurs:link, div#chargerSuivants a.listingRevendeurs:visited{ text-decoration:none; color:#1a1a1a; background:url(../images/listing-revendeurs.png) top center no-repeat; height:88px; display:block; border-bottom:solid 1px #FFFFFF; }
div#chargerSuivants a.listingRevendeurs:hover{ background-position:bottom center; }
div#listingResultats{ padding-top:25px; padding-bottom:25px; font-size:0.8em; margin:15px auto 0px auto; width:960px; display:none; }
div#listingResultats .infoBulle{ float:left; width:30%; margin-right:3%; text-align:left; margin-bottom:50px; height:120px; }
div#listingResultats .infoBulle strong{ font-weight:normal; font-size:1.6em; }
.infoBulle a.icon:link, .infoBulle a.icon:visited{ color:#1a1a1a; }
div#listingResultats .infoBulle a.icon:link, div#listingResultats .infoBulle a.icon:visited, div#listingResultats .infoBulle a.icon:hover{ width:37px; height:37px; text-decoration:none; display:inline-block; overflow:hidden; margin-top:5px; }
div#listingResultats .infoBulle a.tel:link, div#listingResultats .infoBulle a.tel:visited, div#listingResultats .infoBulle a.tel:hover{ background:#796d6d url(../images/tel.png) center center no-repeat; }
div#listingResultats .infoBulle a.fax:link, div#listingResultats .infoBulle a.fax:visited, div#listingResultats .infoBulle a.fax:hover{ background:#796d6d url(../images/fax.png) center center no-repeat; }
div#listingResultats .infoBulle a.url:link, div#listingResultats .infoBulle a.url:visited, div#listingResultats .infoBulle a.url:hover{ background:#796d6d url(../images/url.png) center center no-repeat; }
div#listingResultats .infoBulle a.icon:link span, div#listingResultats .infoBulle a.icon:visited span, div#listingResultats .infoBulle a.icon:hover span{ visibility:hidden; }
div.worldfirst div#world div.container{ padding-top:0px; padding-bottom:0px; }
div#world{ }
div#world h2, h2.france{ text-align:center; font-family: 'Rochester', cursive; font-size:2.6em; font-weight:400; color:#1a1a1a; }
h2.second{ padding:67px 0px 10px 0px; }
div#carteMonde{ height:496px; padding:35px 0px 0px 0px; background:url(../images/carte_monde.gif) top center no-repeat; margin-top:60px; position:relative; }
div#carteMonde ul{ list-style:none; }
div#carteMonde ul li{ position:absolute; top:0px; left:0px; }
div#carteMonde ul li.continent-2{ top:95px; left:450px; }
div#carteMonde ul li.continent-3{ top:250px; left:100px; }
div#carteMonde ul li.continent-4{ top:270px; left:420px; }
div#carteMonde ul li.continent-5{ top:150px; left:730px; }
div#carteMonde ul li.continent-6{ top:400px; left:750px; }
div#carteMonde ul li a:link, div#carteMonde ul li a:visited{ color:#796d6d; text-decoration:none; font-family: 'Rochester', cursive; font-size:2em; font-weight:400; }
div#carteMonde ul li a:hover{ color:#1a1a1a; }
div#carteMonde div.detailMonde{ padding:38px; width:674px; background-color:#e0cbc8; border:solid 1px #bea7a4; position:relative; margin:0px auto 0px auto; display:none; }
div#carteMonde div.detailMonde a.fermerMonde:link, div#carteMonde div.detailMonde a.fermerMonde:visited{ width:26px; height:26px; background:url(../images/close.png) top left no-repeat; display:block; text-decoration:none; position:absolute; top:38px; right:38px; }
div#carteMonde div.detailMonde h3{ font-family: 'Rochester', cursive; font-size:2em; font-weight:400; color:#fff; margin-bottom:30px; }
div#carteMonde div.detailMonde div.lien{ float:left; width:32%; margin:0px 1% 13px 0px; }
div#carteMonde div.detailMonde div.lien img{ margin-bottom:-4px; }
div.trouver{ padding:64px 0px 0px 0px !important; background:#baafa9; }
div.trouver a:link, div.trouver a:visited, div.trouver a:hover{ margin-bottom:28px; }
/******** Blog *******/
div#filtres div.droite{ float:right; padding-top:30px; }
div.catblog a:link, div.catblog a:visited, div.catblog a:active, div#filtres div.droite a:link, div#filtres div.droite a:visited, div#filtres div.droite a:active{ border-radius:5px; background-color: #f0e4e4; outline:none; padding:7px 12px; margin-right:3px; float:left; text-decoration:none; color:#baafa9; font-size:0.9em; }
div#catblog a:hover, div#catblog a.actif:link, div#catblog a.actif:visited, div#catblog a.actif:active, div#filtres div.droite a:hover{ color:#1a1a1a; }
div#resultats{ padding:56px 0px 28px 0px; margin:0 auto; }
.masonry-item{ -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; margin:15px; transition: all 0.3s ease-in-out 0s; width: 280px; float:left; overflow:hidden; }
.masonry-item .vignette, .masonry-item .vignette img{ width:280px; height:auto; min-height:189px; }
.masonry-item .novignette{ height:8px; -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; border:solid 1px #c8c7c6; border-bottom:none; }
.billet h3{ color:#271f1b; font-size:1.3em; line-height:1em; }
.billet h3 a:link, .billet h3 a:visited{ color:#271f1b; text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.billet h3 a:hover{ color:#f45c59; }
.masonry-item small{ color:#868686; }
.masonry-item small a:link, .masonry-item small a:visited{ color:#868686; }
.masonry-item small a:hover{ color:#5E5E5E; text-decoration:none; }
.masonry-item div.chapeau{ background-color:#fff; border:solid 1px #c8c7c6; border-top:none; padding:20px 15px 20px 15px; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; border-radius:0px 0px 8px 8px; }
.masonry-item div.chapeau p{ color:#7c7c7c; margin-top:25px; line-height:1.5em; }
.billet div.lirelasuite{ margin-top:30px; text-align:left !important; padding:0px !important; }
div#billet{ font-size:1.1em; text-align:justify; line-height:1.5em; }
div#billet div#imageBillet{ float:left; margin:0px 50px 30px 0px; max-width:100%; }
div#billet h3{ font-size:1.2em; margin:30px 0px 15px 0px; color:#f45c59; }
div#billet a:link, div#billet a:visited, div#billet a:hover{ color:#4e4e4e; }
div#reponseBillet{ padding-top:60px; padding-left:170px; background:url(../images/reponse_temoignage.jpg) 0px 60px no-repeat; min-height:150px; }
div#blogInterne{ background:#f0e4e4; }
div#blogInterne h5{ text-align:center; font-family: 'Rochester', cursive; font-size:2.6em; font-weight:400; color:#1a1a1a; }
div#chargerSuivants{ padding-bottom:45px; font-size:1.2em; text-align:center; color:#1a1a1a; }
div#chargerSuivants a.billets:link, div#chargerSuivants a.billets:visited{ text-decoration:none; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#796d6d url(../images/billets-suivants.png) right no-repeat; display:inline-block; padding:11px 58px 11px 17px; }
div#chargerSuivants a.billets:hover{ color:#1a1a1a; }
div#depot{ background:#efefef; }
div#depot h5{ text-align:center; font-family: 'Rochester', cursive; font-size:2.6em; font-weight:400; color:#1a1a1a; }
div#depot input, div#depot select, div.formulaire textarea{ color:#796d6d; font-size:1em; font-family: 'Roboto Condensed', sans-serif; background:#FFFFFF; border:solid 1px #796d6d; padding:8px 12px 8px 12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div.formCourt{ float:left; width:31%; margin-bottom:30px; }
div#depot label{ width:100%; font-family: 'Rochester', cursive; font-size:1.2em; font-weight:400; color:#1a1a1a; margin-bottom:7px; }
div.formCourt input{ width:65%; }
div.formulaire{ width:100%; clear:both; }
div.formulaire textarea{ width:96%; }
div.formCourt input.error, div.formulaire textarea.error, div.formCourt select.error{ color:#fff !important; background:url(../images/error.png) !important; }
div.formCourt small.note{ color:#aeaeae; display:block; padding-right:20%; }
div#submit{ margin-top:30px; }
div#submit #sendTemoignage{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #796d6d; border:solid 1px #796d6d; color:#fff; cursor:pointer; }
div#submit #sendTemoignage:hover{ background:#baafa9; }
div.mentions{ margin-top:20px; color:#aeaeae; font-size:0.9em; }
div.mentions a:link, div.mentions a:visited{ color:#aeaeae; text-decoration:none; }
div.mentions a:hover{ text-decoration:underline; }
div#depot div#reponse{ text-align:center; color:#666; font-size:2.2em; font-family: 'Rochester', cursive; padding-top:100px; height:150px; display:none; }
/******** Collections *******/
div#visuelCollection{ position:relative; text-align:center; min-height:180px; }
div.nouveautes{ min-height:120px !important; }
div#visuelCollection img#visuel{ margin:130px auto 0px auto; position:relative; z-index:500; }
div#visuelCollection div.wrap{ z-index:800; }
div#bandeauCollection{ height:131px; position:absolute; z-index:600; top:0px; left:0px; width:100%; }
div#titreCollection{ position:absolute; top:17px; left:170px; text-align: left; color: #ffffff; }
div#titreCollection span.collection{ display: block; font-weight: 300; font-size:1.7em; text-transform: uppercase; line-height: 1em; }
div#titreCollection span.titre{ display: block; font-size:4.2em; line-height:1.2em; }
div#flagCollection{ width:103px; height:196px; background-position:top left; background-repeat:no-repeat; position:absolute; top:0px; left:0px; }
/*sopure*/
div.container h1.collection-5{ color:#bfd22b; font-family: 'Muli', sans-serif; font-weight: 300; }
div.collection-5 div#bandeauCollection{ background:#bfd22b; }
div.collection-5 div#titreCollection .titre{ font-family: 'Muli', sans-serif; }
div.collection-5 div#flagCollection{ background-image:url(../images/collections/sopure_flag.png); }
/*il etait une fois*/
div.container h1.collection-6{ color:#be9d8a; font-family: 'Petit Formal Script', cursive; font-weight:300; font-size:2.8em; }
div.collection-6 div#bandeauCollection{ background:#be9d8a; }
div.collection-6 div#titreCollection .titre{font-family: 'Petit Formal Script', cursive; font-size:2.8em; }
div.collection-6 div#flagCollection{ background-image:url(../images/collections/iletaitunefois_flag.png); }
/*freshtouch*/
div.container h1.collection-7{ color:#d92531; font-family: 'Varela Round', sans-serif; font-weight: 400; }
div.collection-7 div#bandeauCollection{ background:#d92531; }
div.collection-7 div#titreCollection .titre{font-family: 'Varela Round', sans-serif; }
div.collection-7 div#flagCollection{ background-image:url(../images/collections/freshtouch_flag.png); }
/*partenaires*/
div.collection-9 div#bandeauCollection{ background:#cac8c8; }
div.collection-9 div#titreCollection .titre{ font-family: 'Rochester', cursive; }
div.collection-9 div#flagCollection{ background-image:url(../images/collections/partenaires_flag.png); }
/*sophiesticated*/
div.container h1.collection-8{ color: #b3025c; font-family: 'Pompiere', cursive; font-weight: 300; text-transform: uppercase; }
div.collection-8 div#bandeauCollection{ background:#b3025c; }
div.collection-8 div#titreCollection .titre{font-family: 'Pompiere', cursive; text-transform: uppercase; }
div.collection-8 div#flagCollection{ background-image:url(../images/collections/sophiesticated_flag.png); }
div#playvideocollection8{ position:absolute; bottom:10px; right:10%; z-index:600; }
/*mii*/
div.container h1.collection-10{ color: #40c0cb; font-family: 'Arimo', sans-serif;font-weight: 300; font-size:3em; }
div.collection-10 div#bandeauCollection{ background:#40c0cb; }
div.collection-10 div#titreCollection .titre{ font-family: 'Arimo', sans-serif; font-size:3.2em; }
div.collection-10 div#flagCollection{ background-image:url(../images/collections/mii_flag.png); }
div#playvideocollection10{ position:absolute; bottom:10px; right:10%; z-index:600; }
div#filtresCollections{ margin:-4px 0px 0px 0px; background: #796d6d; }
div#filtresCollections div.parCat{ float:left; margin-left:2%; width:58%; padding:16px 0px 16px 20px; }
div#filtresCollections div.parAge{ float:right; margin-right:2%; width:28%; padding:16px 20px 16px 0px; }
div#filtresCollections h4{ font-family: 'Rochester', cursive; font-weight:normal; font-size:1.5em; margin-bottom:8px; color: #fff; }
div#filtresCollections div.filtre ul{ list-style:none; font-size:0.9em; }
div#filtresCollections div.filtre ul li{ display:inline; }
div#filtresCollections div.filtre ul li a:link, div#filtresCollections div.filtre ul li a:visited{ text-decoration:none; color: #fff; }
div#filtresCollections div.filtre ul li a:hover{ text-decoration:underline; }
div#filtresCollections div.parCat ul li a.actif:link, div#filtresCollections div.parCat ul li a.actif:visited{ text-decoration:underline; }
div#filtresCollections div.parAge ul li a.actif:link, div#filtresCollections div.parAge ul li a.actif:visited{ -khtml-opacity:0.6; -moz-opacity : 0.6; -ms-filter: "alpha(opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity : 0.6; }
div#filtresCollections div.filtre ul li span{ color:#1a1a1a; }
div#filtresCollections div.parAge img.picto{ margin-right:-7px; }
div#filtresCollections div.annulerfiltres{ float:right; display:none; }
div#filtresCollections div.annulerfiltres a:link, div#filtresCollections div.annulerfiltres a:visited{ color:#fff; font-size:0.9em; text-decoration:none; background:url(../images/annulerfiltresblanc.png) right no-repeat; padding-right:15px; }
div#filtresCollections div.annulerfiltres a:hover{ text-decoration:underline; }
div#resultatsCollections{ padding:56px 0px 28px 0px; margin:0 auto; }
div#resultatsCollections .masonry-item, div#navSecondaireTrancheDageList .masonry-item, div#navSecondaireCategorieList .masonry-item{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:15px; transition: all 0.3s ease-in-out 0s; width:280px; height:240px; float:left; overflow:visible; background-color:#fff; border:solid 1px #c8c7c6; padding:8px 0px 23px 0px; }
div#resultatsCollections .masonry-item .vignette, div#resultatsCollections .masonry-item .vignette img, div#navSecondaireTrancheDageList .masonry-item .vignette, div#navSecondaireTrancheDageList .masonry-item .vignette img, div#navSecondaireCategorieList .masonry-item .vignette, div#navSecondaireCategorieList .masonry-item .vignette img{ width:280px; height:auto; }
div#resultatsCollections .masonry-item .vignette img, div#navSecondaireTrancheDageList .masonry-item .vignette img, div#navSecondaireCategorieList .masonry-item .vignette img{ margin-bottom:20px; }
.produit h3 a:link, .produit h3 a:visited, .produit h4 a:link, .produit h4 a:visited{ color:#271f1b; text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display:block; text-align:center; padding:0px 15px 0px 15px; font-weight:300; font-size:1em; min-height:45px; }
.produit h3 a:hover, .produit h3 a.actif:link, .produit h3 a.actif:visited, .produit h3 a.nouveau:link, .produit h3 a.nouveau:visited, .produit h4 a:hover, .produit h4 a.actif:link, .produit h4 a.actif:visited{ color:#796d6d; }
.produit .new{ background:url(../images/new.png) top left no-repeat; width:70px; height:68px; position:absolute; top:9px; left:9px; pointer-events: none; }
div#navSecondaireCollections{ background:#efefef; }
div#navSecondaireCollections h5{ text-align:center; font-family: 'Rochester', cursive; font-size:2.6em; font-weight:400; color:#1a1a1a; margin-bottom:63px ;}
div#navSecondaireCollections div.navSecColl{ float:left; width:224px; margin-right:16px; }
div#navSecondaireCollections div.last{ margin-right:0px; }
div#navSecondaireCollections div.navSecColl span.notxt{ display:none; }
div#chargerSuivants a.produits:link, div#chargerSuivants a.produits:visited{ text-decoration:none; color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#796d6d url(../images/produits-suivants.png) right no-repeat; display:inline-block; padding:11px 58px 11px 17px; }
div#chargerSuivants a.produits:hover{ color:#1a1a1a; }
/******** Fiche Produit *******/
div#navSecondaireCategorie{ background:#efefef; padding:35px 0px 0px 0px; }
div#navSecondaireTrancheDage{ padding:35px 0px 0px 0px; }
div#navSecondaireTrancheDageList, div#navSecondaireCategorieList{ padding:0px 0px 68px 0px; margin:0 auto; }
div#navSecondaireCategorie h3, div#navSecondaireTrancheDage h3{ text-align:center; font-family: 'Rochester', cursive; font-size:2.2em; font-weight:400; color:#1a1a1a; margin-bottom:63px ;}
div#grande{ text-align:center; overflow:hidden; padding-top:40px; }
div#grande img{ margin:0px auto 0px auto; }
div#grande div#grande0{ display:block; }
div#grande div.socialpicwrap{ margin:0px auto 0px auto !important; position:relative; display:none; }
span.socialclick{ color:#999; }
span.socialclick:hover{ cursor:pointer; color:#7C7C7C; }
div.overlay{ position:absolute; top:0; background:none repeat scroll 0% 0% rgba(255, 255, 255, 0.8); margin:0px; padding:0px; opacity: 0; }
div.overlay ul{ width:100%; text-align: center; padding: 0; height:50%; top:50%; position:absolute; }
div.overlay ul li{ display: inline; margin: 0 10px; }
div.socialpicwrap div.overlay:hover{ opacity:1; -webkit-transition:all .3s ease .15s; -moz-transition:all .3s ease .15s; -o-transition:all .3s ease .15s; -ms-transition:all .3s ease .15s; transition:all .3s ease .15s; }
div#minis{ position:absolute; top:60px; left:0px; }
div#minis div.mini{ display:block; width:114px; height:77px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background-color:#fff; border:solid 1px #c8c7c6; overflow:hidden; margin-bottom:8px; cursor:pointer; }
div#description{ width:700px; margin:60px 10% 0px 17%; line-height:1.5em; font-family: 'Pontano Sans', sans-serif; font-size:1.1em; }
div#description h2{ font-size:1.5em; font-weight:400; color:#919191; margin-bottom:15px; }
div#description strong{ font-weight:600; }
div#description p{ padding:0px 0px 15px 0px; }
div#description a:link, div#description a:visited{ color:#999; }
div#description a:hover{ color:#4e4e4e; }
div#retour{ position:absolute; top:-20px; left:0px; padding:0px; }
div#boutique{ position:absolute; top:-30px; right:0px; padding:0px; }
div#boutique a:link, div#boutique a:visited { padding: 10px 20px 10px 20px; }
div#coinNew{ position:absolute; top:40px; right:0px; width:58px; height:58px; background:url(../images/new.png) top right no-repeat; }
div#trancheDage{ position:absolute; bottom:60px; right:0px; }
div#navProduits{ text-align:center; position:absolute; top:-20px; left:38%; }
div#navProduits div.bouton{ padding:0px 25px 0px 0px; display:inline-block; }
/************* Presse *****************/
div#navsecondaire div.bouton{ padding:40px 0px 40px 0px; float:left; width:50%; }
div.presse{ height:380px; }
div.presse div.chapeau{ height:200px; }
div.presse div.lirelasuite{ position:absolute; bottom:25px; left:17px; }
/************* Moteur **********/
div.moteur{ padding-top:30px; }
div.moteur h2{ margin:35px 0px 0px 0px; font-family: 'Rochester', cursive; font-size:2.6em; font-weight:400; color:#999; }
div.moteur a:link, div.moteur a:visited{ color:#9acdcf; }
div.moteur a:hover{ background:#9acdcf; color:#fff; text-decoration:none; }
/************* Social Médias **********/
div#social{ margin:0px auto 40px auto; text-align:center; }
.partagesocial{ display: inline-block; padding-right: 15px; font-size:1.7em; }
.partagesocial a:link, .partagesocial a:visited{ color: #796d6d; }
.partagesocial a:hover{ color: #4e4e4e; }
/*.facebookshare{ background: url(../images/share_fb.png) -5px 50% no-repeat #527dbe; border-radius: 2px; display: inline-block; padding: 0 10px 0 38px; color:#fff; font-size: 13px; line-height: 34px; text-decoration:none; }
.twittershare{ background: url(../images/share_twitter.png) -5px 50% no-repeat #1abfe0; border-radius: 2px; display: inline-block; padding: 0 10px 0 40px; color:#fff; font-size: 13px; line-height: 34px; text-decoration:none;
}
.gplusshare{ background: url(../images/share_gplus.png) -5px 50% no-repeat #d94937; border-radius: 2px; display: inline-block; padding: 0 10px 0 38px; color:#fff; font-size: 13px; line-height: 34px; text-decoration:none; }
.pinterestshare{ background: url(../images/share_pinterest.png) -5px 50% no-repeat #ca2027; border-radius: 2px; display: inline-block; padding: 0 10px 0 38px; color:#fff; font-size: 13px; line-height: 34px; text-decoration:none; }
.emailshare{ background: url(../images/email.png) left no-repeat #f3dbb3; border-radius: 2px; display: inline-block; padding: 0 10px 0 38px; color:#fff; font-size: 13px; line-height: 34px; text-decoration:none; }*/
/************* FAQ **************/
.faq-theme{}
.faq-theme--image{ width:25%; float:left; min-height: 1px; position: relative; }
.faq-theme--image img{ max-width:244px !important; height: auto; width:100%; margin-right:50px; }
#accordion .panel{ float: right; width:70%; }
@media only screen and (max-width: 959px) {
.faq-theme--image{ width:100%; float:none; text-align: center; }
.faq-theme--image img{ margin: 0px auto; }
#accordion .panel{ float: none; width:100%; }
}
div.faq-entete{ position: relative; }
h3.faq-entete--titre{ font-size:1em; padding-bottom:20px; padding-right:20px; }
h3.faq-entete--titre a:link, h3.faq-entete--titre a:visited{ color: #1a1a1a; text-decoration: none; font-weight: 400; display: block; }
h3.faq-entete--titre a:hover{ color: #baafa9; background: none; }
.faqHeader{ font-size: 27px; margin:0px; text-transform: uppercase; padding: 70px 0px 0px 0px; clear: both; }
.faq-entete [data-toggle="collapse"]:after{ font-family: 'FontAwesome'; content: "\f106"; position: absolute; right:0px; top:0px; color: #baafa9; font-size: 1em; }
.faq-entete [data-toggle="collapse"].collapsed:after{ content: "\f107"; color: #1a1a1a; }
.faq-reponse{ border-left:solid 3px #baafa9; padding:20px 0px 20px 45px; margin-bottom:20px; margin-top:-10px; color: #baafa9; }
.faq-reponse iframe{margin-top:15px;}
div#lien-serviceconso{ text-align: center; padding: 140px 0px; }
div#lien-serviceconso p{ text-align: center !important; }
div#lien-serviceconso div.bouton{ padding:0px; }
div.contenu div#lien-serviceconso a:link, div.contenu div#lien-serviceconso a:visited{ color: #fff; }
div.contenu div#lien-serviceconso a:hover{ background: #baafa9; }
/*** LBF ***/
div#logoHome
{
/* background-image: url(); */
}
/************** popin Newsletter *********************/
#mj-w-overlay { z-index: 30000 !important; }
@media only screen and (max-width: 479px) {
#mj-w-overlay #mj-w-popin-block { width:98% !important; }
.mj-w-overlay-editormj-horizontal{ width:100%;}
.mj-w-popin-content{ width:100% !important; float:none; }
}
/*###################################################### RESPONSIVE ########################################################################*/
@media only screen and (max-width: 959px) {
div.container{ width:100%; }
#arrow_right, #arrow_left{ display:none; }
#navigation ul#menu{ padding-left:0px; width:80%; padding-right:10px; }
#navigation ul#menu li{ font-size:1em; }
#navigation ul#menu a:link, #navigation ul#menu a:active, #navigation ul#menu a:visited { margin-right:5px; }
#navigation ul#menuSocial{ position:absolute; top:80px; left:0px; right:0px; width:100%; background: #e5e6e6; overflow:hidden; height:0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;
-ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#navigation ul#menuSocial li{ margin-right:0px; }
#navigation ul#menuSocial li a:link, #navigation ul#menuSocial li a:visited{ border-right:solid 1px #baafa9; width:60px; }
#navigation ul#menuSocial li#webserie a:link, #navigation ul#menuSocial li#webserie a:visited{ line-height:28px; }
#navigation.is-sticky ul#menuSocial{ height:40px; }
div#header div#logo { height:266px; width:150px; }
div#logoHome { left:0px; }
.home div.container h2, .home div.container-blog h2, div.container h1{ font-size:3em; }
div#unjouetunique div.bloc{ width:32%; margin:0px 1% 5px 0; height:270px; }
div#unjouetunique div.bloc div.over{ padding:25px 15px 25px 15px; }
div#unjouetunique div.bloc h3{ font-size:1.8em; }
div#unjouetunique div#home-faq h3{ font-size:1.8em; }
div.contenu{ width:98%; margin:0px auto 0px auto; }
div.contenu img{ max-width:50%; height:auto; }
p.intro { font-size:1.2em; }
div#navsecondaire div.raccourci{ width:210px; height:210px; margin-right:20px; margin-top:20px; }
div#navsecondaire div.raccourci h6{ padding:15px 0px 15px 0px; font-size:1.4em; }
div#visuel5sens{ background-size:100%; background-position:top center; margin:0px auto 0px auto; width:750px; height:762px; }
div#visuel5sens ul li.ouie{ top:40px; left:550px; width:185px; }
div#visuel5sens ul li.gout{ top:280px; left:580px; width:150px; }
div#visuel5sens ul li.toucher{ top:440px; left:10px; width:200px; }
div#visuel5sens ul li.odorat{ top:270px; left:20px; width:173px; }
div#visuel5sens ul li.vue{ top:130px; left:70px; width:180px; }
div#visuel5sens ul li.prehension{ top:410px; left:0px; width:200px; }
div.wrap{ width:100%; }
div#filtres div.colonne{ float:left; padding-right:15px; position:relative; }
div#listingResultats{ width:100%; }
div#carteMonde{ width:100%; background-size:100%; }
div#carteMonde ul li.continent-2{ top:90px; left:340px; }
div#carteMonde ul li.continent-3{ top:250px; left:100px; }
div#carteMonde ul li.continent-4{ top:230px; left:360px; }
div#carteMonde ul li.continent-5{ top:200px; left:550px; }
div#carteMonde ul li.continent-6{ top:370px; left:610px; }
div#filtres select{ width:280px; }
div.formCourt{ width:25%; }
div.formulaire textarea{ width:90%; }
div#filtresCollections div.parCat{ float:left; margin-left:1%; width:58%; }
div#filtresCollections div.parAge{ float:right; margin-right:1%; width:28%; }
div#navSecondaireCollections div.navSecColl{ width:180px; margin-right:10px; }
div#navSecondaireCollections div.navSecColl img{ width:180px !important; height:180px !important; }
div.moteur{ width:98%; margin:0px auto 0px auto; }
div#footer .container{ width:98%; }
div#footer{ text-align:center; }
div#footer-infos div#vulli{ background-position: top center; }
div#fjp, div#rra{ float:none; }
div#footer-autressites div.titre{ height:auto; padding-top:20px; border-bottom:none; }
div#footer-autressites div.titre h6{ position:relative; margin:0px auto 0px auto; text-align:center; width:100%; }
div#footer-autressites{ width:90%; margin:0px auto 0px auto; float:none; }
div#footer-autressites div.lien{ width:147px; display:inline-block; float:none; }
div#footer-infos{ width:90%; margin:0px auto 0px auto; float:none; clear:both; padding-top:30px; }
div#triman{ float:none; padding-top:8px; }
div#footer-infos div#footer-liens, div#footer ul#langues{ float: none; }
}
@media only screen and (max-width: 767px) {
div#unjouetunique div.bloc{ width:465px; margin:0px auto 25px auto; float:none; height:456px; }
div#unjouetunique div.bloc div.over{ padding:25px 15px 25px 15px; }
div#unjouetunique div.bloc h3{ font-size:2.4em; }
div#unjouetunique div#home-faq h3{ font-size:2.4em; }
#navigation{ height:55px; padding-top:25px; }
#navigation ul#menu{ width:70%; padding:5px 0px 0px 0px; position:relative; margin:0px auto 0px auto; border:solid 1px #796d6d; background:#796d6d url(../images/icon-menu.png) no-repeat 10px 11px; border-radius:3px; /*height:30px;*/min-height:30px; float:none; }
#navigation ul.showmenu{ height:auto; padding-bottom:10px; }
#navigation ul#menu li{ float:none; display:none; }
#navigation ul#menu li span.bull{ display: none; }
#navigation .current{ display:block !important; }
#navigation .current ul{ display:none; }
#navigation ul#menu a:link, #navigation ul#menu a:active, #navigation ul#menu a:visited{ height:auto; padding:2px 0px 0px 40px; margin:0px 0px 10px 0px; text-align:left; background:none !important; border:none !important; font-size:1.2em; display:block; }
#navigation ul#menu a:hover, #navigation ul#menu li.actif a{ color:#1a1a1a !important; }
#navigation ul:hover{ background-image: none; }
#navigation ul:hover .current{ background: url(../images/icon-check.png) no-repeat 10px 7px; }
#navigation ul#menu li ul{ display:block; position:relative; top:0px; background:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; width:auto; padding:0px; margin:0px; border:none; }
#navigation ul#menu li ul li{ float:none; font-size:0.9em; }
#navigation ul#menu li ul li a:link, #navigation ul#menu li ul li a:visited{ color:#999 !important; height:20px !important; width:88% !important; padding-left:12%; margin-right:0px; background:none !important; }
#navigation ul li ul li#m-iletaitunefois a:link strong, #navigation ul li ul li#m-iletaitunefois a:visited strong, #navigation ul li ul li#m-5sens a:link strong, #navigation ul li ul li#m-5sens a:visited strong, #navigation ul li ul li#m-coulisses a:link strong, #navigation ul li ul li#m-coulisses a:visited strong, #navigation ul li ul li#m-jouetstar a:link strong, #navigation ul li ul li#m-jouetstar a:visited strong{ background:none; width:100%; left:0px; bottom:0px; padding:0px 0px 0px 0px; font-size:1em; position:relative;font-weight:300; }
#navigation ul#menu li ul li a:hover .mask{ opacity:0; }
#navigation li#m-collections ul, #navigation li#m-jouetunique ul{ left:0px; }
#navigation li#m-collections ul li a:link, #navigation li#m-collections ul li a:visited, #navigation li#m-collections ul li a:active{ border:none; }
#navigation ul#menu li ul li a:link img, #navigation ul li ul li a:visited img{ display:none; }
#navigation ul#menu li ul li a:link span.notxt, #navigation ul#menu li ul li a:visited span.notxt{ visibility:visible; }
div#collections p.intro{ width:98%; }
div#footer .container{ width:90%; padding-top:20px; }
.home div.container h2, .home div.container-blog h2, div.container h1{ font-size:2.7em; }
div#macaron-concours{ display:none; }
div#header-home{ width:100%; }
div#accroche{ width:98%; }
div#accroche div{ width:100%; background-size:100%; background-position:top center; background-repeat:no-repeat; }
div#navsecondaire div.raccourci{ margin:20px auto 0px auto; float:none; }
div#visuel5sens{ width:550px; background-size:100%; height:600px; background-position:20px 0px; }
div#visuel5sens ul li.ouie{ top:-20px; left:410px; width:150px; }
div#visuel5sens ul li.gout{ top:200px; left:450px; width:100px; }
div#visuel5sens ul li.toucher{ top:220px; left:10px; width:200px; }
div#visuel5sens ul li.odorat{ top:120px; left:20px; width:173px; }
div#visuel5sens ul li.vue{ top:0px; left:30px; width:180px; }
div#visuel5sens ul li.prehension{ top:410px; left:0px; width:200px; }
div#texte5sens .sens{ width:84%; }
div#filtres div.colonne{ float:none; padding-right:0px; }
div#filtres div.colonne h2{ font-size:1.1em; width:100%; clear:both; padding-top:20px; }
div#listingResultats .infoBulle{ width:45%; margin-left:2%; }
div#carteMonde{ height:330px; }
div#carteMonde ul li.continent-2{ bottom:0px; top:auto; left:10px; }
div#carteMonde ul li.continent-3{ bottom:0px; top:auto; left:100px; }
div#carteMonde ul li.continent-4{ bottom:0px; top:auto; left:210px; }
div#carteMonde ul li.continent-5{ bottom:0px; top:auto; left:310px; }
div#carteMonde ul li.continent-6{ bottom:0px; top:auto; left:375px; }
div#carteMonde div.detailMonde{ padding:1%; width:96%; }
div#filtres div.droite{ display:none; }
div.formCourt{ float:none; width:98%; margin:0px auto 15px auto; }
div#visuelCollection img#visuel{ max-width:100%; }
div#bandeauCollection{ height:100px; }
div#titreCollection-fr, div#titreCollection-en{ height:90px; background-size:50%; }
div#flagCollection-fr, div#flagCollection-en{ width:90px; height:125px; left:5px; background-size:100%; }
div#filtresCollections div.parCat{ float:none; margin-left:0; width:90%; margin:0px auto 5px auto; }
div#filtresCollections div.parAge{ float:none; margin-right:0; width:90%; margin:0px auto 0px auto; }
div#playvideocollection8, div#playvideocollection8 img{ width:100px; height:auto; }
div#navSecondaireCollections div.navSecColl{ margin-left:40px; }
div#minis{ position:relative; top:15px; width:98%; margin:0px auto 0px auto; left:0px; }
div#minis div.mini{ margin-bottom:8px; margin-right:8px; float:left; }
div#description{ width:98%; margin:0px auto 0px auto; padding-top:30px; clear:both; }
}
@media only screen and (max-width: 479px) {
#navigation ul#menu{ width:65%; margin-left:25%; }
#navigation ul#menuSocial li{ width:15%; }
#navigation ul#menuSocial li a:link, #navigation ul#menuSocial li a:visited, #navigation ul#menuSocial li#shoplink a:link, #navigation ul#menuSocial li#shoplink a:visited{ width:99%; }
#navigation ul#menuSocial li#webserie, #navigation ul#menuSocial li#shoplink{ width:20%; }
#navigation ul#menuSocial li#shoplink a:link i, #navigation ul#menuSocial li#shoplink a:visited i { margin-left: 5px; font-size: 1em; }
div#unjouetunique div.bloc{ margin:0px auto 25px auto; float:none; width:98%; background-size:auto 100%; background-repeat:no-repeat; }
div#unjouetunique div.bloc h3{ font-size:2em; width:100%; }
div#unjouetunique div.bloc p{ font-size:1em; color:#1a1a1a; }
div#filmsophie{ height:316px; }
div#film{ height:316px; }
div#filmsophie div#masque{ height:316px; }
div#filmsophie div#masque div#play{ position:relative; margin:80px auto 0px auto; height:149px; background:none; width:100%; font-size:0.6em; }
div#filmsophie div#masque div#play a:link, div#filmsophie div#masque div#play a:visited{ padding:30px 0px 0px 120px; }
div#nouveautes a:link, div#nouveautes a:visited{ padding:40px 2% 0px 2%; font-size:1.2em; }
div.bouton a:link, div.bouton a:visited, div.bouton a:hover{ padding:17px 2% 0px 2%; }
div#footer-autressites div.lien{ display:block; margin-left:auto; margin-right:auto; }
div#visuel5sens{ width:350px; background-size:100%; height:380px; font-size:0.8em; }
div#visuel5sens ul li.ouie{ top:-20px; left:220px; width:150px; }
div#visuel5sens ul li.gout{ top:120px; left:250px; width:100px; }
div#visuel5sens ul li.toucher{ top:190px; left:0px; width:110px; }
div#visuel5sens ul li.odorat{ top:120px; left:0px; width:120px; }
div#visuel5sens ul li.vue{ top:-15px; left:0px; width:170px; }
div#visuel5sens ul li.prehension{ top:410px; left:0px; width:200px; }
div#carteMonde{ height:230px; }
div#carteMonde ul li.continent-2{ bottom:0px; top:auto; left:5px; }
div#carteMonde ul li.continent-3{ bottom:0px; top:auto; left:74px; }
div#carteMonde ul li.continent-4{ bottom:0px; top:auto; left:157px; }
div#carteMonde ul li.continent-5{ bottom:0px; top:auto; left:225px; }
div#carteMonde ul li.continent-6{ bottom:0px; top:auto; left:275px; }
div#carteMonde ul li a:link, div#carteMonde ul li a:visited{ padding:8px 10px 8px 10px; font-size:0.9em; }
div#carteMonde div.detailMonde div.lien{ float:left; width:47%; margin:0px 1% 13px 0px; }
div#filtres{ height:120px; }
div.formCourt input{ width:60%; }
div#visuelCollection img#visuel{ margin-top:60px; }
div#bandeauCollection{ height:80px; }
div#titreCollection-fr, div#titreCollection-en{ height:70px; background-size:50%; }
div#flagCollection-fr, div#flagCollection-en{ width:75px; height:105px; left:5px; background-size:100%; }
div#filtresCollections div.parCat{ width:80%; }
div#filtresCollections div.parAge{ width:80%; }
div#navSecondaireCollections div.navSecColl{ float:none; margin:0px auto 0px auto; }
div#grande{ width:100%; }
div#grande img{ max-width:100%; }
}
/******* ADD revendeurs web ***********/
p.intro-revendeurs{ margin: 20px auto 50px auto; }
.revendeur{ float: left; width:210px; height:150px; text-align: center; }
.separ-revendeurs{ text-align: center; }
.separ-revendeurs span{ display:inline-block; background:#baafa9; height: 13px; width:15%; min-width:250px; margin:0px auto; }
.separ-revendeurs1{ margin:0px 0px 50px 0px; }
/****** ADD BANDEAU MSF ***********/
#bandeau-msf{ height:72px; background: url(../msf/images/separ.gif) bottom repeat-x; padding-bottom:8px; }
#bandeau-msf .container{ height:100%; }
#bandeau-msf--logo{ height:72px; float:left; }
#bandeau-msf--logo img{ height:60px; width:auto; margin-top:5px; }
#bandeau-msf--texte{ background:url(../msf/images/bandeau.gif) right no-repeat; height:68px; line-height:70px; float:right; width:595px; padding-right:140px; letter-spacing:0.08em; color:#ee332b; font-size:1.1em; }
#bandeau-msf--texte span{ display: inline-block; vertical-align: middle; line-height:22px; }
#bandeau-msf a:link, #bandeau-msf a:visited{ display: block; color:#ee332b; }
#bandeau-msf a:hover{ color: #000; }
/****** ADD BANDEAU LBF ***********/
#bandeau-msf{ height:66px; background:url(../lbf/separ.gif) bottom repeat-x; padding-bottom:8px; }
#bandeau-msf .container{ height:100%; }
#bandeau-msf--logo{float:left; height:72px;}
#bandeau-msf--logo img{margin-top:0; height: 66px;}
#bandeau-msf--texte{ background:url(../lbf/bandeau.gif) right no-repeat; height:66px; line-height:70px; float:right; width:495px; padding-right:140px; color:#e1b49c; font-size:1.1em; text-align: center; letter-spacing: 0;}
#bandeau-msf--texte span{ display: inline-block; vertical-align: middle; line-height:22px; }
#bandeau-msf a:link, #bandeau-msf a:visited{ display: block; color:#ee332b; }
#bandeau-msf a:hover{ color: #000; }
@media only screen and (max-width: 959px) {
#bandeau-msf--texte{ width:500px; padding-right:100px; letter-spacing:0em; font-size:1em; }
#bandeau-msf--texte{ width:400px; padding-right:100px; letter-spacing:0em; font-size:1em; }
}
@media only screen and (max-width: 767px) {
#bandeau-msf--texte{ width:335px; padding-right:50px; }
#bandeau-msf--texte{ width:235px; padding-right:50px; }
#bandeau-msf--texte span{ line-height:17px; }
}
@media only screen and (max-width: 479px) {
#bandeau-msf{ height:100px; }
#bandeau-msf--logo{ height:100px; float:left; }
#bandeau-msf--logo img{ height:35px; width:auto; margin-top:30px; }
#bandeau-msf--texte{ width:230px; padding-right:20px; height:100px; line-height:100px; font-size:0.9em; background-size:15px; }
#bandeau-msf--texte{ width:200px; padding-right:20px; height:100px; line-height:100px; font-size:0.7em; background-size:15px; }
#bandeau-msf--texte span{ line-height:14px; }
}
/* Boutique Menu */
#navigation ul#menu
{
width: 780px;
padding-left: 170px;
padding-right: 160px;
}
#navigation ul#menu.lang-en
{
width: 520px;
padding-left: 300px;
padding-right: 290px;
}
li#m-shop
{
background-color: #e8d5d2;
margin-left: 20px;
}
body.lang-en li#m-shop
{
display: none !important;
}
#navigation ul#menu li#m-shop a
{
color: #fff !important;
height: 50px;
padding: 30px 30px 0 30px;
margin: 0;
}
#navigation ul#menu li#m-shop a:hover
{
color: #1a1a1a !important;
}
#navigation ul#menuSocial
{
margin-top: 20px;
}
#navigation ul#menuSocial li#shoplink
{
display: none !important;
}
div#boutique.bouton a
{
color: #5b5452;
background-color: #e8d5d2;
padding: 10px 20px 10px 15px;
}
div#retour.bouton a
{
color: #fff;
background-color: #898b8c;
padding: 10px 20px 10px 15px;
}
div#boutique.bouton
{
position: relative;
float: right;
top: 0;
right: auto;
}
body.lang-en div#boutique.bouton
{
display: none;
}
div#retour.bouton
{
position: relative;
top: 0;
left: auto;
float: left;
}
#product-nav-bar
{
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
width: 100%;
height: 40px;
}
div#product-nav-bar-container
{
margin: 0 auto;
width: 290px;
}
div#product-nav-bar-container.lang-en
{
width: 180px;
}
@media only screen and (max-width: 1120px)
{
#navigation ul#menu,
#navigation ul#menu.lang-en
{
padding-left: 0;
}
}
@media only screen and (max-width: 959px)
{
#navigation ul#menu,
#navigation ul#menu.lang-en
{
padding-left: 0px;
width: 80%;
padding-right: 10px;
}
#navigation ul#menu li#m-shop a
{
padding: 30px 15px 0 15px;
}
#navigation ul#menuSocial
{
margin-top: 0;
z-index: 222;
}
}
@media only screen and (max-width: 767px)
{
#navigation ul#menu
{
}
#navigation ul#menu li#m-shop a
{
padding: 15px;
height: auto;
}
}
@media only screen and (max-width: 479px)
{
#navigation ul#menu
{
margin-left: 9%;
}
}