@charset "UTF-8";

/* CSS Document */

#post_data {

    -webkit-animation:slide_in 2300ms ease-out forwards;

}

.titre_pages {

  font-size: 1.6em;

  text-decoration: none;

  font-weight: bold;

}

@-webkit-keyframes slide_in{

    0% {

        left:-1000px;

    }

    100% {

        left:0px;

    }

}

/* landing*/

.color-white{color:#FFFFFF;}

.color-primaire{color:#E62C4E;}

.color-secondaire{color:#76777B;}

.landbg-1{

	background-color: #E62C4E;

	background-image: url('/vrassets/images/bg/bg-land-1.png');

		background-repeat: no-repeat;

	background-size: cover;

	background-position: top right;

	position:relative;

top:90px;

z-index: 1;

	/*max-height: 1450px;*/

	padding-bottom: 190px;

}

.landbg-2{

	background-image: url("/vrassets/images/bg/bg-land-2b.jpg");

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top right;

	z-index: 1;





	/*max-width: 1300;*/

}

.landbg-3{

	background-color: #FF8C00;

	background-image: url("/vrassets/images/bg/bg-land-3b.png");

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top right;

		position:relative;

	top:0px;

	z-index: 1;

}

.land3h{max-height: 1100px;}

.landbg-4{

	background-image: url("/vrassets/images/bg/bg-land-4b.jpg");

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: bottom right;

}

.landbg-5{

	background-color: #E62C4E;

	background-image: url("/vrassets/images/bg/bg-land-5b.png");

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top center;

}

.titre-landing{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 60px;



}

.titre-landing-40{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 40px;



}

.titre-landing-30{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 30px;



}

.t-landing h1{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 80px;



}

.t-landing h2  {

	font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-size: 40px;

	color: #FFFFFF;

}

.t-landing h3{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 40px;

}

.t-landing h4{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 30px;

}

.t-landing h5{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 26px;

}

.t-landing h6{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 14px;

}

.landvideo{ 

	width: 65%;

position: relative;

	top:-180px;

	text-align: center;

	

}



.container-video {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

}

.imageland-3{ 

	width: 33%;

position: relative;

	top:-180px;

	text-align: center;

	

}



/* Then style the iframe to fit in the container div with full height and width */

.responsive-iframe {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

}





	/* /  landing*/

.content-start{z-index: 2;}



	.textendeecal{border:1px solid #FFFFFF;padding: 50px 80px; background: #E62C4E;}

#land5rowa{padding-top: 25%; padding-bottom: auto;}

	#land5rowb {

		padding-top: 120px;

		padding-bottom: 220px;

	}

#formes7{padding-top: 60px;}

#formes12{ 

	padding-bottom: inherit;

	margin:0px;

	top:inherit;

		left:inherit;

		position: inherit;

}

.maifsrow{pading-left:3.5rem !important; pading-right:3.5rem !important;}

		/* ============ desktop view ============ */

		@media all and (min-width: 992px) {

			/*.dropdown-large{min-width:600px;background: #fff;}*/

			.dropdown-large{min-width:300px;background: #fff;}

			#vie {right:-65% !important; left:auto;}

			#territoire {right:-85% !important; left:auto;}

			#culture {right:-85% !important; left:auto;}

		}	

		/* ============ desktop view .end// ============ */



@media (max-width: 576px) {

	.site-navbar {

    padding-top: 15px;



}

	.maifsrow{pading-left:0 !important; pading-right:0 !important;}

  .site-navbar .site-logo {

    position: relative;

    left: 0px;

    font-size: 24px; 

	}

	.site-navbar .site-logo img {

		height:55px;

 

	}

	.site-mobile-menu {

  width: 90%;

  position: fixed;

  right: 0;

  z-index: 2000;

  padding-top: 20px;

  background: #E62C4E;

  height: calc(100vh);

  -webkit-transform: translateX(110%);

  -ms-transform: translateX(110%);

  transform: translateX(110%);

  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);

  -webkit-transition: .3s all ease-in-out;

  -o-transition: .3s all ease-in-out;

  transition: .3s all ease-in-out;

  max-width: inherit;

}

	.landbg-1{

	background-color: #E62C4E;

	background-image: url('/vrassets/images/bg/bg-land-1.png');

		background-repeat: no-repeat;

	background-size: cover;

	background-position: top right;

	position:relative;

top:90px;

z-index: 1;

	/*max-height: 1450px;*/

	padding-bottom: 40px;

}

.imageland-3{ 

	width: 60%;

position: relative;

	top:-100px;

	text-align: center;

	

}

		.landbg-4 {

  background-image: url("/vrassets/images/bg/bg-land-4bm.jpg") !important;

  background-repeat: no-repeat;

  background-size: 100% !important;

  background-position: center bottom;

}

	#formes7{padding-top: 240px;}

	#formes12{ 

	padding-bottom:350px;;

	top: -110px;

left: -120px;

		position: relative;

}

	.landbg-5{

	background-color: #E62C4E;

	background-image:inherit;

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top center;

}

	.titre-landing-40{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 30px;

		padding-bottom: 30px;



}

.titre-landing-30{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 20px;



}

	.titre-landing{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 24px;

}

	.t-landing h4{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 18px;

}

.t-landing h5{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 15px;

}

.t-landing h6{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 14px;

}

	.landvideo{ 

	width: 100%;

position: relative;

	top:-60px;

	text-align: center;

	

}

	.textendeecal{border:1px solid #FFFFFF;padding: 50px 40px; background: #E62C4E;}

}

@media (max-width: 768px) {

	.landbg-5{

	background-color: #E62C4E;

	background-image:inherit;

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top center;

}

}



@media (max-width: 992px) {

	.pb-mobile{padding-bottom: 100px !important;}

	.land3h {

  max-height: 850px;

}

	.textendeecal{border:1px solid #FFFFFF;padding: 50px 40px; background: #E62C4E;}

	#land5rowb {

		padding-top: 20px;

		padding-bottom: 120px;

	}

	

		.landbg-5{

	background-color: #E62C4E;

	background-image:inherit;

		background-repeat: no-repeat;

	background-size: 100%;

	background-position: top center;

}

		.landbg-2{

	background-image: url("/vrassets/images/bg/bg-land-2b.jpg");

		background-repeat: no-repeat;

	background-size: cover;

	background-position: top center;

	position:relative;

top:40px;

z-index: 1;

	/*max-height: 1450px;*/

	padding-bottom: 40px;

}

.titre-landing{

    font-family: 'Parabole';

    font-weight: normal;

    font-style: normal;

	font-display: swap;

	font-size: 40px;

}

	.t-landing h4{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 24px;

}

.t-landing h5{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 20px;

}

.t-landing h6{

	font-family: 'Helvetica Neue';

    font-weight: normal;

    font-style: normal;

	font-size: 14px;

}



}



@media (max-width: 1260px) {

		.site-navbar {

    padding-top: 15px;



}

	#land5rowa{padding-top: 15%; padding-bottom: auto;}

			.landbg-2{

	background-image: url("/vrassets/images/bg/bg-land-2b.jpg");

		background-repeat: no-repeat;

	background-size: cover;

	background-position: top center;

	position:relative;

top:40px;

z-index: 1;

	/*max-height: 1450px;*/

	padding-bottom: 40px;

}

				.landbg-3{

					background-color: #FF8C00;

	background-image: url("/vrassets/images/bg/bg-land-3b.png");

		background-repeat: no-repeat;

	background-size: cover;

	background-position: top center;

	position:relative;

top:0px;

z-index: 1;

	/*max-height: 1450px;*/

	padding-bottom: 40px;

}

	.landbg-4 {

  background-image: url("/vrassets/images/bg/bg-land-4b.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom right;

}

.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 10rem;

  padding: 0.5rem 0;

  margin: 0.125rem 0 0;

  font-size: 15px;;

  color: #fff;

  text-align: left;

  list-style: none;

  background-color: #d92949;

  background-clip: padding-box;

  border: 0px solid rgba(0, 0, 0, 0.15);

  border-radius: 0rem;

}

/* ---------------------

/ navigation

-----------------------------*/

	

.mnusec {

  display: block;

  white-space: nowrap;

  text-align: left;

  /*border-bottom: 1px solid #afafaf;*/

  padding: 0px 0px;

    padding-left: 0px;

 /* padding-left: 1.5em;

  text-indent: -1.5em;*/

  border-bottom: 1px solid #cc2745;

  color: #FFFFFF !important; 

	font-size: 14px;

}

	.mnusec .last{margin-bottom: 30px;}

	.mnusec a {

  color: #FFFFFF  !important; 

}

.sub-mnu{

  display: block;

 /* white-space: nowrap;*/

  text-align: left;

  /*border-bottom: 1px solid #afafaf;*/

  padding: 0px 0px;

  padding-left: 22px;

text-indent: -12px;

 /* padding-left: 1.5em;

  text-indent: -1.5em;*/

  border-bottom: 1px solid #bf2441;

  color: #FFFFFF  !important; 

	font-size: 14px;

}.sub-mnu .last{

	margin-bottom: 30px;

	}

.sub-mnu a{

  color: #FFFFFF  !important; 



}

.sub-mnu a i{

  color: #FFFFFF !important; 

padding-right: 10px;

}

/* ---------------------

/ navigation

-----------------------------*/

}