/*=================================================================================*/
/* PORTAIL ENFANTS - start development 09/07/2018 */
/*=================================================================================*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 16, 2018 */
@font-face {
    font-family: "comfortaabold";
    src: url(/UserFiles/font/comfortaa/comfortaa-bold-webfont.ttf) format("truetype"), url(/UserFiles/font/comfortaa/comfortaa-bold-webfont.woff2) format("woff2"), url(/UserFiles/font/comfortaa/comfortaa-bold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "comfortaalight";
    src: url(/UserFiles/font/comfortaa/comfortaa-light-webfont.ttf) format("truetype"), url(/UserFiles/font/comfortaa/comfortaa-light-webfont.woff2) format("woff2"), url(/UserFiles/font/comfortaa/comfortaa-light-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "comfortaaregular";
    src: url(/UserFiles/font/comfortaa/comfortaa-regular-webfont.ttf) format("truetype"), url(/UserFiles/font/comfortaa/comfortaa-regular-webfont.woff2) format("woff2"), url(/UserFiles/font/comfortaa/comfortaa-regular-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansbold";
    src: url(/UserFiles/font/opensans/opensans-bold-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-bold-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-bold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansbold_italic";
    src: url(/UserFiles/font/opensans/opensans-bolditalic-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-bolditalic-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-bolditalic-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansextrabold";
    src: url(/UserFiles/font/opensans/opensans-extrabold-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-extrabold-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-extrabold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansextrabold_italic";
    src: url(/UserFiles/font/opensans/opensans-extrabolditalic-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-extrabolditalic-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-extrabolditalic-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansitalic";
    src: url(/UserFiles/font/opensans/opensans-italic-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-italic-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-italic-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sanslight";
    src: url(/UserFiles/font/opensans/opensans-light-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-light-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-light-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sanslight_italic";
    src: url(/UserFiles/font/opensans/opensans-lightitalic-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-lightitalic-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-lightitalic-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sansregular";
    src: url(/UserFiles/font/opensans/opensans-regular-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-regular-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-regular-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sanssemibold";
    src: url(/UserFiles/font/opensans/opensans-semibold-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-semibold-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-semibold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "open_sanssemibold_italic";
    src: url(/UserFiles/font/opensans/opensans-semibolditalic-webfont.ttf) format("truetype"), url(/UserFiles/font/opensans/opensans-semibolditalic-webfont.woff2) format("woff2"), url(/UserFiles/font/opensans/opensans-semibolditalic-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal
    }
/* temp */
#header #site-button {
    visibility: visible
    }
/*fin temp*/
body {
    font: 14px/17px "open_sansregular", Arial, sans-serif !important;
    background: #fff
    }
.x-body {
    font: normal 14px/17px "open_sansregular", Arial, sans-serif
    }
#inner_content {
    position: relative;
    width: 1170px;
    padding-bottom: 30px;
    margin-top: 60px;
    background-image: none;
    background: #fff
    }
#global_header {
    /*background: url(/Userfiles/image/Menu/fond/ENFANTS/AdobeStock_80284487_Preview.jpeg) no-repeat;*/
    background: url(/Userfiles/image/Menu/fond/enfants/la-mediatheque-des-enfants1.png) no-repeat;
    -webkit-background-size: 1000px 200px;
    /* pour anciens Chrome et Safari */
    background-size: 1000px 200px;
    /* version standardisée */
    background-origin: border-box;
    background-position: 66% 0%
    }
#header {
    height: 200px;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background: none
    }
@media only screen and (max-width: 800px) {
    #header {
        background: none
        }
    }
@media only screen and (max-device-width: 2600px) {
    #header {
        background: none
        }
    }
@media only screen and (max-device-width: 1600px) {
    #header {
        background: none
        }
    }
@media only screen and (max-device-width: 1366px) {
    #header {
        background: none
        }
    }
#header #nav_connexe {
    background: none;
    height: auto;
    width: 50%;
    position: absolute;
    top: 0;
    left: 120px
    }
#header #nav_connexe ul {
    width: auto;
    text-align: left;
    position: relative;
    left: 0
    }
#header #nav_connexe ul li {
    display: inline-block
    }
#header #nav_connexe ul li a {
    color: #000
    }
#header #nav_connexe ul li a.cms-edit-page, #header #nav_connexe ul li a.admin-button-icon {
    display: inline-block;
    left: 0;
    margin: 0 20px 0 20px;
    height: auto;
    top: 10px
    }
#header #nav_connexe ul li.Quitter.le.site.enfants {
    display: none
    }
#header #nav_connexe ul li a.admin-button-icon {
    height: 36px;
    left: 120px;
    top: 0
    }
#header #nav_connexe ul li a:hover span {
    color: #f08100
    }
#header #nav_connexe ul li a.admin-button-icon {
    width: 16px
    }
#identite_1 {
    position: absolute;
    top: 10px;
    right: 0;
    left: auto;
    /*top: 54px;
    	right: -120px;
    	width: 220px;
    	height: 99px;*/
    width: 153px;
    height: 62px;
    /*background: url(/Userfiles/image/Menu/fond/identite_1blanc_enfant.png) no-repeat;*/
    background: url(/Userfiles/image/Menu/fond/logoMAM-enfants4-noir.jpg) no-repeat;
    opacity: 1
    }
#identite_1 h1 a {
    /*width: 220px;
    	height: 99px;*/
    width: 160px;
    height: 72px
    }
#identite_2 {
    position: absolute;
    top: 10px;
    left: 0;
    height: 67px;
    width: 140px;
    background: url(/Userfiles/image/Menu/enfants/identite_2.png) no-repeat;
    behavior: url(/ui/skins/cabm/PIE.htc);
    z-index: 200;
    /*-moz-box-shadow:2px 2px 4px #777;*/
    }
#identite_2 a {
    display: none
    }
#wai_open_link .wai_eye {
    border: 2px solid #fff;
    height: 24px;
    top: 5px;
    right: -100px;
    position: absolute
    }
/* identité utilisateur */
#identite_utilisateur {
    color: #000;
    font-size: 0.9em;
    top: 220px;
    right: 12%;
    font-family: "open_sansregular", Arial, sans-serif;
    left: auto
    }
/* MENU PRINCIPAL */
div#global_contenu {
    position: relative;
    background: none;
    top: 0
    }
#nav_menu_principal li a:hover {
    cursor: pointer
    }
#nav_menu_principal {
    width: 100%;
    top: 94px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background: none
    }
