@font-face {font-family:"Alegre Sans NC";src:url("fonts/Al__gre_Sans_Regular_NC.eot?") format("eot"),url("fonts/Al__gre_Sans_Regular_NC.woff") format("woff"),url("fonts/Al__gre_Sans_Regular_NC.ttf") format("truetype"),url("fonts/Al__gre_Sans_Regular_NC.svg#AlgreSansNC") format("svg");font-weight:normal;font-style:normal;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
i,em{
	font-style:italic;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,select{
   border-radius: 0;
}
button{ outline: none; }

body { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #5D5D5D; margin: 0; padding: 0; background: #f8f8ff; }
header nav { font-family: 'Julius Sans One', sans-serif; font-size: 20px; }
.green{ color:#7FB600; }
.orange{ color:#FA6052; }
.blue{ color:#289AD8; }
img{ max-width:100%; height: auto; }
h1,h2,h3,h4{ color:#289AD8;  }
h2 strong{ font-weight: normal !important; }
strong{ font-weight: bold; }
p, li{ line-height: 24px; }
a img{ display: inline-block;}
a{ color:#289AD8; text-decoration: none; cursor: pointer; }

.table{ display: table; width: 100%; }
.row{ display: table-row; }
.cell{ display: table-cell; vertical-align: middle; }

.center{ text-align: center; }
.inner{ max-width: 1130px; margin: auto; padding: 0 20px;}

.button{ font-family: 'Roboto Condensed', sans-serif; font-size:19px; font-weight: bold; color: #fff; display: inline-block; padding: 6px 40px; background:#289AD8; text-decoration: none; text-transform: uppercase; border: none; cursor: pointer;}
.bt-orange{ background:#FA6052; }
.bt-green{ background:#7FB600; }
.bt-blue{ background:#289AD8; color: #fff; }
.rd-button{ display: inline-block; padding-left: 20px; padding-right: 20px; font-size:19px; font-weight: 300; line-height: 41px; color: #5D5D5D; text-decoration: none; border:1px solid #5D5D5D; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.rd-button.bt-blue{ border-color:#289AD8; color: #fff; }
.rd-button.bt-green{ border-color:#7FB600; color: #fff; }
.rd-button.bt-orange{ border-color:#FA6052; color: #fff; }
.loading .bt-orange{ border: none !important; background:url(/img/loading-orange.gif) no-repeat center center; min-height: 32px; min-width: 32px; text-align: left; white-space: nowrap; overflow: hidden; text-indent: -9999px;}

.bt-agenda{ background: #fff no-repeat 10px center; border-color: #76B82D; color: #76B82D; background-size: auto 24px; margin: 7px 5px; }
.bt-halloween{ background-image: url(/img/svg/haloween.svg); padding-left: 42px; background-size: auto 25px;}
.bt-fdp{ background-image: url(/img/svg/fdm.svg); padding-left: 40px; }
.bt-fdm{ background-image: url(/img/svg/fdm.svg); padding-left: 40px; }
.bt-noel{ background-image: url(/img/svg/noel.svg); padding-left: 35px; }
.bt-paques{ background-image: url(/img/svg/noel.svg); padding-left: 35px; }
.bt-coupe{ background-image: url(/img/svg/coupe.svg); padding-left: 40px; }
.bt-fete{ background-image: url(/img/svg/fete.svg); padding-left: 40px; }
.bt-manger{ background-image: url(/img/svg/manger.svg); padding-left: 52px; }
.bt-poisson{ background-image: url(/img/svg/poisson.svg); padding-left: 55px; }
.bt-hiver{ background-image: url(/img/svg/hiver.svg); padding-left: 35px; }
.bt-st-nicolas{ background-image: url(/img/svg/st-nicolas.svg); padding-left: 35px; }
.bt-automne{ background-image: url(/img/svg/automne.svg); padding-left: 35px; }
.bt-ete{ background-image: url(/img/svg/ete.svg); padding-left: 35px; }
.bt-artifice{ background-image: url(/img/svg/artifice.svg); padding-left: 40px; }
.bt-printemps{ background-image: url(/img/svg/printemps.svg); padding-left: 30px; }
.bt-vacances{ background-image: url(/img/svg/vacances.svg); padding-left: 45px; }
.bt-musique{ background-image: url(/img/svg/fete-musique.svg); padding-left: 40px; }
.bt-scolaire{ background-image: url(/img/svg/scolaire.svg); padding-left: 40px; }

.clear{ clear: both; }
.clearfix:after { content: " "; display: block; clear: both; }
.sticky-container { float: right; width: 300px; }

.messages{ margin-bottom: 20px; text-align: center; }
.messages .errors li{ color:#f00; font-weight: 500; }
.messages .notices li{ color:#0f0; font-weight: 500; }

body > #background{ background: url(../img/habillage.png) repeat center top; /**/ padding: 50px 0 0 0; }
body.index > #background{ padding-top: 0; }
body.period > #background{ padding-top: 0; }
body .main { background: #fff; padding-bottom: 50px; }
body.index .main, .period .main{ margin-top: 0; background: none; } 
body.index .main .module,body.period .main .module{ background: #fff; }

body.with-background #background{ padding-top: 50px; }
body.with-background .header-wrapper,
body.with-background .module-type-carousel{ max-width: 1170px; margin: auto;}

header{ background:#fff; position: relative; padding-bottom: 10px; }
header .top{ position: relative; }
header .socials { float: left; margin: 20px 0 0 40px; }
header .socials a{ text-decoration: none; display: inline-block; }
header .socials img{ width: 40px; height: 40px; }
header .tools { float: right; margin: 20px 40px 0 0 ;  position: relative; }
header .tools .button{ padding: 6px 20px; line-height: 20px; }
header .tools .button svg{ margin-right: 5px; height: 20px; vertical-align: middle; }
header .logo{ clear: both; text-align: center; margin-bottom: 10px; }
header .search{ position: absolute; right: 40px; top: 80px; }
header .bt-search{ cursor: pointer; }
header nav{ margin-top:10px; }
header nav a.toggle-menu{ display: none; background: url(../img/bt-menu.svg) center center no-repeat; width: 35px; height:35px; position: absolute; left: 20px; }
header nav .logo{ display: none; }
header nav .tools{ display: none; }
header nav .more{ display: none; cursor: pointer; }

header .search-form{ margin-bottom: 10px; }

header .ad > div > div{ margin-top: 10px !important; }
.ad-horizontal > .banner,
.ad-leaderboard > .banner{ padding: 10px 0; }
.ad > .banner a img{ display: block; margin: auto; }
.criteo-unit{ margin: 10px auto; }

.sidebar{ will-change: min-height; }
.sidebar__inner{transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; margin-bottom: 25px; } 

header nav.opened .tools { float: none; display:block; margin:0 20px; }
header nav.opened .tools .button { display: inline-block; margin-bottom: 10px; text-align: center; }
header nav.opened .category-3623{ display: none !important; }

header .search-header-form{ display: none; }
header .menu-socials{ display: none; margin: 15px 20px 15px 20px; }
header .menu-socials .title{ font-family: "Alegre Sans NC"; color: #289AD8; font-size: 34px; margin-bottom: 10px; }
header .menu-socials a{ display: inline-block; width: 40px; margin-right: 20px; }

header .search .search-header-form{ display: none; }
.header-placeholder{ height: 98px; }
header.fixed{ position: fixed; width: 100%; top:0; left:0; z-index: 10; height: 75px; padding-bottom: 0; }
header.fixed .top{ position: relative;}
header.fixed nav { position: fixed; height: 100%; margin-top: 0; }
header.fixed nav ul{ display:none; }
header.fixed .socials{ display:none; }
header.fixed .logo{ position: absolute; left: 90px; width: 230px; margin-top: 15px;}
/*header.fixed .tools{ position: absolute; right: 20px; }*/
header.fixed .search{ position: relative; float: right; top:initial; right: 15px; margin-top: 17px;}
header.fixed .search img{ width: 32px; height: auto; }
header.fixed .search .bt-search{ display: block; }
header.fixed .inner{ position: relative; }
header.fixed nav .nav-wrapper { width: auto; }
header.fixed .ad{ display:none; }
header.fixed .criteo-unit{ display:none; }
header.fixed nav a.toggle-menu{ display: block; top: 17px; position: absolute; cursor: pointer; }
header.fixed nav .nav-wrapper > ul {display: none; }
header.fixed nav.opened .logo{ display: block; position: absolute; margin: 0; top: 17px; left: 20px; }
header.fixed nav.opened .nav-wrapper{ position: fixed; top: 0; left: 0; display: block; height: 100%;  width: 500px; max-width: calc(100% - 7px); background: #fff; border-right: 7px solid #289AD8; padding-top: 75px;}
header.fixed nav.opened a.toggle-menu{ display: block; left:480px;  background-image:url(../img/bt-close.svg); left: auto; right: 20px; }
header.fixed nav.opened .nav-wrapper > ul{ display: block; left: 0; top: 75px;  max-height: calc(100% - 115px); overflow: auto;  }
header.fixed nav.opened .nav-wrapper > ul li{ display: block; text-align: left; margin: 15px 20px 15px 20px;  }
header.fixed nav.opened .nav-wrapper > ul li .more{ display: block; float: right;  font-weight: bold; color:#289AD8; background: url(../img/arrow-down.svg) no-repeat center center; width: 30px; height: 20px; }
header.fixed nav.opened .nav-wrapper > ul li.clicked .more{ background-image: url(../img/arrow-up.svg); }
header.fixed nav.opened .nav-wrapper > ul li.clicked > a { color:#289AD8; font-weight: bold; }
header.fixed nav.opened .nav-wrapper > ul li li a { font-family: roboto, sans-serif; font-size: 18px; font-weight: 300; }
header.fixed nav.opened .sub-menu{ position: relative; background: none; border:none; display: none; }
header.fixed nav.opened .sub-menu .img{ display: none; }
header.fixed nav.opened .sub-menu ul{ float: none; width: auto; display: block; }
header.fixed nav.opened .sub-menu .inner{ padding: 0; }
header.fixed nav.opened .menu-socials{ display: block; }

header .ad-banner { margin-bottom: 10px; }

.mobile-tools{ text-align: center; }
.mobile-tools .button{ float: left; width: calc(50% - 80px); }
.mobile-tools form{ display:none; }

.dk-select{ background: #289ad8; font-size: 25px; font-family:"Alegre Sans NC"; }
.dk-select .dk-select-options{ background: #289ad8; }
.dk-select .dk-option{ line-height: 30px; float:none !important; width:auto !important; }
.dk-select .dk-selected { background: url(../img/dropkick-down.svg) no-repeat calc(100% - 10px) center; background-size: 30px auto; }
.quick-search-form{ display: none; }
header.fixed .quick-search-form{ position: absolute; top: 75px; width: 100%; }

.search-form { line-height: 54px; border-top: 2px solid #289ad8; border-bottom: 2px solid #289ad8;  }
.search-form .dk-select{ float: left; width: 200px;  line-height: 50px; }
.search-form label{ float: left; width: 200px;  line-height: 50px; background: #289ad8; font-size: 30px; font-family:"Alegre Sans NC"; color: #fff; text-align: center;}
.search-form input[type="text"]{ float: left; border: none; width: calc(100% - 350px); line-height:50px; padding: 0 50px; font-size: 18px; font-family: 'Roboto', sans-serif; }
.search-form button{ float: left; background: #289ad8; border: none; width: 50px; height: 50px; text-align: center; padding: 5px; cursor: pointer;}
.search-form button svg{ margin: auto; width: 35px; margin-top: 4px; }
.search-form button svg *{ fill:#fff; display: block; margin: auto;}


.admin-update{ position: absolute; z-index: 10000; }
.user-tools { position: fixed; top: 250px; left: 0; z-index: 10000; }
.user-tools .button{ display: block; margin-bottom: 5px; position: relative;  }

.h-waves{ background: url(../img/vagues.png) repeat-x center bottom transparent; min-height: 22px; width: 100%; z-index: 2; left: 0; position: absolute; }

.f-waves{ background: url(../img/vagues2.png) repeat-x center bottom transparent; height: 39px; margin-top: 50px; }
footer{ background:#fff; position: relative; color: #606060; }
footer a{ color: #606060; }
footer .inner{ position:relative; }
footer .cols{ display: flex; padding:40px 0 20px 0; }
footer .cols .col{ flex:auto;display: flex; flex-flow: column; justify-content: space-around;/* flex-basis: 50%; */}
footer .cols .col:first-child,
footer .cols .col:last-child{ flex-basis: 25%; align-items: center; }
footer .cols .col .title{ color: #0099DF; margin-bottom: 10px; font-size: 24px; font-family: "Alegre Sans NC"; }
footer .cols .col nav li{ margin-bottom: 5px; }
footer .cols .col nav a{ font-size: 16px }
/*footer .cols .col nav a { line-height: 18px;  }*/ 
footer .cols .col nav a img{ display: inline-block; vertical-align: middle; margin-right: 5px; height: 35px; }
footer .module-newsletter{ max-width: 80%; width:80%; margin:auto; }
footer .socials { margin-top: -50px; position: absolute; width: 100%; text-align: center; z-index: 2; }
footer .socials a{ text-decoration: none; display: inline-block; margin: 0 5px; }
footer .socials img{ width: 100px; height: 100px; }
footer .legals{ color: #fff; font-size: 19px; border-top:2px solid #fff; text-align: center; padding: 15px 30px; }
footer nav.inline{ margin-bottom: 20px; width: 100%; display: table; }
footer nav.inline ul{ display: table-row; }
footer nav.inline ul li{ display: table-cell; text-align: center;}
footer nav.inline ul li a{ color: #fff; font-family: roboto, sans-serif; font-size: 18px; }
footer .ad-banner{ padding:0 0 20px 0; }
footer .legals{ font-size: 14px; color: #606060; border-top: 1px solid #606060;  }
footer .legals a{ color: #606060;  }
footer .menu .menu-title{ display: none; }

nav.inline .nav-wrapper{ display: table; max-width:1170px; width: 100%; margin:0 auto;  }
nav.inline .sub-menu { display: none; width: 100%;  position:absolute; left: 0; z-index: 100;  }
nav.inline .nav-wrapper > ul { display: table-row;  }
nav.inline .nav-wrapper > ul > li{ display: table-cell; text-align: center;  }
nav.inline .nav-wrapper > ul > li a {  text-decoration: none; font-family: 'Julius Sans One', sans-serif; color: inherit;}
nav.inline .nav-wrapper > ul > li ul a {  font-size:18px; }
header nav.inline ul li.on > a{ color:#289AD8; }
header nav.inline ul li.on > a , header nav.inline ul li a:hover{ font-weight: 700;}
header nav.inline ul li.on .sub-menu{ display: block; background: #fff; border-bottom: 7px solid #289AD8; padding: 20px 0; }
.sub-menu .inner{ padding: 0 50px; }
.sub-menu .img{ float: left; margin-right: 30px; }
.sub-menu ul{ float: left; margin-right: 30px; width:calc((100% - 250px - 120px) / 3); text-align: left; }
.sub-menu li{ margin-bottom: 5px; }
.sub-menu .img { width: 250px; }
.sub-menu .img img{ max-width: 100%; height: auto;  }



li article { margin-bottom: 25px; position: relative; }
li article .img{ position: relative; float:left; margin: 0 25px 0 0; cursor: pointer; text-align: center; }
li article .title{ font-family:"Alegre Sans NC"; font-size: 30px;  margin-bottom: 15px; }
li article .title a{ color: inherit; text-decoration: none; }
li article img{ margin: auto; display: block; }
.line-list li article .img:after{
    content:''; 
    position:absolute; 
    z-index:2; 
    bottom:-8px; 
    left:0; 
    width:100%; 
    height:23px; 
    background:url(../img/waves.png) repeat-x;
    padding:0;
    margin:0;
}
.col-list{ margin-bottom: 25px; }
.col-list li:last-child article{ margin: 0; }

.grid-list{ display: flex; flex-flow: row wrap; justify-content: left; align-items: baseline; }
.grid-list li{ flex: 0 1 calc((100% / 3) - 20px); width: auto; margin: 0; padding:10px; }
.grid-list li article{ max-width: 300px; margin: auto; }
.grid-list li article .title{ font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-align: center; line-height: 25px; height: 50px; overflow: hidden; font-weight: 500; }
.grid-list li article .img{ margin-bottom: 10px; float: none; display: block; margin: 0 auto 10px auto; }
.grid-list li.teads-ctn{ margin: 0 !important; flex-basis: 100%; }
.grid-list li.invibes-ctn{ margin: 0 !important; flex-basis: 100%; }

.grid-list-ad { float: left; width: calc(100% - 300px); }
.grid-list-ad li article .img{margin-bottom: 10px; width: 100%; height: auto; overflow: hidden;}

.col-list li article{ display: flex; flex-flow: row; }
.col-list li article > *{ flex: auto; }
.col-list li article .img{ flex-basis: calc(50% - 20px); max-width: 400px; }
.col-list li article .text{ flex-basis: 50%; }
.block-line-list{ padding-bottom: 30px; }
.line-list-img li{ float:left; width: calc(33% - 10px); margin: 0 5px; }
.line-list-img li article .img{ margin: 0;}
.line-list-img li article .title{ display:none; }
.line-list-img li article a:hover .title{ display:block; }

.module-videos{ padding-bottom: 30px; }
.module > h1,.module > h2,.module-text-item > h2{ font-family:"Alegre Sans NC"; text-align: center; color:#289AD8; font-size: 45px; padding: 30px 0; margin: 0; }
.module .excerpt-text{ padding-top: 0; padding-bottom: 30px; }
.module-ad{ display: block; text-align: center; margin: 30px auto; }
.module-text h2{ padding-bottom: 15px; }

.module.pub{ padding-top: 20px; padding-bottom: 20px; }

.module .footer-links{ margin-bottom: 20px }
.module .footer-links a{display: inline-block; padding-left: 20px; padding-right: 20px;font-size: 19px; font-weight: 300;line-height: 41px; color: #5D5D5D; text-decoration: none;border: 1px solid #5D5D5D;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; margin: 5px; }

.featured-items{ padding-bottom: 25px; }
.featured-items .footer-links{ margin: 25px 0; }
.featured-items ul{ float: left; width:calc(100% - 350px); margin-right: 50px; margin-bottom: 0; }
.featured-items .ad{ float: right; width: 300px; }
.featured-items .bt-more{ margin-top: 20px; }

.featured-list article{ color: #606060; }
.featured-list article a{ color: inherit; }
.featured-list article .title{ font-family: roboto; font-weight: bold; color: #606060; }
.featured-list .featured{ display: flex; align-items: center; margin-bottom: 20px; }
.featured-list .featured .img{ flex-basis: 60%; cursor: pointer; }
.featured-list .featured .text{ flex-basis: 40%; text-align: left; padding: 0 30px; }
.featured-list .featured .text .title{ font-size: 20px; margin-bottom: 10px; }
.featured-list ul { display: flex; }
.featured-list ul li{ flex-basis: 25%; margin: 0 10px; text-align: center;  }
.featured-list ul li:first-child{ margin-left: 0 }
.featured-list ul li:last-child{ margin-right: 0 }
.featured-list ul li .img{ margin: 0; float: none;  }
.featured-list ul li article .title{ font-size: 16px; line-height: 16px; margin: 10px 0; }

.module-type-carousel{ position: relative; }
.module-carousel .carousel .owl-stage-outer{ overflow: hidden; white-space:nowrap; width: 100%;}
.module-carousel .carousel .owl-item{ display: block; float: left;}
.module-carousel li { position: relative; width: 100%; }
.module-carousel li.with-filter::before{ content:''; display: block; position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index: 10; background: url(/img/carousel-overlay.png) no-repeat center center; background-size:  cover; }
.module-carousel li img{ display: block; width: 100%; cursor: pointer;}
.module-carousel li .text{ left:0; bottom: 0; background: none; position: absolute; width: 100%; padding: 10px 0 30px 0;  z-index: 20; }
.module-carousel li .title{ font-family:"Alegre Sans NC", sans-serif; font-size: 40px; line-height: 40px; color:#fff;  display:inline-block; /**/ text-decoration: none; white-space: normal; border-bottom: 2px solid #fff; }
.module-carousel li .subtitle{ font-family:"Roboto", sans-serif; color: #fff; display: block;  }
.module-carousel .owl-dots{ text-align: center; width: 100%; margin-top: -25px; position: absolute; z-index: 100; /**/}
.module-carousel .owl-dots .owl-dot{ border:1px solid #fff; display: inline-block; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: none; margin: 0 5px; cursor: pointer; }
.module-carousel .owl-dots .active{ background: #fff; cursor:auto; }
body.index .module-carousel h1{ font-size: inherit; font-family: inherit; color: inherit; text-align: center; line-height: 24px; }



.module-videos .video{ float:left; width: calc(70% - 20px); margin-right: 20px; }
.module-videos .video iframe{ width: 100%; margin-bottom: 20px; }
.module-videos .video .title{ font-family:"Alegre Sans NC"; margin-bottom: 20px; font-size: 30px; }
.module-videos .video .description{ margin-bottom: 20px; }
.module-videos .wide-video{ width: calc(100%); }
.module-videos .list{ float:right; width: 30%; }
.module-videos .list .title{ font-family: inherit; font-size: inherit; font-weight: 300; color: #5D5D5D; }
.module-videos .list article{ margin-bottom: 20px; }
.module-videos .list article .img{ margin-right: 10px; }
.module-videos .list li article .img:after{ background: none; }
.module-videos .list article .img img{ display: block; }

.module-newsletter{ padding: 10px 0 0 0; text-align: center; flex-basis: 80%; }
.module-newsletter .inspiration{ font-family:"Alegre Sans NC"; color:#289AD8; font-size: 24px; margin:0 auto 5px auto; }
.module-newsletter .inspiration img{ max-width: 30px; }
.module-newsletter .inspiration span{ display: block; margin-top: 15px; }
.module-newsletter .title{ font-family:"Alegre Sans NC"; color:#606060 !important; font-size: 38px; }
.module-newsletter .img{ max-width: 200px; margin-bottom: 20px;}
.module-newsletter .field-wrapper{ display:flex; align-items: center; justify-content: flex-end; background: #fff; border: 2px solid #289AD8; padding:0 0 0 10px; margin-left: auto; margin-right: auto; margin-top: 5px; }
.module-newsletter .field-wrapper input{ border: none; font-family: roboto, sans-serif; font-weight: 300; font-size: 14px; display: inline-block; vertical-align: middle; width: calc(100% - 50px);  }
.module-newsletter button { cursor: pointer; font-family:"Alegre Sans NC"; color:#fff; font-size: 30px; background: #89E9FB; border: none; border-left: 2px solid #289AD8; vertical-align: middle; width: 40px; padding: 0;}
.module-newsletter .loading button{ cursor: default; background: url(../img/newsletter-module-loading.gif) no-repeat center center; text-indent: -9999px }
.module-newsletter form .output{ margin-top: 20px; color: #fff}
.module-newsletter form .output.success{ color: #fff}
.module-newsletter form .output.error{ color: #f00}
.module-newsletter form #email-error .form-error{ margin: 5px 0 0 0; color: #f00; display: block;}


.excerpt-text { padding-top: 20px; padding-bottom: 20px; }

.breadcrumbs{ margin-top: 0; display: block; text-align: center; margin-bottom: 20px;  }
.breadcrumbs ul{ padding-top: 20px; }
.breadcrumbs li{ display: inline-block; vertical-align: middle; font-family: "Alegre Sans NC"; color:#5d5d5d; font-size: 24px; height: 24px;}
.breadcrumbs li a { color:inherit; text-decoration: none; }
.breadcrumbs .bt-home{ background: url(../img/home.svg) no-repeat left center; color:#5d5d5d; padding-left: 20px; background-size: auto 18px; }
.breadcrumbs .sep{ background: url(../img/sep.svg) no-repeat center center; background-size: 9px auto; color:#5d5d5d; width: 19px; margin: 0 3px; }

.nav-tools .bt-pagin{ position: absolute; bottom: 40px; width:auto; height: 60px; padding:10px 10px 10px 50px; background: url(../img/bt-prev.svg) no-repeat left center #fff; background-size: 30px 60px; max-width: calc(100% - 60px); overflow: hidden; }
.nav-tools .bt-pagin span{ display: none; white-space: nowrap; line-height: 60px; }
.nav-tools a.bt-pagin:hover{ -moz-box-shadow: 0px 0px 20px 0px #656565; -webkit-box-shadow: 0px 0px 20px 0px #656565; -o-box-shadow: 0px 0px 20px 0px #656565; box-shadow: 0px 0px 20px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=0, Strength=20); }
.nav-tools .bt-pagin:hover span{ display: inline-block; vertical-align: middle; }
.nav-tools .bt-previous{ background-image: url(../img/bt-prev.svg); background-position: 10px center; left:-60px; }
.nav-tools .bt-next{ background-image: url(../img/bt-next.svg); background-position: calc(100% - 10px) center; right:-60px; padding:10px 50px 10px 10px;  }

.socials-share{ margin:0 0 20px 0; text-align: center; }
.socials-share a{ display: inline-block; margin:0 3px; }

#painting-file .nav-tools .bt-pagin{ top: calc(50% - 30px); }

.tags-block .tags .rd-button{ margin:10px 5px;}
.content h1{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 45px; line-height:32px; margin: 20px 0 20px 0;}
.subcategories h2,
.steps h2,
.page-content h2,
.content .block h2{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 38px; padding: 40px 0 25px 0; margin: 0;}

body > .main { margin-bottom: 100px; padding-bottom: 20px; position: relative; }


.content-header{ margin:0 60px; position: relative; }
.content-header.without-pagin{ margin:0; }
.content-header .featured-img{ margin: 0 40px 20px 0; float: left; max-width: 400px; display: block; cursor: default; }
.content-header .featured-img img{ display: block; margin: auto; }
.content-header h2{ font-family:"Alegre Sans NC"; color:#7fb600;  font-size: 30px; margin: 0 0 10px 0;}
.content-header .excerpt-text,
.content-header .no-excerpt-description{ margin-top: 10px; margin-bottom: 10px; }

/*.index > .main{ background: none; }
.index > .main > div{ background: #fff; }*/

.period .header{ position: relative; }
.period .header img{ display: block; }
.period .header .title{ position: absolute; width: 100%; text-align: center; bottom: 0; background: rgba(255,255,255,0.7); }
.period .header .title .inner{ position: relative;}
.period .header .title .socials-share{ position: absolute; right:0; top: 0; }
.period .header .title h1{ margin: 10px 0; line-height: 48px;}
.period .description{ background: #fff; }
.period .breadcrumbs{ background: #fff; }
.period .breadcrumbs{ padding: 20px 0; margin-bottom: 0; }
.period .breadcrumbs ul{ padding-top: 0;}

.multi-page .content-header{ margin:auto; position: relative; }
.multi-page .content-header .buttons{ position: absolute; width: 100%; }
.multi-page .content-header .buttons .rd-button{ background: #289ad8; color: #fff;  border-color: #fff; }
.multi-page .content-header .buttons .prev{ float: left; }
.multi-page .content-header .buttons .next{ float: right; }
.multi-page .content-header .titles{ padding-left: 340px; line-height: 48px; }
.multi-page .content-header .titles .num{ font-size: 60px; line-height: 30px;}
.multi-page .content-header .with-subtitle{ line-height: normal; margin-bottom: 20px; }
.multi-page .content-header .with-subtitle h2{ margin-bottom: 0; }
.multi-page .content-header .with-subtitle h3{ color: #7fb600; font-size: 20px; }
.multi-page .next-subpages .subpage{ position: relative; float: left; width: calc(100% / 5);  }
.multi-page .next-subpages .subpage::before {
    content: ' ';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40, 154, 219, 0.7);
    padding: 0;
    margin: 0;
    opacity: 0;
    filter: Alpha(Opacity=0);
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}
.multi-page .next-subpages .subpage:hover::before{
    opacity:1;
    filter:Alpha(Opacity=1);
}
.multi-page .next-subpages .subpage .order{ width: 100%; position: absolute; display: none; text-align: center;     font-family: "Alegre Sans NC";  color: #fff; text-align: center; left: 0; font-size: 60px; line-height: normal; height: auto; }
.multi-page .next-subpages .subpage img{ display: block; width:100%;  height: auto; }

.steps-wrapper{ margin-bottom: 50px; }
.steps-wrapper h2{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 38px; margin: 40px 0 20px 0;}
.steps{ width: calc(100% - 300px); float: left;}
.steps .step{ float: left; width: calc(50% - 60px); margin-right: 60px;  margin-bottom: 15px; }
.steps .step:nth-child(odd){ clear: left; }
.steps .step img{ display: block; }
.steps .step h3{ font-family:"Alegre Sans NC"; color:#289ad8; font-size:27px; text-align: center; margin: 15px 0; }
.steps .step .description{ }
.activity .page-content{ margin-bottom: 50px; }
.page-content .sticky-guide{ width: calc(100% - 350px); margin-right: 50px; float: left; min-height: 600px; }
.page-content iframe{ width: 100%; height: 640px; margin: auto; }
.featured{ margin-bottom: 40px; }
.featured h2{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 38px; margin: 40px 0 20px 0;}


.featured{ text-align: center; }
.featured .grid-list { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; }
.featured .grid-list li{ float: none; flex: auto; flex-basis: calc(25% - 20px); padding: 0 10px; width:auto; margin:0 !important; }
.featured .grid-list li:nth-child(2n){ margin:0 !important; }
.featured .grid-list li article{ margin: 0 auto; max-width: 250px; }
.featured .grid-list li:nth-child(4n+1){ margin-left: 0; }
.featured .grid-list li:nth-child(4n){ margin-right: 0; }
.featured .grid-list li .img{ height: auto; margin-bottom: 0; }
.featured .grid-list li .img:before,
.line-list-img li article .img:before{
    content:''; 
    position:absolute; 
    z-index:2; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background-color:rgba(40, 154, 219, 0.7);
    padding:0;
    margin:0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    opacity:0;
    filter:Alpha(Opacity=0);
}
.featured .grid-list li .img:hover:before,
.line-list-img li article .img:hover:before{
    opacity:1;
    filter:Alpha(Opacity=1);
}
.featured .grid-list li .title,
.line-list-img li article .title{ display:none; font-family:"Alegre Sans NC"; color:#fff; text-align: center; width:calc(100% - 20px); left: 0; padding: 0 10px;      font-size: 32px; line-height: normal; height: auto; }



.featured-pages .grid-list { display: flex; flex-flow: row wrap; justify-content: center; width: 100%; }
.featured-pages .grid-list > *{ flex: auto; }
.featured-pages .grid-list li{ float: none; flex: auto; flex-basis: calc(25% - 20px); width:auto; margin:0 !important; padding: 0 10px; }
.featured-pages .grid-list li article{ margin: auto ; }

.featured-pages h2.title{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 38px; padding: 40px 0 20px 0;}
body.period .featured-pages-wrapper,
body.index .featured-pages-wrapper{ padding: 0 20px; max-width: 1130px; margin: auto; background: #fff; }


.tags-block{ margin-bottom: 40px; }

.seo-txt{}
.seo-txt h2{ font-family:"Alegre Sans NC"; color:#289ad8; text-align: center; font-size: 38px; margin: 40px 0 20px 0;}
.seo-txt h3{ font-family:"Alegre Sans NC"; color:#289ad8; font-size: 21px; margin: 0 0 5px 0; }
.seo-txt li,
.seo-txt p{ font-size: 14px; margin-bottom: 25px; line-height: 18px; }

.painting .content-header{ min-height: 0; margin-bottom: 30px; }
.painting .nav-tools .bt-pagin{ display: none; }
.painting .buttons a { margin:5px 20px; white-space: nowrap; padding-left: 15px; padding-right: 15px;  }
.painting .buttons a svg{ width:30px; height:30px; float: left; margin-top: 5px; margin-right: 10px; }
.painting .buttons a:hover{ border-color: #289ad8; color:#fff; background-color:#289ad8; }
.painting .buttons a:hover path{ fill:#fff; }
.painting .page-content{ text-align: center; }
.painting .nav-tools .left{ left: 0; }
.painting .nav-tools .right{ right: 0; }
#painting-file{ margin:0 0 0 0; position: relative; }
#painting-file .painting-container{ position: relative; margin-bottom: 30px; }
#painting-file .buttons{ margin-bottom: 30px; }
#painting-file .nav-tools .bt-pagin{ display: block; }
#painting-file .nav-tools .bt-previous{ left:0 }
#painting-file .nav-tools .bt-next{ right:0 }
#painting-file .sticky-guide{ position: relative; }
#painting-file img{ display: block; margin: auto; }
#img_coloriage { max-width: calc(100% - 120px); }
#print-formats { text-align: center; }
#print-formats p{ margin-bottom:20px; display: block; font-family: "Alegre Sans NC"; color: #289ad8; text-align: center; font-size: 30px; }
#print-formats a{ display: inline-block; margin: 0 12px; color: inherit; }
#print-formats a svg{ width: 100px;  }
#print-formats a.first{ margin-left: 0; }
#print-formats a.last{ margin-right: 0; }
#print-formats a span { display: block; font-size: 14px; margin-top: 10px; }
/*#print-formats a:hover{ color:#fff; background-color:#289ad8; border-color: #289ad8; }*/

/*.bt-print{ background: url(../img/printer.svg) no-repeat 15px center; padding: 0 20px 0 55px; background-size: 30px 30px; }
.bt-download{ background: url(../img/pencil.svg) no-repeat 15px center #289ad8; padding: 0 20px 0 55px; background-size: 30px 30px; }*/

.rte-content table { width: 100%; border:none; background: #def0f9; border-collapse: separate; border-spacing: 10px; margin: 25px 0; }
.rte-content th{ background: #c0e9fc; border:none; padding: 10px; color: #289ad8; font-size:22px;  font-weight: 500; }
.rte-content td{ border:none; background: #fff; padding: 10px; color: #5d5d5d; font-size:18px;  }

.rte-content h2{ font-family: "Alegre Sans NC"; color:#289ad8; font-size: 30px; padding: 0 0 25px 0; margin: 0 0 0 0; text-align: left; font-style: normal !important; }
.rte-content h2 strong,
.rte-content h3 strong{ font-weight: normal; }
.rte-content h3{ font-family: "Alegre Sans NC"; color:#5d5d5d; font-size: 30px; margin: 0 0 25px 0; margin: 0 0 0 0; text-align: left; font-style: normal !important; }
.rte-content h2 span,
.rte-content h3 span{ font: inherit !important; font-size: inherit !important; color: inherit !important;}
.rte-content p{ margin-bottom: 10px; }
.rte-content ul{ margin-bottom: 10px; list-style: disc; margin-left: 1em;  }
.rte-content ol{ margin-bottom: 10px; list-style: decimal;  margin-left: 1em;  }

.rte-content .read-more{ border-top:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; color: #5d5d5d; padding: 5px 0; display: inline-block; margin-left:20px; cursor: pointer; }
.rte-content .read-more a { color:inherit; }
.rte-content .read-more strong { text-transform: uppercase; }
.rte-content audio{ margin: 25px 0; }
.rte-content .img-left{ float: left; margin: 0 25px 25px 0; }
.rte-content .img-right{ float: right; margin: 0 0 25px 25px; }

.rte-content  blockquote{  font-size: 21px; color: #8e8e8e; text-align: center; line-height: normal; font-weight:bold; margin-bottom:5px; }
.rte-content  blockquote div{ font-family:"roboto"; font-style: italic; font-size: 18px; font-weight: 300;  }
.rte-content  blockquote p{ line-height: inherit; margin-bottom: 0; }
.rte-content  blockquote ul,
.rte-content  blockquote ol{ font-family:"roboto"; font-size: 18px; font-weight: 300;  }
/*.rte-content a img{ clear:left; float: left; margin: 0 10px 10px 0; }*/


.search-page{ padding-top: 20px; }
.search-page .nb-results{ text-align: right; margin: 10px 50px 40px 0; }
.search-page .categories{ border: 1px solid #5d5d5d; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 50px; }
.search-page .categories .title{ font-family: "Alegre Sans NC"; border-bottom: 1px solid #5d5d5d; text-align: center; font-size: 33px; color: #289ad8; padding:10px 0; }
.search-page .categories .category-cols{ padding: 10px; }
.search-page .categories ul{ float: left; width: 33%;}
.search-page .categories ul li{ margin-left: 1em; }
.search-page .categories ul li::before { content: "\2022"; color: #289ad8; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; }
.search-page .categories ul a{ color:inherit; font-size: 15px; line-height: normal; }
.search-page .pagination{ text-align:center; clear: both; }
.search-page .no-result{ text-align:center; margin-bottom: 40px; }
.search-page .results-sort{ float: right; }
.search-page h1{ text-align: left; float: left; font-size: 35px; line-height: 32px; margin: 0 0 20px 0;}

.search-page .sticky-guide { float: left; width: calc(100% - 320px); margin-right: 20px; }

.results-sort label{color: #7fb600; font-family: Roboto; font-size: 16px; font-weight: 500; }
.results-sort .dk-select{ background: none; font-family: Roboto; font-size: 16px; color: #7fb600; }
.results-sort .dk-select .dk-select-options{ background: #fff; }
.results-sort .dk-select .dk-selected{ background-image:url(../img/dropkick-down-green.svg); background-size: 20px auto;  }
.results-sort .dk-option-selected { color: #7fb600; }
/*.search-page .search-form input[type="text"]{ text-align: right; }*/

.page .content .ad-leaderboard,
.activity .content .ad-leaderboard,
.painting .content .ad-leaderboard{ margin: 30px 0; }

.shop-10d{ padding-bottom: 20px; margin-top: 20px; }
.period .shop-10d{ margin-top: 0; padding-top: 40px; }
.shop-10d h3{ font-family: "Alegre Sans NC"; color:#fc6052; font-size: 38px; margin: 0 0 20px 0; text-align: center; font-style: normal; }
.shop-10d h3 .logo-10d{ position: absolute; margin-top: -30px; width: 120px; height: auto; }
.shop-10d li{ float: left; width: calc(50% - 50px); margin-right: 50px; margin-bottom: 20px; }
.shop-10d .product .left{ float: left; width: 80%; }
.shop-10d .product .left .img{ float: left; margin-right: 10px; display: block; width: 150px; height: auto;}
.shop-10d .product .left .img img{ display: block; }
.shop-10d .product .right{ float: left; width: 20%; text-align: right;  }
.shop-10d .product .from_price{ display: block; font-weight: bold; font-size: 18px; color: inherit; }
.shop-10d .product .from_price sup{ margin-top: -5px; text-transform: uppercase; font-weight: 300;  font-size: 14px; display: none; }
.shop-10d .product .from{ display: block; font-weight: 300; font-size: 14px; }
.shop-10d .product .unit-price{ font-size: 14px; }
.shop-10d .product .title a { color: #fc6052; font-weight: 400; }
.shop-10d .product .reference { color: inherit; font-size: 14px; }
.shop-10d .rd-button{ background:#fc6052; color:#fff; border:none; }
.shop-10d .filter{ text-align: center; margin: 30px 0; }
.shop-10d .filter .rd-button{ background: #fff; color:#fc6052; border: 1px solid #fc6052; font-size: 16px; line-height: 35px;  }
.shop-10d .filter .rd-button.on{ background:#fc6052; color:#fff; font-weight: bold; }


.ad-leaderboard{ text-align: center; }
.ad-leaderboard .banner{ margin: auto; }
/*.ad-leaderboard .ad-unit > *{ padding-top:10px !important; padding-bottom: 20px !important; }*/


form .checkbox { margin-bottom: 20px }
form .checkbox:after,form .text:after,form .choice:after, form .textarea:after { content: " "; display: block; clear: both; }
form .checkbox .input{ float: left; width: 25px; }
form .checkbox label{ float: left; width: calc(100% - 25px);  }
form .checkbox label strong{ font-weight: normal; }
form .checkbox p{ margin-left: 25px; }
form .text, form .choice, form .textarea{ margin-bottom: 10px; }
form .text label,
form .choice label{ float: left; width: 200px; line-height: 30px; }
form .text input,
form .choice select{ float: left; width: calc(100% - 200px); box-sizing:border-box; padding: 5px;border-width: 1px; border-style: solid; border-color:rgb(169, 169, 169); }

form .textarea textarea{ width: 100%; box-sizing: border-box; height: 100px; }
form .bt-blue{ border-color: #fff; color: #fff; }
form .submit{ margin-bottom:20px; cursor: pointer; }
form.loading button{ cursor: default; background: url(../img/newsletter-module-loading.gif) no-repeat center center; text-indent: -9999px }
form .output{ margin:0 0 20px 0; color: inherit; text-align: center; }
form .output.error{ color: #f00}
span.form-error{ clear:both; font-size: 14px; display: block; margin-left: 200px; padding-top: 5px; color:#f00; }


body.newsletter { background: #fff; }
body.newsletter h1,
body.newsletter h2{ font-size: 40px; font-family:"Alegre Sans NC"; text-align: center; margin-bottom: 40px; }
.newsletter-page{ max-width: 1170px; margin: auto; background: #fff; }
.newsletter-page .img{ display: block; position: relative;  margin-bottom: 40px; }
.newsletter-page .img:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 23px;
    background: url(../img/waves.png) repeat-x;
    padding: 0;
    margin: 0;
}
.newsletter-page .optins{ margin-bottom: 20px; }
.newsletter-page form > div:after { content: " "; display: block; clear: both; }
.newsletter-page form .checkbox { margin-bottom: 10px }
.newsletter-page form .checkbox:after  { content: " "; display: block; clear: both; }
.newsletter-page form .checkbox .input{ float: left; width: 25px; }
.newsletter-page form .checkbox label{ float: left; width: calc(100% - 25px);  }
.newsletter-page form .checkbox label strong{ font-weight: normal; }
.newsletter-page form .checkbox p{ margin-left: 25px; }
.newsletter-page form .text, .newsletter-page form .choice{ margin-bottom: 10px; }
.newsletter-page form .text label,
.newsletter-page form .choice label{ float: left; width: 200px; line-height: 30px; }
.newsletter-page form .text input,
.newsletter-page form .choice select{ float: left; width: calc(100% - 200px); box-sizing:border-box; padding: 5px;border-width: 1px; border-style: solid; border-color:rgb(169, 169, 169); }
.newsletter-page form .bt-blue{ border-color: #fff; color: #fff; }
.newsletter-page form .submit{ margin-bottom:20px !important; cursor: pointer; }
.newsletter-page form.loading button{ cursor: default; background: url(../img/newsletter-module-loading.gif) no-repeat center center; text-indent: -9999px }
.newsletter-page form .output{ margin:0 0 20px 0; color: inherit; text-align: center; }
.newsletter-page form .output.error{ color: #f00}
.newsletter-page span.form-error{ clear:both; font-size: 14px; display: block; margin-left: 200px; padding-top: 5px; color:#f00; }
.newsletter-page .optins span.form-error{ clear: none; float: left; font-size: 14px; display: block; padding-top: 5px; color:#f00;margin-left: 25px; }
.newsletter-page .mentions{ font-size: 12px; }
.newsletter-page .mentions p{ margin-bottom: 10px; margin-top: 20px; line-height: normal;}


body.campaign h1,
body.campaign h2{ font-size: 40px; font-family:"Alegre Sans NC"; text-align: center; margin-bottom: 40px; }
.registration-page{ max-width: 1170px; margin: auto; background: #fff; }
.registration-page .img{ display: block; position: relative;  margin-bottom: 40px; }
.registration-page .img img{ width: 100%; }
/*.registration-page .img:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 23px;
    background: url(../img/waves.png) repeat-x;
    padding: 0;
    margin: 0;
}*/
.registration-page p{ margin-bottom: 20px;  }
.registration-page .optins{ margin-bottom: 40px; }
.registration-page form > div:after { content: " "; display: block; clear: both; }
.registration-page form .checkbox { margin-bottom: 20px }
.registration-page form .checkbox:after  { content: " "; display: block; clear: both; }
.registration-page form .checkbox .input{ float: left; width: 25px; height: 50px; }
.registration-page form .checkbox label{ float: left; width: calc(100% - 25px); margin-bottom: 5px;  }
.registration-page form .checkbox label strong{ font-weight: normal; }
.registration-page form .checkbox p{ margin-left: 25px; }
.registration-page form .text, .registration-page form .choice{ margin-bottom: 10px; }
.registration-page form .text label,
.registration-page form .choice label{ float: left; width: 200px; line-height: 30px; }
.registration-page form .text input,
.registration-page form .choice select{ float: left; width: calc(100% - 200px); box-sizing:border-box; padding: 5px;border-width: 1px; border-style: solid; border-color:rgb(169, 169, 169); }
.registration-page form .bt-blue{ border-color: #fff; color: #fff; }
.registration-page form .submit{ margin-bottom:20px; cursor: pointer; }
.registration-page form.loading button{ cursor: default; background: url(../img/newsletter-module-loading.gif) no-repeat center center; text-indent: -9999px }
.registration-page form .output{ margin:0 0 20px 0; color: inherit; text-align: center; }
.registration-page form .output.error{ color: #f00}
.registration-page span.form-error{ clear:both; font-size: 14px; display: block; margin-left: 200px; padding-top: 5px; color:#f00; }
.registration-page .checkbox span.form-error{  margin-left: 0; white-space: nowrap; }
.registration-page .mentions{ font-size: 12px; }
.registration-page .mentions p{ margin-bottom: 10px;}
.registration-page #validation-error-dialog{ padding-left: 25px; }

body.not-found .main{ max-width: 1170px; padding: 0;}
body.not-found .page-not-found{ position: relative; }
body.not-found .page-not-found p{ font-size: 30px; color: #fff; line-height: normal; font-weight: 300; margin-bottom: 40px; }
body.not-found .page-not-found img{ display: block; }
body.not-found .page-not-found .rd-button{ color: #fff; border-color: #fff; }
body.not-found .page-not-found .txt{ position: absolute; bottom: 10%; left: 0; width: 50%; text-align: center; }

.fancybox-slide--iframe .fancybox-content { max-width:90%; max-height:90%; margin:0; }
.popup-10d .fancybox-slide--iframe .fancybox-content { width:1000px; }

.teads-ctn,
.invibes-ctn{ width: 100% !important; clear:left !important; overflow: auto; }
body.painting .teads-ctn,
.page-content .invibes-ctn{ max-width:800px; margin: auto; }

/*
* TABOOLA
*/
#tbl-next-up{ display:none !important; }

/*
* Quantcast
*/
a.qc-cmp-persistent-link { display: none !important; }

.adblock-detection .ad{ height: 1px; width: 1px; }

/*#background .trc_elastic_thumbnails-c .videoCube{ width: 100%; margin: 0;}*/
#background .trc_elastic .trc_rbox_header_span{ font-family: "Alegre Sans NC"; color: #289ad8; font-size: 23px; font-weight: normal; }
#background .trc_elastic_thumbnails-c .trc_rbox_header_span{ display:none; }
#background .trc-content-sponsored .item-label-href .trc_ellipsis{ color: #5D5D5D; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; text-align: center; line-height: 25px; height: 50px; overflow: hidden; white-space: pre-wrap; }
#background .syndicatedItem .branding{ display: none; }
#background .trc_elastic .thumbBlock_holder{ margin-bottom: 10px; }
#background .syndicatedItem .video-label-box{ height: auto; }

body.contact h1{ padding: 40px 0; margin: 0; }
body.contact .left{ width: 50%; background: url(../img/contact-img.png?v=2) no-repeat left center; background-size: 90% auto;  }
body.contact .form{ width: 50%; }
body.contact .form form{ margin-left: 40px; }
body.contact .form form .submit{ margin-bottom: 0; }
body.contact .infos{ float: right; background: url(../img/contact-bg.png) repeat-y; text-align: center; color: #fff; width: 354px; margin-left: 80px; padding: 20px 0;}
body.contact .infos h2{ margin-bottom: 15px; color: #fff; font-family: "Alegre Sans NC"; font-size: 40px; font-weight: normal; }
body.contact .infos p{ margin-bottom: 10px; }
body.contact .infos p:last-child{ margin: 0; }
body.contact .infos a{ color: #fff; }
body.contact .form .field-wrapper{ display:none; }

body.contact-confirmation .main .table{ min-height: 550px; }
body.contact-confirmation .infos h2{ font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 30px; }
body.contact-confirmation .cell{ background: url(../img/contact-img.png) no-repeat left center; background-size: auto 550px;  }
body.contact-confirmation .infos{ float: right; background: url(../img/contact/confirmation-bg.png) right center repeat-y; padding-right: 40px; padding-left: 40px; width:calc(50% - 80px) }
body.contact-confirmation .read-more{ border: none; font-family: "Alegre Sans NC"; font-size: 28px; line-height: normal; }

.popup-10d-wrapper .fancybox-slide > *{ padding: 0; }
.popup-10d-wrapper .fancy-popup{ background: url(../img/habillage.png) #fff repeat center top; text-align: center;}
.popup-10d-wrapper .header{ background: #eb5844;  }
.popup-10d-wrapper .header .title{ line-height: 60px; font-family: "Alegre Sans NC"; color: #fff; font-size: 40px; letter-spacing: 2px; }
.popup-10d-wrapper .header .title span{ position: absolute; width: 70px; margin-left: -77px; margin-top: 13px; }
.popup-10d-wrapper .absolute-ctn{ position: absolute; width: 100%; text-align: center; left: 0;}
.popup-10d-wrapper .popup-content{ margin: 50px; background: #fff; padding:85px 50px 20px 50px; position: relative; }
.popup-10d-wrapper .popup-content .logo{ top: -20px; }
.popup-10d-wrapper .popup-content .logo img{ width: 150px; }
.popup-10d-wrapper .popup-content .buttons{ bottom:-20px; }
.popup-10d-wrapper .popup-content .button{ font-family: "Alegre Sans NC"; font-weight: normal; color: #fff; background: #eb5844; font-size: 26px; padding-left: 10px; padding-right: 10px; letter-spacing: 1px; }
.popup-10d-wrapper .popup-content p{ margin-bottom: 10px; }
.popup-10d-wrapper .footer{ background: #eb5844; height: 10px; }
.popup-10d-wrapper .fancybox-close-small:after{ color: #fff; }

.popup-10d-wrapper .promo-10d .header{ padding: 10px; font-family: "Alegre Sans NC"; text-transform: uppercase; color: #fff;font-size: 26px; letter-spacing: 1px; }
.popup-10d-wrapper .promo-10d .coupon{ border:1px solid #000; color: #000; font-family: "Alegre Sans NC"; font-size: 30px; text-transform: uppercase; }
.popup-10d-wrapper .promo-10d .img{ float: left; width:50%; }
.popup-10d-wrapper .promo-10d .img img{ display: block; max-width: 250px; width: 100%; }
.popup-10d-wrapper .promo-10d .txt{ float: left; width:calc(50% - 40px); padding: 20px 20px 0 20px; font-size: 22px; color: #eb5844;  }
.popup-10d-wrapper .promo-10d .txt p{ margin-bottom: 20px; line-height: 26px;}
.popup-10d-wrapper .promo-10d .logo{ margin-bottom: 10px; }
.popup-10d-wrapper .promo-10d .buttons{ padding:10px; text-align: center; background: #eb5844; }
.popup-10d-wrapper .promo-10d .buttons .button{ display: inline-block; font-family: "Alegre Sans NC"; font-weight: normal; color: #eb5844; background: #fff; font-size: 26px; padding:4px 15px; letter-spacing: 1px; margin: 0 30px; }
.popup-10d-wrapper .promo-10d .infos{ padding:5px; padding-top: 0; text-align: center; font-family: "Roboto"; background: #eb5844; color: #fff; font-size: 12px; }
.popup-10d-wrapper .fancybox-close-small{ display: none !important; }

@media screen and (max-width: 480px){
    .popup-10d-wrapper .promo-10d .logo{ display:none; }
    .popup-10d-wrapper .promo-10d .txt{ font-size: 20px;}
    .popup-10d-wrapper .promo-10d .buttons .button{ margin: 0 10px; font-size: 20px; }
}

.andros-bt-top{ position: absolute; top: 0px; left: calc(50% - 585px); width: 1170px; max-width: 100%; height: 250px; }
.andros-bt-left{ position: absolute; top: 0px; left: 0px; width: calc(50% - 585px); height: 100%; }
.andros-bt-right{ position: absolute; top: 0px; right: 0px; width: calc(50% - 585px); height: 100%; }

.seo-content-wrapper{ background:#fff; }
.seo-content h2,
.seo-content h3{ text-align: left; font-size: 26px; padding: 10px 0; }

.popup-newsletter{background:#fff;position:fixed;bottom:20px;left:20px;z-index:200000; max-width: 400px; text-align: center; border: 2px solid #fff; display: none; }
.popup-newsletter .waves{ background: url(../img/waves.png) repeat-x; height: 23px; position: absolute; width: 100%;}
.popup-newsletter .header{ position: relative; background: #289AD8; font-family: "Alegre Sans NC"; color: #fff; text-align: center; padding: 10px 0 20px 0; font-size: 28px; vertical-align: middle; letter-spacing: 1px; margin-bottom: 5px; }
.popup-newsletter .header .title{ position: relative; background: none; }
.popup-newsletter .header .waves{ margin-top: 8px;  }
.popup-newsletter form .waves{ margin-top: -38px; margin-bottom: 20px; }
.popup-newsletter form { padding: 30px 0 15px 0; margin-top: 5px;}
.popup-newsletter .title span { display: inline-block; height: 26px; vertical-align: middle;}
.popup-newsletter .title span svg{ width: 35px; position: absolute; margin-left: -35px; }
.popup-newsletter .close{position:absolute;top:7px;right:12px;font-family: 'bebasreg', Arial;color:#fff;font-size: 22px;cursor:pointer;}
.popup-newsletter .intro{ color: #289AD8; padding: 0 30px; font-weight: 700; }
.popup-newsletter > p{ padding: 0 30px; }
.popup-newsletter form{ background: url(../img/popup-news-bg.png) repeat ; }
.popup-newsletter form input{ padding: 5px 10px; border: 1px solid #72c8ed; font-family: roboto, sans-serif; font-weight: 300; font-size: 16px; display: inline-block; vertical-align: middle; }
.popup-newsletter form .submit{   display: inline-block; vertical-align: middle; margin: 0; }
.popup-newsletter form .submit button{ text-transform: uppercase; border: 1px solid #fff; background:#72c8ed; color: #fff; font-family: roboto, sans-serif; font-weight: 300; font-size: 16px; padding: 5px 10px;}
.popup-newsletter form.loading .submit button{ background: url(../img/newsletter-module-loading.gif) no-repeat; border: none !important; min-width: 30px; }
.popup-newsletter form #popup-email-error{ display:none; }
.popup-newsletter form .output { color:#fff; font-weight:bold; padding-top: 10px; }


.content .sponso-banner{ background: #fff; margin: 30px auto; }
.content.category .sponso-banner{ margin: 30px auto 0 auto; }
.content.period .sponso-banner{ background: #fff; margin: auto; }

div.idcrea .assets { max-width: 450px; margin: 0 40px 30px  0; float: left; display: block; cursor: default;}
div.idcrea .assets img{ display: block; width: auto; margin: auto;  }
div.idcrea .assets .current-picture{ margin-bottom:15px;position: relative; }
div.idcrea .assets .current-picture a{ display: block; border:1px solid #e6e6e6; }
div.idcrea .assets .owl-carousel.pictures{ width: 100%; position: relative;}
div.idcrea .assets .owl-carousel.pictures .picture{ display: block;}
div.idcrea .assets .owl-carousel.pictures .owl-wrapper-outer{position: absolute; width: 100%; height: 100%; overflow: hidden; }
div.idcrea .assets .owl-carousel.pictures .owl-stage-outer{border:1px solid #e6e6e6;}
div.idcrea .assets .owl-carousel.pictures .owl-wrapper-outer .owl-item{ float:left; text-align: center;}
div.idcrea .assets .owl-carousel.pictures .owl-controls { }
div.idcrea .assets .owl-carousel.pictures .owl-pagination {position: absolute; width: 100%;     bottom: -15px; text-align: center;}
div.idcrea .assets .owl-carousel.pictures .owl-pagination .owl-page{ cursor: pointer; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; display: inline-block; width: 8px; height: 8px; background: #8c8e91; margin: 0 3px; }
div.idcrea .assets .owl-carousel.pictures .owl-video-wrapper{ height:300px; }
div.idcrea .assets .owl-carousel.pictures .owl-pagination .active{background: #f7624c; cursor: default; }
div.idcrea .assets .owl-carousel.pictures .owl-nav {position: absolute; width: 100%; top:0; margin-top:0; }
div.idcrea .assets .owl-carousel.pictures .owl-prev,div.idcrea .assets .owl-carousel.pictures .owl-next{ cursor:pointer; position: absolute; margin-top: 120px; width: 25px; height: 30px; background: url(//www.teteamodeler.com/img/fleches-10d.png) no-repeat #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(163,163,162,1);-moz-box-shadow: 0px 0px 10px 0px rgba(163,163,162,1);box-shadow: 0px 0px 10px 0px rgba(163,163,162,1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:0;}
div.idcrea .assets .owl-carousel.pictures .owl-prev.disabled,div.idcrea .assets .owl-carousel.pictures .owl-next.disabled{ cursor:default; }
div.idcrea .assets .owl-carousel.pictures .owl-prev{ left: -13px; background-position: 7px -243px;  }
div.idcrea .assets .owl-carousel.pictures .owl-prev:hover{ background-position: 7px -243px; }
div.idcrea .assets .owl-carousel.pictures .owl-next{ right: -13px; background-position: -42px -243px; }
div.idcrea .assets .owl-carousel.pictures .owl-next:hover{ background-position: -42px -243px; }
div.idcrea .assets .owl-carousel.pictures .owl-dots{ margin: 5px 0 5px 0; text-align: center;  }
div.idcrea .assets .owl-carousel.pictures .owl-dots .owl-dot{ display: inline-block; margin: 0 5px; }
div.idcrea .assets .owl-carousel.pictures .owl-dots .owl-dot span { width:8px; height:8px; background:#8c8e91; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;   }
div.idcrea .assets .owl-carousel.pictures .owl-dots .owl-dot.active span { background:#289AD8; }
div.idcrea .assets .owl-carousel.pictures{ width: 100%; position: relative;}
div.idcrea .assets .owl-carousel.pictures a .asset-idcrea{ position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 2px); border: 1px solid #f7624c; }
div.idcrea .assets .owl-carousel.pictures a .asset-idcrea span.bg { position:absolute; right: 0; top: 0; width: 80px; height: 80px; background: url(../img/corner.png) no-repeat; background-size:contain; }
div.idcrea .assets .owl-carousel.pictures a .asset-idcrea svg{ display: inline-block; width: 25px; float: right; margin: 5px 9px 0 0; }
div.idcrea .assets .thumbs{ position: relative; height: 82px; margin:0;}
div.idcrea .assets .thumbs .thumb{ display: inline-block; width: 104px}
div.idcrea .assets .thumbs .thumb a{ display: inline-block; width: 102px; height:68px; margin-right:20px; border:1px solid #e6e6e6; position: relative }
div.idcrea .assets .thumbs .thumb a .default{ position: absolute; height: 30px; top: 50%; margin-top: -15px; left: 50%; margin-left: -30px; }
div.idcrea .assets .thumbs .thumb-idcrea a{ border: 1px solid #f7624c; }
div.idcrea .assets .thumbs .thumb-idcrea a .asset-idcrea{ position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #f7624c; }
div.idcrea .assets .thumbs .thumb-idcrea a .asset-idcrea span.bg { position:absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(../img/corner.png) no-repeat; background-size:contain}
div.idcrea .assets .thumbs .thumb-idcrea a .asset-idcrea svg{ display: inline-block; width: 10px; float: right; margin-right: 3px; margin-top: 1px; }

.aws-products-box{ display: none; text-align: left;  }
.aws-products-box > .title{ text-align: left; font-family: "Alegre Sans NC"; color:#5d5d5d; font-size: 30px; margin-bottom: 10px;  }
.aws-products-box { list-style: none; margin: 0; padding: 0; }
.aws-products-box .aws-item{ width: calc(50% - 20px); margin: 0 20px 20px 0; float: left; } 
.aws-products-box ul .aws-item:nth-child(2n+1){clear:left;}
.rte-content .aws-products-box .aws-item:nth-child(2n){clear:left;}
.aws-products-box .aws-item a{ color: inherit; }
.aws-products-box .aws-item .img{ float:left; width: 100px; height: 100%; margin-right: 10px; border:1px solid #1d1d1b; }
.aws-products-box .aws-item .img img{ display: block; margin: auto; max-height: 100px; }
.aws-products-box .aws-item .title{ /*font-family: "Alegre Sans NC";*/ padding:5px 0 10px 0; font-weight: 400; font-size: 16px; color: #5d5d5d; }
.aws-products-box .aws-item .price{ font-size: 14px; font-weight: 400;}
.aws-products-box .aws-item .price .value{ color:#7fb600; font-weight: 300; }
.aws-products-box .aws-item .price a svg{ fill:none; stroke:#7fb600; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; width: 7px; vertical-align: middle; }

.module-amazon .aws-products-box h3{ text-align: center;  color: #7FB600;  }
.module-amazon .aws-products-box .aws-item .title { padding: 0 0 5px 0; color: #7FB600; }
.module-amazon .aws-products-box .aws-item .img{ border: none; width: 150px; }
.module-amazon .excerpt-text{ padding-bottom: 20px; text-align: center; }

.module-affiliate .products-wrapper h3{ text-align: center;  color: #7FB600; font-family: "Alegre Sans NC"; font-size: 30px; margin-bottom: 10px;  }
.module-affiliate .products-wrapper .affiliate-item{ width: calc(50% - 20px); margin: 0 20px 20px 0; float: left; } 
.module-affiliate .products-wrapper .affiliate-item:nth-child(2n+1){clear:left;}
.module-affiliate .products-wrapper .affiliate-item a{ color: inherit; }
.module-affiliate .products-wrapper .affiliate-item .title { padding: 0 0 5px 0; color: #7FB600; font-weight: 400; font-size: 16px; }
.module-affiliate .products-wrapper .affiliate-item .img{ border: none; width: 100px; float:left; height: 100%; margin-right: 10px; }
.module-affiliate .products-wrapper .affiliate-item.img img{ display: block; margin: auto; max-height: 100px; }
.module-affiliate .excerpt-text{ padding-bottom: 20px; text-align: center; }
.module-affiliate .products-wrapper .affiliate-item .price{ font-size: 14px; font-weight: 400;}
.module-affiliate .products-wrapper .affiliate-item .price .value{ color:#7fb600; font-weight: 300; }
.module-affiliate .products-wrapper .affiliate-item .price a svg{ fill:none; stroke:#7fb600; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; width: 7px; vertical-align: middle; }

.last-content{ text-align: center; background: #fff; overflow: auto; padding-bottom: 20px; }
.last-content .title{ font-family: "Alegre Sans NC"; color: #289ad8; text-align: center; font-size: 38px; margin: 40px 0 20px 0; }
.last-content ul li{ float: left; width: 40%; margin-left: 5%; margin-right: 5%; text-align: left; }
.last-content ul li a{ color: #5D5D5D; }
.last-content ul li a:hover{ color: #289ad8; }

.tool-box{ text-align: center; }
.tool-box a{ border-color:#79b637; position: relative; padding:0 50px 0 20px !important; line-height: 36px !important; font-weight: bold; overflow: hidden; font-size: 16px; display: inline-block; margin: 0 10px; white-space: nowrap;  }
.tool-box a span{ background: #79b637; width: 40px; position: absolute; right: 0; height: 25px; padding: 8px 0; }
.tool-box a span svg{ width: auto; height: 25px; }
.tool-box a img{ vertical-align: middle; height: 39px;width: auto; }

.download-popup{ max-width: 800px; text-align: center; }
.download-popup .title{ font-family: "Alegre Sans NC"; color: #FA6052; text-align: center; font-size: 40px; line-height: 32px; margin-bottom: 20px; }
.download-popup .description{ text-align: left; display: inline-block; margin-bottom: 20px; }
.download-popup .image{ float:left; margin-right: 20px; width: 40%; margin-bottom: 20px; }
.download-popup form{ float:left;  width: calc(60% - 20px); text-align: left; }
.download-popup form span.form-error{ margin-left: 0; font-size: 12px; }
.download-popup form .text input,
.download-popup form .select select{ text-align: center; width: 100%; float:none; font-family: 'Roboto', sans-serif;}
.download-popup form .select label{ margin-bottom: 5px; text-align: center; line-height: normal; }
.download-popup form .choice label{ width: auto; float: none; display: inline-block; font-size:16px; }
.download-popup form .choice *{ display: inline-block; }
.download-popup form .submit{ text-align: center; }
.download-popup form .submit button{ font-size: 16px; font-weight: 500; }
.download-popup form .output{ }
.download-popup .legals{ font-size: 12px; }
.download-confirmation .title{ line-height: normal; font-size: 30px; }
.download-confirmation .title span{ font-size: 40px; }
.download-confirmation .description{ text-align: center; }
.download-confirmation .description p{ margin-bottom: 20px; }
.download-confirmation .description p:last-child{ margin-bottom: 0; }
.download-confirmation .share{ margin-bottom: 20px; }
.download-confirmation .share p{ margin-bottom: 10px; }

.affilae-popup{ background: url(/img/affilae/bg.png) #BCE6F8; max-width: 800px; }
.affilae-popup .ctn{ display: flex; align-items: center; }
.affilae-popup .ctn .left{ flex-basis: 80%; }
.affilae-popup .ctn .right{ margin: 20px 20px 0 20px;}
.affilae-popup .ctn .txt{ background: #fff; text-align: center; padding: 20px; margin-bottom: 20px; }
.affilae-popup .ctn .txt p{ margin-bottom: 10px; }
.affilae-popup .ctn .txt p:last-child{ margin-bottom: 0; }
.affilae-popup .ctn .txt .title{ margin-top: -40px; margin-bottom: 20px; font-family: "Alegre Sans NC"; font-size: 40px;  line-height: 40px; text-shadow: 0px 0px 10px #FFF; color:#009BD8; }
.affilae-popup .ctn .navigation{ text-align: center; display: flex; justify-content: center; align-items: center; }
.affilae-popup .ctn .navigation .button{ margin: 5px 10px; padding-left: 15px; padding-right: 15px; text-transform: none; font-size: 17px; font-weight: normal; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.affilae-popup .ctn .navigation .button strong{ text-transform: uppercase; }

@media screen and (max-width: 700px){
    .download-popup .description{ display: block; }
    .download-popup .image,
    .download-popup form{ float:none; margin-right: 0; width: auto; margin-bottom: 20px; }
    .download-popup .image{ display:none; }
}

@media screen and (min-width: 700px){
    /*.sticky-guide { min-height: 600px; }*/
    .desktop{ display: block; }
    .mobile{ display: none; }
    header .ad-banner.ad-top{ min-height: 90px; }
}
@media screen and (min-width: 1260px){
    header .search .bt-search{ display: none; }
    header .tools .search-header-form{ display: block; margin-top: 10px; position: absolute; width: 100%; }
    header .tools .search-header-form .inner { padding: 0; }
    header .tools .search-header-form .search-form{ border: 2px solid #289ad8; }
    header .tools .search-header-form label{ display: none; }
    header .tools .search-header-form input[type="text"]{ color:#289ad8; width: calc(100% - 30px);     box-sizing: border-box; padding: 0 10px; font-size: 15px; line-height: 30px; }
    header .tools .search-header-form input::placeholder{ color:#289ad8; }
    header .tools .search-header-form .search-form button { width: 30px; height: 30px; }
    header .tools .search-header-form .search-form button svg{ width: 100%; height: auto; margin-top: 0px; margin-left: 2px;}
    header.fixed .tools .search-header-form{ display: none; }
    header.fixed .search .bt-search{ display: block; }
}
@media screen and (min-width: 1170px){
    .registration-page .inner{ margin-left: 150px; margin-right: 150px; }
    .registration-page form .optin { padding-left: 200px; }
/*    .featured-pages .grid-list{ width: auto; float: none; }
    .featured-pages .grid-list li{ width: 250px; overflow: hidden; margin: 0 calc((100% - 1000px) / 3) 0 0; position: relative;}
    .featured-pages .grid-list li:nth-child(4n+1){ margin-left: 0; }
    .featured-pages .grid-list li:nth-child(4n){ margin-right: 0; }*/
}
@media screen and (max-width: 1170px){
    .page-content iframe{ height: auto; }
    .newsletter-page{ padding-left: 0; padding-right: 0; width: auto; max-width:none; }
    .registration-page{ padding-left: 0; padding-right: 0; width: auto; max-width:none; }
    
    .andros-bt-left{ display:none !important; }
    .andros-bt-right{ display:none !important; } 
    .search-page h1{ float: none; text-align: center; margin: 0 0 10px 0; }
    .search-page .results-sort { float: none; margin: 0 0 10px 0; text-align: center;  }
}
@media screen and (min-width: 700px) and (max-width: 1170px){
           
    .module-videos .video { float: none; width: auto; margin-right: 0; }
    .module-videos .list{ float: none; width:auto; margin-top: 15px; }
    .module-videos .list li{ float: left; width: calc(50% - 15px); margin-right: 15px; }
}

@media screen and (max-width: 1000px){
    .content-header .featured-img,
    div.idcrea .content-header .assets{ width: 300px; }
    footer .socials { margin-top: -50px; }
    footer .socials img { width: 75px; height: 75px; }
    footer nav.inline{ display: block;margin-bottom: 30px; }
    footer nav.inline ul{ display: block; }
    footer nav.inline ul li{ display: block; text-align: center; margin: 10px 0; }
    body.contact .main .table{ display: block; max-width: 640px; margin: auto; min-height: 0; }
    body.contact .main .row{ display: block; }
    body.contact .left{ width: auto; float: none; display: block; background: none !important; text-align: center;  }
    body.contact .left .infos{ width: auto; float:none;  color: inherit; background: none; margin: 0; }
    body.contact .left .infos h2{ width: auto; float:none;  color: #289ad8; }
    body.contact .left .infos a{ color: #289ad8; }
    body.contact .form{ width: auto; float: none; display: block; }
    body.contact .form .text label{ width: 100px; }
    body.contact .form .text input{ width: calc(100% - 100px); }
    body.contact .form .choice label{ width: 100px; }
    body.contact .form .choice input{ width: calc(100% - 100px); }
    body.contact .form .textarea label{ width: auto; }
    .aws-products-box ul li{ width: 100%; margin: 0 0 20px 0; float: none; }
}

@media screen and (max-width: 900px){
    .module-carousel li img{ display: block; }
    .module-carousel li .title{ position: relative; display: block; background: none; padding: 10px; width: calc(100% - 20px);  }
    .module-carousel .owl-dots{ display: none; }
    .module-carousel .excerpt-text{ margin-top: 0; }
    .subcategories .ad{ float:none; text-align: center; /*display: none;*/ }
    .subcategories .grid-list-ad{ float: none; width: auto; }
    .subcategories .sticky-container{ float: none; margin-left: auto; margin-right: auto; }
    
    body.category .subcategories  + .ad-leaderboard { display: none; }
    
    
    .grid-list-ad{ float: none; width: 100%; }
    .grid-list li{ flex-basis: calc(50% - 20px); }
    .grid-list li article .title{ font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-align: center; height: auto; }
    .grid-list li article img{ margin-bottom: 10px; }
    
    .col-list li article { flex-flow: column; max-width: 400px; }
    .col-list li article .img{ margin-right: 0; flex-basis: 100%; margin-bottom: 10px;  }
    .col-list li article .text{ flex-basis: 100%; text-align: center;  }
    .col-list li article .title{ margin-bottom: 10px; }
    
/*    .featured .grid-list li {width: 250px; height: 250px; margin: 0 calc((100% - 500px) / 4) !important; }
    .featured .grid-list li .img{ height: 250px; }*/
    
/*    .featured .grid-list li {width: 200px; height: 200px; margin:10px calc((100% - 400px) / 4) !important; float: left !important; }
    .featured .grid-list li .img{ height: 200px; }*/
    .shop-10d li{ float: none; width: auto; margin-right: 0;}
    .module-amazon li{ float: none; width: auto; margin-right: 0;}
    
    .steps-wrapper .steps .step{ float: none; width: auto; max-width: 400px; margin-left: auto; margin-right: auto;  }
}

@media screen and (max-width: 800px){
    header .ad{ display:none; }
    .h-waves{ background-image: url(../img/mob-vagues.png); height: 10px; top: 74px; }

    header .top > .logo{ display: block; width: 250px; margin: auto; text-align: center; left: calc(50% - 125px); top:13px; }
    header .top > .tools{ display: none; }
    header .top > .socials{ display: none; }
    header .top > .search{ position:absolute; }
    
    header{ width: 100%; top:0; left:0; z-index: 10; height: 75px; }
    header .top{ position: relative;}
    header nav { position: absolute; }
    header nav ul{ display:none; }
    header .socials{ display:none; }
    header .logo{ position: absolute; left: 90px; width: 230px; margin-top: 15px;}
    /*header .tools{ position: absolute; right: 20px; }*/
    header .search{ position: relative; float: right; top:initial; right: 15px; margin-top: 19px;}
    header .search img{ width:32px; height: auto; }
    header .inner{ position: relative; }
    header nav .nav-wrapper{ position: absolute; top: 0; left: 0;  width: 500px;}
    header nav a.toggle-menu{ display: block; top: 11px; position: absolute; cursor: pointer; }
    header nav .nav-wrapper > ul {display: none; }
    header nav.opened .logo{ display: block; position: absolute; margin: 0; top: 17px; left: 40px; }
    header nav.opened .nav-wrapper{ position: fixed; top: 0; left: 0;  width: 500px; height: 100%; background: #fff; border-right: 7px solid #289AD8; padding-top: 75px;}
    header nav.opened a.toggle-menu{ display: block; left:480px;  background-image:url(../img/bt-close.svg); left: auto; right: 20px; }
    header nav.opened .nav-wrapper > ul{ display: block; left: 0; top: 75px; max-height: 100%; overflow: auto; }
    header nav.opened .nav-wrapper > ul li{ display: block; text-align: left; margin: 15px 20px 15px 40px;  }
    header nav.opened .sub-menu{ position: relative; background: none; border:none; }
    header nav.opened .sub-menu .img{ display: none; }
    header nav.opened .sub-menu ul{ float: none; width: auto; display: block; }
    header nav.opened .sub-menu .inner{ padding: 0; }
    header nav.opened .sub-menu .inner{ padding: 0; }
    nav.inline .nav-wrapper > ul { display: none;  }
    header nav.opened .sub-menu .inner{ padding: 0; }
    header nav.opened .nav-wrapper > ul li .more { display: block; float: right; font-weight: bold; color: #289AD8; background: url(../img/arrow-down.svg) no-repeat center center; width: 30px; height: 20px; }
    
    .content-header{ text-align: center; }
    .content-header .featured-img,
    div.idcrea .content-header .assets{ width: auto; float: none; margin-right: auto; margin-left: auto; margin-bottom: 20px;  }
    
    .page-content .sticky-guide{ float: none; margin-right: 0; width: auto; min-height: 0; margin-bottom: 20px; }
    .page-content .sticky-container{ float: none; margin: auto; }
    .excerpt-text{ text-align: center; }
}

@media screen and (max-width: 700px){
    .desktop{ display: none; }
    .mobile{ display: block; }
    .rd-button{ line-height: 21px; padding-top: 10px; padding-bottom: 10px; }
    .main{ margin-top: 0; }
    body > .ad-top .ad-unit > div { padding: 10px; }
    .featured-items ul{ width: auto; float: none;  margin: auto; }
    .featured-items .ad{ float:none; margin: 25px auto 25px auto; }
    .col-list li{ text-align: center; }
    .col-list li .img{ float:none; margin:0 auto 25px auto;  }
    .col-list li:last-child article{ margin: 0; }
    
    .featured .grid-list li { flex-basis: calc(50% - 20px); }
    .featured-pages .grid-list li{ flex-basis: calc(50% - 20px); }
    
    .sticky-container{ float: none; margin-left: auto; margin-right: auto; }
    .module-videos .video { float: none; width: auto; margin-right: 0; }
    .module-videos .list{ float: none; width:auto; margin-top: 15px; }
    .module-videos .list li{ float: none; width: auto; margin-right: 0; }
    .module-videos .list li article{ display: table; }
    .module-videos .list li article .title,
    .module-videos .list li article .img{ display: table-cell; vertical-align: middle; }
    .module-videos .list li article .img{ width: 125px; }
    .module-videos .list li article img{ display: block; }
    /*.module-videos .list{ display:none; }*/
    /*.steps-wrapper .steps{ float: none; }*/
    /*.steps-wrapper .ad{ float: none; }*/
    .period .header .title{ position: relative; background: none; }
    .period .socials-share{ margin: 10px 0; }
    .period .description .excerpt-text{ margin-top: 10px; }
    
    .multi-page .content-header .titles{ padding: 0; text-align: center; line-height: normal; }
    .multi-page .content-header .buttons{ position: relative; margin: 20px 0; }
    .multi-page .next-subpages{ display: none; }
    
    .painting .buttons a { line-height: 41px; padding-top: 0; padding-bottom: 0; }
    body.not-found .page-not-found p {  font-size: 20px; margin-bottom: 15px; }
    body.not-found .page-not-found .rd-button {  font-size: 14px; }
    .search-form{ border-left: 2px solid #289ad8;  }
    .search-form label{ display: none; }
    .search-form input[type="text"]{ width: calc(100% - 50px); padding: 0 20px; box-sizing:border-box; margin: 0; }
    
    .search-page .sticky-guide{ width: auto; float: none; }
    .steps-wrapper .steps{ float: none; width: auto; margin-bottom: 30px; }
    .steps-wrapper .sticky-container{ float: none; }
    
    header nav.opened .nav-wrapper{ width: 100%; }
    
    .shop-10d h3 .logo-10d{ display: none; }
    
    .last-content ul li{ float: none; width: auto;  }
    
    .featured-list .featured{ flex-flow: column; }
    .featured-list .featured .text{ text-align: center; padding:15px 30px 30px 30px; }
    .featured-list ul { flex-flow: row wrap; }
    .featured-list ul li{ flex-shrink: 0; flex-grow: 0; flex-basis: calc(50% - 10px); width:calc(50% - 10px); margin: 0 10px 0 0; }
    .featured-list ul li:last-child{ display: none; }
    
    footer .cols{ flex-flow: column; }
    footer .cols .col{ text-align: center; margin-bottom: 20px; }
    footer .cols .col ul li{ display: inline-block; margin: 0 10px; }
    footer .cols .module-newsletter{ max-width: 90%; flex-basis: 90%; margin: auto; }
    .module-newsletter .inspiration img{ display: none; }
    .module-newsletter .inspiration span{ margin-top: 0; }
}

@media screen and (min-width: 620px) and  (max-width: 930px){
    .idcrea-container{ width:620px; }
}
@media screen and (max-width: 480px){
    
    .content h1 { font-size: 40px; line-height: 34px; }
    .module-newsletter .field-wrapper{ width:auto; }
    .module-newsletter .field-wrapper input { width: calc(100% - 80px);}
    .module-newsletter .field-wrapper button { padding: 0; }
    
    .newsletter-page form .text label, .newsletter-page form .choice label{ float: none; display: block; width: 100%; }
    .newsletter-page form .text input, .newsletter-page form .choice select{ float: none; display: block;  width: 100%; }
    
    .content-header{ margin: 0;}
    .content-header .featured-img,
    div.idcrea .content-header .assets{ margin-left: 60px; margin-right: 60px; }
    .content-header .nav-tools .bt-pagin{ bottom:auto; max-width: 60px; top: 0; }
    .content-header .nav-tools .bt-previous{ left: -20px; }
    .content-header .nav-tools .bt-next{ right: -20px; }
    .nav-tools a.bt-pagin:hover{ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow:none; box-shadow: none; filter:none; }
    .nav-tools .bt-pagin:hover span{ display: none;  }
    
    #print-formats a{ margin-bottom: 12px; }
    #print-formats a.first{ margin-left: 12px; }
    #print-formats a.last{ margin-right: 12px; }
    
    
    body.index .main,
    body.period .main{ text-align: center; background: #fff; }
    body.index .main .hook,
    body.period .main .hook{ text-align: left; background: #fff;  }
    body.with-background #background { padding-top: 0; }
    
    /*.main > .content > .ad-top.inner{ padding:10px 0 0 0 !important;}*/
    
    .fancybox-slide:before {  height: calc(100% + 75px); }
    .fancybox-slide--iframe .fancybox-content {  max-height: calc(100% - 115px); }
    
    .popup-newsletter{bottom:10px;left:10px;max-width: calc(100% - 20px);}
    
}


/*
* Hack IE / Edge
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .grid-list-ad li { margin: 0 calc((100% - 751px) / 3) 0 0 !important; }
    .grid-list li { width: 299px !important; }
}


.paywall-ctn{ position: relative; min-height:600px !important; }
.paywall{ 
    position: absolute;
    width: 100%;
    height: calc(100% - 300px);
    text-align: center; 
    padding: 150px 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(150px, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 150px, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.paywall .title{ font-family: "Alegre Sans NC"; height: 50px; background:#289ad8; color: #fff; font-size: 30px; line-height:40px; letter-spacing: 1px;  }
.paywall .subtitle{ font-family: "Alegre Sans NC"; font-size: 30px; color: #79b637; line-height: normal; }
.paywall .bottom{ height: 10px; /*background: url(../img/popup-news-bg.png) repeat;*/ background:#289ad8; }
.paywall .paywall-box{ display:block; position: relative; }
.paywall .waves {background: url(../img/waves.png) repeat-x;height: 23px;position: absolute;width: 100%; margin-top:-10px;}
.paywall-content .left{ float: left; width: 250px; margin-right: 10px;  }
.paywall-content .left img{ margin-left: -20px; }
.paywall-content .right{ float: left; width: calc(100% - 260px); text-align: left; font-size: 17px; }
.paywall-content{ padding: 20px; }
.paywall-content p{ margin-bottom: 15px; line-height: 20px; }
.paywall-content .button{ background: none; color:#289ad8; position: relative; vertical-align: middle; padding-left: 0; padding-right: 20px; }
.paywall-content .button .next{ fill:none;stroke:#289ad8;stroke-linecap:round;stroke-miterlimit:10;stroke-width:9px; position: absolute; top: 15px; right: 0;  width: 10px; }
.paywall-content .bt-viewpay{ color:#79b637; padding-left: 20px; margin-left: 20px;  }
.paywall-content .bt-viewpay .next{ stroke:#79b637; }
.paywall-content .bt-viewpay img{ position: absolute; left: -20px; width: 30px; }
.paywall-content .sep{ text-transform: uppercase; vertical-align: middle; display: inline-block; margin: 0 20px; }

.popup-newsletter-registration{ padding: 0 !important;}
.popup-newsletter-registration h1{ text-align: center; font-family: "Alegre Sans NC"; height: 65px; background:#289ad8; color: #fff; font-size: 30px; line-height:55px; }
.popup-newsletter-registration .waves { background: url(../img/waves.png) repeat-x;height: 23px;position: absolute;width: 100%; margin-top:-10px; }
.popup-newsletter-registration .form{ padding: 20px; }
.popup-newsletter-registration .bottom{ height: 50px; background: url(../img/popup-news-bg.png) repeat; }
.popup-newsletter-registration .fancybox-close-small:after{ color: #fff; }
.popup-newsletter-registration form .checkbox{ margin-bottom: 10px; }
.popup-newsletter-registration form span.form-error{ margin-left: 150px;}
.popup-newsletter-registration form #optins-errors span.form-error{ margin-left: 0; padding: 0; margin-bottom: 10px;}
.popup-newsletter-registration form .text label,.popup-newsletter-registration form .choice label{ width: 150px; }
.popup-newsletter-registration form .text input,.popup-newsletter-registration form .choice select{ width: calc(100% - 150px); }
.popup-newsletter-registration form .submit{ margin-bottom: 0; }
.popup-newsletter-registration .output{ padding-top: 10px; }

#VPmodal{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top:0;
    left: 0;
    background-color: rgba(20, 20, 20, 0.8);
    z-index: 1000;
}
#cadreJokerlyADS{
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 650px !important;
    height: 450px !important;
    z-index:999999 !important;
}
@media screen and (max-width: 600px){
    #cadreJokerlyADS{
        width:100% !important;
        height:100% !important;
        margin-top:0;
    }
    .paywall .title{ height: auto; padding: 10px 20px; line-height: 30px;  }
    .paywall-content .left{ display: none; }
    .paywall-content .right{ width: auto; text-align: center; }
    .paywall-content .button{ margin-left: 50px;margin-right: 50px; }
    .paywall-content .sep{ display:block; margin: 0; }
    .paywall-ctn {min-height: 750px !important;}
}
@media screen and (min-width: 601px) and (max-width: 1024px){
    #cadreJokerlyADS{
        width:100% !important;
        height:100% !important;
        margin-top:0;
        margin-left:0;
    }
}