/** Common Css **/
img {
    display: inline-block;
    max-width: 100% !important;
    height: auto !important;
}

* {
    outline: none;
}

.formations .col-md-3.sidebar + section.col-md-9 {
    padding: 0 8px !important;
}

/** All Css **/
.wysiwyg .form-type-item.form-item.form-group {
    display: none;
}

.field.field-name-field-featured-status.field-type-list-boolean.field-label-above {
    display: none;
}

.field.field-name-field-archived-content.field-type-list-boolean.field-label-above {
    display: none;
}

.bloc-result-quiz {
    border: 1px solid #E1DFDF;
    background-color: white !important;
}

body {
    background: #f1f1f1;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body > header {
    background: #fff;
    -webkit-box-shadow: 0 1px 10px #d4d4d4;
    -moz-box-shadow: 0 1px 10px #d4d4d4;
    -ms-box-shadow: 0 1px 10px #d4d4d4;
    -o-box-shadow: 0 1px 10px #d4d4d4;
    box-shadow: 0 1px 10px #d4d4d4;
}

.glossary {
    clear: both;
    border-top: 0;
}

a {
    color: #0e72b6;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
}

h1, .h1 {
    font-size: 32px;
}

.main-container {
    padding: 0;
    padding-top: 15px;
    margin-bottom: 0px;
}

body.node-type-espace .main-container {
    padding-top: 45px;
}

.main-container .banner {
    text-align: left;
    padding-bottom: 35px;
    max-width: 1070px;
    width: 100%;
}

p {
    font-size: 16px;
    color: #5c7c85;
}

.form-control {
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
}

/*  Titles  */
h1.title {
    font-family: 'robotoBold';
    font-size: 36px;
    color: #0e72b6;
}

body.enfant .enfant-jeune h1.title, body.enfant .enfant-jeune h2.title {
    color: #9dc02e;
}

/*  CHECKBOX, RADIO  */
.icheckbox, .iradio {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border: 1px solid #b6c1c4;
}

.icheckbox.checked, .iradio.checked, .radio.active .iradio.checked {
    border-color: #ddd;
    padding: 3px;
}

.icheckbox.checked ins, .iradio.checked ins, .radio.active .iradio.checked ins {
    position: static !important;
    background: #b6c1c4 !important;
    opacity: 1 !important;
}

.icheckbox.hover, .iradio.hover {
    border-color: #ddd;
}

.icheckbox + label, .iradio + label {
    display: inline-block;
    vertical-align: middle;
}

