/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
figure,
nav,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
}

ol,
ul {
    list-style: none;
}

li {
    display: list-item;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

audio,
canvas,
video {
    display: inline-block;
}

a:link {
    color: #147CC5;
    text-decoration: none;
}

a:visited {
    color: #1C9DF7;
}

a:hover {
    color: #EF3E62;
}

a:focus {
    outline: none;
}

a:active,
a:hover {
    outline: 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

abbr[title] {
    border: 0;
}

hr {
    clear: both;
    visibility: hidden;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

mark {
    background: #FF0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    color: gray;
    font-style: italic;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
}

button,
input {
    line-height: normal;
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"]:focus {
    outline: none;
    -webkit-box-shadow: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0 auto;
    font-family: 'museo_sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #333;
    width: 100%;
    background: #E6F2F5 url(../images/background/header.png) repeat-x 0 51px;
}

/* Font */

@font-face {
    font-family: 'museo_sans';
    src: url('../font/museo/museo-sans/museosans_500-webfont.eot');
    src: url('../font/museo/museo-sans/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo/museo-sans/museosans_500-webfont.woff') format('woff'), url('../font/museo/museo-sans/museosans_500-webfont.ttf') format('truetype'), url('../font/museo/museo-sans/museosans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'museo_slab';
    src: url('../font/museo/museo-slab/museo_slab_500-webfont.eot');
    src: url('../font/museo/museo-slab/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo/museo-slab/museo_slab_500-webfont.woff') format('woff'), url('../font/museo/museo-slab/museo_slab_500-webfont.ttf') format('truetype'), url('../font/museo/museo-slab/museo_slab_500-webfont.svg#museo_slab_500regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

/* Top bar */

.top-bar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    z-index: 999;
    font-size: 14px;
    background: #434343;
    border-bottom: 1px solid #1B1B1B;
}

.top-bar ul {
    width: 1300px;
    margin: 0 auto;
    height: 28px;
}

@media screen and (max-width: 1300px) {
    .top-bar ul {
        width: 1100px;
    }
}

@media screen and (max-width: 1100px) {
    .top-bar ul {
        width: 1000px;
    }
}

.top-bar li {
    float: left;
    width: 11.11%;
    text-align: center;
}

.top-bar a {
    display: inline-block;
    padding: 6px 0 6px 30px;
    text-decoration: none;
    color: #FFF;
    font: 11px/16px Verdana, Arial, sans-serif;
    background-image: url(../images/top-bar/metanav.png);
    background-repeat: no-repeat;
    background-position: top 7px left 0;
}

.top-bar a:hover,
.top-bar a:visited {
    color: #FFF;
}

.top-bar-infirmiers a:hover {
    background-position: 0 -15px;
}

.top-bar-cadredesante a {
    background-position: 0 -37px;
}

.top-bar-cadredesante a:hover {
    background-position: 0 -60px;
}

.top-bar-aidesoignant a {
    background-position: 0 -83px;
}

.top-bar-aidesoignant a:hover {
    background-position: 0 -105px;
}

.top-bar-remede a {
    background-position: 0 -374px;
}

.top-bar-remede a:hover {
    background-position: 0 -397px;
}

.top-bar-emploi a {
    background-position: 0 -128px;
}

.top-bar-emploi a:hover {
    background-position: 0 -150px;
}

.top-bar-formation a {
    background-position: 0 -172px;
}

.top-bar-formation a:hover {
    background-position: 0 -198px;
}

.top-bar-materiel a {
    background-position: 0 -224px;
}

.top-bar-materiel a:hover {
    background-position: 0 -248px;
}

.top-bar-jnil a {
    background-position: 0 -273px;
    text-transform: uppercase;
}

.top-bar-jnil a:hover {
    background-position: 0 -298px;
}

.top-bar-izeos a {
    width: 30px;
    background-position: 0 -324px;
}

.top-bar-izeos a:hover {
    background-position: 0 -349px;
}

/* Pub */

.ad-skin {
    overflow: hidden;
    background: #F90;
}

.ad-skin-left,
.ad-skin-right {
    max-width: 150px;
    position: absolute;
    top: 51px;
}

.ad-skin-left {
    left: 107px;
}

.ad-skin-right {
    right: 107px;
}

.ad {
    clear: both;
    float: left;
    width: 100%;
    max-width: 1300px;
    margin: 10px auto;
    text-align: center;
    line-height: 0;
}

.ad > *:first-child {
    display: inline-block;
    padding: 0 10px 0 0;
    background: url(../images/background/pub.png) no-repeat right bottom;
}

.ad > script:first-child {
    display: none;
}

.ad-full-width {
    margin: 10px auto;
    line-height: 0;
}

.ad-full-width.ad-full-width-xl {
    margin: 0 auto;
    line-height: 0;

}

.ad-full-width img {
    width: 100%;
    height: auto;
    display: block;
}

/*format pub mobile*/

body[data-device-mode="phone"] {
    background: #FFF;
}

body[data-device-mode="phone"] .wrapper {
    background: #FFF;
}

body[data-device-mode="phone"] .home .primary-col .last-publication,
body[data-device-mode="phone"] .home .primary-col .list-publication,
body[data-device-mode="phone"] .home .primary-col .bloc {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

body[data-device-mode="phone"] .ad-full-width,
body[data-device-mode="phone"] .bloc.pub,
body[data-device-mode="phone"] .home .primary-col .bloc.pub {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

body[data-device-mode="phone"] .bloc.pub .pub-legend {
    display: none;
}

body[data-device-mode="phone"] .bloc.pub img {
    display: block;
}

body[data-device-mode="phone"] .ad > *:first-child {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    background: none;
}

body[data-device-mode="phone"] .home .primary-col {
    width: 100%;
    padding: 10px 0;
}

body[data-device-mode="phone"] .home-topic .secondary-col {
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

body[data-device-mode="phone"] .secondary-col.content {
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

body[data-device-mode="phone"] .bloc.pub img,
body[data-device-mode="phone"] .ad img,
body[data-device-mode="phone"] .ad-full-width img {
    margin: 0 auto;
}

body[data-device-mode="phone"] .emplacement-1,
body[data-device-mode="phone"] .emplacement-4,
body[data-device-mode="phone"] .emplacement-10,
body[data-device-mode="phone"] .emplacement-11,
body[data-device-mode="phone"] .emplacement-12,
body[data-device-mode="phone"] .emplacement-16 {
    float: left !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

body[data-device-mode="phone"] .emplacement-1 img,
body[data-device-mode="phone"] .emplacement-4 img,
body[data-device-mode="phone"] .emplacement-10 img,
body[data-device-mode="phone"] .emplacement-11 img,
body[data-device-mode="phone"] .emplacement-12 img,
body[data-device-mode="phone"] .emplacement-16 img {
    width: 100%;
    max-width: 640px;
    margin: 0 auto !important;
    float: none !important;
}

body[data-device-mode="phone"] .emplacement-14 img {
    width: 100%;
    max-width: 320px;
    margin: 0 auto !important;
    float: none !important;
}

body[data-device-mode="phone"] .main-forum .bloc.pub.openx-ad {
    float: left !important;
    width: 103.205% !important;
    margin: 0 0 0 -2% !important;
    padding: 0 !important;
}

body[data-device-mode="phone"] .main-forum li.row .bloc.pub.openx-ad {
    float: none !important;
    width: 107% !important;
    margin: 0 0 0 -4.1% !important;
    padding: 0 !important;
}

/*fin format pub mobile*/

.fb-like-box {
    background: #FFF;
}

.pub .pub-legend {
    text-transform: uppercase;
    font-size: 9px;
    line-height: 100%;
    text-align: right;
    color: gray;
}

#main .bloc.pub {
    background: none;
    border: 0;
}

.msg-block {
    display: table;
    width: 35%;
    margin: 280px auto 0;
    padding: 15px;
    border-radius: 5px;
    background: #FFF;
    border: 3px solid #57A9BD;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

.msg-block #msg_block_pub {
    margin-bottom: 10px;
}

.msg-block .button {
    float: left;
    width: 100%;
    text-align: center;
}

.msg-block .button a {
    display: inline-block;
}

.mask {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999;
    background: rgba(255, 255, 255, 0.6);
}

.mask .ad-container {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 400px;
    width: 600px;
    margin: -200px 0 0 -300px;
}

.mask .ad-container-800 {
    width: 800px;
    height: 600px;
    margin: -300px 0 0 -400px;
}

.ad-container .ad-position {
    position: relative;
}

.ad-container .button-closed {
    text-align: right;
    top: -27px;
    right: 0;
    z-index: 999;
    background: #238FA9;
    position: absolute;
}

.ad-container .button-closed button {
    padding: 5px 10px;
    border-radius: 0;
}

/* Layer */

.layer {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 999;
    padding: 15px;
    border-radius: 5px;
    background: #FFF;
    border: 3px solid #57A9BD;
}

.layer:before {
    content: " ";
    display: block;
    height: 30px;
    margin-top: -26px;
    background: url(../images/background/layer-top.png) no-repeat center 0;
}

.layer-connexion,
.layer-connected {
    top: 95px;
    left: auto;
    right: 10px;
    width: 215px;
}

.layer-connexion form {
    width: 100%;
}

.layer-connexion form p {
    margin: 0 0 10px;
    float: none;
}

.layer-connexion form input[type="text"],
.layer-connexion form input[type="password"] {
    width: 94%;
}

.layer-connexion fieldset {
    width: 100%;
}

.layer-connexion .button {
    float: none;
    text-align: center;
}

.layer-social-tools {
    width: 360px;
    padding: 0 5px 10px;
}

.layer-social-tools:before {
    margin-top: -11px;
    height: 25px;
}

.header-social-tools .layer-social-tools li {
    margin: 20px 7px 0;
}

.layer-connected {
    padding: 0;
    width: 260px;
    top: 100px;
}

.layer-connected:before {
    margin-top: -11px;
    height: 11px;
}

.header-account .layer-connected p {
    float: none;
    margin: 0;
    border-top: 1px solid #E6E6E6;
}

.layer-connected p:first-child {
    border: 0;
}

.layer-connected p:last-child {
    font-weight: 700;
    background: #F5F5F5;
}

.layer-connected p a,
.header-account .layer-connected p button {
    display: block;
    text-align: left;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    background: url(../images/bullet/bullet-blue.png) no-repeat 235px 15px;
}

.layer-connected p a {
    position: relative;
}

.header-account .layer-connected p button {
    width: 100%;
}

.private-messages {
    display: block;
    color: #FFF;
    padding: 1px 7px 0;
    background: #EF3E62;
    border: 3px solid #FFF;
    border-radius: 5px;
}

.layer-connected .private-messages {
    position: absolute;
    top: 6px;
    right: 35px;
}

#lbCenter {
    height: 140px !important;
    border: 3px solid #57A9BD;
    border-radius: 5px;
}

.box-slimbox {
    padding: 20px;
}

.box-slimbox .form div {
    float: left;
    width: 70%;
}

.box-slimbox .form .button-submit {
    float: right;
    margin-top: 13px;
}

.box-slimbox .text-center a {
    text-decoration: underline;
}

/* Structure */

.wrapper {
    max-width: 1600px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    clear: both;
}

#page {
    clear: both;
    cursor: default;
    max-width: 1300px;
    margin: 0 auto 20px;
}

#page .habillage {
    height: 0;
}

#header,
#footer,
.navigation,
#main {
    clear: both;
    margin: 0 auto;
    background: #FFF;
}

#main {
    float: left;
    width: 1298px;
    margin: 0 auto;
    border: 1px solid #CCC;
    border-top: 2px solid #E3E3E3;
}

.primary-col,
.secondary-col,
.sidebar {
    float: left;
    margin: 0 0 20px;
}

.primary-col {
    padding: 20px 1.5%;
    border-right: 1px solid #CCC;
}

.secondary-col {
    padding: 0 1.5% 20px;
    margin-left: -1px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background: #FFF;
}

.left-navigation {
    width: 20.86%;
    padding: 0 0 100px 0;
    background: #EDF5F7;
    margin: 0;
    position: relative;
}

.left-navigation:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #EDF5F7; /* Old browsers */
    background: -moz-linear-gradient(top, #EDF5F7 0%, #FFF 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #EDF5F7 0%, #FFF 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #EDF5F7 0%, #FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content,
.home-topic .secondary-col,
.employment-section .secondary-col {
    width: 53%;
    padding: 0 0 20px;
    margin: 20px 0 0 -1px;
}

.content .article {
    float: left;
    padding: 0 3%;
    margin: 0 0 20px;
    clear: both;
    width: 94%;
}

/* Generic */

.button button,
.button-submit input,
.button a,
.button input[type=submit] {
    margin: 0;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 1px 1px #176072;
    background: #238FA9;
    border-radius: 5px;
    border: 1px solid #176072;
    box-shadow: 1px 1px 0 #5DBFD0 inset;
}

.form-special p.button.button-submit {
    margin: 30px 40%;
}

.button-action {
    margin: 20px 0;
}

.button-action button,
.button input[type=reset] {
    padding: 10px 25px 10px 10px;
    border-radius: 5px;
    box-shadow: 0 -5px 0 #EDEDED inset;
    background: #FFF url(../images/bullet/bullet-grey-hover.png) no-repeat 96% 15px;
    border: 1px solid #CCC;
}

.button-action button:hover {
    color: gray;
}

.button input[type=reset] {
    background-image: none;
    padding: 11px 20px;
}

.picto-forum,
.picto-forum a {
    padding: 10px 0 5px 50px;
    background: url(../images/home/sprite.png) no-repeat 0 -783px;
}

.picto-folder a {
    display: block;
    color: gray;
    padding: 0 0 5px 40px;
    background: url(../images/pictos/folder-bw.png) no-repeat;
}

.picto-folder a:hover {
    color: #147CC5;
}

.avatar {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

.avatar img {
    border-radius: 10px;
}

.clear,
#main .clear {
    clear: left;
}

.hidden,
.hidden-full,
.hidden-full-medium,
.hidden-full-display,
.hidden-small-medium-full {
    display: none;
}

.bloc {
    background: #FFF;
    margin: 20px 0 30px;
    border-top: 3px solid gray;
}

.main-forum + .bloc.pub {
    clear: both;
    text-align: center;
    float: left;
    width: 100%;
    padding: 20px 0 10px;
    background: none;
    border: none;
    margin: 0;
}

.main-forum + .bloc.pub .pub-legend {
    padding: 0 10px 0 0;
    text-align: center;
}

.bloc figure a {
    text-align: center;
}

.bloc figure img {
    width: 100%;
    height: auto;
    border-bottom: 7px solid #F5F5F5;
}

.bloc figcaption p {
    margin: 0 0 0 10px;
}

.bloc-content {
    margin: 10px 20px;
    color: gray;
    font-size: 13px;
    line-height: 120%;
}

.bloc-content a {
    color: gray;
}

.bloc-content a:hover {
    color: #147CC5;
}

.bloc p strong {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0;
}

.bloc-content strong {
    color: #333;
}

.bloc-title-picto {
    margin-top: 0;
    padding: 5px 0 6px 50px;
    background: url(../images/home/sprite.png) no-repeat -261px -38px;
}

.bloc-visual {
    position: relative;
    display: block;
    text-align: center;
    line-height: 0;
    margin: 0 0 5px;
    border: 7px solid #F5F5F5;
}

.bloc-visual .video-type-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    text-indent: -500px;
    overflow: hidden;
    margin: -13px 0 0 -13px;
    opacity: 0.6;
    background: url(../images/home/sprite.png) no-repeat 0 -946px;
}

.bloc-visual .video-type-content:hover {
    opacity: 1;
}

.bloc .bloc-visual img {
    display: inline-block;
    margin: 7px 5px;
    border: 0;
    width: 96%;
    height: auto;
}

/* blocs colonne génériques */

#main .bloc-blue {
    border-top-color: #238FA9;
}

#main .bloc-orange {
    border-top-color: #EB6631;
}

#main .bloc-green {
    border-top-color: #B7D000;
}

#main .bloc-pink {
    border-top-color: #EF3E62;
}

.footer-more {
    clear: left;
    padding: 10px 0 0;
    margin: 10px 0;
    text-align: right;
    border-top: 1px solid #F2F2F2;
}

.footer-more p,
.article-content .footer-more p {
    margin-top: 0;
}

.footer-more a {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.003em;
    padding: 0 10px 0 0;
    display: block;
    background: url(../images/bullet/bullet-blue.png) no-repeat right 7px;
    color: #147CC5;
}

.footer-more a:hover {
    text-decoration: underline;
    color: #147CC5;
}

.sidebar .footer-more {
    margin: 10px 20px;
}

.back-to {
    clear: both;
    padding: 10px 0 0;
    margin: 20px 0;
    text-align: left;
    border-top: 1px solid #F2F2F2;
}

.back-to a {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.003em;
    padding: 0 0 0 10px;
    background: url(../images/bullet/bullet-back.png) no-repeat 0 5px;
}

.back-to a:hover {
    color: #147CC5;
    text-decoration: underline;
}

.back-to p {
    margin: 0 0 20px;
}

/* Form */

.no-label label,
.home-topic .secondary-col .no-label label {
    display: none;
}

.mandatory {
    color: #147CC5;
}

.form input[type=text],
.form input[type=password],
.form textarea,
.form-special select {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    width: 97%;
}

.form textarea {
    padding: 10px 0 0 10px;
}

.form input[type=checkbox] {
    float: left;
    margin: 3px 10px 0 0;
}

.form fieldset {
    margin: 10px 0;
}

.form fieldset p {
    color: gray;
}

.form textarea:focus,
.form input[type=text]:focus,
.form input[type=password]:focus {
    border-color: #A4D2DE;
}

.form .error,
.form .error[type=text],
.form .error[type=password] {
    border-color: #E82A17;
    color: #E82A17;
}

.secondary-col .form-special .error[type=checkbox] {
    outline: 1px solid #E82A17;
    margin: 3px 10px 0 0;
}

.bloc-rubric .error,
.home-topic .bloc-rubric .column .error,
.error {
    text-align: center;
    color: #E82A17;
}

.form fieldset legend {
    margin: 20px 0 10px;
    font: 22px/120% 'museo_slab', Arial, sans-serif;
}

.search-form input[type=text],
.search-form input[type=submit],
.search-form select {
    padding: 10px;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
}

.search-form select {
    float: left;
    width: 400px;
    margin: 10px 0;
    padding-right: 0;
    display: block;
    color: gray;
    width: 100%;
}

.search-form input[type=text] {
    float: left;
    border-right: 0;
    width: 82%;
    height: 15px;
    color: gray;
}

.search-form input[type=submit] {
    border-left: 0;
    width: 30px;
    height: 37px;
    overflow: hidden;
    text-indent: -500px;
    border-radius: 0;
    box-shadow: none;
    background: #F5F5F5 url(../images/home/sprite.png) no-repeat -225px 6px;
}

.search-form .button-submit {
    margin: 10px 0;
}

.search-form .button-search-submit {
    float: left;
}

.search-form .button-submit input {
    text-indent: 0;
    padding: 7px 15px;
    width: auto;
    height: auto;
    background: #238FA9;
    border-radius: 5px;
    border: 1px solid #176072;
    box-shadow: 1px 1px 0 #5DBFD0 inset;
}

.bloc-rubric .search-form {
    margin-top: 10px;
}

.secondary-col .search-form {
    float: left;
    width: 95%;
    margin: 0 0 0 15px;
}

.secondary-col .search-form input[type="text"] {
    float: left;
    width: 78%;
}

.secondary-col .search-form input[type="submit"] {
    float: left;
}

.header-tools .search-form .button-search-submit {
    float: right;
    clear: right;
}

.header-tools .search-form input[type=text],
.header-tools .search-form input[type=submit] {
    float: right;
}

.secondary-col .form-inline,
.secondary-col .form-send,
.secondary-col .form-special {
    border-top: 1px solid #CCC;
    color: gray;
    margin: 10px 3% 0;
    padding: 10px 0 0;
}

.secondary-col .form-send {
    clear: left;
}

.secondary-col .form-inline h2 {
    font: 20px/140% 'museo_slab', Arial, sans-serif;
    color: #333;
}

.secondary-col .form-inline input[type="text"],
.secondary-col .form-inline select {
    float: none;
    display: inline;
    margin: 10px 0;
    padding-left: 5px;
    border-right: 1px solid #E6E6E6;
}

.secondary-col .form-inline input[type="text"] {
    height: 17px;
}

.secondary-col .form-inline label {
    display: inline;
}

.secondary-col .form-inline div {
    float: left;
    margin: 0 0 0 2%;
}

.secondary-col .form-inline p {
    margin: 10px 0;
}

.secondary-col .form-inline div:first-child {
    margin-left: 0;
}

.secondary-col .form-inline .result-number {
    color: #333;
    font-size: 16px;
    text-align: center;
}

.secondary-col .form-inline .result-number strong {
    color: gray;
    font-size: 14px;
}

.secondary-col .form-inline .search-option {
    border-top: 1px solid #CCC;
    padding: 10px 0;
    width: 100%;
    float: left;
}

.search-form legend {
    color: #333;
    margin: 10px 0 0;
    float: left;
}

.secondary-col .form-inline .list-radio {
    width: 100%;
}

.secondary-col .form-inline .search-option .list-radio {
    width: 70%;
    margin: 10px 0 10px 3%;
}

.secondary-col .form-special .list-radio p,
.secondary-col .form-inline .list-radio p {
    margin: 0;
    padding-right: 4%;
    float: left;
}

.secondary-col .form-inline .list-radio + div {
    margin: 0 2% 0 0;
}

.secondary-col .form-inline .button-submit {
    float: right;
}

.secondary-col .article-content .form-inline .button-submit {
    float: none;
}

.secondary-col .form-inline .list-publication {
    margin: 15px 0;
    width: 100%;
    padding-top: 10px;
    border-top-width: 1px;
}

.secondary-col .form-inline .list-publication article h1 {
    margin: 0 0 10px;
}

.secondary-col .form-special input[type="text"],
.secondary-col .form-special select {
    margin: 5px 0;
    width: 50%;
}

.secondary-col .form-special select {
    width: 52%;
}

.secondary-col .form-special label {
    width: 35%;
    display: inline-block;
}

.form-special .checklist label {
    display: inline;
    padding: 0 15px 0 0;
}

.secondary-col .form-special .item-legend {
    width: 94%;
}

.secondary-col .form-special .error[type=text] {
    color: #333;
    text-align: left;
}

.secondary-col .form-special .error {
    text-align: left;
    line-height: 120%;
    margin: -10px 0 10px;
}

/* link */

.go-to {
    padding: 0 10px 0 0;
    background: url(../images/bullet/bullet-blue.png) no-repeat right 5px;
}

/* list */

.list {
    clear: both;
}

.list li {
    border-top: 1px solid #F2F2F2;
    padding: 10px 0 0;
    margin: 0 0 10px;
    font-size: 14px;
}

.sidebar .list li {
    margin: 0 20px 10px;
}

.list li span,
.list li time {
    color: gray;
}

.list li time:after,
.list-tabs li span:after {
    content: " \2022  ";
}

.list li:first-child {
    border: 0;
}

.list-type-block span {
    display: block;
}

.list-inline,
.list-inline li {
    display: inline;
}

.list-inline li:before,
ul .list-inline:before {
    content: " \2022  ";
    color: #147CC5;
}

.list-inline li:first-child:before {
    content: "";
}

ol.list li {
    counter-increment: customlistcounter;
}

ol.list li:before {
    float: left;
    content: counter(customlistcounter, decimal) ". ";
    font: italic 20px/100% 'museo_sans', Arial, sans-serif;
    color: #999;
    display: inline-block;
    margin: -2px 1% 10px 0;
}

/* Tabs */

.tabs,
.article-content .tabs {
    clear: both;
    margin: 0 0 -1px;
}

