/*
html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

body {
    font-size: 100%;
    cursor: default;
    font-family: 'Roboto', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}
*/

/* ****************************** */
/* == fonts                       */
/* ****************************** */
/*
.logo span,
.section-one-two-three-four p,
.page-quand p,
.page-faq p,
.contacter-container h3,
.menu-cgu ol,
.page-cgu-menu-list h2 span,
.page-cgu-menu-list p,
footer {
    font-family: 'Roboto', sans-serif;
}
*/
/*
.logo span,
footer {
    font-weight: 400;
}
*/
/*.section-one-two-three-four p,*/
.page-quand b,
.page-faq b,
.contacter-container h3,
.menu-cgu ol /*,
footer b */ {
    font-weight: 700;
}
/*
.logo span {
    font-size: 1em;
}
*/
/*
.nav-list li a,
.section-one-two-three-four h2 {
    font-family: 'Patua One', cursive;
}
*/
/*
.nav-list li a { 
    text-transform: uppercase;
    letter-spacing: .025em;
}
*/
/*h1,*/
.page-quand h2,
.page-quand-list-2 li:last-child p,
.page-faq h2,
.page-cgu-menu-list h2 {
    font-family: 'Lobster', cursive;
}

.page-quand li p,
.page-faq li p,
.page-cgu-menu-list p {
    text-align: justify;
    line-height: 1.25em;
}

.menu-cgu ol {
    line-height: 1.25em;
}

.page-quand-list-2 li:last-child p {
    font-size: 1.5em;
    text-align: left;
}

.page-quand-list-2 li:last-child b {
    font-size: 1.25em;
}

.page-faq h2,
.page-cgu-menu-list li h2 {
    font-size: 1.5em;
}

.page-faq h2 {
    line-height: 1.2em;
}

/*h1,*/
.page-quand h2,
.page-faq .contacter-container p,
.page-faq .contacter-container h3 {
    text-align: center;
}
/*
.titre-home {
    font-size: 1.85em;
    line-height: 1.15em;
}
*/
.titre-faq {
    font-size: 2.25em;
}
/*
.section-one-two-three-four p {
    font-size: 1.0625em;
}
*/
.page-quand h2 {
    font-size: 1.75em;
    padding: 0 20px;
    margin-bottom: 15px;
}

.page-cgu-menu-list h2 span {
    font-style: italic;
}

.page-cgu-menu-list p {
    text-align: justify;
}
/*
footer {
    text-align: center;
    font-size: .8em;
    font-style: italic;
}

footer ul {
    padding: 45px 0;
}

footer a {
    text-decoration: none;
}
*/

/* ****************************** */
/* == couleurs                    */
/* ****************************** */
/* #828282 #c5f4ff #23afc8 #05829c #ffebca #333333 #606060 #ae2819 #a61c18 #9f0f18 #f2f2f2 #d3d600 */
/*
header {
    background: #ffffff;
}

.logo span {
    color: #05829c;
}

.nav-list li a {
    color: #828282;
}
*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae2819+0,9f0f18+99 */
/*
.top-page {
    background: #a61c18;
}

h1 {
    color: #ffebca;
}

h1 b {
    color: #ffffff;
}

h1 span {
    color: #23afc8;
}
*/
.page-quand h2 {
    color: #23afc8;
}
/*
.page {
    background: #f2f2f2;
}
*/
/*
.section-one-two-three-four h2 {
    color: #ffffff;
    background: #23afc8;
}
*/
/*.section-one-two-three-four p,*/
.page-quand p,
.contacter-container h3,
.contacter-container p,
.menu-cgu span,
.page-cgu-menu-list h2 span,
/*footer,
footer a*/ {
    color: #606060;
}

.page-faq p {
color: #333333;
}

.page-quand-list-2 li:last-child p {
    color: #05829c;
}

.page-quand-list-2 li:last-child p span {
    color: #ae2819;
}

.page-faq-list-1 li:nth-child(odd) h2,
.page-faq-list-2 li:nth-child(even) h2 {
    color: #23afc8;
}

.page-faq-list-1 li:nth-child(even) h2,
.page-faq-list-2 li:nth-child(odd) h2 {
    color: #05829c;
}

.contacter-container {
    background: #ffffff;
}

.btn-contacter {
    color: #ffffff;
    background: #23afc8 ;
    border: 2px solid #05829c;
    transition-delay: 0;
    transition-duration: .5s;
    width: 50%;
    margin: 0 auto;
}

