@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	font-family: 'Montserrat', sans-serif;
}

.clear{
	clear:both;
}

header{
	height:100vh;
}


#bloc-tx-header h3 {
 font-size: 42px;
 color: white;
 font-family: 'Montserrat', sans-serif;
 font-weight: bold;
}

#bloc-tx-header h3:nth-of-type(2){
	float:left;
	padding-bottom: 10px;
}

.bloc-tx-intro h3{
 font-size: 42px;
 color: white;
 font-family: 'Montserrat', sans-serif;
 font-weight: bold;
}

#bloc-tx-header .tx-intro {
 padding-right:180px;
 font-weight: lighter;
 color:white;
 padding-top: 50px;

}

#blocImage {
 float:left;
 width: 50%;
 padding-top:150px;
}

#blocImage img{
	width:100%;
}

#bloc-tx-header {
	float:left;
	width:50%;
	padding-top:200px;
	padding-left:30px;
}

#bloc-tx-header .container{
display: none;
}

.filet-title{
	width:28%;
	border:2px solid #463AFD;
	color:blue;
	float:left;
	margin-top:10px;
}

.butn2 {
	float:left;
  color: #fff !important;
  border: 1px solid transparent;
  border-radius: 50px;
  background: #463AFD !important;
  cursor: pointer;
  padding: 8px 20px;
  margin-left: 0;
  margin-top: 50px;
  font-size: 15px;
  transition: all 0.5s ease;

}

.butn3{
	float:left;
	margin-left: 15px;
}

.butn2:hover {
    background: black !important;
    border: 1px solid white;
}

.butn2 span {
    color: #fff !important;
}

.butn2:hover span{
    color: white !important;
}

.butn2:after {
    transition: all 0.2s ease-in;
    border-radius: 30px;
}

.butn2:hover:after{
    background: #fff1;
}

.butn2:before {
    background-color: #fff1;
    transition: all 0.2s ease-in-out;
}

.scroll{
	color:white;
	position:absolute;
	width:100px;
	height:100px;
	display: block;
	margin:auto;
	margin-left: -50px;
	left:50%;
	bottom:-15px;
}

.scroll hr{
	height:20px;
	border:0.5px solid white;
	width:0;
	margin-left: 50px;
	margin-top: 0;
	margin-bottom: 0;
	
}

.scroll p{
	position: static;
	height:auto;
	width:100%;
	text-align: center;
	margin-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	font-weight: lighter;
}

.row{
	padding-bottom: 50px;
}

/* COULEURS DES ICONES */ 

.services .fa-university{
	color:#FD3A5D !important;
}

.services .fa-paint-brush{
	color:#FD803A !important;
}

.services .fa-braille{
	color:#3AFD71 !important;
}

.services .fa-chart-line{
	color:#A73AFD !important;
}

.services .fa-magic{
	color:#3ADAFD !important;
}

.services .fa-odnoklassniki{
	color:#FDD23A !important;
}