.tabs li,
.article-content .tabs li {
    display: inline-block;
    float: left;
    text-align: center;
    height: 40px;
    padding: 0;
    margin: 0 0 -1px 8px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: inset 0 -5px #EDEDED;
}

.article-content .tabs li:before {
    content: " ";
    padding: 0;
}

.tabs li button,
.tabs li a {
    display: block;
    padding: 12px 7px;
    color: gray;
    text-decoration: none;
}

.tabs .active,
.article-content .tabs .active {
    background: #FFF;
    box-shadow: none;
    border-bottom: 1px solid #FFF;
}

.tabs li:hover {
    box-shadow: none;
}

.tabs li:hover button,
.tabs .active button,
.tabs li:hover a,
.tabs .active a {
    color: #333;
}

.list-tabs {
    padding-top: 5px;
    border-top: 1px solid #E5E5E5;
}

.notifications {
    clear: both;
    font-style: italic;
    color: gray;
    margin: 20px 0;
}

/* Pagination */

.article-content .paginate,
.paginate {
    clear: both;
    float: left;
    list-style: none;
    margin: 20px 0;
    width: 100%;
}

.article-content .paginate {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
}

.article-content .paginate li:before {
    content: "";
}

.previous {
    float: left;
}

.next {
    float: right;
}

button.previous,
.previous a {
    font-weight: 700;
    padding: 10px 0 10px 10px;
    background: url(../images/bullet/bullet-back.png) no-repeat 0 center;
}

button.next,
.next a {
    font-weight: 700;
    padding: 10px 10px 10px 0;
    background: url(../images/bullet/bullet-blue.png) no-repeat right center;
}

.paginate a:hover {
    color: #147CC5;
    text-decoration: underline;
}

.content .paginate-number,
.paginate-number {
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #CCC;
}

.article-content .paginate-number,
.paginate-number {
    margin: 20px 0;
    padding: 0;
}

.home-topic .bloc-rubric .paginate-number {
    background: #FFF;
    padding: 0;
    display: block;
}

.paginate-number .previous {
    margin: 0 0 0 10px;
}

.paginate-number .previous a {
    display: block;
}

.paginate-number ul {
    float: right;
}

.content .paginate-number ul {
    margin: 0;
}

.paginate-number li,
.secondary-col .paginate-number li {
    float: left;
    border-left: 1px solid #CCC;
}

.content .paginate-number li {
    margin: 0;
    padding: 0;
}

.content .paginate-number li:before {
    content: "";
}

.paginate-number li a,
.paginate-number li span {
    display: block;
    padding: 12px 10px 8px;
}

.paginate-number li a:hover {
    text-decoration: none;
    color: #EF3E62;
}

button.previous,
.prev a,
.home-topic button.next,
.paginate-number .first a,
.paginate-number .last a {
    display: block;
    text-indent: -5000px;
    width: 10px;
    height: 20px;
    padding: 10px;
    background: url(../images/bullet/bullet-back.png) no-repeat 10px 17px;
}

.paginate-number .next {
    float: left;
    background: none;
}

.paginate-number .next a {
    text-indent: -5000px;
    width: 10px;
}

button.next,
.paginate-number .next a {
    background: url(../images/bullet/bullet-blue.png) no-repeat 10px 17px;
}

.paginate-number .first a {
    background: url(../images/bullet/bullet-first.png) no-repeat 9px 16px;
}

.paginate-number .last a {
    background: url(../images/bullet/bullet-last.png) no-repeat 9px 16px;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.fade.in {
    opacity: 1;
}

.tooltip.fade {
    max-width: 400px;
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    filter: alpha(opacity=0);
    visibility: visible;
}

/* Fil d'ariane */

.breadcrumb {
    border-bottom: 1px solid #CCC;
    padding: 10px;
}

.breadcrumb li {
    display: inline;
    font-size: 12px;
}

.breadcrumb li:before {
    content: " > ";
    color: gray;
    padding: 0 3px;
}

.breadcrumb li:first-child:before {
    content: " ";
}

.breadcrumb li a {
    color: gray;
    text-decoration: none;
}

.breadcrumb li a:hover,
.breadcrumb .active a {
    color: #333;
}

/* Toolbar */

.toolbar {
    float: left;
    width: 100%;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    padding: 5px 0;
    margin: 20px 0;
}

.toolbar a {
    color: gray;
    text-decoration: none;
}

.toolbar p,
.toolbar li {
    float: left;
    margin: 0 10px;
    padding: 5px 10px;
}

.secondary-col .toolbar ul {
    margin: 10px 0;
    padding: 0;
    float: none;
    clear: none;
}

.secondary-col .toolbar li {
    padding: 5px 10px;
    margin: 0 10px;
    width: auto;
}

.toolbar .comment {
    margin: 0 10px 0 0;
    background: none;
    padding: 5px 10px 5px 0;
    border-right: 1px solid #F2F2F2;
}

.toolbar .comment span {
    color: #FFF;
    display: inline-block;
    text-align: center;
    margin-right: 23px;
    width: 23px;
    margin: 0 5px 0 0;
    padding: 10px 0;
    background: url(../images/home/sprite.png) no-repeat 0 -265px;
}

.toolbar .comment a {
    color: #238FA9;
    font-size: 14px;
    padding: 10px 0;
}

.toolbar .print a {
    padding: 5px 5px 5px 25px;
    background: url(../images/home/sprite.png) no-repeat 0 -994px;
}

.toolbar .email,
.toolbar .print {
    margin: 0;
    padding: 16px 10px;
    border-right: 1px solid #F2F2F2;
}

.toolbar .print {
    border: 0;
    padding: 16px 0;
}

.toolbar .email a {
    padding: 5px 0 5px 30px;
    background: url(../images/home/sprite.png) no-repeat 0 -1054px;
}

.secondary-col .toolbar .toolbar-fb {
    width: 80px;
}

.secondary-col .toolbar .toolbar-twitter {
    width: 80px;
}

.secondary-col .toolbar .toolbar-google {
    width: 60px;
}

.toolbar .number-views {
    font-size: 18px;
    margin: 0 5px;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
}

.toolbar-medias .email {
    border: 0;
    padding: 4px 10px;
}

.secondary-col .toolbar-medias .toolbar-fb {
    margin-left: 0;
}

/* Header */

#header {
    border: 1px solid #CCC;
    border-top: 0;
    padding: 10px 0;
    height: 100px;
}

#header h1 {
    float: left;
    margin: 0 0 15px 4%;
}

#header h1 a {
    float: left;
    display: block;
    text-indent: -500px;
    overflow: hidden;
    width: 198px;
    height: 95px;
    background: url(../images/home/sprite.png) no-repeat;
}

#header .header-content {
    float: right;
    width: 70%;
}

.header-tools,
.header-social-tools,
.header-account {
    float: left;
}

.header-tools {
    width: 43.5%;
}

.header-tools form p {
    float: right;
    margin: 0 10px 0 0;
}

.header-tools .picto-search {
    display: none;
}

.header-social-tools {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 0 0;
    position: relative;
    border-top: 1px solid #E6E6E6;
}

.header-social-tools li {
    float: left;
    margin: 20px 2.5% 10px;
}

.header-social-tools li a {
    font-size: 12px;
    color: gray;
    text-transform: uppercase;
    padding: 35px 0 0;
    background: url(../images/home/sprite.png) no-repeat 22px -867px;
}

.header-social-tools li a:hover {
    color: #333;
    text-decoration: none;
}

.header-social-tools .social-tools-twitter a {
    background-position: -51px -867px;
}

.header-social-tools .social-tools-appli a {
    background-position: -120px -867px;
}

.header-social-tools .social-tools-rss a {
    background-position: -205px -867px;
}

.header-social-tools .social-tools-nl a {
    background-position: -247px -867px;
}

.header-follow-us {
    text-align: right;
    padding: 0 0 0 25px;
    background: url(../images/home/sprite.png) no-repeat -166px -204px;
}

.header-follow-us button {
    font: 700 15px/120% 'museo_sans', Arial, Sans-serif;
    margin-right: 10px;
}

.header-forum-access {
    float: left;
    padding: 10px 30px;
    text-align: center;
    border-left: 1px solid #E6E6E6;
}

.header-forum-access .picto-forum,
.header-account p button,
.header-account p .button,
.header-follow-us button {
    color: #147CC5;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    background: url(../images/bullet/bullet-blue.png) no-repeat right 7px;
}

.header-forum-access p {
    margin: 0 0 10px;
}

.header-forum-access .picto-forum {
    margin: 10px 0 20px;
    display: inline-block;
    background-position: right 9px;
}

.header-forum-access .picto-forum a {
    padding-bottom: 20px;
}

.header-forum-access .picto-forum a:hover,
.header-account p .button:hover {
    color: #147CC5;
    text-decoration: underline;
}

.header-forum-access p a {
    font: 17px/140% 'museo_slab', Arial, Sans-serif;
}

.header-forum-access p span a {
    color: gray;
    font: 13px/140% 'museo_sans', Arial, Sans-serif;
    background: none;
}

.header-account {
    float: right;
    position: relative;
    width: 27%;
    padding: 10px 30px;
    border-left: 1px solid #E6E6E6;
}

.header-account p {
    float: left;
    margin: 10px 0 0;
}

.header-account .avatar {
    margin: 0 20px 5px 0;
    max-height: 75px;
}

.header-account .avatar img {
    max-height: 90px;
    max-width: 85%;
    height: auto;
}

.header-account p button,
.header-account p .button {
    color: #147CC5;
    font-size: 15px;
    font-weight: 700;
    background-position: right 5px;
}

.header-account p button:hover {
    text-decoration: underline;
}

.header-account-connected .welcome {
    color: gray;
    margin: 0;
}

.header-account-connected .welcome a {
    display: block;
}

.header-account-connected .avatar {
    position: relative;
}

.header-account-connected .avatar a {
    display: block;
    width: 80px;
}

.header-account-connected .avatar .private-messages {
    position: absolute;
    bottom: -5px;
    left: 25px;
}

/* Navigation */

.navigation {
    background: #238FA9;
    position: relative;
    width: 100%;
}

.navigation .main-nav {
    height: 48px;
    width: 100%;
    font-size: 0;
}

.navigation .main-nav li {
    position: relative;
    display: inline-block;
    margin-left: 0;
    height: 48px;
}

.navigation .main-nav .item-concours-ifsi {
    margin-left: 0;
}

.navigation .main-nav .item-metiers-du-soin {
    padding-right: 5px;
    border: 0;
}

.navigation .main-nav li:hover,
.navigation .main-nav .active {
    background: #57A9BD;
}

.navigation .main-nav li a,
.navigation .main-item button {
    float: left;
    text-transform: uppercase;
    font: 20px/140% 'museo_sans', Arial, sans-serif;
    color: #CDE5EB;
}

.navigation .main-item button {
    font-size: 19px;
}

.navigation .main-nav li a {
    padding: 10px 29px;
    position: relative;
}

.navigation .main-nav li a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: #57A9BD;
}

.navigation .main-nav li:last-child a:after {
    content: normal;
}

.navigation .main-nav li a abbr {
    text-decoration: none;
}

.navigation .main-nav .active a,
.navigation .main-nav li a:hover {
    text-decoration: none;
    color: #FFF;
    background-position: right 21px;
}

.navigation .main-item {
    background: url(../images/background/nav.png) no-repeat right -29px;
}

.navigation .main-item button {
    padding: 10px 35px 10px 45px;
    background: url(../images/home/sprite.png) no-repeat -265px -463px;
}


.navigation .main-nav .item-nos-collegues {
    padding-right: 0;
    border-right: 0;
}

/* Menu */

.submenu {
    background: #FFF;
    padding: 1.5% 0;
    width: auto;
    border: 10px solid #55AABE;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.submenu .rubric {
    color: gray;
    text-transform: uppercase;
    font: 400 15px/120% 'museo_slab', Arial, sans-serif;
}

.submenu h1 {
    margin: 10px 0 0;
    font: 700 14px/140% 'museo_sans', Arial, sans-serif;
}

.submenu h2 {
    margin: 10px 0;
    font: 700 14px/140% 'museo_sans', Arial, sans-serif;
}

.submenu h1 a {
    color: #303030;
    padding: 0 10px 0 0;
    background: url(../images/bullet/bullet-grey.png) no-repeat right 3px;
}

.submenu h1 a:hover {
    color: #147CC5;
    background: url(../images/bullet/bullet-blue.png) no-repeat right 5px;
}

.submenu section,
.submenu div {
    float: left;
    width: 21%;
    height: 100%;
    padding: 0 1.5% 0 2.5%;
    border-left: 1px solid #CDCDCD;
}

#submenu-concours-ifsi section {
    width: 17%;
}

.submenu section {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.submenu div {
    border: none;
    margin: 0;
    padding-left: 0;
    width: 47%;
}

.submenu div + div {
    padding-left: 3%;
    width: 45%;
}

.submenu section:first-child {
    border-left: 0;
}

.submenu section ul {
    margin: 0 0 15px 3%;
}

.submenu section ul.list-inline {
    display: inline-block;
}

.submenu section li {
    margin: 0;
}

.submenu section li a {
    line-height: 160%;
    padding: 3px 0;
}

.submenu .double-column {
    width: 42%;
}

.submenu .footer-more {
    margin-right: 3%;
}

.submenu .item-forum a,
.submenu .item-boutique a,
.submenu .item-emploi a {
    display: block;
    padding: 10px 0 3px 35px;
    background: url(../images/home/sprite.png) no-repeat -274px -697px;
}

.submenu .item-boutique a {
    background-position: -274px -620px;
}

.submenu .item-emploi a {
    background-position: -274px -779px;
}

.submenu ul .no-bullet:before {
    content: " ";
}

.submenu-footer {
    float: left;
    display: block;
    height: 27px;
    border-top: 1px solid #55AABE;
    clear: both;
    margin: 10px 0 0;
    width: 100%;
}

.submenu-footer p {
    float: left;
    font-weight: 700;
    margin: 10px 30px 5px;
}

.submenu-footer p .facebook,
.submenu-footer .twitter,
.submenu-footer .youtube,
.submenu-footer .linkedin,
.submenu-footer .newsletter {
    display: inline-block;
    text-indent: -5000px;
    width: 30px;
    padding: 5px 0;
}

.submenu-footer .facebook {
    background: url(../images/pictos/little-facebook.png) no-repeat right 3px;
}

.submenu-footer .twitter {
    width: 30px;
    background: url(../images/pictos/little-twitter.png) no-repeat right 3px;
}

.submenu-footer .youtube {
    width: 30px;
    background: url(../images/pictos/little-youtube.png) no-repeat right 3px;
}

.submenu-footer .linkedin {
    width: 30px;
    background: url(../images/pictos/little-linkedin.png) no-repeat right 3px;
}


.submenu-footer .newsletter {
    background: url(../images/home/sprite.png) no-repeat -266px -871px;
}

.submenu-footer p a {
    color: #333;
}

#submenu-admission-ifsi.submenu section {
    float: left;
    width: 29%;
}

.list-teaching-unit .bloc-promo,
.submenu section .bloc-promo {
    margin-top: 10px;
    padding: 5px 10px;
    background: #F5F5F5;
    box-shadow: 0 -5px #EDEDED inset;
    border: 1px solid #E6E6E6;
}

.submenu .bloc-netlinking p,
.submenu .bloc-netlinking .bloc-content {
    padding: 0;
    margin: 0;
}

.submenu .bloc-netlinking .bloc-content {
    margin: 10px 0 0;
}

.submenu .bloc-netlinking .bloc-content strong {
    font-weight: 400;
    font-size: 14px;
    /*padding-left: 18px;*/
}

/* Footer */

#footer {
    margin: 0 auto 20px;
}

.footer-recovery-rubrics {
    float: left;
    clear: both;
    padding: 20px 2% 0;
    background: #238FA9;
    color: #FFF;
    width: 96.03%;
}

.footer-recovery-rubrics div {
    float: left;
    width: 15.5%;
    margin: 0 0 0 1.2%;
}

.footer-recovery-rubrics div:first-child {
    margin-left: 0;
    width: 16%;
}

.footer-recovery-rubrics h1,
.footer-recovery-rubrics .special-rub {
    text-transform: uppercase;
    padding: 0 0 5px;
    font: 17px/140% 'museo_sans', Arial, sans-serif;
}

.footer-recovery-rubrics h2 {
    margin: 10px 0 5px;
}

.footer-recovery-rubrics h2 a {
    padding: 0 15px 0 0;
    font: 700 14px/110% 'museo_sans', Arial, sans-serif;
    background: url(../images/bullet/bullet-white.png) no-repeat right 4px;
}

.footer-recovery-rubrics .special-rub {
    margin: 0;
}

.footer-recovery-rubrics .special-rub a {
    background: none;
    font: 17px/140% 'museo_sans', Arial, sans-serif;
    padding: 0;
}

.footer-recovery-rubrics h1 a,
.footer-recovery-rubrics h2 a,
.footer-recovery-rubrics .special-rub a {
    color: #FFF;
}

.footer-recovery-rubrics li {
    margin: 5px 0 8px;
    line-height: 110%;
}

.footer-recovery-rubrics li a {
    color: #A4D2DE;
    font-size: 13px;
}

.footer-recovery-rubrics .website-group {
    clear: left;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-top: 20px;
    border-top: 1px solid #A4D2DE;
    text-align: center;
}

.footer-recovery-rubrics .website-group a {
    color: #FFF;
}

.footer-recovery-rubrics .website-group a:last-child:after {
    content: " ";
}

.footer-group {
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #BEBFC0;
}

.footer-group h1 {
    text-transform: uppercase;
    color: #238FA9;
    font: 700 17px/140% 'museo_sans';
    padding: 10px 0;
    margin: 0 0 10px;
    text-align: center;
    border-top: 3px solid #508491;
    border-bottom: 1px solid #C1C5C7;
}

.footer-group div {
    float: left;
    width: 37%;
    margin: 10px 20px 20px 0;
}

.footer-group div:last-child {
    margin-right: 0;
    width: 36%;
}

.footer-group div h2 {
    margin: 0 0 10px;
    color: #238FA9;
    font: 14px/140% 'museo_slab', sans-serif;
}

.footer-group div p,
.footer-group div li {
    margin: 0 0 5px;
}

.footer-group div li a,
.footer-group div p a {
    color: gray;
    font-size: 13px;
}

.footer-group div li a:hover {
    text-decoration: underline;
}

.footer-group div p a strong {
    color: #333;
    font-weight: 400;
}

.footer-group .about-group {
    text-align: right;
    width: 20%;
    padding: 0 20px 0 0;
    border-right: 1px solid #F2F2F2;
}

.listing-group {
    clear: left;
    padding: 10px 0 5px;
    text-align: center;
}

.listing-group a {
    padding: 0 2%;
}

.website-group a {
    color: #238FA9;
}

.website-group a:after {
    content: " | ";
    padding: 0;
}

.website-group a:hover {
    text-decoration: none;
}

.baseline {
    padding: 8px 0 20px;
    border-top: 3px solid #508491;
    border-bottom: 1px solid #C1C5C7;
    box-shadow: 0 1px 0 #DBE6E9;
}

.baseline p {
    font-size: 12px;
    margin: 5px 0 0;
    text-align: center;
    color: #238FA9;
}

.baseline .certificated {
    float: left;
    margin: 0 2% 10px;
}

.baseline .certificated a:after {
    content: " ";
}

/* Navigation left */
.left-navigation * {
    box-sizing: border-box;
}

.left-navigation ul li {
    float: left;
    font-size: 17px;
    margin: 0;
    clear: left;
    width: 100%;
    text-transform: uppercase;
    position: relative;
}

.content .list-content li button,
.content .list-content .list-header button {
    display: block;
    float: left;
    height: 35px;
    overflow: hidden;
    text-indent: -500px;
    width: 35px;
    margin: 0 5px 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNpiNDY21mVgYLjMgASYgPgwEDuhC/ID8XYgjkIWBAE2IF4KxBUgDgsDKmgHYjkmBkzwEVnlXyDOBeLpMMHvQBwBxJtgZr4GYh8gPgXTAhK0AuI7yIYCBBgANE0NrjTHD0IAAAAASUVORK5CYII=) no-repeat center;
}

.content .list-content .list-header button {
    position: relative;
}

.left-navigation ul li button,
.left-navigation .opened ul.last-level li button {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -500px;
    margin: 0;
    position: relative;
}

.left-navigation ul li button:before,
.left-navigation .opened ul.last-level li button:before,
.content .list-content li button:before,
.content .list-content .list-header button:before {
    position: absolute;
    top: 10px;
    left: 14px;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
}

.content .list-content .list-header button:before {
    content: normal;
}

.left-navigation ul li button:hover:before,
.left-navigation .opened ul.last-level li button:hover:before {
    border-left: 5px solid #EF4061;
}

.content .list-content .list-header button {
    margin-top: -5px;
}

.content .list-content .active button,
.content .list-content .list-header button.active {
    text-decoration: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpiNDY2VmFgYDgGxKIM2MFHILZlAhJ3gNgHiL9jUfQLiIOA+DITVOAUEEcA8V80hYlAvA/EYEIS3ATEuUj8SiBeBuOwoJkwHYjlgJgfiDuQJQACDABRyA3Ykq5cMwAAAABJRU5ErkJggg==) no-repeat center;
}

.left-navigation ul .opened button,
.left-navigation ul .opened .last-level .opened button {
    text-decoration: none;
}

.left-navigation ul .opened button:before,
.left-navigation ul .opened .last-level .opened button:before {
    top: 12px;
    left: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.left-navigation ul .opened button:hover:before,
.left-navigation ul .opened .last-level .opened button:hover:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #EF4061;
}

.left-navigation ul li a {
    display: block;
    height: auto;
    color: #333;
    line-height: 120%;
    padding: 12px 7px 12px 30px;
    text-decoration: none;
}

.left-navigation ul li ul li {
    font-size: 14px;
    height: auto;
    margin: 0;
    text-transform: none;
    background: none;
}

.left-navigation ul ul li a,
.left-navigation ul ul ul li a {
    height: auto;
    float: none;
    word-wrap: break-word;
    padding: 7px 5px 7px 50px;
}

.left-navigation li.menu-n2-last-element a {
    padding-left: 35px;
}

.left-navigation ul li ul,
.left-navigation ul.last-level li ul,
.left-navigation .active ul.last-level li ul {
    display: none;
}

.left-navigation ul .opened ul,
.left-navigation .opened .last-level .opened ul,
.left-navigation ul .active ul li ul {
    display: block;
}

.left-navigation ul li ul li ul li a {
    color: #333;
    text-decoration: none;
    position: relative;
    padding-left: 65px;
}

.left-navigation ul li ul li ul li a:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 50px;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 10px;
}

.left-navigation .separator {
    margin: 20px 0 5px;
    position: relative;
}

.left-navigation .separator:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #CCC;
}

.left-navigation .final-active > a {
    background: #D5EEF3;
    font-weight: bold;
}

.left-navigation a:hover {
    background: #D5EEF3;
}

.left-navigation ul li button {
    position: absolute;
    left: 0;
    top: 7px;
}

.left-navigation ul ul li button {
    position: absolute;
    left: 20px;
    top: 0;
}

/* Col right */

.sidebar {
    width: 298px;
    margin-left: -0.1%;
    padding: 0 19px 20px 20px;
    border-left: 1px solid #CCC;
    background: #F5F5F5;
}

.sidebar .bloc {
    float: left;
    width: 100%;
    margin: 20px 0 10px;
}

.bloc-content img {
    float: left;
    margin: 5px 10px 10px 0;
}

.bloc-title,
.home-topic .secondary-col .bloc-partner .bloc-title,
.employment-section .secondary-col .bloc-partner .bloc-title,
.content .bloc-partner .bloc-title {
    font: 17px/100% 'museo_sans', Arial, sans-serif;
    margin: 10px 20px;
}