.iradio, .iradio.checked ins {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.iradio {
    background: #fff;
}

.iradio.checked {
    padding: 4px;
}

.iradio.checked ins {
    background: #4d727b !important;
}

.iradio + label {
    padding-left: 6px;
    font-size: 16px;
    color: #4d727b;
}

.iradio.checked + label, .radio.active label, .iradio.hover + label {
    color: #0e72b6;
}

/*  CARTE  */
.carte {
    vertical-align: top;
    text-align: left;
    margin-bottom: 20px;
}

.carte .wrapper {
    position: relative;
    background-color: #fff;
    min-height: 395px;
    height: 100%;
    overflow: hidden;
}

.slick-active.carte .wrapper {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.carte img {
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.carte .title {
    position: relative;
    color: #fff;
}

.carte .title:after {
    content: "";
    display: block;
    position: absolute;
}

.carte .title-2 {
    color: #0e72b6;
    font-family: 'robotoBold';
    font-size: 20px;
}

.carte p {
    color: #37646f;
    font-family: 'robotoLight';
    font-size: 15px;
    margin: 0;
}

.carte p span {
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
    margin: 0 !important;
}

.carte .btn {
    font-family: 'robotoMedium';
    font-size: 14px;
    color: #fff;
    background-color: #e23764;
    line-height: 37px;
    padding: 0 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

body.enfant .carte .btn {
    background-color: #9dc02e;
    position: absolute;
    bottom: 0;
    left: 0px;
}

body.personnelle .carte .btn {
    background-color: #0F72B6;
    bottom: 0;
    left: 0px;
}

body.entreprise .carte .btn {
    background-color: #23a0bf;
    position: absolute;
    bottom: 0;
    left: 0px;
}

body.enseignant .carte .btn {
    background-color: #d9b341;
    position: absolute;
    bottom: 0;
    left: 0px;
}

.carte .file {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
}

/*  WELL / Sidebar  */
.sidebar {
    padding-left: 0;
    padding-right: 24px;
}

.well {
    min-height: 100%;
    border: none;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -ms-box-shadow: 1px 1px 2px #ccc;
    -o-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
}

.well .block.block-menu-block {
    padding: 0;
    display: block;
}

.well .items > a.active {
    display: none;
}

.well .menu.nav li {
    padding: 0;
    background-color: #ffffff;
}

.well .menu.nav li > a {
    position: relative;
    display: block;
    color: #0c6aaf;
    font-family: 'robotoBold';
    font-size: 14px;
    padding: 14px 28px;
    border-bottom: 1px solid #dbdbdb;
}

.well .menu.nav li.last > a {
    border: none;
}

.well .menu.nav li > a:hover, .well .menu.nav li.active > a {
    background-color: #0c6aaf;
    color: #fff;
    -webkit-text-shadow: 1px 1px 1px #033D67;
    -moz-text-shadow: 1px 1px 1px #033D67;
    -ms-text-shadow: 1px 1px 1px #033D67;
    -o-text-shadow: 1px 1px 1px #033D67;
    text-shadow: 1px 1px 1px #033D67;
}

.well .menu.nav li > a:hover:before, .well .menu.nav li.active > a:before {
    background-color: #b1def2;
}

.well .menu.nav li > a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ed5fa2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.well .menu.nav li .dropdown-menu {
    display: block;
    position: static;
    width: 100%;
    margin: 0;
    padding: 0;
    left: auto;
    top: auto;
    min-width: 100%;
    z-index: initial;
    float: none;
}

.well .menu.nav li .dropdown-menu a {
    padding-left: 38px;
}

.well .menu.nav li .dropdown-menu a:before {
    left: 26px;
}

.owl-carousel .owl-item > .carte {
    width: 100%;
    margin-top: 19px;
}

.owl-controls {
    text-align: center;
    margin-top: 10px;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.owl-controls .owl-page.active {
    background: #0e72b6;
}

.breadcrumb {
    background-color: transparent;
    padding: 8px 0;
}

.panel-group {
    margin-bottom: 15px;
}

.panel-group .panel {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.panel-default > .panel-heading {
    background: transparent;
    border: none;
}

.panel-heading {
    padding: 0;
}

.panel-heading .panel-title {
    -moz-box-shadow: 0 4px 2px 0 #f3f3f3;
    -webkit-box-shadow: 0 4px 2px 0 #f3f3f3;
    -o-box-shadow: 0 4px 2px 0 #f3f3f3;
    -ms-box-shadow: 0 4px 2px 0 #f3f3f3;
    box-shadow: 0 4px 2px 0 #f3f3f3;
}

/*.panel-heading p{padding: 18px 23px;}*/
.panel-heading p {
    padding: 18px 0;
}

.calendar {
    padding-left: 0;
}

.calendar label {
    padding-left: 0
}

.simulateur-credit-bottom h3 {
    padding-left: 0 !important;
}

.panel-title > a {
    display: block;
    position: relative;
    outline: none;
    padding: 18px 23px;
    color: #0e72b6;
    font-size: 18px;
    font-weight: bold;
}

.panel-title > a:hover, .panel-title > a:focus {
    text-decoration: none;
}

.panel-title > a:before {
    content: '-';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: #0e72b6;
    color: #fff;
    margin-right: 8px;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
}

.panel-title > a.collapsed:before {
    content: '+';
}

.panel-title > a span {
    display: block;
    position: absolute;
    right: 23px;
    top: 18px;
    width: 28px;
    height: 28px;
    padding: 15px 4px 4px;
    border: 2px solid #0e72b6;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
}

.panel-title > a.collapsed span {
    padding-top: 8px;
}

.panel-title > a span:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #0e72b6;
}

.panel-title > a.collapsed span:after {
    height: 100%;
    background: #fff;
    border: 2px solid #0e72b6;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-body {
    padding: 18px 23px 0;
}

.file {
    background-color: #fff;
    overflow: hidden;
}

.file.shadow {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 16px;
    overflow: visible;
}

.file.shadow .wrapper {
    background-color: #fff;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.file .type {
    height: 76px;
    background-color: #f2f2f2;
    text-align: center;
    color: #171717;
    font-size: 10px;
    font-family: arial;
    padding: 0;
}

.file .type:before {
    content: '';
    display: block;
    width: 26px;
    height: 32px;
    margin: 12px auto 6px;
}

.file .type.pdf:before {
    background: url('../images/icon-pdf.png') no-repeat 0 0;
}

.file .type.word:before {
    background: url('../images/icon-word.png') no-repeat 0 0;
}

.file .type.doc:before {
    background: url('../images/icon-word.png') no-repeat 0 0;
}

.file .type.ppt:before {
    background: url('../images/icon-ppt.png') no-repeat 0 0;
}

.file .type.excel:before {
    background: url('../images/icon-excel.png') no-repeat 0 0;
}

.file .type.img:before {
    background: url('../images/icon-img.png') no-repeat 0 0;
}

.file .type.video:before {
    background: url('../images/icon-video.png') no-repeat 0 0;
}

.file label {
    font-family: 'robotoBold';
    font-size: 14px;
    color: #0e72b6;
    margin: 0;
    padding-top: 20px;
}

.file label a {
    display: block;
}

.file label a:hover {
    text-decoration: none;
}

header .header-top {
    padding: 20px 0;
}

header .container {
    max-width: 1131px;
    width: 100%;
}

#container-menu-site {
    background: #37646f;
}

header .link-home {
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icon-home.png") center 35% no-repeat transparent;
    text-indent: -9999px;
    font-size: 0;
    overflow: hidden;
}

header .header-top form {
    width: 509px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 14px;
    border: solid 1px #e4e4e4;
}

header .header-top form .query {
    display: block;
    height: 36px;
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0 10px;
    font-size: 10px;
    font-family: arial;
    width: 90.1%;
    font-style: italic;
    color: #37646f;
    border-radius: 0;
    outline: none;
    float: left;
}

header .header-top form .btn {
    display: block;
    float: left;
    width: 9.9%;
    height: 36px;
    padding: 0;
    background: url("../images/icon-search.png") center center no-repeat transparent;
    text-indent: -2000px;
    overflow: hidden;
    border: 0;
    outline: none;
}

header .header-top .link {
    display: inline-block;
    vertical-align: middle;
    color: #ea148c;
    font-family: arial;
    font-size: 12px;
}

header .header-top .link:after {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 16px;
}

header .header-top .link.last:after {
    display: none;
}

header .header-top .logo {
    margin: 0;
    padding: 0;
    float: left;
}

header .header-bottom {
    border-top: 1px solid #ececec;
}

header .header-bottom .container {
    padding: 0;
}

header .header-bottom .container .navbar-header {
    float: none;
    position: relative;
}

.navbar-collapse.collapse {
    padding: 0;
}

.navbar-nav {
    float: left;
}

.nav > li {
    padding-left: 9px;
    padding-right: 9px;
}

.nav > li > a {
    padding-left: 0;
    padding-right: 0;
}

.navbar-nav > li > a {
    font-family: "robotoCondensedRegular";
    font-size: 15px;
    color: #00afec;
    position: relative;
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.navbar-vertical .navbar-nav > li > a {
    display: inline;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active, .nav > li > a.active-trail,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #0e72b6;
    background: transparent;
}

.navbar-nav > li > a:after {
    content: '';
    display: block;
    height: 4px;
    width: 0;
    background-color: #ea148c;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.nav > li > a:hover:after, .nav > li > a:focus:after, .nav > li > a.active:after, .nav > li > a.active-trail:after {
    width: 100%;
}

.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}

.navbar-nav.secondary {
    float: right;
    text-align: right;
    border-left: 1px solid #ececec;
}

.navbar-nav.secondary > li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 16px;
}

.navbar-nav.secondary > li > a {
    display: inline-block;
    text-align: center;
}

.navbar-nav.secondary > li > a:after {
    display: none;
}

.navbar-nav.secondary > li.first > a {
    background-color: #d9b341;
    color: #fff;
    padding: 7px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
}

.navbar-nav.secondary > li.last > a{
    min-width: 165px;
    font-family: 'marguerite';
    font-size: 22px;
    padding: 10px 0;
    margin: 8px 0 0 0;
    color: #fff;
    background: url("../images/bg-shape-green.png") center center no-repeat;
}

.dropdown-menu {
    border: none;
}

.navbar-nav .dropdown-menu > li > a {
    white-space: nowrap;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #ea148c;
}

.navbar-nav > li > .dropdown-menu li {
    border-bottom: 1px solid #eee;
}

.navbar-nav > li > .dropdown-menu li.last {
    border-bottom: none;
}

.navbar-nav > li > .dropdown-menu > li.expanded > a {
    position: relative;
}

.navbar-nav > li > .dropdown-menu > li.expanded > a:after {
    content: '';
    display: block;
    width: 9px;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/arrow-right-1.png") center center no-repeat;
    background-size: 60%;
}

.spaces-navigation {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 35%;
    padding: 0;
    margin: 0;
}

.spaces-navigation li {
    list-style: none;
    position: relative;
    left: -18px;
}

.spaces-navigation li, .spaces-navigation li * {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.spaces-navigation li:hover, .spaces-navigation li.active, body.enfant li.enfant, body.personnelle li.personnelle, body.entreprise li.entreprise, body.enseignant li.enseignant {
    left: 0;
    width: 64px;
    height: 64px;
}

.spaces-navigation li a {
    display: block;
}

.espaceMenu-personnelle {
    background-image: url('../images/bg-nb-perso.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

.espaceMenu-enfant {
    background-image: url('../images/bg-nb-enf.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

.espaceMenu-entreprise {
    background-image: url('../images/bg-nb-ent.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

.espaceMenu-enseignant {
    background-image: url('../images/bg-nb-ens.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

.espaceMenu-personnelle:hover {
    background-image: url('../images/espace-personnelle.jpg') !important;
    background-repeat: no-repeat;
}

.espaceMenu-entreprise:hover {
    background-image: url('../images/espace-entreprise.jpg') !important;
    background-repeat: no-repeat;
}

.espaceMenu-enseignant:hover {
    background-image: url('../images/espace-enseignant.jpg') !important;
    background-repeat: no-repeat;
}

.espaceMenu-enfant:hover {
    background-image: url('../images/espace-enfant.jpg') !important;
    background-repeat: no-repeat;
}

/* ciblage onglets espaces */
ul.spaces-navigation > li > a > img.espace.personnelle {
    background-image: url('../images/bg-nb-perso.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

ul.spaces-navigation > li > a > img.espace.enfant {
    background-image: url('../images/bg-nb-enf.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

ul.spaces-navigation > li > a > img.espace.entreprise {
    background-image: url('../images/bg-nb-ent.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

ul.spaces-navigation > li > a > img.espace.enseignant {
    background-image: url('../images/bg-nb-ens.png');
    background-repeat: no-repeat;
    height: 64px !important;
    width: 64px !important;
}

ul.spaces-navigation > li > a > img.espace.personnelle:hover {
    background-image: url('../images/espace-personnelle.jpg') !important;
    background-repeat: no-repeat;
}

ul.spaces-navigation > li > a > img.espace.entreprise:hover {
    background-image: url('../images/espace-entreprise.jpg') !important;
    background-repeat: no-repeat;
}

ul.spaces-navigation > li > a > img.espace.enseignant:hover {
    background-image: url('../images/espace-enseignant.jpg') !important;
    background-repeat: no-repeat;
}

ul.spaces-navigation > li > a > img.espace.enfant:hover {
    background-image: url('../images/espace-enfant.jpg') !important;
    background-repeat: no-repeat;
}

body.enfant ul.spaces-navigation > li > a > img.espace.enfant {
    background-image: url('../images/espace-enfant.jpg') !important;
    background-repeat: no-repeat;
}

body.personnelle ul.spaces-navigation > li > a > img.espace.personnelle {
    background-image: url('../images/espace-personnelle.jpg') !important;
    background-repeat: no-repeat;
}

body.entreprise ul.spaces-navigation > li > a > img.espace.entreprise {
    background-image: url('../images/espace-entreprise.jpg') !important;
    background-repeat: no-repeat;
}

body.enseignant ul.spaces-navigation > li > a > img.espace.enseignant {
    background-image: url('../images/espace-enseignant.jpg') !important;
    background-repeat: no-repeat;
}

/* fin ciblage onglets espaces */
body.enfant .espaceMenu-enfant {
    background-image: url('../images/espace-enfant.jpg') !important;
    background-repeat: no-repeat;
}

body.personnelle .espaceMenu-personnelle {
    background-image: url('../images/espace-personnelle.jpg') !important;
    background-repeat: no-repeat;
}

body.entreprise .espaceMenu-entreprise {
    background-image: url('../images/espace-entreprise.jpg') !important;
    background-repeat: no-repeat;
}

body.enseignant .espaceMenu-enseignant {
    background-image: url('../images/espace-enseignant.jpg') !important;
    background-repeat: no-repeat;
}

.quiz .wrapper {
    padding: 46px 24px 20px;
}

.quiz .title {
    font-family: 'robotoBold';
    font-size: 36px;
    color: #0e72b6;
    padding-bottom: 15px;
    margin: 0;
    border-bottom: 1px solid #b0bdc0;
}

.enfant .quiz .title {
    color: #9dc02e;
}

.personnelle .quiz .title {
    color: #0F72B6;
}

.entreprise .quiz .title {
    color: #23a0bf;
}

.enseignant .quiz .title {
    color: #d9b341;
}

.quiz .title:after {
    top: -64px;
    right: -15px;
    width: 133px;
    height: 119px;
    background: url('../images/bg-quiz.png') no-repeat 0 0 transparent;
}

.quiz .question {
    padding: 15px 0;
}

.quiz .checkbox {
    padding: 6px 0;
    margin: 0;
}

.quiz form label {
    padding: 0 0 0 16px;
    color: #37646f;
    font-family: 'robotoLight';
    font-size: 16px;
}

.quiz form .btn {
    margin-top: 16px;
}

.enfant .carte.games .wrapper {
    background-color: #e23764;
    padding: 17px 11px 19px;
}

.enfant .carte.games .title {
    font-family: 'marguerite';
    font-size: 60px;
    padding-left: 10px;
    margin: 0;
    line-height: normal;
    position: relative;
    z-index: 1;
}

.enfant .carte.games .title:after {
    top: 0;
    right: 0;
    width: 121px;
    height: 88px;
    background: url('../images/bg-jeux.jpg') no-repeat 0 0 transparent;
}

.enfant .carte.games img {
    margin-top: -24px;
    margin-bottom: 21px;
    display: block;
    position: relative;
    z-index: 0;
}

.enfant .carte.games .btn {
    margin: 0 23px;
}

body.personnelle .carte.event .wrapper {
    background-color: #93c8ec;
    padding-top: 55px;
}

body.entreprise .carte.event .wrapper {
    background-color: #8ac8d8;
    padding-top: 55px;
}

body.enseignant .carte.event .wrapper {
    background-color: #e5d299;
}

.carte.event .wrapper {
    padding: 25px 22px 0px 22px;
}

.carte.event .wrapper .title {
    font-family: 'robotoBold';
    font-size: 24px;
}

body.personnelle .carte.event .wrapper .title:after {
    top: -25px;
    right: 0px;
    width: 105px;
    height: 74px;
    background: url('../images/bg-event.jpg') no-repeat 0 0 transparent;
}

body.entreprise .carte.event .wrapper .title:after {
    top: -25px;
    right: 0px;
    width: 105px;
    height: 74px;
    background: url('../images/bg-event2.jpg') no-repeat 0 0 transparent;
}

.carte.event .wrapper .visuel {
    position: relative;
}

.carte.event .wrapper .visuel p {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
    padding: 6px;
    color: #fff;
    font-size: 22px;
    font-family: 'robotoBold';
    line-height: 22px;
    background: #000;
    opacity: .8;
}

.carte.event .btn {
    margin-top: 20px;
}

.carte.guide .wrapper .title:after {
    display: none;
}

.carte.ref .visuel.half {
    max-height: 199px;
}

.carte.ref .visuel + div {
    padding: 15px 22px 20px;
}

.carte.ref .visuel + div .title-2 {
    padding: 15px 0 19px;
    margin: 0;
}

.inner .carte.ref .visuel + div .title-2 {
    padding: 32px 0 19px;
    margin: 0;
    left: 0px;
    display: table
}

.inner .carte.ref .visuel + div .title-2 a {
    display: table-cell;
}

.carte.items .item {
    height: 122px;
    background: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.carte.items .item:last-child {
    margin-bottom: 0;
}

.carte.items .item .visuel {
    width: 65%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.carte.items .item:hover .visuel img, .mission-simulator .item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.carte.items .item .title {
    width: 32%;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0;
    font-family: 'robotoBold';
    font-size: 24px;
    padding-left: 25px;
}

.visuel img {
    height: 100% !important;
}

.carte.items .item .title a {
    display: block;
}

.carte.items .item .title a:hover {
    text-decoration: none;
}

.carte.items .item .title a span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.carte.items .item .title a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 16px;
    background: url('../images/triangle-right.png') no-repeat 0 0;
}

body.enfant .carte.items .item .title a, body.enfant .carte.simulator .title {
    color: #9dc02e;
}

body.personnelle .carte.items .item .title a, body.personnelle .carte.simulator .title {
    color: #1b378c;
}

body.entreprise .carte.items .item .title a, body.entreprise .carte.simulator .title {
    color: #23a0bf;
}

body.enseignant .carte.items .item .title a, body.enseignant .carte.simulator .title {
    color: #d9b341;
}

.carte.simulator .wrapper {
    padding: 29px 16px;
}

.carte.simulator .title {
    font-family: 'robotoBold';
    font-size: 36px;
    margin: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #b0bdc0;
}

.carte.simulator .sliders {
    padding: 30px 0 0;
}

.carte.simulator .slider-wrapper .vals {
    padding-bottom: 16px;
}

.carte.simulator .slider-wrapper .val {
    border: none;
    outline: none;
    font-family: 'robotoBold';
    font-size: 12px;
    color: #898e91;
    width: 100px;
    background: transparent;
}

.carte.simulator .slider {
    width: 90%;
    margin: 0 auto 30px;
    height: 3px;
    background: #a8adb0;
    border: none;
}

.carte.simulator .slider .ui-slider-range {
    background: #51c4d4;
    height: 100%;
    border: none;
}

.carte.simulator .slider .ui-state-default {
    position: relative;
    display: block;
    top: -18px;
    width: 29px;
    height: 29px;
    margin-left: -14px;
    background: #fff;
    outline: none;
    border-color: #f3f3f3;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    -ms-box-shadow: 0 2px 2px #ccc;
    -o-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
}

.recent-actus {
    position: relative;
    text-align: center;
    background: #fff;
    margin-top: 28px;
}

.shadow2 {
    position: absolute;
    left: 0;
    top: -26px;
    right: 0;
    bottom: 0;
    background: url(../images/pictos/shadow.png) no-repeat center center;
    background-size: 1165px 100%;
    height: 380px;
}

.recent-actus .container {
    max-width: 1128px;
    width: 100%;
    padding: 0;
    position: relative;
    top: -42px;
    background-color: #fff;
}

.recent-actus .container .inner {
    padding: 28px 0 0;
    background: #fff;
    position: relative;
    z-index: 1;
    min-height: 413px;
}

.recent-actus .carte {
    margin-bottom: 0;
    background-color: white
}

.recent-actus .carte {
    padding-left: 15px;
    padding-right: 15px;
}

/*.recent-actus .carte{padding-right:15px;}*/
.recent-actus .carte .wrapper {
    position: relative;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
    min-height: 350px;
}

.recent-actus .carte.ref .visuel {
    overflow: hidden;
}

.recent-actus .carte.ref .visuel a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.recent-actus .carte.ref .visuel + div {
    padding-left: 0;
    padding-right: 0;
}

.mission-simulator.container {
    max-width: 1129px;
    width: 100%;
    padding-top: 20px;
}

.mission-simulator .title {
    font-family: 'robotoBold';
    font-size: 36px;
    color: #0e72b6;
    margin: 0 0 27px;
    padding-bottom: 18px;
    border-bottom: 1px solid #b0bdc0;
}

.bloc-mission {
    padding: 30px 15px 30px 0;
}

.bloc-mission .title + p {
    font-size: 16px;
    color: #4d727b;
    margin: 27px 0 20px;
}

.bloc-mission .title-2 {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #0e72b6;
}

.mission-simulator .simulator {
    padding: 29px 0;
}

.mission-simulator .simulator .item {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1px #ddd;
    -moz-box-shadow: 0px 1px 1px #ddd;
    -ms-box-shadow: 0px 1px 1px #ddd;
    -o-box-shadow: 0px 1px 1px #ddd;
    box-shadow: 0px 1px 1px #ddd;
}

.mission-simulator .simulator .item * {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}

.mission-simulator .simulator .visuel {
    display: inline-block;
    vertical-align: middle;
    max-width: 394px;
    overflow: hidden;
    padding: 0;
}

.mission-simulator .simulator .title {
    display: inline-block;
    vertical-align: middle;
    border: none;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    font-family: 'robotoBold';
    font-size: 24px;
    padding: 0 0 0 11px;
}

.mission-simulator .simulator .title {
    text-align: center;
    margin-top: 6%;
}

.mission-simulator .simulator .item .title a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 16px;
    margin-left: 5px;
}

.mission-simulator .simulator .title a:hover {
    text-decoration: none;
}

body.entreprise .mission-simulator .simulator .title a {
    color: #23a0bf;
}

body.personnelle .mission-simulator .simulator .title a {
    color: #1b378c;
    width: 100%;
}

body.enfant .mission-simulator .simulator .title a {
    color: #9dc02e;
}

body.enseignant .mission-simulator .simulator .title a {
    color: #D9B442;
}

body.enseignant .mission-simulator .simulator .title a:after {
    background: url('../images/triangle-right-ens.png') no-repeat 0 0;
}

body.personnelle .mission-simulator .simulator .title a:after {
    background: url('../images/triangle-right-part.png') no-repeat 0 0;
}

body.enfant .mission-simulator .simulator .title a:after {
    background: url('../images/triangle-right-enf.png') no-repeat 0 0;
}

body.entreprise .mission-simulator .simulator .title a:after {
    background: url('../images/triangle-right.png') no-repeat 0 0;
}

/*  Listing  */
.item .summary {
    overflow: hidden;
}
.mainSlider h1{ padding: 0 10px;}

/*  Newsletter  */
.newsletter {
    display: none;
    height: 66px;
    background: #fff;
    border-bottom: 2px solid #dbdbdb;
}

.newsletter .title {
    height: 64px;
    line-height: 64px;
    background: #2980b9;
    margin: 0;
}

.newsletter span {
    display: block;
    font-family: 'robotoBold';
    font-size: 34px;
    color: #fff;
    float: left;
    margin-left: 12px;
}

.newsletter .title:before {
    content: '';
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url("../images/icon-newsletter.png") 0 center no-repeat;
    margin-top: 18px;
}

.newsletter p {
    color: #4d727b;
    font-size: 16px;
    padding: 0 27px;
    margin-top: 22px;
    line-height: 1;
}

.newsletter form {
    height: 100%;
}

.newsletter form:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.newsletter form .form-group {
    margin-top: 16px;
    width: 100%;
}

.newsletter form .form-group .email {
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    padding: 0 60px 0 14px;
    border: 1px solid #b0bdc0;
    float: left;
    width: 77%;
}

.newsletter form .form-group .btn {
    position: relative;
    left: -2px;
    height: 33px;
    line-height: 33px;
    padding: 0 24px;
    float: left;
    width: 23%;
}

#newsletter-message {
    position: absolute;
    left: 15px;
    top: 49px;
    text-align: left;
    font-family: arial;
    font-size: 11px;
}

/*  Glossary  */
.glossary > .title {
    font-family: 'robotoBold';
    font-size: 36px;
    color: #0e72b6;
    margin: 0;
    padding: 30px 0 18px;
    border-bottom: 1px solid #b0bdc0;
}

.glossary .search-by-keyword p {
    padding: 9px 30px 0 0;
}

.glossary .search-by-keyword form {
    position: relative;
    width: 78%;
}

.glossary .search-by-keyword form input {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
}

.glossary .search-by-keyword form input[type=text] {
    border: 1px solid #b0bdc0;
    width: 100%;
}

.glossary .search-by-keyword form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    color: #fff;
    background: #0e72b6;
    text-transform: uppercase;
    font-size: 16px;
}

.glossary .search-bloc {
    width: 50%;
    padding-right: 2%;
}

.glossary .glossary-titles ul {
    height: 95px;
    overflow: hidden;
}

.glossary .glossary-titles ul li {
    list-style: none;
}

.glossary .glossary-titles ul li a.title-A {
    display: block;
}

.glossary .glossary-titles ul li a {
    text-decoration: none;
    padding: 4px 0;
    display: none;
}

.glossary .glossary-titles ul li a.show {
    display: block;
}

.glossary .glossary-titles ul li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border: 1px solid #b0bdc0;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.glossary .glossary-titles ul li a:focus:before,
.glossary .glossary-titles ul li a:active:before {
    background: #b0bdc0;
}

.glossary .glossary-titles ul li a span {
    padding-left: 15px;
    width: 90%;
}

.glossary .glossary-keys span,
.glossary .glossary-keys a span {
    margin-right: 0.59em;
}

.glossary .glossary-keys .last {
    margin-right: 0;
}

.glossary .glossary-keys a:hover {
    text-decoration: none;
}

.glossary .result-bloc {
    width: 50%;
    padding-left: 2%;
}

.glossary .result-bloc .title {
    color: #0e72b6;
}

.glossary .result-bloc p {
    margin: 0;
    padding-bottom: 1.714em;
    font-size: 1.143em;
    color: #5d7d85;
}

.glossary .result-bloc .glossary-item {
    display: none;
    height: 240px;
    overflow: hidden;
}

.glossary .result-bloc .glossary-item:first-child {
    display: block;
}

/*  Simulateurs  */
.blockTitle {
    border-bottom: 1px solid #c6ced0;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
}

.blockTitle .left {
    float: left;
}

.simulateurs .title {
    margin-bottom: 0;
}

.simulateurs .row {
    margin: 0;
}

.simulateurs .form-control[disabled] {
    background-color: #fff;
}

.simulateurs .selector {
    margin: 26px 0;
    padding: 0 0 28px;
    border-bottom: 1px solid #c6ced0;
}

.simulateurs .selector p, .simulateurs form, .simulateurs .radio {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.simulateurs .selector p {
    padding: 0;
}

.simulateurs .selector form {
    padding: 0;
}

.simulateurs .selector a {
    color: #4d727b;
    font-size: 16px;
}

.simulateurs .selector a:hover, .simulateurs .selector a:active, .simulateurs .selector a.active, .simulateurs .selector a:focus {
    text-decoration: none;
    color: #0e72b6;
}

.simulateurs .selector a span {
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.simulateurs .selector a i {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 1px solid #b6c1c4;
    min-height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.simulateurs .selector a i:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.simulateurs .selector a:hover i, .simulateurs .selector a.active i {
    padding: 3px;
}

.simulateurs .selector a:hover i:before, .simulateurs .selector a.active i:before {
    background: #4d727b;
}

.simulateurs .group {
    background: #d7d7d7;
    padding: 24px 9px 8px;
    margin-bottom: 13px;
}

.simulateurs .group .head {
    font-weight: bold;
    margin-bottom: 26px;
}

.simulateurs .row-head {
    margin: 7px 0;
}

.simulateurs label {
    font-size: 16px;
    color: #4d727b;
    font-weight: normal;
}

.simulateurs .form-group {
    margin-bottom: 22px;
}

.simulateurs .result {
    padding: 10px 6px 15px;
}

.simulateurs .result label {
    font-weight: bold;
}

.simulateurs .result label.head {
    font-weight: normal;
}

.simulateurs .synthese .title {
    color: #105b63;
    background-color: #88adb1;
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
    padding: 21px 22px;
}

.simulateurs .synthese .wrapper {
    padding: 20px 32px;
    background-color: #105b63;
}

.simulateurs .synthese .notice {
    width: 84%;
    margin: 0 0 20px 11%;
    background-color: #f1e4a9;
    padding: 25px 43px;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

.simulateurs .synthese .notice:after {
    content: '';
    display: block;
    width: 48px;
    height: 50px;
    background: url('../images/bg-tooltip.png') no-repeat 0 0;
    position: absolute;
    bottom: -50px;
    left: 40px;
}

.simulateurs .synthese .notice p {
    font-style: italic;
    font-size: 18px;
    margin: 0;
    display: none;
}

.simulateurs .synthese .notice p.default {
    display: block;
}

.simulateurs .synthese .etat {
    padding-top: 16px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}

.simulateurs .synthese .etat img {
    display: none;
}

.simulateurs .synthese .etat img.neutre {
    display: block;
}

.simulateurs .synthese .etat + div {
    padding: 0;
}

.simulateurs .synthese .result {
    padding: 10px 0 0
}

.simulateurs .synthese .result label {
    font-weight: normal;
    color: #fff;
    padding-left: 0;
}

.simulateurs .synthese label.head {
    color: #fff;
}

.simulateurs .synthese .result .form-group {
    padding-right: 0;
}

.simulateurs .synthese .actions {
    border-top: 1px solid #88adb1;
    padding: 17px 0;
    margin-top: 15px;
}

.simulateurs .synthese .calendar label {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.simulateurs .synthese .calendar .form-control {
    z-index: 0;
}

.simulateurs .synthese .calendar .input-group-addon {
    border: none;
    border-radius: 0;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    cursor: pointer;
    display: block;
    width: 29px;
    height: 29px;
    background: url('../images/icon-calendar.png') no-repeat 0 0 transparent;
}

.simulateurs .synthese .btn-group {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 9px;
}

.simulateurs .synthese .btn-group .btn {
    display: block;
    width: 100%;
    float: none;
    color: #fff;
    background-color: #0e72b6;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.simulateurs .synthese .btn-group .btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.simulateurs .synthese .btn-group .btn.print:before {
    width: 25px;
    height: 23px;
    background: url('../images/icon-print.png') no-repeat 0 0 transparent;
}

.simulateurs .synthese .btn-group .btn.reset:before {
    width: 24px;
    height: 24px;
    background: url('../images/icon-reinit.png') no-repeat 0 0 transparent;
}

.simulateurs .synthese .btn-group span {
    display: block;
    color: #ccc;
    font-size: 12px;
    padding-top: 5px;
}

/*#si-impot-annuel, #credit-endettement, #credit-mentualite, #credit-cout-total, #se-capital-total { text-align: right; }*/
/* Centenu standard */
.wysiwyg {
    clear: both;
}

.wysiwyg .row {
    margin: 0px 0px 20px 0px;
}

.wysiwyg .row.head {
    border-bottom: 1px solid #b0bdc0;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.wysiwyg h1 {
    font-family: 'robotoBold';
    font-size: 36px;
    color: #0e72b6;
    position: relative;
    margin: 0;
}

.wysiwyg h2 {
    color: #0e72b6;
    font-family: 'robotoBold';
    font-size: 18px;
}

.wysiwyg h3 {
    font-size: 14px;
    font-family: 'robotoBold';
    font-weight: bold;
    color: #0e72b6;
}

.wysiwyg p.suppMarg {
    margin-bottom: 0 !important;
}

.wysiwyg ul {
    padding-left: 30px;
}

.wysiwyg ul li {
    list-style-type: disc;
    color: #4d727b;
}

.wysiwyg .addPaddLeft {
    padding-left: 3%;
}

.wysiwyg .addPaddRight {
    padding-right: 3%;
}

.wysiwyg .textInline {
    float: none;
    overflow: hidden;
}

.wysiwyg .files {
    padding: 15px 0;
}

.wysiwyg table {
    width: 100%;
    margin: 0 0 15px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -ms-box-shadow: 1px 1px 2px #ccc;
    -o-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
}

.wysiwyg table thead tr th, .wysiwyg table tr.thead td, .wysiwyg table tr td.thead {
    background-color: #0e72b6;
    color: #fff;
    font-size: 14px;
    font-family: 'arial';
    border-bottom: none;
    padding: 8px;
}

.wysiwyg table tbody tr td {
    color: #798b97;
    font-size: 14px;
    font-family: 'arial';
    padding: 3px 8px !important;
}

.wysiwyg table tbody tr td.cleanCell {
    line-height: normal !important;
}

.wysiwyg table tbody tr td p {
    margin: 0 !important;
}

.wysiwyg table tbody tr.pair td, .wysiwyg table tbody tr td.pair, .wysiwyg table tbody tr td {
    border: 1px solid;
    background-color: #fff;
}

.addthis_native_toolbox {
    padding-top: 10px;
}

/* Quiz page */
.page-node-take aside.sidebar,
.page-search aside.sidebar,
.page-contact aside.sidebar {
    display: none;
}

.page-node-take aside.sidebar + section.col-md-9,
.page-search aside.sidebar + section.col-md-9,
.page-contact aside.sidebar + section.col-md-9 {
    width: 100%;
    padding: 0;
}

/* Search page */
.page-search input[type=text].keyword {
}

.page-search input[type=submit] {
}

.page-search .result-item {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0 25px;
}

.page-search .result-item .title {
    margin: 0;
}

.page-search .result-item .title a {
    color: #0e72b6;
    font-family: 'robotoBold';
    font-size: 20px;
}

.page-search .result-item p {
    padding: 15px 0 0;
    margin: 0;
    clear: both;
}

/* Page Enfants et jeunes */
.enfant-jeune .edito {
    padding: 20px 15px 0 0;
}

.enfant-jeune .video {
    padding: 45px 30px;
    min-height: 387px;
    max-height: 387px;
    background: url('../images/bg-video.png') no-repeat 0 0 / 100%;
}

.enfant-jeune h2.title {
    margin-bottom: 22px;
}

.enfant-jeune .title span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
}

.enfant-jeune .jeux + .col-sm-6 {
    padding: 0;
}

.enfant-jeune .jeux .title:before, .enfant-jeune .comic .title:before, .enfant-jeune .savoir-plus .title:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.enfant-jeune .jeux .title:before {
    background: url('../images/icon-jeu.png') no-repeat center center #d4d600;
}

.enfant-jeune .comic .title:before {
    background: url('../images/icon-download.png') no-repeat center center #9dc02e;
}

.enfant-jeune .savoir-plus .title:before {
    background: url('../images/icon-info.png') no-repeat center center transparent;
}

.enfant-jeune .jeux {
    padding-left: 0;
}

.enfant-jeune .jeux .item {
    padding-bottom: 20px;
}

.enfant-jeune .jeux .item a {
    display: block;
}

.enfant-jeune .comic {
    padding-bottom: 20px;
    overflow: hidden;
}

.enfant-jeune .comic .item {
    padding-left: 0;
    padding-bottom: 8px;
}

.enfant-jeune .savoir-plus .item {
    padding: 22px 0;
    margin: 0;
    border-top: 1px solid #c6ced0;
}

.enfant-jeune .savoir-plus .item:last-child {
    border-bottom: 1px solid #c6ced0;
}

.enfant-jeune .savoir-plus .item a {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    font-family: arial;
    font-weight: normal;
    font-size: 18px;
    color: #4d727b;
}

.enfant-jeune .savoir-plus .item a:before {
    content: '';
    display: block;
    width: 9px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('../images/arrow-right.png') no-repeat 0 0;
}

.enfant-jeune a:hover {
    text-decoration: none;
    color: #9dc02e !important;
}

/* Jeu Ultimatum */
.jeuUlimatumBody .head .title {
    color: #9dc02e;
    padding-top: 10px;
}

.jeuUlimatumBody .status {
    position: relative;
    background: url('../images/bg-timer.png') no-repeat 0 0;
    margin: 32px 0;
    padding: 65px 0 0;
}

.jeuUlimatumBody .status .score {
    position: absolute;
    right: 0;
    top: -18px;
    color: #9dc02e;
    font-size: 16px;
}

.jeuUlimatumBody .status .score p {
    position: relative;
    color: #9dc02e;
    font-size: 60px;
    font-family: 'robotoBold';
    line-height: 46px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.jeuUlimatumBody .status .score p sup {
    top: -.65em;
    font-size: 35px;
}

/* Memogry game */
.node-type-jeu .head .title {
    color: #9dc02e;
}

.node-type-jeu .status {
    position: relative;
    background: url('../images/bg-timer.png') no-repeat 0 0;
    margin: 32px 0;
    padding: 65px 0 0;
}

.node-type-jeu .status .score {
    position: absolute;
    right: 0;
    top: -18px;
    color: #9dc02e;
    font-size: 16px;
}

.node-type-jeu .status .score p {
    position: relative;
    color: #9dc02e;
    font-size: 60px;
    font-family: 'robotoBold';
    line-height: 46px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.node-type-jeu .status .score p sup {
    top: -.65em;
    font-size: 35px;
}

.memory-puzzle {
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-color: #fff;
    padding: 13px;
}

.memory-puzzle .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    height: auto;
    margin: 13px;
    cursor: pointer;
    transform: rotateY(180deg);
    transition: all .4s ease 0s;
}

.memory-puzzle .item.active {
    transform: rotateY(0deg);
}

.memory-puzzle .item.active:before {
    z-index: -1;
}

.memory-puzzle .item.matched {
    cursor: not-allowed;
}

.memory-puzzle .item span {
    display: block;
    height: 100%;
    background-color: #ddd;
}

.memory-puzzle .item span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.memory-puzzle .item span img {
    display: inline-block;
}

.memory-puzzle .item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #db9e36;
}

.memory-puzzle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.memory-puzzle.disabled:after {
    z-index: 1;
}

.game-wrapper {
    position: relative;
}

.popup, .popup_ultim {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.popup.hide, .popup_ultim.hide {
    top: -100%;
}

.popup:after, .popup_ultim:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.popup-content, .popup_ultim .popup-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.popup-content a:hover {
    color: #0e72b6 !important;
    text-decoration: underline;
}

.popup-content.hide, .popup_ultim.popup-content.hide {
    display: none;
}

.popup-content .title, .popup_ultim .popup-content .title {
    color: #fff;
    font-family: robotolight;
    font-size: 36px;
    text-transform: uppercase;
}

.popup-content p, .popup_ultim .popup-content p {
    color: #fff;
    font-family: robotolight;
    font-size: 22px;
}

.popup-content .btn.hide, .popup_ultim .popup-content .btn.hide {
    display: none;
}

/* Progress bar */
.progress {
    height: 16px;
    background-color: #c6ced0;
}

.progress-bar {
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 14px;
    background-color: #0E72B6;
}

/* FOOTER */
#block-menu-block-mid-footer-menu {
    display: none;
}

#block-menu-menu-wet-footer {
    padding-top: 35px;
    float: left;
    z-index: 10;
}

#block-menu-menu-wet-footer li {
    display: block;
    vertical-align: middle;
    padding: 0;
    float: left;
}

#block-menu-menu-wet-footer li.first > a {
    padding-left: 0;
}

#block-menu-menu-wet-footer li > a {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 14px 0px 0px;
}

#block-menu-menu-wet-footer li:after {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    color: #0e72b6;
    margin-right: 14px;
}

#block-menu-menu-wet-footer li.last {
    height: auto !important;
    line-height: 20px !important;
}

#block-menu-menu-wet-footer li.last a {
    line-height: 0 !important;
}

#block-menu-menu-wet-footer li.last:after {
    content: '';
}

.block-on-the-web .on-the-web:first-child {
    padding-left: 0;
}

.tilteNewletter {
    display: none;
}

#block-menu-block-mid-footer-menu h2 {
    display: none;
}

#block-menu-block-mid-footer-menu .nav > li {
    display: inline-block;
}

#block-menu-block-mid-footer-menu .nav > li.first {
    padding-left: 0;
}

.simplenews-subscribe label {
    display: none;
}

.icon-newsletter {
    background: url("../images/icon-newsletter.png") 25px center no-repeat #2980b9;
}

.simplenews-subscribe div.form-item-mail {
    float: left;
    width: 80%;
}

.simplenews-subscribe button {
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #c5de9e;
}

.simplenews-subscribe .form-control {
    border-radius: 0;
    border-right: 0;
}

.shadow-box {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.shadow-box2 {
    -webkit-border-radius: 0 306px/0 2px;
    -moz-border-radius: 0 306px/0 2px;
    border-radius: 0 306px/0 2px;
    -webkit-box-shadow: 0 0 8px #d8d5d5;
    -moz-box-shadow: 0 0 8px #d8d5d5;
    box-shadow: 0 0 8px #d8d5d5;
}

#block-on-the-web-0 {
    padding-top: 25px;
    float: right;
}
.social-media{
    width: 100%; 
    text-align:right;
}
@media screen and (max-width:780px){
    .region.region-social-media{
        margin:0 auto;
    }
    .social-media{
        display: flex;
        margin-bottom:10px;
    }

}
#social-media #block-on-the-web-0 {
    padding-top:0;
}
#social-media .block.block-on-the-web .on-the-web{
    width:2.5em;
}
.block.block-on-the-web {
    padding-top: 20px;
}

.block.block-menu-block {
    display: inline-block;
    padding-top: 20px;
}

.block.block-on-the-web .block-title {
    display: inline-block;
    color: #5d7d85;
    padding: 10px 10px 0 0;
    margin: 0;
    vertical-align: top;
    font-size: 16px;
}

.block.block-on-the-web .on-the-web {
    display: inline-block;
    padding-right: 10px;
}

.breadcrumb a {
    color: #3d3d3d;
}

.breadcrumb > li + li:before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3d3d3d;
    font-size: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.pane-page-title {
    color: #0e72b6;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
}

#wb-sec .nav > li {
    border-top: 1px solid #d5d5d5;
    color: #0e72b6
}

#wb-sec .nav > li.first {
    border-top: 0
}

#wb-sec .nav > li a {
    font-size: 18px;
    font-family: 'Open Sans'
}

#wb-sec .nav > li.active {
    background-color: #f1f1f1;
}

#wb-sec .nav > li.active a {
    color: #3d3d3d;
    font-weight: bold;
}

.dropdown-menu {
    border-radius: 0;
    border-color: #37646f;
    border-top: 0;
}

.vtheque-line.views-row-first {
    width: 70%;
    padding-left: 6px;
    background-color: #D8D5D5;
}

.vtheque-line.views-row-first video, .vtheque-line.views-row-first iframe {
    height: 459px !important;
}

.vtheque-line .content {
    background: #D8D5D5;
    margin-right: 3px;
}

.vtheque-line .file {
    background: #D8D5D5;
}

.vtheque-line.views-row-first .media-youtube-video {
    height: 460px;
    margin-right: 5px;
    background-color: #D8D5D5;
}

.vtheque-line {
    float: left;
    width: 30%;
}

.vtheque-line.views-row-last {
    padding-bottom: 5px;
    background-color: #D8D5D5;
}

#block-system-main .media-youtube-video {
    min-height: 500px;
    height: 500px;
}

.home-highlighted {
    margin-top: -64px;
}

.bg-cadre-left {
    background: url("../images/bg-cadre-left.png") 0 0 no-repeat transparent;
    padding-left: 20px;
}

.bg-cadre-right {
    background: url("../images/bg-cadre-right.png") right 0 no-repeat transparent;
    padding-right: 20px;
}

.home-highlighted .block-bean {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.home-highlighted .block-bean p {
    color: #4d727b;
}

.home-highlighted .block-bean p a {
    background-color: #e23764;
    padding: 10px 15px;
    color: #fff;
}

.btn-default {
    background: #0e72b6;
    border: 0;
    border-radius: 0;
    color: #fff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #1185d4;
}

.btn-info {
    border: 0;
    border-radius: 0;
}

.form-control {
    border-radius: 0;
}

/*--- slider custom ---*/
body.node-type-poll .slick-arrow {
    background: url(../images/arowsprite-perso.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

body.personnelle #block-views-quiz-slider-block .slick-arrow {
    background: url(../images/arowsprite-perso.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

body.enseignant #block-views-quiz-slider-block .slick-arrow {
    background: url(../images/arowsprite-ens.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

body.enfant #block-views-quiz-slider-block .slick-arrow {
    background: url(../images/arowsprite-enfant.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

body.entreprise #block-views-quiz-slider-block .slick-arrow {
    background: url(../images/arowsprite-entre.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

body.personnelle #block-views-quiz-slider-block .slick-arrow.slick-next, body.enseignant #block-views-quiz-slider-block .slick-arrow.slick-next, body.enfant #block-views-quiz-slider-block .slick-arrow.slick-next, body.entreprise #block-views-quiz-slider-block .slick-arrow.slick-next, body.node-type-poll .slick-arrow.slick-next {
    background-position: 0 -40px;
    right: 0;
    display: inline-block !important;
}

.listing-empty {
    padding-top: 15px;
    text-align: center;
}

.slick-arrow.slick-next {
    display: none !important;
}

body.personnelle #block-views-quiz-slider-block .slick-arrow.slick-prev, body.enseignant #block-views-quiz-slider-block .slick-arrow.slick-prev, body.enfant #block-views-quiz-slider-block .slick-arrow.slick-prev, body.personnelle #block-views-quiz-slider-block .slick-arrow.slick-prev, body.node-type-poll .slick-arrow.slick-prev {
    left: 0;
    display: inline-block !important;
}

.slick-arrow.slick-prev {
    display: none !important;
}

/*.bgwhite .content*/
/*--- block quiz page quiz  ---*/
.carte.quizpage {
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
}

.quizpage .wrapper {
    overflow: visible;
    padding: 50px 24px 20px;
}

.quizpage .title::after {
    background: transparent url("../images/bg-quiz.png") no-repeat scroll 0 0;
    height: 119px;
    right: -4px;
    top: -63px;
    width: 133px;
}

.quizpage .question {
    padding: 15px 0;
}

.quizpage .title {
    border-bottom: 1px solid #b0bdc0;
    color: #0e72b6;
    font-family: "robotoBold";
    font-size: 36px;
    margin: 0;
    padding-bottom: 15px;
}

.personnelle .quizpage .title {
    color: #1b378c;
}

.carte.reference .wrapper,
.carte.quizpage .wrapper {
    background: none;
    box-shadow: none;
    margin-top: 25px;
}

.quizpage .region .owl-wrapper {
    width: 100% !important;
}

#page-header {
    margin: auto;
}

#quiz_progress, #edit-back, #quiz-question-answering-form div em {
    display: none;
}

/** quiz block slider **/
.view-quiz-slider {
    background: #fff;
    height: 406px;
    padding: 13px 13px 0;
}

.view-quiz-slider .slick-list {
    margin: 0 60px;
}

.header_view h2 {
    color: #23a0bf;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.slick-slide {
    outline: none;
}

.slick-slide .quiz-content {
    color: #5e7e86;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    word-spacing: 8px;
    margin-bottom: 21px;
}

.slick-slide .quiz-content p {
    margin: 0;
    margin-bottom: 20px;
    margin-right: 12px;
}

.slick-slide h3 {
    color: #2980b9;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    word-spacing: 8px;
    margin-bottom: 24px;
}

.slick-slide .edit-submit {
    background-color: #23a0bf;
    color: #fff;
    padding: 2px 16px;
    line-height: 34px;
    position: absolute;
    bottom: 8px;
    left: 0;
}

.last-quiz h2 {
    color: #23a0bf;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: "robotoBold";
    padding-top: 35px;
}

body.enseignant .last-quiz h2 {
    color: #D9B341;
}

body.personnelle .last-quiz h2 {
    color: #0F72B6;
}

body.enfant .last-quiz h2 {
    color: #9DC02E;
}

.last-poll h2 {
    color: #9DC02E;
}

body.enfant #block-views-quiz-last-block .quiz-content p {
    color: #9DC02E;
}

body.personnelle #block-views-quiz-last-block .quiz-content p {
    color: #0F72B6;
}

body.enseignant #block-views-quiz-last-block .quiz-content p {
    color: #D9B341;
}

.fa.fa-star, .fa.fa-star-half-o {
    color: #db9e36;
    font-size: 31px;
    font-weight: bold;
    padding-top: 59px;
}

.fa.fa-star.empty {
    color: #DAD6C7;
}

#block-views-quiz-last-block {
    padding: 25px 22px 0 0;
}

