body{
	overflow-x:hidden;
	
	}


/*header custom
==========================*/
.container.my-header{
	/*padding-right:30px;*/
	padding-left:10px;
}
/*.navbar-collapse{
	max-height:inherit;
	}	*/
	
	
.navbar-brand.visible-xs{
	padding-right: 0px;
}	
	
.navbar-brand.hidden-xs .img-responsive{
	height: 58px;
}	
	
.navbar-brand.visible-xs .img-responsive{
	height: 230%;
	margin-top:-5px;
	}

.navbar-inverse .navbar-toggle {
    border:0px;
}

	
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:0px;		
}

ul.nav.navbar-nav{
	letter-spacing:0.5px;
}

ul.nav.navbar-nav.navbar-right.menu-bleu {
    background: #71CAF3;
	padding:0;
	border-radius:20px;
	/*margin-right:-15px;*/
	border:2px solid #71CAF3;
	color:#fff;
}


ul.nav.navbar-nav.navbar-right.menu-bleu li a {
	padding:4px 10px 0px 10px;
	border-radius:20px;
    display: inline-block;
	line-height:25px;
	text-transform:inherit;
}

ul.nav.navbar-nav.navbar-right.menu-bleu li button {
	padding:4px 10px 0px 10px;
	border-radius:20px;
    display: inline-block;
	line-height:25px;
	text-transform:inherit;
	border:inherit;
	background-color:inherit;
	font-family: '__Nexa Bold_5', sans-serif;	
}

ul.nav.navbar-nav.navbar-right.menu-bleu li button:hover {
	background-color:#fff;
	color:#0081C0;
}

.navbar-inverse .navbar-nav.menu-bleu >li> a{
	color:#fff;
}


ul.nav.navbar-nav.navbar-right.menu-bleu li a:hover {
	background-color:#fff;	
}

ul.nav.navbar-nav.navbar-right.menu-bleu li .fr {
	border-radius:20px 0px 0px 20px;	
	border: 2px solid #ffffff;
    border-right: 1px solid #ffffff;
	height:30px;
	line-height:150%;
	background-color:#69B5DA;
}

ul.nav.navbar-nav.navbar-right.menu-bleu li .en {
	border-radius: 0px 0px 0px 0px;	
	border: 2px solid #ffffff;
	height:30px;
	line-height:150%;
}

ul.nav.navbar-nav.navbar-right.menu-bleu li .es {
	border-radius:0px 20px 20px 0px;	
	border: 2px solid #ffffff;
    border-left: 1px solid #ffffff;
	height:30px;
	line-height:150%;
	background-color:#69B5DA;
}

 a:hover{
	color:#69B5DA;
	}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus	{
	background: #fff;
	color:#69B5DA;
	}


ul.langue{
	background: #71CAF3;
    padding: 0;
    border-radius: 20px;
    border: 2px solid #71CAF3;
    color: #fff;
	float:right;
	list-style: none;
	margin-right:30px;
	margin-top:15px;
	font-family: '__Nexa Bold_5', sans-serif;
	}
	
	
ul.langue.visible-xs{
	margin-right:5px;
	}
	
ul.langue li a{
	padding:4px 10px 0px 10px;
	color:#fff;
	}
	
.langue li{
	display: inline;
	}
	
	
.navbar-inverse ul.langue li a:hover{
	padding:4px 10px 0px 10px;
	color:#71CAF3;
	background-color:#fff;
	}
	
.langue.visible-xs li .active.fr {
	border-radius:20px 0px 0px 20px;	
	border: 2px solid #ffffff;
    border-right: 1px solid #ffffff;
	height:30px;
	line-height:150%;
	float:left;
	
}

.langue.visible-xs li .active.uk {
	border-radius:0px  0px 0px 0px;	
	border: 2px solid #ffffff;
    border-left: 1px solid #ffffff;
	height:30px;
	line-height:150%;
	background-color:#69B5DA;
	float:left;
	
}

.langue.visible-xs li .active.sp {
	border-radius:0px 20px 20px 0px;	
	border: 2px solid #ffffff;
    border-left: 1px solid #ffffff;
	height:30px;
	line-height:150%;
	background-color:#69B5DA;
	float:left;
	
}

.langue.visible-xs li .active:hover {
    background-color: #fff;
}


.navbar-right.menu-up{
	margin-top:40px;
}

