.paragraph{
    margin: 0 0 30px 0;
}
.paragraph--type--image-pleine-largeur,
.slider-block{
    max-width: 1280px;
    margin: 0 auto 60px auto;
}
.slider-block video{
    width: 100%;
    position: relative;
    z-index:10;
}
.slider-block .video-container{
    width: 100%;
    min-height: 300px;
    background: #000;
    position: relative;
    line-height: 0;
}
.slider-block .fa-spinner {
    position: absolute;
    top:50%;
    left: 50%;
}
.paragraph h2 {
    color:#1666a0;
    font-size: 30px;
    padding:0;
    margin: 25px 0 15px 0 ;
}
.paragraph p {
    margin: 0 0 30px 0;
}
.paragraph ul {
    margin: 0 0 15px 15px;
}
.paragraph--type--texte-et-images p:first-child{
    margin: 0;
}
.texte-et-images__image {
    max-height: 427px;
    overflow: hidden;
}
.texte-et-images__content {
    padding: 0 10px;
}
.paragraph--type--deux-colonnes{
    line-height: 24px;
    border-top:1px solid #e3e3de;
    font-size: 14px;
}
.liste-slider h2,
.paragraph--type--deux-colonnes h2 {
     font-size:40px;
     color: #c4c4c0;
     font-weight: 600;
     margin: 10px 0 25px 0;
     padding: 0;
 }
.paragraph h3{
    font-size: 24px;
    color: #c4c4c0;
    font-weight: 600;
    margin: 20px 0 10px 0;
    padding: 0;
}