#nav_menu_principal.fixed {
    position: fixed;
    top: -90px;
    background-color: #fff;
    padding-bottom: 10px;
    z-index: 10
    }
#nav_menu_principal ul {
    width: 1170px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background-color: none
    }
#nav_menu_principal ul li {
    width: 120px;
    height: 120px;
    background-color: #f08100;
    border: none;
    padding: 0;
    margin: 0 15px 0 0;
    /*arrondir les coins*/
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px
    }
#nav_menu_principal ul li a {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 30px;
    font-family: "comfortaabold", Arial, sans-serif;
    padding: 85px 0 0 0;
    margin: 0;
    color: white;
    font-size: 1.4em;
    font-variant: normal;
    text-transform: none;
    float: none
    }
#nav_menu_principal ul li a span.libelle {
    border-top: white 3px solid
    }
#nav_menu_principal li a span.menu_centre {
    display: inline;
    position: none;
    margin: 0;
    z-index: 10
    }
#nav_menu_principal li.separateur {
    display: none
    }
#nav_menu_principal li.rich-menu-entry.over, #nav_menu_principal li.rich-menu-entry.over a, #nav_menu_principal li.rich-menu-entry:active {
    background-color: #ff7f33;
    cursor: pointer;
    color: white;
    /*arrondir les coins*/
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px
    }
#nav_menu_principal ul li#menu_p_1 a {
    background: url(/Userfiles/image/Menu/enfants/home80.png) no-repeat top center
    }
#nav_menu_principal ul li#menu_p_2 a {
    background: url(/Userfiles/image/Menu/enfants/open-book80.png) no-repeat top center
    }
#nav_menu_principal ul li#menu_p_3 a {
    background: url(/Userfiles/image/Menu/enfants/console80.png) no-repeat top center
    }
#nav_menu_principal ul li#menu_p_4 a {
    background: url(/Userfiles/image/Menu/enfants/video-player80.png) no-repeat top center
    }
#nav_menu_principal ul li#menu_p_5 a {
    background: url(/Userfiles/image/Menu/enfants/planet-earth80.png) no-repeat top center
    }
/* réseaux sociaux */
.share-affix {
    display: none
    }
/* ACCES RAPIDE ET THEMATIQUE */
ul#accesrapide, ul#accesthematique {
    width: 100%;
    list-style-type: none
    }
ul#accesrapide li#reserver, ul#accesrapide li#idees, ul#accesrapide li#devoirs, ul#accesrapide li#emprunts, ul#accesrapide li#enligne, ul#accesrapide li#agenda {
    display: inline-block;
    background: #009fe3 url(/Userfiles/image/Menu/enfants/computer-screen80.png) no-repeat bottom center;
    width: 46%;
    height: 100px;
    border: none;
    padding: 0;
    margin: 0 5px 5px 0;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesrapide li#idees {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/idea80.png) no-repeat bottom center
    }
ul#accesrapide li#devoirs {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/briefcase80.png) no-repeat bottom center
    }
ul#accesrapide li#emprunts {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/books-stack80.png) no-repeat bottom center
    }
ul#accesrapide li#enligne {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/website80.png) no-repeat bottom center
    }
ul#accesrapide li#agenda {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/calendar80.png) no-repeat bottom center
    }
ul#accesthematique li#abeilles, ul#accesthematique li#enligne, ul#accesthematique li#festival, ul#accesthematique li#nounours, ul#accesthematique li#animaux, ul#accesthematique li#arts, ul#accesthematique li#histgeo, ul#accesthematique li#jardinage, ul#accesthematique li#langues, ul#accesthematique li#loisirscreatifs, ul#accesthematique li#musique, ul#accesthematique li#sports, ul#accesthematique li#sciences, ul#accesthematique li#societe, ul#accesthematique li#illusion {
    display: block;
    background: #009fe3 url(/Userfiles/image/Menu/enfants/nounours1.png) no-repeat 8px 50%;
    width: 96%;
    height: 42px;
    line-height: 1.6em;
    font-size: 1.3em;
    border: none;
    padding: 0;
    margin: 10px 0 0 0;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#abeilles {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/abeille.png) no-repeat 8px 50%
    }
ul#accesthematique li#festival {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/mushroom.png) no-repeat 8px 50%
    }
ul#accesthematique li#illusion {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/oeil.png) no-repeat 8px 50%
    }
ul#accesthematique li#animaux {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/animaux.png) no-repeat 8px 50%
    }
ul#accesthematique li#arts {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/gallery.png) no-repeat 8px 50%
    }
ul#accesthematique li#histgeo {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/worldwide.png) no-repeat 8px 50%
    }
ul#accesthematique li#jardinage {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/jardinage.png) no-repeat 8px 50%
    }
ul#accesthematique li#langues {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/langues.png) no-repeat 8px 50%
    }
ul#accesthematique li#loisirscreatifs {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/loisirscreatifs.png) no-repeat 8px 50%
    }
ul#accesthematique li#musique {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/musical-note.png) no-repeat 8px 50%
    }
ul#accesthematique li#sports {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/sports.png) no-repeat 8px 50%
    }
ul#accesthematique li#sciences {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/sciences.png) no-repeat 8px 50%
    }
ul#accesthematique li#societe {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/team45.png) no-repeat 8px 50%
    }
ul#accesrapide li a, ul#accesthematique li a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    font-family: "comfortaabold", Arial, sans-serif;
    color: white;
    font-variant: normal;
    text-transform: none;
    float: none
    }
ul#accesrapide li a {
    font-size: 1.3em;
    line-height: 1.5em
    }
ul#accesthematique li a {
    width: 96%;
    height: 30px;
    margin: 3px 0 3px 60px;
    padding: 4px 0 0 8px;
    text-align: left;
    border-left: 3px solid #fff
    }
ul#accesrapide li a:hover {
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#abeilles:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/abeille.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#illusion:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/oeil.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#nounours:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/nounours.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#sports:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/sports.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#histgeo:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/worldwide.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#jardinage:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/jardinage.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#animaux:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/animaux.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#arts:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/gallery.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#langues:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/langues.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#loisirscreatifs:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/loisirscreatifs.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#festival:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/mushroom.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#musique:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/note45.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#sciences:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/sciences.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesthematique li#societe:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/team45.png) no-repeat 8px 50%;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
ul#accesrapide li#reserver a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/computer-screen80.png) no-repeat bottom center
    }
ul#accesrapide li#idees a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/idea80.png) no-repeat bottom center
    }
ul#accesrapide li#enligne a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/website80.png) no-repeat bottom center
    }
