s#liner {
    width: 100%;
    border-top: 8px solid #ffffff;
}

#container {
    width: 1100px;
    margin: 0 auto;
}

#header {
    margin-bottom: 45px;
    padding-left: 30px;
    width: 50%;
    float: left;
    padding-top: 8px
}

#nav {
    width: 50%;
    float: right;
    text-align: right;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 16px;
    padding: 25px 35px 15px 10px;
    text-decoration: none;
}

.footer {
    width: 1100px;
    margin: 0 auto;
    background: #000000;
    color: #ffffff;
    padding: 10px 30px;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 15px;
    mso-line-height-rule: exactly;
    padding: 10px 30px;
    text-decoration: none;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    padding: 0 0 0 20px
}

.logo {
    width: auto;
    height: 62px
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

h1 {
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    color: #000000;
    line-height: 44px;
    mso-line-height-rule: exactly;
    padding: 60px 50px 10px;
    font-weight: 400;
    margin: 0
}

h2 {
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #000000;
    line-height: 35px;
    mso-line-height-rule: exactly;
    font-weight: lighter;
    padding: 10px 50px 20px;
    margin: 0
}

h3 {
    margin: 0;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 0;
    line-height: 125%;
}

p {
    margin-top: 0;
    line-height: 160%
}

.separateur-une {
    border-top: 3px solid #e95747;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 25px
}

.separateur-article {
    border-style: solid;
    border-8px;
    width: 16%;
    margin-bottom: 18px
}

.col {
    padding: 2% 3% 0;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}

.col-1 {
    padding: 5% 4% 3% 6%;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}

.col-2 {
    padding: 5% 6% 3% 2%;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}

.col-left {
    float: left;
    width: 50%;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}

.col-2 h2 {
    padding: 10px 0 15px;
    color: #fff;
    width: 90%
}

.col-2 .intro {
    color: #fff;
    width: 90%
}

.quiz {
    padding: 25px 0 0 45%;
    background-color: #B4D9DC;
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/quiz.jpg');
    height: 350px;
    background-repeat: no-repeat;
    background-position: 50px 60px;
    margin: 0;
    margin-bottom: 65px;
}

.quiz h2 {
    text-transform: uppercase;
    width: 450px;
    padding: 35px 30px 70px 60px;
    text-align: left;
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/quiz-6-questions.jpg');
    background-repeat: no-repeat;
    background-position: 50px 145px;
}

.bloc-article {
    background-color: #ffffff;
    overflow: auto;
    background-repeat: no-repeat;
    margin-bottom: 65px;
    padding-bottom: 30px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;

}

.bloc-article li, #video-content li {
    list-style: square;
}

.bloc-article h2, #video-content h2 {
    line-height: 110% !important;
    margin:20px 0 10px !important
}
.bloc-article p, .bloc-article ul, #video-content p, #video-content ul {
    margin-bottom:20px;
}
p.intro {margin:0 !important}
.mb-0 {
    margin-bottom: 0;
}

#video {
    -moz-box-shadow: 0 0 12px #ccc;
    -webkit-box-shadow: 0 0 12px #ccc;
    box-shadow: 0 0 10px #ccc;
    width: 100% !important;
    height: 572px;
    margin: 0 auto;
    z-index: 100;
    position: relative;
    background: #eee;
}

#video-content {
    background: #ffffff;
    margin-top: -100px;
    z-index: 10;
    padding: 100px 0 0;
    position: relative;
    overflow: auto;
}

.article {
    width: 1100px;
    background: #ffffff;
    overflow: auto;
    padding-bottom: 30px
}

.article-fin {
    background: #ffffff;
    border-bottom-left-radius: 50px 50px;
    height: 50px;
    margin-bottom: 65px;
}

.article p {
    margin-bottom: 10px;
}

.article img {
    margin-top: 25px
}

.article-preview-quizz img {
    margin-top: 0px
}

.une {
    background: transparent;
    padding: 0;
}

ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 20px;
    line-height: 160%;
}

.slideshow-container, .nav-slider {
    max-width: 1100px !important;
}

th {
    font-weight: normal;
}

.titre-mobile, .hide, div.hide, img.hide {
    display: none
}

/* COULEURS */

.bleu-clair {
    color: #75B8AE;
    border-color: #75B8AE;
}

.brique {
    color: #e95747;
    border-color: #e95747;
}

.vert-clair {
    color: #97BF0D;
    border-color: #97BF0D;
}

