@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

/*
Open Sans
- light : 300
- normal : 400
- medium : 500
- semibold : 600
- bold : 700
- extrabold : 800

Open Sans Condensed
- light : 300
- bold : 700
*/
/*styles génériques*/
* {
    margin: 0;
    padding: 0;
    outline: none;
}

html, body {
    width: 100%;
    height: 100%;
}

object, embed {
    position: relative;
    z-index: 1;
}

ul, ol, li {
    list-style: none;
}

.content_cms ol > li {
    list-style: decimal;
    margin-left: 20px;
}

.content_cms ul > li {
    list-style: disc;
    margin-left: 20px;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
    height: auto;
}

table {
    width: 100% !important;
}

iframe {
    max-width: 100%;
    height: 100%;
}

.z1, .z2, .z3, .z4, .z5 {
    position: relative;
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z4 {
    z-index: 4;
}

.z5 {
    z-index: 5;
}

.text-normal {
    text-transform: none !important;
}

@media (min-width: 1280px) {
    .nowrap {
        white-space: nowrap;
    }
}

html {
    font-size: 62.5%;
}

/*@media (max-width: 1280px) {
html{
	font-size:55%;
}
}
@media (max-width: 1024px) {
html{
	font-size:50%;
}
}
@media (max-width: 768px) {
html{
	font-size:45%;
}
}
@media (max-width: 640px) {
html{
	font-size:40%;
}
}*/
@media (max-width: 479px) {
    html {
        font-size: 55%;
    }
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #1076bf;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    background-color: #fff;
}

/**/
body.maintenance {
    background: url(../img/Page_attente_nouveau_site.jpg) center top repeat-x;
}

/**/
.bloc_br {
    display: block;
}

.letter {
    letter-spacing: normal;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a, a:hover, a:focus {
    color: inherit !important;
}

/**/
.condensed {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
}

.decal {
    position: relative;
    top: 3px;
}

.f30 {
    font-size: 30px;
    font-size: 3.0rem;
}

.f24 {
    font-size: 24px;
    font-size: 2.4rem;
}

.f22 {
    font-size: 22px;
    font-size: 2.2rem;
}

.f18 {
    font-size: 18px;
    font-size: 1.8rem;
}

.f16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.f14 {
    font-size: 14px;
    font-size: 1.4rem;
}

/*FIN styles génériques*/

.max_content {
    max-width: 1300px;
    margin: 0 auto;
}

.container {
    max-width: 100%;
}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .full479 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }
}

.show992 {
    display: none;
}

.show1024 {
    display: none;
}

.hide992 {
}

.show480 {
    display: none;
}

.hide480 {
}

/**/
header {
    padding-top: 65px;
}

header > nav {
    background-color: #353535;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 65px;
}

header nav > ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    width: 100%;
    text-align: center;
}

header nav > ul > li {
    display: inline-block;
    vertical-align: middle;

    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
}

header nav > ul > li.column {
    position: relative;
    z-index: 1;
}

header nav > ul > li.home {

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    max-width: 80px;
    background-color: #353535;
}

header nav > ul > li.home > a {
    display: block;
    width: 100%;
    height: 65px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/menu_accueil.png) center center no-repeat;
}

header nav > ul > li.parent {
    background-color: #ff6633;
}

header nav > ul > li.parent .sub {
    /*background-color:rgba(89,176,239,0.85);*/
    color: #f8dab4;
}

header nav > ul > li.parent .sub li a {
    background-color: #ff6633;
    background-position: center center;
    background-repeat: no-repeat;
}

header nav > ul > li.parent .sub li.most a {
    /*background-color:#052976;*/
}

header nav > ul > li.parent .sub li a.link_compte {
    background-image: url(../img/link_compte.png);
}

header nav > ul > li.parent .sub li a.link_fact {
    background-image: url(../img/link_fact.png);
}

header nav > ul > li.parent .sub li a.link_allfact {
    background-image: url(../img/link_allfact.png);
}

header nav > ul > li.parent .sub li a.link_freq {
    background-image: url(../img/link_freq.png);
}

header nav > ul > li.parent .sub li a.link_insc {
    background-image: url(../img/link_insc.png);
}

header nav > ul > li.parent .sub li a.link_regl {
    background-image: url(../img/link_regl.png);
}

header nav > ul > li.parent .sub li a.link_faq {
    background-image: url(../img/link_faq.png);
}

header nav > ul > li.parent .sub li a.link_support {
    background-image: url(../img/link_support.png);
}

header nav > ul > li.pe {
    background-color: #509f24;
}

header nav > ul > li.pe .sub {
    /*background-color:rgba(111,174,92,0.85);*/
    color: #cef4c6;
}

header nav > ul > li.pe .sub li a {
    background-color: #509f24;
    background-position: center center;
    background-repeat: no-repeat;
}

header nav > ul > li.pe .sub li.most a {
    /*background-color:#1b8305;*/
}

header nav > ul > li.pe .sub li a.link_pecompte {
    background-image: url(../img/link_pecompte.png);
}

header nav > ul > li.pe .sub li a.link_pecredit {
    background-image: url(../img/link_pecredit.png);
}

header nav > ul > li.pe .sub li a.link_pehisto {
    background-image: url(../img/link_pehisto.png);
}

header nav > ul > li.pe .sub li a.link_pecarte {
    background-image: url(../img/link_pecarte.png);
}

header nav > ul > li.pe .sub li a.link_peinsc {
    background-image: url(../img/link_peinsc.png);
}

header nav > ul > li.pe .sub li a.link_peregl {
    background-image: url(../img/link_peregl.png);
}

header nav > ul > li.pe .sub li a.link_pesupport {
    background-image: url(../img/link_pesupport.png);
}

header nav > ul > li.cms {
    background-color: #007fc3;
}

header nav > ul > li.cms .sub {
    /*background-color:rgba(243,149,77,0.85);*/
    color: #b4dcf8;
}

header nav > ul > li.cms .sub li a {
    background-color: #007fc3;
    background-position: center center;
    background-repeat: no-repeat;
}

header nav > ul > li.cms .sub li a.link_cms_presentation {
    background-image: url(../img/link_cms_presentation.png);
}

header nav > ul > li.cms .sub li a.link_cms_ecoles {
    background-image: url(../img/link_cms_ecoles.png);
}

header nav > ul > li.cms .sub li a.link_cms_actus {
    background-image: url(../img/link_cms_actus.png);
}

header nav > ul > li.cms .sub li a.link_cms_comite {
    background-image: url(../img/link_cms_comite.png);
}

header nav > ul > li.cms .sub li a.link_cms_publis {
    background-image: url(../img/link_cms_publis.png);
}

header nav > ul > li.cms .sub li a.link_cms_regl {
    background-image: url(../img/link_cms_regl.png);
}

header nav > ul > li.cms .sub li a.link_cms_support {
    background-image: url(../img/link_cms_support.png);
}

header nav > ul > li.cms .sub li a.link_cms_tarifs {
    background-image: url(../img/link_cms_tarifs.png);
}

header nav > ul > li.cms .sub li a.link_cms_elections {
    background-image: url(../img/link_cms_elections.png);
}

header nav > ul > li.cms .sub li a.link_cms_echeancier {
    background-image: url(../img/link_cms_echeancier.png);
}

header nav > ul > li.cms .sub li a.link_cms_produit {
    background-image: url(../img/link_cms_produit.png);
}

header nav > ul > li.menus {
    background-color: #c33885;
}

header nav > ul > li.menus .sub {
    background-color: #eb62ae;
    color: #fff;
}

header nav > ul > li.menus .sub li a {
}

header nav > ul > li > span {
    display: block;
    width: 100%;
    height: 65px;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    cursor: pointer;
    background: url(../img/menu_off.png) right center no-repeat;
    text-transform: uppercase;
    padding-left: 28px;
    line-height: 65px;
    font-weight: 700;
    text-align: left;
}

header nav > ul > li:hover > span, header nav > ul > li.active > span {
    background: url(../img/menu_on.png) right center no-repeat;
}

header nav > ul > li.menus > span {
    text-align: center;
    padding-left: 0;
}

header nav > ul > li.menus > span:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    background: url(../img/menu_menus.png) 0 0 no-repeat;
    width: 27px;
    height: 41px;
    margin-right: 12px;
}

header nav > ul > li .sub {
    display: none;
}

header nav > ul > li.full .sub {
    position: fixed;
    top: 65px;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    padding-top: 45px;
    padding-bottom: 185px;
    background-color: rgba(53, 53, 53, 0.85);
}