.navbar-inverse .navbar-nav.menu-bleu > li > a {
    width: 100%;
}

.navbar-inverse .navbar-nav.menu-bleu > li > button {
    width: 100%;
	text-align:left;
}

 .in ul.nav.navbar-nav.navbar-right.menu-bleu  {
    border-radius:0px;
}

 .in ul.nav.navbar-nav.navbar-right.menu-bleu > li > a  {
    border-radius:0px;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color:inherit;
	color:inherit;}


/*-----slider----*/


.da-img.gif_1 {
	background-image:url(../videos/temps-reel-2.png);
	background-repeat:no-repeat;
	width:718px;
	height:445px;
	padding-top:30px;
	padding-left:110px;
	margin:0 auto;

}

.da-img.bandeau_1 {
	/*padding-top:30px;*/
	margin:0 auto;
	/*margin-left: -12%;*/
	margin-top: -5px;

}


.col-md-4.da-img.gif_1.img-silder {
    margin-left: -22%;
}

.col-md-4.titre {
    top: 100px;
}
.fleche-titre {
    margin-top: 70px;
    margin-left: 170px;
    -ms-transform: rotate(30deg) scaleX(-1);
    -webkit-transform: rotate(30deg) scaleX(-1);
    transform: rotate(30deg) scaleX(-1);
}


.fleche-titre-2 {
    margin-top: 70px;
    margin-left: 170px;
    -ms-transform: rotate(20deg) scaleX(-1);
    -webkit-transform: rotate(20deg) scaleX(-1);
    transform: rotate(20deg) scaleX(-1);
}

.fleche-titre-3 {
    margin-top: 70px;
    margin-left: 170px;
    -ms-transform: rotate(15deg) scaleX(-1);
    -webkit-transform: rotate(15deg) scaleX(-1);
    transform: rotate(15deg) scaleX(-1);
}






.titre-bleu{
	background-color:#00B9EE;
	color:#ffffff;
padding: 0.25em 0.5em 0.07em 0.5em;
	margin-bottom:-10px;
	transition-delay: .3s;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
}

.titre-blanc{
	background-color:#ffffff;
	color:#000000;
padding: 0.25em 0.5em 0.07em 0.5em;
	transition-delay: .3s;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
	
}


#service{
padding-top: 40px;
padding-bottom: 10px;
}

.da-arrows span
{
	background:inherit;
	width: 30px;
    height: 30px;
	}
	
	
.da-arrows span:hover:after
{
	box-shadow:inherit;
	}

.da-arrows span:hover:after{
	width: 30px;
    height: 30px;
	}
	
/*----contenu-----*/

#service .feature_header.text-center{
    margin-top: 0px;
}

#trunk, #analyse, #valeur-ajoutee, #appel-entrant, #securite, #support, #infra, #contact{
	height:30px;
	
	}

.feature_header text-center{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.feature_header text-center{
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  



#adn-content {
	background-image: url("../images/adn.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
   	background-attachment: fixed;
	width:100%;
	height: 150%;
	background-color: #000;
	background-size: 100%;
}


#adn-content-mobile {
	background-image: url("../images/adn-mobile.jpg");
	background-repeat:repeat-y;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
   	width:100%;
	height: 150%;
	background-color: #000;
	background-size: 100%;
}


#solid-content {
	background-image: url("../images/solid.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
   	background-attachment: fixed;
	width:100%;
	height: 150%;
	background-size: 100%;
}


#service_specialiste  {
	background-image: url("../images/specialiste.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
   	background-attachment: fixed;
	width:100%;
	background-size: 100%;

}


#service_trunk  {
	background-image: url("../images/trunk-sip.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
	width:100%;
	
    
	
}

#service_analyse  {
	background-image: url("../images/sip-statistique.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: -50px;
    background-size: initial;
	width:100%;
}

#service_valeur-ajoutee  {
	background-image: url("../images/operateur-telecom-service.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: -150px;
    background-size: initial;
	width:100%;
	
}


#service_appel-entrant  {
	background-image: url("../images/appel-entrant-en.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
	width:100%;
	
}

#service_securite {
	background-image: url("../images/protection.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: -170px;
    background-size: initial;
	width:100%;
	
}

#service_support {
	background-image: url("../images/support.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: -200px;
    background-size: initial;
	width:100%;
	
}



#service_infra {
	background-color:#fff;
	background-image: url("../images/infrastructure.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
   	/*background-attachment: fixed;*/
	width:100%;
	
}



#service_croissance {
	background-image: url("../images/croissance.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
/*  background-attachment: fixed;*/
	width:100%;
    background-color:#f4a250;
	
}



#service_croissance {
	background-image: url("../images/croissance.jpg");
	background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: 0px;
    background-size: initial;
/*  background-attachment: fixed;*/
	width:120%;
    background-color:#f4a250;
	
}



