@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::    STUDIO PUBLINOVES     :::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/*--------------------------------------*/
/*-------- Parallax ----------------*/
/*-----------------------------------*/

.ContainerParallax {WIDTH: 100%;display: block;height: 1100px;min-height: 1100px;}
.ContainerParallax-2 {margin-top: -280px; WIDTH: 100%;display: inline-block;height: 1100px;min-height: 1100px;	z-index:111;}

.ContainerParallax-3 {
  margin-top: -320px;
  padding: 45px 0 40px;
  width: 100%;
  max-width: 100%;
  display: flow-root; 
  position: relative;
  background-color: #416a7a;
  height: auto; 
  margin-right: auto;
  margin-left: auto;
  overflow: visible;

}

@media (max-width: 1000px) {
  .ContainerParallax-3 {
    margin-top: 0;  
    padding: 30px 16px; 
    overflow: hidden;  
  }
}

.ContainerParallax-4 {
	padding-top:45px;
	WIDTH: 100%;
	display: block;
	background-color: #F7F5F5;
	height: 450px;
	clear: both;
}

.C-50-parallax{
	width :50%; 
	max-width:50%;
	float:left;
	display:block; 
	height: 1100px;
	
}

.C-50-parallax img{
	width :100%; 
	max-width:100%;	
	height: 1100px;
}

.C-50-parallax-2{
	width :50%; 
	max-width:50%;
	float:left;
	display:block; 
	height: 1100px;	
}

.img-fond-parallax-1{
	width: 100%;
	max-width: 100%;
	display: block;
	height: 1100px;
	/*min-height: 1100px;*/
	background-attachment: fixed;
	background-size: 50%;
	background-image: url("../images-publinoves/parallax-fond-1.jpg");
	background-repeat: no-repeat;
	background-position: left;
	}

.img-fond-parallax-2{
	width: 100%;
	max-width: 100%;
	display: block;
	height: 1100px;
	/*min-height: 1100px;*/
	background-attachment: fixed;
	background-size: 50%;
	background-image: url("../images-publinoves/parallax-fond-2.jpg");
	background-repeat: no-repeat;
	background-position: left;

}

.img-fond-parallax-3{
	width: 100%;
	max-width: 100%;
	display: block;
	height: 1100px;
	/*min-height: 1100px;*/
	background-attachment: fixed;
	background-size: 50%;
	background-image: url("../images-publinoves/parallax-fond-3.jpg");
	background-repeat: no-repeat;
	background-position: left;
}

.img-fond-parallax-4{
	width: 100%;
	max-width: 100%;
	display: block;
	height: 1100px;
	/*min-height: 1100px;*/
	background-attachment: fixed;
	background-size: 50%;
	background-image: url("../images-publinoves/parallax-fond-4-site-e-commerce.jpg");
	background-repeat: no-repeat;
	background-position: left;

}

.parallax-texte {
	padding-top: 30px;
	padding-bottom: 50px;	
	padding-right: 7%;	
	color: #656360;
	/*font-family: 'Assistant', sans-serif;*/
	font-size: 20px;
	text-align: left;
}

.titre-parallax-marine { 
	font-size: 26px;
	padding-bottom:5px;
	color: #232f6b;
	margin:0!important;
	padding:0!important;

}
.titre-parallax-orange { 
	font-size: 29px;
	padding-bottom:5px;
	color: #d77b50;
}

.titre-parallax-rose {
	font-size: 29px;
	padding-bottom: 5px;
	color: #B8094E;
}

.titre-parallax-noir { 
	font-size: 29px;
	padding-bottom:5px;
	color: #000000;
}