#block-views-quiz-last-block .owl-wrapper, #block-views-quiz-last-block .owl-wrapper .owl-item {
    width: 100% !important;
}

#block-views-quiz-last-block .quiz-content {
    font-weight: normal;
    font-size: 20px;
}

#block-views-quiz-last-block .quiz-content p {
    color: #23a0bf;
}

.quizpage .field-item p {
    color: #37646f;
    font-size: 20px;
    margin: 10px 12px 0;
    width: 100%;
}

.table-responsive {
    display: block;
    font-size: 20px;
    margin: 2px 12px 0;
    width: 100%;
}

.bgwhite {
    background: #fff;
    position: relative;
}

.bgwhite .shadow2 {
    background-size: 1205px 100%;
}

.bgwhite .content {
    background: #fff;
    position: relative;
    top: -40px;
    padding: 19px 15px 12px 39px;
}

#block-system-main .owl-item {
    width: 100% !important;
}

#block-system-main i {
    margin: 23px 1px;
}

#block-system-main #quiz_score_possible {
    margin: 2px;
    font-weight: bold;
    color: #23a0bf;
    font-size: 130px;
    display: inline-block;
    float: right;
}

#block-system-main .addthis_native_toolbox {
    display: block;
}

#block-system-main .addthis_native_toolbox .addthis_pill_style {
    vertical-align: middle;
}

