body.node-type-formation-libre div#main {
    width: 100%;
    margin: 0;
    padding: 0;
}
.fl-main {
    width: 100%;
}
.fl-large {
    width: 96%;
    margin: 0 2%;
}
.fl-center,
body.node-type-formation-libre div#main div#content h1,
body.node-type-formation-libre div#main div#content ul.tabs.primary {
    width: 96%;
    max-width: 940px;
    margin: auto;
}
body.node-type-formation-libre div#main div#content ul.tabs.primary {
    margin: 10px auto;
}
body.node-type-formation-libre div#fl-banniere img {
    width: 100%;
}
div#fl-structure,
div#fl-structure-boutons {
    background-color: #f1f1f1;
}
div#fl-structure {
    padding-bottom: 40px;
}
div#fl-structure > div,
div#fl-structure-boutons > div {
    display: table;
    width: 100%;
    float: none;
}
div#fl-structure div.bloc,
div#fl-structure-boutons div.bloc {
    /*width: -moz-calc(84% / 3);*/
    width: 28%;
    display: table-cell;
    font-size: 12px;
    line-height: 20px;
    color: white;
    text-align: center;
    padding: 2%;
    background-color: #003a56;
    /*border-spacing: 2%;*/
}
div#fl-structure div.bloc-inner,
div#fl-structure-boutons div.bloc-inner {
    display: table-cell;
    width: 2%;
}
div#fl-structure div.bloc div.title,
div#fl-structure div.bloc div.contacter,
div#fl-structure-boutons div.bloc div.title,
div#fl-structure-boutons div.bloc div.contacter {

}
div#fl-structure div.bloc div.icone img,
div#fl-structure-boutons div.bloc div.icone img {
    margin: 0;
}
div#fl-structure div.bloc div.titre,
div#fl-structure-boutons div.bloc div.titre {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin: 0 16% 4% 16%;
    height: 40px;
}
div#fl-structure div.fl-center,
div#fl-structure-boutons div.fl-center {
    width: 96%;
    padding: 0 2%;
}
div#fl-themes {
    margin-bottom: 2%;
}
div.fl-buttons {
    overflow: hidden;
}
div#fl-structure-boutons div.title,
div#fl-structure div.title,
div#fl-themes div.title {
    font-weight: normal;
    font-size: 25px;
    color: #009ca6;
    padding: 30px 0;
    text-align: center;
    font-weight: bold;
}
div#fl-structure div.contacter,
div#fl-structure div.candidature,
div#fl-structure-boutons div.contacter,
div#fl-structure-boutons div.candidature {
    width: 100%;
    max-width: 940px;
    display: block;
    text-align: center;
    margin: auto;
    text-align: center;
}
div#fl-structure div.candidature,
div#fl-structure-boutons div.candidature {
    margin-right: 0;
    margin-left: 1%;
    text-align: left;
}
div#fl-structure div.contacter a:nth-child(1),
div#fl-structure-boutons div.contacter a:nth-child(1) {
    margin-right: calc(2% - 2px);
}
div#fl-structure div.contacter a,
div#fl-structure div.candidature a,
div#fl-structure-boutons div.contacter a,
div#fl-structure-boutons div.candidature a {
    /*width: calc(72% - 4%);*/
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2.8%;
    margin: 4% auto;
    background-color: #009ca6;
    color: white;
    font-weight: bold;
}
div#fl-structure div.contacter a:hover,
div#fl-structure div.candidature a:hover,
div#fl-structure-boutons div.contacter a:hover,
div#fl-structure-boutons div.candidature a:hover,
div#fl-themes ul li a:hover,
div#themes aside div.contact a:hover,
div#themes ul li:hover {
    opacity: 0.75;
}
div#fl-themes ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
div#fl-themes ul li {
    width: calc(96%/3);
    margin: 1% 0;
    display: inline-block;
    position: relative;
}
div#fl-themes ul li img {
    width: 100%;
}
div#fl-themes ul li:nth-child(2),
div#fl-themes ul li:nth-child(5) {
    margin-left: 2%;
    margin-right: 2%;
}

