@charset "utf-8";
/* CSS Document */

* {
    -webkit-overflow-scrolling: touch;
}

.carousel-design{
	background-color:rgba(255, 255, 255, .0) !important;
	width:100%;
	}
	
.carousel-inner {
    margin-top:10.5rem;
	
	}

.bkg{
	background-color:#FFF; !important;
	}



.grand-title-design{
	font-size:2.7rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height:2.5rem;
	text-align:center;
	margin-bottom:0.3rem;
	color: #004DA3;
	}
	
	.grand-title-design-1{
	font-size:2.7rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height:2.5rem;
	text-align:center;
	padding-top:30px;
	margin-top: 10px;
	color:#004DA3;
	font-variant:small-caps;
	width:100%;
	margin-bottom: 5px;
	}


.title-design{
	font-size:1.25rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height:1.4rem;
	text-align:center;
	margin-bottom:25px;
	}

.title-design-1{
	font-size: 1.25rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.20rem;
    text-align: center;
    margin-left: 15px;
    margin-right:15px;
 	padding: 20px;
	color: #385372;
   padding-bottom: 10px;
    width: 100%;
    margin-bottom: 20px;
	padding-top: 60px; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; 
	
	font-variant: all-small-caps;	   
	}
	

.text-carousel{
	font-size:1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height:1rem;
	text-align:center;
	text-align-last:center;
	color: #004DA3;
	letter-spacing: 0.5;
	padding-left: 20px;
	font-variant:small-caps;
	padding-bottom: 95px;
	}
	
	.text-carousel-1 {
    font-size: 0.82rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
    text-align-last:center;
    height: 50px;
    letter-spacing: 0.5;
	color:#004DA3;
	margin-bottom: 15px;
	font-variant:small-caps;
	}

.icon-common{
	height: 120px;
	width: 120px;
	margin-left: 32%;
	}

.icon-common-1 {
	height:90px;
	width: 90px;
    margin-left:28%;
	}
	
	@media screen and (max-width:680px){
	.icon-common-2 {
    height: 90px;
    width: 90px;
    margin-left: 39%;
	}
	}
/*-------------icones bleus quality design  ------------*/

.icon-build{
	background: url(images/pictogrammes/build.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}

.icon-restore{
	background: url(images/pictogrammes/restore.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}


.icon-search{
	background: url(images/pictogrammes/search.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}


.icon-trending{
	background: url(images/pictogrammes/trending.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}
	
	
	.icon-down{
	background: url(images/pictogrammes/button-down.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 60% 60%;
	margin: 0 auto;
	margin-bottom: 100px;
	background-position: center; 
	
	
	}
	
	.icon-up{
	background: url(images/pictogrammes/button-up.png) no-repeat;
	background-position:center;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 60% 60%;
	
	margin-bottom: 100px;
	margin-top:25px;
	}
	



.icon-explore{
	background: url(images/pictogrammes/explore.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}


.icon-center{
	background: url(images/pictogrammes/center.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}
	
	
.icon-stat{
	background: url(images/pictogrammes/stat.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}

.icon-extension{
	background: url(images/pictogrammes/extension.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}
	
.icon-assignement{
	background: url(images/pictogrammes/assignement.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}
	
.icon-linear{
	background: url(images/pictogrammes/linear.png) no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	background-size: 80% 80%;
	}

.carousel-control-prev-icon{
	background-image:url(images/arrow-back.png);
	width:40px;
	height:40px; 
	margin-top: -21px;
	}


.carousel-control-next-icon{	
	background-image:url(images/arrow-next.png);
	width:40px;
	height:40px;
	margin-top: -21px;
	}
	
	
.icon-explore {
    background: url(images/pictogrammes/explore.png) no-repeat;
    background-size: auto auto;
    background-size: auto auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: 80% 80%;
	}


.team-1{
    background: url(images/pictogrammes/team1.png) no-repeat;
    background-size: auto auto;
    background-size: auto auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: 80% 80%;
	}
	
.team-2{
    background: url(images/pictogrammes/team2.png) no-repeat;
    background-size: auto auto;
    background-size: auto auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: 80% 80%;
	}
	
	.team-3{
    background: url(images/pictogrammes/team3.png) no-repeat;
    background-size: auto auto;
    background-size: auto auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: 80% 80%;
	}
		

/*-------------fin icones quality design  ------------*/


.carousel-control-prev-icon{
	background-image:url(images/arrow-back.png);
	width:30px;
	height:30px; 
	}


.carousel-control-next-icon{	
	background-image:url(images/arrow-next.png);
	width:30px;
	height:30px;
	}	


.carousel-indicators{ 
	}

@media screen and (max-width:750px){
	
	.title-design {
    font-size: 1.35rem;
    margin-bottom: 1.2rem;
    letter-spacing: 0.7px;
    margin-left: 40px;
    margin-right: 40px;
	}


.text-carousel {
    font-size: 0.7rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 0.9rem;
    text-align: center;
    text-align-last: center;
    height: 120px;
	padding-left: 1px;
	}
	}