/* Ce fichier a été copié depuis le projet Commun. */
/* Ne pas éditer ce fichier directement; l'éditer depuis le projet Commun. */

#page.accueil, #page.accueil #pageDynamique, #page.accueil .boite .texte {
    overflow-y: visible !important;
    overflow-x: hidden;
}

#pageDynamique .grandTitreAccueil {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
}

#pageDynamique .titreAccueil {
    font-weight: 800;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
}

#pageDynamique .titreAccueil.orange {
    color: #FFAD37;
}

#pageDynamique .titreAccueil.bleu {
    color: #486FA9;
}

#pageDynamique .descriptionAccueil {
    color: #969696;
    font-size: 16px;
    line-height: 21px;
    width: 400px;
}

#pageDynamique .bouton a:hover {
    text-decoration: none;
}

#pageDynamique .bouton button {
    padding: 10px;
    background-color: #486FA9;
    border: 1px solid #486FA9;
    cursor: pointer;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
}

#pageDynamique .bouton button:hover {
    background-color: #36527D;
    border-color: #36527D;
}

#pageDynamique .bouton.orange button {
    background-color: #FFAD37;
    border-color: #FFAD37;
    color: #000000;
}

#pageDynamique .bouton.orange button:hover {
    background-color: #E68600;
    border-color: #E68600;
}

#pageDynamique .bouton.vert button {
    background-color: #9DB33A;
    border-color: #9DB33A;
    color: #000000;
}

#pageDynamique .bouton.vert button:hover {
    background-color: #76872C;
    border-color: #76872C;
}

#pageDynamique .pastille {
    cursor: pointer;
    text-align: center;
    width: 158px;
    height: 158px;
    background-color: #D9E1F0;
    border: 1px solid #D9E1F0;
    border-radius: 20px;
    float: left;
    box-shadow: 3px 3px 5px 0px rgba(153,153,153,0.77);
}

#pageDynamique .pastille.orange {
    background-color: #FFCA80;
    border-color: #FFCA80;
}

#pageDynamique .pastille .iconeConteneur {
    padding: 10px 51px;
}

#pageDynamique .pastille a {
    color: #000000;
}

#pageDynamique .pastille a:hover {
    text-decoration: none;
}

#pageDynamique .pastille p {
    font-size: 12px;
    line-height: 16px;
}

#pageDynamique .pastille .texteSeul {
    width: 100px;
    margin: 34px 0 0 29px;
    font-size: 24px;
    line-height: 30px;
    color: #4D4D4D;
}

#pageDynamique .arrierePlanPleineLargeur {
    background-color: #FBFBFB;
    position: relative;
    width: calc((100vw + 10px) - ((100vw - 1000px + 20px)/2)) !important;
    margin-right: -10px;
    left: calc((100vw - 1000px + 20px)/-2);
    padding-left: calc((100vw - 1000px + 20px)/2) !important;
}

#pageDynamique #servicesOfferts {
    min-width: 1000px;
}

#pageDynamique #servicesOfferts .pastille.hautGauche,
#pageDynamique #servicesOfferts .pastille.hautDroite,
#pageDynamique #servicesOfferts .pastille.basGauche,
#pageDynamique #servicesOfferts .pastille.basDroite {
    margin-top: 20px;
    margin-bottom: 0;
}

#pageDynamique #servicesOfferts .pastille.hautGauche:hover,
#pageDynamique #servicesOfferts .pastille.hautDroite:hover,
#pageDynamique #servicesOfferts .pastille.basGauche:hover,
#pageDynamique #servicesOfferts .pastille.basDroite:hover {
    margin-top: 15px;
    margin-bottom: 5px;
}

#pageDynamique #servicesOfferts .pastille.hautCentre,
#pageDynamique #servicesOfferts .pastille.basCentre {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
}

#pageDynamique #servicesOfferts .pastille.hautCentre:hover,
#pageDynamique #servicesOfferts .pastille.basCentre:hover {
    margin-top: -5px;
}

#pageDynamique #pourquoiAdherer .pastille.hautGauche {
    margin-left: 80px;
}

#pageDynamique #pourquoiAdherer .pastille.hautGauche:hover {
    margin-left: 85px;
}

#pageDynamique #pourquoiAdherer .pastille.hautGauche:hover + div,
#pageDynamique #pourquoiAdherer .pastille.basGauche:hover + div {
    margin-left: 15px;
}

#pageDynamique #pourquoiAdherer .pastille.hautDroite {
    margin-left: 20px;
}

#pageDynamique #pourquoiAdherer .pastille.hautDroite:hover,
#pageDynamique #pourquoiAdherer .pastille.basDroite:hover {
    margin-left: 25px;
}

#pageDynamique #pourquoiAdherer .pastille.basGauche {
    margin: 20px 0 0 50px;
}

#pageDynamique #pourquoiAdherer .pastille.basGauche:hover {
    margin-left: 55px;
}

#pageDynamique #pourquoiAdherer .pastille.basDroite {
    margin: 20px 0 0 20px;
}

#pageDynamique .coopChiffres {
    margin-bottom: 20px;
    overflow: hidden;
}

#pageDynamique .coopChiffres .leNombre {
    width: 80px;
    float: left;
    text-align: right;
    padding-right: 20px;
    font-size: 55px;
    line-height: 55px;
    letter-spacing: -10px;
    color: #486FA9;
}

#pageDynamique .coopChiffres .leNombre.orange {
    color: #FFAD37;
}

#pageDynamique .coopChiffres .leNombre.vert {
    color: #9DB33A;
}

#pageDynamique .coopChiffres .leTexte {
    width: 400px;
    float: left;
}

#pageDynamique .coopChiffres .leTexte .description {
    color: #969696;
    margin-top: -10px;
}