.services .items:hover .fa-university {
      background: linear-gradient(-45deg, #FD6883, #FD3A5D);
      color: #fff !important;  }

.services .items:hover .fa-paint-brush {
      background: linear-gradient(-45deg, #FD9E68, #FD803A);
      color: #fff !important;  }

.services .items:hover .fa-braille {
      background: linear-gradient(-45deg, #68FD92, #3AFD71);
      color: #fff !important;  }

.services .items:hover .fa-chart-line {
      background: linear-gradient(-45deg, #BB68FD, #A73AFD);
      color: #fff !important;  }

.services .items:hover .fa-magic {
      background: linear-gradient(-45deg, #68E2FD, #3ADAFD);
      color: #fff !important;  }

.services .items:hover .fa-odnoklassniki {
      background: linear-gradient(-45deg, #FDDC68, #FDD23A);
      color: #fff !important;  }

.about{
	margin:100px;
}

.about .row{
	padding-bottom: 100px;
}

.about .img img{
	left:0;
}

.about .info .butn:hover {
    color:#463AFD !important;
}

.nous{
	padding-left:30px;
}

.nous li{
	float:left;
	margin-right:15px;
}

#contact .info{
	padding-left:0;
	margin-bottom:50px;
}

.sub-footer .row{
	padding-bottom: 0;
}

#contact{
	background: black;
	margin-top: 50px;
}

#contact .container{
	background: white;
	padding-left:60px;
	padding-top:60px;
	padding-right:60px;
	box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1;
	top:-100px;
}

#contact .row{
	padding-bottom: 30px;
}

.s-title{
    float:left;
	width:22%;
	color: #463AFD !important;
    font-size: 13px !important;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.filet{
	width:150px;
	border:1px solid #463AFD;
	float:left;
	margin-top:6px;
	margin-left: 10px;
	box-sizing: border-box;
}

.w-title1{
	width:61% !important;}

.w-filet1{
	width:calc(39% - 10px) !important;}

.w-title2{
	width:22% !important;}

.w-filet2{
	width:calc(78% - 10px) !important;}

.w-title3{
	width:16% !important;}

.w-filet3{
	width:calc(84% - 10px) !important;}

.w-title4{
	width:30% !important;}

.w-filet4{
	width:calc(70% - 10px) !important;}

.w-title-auto{
	width:auto;}

.footer .sub-footer{
	opacity: 1;
	background: black;
	color:rgba(255, 255, 255, 0.5);
	border-top:1px solid #fff3;
}

.page-contact p{
	font-size:14px !important;
}

.filet-title2{
	width:200px;
	border:2px solid #463AFD;
	color:blue;
}

#blocImage2{
	width:50%;
	float:left;
	min-height:500px;
	padding-top:50px;
}

#blocImage2 img{
	width:70%;
	margin-top:150px;
	display:block;
	margin:auto;
}


.bloc-tx-intro{
	width:50%;
	float:left;
	background: black;
	color:white;
	margin-top:80px;
}

header{
	background: black;
}

.red-border{
	border-color:#FD3A5D;
}

.red-color{
	color:#FD3A5D !important;
}

.orange-color{
	color:#FD803A !important;
}

.orange-border{
	border-color:#FD803A;
}

.green-color{
	color:#3AFD71 !important;
}

.green-border{
	border-color:#3AFD71;
}

.purple-color{
	color:#A73AFD !important;
}

.purple-border{
	border-color:#A73AFD;
}

.blue-color{
	color:#3ADAFD !important;
}

.blue-border{
	border-color:#3ADAFD;
}

.yellow-color{
	color:#FDD23A !important;
}

.yellow-border{
	border-color:#FDD23A;
}





.services-categ{
	padding-top:150px;

}

.services-categ a{
	display:block;
}

.service{
	width:16.6%;
	float:left;
	border-right:1px solid rgba(255, 255, 255, 0.3);
	cursor:pointer;
}

.service:nth-of-type(6){
	border-right: none;
}

.service .icon{
	width:100%;
	text-align:center;
	color:rgba(255, 255, 255, 0.3);
	font-size: 30px;
	margin-bottom: 10px;
}

.service h5{
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
   	font-weight: 400;
   	text-align: center;
   	color:rgba(255, 255, 255, 0.3);
}

.services-categ a:nth-of-type(6) .service{
	border-right: none;
}

.other-serv:hover h5{
	color:rgba(255, 255, 255, 0.7);
	transition: all ease 0.3s;
}

.other-serv:hover i{
	color:rgba(255, 255, 255, 0.7);
	transition: all ease 0.3s;
}

.header-service{
	height:100vh;
	position:relative;
}

.tx-intro2{
	margin-top: 30px;
	font-size: 14px;

}

.nav-scroll{
	background: black;
}

.infos{
	margin-top:100px;
}


.infos .section-head{
	padding:0;
}

.para1 h2{
	padding-left: 10px;
	width:100%;
	margin-bottom: 20px;
	margin-top: 50px;
}

#para2{
	background: none;
	margin-bottom: 110px;
}

#para2 .items2{
	box-shadow:0px 20px 40px 0 rgba(0, 0, 0, 0.2);
	min-height: 310px;
}

#para2 .img{
	width:66.66%;
	height:320px;
	padding:10px;
	overflow: hidden;
}

#para2 img{
	width:100%;
	
}

#para2 .row{
	margin-left: 0 !important;
}

.contact2 .container{
	padding:50px!important;
}

.contact2 .container .section-head{
	margin-bottom: 0 !important;
}

.contact2 .container h2{
	margin-bottom: 0 !important;
	float:left;
	margin-top:3px !important;
}

.contact2 .container h5{
	float:left;
	margin-top:17px !important;
	margin-left:50px !important;
}

.contact2 a{
		float:right;
	}



#para2 li i{
	float:left;
	margin-top: 3px;
	color:#FD3A5D;
}

#para2 li{
	min-height: 20px;
	margin-bottom: 15px;
}