ul#accesrapide li#agenda a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/calendar80.png) no-repeat bottom center
    }
ul#accesrapide li#devoirs a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/briefcase80.png) no-repeat bottom center
    }
ul#accesrapide li#emprunts a:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/books-stack80.png) no-repeat bottom center
    }
ul.themes-explorer {
    display: inline-block;
    width: 100%;
    height: 144px;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 18px
    }
ul.themes-explorer li {
    vertical-align: bottom;
    display: inline-block;
    background: #009fe3 url(/Userfiles/image/Menu/enfants/128-animaux.png) no-repeat center 36px;
    height: 100%;
    width: 18%;
    border: none;
    padding: 5px 0 0 0;
    margin: 0 1% 1% 0;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    text-align: center
    }
ul.themes-explorer li a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    font-family: "comfortaabold", Arial, sans-serif;
    color: white;
    font-variant: normal;
    text-transform: none;
    float: none
    }
ul.themes-explorer li#abeilles {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-abeille.png) no-repeat center 36px
    }
ul.themes-explorer li#abeilles:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-abeille.png) no-repeat center 36px
    }
ul.themes-explorer li#arts {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-gallery.png) no-repeat center 36px
    }
ul.themes-explorer li#arts:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-gallery.png) no-repeat center 36px
    }
ul.themes-explorer li#animaux {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-animaux.png) no-repeat center 36px
    }
ul.themes-explorer li#animaux:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-animaux.png) no-repeat center 36px
    }
ul.themes-explorer li#histgeo {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-worldwide.png) no-repeat center 36px;
    font-size: 14px
    }
ul.themes-explorer li#histgeo:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-worldwide.png) no-repeat center 36px;
    font-size: 14px
    }
ul.themes-explorer li#jardinage {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-jardinage.png) no-repeat center 36px
    }
ul.themes-explorer li#jardinage:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-jardinage.png) no-repeat center 36px
    }
ul.themes-explorer li#loisirscreatifs {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-loisirscreatifs.png) no-repeat center 36px
    }
ul.themes-explorer li#loisirscreatifs:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-loisirscreatifs.png) no-repeat center 36px
    }
ul.themes-explorer li#langues {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-chat.png) no-repeat center 36px
    }
ul.themes-explorer li#langues:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-chat.png) no-repeat center 36px
    }
ul.themes-explorer li#musique {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-musical-note.png) no-repeat center 36px
    }
ul.themes-explorer li#musique:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-musical-note.png) no-repeat center 36px
    }
ul.themes-explorer li#nounours {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/nounours1.png) no-repeat bottom 25% center;
    font-size: 14px
    }
ul.themes-explorer li#nounours:hover {
    background: #00e080 url(/Userfiles/image/Menu/enfants/nounours1.png) no-repeat bottom 25% center;
    font-size: 14px
    }
ul.themes-explorer li#sciences {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-chemistry.png) no-repeat center 36px
    }
ul.themes-explorer li#sciences:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-chemistry.png) no-repeat center 36px
    }
ul.themes-explorer li#societe {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-team.png) no-repeat bottom 25% center
    }
ul.themes-explorer li#societe:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-team.png) no-repeat bottom 25% center
    }
ul.themes-explorer li#sports {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/100-basketball.png) no-repeat bottom 25% center
    }
ul.themes-explorer li#sports:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/100-basketball.png) no-repeat bottom 25% center
    }
/* TESTS PAGE EXPLORER */
ul.themes-explorer-test {
    display: inline-block;
    width: 100%;
    height: 124px;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 18px
    }
ul.themes-explorer-test li {
    vertical-align: bottom;
    display: inline-block;
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 20px;
    height: 100%;
    width: 15%;
    border: none;
    padding: 5px 0 0 0;
    margin: 0 1% 1% 0;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    text-align: center
    }
ul.themes-explorer-test li a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    font-family: "comfortaabold", Arial, sans-serif;
    color: white;
    font-variant: normal;
    text-transform: none;
    float: none
    }
ul.themes-explorer-test li#abeilles {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-abeille.png) no-repeat center 36px
    }
ul.themes-explorer-test li#abeilles:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/80-abeille.png) no-repeat center 36px
    }
ul.themes-explorer-test li#animaux {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px
    }
ul.themes-explorer-test li#animaux:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px
    }
ul.themes-explorer-test li#loisirscreatifs {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px;
    font-size: 14px
    }
ul.themes-explorer-test li#loisirscreatifs:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px
    }
ul.themes-explorer-test li#histgeo {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px
    }
ul.themes-explorer-test li#histgeo:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/80-animaux.png) no-repeat center 36px
    }
ul.themes-explorer-test li#sports {
    background: #009fe3 url(/Userfiles/image/Menu/enfants/80-basketball.png) no-repeat bottom 25% center
    }
ul.themes-explorer-test li#sports:hover {
    background: #31dff4 url(/Userfiles/image/Menu/enfants/80-basketball.png) no-repeat bottom 25% center
    }
/* FIN TESTS PAGE EXPLORER */
/* BOUTON CONNEXION / MON COMPTE */
#nav_menu_perso, #nav_menu_principal ul li#menu_p_6 {
    width: 120px;
    height: 34px;
    line-height: 36px;
    background-color: #f08100;
    color: white;
    font-family: "comfortaabold", Arial, sans-serif;
    font-size: 1em;
    text-align: center;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    border: none;
    position: relative
    }
#nav_menu_perso li {
    width: auto;
    display: inherit
    }
#nav_menu_principal li#menu_p_6 {
    left: auto;
    width: 120px;
    top: -4px
    }
#nav_menu_perso {
    font-size: 1.1em;
    left: 860px;
    top: 180px
    }
#nav_menu_principal li a {
    border: none
    }
/* positionnement Mon compte */
#nav_menu_perso.fixed {
    position: fixed;
    top: -4px;
    left: 1035px;
    z-index: 10
    }
/* Chrome browser  */
body:nth-of-type(1) #nav_menu_perso.fixed {
    position: fixed;
    top: -4px;
    left: 1066px;
    z-index: 10
    }
/* taille écran  */
@media only screen and (max-device-width: 1600px) {
    #nav_menu_perso.fixed {
        position: fixed;
        top: -2px;
        left: 1065px;
        z-index: 10
        }
    }