.home-topic .secondary-col .bloc-partner .bloc-title,
.employment-section .secondary-col .bloc-partner .bloc-title,
.content .bloc-partner .bloc-title {
    margin: 10px 0 10px 15px;
    max-width: 170px;
}

.bloc-title span {
    font-size: 13px;
    color: gray;
}

.sidebar .bloc-blue .bloc-title,
.sidebar .bloc-green .bloc-title {
    float: none;
    padding: 10px;
    background: #F3FAFB;
}

.sidebar .bloc-green .bloc-title {
    background: #FBFBF2;
}

.sidebar .list span {
    text-transform: uppercase;
    text-decoration: none;
}

.sidebar .list a:hover {
    text-decoration: none;
}

/* Colors */

.sidebar .bloc,
.home-topic .secondary-col .bloc-partner,
.secondary-col .bloc-newsletter,
.content .bloc-partner {
    border: 1px solid #EDEDED;
    border-top: 3px solid gray;
}

/* Blocs */

/* Partner */

.bloc-partner .bloc-title,
.bloc-rubric .bloc-title {
    float: left;
}

.sidebar .bloc-partner .bloc-title {
    max-width: 160px;
}

.sidebar .bloc-partner.bloc-blue .bloc-title {
    max-width: 280px;
}

.bloc-partner .bloc-title span {
    display: block;
}

.bloc .bloc-title-right,
.bloc-rubric .bloc-title-right {
    float: right;
    text-align: right;
    max-width: 85px;
    margin: 9px 10px 10px 0;
    font-size: 13px;
}

.bloc .bloc-title-right img {
    max-width: 90%;
    height: auto;
}

.bloc-promo p {
    padding: 10px;
}

.bloc-promo img {
    float: right;
    padding: 0 0 0 5px;
}

/* Rotative */

.rotative {
    float: left;
    margin: 20px 0;
}

.placeholder {
    overflow: hidden;
    position: relative;
}

.rotative .placeholder {
    width: 300px;
}

.rotative .placeholderCustomSlider {
    width: 750px;
}

.rotative-shop .placeholder {
    width: 220px;
    margin: 0 auto;
}

.placeholder ul {
    position: relative;
    width: 20000px;
}

.placeholder .bloc-title span {
    display: block;
}

.rotative .bloc {
    margin: 0 0 10px;
    min-height: 230px;
}

.rotative .bloc-content {
    height: 98px;
    overflow: hidden;
}

.rotative .rotative-bullet {
    width: 300px;
    text-align: center;
}

.rotative .rotative-bullet li {
    display: inline;
}

.rotative .rotative-bullet button {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    text-indent: -500px;
    overflow: hidden;
    background: url(../images/bullet/rotative.png) no-repeat 0 0;
}

.rotative .rotative-bullet button:hover,
.rotative .rotative-bullet .active button {
    background-position: 0 -15px;
}

.rotative-shop {
    clear: both;
    border: 1px solid #F2F2F2;
    margin: 10px 20px 20px;
    padding: 10px;
}

.rotative-button-next,
.rotative-button-prev {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 23px;
    height: 23px;
    padding: 90px 0;
    display: block;
    text-indent: -500px;
    overflow: hidden;
    background: url(../images/bullet/rotative-button.png) no-repeat 0 center;
}

.rotative-button-next,
.rotative-button-next-custom-slider {
    right: 5px;
    left: auto;
    background-position: -23px center;
}

.rotative-button-next-custom-slider, .rotative-button-prev-custom-slider {
    top: 2px;
    left: 5px;
    width: 23px;
    height: 23px;
    display: block;
    text-indent: -500px;
    overflow: hidden;
    background: url(/images/bullet/rotative-button.png) no-repeat 0 center;
}

.rotative .placeholder li {
    float: left;
    width: 300px;
}

.rotative .placeholderCustomSlider li {
    float: left;
    width: 250px;
}

.rotative-shop {
    position: relative;
}

.rotative-shop p {
    color: gray;
}

.rotative-shop a {
    text-decoration: none;
}

.rotative-shop p span {
    color: #333;
    font-weight: 700;
    display: block;
}

.rotative-shop .placeholder li {
    float: left;
    width: 220px;
    text-align: center;
    position: relative;
}

a .right-price {
    position: absolute;
    top: 20%;
    right: 20px;
    margin-top: -20px;
    float: right;
    background: #EB6631;
    color: #FFF;
    padding: 2px;
}

.sidebar .rotative .bloc {
    float: none;
}

/* Emploi button */

.jobs-actions {
    margin: 0 0 10px;
}

.jobs-actions .button-jobs {
    display: inline-block;
    padding: 35px 8px 10px;
    margin: 0 5px 0 10px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    box-shadow: inset 0 -5px #EDEDED;
}

.jobs-actions .button-jobs a {
    font-size: 14px;
    color: gray;
    padding: 30px 0 0;
    background: url(../images/home/sprite.png) no-repeat 43px -195px;
}

.jobs-actions .button-jobs-received {
    margin-left: 2px;
}

.jobs-actions .button-jobs-received a {
    background-position: -32px -195px;
}

/* Newsletter */

#main .bloc-newsletter {
    border-top-color: #EF3E62;
    background: #FFF url(../images/background/newsletter.png) no-repeat 20px 20px;
}

.secondary-col .bloc-newsletter h1,
.bloc-newsletter h1 {
    margin: 20px 10px 10px 130px;
    font: 22px 'museo_slab', Arial, sans-serif;
}

.bloc-newsletter p {
    color: gray;
    line-height: 120%;
    margin: 0 10px 35px 150px;
}

.bloc-newsletter .button {
    margin: 10px 20px 0;
    border-top: 1px solid #F2F2F2;
    padding: 25px 45px 25px 50px;
}

/* Application */

#main .bloc-appli {
    width: 300px;
    background: #FFF url(../images/background/appli.png) no-repeat 40px 20px;
}

.bloc-appli .button {
    margin: 0;
    padding: 15px 0 0;
    display: inline-block;
}

.bloc-appli .button a {
    display: block;
    margin: 0 0 10px 20px;
    padding: 0;
    box-shadow: none;
    text-indent: -500px;
    overflow: hidden;
    width: 125px;
    height: 40px;
    border: 0;
}

.bloc-appli .button-store a {
    width: 115px;
    background: url(../images/background/app-store.png) no-repeat;
}

.bloc-appli .button-gplay a {
    background: url(../images/background/google-play.png) no-repeat;
}

/* Recruteur */

.bloc-recruiter ul {
    padding: 0 15px 10px;
}

.bloc-recruiter li {
    display: inline-block;
    margin: 5px;
}

.rotative .bloc-recruiter {
    min-height: 258px;
}

.sidebar .bloc-recruiter li {
    float: none;
    width: auto;
}

.sidebar .bloc-recruiter ul {
    width: auto;
}

/* Concours et espace vendu */

.bloc-concours .bloc-title,
.bloc-send-space .bloc-title {
    font: 22px 'museo_slab', Arial, sans-serif;
    padding: 5px 0 10px 40px;
    background: url(../images/home/sprite.png) no-repeat -269px -1261px;
}

.bloc-send-space .bloc-title {
    background: url(../images/pictos/external-link.png) no-repeat;
}

.bloc-concours ul,
.bloc-send-space ul {
    margin: 10px 20px;
}

/* Secondary-col */

.secondary-col .bloc:first-child {
    border-top-width: 0;
}

.secondary-col .bloc-title,
.primary-col .bloc-title {
    margin: 5px 0 10px;
    font: 22px/110% 'museo_slab', arial, sans-serif;
}

.bloc .title-right {
    float: right;
    text-align: right;
    max-width: 90px;
    margin: 9px 10px 10px 0;
}

.secondary-col .bloc {
    border-top: 3px solid #CBCBCB;
    clear: both;
}

.secondary-col .bloc-content {
    margin: 10px 0;
}

.secondary-col .bloc-content h2 {
    text-transform: uppercase;
    color: #CBCBCB;
    font: 12px/140% 'museo_sans', arial, sans-serif;
}

.home .secondary-col .bloc-forum,
.bloc-forum {
    border-color: #B7D000;
}

/* Forum */

.bloc-forum .bloc-title {
    float: left;
}

.bloc-forum .bloc-title-right {
    padding-left: 5px;
    border-left: 1px solid #E5E5E5;
    font-size: 12px;
    line-height: 120%;
    margin: 9px 0 10px;
    max-width: 108px;
}

.bloc-forum .bloc-title-picto {
    padding-left: 45px;
    background-position: 0 -784px;
}

.bloc-forum .bloc-header-forum {
    clear: both;
    float: left;
    width: 100%;
    background: #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
}

.bloc-forum .bloc-header-forum p {
    float: left;
    color: gray;
    padding: 8px 10px 5px;
}

.bloc-forum .bloc-header-forum p + p {
    float: right;
}

.bloc-forum .list li {
    float: left;
    width: 100%;
}

.list-forum li a {
    display: inline-block;
    width: 79%;
    padding-left: 20px;
    background: url(../images/home/sprite.png) no-repeat -287px -248px;
}

.bloc-forum .list li span {
    float: right;
    display: block;
}

.bloc-forum footer {
    clear: both;
}

.sidebar .bloc-forum {
    border-top-color: #B7D000;
}

.sidebar .bloc-forum .bloc-title {
    float: none;
    padding: 5px 0 5px 45px;
    margin-bottom: 0;
    font: 22px 'museo_slab', Arial, sans-serif;
}

.sidebar .bloc-forum h2 {
    color: gray;
    padding-left: 47px;
    margin: -5px 20px 0;
    font-weight: 400;
}

.sidebar .bloc-forum .bloc-header-forum {
    margin: 10px 20px 0;
    width: 87%;
}

.sidebar .bloc-forum .list li {
    width: 87%;
}

.sidebar .list li:before {
    content: " ";
}

.sidebar .list li {
    padding-left: 0;
    margin: 10px 20px;
}

.sidebar .list {
    margin: 10px 0 0;
}

/* Post-it */

.bloc-postit .bloc-title-picto {
    background-position: 0 -430px;
}

.bloc-postit blockquote {
    padding: 15px 15px 10px 55px;
    background: #F6F9E4;
}

.bloc-postit blockquote p:before {
    content: " \201C ";
    display: block;
    float: left;
    color: #6A6A6A;
    margin: -10px 0 0 -35px;
    font: 700 50px/56px Georgia, Serif;
}

.bloc-postit blockquote p {
    margin: 15px 0 0;
}

.bloc-postit .author {
    padding: 10px 20px 20px;
    background: #F6F9E4;
}

.bloc-postit blockquote a {
    color: #333;
    font-size: 24px;
    line-height: 130%;
}

.bloc-postit .author span {
    color: #757575;
}

.bloc-postit .author cite {
    color: gray;
}

.bloc-postit .author span,
.bloc-postit .author cite {
    display: block;
    text-align: right;
    font: 14px 'museo_slab', Arial, sans-serif;
}

/* Grands dossiers */

.bloc-writing-files .bloc-title-picto {
    background-position: 0 -342px;
    padding-left: 40px;
}

.bloc-writing-files aside {
    clear: both;
}

.bloc-writing-files aside li {
    text-transform: uppercase;
    font-size: 12px;
}

.bloc-writing-files p strong {
    display: block;
}

.bloc-writing-files .bloc-content p a {
    color: gray;
}

.bloc-writing-files .bloc-content p a:hover {
    color: #147CC5;
    text-decoration: none;
}

.bloc-writing-files img {
    width: 37%;
    height: auto;
}

.bloc-video .bloc-title-picto {
    background-position: -261px -38px;
}

.bloc-video .bloc-title-picto {
    background-position: 0 -523px;
}

article a.tag {
    padding: 5px;
    border: 1px solid #1C9DF7;
    border-radius: 7px;
    margin-right: 10px;
}

article a.tag.no-link {
    color: gray;
    cursor: pointer;
}

/* Primary col */

.date,
.topic-title {
    text-transform: uppercase;
    color: gray;
    font-size: 15px;
    margin: 10px 0 0;
}

.date {
    font-size: 12px;
}

.comment {
    background: url(../images/home/sprite.png) no-repeat 12px -717px;
    font-size: 12px;
    padding: 0 0 0 25px;
    text-decoration: none;
}

.list-publication .comment span,
.comment a {
    color: #238FA9;
    text-decoration: none;
}

.last-publication,
.list-publication {
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    margin: 20px 0;
}

.last-publication article {
    float: left;
    width: 48%;
    margin: 10px 2% 10px 0;
}

.last-publication article:nth-child(odd) {
    margin: 10px 0 10px 2%;
}

.last-publication article img {
    width: 100%;
    height: auto;
}

.list-publication {
    border-top: 0;
    padding: 0;
}

.list-publication article {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 5px 0 10px;
    border-bottom: 1px solid #F2F2F2;
}

.list-publication article:last-of-type {
    border: 0;
    margin-bottom: 0;
}

.list-publication .footer-more {
    padding-top: 0;
    border: 0;
}

.bloc-rubric.list-publication article img,
.list-publication article img,
.home-topic .secondary-col .bloc-full-width.list-publication article img {
    float: left;
    margin: 0 2% 5px 0;
    width: 22.3%;
    height: auto;
}

.list-publication article .date {
    margin-top: 0;
}

.list-publication article h1 {
    margin: 0;
    font: 20px/120% 'museo_slab', Arial, sans-serif;
}

.list-publication article h1 a {
    color: #333;
}

.list-publication article h1 a:hover {
    text-decoration: underline;
}

.list-publication article h1 .comment {
    text-decoration: none;
}

.content .list-publication article .date,
.content .list-publication article h1,
.content .list-publication article p {
    margin: 0;
}

.primary-col article h1 a:hover {
    text-decoration: underline;
}

.article-content .list-publication {
    margin-bottom: 0;
}

/* header rubric */

.topic-header {
    float: left;
    display: table;
    width: 79%;
    margin: 0 0 20px;
    height: 100px;
    background: #FFF url(../images/background/stripe.png) repeat 0 0;
}

.topic-header img {
    float: left;
}

.topic-header h2 {
    display: table-cell;
    width: 100%;
    padding: 0 15px 0 0;
    vertical-align: middle;
    font: 700 41px/100% 'museo_slab', arial, sans-serif;
}

.topic-header h2 a {
    color: #238FA9;
}

.topic-header h2 a:hover {
    color: #EF3E62;
}

.topic-header-shop h2 a {
    color: #EB6631;
}

.topic-header h2 a img {
    float: right;
    display: block;
    margin: 5px 3%;
}

/* Sitemap */

.home-topic .sitemap .column h2,
.sitemap .column h3 {
    font: 24px/120% "museo_slab", Arial, sans-serif;
    margin: 30px 3% 0;
    background: none;
}

.sitemap h2 a,
.sitemap h3 a {
    color: #333;
}

.sitemap h2 a:hover,
.sitemap h3 a:hover {
    color: #147CC5;
}

.sitemap ul {
    margin: 0 5%;
}

.sitemap ul li {
    margin: 10px 2%;
}

.sitemap ul ul {
    margin: 0 2%;
}

.sitemap ul ul li:before {
    content: " • ";
    padding: 0 0 0 15px;
}

.sitemap h2 {
    padding: 0 0 10px;
    border-bottom: 1px solid #F2F2F2;
}

.home-topic .sitemap h3 {
    font-size: 18px;
    margin-top: 20px;
}

.sitemap .column {
    float: left;
    width: 46%;
    margin: 0 0 0 2%;
    padding: 0 2% 0 0;
    border-right: 1px solid #CCC;
}

.sitemap .column:nth-child(even) {
    border-right: 0;
    padding: 0 0 0 2%;
    border-left: 1px solid #CCC;
    margin-left: -1px;
}

/* Page liens */

.categories-list {
    margin: 20px 3%;
    width: 94%;
}

.categories-list .weblink-count dt,
.categories-list .weblink-count dd {
    display: inline;
}

/* intersticiel */

.layer-popup {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    top: auto;
    border: 0;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background: #57A9BD;
    padding: 0;
}

.layer-popup:before {
    display: none;
}

.layer-popup .popup-content {
    background: #FFF;
    border-radius: 10px 10px 0 0;
    margin: 3px 3px 0;
    padding: 3px 3px 5px;
    text-align: center;
    position: relative;
}

.layer-popup .popup-content img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.layer-popup .popup-content a {
    display: block;
}

.layer-popup h1 {
    font: 22px/120% 'museo_slab', Arial, sans-serif;
    text-align: center;
    margin: 0 20px 0 0;
}

.layer-popup p {
    margin: 0 0 10px;
}

.layer-popup .button-close {
    margin: 0 -3px 0 0;
    right: 0;
    float: right;
    position: absolute;
}

.layer-popup .button-close button {
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -500px;
    overflow: hidden;
    margin-top: -67%;
    border: 3px solid #57A9BD;
    float: right;
    border-radius: 30px;
    background: #FFF;
    position: relative;
}

.layer-popup .button-close button:before {
    color: #57A9BD;
    content: "X";
    display: block;
    float: left;
    font: 700 18px/95% Verdana;
    margin-top: 0;
    text-indent: 0;
    position: absolute;
    right: 29%;
    width: 10px;
    z-index: 1;
}

/* form association */

.secondary-col #ChronoContact_AssociationEtudiante {
    margin: 20px 3%;
    width: 94%;
}

.secondary-col .contact-asso-title {
    margin: 0 0 20px;
    font: 24px 'museo_slab', Arial, sans-serif;
}

.secondary-col .msginfo {
    margin: 0 3% 10px;
    width: 94%;
    color: #E82A17;
    font-weight: 400;
}

.secondary-col #tab_search {
    background: none;
    border: 1px solid #CCC;
    border-top: 3px solid #238FA9;
}

.secondary-col #tab_search td {
    padding: 5px 10px;
}

.secondary-col #tab_search td.label {
    display: block;
    margin: 10px 0 5px;
    font-weight: 400;
}

.secondary-col #tab_search td input,
.secondary-col #tab_search td textarea {
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 5px 0 10px;
    padding: 5px 0 5px 10px;
    width: 95%;
}

.secondary-col #tab_search td input[type=submit] {
    width: auto;
    text-align: center;
    background: #238FA9;
    border: 1px solid #176072;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #5DBFD0 inset;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 1px 1px #176072;
}

/* Début bloc CGOS */

.sidebar .bloc.bloc-cgos-air {
    border-top-color: #89AE19 !important;
}

.sidebar .bloc-cgos-air .bloc-content {
    text-align: center;
}

.sidebar .bloc-cgos-air .bloc-content img {
    float: none;
    margin: 10px 0;

}

.sidebar .bloc-cgos-air h1 {
    color: #333;
    font-family: "museo_sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 170%;
    text-align: center;
    font-weight: normal;
}

.sidebar .bloc-cgos-air h1 span {
    display: block;
    color: gray;
    font-size: 15px;
    line-height: 130%;
}

.sidebar .bloc-cgos-air .list li {
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 15px 0;
    margin: 0 20px 15px 20px;
    clear: left;
    min-height: 66px;
}

.sidebar .bloc-cgos-air .list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.sidebar .bloc-cgos-air .list .img-container {
    float: left;
    width: 100px;
    height: 67px;
    margin: 0 10px 8px 0;
    text-align: center;
}

.sidebar .bloc-cgos-air .list li img {
    width: auto;
    height: 100%;
}

.sidebar .bloc-cgos-air .bloc-cgos1 {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 20px;
}

/* Fin bloc CGOS */

/* La loi Cookie */

.cookie-law {
    position: fixed;
    z-index: 999999;
    padding: 10px 1% 9px;
    width: 98%;
    color: #FFF;
    font-size: 13px;
    display: none;
    bottom: 0;
    background: #7D7D7D;
}

.cookie-law p {
    float: left;
    width: 94%;
}

.cookie-law a {
    color: #FFF;
    text-decoration: underline;
}

.cookieAccept {
    float: right;
    display: block;
    text-indent: 500px;
    overflow: hidden;
    width: 20px;
    height: 20px;
}

.cookieAccept:before {
    content: "X";
    color: #FFF;
    display: block;
    font-size: 17px;
    text-indent: 0;
}

/* Fin de La loi Cookie */

/* Ajout iframe MNH temporary style */

.video-container-iframe-mnh {
    position: relative;
    padding-bottom: 247px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 0 solid blue;
    clear: both;
}

.video-container-iframe-mnh iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 670px) {
    .video-container-iframe-mnh {
        padding-bottom: 510px;
        border: 0px solid red;
    }
}

@media (min-width: 670px) and (max-width: 1011px) {
    .video-container-iframe-mnh {
        padding-bottom: 247px;
        border: 0px solid green;
    }
}

@media (min-width: 1011px) and (max-width: 1300px) {
    .video-container-iframe-mnh {
        padding-bottom: 510px;
        border: 0px solid yellow;
    }
}

@media (min-width: 1300px) {
    .video-container-iframe-mnh {
        padding-bottom: 247px;
        border: 0px solid pink;
    }
}

.generated-container {
    clear: both;
    float: none;
}

.generated-container > * {
    float: left;
    margin: 0 2% 20px;
}

.inf-ue .secondary-col .bloc-full-width {
    width: 94%;
}

#main #sidebar.sidebar.force-hidden {
    display: none;
}

/**** Nouveaux emplacements pub **/

#main.adMoverMQ-M .generated-pub-container {
    width: 100%;
    margin: 0 auto;
    float: none;
    max-width: 660px;
    clear: both;
}

#main.adMoverMQ-M .generated-pub-container-home-emploi {
    clear: none;
    width: auto;
    float: left;
    max-width: 300px;
}

#main.adMoverMQ-M .generated-pub-container .pub {
    margin: 0 20px 0 3%;
    clear: none;
}

#main.adMoverMQ-S .generated-pub-container {
    margin: 0 auto;
    float: none;
}

#main.adMoverMode-home-topic.adMoverMQ-M #sidebar,
#main.inf-ue.adMoverMQ-M .secondary-col .generated-pub-container,
#main.inf-gd-home.adMoverMQ-M .secondary-col .generated-pub-container,
#main.inf-gd-list.adMoverMQ-M .secondary-col .generated-pub-container {
    margin: 0 auto;
    float: none;
    max-width: 660px;
}

#main.home-topic.adMoverMode-home-topic.adMoverMQ-S .bloc.openx-ad.not-ad-sense {
    width: 50%;
    margin: 0 auto;
}

#main.home-topic.adMoverMode-home-topic.adMoverMQ-S .bloc.openx-ad.not-ad-sense img {
    width: 100%;
    height: auto;
}

#main.adMoverMode-home-topic.adMoverMQ-M #sidebar {
    border: none;
}

#main.adMoverMode-home.adMoverMQ-S + div.ad {
    display: block;
}

#main.adMoverMode-home.adMoverMQ-S > section.primary-col > div.bloc.pub.openx-ad.moved-bloc,
#main.adMoverMode-home.adMoverMQ-S > div.home-content > section > div.bloc.pub.openx-ad.moved-advert2 > p,
#main.adMoverMQ-S div.bloc.pub.openx-ad.moved-advert2 {
    width: 50%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#main.adMoverMode-home.adMoverMQ-S > section.primary-col > div.bloc.pub.openx-ad.moved-bloc {
    width: 300px;
}

#main.adMoverMode-home.adMoverMQ-S > section.primary-col > div.bloc.pub.openx-ad.moved-bloc img {
    width: auto;
}

#main.adMoverMode-home.adMoverMQ-S section.primary-col aside.rotative.auto-promo {
    margin: 0 auto;
    float: none;
    width: 300px;
    clear: left;
}

#main.adMoverMode-home.adMoverMQ-S section.primary-col aside.rotative.auto-promo .bloc-blue {
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    border-top: 3px solid gray;
    border-top-color: #238FA9;
}