.vert-fonce {
    color: #199C69;
    border-color: #199C69;
}

.bleu {
    color: #00B7CE;
    border-color: #00B7CE;
}

.rose {
    color: #EC8593;
    border-color: #EC8593;
}

.ocre {
    color: #E09F25;
    border-color: #E09F25;
}

.turquoise {
    color: #54BBBA;
    border-color: #54BBBA;
}

.orange {
    color: #54BBBA;
    border-color: #54BBBA;
}

.rouge {
    color: #E95F47;
    border-color: #E95F47;
}

.mauve {
    color: #7197ca;
    border-color: #7197ca;
}

.bleu-sombre {
    color: #0062A9;
    border-color: #0062A9;
}

.article-rose {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/rose.png');
}

.article-ocre {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/ocre.png');
}

.article-bleu {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/bleu.png');
}

.article-bleu-sombre {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/bleu-sombre.png');
}

.article-vert-fonce {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/vert-fonce.png');
}

.article-vert-clair {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/vert-clair.png');
}

.article-turquoise {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/turquoise.png');
}

.article-rouge {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/rouge.png');
}

.article-mauve {
    background-image: url('https://www.lettre-eau.veolia.fr/web/uploads/mauve.png');
}


body {
    margin: 0;
    padding: 0;
    background: #f2f2f2;
    font-family: 'TheSansVeolia-W5Pla', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #f2f2f2;
}


blockquote {
    font-style: italic;
    font-size:120%;
    color:#666;
    margin-bottom:0;

}
blockquote p {
    margin-bottom:0 !important

}

p.signature {margin-top:0;font-size:85%; margin-bottom:25px}

hr {border-color:#eee;    margin-bottom: 20px;

    border-top:0}

