@import "../fonts/montserrat/stylesheet.css";

@import "../fonts/raleway/stylesheet.css";  

/*---- Fonts ----*/

@import "../fonts/montserrat/stylesheet.css";

@import "../fonts/raleway/stylesheet.css";  

@import "simple-line-icons.css";

@import "ionicons.min.css";

@import "font-awesome.min.css";

body{

	overflow-x:hidden;

	font-family: "Roboto Light", sans-serif;

	font-weight: 300;

    font-size: 14px; !important

	color: #121212;

	background: #F5F5F5;

}

a{

	color:#8c647d;!important

}

a:hover{

	color:#5d2748;!important

}

.logo{

  padding: 20px 0 20px 20px; !important

}

.navbar-toggle {

    position: relative;!important

    float: right;!important

    padding: 9px 10px;!important

    margin-top: 8px;!important

    margin-right: 15px;!important

    margin-bottom: 8px;!important

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



#home-youtube {

	

	position: relative;

	top: 0;

	left: 0;

	min-height: 10%;

	min-width: 100%;

}

.espace_video{

	position: relative;

	height:100vh;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;



}

.grand-titre{

	font-size:49px;

	font-weight: bold;

	text-align:center;

	color:white;

}

.p-modif{

	line-height: 18px;

	font-size: 15px;

	font-weight: normal;

	font-family: "Roboto Light", sans-serif;

	color: #3f0328;

	text-align: justify;

	

}

.p-titre{

	line-height: 25px;

	font-size: 16px;

	font-weight: normal;

	font-family: "Roboto Medium", sans-serif;

	color: #3f0328;

	text-align: center;

	

}

.preloader {



position : fixed;

z-index: 9999;

background : url('../image/loading.gif') 50% 50% no-repeat;

top : 0px;

left : 0px;

height : 100%;

width : 100%;

cursor : wait;

 }



.navbar-default {

    background-color: #3f0328;

    color:white;

    border: 0px;

    border-radius: 0px;

    margin-bottom: 0px;
	
	padding:0 !important;
    /*min-height: 160px;!important

    padding: 20px 0 0 20px;!important*/

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

	border-color: none;!important

}

.navbar-default .navbar-toggle {

    border-color: none;!important

}

.navbar-toggle {

    position: relative;

    background-image: none;

    border: none;!important

    border-radius: 4px;

    float: right;

    padding: 9px 10px;

    margin-top: 38px;

    margin-right: 15px;

    margin-bottom: 8px;

    color: white;!important

}

.navbar-default .navbar-brand {

    color: white;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;!important

 }

.navbar-header{

	height: 100px;!important

}

.navbar-brand {

    padding: 20px 0 0 40px;!important

    height: 120px;!important

}

.navbar-nav{

   margin: 35px 40px 30px 20px;!important

}

.nav>li>a{
    
	padding: 5px 17px;!important

}

.nav>li>a:hover{

	font-family: "Roboto Medium", sans-serif;!important

	background-color:transparent;!important

}

.nav>li>a::after {

			display:block;!important

			content:attr(title);!important

			font-weight:700;!important

			height:1px;!important

			color:transparent;!important

			overflow:hidden;!important

			visibility:hidden;!important

		}



.navbar-default .navbar-text{color:#fff;!important}

.navbar-default .navbar-nav>li>a{color:#fff;!important}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{

	color:#fff;!important

	background-color:transparent;!important

	font-family: "Roboto Medium", sans-serif;!important

}

.navbar-nav li.active a {

    color: #fff !important;

    background-color: transparent !important;

    font-family: "Roboto Medium", sans-serif !important;

}

.header_mauve{

	background:#3f0328;!important

}



#background{

	height: 100vh;

	width: 100%;

}

.bloc_logo{

	background: white;

}

.bloc_logo-right{

	background: url(../image/header_img.png);

	height: 300px;

	background-size:cover; 

}



.row{

  background:none;!important

}

.col-center {

   float: none;

   margin-right: auto;

   margin-left: auto;

}