#main.adMoverMode-home.adMoverMQ-S section.primary-col aside.rotative.auto-promo h1.bloc-title {
    padding: 10px;
    margin: 10px 20px;
    background: #F3FAFB;
}

#main.adMoverMQ-S div.bloc.pub.openx-ad.moved-advert2 img,
#main.adMoverMQ-S div.bloc.pub.openx-ad img {
    width: 100%;
    height: auto;
}

#main.adMoverMQ-S div.bloc.pub.openx-ad img {
    width: 100%;
    height: auto;
}

#main.home.adMoverMode-home.adMoverMQ-M section.primary-col .bloc.pub.openx-ad.not-ad-sense {
    text-align: center;
}

#main.home.adMoverMode-home.adMoverMQ-M section.primary-col .bloc.pub.openx-ad.not-ad-sense img {
    max-width: 620px;
}

#main.home.adMoverMode-home.adMoverMQ-M section.primary-col .bloc.pub.openx-ad.not-ad-sense .pub-legend {
    max-width: 620px;
    margin: 0 auto;
}

#main.adMoverMode-article.adMoverMQ-S .content .article-content .moved-ad {
    clear: right;
    float: right;
    margin: 20px 10px 10px 0;
    width: 50%;
    min-width: 50px;
}

#main.adMoverMode-article.adMoverMQ-S .content .article-content .moved-ad img {
    width: 100%;
}

#main.main-forum.adMoverMode-forum.adMoverMQ-M .content-forum .adForumFooter {
    display: block;
}

#main.inf-ue .secondary-col .openx-ad,
#main.inf-gd-list .secondary-col .openx-ad {
    clear: none;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
Added on 29.07.2016
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*****************************
Created by mejorainfotech
******************************/

.clearfix {
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    line-height: 1;
}

.clearfix:after {
    clear: both;
}

.guides-section .secondary-col {
    padding: 0;
    margin-bottom: 0;
}

.guides-section {
    position: relative;
}

.guides-section #system-message-container > div {
    position: absolute;
    top: 50px;
    left: 25px;
    right: 25px;
    padding: 15px;
    border-radius: 5px;
    background: #FFF;
    border: 3px solid #57A9BD;
    z-index: 1;
}

.guides-section #system-message-container .alert {
    text-align: left;
    color: #E82A17;
    font-family: 'museo_sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}

.guides-section #system-message-container .close {
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: #FFF;
    cursor: pointer;
}

.guides-section #system-message-container .close:before {
    position: absolute;
    content: "";
    top: 0;
    left: 9px;
    width: 2px;
    height: 20px;
    background: #57A9BD;
    transform: rotate(45deg);
}

.guides-section #system-message-container .close:after {
    position: absolute;
    content: "";
    top: 0;
    left: 9px;
    width: 2px;
    height: 20px;
    background: #57A9BD;
    transform: rotate(-45deg);
}

.guides-section #system-message-container h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
}

.guides-section .sidebar-guide {
    position: absolute;
    width: 340px;
    padding: 0;
    top: 115px;
    right: 15px;
    background: #FFF;
    border: none;
}

aside.bloc.bloc-pink.bloc-guides {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #EDEDED;
    border-top: 3px solid gray;
    margin: 20px 0;
}

.guides-section .guide-form-wrapper {
    float: left;
    width: 100%;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1400px) and (min-width: 670px) {
    .guides-section .content {
        float: left;
        width: 73%;
        margin: 0;
    }
}

.guides-section .guide-form-wrapper form {
    float: left;
    width: auto;
    padding: 0 20px 20px 20px;
}

.guides-section .guide-form-wrapper .form input[type=text],
.guides-section .guide-form-wrapper .form input[type=password],
.guides-section .guide-form-wrapper .form input[type=email],
.guides-section .guide-form-wrapper .form input[type=number],
.guides-section .guide-form-wrapper .form input[type=tel],
.guides-section .guide-form-wrapper .form textarea,
.guides-section .guide-form-wrapper .form-special select {
    width: 100% !important;
    box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.article-inner-left_sec {
    float: left;
    width: 73%;
    margin: 0;
}

.topic-header.full-topic-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.topic-header.full-topic-header h2 {
    display: table-cell;
    width: 100% !important;
    padding: 0 15px 0 0;
    vertical-align: middle;
    font: 700 41px/100% 'museo_slab', arial, sans-serif !important;
    float: none !important;
}

.guide-m-top-secc {
    margin-bottom: 20px;
    box-sizing: border-box;
}

.guide-m-top-secc * {
    box-sizing: border-box;
}

.guide-m-top-secc .alert-green {
    color: #fff;
    font-size: 22px;
}

.guide-m-top-secc:after,
.guide-m-top-secc:before {
    content: "";
    line-height: 1;
    display: table;
}

.guide-m-top-secc:after {
    clear: both;
}

.guide-m-top-secc figure {
    margin: auto;
    width: 35%;
    float: left;
    text-align: center;
}

.guide-m-top-secc .guide-m-top-right {
    width: 65%;
    float: left;
    /*    font-size: 17px;*/
}

.guide-m-top-secc .guide-m-top-right header .date {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.article-inner-left_sec .bloc-topic header h2 {
    font-size: 22px;
    margin: 0;
}

.logo-sec {
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-top: 0;
}

.logo-sec .list-inline {
    float: left;
    width: 100%;
    margin: 0;
}

.logo-sec .list-inline li {
    float: left;
    width: 50%;
    color: #808080;
    vertical-align: middle;
    margin: 0;
}

.logo-sec .list-inline .img {
    float: left;
    width: 100%;
    height: 42px;
}

.logo-sec .list-inline li p {
    display: inline-block;
    margin: 0;
}

.logo-sec .list-inline li a {
    background: none;
    color: #808080;
    padding: 0;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.logo-sec .list-inline li:before {
    display: none;
}

.share-secc {
    color: #808080;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    font-size: 13px;
}

.share-secc p {
    font-size: 17px;
}

.share-secc ul {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

.share-secc ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    margin: 3px 0;
}

.share-secc ul li:before {
    display: none;
}

.share-secc ul li a,
.share-secc ul li img {
    display: block;
}

.ol-li {
    font-size: 14px;
}

.ol-li header {
    margin-bottom: 25px;
}

.ol-li ol {
    counter-reset: item;
    margin-top: 0;
}

.ol-li ol li {
    display: block;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0;
}

.ol-li ol li li {
    display: block;
    color: #808080;
    margin-bottom: 0;
}

.ol-li ol li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    font-size: 100%;
    color: #333;
}

.ol-li ol li li:before {
    content: counters(item, ".") " -";
    counter-increment: item;
    font-size: 100%;
    color: #808080;
}

.bloc-lists {
    -webkit-columns: 100px 2;
    -moz-columns: 100px 2;
    columns: 100px 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.form-head {
    padding-bottom: 25px;
}

.form-head h1 {
    background: #EF3E62;
    text-align: center;
    color: #FFF;
    margin: 0 -19px 25px -20px;
    position: relative;
    font-size: 22px;
    line-height: 24px;
    padding: 8px;
    font-weight: 400;
}

.form-head h1:after {
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 12px solid #EF3E62;
    width: 0;
    height: 0;
    bottom: -12px;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.m-book-sec {
    background: #238FA9;
    /*    border-bottom: 1px solid #fff;*/
    padding: 10px 15px 25px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}

.m-book-sec h1 {
    font-size: 22px;
    color: #333;
    margin: 0 0 25px;
    font-family: 'museo_slab', arial, sans-serif;
}

.m-book-sec .m-books .m-book {
    font-size: 14px;
    color: #333;
    float: left;
    width: 16.5%;
    box-sizing: border-box;
}

.m-book-sec .m-books .m-book figure {
    float: left;
    margin-right: 10px;
}

.m-book-sec .m-books .m-book .book-content {
    padding-right: 20px;
}

.m-book-sec .m-books .m-book h2 {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 10px;
    color: #FFF;
    font-family: 'museo_slab', arial, sans-serif;
    font-weight: 400;
    float: none;
    clear: none;
}

.m-book-sec .m-books .m-book p {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}

.guide-submit input[type=submit] {
    margin: 0;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 1px 1px #C32A49;
    background: #EF3E62;
    border-radius: 5px;
    border: 1px solid #BB2644;
    box-shadow: 1px 1px 0 #DC647C inset;
}

/*********************************************************
Guide home page
*********************************************************/

.single-artcle-book figure {
    margin: auto;
    width: 35%;
    float: left;
    text-align: center;
    position: relative;
}

.single-artcle-book figure .badge {
    position: absolute;
    bottom: 48px;
    left: 25px;
    box-sizing: border-box;
    font-size: 15px;
    color: #FFF;
    width: 105px;
}

.single-artcle-book.book-badge figure:before {
    width: 105px;
    background: #D62649;
    height: 26px;
    content: "";
    display: block;
    position: absolute;
    left: 25px;
    bottom: 43px;
    border-radius: 3px;
}

.single-artcle-book figure .badge span {
    background: #EE3258;
    border-radius: 3px;
    position: relative;
    z-index: 3;
    display: block;
    padding: 10px;
}

.single-artcle-book figure img {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    max-width: 100%;
    position: relative;
    width: 157px;
    height: 223px;
}

.single-artcle-book {
    margin-bottom: 25px;
}

.single-artcle-book:after,
.single-artcle-book:before {
    content: "";
    line-height: 1;
    display: table;
}

.single-artcle-book:after {
    clear: both;
}

.single-artcle-book .guide-m-top-right {
    width: 65%;
    float: left;
    /*    font-size: 17px;*/
}

.single-artcle-book .guide-m-top-right header {
    padding: 5px 10px;
    background: #F5F5F5;
    border-top: 3px solid #CCC;
    width: 100%;
}

.single-artcle-book .guide-m-top-right header h2 {
    font-size: 22px;
    margin: 0;
    float: none;
}

.single-artcle-book .guide-m-top-right .date {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 15px;
}

.single-artcle-book .guide-m-top-right .chapo {
    font-size: 14px;
}

.single-artcle-book .guide-m-top-right footer {
    text-align: right;
    border-bottom: 1px solid #F2F2F2;
}

.single-artcle-book .guide-m-top-right footer span {
    color: #808080;
    display: block;
    margin-top: 5px;
}

.single-artcle-book .guide-m-top-right footer .button {
    text-align: right;
    margin: 20px 0;
}

.single-artcle-book .guide-m-top-right footer .button a:disabled {
    background: #7D7D7D;
    border-color: #7D7D7D;
    box-shadow: 1px 1px 0 #7D7D7D inset;
}

.button a.disabled {
    background: #7D7D7D;
    border-color: #7D7D7D;
    box-shadow: 1px 1px 0 #7D7D7D inset;
    pointer-events: none;
    cursor: none;
}

/*********************************************************
Guide confirmation
*********************************************************/

.confirmation {
    width: 96% !important;
    margin: 0 2% !important;
    border: none !important;
    box-sizing: border-box;
}

.confirmation .article {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.confirmation .article header h2 {
    margin-top: 0;
    text-align: center;
    float: none !important;
}

.alert {
    text-align: center;
    color: #FFF;
    font-size: 22px;
    padding: 8px 15px;
}

.alert-green {
    background: #A5B600;
}

.confirmation form {
    max-width: 450px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

.confirmation label {
    margin-bottom: 5px !important;
    margin-top: 10px !important;
    display: block !Important;
    font-size: 17px;
    float: none !important;
    width: 100% !important;
    text-align: left !important;
}

.confirmation input[type=email] {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.confirmation input[type=text] {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    width: 47%;
    box-sizing: border-box;
}

.confirmation input[type=text]:last-child {
    margin-left: 4%;
}

.add-field {
    display: inline-block;
    background: #0D8BA9;
    box-sizing: border-box;
    color: #FFF !important;
    font-size: 20px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 27px;
}

.add-field:hover {
    background: #D62649;
}

.confirmation form .button {
    margin: 0;
    text-align: right;
}

.confirmation .share-secc {
    border: none;
}

.confirmation .bloc-topic-full-width {
    margin-bottom: 30px !important;
}

.address-info {
    max-width: 300px;
    margin: 25px auto;
    font-size: 17px;
    line-height: 25px;
}

.confirmation .content-subscribe h2 {
    float: none !important;
}

.content .bloc-topic-full-width {
    width: 100% !important;
    margin: 20px 0 0 !important;
}

.confirmation.content .bloc-topic header {
    width: 100%;
    box-sizing: border-box;
}

/*+++++++++++++++++++++++++++++++++++++++*/

.m-book-text {
    text-align: right;
    padding-top: 10px;
    float: left;
    clear: both;
    width: 100%;
}

.m-book-text a {
    color: #FFF;
    transition: 0.3s all ease-in-out;
}

.m-book-text a:visited {
    color: #FFF;
}

.m-book-text a:after {
    transition: 0.3s all ease-in-out;
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    content: "";
    border-left: 5px solid #FFF;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 8px;
}

.m-book-text a:hover:after {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

.m-book a {
    color: #222;
    display: block;
}

.m-book a:visited {
    color: #222;
    display: block;
}

.ia-cl-cion {
    max-width: 660px;
    margin: 0 auto 25px !important;
    font: 22px/120% 'museo_slab', arial, sans-serif !important;
    float: none !important;
    display: table !important;
}

.ia-cl-cion img {
    display: table-cell;
    vertical-align: middle;
}

.ia-cl-cion span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.text-cen {
    text-align: center;
}

/*++++++++++++++++++++++++++++++++++++++++++*/

/****************************
Need to remove the padding and width of .content-subscribe to set the page full screen
****************************/

/*.content-subscribe{*/
/*padding: 0 !important;*/
/*width: 100% !important;*/
/*}*/
/****************************
Need to remove the padding and width of .content-subscribe to set the page full screen
****************************/

/*********************************************************************************
Media querry
*********************************************************************************/

@media screen and (max-width: 1340px) {
    .article-inner-left_sec {
        width: calc(100% - 345px);
        margin: 0;
    }

    .guide-m-top-secc figure {
        width: 294px;
    }

    .guide-m-top-secc .guide-m-top-right {
        width: calc(100% - 294px);
    }
}

@media (max-width: 1400px) and (min-width: 670px) {
    #main {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1280px) {
    .m-book-sec .m-books .m-book {
        width: 50%;
    }
}

@media screen and (max-width: 1009px) {
    .hide-on-tab {
        display: none !important;
    }

    .article-inner-left_sec {
        width: 96%;
    }

    .m-book-sec .m-books .m-book {
        width: 50%;
    }

    #main.guides-section #sidebar.sidebar.force-hidden {
        display: block;
        bottom: 320px;
        border: none;
        top: auto;
        left: 15px;
        width: calc(100% - 70px);
    }
}

@media screen and (max-width: 780px) {
    .guides-section .secondary-col .topic-header {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .guides-section .secondary-col .topic-header {
        display: none !important;
    }

    .article-inner-left_sec {
        width: 96%;
    }

    .guide-m-top-secc figure {
        width: 275px;
        margin: auto;
        float: none;
    }

    .guide-m-top-secc .guide-m-top-right {
        width: 100%;
        margin-top: 15px;
    }

    .bloc-lists {
        -webkit-columns: 100px 1;
        -moz-columns: 100px 1;
        columns: 100px 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .m-book-sec .m-books .m-book {
        width: 100%;
    }

    .single-artcle-book figure {
        width: 275px;
        margin: auto;
        float: none;
    }

    .single-artcle-book .guide-m-top-right {
        width: 100%;
        margin-top: 15px;
    }

    .single-artcle-book figure .badge {
        left: 5px;
    }

    .single-artcle-book figure:before {
        left: 5px;
    }

    #main.guides-section #sidebar.sidebar.force-hidden {
        bottom: 655px;
    }
}

/*Added bruno haouli 26/08/2016*/

#main.homeguides-section .secondary-col {
    float: left;
}

#main.homeguides-section .article-inner-left_sec {
    width: auto;
    padding-right: 357px;
}

@media (max-width: 1009px) {
    #main.homeguides-section .article-inner-left_sec {
        padding: 0 20px;
    }
}

#main.homeguides-section .topic-header {
    display: none;
}

#main.homeguides-section .topic-header.full-topic-header {
    display: table;
}

#main.homeguides-section .secondary-col {
    padding: 0;
    margin-bottom: 0;
}

#main.homeguides-section .sidebar {
    padding-top: 10px;
    padding-bottom: 190px;
    margin-bottom: -1950px;
    float: right;
    margin-left: -339px;
}

@media (max-width: 1009px) {
    #main.homeguides-section .footer-more.logo-sec {
        margin-left: 0;
    }
}

@media (max-width: 1200px) {
    #main.homeguides-section .topic-header.full-topic-header h2 {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 767px) {
    #main.homeguides-section .article-inner-left_sec {
        width: 96%;
        padding: 0 2%;
    }

    #main.homeguides-section .single-artcle-book .guide-m-top-right header {
        padding: 0;
    }

    #main.homeguides-section .single-artcle-book .guide-m-top-right header h2 {
        padding: 10px;
    }

    #main.homeguides-section .secondary-col {
        float: left;
        width: 100%;
    }

    #main.homeguides-section .topic-header.full-topic-header {
        display: none;
    }
}

#main.homeguides-section .form.form-special {
    position: relative;
}

#main.homeguides-section .secondary-col .form-special {
    border-top: none;
}

#optinMnh_text {
    position: absolute;
    top: 58px;
    right: 332px;
    width: 600px;
    height: auto;
    background-color: #FFF;
    padding: 10px;
    font-size: 10px;
    border: 3px solid #57A9BD;
}

#optinMnh_text:before {
    content: "";
    position: absolute;
    top: 18px;
    right: -18px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #57A9BD;
}

#optinMnh_text:after {
    content: "";
    position: absolute;
    top: 20px;
    right: -13px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #FFF;
}

#main.guides-section select,
#main.guides-section .form input[type=text] {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

/*hack ie11 - début*/
.secondary-col .form-special label.hack-ie11 {
    display: none;
    width: 100%;
    margin: 5px 0 0 0;
}

@media all and (-ms-high-contrast: none) {

    *::-ms-backdrop, .hack-ie11 {
        display: block !important;
    }

    *::-ms-backdrop, #form-telechargement-guide :-ms-input-placeholder {
        color: transparent;
    }
}

/*hack ie11 - fin*/

/* webcallback mnh */
.bloc-webcallback-mnh {
    float: left;
    width: 100%;
    margin-top: 375px;
}

.idelio-modal {
    top: 240px !important;
    left: 0 !important;
    right: 0 !important;
}

/* fin webcallback mnh */

.sidebar .bloc.bloc-guides {
    position: relative;
    margin: 20px 0 70px;
}

.bloc-guides .bloc-title-right {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
}

.bloc-guides .bloc-img-guides {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    box-shadow: -3px 3px 5px -1px rgba(0, 0, 0, 0.45);
}

.bloc-guides .bloc-title-guides {
    float: left;
    width: auto;
    font: 17px/100% 'museo_sans', Arial, sans-serif;
    padding: 60px 10px 64px 110px;
}

@media screen and (max-width: 767px) {
    .guides-section .article-inner-left_sec {
        width: 100%;
    }

    .guides-section .content .article {
        padding: 0 20px;
        margin: 20px 0 20px;
        width: auto;
    }
}

@media screen and (max-width: 1009px) {
    #main.guides-section #sidebar.sidebar.force-hidden {
        display: block;
        top: 530px;
        border: none;
        bottom: auto;
        left: 15px;
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    #main.guides-section #sidebar.sidebar.force-hidden {
        top: 670px;
    }
}

@media screen and (max-width: 375px) {
    #main.guides-section #sidebar.sidebar.force-hidden {
        top: 790px;
    }
}

/*from modules\mod_izeosguides\styles\default.css*/

/*****************************
Created by mejorainfotech
******************************/

.guides-section .sidebar {
    display: none !important;
}

.guides-section .content .bloc-topic {
    margin: 20px 0 0 0;
    width: 49%;
    float: right;
}

.guides-section .content .bloc-topic.clear {
    margin: 20px 0 0 0;
    width: 49%;
    float: left;
}

.guides-section .clearfix:after,
.guides-section .clearfix:before {
    content: "";
    display: table;
    line-height: 1;
}

.guides-section .clearfix:after {
    clear: both;
}

.guides-section .secondary-col {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.guides-section .guides-section {
    position: relative;
}

.guides-section .form-head {
    padding: 0;
}

.guides-section .form-head h1 {
    margin: 0;
}

.guides-section .form-head p {
    margin: 20px;
}

.guides-section .sidebar .guide-form-wrapper form {
    float: left;
    width: auto;
    padding: 0 20px 20px 20px;
}

.guides-section .sidebar .form input[type=text],
.guides-section .sidebar .form input[type=password],
.guides-section .sidebar .form textarea,
.guides-section .sidebar .form-special select {
    width: 100%;
    box-sizing: border-box;
}

.guides-section .article-inner-left_sec {
    width: auto;
    padding-right: 355px;
    margin-top: 20px;
}

.guides-section .topic-header.full-topic-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.guides-section .guide-m-top-secc {
    margin-bottom: 20px;
}

.guides-section .guide-m-top-secc:after,
.guides-section .guide-m-top-secc:before {
    content: "";
    line-height: 1;
    display: table;
}

.guides-section .guide-m-top-secc:after {
    clear: both;
}

.guides-section .guide-m-top-secc figure {
    margin: auto;
    width: 35%;
    float: left;
    text-align: center;
    position: relative;
}

.guides-section .guide-m-top-secc figure.with-badge:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: -10px;
    width: 105px;
    height: 20px;
    background: #D62649;
    border-radius: 3px;
}

.guides-section .guide-m-top-secc figure.with-badge .badge {
    position: absolute;
    bottom: 30px;
    left: -10px;
    width: 105px;
    height: auto;
    background: #EE3258;
    border-radius: 3px;
    display: block;
    padding: 10px;
    font-size: 15px;
    color: #FFF;
    box-sizing: border-box;
}

.guides-section .guide-m-top-secc figure img {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
    max-width: 100%;
    position: relative;

}

.guides-section .guide-m-top-secc .guide-m-top-right {
    width: 65%;
    float: left;
    /*    font-size: 17px;*/
}

.guides-section .guide-m-top-secc .guide-m-top-right header .date {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.guides-section .article-inner-left_sec .bloc-topic header h2 {
    font-size: 22px;
    margin: 0;
}

.guides-section .logo-sec {
    float: left;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 10px;
    margin: 0;
}

.guides-section .logo-sec .list-inline {
    margin: 0;
}

.guides-section .logo-sec .list-inline li {
    color: #808080;
    vertical-align: middle;
    float: left;
    width: 50%;
}

.guides-section .logo-sec .list-inline.as li {
    width: 33.3333333333%;
}

.guides-section .logo-sec .list-inline li:last-child {
    margin-right: 0;
}

.guides-section .logo-sec .list-inline li span {
    display: inline-block;
    margin-left: 12px;
}

.guides-section .logo-sec .list-inline li a {
    background: none;
    color: #808080;
    padding: 0;
    font-weight: 400;
}

.guides-section .logo-sec .list-inline li:before {
    display: none;
}

.guides-section .share-secc {
    color: #808080;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    font-size: 13px;
}

.guides-section .share-secc p {
    font-size: 17px;
}

.guides-section .share-secc ul {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

.guides-section .share-secc ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0;
    margin: 3px 0;
}

.guides-section .share-secc ul li:before {
    display: none;
}

.guides-section .share-secc ul li a,
.guides-section .share-secc ul li img {
    display: block;
}

.guides-section .ol-li {
    font-size: 14px;
}

.guides-section .ol-li header {
    margin-bottom: 25px;
}

.guides-section .ol-li ol {
    counter-reset: item;
    margin-top: 0;
}

.guides-section .ol-li ol li {
    display: block;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0;
}

.guides-section .ol-li ol li li {
    display: block;
    color: #808080;
    margin-bottom: 0;
    position: relative;
}

.guides-section .ol-li ol li li.puce-guide {
    padding: 6px 0 6px 40px;
    margin: 10px 0;
}

.guides-section .ol-li ol li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    font-size: 100%;
    color: #333;
}