/*
@media only screen and (max-device-width:1366px) {
 #nav_menu_perso.fixed {
position:fixed;
top:-2px;
left: 985px;
z-index: 10;
}
}*/
/* IE 10 et 11 browser  */
@media all and (-ms-high-contrast: none) {
    #nav_menu_perso.fixed {
        left: 1227px
        }
    /* IE10 */
    *::-ms-backdrop, #nav_menu_perso.fixed {
        left: 1227px
        }
    /* IE11 */
    }
#nav_menu_principal ul li#menu_p_6 {
    margin-left: 18px;
    top: -3px;
    display: inline-block
    }
#nav_menu_perso > ul li a, #compte a {
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: white;
    width: 100%;
    font-family: inherit;
    font-size: inherit
    }
#nav_menu_perso > ul li a:hover, #compte a:hover {
    background-color: #ff7f33;
    color: #fff;
    height: 34px;
    line-height: 36px;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
#compte, #nav_menu_principal ul li#menu_p_6 {
    width: 120px;
    text-align: center
    }
/* retour site mam */
#nav_menu_principal ul li#menu_p_6 a {
    background: none;
    border-top: none;
    padding: 0;
    font-size: 1.1em;
    border-top: none
    }
#nav_menu_principal ul li#menu_p_6 a span.libelle {
    border-top: none
    }
#nav_menu_principal ul li#menu_p_6.rich-menu-entry.over, #nav_menu_principal ul li#menu_p_6.rich-menu-entry.over a, #nav_menu_principal ul li#menu_p_6.rich-menu-entry:active {
    background: none;
    background-color: #ff7f33;
    cursor: pointer;
    color: white;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    height: 34px
    }
/* fin retour site mam */
#perso_authentification {
    border: #f08100 solid 3px;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    margin-top: -4px;
    width: 280px;
    position: absolute;
    left: 0;
    text-align: left;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    color: #000
    }
#perso_authentification label {
    width: 150px;
    display: inline-block;
    text-align: right;
    padding-right: 20px
    }
#perso_authentification .champ_texte {
    width: 100px;
    display: inline-block;
    text-align: left
    }
#perso_authentification .bouton {
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    font-family: "open_sansregular", Arial, sans-serif;
    background: #f08100;
    text-transform: uppercase
    }
#perso_authentification .bouton:hover {
    background: #E3DEDA;
    color: #5c5956
    }
/* pré-inscription médiathèque */
#perso_authentification a.register_user_link {
    display: none
    }
#perso_authentification #perso_services ul li {
    margin: 0;
    padding: 0;
    height: 26px;
    line-height: 26px;
    width: auto
    }
#perso_authentification #perso_services ul li img {
    display: none
    }
#perso_authentification #perso_services ul li a {
    text-decoration: none
    }
#perso_authentification #perso_services ul li a:hover {
    color: #009fe3
    }
/* RECHERCHE */
/* recherche principal */
#recherche {
    position: absolute;
    width: 266px;
    top: 92px;
    margin-left: 710px;
    margin-right: auto;
    padding-right: 0;
    z-index: 20
    }
#main_search_form {
    width: 266px;
    height: 50px;
    line-height: 45px;
    position: absolute;
    top: 2px;
    left: 0;
    background-color: white;
    /*arrondir les coins*/
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    border: 1px solid #f08100;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
    }
#recherche_scenario, #recherche_scenario select {
    display: none
    }
#recherche_champs {
    background: #fff
    }
#recherche_champs input[type="text"] {
    width: 216px;
    border: none;
    height: 45px;
    padding: 5px;
    padding-left: 10px;
    color: #000;
    left: 0;
    font-size: 1.2em;
    font-family: "open_sansregular", Arial, sans-serif
    }
#recherche #search_reset {
    width: 10px;
    height: 30px;
    line-height: 30px;
    text-indent: 0;
    background: none;
    top: 10px;
    right: 0
    }
#recherche #search_reset:hover {
    text-indent: 0;
    background: none;
    color: #f08100
    }
#search_valid {
    width: 50px;
    height: 50px;
    padding: 0;
    text-indent: 0;
    background: #f08100 url(/Userfiles/image/Menu/enfants/musica-searcher50.png) no-repeat top center;
    border: none;
    color: transparent;
    left: auto
    }
#search_valid:hover {
    background: #ff7f33 url(/Userfiles/image/Menu/enfants/musica-searcher50.png) no-repeat top center;
    /*arrondir les coins*/
    }
/*#recherche a {
	display: none;
	top: 0;
	height: 22px;
	line-height : 22px;
	font-size: 12px;
	text-decoration: underline;
}*/
/*** AFFICHAGE RESULTATS RECHERCHE ***/
.search-icon-container {
    right: 0
    }
#aside .facet-see-more {
    padding: 0;
    color: #009fe3
    }
#criteres_recherche {
    padding: 0 0
    }
#criteres_recherche p {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0;
    line-height: 18px;
    font-weight: normal;
    font-family: "comfortaabold", Arial, sans-serif;
    color: #f08100
    }
#aside .content_header h2, #document_actions .content_header_centre h2 span span, #options_suggestion .content_header_centre h2 span span, #extrait_avis .content_header_centre h2 span span, #agenda_subscribe .content_header_centre h2 span span, #avis_lecteurs h3 span {
    font-size: 1.3em;
    font-weight: normal;
    font-family: "comfortaabold", Arial, sans-serif;
    color: #f08100;
    text-transform: none;
    margin: 0;
    padding: 0 0 0 0
    }
#aside .content_header_centre h2 {
    background-color: #fff
    }
#aside .content_header, #document_actions .content_header, #options_suggestion .content_header, #extrait_avis .content_header, #agenda_subscribe .content_header {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-right: 3px;
    background: white
    }
#criteres_recherche ul li #admin_actions {
    top: 10px
    }
#resultats_recherche .content_corps_centre {
    padding: 0
    }
.description_resultats {
    float: left;
    width: 240px;
    margin: 2px 0 0;
    font-weight: normal;
    font-family: "open_sanssemibold", Arial, sans-serif
    }
#resultats_recherche h2, #resultats_detail h2, #documents_memorises h2 {
    color: #009fe3
    }
#facet_container .facet-folder h3 {
    font-family: "comfortaabold", Arial, sans-serif;
    text-transform: none;
    font-size: 1.1em;
    font-weight: normal;
    margin: 10px 0 10px 0;
    padding: 0;
    color: #009fe3;
    background: none
    }
#aside {
    margin: 30px 0 0 0;
    width: 280px
    }
#facet_container {
    background: #fff;
    padding: 10px;
    border: 10px #f5f5f5 solid
    }
#facet_container .facet-folder ul.facetList li {
    padding-bottom: 5px
    }