.padding-text{

   padding-top: 3.5%;

   padding-bottom: 4%

}

.padding-text1{

   padding-top: 14%;

   padding-bottom: 4%

}


.p-s-b{
     padding-bottom: 2%
}

.row-padding{

    padding-left: 4.2%;

    padding-right: 4.2%;

}

.col-margin{

	margin-right: 3%;

	margin-left: 1%;

}

.col-padding{

    padding: 4%;!important

}

.col-padding2{


	padding-left:10%;
	padding-right:10%;
	padding-bottom:5%;
	padding-top:5%;

}

.col-padding1{


	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
	padding-top:5%;

}

.no-padding{

    padding-right: 0;

    padding-left: 0;

}

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  margin-right: 0;

  margin-left: 0;

}


.icon-socialProject{
    
    width: 94px;
    height: 94px;
    background-color: #f2f2f2;
    vertical-align: middle;
    border-radius: 50%;
    padding: 25px 20px;
    margin: auto;
    margin-bottom: 15px;
    
}


.icon-socialProject .fa{
   
    font-size : 45px !important;
        color: #3f0328;
}

.input-group-addon {
    color: #3f0328 !important;
    background-color: #f2f2f2 !important;
}


.contenu_gris{

	padding-left: 15%;

	padding-right: 10%;

	padding-top: 8%;

	padding-bottom: 8%;

	background: #f5f5f5;

}

.contenu_gris_form{

	padding-left: 15%;

	padding-right: 10%;

	padding-top: 8%;

	padding-bottom: 8%;

	background: #f5f5f5;

	height: 470px;

}

.forms{

		

	padding-right: 10%;

	padding-top: 8%;

	padding-bottom: 8%;

	background: #f5f5f5;

}

.footer{

	padding-top:60px; 

	padding-bottom: 60px;

}

.advisory{

	padding-left: 15%;

	padding-right: 10%;

	padding-top: 3%;

	padding-bottom: 5%;

	background: #f5f5f5;

}

.contenu_gris p{

	line-height: 25px;

}

.contenu_image{

	background:  url(../image/header_img.jpg) no-repeat;

	/*padding-left: 10%;

	padding-right: 10%;*/

	padding-top: 25%;

	padding-bottom: 22%;

}


@media (min-width: 978px) { 

	
	#textarea{
 		height: 280px;
 	}
 	#imageback{
 		display: none;
 	}
 	.embed-responsive-item{
 		visibility: visible;
 	}

 }

.p-titre-vision{

	color:#3f0328;

	font-family: "Roboto Medium", sans-serif;

	font-size: 15px;

	text-align: justify;

}

.titre-icon{

	color:#3f0328;

	font-family: "Roboto Medium", sans-serif;

	font-size: 14px;

	text-align: center;

}

.marge-icon{

	margin-top: 50px;

	margin-left: 30%;

}

.text-center{

	text-align: center;

}

.text-justify{

	text-align: justify;

}

.conteneur_image{

	background:  url(../image/vision.jpg);
    background-attachment: fixed;

}

.contenu_blanc{

	background: #FFFFFF;

}

.content-height{

	min-height: 385px;!important

}

.networking-content-height{

	min-height: 190px;!important

}

.responsibilisation-content-height{

	min-height: 365px;!important

}



.advisory-content-height{

	min-height: 350px;!important;

}

.advisory-picto{
	margin-bottom:40px;

}

.facilities-content-height{

	min-height: 300px;!important

}

.carousel-indicators {

	top:90%;!important

}

.carousel-indicators li{

	background-color: #3f0328;!important	

}

.carousel-indicators .active{

	border-color: #9a9a9a;!important

	background-color: #9a9a9a; !important	

}

.carousel-inner{

	min-height: 60px;!important

}

.contenu_mauve{

	background: #3f0328;

	/*padding-left: 15%;

	padding-right: 10%;

	padding-top: 8%;

	padding-bottom: 8%;*/

}

.margetop{

	margin-top: 30px;

}