#para2 li p{
	float:left;
}

.section-head .info-list p{
	margin:0;
	margin-left: 20px;
	text-align: left;
	width:auto;
}

.contact2 .fa-comment-dots{
	font-size: 20px;
	margin-top:12px;
	margin-left:10px;
	color:#463AFD;
}

.contact2 .butn{
	border-radius:100px;
	float:right;
}

.contact-tx{
		width:50%;
		float:left;
	}

.contact-form .container{
	top:0 !important;
}


.contact-form{
	padding-top:80px !important;
}

.header-nous{

	min-height: 100vh;
}

.header-nous #blocImage2{
	margin-top:100px;
	min-height: auto;
}

.header-nous #blocImage2 img{
	margin-left:0;
	margin-right:0;
	width:100%;
}

.header-nous .bloc-tx-intro{
	margin-top:200px;
}

.img-w100{
	width:100%;
	min-height:100px;
	background: black;
}

.header-nous img{
	width:85%;
	display: block;
	margin:auto;
	margin-top:50px;

}

.header-nous .tx-intro2{
	margin-bottom: 0;
}

#para1 .col-lg-6 ul{
	margin-bottom: 0;
	display: block;
	margin-left:20%;
}

#para1 .col-lg-6 li i{
	float:left;
	margin-right: 15px;
	color:#E2091A;
}

#para1 .col-lg-6 li p{
	margin-bottom: 10px;
}

.student .info{
	margin:0 !important;
	padding:0 !important;
}

.student .items2{
	padding:20px;
	box-shadow:0px 20px 40px 0 rgba(0, 0, 0, 0.2);
}

.img-student{
	max-height: 300px;
	overflow: hidden;
}

.img-student img{
	width:100%;
}

.tx-student{
	margin:20px 0 0 0  !important;
	width:100% !important;
}


.tx-student span {
	font-weight: bolder;
	color:#463AFD;
}

.student h2{
	text-align:left;
	margin-bottom: 20px;
}

.margin-0{
	margin-bottom:0 !important;
	padding:0 !important;
}

.margin-1{
	margin-top:50px !important;
}

.margin-2{
	margin-bottom:150px !important;
}

.nous-infograph-mobile{
	display:none !important;
}

.nous-infograph-mobile2{
	display:none !important;
}

.services-categ-mobile{
	padding-top:100px;
}

.services-categ-mobile ul{
	list-style-type: none;
}

.services-categ-mobile ul li{
	float:left;
	width:25%;
	text-align:center;
}

.services-categ-mobile ul::after{
	content:"";
	display:table;
	clear:both;
}

.services-categ-mobile .deroulant > a{
	color:rgba(255, 255, 255, 0.3);
	background-color: black;
	border:2px solid rgba(255, 255, 255, 0.3);
}

.services-categ-mobile a{
	display:block;
	text-decoration:none;
	color:black;
	background-color: white;
	padding:10px 0px;
}

.services-categ-mobile a:hover{
	color:#463AFD;
	border-bottom:2px solid #463AFD;
}

.services-categ-mobile .deroulant > a:hover{
	color:white;
	border-bottom:2px solid white;
}

.services-categ-mobile .sous{
	display:none;
	box-shadow: 0px 1px 2px #CCC;
	background-color: white;
}

.services-categ-mobile > ul li:hover .sous{
	display:block;
}

.services-categ-mobile .sous li{
	float:none;
	width:100%;
	text-align: left;
}

.services-categ-mobile .sous a{
	padding:10px;
	border-bottom:none;
}

.services-categ-mobile .sous a:hover{
	border-bottom:none;
	background-color:RGBA(200, 200, 200, 0.1);
}

