@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");


.titre_page_aide:first-child {
    margin-top: 0px;
}

.titre_page_aide {
    text-align: left;
    color: #343b6f;
    font-size: 45px;
}

.soustitre_page_aide {
    text-align: left;
    color: #343b6f;
    font-size: 45px;
}

.texte_page_aide {
    font-size: 14px;
}

.texte_page_aide p {
    width: 100%;
}

.texte_page_aide a:hover {
    color: #4c6ef5 !important;
}

.texte_page_aide img {
    width: 120px;
}

.texte_page_aide video {
    max-width: 100%;
}

#image_mac_aide {
    width: auto;
    max-width: 100%;
}

#bloc_aide {
    padding-bottom: 25px;
}

#bloc_menu_aide a {
    text-decoration: none;
    width: 100%;
}

.lien_menu_aide {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    background-color: #9aadbf;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sous_menu_aide {
    background-color: #e5edf7;
    text-align: left;
    color: rgba(0,0,0,.5);
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 5px solid #e5edf7;
    font-size: 12px;
}

.sous_menu_aide i {
    margin-right:20px;
}

.sous_menu_aide_actif {
    background-color: #fff;
    border-bottom: 5px solid #41BF53;
}

.sous_menu_aide:hover {
    background-color: #fff;
    border-bottom: 5px solid #41BF53;
}

/*** PAGE AIDE ***/
#bloc_menu_aide {
    max-height: 550px !important;
}

.pagination-oxilia nav {
    margin: 0 auto;
}

#bloc_texte_aide {
    margin-top: 20px;
    color: #9aadbf;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 50px;
}

#bloc_texte_aide img {
    max-width: 100%;
}

#bloc_texte_page {
    color: #9aadbf;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 50px !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
}

#btn_voir_offre {
    background: #4ab63e;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    width: 60%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 9px 20px;
    margin-bottom: 20px !important;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#btn_voir_offre:hover {
    background: #2f8926;
    color: #ffffff;
    text-decoration: none;
}

.titre_page_aide:first-child {
    margin-top: 0px;
}

.titre_page_aide {
    text-align: left;
    color: #343b6f;
    font-size: 45px;
}

.soustitre_page_aide {
    text-align: left;
    color: #343b6f;
    font-size: 45px;
}

.texte_page_aide {
    font-size: 14px;
}

.texte_page_aide p {
    width: 100%;
}

.texte_page_aide a:hover {
    color: #4c6ef5 !important;
}

.texte_page_aide img {
    width: 120px;
}

.texte_page_aide video {
    max-width: 100%;
}

#image_mac_aide {
    width: auto;
    max-width: 100%;
}

#bloc_aide {
    padding-bottom: 25px;
}

#bloc_menu_aide a {
    text-decoration: none;
    width: 100%;
}

.lien_menu_aide {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    background-color: #9aadbf;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sous_menu_aide {
    background-color: #e5edf7;
    text-align: left;
    color: rgba(0,0,0,.5);
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 5px solid #e5edf7;
    font-size: 12px;
}

.sous_menu_aide i {
    margin-right:20px;
}

.sous_menu_aide_actif {
    background-color: #fff;
    border-bottom: 5px solid #41BF53;
}

.sous_menu_aide:hover {
    background-color: #fff;
    border-bottom: 5px solid #41BF53;
}

.bloc_attention {
    font-weight: bold;
    font-size: 14px;
}
/*** PAGE AIDE ***/

.container img {
    max-width: 100%;
}

.bloc_partenaire {
    margin-top: 30px;
}
.bloc_partenaire img {
    height: 50px;
}
.fa-newspaper {
    font-size: 50px;
}
.container-fluid {
    padding-right: 45px;
    padding-left: 45px;
}
.container.separator {
  padding: 50px 0px;
}

.container.services {
  margin-top: 100px;
}

.row.icones {
  margin-top: 50px;
  margin-bottom: 50px;
}