@media (max-width: 978px) { 

	.marge-small-top{

		margin-top: 0% !important;

	}

 }

.marge-small-top{

	margin-top: 2%;

}

.marge-small-bottom{

	margin-top: 1%;

}

.margebottom{

	margin-bottom:80px;

}
.form-group .marge-small-top{
	margin-top:4px;
}

.textform{

	border: 1px solid #3f0328;

	border-radius: 0px;
}

.textform#message{
	height:245px;
}


.btnform{

	background: #5b103e;

	color: white;
	
	
}
.btnenvoyer{
	width:240px !important;
	height:50px;
	font-size:20px;
	font-weight:bold;
}


.btnform:hover{

	background: #3f0328;

	color: white;

}
.btnform1{

	background: #EAE8EB;
    border:1px solid #3f0328;
	color: #3f0328;

}

.btnform1:hover{

	background: white;

	color: #3f0328;

}


.contenu_mauve p{

	line-height: 25px;

}

.clear{

	padding: 160px;

}

.clear_min{

	padding: 10px;

}

#image{

	position: absolute;

	margin-top: 460px;/*118%;*/

	margin-left: 20%;

}

#image-right{

	position: absolute;

	top: 130px;

	right: 20%;

}

ul li{

	list-style-type: none;

	color: white;

	line-height: 25px;

}

.barre{

	background: #3f0328;

	padding-left: 20%;

	padding-right: 10%;

	padding-top: 2%;

	padding-bottom: 3%;

}

.facilities{

	background: #3f0328;

	padding-left: 7.5%;

	padding-right: 10%;

	padding-top: 1%;

	padding-bottom: 1%;

}

.copy{

	background: #3f0328;

	height: 70px;

	padding-left: 30px;

	padding-bottom: 10px;

	padding-top: 20px;

	padding-right: 40px;

	

}

.liste-footer li{

	float: left;

	margin-left: 10px;

}

.liste-footer li a{

	font-size: 12px;

}

.lead{

	font-size: 15px;

	font-family: "Roboto Light", sans-serif;

	color: #3f0328;

	text-align: justify;

}

h2{

	font-family: "Roboto Medium", sans-serif;

	color: #3f0328;

	font-size: 30px;!important

}

.mauve_degre_1{

	background: #8c647d;

	color: white;

	line-height: 25px;

}

.mauve_degre_2{

	background: #7f4d6c;

	color: white;

	line-height: 25px;

}

.mauve_degre_3{

	background: #5d2748;

	color: white;

	line-height: 25px;

}

.mauve_degre_4{

	background: #3f0328;

	color: white;

	line-height: 25px;

}

.form-control{

	height:38px;!important

}

.btn{

	border-radius: 0px;!important

	height: 30px;!important

}

label{

	font-family: "Roboto Bold", sans-serif;

	color: #3f0328;

	text-align: justify;

	font-size: 15px;

}




.back-to-top {

 

background: none;

 

margin: 0;

 

position: fixed;

 

bottom: 75px;

 

right: 15px;

 

width: 54px;

 

height: 54px;

 

z-index: 100;

 

display: none;

 

text-decoration: none;

 

color: #3f0328;

 

 

}

.back-to-top a:hover{ 

	color: #8c647d;

 }

 

.back-to-top i {

 

  font-size: 60px;

 

}

 
 @media only screen and (max-width : 645px) {
     .imagevision{
        width: 80px; 
         top:1100px;
     }
     .blocbottom{
         margin-top:15px;
     }
 	#facilities{
 		margin-top: 0px;
 	}	
 	#image-right{
 		width: 70px;
 	}
 	#imagebottom{
 		width: 200px;
 	}
 	label{
 		font-size:12px;
 	}
 	#textarea{
 		height: 150px;
 	}
 	.embed-responsive-16by9{

		margin-top: 100px !important;

	}
	#imageback{
 		 		visibility: visible;
 		 		
 	}
 	.embed-responsive-item, .affiche{
display: none;
 	}
 }