a.tribune {
    color: inherit;
    background: #97bf0d;
    padding: 10px 25px;
    border-radius: 20px;
    font-weight:bold; color:#fff;margin-bottom:15px}

div.aller-plus-loin {width:150px;float: left; margin-right: 16px;text-align:center}
div.dernier {margin-right: 0px}
div.aller-plus-loin a {font-size:90%; line-height:90%;}
div.aller-plus-loin a:hover {color:#97bf0d;}
div.aller-plus-loin img {margin:5px 0 !important}

.article-394 {padding-bottom:0 !important; height: 1200px;overflow: visible;}
.article-394 img.img-titre {width:1100px !important}
.article-394 div.col-1 {padding-left:0 !important;   }
.article-394 div.col-1 a {margin:0 !important;}
.article-394 div.col-2 { padding-top: 15% !important; }

img#footer-jeu   {margin:0 !important;width:1100px !important; height: auto !important;    margin-top: -95px !important;}

a.culturegreen {
    background: #00a064;
    padding: 10px 25px;
    border-radius: 20px;
    font-weight:bold; color:#fff;margin-bottom:15px}

#video-content h2.intro-article {    padding: 0px 75px 15px !important;}


@media screen and (max-width: 1100px) {
    .newsletter .article-preview-quizz .quizz-intro-action{
        left: auto !important;
    }

    .newsletter .article-preview-quizz .quizz-intro-action .btn{
        transform: none !important;
    }

    #liner {
        width: 100% !important;
        border-top: 8px solid #ffffff;
    }

    .col-desktop, .col-left .col-2 p.intro, .illustration, .nav-slider, .exception {
        display: none
    }

    .col, .col-1, .col-2, .col-left {
        width: 100%;
        padding: 0 3%
    }

    .titre-mobile {
        padding: 0 6%;
        display: block
    }

    .titre-mobile h2 {
        padding: 0;
        font-size: 25px;
        padding-top: 30px;
    }

    .titre-mobile .intro {
        padding: 0;
        font-size: 18px
    }

    .img-titre {
        width: 100%;
        height: auto;
        padding-top: 30px;
    }

    p, p.intro {
        font-size: 16px !important
    }

    h3 {
        font-size: 45px !important
    }

    h2 {
        font-size: 22px !important;
        line-height: auto !important;
        font-weight: bold;
        padding: 30px 0 !important;
    }

    h1 {
        font-size: 25px !important;
        line-height: auto !important;
        font-weight: bold;
    }



    .article-bleu-clair, .article-bleu-clair h2, .article-bleu-clair .intro {
        color: #75B8AE;
        background: none;
        background-color: #ffffff
    }

    .article-vert-clair, .article-vert-clair h2, .article-vert-clair .intro {
        color: #97BF0D;
        background: none;
        background-color: #ffffff
    }

    .article-vert-fonce, .article-vert-fonce h2, .article-vert-fonce .intro {
        color: #199C69;
        background: none;
        background-color: #ffffff
    }

    .article-bleu, .article-bleu h2, .article-bleu .intro {
        color: #00B7CE;
        background: none;
        background-color: #ffffff
    }

    .article-rose, .article-rose h2, .article-rose .intro {
        color: #EC8593;
        background: none;
        background-color: #ffffff
    }

    .article-ocre, .article-ocre h2, .article-ocre .intro {
        color: #E09F25;
        background: none;
        background-color: #ffffff
    }

    .article-rouge, .article-rouge h2, .article-rouge .intro {
        color: #E95F47;
        background: none;
        background-color: #ffffff
    }

    .article-mauve, .article-mauve h2, .article-mauve .intro {
        color: #7197ca;
        background: none;
        background-color: #ffffff
    }

    .article-bleu-sombre, .article-bleu-sombre h2, .article-bleu-sombre .intro {
        color: #0062A9;
        background: none;
        background-color: #ffffff
    }

    .article-turquoise, .article-turquoise h2, .article-turquoise .intro {
        color: #54BBBA;
        background: none;
        background-color: #ffffff
    }

    .single-newsletter .col-left img:not(.img-titre),
    .home .col-left img:not(.img-titre),
    .single-post .col-left img:not(.img-titre){
        width: 100%;
        height: auto;
    }

    .col-left .col-2{
        background: white !important;
    }

    .article-394 img.img-titre { width: 100% !important; }
    .article-394 .col-1 {    display: none !important; }
    .article-394 div.col-2 {padding-top:0  !important; }
    .article-394 .col-2 img {max-width: 100%  !important;     margin-left: 0% !important; }
    div.aller-plus-loin { width: 100% !important; padding: 1% 5% 3% !important;  }
    div.aller-plus-loin a {  font-size:110% !important }
    blockquote img {width:50% !important; height:auto !important}
    .col-1 p img , .col-2 p img {margin-left:0 !important}

}

/* exceptions */
div.culture div.col-left img.img-titre {
    padding-left: 28px
}

.single-post h2 {
    padding-left: 0;
    padding-right: 0;
}

.single-post iframe {
    margin-bottom: 40px;
}

.single-newsletter .bloc-article h2:not(.intro-article),
.home .bloc-article h2:not(.intro-article),
.single-newsletter .article h2:not(.intro-article),
.home .article h2:not(.intro-article),
.single-post h2:not(.intro-article)
{
    margin: 0;
    font-family: 'TheSansVeolia-W5Pla', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px 0;
    line-height: 160%;
    padding-top: 0;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px !important;
    margin-top:30px !important
}

.single-newsletter .bloc-article h2:not(.intro-article):after,
.home .bloc-article h2:not(.intro-article):after,
.single-newsletter .article h2:not(.intro-article):after,
.home .article h2:not(.intro-article):after,
.single-post h2:not(.intro-article):after{
    content: " ";
    width: 80px;
    height: 6px;
    display: block;
    position: absolute;
    bottom: 0;
}

.cols-2{
    columns: 2;
}

.single-newsletter .col-left img:not(.img-titre),
.home .col-left img:not(.img-titre),
.single-post .col-left img:not(.img-titre){
    margin: 20px 0;
}

#articles-archives{
    background: #FFED99;
    padding: 20px 40px 40px 40px;
}

.articles-archives-title{
    color: white;
    font-family: 'FS-Rufus', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    line-height: 32px;
    padding: 30px 0px 40px;
    font-weight: bold;
    text-align: center;
}

.archive-item-title{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px;
    display: block;
}

#articles-archives li{
    list-style-type: disc;
    color: white;
    list-style-position: outside;
}

#articles-archives li a{
    color: black;
}

.single-newsletter .bloc-article p,
.home .bloc-article p {
    margin-bottom: 20px;
}

@media(max-width: 1100px) {
    #container,
    .article{
        width: 100%;
    }

    #video,
    .youtube_player,
    #video iframe{
        height: auto;
    }
}

.single-post .bloc-article{
    padding-bottom: 30px;
}


.arrondi{
    border-radius: 0 0 40px 0 !important;
}