.guides-section .ol-li ol li li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    font-size: 100%;
    color: #808080;
}

.guides-section .ol-li ol li li.puce-guide:before {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    width: 30px;
    height: 30px;
    background: transparent url(../images/bullet/puce-guide.png) no-repeat top 0 left 0;
}

.guides-section .bloc-lists {
    -webkit-columns: 100px 2;
    -moz-columns: 100px 2;
    columns: 100px 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.guides-section .form-head h1 {
    background: #EF3E62;
    text-align: center;
    color: #FFF;
    position: relative;
    font-size: 22px;
    line-height: 24px;
    padding: 8px;
    font-weight: 400;
}

.guides-section .form-head h1:after {
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 12px solid #EF3E62;
    width: 0;
    height: 0;
    bottom: -12px;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.guides-section .m-book-sec {
    background: #238FA9;
    /*    border-bottom: 1px solid #fff;*/
    padding: 10px 15px 35px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.guides-section .m-book-sec h1 {
    font-size: 22px;
    color: #333;
    margin: 0 0 25px;
    font-family: 'museo_slab', arial, sans-serif;
}

.guides-section .m-book-sec .m-books .m-book figure {
    float: left;
    margin-right: 10px;
}

.guides-section .m-book-sec .m-books .m-book h2 {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 15px;
    color: #FFF;
    font-family: 'museo_slab', arial, sans-serif;
    font-weight: 400;
}

.guides-section .m-book-sec .m-books .m-book p {
    text-transform: uppercase;
}

.guides-section .guide-submit input[type=submit] {
    margin: 0;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 1px 1px #C32A49;
    background: #EF3E62;
    border-radius: 5px;
    border: 1px solid #BB2644;
    box-shadow: 1px 1px 0 #DC647C inset;
}

.guides-section #cgu_text {
    display: none;
    max-width: 600px;
}

.guides-section #optinMnh_text {
    display: none;
    max-width: 600px;
}

.guides-section .topic-header {
    display: none;
}

.guides-section .secondary-col .topic-header {
    display: table;
    margin: 0;
}

/*********************************************************
Guide home page
*********************************************************/

.guides-section .single-artcle-book figure {
    margin: auto;
    width: 35%;
    float: left;
    text-align: center;
    position: relative;
}

.guides-section .single-artcle-book figure .badge {
    position: absolute;
    bottom: 48px;
    left: 25px;
    box-sizing: border-box;
    font-size: 16px;
    color: #FFF;
    width: 105px;
}

.guides-section .single-artcle-book figure .badge span {
    background: #EE3258;
    border-radius: 3px;
    position: relative;
    z-index: 3;
    display: block;
    padding: 10px 15px;
}

.guides-section .single-artcle-book figure .badge:before {
    width: 50px;
    background: #D62649;
    height: 26px;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -5px;
    z-index: 1;
    border-radius: 0 0 0 3px;
}

.guides-section .single-artcle-book figure img {
    /*    box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.2);*/
    max-width: 100%;
    position: relative;
}

.guides-section .single-artcle-book {
    margin-bottom: 25px;
}

.guides-section .single-artcle-book:after,
.guides-section .single-artcle-book:before {
    content: "";
    line-height: 1;
    display: table;
}

.guides-section .single-artcle-book:after {
    clear: both;
}

.guides-section .single-artcle-book .guide-m-top-right {
    width: 65%;
    float: left;
    /*    font-size: 17px;*/
}

.guides-section .single-artcle-book .guide-m-top-right header {
    padding: 5px 10px;
    background: #F5F5F5;
    border-top: 3px solid #CCC;
}

.guides-section .single-artcle-book .guide-m-top-right header h2 {
    font-size: 22px;
    margin: 0;
}

.guides-section .single-artcle-book .guide-m-top-right .date {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 15px;
}

.guides-section .single-artcle-book .guide-m-top-right .chapo {
    font-size: 14px;
}

.guides-section .single-artcle-book .guide-m-top-right footer {
    text-align: right;
    border-bottom: 1px solid #F2F2F2;
}

.guides-section .single-artcle-book .guide-m-top-right footer span {
    color: #808080;
    display: block;
    margin-top: 5px;
}

.single-artcle-book footer .sortie {
    font-size: 12px;
    margin-top: 0;
}

.guides-section .single-artcle-book .guide-m-top-right footer .button {
    text-align: right;
    /*    border-bottom: 1px solid #f2f2f2;*/
    margin: 20px 0;
}

.guides-section .single-artcle-book .guide-m-top-right footer button:disabled {
    background: #7D7D7D;
    border-color: #7D7D7D;
    box-shadow: 1px 1px 0 #7D7D7D inset;
}

.single-artcle-book a.disabled {
    background: #7D7D7D;
    border-color: #7D7D7D;
    box-shadow: 1px 1px 0 #7D7D7D inset;
}

/*********************************************************
Guide confirmation
*********************************************************/

.guides-section .confirmation {
    width: 96%;
    margin: 0 2%;
    box-sizing: border-box;
}

.confirmation .article {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.confirmation .article header h2 {
    margin-top: 0;
    text-align: center;
}

.guides-section .alert {
    text-align: center;
    color: #FFF;
    font-size: 22px;
    padding: 8px 15px;
}

.guides-section .alert-green {
    background: #A5B600;
}

.guides-section .confirmation form {
    max-width: 450px;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

.guides-section .confirmation label {
    margin-bottom: 5px;
    margin-top: 10px;
    display: block;
    font-size: 17px;
}

.guides-section .confirmation input[type=email] {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.guides-section .confirmation input[type=text] {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    width: 47%;
    box-sizing: border-box;
}

.guides-section .confirmation input[type=text]:last-child {
    margin-left: 4%;
}

.guides-section .add-field {
    display: inline-block;
    background: #0D8BA9;
    box-sizing: border-box;
    color: #FFF !important;
    font-size: 20px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 27px;
}

.guides-section .add-field:hover {
    background: #D62649;
}

.guides-section .confirmation form .button {
    margin: 0;
    text-align: right;
}

.guides-section .confirmation .share-secc {
    border: none;
}

.guides-section .confirmation .bloc-topic-full-width {
    margin-bottom: 30px !important;
}

.guides-section .address-info {
    max-width: 300px;
    margin: 25px auto;
    font-size: 17px;
}

.guides-section .content .article {
    float: left;
    padding: 0 15px;
    margin: 0 0 20px;
    clear: both;
    width: auto;
}

.guides-section .secondary-col .form-special {
    border: none;
    color: #333;
    margin: 0;
    padding: 0 20px 20px 20px;
    position: relative;
}

@media (max-width: 1009px) {
    .guides-section .secondary-col .form-special {
        width: 90%;
        padding: 0 5%;
        padding-bottom: 20px;
    }
}

.guides-section .secondary-col .form-special .error {
    text-align: center;
    line-height: normal;
    margin: 0;
}

/*********************************************************************************

*********************************************************************************/

@media screen and (max-width: 1340px) {
    .guides-section .guide-m-top-secc figure {
        width: 275px;
    }

    .guides-section .guide-m-top-secc .guide-m-top-right {
        width: calc(100% - 275px);
    }
}

@media (max-width: 1400px) and (min-width: 670px) {
    .guides-section #main {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1280px) {
    .guides-section .m-book-sec .m-books .m-book {
        width: 50%;
    }
}

@media screen and (max-width: 1008px) {
    .guides-section .m-book-sec .m-books .m-book {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .guides-section .article-inner-left_sec {
        width: 96%;
    }

    .guides-section .guide-m-top-secc figure {
        width: 275px;
        margin: auto;
        float: none;
    }

    .guides-section .guide-m-top-secc .guide-m-top-right {
        width: 100%;
        margin-top: 15px;
    }

    .guides-section .bloc-lists {
        -webkit-columns: 100px 1;
        -moz-columns: 100px 1;
        columns: 100px 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .guides-section .m-book-sec .m-books .m-book {
        width: 100%;
    }

    .guides-section .single-artcle-book figure {
        width: 275px;
        margin: auto;
        float: none;
    }

    .guides-section .single-artcle-book .guide-m-top-right {
        width: 100%;
        margin-top: 15px;
    }

    .guides-section .single-artcle-book figure .badge {
        left: 5px;
    }
}

@media (max-width: 1009px) {
    .guides-section .article-inner-left_sec {
        width: auto;
        padding: 0;
    }

    .guides-section .sidebar-guide {
        position: static;
        float: left;
        width: auto;
        padding: 0 15px;
        top: auto;
        right: auto;
        box-shadow: none;
        background: #FFF;
        border: none;
        margin: 0 0 20px 0;

    }

    .guide-form-content {
        float: left;
        width: auto;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    }
}

.guides-section .guide-video {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.guides-section .guide-video .guide-video-left {
    float: left;
    width: 35%;
}

.guides-section .guide-video .guide-video-left .guide-video-content {
    float: left;
    width: auto;
    padding: 0 20px 0 0;
}

.guides-section .guide-video .guide-video-right {
    float: left;
    width: 65%;
}

.guides-section .guide-video .guide-video-wrapper {
    position: relative;
    padding-bottom: 52%;
    padding-top: 25px;
    height: 0;
}

.guides-section .guide-video .guide-video-right iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .guides-section .guide-video .guide-video-left {
        width: 100%;
    }

    .guides-section .guide-video .guide-video-left p.chapo {
        display: none;
    }

    .guides-section .guide-video .guide-video-right {
        width: 100%;
    }
}

/*bfm vente flash*/
.guides-section .article-inner-left_sec.bfm-vente-flash {
    box-sizing: border-box;
    width: 100%;
}

.guides-section .content.bfm-vente-flash .article {
    box-sizing: border-box;
    width: 100%;
}

.bfm-vente-flash .article header h1 {
    margin-bottom: 20px;
}

.bfm-vente-flash h2 {
    margin: 15px 0;
    font: 24px/120% 'museo_slab', arial, sans-serif;
}

.bfm-vente-flash .width img {
    width: 100%;
    height: auto;
}

.bfm-vente-flash ul {
    margin: 20px 0 20px 20px;
}

.bfm-vente-flash li {
    padding: 0 0 0 20px;
    margin: 8px 0 0;
    border: 0;
    display: list-item;
}

.bfm-vente-flash li:before {
    content: " \2022 ";
    display: block;
    float: left;
    font-size: 20px;
    margin-left: -20px;
    padding: 0 10px 0 0;
}

.bfm-vente-flash .noteTexte {
    font-size: 12px;
}

.bfm-vente-flash p {
    margin: 10px 0;
}

.bfm-vente-flash p.button.text-center {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.bfm-vente-flash p.button.text-center a {
    display: block;
    width: 25%;
    margin: 0 auto;
}

@media (max-width: 530px) {
    .bfm-vente-flash p.button.text-center a {
        width: 90%;
        padding: 10px 5%;
        box-sizing: border-box;
    }
}

.bfm-vente-flash ol {
    display: block;
    list-style-type: decimal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.bfm-vente-flash ol li:before {
    content: normal;
}

.bfm-vente-flash .bfm-vf-form {
    float: left;
    width: 60%;
    padding: 0 20%;
    margin: 20px 0;
}

@media (max-width: 1210px) {
    .bfm-vente-flash .bfm-vf-form {
        width: 90%;
        padding: 0 5%;
    }
}

.bfm-vente-flash .bfm-vf-form .bfm-vf-form-container {
    float: left;
    width: 100%;
}

.bfm-vente-flash .bfm-vf-form #errorMessage {
    color: #F22;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
    display: none;
}

.bfm-vente-flash .bfm-vf-form #successMessage {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    display: none;
    color: #FFF;
    font-size: 22px;
    background: #A5B600;
    padding: 10px 0 10px 20px;
}

.bfm-vente-flash .bfm-vf-form .col-left {
    float: left;
    width: 47%;
    padding-right: 3%;
}

.bfm-vente-flash .bfm-vf-form .col-left .col-input {
    float: left;
    width: 100%;
}

.bfm-vente-flash .bfm-vf-form .col-left input {
    padding: 10px;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.bfm-vente-flash .bfm-vf-form .col-right {
    float: left;
    width: 47%;
    padding-left: 3%;
}

.bfm-vente-flash .bfm-vf-form .col-right .button {
    margin: 0;
}

.bfm-vente-flash .bfm-vf-form .col-right .button .send-email-button {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

@media (max-width: 530px) {
    .bfm-vente-flash .bfm-vf-form .col-left,
    .bfm-vente-flash .bfm-vf-form .col-right {
        float: left;
        width: 100%;
        padding: 0;
        margin: 5px 0;
    }
}

.bfm-vente-flash iframe {
    height: 1333px;
    overflow: hidden;
}

@media (max-width: 1275px) {
    .bfm-vente-flash iframe {
        height: 1650px;
    }
}

@media (max-width: 1012px) {
    .bfm-vente-flash iframe {
        height: 1333px;
    }
}

@media (max-width: 815px) {
    .bfm-vente-flash iframe {
        height: 1650px;
    }
}

@media (max-width: 450px) {
    .bfm-vente-flash iframe {
        height: 1700px;
    }
}

.guides-section .sidebar.sidebar-vente-flash {
    display: block !important;
    position: absolute;
    width: 310px;
    top: 115px;
    right: 0;
    border: none;
    padding: 0 19px 20px 20px;
    border-left: 1px solid #CCC;
    background: #F5F5F5;
    min-height: 1000px;
    margin: 0;
}

@media (max-width: 1009px) {
    .guides-section .sidebar.sidebar-vente-flash {
        display: block !important;
        position: relative;
        width: auto;
        top: auto;
        right: auto;
        border: none;
        padding: 0 19px 20px 20px;
        border-left: none;
        background: #F5F5F5;
        min-height: 0;
        margin: 0 0 20px 0;
    }

    .guides-section .sidebar.sidebar-vente-flash .bloc-title {
        max-width: none;
    }
}

.guides-section .sidebar.sidebar-vente-flash aside.bloc {
    float: left;
    width: 100%;
    margin: 20px 0 10px;
}

.secondary-col .sidebar.sidebar-vente-flash .bloc:first-child {
    border-top-width: 3px;
}

.guides-section .sidebar.sidebar-vente-flash h1 {
    font: 17px/100% 'museo_sans', Arial, sans-serif;
    margin: 10px 20px;
}

.guides-section .sidebar.sidebar-vente-flash .bloc-content {
    margin: 10px 20px;
    color: gray;
    font-size: 13px;
    line-height: 120%;
}

.guides-section .sidebar.sidebar-vente-flash ol {
    list-style: decimal;
    padding: 0;
}

.guides-section .sidebar.sidebar-vente-flash li {
    margin: 0 0 10px 15px;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form .col-left {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form .col-left input {
    padding: 10px;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form .col-right {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form .col-right .button {
    margin: 0;
}

.guides-section .sidebar.sidebar-vente-flash .bfm-vf-form .col-right input {
    width: 100%;
}

.guides-section .sidebar.sidebar-vente-flash .localisation {
    background: url(../images/pictos/localisation-sg.jpg) no-repeat 0 0;
    min-height: 75px;
    padding: 18px 0 0 75px;
}

.guides-section .sidebar.sidebar-vente-flash .localisation a {
    color: #1C9DF7;
}

/* Jiil */

.jiil-home {
    float: left;
    width: 100%;
}

.jiil-home .share-secc {
    margin: 20px 0;
}

.article .bloc-article {
    float: left;
    clear: both;
    width: 100%;
    border: 0;
    border-top: 3px solid #CCC;
    border-bottom: 1px solid #F2F2F2;
    margin: 0 0 20px 0;
}

.article .bloc-article header {
    float: left;
    width: 94%;
    padding: 5px 3%;
    margin: 0 0 20px;
    background: #F5F5F5;
}

.article .bloc-temoignages {
    border-right: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
    border-top-color: #238FA9;
}

.article .bloc-temoignages header {
    background: #FFF;
}

.article .bloc-temoignages .footer-more {
    border-top: none;
}

.article .bloc-temoignages .bloc-temoignages-content {
    padding: 10px;
}

.article .bloc-article header h1 {
    font: 22px/120% 'museo_slab', Arial, sans-serif;
    padding: 0;
    margin: 0;
}

@media (max-width: 480px) {
    .jiil-home .bloc-au-programme {
        border-top: none;
    }

    .jiil-home .bloc-au-programme header,
    .jiil-home .bloc-au-programme .list-prog {
        display: none;
    }
}

.text-center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.btn-1 {
    display: inline-block;
    padding: 8px 24px;
    background: #EF3E62;
    color: #FFF !important;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-2 {
    display: inline-block;
    padding: 8px 24px;
    background: #238FA9;
    color: #FFF !important;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.img_left {
    display: inline-block;
    width: auto;
    clear: none;
}

h2.bgcolor {
    background-color: #F3FAFB;
}

/* Journees toulouse */
.plus-infos {
    margin: 20px auto 0 auto !important;
    padding-bottom: 30px !important;
}

/* Liste Au programme */
.article-content .list-prog {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0;
}

.article-content .list-prog li {
    display: inline-block;
    margin: 0 0 20px 0;
    width: 44%;
    padding: 0 3%;
    float: left;
    clear: none;
    position: relative;
    min-height: 45px;
}

.list-prog li::before {
    content: "" !important;
}

.list-prog li .picto {
    position: absolute;
    top: 0;
    left: 20px;
    width: 47px;
    height: 45px;
    background-image: url(../images/home/sprite.png);
    background-repeat: no-repeat;
    float: left;
    clear: none;
}

.list-prog .list-prog-1 .picto {
    background-position: 0 -1390px;
    width: 40px;
}

.list-prog .list-prog-2 .picto {
    background-position: -40px -1390px;
    width: 38px !important;
}

.list-prog .list-prog-3 .picto {
    background-position: -163px -1390px;
    width: 40px !important;
}

.list-prog .list-prog-4 .picto {
    background-position: -203px -1390px;
    width: 40px !important;
}

.list-prog .list-prog-5 .picto {
    background-position: -83px -1390px;
    width: 40px !important;
}

.list-prog .list-prog-6 .picto {
    background-position: -123px -1390px;
    width: 40px !important;
}

.list-prog .list-prog-7 .picto {
    background-position: -243px -1390px;
}

.list-prog .list-prog-8 .picto {
    background-position: 0 -1435px;
    height: 35px;
}

.list-prog .text-list-prog {
    margin: 3px 0 0 57px;
    display: block;
}

.list-prog li:nth-child(1),
.list-prog li:nth-child(3),
.list-prog li:nth-child(5) {
    clear: both;
}

.sep-line {
    height: 1px;
    margin: 15px 0 40px 0;
    padding: 0;
    color: #F00;
    background-color: #F2F2F2 !important;
    border: 0;
    visibility: visible !important
}

/* dernieres jiil en images */

.bloc-dernieres-jiil {
    float: left;
    width: 100%;
    background: #F5F5F5;
}

.article .bloc-dernieres-jiil header {
    margin-bottom: 10px;
}

.bg-last-jiil-img {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 15px;
}

.article-content .last-jiil-img {
    float: left;
    margin: 0;
    padding: 0 3%;
    width: 94%;
    height: auto;
}

.article-content .last-jiil-img li {
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
    width: 33%;
    border: 0;
}

.article-content .last-jiil-img li::before {
    content: "";
    margin: 0;
    padding: 0;
}

.article-content .last-jiil-img img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.btn-inscription {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

/* separations couleurs */
.border-bottom {
    border-bottom: 3px solid #CBCBCB;
}

.border-bottom-2 {
    border-bottom: 3px solid #218EAB;
}

.border-top {
    border-top: 3px solid #CBCBCB;
}

.border-top-2 {
    border-top: 3px solid #EF3E62;
}

.border-top-3 {
    border-top: 3px solid #238FA9;
}

/* padding */
.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

h2.pt-10 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.pr-20 {
    padding-right: 10px !important;
}

/* margin */
.article-content .sidebar-next-jiil {
    margin-bottom: 0 !important;
    margin-top: 4px !important;
}

.border-bottom.pb-30 {
    margin: 0 !important;
}

.border-bottom.pb-30.mt-20 {
    margin: 20px 0 0 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

/* bloc prochaines dates */
.note {
    color: #808080;
}

/* bloc temoignages */

.temoignage {
    font-size: 14px;
    font-style: italic;
    color: #333;
    margin-bottom: 5px !important;
}

.auteur {
    font-size: 14px;
    color: #808080;
    text-align: right;
    margin-bottom: 12px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid #F2F2F2;
}

.plus-temoignages {
    float: left;
    clear: both;
    margin-top: 15px;
    background: #F5F5F5;
}

.plus-temoignages .border-top-2 {
    margin-top: 0 !important
}

.plus-temoignages .footer-more {
    border-top: 0 !important
}

/* bloc question jiil */
.picto-mail span {
    display: inline-block;
    float: left;
    margin: 4px 10px 0 0;
    width: 17px;
    height: 12px;
    background-image: url(../images/home/sprite.png);
    background-repeat: no-repeat;
    background-position: -15px -1470px;
}

.picto-tel span {
    float: left;
    display: inline-block;
    margin: 2px 10px 0 0;
    width: 14px;
    height: 17px;
    background-image: url(../images/home/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -1470px;
}

/* journee date */
.article-content .bloc-50 {
    float: left;
    clear: none;
    margin: 20px 0 20px 0;
    padding: 0;
    width: 48%;
}

@media (max-width: 480px) {
    .article-content .bloc-50 {
        width: 100%;
    }
}

.article-content .bloc-left-50 {
    padding-left: 2%;
    float: right;

}

.article-content .bloc-right-50 {
    padding-right: 2%;
    float: right;
}

.article-content .bloc-50 ul {
    margin: 10px 0 0 20px;
}

.article-content .bloc-50 p {
    border-top: 3px solid #CCC;
    padding: 10px 12px;
    background: #F5F5F5;
    margin-top: 0;
    font: 18px/120% 'museo_slab', Arial, sans-serif;
}

.bloc-50 li {
    padding: 0 !important;
    font-size: 14px !important;
}

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

.deroule-heure {
    float: left;
    clear: both;
    margin: 0 0 10px 0 !important;
    width: 100%;
    font-size: 14px !important;
}

.deroule-left {
    float: left;
    clear: none;
    margin-right: 5px;
    width: 18%;
    text-align: right;
}

.deroule-right {
    float: left;
    clear: none;
    width: 80%;
}

.bloc-autres-dates {
    clear: both;
    float: left;
    margin: 0 0 20px 0 !important;
    padding: 3%;
    position: relative;
    width: 94%;
    background: #F5F5F5;
}

.autres-dates {
    float: left;
    clear: none;
    width: 50%;
}

.bloc-autres-dates .footer-more {
    width: 30%;
    position: absolute;
    bottom: 0;
    right: 20px;
    border-top: 0 !important;
}

.footer-more.bb {
    border-top: 0;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important
}

/* bloc partenariat */
.bloc-partenariat {
    float: left;
    clear: both;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

/* bloc inscription closes */
.bloc-border {
    float: left;
    width: 100%;
    padding: 2%;
    clear: both;
    background: #F5F5F5;
    border: 3px solid #EF3E62;
    box-sizing: border-box;
    color: #333;
    margin: 0 0 20px 0;
}

/* bloc adresse google map */
.bloc-adresse-gmap {
    float: left;
    clear: both;
    padding: 0;
    width: 100%;
    background: #F5F5F5;
    position: relative;
    min-height: 157px;
    margin-bottom: 20px;
}

.bloc-adresse-gmap .bloc-adresse {
    float: left;
    clear: none;
    width: auto;
    padding: 10px 198px 0 80px;
    position: relative;
}

.bloc-adresse-gmap .bloc-adresse:before {
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    width: 37px;
    height: 51px;
    background: url(../images/home/sprite.png) 0 -1587px no-repeat;
}

@media (max-width: 480px) {
    .bloc-adresse-gmap .bloc-adresse {
        padding: 10px;
        background: none;
    }

    .bloc-adresse-gmap .bloc-adresse:before {
        content: normal;
    }
}

.bloc-adresse p {
    float: left;
    width: 100%;
    margin-top: 0;
}

.adresse-left {
    display: inline-block;
    width: 25%;
    text-align: right;
    vertical-align: top;
}

.adresse-right {
    display: inline-block;
    width: 70%;
    text-align: left;
}

.bloc-gmap {
    position: absolute;
    right: 0;
    top: 0;
    width: 198px;
    height: 157px;
}

@media (max-width: 480px) {
    .bloc-gmap {
        position: relative;
        right: auto;
        top: auto;
        float: left;
        width: 100%;
        height: 157px;
        text-align: center;
    }
}

.bloc-legend {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

/* form inscription */
.form-validate {
    border-top: 0 !important;
}

button.btn#jform_date_naissance_img {
    display: none !important; /* on cache un btn qui provoque un bug chrome et qui de toute facon n apparait sous aucun navigateur */
}

.form-validate .control-group .spacer {
}

.form-validate .control-label {
    display: inline-block;
    margin-right: 10px;
    width: 35%;
    text-align: right;
    color: #333;
}

.form-validate .controls {
    display: inline-block;
    width: 50%;
}

.form-validate .controls input[type="text"],
.form-validate .controls input[type="email"],
.form-validate .controls select {
    width: 100% !important;
    color: #808080;
}

.form-validate .controls select {
    width: 105% !important;
}

.form-validate .star {
    color: #238FA9;
}

.form-validate #jform_session_price,
.form-validate #jform_participants,
.form-validate #jform_formation {
    font-weight: bold;
    color: #333;
}

.form-validate .validate,
.form-demande-doc .button-demande-doc input,
.button-demande-doc {
    display: inline-block;
    padding: 8px 24px;
    background: #238FA9;
    color: #FFF !important;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 500 !important;
    width: auto !important;
}

.form-validate #jform_spacer-lbl {
    text-align: left;
    font-size: 13px;
    color: #808080;
}

.form-validate .red {
    color: #238FA9;
}

.note-form-inscr {
    font-size: 13px;
    font-style: italic;
    color: #808080;
}

.form.inscription-jiil fieldset {
    float: left;
    width: 100%;
    padding: 0 0 8px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-color: #F2F2F2 !important;
}

.form.inscription-jiil .control-group {
    float: left;
    width: 100%;
}

.form.inscription-jiil .error {
    float: left;
    width: auto;
    margin: 10px;
    box-sizing: border-box;
}

.form.inscription-jiil #jform_email {
    border: 2px solid #E8E8E8 !important;
    border-radius: 5px !important;
    margin: 0 0 10px !important;
    padding: 5px 0 5px 10px !important;
    width: 100% !important;
    color: #808080 !important;
}

.secondary-col .inscription-jiil {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

.secondary-col .inscription-jiil > fieldset legend {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

.secondary-col .inscription-jiil .button.button-submit {
    float: left;
    width: 100%;
    margin: 10px 0;
}

/* demande documentation */
.sidebar .form-demande-doc {
    float: left;
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.45);
    box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.45);
    clear: both;
    max-width: 100%;
    padding-top: 0;
    background-color: #FFF;
    color: #333;
}

.form-demande-doc fieldset {
    float: left;
    width: 100%;
    margin: 0;
}

.article-content .form-special.form-demande-doc {
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-width: 3px !important
}

.article-content .form-demande-doc fieldset {
    margin-top: 0 !important;
}

.article-content .form-demande-doc legend {
    margin-top: 0 !important;
    padding: 6px 20px;
    background: #F5F5F5;
}

.form-demande-doc .demande-ok {
    padding: 20px;
}

.form-demande-doc .control-label,
.form-demande-doc .controls {
    display: inline-block;
    width: 185px;
    margin-right: 10px;
    clear: none;
    text-align: right;
}

.form-demande-doc .control-label {
    margin-left: 20px;
}

.secondary-col .form-special.form-demande-doc input[type="text"], .secondary-col .form-special.form-demande-doc select,
.form-demande-doc .controls,
.form.form-demande-doc input[type="email"] {
    width: 320px !important;
    text-align: left;
}

.form-demande-doc .star,
.form-demande-doc .red {
    color: #238FA9;
}

#jform_infotext-lbl,
#jform_spacer-lbl {
    width: 300px !important;
    text-align: left !important;
}

#jform_infotext-lbl {
    margin-bottom: 5px;
}

#jform_spacer-lbl {
    margin-top: 12px;
    color: #808080;
    font-size: 13px;
}

.form-validate .controls .error {
    float: left;
    margin-top: 5px !important;
}

.form-validate #error_email_inscription {
    margin-top: 0px !important;
}

.form.inscription-jiil #jform_email.validate-email.required.invalid {
    border: 2px solid red !important;
}

.demande-valid {
    padding-top: 5px;
    border-top: 3px solid #CCC;
}

.demande-valid .demande-ok {
    margin-left: 20px !important;
    padding-left: 30px;
    background: url(../images/home/sprite.png) 0 -1735px no-repeat;
    font-size: 17px;
    color: #333;
    line-height: 1.4;
}

.inscription-demande-ok {
    margin: 30px 0;
}

.inscription-demande-ok .demande-ok-check {
    background: #B3CD34;
    padding: 10px;
    margin-bottom: 30px;
    color: #FFF;
}

.inscription-demande-ok .demande-ok-check:before {
    content: "\2714";
    font-size: 22px;
    margin-right: 10px;
}

.form.form-demande-doc input[type="email"] {
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px 0 5px 10px;
    width: 97%;
}

.article-content .form.form-special.form-demande-doc.form-validate {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F2F2F2 !important;
    padding-bottom: 0;
}

.article-content .form.form-special.form-demande-doc.form-validate legend {
    border-top: 3px solid #CBCBCB;
}

.article-content .form.form-special.form-demande-doc.form-validate p.button.button-submit {
    float: left;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

/* confirmation inscription */
.inscription-merci {
    color: #FFF;
    font-size: 22px;
    background: #A5B600;
    padding: 10px 0 10px 20px;
}

.inscription-total {
    margin: 10px 0 40px 0 !important;
    font-size: 17px;
    color: #333;
    line-height: 1.4;
    background-color: #F3FAFB;
    padding: 8px 20px;
}

.inscription-liste-finaliser {
    margin-left: 20px;
    margin-bottom: 10px !important;
}

.inscription-liste-finaliser.picto-ampoule {
    background: url(../images/home/sprite.png) 0 -1833px no-repeat;
    margin-left: 0;
    margin-bottom: 40px !important;
    padding-top: 7px;
}

.inscription-liste-finaliser.picto-ampoule li {
    padding-left: 70px;
}

.inscription-liste-finaliser li {
    margin-bottom: 8px;
}

.inscription-bloc-adresse {
    text-align: left;
    margin-left: 60px;
}

.bloc-border-2 {
    padding: 16px;
    background: #F5F5F5;
    border: 2px solid #A5B600;
    color: #333;
}

/* module social */
.m-list-inline {
    margin: 6px 0 0 0 !important;
}

.m-list-inline li {
    margin: 0 !important;
    padding: 0 15px 0 0 !important;
}

.m-list-inline li::before {
    content: " " !important;
}

/* form emailShareForm */
#emailShareForm.form.form-special {
    border-top: 0;
    margin-top: 2px !important;
    margin-left: 20px;
    padding-top: 0;
    position: relative;
}

#emailShareForm.form.form-special .form-group {
    margin-bottom: 20px;
}

#emailShareForm.form.form-special #emailShareButton {
    position: absolute;
    right: 14px;
    bottom: -35px;
}

#emailShareForm.form.form-special label {
    display: block;
    width: 160px !important;
    color: #333 !important;
}

.share-secc label {
    color: #333 !important;
}

#emailShareForm.form.form-special ul {
}

#emailShareForm.form.form-special li {
    padding: 0 !important;
    margin-top: 0 !important;
}

#emailShareForm.form.form-special li::before {
    content: " " !important;
    margin: 0 !important;
    padding: 0 !important;
}

#shareForm #confirmStep {
    margin: 0 !important;
    padding: 0 !important;
}

#shareForm #confirmStep p {
    margin-left: 20px !important;
    padding-left: 30px !important;
    background: url(../images/home/sprite.png) 0 -1735px no-repeat !important;
    font-size: 13px !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

#shareForm #confirmStep > p::before {
    background: none;
}