header nav > ul > li.active .sub {
    display: block;
}

header nav > ul > li.full .sub li {
    margin-bottom: 25px;
}

header nav > ul > li.full .sub a {
    display: block;
    width: 100%;
    height: 205px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 134px;
}

header nav > ul > li.column .sub {
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: left;
    padding-top: 25px;
}

header nav > ul > li.column .sub .zone_link .le {
    padding-bottom: 40px;
}

header nav > ul > li.column .sub .zone_link .le > span {
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 14px;
    display: inline-block;
    margin-bottom: 20px;
}

header nav > ul > li.column .sub .le li {
    display: block;
    padding: 0 18px;
    border-bottom: solid 1px #ec8ac0;
}

header nav > ul > li.column .sub .le li a {
    padding: 12px 0;
    display: block;
    background: url(../img/puce_li_link.png) right center no-repeat;
}

header nav > ul > li .sub .mclose {
    background: url(../img/menu_close.png) center center no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: right;
    margin-bottom: 35px;
}

header nav > ul > li.column .sub .mclose {
    margin-right: 35px;
    float: none;
    display: inline-block;
    margin-bottom: 16px;
}

@media (min-width: 992px) {
    header nav > ul > li .sub li.deco a {
        background: none;
        color: #fff !important;
        text-transform: none;
        text-decoration: underline;
        padding: 0;
        width: auto;
        height: auto;
        display: inline-block;
    }
    #tools {
        position: fixed;
        left: 0px;
        top: 50%;
        /*z-index: 9998;*/
        background-color: #ffffff;
        margin-top: -77px;
        background-position: 50% 0px;
        -moz-border-radius-topright: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-radius: 0 8px 8px 0;
        border: solid 1px #0C7FCC;
        padding-top: 6px;
        padding-bottom: 9px;
        padding-left: 4px;
        padding-right: 5px;
    }

    #tools li {
        list-style-type: none;
        color: #ffffff;
        vertical-align: middle;
    }

    #tools a.faq {
        background-image: url(../img/tools/faq.png);
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #r-faq:hover {
        /*background-image: url(../img/tools/faq_blue.png);
        width: 32px;
        height: 32px;
        background-size: contain;
        background-repeat: no-repeat;*/
    }

    #tools a.contact {
        background-image: url(../img/tools/contact_2.png);
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #r-contact:hover {
        /*background-image: url(../img/tools/contact_blue_2.png);
        width: 32px;
        height: 32px;
        background-size: contain;
        background-repeat: no-repeat;*/
    }

    #tools img {
        width: 32px;
        height: 32px;
    }
}

/**/
.navbar-toggle {
    display: none;
    position: relative;
    float: right;
    background-image: none;
    background-color: rgba(0, 51, 153, 0.3);
    border: none;
    height: 80px;
    width: 90px;
    margin: 0;
    border-radius: 0;
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 29px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background .2s;
    transition: background .2s
}

.navbar-toggle span:after, .navbar-toggle span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 29px;
    height: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.navbar-toggle span:after {
    -webkit-transform: translateY(11px);
    -ms-transform: translateY(11px);
    transform: translateY(11px)
}

.navbar-toggle span:before {
    -webkit-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    transform: translateY(-11px)
}

header.active .navbar-toggle span {
    background: 0 0
}

header.active .navbar-toggle span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

header.active .navbar-toggle span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg)
}

/**/
.jspDrag {
    background-color: #7e1c52;
}

.jspTrack {
    background-color: #c33885;
}

/**/
header .entete {
    background: url(../img/fond_ciel.png) 0 0 repeat-x;
    height: 260px;
}

header .scene {
    padding-top: 48px;
    height: 100%;
    background: url(../img/entete.png) center top no-repeat;
}

.inside header .entete {
    height: 165px;
    background: url(../img/fond_ciel_inside.png) 0 0 repeat-x;
}

.inside header .scene {
    padding-top: 0;
    background: url(../img/entete_inside.png) center top no-repeat;
}

.inside .site-logo {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 165px;
}

.inside .site-logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.inside .site-logo a img {
    display: none;
}

@media (max-width: 992px) {
    body {
        background: url(../img/bg_mobile_nuage.png) 0 0 no-repeat fixed,
        url(../img/bg_mobile_fond.png) 0 0 repeat-x #fff fixed;
    }

    header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        padding-top: 0;
    }

    header.active {
        position: absolute;
        z-index: 999;
    }

    header nav {
        background: none;
        float: right;
        width: auto;
        max-width: 100%;
        height: auto;
        position: relative;
        z-index: 2;
    }

    header nav > ul {
        display: none;
        width: 390px;
        max-width: 100%;
        height: auto;
        float: right;
        clear: both;
    }

    header.active nav > ul {
        display: block;
    }

    header nav > ul > li .sub .mclose {
        display: none !important;
    }

    header nav > ul li {
        display: block;
    }

    header nav > ul > li > span {
        padding-left: 15px;
        font-size: 30px;
        font-size: 3rem;
        height: auto;
        line-height: 1;
        padding-top: 25px;
        padding-bottom: 12px;
        cursor: default;
    }

    header nav > ul > li > span, header nav > ul > li:hover > span, header nav > ul > li.active > span {
        background: none;
    }

    header nav > ul > li.full .sub, header nav > ul > li.column .sub {
        position: relative;
        display: block;
        top: 0;
        min-height: 1px;
        height: auto;
        padding: 0;
        background: none;
        text-align: left;
        padding-bottom: 10px;
    }

    header nav > ul > li.full .sub ul {
        margin: 0;
    }

    header nav > ul > li.full .sub li, header nav > ul > li.column .sub li {
        display: block;
        padding: 0;
        border-bottom: solid 1px #fff;
        text-align: left;
        color: #fff;
        font-size: 20px;
        font-size: 2rem;
        margin: 0;
    }

    header nav > ul > li.column .sub .show992 li {
        border-bottom: none;
    }

    header nav > ul > li.column .sub li {
        padding: 0 15px;
    }

    header nav > ul > li.full .sub li:last-child {
        border-bottom: none;
    }

    header nav > ul > li.menus > span {
        text-align: left;
        padding-left: 15px;
    }

    header nav > ul > li.menus > span:before {
        display: none;
    }

    header nav > ul > li.full .sub a, header nav > ul > li.column .sub a {
        padding: 15px 0;
        display: block;
        background: none;
        background: url(../img/puce_li_link.png) right center no-repeat !important;
        height: auto;
        text-align: left;
        text-transform: none;
    }

    header .entete, .inside header .entete {
        background: none;
        height: 100%;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

    header .scene, .inside header .scene {
        padding-top: 0;
        height: 100%;
        background: none;
        position: relative;
        z-index: 1;
    }

    .site-logo, .inside .site-logo {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 80px;
        background-color: rgba(218, 238, 250, 0.45);
    }

    .site-logo.white, .inside .site-logo.white {
        background-color: #fff;
    }

    /*.site-logo a, .inside .site-logo a{
				display:block;
				width:100%;
				height:80px;
				background:url(../img/mobile_logo.png) center center no-repeat;
			}*/
    .site-logo a, .inside .site-logo a {
        display: block;
        width: 100%;
        height: 80px;
        background: url(../img/mobile_logo.png) center center no-repeat;
    }

    .site-logo a img {
        display: none;
    }

    /*.site-logo a:before{
				content:' ';
				display:block;
				width:89px;
				height:80px;
				background:url(../img/mobile_home.png) center center no-repeat;
			}*/
    /*.site-logo a:before{
				content:' ';
				display:block;
				width:20px;
				height:20px;
				background:url(../img/h.png) center center no-repeat;
				background-size:auto 100%;
				position:relative;
				top:10px;
				left:10px;
			}*/
    .navbar-toggle {
        display: block;
    }

    #site {
        padding-top: 80px;
        position: relative;
        z-index: 55;
    }

    #page {
        background-color: #fff;
    }
}

@media (max-width: 450px) {
    .site-logo a, .inside .site-logo a {
        background: url(../img/mobile_logo.png) 30% center no-repeat;
    }
}

/**/
footer {
    background-color: #353535;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 30px;
}

footer ul {
    margin-bottom: 0;
}

footer li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    padding-left: 30px;
    height: 36px;
    line-height: 36px;
    border-left: solid 2px #fff;
    margin-bottom: 30px;
}