.paragraph--type--deux-colonnes h3 {
    font-size: 14px;
    color: #3f3f3f;
    margin: 40px 0 0 0;
    padding: 0;
}
#content .paragraph--type--deux-colonnes  p+h3{
    margin: 24px 0 0 0;
}
#content .paragraph--type--deux-colonnes h3+p {
    margin: 0;
}
#content .paragraph--type--deux-colonnes-fond-bleu {
    background: #1666a0;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
}
#content .paragraph--type--deux-colonnes-fond-bleu .field-texte-colonne-droite{
    width: 100%;
}
#content .paragraph--type--deux-colonnes-fond-bleu h2{
    color: #64a8d9;
    margin: 50px 0 0 0;
    font-size: 40px;
    font-weight: 600;
}
#content .paragraph--type--deux-colonnes-fond-bleu h3{
    color: #fff;
    line-height: 22px;
    margin: 30px 0 0 0;
    font-size: 14px;
}
#content .paragraph--type--deux-colonnes-fond-bleu p{
    margin: 30px 0 0 0;
}
#content .paragraph--type--deux-colonnes-fond-bleu a{
    color: #fff;
    font-weight: bold;
}
#content .paragraph--type--deux-colonnes-fond-bleu a.boutonBleu{
    background: #103a59;
    padding: 5px 15px;
    display: inline-block;
    font-weight: normal;
}
#content .paragraph--type--deux-colonnes-fond-bleu a.boutonBleu:hover{
    background: #002a49;
}
#content .paragraph--type--deux-colonnes-fond-bleu  .deux-colonnes-fond-bleu__content.droite p{
    margin: 0;
    line-height: 0;
}
#content .liste-slider{
    margin: 50px 0 0 0;
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne,
.path-frontpage .paragraph--type--liste .lae-col-4 .paragraph--type--mise-en-avant-3-colonnes-accueil{
    margin: 50px 0 50px 15px;
    position: relative;
    word-wrap: break-word;
   /* -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;*/
}
.path-frontpage .paragraph--type--liste .lae-col-4 .paragraph--type--mise-en-avant-3-colonnes-accueil .field-contenu{
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne .field-contenu {
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5%;
}
.path-frontpage .paragraph--type--liste .lae-col-3  .paragraph--type--mise-en-avant-3-colonnes-accueil a,
.path-frontpage .paragraph--type--liste .lae-col-4  .paragraph--type--mise-en-avant-3-colonnes-accueil a {
    display: block;
    margin: 0 auto;
    max-width: 360px;
    position: relative;
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne a:hover .field-contenu,
.path-frontpage .paragraph--type--liste .lae-col-4  .paragraph--type--mise-en-avant-3-colonnes-accueil a:hover .field-contenu{
    background: rgba(0,0,0,0.5);
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne .field-contenu h2,
.path-frontpage .paragraph--type--liste .lae-col-4  .paragraph--type--mise-en-avant-3-colonnes-accueil .field-contenu h2 {
    font-size: 29px;
    text-transform: uppercase;
    font-weight: lighter;
    color: #fff;
    max-width: 90%;
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne .field-contenu h2{
    padding: 20px 0 0 30px;
}
.path-frontpage .paragraph--type--liste .paragraph--type--mise-avant-une-colonne .field-contenu h2 strong,
.path-frontpage .paragraph--type--liste .lae-col-4  .paragraph--type--mise-en-avant-3-colonnes-accueil .field-contenu h2 strong{
    font-weight: bold;
}
.path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil{
    margin: 20px 0 50px 15px;
    position: relative;
}
.path-frontpage .paragraph--type--liste .lae-col-3:nth-child(2n+1){
    margin: 70px 0 0 0;
}
.path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil .field-contenu,
.path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil a:hover .field-contenu{
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: -50px auto 0 auto;
    z-index:10;
    position: relative;
}
.path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil a:hover .field-contenu{
    transition-duration:0.5s;
    -ms-transform: translateY( -7px); /* IE 9 */
    -webkit-transform: translateY( -7px); /* Safari */
    transform: translateY( -7px);
}
.path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil .field-contenu h2{
    font-family: "Parisine Std Clair", sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    background: #171717;
    border-bottom:7px solid #c3a58e;
    padding: 30px 15px;
}
/*.paragraph--type--liste .lae-col-3  .paragraph--type--mise-en-avant-3-colonnes-accueil a:hover .field-image{
    overflow: hidden;
}
.paragraph--type--liste .lae-col-3  .paragraph--type--mise-en-avant-3-colonnes-accueil a:hover .field-image img{
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}*/
.article-separateur-haut{
    border-top:1px solid #dfe0e0;
    padding: 17px 0 0 0;
}
.path-frontpage .pave-carte-accueil{
    text-align: right;
}
.path-frontpage .pave-carte-accueil.paragraph--type--texte-et-images.image-droite .texte-et-images__content{
    padding: 0;
}
.path-frontpage .pave-carte-accueil h2{
    padding: 45px 0 0 0;
    color: #171717;
    font-size: 40px;
    font-weight: normal;
    font-family: "Parisine Std", sans-serif;
    line-height: 48px;
}
.path-frontpage .pave-carte-accueil h2 strong{
    font-weight: bold;
}
.path-frontpage .pave-carte-accueil p{
    font-family: "Parisine Std Clair", sans-serif;
    font-size: 28px;
}
.path-frontpage .pave-carte-accueil a {
    background: #171717;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Open Sans",sans-serif;
    padding: 10px 30px;
    display: inline-block;
}
.path-frontpage .pave-carte-accueil a:before{
    font-family: FontAwesome,sans-serif;
    content:'' ;
    font-size: 30px;
    color: #fff;
    margin:0 10px 0 0 ;
    display: block;
    float: left;
}

.path-frontpage .pave-carte-accueil a:hover{
    background: #c3a58e;
    color: #fff;
}
.paragraph--type--pave-sommaire a{
    color:#c3a58e;
    font-size: 16px;
    margin:0 0 0 -5px;
    display: inline-block;
}
.paragraph--type--pave-sommaire a span:before{
    content: '|';
    margin: 0 10px 0 0;
    font-size: 24px;
    vertical-align: text-bottom;
}
.paragraph--type--pave-sommaire a:hover{
    color:#787777;
}
.page-meteo-et-marees .texte-pleine-largeur__content{
    padding: 10px 0;
}
.field-contenu{
    width: 100%;
}
@media (max-width: 768px) {
    .texte-et-images__image{
        margin: 0 0 30px 0;
    }
    .image-droite .texte-et-images__image {
         order:inherit;
    }
    .image-droite .texte-et-images__content {
         order: inherit;
    }
}
@media (min-width: 992px) {

    .texte-et-images__image {
        max-height: initial;
    }
    .texte-et-images__content {
        padding: 0 90px;
    }
    .paragraph--type--texte-et-images:not(.image-droite) .texte-et-images__content {
        padding: 0 0 0 47px;
    }
    .paragraph--type--texte-et-images.image-droite .texte-et-images__content {
        padding: 0 47px 0 0;
    }

}
@media (max-width: 1023px) {
    .path-frontpage .paragraph--type--liste .lae-col-3:nth-child(4){
        margin:-80px auto 0 auto;
    }

}

@media (max-width: 768px) {
    .path-frontpage .paragraph--type--liste .lae-col-4 .paragraph--type--mise-en-avant-3-colonnes-accueil{
        margin:15px 0 15px 15px;
    }
    .path-frontpage .pave-carte-accueil.paragraph--type--texte-et-images.image-droite .texte-et-images__content{
        padding: 0 10px;
    }
    .path-frontpage .paragraph--type--liste .lae-col-3:nth-child(4){
        margin: 0;
    }
    .path-frontpage  .paragraph--type--liste .lae-col-3{
        width: 50%;
    }
    .path-frontpage  .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil{
        margin: 20px 0 0 15px
    }

}
@media (max-width: 479px) {
    .path-frontpage .paragraph--type--liste .lae-col-3,
    .path-frontpage .paragraph--type--liste .lae-col-4{
        width: 100%;
    }
    .path-frontpage .paragraph--type--liste .lae-col-3 .paragraph--type--mise-en-avant-3-colonnes-accueil,
    .path-frontpage .paragraph--type--liste .lae-col-4 .paragraph--type--mise-en-avant-3-colonnes-accueil{
        margin: 15px 0  0 0!important;
    }
    .deux-colonnes-fond-bleu__content{
        margin-bottom: 25px;
    }
}