.template-resume {
    font-size: 1em;
    font-style: normal;
    padding-bottom: 10px;
    line-height: 1.3em
    }
/*** FIN AFFICHAGE RESULTATS RECHERCHE **/
/*** AFFICHAGE NOTICES ***/
#resultats_recherche h2, #resultats_detail h2, #documents_memorises h2 {
    display: none
    }
.exports_container {
    display: none
    }
#recherche_avancee, #resultats_recherche, #resultats_detail, #resultats_account, #documents_memorises {
    margin: 20px 30px 0 0;
    width: 800px
    }
#resultats_detail span.support strong {
    color: #f08100;
    font-family: "open_sanssemibold", Arial, sans-serif;
    font-size: 1em;
    margin: 0 0;
    padding: 4px 6px 4px 6px;
    text-transform: none;
    font-weight: normal;
    background: none
    }
#resultats_detail span.support {
    right: 0;
    top: 14px
    }
#resultats_detail #onglets {
    border-top: 1px solid #f08100;
    border-bottom: 1px solid #f08100;
    padding: 0;
    margin: 0;
    font-family: "open_sanssemibold", Arial, sans-serif;
    text-transform: none
    }
#resultats_detail #onglets li {
    border-right: 1px solid #f08100;
    margin-right: 0
    }
#document_02 #notice_longue {
    padding: 50px 20px 30px 20px;
    background: none
    }
.vignette_document {
    float: left;
    width: 140px;
    margin-right: 40px;
    margin-bottom: 20px
    }
#notice_longue #notice_longue_description {
    float: left;
    width: 580px;
    margin: 0 0 0 40px
    }
/* ZONES */
#zone-2 .frame {
    margin: 30px 37px 0 0 !important
    }
#zone-3 .frame {
    margin: 30px 0 0 0 !important
    }
/* FIN ZONES */
/* TITRES - PARAGRAPHES */
h1, h2, h3, h4 {
    font-family: "comfortaabold", Arial, sans-serif
    }
h1 {
    font-size: 1.8em;
    text-transform: none
    }
h1.titrePage, .titrePage {
    color: #f08100;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 3px solid #f08100;
    /* arrondis */
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px
    }
h2 {
    font-size: 1.5em;
    text-transform: none
    }
h3 {
    font-size: 1.2em;
    text-transform: none
    }
p {
    font: "open_sansregular", Arial, sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 1.5em
    }
p.bold {
    font: "open_sansbold", Arial, sans-serif
    }
/* CARROUSSEL EDITORIAL */
#portal div.frame.frame-ermes-carousel {
    overflow: hidden;
    margin-top: 12px !important;
    width: 900px
    }
div.slidesjs .container {
    background-color: #fff;
    margin: 0
    }
div.slidesjs div.container {
    margin-bottom: 0;
    margin-top: 10px
    }
div.slidesjs .slides {
    padding: 0;
    margin: 0;
    width: 906px
    }
div.slidesjs .slides_container {
    background-color: #fff;
    margin: 0
    }
div.slides div.slide {
    margin-left: 0;
    padding: 0
    }
div.slidesjs .slides .next, div.slidesjs .slides .prev {
    position: absolute;
    left: 10px;
    top: 0;
    display: block;
    opacity: 0.7;
    z-index: 101
    }
div.slidesjs .slides .next {
    margin-left: -84px
    }
div.slidesjs .slides p {
    margin: 0;
    padding: 0
    }
/* CONTENUS SLIDE CAROUSSEL EDITORIAL */
div.slidesjs .container p.slide-accueil-img {
    position: relative;
    z-index: 1
    }
div.slidesjs .container .slide-accueil-texte {
    width: 900px;
    height: 50px;
    padding: 14px 0 20px 20px;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    text-align: left;
    margin-top: 214px
    }
div.slidesjs .container .slide-accueil-texte h3 {
    color: #f08100;
    font-family: "comfortaabold", Arial, sans-serif;
    text-transform: none;
    margin: 0;
    padding-bottom: 10px
    }
div.slidesjs .container .slide-accueil-texte h3 span.sous-titre {
    font-size: 14px;
    color: #f08100;
    font-family: "open_sanssemibold", Arial, sans-serif;
    font-variant: none
    }
div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide {
    position: absolute;
    right: 80px;
    bottom: 54px;
    padding: 0
    }
div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a {
    display: block;
    content: "+";
    position: absolute;
    font-weight: 900;
    background: #f08100;
    /*text-shadow: 0 0 5px white; */
    color: white;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    -moz-transition: all 0.6s ease;
    opacity: 1;
    text-decoration: none
    }
div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a:hover {
    opacity: 0.6
    }
div.slidesjs .container .slide-accueil-texte p {
    font-size: 16px;
    text-align: left;
    font-family: "open_sanssemibold", Arial, sans-serif;
    padding: 0 120px 10px 0
    }
div.slidesjs .container .slide-accueil-texte p a {
    text-decoration: none
    }
/* STYLES D'ENCART *****************************************/
/* couleur fond de tous les encarts ****************/
.frame-standard .content_corps {
    background-color: #F5F5F5
    }
.images_scroll div.scrollableArea > div, .selection_images_scroll div.scrollableArea > div, .capture_images_scroll div.scrollableArea > div {
    background-color: #F5F5F5
    }
.encart-vide-blanc, .encart-vide-blanc-marge {
    /*background-color: #f5f5f5;*/
    background-color: #fff
    }
.encart-vide-blanc .content_corps .content_corps_centre, .encart-vide-blanc-marge .content_corps .content_corps_centre {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none
    }
/* fin couleur fond encarts *************/
/* float */
.ombrage-floatrigth {
    float: right;
    margin-left: 40px;
    margin-bottom: 10px
    }
.ombrage-floatleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px
    }
.float-left {
    float: left
    }
.encart-onglets p.vignette {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 15px 0;
    padding: 0;
    text-align: center
    }
.encart-onglets p.vignette img {
    padding-bottom: 3px
    }
.encart-onglets p.vignette {
    font-size: 11px;
    line-height: 11px
    }
/* insertion d'une capture de recherche ******/
.capture_images_scroll .scrollWrapper {
    min-height: 226px
    }
div.capture_images_scroll + div {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 150px
    }
.content .template-title {
    color: #f08100 !important;
    font-weight: normal !important;
    font-size: 1.1em !important;
    margin: 0;
    padding-top: 10px;
    font-family: "comfortaabold"
    }