.QuizScore a img {
    margin-right: 3px;
    width: 30%;
}

.QuizScore {
    position: absolute;
    bottom: 15px;
    left: 22px;
    width: 100%;
}

.carte {
    min-height: 360px;
    padding-right: 0;
}

body.personnelle .mainSlider .slick-list .carte .btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

body.enfant .mainSlider .slick-list .carte .btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

body.entreprise .mainSlider .slick-list .carte .btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

body.enseignant .mainSlider .slick-list .carte .btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

/*--- costum main slider ---*/
.slick-dots {
    list-style: none;
    margin: 0;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    margin-right: 11px;
}

.slick-dots li button {
    display: inline-block;
    border: 0;
    background: #b5b5b5;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    border-radius: 50%;
    padding: 0;
    outline: none;
}

body.personnelle .slick-dots .slick-active button {
    background: #0e72b6;
}

body.enfant .slick-dots .slick-active button {
    background: #9DC02E;
}

body.entreprise .slick-dots .slick-active button {
    background: #23A0C0;
}

body.enseignant .slick-dots .slick-active button {
    background: #D8B341;
}

/*--- Quiz Result ---*/
.quizeContent #quiz-report-form h2 {
    color: #23a0bf;
    font-size: 17px;
    text-align: center;
    text-transform: lowercase;
    padding-bottom: 13px;
    background: url(../images/pictos/downArrow.png) no-repeat center bottom;
}

#iconValidWrong span {
    float: left;
}

#iconValidWrong p {
    float: left;
}

.quiz-report .table-responsive {
    display: none;
}

.iconValidWrong {
    float: left;
    margin-right: 14px;
}

.multichoice-icon.unknown {
    background-position: -107px 0px !important;
}

.multichoice-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url("../images/iconsOK.png") no-repeat scroll 0% 0%;
}

div.quiz-report .dt {
    background: #eee;
    border-top: solid 1px #23A0C3;
    padding: 8px 5px;
    overflow: hidden;
}

div.quiz-report .dd {
    margin: 0;
}

.Quiz-voir-reponses {
    border: 1px solid #23A0C3;
    overflow: hidden;
    padding: 12px;
}

div.quiz-report .dt {
    background: none;
}

.multichoice-icon.should {
    background-position: -73px 0;
}

.budget.slick-slide.slick-current.slick-active {
    width: 100% !important;
}

body.entreprise .quizpage .title {
    color: #23A0BF !important;
}

body.enseignant .quizpage .title {
    color: #D9B341 !important;
}

body.personnelle .quizpage .title {
    color: #0F72B6 !important;
}

body.enfant .quizpage .title {
    color: #9DC02E !important;
}

body.enfant .block-quiz .title {
    color: #9DC02E !important;
}

.icon.glyphicon.glyphicon-question-sign {
    display: none;
}

.region.region-help.alert.alert-info.messages.info {
    display: none;
}

/*  Listing actualites*/
.listing-actus a#listing-detail {
    float: right;
}

.listin-image {
    float: left;
    width: 26%;
    margin-top: 8px;
}

.listin-body-noImg {
    float: left;
    width: 100%;
}

.listin-body {
    float: left;
    width: 74%;
    padding-left: 18px;
}

.listin-image img {
    width: 100%;
    height: 140px !important;
}

.listin-body-left h3, .listin-body-left h2 {
    font-size: 15px;
    color: #0e72b6;
    font-weight: bold;
    margin: 13px 0;
}

.listin-body-left p {
    color: #5c7c85;
    line-height: 1.2;
    margin-bottom: 5px;
}

.listin-lien-right {
    float: right;
}

.listin-lien-right #listing-detail {
    background: url('../images/detail-img.png') no-repeat 0 0;
    background-position: left;
    padding-left: 25px;
}

.actualites-title {
    color: #0E72B6;
    border-bottom: 1px solid #B0BDC0;
    padding-bottom: 6px;
    margin-bottom: 0;
    padding-bottom: 15px;
    font-family: 'robotoBold';
    font-size: 36px;
}

.listing-formation .actualites-title {
    position: absolute;
    right: 0;
    top: 0;
    left: 9px;
    width: 99.2%;
}

/* Listing evenements  */
.listin-actualites-body-event { /*width: 100%*/;
    border-bottom: 1px solid #B0BDC0;
    overflow: hidden;
    padding: 23px 0;
    position: relative;
}

.listin-body-Top {
    overflow: hidden;
    margin-bottom: 13px;
    padding-top: 8px;
}

.listin-body-Top-mobile {
    overflow: hidden;
}

.listin-body-Top h1 {
    font-size: 13pt;
    color: #0e72b6;
    font-weight: bold;
    float: left;
    padding-top: 7px;
}

.listin-body-Top span {
    float: right;
    color: white;
    text-align: center;
    background: #9DC02E no-repeat 12px center;
    padding: 7px 10px 7px;
    font-weight: bold;
}

.listin-body-Top span.hasnticon {
    background-image: none;
    padding: 7px 0 7px 9px;
}

.listin-body-Top-mobile h1 {
    font-size: 15px;
    color: #0e72b6;
    font-weight: bold;
}

.listin-body-Top-mobile span {
    float: left;
    color: white;
    text-align: center;
    background: #9DC02E 12px center;
    padding: 7px 10px 7px;
    font-weight: bold;
}

.listin-body-Top-mobile span.hasnticon {
    background-image: none;
    padding: 7px 0 7px 9px;
}

#listing-localisation {
    color: #0E72B6;
    background: url('../images/localisation.png') no-repeat 0 0;
    background-position: left;
    padding-left: 20px;
}

#listing-download {
    background: url('../images/download.png') no-repeat 0 0;
    background-position: left;
    padding-left: 20px;
}

#listing-detail {
    background: url('../images/detail-img.png') no-repeat 0 0;
    background-position: left;
    padding-left: 25px;
}

.evenement-section .form-type-select.form-item-tid.form-item.form-group:before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #4d727b;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.evenement-section .form-type-select.form-item-tid.form-item.form-group:after {
    content: '';
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 13px;
    top: 16px;
    z-index: 0;
    pointer-events: none;
}

.evenement-section .views-widget .form-type-select {
    position: relative;
    z-index: 10;
}

.publications-section .form-type-select.form-item-tid.form-item.form-group:before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: #4d727b;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}

.publications-section .form-type-select.form-item-tid.form-item.form-group:after {
    content: '';
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 13px;
    top: 16px;
    z-index: 0;
    pointer-events: none;
}

.publications-section .views-widget .form-type-select {
    position: relative;
    z-index: 10;
}

.evenement-section select, input {
    -webkit-appearance: none;
}

/* Listing formations  */
.listin-formation-body {
    width: 100%;
    min-height: 162px;
    border-bottom: 1px solid #B0BDC0;
    margin-bottom: 25px;
    padding-top: 6px;
}

.listin-lien-right-formation {
    float: right;
}

/*  Pagination   */
.text-center {
    text-align: right;
}

.pagination li a {
    color: #666666;
}

.pagination .next {
    display: none;
}

.pagination .prev {
    display: none;
}

.pagination .active span {
    background-color: white;
    border: 1px solid #428bca;
    color: black;
}

.pagination > li:first-child > span {
    border-radius: 0px 0px 0px 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px 0px 0px 0px;
}

.input-group .input-group-btn .btn.btn-primary {
    padding: 8px 14px 8px 14px;
}

body.entreprise .banner .carte .btn {
    position: absolute;
    left: 22px;
    bottom: 14px;
}

body.enseignant .banner .carte .btn {
    position: absolute;
    left: 22px;
    bottom: 14px;
}

body.enfant .banner .carte .btn {
    position: absolute;
    left: 22px;
    bottom: 14px;
}

body.personnelle .banner .carte .btn {
    position: absolute;
    left: 22px;
    bottom: 14px;
}

body.enfant .banner .carte .quiz-take, body.entreprise .banner .carte .quiz-take, body.enseignant .banner .carte .quiz-take, body.personnelle .banner .carte .quiz-take {
    position: absolute;
    left: 0px !important;
    bottom: 14px;
}

.media-youtube-video.media-youtube-1 {
    background-color: #D8D5D5;
}

.media-youtube-video.media-youtube-2 {
    background-color: #D8D5D5;
}

.media-youtube-video.media-youtube-3 {
    background-color: #D8D5D5;
}

.media-youtube-video.media-youtube-4 {
    background-color: #D8D5D5;
}

.file.file-video.file-video-youtube {
    background-color: #D8D5D5;
    width: 100%;
}

.slick-initialized .slick-slide {
    margin: 0px 0px 10px 0px;
    min-height: 355px;
    position: relative;
}

.main-container {
    margin-top: 15px !important;
}

body.entreprise .main-container, body.enseignant .main-container, body.enfant .main-container, body.personnelle .main-container {
    padding: 0 10px !important;
}

/* Formation Rechercher */
#edit-keys-wrapper {
    float: none;
}

#edit-tid-wrapper, #edit-tid-1-wrapper {
    width: 42%;
}

#edit-submit-formation {
    margin-top: 3px;
    color: transparent;
    background: #2980b9 url('../images/search2.png') center center no-repeat;
    border-radius: 3px;
    width: 100%;
    height: 34px;
}

.views-exposed-widget.views-submit-button {
    width: 15%;
}

.section-formation #edit-combine-wrapper {
    width: 100%;
}

/* Publication Page*/
.publications-section {
    position: relative;
}

.publications-section .view-filters {
    width: 26%;
    float: left;
    border: 1px solid #E1DFDF;
    padding: 0px 0px 0px 15px;
    background: white;
    margin-right: 20px;
}

.publications-section .view-content { /*width: 72%;*/
    float: left;
}

.publications-section #edit-keys-wrapper {
    color: #0E72B6;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: normal;
}

.views-exposed-form label {
    font-weight: normal;
    color: #5c7c85;
    float: left;
    margin-right: 5px;
}