#shareForm #confirmStep > p {
    padding-top: 0 !important;
    margin-top: 2px !important;
}

.bloc-topic .share-secc {
    border: 0 !important;
}

/* bloc manifestation partenaires */
.manif-partner {
    float: left;
    margin: 10px 0 30px 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #808080;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}

.bloc_center {
    margin: auto !important;
    width: 100%;
    height: 60px;
}

.manif-partner div {
    display: inline-block;
    width: auto;
    height: auto;
}

.manif-partner div p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.manif-partner a {
    float: left;
    width: 100%;
}

.manif-partner-left,
.manif-partner-right {
    margin: 0 10px;
}

.article-content .manif-partner-right ul {
    float: left;
    margin: 0;
    padding: 0;
}

.article-content .manif-partner-right li {
    float: left;
    margin: 0;
    padding: 0;
}

.article-content .manif-partner-right ul li:before {
    content: normal;
}

/* prochaines dates */
.notifications.pl-20.pr-20.hide {
    font-style: normal !important;
    margin-bottom: 0 !important;
}

.article-content ul.pl-20.pr-20.sidebar-next-jiil {
    padding-left: 0 !important;
}

.article-content .pl-20.pr-20.sidebar-next-jiil li {
    margin-bottom: 0 !important;
    padding-bottom: 3px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* sidebar */
.sidebar h2 {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}

.sidebar .hide {
    display: none;
}

/* sidebar form doc */
.sidebar #jform_infotext-lbl,
.sidebar #jform_spacer-lbl {
    display: none;
}

.sidebar .form-demande-doc legend {
    display: block;
    margin: 0 0 20px 0 !important;
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    font-size: 16px;
    color: #333;
    background-color: #B3CD34;
    text-align: center;
    width: 100% !important;
    max-width: 100% !important;
    height: 58px;
    position: relative;
}

.sidebar .form-demande-doc legend:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 134px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #B3CD34;
}

.sidebar .form-demande-doc .button.button-submit {
    float: left;
    width: 100%;
}

.sidebar .form-demande-doc legend span {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.sidebar .control-group {
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    clear: both;
}

.sidebar .form-demande-doc .controls,
.sidebar .form-demande-doc input[type="text"],
.sidebar .form-demande-doc input[type="email"] {
    width: 150px !important;
    float: left;
    clear: none;
    text-align: left !important;
}

.sidebar .form-demande-doc .control-label,
.sidebar .form-demande-doc label {
    width: 65px !important;
    float: left;
    clear: none;
}

.sidebar .form-demande-doc label {
    padding-top: 6px;
    text-align: left
}

.sidebar .form-demande-doc .star {
    display: none;
}

.bloc-jill-demande-doc h1{
    text-align: center;
}


.bloc-jill-demande-doc a{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.bloc-jill-demande-doc a img{
    vertical-align: bottom;
}

.sidebar .form-demande-doc .controls {
    float: right;
    clear: none

}

.sidebar .demande-valid {
    clear: both;
    padding-top: 15px;
    padding-bottom: 10px;
}

.sidebar .demande-valid .demande-ok {
    font-size: 14px;
}

/* bloc contact */
.sidebar .picto-mail,
.sidebar .picto-tel {
    clear: both;
    margin: 10px 0 10px 12px !important;
}

.sidebar .picto-mail a {
    color: #0C7B96;
    font-weight: 500;
}

/* bloc prochaines jiil */
.sidebar .bloc-jill-dates {
    float: left;
    width: 100%;
    display: block;
    background: #FFF;
    margin: 20px 0 30px;
    border: 1px solid #EDEDED;
    border-top: 3px solid #EF3E62;
}

.sidebar .bloc-jill-dates h1 {
    font: 17px/100% 'museo_sans', Arial, sans-serif;
    margin: 10px 20px;
    float: none;
    padding: 10px;
    background: #F3FAFB;
    max-width: 280px;
    text-align: center;
}

.sidebar h2.sidebar-next-jiil {
    margin-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    border-top: 3px solid #EF3E62;
    padding: 10px !important;
}

.sidebar ul.sidebar-next-jiil {
    text-align: center;
}

.sidebar ul.sidebar-next-jiil li {
    padding: 0 20px 8px 20px !important;
}

.sidebar ul.sidebar-next-jiil a {
    font-size: 14px;
    font-weight: 500;
    color: #0C7B96;
}

.sidebar .bloc-like {
    float: left;
    margin: 20px 0 10px;
    width: 100%;
    background: #FFF;
}

.sidebar .bloc-like h2.mt-30 {
    margin-top: 0 !important
}

.sidebar .bloc-like h2.bgcolor {
    background-color: none !important;
    background-color: #FFF
}

.sidebar .bloc-like h2 span {
    display: inline-block;
    background: #F3FAFB;
    float: none;
    padding: 10px;
    margin: 0 10px;
}

/* Responsive */
/* 1400px - ++ */
@media screen and (min-width: 1024px) {
}

@media (min-width: 670px) and (max-width: 1024px) {
    /* page-detail-journee.html */
    .bloc-50 {
        width: 100%;
    }

    .bloc-right-50 {
        float: left;
    }
}

@media (max-width: 670px) {
    /* jiil */
    .hr479 {
        display: none;
    }

    /* page-detail-journee.html */
    .bloc-50 {
        width: 100%;
    }

    .bloc-right-50 {
        float: left;
    }

    .bloc-adresse span {
        display: block;
    }

    .bloc-adresse .adresse-left {
        width: auto;
        text-align: left;
    }

    .deroule-heure .deroule-left,
    .deroule-heure .deroule-right {
        text-align: left;
        width: 100%;
    }

    .plus-temoignages {
        margin-bottom: 50px;
    }

    /* form demande doc */
    .article-content .form.form-special.form-demande-doc.form-validate {
        position: relative;
        padding-bottom: 0;
    }

    .secondary-col .form-special.form-demande-doc input[type="text"], .secondary-col .form-special.form-demande-doc select, .form-demande-doc .controls, .form.form-demande-doc input[type="email"] {
        width: 98% !important;
    }

    .article-content .form.form-special.form-demande-doc.form-validate .control-label {
        margin-left: 10px;
    }

    .article-content .form.form-special.form-demande-doc.form-validate label {
        text-align: left;
    }
}

/* page-detail-journee.html */

.alert.alert-error {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: left;
}

.alert.alert-error p {
    font-size: 14px;
    line-height: 140%;
    color: #E82A17;
}

.jiil-cgv h1 {
    font: 17px/120% 'museo_slab', arial, sans-serif;
    font-weight: bold;
    color: #238FA9;
    margin: 10px 0;
}

.jiil-cgv h2 {
    font: 15px/120% 'museo_slab', arial, sans-serif;
    font-weight: bold;
    color: #238FA9;
    margin: 10px 0;
}

.jiil-cgv h3 {
    font: 13px/120% 'museo_slab', arial, sans-serif;
    font-weight: bold;
    color: #238FA9;
    margin: 10px 0;
}

.jiil-cgv p,
.jiil-cgv li {
    font: 12px/120% 'museo_sans', Arial, sans-serif;
    margin-bottom: 5px;
}

.jiil-cgv ul {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 20px;
}

/*fin jiil*/

#main.adMoverMode-article.adMoverMQ-S .content .article-content .moved-ad.bloc.pub.openx-ad.isMobile {
    width: 100%
}

@media (max-width: 1009px) {
    .article-content .moved-ad.bloc.pub.openx-ad.isMobile img {
        max-width: none;
    }
}

@media (max-width: 1009px) {
    #main .content .article-content .moved-ad.bloc.pub.openx-ad.isMobile {
        float: none;
    }
}

#cgu_text .button-fancybox-container {
    text-align: center;
    margin: auto;
}

#cgu_text .button-action-fancybox {
    margin: 0;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400 !important;
    text-decoration: none;
    text-shadow: 0 0 #176072 !important;
    background: #0D8BA9 !important;
    border-radius: 3px !important;
    border: 0 solid #176072 !important;
    box-shadow: 1px 1px 0 #5DBFD0 inset;
}

/* Landing Page */
#main.landingpage-section {
    float: left;
    position: relative;
}

#main.landingpage-section * {
    box-sizing: border-box;
}

#main.landingpage-section .cadre-bordure {
    width: 100%;
}

.landingpage-section .secondary-col {
    width: auto;
    margin: 0 360px 0 0;
    padding: 20px 0 20px 20px;
    border: none;
}

@media (min-width: 1009px) {
    .landingpage-section .secondary-col {
        min-height: 1200px;
    }
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement fieldset {
    margin: 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement fieldset legend {
    margin: 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement label {
    width: 100%;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group {
    float: left;
    width: 100%;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .error#error_optin {
    float: right;
    width: 65%;
    margin: 10px 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement p.button.button-submit {
    text-align: center;
    margin: 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .control-label {
    float: right;
    width: 65%;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .control-label label {
    text-align: left;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .controls {
    float: right;
    width: 35%;
    padding-right: 10px;
    text-align: right;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .controls input {
    float: right;
    margin: 15px 0 0 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-label {
    display: inline;
    float: left;
    width: 35%;
    margin: 0;
    padding-right: 10px;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .control-label label {
    margin-top: 12px;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .controls {
    display: inline;
    float: left;
    width: 65%;
    margin: 0;
    padding-right: 20%;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .controls input {
    padding: 5px 0 5px 10px;
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 5px 0;
}

.landingpage-section .secondary-col .form-special.form-demande-fianancement .controls select {
    width: 100% !important;
}

.landingpage-section .secondary-col .content {
    float: left;
    width: 100%;
    margin: 0;
    border: none;
}

.landingpage-section .secondary-col .content .article {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.landingpage-section .secondary-col .content .article p.chapo {
    margin-top: 0;
}

#main.landingpage-section .sidebar {
    position: absolute;
    top: 41px;
    right: 0;
    width: 360px;
    background: #FFF;
    margin: 0;
    padding: 0 20px 20px 20px;
    border: none;

}

.landingpage-section .topic-header {
    display: none;
}

@media (max-width: 1009px) {
    #main.landingpage-section {
        background: #FFF;
    }

    .landingpage-section .secondary-col {
        width: 100%;
        margin: 0;
        padding: 10px;
    }

    .landingpage-section .secondary-col .content {
        padding: 0;
    }

    #main.landingpage-section #sidebar.sidebar.force-hidden {
        display: block;
        position: static;
        top: auto;
        right: auto;
        background: #FFF;
        margin: 0;
        width: 100%;
        padding: 0 10px 20px 10px;
        text-align: center;
    }

    #main.landingpage-section #sidebar.sidebar.force-hidden .bloc.pub {
        display: none;
    }

    #main.landingpage-section #sidebar.sidebar.force-hidden .bloc.bloc-blue {
        width: 100%;
        margin: 20px auto 10px auto;
        display: inline-block;
        float: none;
    }

    #main.landingpage-section #sidebar.sidebar.force-hidden .bloc.bloc-blue.marked-adBloc2-sibling {
        display: none;
    }
}

@media (max-width: 450px) {
    .landingpage-section .secondary-col .form-special.form-demande-fianancement .control-label {
        width: 100%;
        padding-right: 0;
        text-align: left;
    }

    .landingpage-section .secondary-col .form-special.form-demande-fianancement .controls {
        width: 100%;
        padding-right: 0;
    }

    .landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .controls {
        float: left;
        width: 10%;
    }

    .landingpage-section .secondary-col .form-special.form-demande-fianancement .control-group:nth-last-child(2) .control-label {
        float: right;
        width: 90%;
    }
}

.landingpage-section #bfmFinancement_text {
    display: none;
}

.landingpage-section .sidebar .bloc.pub img {
    width: auto;
    height: auto;
}

.landingpage-section .sidebar .bloc {
    border: 1px solid #EEE;
    border-bottom-color: #CCC;
    border-top: 2px solid gray;
}

.landingpage-section .sidebar .bloc.pub {
    text-align: center;
}

.landingpage-section .sidebar .bloc.bloc-blue {
    border-top-color: 2px solid #238FA9;
}

.landingpage-section .sidebar .bloc.bloc-pink {
    border-top-color: 2px solid #EF3E62;
}

.landingpage-section .sidebar .bloc h1 {
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 15px 20px;
    background: #EEE;
}

.landingpage-section .sidebar .bloc-content {
    float: left;
    width: 100%;
    font: 16px/130% 'museo_sans', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 20px;
}

.landingpage-section .sidebar .bloc-content a {
    color: #333;
    float: left;
    width: 100%;
    cursor: pointer;
}

.landingpage-section .sidebar .bloc-content a:hover {
    color: #238FA9;
}

.landingpage-section .sidebar .bloc-content a:hover p {
    color: #238FA9;
}

.landingpage-section .sidebar .bloc-content strong {
    font: 16px/130% 'museo_sans', Arial, sans-serif;
    font-weight: bold;
    padding: 0;
    color: #333;
}

.landingpage-section .sidebar .bloc-content a:hover strong {
    color: #238FA9;
}

.landingpage-section .sidebar .bloc-content > a:hover {
    color: #238FA9;
}

.landingpage-section .sidebar .bloc.small-img .bloc-content a img {
    margin: 0 10px 5px 0;
}

.landingpage-section .sidebar .bloc.medium-img .bloc-content a img {
    margin: 0 0 10px 0;
    width: 100%;
    max-width: 278px;
    float: none;
}

.landingpage-section .sidebar .bloc.medium-img .link2 {
    padding: 0;
    margin: 20px 0 0 0;
}

.landingpage-section .sidebar .bloc.large-img img {
    width: 100%;
    display: block;
}

.landingpage-section .sidebar .bloc.large-img .bloc-content {
    padding: 0;
    background: #EEE;
}

.landingpage-section .sidebar .bloc.large-img .bloc-content a img {
    margin: 0;
    max-width: 318px;
    height: auto;
    float: none;
    display: inline;
    vertical-align: bottom;
}

.landingpage-section .sidebar .bloc.large-img h1 {
    float: left;
    width: 100%;
    background: none;
    padding: 0 20px;
    font: 18px/130% 'museo_sans', Arial, sans-serif;
    color: #238FA9;
    margin: 10px 0;
}

.landingpage-section .sidebar .bloc.large-img p {
    float: left;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.landingpage-section .sidebar .bloc.bloc-stripes1 {
    border: none;
    background: url(../images/background/stripes.jpg);
}

.landingpage-section .sidebar .bloc.bloc-stripes1 h1 {
    background: none;
    padding: 10px 70px 0 20px;
    color: #238FA9;
    position: relative;
}

.landingpage-section .sidebar .bloc.bloc-stripes1 h1 img {
    position: absolute;
    top: -10px;
    right: 15px;
    width: 45px;
    height: 45px;
}

.landingpage-section .sidebar .bloc.bloc-stripes1 .bloc-content {
    padding: 12px;
}

.landingpage-section .sidebar .bloc.bloc-stripes1 .bloc-content-wrapper {
    float: left;
    width: 100%;
    background: #FFF;
    padding: 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.landingpage-section .sidebar .bloc.bloc-stripes1 .bloc-content-wrapper p {
    margin-bottom: 10px;
}

.landingpage-section .sidebar .bloc.bloc-stripes1 .link2 {
    padding: 0;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact p {
    margin: 0;
    clear: both;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .nom {
    font-weight: bold;
    margin-bottom: 10px;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .tel a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    width: auto;
    float: none;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .tel a:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 12px;
    height: 15px;
    background: url(../images/background/tel.jpg);
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .mail a {
    position: relative;
    display: inline;
    padding-left: 18px;
    width: auto;
    float: none;
    color: #238FA9;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .mail a:hover {
    text-decoration: underline;
}

.landingpage-section .sidebar .bloc.bloc-stripes1.contact .mail a:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 14px;
    height: 10px;
    background: url(../images/background/mail.jpg);
}

.landingpage-section .sidebar .bloc.bloc-list .bloc-content {
    padding-top: 10px;
}

.landingpage-section .sidebar .bloc.bloc-list a {
    font: 14px/130% 'museo_sans', Arial, sans-serif;
    color: #238FA9;
    padding: 10px 15px 10px 0;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}

.landingpage-section .sidebar .bloc.bloc-list a:before,
.landingpage-section .sidebar .bloc.bloc-list a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    top: 16px;
    right: 4px;
    transform: rotate(45deg);
    background: #238FA9;
}

.landingpage-section .sidebar .bloc.bloc-list a:after {
    top: 10px;
    right: 4px;
    transform: rotate(-45deg);

}

.landingpage-section .sidebar .bloc.bloc-list a:hover {
    text-decoration: underline;
}

.landingpage-section .sidebar .link1 {
    font: 16px/130% 'museo_sans', Arial, sans-serif;
    color: #238FA9;
    margin: 10px 0 0 0;
    text-decoration: underline;
}

.landingpage-section .sidebar .link1 a:hover {
    color: #238FA9;
    cursor: pointer;
}

.landingpage-section .sidebar .link1 a:after {
    content: " >>"
}

.landingpage-section .sidebar .link2 {
    padding: 20px;
}

.landingpage-section .sidebar .link2 button {
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #EF3E62;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.landingpage-section .sidebar .link2 button:hover {
    text-decoration: underline;
}

.landingpage-section .sidebar .link3 {
    padding: 20px;
}

.landingpage-section .sidebar .link3 button {
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #238FA9;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.landingpage-section .sidebar .link3 button:hover {
    text-decoration: underline;
}

.landingpage-section .sidebar .bloc-content img {
    float: none;
    margin: 0;
    max-width: 100%;
}

.text-right {
    text-align: right;
}

#bfmFinancement_text {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #FFF;
    padding: 10px;
    font-size: 10px;
    border: 3px solid #57A9BD;
}

#bfmFinancement_text:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #57A9BD;
}

#bfmFinancement_text:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #FFF;
}

.landingpage-section #confirmStep {
    margin: 0 !important;
    padding: 0 !important;
}

.landingpage-section #confirmStep p {
    margin-left: 20px !important;
    padding-left: 30px !important;
    background: url(../images/home/sprite.png) 0 -1735px no-repeat !important;
    font-size: 13px !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

.landingpage-section #confirmStep > p::before {
    background: none;
}

.landingpage-section #confirmStep > p {
    padding-top: 0 !important;
    margin-top: 2px !important;
}

@media (max-width: 1009px) and (min-width: 670px) {
    #main.landingpage-section .sidebar > *:nth-child(n+3) {
        display: block;
    }
}

.landingpage-section .sidebar .bloc-grid .grid-left,
.landingpage-section .sidebar .bloc-grid .grid-right {
    float: left;
    width: 50%;
}

.landingpage-section .sidebar .bloc-grid .grid-left,
.landingpage-section .sidebar .bloc-grid .grid-right,
.landingpage-section .sidebar .bloc-grid .grid-full {
    margin-bottom: 12px;
}

.landingpage-section .sidebar .bloc-grid .grid-left a,
.landingpage-section .sidebar .bloc-grid .grid-right a,
.landingpage-section .sidebar .bloc-grid .grid-full a {
    float: left;
    width: 100%;
    background: #238FA9;
    color: #FFF;
    text-align: center;
    font: 13px/100% 'museo_sans', Arial, sans-serif;
    padding: 10px;
    border-radius: 4px;
}

.landingpage-section .sidebar .bloc-grid .grid-left a:hover,
.landingpage-section .sidebar .bloc-grid .grid-right a:hover,
.landingpage-section .sidebar .bloc-grid .grid-full a:hover {
    text-decoration: underline;
}

.landingpage-section .sidebar .bloc-grid .grid-left {
    padding-right: 6px;
}

.landingpage-section .sidebar .bloc-grid .grid-right {
    padding-left: 6px;
}

.landingpage-section .sidebar .bloc-grid .grid-full {
    float: left;
    width: 100%;
}

.landingpage-section .sidebar .bloc-grid .grid-green a {
    background: #B3CD34;
    color: #212121;
}

.landingpage-section .sidebar .bloc-grid .grid-pink a {
    background: #EF3E62;
}

.landingpage-section .sidebar .bloc-grid .grid-last {
    margin-bottom: 0;
}

.landingpage-section .landing-page-content-01 {
    float: left;
    width: 100%;
    margin: 40px 0 60px;
}

.landingpage-section .landing-page-content-02 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}

.landingpage-section .landing-page-content-03 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 1200px) {
    .landingpage-section .landing-page-content-03 {
        padding: 0;
    }
}

.landingpage-section .landing-page-content-04 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 758px) {
    .landingpage-section .landing-page-content-04 {
        padding: 0;
    }
}