ul.date span.desc-list-title ul.desc-list li.desc-list-item {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    color: #303030;
    font-family: "comfortaabold"
    }
.abstract.short-abstract.template-resume {
    font-size: 1em;
    font-style: normal;
    color: #303030;
    font-weight: normal;
    text-align: left;
    font-family: "comfortaabold";
    margin: 0
    }
.images_scroll div.scrollableArea > div p, .selection_images_scroll div.scrollableArea > div div.content, .capture_images_scroll div.scrollableArea > div div.content {
    color: black !important
    }
.scrollWrapper .smooth_item h3.title.template-title {
    font-weight: normal !important;
    font-size: 14px;
    font-family: "open_sansbold", Arial, sans-serif;
    text-transform: none;
    padding: 10px 0 10px 0
    }
.scrollableArea .template-title {
    color: #000 !important;
    font-weight: bold;
    font-size: 14px !important
    }
.template-title {
    font-size: 14px !important
    }
img.ermes-thumb-size-MEDIUM {
    min-width: 100px !important;
    min-height: 100px !important
    }
.scrollWrapper img.ermes-thumb-size-MEDIUM.openfind, .scrollWrapper img.ermes-thumb-size-MEDIUM.musicMe {
    margin-right: 0;
    height: 150px;
    max-width: 160px
    }
.images_scroll div.scrollableArea > div, .selection_images_scroll div.scrollableArea > div, .capture_images_scroll div.scrollableArea > div {
    width: 190px
    }
.images_scroll div.scrollableArea > div:hover, .selection_images_scroll div.scrollableArea > div:hover, .capture_images_scroll div.scrollableArea > div:hover {
    background-color: #F5F5F5;
    border: none;
    padding: none;
    margin: 0;
    padding: 0 8px 3px 8px;
    text-decoration: none
    }
.encart-onglets ul.date {
    display: inline-block
    }
/* TOUT VOIR - règle générale */
.see_all_results::before {
    content: "+";
    display: inline-block;
    font-family: "comfortaabold";
    color: white;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 24px;
    line-height: 28px
    }
.see_all_results:hover::before {
    -moz-transition: all 0.6s ease;
    opacity: 0.6
    }
a.see_all_results span span {
    font: "open_sansbold", Arial, sans-serif
    }
a.see_all_results:hover span span {
    -moz-transition: all 0.4s ease;
    opacity: 0.6
    }
/* FIN TOUT VOIR - règle générale */
/* TOUT VOIR - encart agenda rouge */
.encart-article-agenda-50 .see_all_results::before, .encart-article-agenda .see_all_results::before, .encart-article-ecouter-50 .see_all_results::before, .encart-article-ecouter .see_all_results::before {
    background-color: #f08100
    }
.encart-article-agenda-50 a.see_all_results span span, .encart-article-agenda a.see_all_results span span, .encart-article-ecouter-50 a.see_all_results span span, .encart-article-ecouter a.see_all_results span span {
    color: #f08100
    }
/* fin TOUT VOIR rouge */
/* TOUT VOIR - encart catalogue bleu */
.encart-article-catalogue-50 .see_all_results::before, .encart-article-catalogue .see_all_results::before, .encart-article-lire .see_all_results::before, .encart-article-lire-50 .see_all_results::before, .encart-article-regarder .see_all_results::before, .encart-article-regarder-50 .see_all_results::before {
    background-color: #009fe3
    }
.encart-article-catalogue-50 a.see_all_results span span, .encart-article-catalogue a.see_all_results span span, .encart-article-lire a.see_all_results span span, .encart-article-lire-50 a.see_all_results span span, .encart-article-regarder a.see_all_results span span, .encart-article-regarder-50 a.see_all_results span span {
    color: #009fe3
    }
/* fin TOUT VOIR - encart catalogue bleu */
/* TOUT VOIR - encart sitotheque vert */
.encart-article-sitotheque-50 .see_all_results::before, .encart-article-sitotheque .see_all_results::before, .encart-article-explorer .see_all_results::before, .encart-article-explorer-50 .see_all_results::before {
    background-color: #95c11f
    }
.encart-article-sitotheque-50 a.see_all_results span span, .encart-article-sitotheque a.see_all_results span span, .encart-article-explorer a.see_all_results span span, .encart-article-explorer-50 a.see_all_results span span {
    color: #95c11f
    }
/* TOUT VOIR - encart sitotheque vert */
/* ENCART VIDE ****************/
.encart-vide .content_corps .content_corps_centre {
    background-color: #fff
    }
.encart-vide .content_header {
    background-color: #fff
    }
/* fin encart vide *************/
.content_header {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0
    }
.content_corps {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-right: 3px;
    padding: 10px
    }
.content_header_centre h2 {
    font-size: 1.5em;
    font-family: "comfortaabold", Arial, sans-serif;
    padding: 5px;
    background-color: #F5F5F5
    }
/****************************************/
/* ENCART catalogue, agenda, sitotheque */
/****************************************/
/* commun à tous les types d'encarts : couleur du fond et arrondi */
.frame.encart-article-agenda .encart-article-agenda, .frame.encart-article-agenda-50 .encart-article-agenda-50, .frame.encart-article-agenda-30, .frame.encart-article-agenda-50-sous2col .encart-article-agenda-50-sous2col, .frame.encart-article-catalogue .encart-article-catalogue, .frame.encart-article-catalogue-50 .encart-article-catalogue-50, .frame.encart-article-catalogue-30, .frame.encart-article-catalogue-50-sous2col .encart-article-catalogue-50-sous2col, .frame.encart-article-sitotheque .encart-article-sitotheque, .frame.encart-article-sitotheque-50 .encart-article-sitotheque-50, .frame.encart-article-sitotheque-30, .frame.encart-article-sitotheque-50-sous2col .encart-article-sitotheque-50-sous2col, .frame.encart-onglets .encart-onglets, .frame.encart-article-jouer .encart-article-jouer, .frame.encart-article-jouer-50 .encart-article-jouer-50, .frame.encart-article-jouer-50-sous2col, .frame.encart-article-jouer-30, .frame.encart-article-regarder .encart-article-regarder, .frame.encart-article-regarder-50 .encart-article-regarder-50, .frame.encart-article-regarder-30, .frame.encart-article-regarder-50-sous2col, .frame.encart-article-explorer .encart-article-explorer, .frame.encart-article-explorer-50 .encart-article-explorer-50, .frame.encart-article-explorer-30, .frame.encart-article-explorer-50-sous2col, .frame.encart-article-lire .encart-article-lire, .frame.encart-article-lire-50 .encart-article-lire-50, .frame.encart-article-lire-30, .frame.encart-article-lire-50-sous2col, .frame.encart-article-ecouter .encart-article-ecouter, .frame.encart-article-ecouter-50 .encart-article-ecouter-50, .frame.encart-article-ecouter-30, .frame.encart-article-ecouter-50-sous2col, .frame.encart-article-lesaistu .encart-article-lesaistu {
    background: #F5F5F5;
    /*arrondir les coins*/
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px
    }