.btn-contacter:hover {
    background: #05829c;
    border: 2px solid #23afc8;
}

.btn-contacter a {
    text-decoration: none;
    color: #ffffff;
}

.menu-cgu ol li:nth-child(odd) a,
.page-cgu-menu-list li:nth-child(odd) h2{
    color: #23afc8;
}

.menu-cgu ol li:nth-child(even) a,
.page-cgu-menu-list li:nth-child(even) h2{
    color: #05829c;
}

.menu-cgu ol li a:hover {
    color: #ae2819;
}

/* ****************************** */
/* == Liens                       */
/* ****************************** */
/*
footer a:hover {
    text-decoration: underline;
    color: #05829c;
}
*/
/* ****************************** */
/* == layout                      */
/* ****************************** */
/*
.nav-container,
.top-page-container,
.page-container,
.footer-container {
    max-width: 960px;
    margin: 0 auto;
}

.top-page-container {
    text-align: center;
    padding: 65px 0;
}

.page-container {
    padding: 40px 0;
}
*/
.page-quand ul,
.page-faq ul,
.page-cgu ol,
.page-cgu ul,
.ancre-cgu {
    margin: 0 20px;
}
/*
footer {
    min-height: 100px;
}
*/
.page-quand li {
    position: relative;
    min-height: 100px;
    border-bottom: 1px solid #ffffff;
    margin-top: 20px;
    padding-bottom: 20px;
}

.page-quand-list-2 li:last-child {
    border: none;
}

.page-quand-list-2 li:last-child p {
    margin-left: 0;
}

.page-quand .picto {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    box-shadow: 0 0 10px #666666;
}

.page-quand li:nth-child(odd) .picto {
    background: #23afc8;
}

.page-quand li:nth-child(even) .picto {
    background: #d3d600;
}

.page-faq-list-2 li:last-child {
    border: none;
}

.page-quand p {
    margin-left: 100px;
}

.page-faq h2,
.page-cgu-menu-list li h2 {
    margin-bottom: .5em;
}

.page-faq p,
.page-cgu-menu-list li p,
.menu-cgu {
    margin-bottom: 1em;
}

.page-faq li,
.page-cgu-menu-list li p:last-child {
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
}

.page-cgu-menu-list li p:last-child {
    padding-bottom: 1em;
}

.contacter-container {
    border-radius: 10px;
    padding: 1em;
}

.btn-contacter {
    text-decoration: none;
    border-radius: 5px;
    padding: .5em;
}

.menu-cgu ol {
    list-style: none;
}

.menu-cgu ol a {
    text-decoration: none;
}

.menu-cgu span {
    display: inline-block;
    width: 2em;
}

.ancre-cgu a {
    text-indent: -5000px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: url(../images/ancre.png) no-repeat top center #ffffff;
    transition-delay: 0;
    transition-duration: .5s;
}

.ancre-cgu a:hover {
    background: url(../images/ancre.png) no-repeat bottom center #ffffff;
}

/* ****************************** */
/* == home                        */
/* ****************************** */
/*
.section-one-two-three-four {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    padding: 40px 10px 75px 10px;
}

.section-one,
.section-two,
.section-three,
.section-four {
    width: 170px;
}

.section-one,
.section-two {
    text-align: left;
}

.section-three,
.section-four {
    text-align: justify;
}

.section-one-two-three-four h2 {
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 3em;
    border-radius: 10px;
}

.section-one-two-three-four p {
    border-top: 1px solid #ae2819;
    margin-top: 12px;
    padding-top: 12px;
}

.img-sva {
    margin-top: 10px;
}
*/
/* ****************************** */
/* == header                       */
/* ****************************** */
/*
header {
    height: 100px;
    position: relative;
    z-index: 1000;
}

.logo {
    height: 100px;
    width: 250px;
    padding-top: 30px;
    margin-left: 10px;
}

.logo a {
    position: relative;
    display: block;
}

.logo span {
    position: absolute;
    bottom: -25px;
    left: 0;
}

.logo a,
.logo a:visited {
    text-decoration: none;
}

.nav-container {
    max-width: 960px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav ul li a,
.main-nav ul li a:visited {
    display: block;
    padding: 0 20px;
    text-decoration: none;
}
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23afc8+80,05829c+99 */
/*
.nav-list li a:hover,
.nav-list li a:visited:hover,
.nav-list li:last-child a:hover,
.nav-list li:last-child a:visited:hover {
    color: #c5f4ff;
    background: #23afc8;
    background: -moz-linear-gradient(top,  #23afc8 80%, #05829c 99%);
    background: -webkit-linear-gradient(top,  #23afc8 80%,#05829c 99%);
    background: linear-gradient(to bottom,  #23afc8 80%,#05829c 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23afc8', endColorstr='#05829c',GradientType=0 );
}
*/
/* == Navigation Mobile v2 */
/*
.nav-mobile {
    display: none;
    position: absolute;
    top: 15px;
    right: 0;
    height: 70px;
    width: 70px;
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

#nav-toggle span {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background-color: transparent;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}

#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #05829c;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-toggle span:after {
    bottom: 0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-toggle.active span {
    
    background: #05829c;
}

#nav-toggle.active span:before {
    top: -10px;
}

#nav-toggle.active span:after {
    top: 10px;
}

#nav-toggle.active span:before {
-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

#nav-toggle.active span:after {
-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
*/