#service_croissance, #service_infra {
	width: 100%;
    height: 550px;
}



#service_trunk, #service_analyse, #service_valeur-ajoutee, #service_appel-entrant, #service_securite, #service_support, #service_canal-voix{
	width: 100%;
    height: 550px;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgb(85 85 85 / 11%);
    box-shadow: inset 0px 2px 2px 0px rgb(85 85 85 / 11%);
}

#trunk-content, #analyse-content, #valeur-ajoutee-content, #appel-entrant-content, #securite-content, #support-content, #infra-content{
margin-top:30px;
margin-bottom:70px;
}


#service_contact{
	border-top: 2px solid #0081C0;
	padding-top:0px;
	width:100%;
	background-size: 100%;
	background-repeat: no-repeat;
    background-size: cover;
	}
	
#service_contact .feature_header.text-center{
margin-top:50px;
}


.feature_header.text-center{
	margin-top:80px;
}

.btn-main{
font-family: '__Nexa Bold_5', sans-serif;
}



.footer_menu ul li a{
color:#fff;
}


/*-----modal ----*/	

.modal-dialog.cdg{
	width:800px;
	
	}


.modal-content{
position: relative;
background-color: #fff;
border:0px;
border-radius:0px;
-webkit-box-shadow:inherit;
box-shadow:inherit;
background-clip: padding-box;
outline: 0;
}

.modal-body{
max-height: 250px;
overflow-y:scroll;

	}


.modal.in .modal-dialog{
	margin-top:15%;
	
	}
	
	
.modal-title{
	text-align: center;
	text-transform: uppercase;
	color:#0081C0;
	}
	
	
.btn-primary{
background: #0081C0;
border: 1px solid #0081C0;
color: #fff;
font-family: '__Nexa Bold_5', sans-serif;
text-transform: uppercase;
height:30px;
}

.btn-primary:hover{
background: #333;
color: #fff;
border: 1px solid #333;
}


.btn-default{
background: #fff;
border: 1px solid #999;
color: #999;
font-family: '__Nexa Bold_5', sans-serif;
text-transform: uppercase;
height:30px;
}

.btn-default:hover{
background: #333;
color: #fff;
border: 1px solid #333;
}


#modal-bg
{
background-image:url(../images/fond.png);
background-repeat:no-repeat;
background-position:center;
background-color: #D8DBE3;
}


/*-----mobile ----*/	



@media (max-width:992px){

.modal.in .modal-dialog{
	margin-top:25%;
	}
	
.feature_title {
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}


#trunk, #analyse, #valeur-ajoutee, #appel-entrant, #securite, #support, #infra{
height:60px;
}

#service_trunk, #service_analyse, #service_valeur-ajoutee, #service_appel-entrant, #service_securite, #service_support, #service_infra{
background-image:inherit;
height: inherit;
-moz-box-shadow: inherit;
-webkit-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit;
background-color: #0081C0;
padding-bottom: 30px;
}
	
	
#service_croissance{
background-image:inherit;
height: inherit;
-moz-box-shadow: inherit;
-webkit-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit;
background-color: #000;
padding-bottom: 30px;
}	
	

.feature_title {
font-size: 26px;
}

.feature_sub{
max-width:90%;
}


.feature_title.animated{
	color:#fff;
}	


.feature_sub.animated{
	color:#fff;
	font-family: '__Nexa Light_5', sans-serif;
}
	
	
.small-img{
/*-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;*/

}

.feature_header{
padding-top:inherit;
}

.feature_header.text-center{
margin-top:15px;
}

#trunk-content, #analyse-content, #valeur-ajoutee-content, #appel-entrant-content, #securite-content, #support-content, #infra-content{
/*-moz-box-shadow: 0px -2px 2px 0px rgba(103, 103, 103, 0.43);
-webkit-box-shadow: 0px -2px 2px 0px rgba(103, 103, 103, 0.43);
-o-box-shadow: 0px -2px 2px 0px rgba(103, 103, 103, 0.43);
box-shadow: 0px -2px 2px 0px rgba(103, 103, 103, 0.43);*/
margin-top:20px;
margin-bottom:20px;

}