/* ajout clear both sur encart 1 ou 2 colonne */
.frame.encart-article-agenda, .frame.encart-article-catalogue, .frame.encart-onglets, .frame.encart-article-sitotheque, .frame.encart-article-jouer, .frame.encart-article-regarder, .frame.encart-article-explorer, .frame.encart-article-lire, .frame.encart-article-ecouter, .frame.encart-article-lesaistu, .frame.encart-article-jouer-50-sous2col, .frame.encart-article-agenda-50-sous2col, .frame.encart-article-catalogue-50-sous2col, .frame.encart-article-sitotheque-50-sous2col, .frame.encart-article-regarder-50-sous2col, .frame.encart-article-explorer-50-sous2col, .frame.encart-article-lire-50-sous2col, .frame.encart-article-ecouter-50-sous2col, .frame.encart-article-lesaistu {
    clear: both
    }
/* encart sur 2 colonnes */
#zone-2 .frame.encart-article-agenda-50, #zone-2 .frame.encart-article-agenda-50-sous2col, #zone-2 .frame.encart-article-catalogue-50, #zone-2 .frame.encart-article-catalogue-50-sous2col, #zone-2 .frame.encart-article-sitotheque-50, #zone-2 .frame.encart-article-sitotheque-50-sous2col, #zone-2 .frame.encart-article-jouer-50, #zone-2 .frame.encart-article-jouer-50-sous2col, #zone-2 .frame.encart-article-regarder-50, #zone-2 .frame.encart-article-regarder-50-sous2col, #zone-2 .frame.encart-article-explorer-50, #zone-2 .frame.encart-article-explorer-50-sous2col, #zone-2 .frame.encart-article-lire-50, #zone-2 .frame.encart-article-lire-50-sous2col, #zone-2 .frame.encart-article-ecouter-50, #zone-2 .frame.encart-article-ecouter-50-sous2col {
    float: left;
    width: 46%;
    margin-right: 2%;
    margin: 20px 37px 30px 0 !important
    }
/* encart 3 colonnes */
#zone-2 .frame.encart-3-colonnes, #zone-2 .frame.encart-article-agenda-30, #zone-2 .frame.encart-article-catalogue-30, #zone-2 .frame.encart-article-sitotheque-30, #zone-2 .frame.encart-article-jouer-30, #zone-2 .frame.encart-article-regarder-30, #zone-2 .frame.encart-article-explorer-30, #zone-2 .frame.encart-article-lire-30, #zone-2 .frame.encart-article-ecouter-30 {
    float: left;
    width: 30%;
    margin: 40px 30px 30px 0 !important;
    min-height: 200px
    }
#zone-2 .frame.encart-3-colonnes p, #zone-2 .frame.encart-article-agenda-30 p, #zone-2 .frame.encart-article-catalogue-30 p, #zone-2 .frame.encart-article-sitotheque-30 p, #zone-2 .frame.encart-article-jouer-30 p, #zone-2 .frame.encart-article-regarder-30 p, #zone-2 .frame.encart-article-explorer-30 p, #zone-2 .frame.encart-article-lire-30 p, #zone-2 .frame.encart-article-lesaistu p {
    text-align: left
    }
/* titre par type d'encart */
.encart-article-lesaistu h2, .titre-lesaistu {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/lesaistu2.png) no-repeat 6px 0;
    color: #95c11f;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-catalogue h2, .encart-article-catalogue-50 h2, .encart-article-catalogue-50-sous2col h2, .encart-article-catalogue-30 h2, .titre-catalogue {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/catalogue36bleu009fe3.png) no-repeat 6px 0;
    color: #009fe3;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-agenda h2, .encart-article-agenda-50 h2, .encart-article-agenda-50-sous2col h2, .encart-article-agenda-30 h2, .titre-agenda {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/agenda36orangef08100.png) no-repeat 6px 0;
    color: #f08100;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-sitotheque h2, .encart-article-sitotheque-50 h2, .encart-article-sitotheque-50-sous2col h2, .encart-article-sitotheque-30 h2, .titre-sitotheque {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/sitotheque36vert95c11f.png) no-repeat 6px 0;
    color: #95c11f;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-jouer h2, .encart-article-jouer-50 h2, .encart-article-jouer-30 h2, .titre-jouer, .encart-article-jouer-50-sous2col h2 {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/console36orangef08100.png) no-repeat 6px 0;
    color: #f08100;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-regarder h2, .encart-article-regarder-50 h2, .encart-article-regarder-50-sous2col h2, .encart-article-regarder-30 h2, .titre-regarder {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/videoplayer36bleu009fe3.png) no-repeat 6px 0;
    color: #009fe3;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-explorer h2, .encart-article-explorer-50 h2, .encart-article-explorer-50-sous2col h2, .encart-article-explorer-30 h2, .titre-explorer {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/planet-earth36vert95c11f.png) no-repeat 6px 0;
    color: #95c11f;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-lire h2, .encart-article-lire-50 h2, .encart-article-lire-50-sous2col h2, .encart-article-lire-30 h2, .titre-lire {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/openbook36bleu009fe3.png) no-repeat 6px 0;
    color: #009fe3;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
.encart-article-ecouter h2, .encart-article-ecouter-50 h2, .encart-article-ecouter-50-sous2col h2, .encart-article-ecouter-30 h2, .titre-ecouter {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/headphone-symbol36-f08100.png) no-repeat 6px 0;
    color: #f08100;
    padding-left: 52px;
    font-size: 1.5em;
    margin-bottom: 20px;
    line-height: 1.5em
    }
/* alignement texte colonne de droite */
#zone-3 p {
    text-align: left
    }
/* DIVERS STYLES WYSIWYG */
.marge-haut {
    margin-top: 30px
    }
.chapeau, .titre-noir {
    font-size: 1.2em;
    font-family: "open_sansbold";
    margin-bottom: 15px;
    color: #252525
    }