.publications-section #edit-tid-wrapper {
    width: 100%;
    position: relative;
    z-index: 10;
}

.publications-section #edit-submit-publications, .publications-section #edit-submit-evenement {
    margin-top: 0px;
    width: 100%;
    color: transparent;
    background: #0e72b6 url('../images/search2.png') center center no-repeat;
    border-radius: 0px;
    height: 50px;
}

.publications-section #edit-submit-espace-presse, .publications-section #edit-submit-evenement {
    margin-top: 0px;
    width: 100%;
    color: transparent;
    background: #0e72b6 url('../images/search2.png') center center no-repeat;
    border-radius: 0px;
    height: 50px;
}

.publications-section .views-exposed-widget {
    width: 100%;
}

.publications-section #edit-date-filter-min, .publications-section #edit-date-filter-max, .publications-section #edit-date-filter-1-min, .publications-section #edit-date-filter-1-max {
    margin-bottom: 5px;
    width: 88%;
}

.publications-section .form-control.form-text {
    width: 100%;
}

#edit-date-filter-min-datepicker-popup-0, #edit-date-filter-max-datepicker-popup-0, #edit-date-filter-1-min-datepicker-popup-0, #edit-date-filter-1-max-datepicker-popup-0 {
    background: url('../images/calendrier.png') no-repeat;
    background-position: 98% 50%;
}

/** Calendrier **/
.ui-datepicker {
    width: auto !important;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.ui-datepicker-inline {
    border: 1px solid #d3d3d5;
}

.views-exposed-form .container-inline-date .date-padding {
    width: 100%;
}

.publications-section .ui-datepicker {
    display: block;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 25px;
}

.publications-section .ui-datepicker-title {
    border: none;
    background: #0e72b6;
    color: white;
}

.publications-section .ui-datepicker .ui-datepicker-header {
    background: #0e72b6;
    border-radius: 0px;
    height: 40px;
}

.publications-section .ui-datepicker-month, .publications-section .ui-datepicker-year {
    border: none;
    background: #0e72b6;
    color: white;
}

.publications-section .ui-datepicker-calendar thead tr {
    background: #E3E3E3;
    color: #646464;
}

.publications-section .ui-datepicker-calendar tbody tr td {
    background: white;
    color: #646464;
}

.publications-section .form-type-textfield .form-item-date-filter-1-min-date .form-item .form-group {
    width: 100%;
}

.ui-widget-header {
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: white;
    color: #5A5C5C;
    border: 1px solid #EFEFEF;
    font-weight: bold;
    padding: 4.5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #DBDBDB;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #D9D9D9;
    background: #E3E0E0 !important;
}

.publications-section .form-type-date-popup .form-item-date-filter-min .form-item .form-group {
    width: 100%;
}

.listin-lien-right-event {
    font-size: 12px;
    font-weight: bold;
    width: 100%;;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.listin-lien-right-event > * {
    height: 19px;
    padding-top: 3px;
    display: inline-block;
    margin-right: 20px;
}

.publications-section .form-group {
    width: 100%;
    margin-top: 5px;
}

.siteMapContact {
    display: inline;
}

.ui-datepicker td {
    padding: 0px;
}

.ui-datepicker table {
    margin: 0px;
}

.ui-datepicker select.ui-datepicker-month {
    text-transform: uppercase;
}

#edit-date-filter-max-wrapper {
    margin-top: 11px;
}

.ui-widget-header .ui-icon {
    background: none;
}

.ui-icon, .ui-widget-content .ui-icon {
    background: none;
}

.ui-datepicker-prev {
    background: url('../images/flech-calendrier-left.png') center center no-repeat;
}

.ui-datepicker-next {
    background: url('../images/flech-calendrier-right.png') center center no-repeat;
}

.ui-datepicker-prev:hover {
    background: url('../images/flech-calendrier-left.png') center center no-repeat;
    border: none;
    cursor: pointer;
}

.ui-datepicker-next:hover {
    background: url('../images/flech-calendrier-right.png') center center no-repeat;
    border: none;
    cursor: pointer;
}

/***/
.evenement-section .views-submit-button {
    padding: 15px 14px 10px 0;
}

.evenement-section .views-widget input[type="text"] {
    border: 1px solid #b0bdc0;
}

.evenement-section .views-widget .form-type-date-popup label {
    margin: 11px 4px 0 0;
}

#actInt {
    margin-top: -18px;
}

/** Page 404**/
.page-404-design .wysiwyg .row.head {
    display: none;
}

.page-404-design .wysiwyg {
    font-size: 17px;
}

/** Page Mediatheque **/
.mediatheque-content-right {
    float: left;
    width: 60%;
    margin-right: 1%;
    margin-top: 32px;
}

.mediatheque-content-right .Mediatheque-image, .mediatheque-content-right .Mediatheque-image-ajax {
    max-width: 748px;
    max-height: 454px;
}

.mediatheque-content-right .Mediatheque-data-video video, .mediatheque-content-right .Mediatheque-data-video iframe {
    max-height: 454px;
    width: 100%;
    background: #414141;
}

.mediatheque-video-mini {
    height: 120.328px !important;
    width: 145px;
    background: #414141;
}

.Mediatheque-image-ajax audio {
    height: 454px;
    width: 100%;
    background: #414141 url('../images/icon-media-audio.png') center center no-repeat;
}

.Mediatheque-image-ajax video, .Mediatheque-image-ajax iframe {
    height: 454px;
    width: 100%;
    background: #414141;
}

.mediatheque-content-right .Mediatheque-image img, .mediatheque-content-right .Mediatheque-image-ajax img {
    max-height: 454px;
    width: 100%;
}

.page-mediatheque .Mediatheque-data-mp3 audio {
    max-height: 454px;
    width: 100%;
}

.mediatheque-content-right .div-media-top {
    overflow: hidden;
    padding: 10px 0 0 0;
}

.div-media-top .title-media {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #0E72C2;
}

.div-media-top .date-media {
    float: right;
    font-size: 14px;
    color: #0E72C2;
}

.body-mediatheque p {
    font-size: 15px;
}

.body-mediatheque .result-bloc .glossary-item {
    height: auto;
    overflow: hidden;
}

.mediatheque-section {
    float: left;
    width: 39%;
}

.mediatheque-section .listing-actualites .listing-empty {
    margin-top: 40px;
}

.page-mediatheque #edit-keys-wrapper {
    width: 47%;
    float: left;
}

.page-mediatheque div#edit-tid-wrapper {
    width: 45%;
    float: left;
}

.page-mediatheque .views-exposed-form .views-exposed-widget .form-submit {
    padding: 7px;
    margin-top: 0px;
}

.page-mediatheque .views-exposed-form label {
    display: none;
}

.page-mediatheque #edit-submit-mediatheque {
    margin-top: 3px;
    color: transparent;
    background: #2980b9 url('../images/search2.png') center center no-repeat;
    border-radius: 3px;
    width: 100%;
    height: 34px;
}

.page-mediatheque .mediatheque-data-image img, .page-mediatheque .mediatheque-data-mp3 img {
    height: 100px !important;
    width: 100% x;
    position: relative;
    z-index: -1;
}

.page-mediatheque {
    padding-top: 75px;
}

.page-mediatheque #edit-combine-wrapper {
    width: 40%;
}

.page-mediatheque .mediatheque-data-image {
    float: left;
    width: 30%;
    cursor: pointer;
}

.page-mediatheque .mediatheque-data-video {
    float: left;
    width: 30%;
}

.page-mediatheque .mediatheque-data-mp3 {
    float: left;
    width: 30%;
}

.page-mediatheque .mediatheque-data-body {
    float: left;
    width: 60%;
    padding: 11px 0px 0px 13px
}

.page-mediatheque .mediatheque-data-body .mediatitle {
    padding-right: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #0E72C2;
    margin-right: 5px;
}

.page-mediatheque .listin-mediatheque {
    border: 1px solid #CCCCCC;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
}

.mediatheque_container .actualites-title {
    padding-bottom: 4px;
}

.iconMediaImg, .iconMediaShare {
    color: #2980B9;
    font-size: 20px;
}

.iconMediaShare {
    cursor: pointer;
}

.socialMedia {
    float: right;
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: none;
}

.page-mediatheque .view-mediatheque .view-filters {
    position: absolute;
    right: 0;
    top: 53px;
    left: 9px;
    width: 99.2%;
}

.page-mediatheque .actualites-title {
    margin-bottom: 65px;
    margin-bottom: 65px;
    position: absolute;
    right: 0;
    top: -4px;
    left: 15px;
    width: 97.5%;
}

.view-content video, .media-youtube-video iframe {
    background: #D8D5D5;
    height: 149px !important;
    width: 100%;
}

.addthis_native_toolbox .view-content iframe {
    height: 20px !important;
}

.page-mediatheque .view-content video, .page-mediatheque .view-content iframe {
    background: #D8D5D5;
    height: 100px !important;
    width: 100%;
    border: 1px solid #D8D5D5;
}

.mediatheque-icon {
    width: 15%;
    position: absolute;
    right: 0px;
    top: 8px;
    border-left: 1px solid #CCCCCC;
    padding-left: 8px;
}

.mediatheque-titre {
    width: 87%;
}

.audioNotdisplayed {
    display: none
}

.listing-mediatheque {
    margin-top: 32px;
}

.right.addthis_native_toolbox.evenement-share {
    padding-top: 10px;
    position: absolute;
    right: 0;
}

.videoBorder, .mediatheque-data-video a {
    color: transparent;
}

/*---- Menu Mobile ----*/
.navbar-toggle {
    float: left;
    margin-right: 0;
    margin-left: 42px;
    padding: 0;
    clear: both;
}

.navbar-toggle .icon-bar {
    width: 25px;
    height: 6px;
    background-color: #00afec;
}

.navbar-collapse.collapse {
    clear: both;
    width: 100%;
}

/***/
#edit-date-filter-value-datepicker-popup-0-wrapper > div {
    display: none;
}

/* Override default IOS select Style */
/*select, input {-webkit-appearance: none;}*/
.locale-untranslated {
    text-decoration: none;
}

/* Details */
.listin-detail-actualites {
    overflow: hidden;
    margin-bottom: 5px;
}

.actualite-details {
    overflow: hidden;
    margin-bottom: 25px;
}

.listin-image-detail {
    float: left;
    width: 31%;
    margin: 0px 13px 12px 0px;
}

.actualite-details h3 {
    font-size: 15px;
    color: #0e72b6;
    font-weight: bold;
}

/*.listin-image-detail img{width: 100%;height:265px !important; }*/
.listin-body-detail {
    float: left;
    width: 100%;
    padding-left: 18px;
}

.spanNoColor, .listin-body-left p span {
    color: #5c7c85 !important;
    font-weight: normal;
}

.listin-body-detail p, .listin-body-detail span {
    color: #5c7c85 !important;
    font-weight: normal;
}

.files-detail {
    margin-bottom: 25px;
}

.listin-body-Top-mobile {
    display: none
}

.menu-block-wrapper .menu > li {
    background: white;
}

.jeuUlimatumBody .row.head {
    border-bottom: 1px solid #b0bdc0;
    margin-bottom: 15px;
}

.jeuUlimatumBody .addthis_native_toolbox {
    padding-top: 0;
}

.listin-body.listin-body-detail {
    padding-left: 0;
}

body.enfant .mission-simulator .title, body.enfant .mission-simulator h2 {
    color: #9dc02e;
}

body.personnelle .mission-simulator .title, body.personnelle .mission-simulator h2 {
    color: #0F72B6;
}

body.enseignant .mission-simulator .title, body.enseignant .mission-simulator h2 {
    color: #d9b341;
}

body.entreprise .mission-simulator .title, body.entreprise .mission-simulator h2 {
    color: #23a0bf;
}

body.enfant .title-2, .enfant .title-2 a, body.enfant .region-quiz h2, body.enfant .region-quiz h3 {
    color: #9dc02e;
}

body.personnelle .title-2, .personnelle .title-2 a, body.personnelle .region-quiz h2, body.personnelle .region-quiz h3 {
    color: #0F72B6;
}

body.enseignant .title-2, .enseignant .title-2 a, body.enseignant .region-quiz h2, body.enseignant .region-quiz h3 {
    color: #d9b341;
}

body.entreprise .title-2, body.entreprise .title-2 a, body.entreprise .region-quiz h2, body.entreprise .region-quiz h3 {
    color: #23a0bf;
}

body.enseignant .slick-slide .edit-submit {
    background-color: #d9b341;
}

body.enfant .slick-slide .edit-submit {
    background-color: #9dc02e;
}

body.personnelle .slick-slide .edit-submit {
    background-color: #0F72B6;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: white;
}

body.personnelle .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: white;
    color: #333;
    font-weight: 400;
}

.Quiz-voir-reponses p > span {
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
}

.bloc-result-quiz table tbody tr, .bloc-result-quiz table tbody td {
    border: none !important;
}

/**Site Map **/
#site-map .site-map-box {
    margin-bottom: 1em;
    width: 48%;
    float: left;
    margin-left: 1%;
    border-bottom: 1px solid #E4E4E4;
}

.site-map-box-menu.site-map-box-menu-sidebar.site-map-box {
    min-height: 134px;
}

#site-map .description, #site-map span, #site-map .title {
    color: #0F72B6;
}

.menu-principale {
    float: left;
    width: 33%;
}

.menu-siteMap-main-menu {
    float: left;
    width: 100%;
    border: 1px solid #EFEFEF;
    display: inline-block;
}

.menu-siteMap-main-menu h1 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
}

.menu-siteMap-main-menu h2 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-left: 25px;
}

.menu-siteMap-main-menu h3 {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-left: 40px;
}

.menu-siteMap-espace {
    float: left;
    width: 33%;
    border: 1px solid #EFEFEF
}

.menu-siteMap-espace h1 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
}

.menu-siteMap-espace h2 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-left: 25px;
}

.menu-siteMap-espace h3 {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-left: 40px;
}

.menu-siteMap-footer {
    float: left;
    width: 33%;
    border: 1px solid #EFEFEF
}

.menu-siteMap-footer h1 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
}

.menu-siteMap-footer h2 {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-left: 25px;
}

.menu-siteMap-footer h3 {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-left: 40px;
}

.section-formation .view-filters {
    margin-top: 60px;
}

/*******************************************************/
/*----------page simulation cr�dit-------*/
.rang-input-fmef, .se-range-generate {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 10px;
    border-radius: 5px;
    border: 1px solid #bdc3c7;
    background: #ffffff;
    outline: none;
    margin: 0;
    padding: 0
}

.simulateurs .row.result.green {
    padding: 0 23px 15px !important;
}

.simulateurs .row.result.green .row {
    background-color: #105b63;
    color: #ffffff;
}

.simulateurs .row.result.green label {
    color: #ffffff;
}

.result-range-credit, .result-range-simulation {
    color: #0e72b6;
    font-size: 16px;
    font-weight: normal;
}

.sc-result-rang {
    text-align: right;
    padding-right: 2%;
}

.sc-credit-unit:after, .sc-fmef-unit:after {
    content: " " attr(data-unit);
}

form.formSimulation {
    width: 100%;
}

.simulateur-ceb {
    margin-bottom: 20px;
}

.simulateur-ceb table {
    width: 100% !important;
}

form.formSimulation input.set-due-date {
    text-align: center;
}

.simulateur-ceb .simulateur-credit-bottom {
    padding: 10px 32px 0;
}

.simulateur-ceb .simulateur-credit-bottom h3 {
    font-family: 'robotoBold';
    font-size: 22px;
    color: #0e72b6;
    padding: 5px 15px 0;
}

.simulateur-ceb .simulateur-credit-bottom .row { /*padding-left: 15px;*/
}

.simulateur-ceb .file {
    margin: 5px 0;
}

.simulateur-ceb .simulateur-credit-bottom .row {
    margin: 10px 0;
}

.simulateur-ceb .files {
    margin-bottom: 10px;
}

.simulateur-ceb .result .row-head {
    font-size: 16px;
}