.landingpage-section .landing-page-content-05 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 758px) {
    .landingpage-section .landing-page-content-05 {
        padding: 0;
    }
}

.landingpage-section .landing-page-content-06 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0;
}

.landingpage-section .landing-page-content-07 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 758px) {
    .landingpage-section .landing-page-content-07 {
        padding: 0;
    }
}

.landingpage-section .landing-page-content-08 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 758px) {
    .landingpage-section .landing-page-content-08 {
        padding: 0;
    }
}

.landingpage-section .landing-page-content-09 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0;
}

.landingpage-section .landing-page-content-10 {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0 80px;
}

@media (max-width: 758px) {
    .landingpage-section .landing-page-content-10 {
        padding: 0;
    }
}

.landingpage-section .mega-button {
    text-align: center;
}

.landingpage-section .mega-button a {
    display: inline-block;
    color: #FFF;
    background: #238FA9;
    border-radius: 3px;
    margin: 0;
    padding: 20px 40px;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 8px solid #00728E;
    -webkit-box-shadow: 0 5px 10px 0 rgba(6, 45, 54, 0.67);
    -moz-box-shadow: 0 5px 10px 0 rgba(6, 45, 54, 0.67);
    box-shadow: 0 5px 10px 0 rgba(6, 45, 54, 0.67);
    transition: box-shadow 0.5s ease-in-out;
}

.landingpage-section .mega-button a:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 5px 20px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 5px 20px 0 rgba(255, 255, 255, 1);
}

.landingpage-section .mega-button a .big {
    font: 26px/100% 'museo_sans', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.landingpage-section .mega-button a .small {
    font: 22px/100% 'museo_sans', Arial, sans-serif;
}

.landingpage-section .full-width-img {
    float: left;
    width: 100%;
}

.landingpage-section .full-width-img img {
    float: left;
    width: 100%;
    height: auto;
    max-width: none;
}

.landingpage-section .promo-img {
    float: left;
    width: 100%;
}

.landingpage-section .promo-img a {
    float: left;
    width: 100%;
    position: relative;
}

.landingpage-section .promo-img .bloc {
    text-align: right;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 370px;
    bottom: 40px;
    right: 20px;
    margin: 0;
    padding: 20px 15px;
}

.landingpage-section .promo-img .big {
    font: 38px/100% 'museo_slab', Arial, sans-serif;
    color: #212121;
    font-weight: bold;
    margin-bottom: 10px;
}

.landingpage-section .promo-img .small {
    font: 26px/100% 'museo_slab', Arial, sans-serif;
    color: #212121;
    margin-bottom: 10px;
}

.landingpage-section .promo-img img {
    float: left;
    width: 100%;
    height: auto;
    max-width: none;
}

@media (max-width: 758px) {
    .landingpage-section .promo-img img {
        padding: 0;
    }
}

.landingpage-section .promo-img {
    float: left;
    width: 100%;
}

.landingpage-section .promo-img button {
    text-align: right;
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #EF3E62;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .landingpage-section .promo-img .bloc {
        text-align: center;
        position: static;
        width: 100%;
        bottom: auto;
        right: auto;
        padding: 10px 15px;
    }

    .landingpage-section .promo-img .text-right {
        text-align: center;
    }

    .landingpage-section .promo-img button {
        text-align: center;
    }
}

.landingpage-section .promo-txt {
    float: left;
    width: 100%;
    border: 1px solid #EEE;
    border-top: 2px solid #238FA9;
    border-bottom-color: #CCC;
}

.landingpage-section .promo-txt .bloc-title {
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 10px 20px;
    background: #EEE;
}

.landingpage-section .promo-txt .bloc-content {
    padding: 10px 20px;
    margin: 0;
}

.landingpage-section .promo-txt p {
    margin: 0 0 10px 0;
    font: 16px/135% 'museo_sans', Arial, sans-serif;
    color: #333;
}

.landingpage-section .promo-txt a:hover p {
    color: #238FA9;
}

.landingpage-section .promo-txt button {
    text-align: right;
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #238FA9;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.landingpage-section .promo-txt-img {
    float: left;
    width: 100%;
    border: 1px solid #EEE;
    border-top: 2px solid #238FA9;
    border-bottom-color: #CCC;
}

.landingpage-section .promo-txt-img .bloc-title {
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 10px 20px;
    background: #EEE;
}

.landingpage-section .promo-txt-img .bloc-content {
    float: left;
    width: 100%;
    margin: 0;
}

.landingpage-section .promo-txt-img .bloc-content a {
    float: left;
    width: 100%;
}

.landingpage-section .promo-txt-img .left {
    float: left;
    width: 50%;
    position: relative;
}

.landingpage-section .promo-txt-img .left img {
    max-width: none;
    margin: 0;
    width: 100%;
    height: auto;

}

.landingpage-section .promo-txt-img .right {
    float: left;
    width: 50%;
    padding: 10px 20px;
}

.landingpage-section .promo-txt-img .right p {
    margin: 0 0 10px 0;
    font: 16px/135% 'museo_sans', Arial, sans-serif;
    color: #333;
}

.landingpage-section .promo-txt-img a:hover .right p {
    color: #238FA9;
}

.landingpage-section .promo-txt-img .right button {
    text-align: right;
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #238FA9;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 758px) {
    .landingpage-section .promo-txt-img .left,
    .landingpage-section .promo-txt-img .right {
        width: 100%;
    }

    .landingpage-section .promo-txt-img .left {
        margin: 0 auto;
    }

    .landingpage-section .promo-txt-img .left img {
        max-width: 378px;
        display: block;
        float: none;
        margin: 0 auto;
    }
}

.landingpage-section .video-txt .left,
.landingpage-section .video-txt .right {
    float: left;
    width: 50%;
}

.landingpage-section .video-txt .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.landingpage-section .video-txt .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.landingpage-section .video-txt .right {
    padding-left: 25px;
}

@media (max-width: 758px) {
    .landingpage-section .video-txt .left,
    .landingpage-section .video-txt .right {
        float: left;
        width: 100%;
    }

    .landingpage-section .video-txt .right {
        padding-left: 0;
        padding-top: 15px;
    }
}

.landingpage-section .promo-blue {
    float: left;
    width: 100%;
    background: #238FA9;
    padding: 15px 20px;
}

.landingpage-section .promo-blue .bloc-title {
    font: 30px/100% 'museo_slab', Arial, sans-serif;
    margin: 0 0 20px 0;
    color: #B3CD34;
}

.landingpage-section .promo-blue a:hover .bloc-title {
    color: #B3CD34;
}

.landingpage-section .promo-blue .left,
.landingpage-section .promo-blue .right {
    float: left;
    width: 50%;
}

.landingpage-section .promo-blue .right p {
    text-align: right;
    font: 16px/130% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    margin-bottom: 20px;
}

.landingpage-section .promo-blue .right button {
    text-align: right;
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #212121;
    background: #B3CD34;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 590px) {
    .landingpage-section .promo-blue .left,
    .landingpage-section .promo-blue .right {
        width: 100%;
    }

    .landingpage-section .promo-blue .left {
        margin: 0 auto;
    }

    .landingpage-section .promo-blue .left img {
        max-width: 250px;
        display: block;
        float: none;
        margin: 0 auto;
    }

    .landingpage-section .promo-blue .right p {
        text-align: center;
    }

    .landingpage-section .promo-blue .text-right {
        text-align: center;
    }
}

.landingpage-section .title-only {
    float: left;
    width: 100%;
    border: 1px solid #EEE;
    border-top: 2px solid #238FA9;
    border-bottom-color: #CCC;
    position: relative;
    background: #EEE;
}

.landingpage-section .title-only img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 58px;
}