/* taille des titres quand encart situé dans la colonne gauche ou quand encarts sur 3 colonnes */
#zone-3 .encart-article-catalogue h2, #zone-3 .encart-article-agenda h2, #zone-3 .encart-article-sitotheque h2, #zone-3 .encart-article-jouer h2, #zone-3 .encart-article-regarder h2, #zone-3 .encart-article-explorer h2, #zone-3 .encart-article-lire h2, .encart-article-agenda-30 h2, .encart-article-sitotheque-30 h2, .encart-article-catalogue-30 h2, .encart-article-jouer-30 h2, .encart-article-regarder-30 h2, .encart-article-explorer-30 h2, .encart-article-lire-30 h2, #zone-3 .encart-article-lesaistu h2 {
    font-size: 1.2em;
    margin-bottom: 14px
    }
/* plus d'infos */
.plusdinfos-orange, .plusdinfos-bleu, .plusdinfos-vert {
    display: inline-block;
    font-family: "comfortaabold";
    color: white;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    text-decoration: none
    }
.plusdinfos-orange:hover, .plusdinfos-bleu:hover, .plusdinfos-vert:hover {
    -moz-transition: all 0.6s ease;
    opacity: 0.6;
    color: white
    }
.plusdinfos-orange {
    background-color: #f08100
    }
.plusdinfos-bleu {
    background-color: #009fe3
    }
.plusdinfos-vert {
    background-color: #95c11f
    }
/* FIN plus d'infos */
/* ENCART onglets **************/
.encart-onglets .content_header {
    background-color: white;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-left: 0
    }
.encart-onglets .content_header_centre h2 {
    font-family: "comfortaabold", Arial, sans-serif;
    font-weight: bold
    }
.encart-onglets h2 {
    background: #F5F5F5 url(/Userfiles/image/Menu/enfants/catalogue36bleu009fe3.png) no-repeat 6px 0;
    color: #009fe3;
    padding-left: 52px;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 20px;
    text-transform: none
    }
.encart-onglets ul {
    font-family: "open_sanssemibold", Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 48px;
    /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    margin: 0 0 0 0 !important;
    list-style-type: none !important;
    border-bottom: 1px solid #009fe3;
    border-left: 1px solid #009fe3
    }
.encart-onglets ul li {
    float: left;
    height: 100%;
    /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    border-right: 1px solid #009fe3;
    border-top: 1px solid #009fe3;
    padding: 0;
    margin: 0
    }
.encart-onglets ul li a.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: inherit
    }
.encart-onglets ul li:last-child {
    border-bottom: none
    }
.encart-onglets ul li a {
    display: block;
    color: black;
    text-decoration: none;
    padding: 15px
    }
.encart-onglets ul li a:hover {
    background: #fff
    }
.encart-onglets section {
    padding: 40px 10px 10px 10px;
    margin-left: 10px;
    border: 1px solid #009fe3;
    border-top: none;
    background-color: #FFF
    }
.encart-onglets .images_scroll div.scrollableArea > div, .encart-onglets .selection_images_scroll div.scrollableArea > div, .encart-onglets .capture_images_scroll div.scrollableArea > div {
    background-color: #FFF
    }
.encart-onglets section#content_2, .encart-onglets section#content_3, .encart-onglets section#content_4, .encart-onglets section#content_5, .encart-onglets section#content_6, .encart-onglets section#content_7, .encart-onglets section#contentbis_2, .encart-onglets section#contentbis_3, .encart-onglets section#contentbis_4, .encart-onglets section#contentbis_5, .encart-onglets section#contentbis_6, .encart-onglets section#contentter_2, .encart-onglets section#contentter_3, .encart-onglets section#contentter_4, .encart-onglets section#contentter_5, .encart-onglets section#contentter_6, .encart-onglets section#contentter_7, .encart-onglets section#contentquat_2, .encart-onglets section#contentquat_3, .encart-onglets section#contentquat_4, .encart-onglets section#contentquat_5, .encart-onglets section#contentquat_6, .encart-onglets section#contentquat_7, .encart-onglets section#contentquat_8, .encart-onglets section#contentquat_9 {
    display: none
    }
/* FIN ENCART ONGLETS ************/
/*** capture recherche format liste pour colonne droite ****/
#zone-3 .ermes_search_model .vignette_container {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 160px
    }
#zone-3 .webframe-ermes-html .vignette_document img {
    max-width: 160px
    }
#zone-3 .ermes_search_model .vignette_document {
    float: left;
    width: 160px
    }
/* FOOTER ************************/
div#footer div.colonne-footer {
    display: none
    }
#footer .colonne-footer#mam {
    margin-left: 170px;
    width: 216px
    }
div#footer div#mam.colonne-footer {
    display: block
    }
#footer > ul {
    height: 10px;
    background: none repeat scroll 0% 0% #009fe3;
    font-family: "open_sansregular", arial, sans-serif;
    font-size: 12px
    }
#footer > ul li {
    display: none
    }
div#footer p#logos-officiels {
    display: block;
    margin-top: -150px
    }
div#footer #mam.colonne-footer p#reso {
    display: none
    }
/******************************** formulaire ********************/
#form-contact-2 {
    font-family: inherit
    }
#form-contact-2 p {
    line-height: 1.4em;
    margin-top: 30px
    }
#form-contact-2 label {
    margin-top: 10px;
    display: inline-block;
    width: 400px;
    vertical-align: initial;
    text-align: right;
    margin-right: 20px
    }
#form-contact-2 input, #form-contact-2 textarea, #form-contact-2 select {
    padding: 2px;
    border: 1px solid #d1c8c1;
    border-radius: 2px;
    vertical-align: initial;
    background-color: #fff;
    margin: 0 0 2px 0;
    box-shadow: 1px 1px 2px #d1c8c1 inset;
    -moz-box-shadow: 1px 1px 2px #d1c8c1 inset;
    -webkit-box-shadow: 1px 1px 2px #d1c8c1 inset;
    -o-box-shadow: 1px 1px 2px #d1c8c1 inset;
    box-shadow: 1px 1px 2px #d1c8c1 inset;
    behavior: url(/ui/skins/cabm/PIE.htc)
    }
#form-contact-2 option {
    background-color: #fff
    }
#form-contact-2 input#achat + label, #form-contact-2 input#anniversaire + label, #form-contact-2 input#cadeau + label, #form-contact-2 input#fete + label, #form-contact-2 input#noel + label, #form-contact-2 input#trouvaille + label, #form-contact-2 input#autre + label {
    width: auto;
    text-align: left
    }
#form-contact-2 + input {
    margin-left: 430px;
    margin-top: 15px
    }