footer li:first-child {
    padding-left: 0;
    border-left: none;
}

footer li:last-child {
    display: block;
    padding-left: 0;
    border-left: none;
}

footer li a {
    text-transform: uppercase;
    font-weight: 700;
}

/**/
.btn_actus {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    font-weight: 700;
    text-shadow: none;
}

.btn_actus.more {
    background: url(../img/btn_actus_more.png) right center no-repeat #b4dcf8;
    color: #007fc3 !important;
    width: 300px;
}

.btn_actus.video {
    background: url(../img/icon_video.png) right center no-repeat #FED8D8;
    color: #007fc3 !important;
    width: 300px;
}

.btn_actus.all {
    background: url(../img/btn_actus_all.png) right center no-repeat #007fc3;
    color: #fff !important;
    width: 300px;
}

.pop-video {
    width: 194px;
    position: absolute;
    left: 42%;
    bottom: 20px;
    z-index: 9999;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    border-top-right-radius: 23px;
    background-color: #b22424;
}

.pop-video span {
    position: absolute;
    top: 24%;
    left: 61px;
    color: #ffffff;
    font-size: 19px;
    width: 116px;
    font-weight: bolder;
}

.carousel_actus {
    margin-bottom: 30px;
}

.carousel_actus .btn_actus {
    width: 175px;
    margin: 3px 0;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom: 10px;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    width: 10px !important;
    height: 10px !important;
    margin: 1px !important;
}

.carousel-btn {
    bottom: auto;
    top: 220px;
    left: 80px;
    right: auto;
    text-align: left;
    line-height: normal;
    position: absolute;
    z-index: 30;
}

.carousel-caption {
    bottom: auto;
    top: 60px;
    left: 80px;
    right: auto;
    text-align: left;
    line-height: normal;
    height: 50px;
}

.carousel-caption .titre {
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px;
}

.carousel-caption .titre span {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
}

.carousel-caption .more {
}

/**/
div.alerte {
    margin-bottom: 15px;
    color: #c80d0d;
    font-weight: 600;
}

div.alerte .content {
    background: url(../img/picto_alerte.png) 23px center no-repeat #fbe6e7;
    padding: 15px;
    padding-left: 95px;
    padding-right: 65px;
    border: solid 1px #fceded;
}

@media (max-width: 992px) {
    div.alerte {
        margin-bottom: 0;
        font-size: 13px;
        font-size: 1.3rem;
    }

    div.alerte .content {
        padding-right: 25px;
    }
}

/**/
section.menus {
    margin-bottom: 15px;
}

section.menus .liste {
    display: none;
    height: 172px;
    background-color: #c33885;
    text-align: center;
}

section.menus .liste .titre {
    padding: 20px;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
}

section.menus .liste form {
    position: relative;
    z-index: 1;
    width: 615px;
    margin: auto;
}

section.menus .liste span {
    display: block;
    background: url(../img/picto_ecole_bloc_menus.png) center center no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 1;
}

section.menus .liste .select {
    width: 615px;
    margin: auto;
    height: 50px;
    background: url(../img/custom_select.png) right center no-repeat #fff;
    overflow: hidden;
    padding-top: 8px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
}

section.menus .liste .select select {
    border: none;
    background: none;
    width: 120%;
    color: #c33885;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
}

section.menus .entree {
    height: 172px;
}

section.menus .entree .cta {
    float: left;
    width: 60%;
    background: url(../img/bg_bloc_menus.png) 0 0 no-repeat #c33885;
    position: relative;
    z-index: 2;
    height: 172px;
    cursor: pointer;
}