.landingpage-section .title-only button {
    position: absolute;
    top: 12px;
    right: 10px;
    text-align: right;
    display: inline-block;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
    color: #FFF;
    background: #238FA9;
    border-radius: 3px;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

.landingpage-section .title-only .bloc-title {
    float: left;
    width: 100%;
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 19px 145px 19px 130px;
}

@media (max-width: 758px) {
    .landingpage-section .title-only img {
        display: none;
    }

    .landingpage-section .title-only .bloc-title {
        padding: 19px 145px 19px 20px;
    }
}

.landingpage-section .table {
    float: left;
    width: 100%;
    font: 14px/100% 'museo_sans', Arial, sans-serif;
}

.landingpage-section th,
.landingpage-section td {
    padding: 10px;
    text-align: left;
    border-right: 1px solid #FFF;
}

.landingpage-section tr {
    background: #F3F3F3;
}

.landingpage-section tr:nth-child(odd) {
    background: #FFF;
}

.landingpage-section tr .col-item {
    background: #EBEBEB;
}

.landingpage-section tr:nth-child(odd) .col-item {
    background: #F4F4F4;
}

.landingpage-section th {
    font-weight: bold;
    background: #D8D8D8;
}

.landingpage-section .col-item {
    text-align: center;
    font-weight: bold;
}

.landingpage-section .col-last {
    text-align: right;
}

.landingpage-section .infos-pratiques {
    float: left;
    width: 100%;
    border: 1px solid #EEE;
    border-top: 2px solid #EF3E62;
    border-bottom-color: #CCC;
}

.landingpage-section .infos-pratiques .bloc-title {
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 10px 20px;
    background: #EEE;
}

.landingpage-section .infos-pratiques .bloc-title span {
    font: 20px/100% 'museo_slab', Arial, sans-serif;
    color: #EF3E62;
}

.landingpage-section .infos-pratiques ul {
    padding: 10px 20px;
    margin: 0;
}

.landingpage-section .infos-pratiques a {
    font: 14px/100% 'museo_sans', Arial, sans-serif;
}

.landingpage-section .infos-pratiques li {
    margin: 0 0 10px 0;
}

/* BEGIN slider */

.custom-slider {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.custom-slider * {
    box-sizing: border-box;
}

.custom-slider .rotative-animated-slides {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0;
}

.landingpage-section .custom-slider .rotative-animated-slides {
    padding: 0 80px;
}

@media (max-width: 1400px) {
    .landingpage-section .custom-slider .rotative-animated-slides {
        padding: 0;
    }
}

.custom-slider .rotative-animated-slides ul {
    float: left;
    margin: 0;
}

.custom-slider .rotative-animated-slides li:before {
    content: normal;
}

@media (max-width: 1350px) {
    .custom-slider .rotative-animated-slides {
        padding: 0;
    }
}

.custom-slider .slider-content {
    float: left;
    width: 100%;
    background: #EEE;
    border-top: 2px solid #238FA9;
    padding: 15px;
    position: relative;
}

.custom-slider .rotative-animated-slides h1 {
    float: left;
    width: 100%;
    font: 22px/100% 'museo_slab', Arial, sans-serif;
    color: #212121;
    margin: 0 0 15px 0;
}

.custom-slider .rotative-animated-slides .placeholderCustomSlider {
    width: 487px;
    margin: 0 auto;
}

.landingpage-section .custom-slider .rotative-animated-slides .placeholderCustomSlider {
    width: 573px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .custom-slider .rotative-animated-slides .placeholderCustomSlider {
        width: 165px;
    }
}

@media (max-width: 1200px) {
    .landingpage-section .custom-slider .rotative-animated-slides .placeholderCustomSlider {
        width: 191px;
    }
}

.custom-slider .rotative-animated-slides .placeholderCustomSlider li {
    width: 165px;
    padding: 0 8px;
}

.landingpage-section .custom-slider .rotative-animated-slides .placeholderCustomSlider li {
    width: 191px;
    padding: 0 8px;
}

.custom-slider .rotative-animated-slides article {
    float: left;
    width: 100%;
    min-height: 204px;
    background: #FFF;
    border: 2px solid #FFF;
}

.landingpage-section .custom-slider .rotative-animated-slides article {
    min-height: 192px;
}

.custom-slider .rotative-animated-slides img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.custom-slider.rotative-animated-slides .empty {
    float: left;
    width: 100%;
    height: 118px;
}

.custom-slider .rotative-animated-slides p {
    font: 13px/15px 'museo_sans', Arial, sans-serif;
    color: #333;
    padding: 5px;
    text-align: center;
}

.custom-slider .rotative-button-next-custom-slider,
.custom-slider .rotative-button-prev-custom-slider {
    position: absolute;
    top: 52px;
    left: auto;
    width: 50px;
    height: 168px;
    display: block;
    text-indent: -500px;
    overflow: hidden;
    background: none;
}

.custom-slider .rotative-button-next-custom-slider:hover,
.custom-slider .rotative-button-prev-custom-slider:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.custom-slider .rotative-button-prev-custom-slider {
    left: 15px;
}

.custom-slider .rotative-button-next-custom-slider {
    right: 15px;
}

.custom-slider .rotative-button-prev-custom-slider:before {
    position: absolute;
    content: "";
    background: #238FA9;
    top: 42px;
    left: 22px;
    width: 3px;
    height: 45px;
    transform: rotate(20deg);
}

.custom-slider .rotative-button-prev-custom-slider:after {
    position: absolute;
    content: "";
    background: #238FA9;
    top: 82px;
    left: 22px;
    width: 3px;
    height: 45px;
    transform: rotate(-20deg);
}

.custom-slider .rotative-button-next-custom-slider:before {
    position: absolute;
    content: "";
    background: #238FA9;
    top: 42px;
    right: 22px;
    width: 3px;
    height: 45px;
    transform: rotate(-20deg);
}

.custom-slider .rotative-button-next-custom-slider:after {
    position: absolute;
    content: "";
    background: #238FA9;
    top: 82px;
    right: 22px;
    width: 3px;
    height: 45px;
    transform: rotate(20deg);
}

/* END slider */

@media (max-width: 1009px) {
    #main.landingpage-section .sidebar {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        background: #FFF;
        margin: 0;
        padding: 0 20px 20px 20px;
        border: none;

    }
}

/* Fin Landing Page*/

.float-icons {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

.float-icons * {
    box-sizing: border-box;
}

@media (max-width: 1110px) {
    .float-icons {
        height: 50px;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.5);
        border-top: 1px solid #96A1A4;
    }
}

.float-icons-content {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1400px) and (min-width: 1010px) {
    .float-icons-content {
        margin: 0 50px 0 50px;
        max-width: 1298px;
    }
}

@media (max-width: 1110px) {
    .float-icons-content {
        margin: 0;
        max-width: none;
        float: left;
        width: 100%;
        height: 50px;
        text-align: center;
    }
}

.float-btns {
    position: absolute;
    top: 240px;
    right: -40px;
    width: 40px;
    height: 94px;
}

@media (max-width: 1110px) {
    .float-btns {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block;
        width: 100px;
        height: 40px;
        margin-top: 5px;
    }
}

.float-btns .btn-tel {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #238FA9 url(../images/float-btns/btn-tel.png) no-repeat top 0 left 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.float-btns .btn-mail {
    position: absolute;
    top: 54px;
    left: 0;
    width: 40px;
    height: 40px;
    background: #238FA9 url(../images/float-btns/btn-mail.png) no-repeat top 0 left 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.float-btns .btn-simulation {
    position: absolute;
    top: 108px;
    left: 0;
    width: 40px;
    height: 40px;
    background: #238FA9 url(../images/float-btns/btn-simulation.png) no-repeat top 0 left 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.float-btns .btn-doc {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #238FA9 url(../images/float-btns/btn-doc.png) no-repeat top 4px left 8px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 1110px) {
    .float-btns .btn-tel {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .float-btns .btn-mail {
        top: 0;
        left: auto;
        right: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

.float-btns div a {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 3px 0 5px 0 rgba(166, 166, 166, 1);
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 1110px) {
    .float-btns div a {
        box-shadow: none;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

.float-btns div a span {
    display: none;
    position: absolute;
    top: 0;
    left: -130px;
    width: 130px;
    height: 40px;
    background: #238FA9;
    font: 15px/100% 'museo_sans', Arial, sans-serif;
    font-weight: bold;
    color: #FFF;
    padding: 12px 0 0 12px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 0;
}

.float-btns .btn-doc a span {
    display: none;
    position: absolute;
    top: 0;
    left: -230px;
    width: 230px;
    height: 40px;
    background: #238FA9;
    font: 15px/100% 'museo_sans', Arial, sans-serif;
    font-weight: bold;
    color: #FFF;
    padding: 12px 0 0 12px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 0;
}

.float-btns div a:hover {
    box-shadow: none;
}

.float-btns div a:hover span {
    display: block;
}

@media (max-width: 1110px) {
    .float-btns div a:hover span {
        display: none;
    }
}

.financement-savoir-plus {
    float: left;
    width: 100%;
}

.financement-savoir-plus h1 {
    float: left;
    width: 100%;
    background: url(../images/background/stripes.jpg);
    padding: 10px 20px;
    font: 22px/100% 'museo_sans', Arial, sans-serif;
    color: #238FA9;
    margin: 10px 0 0 0;
    position: relative;
}

.financement-savoir-plus h1:before {
    position: absolute;
    content: "";
    width: 42px;
    height: 38px;
    top: -10px;
    right: 15px;
    background: url(../images/background/nous-contacter.png);
}

.financement-savoir-plus .error {
    width: 100%;
}

.financement-savoir-plus #jform_civilite {
    width: auto !important;
    clear: both;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-label {
    text-align: left;
    width: 25%;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .controls {
    width: 75%;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(2) {
    position: relative;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(2) .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(2) .control-label {
    width: 100%;
    padding-left: 30px;
}

.financement-savoir-plus .financement-savoir-plus-content {
    float: left;
    width: 100%;
    background: url(../images/background/stripes.jpg);
    padding: 15px;
}

.financement-savoir-plus .financement-savoir-plus-content-content {
    float: left;
    width: 100%;
    background: #FFF;
    border: #E8E8E8 2px solid;
    padding: 15px;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement p.button.button-submit {
    text-align: right;
    padding-right: 145px;
}

@media (max-width: 740px) {
    .landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement p.button.button-submit {
        padding-right: 0;
    }
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .error#error_optin {
    float: left;
    width: 100%;
    padding-left: 10px;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(1) .control-label {
    float: left;
    width: 100%;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(1) .control-label .spacer {
    float: left;
    width: 100%;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(1) .control-label .spacer .text {
    float: left;
    width: 100%;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(1) .control-label .spacer .text #jform_spacer-lbl {
    float: left !important;
    width: 100% !important;
}

.landingpage-section .secondary-col .financement-savoir-plus .form-special.form-demande-fianancement .control-group:nth-last-child(1) .controls {
    display: none;
}

/* Native ads */

/* Général */

.article .conseils-pratiques {
    float: left;
    width: 100%;
    font: 35px 'museo_slab', Arial, Sans-serif;
    font-weight: 500;
    color: #238FA9;
    padding-bottom: 10px;
}

.conseils-pratiques {
    float: left;
    width: 100%;
    font: 30px 'museo_slab', Arial, Sans-serif;
    font-weight: 500;
    color: #238FA9;
    padding-bottom: 10px;
}

.article-content .nativePct-list-article-theme .conseils-pratiques {
    font: 35px 'museo_slab', Arial, Sans-serif;
}

.article .bloc-top-blue {
    float: left;
    width: 100%;
    background-color: #F5F5F5;
    border-top: 3px #5AABBF solid;
    margin-left: 0;
}

.article .bloc-top-blue p {
    color: #333;
    font: 22px 'museo_slab', Arial, Sans-serif;
    padding-left: 10px;
}

.article .bloc-top-blue span {
    display: none;
}

.article-content .nativepc-accueil-theme > ul, .article-content .nativePct-list-article-theme > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.article-content .nativepc-accueil-theme > ul li:before, .article-content .nativePct-list-article-theme > ul li:before {
    display: none;
}

/* Module */
div.nativecontent h1.title {
    color: #333;
    background-color: #F5F5F5;
    padding: 5px 10px;
    border-top: 3px #5AABBF solid;
    font: 22px 'museo_slab', Arial, Sans-serif;

}

.nativecontent {
    float: left;

    margin: 0 3%;
    width: 94%;
}

.nativecontent ul {
    margin: 12px 0 15px 0;
    float: left;
    width: 100%;
}

.nativecontent ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}

.nativecontent ul li a {
    float: left;
    width: 100%;
    position: relative;
}

.nativecontent ul li:last-child {
    margin-right: 0;
}

.nativecontent .img {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}

.nativecontent .txt {
    float: left;
    width: 100%;
}

.nativecontent img {
    width: 100%;
    height: auto;
    vertical-align: bottom;

}

.nativecontent .popup-sponso {
    position: absolute;
    width: 100%;
    height: 24px;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    font: 12px 'museo_slab', Arial, Sans-serif;
    color: #515151;
}

.nativecontent p:first-child a img {
    width: 100%;
    height: auto;
}

.nativecontent ul li > div {
    width: 96%;
    position: absolute;
    margin-top: -30px;
    background-color: #FFF;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding: 3px 5px;
}

.nativecontent .popup-sponso span {
    padding: 5px 0 0 5px;
}

.nativecontent .popup-sponso span.mobile {
    display: none;
}

@media (max-width: 1010px) {
    .nativecontent .popup-sponso span.mobile {
        display: block;
    }
}

.nativecontent .popup-sponso span.desktop {
    display: block;

}

@media (max-width: 1010px) {
    .nativecontent .popup-sponso span.desktop {
        display: none;
    }
}

@media (max-width: 1010px) {
    .nativecontent ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .nativecontent .img {
        width: 100px;
        margin-bottom: 0;
    }

    .nativecontent .contenu-sponsorise span {
        display: none;
    }

    .nativecontent .txt {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 110px;
    }
}

.nativecontent ul li div .picto {
    float: left;
    margin-top: 3px;
    margin-right: 7px;
    width: 12px;
    height: 12px;
}

.nativecontent ul li div a {
    font: 12px 'museo_slab', Arial, Sans-serif;
    font-weight: 500;
    color: #515151;
}

.nativecontent ul li p:last-child {
    text-align: left;
}

.nativecontent .txt p {
    color: #333;
    font: 16px 'museo_slab', Arial, Sans-serif;
}

/* Page d'accueil Themes*/

.nativepc-accueil-theme {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.article-content .nativepc-accueil-theme > ul li {
    box-sizing: border-box;
    float: left;
    width: 49%;
    padding: 0;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 20px;
}

.nativepc-accueil-theme > ul li:nth-child(even) {
    margin-right: 0%;
}

.accueil-native-pct > p {
    float: left;
    padding: 0 10px;
}

.accueil-native-pct div img {
    width: 100%;
}

.article-content .nativepc-accueil-theme > ul li .footer-more {
    margin: 0;
    border: 0;
    padding: 5px 0 0;
}

.nativepc-accueil-theme .bloc-rubric {
    float: left;
    width: 100%;
}

.nativepc-accueil-theme > .bloc-rubric h1 {
    color: #333;
    background-color: #F5F5F5;
    padding: 5px 10px;
    border-top: 3px #CBCBCB solid;
    font: 22px 'museo_slab', Arial, Sans-serif;
}

.nativepc-accueil-theme .bloc-rubric ul li a {
    color: #147CC5;
}

@media (max-width: 669px) {
    .article-content .nativepc-accueil-theme > ul li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 15Px;
    }

    .article-content .nativepc-accueil-theme img {
        max-width: 100%;

    }
}

/* Liste des articles d'un thème*/

.nativePct-list-article-theme {
    float: left;
    width: 100%;
}

.nativePct-list-article-theme .nativepc-list {
    float: left;
    width: 100%;
    margin: 0;
}

.article-content .nativePct-list-article-theme .nativepc-list ul {
    margin: 0;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #F2F2F2;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li:last-child {
    border-bottom: none;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li:before {
    display: none;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child {
    float: left;
    width: 30%;
    margin-right: 3%;
    position: relative;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child p {
    margin: 0;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child img {
    width: 100%;
    height: auto;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child .popup-sponso {
    width: 95%;
    margin-top: -25px;
    background-color: #FFF;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding: 3px 5px;
    font: 12px 'museo_slab', Arial, Sans-serif;
    font-weight: 500;
    color: #515151;

}

.article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child .popup-sponso .picto {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    width: 12px;
    height: 12px;
}

@media (max-width: 1053px) and (min-width: 1009px) {
    .article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child .popup-sponso {
        margin-top: -39px;
    }
}

@media (max-width: px) {
    .article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child .popup-sponso {
        margin-top: -39px;
    }
}

.article-content .nativePct-list-article-theme .nativepc-list ul li > div:last-child {
    float: left;
    width: 67%;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li > div:last-child p:first-child {
    margin: 0;
    font: 20px/120% 'museo_slab', Arial, Sans-serif;
    color: #333;
}

.article-content .nativePct-list-article-theme .nativepc-list ul li > div:last-child p:nth-child(2) {
    font: 13px 'museo_sans', Arial, Sans-serif;
    font-weight: 100;
    color: #333;
}

@media (max-width: 515px) {
    .article .bloc-top-blue span {
        display: block;
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .article-content .nativePct-list-article-theme .nativepc-list ul li > div:last-child p:last-child {
        display: none;
    }

    .article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child div {
        margin-top: -22px;
        font: 10px 'museo_slab', Arial, Sans-serif;
    }

    .article-content .nativePct-list-article-theme .nativepc-list ul li div:first-child div .picto {
        margin-top: -3px;
    }
}

/*helpers debut*/
.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.display-none {
    display: none;
}

/*helpers fin*/

/*Page JSFI début*/
.page-jfsi * {
    box-sizing: border-box;
}

.page-jfsi .img-jfsi {
    text-align: center;
}

.page-jfsi .img-jfsi img {
    width: 100%;
}

#tabs-generic {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 35px;
}

#tabs-generic .tab {
    float: left;
    width: 100%;
    border: 1px solid #E5E5E5;
    background: #FFF;
    z-index: 1;
    position: relative;
    padding: 20px;
}

@media (max-width: 1400px) {
    #tabs-generic .tab {
        float: left;
        width: 100%;
        border: none;
        padding: 0;
    }

    #tabs-generic .tab-btn {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        font-family: 'museo_sans', Arial, sans-serif;
        font-size: 18px;
        color: #333;
        border-bottom: 1px solid #F2F2F2;
        margin: 20px 0 10px 0;
        padding-bottom: 5px;
        position: relative;
    }

    #tabs-generic .tab-btn:after {
        position: absolute;
        content: "";
        bottom: 10px;
        right: 10px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #0D8BA9;
    }
}

#tabs-generic .tab-content {
    float: left;
    width: 100%;
}

@media (max-width: 1400px) {
    #tabs-generic .tab-content {
        display: none;
    }
}

#tabs-generic .tabs {
    float: left;
    width: 100%;
    margin: 0;
    z-index: 2;
    position: relative;
}

@media (max-width: 1400px) {
    #tabs-generic .tabs {
        display: none;
    }
}

#tabs-generic .tabs > li button {
    padding: 12px 10px 8px 10px;
    text-align: center;
    width: 100%;
    white-space: nowrap;
}

#tabs-generic .tab.active .tab-content {
    display: block !important;
}

@media (max-width: 1400px) {
    .tab-jsfi {
        border: none;
        padding: 0;
    }

    .tab-jsfi.hidden {
        display: block;
    }
}

.page-jfsi h2.actu {
    float: left;
    width: 100%;
    font: 22px/110% 'museo_slab', arial, sans-serif;
    border-top: 3px solid #CCC;
    background: #F5F5F5;
    padding: 10px 15px;
    margin: 0 0 10px 0;
}

.page-jfsi .bloc-formation {
    float: left;
    width: 100%;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    padding: 10px 0;
    margin: 20px 0;
}

.page-jfsi .bloc-formation > div {
    float: left;
    width: 50%;
}

@media (max-width: 1400px) {
    .page-jfsi .bloc-formation > div {
        width: 100%;
        margin: 10px 0;
    }
}

.page-jfsi .bloc-formation p {
    font: 14px/110% 'museo_sans', arial, sans-serif;
    color: #0D8BA9;
    padding-left: 55px;
    padding-right: 10px;
}

.page-jfsi .bloc-formation .left p {
    padding-top: 10px;
    background: url(../images/jsfi/formateurs.jpg) no-repeat top 0 left 0;
    min-height: 47px;
    margin: 0;
}

.page-jfsi .bloc-formation .right p {
    padding-top: 10px;
    background: url(../images/jsfi/centaines.jpg) no-repeat top 0 left 0;
    min-height: 47px;
    margin: 0;
}

.page-jfsi .plus-infos {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.page-jfsi .plus-infos a {
    font: 14px/110% 'museo_sans', arial, sans-serif;
    padding: 10px 35px;
    background: #0D8BA9;
    color: #FFF;
    border-radius: 3px;
}

/*Page JSFI fin*/

/*FORMULAIRE LANDING PAGE - DÉBUT*/

/*messages d'erreur*/

.alert,
.field-error,
.izeosFormSubmissionError {
    float: left;
    width: 100%;
    color: #E82A17;
    font-size: 14px;
    margin-bottom: 5px;
}

.close {
    display: none;
}

.izeosform .invalid {
    border-color: #E82A17;
}

.form-validate.izeosform .controls input,
.form-validate.izeosform .controls select {
    border: 2px solid #E8E8E8;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px 0 5px 10px;
    background: #fff;
    color: #808080;
    width: 100% !important;
}

.izeosform input.invalid {
    border: 2px solid #E82A17;
}

.izeosform fieldset legend {
    display: none;
}

.izeosform fieldset {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.izeosform .control-group {
    float: left;
    width: 100%;
}

.article-content .izeos-form .form-validate .control-group:nth-child(9) .control-label {
    float: right;
    width: 70%;
    text-align: left;
}

.article-content .izeos-form .form-validate .control-group:nth-child(9) .controls {
    float: right;
    width: 30%;
}

.article-content .izeos-form .form-validate .control-group:nth-child(9) .controls input {
    float: right;
    width: auto !important;
    margin: 8px 10px 0 0;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .control-group:nth-child(9) .control-label {
        display: block !important;
        width: calc(100% - 25px);
    }

    .article-content .izeos-form .form-validate .control-group:nth-child(9) .controls {
        float: left;
        width: 20px;
    }
}

/*colonne centrale*/

.article-content .izeos-form {
    float: left;
    width: 100%;
}

.article-content .izeosform {
    float: left;
    width: 100%;
}

.article-content .izeos-form * {
    box-sizing: border-box;
}

.article-content .izeos-form h1 {
    float: left;
    width: 100%;
    margin: 10px 0;
    background: #EEE;
    border-top: 2px solid #238FA9;
    font-size: 22px;
    line-height: 24px;
    padding: 7px 20px 8px 20px;
}

.article-content .izeos-form .form-validate .control-label {
    float: left;
    width: 30%;
    margin: 0;
    padding: 5px 10px 0 0;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .control-label {
        display: none;
    }

    .article-content .izeos-form .form-validate .control-group {
        float: left;
        width: 100%;
    }
}

.article-content .izeos-form .form-validate .controls {
    float: left;
    width: 70%;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .controls {
        float: left;
        width: 100%;
        position: relative;
    }

    .article-content .izeos-form .form-validate .controls input {
        padding-right: 15px;
    }
}

.article-content .izeos-form .form-validate .controls input::-webkit-input-placeholder {
    color: transparent;
}

.article-content .izeos-form .form-validate .controls input:-moz-placeholder {
    color: transparent;
}

.article-content .izeos-form .form-validate .controls input::-moz-placeholder {
    color: transparent;
}

.article-content .izeos-form .form-validate .controls input:-ms-input-placeholder {
    color: transparent;
}

.article-content .izeos-form .button-submit {
    margin: 0;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .controls input::-webkit-input-placeholder {
        color: #808080;
    }

    .article-content .izeos-form .form-validate .controls input:-moz-placeholder {
        color: #808080;
    }

    .article-content .izeos-form .form-validate .controls input::-moz-placeholder {
        color: #808080;
    }

    .article-content .izeos-form .form-validate .controls input:-ms-input-placeholder {
        color: #808080;
    }
}

.article-content .izeos-form .form-validate .control-group.izeos-checkbox {
    margin: 10px 0;
}

.article-content .izeos-form .form-validate .control-group.izeos-checkbox > .control-label {
    float: right;
    width: 68%;
    text-align: left;
    padding: 0 0 0 10px;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .control-group.izeos-checkbox > .control-label {
        display: block;
        width: calc(100% - 20px);
    }

}

.article-content .izeos-form .form-validate .control-group.izeos-checkbox > .controls {
    float: left;
    position: relative;
    width: 32%;
    height: 40px;
}

@media (max-width: 768px) {
    .article-content .izeos-form .form-validate .control-group.izeos-checkbox > .controls {
        width: 20px;
    }
}


.article-content .izeos-form .form-validate .control-group.izeos-checkbox > .controls input {
    width: auto !important;
    position: absolute;
    top: 3px;
    right: 0;
}

.article-content .izeos-form .form-validate input[type="file"] {
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.article-content .izeos-form .form-validate .control-group.izeos-checkbox > .controls .fieldError_jform_consentement.field-error {
    position: absolute;
    top: 26px;
    right: -120px;
    width: 135px;
    margin: 0;
}

.izeosform .control-group.upload-info {
    width: 70%;
    margin: 0 0 10px 30%;
    font-size: 12px;
}

@media (max-width: 768px) {
    .izeosform .control-group.upload-info {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/*sidebar*/

.sidebar .izeos-form {
    float: left;
    width: 100%;
    background: #fff;
    margin: 20px 0 0 0;
}

.sidebar .izeos-form fieldset {
    float: left;
    width: 100%;
    padding: 10px 20px;
}

.sidebar .izeos-form .text-left {
    float: left;
    width: 100%;
    padding: 20px;
}

.sidebar .izeos-form * {
    box-sizing: border-box;

}

.sidebar .izeos-form h1 {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    background: #EEE;
    border-top: 2px solid #238FA9;
    font-size: 20px;
    line-height: 22px;
    padding: 7px 20px 8px 20px;
}

.sidebar .izeos-form .control-group {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
}

.sidebar .izeos-form .control-label {
    display: none;
}

.sidebar .izeos-form .control-group:nth-child(9) .control-label {
    display: block;
    width: 100%;
    padding-left: 25px;
    text-align: left;
}

.sidebar .izeos-form .controls {
    width: 100%;
    position: relative;
}

.sidebar .izeos-form .control-group:nth-child(9) .controls {
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
}

.sidebar .izeos-form .controls input {
    padding-right: 15px;
}

.sidebar .izeos-form .button-submit {
    margin: 0;
}

.sidebar .izeos-form .text-right {
    text-align: center;
    margin-bottom: 10px;
}

/*FORMULAIRE LANDING PAGE - FIN*/

.tooltip-inner {
    background: #fff;
    padding: 10px;
    border: 1px solid #238FA9;
    position: relative;
}

/*metanav début*/

/*body {*/
/*    padding-top: 30px;*/
/*    position: relative;*/
/*}*/

/*@media (max-width: 1330px) {*/
/*    body {*/
/*        padding-top: 0;*/
/*    }*/
/*}*/

/*body:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    background: #efeeef;*/
/*}*/

/*@media (max-width: 1330px) {*/
/*    body:before {*/
/*        content: normal;*/
/*    }*/
/*}*/

/*#header-gps {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    opacity: 0;*/
/*    transition: opacity 1s;*/
/*}*/

/*.metanav .metanav-header .container {*/
/*    width: 1298px !important;*/
/*}*/

/*@media (max-width: 1330px) {*/
/*    .metanav .metanav-header {*/
/*        display: none;*/
/*    }*/
/*}*/

/*metanav fin*/

#footer .ojd {
    float: left;
    width: 100%;
    text-align: center;
}

#footer .ojd a {
    margin: 20px auto;
    display: inline-block;
}

/*#33217 - début*/

.ad.emplacement-18,
.ad.emplacement-19 {
    margin: 20px auto;
    border: 1px solid #EDEDED;
    border-top: 3px solid #238FA9;
    background: #fff;
    padding-bottom: 10px;
}

.ad.emplacement-18 > div,
.ad.emplacement-19 > div {
    float: left;
    width: 50%;
}

.ad.emplacement-18 h2,
.ad.emplacement-19 h2 {
    float: left;
    width: calc(100% - 60px);
    margin: 10px 20px;
    padding: 10px !important;
    background: #F3FAFB !important;
    text-align: left;

}

.ad.emplacement-18 > div a,
.ad.emplacement-19 > div a {
    margin: 10px 0;
    display: block;
}

.ad.emplacement-18 > *:first-child,
.ad.emplacement-19 > *:first-child {
    display: inline-block;
    padding: 0;
    background: none;
}

/*#33217 - fin*/

/* 33931 Migration AS - début */

.topic-header-aide-soignant {
    margin-bottom: 0;
    background: #FFF url(../images/background/stripe-as.png) repeat 0 0;
}

.topic-header-aide-soignant h2 a img {
    float: none;
    display: block;
    margin: 0 0 0 80px;
}

.bloc-rubric-as {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.bloc-rubric-as * {
    box-sizing: border-box;
}

.bloc-rubric-as *::before,
.bloc-rubric-as *::after {
    box-sizing: border-box;
}

.bloc-rubric-as-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 1300px) {
    .bloc-rubric-as-row {
        flex-direction: column;
        align-items: center;
    }
}

.bloc-rubric-as-row .column {
    width: 31.5%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 20px;
}

@media (max-width: 1300px) {
    .bloc-rubric-as-row .column {
        width: 100%;
        max-width: 300px;
    }
}


.bloc-rubric-as-row .column img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.bloc-rubric-as-row .column .as-rub {
    padding: 5px 10px;
    background: #F5F5F5;
    border-top: 3px solid #CCC;
    font: 22px/120% 'museo_slab', arial, sans-serif;
    margin: 0;
}

.bloc-rubric-as-row .column ul {
    padding: 5px 10px;
}

.partage-as {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.partage-as .share-secc {
    padding: 0 20px;
}

.home-topic .secondary-col .bloc.list-publication-as {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
    border: none;
}

.home-topic .secondary-col .bloc.list-publication-as *::before,
.home-topic .secondary-col .bloc.list-publication-as *::after {
    box-sizing: border-box;
}

.home-topic .secondary-col .bloc.list-publication-as > h1.bloc-title {
    margin-bottom: 20px;
    padding: 5px 10px;
    background: #F5F5F5;
    border-top: 3px solid #CCC;
}

.secondary-col .toolbar.toolbar-new .comment {
    display: inline-block;
    float: left;
}

.secondary-col .toolbar.toolbar-new ul.m-list-inline {
    display: inline-block;
    float: left;
    margin: 0 !important;
    padding-top: 6px;
}

.secondary-col .toolbar.toolbar-new ul.m-list-inline li {
    line-height: 28px;
}

.secondary-col .toolbar.toolbar-new .fb-like.fb_iframe_widget {
    float: left;
    padding: 0;
    margin-top: -5px;
}

.bloc-menu-as {
    display: block;
    width: 100%;

}

.bloc-menu-as img {
    width: 150px;
    display: inline-block;
}

.submenu#submenu-nos-collegues section:nth-child(1),
.submenu#submenu-nos-collegues section:nth-child(3),
.submenu#submenu-nos-collegues section:nth-child(4) {
    width: 16.6666666%;
}

.submenu#submenu-nos-collegues section:nth-child(2) {
    width: 34%;
}

.share-toolbar * {
    box-sizing: border-box;
}

.share-toolbar {
    float: left;
    width: 100%;
    color: #808080;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    font-size: 13px;
    box-sizing: border-box;
}

.share-toolbar .m-list-inline {
    margin: 0 !important;
    padding: 10px 20px;
    float: left;
}

.secondary-col > header .share-toolbar .m-list-inline li,
.share-toolbar .m-list-inline li {
    float: left;
    width: auto;
}

.secondary-col > header .share-toolbar .m-list-inline li:nth-child(1),
.share-toolbar .m-list-inline li:nth-child(1) {
    padding-top: 5px !important;
}

.secondary-col > header .share-toolbar .m-list-inline li:nth-child(6),
.share-toolbar .m-list-inline li:nth-child(6) {
    padding-top: 3px !important;
}

.article-home-as,
.article-home-as * {
    box-sizing: border-box;
}

.article-home-as {
    margin-top: -20px;
}

.article-home-as h1 {
    font: 30px/120% 'museo_slab', Arial, sans-serif;
    margin: 10px 0;
}

.article-home-as .chapo {
    clear: both;
    font-size: 17px;
    line-height: 130%;
    margin: 20px 0;
}

.article-home-as-content {
    float: left;
    width: 100%;
    padding: 0 3%;
}

.toolbar.toolbar-new .share-toolbar {
    width: auto;
    border: none;

}

.toolbar.toolbar-new .share-toolbar .m-list-inline li:nth-child(1),
.toolbar.toolbar-new .share-toolbar .m-list-inline li:nth-child(6) {
    padding-top: 0 !important;
}


.secondary-col .bloc.bloc-as-hp {
    border-color: #db0f6a;
}

.secondary-col .bloc.bloc-as-hp h1 {
    font: 22px/110% 'museo_slab', arial, sans-serif;
    background: url(../images/home/picto-as.png) no-repeat top 7px left 0;
    padding: 10px 0 15px 40px;
    margin: 0;
}

.submenu .item-formation a {
    display: block;
    padding: 10px 0 3px 35px;
    background: url(../images/home/picto-formation.jpg) no-repeat top 8px left 0;
}

/* 33931 Migration AS - fin */

/*Refs #34521 Bannière mega qui ne s'adapte pas à la largeur d'écran. - début */

.ad img{
    max-width: 100%;
    height: auto;
}

/*Refs #34521 Bannière mega qui ne s'adapte pas à la largeur d'écran. - fin */

.article-content #sas_divAbs_9717966  img{
    max-width: none !important;
}

#navigation-menu .item-boutique{
    display: none;
}

body[data-device-mode="phone"] .pave-display-first img,
body[data-device-mode="phone"] .pave-display-last img{
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    float: none !important;
}

/*Refs #36565 Rubrique podcast - début */
.bloc-video .bloc-title-picto.bloc-title-picto-podcast {
    background: url(../images/home/podcast.jpg) no-repeat top 4px left 0;
}
/*Refs #36565 Rubrique podcast - fin */