.simulateur-ceb input[type=range]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 12px;
    background: #199bf4;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=range]::-ms-track {
    background: #0e72b6;
    color: transparent;
    border: none;
    height: 12px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #0e72b6;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #FFFFFF;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
    background: transparent;
}

input[type="range"]::-ms-track {
    border-radius: 8px;
    height: 7px;
    border: 1px solid #bdc3c7;
    background-color: #fff;
}

input[type="range"]::-ms-thumb {
    background-color: #199bf4;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.simulateurs .result label.head {
    padding-left: 0;
}

.s-last-content input {
    padding-right: 23px;
}

.s-last-content-large input {
    padding-right: 35px;
}

.effective input {
    padding-right: 85px;
}

.s-last-content:after, .s-last-content-large:after {
    position: absolute;
    content: " " attr(data-unit);
    top: 9px;
    right: 23px;
}

.s-last-content-large:after {
    right: 20px;
}

.simulateur-credit-bottom h2 {
    color: #0e72b6;
}

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

    body.i18n-fr .effective input {
        padding-right: 85px !important;
    }

    body.i18n-ar .effective input {
        padding-right: 55px !important;
    }

    .s-last-content input {
        padding-right: 23px !important;
    }

    .s-last-content-large input {
        padding-right: 35px !important;
    }

    .simulateur-ceb p.default {
        font-style: normal !important;
        font-size: 13px !important;
    }

    .simulateurs .synthese .notice {
        padding: 20px 20px;
    }

    .simulateur-ceb .synthese .etat {
        width: 50%;
    }

    body.i18n-ar .navbar-toggle {
        margin-right: 10px;
    }

    body.i18n-ar .carte.games .title {
        font-size: 29px !important;
        margin-bottom: 58px !important;
    }

    body.i18n-fr .menu > li > a {
        padding-right: 23%;
    }

    body.i18n-ar .menu > li > a {
        padding-left: 23%;
    }

    body.i18n-ar .ui-datepicker th {
        font-size: 11px;
    }

    body.i18n-ar .navbar-header ul li.last.leaf > a {
        padding: 0 26px 0px 0px;
    }

    body.i18n-ar .mission-simulator .title {
        margin-left: 0 !important;
    }

    .slick-dots {
        padding: 0;
    }

    .navbar-nav li.expanded.redius:before {
        height: 40px;
    }

    .navbar-nav li.expanded:before {
        right: 0;
        width: 61px;
        text-align: center;
        height: 40px;
    }

    body.i18n-ar .navbar-nav li.expanded:before {
        left: 0px;
        right: auto;
        width: 61px;
        text-align: center;
        height: 40px;
    }

    body.i18n-ar ul.menu.nav.navbar-nav.secondary.sm, ul.secondary {
        border-right: 1px solid #ECECEC !important;
        padding-right: 7px !important;
        margin-left: -33px;
    }

    .enfant .carte.games .title {
        font-size: 42px;
        margin-bottom: 37px;
    }

    .mission-simulator .simulator .title {
        margin-top: 3%;
        text-align: left;
    }

    .newsletter form .form-group .email {
        width: 70% !important;
    }

    .newsletter form .form-group .btn {
        width: 30%;
        font-size: 13px;
    }

    .mission-simulator .simulator .item .title a:after {
        margin-bottom: -2px;
    }

    .navbar-header ul li.last.leaf > a {
        padding: 0 0 0 45px;
    }

    .navbar-header ul li.last.leaf {
        height: auto;
        padding-top: 0px;
        padding-bottom: 0;
        border-radius: 4px;
    }

    .simulateur-credit .result, .simulateur-credit .panel-body {
        padding: 5px 10px 0;
    }

    .simulateur-credit .group {
        padding: 24px 0px 8px;
    }

    .simulateur-credit label, .simulateurs .simulateur-credit p {
        font-size: 12px;
    }

    .simulateur-credit .form-control {
        font-size: 11px;
    }

    .simulateur-credit .simulateur-credit-bottom {
        padding: 10px 10px 0;
    }

    .simulateur-ceb .file .type {
        width: 30%;
    }

    .simulateur-ceb .file label {
        width: 66%;
    }

    .sc-result-rang {
        padding-right: 6%;
    }

    .sectionevenement.listin-lien-right-event {
        position: static;
    }

    .shadow2 {
        display: none;
    }

    .listin-body-left p {
        padding-top: 10px;
    }

}

/*tooltip*/
.fmef_tooltip.first {
    height: 22px;
}

.fmef_tooltip {
    background: url('../images/help.png') no-repeat center center;
    cursor: pointer;
    border: none;
    width: 30px;
    height: 39px;
    float: right;
    background-size: 70%;
    position: relative;
    display: inline-block;
}

.fmef_tooltip .tooltiptext {
    visibility: hidden;
    display: block;
    width: 250px;
    background-color: #0e72b6;
    color: #fff;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 22px;
    right: 0;
    font-size: 13px;
}

.fmef_tooltip .tooltiptext p {
    font-size: 13px !important;
}

.fmef_tooltip .tooltiptext p span {
    color: #fff;
}

.tooltiptext p:first-child span:first-child {
    width: 60%;
}

.tooltiptext p {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.tooltiptext p span:first-child {
    float: left
}

.tooltiptext p span:last-child {
    float: right
}

.fmef_tooltip:hover .tooltiptext {
    visibility: visible;
}

/*---------- end page simulation cr�dit-------*/

/****************************** Responsive **************************/
@media screen and (max-width: 1200px) {
    .shadow2 {
        background-size: 1001px 100% !important;
    }

    .bgwhite .content {
        padding-bottom: 0;
    }

    .publications-section #edit-date-filter-min, .publications-section #edit-date-filter-max, .publications-section #edit-date-filter-1-min, .publications-section #edit-date-filter-1-max {
        width: 85%;
    }
}

@media screen and (max-width: 1130px) and (min-width: 1024px) {
    .navbar-nav.nav > li {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar-nav > li > a {
        font-size: 14px;
    }

    .navbar-nav.secondary > li.first {
        padding: 0 3px 0 10px;
    }

    .navbar-nav.secondary > li.last {
        padding: 0 6px 0 3px;
    }

    .quiz .question {
        padding: 15px 0 5px;
    }

    .carte .wrapper {
        min-height: 395px;
    }

    .carte p {
        font-size: 15px;
    }

    .carte.event .wrapper .title {
        font-size: 28px;
    }

    .carte.event .wrapper .visuel p {
        width: 65%;
        font-size: 18px;
        line-height: 18px;
    }

    .carte.items .item .title {
        font-size: 19px;
        padding: 0 2%;
    }

    .file label {
        font-size: 12px;
    }

    .newsletter .title span {
        font-size: 26px;
    }

    .newsletter p {
        padding: 0 1%;
        font-size: 15px;
    }

    .video {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .video iframe {
        position: absolute;
        width: 87%;
        height: 62%;
    }

    /**Formation */
    .listin-image {
        float: left;
        width: 26% !important;
    }

    .listin-body {
        width: 74% !important;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 46%;
    }

    .listin-lien-right-event > * {
        margin-right: 7px !important;
        font-size: 10px !important;
    }

    .iconMediaImg, .iconMediaShare {
        font-size: 14px;
    }

    .page-mediatheque .mediatheque-data-body .mediatitle {
        font-size: 11px;
    }
}

@media screen and (max-width: 1023px) {
    .newsletter p {
        font-size: 13px;
    }

    .newsletter span {
        font-size: 17px;
    }

    .newsletter form .form-group .email {
        width: 76%;
    }

    .newsletter form .form-group .btn {
        padding: 0;
    }

    header .header-top .link:after {
        padding: 0px 2px 0px 6px !important;
    }

    .carte.event .wrapper .title {
        font-size: 25px !important;
    }

    .carte .title-2 {
        font-size: 19px !important;
    }

    /*Formation*/
    .col-md-3.sidebar {
        padding-right: 0;
        margin-bottom: 25px;
        display: none;
    }

    .col-md-3.sidebar + section.col-md-9 {
        padding: 0;
    }

    .region.region-content, .region.region-listing-actualites {
        float: left;
        width: 100%;
    }

    .jeuUlimatumBody .region.region-content, .region.region-listing-actualites {
        float: none;
    }

    /*   .listin-image{float: left;width: 100% !important;text-align:center;margin-bottom:12px;}
    .listin-body{width: 100% !important;}
    .listin-formation-body{min-height:239px !important; }
    .listin-actualites-body{min-height:239px !important; }*/
    .publications-section .view-filters {
        width: 100% !important;
        margin-bottom: 25px !important;
    }

    .publications-section .view-content {
        width: 100% !important;
    }

    #edit-tid-wrapper, #edit-tid-1-wrapper {
        width: 50%;
    }

    .section-formation .views-exposed-widget.views-submit-button {
        width: 100%;
    }

    .main-container {
        padding: 0 60px;
    }

    /*mediatheque*/
    .mediatheque-content-right {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .mediatheque-section {
        float: none;
        width: 100%;
    }

    .page-mediatheque .mediatheque-data-image img, .page-mediatheque .mediatheque-data-mp3 img {
        height: auto;
        width: 100%;
    }

    .page-mediatheque .mediatheque-data-image {
        height: 116px;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 45%;
    }

    .page-mediatheque .mediatheque-data-video img {
        width: 100%;
    }

    .quizpage .wrapper {
        padding: 30px 24px 0px 20px;
        overflow: hidden;
    }

    .right.addthis_native_toolbox.evenement-share {
        position: static;
    }

    #block-system-main #quiz_score_possible {
        font-size: 89px;
    }

    .listin-lien-right-event > * {
        margin-right: 7px !important;
        font-size: 10px !important;
    }

    .listin-actualites-body-event {
        width: 100%;
    }

}

@media screen and (max-width: 1023px) {
    .pendu-box .img-bomb {
        top: 13px !important;
    }

    .word-image {
        background-position: 0 44px !important;
    }

    .navbar-toggle {
        display: block;
        width: inherit;
        padding: 14px;
        margin-bottom: -3px;
        margin-right: 100%;
        margin-top: 0;
    }

    .navbar-nav {
        float: none;
        width: 100%;
        margin: 0;
    }

    .leaf {
        width: auto !important;
    }

    .last.leaf {
        height: 50px;
        padding-left: 0;
        line-height: 50px;
    }

    .navbar-nav > li > a:after {
        background: none;
    }

    .navbar-nav > li.dropdown:hover .dropdown-menu {
        display: none;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background: none;
    }

    a.active-trail.active-trail.active-trail.active {
        color: #000;
    }

    .menu > li {
        background: #eee;
        width: 100%;
    }

    .menu li ul {
        padding: 0;
    }

    .menu li {
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
    }

    .menu > li > ul > li:last-child, .menu > li > ul > li ul li:last-child {
        border-bottom: 0;
    }

    .menu > li > ul li {
        background: rgb(247, 247, 247);
    }

    .menu > li > ul li > ul > li {
        background: #fff;
    }

    .menu > li a {
        padding: 0 0 0 45px;
        display: inline-block;
        width: inherit;
        position: static;
    }

    .menu > li > a {
        font-size: 16px;
    }

    .menu > li > ul > li > a {
        font-size: 15px;
        padding-right: 26px;
    }

    .menu > li > ul > li ul li a {
        font-size: 13px;
    }

    .menu > li ul {
        margin-top: 15px;
        display: none;
    }

    a.active-trail.active-trail.active-trail.active {
        color: #0e72b6;
    }

    .navbar-nav li a:after {
        position: static;
    }

    .navbar-nav li.expanded.redius:before {
        content: '-';
        font-size: 44px;
        right: 15px;
        line-height: 10px;
    }

    .navbar-nav li.expanded:before {
        content: '+';
        font-size: 20px;
        position: absolute;
        right: 15px;
        margin-top: -2px;
        color: #EA148C;
    }

    .navbar-nav li.expanded:before {
        font-size: 23px;
        right: 16px;
    }

    a.active-trail.active-trail.active-trail.active {
        color: #00afec !important;
    }

    .menu-block-wrapper a.active-trail.active-trail.active-trail.active {
        color: white !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .menu-wrapper li.last.leaf > a {
        line-height: 20px !important;
    }

    ul.navbar-nav.secondary {
        top: 0;
        right: 0px;
        width: auto;
        padding-top: 2px;
        position: absolute;
    }

    ul.navbar-nav.secondary li {
        border-bottom: 0;
        background-color: transparent;
    }

    ul.navbar-nav.secondary li.first.leaf > a {
        font-size: 14px !important;
    }

    li.last.leaf > a {
        padding-left: 0;
        line-height: 50px;
    }

    .gray {
        background: #EEE !important;
    }

}

@media screen and (max-width: 991px) {
    .carte.items .item .title {
        padding-left: 10px;
    }

    .shadow2 {
        background-size: 784px 51% !important;
        top: -120px;
    }

    header .header-top form {
        width: 380px;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 42%;
    }
}

@media all and (max-width: 900px) {
    .siteMapContact {
        display: block;
        margin-left: 28%;
    }
}

@media all and (max-width: 800px) {
    .region.region-content, .region.region-listing-actualites {
        width: 100% !important;
    }

    .breadcrumb {
        display: none;
    }

    header {
        position: relative;
    }

    header .icone-home {
        width: 22px;
        height: 32px;
    }

    .header-top .col-md-9 {
        padding-left: 0;
        text-align: center;
        overflow: visible;
    }

    header .header-top form {
        margin-top: 3px;
        margin-left: 45px;
        width: 70%;
    }

    header .link-home {
        position: absolute;
        left: 9%;
        bottom: 2px;
    }

    header #icone-bar {
        width: 10px;
        height: 5px;
        background: url("../images/icone-bar.jpg") bottom no-repeat;
        position: absolute;
        left: 36%;
        bottom: 0;
        cursor: pointer
    }

    .siteMapContact {
        display: none;
    }

    header .link-home {
        margin-top: 25px;
    }

    footer .glossary h2 {
        width: 100%;
        clear: both;
    }

    footer .glossary .search-by-keyword {
        width: 100%;
    }

    footer .glossary .result-bloc {
        width: 100%;
    }

    footer .glossary .search-bloc {
        width: 100%;
    }

    .header-bottom .navbar-header {
        position: relative;
        margin: 0;
    }

    /*.navbar-header .navbar-nav.secondary {position: absolute;top: 0;right: 34px;min-width: 100px;width: auto;margin: 0;bottom: 0;height: 61px;padding-top: 16px !important;}
    .navbar-nav.secondary .first.leaf,.navbar-nav.secondary .last.leaf {width: 35px;height: 32px;border: none;padding: 0;}
    .navbar-nav.secondary .first.leaf,.navbar-nav.secondary .last{width: 35px;height: 32px;border: none;padding: 0;background: #9DC02E;border-radius: 3px;overflow: hidden;}
    .navbar-nav.secondary .first.leaf {margin-right: 12px;}
    .navbar-nav.secondary .last.leaf {float: right;}
    .navbar-nav.secondary .last.leaf a {min-width: 0 !important;padding: 7px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}*/
    /*.navbar-nav.secondary .first.leaf a,.navbar-nav.secondary .last.leaf a {text-indent: -9999px;}*/
    /*.navbar-nav.secondary .last a {text-indent: -9999px;}*/
    /*.listin-image{margin-bottom:15px !important;}
    .listin-body{width:100% !important;padding-left:10px;}*/
    .carte.event .wrapper .title {
        font-size: 31px;
    }

    .carte.event .wrapper .visuel p {
        font-size: 20px;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 30%;
    }

    .mission-simulator .simulator .item .title a span {
        font-size: 19px;
    }

    .quizpage .wrapper {
        padding-top: 40px;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    header .header-top form {
        margin-top: 10px;
    }

;
    header .header-top .logo {
        text-align: center;
        width: 100%;
        margin-top: 5px;
        z-index: 2
    }

    .bloc-result-quiz .table-responsive {
        border: none;
    }

    .bloc-result-quiz .table-responsive > .table > thead > tr > th,
    .bloc-result-quiz .table-responsive > .table > tbody > tr > th,
    .bloc-result-quiz .table-responsive > .table > tfoot > tr > th,
    .bloc-result-quiz .table-responsive > .table > thead > tr > td,
    .bloc-result-quiz .table-responsive > .table > tbody > tr > td,
    .bloc-result-quiz .table-responsive > .table > tfoot > tr > td {
        white-space: normal !important;
    }

    .menu-wrapper.items {
        display: none;
    }

    /* -- video responsive -- */
    .vtheque-line.views-row-first {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .vtheque-line.views-row-first .media-youtube-video {
        height: 375px;
        margin-right: 0;
    }

    .vtheque-line {
        width: 100%;
        margin-bottom: 10px;
    }

    .borderGrey2Top {
        border: 0;
    }

    .glossary .search-by-keyword p {
        margin-bottom: 13px;
    }

    .glossary .search-by-keyword form {
        width: 100%;
    }

    .file, .vtheque-line.views-row-last {
        background: none;
    }

    .file.shadow {
        padding: 0;
        margin-bottom: 4px;
    }

    .file .type {
        display: block;
        width: 23%;
        float: left;
    }

    .removePadding {
        padding-bottom: 0 !important;
    }

    ul.menu.nav.navbar-nav.sm {
        margin-top: 0;
    }

    .bloc-mission {
        padding: 0;
    }

    /*.navbar-toggle{display: block;width: inherit;padding: 14px;margin-bottom: -3px;margin-right:100%;}
    .navbar-nav{float:none;width:100%;margin:0;}
    .navbar-nav > li > a:after{background:none;}
    .navbar-nav > li.dropdown:hover .dropdown-menu{display:none;}
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background:none;}
    a.active-trail.active-trail.active-trail.active{color:#000;}
    .menu > li {background: #eee;width: 100%;}
    .menu li ul{padding: 0;}
    .menu li {border-bottom: 1px solid #ddd;padding:15px 0;}
    .menu >li >ul >li:last-child,.menu >li >ul >li ul li:last-child{border-bottom:0;}
    .menu >li >ul li{background: rgb(247, 247, 247); }
    .menu >li >ul li >ul >li{background: #fff; }
    .menu >li a{padding: 0 0 0 45px;display: inline-block;width: inherit;position:static;}
    .menu >li> a{font-size:16px;}
    .menu >li>ul >li >a{ font-size:15px; padding-right: 26px;}
    .menu >li>ul >li ul li a{font-size:13px;}
    .menu > li ul{margin-top:15px;display:none;}
    a.active-trail.active-trail.active-trail.active{color:#0e72b6;}
    .navbar-nav  li a:after{position: static;}
    .navbar-nav  li.expanded.redius:before{content:'-';font-size: 44px;right: 15px;line-height: 10px;}
    .navbar-nav  li.expanded:before{content: '+';font-size: 20px;position: absolute;right: 15px;margin-top: -2px;color: #EA148C;}
    .navbar-nav  li.expanded:before{font-size: 23px;right: 16px;}
    a.active-trail.active-trail.active-trail.active{color:#00afec !important;}
    .menu-block-wrapper a.active-trail.active-trail.active-trail.active{color:white !important;}
    .navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in {display: block !important;}*/
    .col-sm-6.bloc-mission {
        width: 100% !important;
    }

    .col-sm-6.simulator {
        width: 100% !important;
        padding-bottom: 0;
    }

    .main-container {
        margin-bottom: 0;
    }

    footer {
        padding-top: 0 !important;
    }

    .newsletter.row {
        margin: 0;
    }

    .newsletter {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.3);
        -moz-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.3);
        box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.3);
    }

    .newsletter .title {
        text-align: center;
        height: 66px;
    }

    .newsletter .title:before {
        display: inline-block;
        float: none;
    }

    .tilteNewletter {
        display: block;
        font-family: 'robotoBold';
        font-size: 36px;
        color: #0e72b6;
        margin: 24px 0;
    }

    .glossary-titles {
        padding-bottom: 0 !important;
    }

    .publications-section .view-filters, .publications-section .view-content {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .listin-actualites-body-event {
        height: inherit !important;
    }

    .publications-section .form-group {
        text-align: center;
    }

    .views-exposed-form .container-inline-date .date-padding {
        float: none;
        display: inline-block;
    }

    section#block-system-main {
        margin-top: 15px;
    }

    .newsletter form .form-group .email {
        padding: 0;
        font-size: 12px;
        padding-left: 4px;
    }

    .mediatheque-icon {
        top: 35px;
    }

    .page-mediatheque .mediatheque-data-body {
        padding: 40px 0px 0px 21px;
    }

    .carte.reference, .carte.reference .wrapper {
        min-height: 0px;
        padding: 0px 22px 0 25px;
    }

    .carte.reference .wrapper .last-quiz h2 {
        margin-bottom: 5px;
    }

    .carte.quizpage .wrapper {
        margin-top: 5px;
    }

    /* simulateurs */
    .simulateurs .synthese .btn-group {
        padding-left: 0 !important;
        margin-top: 5px;
    }

    .simulateurs .synthese .calendar label {
        padding-left: 0;
    }

    .simulateurs .synthese .result label {
        margin-bottom: 5px;
    }

    .simulateurs .result {
        padding: 10px 8px 15px;
    }

    .result .first {
        padding-left: 0;
    }

    .synthese .col-sm-6 {
        padding-left: 0;
        padding-right: 0;
    }

    /* game */
    .jeu-financier .word li p {
        font-size: 22px !important;
    }

    .jeu-financier .word li {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media all and (max-width: 640px) {
    .listin-body-Top-mobile {
        display: block
    }

    .listin-body-Top {
        display: none
    }

    #box {
        background-position: 0 bottom;
        min-height: 84px;
        height: auto;
    }

    #box .pendu-box .image-insert {
        top: 31px;
    }

    #box .pendu-box .image-insert img {
        margin-right: 12px;
    }

    #box .pendu-box .image-insert img[data-img="0"] {
        width: 24px !important;
        margin-top: 7px;
    }

    #box .pendu-box .image-insert img[data-img="1"] {
        margin-top: 9px;
        width: 26px !important;
    }

    #box .pendu-box .image-insert img[data-img="2"] {
        margin-top: 17px;
        width: 22px !important;
    }

    #box .pendu-box .image-insert img[data-img="3"] {
        margin-top: 22px;
        width: 22px !important;
    }

    #box .pendu-box .image-insert img[data-img="4"] {
        width: 27px !important;
        margin-top: 26px;
    }

    #box .pendu-box .img-bomb {
        top: 21px;
    }

    .listin-lien-right-event.sectionevenement > * {
        display: block;
        text-align: left;
        margin: 15px 0;
    }

    .page-mediatheque .mediatheque-data-body .mediatitle {
        padding-right: 0px;
        font-size: 11px !important;
    }

    .titrePendu {
        float: left !important;
    }

    .find li {
        width: 38px !important;
        height: 38px !important;
    }

    .word li {
        margin-right: 10px !important;
    }

    .word li p {
        font-size: 20px;
    }

    .addthis_native_toolbox {
        padding-top: 0px;
        float: left;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 13px;
    }

    #block-system-main #quiz_score_possible {
        font-size: 83px;
    }

    .last-quiz h2 {
        padding-top: 0px;
    }

    .listin-body {
        width: 100% !important;
        padding-left: 10px;
    }

    .listin-image {
        float: left;
        width: 100% !important;
        text-align: center;
        margin-bottom: 15px !important;
    }

    .listin-image img {
        width: 90%;
    }

    .listin-body {
        width: 100% !important;
    }

    .listin-formation-body {
        min-height: 239px !important;
    }

    .listin-actualites-body {
        min-height: 239px !important;
    }

    .iconMediaImg, .iconMediaShare {
        font-size: 14px;
    }

    .QuizScore {
        left: 5px;
    }

    .QuizScore a img {
        margin-right: 0px;
    }

    .quizpage .title {
        font-size: 28px;
    }

    .quizpage .title::after {
        right: -15px;
        top: -72px;
    }

    .listing-formation .actualites-title {
        top: 56px;
        font-size: 28px;
    }

    .listin-body-Top-mobile h1 {
        float: left;
        margin-top: 9px;
    }

    .listin-body-Top-mobile span {
        float: right;
    }
}