.card{
margin-top:-20px;
margin-bottom:20px;}

.contact-title{
	font-size:120%;}


}

.ombre img{
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
border-radius:4px;
}	

a:hover.btn-webrtc img {
    
	 width: 84%;
	
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}



@media (max-width:500px){



.feature_content p{
max-width:90%;
}

.feature_content{
margin-top:30px;
}


}



@media (max-width:1200px){
	
.modal-dialog.cdg{
	width:auto;
}		
		
.feature_title {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

/*.feature_sub{
max-width:80%;
}
*/

.bounceInUp{
opacity:1;
}
		
.bounceInUp.go { 
-webkit-animation-name:none; 
animation-name:none; 
}
		
.bounceInDown{
opacity:1;
}
		
.bounceInDown.go { 
-webkit-animation-name:none; 
animation-name:none; 
}
		
.fadeInLeft{
opacity:1;
margin-top:20px;
}
		
.fadeInLeft.go { 
-webkit-animation-name:none; 
animation-name:none; 
}
		
.fadeInRight{
opacity:1;
margin-top:20px;
}
		
.fadeInRight.go { 
-webkit-animation-name:none; 
animation-name:none; 
}
		
.shake{
margin-top:20px;	
}
		
.shake.go { 
-webkit-animation-name:none; 
animation-name:none;
}

ul.nav.navbar-nav.navbar-right.menu-bleu {
   border-radius:0px;
}
	
ul.nav.navbar-nav.navbar-right.menu-bleu li button {
   border-radius:0px;
}	

ul.nav.navbar-nav.navbar-right.menu-bleu li a {
   border-radius:0px;
}	


.main_feature{
margin:inherit;	
	
}

}

a.flag:hover {
	opacity:0.5;
}


li.flag.visible-xs {
    float: left;
}

li.flag.visible-sm {
    float: left;
}

a.mention:hover {
	opacity: 0.5;
}


a:hover {
 -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.article{
	background-color: #fff;
    padding: 2em;
	padding-bottom:10px;
    box-shadow: 0px 12px 10px -9px rgba(46, 46, 46, 0.56);
	margin-bottom: 20px;
}

.date{
color:#000;
font-size:12px;
border-bottom: 0.5px solid #717171;
}


.titre-noir{
	font-size:16px;
	font-family: '__Nexa Bold_5', sans-serif;
	font-weight: 700;
	color:#1F1F1F;
	
}

.suite{
font-style:italic;
text-align: right;
text-decoration: underline;
}

.fond_video{
background: #8377b4;
background: linear-gradient(-29deg,#8377b4 50%, #ede17a 50%);
background: -webkit-linear-gradient(-29deg,#8377b4 50%, #ede17a 50%);
background: -moz-linear-gradient(-29deg,#8377b4 50%, #ede17a 50%);
background-attachment: fixed;
}


.fond_presse{
background: #e7d7b9;
background: linear-gradient(-29deg,#e7d7b9 50%, #d85959 50%);
background: -webkit-linear-gradient(-29deg,#e7d7b9 50%, #d85959 50%);
background: -moz-linear-gradient(-29deg,#e7d7b9 50%, #d85959 50%);
background-attachment: fixed;
}





/*  (-25deg,#9487cb 49.92%, #b4e3f8 50%)


	(-29deg,#8377b4 50%, #ede17a 50%);

	-moz-linear-gradient(-25deg,#e7d7b9 50%, #7f3333 50%)

#ffcd95 #8b3333    



.fond_presse{
background: #edbc5f;
background: linear-gradient(-25deg,#edbc5f 50%, #6a64a3 50%);
background: -webkit-linear-gradient(-25deg,#edbc5f 50%, #6a64a3 50%);
background: -moz-linear-gradient(-25deg,#edbc5f 50%, #6a64a3 50%);
background-attachment: fixed;
}


.fond_presse{
background: #9487cb;
background: linear-gradient(-25deg,#9487cb 50%, #b4e3f8 50%);
background: -webkit-linear-gradient(-25deg,#9487cb 50%, #b4e3f8 50%);
background: -moz-linear-gradient(-29deg,#9487cb 50%, #b4e3f8 50%);
background-attachment: fixed;
}



*/