@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');

/* RESET CSS */
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, img, ins, kbd, q, s, samp,
small, strike, 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;
}

@font-face {
    font-family: 'futurabold';
    src: url('../fonts/futura-bold.eot');
    src: url('../fonts/futura-bold.eot') format('embedded-opentype'),
        url('../fonts/futura-bold.woff') format('woff'),
        url('../fonts/futura-bold.ttf') format('truetype'),
        url('../fonts/futura-bold.svg#FuturaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura-book-webfont.eot');
    src: url('../fonts/futura-book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futura-book-webfont.woff') format('woff'),
        url('../fonts/futura-book-webfont.ttf') format('truetype'),
        url('../fonts/futura-book-webfont.svg#futura_bkbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuralight';
    src: url('../fonts/futura-light-webfont.eot');
    src: url('../fonts/futura-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futura-light-webfont.woff') format('woff'),
        url('../fonts/futura-light-webfont.ttf') format('truetype'),
        url('../fonts/futura-light-webfont.svg#futura_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'als_reg';
    src: url('../fonts/a_little_sunshine-webfont.eot');
    src: url('../fonts/a_little_sunshine-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/a_little_sunshine-webfont.woff2') format('woff2'),
        url('../fonts/a_little_sunshine-webfont.woff') format('woff'),
        url('../fonts/a_little_sunshine-webfont.ttf') format('truetype'),
        url('../fonts/a_little_sunshine-webfont.svg#a_little_sunshineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'nimbusreg';
    src:url('../fonts/nimbussansnovusdot-reg-webfont.eot');
    src:url('../fonts/nimbussansnovusdot-reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nimbussansnovusdot-reg-webfont.woff') format('woff'),
        url('../fonts/nimbussansnovusdot-reg-webfont.ttf') format('truetype'),
        url('../fonts/nimbussansnovusdot-reg-webfont.svg#nimbus_sans_nov_d_otregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'nimbusbold';
    src:url('../fonts/nimbussansnovusdot-bol-webfont.eot');
    src:url('../fonts/nimbussansnovusdot-bol-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nimbussansnovusdot-bol-webfont.woff') format('woff'),
        url('../fonts/nimbussansnovusdot-bol-webfont.ttf') format('truetype'),
        url('../fonts/nimbussansnovusdot-bol-webfont.svg#nimbus_sans_nov_d_otbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'architect';
    src:url('../fonts/architectsdaughter-webfont.eot');
    src:url('../fonts/architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/architectsdaughter-webfont.woff2') format('woff2'),
        url('../fonts/architectsdaughter-webfont.woff') format('woff'),
        url('../fonts/architectsdaughter-webfont.ttf') format('truetype'),
        url('../fonts/architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasreg';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bebasneue-webfont.woff') format('woff'),
        url('../fonts/bebasneue-webfont.ttf') format('truetype'),
        url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/******************************************/
/*            GENERAL STYLES              */
/******************************************/

body {background-color:#fff;}
.content {width:1062px;position:relative;display:block;margin:0 auto;background-color:#fff;}
.clearfix {width: 100%;clear: both;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.ombre {-webkit-box-shadow: 1px 1px 10px 0px rgba(127, 127, 127, 0.75);-moz-box-shadow:1px 1px 10px 0px rgba(127, 127, 127, 0.75);box-shadow:1px 1px 10px 0px rgba(127, 127, 127, 0.75);}
.ombre.bleue:hover {-webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.75);box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.75);}

/** couleurs issues du header **/
.jaune {background:#ffcc12;color:#ffcc12;}
.orange {background:#eb580c;color:#eb580c;}
.bleu {background:#049ab2;color:#049ab2;}
.jauneor {background:#ffa000;color:#ffa000;}
.vert {background:#74c512;color:#74c512;}
.rose {background:#e01e58;color:#e01e58;}

#overlay_mobile {display:none;background:url(../img/bg-overlay.png) repeat;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1300;}

input[type="text"], input[type="submit"] {-wekit-appearance:none;border-radius:0;}

a {color:#000;}

.mobile-ad{ display: none; }


/******************************************/
/*                HEADER                  */
/******************************************/

header {width:100%;position:relative;}
header .content{background:none;}
header a#logo{ text-decoration: none; display: block; margin:10px 0 0 100px; position: absolute; }
header a#logo .slogan{ text-transform: uppercase; text-decoration: none; font-size: 13px; color:#90979f; font-family: lato, sans-serif; font-weight: 300; margin-left: 18px; letter-spacing: 1px; position: absolute;}
header a#logo img {display:block;margin:0 auto;}
header a#logo img.tablette, header a#logo img.mobile {display:none;}
.header-souris {position:absolute;top:14px;right:7px;}
/** nav **/
header nav#nav_mobile {display:none;}
header a#show_menu_mobile {display:none;}
header a#togglesearch {display:none;}
header a#togglenews {display:none;}
header a#toggleagenda {display:none;}
header nav#nav_web {font-family:'lato', Arial, sans-serif; height:auto;position:relative;display:table; width: 100%; margin-top: 14px; }
header nav#nav_web > ul {display:table-row;}
header nav#nav_web > ul > li {display:table-cell; text-align: center;}
header nav#nav_web > ul > li.clearfix {float:none;}
header nav#nav_web > ul > li > a {color:#231f20;text-decoration: none;font-size:14px;height:25px;line-height:25px;position:relative;padding:0 7px;display:block;}
header nav#nav_web > ul > li > div.sub_menu {width:100%;position:absolute;top:25px;left:0;display:none;z-index:100000;}
header .sub_menu .actu {width:22%;padding:1%;}
header .sub_menu .rubriques {width:55%;}
header .sub_menu .bloc.rubriques {padding-top:14px;}
header .sub_menu .cdc {width:19%; text-align: right; }

header .sub_menu p.titre {font-family: 'futurabook', Arial;font-size:16px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;padding:11px 0;display:block;float:left;}

header .sub_menu .sub_menu_content .contenu {background:#fff;padding:10px 0;}
header .sub_menu_content .bloc.actu a {width:160px;height:120px;margin:0 4px 12px 5px;display:block;float:left;position:relative;overflow:hidden;-webkit-box-shadow: 7px 7px 5px 0px rgba(205, 205, 205, 0.75);-moz-box-shadow:7px 7px 5px 0px rgba(205, 205, 205, 0.75);box-shadow:7px 7px 5px 0px rgba(205, 205, 205, 0.75);}
header .sub_menu_content .bloc.actu a img {width:auto;margin:auto; position:absolute;top:0;right:0;bottom:0;left:0;}
header .sub_menu_content .bloc.actu img{max-height: 230px;height:auto;width:auto;}
header .sub_menu_content .bloc.rubriques ul {border-left:3px dotted #000;width:30%;padding-left:2%;display:block;float:left;}
header nav#nav_web > ul > li .sub_menu_content .bloc.rubriques ul li a {text-decoration:none;font-size: 14px;display: inline-block;padding:3px 5px 3px 0;}
header nav#nav_web > ul > li .sub_menu_content .bloc.rubriques ul li a:hover {text-decoration:underline;}
header .sub_menu .sub_menu_content .bloc {display:block;float:left;}
header .sub_menu_content .bloc.cdc a {display:block;margin:12px auto;position:relative;overflow:hidden;}
header .sub_menu_content .bloc.cdc img {width:auto;max-height:230px;margin:auto;}
header .sub_menu p.categorie_name {font-family: 'futurabook', Arial;font-size:16px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;padding:7px 0;}

header .sub_menu{ background: #fff; }
header .sub_menu a{ font-family: Lato, Arial, sans-serif; font-weight: 300; text-decoration: none  }
header .sub_menu a:hover{ text-decoration: underline; }
header .sub_menu > div { float: left; }
header .sub_menu .featureditems{ width: 245px; text-align: left; padding: 10px;  }
header .sub_menu .featureditem{ background: #fff; -webkit-box-shadow: 0x 0px 5px 1px rgba(229,228,229,1); -moz-box-shadow: 0px 0px 5px 1px rgba(229,228,229,1); box-shadow: 0px 0px 5px 1px rgba(229,228,229,1); margin-bottom: 10px; }
header .sub_menu .featureditem .img{ float: left; margin-right: 12px; }
header .sub_menu .featureditem .img img{ display: block; }
header .sub_menu .featureditem .title { display: table-cell; vertical-align: middle;height: 51px; padding: 12px 0; width: 150px; line-height: 16px;  color:#000; }

header .sub_menu .banner-left{ width: 270px; margin-right: 30px; }
header .sub_menu .menuitems{ width: calc(100% - 565px); text-align: left; padding: 20px 0; text-align: left; }
header .sub_menu .menuitems ul{ float: left; width: 33%;}
header .sub_menu .menuitems ul li{ margin-bottom: 8px; }
header .sub_menu .menuitems ul a{ color: #000; font-size: 14px;  }

.static #slogan{ display: none; }
.static header #logo{ display: none; }
.static header .span_slider { display: none; }
.static header .header-souris-left{ display: none; }


/*.static header { position: fixed; top: 0; left:0; z-index: 100000;}
.static header .pub{ display: none; }*/
.static header .menu{ position: fixed; top:0; left:0; width: 100%; z-index: 10000; }
.static header .main-menu{ position: fixed; top:28px; left:0; width: 100%; z-index: 10000; }


.static header #hook-top{  }
.static body{ margin-top: 223px; }
.static header nav#nav_web{ padding-left: 0; }
.static #hook-top .main-menu{ margin-bottom: 0; padding-top: 0; background: none; }
.static #hook-top .main-menu nav{ text-align: center; }
.static #hook-top .main-menu nav ul ul{ text-align: left; }
.static #hook-top .main-menu .inner{ max-width: 1062px; margin: auto; background: #fff;}
.static header .content{ width: 100%; }
.static header .inner { max-width: 1062px; margin: auto; }
.static #hook-top  .menu{ margin-bottom:0; }
.static header .tam-cart{ position: absolute; right: calc(50% - 531px);}
.static header .tam-cart .resume .bt-details{ display:none; }
.static header .tam-cart .resume .cart-summary{ margin-top: 10px; margin-left: 30px;}
.static header .tam-cart .cart-content{ top:75px; }
.static header .search { display: none; }




/*header nav#nav_web > ul > li:hover > div.sub_menu,*/
header nav#nav_web > ul > li.on > div.sub_menu {display:block;}

/** couleur des roll - liens principaux + sub menu **/
header nav#nav_web > ul > li.accueil:hover > a, header nav#nav_web > ul > li.accueil.coloractive > a {background:#ffcc12;     border-bottom: 3px solid #ffcc12;}
header nav#nav_web > ul > li a.bt-accueil{ padding:0; }
header nav#nav_web > ul > li a.bt-accueil span{ display:inline-block; background:url(../img/bt-home.png) no-repeat; width:30px; height: 30px;  margin-top: 9px; padding-right: 5px;}
header nav#nav_web > ul > li a.bt-accueil:hover span{ background-position: 0 -30px; }

header nav#nav_web > ul > li.bricolages.coloractive > a, header nav#nav_web > ul > li.bricolages:hover > a, header nav#nav_web > ul > li.bricolages > div.sub_menu .sub_menu_content{background:#eb580c}
header nav#nav_web > ul > li.bricolages .sub_menu_content .bloc.rubriques ul {border-color:#eb580c}
header nav#nav_web > ul > li.bricolages .sub_menu_content .bloc.rubriques ul li a {color:#eb580c;	}

header nav#nav_web > ul > li.coloriages.coloractive > a, header nav#nav_web > ul > li.coloriages:hover > a, header nav#nav_web > ul > li.coloriages > div.sub_menu .sub_menu_content{background:#049ab2}
header nav#nav_web > ul > li.coloriages .sub_menu_content .bloc.rubriques ul {border-color:#049ab2}
header nav#nav_web > ul > li.coloriages .sub_menu_content .bloc.rubriques ul li a {color:#049ab2;}

header nav#nav_web > ul > li.jeux.coloractive > a, header nav#nav_web > ul > li.jeux:hover > a, header nav#nav_web > ul > li.jeux > div.sub_menu .sub_menu_content{background:#ffa000}
header nav#nav_web > ul > li.jeux .sub_menu_content .bloc.rubriques ul {border-color:#ffa000}
header nav#nav_web > ul > li.jeux .sub_menu_content .bloc.rubriques ul li a {color:#ffa000;}

header nav#nav_web > ul > li.bebe.coloractive > a, header nav#nav_web > ul > li.bebe:hover > a, header nav#nav_web > ul > li.bebe > div.sub_menu .sub_menu_content{background:#74c512}
header nav#nav_web > ul > li.bebe .sub_menu_content .bloc.rubriques ul {border-color:#74c512}
header nav#nav_web > ul > li.bebe .sub_menu_content .bloc.rubriques ul li a {color:#74c512;}

header nav#nav_web > ul > li.carterie.coloractive > a, header nav#nav_web > ul > li.carterie:hover > a, header nav#nav_web > ul > li.carterie > div.sub_menu .sub_menu_content{background:#e01e58}
header nav#nav_web > ul > li.carterie .sub_menu_content .bloc.rubriques ul {border-color:#e01e58}
header nav#nav_web > ul > li.carterie .sub_menu_content .bloc.rubriques ul li a {color:#e01e58;}

header nav#nav_web > ul > li.education.coloractive > a, header nav#nav_web > ul > li.education:hover > a, header nav#nav_web > ul > li.education > div.sub_menu .sub_menu_content{background:#74c512}
header nav#nav_web > ul > li.education .sub_menu_content .bloc.rubriques ul {border-color:#74c512}
header nav#nav_web > ul > li.education .sub_menu_content .bloc.rubriques ul li a {color:#74c512;}

header nav#nav_web > ul > li.culture.coloractive > a, header nav#nav_web > ul > li.culture:hover > a, header nav#nav_web > ul > li.culture > div.sub_menu .sub_menu_content{background:#ec5f16}
header nav#nav_web > ul > li.culture .sub_menu_content .bloc.rubriques ul {border-color:#ec5f16}
header nav#nav_web > ul > li.culture .sub_menu_content .bloc.rubriques ul li a {color:#ec5f16;}

header nav#nav_web > ul > li.recettes.coloractive > a, header nav#nav_web > ul > li.recettes:hover > a, header nav#nav_web > ul > li.recettes > div.sub_menu .sub_menu_content{background:#049ab2}
header nav#nav_web > ul > li.recettes .sub_menu_content .bloc.rubriques ul {border-color:#049ab2}
header nav#nav_web > ul > li.recettes .sub_menu_content .bloc.rubriques ul li a {color:#049ab2;}

header nav#nav_web > ul > li.fetes.coloractive > a, header nav#nav_web > ul > li.fetes:hover > a, header nav#nav_web > ul > li.fetes > div.sub_menu .sub_menu_content{background:#ffa000}
header nav#nav_web > ul > li.fetes .sub_menu_content .bloc.rubriques ul {border-color:#ffa000}
header nav#nav_web > ul > li.fetes .sub_menu_content .bloc.rubriques ul li a {color:#ffa000;}

header nav#nav_web > ul > li.miniclub.coloractive > a, header nav#nav_web > ul > li.miniclub:hover > a, header nav#nav_web > ul > li.miniclub > div.sub_menu .sub_menu_content{background:#74c512}
header nav#nav_web > ul > li.miniclub .sub_menu_content .bloc.rubriques ul {border-color:#74c512}
header nav#nav_web > ul > li.miniclub .sub_menu_content .bloc.rubriques ul li a {color:#74c512;}

header nav#nav_web > ul > li.boutique.coloractive > a, header nav#nav_web > ul > li.boutique:hover > a {background:#eb580c}
header nav#nav_web > ul > li.videos.coloractive > a, header nav#nav_web > ul > li.videos:hover > a {background:#049ab2}
header nav#nav_web > ul > li.blogs.coloractive > a, header nav#nav_web > ul > li.blogs:hover > a {background:#ffca07}

/** couleur des bordures hautes de chaque lien de la nav 
header nav#nav_web > ul > li.accueil > a {border-top:3px solid #ffcc12}
header nav#nav_web > ul > li.bricolages > a {border-top:3px solid #eb580c}
header nav#nav_web > ul > li.coloriages > a {border-top:3px solid #049ab2}
header nav#nav_web > ul > li.jeux > a {border-top:3px solid #ffa000}
header nav#nav_web > ul > li.bebe > a {border-top:3px solid #74c512}
header nav#nav_web > ul > li.carterie > a {border-top:3px solid #e01e58}
header nav#nav_web > ul > li.education > a {border-top:3px solid #74c512}
header nav#nav_web > ul > li.culture > a {border-top:3px solid #ec5f16}
header nav#nav_web > ul > li.recettes > a {border-top:3px solid #049ab2}
header nav#nav_web > ul > li.fetes > a {border-top:3px solid #ffa000}
header nav#nav_web > ul > li.miniclub > a {border-top:3px solid #74c512}
header nav#nav_web > ul > li.boutique > a {border-top:3px solid #eb580c}
header nav#nav_web > ul > li.videos > a {border-top:3px solid #049ab2}
header nav#nav_web > ul > li.blogs > a {border-top:3px solid #ffca07}*/

/*header span.span_slider {background:url(../img/slider-souris.png) no-repeat;top:-44px;display: block;width:99px;height:65px;left:12px; position: absolute;z-index: 111;}  */
header span.span_slider-01 {background:url(../img/slider-souris-01.png) no-repeat;top:4px;display: block;width:19px;height:17px;left:12px; position: absolute;z-index: 111;}
header span.span_slider-02 {background:url(../img/slider-souris-02.png) no-repeat;top:-44px;display: block;width:73px;height:45px;left:21px; position: absolute;z-index: 111;}
header span.span_slider-03 {background:url(../img/slider-souris-03.png) no-repeat;top:-4px;display: block;width:16px;height:16px;left:93px; position: absolute;z-index: 111;}

header #sous_menu {margin:7px auto;padding:7px 0;border:1px solid #eeece7;}
a#togglesubmenu {display:none;}
header #sous_menu ul {text-align:center;}
header #sous_menu ul li  {display:inline;padding:0 10px 0 10px;background:url(../img/nav-li.png) left 8px no-repeat;}
header #sous_menu ul li:first-child {background:none;}
header #sous_menu ul li  a {font-family: 'futurabook', Arial;font-size:13px;color:#231f20;text-decoration:none;}
header #sous_menu ul li  a:hover {text-decoration:underline;}

header .module-wrapper{ position: relative;}

#main_add {padding:6px 0 3px;}
#main_add .add {display:block;margin:0 auto;width:1000px;}

section#main {margin:7px auto 25px;background:#fff ;}
#page_content, aside {display:block;float:left;}
#page_content {width:720px;padding:15px 15px;}


/** owl **/
.owl-carousel .owl-wrapper:after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 99%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
#carousel_hp .owl-carousel .owl-item{float: left;height:280px;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}


.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;
                         -webkit-transform: translate3d(0,0,0);
                         -moz-transform: translate3d(0,0,0);
                         -ms-transform: translate3d(0,0,0);}

/******************************************/
/*                  HP	                  */
/******************************************/

#page_content .top_left, #page_content .top_right {display:block;float:left;width:710px;}
#page_content .top_left {width:480px;}

/** carousel **/
.carousel_hp {width:480px;height:320px;padding-top:15px;display:block;background:url(../img/bg-carousel.png) no-repeat;}
.carousel_hp .carousel {width:440px;margin:0 auto;position:relative;}
.carousel_hp .carousel .item img{display: block;height:240px;width:auto;margin:0 auto;}
.carousel_hp .carousel .item a.legende {padding:5px 0;width:90%;display:block;margin:0 auto;font-family: 'futurabook', Arial;font-size:16px;color:#231f20;text-decoration:none;text-align:center;}

/** prev & next **/
.carousel_hp .carousel .owl-prev {background:url(../img/carousel-hp-prev.png) no-repeat;width:30px;height:59px;display:block;text-indent:-9999px;position:absolute;left:6px;top:93px;}
.carousel_hp .carousel .owl-next {background:url(../img/carousel-hp-next.png) no-repeat;width:30px;height:59px;display:block;text-indent:-9999px;position:absolute;right:6px;top:93px;}

/** pagination **/
.carousel_hp .carousel .owl-pagination {margin:3px auto 0;}
.carousel_hp .carousel .owl-pagination .owl-page {display:block;float:left;width:20px;}
.carousel_hp .carousel .owl-pagination .owl-page span {background:url(../img/carousel-hp-nav.png) no-repeat;width:20px;height:19px;display:block;}
.carousel_hp .carousel .owl-pagination .owl-page.active span, #carousel .owl-pagination .owl-page.active span:hover  {background:url(../img/carousel-hp-nav-active.png) no-repeat;}
.carousel_hp .carousel .owl-pagination .owl-page span:hover {background:url(../img/carousel-hp-nav-hover.png) no-repeat;}

#page_content .top_right {width:230px;padding:0 5px;}
#page_content .top_right .facebook_area {width:215px;height:60px;padding:5px 10px 6px;background:#fff;display:block;margin-top:0;}
#page_content .top_right .facebook_area img {display:block;float:left;}
#page_content .top_right  .fb_like {width:130px;margin-left:10px;margin-top:15px;display:block;float:left;}
#page_content .top_right  .fb_like img {width:100%;}
#page_content .bloc_acti {width:234px;min-height:150px;display:block;background:#fff;margin-top:16px;position:relative;}
#page_content .bloc_acti.second {margin-top:19px;}
#page_content .bloc_acti span.barre {width:5px;height:43px;display:block;position:absolute;left:0;top:0;}
#page_content .bloc_acti p.titre {width:204px;margin-left:10px;padding:8px 0 6px 3px;font-family: 'futurabold', Arial;font-size:13px;color:#007588;border-bottom:3px dotted #007588;}
#page_content .bloc_acti p.titre a {color:#007588;text-decoration:none;}
#page_content .bloc_acti .img_container {width:95px;height:95px;display:block;float:left;margin:5px 0 0 5px;position:relative;}
#page_content .bloc_acti .img_container img {max-width:100%;max-height:100%;display:block;margin:0 auto;}

/** alt **/
/*#page_content .bloc_acti .img_container img { bottom:0; height:100%; left:0; margin:auto;right:0;top:0;width:auto;}*/

#page_content .bloc_acti .infos {display:block;float:left;width:127px;margin-left:5px;}
#page_content .bloc_acti .infos {font-family:'nimbusreg', Arial;font-size:14px;line-height:14px;position:relative;color:#231f20;width:95%;padding-top:5px;padding-bottom:45px;}
#page_content .bloc_acti .votes {width:116px;height:20px;padding:0 5px;position:absolute;bottom:10px;right:5px;}

#page_content .actis .bloc_acti .infos {font-family:'nimbusreg', Arial;font-size:14px;line-height:14px;position:relative;color:#231f20;width:120px;padding-top:5px;padding-bottom:5px;}

#page_content #les-fiches .votes, #page_content #mise-en-avant .votes {width:116px;height:20px;padding:0 5px;position:absolute;bottom:10px;left:5px;}


#page_content .zone_box {width:90%;padding:15px 0;margin:0 auto;position:relative;}
#page_content .zone_box .box {display:block;float:left;width:130px;padding:9px;border:3px dashed #049ab2;}
#page_content .zone_box .box:hover {border:3px dotted #049ab2;}
#page_content .zone_box .box.last {margin-right:0;}
#page_content .zone_box .box  img {max-width:95%;max-height:95%;}

#page_content .zone_box .owl-prev {width:35px;height:35px;display:block;text-indent:-9999px;position:absolute;left:-42px;top:35px;background:url(../img/carousel-box.png) 0 0 no-repeat;}
#page_content .zone_box .owl-prev:hover {background-position:0 -35px;}
#page_content .zone_box .owl-next {width:35px;height:35px;display:block;text-indent:-9999px;position:absolute;right:-32px;top:35px;background:url(../img/carousel-box.png) -35px 0 no-repeat;}
#page_content .zone_box .owl-next:hover {background-position:-35px -35px;}

#activites_semaines {width:100%;margin-top:15px;}
#page_content.accueil #activites_semaines h2 {font-family: 'als_reg', Arial;color:#fff;background:#049ab2;font-size:44px;line-height:38px;padding:14px 0 12px 3%;width:97%;}
#activites_semaines .liste_activites {padding:15px 0 0;width:100%;margin:0 auto;}
#activites_semaines .bloc_acti {width:220px;margin:0 10px 20px 10px;}

#page_content  #activites_semaines .bloc_acti p.titre {width:190px;}
#page_content #activites_semaines .bloc_acti .img_container {width:208px;height:auto;float:none;margin:15px auto 0;}
#page_content #activites_semaines .bloc_acti .img_container img {max-height:100%;max-width:100%;display:block;margin:0 auto;}
#page_content #activites_semaines .bloc_acti .infos {width:208px;float:none;}
#page_content #activites_semaines .bloc_acti .infos p {}
#page_content #activites_semaines .bloc_acti .votes {left:5px;right:inherit;bottom:6px;}

#page_content #activites_semaines .bloc_acti span.btn_go {background:url(../img/btn-go.png) left top no-repeat;width:25px;height:25px;display:block;position:absolute;bottom:5px;right:5px;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;cursor:pointer;}
#page_content #activites_semaines .bloc_acti:hover span.btn_go {opacity: 1;}
#page_content #activites_semaines .bloc_acti span.btn_go:hover {background-position:left -25px;}


#mosaique_photos {width:100%;margin-top:15px;}
#page_content.accueil #mosaique_photos h2 {font-family: 'als_reg', Arial;color:#fff;background:#ffa000;font-size:44px;line-height:36px;padding:14px 0 12px 3%;width:97%;}
#mosaique_photos .liste_photos {padding:15px 0;width:100%;margin:0 auto;}
#mosaique_photos .bloc_photo {width:208px;padding:5px;margin:0 0 20px 10px;border:2px solid #ffa000;}
#mosaique_photos .bloc_photo:hover {border-color:#eb580c;}
#mosaique_photos .bloc_photo img {max-width:100%;max-height:100%;display:block;margin:0 auto;}

#blocs_bas {width:100%;margin-top:15px;}
#blocs_bas .bloc {width:204px;padding:13px;display:block;float:left;margin-right:15px;background:#fff;position:relative;z-index:200;}
#blocs_bas .bloc.les_derniers {margin-right:0;}

#blocs_bas .bloc h3 {font-family: 'bebasreg', Arial;font-size:30px;width:194px;padding:12px 0 10px 10px;}
#blocs_bas .bloc.edito h3 {background:url(../img/ligne-verte.png) left bottom no-repeat;color:#93d70a;}
#blocs_bas .bloc.top10 h3, #blocs_bas .bloc.les_derniers h3 {background:url(../img/ligne-rose.png) left bottom no-repeat;color:#e01e58;}

#blocs_bas .edito_contenu {font-family:'futurabook', Arial;padding:15px 0;width:194px;font-size:13px;line-height:14px;}
#blocs_bas .edito_contenu p.premier {padding-top:12px;width:184px;}
#blocs_bas .edito_contenu p.second {padding-top:18px;}
#blocs_bas .edito_contenu p.second  img.visuel_box {float:right;margin-top:15px;margin-right:25px;}
#blocs_bas .edito_contenu p.sign {padding-top:25px;text-align:right;}
#blocs_bas .edito_contenu a {color:#5a7824;text-decoration:none;}
#blocs_bas .edito_contenu a:hover {text-decoration:underline;}
#blocs_bas .liste_contenu {font-family:'futurabook', Arial;padding:15px 0;width:196px;padding-left:8px;}
#blocs_bas .liste_contenu .single_contenu {margin-bottom:13px;}
#blocs_bas .liste_contenu p.titre, .liste_contenu p.titre a {font-size:14px;color:#e01e58;text-decoration:none;padding-bottom:3px;}
.liste_contenu p.titre a:hover {text-decoration:underline;}
#blocs_bas .liste_contenu p.resume, .liste_contenu p.resume a {font-size:12px;color:#231f20;text-decoration:none;}

#bottom_souris {margin-top:30px;}
#bottom_souris  .conteneur {width:660px;margin:0 auto;position:relative;}
#bottom_souris  .conteneur .pub, #bottom_souris  .conteneur .a_la_une {width:320px;height:260px;display:block;float:left;position:relative;z-index:200;}
#bottom_souris  .conteneur .a_la_une {margin-left:20px;}
#bottom_souris  .conteneur .a_la_une a img {max-width:100%;max-height:100%;border:2px solid #3c924a;}
#bottom_souris  .conteneur .a_la_une a:hover img {border-color:#ab050e;}

#bottom_souris  .conteneur  img.souris {position:absolute;z-index:150;right:-180px;top:-78px;}

/******************************************/
/*                SIDEBAR                 */
/******************************************/
aside {width:300px;padding:15px 12px 15px 0;}

.search.mobile {display:none;}
.search {background:#fff;padding:8px 10px 7px;width:280px;}
.search h3 {font-family: 'bebasreg', Arial;color:#df3447;font-size:24px;}
.search input[type="text"] {font-family: 'Lato'; font-weight: 300; font-size: 14px; width:225px; padding:3px 7px;height:25px;line-height:100%;color: #231f20;border-radius:0;border:2px solid #90989e;display:block;float:left;box-shadow:none;-webkit-appearance:none; background: #f4f4f5;}
.search input[type="submit"] {font-family: 'Lato'; padding: 0; cursor: pointer; font-size:20px;text-align:center;line-height:32px;color:#fff;background:#90989e; border-radius:0;border:none;width:37px;height:35px;display:block;float:left;-webkit-appearance:none;}

aside .pub {margin-top:22px;}
aside .pub.first {margin-top:17px;}

aside .facebook {margin-top:22px;}
aside .facebook img {max-width:100%;}

.agenda.mobile {display:none;}
.agenda {background:#fff;margin-top:22px;}
.agenda h3 {font-family: 'Patrick Hand', Arial;color:#fff;font-size:24px;padding-bottom:15px; background: #DF2264;padding:12px 10px; text-transform: uppercase;}
.agenda .liste{ padding:0 10px; }
.agenda .liste .single { display:block; border-bottom:3px dotted #DF2264; padding:15px 0;}
.agenda .liste .single.last { border-bottom:none; }
.agenda .liste .single .img_container { width:94px; height:94px; display:block; float:left; position:relative; overflow:hidden; }
.agenda .liste .single .img_container img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
.agenda .liste .single .infos {width:170px;margin-left:10px;display:block;float:left;}
.agenda .liste .single .infos p.mois {font-family: "futurabook",Arial;font-size: 18px;text-align:left;color:#DF2264;}
.agenda .liste .single .infos p.mois a {color:#eb580c;text-decoration:none;}
.agenda .liste .single .infos p.mois a:hover {text-decoration:underline;}
.agenda .liste .single .infos p.theme {font-family: "futurabook",Arial;font-size: 16px;text-align:left;color:#DF2264;}
.agenda .liste .single .infos p.theme a {color:#DF2264;text-decoration:none;}
.agenda .liste .single .infos p.theme a:hover {text-decoration:underline;}
.agenda .liste .single .infos div.resume {font-family: "nimbusreg",Arial;font-size: 14px;text-align:left;color:#eb580c;padding-top:5px;color:#231f20;}
.agenda .liste .single .infos div.resume p{ display: inline;}

#nav_mobile > ul > li.agenda > a { font-weight: 700; }
#nav_mobile .agenda .liste .single .infos{ width: calc(100% - 114px); }
#nav_mobile .agenda .liste .single {border-color:#F29319;}
#nav_mobile .agenda .liste .single .infos p.theme a {color:#F29319;}
#nav_mobile .sub_menu .featureditem .title{ width: 225px; }
#nav_mobile .menu-title {position: relative; font-family: Lato, Arial, sans-serif; font-weight: 300; text-transform: uppercase; display: block; height: 45px; line-height: 45px; padding-left: 25px; color: #fff; background: #eb580c; font-size: 16px; margin-bottom: 1px; }


/******************************************/
/*            FIL D'ARIANNE               */
/******************************************/

#fil-arianne {width:98.5%;padding:7px 0 6px 1%;background:#fff;color:#000;border:2px dotted #000;}
#fil-arianne p.loc {font-family: 'futurabook'; color:#000;}
#fil-arianne a, #fil-arianne span{font-family:'nimbusreg'; color:#000;text-decoration:none;}

#fil-arianne.orange {border-color:#eb580c;}
#fil-arianne.orange a:hover {color:#eb580c;}
#fil-arianne.bleu {border-color:#049ab2;}
#fil-arianne.bleu a:hover {color:#049ab2;}
#fil-arianne.jauneor {border-color:#ffa000;}
#fil-arianne.jauneor a:hover {color:#ffa000;}
#fil-arianne.vert {border-color:#74c512;}
#fil-arianne.vert a:hover {color:#74c512;}
#fil-arianne.rose {border-color:#e01e58;}
#fil-arianne.rose a:hover {color:#e01e58;}

/******************************************/
/*           	SCROLLBAR	              */
/******************************************/

.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0.3;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}

/******************************************/
/*           TEMPLATE FICHE	              */
/******************************************/

#page_content.page_contenu {}
#page_content.page_contenu h1.title {font-family: 'Patrick Hand', Arial; font-weight: normal; color:#fff;background:#1060a6;font-size:30px;line-height:30px;padding:6px 0 6px 3%;width:77%;border-radius:4px 0 4px 0;display:block;float:left;}
#page_content.page_contenu h1.title.orange {background:#eb580c;}
#page_content.page_contenu h1.title.bleu {background:#049ab2;}
#page_content.page_contenu h1.title.jauneor {background:#ffa000;}
#page_content.page_contenu h1.title.vert {background:#74c512;}
#page_content.page_contenu h1.title.rose {background:#e01e58;}
#page_content.page_contenu .top .votes {width:112px;display:block;float:left;height:29px;margin-left:15px;padding-left:9px;padding-top:6px;background:#fff;border-radius:10px;border:2px solid #eb580c}
#page_content.page_contenu .top .votes.orange {border-color:#eb580c}
#page_content.page_contenu .top .votes.bleu {border-color:#049ab2}
#page_content.page_contenu .top .votes.jauneor {border-color:#ffa000}
#page_content.page_contenu .top .votes.vert {border-color:#74c512}
#page_content.page_contenu .top .votes.rose {border-color:#e01e58}

#page_content.page_contenu .top {padding-top:10px;}
#page_content.page_contenu .presentation {background:#fff;margin-top:10px;position:relative; margin-bottom:10px;}
#page_content.page_offer .presentation,#page_content.page_activity .presentation {padding-bottom:10px;}
#page_content.page_contenu.fiche .presentation {padding-bottom:45px;}
#page_content.page_contenu .presentation .img-container, #page_content.page_contenu .presentation .texte {display:block;float:left;}

#page_content.page_contenu .presentation .img-container {width:220px;height:220px;margin:10px;position:relative;overflow:hidden;text-align: center;}
#page_content.page_contenu .presentation .img-container img {width: 100%;height:auto;max-height:100%;margin:auto;}
#page_content.page_game .presentation .img-container{display:none}

#page_content.page_contenu .presentation .texte {width:455px;padding:10px 0 15px 10px;margin-bottom: 50px;}
#page_content.page_contenu .no-featured .texte {width:auto;padding:10px 0 15px 10px;margin-bottom: 50px;}
#page_content.page_contenu .presentation .texte h2 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding:0 0 10px 0;}
#page_content.page_contenu .presentation .texte .presentation-description {font-family:'nimbusreg';color:#000;font-size:14px;line-height:18px;height:90px;overflow:hidden;position:relative;}

#page_content.page_game .presentation .texte {width:auto;padding:10px 0 15px 10px;margin-bottom: 0;}

#page_content.page_contenu .presentation .texte .presentation-description p {padding-right:10px;}


#page_content.page_contenu .top .apport, #page_content.page_contenu .top .fournitures {width:49%;display:block;float:left;margin-top:16px; position:relative}
#page_content.page_contenu .top .fournitures {margin-left:2%;}

/*#page_content.page_contenu .top .apport, #page_content.page_contenu .top .fournitures {width:auto;display:block;margin-top:16px;}*/


#page_content.page_contenu .top .fournitures a.link {color:#fff;font-size:18px;background:#ffb400 url(../img/picto-fournitures.png) left 2px no-repeat;font-family: 'bebasreg', Arial;text-transform:uppercase;display:block;width:80%;height:36px;line-height:36px;padding-left:20%;text-decoration:none;}
#page_content.page_contenu .top .fournitures a.link:hover {background-color:#ff8f00;}

#page_content.page_contenu .top .apport a.link {color:#fff;font-size:18px;background:#67ac13 url(../img/picto-apport.png) left 2px no-repeat;font-family: 'bebasreg', Arial;text-transform:uppercase;display:block;width:80%;height:36px;line-height:36px;text-decoration:none;padding-left:20%; position:relative;}
#page_content.page_contenu .top .apport a.link:hover {background-color:#3c8506;}
#page_content.page_contenu .top .bt-steps {background:#049ab2; text-align:center;margin:0 10px 0 10px; padding:7px 0;}

#page_content.page_offer .top .apport a.link,#page_content.page_offer .top .fournitures a.link,#page_content.page_activity .top .apport a.link,#page_content.page_activity .top .fournitures a.link{    font-size: 18px; line-height:18px; padding-top: 3px; padding-bottom: 3px;}

#page_content.page_contenu .top .bloc_desc .desc_wrapper{display:none; position:absolute; z-index:100; background:#fff; width:100%;}
/*#page_content.page_contenu .top .bloc_desc .desc_wrapper{width:455px;}*/


#page_content.page_contenu .top .bloc_desc ul, #page_content.page_contenu .top .bloc_desc p {width:87%;margin:0 auto;padding:10px 0 10px 8%;font-family:'nimbusreg';color:#000;list-style:disc;font-size:14px;}
#page_content.page_contenu .top .bloc_desc p {padding:5px 0 5px 8%;}
#page_content.page_contenu .top .bloc_desc ul li {margin-bottom:3px;}
#page_content.page_contenu .top .bloc_desc ul li:last-child {margin-bottom:0;}
#page_content.page_contenu .top .bloc_desc p:first-child {padding-top:10px;}
#page_content.page_contenu .top .bloc_desc p:last-child {padding-bottom:10px;}


#page_content.page_contenu h2.realisation {font-family: 'als_reg', Arial;color:#fff;background:#1060a6;font-size:36px;line-height:28px;padding:14px 0 12px 3%;width:97%;}

#page_content.page_contenu #instructions {background:#fff;margin-top:16px;padding:15px;font-family:'nimbusreg';color:#000;line-height:20px;overflow-x:hidden; margin-bottom:16px;}
#page_content.page_contenu #instructions p {margin-bottom:13px;}
#page_content.page_contenu #instructions a{color:#007996;font-weight:bold;text-decoration:none;}
#page_content.page_contenu #instructions a:hover {text-decoration:underline;}
#page_content.page_contenu #instructions img{max-width: 100%;height: auto;}
#page-contenu-bottom {}
#page_content.page_contenu #instructions iframe{ width: 100%; min-height: 387px;}

.bt-video{background:url(../img/video.png) no-repeat;width:35px;height:32px; display: inline-block; float: right; background-size: contain; cursor: pointer; margin-left: 10px;}
#instructions video{ max-width:100%; }

#page-contenu-bottom h2,#page-contenu-bottom div.title {font-family: 'Patrick Hand', Arial; color:#fff;background:#1060a6;font-size:30px;line-height:44px;text-align:center;}

#page-contenu-bottom .contenus-lies {width:65%;margin-left:2%;}
#page-contenu-bottom .liste-contenus {padding:6px 0 15px;}
#page-contenu-bottom .liste-contenus-cell {width:28%;padding:12px 1.5%;margin: 0 1.1% 15px 1.1%;display:block;float:left;text-align:center;}
#page-contenu-bottom .liste-contenus-cell.mod-trois {margin-right:0;}
#page-contenu-bottom .liste-contenus-cell img {max-width:100%;display:block;margin:0 auto;}
#page-contenu-bottom .liste-contenus-cell a {font-family:'nimbusreg';font-weight:700;color:#000;font-size:14px;line-height:14px;text-decoration:none;}
#page-contenu-bottom .liste-contenus-cell a span {display:block;padding-top:7px;}

#page-contenu-bottom .owl-carousel .owl-wrapper-outer{ width: auto; }
#page-contenu-bottom .featured-block{ margin-bottom: 20px; }
#page-contenu-bottom .featured { margin:5px; display:table; width: 100%;}
#page-contenu-bottom .featured .img_container  { display:table-row; height: 175px; }
#page-contenu-bottom .featured .img_container a{ display: table-cell; vertical-align: middle; height: 175px; text-align: center; }
#page-contenu-bottom .featured img{ display: inline-block;  max-width:100%; max-height: 175px; margin: auto;}
#page-contenu-bottom .featured .title{ display: table-row; border-bottom: 3px dotted #1060a6; color: #1060a6; font-family: "nimbusreg",Arial; font-size: 16px; line-height: 18px; font-weight: 700; text-align: center; padding-bottom: 5px; margin-bottom: 10px; text-decoration: none; }
#page-contenu-bottom .featured .title span{display:table-cell; height: 36px; padding:10px 0; vertical-align: middle;} 
#page-contenu-bottom .featured  {font-family: "nimbusreg",Arial; font-size: 14px;}
#page-contenu-bottom .featured .description h2{ display: none;}




#page-contenu-bottom .owl-buttons{ position: absolute; width: 100%; top: 85px;}
#page-contenu-bottom .owl-buttons div{position: absolute; width: 25px; height:25px;  background-image: url(../img/btn-featured.png); background-repeat:no-repeat}
#page-contenu-bottom .owl-buttons .owl-prev{ left: 5px; background-position: 0 -25px}
#page-contenu-bottom .owl-buttons .owl-next{ right: 5px; background-position: -25px -25px}



.partage-widget-container {width:auto;background:none; text-align: center;     font-family: 'nimbusreg'; line-height: 30px;}
.partage-widget-container span { display:inline-block; vertical-align: middle;}
.partage-widget-container-bottom {margin-bottom: 16px;}
.partage-widget-container-top { margin-top: 5px;}
#page_content.page_contenu #partage-widget-inline {margin-top:10px;display:none;}


/******************************************/
/*           TEMPLATE DOSSIER	  */
/******************************************/

#page_content.page_contenu .nav-to-articles {bottom:15px;height:35px;margin-top:10px;position:absolute;right:10px;width:465px;display:none;overflow: hidden;}
#page_content.page_contenu .no-featured .nav-to-articles{right:10px;width:700px;}
#page_content.page_activity .nav-to-articles {bottom:55px;}

#page_content.page_contenu .nav-to-articles.wide {width:100%;margin:15px 0;position:relative;bottom:inherit;right:inherit;}
#page_content.page_contenu .nav-to-articles.wide.topnav {margin:5px 0;}
#page_content.page_contenu .nav-to-articles a{ text-decoration: none; font-size:14px; line-height: 25px;}
#page_content.page_contenu .nav-to-articles a span{ margin-top:-2px;line-height:normal;display:table-cell;height: 25px; vertical-align: middle; }
#page_content.page_contenu .nav-to-articles a.prev {position:absolute;background:url(../img/picto-prev.png) left top no-repeat;max-width:calc(50% - 35px); padding-left: 35px;height:25px;font-family: 'nimbusreg', Arial;color:#1060a6;font-weight:bold;}

#page_content.page_contenu .nav-to-articles a.prev span {}
#page_content.page_contenu .nav-to-articles a.next {position:absolute;right:0;background:url(../img/picto-next.png) right top no-repeat;max-width:calc(50% - 35px); padding-right: 35px;height:25px;font-family: 'nimbusreg', Arial;color:#1060a6;font-weight:bold;}

#page_content.page_contenu .nav-to-articles a.next span {text-align:right}

#page_content.page_contenu h2.mise-en-avant {font-family: 'als_reg', Arial;color:#fff;background:#ff8f00;font-size:36px;line-height:28px;padding:14px 0 12px 3%;width:97%;margin-top:10px;}

#mise-en-avant {padding:15px 0;background:none;}
#mise-en-avant .bloc_mea{width:220px;margin:0 0 20px 10px;padding:10px 0 45px;position:relative;background:#fff;}
#mise-en-avant .bloc_mea a.img_container {display:block;width:200px;height:148px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:10px;}
#mise-en-avant .bloc_mea a.img_container img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
#mise-en-avant .bloc_mea .infos {width:200px;margin:0 auto;font-family:"nimbusreg",Arial;font-size:14px;line-height:14px;color:#000}
#mise-en-avant .bloc_mea .infos span.titre {display:block;border-bottom:3px dotted #ff8f00;color: #ff8f00;font-family: "nimbusreg",Arial;font-size:16px;line-height:18px;font-weight:700;text-align:center;padding-bottom:5px;margin-bottom:10px;}
#mise-en-avant .bloc_mea .infos a {color:#000;text-decoration:none;}

#mise-en-avant .bloc_mea span.btn_go {background:url(../img/btn-go-jaune.png) left top no-repeat;width:25px;height:25px;display:block;position:absolute;bottom:5px;right:5px;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;cursor:pointer;}
#mise-en-avant .bloc_mea:hover span.btn_go {opacity: 1;}
#mise-en-avant .bloc_mea span.btn_go:hover {background-position:left -25px;}

#page_content.page_contenu h2.sous-rubriques {font-family: 'Patrick Hand', Arial; color:#fff;background:#df3447;font-size:30px;line-height:28px;padding:14px 0 12px 3%;width:97%;margin-top:10px;}

#sous-rubriques {padding:15px 0;background:none;}
#sous-rubriques .bloc_sr{width:220px;margin:0 0 20px 10px;padding:10px 0 45px;position:relative;background:#fff;border: 2px solid #ffa000;}
#sous-rubriques .bloc_sr a.img_container {display:block;width:200px;height:148px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:10px;}
#sous-rubriques .bloc_sr a.img_container img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
#sous-rubriques .bloc_sr .infos {width:200px;margin:0 auto;font-family:"nimbusreg",Arial;font-size:14px;line-height:14px;color:#000}
#sous-rubriques .bloc_sr .infos span.titre {display:block;border-bottom:3px dotted #df3447;color: #df3447;font-family: "nimbusreg",Arial;font-size:16px;line-height:18px;font-weight:700;text-align:center;padding-bottom:5px;margin-bottom:10px;}
#sous-rubriques .bloc_sr .infos a {color:#000;text-decoration:none;}
#sous-rubriques .bloc_sr .infos .desc p{ display: inline;}

#sous-rubriques .bloc_sr span.btn_go {background:url(../img/btn-go-rose.png) left top no-repeat;width:25px;height:25px;display:block;position:absolute;bottom:5px;right:5px;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;cursor:pointer;}
#sous-rubriques .bloc_sr:hover span.btn_go {opacity: 1;}
#sous-rubriques .bloc_sr span.btn_go:hover {background-position:left -25px;}
#page_content #sous-rubriques p.compteur {color:#df3447;font-family: 'als_reg', Arial;font-size:26px;width:116px;height:20px;padding:0 5px;position:absolute;bottom:10px;left:5px;}
#page_content #sous-rubriques p.compteur span {font-size:22px;}

#page_content.page_contenu h2.les-fiches {font-family: 'Patrick Hand', Arial;color:#fff;background:#1060a6;font-size:30px;line-height:30px;padding:14px 0 12px 3%;width:97%;margin-top:10px;}

#les-fiches {padding:15px 0;background:none;}
#sous-rubriques .bloc_lf{width:220px;margin:0 0 20px 10px;padding:10px 0 35px;position:relative;background:#fff;border: 2px solid #fff;}
.bloc_lf a.img_container {display:block;width:200px;height:148px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:10px;}
.bloc_lf a.img_container img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
.bloc_lf .infos {width:200px;margin:0 auto;font-family:"nimbusreg",Arial;font-size:14px;line-height:14px;color:#000}
.bloc_lf .infos span.titre {display:block;border-bottom:3px dotted #1060a6;color: #1060a6;font-family: "nimbusreg",Arial;font-size:16px;line-height:18px;font-weight:700;text-align:center;padding-bottom:5px;margin-bottom:10px;}
.bloc_lf .infos a {color:#000;text-decoration:none;}

.bloc_lf span.btn_go {background:url(../img/btn-go-bleu.png) left top no-repeat;width:25px;height:25px;display:block;position:absolute;bottom:5px;right:5px;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;cursor:pointer;}
.bloc_lf:hover span.btn_go {opacity: 1;}
.bloc_lf span.btn_go:hover {background-position:left -25px;}

#page_content .pagination {margin:0 0 45px 9px;text-align:center;}
#page_content .pagination a.number {display:inline-block;padding:10px 13px;text-align:center;font-family:'nimbusbold';font-size:14px;color:#fff;text-decoration:none;border-radius:5px;vertical-align:top;}
#page_content .pagination a.all {display:inline-block;line-height:34px;font-family:'nimbusreg';font-size:14px;color:#000;text-decoration:none;padding-left:10px;}
#page_content .pagination a.all:hover {text-decoration:underline;}

#page_content .pagination.sous-rubriques a.number {background:#df3447;}
#page_content .pagination.sous-rubriques a.number:hover, #page_content .pagination.sous-rubriques a.number.active {background:#f05263;}
#page_content .pagination.les-fiches a.number {background:#1060a6;}
#page_content .pagination.les-fiches a.number:hover, #page_content .pagination.les-fiches a.number.active {background:#1084a6;}

/** dossier 0 **/

#les-fiches {padding:15px 0;background:none;}
.bloc_lf{width:220px;margin:0 0 20px 10px;padding:10px 0 45px;position:relative;background:#fff;}
.bloc_lf a.img_container {display:block;width:200px;height:148px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:10px;}
.bloc_lf a.img_container img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
.bloc_lf .infos {width:200px;margin:0 auto;font-family:"nimbusreg",Arial;font-size:14px;line-height:14px;color:#000}
.bloc_lf .infos span.titre {display:block;border-bottom:3px dotted #1060a6;color: #1060a6;font-family: "nimbusreg",Arial;font-size:16px;line-height:18px;font-weight:700;text-align:center;padding-bottom:5px;margin-bottom:10px;}
.bloc_lf .infos a {color:#000;text-decoration:none;}

.bloc_lf span.btn_go {background:url(../img/btn-go-bleu.png) left top no-repeat;width:25px;height:25px;display:block;position:absolute;bottom:5px;right:5px;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;cursor:pointer;}
.bloc_lf:hover span.btn_go {opacity: 1;}
.bloc_lf span.btn_go:hover {background-position:left -25px;}


/******************************************/
/*       TEMPLATE COLORIAGE	  */
/******************************************/

#coloriage-zone-image {margin:15px 0;width:100%;}
#coloriage-zone-image img {max-width:100%;display:block;margin:0 auto;}

#coloriage-zone-texte {font-family:"nimbusreg",Arial;font-size:16px;line-height:18px;color:#000;padding:15px 0 35px;}

#coloriage-zone-image .zone-cta {width:315px;margin:20px auto;}
#coloriage-zone-image .zone-cta a {display:inline-block;padding:10px 13px;text-align:center;font-family:'nimbusreg', Arial;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;border-radius:5px;vertical-align:top;background:#df3447;margin-right:10px;}
#coloriage-zone-image .zone-cta a:hover {background:#f05263}

/******************************************/
/*       TEMPLATE ARTICLE		  				*/
/******************************************/

#page_content.page_contenu.article .presentation {padding:20px;}
#page_content.page_contenu.article .presentation img {display:block;float:left;margin:0 10px 10px 0;max-width:300px;max-height:300px;}
#page_content.page_contenu.article .presentation h2 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding-bottom:15px;}
#page_content.page_contenu.article .presentation p {font-family:'nimbusreg';color:#000;font-size:16px;line-height:18px;}
#page_content.page_contenu.article .presentation a {color:#0e3b65;text-decoration:none;font-weight:700;}
#page_content.page_contenu.article .presentation iframe { max-width:100%; }
#page_content.page_contenu.article .presentation a:hover {text-decoration:underline;}
#page_content.page_contenu.article .presentation h3 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding:15px 0;}
#page_content.page_contenu.article #page-contenu-bottom {margin-top:15px;}

#page_content.page_contenu.article .presentation .presentation-description img,
#page_content.page_contenu.article .presentation .page-content img{max-height:none;max-width: 100%; height: auto;}

/******************************************/
/*       TEMPLATE SOMMAIRE		  				*/
/******************************************/

#page_content.page_contenu.sommaire .presentation {padding:20px;}
#page_content.page_contenu.sommaire .presentation img {display:block;float:left;margin:0 10px 10px 0;}
#page_content.page_contenu.sommaire .presentation h2 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding-bottom:15px;}
#page_content.page_contenu.sommaire .presentation p {font-family:'nimbusreg';color:#000;font-size:16px;line-height:18px;}
#page_content.page_contenu.sommaire .presentation a {color:#0e3b65;text-decoration:none;font-weight:700;}
#page_content.page_contenu.sommaire .presentation a:hover {text-decoration:underline;}
#page_content.page_contenu.sommaire .presentation h3 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding:15px 0;}
#page_content.page_contenu.sommaire #page-contenu-bottom {margin-top:15px;}

#page_content.page_contenu.sommaire .bottom ul {}
#page_content.page_contenu.sommaire .bottom ul li {background:url(../img/nav-li-blue.png) left 6px no-repeat;padding-left:10px;display:inline-block;width:30%;height:35px;overflow:hidden;}
#page_content.page_contenu.sommaire .bottom ul li, #page_content.page_contenu.sommaire .bottom ul li a {font-family:'nimbusreg';color:#000;font-size:16px;line-height:18px;text-decoration:none;font-weight:normal;}
#page_content.page_contenu.sommaire .bottom ul li a:hover {text-decoration:underline;}

/******************************************/
/*       TEMPLATE FLASH		  				*/
/******************************************/

#page_content.page_contenu.flash .presentation {padding:20px;}
#page_content.page_contenu.flash .presentation img {display:block;float:left;margin:0 10px 10px 0;}
#page_content.page_contenu.flash .presentation h2 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding-bottom:15px;}
#page_content.page_contenu.flash .presentation p {font-family:'nimbusreg';color:#000;font-size:16px;line-height:18px;}
#page_content.page_contenu.flash .presentation a {color:#0e3b65;text-decoration:none;font-weight:700;}
#page_content.page_contenu.flash .presentation a:hover {text-decoration:underline;}

#page_content #flash-area {margin:20px 0;}
#page_content #flash-area embed {max-width:100%;}

/******************************************/
/*       TEMPLATE VIDEO			  */
/******************************************/

#page_content.page_contenu.video .presentation {padding:20px;}
#page_content.page_contenu.video .presentation img {display:block;float:left;margin:0 10px 10px 0;max-width:250px;}
#page_content.page_contenu.video .presentation h2 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding-bottom:15px;}
#page_content.page_contenu.video .presentation p {font-family:'nimbusreg';color:#000;font-size:16px;line-height:18px;}
#page_content.page_contenu.video .presentation a {color:#0e3b65;text-decoration:none;font-weight:700;}
#page_content.page_contenu.video .presentation a:hover {text-decoration:underline;}

#page_content.page_contenu.video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
#page_content.page_contenu.video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*#page_content.page_contenu.video iframe {margin:0 auto;display:block;}*/
#page_content.page_contenu.video .presentation h3 {font-family: 'nimbusbold', Arial;color:#0e3b65;font-size:20px;line-height:22px;background:none;padding:15px 0;}

#page_content.page_contenu.video #page-contenu-bottom {margin-top:15px;}

#page_content.page_contenu strong {font-weight:700;}

/******************************************/
/*                FOOTER                  */
/******************************************/
footer.web {margin-bottom:35px;}
footer .bloc_couleurs {width:100%;}
footer .bloc_couleurs .bloc {width:10%;height:5px;display:block;float:left;}

footer .footer_top_links {padding:15px 0;}
footer .footer_top_links .bloc {width:32%;padding:15px 4%;min-height:130px;display:block;float:left;border-right:1px solid #d9d9d9;}
footer .footer_top_links .bloc.certif {width:19%;padding:15px 0 0 0;border-right:none;}
footer .footer_top_links .bloc.certif img {display:block;margin:17px auto;max-width:80%;}
footer .footer_top_links .bloc h4 {font-family: 'als_reg', Arial;color:#231f20;font-size:34px;padding-bottom:15px;}
footer .footer_top_links .bloc ul {width:47%;display:block;float:left;}
footer .footer_top_links .bloc ul.second {margin-left:6%;}
footer .footer_top_links .bloc ul li {width:94%;padding-left:6%;display:block;background:url(../img/nav-li.png) left 7px no-repeat;}
footer .footer_top_links .bloc ul a {color: #231f20;font-family: "futurabook",Arial;font-size: 13px;text-decoration: none;}
footer .footer_top_links .bloc ul a:hover {text-decoration:underline;}

.footer_bottom.content {margin-top:15px;color: #231f20;font-family: "futurabook",Arial;font-size: 13px;padding:15px 0;text-align:center;}
.footer_bottom.content p.copy {width:90%;margin:0 auto;padding-bottom:15px;border-bottom:1px solid #d9d9d9;}
.footer_bottom.content p.copy a {color:#231f20;text-decoration:underline;}
.footer_bottom.content p.sub_links {margin-top:15px;}
.footer_bottom.content p.sub_links a {color: #231f20;font-family: "futurabook",Arial;font-size: 13px;    text-decoration: none;padding:0 5px 0 10px;background:url(../img/nav-li.png) left 7px no-repeat;}
.footer_bottom.content p.sub_links a.first {background:none;}
.footer_bottom.content p.sub_links a:hover {text-decoration:underline;}


.popup-newsletter{background:#fff;position:fixed;bottom:0;left:0;z-index:200000;display:none;}
.popup-newsletter,.module-newsletter{font-family: "futurabook",Arial;font-size: 13px;padding:0;}
.popup-newsletter .close{position:absolute;top:7px;right:12px;font-family: 'bebasreg', Arial;color:#fff;font-size: 22px;cursor:pointer;}
.module-newsletter{background:#fff;}
.module-newsletter .close{display:none;}
.module-newsletter label,.module-newsletter input{margin-bottom:5px;display:block;}
.module-newsletter .checkbox{margin-bottom:5px;}
.module-newsletter .checkbox label,
.module-newsletter .checkbox input,
.module-newsletter .submit input{display:inline;width:auto;}
.newsletter-wrapper{ border-bottom:5px solid #DF2264; }
.newsletter-wrapper .header{ margin-bottom:15px; background:#DF2264; text-align: center; padding: 5px 0; }
.newsletter-wrapper h4{font-family: 'Patrick Hand', Arial, sans-serif;color:#fff; font-size: 22px; display: inline-block; padding-left: 45px; text-transform: uppercase; }
.newsletter-wrapper h4 span{ background: url(../img/courrier.png) no-repeat; position: absolute; width: 45px; height: 34px; margin-left: -50px; }
.newsletter-wrapper{margin-bottom:5px;}
.newsletter-wrapper{margin-bottom:0; max-width: 400px;}
.newsletter-wrapper .intro{font-size:14px;margin-bottom: 10px;font-weight:bold;}
.newsletter-wrapper { background: url(../img/bg-newsletter.png) no-repeat center bottom; background-size: contain;}
.newsletter-wrapper p{ text-align: center; font-size: 16px; font-family: 'Lato', sans-serif; margin: 0 20px 20px 20px; }
.newsletter-wrapper .intro{ color:#DF2264; font-size: 16px;}
.newsletter-wrapper form div{ display: inline-block; vertical-align: middle;  }
.newsletter-wrapper form .result{ display: block;  }
.newsletter-register { text-align: center; margin-bottom: 30px;}
.newsletter-register .submit{ height: 32px; width: 32px;}
.newsletter-register .submit button{ padding: 5px 8px; color: #ffffff; background-color: #DF2264; border: 1px solid #ffffff; font-size: 14px; font-family: 'Patrick Hand', "arial", sans-serif;-webkit-appearance: button;cursor:pointer;}
.newsletter-register .loading button{display:none;}
.newsletter-register .loading{	background:url(../img/ajax-loader.gif) no-repeat left center;}
.newsletter-register .submit .result{display:inline-block;margin-left:20px;line-height:28px;}
.newsletter-register input[type="email"]{border: 2px solid #DF2264; font-size: 12px; padding: 4px; margin: 0; }
.newsletter-register .result{ font-family: 'Lato', sans-serif; font-size: 14px; padding-top: 10px; }

footer #hook-bottom .module-newsletter{ background:#DF2264; float: none; width: auto; min-height: auto; padding: 0; text-align: center; margin-bottom: 15px; border: none;}
footer #hook-bottom .module-newsletter .close{display:none;}
footer #hook-bottom .module-newsletter .header{display:inline-block; padding: 0; margin: 0; vertical-align: middle;}
footer #hook-bottom .module-newsletter .header h4{ margin: 0; }
footer #hook-bottom .module-newsletter .header h4 span{ margin-top:-10px; }
footer #hook-bottom .module-newsletter p{ display: inline-block; vertical-align: middle;}
footer #hook-bottom .module-newsletter form{ display: inline-block; vertical-align: middle; margin: 0; }
footer #hook-bottom .module-newsletter .newsletter-wrapper{ background: none; margin: 0 auto; border: none; padding: 3px 0 5px 0; max-width: none; }
footer #hook-bottom .module-newsletter .newsletter-wrapper p{ margin: 0; color:#fff; }
footer #hook-bottom .module-newsletter .newsletter-wrapper p a{ color: inherit; text-decoration: underline; cursor: pointer; }
footer #hook-bottom .module-newsletter .newsletter-wrapper .result{ display: block; padding: 0; color:#fff;}

footer #hook-bottom #module-293{ width: auto; float: none; padding: 0; margin-bottom: 20px; border: none; min-height: auto; }
footer #hook-bottom #module-293 p{ font-family: 'lato', sans-serif; padding-top: 5px; font-size: 16px; float: left; width:calc(16.5% - 41px); margin-right:1px; padding-left: 40px; height: 50px; text-align: center; color:#fff;}
footer #hook-bottom #module-293 p a{ color:#fff; text-decoration:none; }
footer #hook-bottom #module-293 p span{ font-size: 24px; }
footer #hook-bottom #module-293 p:nth-child(1){ background: #1A9EDA url(../img/bdo/bricolage.png) no-repeat 5px center;  }
footer #hook-bottom #module-293 p:nth-child(2){ background: #F19219 url(../img/bdo/coloriages.png) no-repeat 5px center; }
footer #hook-bottom #module-293 p:nth-child(3){ background: #EFA1B0 url(../img/bdo/chansons.png) no-repeat 5px center; }
footer #hook-bottom #module-293 p:nth-child(4){ background: #F19219 url(../img/bdo/jeu.png) no-repeat 5px center; }
footer #hook-bottom #module-293 p:nth-child(5){ background: #76B82A url(../img/bdo/cochon.png) no-repeat 5px center; }
footer #hook-bottom #module-293 p:nth-child(6){ width:calc(17.5% - 40px); margin-right: 0; background: #1A9EDA url(../img/bdo/video.png) no-repeat 5px center; margin-right: 0 }


#pub-286{
    display:none;
}
@media screen and (max-width: 1200px) {
    #page_content.page_contenu #partage-widget-wide {display:none;}
    #page_content.page_contenu #partage-widget-inline {display:block;width:220px;margin:10px auto 0;}
}

@media screen and (max-width: 1080px) {
    header nav#nav_web {display:none;}

    header a#show_menu_mobile {display:block;width:45px;height:45px;background:url(../img/btn-menu-mobile.jpg) no-repeat;position:fixed;right:0;top:0;z-index:11001;}
    header a#show_menu_mobile.open {background:url(../img/btn-menu-mobile-open.jpg) no-repeat;}

    header a#toggleagenda {position:relative;font-family: 'bebasreg', Arial;text-transform:uppercase;display:block;width:100%;height:45px;line-height:45px;text-align:center;text-decoration:none;color:#fff;background:#eb580c;font-size:22px; margin-bottom: 1px; }
    header a#toggleagenda img {float:left;position:absolute;left:24px;top:4px;}
    /*header a#toggleagenda span {display:inline-block;width:40px;height:40px;background:url(../img/picto-agenda.png) no-repeat;}*/

    .header-souris {right:inherit;left:7px;transform:scale3d(-1,1,1);}

    header nav#nav_mobile {font-family:'futurabook', Arial;display:block;position:fixed;width:400px;height:100%;top:0;right:-425px;background:#f5f5f5;z-index:11000;-webkit-box-shadow:-4px 0px 5px 0px rgba(150, 150, 150, 0.75);-moz-box-shadow:-4px 0px 5px 0px rgba(150, 150, 150, 0.75);box-shadow:-4px 0px 5px 0px rgba(150, 150, 150, 0.75);overflow:auto;}
    header nav#nav_mobile > ul {width:100%;height:100%;margin-left:0;}
    header nav#nav_mobile > ul > li {display:block;}
    header nav#nav_mobile > ul > li > a {color:#231f20;text-decoration: none;font-size:13px;text-transform: uppercase;height:45px;line-height:45px;position:relative;z-index:110;padding:0 5px 0 25px;display:block;position:relative;}
    header nav#nav_mobile > ul > li > a span.barre {width:4px;height:100%;position:absolute;left:0;top:0;display:block;background:#000;}
    header nav#nav_mobile > ul > li.accueil > a span.barre {background:#ffcc12}
    header nav#nav_mobile > ul > li.bricolages > a span.barre {background:#eb580c}
    header nav#nav_mobile > ul > li.coloriages > a span.barre {background:#049ab2}
    header nav#nav_mobile > ul > li.jeux > a span.barre {background:#ffa000}
    header nav#nav_mobile > ul > li.bebe > a span.barre {background:#74c512}
    header nav#nav_mobile > ul > li.carterie > a span.barre {background:#e01e58}
    header nav#nav_mobile > ul > li.education > a span.barre {background:#74c512}
    header nav#nav_mobile > ul > li.culture > a span.barre {background:#ec5f16}
    header nav#nav_mobile > ul > li.recettes > a span.barre {background:#049ab2}
    header nav#nav_mobile > ul > li.fetes > a span.barre {background:#ffa000}
    header nav#nav_mobile > ul > li.miniclub > a span.barre {background:#74c512}
    header nav#nav_mobile > ul > li.boutique > a span.barre {background:#eb580c}
    header nav#nav_mobile > ul > li.videos > a span.barre {background:#049ab2}
    header nav#nav_mobile > ul > li.blogs > a span.barre {background:#ffca07}
    /** couleur des roll + class active **/
    header nav#nav_mobile > ul > li.accueil:hover > a, header nav#nav_mobile > ul > li.accueil.coloractive > a {background:#ffcc12}

    header nav#nav_mobile > ul > li.bricolages.coloractive > a, header nav#nav_mobile > ul > li.bricolages:hover > a, header nav#nav_mobile > ul > li.bricolages > div.sub_menu .sub_menu_content{background:#eb580c}
    header nav#nav_mobile > ul > li.bricolages .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.bricolages .bloc.rubriques ul  li a {color:#eb580c;}


    header nav#nav_mobile > ul > li.coloriages.coloractive > a, header nav#nav_mobile > ul > li.coloriages:hover > a, header nav#nav_mobile > ul > li.coloriages > div.sub_menu .sub_menu_content{background:#049ab2}
    header nav#nav_mobile > ul > li.coloriages .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.coloriages .bloc.rubriques ul  li a  {color:#049ab2;}

    header nav#nav_mobile > ul > li.jeux.coloractive > a, header nav#nav_mobile > ul > li.jeux:hover > a, header nav#nav_mobile > ul > li.jeux > div.sub_menu .sub_menu_content{background:#ffa000}
    header nav#nav_mobile > ul > li.jeux .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.jeux .bloc.rubriques ul  li a {color:#ffa000;}

    header nav#nav_mobile > ul > li.bebe.coloractive > a, header nav#nav_mobile > ul > li.bebe:hover > a, header nav#nav_mobile > ul > li.bebe > div.sub_menu .sub_menu_content{background:#74c512}
    header nav#nav_mobile > ul > li.bebe .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.bebe .bloc.rubriques ul  li a  {color:#74c512;}

    header nav#nav_mobile > ul > li.carterie.coloractive > a, header nav#nav_mobile > ul > li.carterie:hover > a, header nav#nav_mobile > ul > li.carterie > div.sub_menu .sub_menu_content{background:#e01e58}
    header nav#nav_mobile > ul > li.carterie .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.carterie .bloc.rubriques ul  li a  {color:#e01e58;}

    header nav#nav_mobile > ul > li.education.coloractive > a, header nav#nav_mobile > ul > li.education:hover > a, header nav#nav_mobile > ul > li.education > div.sub_menu .sub_menu_content{background:#74c512}
    header nav#nav_mobile > ul > li.education .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.education .bloc.rubriques ul  li a  {color:#74c512;}

    header nav#nav_mobile > ul > li.culture.coloractive > a, header nav#nav_mobile > ul > li.culture:hover > a, header nav#nav_mobile > ul > li.culture > div.sub_menu .sub_menu_content{background:#ec5f16}
    header nav#nav_mobile > ul > li.culture .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.culture .bloc.rubriques ul  li a  {color:#ec5f16;}

    header nav#nav_mobile > ul > li.recettes.coloractive > a, header nav#nav_mobile > ul > li.recettes:hover > a, header nav#nav_mobile > ul > li.recettes > div.sub_menu .sub_menu_content{background:#049ab2}
    header nav#nav_mobile > ul > li.recettes .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.recettes .bloc.rubriques ul  li a  {color:#049ab2;}

    header nav#nav_mobile > ul > li.fetes.coloractive > a, header nav#nav_mobile > ul > li.fetes:hover > a, header nav#nav_mobile > ul > li.fetes > div.sub_menu .sub_menu_content{background:#ffa000}
    header nav#nav_mobile > ul > li.fetes .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.fetes .bloc.rubriques ul  li a {color:#ffa000;}

    header nav#nav_mobile > ul > li.miniclub.coloractive > a, header nav#nav_mobile > ul > li.miniclub:hover > a, header nav#nav_mobile > ul > li.miniclub > div.sub_menu .sub_menu_content{background:#74c512}
    header nav#nav_mobile > ul > li.miniclub .sub_menu_content .bloc.rubriques ul li a, header nav#nav_mobile > ul > li.miniclub .bloc.rubriques ul  li a {color:#74c512;}

    header nav#nav_mobile > ul > li.boutique.coloractive > a, header nav#nav_mobile > ul > li.boutique:hover > a {background:#eb580c}
    header nav#nav_mobile > ul > li.videos.coloractive > a, header nav#nav_mobile > ul > li.videos:hover > a {background:#049ab2}
    header nav#nav_mobile > ul > li.blogs.coloractive > a, header nav#nav_mobile > ul > li.blogs:hover > a {background:#ffca07}


    header nav#nav_mobile > ul > li > a:hover {background:#efefef}

    header nav#nav_mobile > ul > li > div.sub_menu a.sub_menu_close {background:url(../img/arrow-back.jpg) no-repeat;width:45px;height:45px;display:block;position:absolute;left:0;top:0;}
    header nav#nav_mobile > ul > li > div.sub_menu a.sub_menu_close.sub_deplie  {left:inherit;position:fixed;top:0;right:355px;z-index:2000;}
    header nav#nav_mobile > ul > li > div.sub_menu {width:400px;position:fixed;overflow:auto;top:0;right:-425px;display:block;z-index:999;background:#f5f5f5;height:100%;}
    header nav#nav_mobile .sub_menu .actu {width:100%;text-align:center;padding:15px 0;margin-top:0;}
    header  nav#nav_mobile .sub_menu .bloc.actu {width:380px;margin:0 auto;}
    header nav#nav_mobile .sub_menu .bloc.actu .contenu a {width:100%;}
    header  nav#nav_mobile .sub_menu .bloc.actu .contenu a {width:170px;height:120px;display:block;float:left;margin:0 10px 7px;overflow:hidden;position:relative;}
    header  nav#nav_mobile .sub_menu .bloc.actu .contenu a img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
    header nav#nav_mobile .sub_menu .rubriques {width:100%;text-align:center;padding:15px 0;}
    header nav#nav_mobile .sub_menu .bloc.rubriques {}
    header nav#nav_mobile .sub_menu .bloc.rubriques ul {padding:0 10px;display:block;font-family:'futurabook', Arial;font-size:16px;}
    header nav#nav_mobile .sub_menu .bloc.rubriques ul  li {margin-bottom:10px; float:left; width:50%;min-height: 48px; font-size: 16px; line-height: 20px;}
    header nav#nav_mobile .sub_menu .bloc.rubriques ul li:last-child {margin-bottom:0;}
    header nav#nav_mobile .sub_menu .bloc.rubriques ul  li a {text-decoration:none;}
    header nav#nav_mobile .sub_menu .cdc {width:100%;text-align:center;padding:15px 0;}
    header  nav#nav_mobile .sub_menu .bloc.cdc {width:380px;margin:0 auto;}
    header  nav#nav_mobile .sub_menu .bloc.cdc a {width:170px;height:120px;display:block;float:left;margin:0 10px 7px;overflow:hidden;position:relative;}
    header  nav#nav_mobile .sub_menu .bloc.cdc a img {width:auto;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
    header nav#nav_mobile .sub_menu p.titre {float:none;}

    header .sub_menu .sub_menu_content .contenu {background:#fff;padding:10px 0;}
    header .sub_menu_content .bloc.actu a {width:46%;margin:0 4% 12px 0;display:block;float:left;-webkit-box-shadow: 7px 7px 5px 0px rgba(205, 205, 205, 0.75);-moz-box-shadow:7px 7px 5px 0px rgba(205, 205, 205, 0.75);box-shadow:7px 7px 5px 0px rgba(205, 205, 205, 0.75);}
    header .sub_menu_content .bloc.actu a img {width:100%;}
    header .sub_menu_content .bloc.rubriques ul {border-left:3px dotted #000;width:30%;padding-left:2%;display:block;float:left;}
    header nav#nav_mobile > ul > li .sub_menu_content .bloc.rubriques ul li a {text-decoration:none;font-size:12px;}
    header nav#nav_mobile > ul > li .sub_menu_content .bloc.rubriques ul li a:hover {text-decoration:underline;}
    header .nav#nav_mobile .bloc.cdc img {max-width:100%;display:block;margin:0 auto 15px;}
    header .sub_menu p.categorie_name {font-family: 'futurabook', Arial;font-size:20px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;padding:12px 0 13px; margin-bottom:1px;}
    header .sub_menu p.categorie_name a{ text-decoration:none; color:#fff;}
    /*header nav#nav_mobile > ul > li:hover > div.sub_menu {display:block;}*/
}


@media screen and (max-width: 1080px) {
    header a#logo{ position: relative; margin: auto; }
    header a#logo .slogan{ position: relative; margin: auto; display: block; text-align: center;}
    #hook-top .module.search{ display:none; }
    .content {width:100%;}
    #main_add .add{width:100%}
    header a#logo img.web {display:none;}
    header a#logo img.tablette {display:block; margin: auto;}
    .header-souris {display:none;}
    header #sous_menu ul {line-height:18px;width:80%;margin:0 auto;}
    header #sous_menu ul a {display:inline-block;}

    header a#togglesearch {display:block;width:45px;height:45px;background:url(../img/btn-search-mobile.jpg) no-repeat;position:fixed;right:0;top:45px;z-index:1500;}
    header a#togglesearch.open {background:url(../img/btn-search-mobile-open.jpg) no-repeat;}

    header a#togglenews {display:block;width:45px;height:45px;background:url(../img/btn-news-mobile.jpg) no-repeat;position:fixed;right:0;top:90px;z-index:1500;}
    header a#togglenews.open {background:url(../img/btn-news-mobile-open.jpg) no-repeat;}

    header nav#nav_mobile .sub_menu .featureditems{ width:auto; float:none; }

    .agenda.mobile {background:#f5f5f5;margin-top:0;width:auto;}
    .agenda.mobile h3{ display: none; }
    .agenda.mobile .liste .single{ padding: 10px 0; border-color: #eb580c; }
    .agenda.mobile .liste .single .infos p.theme a{ color: #eb580c; }
    .agenda.mobile .liste .single .infos{ width: calc(100% - 104px);}

    #page_content {width:96%;padding:2%;float:none;}

    #page_content.page_contenu .nav-to-articles{    width: calc(95% - 230px);}
    .search.mobile, .newsletter.mobile {display:block;}
    
    .search.mobile {width:228px;position:fixed;top:45px;right:-260px;z-index:1400;padding-bottom:15px;}
    .search.mobile h3{ font-family: 'Patrick Hand', Arial; }
    .search.mobile input[type="text"] {width:173px;}

    .newsletter.mobile {width:220px;position:fixed;top:90px;right:-240px;z-index:1400;padding-bottom:15px;margin-top:0;}
    .newsletter.mobile input[type="text"] {width:173px;}

    /** aside **/
    aside {width:96%;padding:15px 0;float:none;margin:0 auto;display:block;}
    aside:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    aside > iframe{display:none;}
    aside .aside_content {width:630px;padding:15px;margin:0 auto;}
    aside .web {display:none;}
    aside .pub {float:left;width:300px;height:auto;margin:0 15px 15px 0;display:inline-block;}
    aside .pub.first {margin-top:0;}
    aside .facebook {box-shadow:none;margin:0 0 15px 0;}

    aside div.ombre{display:none;}
    #hook-right{ text-align:center; }
    #hook-right .module{display:none;}
    #hook-right .pub{display:inline-block; margin:auto; float:none;}
    #hook-right .module-newsletter{
        display:block !important;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 260px;
    }


    /** hp**/
    #main #page_content .top .top_content {width:100%;margin:0 auto;}

    #page_content .top_left {width:65%;}
    #page_content.accueil h1 {text-align:center;}
    #page_content.accueil h2 {width:auto;margin:0 auto;}
    #carousel_hp {margin:0 auto;}
    #page_content .top_right {width:30%;padding:0 0 0 4%;}


    #blocs_bas .bloc {width:28%;padding:15px 2%;margin-right:2%;}
    #blocs_bas .edito_contenu, #blocs_bas .edito_contenu p.premier {width:100%}
    #blocs_bas .edito_contenu p.sign {clear:both;}

    #blocs_bas .liste_contenu {width:96%;padding:15px 2%;}

    #activites_semaines .bloc_acti{width:31%;padding:0;margin-right:1%;margin-bottom:15px;margin-left:1%;}
    #page_content #activites_semaines .bloc_acti p.titre {width:90%;padding-left:2%;}
    #page_content #activites_semaines .bloc_acti .infos {width:90%;margin:0 auto;}
    #mosaique_photos .bloc_photo {width:26.5%;padding:2%;margin-right:1%;margin-bottom:15px;margin-left:1%;}

    /** coloriage **/
    #page_content.page_contenu .presentation .img-container {margin:2%;}
    #page_content.page_contenu .presentation .texte {width:calc(92% - 230px);padding-right:4%}

    #bottom_souris  .conteneur  img.souris{ display:none; }


    /** dossier 0 **/
    #mise-en-avant .bloc_mea {width:30%;padding:15px 0 45px 0;margin-right:1.5%;margin-bottom:15px;margin-left:1.5%;}
    #mise-en-avant .bloc_mea .infos {width:90%;margin:0 auto;}

    .bloc_lf {width:30%;padding:15px 0 45px 0;margin-right:1.5%;margin-bottom:15px;margin-left:1.5%;}
    .bloc_lf .infos {width:90%;margin:0 auto;}

    /** dossier 1 **/
    #sous-rubriques .bloc_sr,
    #results .bloc_sr,
    #sous-rubriques .bloc_lf{width:29%;padding:15px 0 45px 0;margin-right:1.5%;margin-bottom:15px;margin-left:1.5%;}
    #sous-rubriques .bloc_sr .infos,
    #results .bloc_lf .infos,
    #sous-rubriques .bloc_lf .infos{width:90%;margin:0 auto;}

    /** share widget **/
    /*#page_content.page_contenu #partage-widget-inline {margin:0 auto;}*/

    /** footer **/
    .footer_bottom.content p.copy, .footer_bottom.content p.sub_links {line-height:20px;}
    .footer_bottom.content p.sub_links a {display:inline-block;}

    footer #hook-bottom #module-293 p{ width: calc(33% - 41px); border-bottom: 1px solid #fff;  }
    footer #hook-bottom #module-293 p:nth-child(3n){width: calc(34% - 40px); margin-right: 0;}
}

@media screen and (max-width: 930px) {
    #bottom_souris .conteneur img.souris {display:none}
}

@media screen and (max-width: 800px) {

	.popup-newsletter{ display:none !important; }
    /** footer **/
    footer .footer_top_links .bloc {width:41%;}
    footer .footer_top_links .bloc.partenaires {border-right:none;}
    footer .footer_top_links .bloc.certif {width:100%;float:none;clear:both;}
}

@media screen and (max-width: 780px) {
    .partage-widget-container-top{display: none;}
    #page_content .zone_box {width:509px;padding-bottom:0;}
}

@media screen and (max-width: 777px) {
    .clearfix.web {display:none;}
    .clearfix.web::after {display:none;}
    /** hp */
    #page_content .top_left, #page_content .top_right {width:100%;}
    #carousel_hp {width:100%;background-size:100% 100%;height:auto;padding-bottom:10%;}
    #carousel {width:90%;}
    #carousel .owl-next {right:12px;top:36%;}
    #carousel .owl-prev {left:12px;top:36%;}
    #page_content .top_right {width:100%;padding:0;}
    #page_content .top_right .actis > div {display:block;float:left;}
    #page_content .top_right .facebook_area {float:none;clear:both;margin:6px auto 0;}
    #page_content .top_right .actis > div {margin-top:15px !important;width:48%;margin-left:1%;margin-right:1%;}
    #page_content .bloc_acti p.titre {width:90%;}
    #page_content .bloc_acti .img_container {width:40%;}
    #page_content .bloc_acti .infos {width:50%;margin-left:2%;}

    #activites_semaines .bloc_acti{width:48%;padding:0;margin-right:1%;margin-bottom:15px;margin-left:1%;}
    #mosaique_photos .bloc_photo {width:43%;padding:2%;margin-right:1%;margin-bottom:15px;margin-left:1%;}

    #blocs_bas .bloc {width:96%;margin-right:0;margin-bottom:15px;}
    #blocs_bas .bloc h3 {width:94%;padding:0 0 10px 2%;}
    #blocs_bas .liste_contenu {padding-left:2%;}

    #blocs_bas .liste_contenu .single_contenu {width:44%;float:left;padding-right:6%}
    #blocs_bas .liste_contenu .single_contenu.mod_deux {clear:right;}
    #blocs_bas .liste_contenu .single_contenu:not(mod_deux) {clear:left;}

    /** dossier 0 **/
    #mise-en-avant .bloc_mea,
    #sous-rubriques .bloc_lf,
    #results .bloc_lf,
    #sous-rubriques .bloc_sr  {width:46%;margin-right:1%;margin-bottom:15px;margin-left:1%;}


    /** h1 + votes **/
    #page_content.page_contenu h1.title {width:97%;float:none;}
    #page_content.page_contenu .top .votes {margin-left:0;margin-top:8px;}

    #page_content.page_contenu .nav-to-articles.wide.topnav {margin:0;}
    #page_content.page_contenu .nav-to-articles.wide {width:300px;float:right;margin:10px 0 0 0 !important;top:inherit;}

    #page_content.page_contenu .nav-to-articles:not(wide) {bottom:inherit;top:-53px;right:0;width:calc(100% - 130px);}

    /** sommaire **/
    #page_content.page_contenu.sommaire .bottom ul li {width:45%;padding-left:3%;}

}

@media screen and (max-width: 780px) {

    #pub-286{ display:block;}
    /*#lf-bottom, #sous-rubriques-bottom , #page_content.page_contenu h2.realisation {margin-top:30px;}*/
    #page_content .zone_box {padding-bottom:15px;}
}


@media screen and (max-width: 736px) {
    #main_add .add{width:100%}
}

@media screen and (max-width: 690px) {
    #bottom_souris .conteneur {width:100%;}
    #bottom_souris .conteneur .pub, #bottom_souris .conteneur .a_la_une {float:none;margin:0 auto;}
    #bottom_souris .conteneur .a_la_une {margin-top:15px;}
}

@media screen and (max-width: 641px) {

    header .module.menu { display:none; }
    #fil-arianne a {display:inline-block;}

    /** nav mobile **/
    header nav#nav_mobile {width:300px;}
    header nav#nav_mobile > ul > li > div.sub_menu {width:300px;}
    header nav#nav_mobile > ul > li > div.sub_menu a.sub_menu_close.sub_deplie {right:255px;}
    header .sub_menu p.categorie_name, header nav#nav_mobile .sub_menu .actu, header nav#nav_mobile .sub_menu .rubriques, header nav#nav_mobile .sub_menu .cdc {font-size:16px;padding:14px 0 15px;}
    header nav#nav_mobile .sub_menu .bloc.actu {width:280px;}
    header nav#nav_mobile .sub_menu .bloc.actu .contenu a {width:120px;height:85px;}
    header nav#nav_mobile .sub_menu .bloc.rubriques ul {width:auto;font-size:14px;}

    header nav#nav_mobile .sub_menu .bloc.cdc {width:280px;}
    header nav#nav_mobile .sub_menu .bloc.cdc a {width:120px;height:85px;}

    header #sous_menu {padding:0;margin-top:6px;border:none;}
    header #sous_menu .submenu {display:none;}
    header #sous_menu ul {width:90%;}
    header #sous_menu ul li a {line-height:30px;}

    a#togglesubmenu {position:relative;display:block;font-family: 'bebasreg', Arial;text-transform:uppercase;display:block;width:100%;height:45px;line-height:45px;text-align:center;text-decoration:none;color:#fff;background:#eb580c;font-size:22px;}
    a#togglesubmenu span.picto {display:block;width:32px;height:32px;background:url(../img/picto-theme.png) left top no-repeat;position:absolute;top:7px;right:58px;}
    #page_content .zone_box {width:360px;}
    a#togglesubmenu span.picto.menuopen {background-position:0 -32px;}

    /** gdes rubriques + contenus associes **/
    #page-contenu-bottom .grandes-rubriques {float:none;width:100%;margin-bottom:10px;}
    #page-contenu-bottom .grandes-rubriques ul {width:96%;padding-left:4%;list-style:circle;}
    #page-contenu-bottom .grandes-rubriques ul li {display:block;float:left;vertical-align:top;padding-left:2%;background:url(../img/nav-li-blue.png) left 8px no-repeat;}
    #page-contenu-bottom .grandes-rubriques ul li.mod_deux {clear:right;padding-right:2%;}
    #page-contenu-bottom .grandes-rubriques ul li:not(mod_deux) {clear:left;margin-right:2%}

    #page-contenu-bottom .contenus-lies {float:none;margin-left:0;width:100%;}

    /** coloriage **/
    #page_content.page_contenu .presentation .img-container {display:none;}
    #page_content.page_contenu .presentation .texte {float:none;padding:15px 0;margin:0 auto;width:95%;}
    #coloriage-zone-image .zone-cta {width:309px;}
    #coloriage-zone-image .zone-cta a {margin-right:0;margin-left:5px;}

    #page_content.page_contenu h2.mise-en-avant {line-height:36px;}

    footer .footer_top_links .bloc {width:92%;border-right:none;}
    footer .footer_top_links .bloc.certif {height:auto;padding-top:0;}
    
}

@media screen and (max-width: 520px) {
    #carousel .owl-next {right:12px;top:73px;}
    #carousel .owl-prev {left:12px;top:73px;}

    /** sommaire **/
    #page_content.page_contenu.sommaire .bottom ul li {width:95%;padding-left:3%;}

}

@media screen and (max-width: 479px) {
    
    .mobile-ad{ display: block; }
    header a#logo img.tablette {display:none;}
    header a#logo img.mobile {display:block;margin:auto;}
    header .main-menu {padding:20px 0;}
    a#togglesubmenu span.picto {right:8px;}
    /** hp **/
    #page_content.accueil h1 {width:85%;margin:0 auto;padding:0;}
    #activites_semaines .bloc_acti{width:100%;padding:0;margin-right:0;margin-bottom:15px;margin-left:0;}
    #page_content.accueil #activites_semaines h2 {font-size:38px;line-height:28px;}
    #mosaique_photos .bloc_photo {width:42%;padding:2%;margin-right:1%;margin-bottom:15px;margin-left:1%;}
    #page_content.accueil #mosaique_photos h2 {font-size:38px;line-height:28px;}
    /*#mosaique_photos .bloc_photo {width:94%;padding:2%;margin-right:0%;margin-bottom:15px;margin-left:0%;}*/

    #page_content .top_right .actis > div {width:100%;margin-left:0;margin-right:0;}

    #page_content .zone_box {width:235px;}
    #page_content .zone_box .box {width:200px;}
    #page_content .zone_box .owl-prev, #page_content .zone_box .owl-next {top:47px;}
    #page_content .zone_box .box img {display:block;margin:0 auto;}

    /** dossier 0 **/
    #mise-en-avant .bloc_mea,
    #sous-rubriques .bloc_lf,
    #sous-rubriques .bloc_sr {width:100%;margin-right:0;margin-bottom:15px;margin-left:0;}


    /** article **/
    #page_content.page_contenu.article .presentation img.visuel-principal,
    #page_content.page_contenu.sommaire .presentation img,
    #page_content.page_contenu.flash .presentation img,
    #page_content.page_contenu.video .presentation img {float:none;display:block;margin:0 auto 10px;}


    footer #hook-bottom #module-293 p{ width: calc(50% - 41px) !important; border-bottom: 1px solid #fff; margin-right: 1px !important;  }
    footer #hook-bottom #module-293 p(2n){ width: calc(50% - 40px) !important; margin-right: 0 !important;}
}

@media screen and (max-width: 440px) {
    /** contenus associes **/
    #page-contenu-bottom .liste-contenus-cell {width:44%;margin-left:1.5%;margin-right:1.5%;}

    #page_content.page_contenu.fiche .presentation {padding-bottom:5px;}
    #page_content.page_contenu .top .apport, #page_content.page_contenu .top .fournitures {width:100%;float:none;margin:15px 0 0 0;}
    #page_content.page_contenu .top .apport a.link,
    #page_content.page_contenu .top .fournitures a.link {padding-left:15%;width:85%;}
}

@media screen and (max-width:339px) {
    #bottom_souris {display:none;}
}

@media screen and (max-width:360px) {
    #carousel .owl-next {right:12px;top:55px;}
    #carousel .owl-prev {left:12px;top:55px;}

    #page_content.page_contenu .nav-to-articles.wide.topnav, #page_content.page_contenu .nav-to-articles:not(wide) {width:160px;}
}




.share {}
.share-affix {position: fixed;top:50px;left:0px;}
.share-icon {background-repeat: no-repeat;background-image:url(../img//social-icons.png);height:40px;width:40px;display: inline-block;text-indent: -99999px;margin:2px;opacity: .9;filter:Alpha(Opacity=90); -webkit-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75);}
.share-icon:hover {opacity: 1;filter:Alpha(Opacity=100);}
.share-icon-digg {background-position: -526px 0;}
.share-icon-email {background-position: -614px 0;}
.share-icon-flickr {background-position: -261px 0;}
.share-icon-foursquare {background-position: 0 0;}
.share-icon-rss {background-position: -305px 0;}
.share-icon-facebook {background-position: -131px 0;}
.share-icon-twitter {background-position: -174px 0;}
.share-icon-tumblr {background-position: -87px 0;}
.share-icon-linkedin {background-position: -438px 0;}
.share-icon-vimeo {background-position: -393px 0;}
.share-icon-instagram {background-position: -44px 0;}
.share-icon-pinterest {background-position: -349px 0;}
.share-icon-googleplus {background-position: -218px 0;}
.share-icon-in1 {background-position: -482px 0;}
.share-icon-stumbleupon {background-position: -570px 0;}

/**a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.foursquare, a.googleplus, a.in1, a.instagram, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube {*/
.share-square {-moz-transition: all 0.2s linear 0s;background: url(../img/social-icons.png) no-repeat scroll left top transparent;display: inline-block;height: 32px;line-height: 0;margin: 2px;width: 32px;}
.share-square-behance {background-position: -544px -44px;}
.share-square-behance:hover {background-position: -544px -77px;}
.share-square-delicious {background-position: -512px -44px;}
.share-square-delicious:hover {background-position: -512px -77px;}
.share-square-deviantart {background-position: -480px -44px;}
.share-square-deviantart:hover {background-position: -480px -77px;}
.share-square-digg {background-position: -448px -44px;}
.share-square-digg:hover {background-position: -448px -77px;}
.share-square-dribbble {background-position: -416px -44px;}
.share-square-dribbble:hover {background-position: -416px -77px;}
.share-square-email {background-position: -674px -44px;}
.share-square-email:hover {background-position: -674px -77px;}
.share-square-facebook {background-position: -384px -44px;}
.share-square-facebook:hover {background-position: -384px -77px;}
.share-square-flickr {background-position: -352px -44px;}
.share-square-flickr:hover {background-position: -352px -77px;}
.share-square-forrst {background-position: -320px -44px;}
.share-square-forrst:hover {background-position: -320px -77px;}
.share-square-googleplus {background-position: -288px -44px;}
.share-square-googleplus:hover {background-position: -288px -77px;}
.share-square-in1 {background-position: -576px -44px;}
.share-square-in1:hover {background-position: -576px -77px;}
.share-square-instagram {background-position: -608px -44px;}
.share-square-instagram:hover {background-position: -608px -77px;}
.share-square-lastfm {background-position: -256px -44px;}
.share-square-lastfm:hover {background-position: -256px -77px;}
.share-square-linkedin {background-position: -224px -44px;}
.share-square-linkedin:hover {background-position: -224px -77px;}
.share-square-pinterest {background-position: -192px -44px;}
.share-square-pinterest:hover {background-position: -192px -77px;}
.share-square-rss {background-position: -160px -44px;}
.share-square-rss:hover {background-position: -160px -77px;}
.share-square-skype {background-position: -128px -44px;}
.share-square-skype:hover {background-position: -128px -77px;}
.share-square-stumbleupon {background-position: -640px -44px;}
.share-square-stumbleupon:hover {background-position: -640px -77px;}
.share-square-tumblr {background-position: -96px -44px;}
.share-square-tumblr:hover {background-position: -96px -77px;}
.share-square-twitter {background-position: -64px -44px;}
.share-square-twitter:hover {background-position: -64px -77px;}
.share-square-vimeo {background-position: -32px -44px;}
.share-square-vimeo:hover {background-position: -32px -77px;}
.share-square-youtube {background-position: 0 -44px;}
.share-square-youtube:hover {background-position: 0 -77px;}


/*********************/
/** jRating CSS **/
/*********************/

/**Div containing the color of the stars */
.jRatingAverage {
    background-color:#ffa800;
    position:relative;
    top:0;
    left:0;
    z-index:2;
    height:100%;
}
.jRatingColor {
    background-color:#ffc600; /* bgcolor of the stars*/
    position:relative;
    top:0;
    left:0;
    z-index:2;
    height:100%;
}

/** Div containing the stars **/
.jStar {
    position:relative;
    left:0;
    z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
    position:		absolute;
    z-index:9999;
    background:	url('../img/etoile.png') no-repeat;
    color:			#FFF;
    display:		none;
    width:			91px;
    height:			29px;
    font-size:16px;
    text-align:center;
    padding-top:5px;
}
p.jRatingInfos span.maxRate {
    color:#c9c9c9;
    font-size:14px;
}





@media screen and (min-width: 1062px) {  

    /*
    * TEST FULL PAGE
    */
    section#main.search-content{
        width:auto;
    }
    section#main.search-content #page_content{
        width: calc(100% - 30px - 315px);
    }
    /*#page_content.page_contenu .presentation .texte{
        width: calc(100% - 260px);
    }
    #page_content.page_contenu h1.title {
        width: calc(97% - 149px);
    }
    section#main #blocs_bas .block {
        width: calc(33% - 34px);
    }
    #hook-bottom.content,
    #hook-bottom .content,
    #hook-legals.content,
    #hook-legals .content{
        width:auto;
    }*/
}