@media all and (max-width: 640px) {
    .logo, .header-search {
        width: 100%;
    }

    .jeu-financier .word li {
        margin: 4px 0 !important;
    }
}

/* Iphone 6 plus */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 3) {
    #block-menu-menu-wet-footer li:nth-child(3n) a {
        padding-right: 14px;
    }

    #block-menu-menu-wet-footer li:nth-child(3n):after {
        display: inline;
    }
}

@media all and (max-width: 480px) {
    .main-container {
        padding: 0 10px;
    }

    .quizpage .wrapper {
        padding: 30px 24px 0px 20px;
        overflow: visible;
    }

    .mission-simulator .simulator .item .title a span {
        font-size: 17px !important;
    }

    .mission-simulator .simulator .item .title a:before {
        margin: 2px 0px 0px 1px !important;
    }

    .listin-lien-right-event > * {
        font-size: 10px !important;
        margin: 0px;
    }

    .listin-lien-right-event #listing-detail {
        margin-right: 5px;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 38%;
    }

    .page-mediatheque div#edit-tid-wrapper {
        width: 38%;
    }

    .wysiwyg h1 {
        font-size: 20px;
    }

    .page-mediatheque .mediatheque-data-body {
        width: 100% !important;
        padding: 25px 10px;
    }

    .page-mediatheque .mediatheque-data-video {
        width: 100% !important;
    }

    .page-mediatheque .mediatheque-data-image {
        width: 100% !important;
    }

    .page-mediatheque .mediatheque-data-mp3 {
        width: 100% !important;
    }

    .mediatheque-icon {
        top: auto;
        bottom: 2px;
        width: 25%;
    }

    #site-map .site-map-box {
        float: none;
        width: 100%;
    }

    .mediatheque-titre {
        width: 72%;
    }

    /* Hide the left block */
    .spaces-navigation {
        display: none
    }

    .navbar-toggle {
        margin-left: 24px;
    }
}

@media all and (max-width: 465px) {
    .navbar-toggle {
        margin-left: 5px;
    }
}

@media all and (max-width: 440px) {
    .navbar-nav.secondary {
        height: 56px;
        padding-top: 10px !important;
    }

    .navbar-nav.secondary a {
        text-indent: -9999px;
    }

    .navbar-nav.secondary li {
        width: 35px !important;
        height: 34px !important;
        padding: 0;
        margin-left: 10px;
        overflow: hidden;
    }

    .navbar-nav.secondary .last a {
        background: #9DC02E !important;
        padding: 7px 10px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 34px !important;
        min-width: auto !important;
    }
}

@media all and (max-width: 427px) {
    .nav {
        font-size: 13px;
    }
}

@media all and (max-width: 400px) {
    #edit-button {
        margin-top: 0px;
    }

    .quiz .wrapper {
        padding-top: 25px;
    }

    .carte.event .wrapper .title {
        font-size: 25px !important;
        text-align: left;
    }

    .carte.event .wrapper .visuel p {
        font-size: 15px !important;
    }

    #edit-submit-formation {
        padding: 10px !important;
    }

    .carte.event .wrapper .visuel {
        top: 8px;
    }

    .listin-formation-body {
        min-height: 473px !important;
    }

    .listin-actualites-body {
        min-height: 309px !important;
    }

    .view-quiz-slider .slick-list {
        margin: 0 20px 0 12px;
    }

    .bgwhite .content {
        padding: 19px 0px 12px 23px;
    }

    .slick-slide .quiz-content p {
        text-align: justify;
        font-size: 14px;
    }

    .listin-body-Top > span {
        font-size: 9px;
    }

    .listin-body-Top-mobile > span {
        font-size: 9px;
    }

    .slick-slide .quiz-content {
        word-spacing: normal;
        margin: 0px 16px 0px 15px;
    }

    .carte p {
        font-size: 15px;
    }

    .file label {
        line-height: normal;
        width: 73%;
        font-size: 14px;
        text-align: center;
    }

    .page-mediatheque div#edit-tid-wrapper {
        width: 37%;
    }

    .page-mediatheque .views-exposed-widget.views-submit-button {
        width: 19%;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 32%;
    }

    .listin-lien-right-event > * {
        font-size: 9px !important;
    }

    .actualites-title {
        font-size: 19px !important;
    }

    .section-evenement .listin-lien-right-event > * {
        font-size: 11px !important;
        float: left;
    }

    .evenement-section .views-exposed-widget.views-submit-button {
        width: 100%;
    }

    .find li {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }

    .word li {
        margin-right: 5px !important;
    }

    .word li p {
        font-size: 18px !important;
    }

    .mot.word ul {
        padding-left: 15px;
    }

    .listin-body-Top h1 {
        font-size: 13px !important;
    }

    .listin-body-Top-mobile h1 {
        font-size: 13px !important;
    }

    .menu-principale {
        width: 100%;
        float: none
    }
}

@media all and (max-width: 375px) {
    #block-menu-menu-wet-footer li {
        display: inline-block;
        float: none;
        margin-bottom: 7px;
    }

    #block-menu-menu-wet-footer li:after {
        margin-right: 7px;
    }

    #block-menu-menu-wet-footer li:nth-child(3n) a {
        padding-right: 0;
    }

    #block-menu-menu-wet-footer li:nth-child(3n):after {
        display: none;
    }

    .form-control {
        padding: 0 4px !important;
    }

}

@media all and (max-width: 348px) {
    .carte.event .wrapper .title {
        font-size: 23px !important;
        text-align: left;
    }

    .carte.event .wrapper .visuel {
        top: -4px !important;
    }

    body.personnelle .carte.event .wrapper .title:after, body.entreprise .carte.event .wrapper .title:after {
        top: -19px !important;
        right: -13px !important;
        background-size: 83% !important;
        width: 42% !important;
    }

    body.personnelle .carte.event .wrapper {
        padding-top: 66px !important;
    }

    #edit-submit-formation {
        padding: 1px !important;
    }

    .newsletter .title {
        width: 21%;
    }

    .newsletter form {
        width: 79%;
    }

    .header_view h2 {
        margin-bottom: 0px;
    }

    .header_view {
        margin-bottom: 9px;
    }

    .last-quiz h2 {
        font-size: 20px;
    }

    .carte p {
        font-size: 14px;
    }

    section#block-system-main {
        margin-top: 0px;
    }

    body.enfant .banner .carte .btn, body.personnelle .banner .carte .btn, body.enseignant .banner .carte .btn, body.entreprise .carte .btn {
        left: 12px;
        padding: 0 8px;
    }

    .mission-simulator .simulator .item .title a span {
        font-size: 14px !important;
    }

    .mission-simulator .simulator .item .title a:before {
        margin: 0px 0px 0px 1px !important;
    }

    /* #block-menu-menu-wet-footer li:nth-child(2n){float: left;}*/
    .page-mediatheque div#edit-tid-wrapper {
        width: 35%;
    }

    .page-mediatheque #edit-keys-wrapper {
        width: 38%;
    }

}

@media all and (max-width: 321px) {
    .slick-slide .quiz-content p {
        font-size: 13px !important;
    }

}

/* Jeu Motus Financier */
.jeu-financier .word {
    box-shadow: none;
    position: relative;
}

.jeu-financier .word ul {
    position: absolute;
    right: 0;
    left: 30px;
    padding-right: 140px;
}

.jeu-financier .word li p {
    color: #000;
    font-family: 'robotolight';
    font-size: 30px;
}

.jeu-financier .word li {
    margin-right: 0;
}

.word h2 {
    float: left !important;
    margin: 0 0 0 0;
    font-family: 'robotoBold';
    color: #37646f;
    background: #f8f8f8;
    padding: 16px 15px;
}

.jeu-financier ul {
    display: block;
}

.jeu-financier ul.find:after {
    content: "";
    position: absolute;
    background: #F8F8F8;
    width: 156px;
    height: 68px;
    display: inline-block;
    z-index: 1;
    right: -13px;
    margin: -5px -10px;
    padding: 0;
}