#cible {
    text-align: center;
    background: url(../img/aide-handicape.webp) right no-repeat;
    background-size: contain;
    margin-top: -200px;
    color: #343b6f;
}
#cibles {
    text-align: center;
    margin-top: 60px;
    padding-bottom: 100px;
}
#cibles .col-md-4 {
    margin-bottom: 10px;
}
#assurance {
    background: url(../img/vague-fond.jpg) right no-repeat;
    background-size: cover;
    padding: 50px 0px;
}
#entete {
    background: url(../img/degrade.jpg) top no-repeat;
    background-size: cover;
    text-align: left;
    color: #343b6f;
}
#contenu {
    padding-top: 100px;
}
#entete .container-fluid, #enteteservice .container-fluid {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 90%;
}
#entete .container-fluid .row {
    border-style: none;
    height: 650px;
}
#enteteservice .container-fluid .row {
    border-style: none;
    height: auto;
}
#commentcamarche {
    margin-top: 50px;
    background: url(../img/oxilia-comment-ca-marche.png) left center no-repeat;
    background-size: contain;
    text-align: left;
    color: #343b6f;
}
#commentcamarche p {
    padding-left: 120px;
    width: 100%;
    min-height:100px;
}
#etapes p {
    padding-left:48px;
}
p.accroche {
    text-align: left;
    font-size: 20px;
    color: #343b6f;
}
p.citation {
    text-align: left;
    font-size: 18px;
    color: #343b6f;
}
p.citation i {
    border-color: #81d323;
    color: #81d323;
    font-size: 25px;
    margin-right: 10px;
}
.icones {
    margin-bottom: 10px;
}
#assuranceservice .mise-en-place {
    margin: 0px auto 50px;
}
.titresection {
        padding-top:50px;

    padding-bottom:50px;
    text-align:center;
}
#assuranceservice .row, #assurance .row {
    margin: 0px 0px 50px;
}
.fa-link {
    color: #81d323;
    font-size: 20px;
}
img.icone {
    margin: 0px 10px 0px 0px;
}
.list-unstyled, .list-unstyled a{
    text-align: left;
    color: #343b6f;
}
.action {
    margin: 50px 0px 25px;
}
footer {
    background: url(../img/fond-footer.webp) top no-repeat;
    background-size: cover;
    background-color: #ffffff;
    padding-top: 100px;
}
#liensfooter{
    margin-top:50px;
}
.copyright {
    background-color: #343b6f;
    padding: 0;
    height: 50px;
}
.copyright p {
    color: #ffffff;
    padding: 10px;
}
#equipe {
    margin-top: -350px;
    padding-top: 400px;
    background: url("../img/oxilia-aide-a-domicile.jpg") bottom left no-repeat;
}
.nomeequipe {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 600;
}
.feuilleliste {
    margin-right: 20px;
    margin-top: 10px;
}
#etapes {
   margin-top: 100px;
   text-align: left;
}
.imgetape {
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (max-width: 1200px) {
    #entete {
    background: url(../img/degradé.jpg) center no-repeat;
    background-size: contain;
    }
    p.accroche {
    font-size: 20px;
}
    h1 {
    font-size: 36px;
}
    h1.blanc {
    font-size: 30px;
}
    .slogan {
    font-size: 20px;
}
    #etapes {
    margin-top: 150px;
}
    #assurance {
    padding-top: 300px;
    background: none;
}
    #cible {
    text-align: center;
    background: none;
    background-size: contain;
    margin-top: 0px;
    color: #343b6f;
}
    .container.services {
    margin-top: 50px;
}
    .section1 {
    padding-top: 15%;
    padding-bottom: 15%;
}
    .section1_landing {
    padding-top: 15%;
    padding-bottom: 15%;
}
}
@media (max-width: 640px) {
    .section1 {
    padding-top: 50px;
    height: auto;
    }
    .section1_landing {
    padding-top: 50px;
    height: auto;
    }
    .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
button.tarif {
    font-size: 21px;
}
    #video-fond {
    margin: 20px auto;
    }

    .slogan {
    font-size : 18px;
    }
    h1.blanc, h1 {
    font-size: 35px;
    }
    #cible, #assurance {
    margin-top: 0px;
    background: none;
    padding-top:0px;
    padding-bottom:50px;
    }
    #index #assurance, #assuranceservice {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
    background: none;
    }
    #entete, #commentcamarche {
    background: none;
    }
    #entete .container-fluid {
    width: 100%;
    padding-top: 30px;
        padding-bottom:0;
    }

    #entete .container-fluid .row {
    height: auto;
    padding-top:20px;
    }
    #etapes {
    margin-top: 0px;
    }
    #etapes .col-md-5 {
        padding-bottom:30px;
    }
    .stape {
        width:90%;
        margin:0 auto;
    }
    .mise-en-place {
    margin: 50px auto;
    }
    .container.services {
    margin-top: 50px;
    }
    footer {
    padding-top: 50px;
    }
}