@media screen and (max-width: 1400px) {
	.C-50-parallax{
		 width: 60%!important;
		max-width: 60%!important;
	}
	.C-50-parallax-2 {
		 width: 40%!important;
		max-width: 40%!important;
	}
	.img-fond-parallax-1{	background-size: 60%!important;	}
	.img-fond-parallax-2{	background-size: 60%!important;	}
	.img-fond-parallax-3{	background-size: 60%!important;	}
	.img-fond-parallax-4{	background-size: 60%!important;	}
	.blanc-texte-justify {padding: 20px!important;text-align: center!important;height: auto!important;}
	.parallax-texte {padding-right: 5%;	font-size: 19px;}

}


@media screen and (max-width: 1200px) {.C-50-parallax{height: 500px!important;	}
	
.C-50-parallax img{	display:none;}
	
	
	.C-50-parallax-2{	width :100%!important;	min-width:100%!important;
	max-width:100%;
	height: 700px!important;	
	}
	
	.img-fond-parallax-1{
		background-image: url("../images-publinoves/parallax-site-vitrine-R.jpg");
	background-attachment: scroll!important;
	background-size: 75%!important;
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;


	}
	.img-fond-parallax-2{
	background-image: url("../images-publinoves/parallax-site-institutionnel-R.jpg");
	background-attachment: scroll!important;
	background-size: 75%!important;
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;

	}
	.img-fond-parallax-3{

	background-image: url("../images-publinoves/parallax-3-site-evenementiel-R.jpg");
	background-attachment: scroll!important;
	background-size: 75%!important;
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;

	}
.img-fond-parallax-4{
	
	background-image: url("../images-publinoves/parallax-4-e-commerce-R.jpg");
	background-attachment: scroll!important;
	background-size: 75%!important;
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;

	}
	
.parallax-texte {
	text-align: left;
	padding-left: 5%!important;
	border: none;
	}
	
.ContainerParallax {height: auto;min-height: 700px;}
	.ContainerParallax-2 {margin-top: 0px!important;height: auto;min-height: auto;}
	.ContainerParallax-3 {margin-top: 0px!important;}	
}



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

	.C-50-parallax{height: 420px!important;	}
	
	.img-fond-parallax-1{background-size: 85%!important;}
	.img-fond-parallax-2{background-size: 85%!important;}
	.img-fond-parallax-3{background-size: 85%!important;}
	.img-fond-parallax-4{background-size: 85%!important;}
	
}
@media screen and (max-width: 900px) {
	

	.C-50-parallax{height: 350px!important;	}
	
	.C-50-parallax-2{
	width :100%!important;
	min-width:100%!important;
	max-width:100%;
	height: auto!important;	
	}
	
.parallax-texte {	text-align: left;	padding-left: 7%;	}
	
	.ContainerParallax {height: auto;min-height: auto;}
	.ContainerParallax-2 {margin-top: 0px!important;height: auto;min-height: auto;}

}

.titre-avec-trait {
  position: relative;
  padding-left: 14px;
  font-weight: normal;
	font-size: 18.5px;
	color: #232f6b;
	margin-top: 10px;
}

.titre-avec-trait::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  height: 100%; 
  width: 2px; 
  background-color: #232f6b;
}


.Site-C-A {display:block;width : 26%;max-width:26%;float:left;text-align: left; padding-bottom:50px;margin:3%;}
.Site-C-B {display:block;width : 26%;max-width:26%;float:left;text-align: left; padding-bottom:50px;margin:3%}
.Site-C-C {display:block;width : 26%;max-width:26%;float:left;text-align: left; padding-bottom:50px;margin:3%}

@media screen and (max-width: 1100px) {
.Site-C-A {width :96%!important;max-width:96%!important;}
.Site-C-B {width :96%!important;max-width:96%!important;}
.Site-C-C {width :96%!important;max-width:96%!important;}	
}

@media screen and (max-width: 900px) {
.Site-C-A {width :100%!important;max-width:100%!important;margin-left: 0%}
.Site-C-B {width :100%!important;max-width:100%!important;margin-left: 0%}
.Site-C-C {width :100%!important;max-width:100%!important;margin-left: 0%}	
}