.imgchapitreb:hover {
    transform: rotate(15deg) scale(.8);
    transition: .3s ease-in-out;
}

.imgchapitrerond:hover {
    border-radius: 5%;
}

a {
    text-decoration: inherit;
}

.last {
    padding-bottom: 8px;
}

.fichiers {
    height: 200px;
}

.pub {
    margin-top: auto;
}

.b {
    margin-bottom: 3%;
}

.millieupage {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    padding-top: 0px;
}

.blocimgtxtrond {
    float: left;
    width: 33.333%;
    text-align: center;
    display: block;
}

@media (max-width: 560px) {
    .blocimgtxtrond {
        width: 50%;
    }
}

@media (max-width: 330px) {
    .blocimgtxtrond {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .rapide {
        width: 100% !important;
    }
}

@media (max-width: 560px) {
    .rapideb {
        width: 50% !important;
    }
}

@media (max-width: 330px) {
    .rapideb {
        width: 100% !important;
    }
}

@media (max-width: 330px) {
    .rapidec {
        width: 50% !important;
    }
}

.bloctxtrond {
    background-color: rgb(0, 56, 136);
    font-family: acumin-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: white;
    padding-bottom: 3.5px;
    padding-top: 3.5px;
    border-radius: 50%;
    width: 80%;
    border: none;
    text-align: center;
    transition: all 0.5s;
    margin: auto;
}

@media (max-width: 1450px) {
    .bloctxtrond {
        border-radius: 15px;
    }
}

@media (max-width: 1100px) {
    .bloctxtrond {
        width: 90%;
    }
}

@media (max-width: 810px) {
    .bloctxtrond {
        font-size: 13px;
        padding-top: 1.5px;
    }
}

@media (max-width: 720px) {
    .bloctxtrond {
        font-size: 12.5px;
        padding-top: 1.5px;
    }
}

@media (max-width: 560px) {
    .bloctxtrond {
        padding-top: 3.5px;
        width: 75%;
    }
}

@media (max-width: 460px) {
    .bloctxtrond {
        width: 85%;
    }
}

@media (max-width: 400px) {
    .bloctxtrond {
        font-size: 11.5px;
    }
}

@media (max-width: 370px) {
    .bloctxtrond {
        width: 95%;
    }
}

@media (max-width: 330px) {
    .bloctxtrond {
        font-size: 10px;
    }
}

.imgchapitrerond {
    width: 90%;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: rgb(255, 204, 0);
}

.blocimgtxt2rondb {
    width: 75%;
    margin: auto;
    border-radius: 4px;
}

.blocimgtxt2rondad {
    width: 80%;
    margin: auto;
    border-radius: 4px;
}

@media (max-width: 1300px) {
    .blocimgtxt2rondad {
        width: 100%;
    }
}

@media (min-width: 2750px) {
    .blocimgtxt2rondb {
        width: 89%;
    }
}

@media (max-width: 1200px) {
    .blocimgtxt2rondb {
        width: 90%;
    }
}

@media (max-width: 900px) {
    .blocimgtxt2rondb {
        width: 80%;
    }
}

@media (max-width: 650px) {
    .blocimgtxt2rond {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .blocimgtxt2rondb {
        width: 92%;
    }
}

@media (max-width: 330px) {
    .blocimgtxt2rondb {
        width: 50%;
    }
}

.fond {
    padding: 1%;
    margin-top: 2%;
}

.interet {
    font-size: 20px;
}

.footer_banner {
    margin-top: 0px;
}

.textdiv {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-right: 8px;
    margin-bottom: 4%;
    padding-top: 8px;
    display: flow-root;
}

.imgdownload {
    width: 20px;
    float: left;
    margin-right: 10px;
}

.textb {
    padding-right: 3%;
    text-align: justify;
}

@media (max-width: 1000px) {
    .textb {
        padding-left: 3%;
    }
}

.titre1 {
    width: 30%;
}

@media (max-width: 1000px) {
    .titre1 {
        display: none;
    }
}

.savoirplus {
    text-align: left;
    color: rgb(0, 56, 136);
}

.bloctxtspan {
    padding: 5%;
    padding-top: 5%;
}

.bloctxt {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.blocimgtxt2 {
    width: 80%;
    box-shadow: initial;
    border-radius: initial;
}

.blocimgtxt {
    width: 25%;
    padding-top: 20px;
}

@media (max-width: 1300px) {
    .blocimgtxt {
        width: 50%;
    }
}

.marge {
    margin-bottom: 4%;
}

.bloctxt {
    white-space: initial;
    position: relative;
    min-height: 55px;
}

.bloctxtspan {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

body {
    background-image: linear-gradient(white, #ccc, rgb(0, 56, 136));
}

.imgchapitrerond {
    background-color: #CCCCCC;
}

.button {
    border: 2px solid #FFFFFF;
}

.tableau {
    width: 100%;
    margin-bottom: 1%;
}

.imgchapitre:hover {
    transform: initial;
    transition: initial;
}

.tableaub {
    width: 70%;
    margin: auto;
}

.colonneteabb {
    width: 50%;
}

.jaune {
    background-color: yellow;
}

.vert {
    background-color: green;
}

.orange {
    background-color: orange;
}

.orangeb {
    background-color: rgb(255, 102, 0);
}

.rouge {
    background-color: red;
}

.noir {
    background-color: black;
    color: white;
}

.durete {
    color: #003888;
    font-size: 20px;
    font-weight: bold;
}

.blocimgtxt2:hover {
    cursor: auto;
    background-color: initial;
}

.imgchapitrerondb {
    width: 95%;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.savoirplusdiv {
    margin-top: 2%;
}

.blocimgtxtrond {
    margin-bottom: 3%;
}

.titrenoir {
    color: white;
}

.imgchapitrerond {
    background-color: transparent;
}

.bloctxtrondnew {
    background-color: #003888;
    font-family: acumin-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    padding-bottom: 3.5px;
    padding-top: 3.5px;
    border: none;
    text-align: center;
    transition: all .5s;
    margin: auto;
    border-radius: initial;
    width: 95%;
    text-transform: uppercase;
}

.bloctxtrond {
    border-style: double;
    background-color: transparent;
}

@media (min-width: 1000px) {
    .blocimgtxt2:hover span {
        padding-right: auto;
    }
}

@media (min-width: 1000px) {
    .blocimgtxt2:hover span:after {
        opacity: unset;
        right: unset;
    }
}

@media (min-width: 1000px) {
    .blocimgtxt2 span {
        cursor: auto;
        display: inline-block;
        transition: 0s;
    }
}

@media (min-width: 1000px) {
    .blocimgtxt2 span:after {
        content: none;
        position: initial;
        opacity: 0;
        top: 0;
        right: 0px;
        transition: 0s;
    }
}

.blocimgtxt2 {
    background-color: transparent;
}

.bloctxt {
    cursor: initial;
}

.imgchapitre {
    width: 100%;
}

@media (min-width: 1000px) {
    .titresmallecran {
        display: none;
    }
}

@media (max-width: 1000px) {
    img.imgdownload {
        padding-left: 5%;
    }
}

@media (max-width: 1040px) {
    .parent {
        text-align: center;
    }
}

@media (max-width: 1040px) {
    .titreprimaire {
        text-align: justify;
    }
}

@media screen and (min-width: 565px) and (max-width: 900px) {
    .titrepad {
        padding-left: 7%;
        padding-right: 7%;
    }
}

.slo {
    text-align: center;
    color: rgb(255, 102, 0);
}