/* == Media Queries */
@media all and (max-width: 880px) {
    /* == nav-container */
    /*
    #nav-link-desktop {
        display: none;
    }
    
    .nav-mobile {
        display: block;
    }

    .main-nav {
        width: 100%;
    }

    .main-nav ul {
        text-align: center;
    }

    .main-nav ul li a {
        padding: 15px;
        line-height: 20px;
    }

    .main-nav ul li a,
    .main-nav ul li a:visited {
        background: #f2f2f2;
        border-bottom: 1px solid #ffffff;
    }
    */
    /*
    .main-nav ul li:last-child a,
    .main-nav ul li:last-child a:visited {
        background: #f2f2f2;
        border-bottom: none;
    }
    
    .nav-list {
        display: none;
    }
    */
    
    /* == top-page titre */
    .titre-home/*,
    .titre-faq*/ {
        padding: 0 20px 40px 20px;
    }
    
    /* == page Home */
    /*
    .section-one-two-three-four {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        padding: 40px 10px 75px 10px;
    }
    
    .section-one,
    .section-two,
    .section-three,
    .section-four {
        width: 320px;
        padding: 30px;
    }
    
    .section-one,
    .section-two {
        text-align: left;
    }
    
    .section-three,
    .section-four {
        text-align: justify;
    }
    
    .section-one-two-three-four p {
        font-size: 1.25em;
    }
    
    .view-tel-desktop {
        display: none;
    }
    */
    /* == page-quand */
    .page-quand h2 {
        font-size: 1.5em;
    }
    
    /* == faq */
    .btn-contacter {
        width: 100%;
    }
    
    /* == cgu */
    .menu-cgu ol {
        line-height: 1.5em;
    }
    
    /* == footer */
    /*
    footer li {
        line-height: 2em;
        border-bottom: 1px solid #f2f2f2;
    }
    
    footer span {
        display: none;
    }
    */
}

@media all and (min-width: 880px) {
    /* == nav-container */
    /*
    #nav-link-mobile {
        display: none;
    }
    
    .nav-container {
        max-width: 960px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

    .main-nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        height: 100px;
    }

    .nav-list {
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        text-align: center;
    }

    .main-nav ul li a {
        line-height: 20px;
        padding-top: 30px;
        height: 100px;
    }
    
    .main-nav ul li {
        position: relative;
    }
    
    .main-nav ul li .nav-line {
        display: block;
        width: 0%;
        height: 2px;
        background: #05829c;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transition-delay: 0;
        transition-duration: .5s;
    }
    
    .main-nav ul li:hover .nav-line {
        width: 100%;
        left: 0;
    }
    */
    /* == top-page */
    /*
    .top-page-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
    
    .top-page-home {
        height: 300px;
        padding: 0 20px;
    }
    */
    .top-page-small {
        height: 200px;
        padding: 0 20px;
    }
    
    /* == footer */
    /*
    footer ul li {
        display: inline-block;
    }
    */
    
    /* == home */
    /*
    .view-tel-mobile {
        display: none;
    }
    */
    
    /* == page-quand */
    .page-quand-list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    
    /* == page-faq */
    .page-faq-list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    
    /* == page-cgu */
    .page-cgu-menu-list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    
    .page-quand-list ul,
    .page-faq-list ul {
        width: 410px;
    }
    
    .page-cgu-list {
     width: 560px;
    }
}