div#themes {
    width: 100%;
    font-size: 0;
}
div#themes aside {
    width: 25%;
    padding-right: 2%;
    float: left;
}
div#themes section#articles {
    width: 73%;
    display: inline-block;
    font-size: 0;
}
div#themes section.articles,
div#themes aside {
    display: inline-block;
    font-size: initial;
}
div#themes aside div.contact {
    margin-bottom: 2%;
}
div#themes aside div.contact a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7% 0%;
    margin: 4% auto;
    background-color: #009ca6;
    color: white;
    font-weight: bold;
}
div#themes aside div.title {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5% 0%;
    margin: 0 auto 4% auto;
    background-color: #002d43;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 3px;
    border-radius: 5px;
    border-top-right-radius: 3px;
}
div#themes ul {
    list-style-type: none;
    margin: 5% 0;
    padding: 0;
}
div#themes ul li {
    width: 90%;
    padding: 3% 5%;
    margin: 0 0 2% 0 !important;
    background-color: #efefef;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 3px;
    border-radius: 5px;
    border-top-right-radius: 3px;
    font-size: 15px;
    color: #333333;
    cursor: pointer;
}
div#themes ul li.active {
    background-color: #009ca6;
    color: white;
}
div#themes ul li p {
    margin: 0;
    padding: 0;
}
div#themes ul li p.date {
    font-weight: bold;
}
div#themes section#articles article {
    display: none;
    font-size: 16px;
    font-size: initial;
}
div#themes section#articles article.active {
    display: block;
}
div#themes section#articles h2.titre {
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 2%;
}
div#themes section#articles h2.titre span.date {
    color: #002d43;
}
div#themes section#articles h2.titre span.texte {
    color: #009ca6;
}
div#themes section#articles div.encart {
    border: 1px solid #c3c3c3;
    padding: 1%;
    margin-bottom: 3%;
    overflow: hidden;
    font-size: 0;
}
div#themes section#articles div.encart div.photo {
    width: 21%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}
div#themes section#articles div.encart div.photo img {
    width: 100%;
}
div#themes section#articles div.encart div.infos {
    width: 77%;
    padding-left: 2%;
    display: inline-block;
    vertical-align: middle;
    font-size: initial;
}
div#themes section#articles div.encart div.infos div.nom {
    font-size: 20px;
    color: #003a56;
    font-weight: bold;
}
div#themes section#articles div.encart div.infos div.description > p {
    margin: 0;
}
div#themes section#articles div.banniere,
div#themes section#articles div.banniere img {
    width: 100%;
}


@media all and (max-width: 600px) {
    div#fl-structure div.contacter a {
        width: 100%;
        padding: 4% 0;
    }
    div#fl-structure {
        width: 96%;
        padding: 0 2%;
    }
    div#fl-structure div.fl-center {
        width: 96%;
        padding: 0;
        margin: 0;
    }
    div#fl-structure div.bloc-inner {
        width: 100%;
        height: 10px;
        display: block;
    }
    div#fl-structure div.bloc {
        width: 100%;
        display: block;
    }
    div#fl-themes ul li {
        width: calc(96%/2);
        margin: 1% 0;
        display: inline-block;
    }
    div#fl-themes ul li img {
        width: 100%;
    }
    div#fl-themes ul li:nth-child(odd) {
        margin-left: 0;
        margin-right: 2%;
    }
    div#fl-themes ul li:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }
    body.node-type-formation-libre div#block-college-polytechnique-homepage-footer div.homepage-footer-images ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        float: none;
        margin-bottom: 2%;
    }
    body.node-type-formation-libre div#block-college-polytechnique-homepage-footer div.homepage-footer-images ul li a,
    body.node-type-formation-libre div#block-college-polytechnique-homepage-footer ul li img,
    body.node-type-formation-libre div#block-college-polytechnique-homepage-footer ul li p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    div#block-college-polytechnique-homepage-footer {
        height: auto;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content h3.title {
        width: 100%;
        text-align: center;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content a {
        width: 100%;
        margin-left: 2%;
        margin-right: 0;
        padding: 0;
        display: block;
    }
    div#themes section.articles,
    div#themes aside,
    div#themes section#articles {
        width: 100%;
        display: block;
        float: none;
    }
    div#themes aside div.title,
    div#themes aside > ul,
    div#themes aside div.contact a {
        margin: 0;
    }
    div#themes aside > ul {
        margin-top: 2%;
    }
    div#themes section#articles {
        margin-top: 5%;
    }
}