@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;
}
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; }

.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; }
.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;}


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


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 ; }
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; }

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

.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 .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 .ad-banner { margin-bottom: 10px; }

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

.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; }
.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: 30px; font-size: 25px; font-family:"Alegre Sans NC"; }
.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: 23px; width: 100%; z-index: 2; left: 0; position: absolute; }

.f-waves{ background: url(../img/vagues-b.png) repeat-x center bottom transparent; height: 39px; margin-top: 50px; }
footer{ background:#289AD8; }
footer a{ color: #fff; }
footer .inner{ position:relative; }
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{ margin-bottom: 20px; }
footer .legals{ font-size: 14px; }
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; }
.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 li{ float: left; width: 300px; margin: 0 calc((100% - 900px) / 6) 0 calc((100% - 900px) / 6);}
.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-ad {float: left; width: calc(100% - 300px);}
.grid-list-ad li{ float: left; width: 250px; margin: 0 calc((100% - 750px) / 3) 0 0;}
.grid-list-ad li article .img{margin-bottom: 10px; width: 100%; height: 250px; overflow: hidden;}
.grid-list-ad li article img{ max-width: 100%; max-height: 250px; margin: auto; }

.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{ 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; }

.featured-items ul{ float: left; width:calc(100% - 350px); margin-right: 50px; }
.featured-items .ad{ float: right; width: 300px; }

.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 img{ display: block; width: 100%; cursor: pointer;}
.module-carousel li .title{ font-family:"Alegre Sans NC", sans-serif; font-size: 40px; line-height: 40px; color:#289AD8; padding: 10px 0 30px 0; width: 100%; display:block; left:0; bottom: 0; background: rgba(255,255,255,0.7); position: absolute;/**/ text-decoration: none; white-space: normal; }
.module-carousel .owl-dots{ text-align: center; width: 100%; margin-top: -25px; position: absolute; /**/}
.module-carousel .owl-dots .owl-dot{ display: inline-block; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #999292; margin: 0 5px; cursor: pointer; }
.module-carousel .owl-dots .active{ background: #289AD8; 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 .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: 70px 0 30px 0; text-align: center; }
.module-newsletter .title{ font-family:"Alegre Sans NC"; color:#fff; font-size: 38px; }
.module-newsletter .field-wrapper{ background: #fff; display:block; padding-left: 20px; width: 70%; 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: 18px; display: inline-block; vertical-align: middle; width: calc(100% - 50px);  }
.module-newsletter button { cursor: pointer; font-family:"Alegre Sans NC"; color:#7FB600; font-size: 40px; background: none; border: none;  display: inline-block; 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-top: 20px; 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,
.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 40px 0; float: left; max-width: 400px; display: block; }
.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 .grid-list{ width: auto; float: none; }
.featured .grid-list li{ width: 250px; height: 250px; overflow: hidden; margin: 0 calc((100% - 1000px) / 3) 0 0; position: relative;}
.featured .grid-list li:first-child{ margin-left: 0; }
.featured .grid-list li:last-child{ margin-right: 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{ 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; }

.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 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 h2{ font-family: "Alegre Sans NC"; color:#289ad8; font-size: 30px; margin: 0 0 10px 0; text-align: center; font-style: normal !important; }
.rte-content h2 strong,
.rte-content h3 strong{ font-weight: normal; }
.rte-content h3{ font-family: "Alegre Sans NC"; color:#289ad8; font-size: 30px; margin: 0 0 10px 0; text-align: center; 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; }

.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 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; }

.results-sort label{color: #7fb600; font-family: Roboto; font-size: 16px; }
.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; }*/

.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 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 .right{ float: left; width: 20%; text-align: right;  }
.shop-10d .product .from_price{ display: block; font-weight: bold; font-size: 18px; }
.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; }

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



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: 40px; }
.newsletter-page form > div:after { content: " "; display: block; clear: both; }
.newsletter-page form .checkbox { margin-bottom: 20px }
.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; 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;}


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 { width:1000px; max-width:90%; max-height:90%; margin:0; }

.teads-ctn{ width: 100% !important; clear:left !important; }
body.painting .teads-ctn,
.page-content .teads-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; }

@media screen and (min-width: 700px){
    .sticky-guide { min-height: 600px; }
    .desktop{ display: block; }
    .mobile{ display: none; }
}
@media screen and (max-width: 1170px){
    .page-content iframe{ height: auto; }
    .featured .grid-list li {width: 200px; height: 200px; margin: 0 calc((100% - 800px) / 3) 0 0; }
    .newsletter-page{ padding-left: 0; padding-right: 0; width: auto; max-width:none; }
}
@media screen and (min-width: 700px) and (max-width: 1170px){
    
    .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; }
    .grid-list li{ float: left; width: 300px; margin: 0 calc((100% - 600px) / 4);}
    .grid-list li article .title{ font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-align: center;}
    .grid-list li article img{ margin-bottom: 10px; }
        
    .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 (min-width: 900px) and (max-width: 1170px){    
    .grid-list-ad li{  width: 250px; margin: 0 calc((100% - 500px) / 6);}
}

@media screen and (max-width: 1000px){
    .content-header .featured-img{ 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; }
}

@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; }
    .grid-list-ad li{  width: 250px; margin: 0 calc((100% - 500px) / 6);}
    .featured .grid-list li {width: 250px; height: 250px; margin: 0 calc((100% - 500px) / 4) !important; }
    .featured .grid-list li .img{ height: 250px; }
    
    .shop-10d 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{ 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; }
    .featured .grid-list li {width: 200px; height: 200px; margin:10px calc((100% - 400px) / 4) !important; }
    .featured .grid-list li .img{ height: 200px; }
    .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; }
    .grid-list{ float: none !important; width: auto !important; }
    .grid-list li{ float: left; width: 300px; margin: 0 calc((100% - 300px) / 2) !important;}
    .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; }
    .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-file .grid-list-ad{ width:auto; float: 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; }
    
    .steps-wrapper .steps{ float: none; width: auto; margin-bottom: 30px; }
    .steps-wrapper .sticky-container{ float: none; }
    
    header nav.opened .nav-wrapper{ width: 100%; }
    

}

@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; }
    .featured .grid-list li {width: 150px; height: 150px; margin: calc((100% - 300px) / 4) !important; }
    .featured .grid-list li .img{ height: 150px; }
    .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{ 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); }
    
}


/*
* 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; }
}