section.menus .entree .cta:after {
    content: ' ';
    background-color: #c33885;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    z-index: 1;
    margin: auto;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

section.menus .entree .cta span {
    display: inline-block;
    text-align: center;
    margin-left: 245px;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    font-weight: 700;
    width: 165px;
    margin-top: 35px;
}

section.menus .entree .part_iqc {
    float: left;
    width: 40%;
    background-color: #e1f1dc;
    position: relative;
    z-index: 1;
    height: 172px;
    padding-top: 15px;
    text-align: center;
}

section.menus .entree .part_iqc .titre {
    text-align: center;
    font-weight: 600;
    color: #4ba02e;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem;
}

section.menus .texte_charte {
    display: none;
}

.prct_iqc {
    position: relative;
    z-index: 1;
    width: 30%;
    height: 125px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.prct_iqc .label {
    display: block;
    text-align: center;
    color: #c33885;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.prct_iqc .jauge {
    display: none;
}

.prct_iqc .le_prct {
    text-align: center;
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    z-index: 2;
    color: #4ba02e;
    font-weight: 800;
    height: 25px;
    margin: auto;
}

.prct_iqc .le_prct sup {
    font-weight: 600;
}

@media (max-width: 992px) {
    body.page_accueil #site {
        padding-top: 330px;
    }

    section.menus {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: 0;
        height: 250px;
        background: url(../img/cityscape_menu_home.png) center 75% no-repeat;
        background-size: 100% auto;
    }

    section.menus > .container {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: auto;
        width: 195px;
        height: 195px;
        border-radius: 50%;
        background-color: rgba(195, 56, 133, 0.3);
        padding: 16px;
    }

    section.menus > .container > * {
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: #c33885;
        border-radius: 50%;
    }

    .part_iqc {
        display: none;
    }

    section.menus .entree {
        height: 100%;
    }

    section.menus .entree .cta {
        width: 100%;
        background: none;
        padding: 0;
        font-size: 32px;
        font-size: 3.2rem;
        height: auto;
        background: url(../img/puce_titre.png) center bottom no-repeat;
        padding-top: 30px;
        padding-bottom: 40px;
        line-height: 38px;
    }

    section.menus .entree .cta:after {
        display: none;
    }

    section.menus .entree .cta span {
        margin: 0;
        font-size: 32px;
        font-size: 3.2rem;
        width: 100%;
    }
}

@media (max-width: 479px) {
    section.menus {
        background: url(../img/cityscape_menu_home.png) center 105% no-repeat;
        background-size: 100% auto;
    }
}

/**/
section.cross {
    padding-bottom: 35px;
}

.espace.parents {
    background: url(../img/bg_bloc_parents.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    min-height: 385px;
    margin-bottom: 15px;
}

.espace.pe {
    background: url(../img/bg_bloc_pe.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    min-height: 239px;
    margin-bottom: 0;
}

.espace > .titre {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 36px;
    font-size: 3.6rem;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.espace.parents > .titre {
    height: 385px;
    line-height: 385px;
}

.espace.pe > .titre {
    height: 239px;
    line-height: 239px;
}

.espace > .titre span {
    position: relative;
    z-index: 1;
}

.espace.parents > .titre span:after, .espace.pe > .titre span:after {
    content: ' ';
    display: block;
    background: url(../img/puce_titre.png) center center no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: auto;
    z-index: 1;
}

.espace.open > .titre {
    height: 110px !important;
    line-height: 110px !important;
}

.espace.open > .titre span:after {
    background: url(../img/puce_titre_open.png) center center no-repeat;
    bottom: -20px;
}

.espace > .container {
    display: none;
    overflow: hidden;
    max-width: 100%;
    color: #fff;
    padding: 10px;
    padding-top: 0;
}

.espace.parents > .container {
    background-color: #f8a53e;
    color: #f8dab4;
}

.espace.pe > .container {
    background-color: #8ec549;
    color: #cef4c6
}

.espace > .container > .row {
    margin-left: -5px;
    margin-right: -5px;
}

.espace > .container > .row > div {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

.espace a {
    display: block;
    width: 100%;
    height: 105px;
    text-align: left;
    text-transform: uppercase;
    line-height: 105px;
    padding-left: 120px;
    background-position: 25px center;
    background-repeat: no-repeat;
}

.espace.parents a {
    background-color: #ff6633;
}

.espace.pe a {
    background-color: #509f24;;
}

.espace .most a {
    height: 130px;
    line-height: 130px;
    font-size: 30px;
    font-size: 3.0rem;
    padding-left: 180px;
    background-position: 80px center;
}

/*.espace.parents .most a{
					background-color:#052976;
				}*/
.espace a.link_compte {
    background-image: url(../img/bloc_link_compte.png);
}

.espace a.link_fact {
    background-image: url(../img/bloc_link_fact.png);
}

.espace a.link_allfact {
    background-image: url(../img/bloc_link_allfact.png);
}

.espace a.link_freq {
    background-image: url(../img/bloc_link_freq.png);
}

.espace a.link_insc {
    background-image: url(../img/bloc_link_insc.png);
}

.espace a.link_faq {
    background-image: url(../img/bloc_link_faq.png);
}

.espace a.link_support {
    background-image: url(../img/bloc_link_support.png);
}

.espace a.link_pecompte {
    background-image: url(../img/bloc_link_pecompte.png);
}

.espace a.link_pecredit {
    background-image: url(../img/bloc_link_pecredit.png);
    background-position: 70px center;
}

.espace a.link_pehisto {
    background-image: url(../img/bloc_link_pehisto.png);
}

.espace a.link_pecarte {
    background-image: url(../img/bloc_link_pecarte.png);
}

.espace a.link_peinsc {
    background-image: url(../img/bloc_link_peinsc.png);
}

.espace a.link_peregl {
    background-image: url(../img/bloc_link_peregl.png);
}

.espace a.link_pesupport {
    background-image: url(../img/bloc_link_pesupport.png);
}

.espace .deco {
    margin-bottom: 0 !important;
}

.espace .deco a {
    height: 58px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 58px;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
}

.bloc_cms {
    background: url(../img/bg_bloc_cms.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    min-height: 282px;
    margin-bottom: 0;
    margin-right: -15px;
}

.bloc_cms > .container {
    max-width: 100%;
    background-color: #007fc3;
}

.bloc_cms > .titre {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 36px;
    font-size: 3.6rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    height: 251px;
    line-height: 251px;
}

.bloc_cms span {
    position: relative;
    z-index: 1;
}

.bloc_cms ul {
    margin-bottom: 0;
}

.bloc_cms li {
    padding: 0 20px;
    color: #fff;
}

.bloc_cms li a {
    display: inline-block;
    background: url(../img/puce_li_link.png) right center no-repeat;
    padding: 13px 0;
    font-size: 20px;
    font-size: 2.0rem;
    border-bottom: solid 1px #fff;
    width: 100%;
}

.bloc_cms li.noborder a, .bloc_cms li:nth-last-child(2) a {
    border-bottom: none;
}

.bloc_cms li:last-child a {
    border-bottom: none;
}

.bloc_cms li a.link_cms_contact {
    display: block;
    width: 100%;
    height: 110px !important;
    text-align: left;
    text-transform: uppercase;
    line-height: 90px !important;
    padding: 0;
    padding-left: 110px;
    background-position: 0 center;
    background-repeat: no-repeat;
    border: solid 10px #89c9f7;
    color: #b4dcf8 !important;
    background-image: url(../img/bloc_link_cms_contact.png);
    font-weight: 500;
}

@media (max-width: 992px) {
    section.cross {
        max-width: 640px;
        margin: 0 auto;
        padding-bottom: 0;
        position: relative;
        z-index: 2;
    }

    .espace.parents, .espace.pe {
        min-height: 122px;
        margin-bottom: 0;
    }

    .espace.parents > .titre, .espace.pe > .titre {
        height: 122px;
        line-height: 122px;
        white-space: nowrap;
    }

    .espace.open > .titre {
        height: 122px !important;
        line-height: 122px !important;
    }

    .espace a {
        display: block;
        width: 100%;
        height: 170px;
        text-align: center;
        text-transform: uppercase;
        line-height: normal;
        padding-left: 0;
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 110px;
        background-size: 200px auto;
    }

    .espace .most a {
        height: 170px;
        line-height: normal;
        font-size: 23px;
        font-size: 2.3rem;
        padding-left: 150px;
        background-position: -15px center;
        padding-top: 52px;
        text-align: left;
        padding-right: 20px;
        background-size: auto auto;
    }

    .espace a.link_compte {
        background-image: url(../img/bloc_link_compte992.png);
    }

    .espace a.link_fact {
        background-image: url(../img/bloc_link_fact992.png);
    }

    .espace a.link_allfact {
        background-image: url(../img/bloc_link_allfact992.png);
    }

    .espace a.link_freq {
        background-image: url(../img/bloc_link_freq992.png);
    }

    .espace a.link_insc {
        background-image: url(../img/bloc_link_insc992.png);
    }

    .espace a.link_faq {
        background-image: url(../img/bloc_link_faq992.png);
    }

    .espace a.link_support {
        background-image: url(../img/bloc_link_support992.png);
    }

    .espace a.link_pecompte {
        background-image: url(../img/bloc_link_pecompte992.png);
    }

    .espace a.link_pecredit {
        background-image: url(../img/bloc_link_pecredit992.png);
    }

    .espace a.link_pehisto {
        background-image: url(../img/bloc_link_pehisto992.png);
    }

    .espace a.link_pecarte {
        background-image: url(../img/bloc_link_pecarte992.png);
    }

    .espace a.link_peinsc {
        background-image: url(../img/bloc_link_peinsc992.png);
    }

    .espace a.link_peregl {
        background-image: url(../img/bloc_link_peregl992.png);
    }

    .espace a.link_pesupport {
        background-image: url(../img/bloc_link_pesupport992.png);
    }

    .bloc_cms {
        margin-right: 0;
        min-height: 122px;
    }

    .bloc_cms ul {
        margin-bottom: 0;
    }

    .bloc_cms > .titre {
        cursor: pointer;
        height: 122px;
        line-height: 122px;
    }

    .bloc_cms > .titre span:after {
        content: ' ';
        display: block;
        background: url(../img/puce_titre.png) center center no-repeat;
        width: 28px;
        height: 28px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -25px;
        margin: auto;
        z-index: 1;
    }

    .bloc_cms.open > .titre span:after {
        background: url(../img/puce_titre_open.png) center center no-repeat;
        bottom: -20px;
    }

    .bloc_cms > .container {
        display: none;
    }
}

@media (max-width: 479px) {
    .espace.pe {
        background: url(../img/bg_bloc_pe.jpg) 0 top no-repeat;
        background-size: 120% auto;
    }
}

/**/
.bandeau_titre {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
    padding-bottom: 35px;
    padding-top: 8px;
    margin-bottom: 35px;
    background-color: #1076bf;
}

.bandeau_titre.noariane {
    padding-top: 25px;
    padding-bottom: 25px;
}

.bandeau_aside {
    font-weight: 700;
    padding: 10px;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
}

.bandeau_espace {
    height: 185px;
    margin-bottom: 60px;
    padding-top: 115px;
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff;
}

.space_parent .bandeau_espace {
    background: url(../img/bg_bloc_parents.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.space_pe .bandeau_espace {
    padding-top: 50px;
    background: url(../img/bg_bloc_pe.jpg) center 0 no-repeat;
    background-size: cover;
}

/*.poz_deco .row{
	position:relative;
	z-index:1;
	margin-top:-35px;
}*/
/*span.deco{
	display:inline-block;
	position:absolute;
	top:-1px;
	right:15px;
	z-index:1;
	padding:0 10px;
	height:40px;
	line-height:40px;
	text-align:right;
	font-size:14px;
	font-size:1.4rem;
	border:solid 1px #ff6633;
	color:#ff6633;
	font-weight:400;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}*/
@media (max-width: 992px) {
    .bandeau_titre {
        margin-bottom: 0;
        padding-bottom: 25px;
        padding-top: 25px;
    }

    /*.poz_deco .row{
	margin-top:0;
}*/
}

.ariane {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.ariane.alone {
    color: #959595;
}

.ariane a {
    text-decoration: underline;
}

.sub_content {
    min-height: 700px;
    padding-bottom: 50px;
}

@media (min-width: 992px) {
    .sub_content {
        background: url(../img/bg_sub_content_nuage.png) center bottom no-repeat,
        url(../img/bg_sub_content.png) left bottom repeat-x;
    }
}

.titre_part {
    line-height: 35px;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
    padding-left: 20px;
}

.titre_bold {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 15px;
    font-weight: 700;
}

.link_next {
    text-decoration: underline;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    background: url(../img/link_next.png) right center no-repeat;
    padding-right: 22px;
}

.marge {
    margin-bottom: 25px;
}

.see_desktop {
    background: url(../img/picto_see_desktop.png) 0 center no-repeat;
    padding: 20px 0;
    padding-left: 55px;
    font-size: 16px;
    font-size: 1.6rem;
}

.bloc_bg {
    padding: 25px;
    margin-bottom: 25px;
    background-color: #e6f6fe;
}

.bloc_bg.small_pad {
    padding: 12px;
}

.bloc_bg .dashed {
    position: relative;
    z-index: 1;
}

.bloc_bg .dashed:after {
    content: ' ';
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    border-bottom: dashed 1px #1076bf;
}

.bloc_bg .dashed > * {
    background-color: #e6f6fe;
    position: relative;
    z-index: 2;
    padding-right: 10px;
}

.bloc_bg .dashed > *.pull-right {
    padding-right: 0;
    padding-left: 10px;
}

.separation {
    margin-bottom: 25px;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background-color: #1076bf;
}

.bloc_bg .separation {
    background-color: #e0e0e0;
    height: 1px;
    width: auto;
    margin: 0 -25px;
    margin-bottom: 20px;
}

.bloc_bg.small_pad .separation {
    margin: 0 -12px;
    margin-bottom: 10px;
}

@media (max-width: 479px) {
    .bloc_bg {
        padding: 12px;
    }

    .bloc_bg .separation {
        margin: 0 -12px;
        margin-bottom: 10px;
    }
}

.bloc_bg.small_pad .marge {
    margin-bottom: 10px !important;
}

.separation.gris {
    background-color: #e0e0e0;
    height: 1px;
    width: auto;
    margin-bottom: 20px;
}

.btn-default {
    width: 100%;
    border-radius: 0;
    border: none;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #fff !important;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    background-color: #1076bf;
}

.btn-default.light {
    opacity: 0.5;
}

.btn-default:hover, .btn-default:focus {
    color: #fff !important;
}

.btn-small {
    padding: 8px 0;
}

.btn-inline {
    padding: 15px 20px;
    font-size: 18px;
    font-size: 1.8rem;
    width: auto;
}

.btn-big {
    text-align: left;
    height: 122px;
}

.btn-oranga {
    background-color: #f8a53e !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
}

.btn-verde {
    background-color: #8ec549 !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
}

.btn-jaune {
    text-align: center;
    background-color: #ffc600 !important;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
}

.btn-allfact {
    background-image: url(../img/btn_all_fact.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.btn-big > * {
    display: inline-block;
    vertical-align: middle;
}

.btn-big > span:first-child {
    width: 180px;
    height: 100%;
}

.btn-connect > span:first-child {
    background: url(../img/btn_connect.png) 0 center no-repeat !important;
}

.btn-subscribe > span:first-child {
    background: url(../img/btn_subscribe.png) 0 center no-repeat !important;
}

.btn-attestation > span:first-child {
    background: url(../img/btn_dlpdf.png) 0 center no-repeat !important;
}

.btn-pe_historique > span:first-child {
    background: url(../img/btn_pe_historique.png) 0 center no-repeat !important;
}

.btn-pe_reglement > span:first-child {
    background: url(../img/btn_pe_reglement.png) 0 center no-repeat !important;
}

.btn-child > span:first-child {
    background: url(../img/btn_inscrire_enfant.png) 0 center no-repeat !important;
}

.btn-wait {
    background: url(../img/mea_fact.png) 45px center no-repeat #1076bf !important;
    text-align: left;
    color: #fff;
    font-weight: 400;
    padding-left: 180px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1.25;
}

.btn-wait strong {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
}

.btn-pe_crediter {
    background: url(../img/mea_credit.png) 0 center no-repeat #1076bf !important;
    text-align: left;
    color: #fff;
    font-weight: 400;
    padding-left: 160px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1.25;
}

.btn-reglement {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    background-image: url(../img/btn_reglement.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
}

.btn-dossier {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    background-image: url(../img/btn_dossier.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-left: 180px;
    background-color: #f8a53e !important;
}

.form-control {
    border-radius: 0;
    padding: 9px 14px;
    box-shadow: none;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    height: auto;
    line-height: normal;
    color: #1076bf;
    border-color: #1076bf;
}

select.form-control {
    padding: 8px 14px;
}

.form-control::-webkit-input-placeholder {
    color: #4fabed;
    font-weight: 400;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #4fabed;
    font-weight: 400;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #4fabed;
    font-weight: 400;
}

.form-control:-ms-input-placeholder {
    color: #4fabed;
    font-weight: 400;
}

.form-control .alpha {
    color: #4fabed;
    font-weight: 400;
}

@media (max-width: 1102px) {
    .btn-pe_crediter {
        background: url(../img/mea_credit.png) 0 center no-repeat #1076bf !important;
        text-align: left;
        color: #fff;
        font-weight: 400;
        padding-left: 160px;
        padding-top: 40px;
        padding-bottom: 40px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        line-height: 1.25;
        font-size: 100%;
    }
}

@media (max-width: 992px) {
    .zone_btfull {
        width: 100%;
        padding: 0 !important;
    }

    .btn-default {
        /*font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-weight:400;*/
        font-size: 18px;
        font-size: 1.8rem;
    }

    .btn-allfact {
        background-image: url(../img/btn_all_fact.png);
        background-position: -45px center;
        background-repeat: no-repeat;
        padding: 25px 0;
    }

    .btn-big > span:first-child {
        width: 130px;
    }

    .btn-connect > span:first-child {
        background-position: center center !important;
    }

    .btn-subscribe > span:first-child {
        background-position: center center !important;
    }

    .btn-wait {
        position: relative;
        z-index: 1;
    }

    .btn-wait:after {
        content: ' ';
        background: url(../img/puce_li_link.png) center center no-repeat;
        width: 11px;
        height: 19px;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        margin: auto;
        right: 40px;
    }

    .btn-paiement {
        font-size: 24px;
        font-size: 2.4rem;
        height: 50px;
        line-height: 50px;
        padding: 0;
    }

    .btn-reglement {
        background-size: 100px auto !important;
        padding-left: 100px;
        text-align: left;
    }
}

@media (max-width: 800px) {
}

@media (max-width: 479px) {
    .btn-big {
        height: 100px;
    }

    .btn-big > span:first-child {
        width: 115px;
        background-size: 100% auto !important;
    }

    .btn-connect > span:first-child {
        background-size: 100% auto !important;
    }

    .btn-subscribe > span:first-child {
        background-size: 100% auto !important;
    }
}

@media (max-width: 470px) {
    .btn-dossier {
        background-image: url(../img/btn_dossier.png);
        background-position: -20px center;
        padding-left: 150px;
    }

    .btn-wait {
        background: url(../img/mea_fact.png) 10px center no-repeat #1076bf !important;
        padding-left: 125px;
    }
}

@media (max-width: 400px) {
    .btn-dossier {
        background-image: url(../img/btn_dossier.png);
        background-position: -50px center;
        padding-left: 100px;
    }

    .btn-reglement {
        background-position: -10px center;
        background-size: 100px auto !important;
        padding-left: 100px;
        text-align: left;
    }
}

/*couleur parent*/
.space_parent {
}

.space_parent .bandeau_titre {
    background-color: #ff6633;
}

.space_parent .bandeau_aside {
    background-color: #f8a53e;
}

.space_parent .titre_part, .space_parent .titre_bold {
    color: #ff6633;
}

.space_parent .bloc_bg {
    background-color: #fff1ed;
}

.space_parent .bloc_bg .dashed > * {
    background-color: #fff1ed;
}

.space_parent .btn-default {
    background-color: #ff6633;
}

.space_parent .form-control {
    border-color: #f8a53e;
}

/*couleur pe*/
.verde {
    color: #509f24 !important;
}

.space_pe {
}

.space_pe .bandeau_titre {
    background-color: #509f24;
}

.space_pe .bandeau_aside {
    background-color: #8ec549;
}

.space_pe .titre_part, .space_pe .titre_bold {
    color: #509f24;
}

.space_pe .bloc_bg {
    background-color: #ecfee2;
}

.space_pe .bloc_bg .dashed > * {
    background-color: #ecfee2;
}

.space_pe .btn-default {
    background-color: #509f24;
}

.space_pe .form-control {
    border-color: #8ec549;
}

/**/
.msg_erreur, .at-error {
    margin-bottom: 0;
    color: #dc4a4f;
    padding: 5px 35px;
    padding-right: 0;
    background: url(../img/picto_erreur.png) left center no-repeat;
    font-size: 16px;
    font-size: 1.6rem;
}

.has-error, .has-error > * {
    color: #dc4a4f !important;
}

.has-error .form-control {
    border-color: #ff8585 !important;
    color: #dc4a4f !important;
}

.has-error .form-control::-webkit-input-placeholder {
    color: #dc4a4f;
}

.has-error .form-control:-moz-placeholder { /* Firefox 18- */
    color: #dc4a4f;
}

.has-error .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #dc4a4f;
}

.has-error .form-control:-ms-input-placeholder {
    color: #dc4a4f;
}

.form-group.row {
    margin-left: -5px;
    margin-right: -5px;
}

.form-group > .col-xs-6 {
    padding: 0 5px;
}

.glyphicon {
    display: none !important;
}

@media (max-width: 479px) {
    .msg_erreur, .at-error {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/**/
.custom_check {
    position: relative;
    z-index: 1;
    padding-left: 38px;
    line-height: 30px;
}

.custom_check [type="radio"]:not(:checked),
.custom_check [type="radio"]:checked,
.custom_check [type="checkbox"]:not(:checked),
.custom_check [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.custom_check [type="radio"] + span,
.custom_check [type="checkbox"] + span {
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
}

.custom_check [type="radio"]:not(:checked) + span:before,
.custom_check [type="radio"]:checked + span:before,
.custom_check [type="checkbox"]:not(:checked) + span:before,
.custom_check [type="checkbox"]:checked + span:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    border: solid 1px #a4cce6;
}

.has-error .custom_check [type="radio"]:not(:checked) + span:before,
.has-error .custom_check [type="checkbox"]:not(:checked) + span:before {
    border: solid 1px #dc4a4f;
}

.custom_check [type="radio"]:checked + span:after,
.custom_check [type="checkbox"]:checked + span:after {
    content: '';
    position: absolute;
    display: block;
    left: 7px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: #1076bf;
    border-radius: 50%;
}

.custom_check [type="radio"]:checked + span,
.custom_check [type="checkbox"]:checked + span {
    color: #1076bf;
}

.freq .custom_check {
    padding-left: 0;
    padding-bottom: 30px;
    text-align: center;
    width: 30px;
    margin: 10px 20px;
}

.freq .custom_check [type="radio"]:not(:checked) + span:before,
.freq .custom_check [type="radio"]:checked + span:before,
.freq .custom_check [type="checkbox"]:not(:checked) + span:before,
.freq .custom_check [type="checkbox"]:checked + span:before {
    top: auto;
    bottom: 0;
}

.freq .custom_check [type="radio"]:checked + span:after,
.freq .custom_check [type="checkbox"]:checked + span:after {
    top: auto;
    bottom: 7px;;
}

/**/
@media (max-width: 992px) {
    .smpadding {
        padding-left: 0;
        padding-right: 0;
    }

    .show992 {
        display: block;
    }

    br.show992 {
        display: inline;
    }

    .hide992 {
        display: none !important;
    }

    .marge992 {
        margin-bottom: 25px !important;
    }

    .margenone992 {
        margin-bottom: 0 !important;
    }

    .ptop992 {
        padding-top: 25px !important;
    }

    .ptopnone992 {
        padding-top: 0 !important;
    }

    .pbottomnone992 {
        padding-bottom: 0 !important;
    }

    body.inscription .bloc_bg .freq {
        white-space: nowrap;
    }

    body.inscription .bloc_bg .since select.form-control {
        padding: 8px 5px;
    }
}

@media (max-width: 479px) {
    .show480 {
        display: block;
    }

    .hide480 {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .freq .custom_check {
        margin: 10px 10px;
    }

    .since label {
        display: block;
    }
}

/**/
.liste_step {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0;
}

.liste_step > li {
    padding: 17px 0;
}

.liste_step > li span {
    display: inline-block;
    vertical-align: middle;
}

.liste_step > li > span:first-child {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #ff9471;
    border: solid 1px #ff6f3f;
    color: #fff;
    font-size: 31px;
    font-size: 3.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 5rem;
    margin-right: 18px;
    position: relative;
    z-index: 2;
}

.liste_step > li.le2 {
    position: relative;
    z-index: 1;
}

.liste_step > li.le2:before, .liste_step > li.le2:after {
    content: ' ';
    display: block;
    width: 1px;
    height: 35px;
    background-color: #ff6f3f;
    position: absolute;
    top: -18px;
    left: 27px;
    z-index: 1;
}

.liste_step > li.le2:after {
    top: 70px;
}

@media (max-width: 992px) {
    .liste_step > li {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .liste_step > li > span:first-child {
        width: 40px;
        height: 40px;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 40px;
    }

    .liste_step > li.le2:before, .liste_step > li.le2:after {
        left: 20px;
    }

    .liste_step > li.le2:after {
        top: 58px;
    }
}

.bandeau_titre .step {
    margin-top: 25px;
    font-size: 0;
}

@media (max-width: 479px) {
    .liste_step > li > span:first-child {
        margin-right: 10px;
    }
}

.bandeau_titre .step li {
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #ff9471;
    border: solid 1px #fff;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 4rem;
    margin-left: 24px;
    position: relative;
    z-index: 1;
}

.bandeau_titre .step li.open {
    background-color: #fff;
    color: #ff6633;
}

.bandeau_titre li.le2:before, .bandeau_titre li.le2:after {
    content: ' ';
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: -25px;
    z-index: 1;
}

.bandeau_titre li.le2:after {
    left: 100%;
}

.bandeau_titre .step li span {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 1;
    display: block;
    background: url(../img/check.png) 0 0 no-repeat;
    width: 18px;
    height: 16px;
}

@media (max-width: 992px) {
    #tools {
        visibility: hidden;
    }

    .bandeau_titre .step {
        margin-top: 0px;
    }

    .bandeau_titre .step li {
    }
}

.fact_etat {
}

.fact_etat1 {
    color: #88c227;
    padding-left: 24px;
    background: url(../img/fact_paye.png) 0 center no-repeat;
}

.fact_etat2 {
    color: #ff0000;
    padding-left: 24px;
    background: url(../img/fact_tp.png) 0 center no-repeat;
}

/**/
.tiroir {
    border: solid 1px #f8a53e;
    margin-bottom: 20px;
}

.titre_tiroir {
    padding: 10px 12px;
    cursor: pointer;
    background: url(../img/off.png) right center no-repeat;
}

.tiroir.open .titre_tiroir, .tiroir.active .titre_tiroir {
    background: url(../img/on.png) right center no-repeat;
}

.content_tiroir {
    display: none;
    border-top: solid 1px #f8a53e;
    background-color: #fcd0a2;
    padding: 9px 7px;
}

.tiroir.open .content_tiroir {
    display: block;
}

.bloc_bg > *:last-child, .content_tiroir > *:last-child {
    margin-bottom: 0;
}

.valid {
    text-align: center;
    background: url(../img/confirm.png) center top no-repeat;
    margin-top: 15px;
    padding-top: 100px;
    color: #88c227;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem;
}

/**/
.the_pop {
    background-color: #fff;
}

/**/
.enfant.bloc_bg {
    margin-bottom: 20px;
    padding: 0;
}

.enfant.bloc_bg > * {
    display: inline-block;
    vertical-align: middle;
}

.enfant.bloc_bg > .btn {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
}

.enfant.bloc_bg > strong {
    padding-left: 15px;
    width: 40%;
}

.enfant.bloc_bg > div.aff_freq {
    padding: 12px 0;
    height: 50px;
}

.aff_freq span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 22px;
    background-color: #fff;
    text-align: center;
    border: solid 1px #007fc3;
    cursor: default;
    margin: 0 2px;
}

.aff_freq span.select {
    color: #fff;
    background-color: #88c227;
}

.since .form-control {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 470px) {
    .enfant.bloc_bg > strong {
        line-height: 50px;
    }

    .enfant.bloc_bg > div.aff_freq {
        display: none;
    }
}

/**/
.change_annee {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8rem;
    margin-right: 3px;
}

.show992 .change_annee {
    display: block;
}

.change_annee a {
    display: inline-block;
    vertical-align: middle;
    font-size: 2rem;
    padding: 4px 6px;
    border: solid 1px #fff;
    margin: 0 3px;
}

.change_annee a.selected {
    background-color: #fff;
    color: #ff6633 !important;
}

.space_pe .change_annee a.selected {
    color: #509f24 !important;
}

.poz_deco {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8rem;
}

.poz_deco a:after {
    content: '';
    background: url(../img/menu_close.png) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 28px;
    margin-left: 10px;
    background-size: 100% 100%;
}

.switch_annee {
    color: #fff;
    padding-top: 10px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.switch_annee select {
    color: #ff6633;
    border: none;
    padding-left: 10px;
}

.mea_dossier {
    background-color: #f8a53e;
    padding: 2px;
}

.mea_dossier .msg {
    display: block;
    background-color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 6px 10px;
}

div.faq {
    margin-bottom: 20px;
}

div.faq > ul {
    margin-bottom: 0;
    padding-top: 8px;
}

div.faq > ul > li {
    margin-top: 12px;
    list-style: none;
    border: solid 1px #f8a53e;
}

div.faq > ul > li > a {
    display: block;
    background: url(../img/off.png) right center no-repeat #fff;
    padding: 20px 10px;
    padding-right: 50px;
}

div.faq > ul > li > a.open {
    background: url(../img/on.png) right center no-repeat #fff;
}

div.faq_content {
    display: none;
    border-top: solid 1px #f8a53e;
    padding: 10px;
}

/**/
.pe {
}

.liste_histo {
}

.liste_histo > * {
    background-color: #fff;
    padding: 5px 7px;
    margin-top: 10px;
}

.liste_histo > * > div {
    display: inline-block;
    vertical-align: middle;
}

.liste_histo .pull-right {
    line-height: 27px;
}

.aff_carte .sub_content {
    position: relative;
    z-index: 1;
}

.aff_carte .sub_content .display_carte {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../img/bg_display_carte.png) right top no-repeat #00a9e5;
}

.display_carte .cartouche {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    height: 115px;
    width: 340px;
    text-align: center;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.display_carte .nom {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.display_carte .code {
    padding: 20px 10px;
    background-color: #fff;
}

@media (max-width: 420px) {
    .aff_carte .sub_content .display_carte {
        background: url(../img/bg_display_carte.png) right top no-repeat #00a9e5;
        background-size: 100% auto;
    }
}

/**/
.col_menu {
}

@media (min-width: 1024px) and (max-width: 1120px) {
    .col_menu {
        padding: 0;
    }
}

.zones_des_menus {
    padding-bottom: 35px;
}

@media (max-width: 992px) {
    .zones_des_menus {
        padding-bottom: 10px;
    }
}

.menu_semaine {
    background-color: #c33885;
    padding-top: 35px;
    position: relative;
    z-index: 1;
    margin-top: 50px;
    padding-bottom: 20px;
    min-height: 150px;
}

.menu_semaine .titre {
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    color: #fff;
    background-color: #c33885;
    font-size: 32px;
    font-size: 3.2rem;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    line-height: 1.2;
}

.mask_filtre {
    margin: 0 20px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.fab_legende {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin: 20px 15px;
}

.fab_legende span {
    margin: 5px 0;
    margin-left: 15px;
    white-space: nowrap;
    display: inline-block;
}

.mask_filtre .switch {
    cursor: pointer;
    background: url(../img/picto_switch_bloc_menus.png) left center no-repeat;
    padding: 10px;
    padding-left: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    margin-top: -10px;
}

.mask_filtre .ecole {
    background: url(../img/picto_ecole_bloc_menus.png) left center no-repeat;
    padding: 10px;
    padding-left: 55px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
}

.mask_filtre .ecole select {
    background: none;
    color: #fff;
    border: none;
}

.mask_filtre .pull-right > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.btleft {
    background: url(../img/menu_btleft.png) center center no-repeat;
    width: 17px;
    height: 31px;
}

.btright {
    background: url(../img/menu_btright.png) center center no-repeat;
    width: 17px;
    height: 31px;
}

.mask_jour {
    margin: 20px;
}

.zone_jour {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 1.4rem;
    font-size: 14px;
}

.zone_jour .jour {
    display: inline-block;
    vertical-align: middle;
    width: 192px;
    height: 395px;
    background-color: #fff;
    padding: 6px 10px;
    margin: 0 10px;
    color: #434343;
}

.zone_jour .jour img {
    width: auto;
    height: auto;
    display: inline;
}

.titre_jour {
    color: #959595;
}

.jour .theme {
    height: 27px;
    padding-top: 5px;
    text-align: center;
    color: #00a3ef;
}

.titre_dej {
    margin-bottom: 4px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #c33885;
}

.content_dej {
    margin-bottom: 55px;
    height: 150px;
}

.content_menu {
}

.content_menu > div {
    position: relative;
    z-index: 1;
    padding-left: 25px;
    margin: 2px 0;
    line-height: 1.8rem;
}

.content_menu > div > * {
    display: inline-block;
    vertical-align: middle;
}

.content_menu > div > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.menu_semaine .btn {
    width: auto;
    background-color: #ea83bc;
    color: #c33885 !important;
    padding: 8px 12px;
}

.cta_switch {
    display: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #c33885;
    line-height: 1.25;
    padding: 10px 15px;
    text-align: center;
}

@media (max-width: 1024px) {
    .show1024 {
        display: block;
    }

    .hide1024 {
        display: none !important;
    }

    .menu_semaine {
        padding: 0;
        width: 395px;
        max-width: 100%;
        /*height:545px;*/
        margin-left: auto;
        margin-right: auto;

    }

    .mask_filtre {
        padding-top: 10px;
    }

    .mask_filtre > * {
        float: none !important;
        text-align: center;
    }

    .zone_jour div.jour {
        width: 100%;
        height: 375px;
        margin: 0;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .titre_dej {
        margin-bottom: 8px;
    }

    .content_dej {
        margin-bottom: 12px;
        height: 145px;
    }

    .content_menu {
    }

    .content_menu > div {
        margin: 4px 0;
        line-height: 2rem;
    }

    .fab_legende {
        color: #000;
    }

    .fab_legende span {
        white-space: normal;
    }

    .mask_filtre .switch {
        display: none;
    }

    .cta_switch, .cta_switch:hover {
        display: block;
        font-size: 14px;
        margin: 20px 10px;
        color: #fff !important;
        text-decoration: none !important;
    }
}

.owl-dots, .owl-controls {
    /*display:none;*/
}

.owl-dots {
    display: block;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-prev, .owl-next {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 4;
    background: url(../img/car-arrow-left.png) center center no-repeat;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -999999px;
}

.owl-next {
    right: 0;
    left: auto;
    background: url(../img/car-arrow-right.png) center center no-repeat;
}

@media (max-width: 992px) {
    body {
        background: url(../img/bg_mobile_nuage.png) 0 0 no-repeat fixed,
            /*url(../img/cityscape_page_menu.png) center 300px no-repeat ,*/ url(../img/fond_ciel_menu.png) 0 0 repeat-x #fff;
        background-size: auto auto,
            /*100% auto,*/ auto auto;
    }
}

@media (max-width: 800px) {
    body {
        background: url(../img/bg_mobile_nuage.png) 0 0 no-repeat fixed,
            /*url(../img/cityscape_page_menu.png) center 330px no-repeat ,*/ url(../img/fond_ciel_menu.png) 0 0 repeat-x #fff;
        background-size: auto auto,
            /*120% auto,*/ auto auto;
    }
}

@media (max-width: 600px) {
    body {
        background: url(../img/bg_mobile_nuage.png) 0 0 no-repeat fixed,
            /*url(../img/cityscape_page_menu.png) center 380px no-repeat ,*/ url(../img/fond_ciel_menu.png) 0 0 repeat-x #fff;
        background-size: auto auto,
            /*120% auto,*/ auto auto;
    }
}

@media (max-width: 992px) {
    .page_menus #page {
        background: none;
    }

    .page_menus #page .col_menu {
        margin-bottom: 0;
        padding: 0;
        /*padding-bottom:80px;*/
    }

    .menu_semaine {
        background: none;
    }

    .menu_semaine {
        margin-top: 80px;
    }

    .menu_semaine .titre {
        top: -75px;
        width: 144px;
        height: 144px;
        font-size: 24px;
        font-size: 2.4rem;
    }

    .menu_semaine .zone_contenu {
        background-color: #fff;
        position: relative;
        z-index: 3;
        min-height: 83px;
    }

    .mask_filtre {
        color: #c33885;
    }

    .mask_filtre .ecole {
        color: #c33885;
        padding-left: 10px;
    }

    .mask_filtre .ecole select {
        color: #c33885;
        border: solid 1px #c33885;
        padding: 6px 10px;
    }

    .mask_jour {
        margin-bottom: 0;
        margin-top: 0;
    }

    .jour .titre_jour {
        position: relative;
        z-index: 1;
    }

    /*.jour .titre_jour:before, .jour .titre_jour:after{
		content:' ';
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background:url(../img/menu_btleft.png) center center no-repeat;
		width:17px;
		height:31px;
	}
	.jour .titre_jour:after{
		right:0;
		left:auto;
		background:url(../img/menu_btright.png) center center no-repeat;
	}*/
    .owl-controls {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        width: 100%;
    }

    .owl-prev, .owl-next {
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 4;
        background: url(../img/menu_btleft.png) center center no-repeat;
        width: 17px;
        height: 31px;
        overflow: hidden;
        text-indent: -999999px;
    }

    .owl-next {
        right: 0;
        left: auto;
        background: url(../img/menu_btright.png) center center no-repeat;
    }
}

@media (max-width: 480px) {
    body {
        background: url(../img/bg_mobile_nuage.png) 0 0 no-repeat fixed,
            /*url(../img/cityscape_page_menu.png) center 150% no-repeat ,*/ url(../img/fond_ciel_menu.png) 0 0 repeat-x #fff;
        background-size: auto auto,
            /*120% auto,*/ auto auto;
    }

    .mask_filtre {
        margin: 0;
    }

    .mask_filtre .pull-right > * {
        margin: 0 8px;
    }
}

.menu_more_infos {
    background-color: #3e8bdb;
    color: #fff;
}

.menu_more_infos_lemot {
    background-color: #c35894;
    color: #fff;
}

.menu_more_infos .titre {
    cursor: pointer;
    background-color: #3480ce;
    padding: 10px;
}

.menu_more_infos_lemot .titre {
    cursor: pointer;
    background-color: #c33885;
    padding: 10px;
}

.menu_more_infos .titre span, .menu_more_infos_lemot .titre span {
    display: inline-block;
    padding-right: 32px;
}

.menu_more_infos .titre .more, .menu_more_infos_lemot .titre .more {
    background: url(../img/less_infos.png) right center no-repeat;
}

.menu_more_infos .titre .less, .menu_more_infos_lemot .titre .less {
    display: none;
    background: url(../img/more_infos.png) right center no-repeat;
}

.menu_more_infos.active .titre .more, .menu_more_infos_lemot.active .titre .more {
    display: none;
}

.menu_more_infos.active .titre .less, .menu_more_infos_lemot.active .titre .less {
    display: inline-block;
}

.menu_more_infos .content, .menu_more_infos_lemot .content {
    padding: 20px;
    display: none;
}

.le_mot {
    background-color: #c33885;
    color: #fff;
    padding: 20px 40px;
}

.idp-graph-bloc {
    background-color: #e1f1dc;
    color: #fff;
    padding: 20px 40px;
    height: 575px;
}
.idp-graph-bloc .titre {
    color: #4ba02e;
    text-align: center;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    width: 280px;
    margin: 0 auto;
    border-bottom: solid 1px #4ba02e;
    padding: 20px 0;
    margin-bottom: 25px;
}

.menu_more_infos_lemot p {
    text-align: justify;
}

.le_mot .titre {
    background: url(../img/picto_lemot.png) 0 center no-repeat;
    min-height: 40px;
    /*line-height:40px;*/
    padding-left: 60px;
}

.lemot .titre {
    padding-left: 33px;
    padding-top: 0px;
    /* height: 10px; */
    background-image: url(../img/picto_lemot.png);
    background-repeat: no-repeat;
    background-size: 28px;
}

br.inmenu {
    display: none;
}

.menu_iqc {
    background-color: #e1f1dc;
    height: 575px;
}

.menu_iqc .titre {
    color: #4ba02e;
    text-align: center;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    width: 280px;
    margin: 0 auto;
    border-bottom: solid 1px #4ba02e;
    padding: 20px 0;
    margin-bottom: 25px;
}

.texte_charte {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
}

.menu_iqc .titre br.inmenu {
    display: inline;
}

.menu_iqc .prct1 {
    margin: 0 auto;
    display: block;
    height: 160px;
}

.menu_iqc .prct2, .menu_iqc .prct3 {
    margin: 0 9.5%;
    height: 160px;
}

.menu_iqc .prct_iqc .label {
    font-size: 22px;
    font-size: 2.2rem;
}

.menu_iqc .prct_iqc .le_prct {
    text-align: center;
    position: absolute;
    top: 70px;
    height: 45px;
    margin: auto;
    font-size: 33px;
    font-size: 3.3rem;
}

.prct_iqc .le_prct sup {
    font-weight: 600;
    font-size: 1.8px;
    font-size: 1.8rem;
}

@media (max-width: 992px) {
    .le_mot {
        background-color: #fff;
        color: #c33885;
        padding: 20px 20px;
    }

    .le_mot .titre {
        background: url(../img/picto_lemot_rose.png) 0 center no-repeat;
    }
}

/**/
.pop_enfant {
    background-color: #fff;
    display: none;
}

.the_pop {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 85px;
    overflow: hidden;
    background-color: #fff1ed;
}

.space_pe .the_pop {
    background-color: #ecfee2;
}

.dossier .the_pop, .efact .the_pop {
    padding-bottom: 0;
}

.the_pop .fix_top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 60px;
    background-color: #f8a53e;
    padding: 0 30px;
    padding-top: 15px;
    color: #fff;
}

.space_pe .the_pop .fix_top {
    background-color: #8fc671;
}

.titre_pop {
    width: 100%;
    height: 60px;
    background-color: #f8a53e;
    padding: 0 30px;
    color: #fff;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 60px;
}

.space_pe .titre_pop {
    background-color: #8fc671;
}

.the_pop .fix_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 85px;
    padding: 15px;
    background: none;
    background-color: #fff;
}

.content_pop {
    width: 100%;
    height: 100%;
}

.scroll_pop {
    width: 100%;
    height: 100%;
    padding: 15px;
}

/**/
.the_pop .jspDrag {
    background-color: #ff6633;
}

.the_pop .jspTrack {
    background-color: #f8a53e;
}

.space_pe .the_pop .jspDrag {
    background-color: #509f24;
}

.space_pe .the_pop .jspTrack {
    background-color: #8fc671;
}

@media (max-width: 992px) {
    .fancybox-overlay {
        background: none;
    }

    .fancybox-opened {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding-top: 80px;
        position: fixed !important;
    }

    .fancybox-skin {
        height: 100% !important;
        background-color: #fff;
    }

    .fancybox-outer {
        height: 100% !important;
    }

    .fancybox-inner {
        width: 100% !important;
        height: 100% !important;
    }
}

/**/
.texte_gris {
    color: #434343;
}

.lactu {
    padding-top: 30px;
}

.lactu .meta {
    color: #959595;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.lactu .titre {
    font-weight: bold;
    font-size: 48px;
    font-size: 4.8rem;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 10px;
}

.lactu .titre .sub {
    font-size: 24px;
    font-size: 2.4rem;
}

.side_extrait {
    padding-left: 0;
}

.extrait_actu {
    height: 370px;
    margin-bottom: 30px;
}

.lactu .extrait_actu {
    height: 295px;
    margin-bottom: 25px;
    margin-left: -15px;
}

.extrait_actu figure {
    width: 100%;
}

.extrait_actu figure img {
    width: 100%;
    height: auto;
}

.extrait_actu .content {
    position: relative;
    z-index: 1;
    padding: 10px;
    padding-bottom: 60px;
    height: 190px;
    border-top: none;
    border: solid 1px #89c9f7;
}

.lactu .extrait_actu .content {
    height: 168px;
}

.extrait_actu .more {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(../img/link_next.png) 90% center no-repeat #b4dcf8;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 65px;
    font-weight: bold;
}

.lactu .extrait_actu .more {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 52px;
}

.extrait_actu .meta {
    color: #959595;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
}

.lactu .extrait_actu .more {
    font-size: 11px;
    font-size: 1.1rem;
}

.extrait_actu .titre {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.extrait_actu .titre span {
    text-transform: none;
    font-size: 80%;
}

.lactu .extrait_actu .more {
    font-size: 14px;
    font-size: 1.4rem;
}

/**/
.nos_ecoles .bandeau_titre select {
    color: #1076bf;
    font-size: 24px;
    font-size: 2.4rem;
}

#map_canvas {
    width: 100%;
    height: 430px;
}

@media (max-width: 992px) {
    .nos_ecoles .bandeau_titre {
        text-align: center;
    }

    .nos_ecoles .bandeau_titre .pull-left, .nos_ecoles .bandeau_titre .pull-right {
        display: block;
        float: none !important;
    }

    #map_canvas {
        width: 100%;
        height: 400px;
    }
}