.services-categ-mobile .deroulant > a::after{
	content:"▼";
	font-size:16px;
}

.services-categ-mobile .sous{
	display:none;
	box-shadow: 0px 1px 2px #CCC;
	background-color: white;
	position:absolute;
	width:100%;
	z-index:1000;
}

.services-categ-mobile ul li{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
}

.services-categ-mobile .active-red{
	color:#FD3A5D;
}

.services-categ-mobile{
		display:none;
	}

/* -------------------RESPONSIVE---------------------*/


@media screen and (max-width: 1200px){
	.s-title, .filet{
		width:100% !important;
	}

	.s-title{
		margin-bottom: 0;
	}

	.filet{
		margin-left: 0;
	}

	.w-title4{
		text-align:left;
	}

	.contact2 .container h2{
		width:100%;
	}

	.contact2 .container h5{
		margin-left: 0 !important;
		display: block;
		width:auto !important;
	}

	.contact2 .butn{
		margin-top:15px;
	}

	.foot-links{
		margin-left:0 !important;
	}
}

@media screen and (max-width: 991px){
	.services-categ{
		display:none;
	}
	#blocImage2, #blocImage{
		width:100%;
		min-height: auto;
	}
	#blocImage{
		padding-top:80px;
	}
	#blocImage img{
		width:60%;
		display:block;
		margin:auto;
	}
	.bloc-tx-intro, #bloc-tx-header{
		width:100%;
		margin-top:20px;
	}
	.scroll{
		display:none;
	}
	#bloc-tx-header .container{
		display: block;
	}
	header{
		height:auto !important;
	}
	#bloc-tx-header{
		padding-top:20px;
		margin-top: 0;
		margin-bottom: 30px;
		width: 100%;
    	padding-right: 60px;
    	padding-left: 60px;
    	margin-right: auto;
    	margin-left: auto;
	}
	#bloc-tx-header .tx-intro{
		padding-right: 0;
	}

	.header-service {
    height: auto;
    position: relative;
	}

	.tx-intro2 {
    margin-bottom: 100px;
	}

	.services .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	#para2 .img {
    width: 100%;
    height: auto;
    padding-top:50px;
    padding-bottom: 30px;
    overflow: hidden;
	}
	#blocImage2 img{
		margin-top:100px;
	}

	.about{
		margin-left: 0;
		margin-right: 0;
	}

	.about .info h5, #contact .info h5{
		margin-bottom: 0;
	}

	.about .info .butn{
		clear:left;
	}

	.nous li{
		margin-right: 0;
		width:33.33%;
	}

	.page-contact .item .content p {
    	width:100%;
	}
	
	.nous-infograph3{
		display:none !important;
	}

	.nous-infograph-mobile{
		display:block !important;
		margin-left:0 !important;
		margin-right:0 !important;
		width:100% !important;
		margin-bottom:50px !important;
	}

	#blocImage2 img{
		margin-top:0;
	}

	.bloc-tx-intro{
		margin-top:30px !important;
	}

	.services-categ-mobile{
		display:block;
	}
	

}

@media screen and (max-width: 767px) {
	.contact-tx{
		width:100%;
	}

	.contact2 a{
		float:none;
		margin:auto;
	}

	.contact2 .butn{
		margin-left:0;
	}

	.row{
		margin-right:0px !important;
		margin-left:0 !important;
	}
}

@media screen and (max-width:493px){
	.butn3{
		margin-left:0;
	}
	#blocImage img{
		width:80%;
	}
	.filet-title{
		margin-left:0;
		clear:left;
		margin-top:0;
	}
	.container, #contact .container{
		padding-left:15px;
		padding-right:15px;
	}
	#bloc-tx-header{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.nous li{
		width:100%;
	}
}

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

	.nous-infograph-mobile{
		display:none !important;
	}

	.nous-infograph-mobile2{
		display:block !important;
		width:50% !important;
		margin-bottom:50px !important;
	}
}


/* -----------RESPONSIVE HAUTEUR------------------- */


@media (max-height:700px){
	header{
		height:auto !important;
	}

	#bloc-tx-header{
		margin-bottom:50px;
	}

	.scroll{
		display:none;
	}
}