/* PAGE DÉCOUVRIR */

.page-decouvrir .wrapper{display: block;flex-grow: 5;overflow: auto;flex-basis: 75%;}

.page-decouvrir .separateur{background-size: cover;background-repeat: no-repeat;position: relative;}
.page-decouvrir .titre{background-image: url("../images/dm-agency-paris-evenementiel-2.jpg");}
.page-decouvrir .titre h4{font-family: 'Saol display regular';font-size:24px;text-transform: uppercase; text-align: center;padding: 200px 0;margin: 0; letter-spacing: 2px;text-shadow: 3px 2px 7.6px #11201b;}

.page-decouvrir .titre .arrow{width: 30px;position: absolute;left: 50%;margin-bottom: -50px;bottom: 70px;}

.page-decouvrir .bloc-intro { background:linear-gradient(to top, black,transparent);background-position: center;background-repeat: no-repeat; background-size: cover; text-align: center;padding: 80px 40px;}
.page-decouvrir .bloc-intro h3{text-transform: uppercase;margin-bottom:35px;} 
.page-decouvrir .bloc-intro p{margin: 0 auto;}

.page-decouvrir .galerie {padding: 0 40px}
.page-decouvrir .galerie .boite-galerie{display: flex;flex-wrap: wrap;}

.page-decouvrir .galerie .boite-galerie .ligne{display: flex;align-content: space-between;width: 100%;flex-wrap: wrap;}
.page-decouvrir .galerie .boite-galerie .ligne div{flex-basis: 100%;flex-shrink: 0; border-radius: 3px; margin-bottom: 20px; background: #000; overflow: hidden; height: 200px; background-size: cover; background-position: center;}
.page-decouvrir .galerie .boite-galerie .ligne div:first-child{margin-right:5px;}
.page-decouvrir .galerie .boite-galerie .ligne div:last-child{margin-left:5px;}

.page-decouvrir .cta{text-align: center;margin:0 0 40px;padding-top: 40px;font-family: 'MentorSansW01-Light', sans-serif;}
.page-decouvrir .cta a{background-color: #0ea5a8;padding: 10px;color: #fff;text-decoration: none;}
.page-decouvrir .cta a:hover{background-color: #0f6768;}


@media screen and (min-width:750px) {
	.page-decouvrir .titre h4{font-size: 50px;padding: 250px 0;}
	.page-decouvrir .galerie {padding: 0 100px;}
	.page-decouvrir .galerie .boite-galerie .ligne{flex-wrap: nowrap;}
	.page-decouvrir .galerie .boite-galerie .ligne div{flex-basis: 50%;}
	.page-decouvrir .cta{margin-bottom: 150px;}


}


@media screen and (max-width: 500px) {
  
}