.jeu-financier .word input {
    position: relative;
    z-index: 1;
    margin-top: 5px;
}

.word .btn-valider[disabled] {
    background: url('../images/inactif.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.word .btn-annuler[disabled] {
    background: url('../images/inactif-trash.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: right;
}

.word .btn-valider {
    background: url('../images/actif.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.word .btn-annuler {
    background: url('../images/trash.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: right;
}

.word .btn-valider[data-clicked='true'] {
    background: url('../images/last-check.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.word .btn-annuler[data-clicked='true'] {
    background: url('../images/last-trash.png') no-repeat;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: right;
}

.green {
    color: #00a453 !important;
}

.red {
    color: red !important;
}

.orange {
    color: #f59331 !important;
}

.jeu-financier .row {
    margin: 0;
}

.jeu-financier-lettre {
    margin-bottom: 30px;
}

.jeu-financier .word {
    margin: 0;
}

.jeu-financier .find li {
    border: 0;
    box-shadow: none;
}

.jeuFinancierBody .head .title {
    color: #9dc02e;
}

.jeuFinancierBody .status {
    position: relative;
    background: url('../images/bg-timer.png') no-repeat 0 0;
    margin: 2px 0;
    padding: 65px 0 0;
}

.jeuFinancierBody .status .score {
    position: absolute;
    right: 0;
    top: -18px;
    color: #9dc02e;
    font-size: 16px;
}

.jeuFinancierBody .status .score p {
    position: relative;
    color: #9dc02e;
    font-size: 60px;
    font-family: 'robotoBold';
    line-height: 46px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.jeuFinancierBody .status .score p sup {
    top: -.65em;
    font-size: 35px;
}

.jeuPendu-bloc-haut {
    background: #9dc02e;
    color: #fff !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.jeuPendu-bloc-haut .bodyPendu p {
    color: #fff;
    font-size: 14px;
    margin-top: 15px !important;
}

.jeuFinancierBody .jeuPendu-bloc-haut {
    border-top: 1px solid #b0bdc0;
    margin-top: 21px;
}

.jeuFinancierBody .jeuPendu-bloc-haut .titrePendu, .jeuFinancierBody .jeuPendu-bloc-haut .bodyPendu {
    margin-top: 10px;
    margin-bottom: 30px;
}

.jeuFinancierBody .jeuPendu-bloc-haut .titrePendu {
    font-family: "robotoBold";
    font-size: 60px;
}

#alphabet-financier .btn {
    font-size: 16px !important;
}

/* Sondage */
.sondage {
    border-bottom: 1px solid #b0bdc0;
    margin-bottom: 10px;
    color: #0e72b6
}

.sondage h1 {
    color: #0e72b6 !important;
}

.view-sondage h2 {
    color: #0e72b6 !important;
    font-size: 20px;
}

.view-sondage .progress-bar, .node-poll .progress-bar {
    line-height: 14px;
    background-color: #0E72B6;
}

.view-sondage .progress, .node-poll .progress {
    height: 16px;
}

.node-poll {
    margin-bottom: 50px;
}

.node-poll h2 a {
    text-decoration: none;
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
    margin: 0 !important;
}

.view-sondage .control-label, .node-poll .control-label {
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
    margin: 0 !important;
}

.view-sondage .slick-initialized .slick-slide, .node-poll .slick-initialized .slick-slide {
    min-height: 355px;
}

body.node-type-poll .slick-initialized .slick-slide {
    padding-right: 30px;
}

.view-sondage .item-list {
    background: #fff;
    height: 406px;
    padding-top: 171px;
}

.page-sondage .view-content iframe {
    background: none !important;
}

.page-sondage .view-sondage .form-type-item.form-item.form-group {
    display: none;
}

body.node-type-poll .slick-arrow.slick-prev {
    left: 10px;
}

.simulateur-ceb table {
    width: 100% !important;
}

.bodyPendu p {
    margin-top: 20px;
}

#edit-vote {
    font-family: 'robotoMedium';
    font-size: 14px;
    color: #fff;
    background-color: #0e72b6 !important;
    line-height: 37px;
    padding: 0 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 0 !important;
}

/* fb plugin */
.fb-share-button.fb_iframe_widget {
    height: 20px;
}

/* poll view page  */
.carte {
    vertical-align: top;
    text-align: left;
    margin-bottom: 20px;
}

.carte .pollpage {
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
}

.last-poll h2 {
    color: #0e72b6 !important;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: "robotoBold";
    padding-top: 35px;
}

.pollpage .wrapper {
    overflow: visible;
    padding: 50px 24px 20px;
}

.pollpage .question {
    padding: 15px 0;
}

.pollpage .title {
    border-bottom: 1px solid #b0bdc0;
    color: #0e72b6 !important;
    font-family: "robotoBold";
    font-size: 36px;
    margin: 0;
    padding-bottom: 15px;
}

.carte.reference .wrapper, .carte.pollpage .wrapper {
    margin-top: 25px !important;
}

.pollpage .region .owl-wrapper {
    width: 100% !important;
}

.carte {
    vertical-align: top;
    text-align: left;
    margin-bottom: 20px;
}

.carte .wrapper {
    position: relative;
    background-color: #fff;
    min-height: 395px;
    height: 100%;
    overflow: hidden;
}

.slick-active .carte .wrapper {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -ms-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.carte img {
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.carte .title {
    position: relative;
    color: #fff;
}

.carte .title:after {
    content: "";
    display: block;
    position: absolute;
}

.carte .title-2 {
    color: #0e72b6;
    font-family: 'robotoBold';
    font-size: 20px;
}

.last-poll .poll-content p {
    color: #37646f !important;
    font-family: 'robotoLight';
    font-size: 15px;
    margin: 0;
}

.carte p span {
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
    margin: 0 !important;
}

.carte .btn {
    font-family: 'robotoMedium';
    font-size: 14px;
    color: #fff;
    background-color: #0e72b6;
    line-height: 37px;
    padding: 0 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#poll-cancel-form .btn {
    background-color: #0e72b6
}

.wrapper .sondage-wrapper {
    margin-top: 20px;
}

.vote-form {
    margin-top: 30px;
}

.vote-form .iradio {
    margin-right: 15px;
}

.form-type-radio {
    padding-bottom: 10px;
}

.sondage-wrapper h2 {
    font-size: 20px;
}

.poll-choice {
    margin-bottom: 45px !important;
}

.vote-form .control-label {
    font-size: 16px !important;
    color: #5c7c85 !important;
    font-family: 'robotoLight' !important;
    margin: 0 !important;
}

.view-display-id-sondage_choose {
    background: #fff;
    height: 406px;
    padding: 13px 13px 0;
}

.view-display-id-sondage_choose .slick-list {
    margin: 0 60px;
}

.field-content .edit-submit {
    font-family: 'robotoMedium';
    font-size: 14px;
    color: #fff;
    background-color: #0e72b6 !important;
    line-height: 37px;
    padding: 0 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.multiple-items .slick-arrow {
    background: url(../images/arowsprite-perso.jpg) no-repeat 0 0;
    position: absolute;
    top: 50%;
    display: block;
    text-indent: -9999px;
    height: 30px;
    width: 16px;
    border: 0;
    transform: translate(-50%, -50%);
    outline: none
}

.multiple-items .slick-arrow.slick-prev {
    left: 10px;
    display: inline-block !important;
}

.multiple-items .slick-next.slick-arrow {
    background-position: 0 -40px;
    display: inline-block !important;
    right: 0;
}

.carte.reference {
    padding: 18px 22px 0 0;
}

.bloc-result-poll {
    border: 1px solid #E1DFDF;
    background-color: white !important;
}

@media screen and (min-width: 1100px) {
    /* publication and press view results*/
    .listin-actualites-div {
        margin-left: 319px;
    }

}

@media screen and (min-width: 1023px) and (max-width: 1100px) {
    /* publication and press view exposed filter*/
    .listin-actualites-div {
        margin-left: 305px;
    }

    .publications-section .view-filters {
        width: 30%
    }
}

@media screen and (min-width: 1196px) {
    /* mediateques view results*/
    .page-mediatheque .mediatheque-data-image {
        width: 27.5%;
    }
}

body.i18n-ar .effective input {
    padding-right: 55px;
}

body.i18n-ar .titrePendu, body.i18n-ar .bodyPendu, body.i18n-ar .word li {
    float: right;
}

body.i18n-ar .images .image-insert img {
    float: left;
}

body.i18n-ar aside.sidebar .menu li {
    margin: 0;
}

body.i18n-ar .word h2 {
    position: absolute;
    right: 0;
    z-index: 100;
}

body.i18n-ar .jeu-financier .word input {
    right: 46px;
    margin-top: 15px;
}

body.i18n-ar .navbar-nav > li > a {
    font-size: 18px;
}

body.i18n-ar .navbar-nav .dropdown-menu > li > a {
    font-size: 16px;
    padding-right: 0px;
}

body.i18n-ar p, body.i18n-ar .glossary .result-bloc p, body.i18n-ar .lSize-16p, body.i18n-ar .newsletter form .form-group .btn {
    font-size: 17px;
}

body.i18n-ar .well .menu.nav li > a, body.i18n-ar #block-menu-menu-wet-footer li {
    font-size: 16px;
}

body.i18n-ar header .header-top .link {
    font-size: 14px;
}

body.i18n-ar .dropdown-menu {
    min-width: 180px;
}

body.i18n-ar .titrePendu {
    font-size: 18px;
}

body.i18n-ar p {
 /* text-align: right; */
}

body.i18n-ar .glossary .result-bloc {
    padding-left: 0;
}

body.i18n-ar .mCustomScrollBox {
    margin-right: 20px;
}

body.i18n-ar .bloc-mission p, body.i18n-ar .bloc-mission ul li {
    padding-left: 17px;
    font-size: 16px;
}

.bloc-mission ul li {
    color: #5c7c85;
}

body.i18n-ar .carte.event .wrapper .title {
    text-align: right;
}

body.i18n-ar .carte.event .wrapper .title:after {
    right: initial;
    left: 0;
}

body.i18n-ar .carte.items .item .title a span {
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
    padding-right: 0;
}

body.i18n-ar .mission-simulator .title {
    margin-left: 17px;
}

body.i18n-ar .carte.games .title {
    font-size: 50px;
    margin-bottom: 21px;
}

body.i18n-ar .jeuPendu-bloc-haut .bodyPendu p {
    font-size: 16px;
}

body.i18n-ar .ui-datepicker th {
    padding: 0;
}

body.i18n-ar .well .menu.nav li .dropdown-menu {
    padding: 0;
}

body.i18n-ar .field-name-body pre {
    background-color: #fff !important;
    font-size: 16px !important;
}

body.i18n-ar #edit-tries-answer tbody tr td {
    padding: 0;
}

body.i18n-ar #edit-tries-answer .table-responsive {
    font-size: 12px;
}

body.i18n-ar .WordSection1 span {
    font-size: 16px !important;
}

body.i18n-ar .game-wrapper .WordSection1 span {
    font-size: 22px !important;
}

body.i18n-ar .game-wrapper .WordSection1 p {
    text-align: center;
}

.pendu-box .images ul {
    list-style: none;
}

.navbar-nav .dropdown-menu li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#block-menu-block-1 {
    display: none;
}

.popup_ultim .popup-content p {
    text-align: center;
}

#find-word li p {
    text-align: center;
}

body.i18n-ar .tchange p {
    text-align: center;
}

#edit-tries-answer td {
    padding-left: 22px;
    padding-top: 0px;
}

#edit-tries-answer .form-item-tries-answer {
    margin-top: -4px !important;
}

#edit-tries-answer {
    margin-left: -25px;
}

.actualite-details li {
    color: #5c7c85;
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 16px;
}

.node-type-article .wysiwyg li {
    font-size: 16px;
}

.listin-detail-actualites img {
    padding-left: 10px;
    padding-bottom: 5px;
}

.node-type-article .wysiwyg table, .node-type-article .wysiwyg table td {
    background: transparent !important;
}

.c-types .item {
    max-height: 88px;
    margin-bottom: 14px !important;
}
/* added last update */
    .carousel-inner .item .file {
        clear: both;
        float: none;
    }
    .carousel-caption {
        top: 30%;
        bottom: inherit;
        text-shadow:inherit;
      /*  text-align: left; */
        position:initial;
        z-index: inherit;
    }
    .carousel-caption p {
        color:#4d727b;
    }
    .carousel-caption h3{
        color: #0F72B6;
    }
    .carousel-control .icon-next,.carousel-control .icon-prev{
        font-size: 60px;
        margin-top: -30px;
        direction: ltr;
    }
    .carousel-caption h3{
        font-size: 28px;
    }
    .carousel-caption a{
        background-color: #cd396d;
        padding: 8px 20px; 
        font-weight:bold;
        font-size:18px;
        color: #ffffff;
        border-radius: 4px;
        text-decoration: none;
        display: inline-block;
        margin-top: 20px;
        box-shadow: 0 1px 2px rgba(0,0,0,.6);
        text-shadow: none;
    }
    .carousel-caption a:hover{
        background-color: #EFEFEF;
        color: #cd396d;
    }
    .carousel-indicators .active{
        width:32px;
        height : 8px;
        margin: 0 0 0 10px;
    }
    .carousel-indicators li{
        height : 8px;
        width:32px;
        border-radius :2px;
        background-color: #aaaaaa78;
        margin: 0 0 0 10px;
    }
    .carousel-control .icon-prev{
        left:20%;
    }
    .carousel-control .icon-next{
        right:20%;
    }
    #block-views-slider-homepage-block{
        margin-bottom: 20px;
    }
    .vtheque-line.views-row-first ,.vtheque-line.views-row-last, .vtheque-line .content ,.file.file-video.file-video-youtube , .media-youtube-video.media-youtube-1,  .media-youtube-video.media-youtube-2 , .media-youtube-video.media-youtube-3 , .media-youtube-video.media-youtube-4,.vtheque-line .file {
        background-color: transparent;
        background: none;
        padding-left : 0;
    }
    .carousel-inner .col-sm-6{
        padding-left:0; 
    }
    .carousel-indicators{
        left:56%;
    }
    .i18n-ar .carousel-indicators{
       /* left:44%; */
    }
    .carousel-indicators .active{
        background-color: #575757;
    }
    .carousel-caption.carousel-gauche{
        text-align:left;
        left:10%;
    }
    .i18n-ar .carousel-caption.carousel-gauche{
        text-align: right;
        right: 48%;
    }
    .carousel-caption.carousel-droite{
        text-align:right;
        left:40%;
    }
    .i18n-ar  .carousel-caption.carousel-droite{ 
        right: 10%;
    }
    .carousel-caption.carousel-center{
       /* width:50%; */
       text-align:center;
    }
    .carousel-indicators{
        position: inherit;
        margin: 20px 0 0 0;
        width: 100%;
        left: inherit;
        top: inherit;
        bottom: inherit;
    }

@media screen and (max-width: 768px){
    .carousel-caption{
        top:10%;
    }
    .carousel-caption h3{
        font-size:16px;
    }
    .carousel-caption p{
        /*display: none;*/
    }
    .carousel-caption a{
        margin-top:0px;
        font-size:14px;
    }
    .carousel-indicators{
        bottom: -9px;
        display: none;
    }
    .carousel-control .icon-next,.carousel-control .icon-prev{
        margin-top: -40px;
        left : 40%;
    }
    .carousel-caption.carousel-gauche{
       /* width:50%; */
        text-align:center;
        left:10%;
    }
    .carousel-caption.carousel-droite{
        width:50%;
        text-align:right;
        left:40%;
    }
    .carousel-caption.carousel-center{
       /* width:50%; */
        text-align:center;
    }
}
.carousel-control.right,.carousel-control.left{
    background-image:none;

}
@media screen and (min-width: 768px){
    .header-search{
        text-align:right;
    }
    .i18n-ar .header-search{
        text-align:left;
    }
    .i18n-ar header .header-top .logo{
        float: right;
    }
}

.front .col-md-12.region-laurier-top {
    display: none;
}
/* last update */