body{
	background:url(../images/bg3.jpg) repeat fixed 0 0 #fff;
	font-family:'Open Sans',sans-serif;
	color:#4e4e4e;
	//font-size:18px;
	}
h1,h2,h3,h4,h5,h6{
	font-family:'Roboto Condensed',sans-serif;
	margin-bottom:20px;
	margin-top:20px;
	}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{
	font-size:65%;
	}
.h4,.h5,.h6,h4,h5,h6{
	margin-bottom:10px;
	margin-top:10px;
	}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
	font-size:75%;
	}
.h1,h1{
	font-size:36px;
	}
.h2,h2{
	font-size:30px;
	}
.h3,h3{
	font-size:24px;
	}
.h4,h4{
	font-size:18px;
	}
.h5,h5{
	font-size:14px;
	}
.h6,h6{
	font-size:12px;
	}
h2,.lead{
	text-align:center;
	}
.tab-content h3,.tab-content h4,#formation.nav-link.active{
	font-weight: bold;
	}
#formation .nav-link.active{
	background: #edf1f5 none repeat scroll 0 0;
	}
#formation .nav-tabs .nav-link {
    border: 1px solid #edf1f5;
	}
#beneficesSP h3, #beneficesSP3 h3{
	font-size:21px;
	}
#beneficesSP.bg-blanc, #beneficesSP3.bg-blanc {
    padding-bottom: 5px;
    padding-top: 5px;
	}
.card{
	margin: 0px 0px 5px 0px;
	box-shadow: -1px 1px 5px 0 rgba(221,221,221,1);
}	
.card-header{
	background-color: #ffffff;
	padding: 20px 30px 20px 20px;
}
.card a{
	font-size: 18px;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 21px;
}
.lead{
	font-family:"Roboto Condensed",sans-serif;
	font-size:21px;
	padding-left:3%;
	padding-right:3%;
	}
.pp{
	background: #c52d2f  !important;
	color: #ffffff !important;
	border: 2px solid #c52d2f  !important;
	
	}
.bpb{
	padding-bottom: 10px !important;
	}
#consultation .fa{
	font-size: 20px;
	color: #c52d2f;
	}
.fa-question-circle-o {
	font-size: 25px !important;
	color: #c52d2f;
	padding-right: 10px;
	}	
#consultation .fa-phone{
	color: #ffffff;
	}
#consultation p{
	text-align: left;
}
#about{
	padding-top: 30px;
}
#about i{
	margin: 3px 11px 10px 3px;
    font-size: 30px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    background: #ffffff;
    color: #c52d2f;
    border: 0px solid #c52d2f;
    -webkit-box-shadow: inset 0 0 0 5px #fff;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    float: left;
   }
#about h4{
	font-size: 20px;
	}
.abouttitre, .avantage{
	padding: 30px 19px;
	background: #fff;
	border-radius: 4px;
	margin: 0 0 40px;
	box-shadow: -1px 1px 5px 0 rgba(221,221,221,1);
	}
	
#why .pull-left i{
	margin: 3px 21px 3px 3px;
	font-size: 38px;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	line-height: 60px;
	text-align: center;
	background: #fff;
	color: #c52d2f;
	border: 0px solid #c52d2f;
	box-shadow: inset 0 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 0 5px #fff;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	float: left;
	}
.contact-info h2, .contact-info p {
  text-align: center;
}
.consultation{
	display: flex;
    justify-content: center;
}
p{
	text-align:justify;
	line-height:28px;
	}
footer p{
	text-align:center;
	font-size:12px;
	}
div .caption p{
	text-align:left;
	}
a{
	color:#4e4e4e;
	text-decoration:none;
	}
a:focus,a:hover{
	color:#4e4e4e;
	text-decoration:none;
	}
#centreIT .infos-centre h4, #centreIT .infos-centre p{
	text-align: center !important;
	}	
#centreIT .infos-centre{
	background-color: #ffffff !important;
	border:3px solid #c52d2f;
	color: #c52d2f;
	max-width: 500px;
	margin: auto;
	border-radius: .25rem;
	}
.navbar-brand{
	float:left;
	font-size:55px;
	font-style:italic;
	font-weight:700;
	height:50px;
	line-height:40px;
	}
.navbar-brand > img,#partner img{
	box-shadow:none!important;
	}
.error{
	color:red;
	}
img{
	box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
	}
.pbx img{
	box-shadow:none;
	}
.blh{
	color:#fff;
	}
.coulv{
	background-color:#1fac9b!important;
	color:#fff;
	}
.coulb{
	background-color:#00a2cb!important;
	color:#fff;
	}
.coulj{
	background-color:#f3ac52!important;
	color:#fff;
	}
.coulr{
	background-color:#e35645!important;
	color:#fff;
	}
.coul{
	padding-right:5px;
}
.thumbnail{
	margin-bottom: 40px;
	margin-top: 40px;
	position: relative;
    box-shadow: -1px 1px 5px 0 rgba(221, 221, 221, 1);
}
.container{
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	width:100%;
}
.menu{
	//max-width:100%!important;
}
.navbar{
	margin-bottom:0;
	background-color:#2a4250;
	border-bottom:5px solid #5f8699;
	font-size:14px!important;
	padding:15px;
}.nav li{
	font-family:'Roboto Condensed',sans-serif;
	text-transform:uppercase;
}
.navbar li a,navbar-dark .navbar-brand{
	color:#fff;
}
.navbar-dark .navbar-nav .nav-link{
	color:#fff!important;
}.navbar-nav li a:hover{
	color:#fff!important;
}
.navbar-nav li.active a{
	color:#fff!important;
	background-color:#2a4250!important;
}
.show .dropdown-toggle{
	color:#fff!important;
	background-color:#5f8699!important;
}
.dropdown-item{
	background-color:transparent;
	border:0 none;
	clear:both;
	color:#212529!important;
	display:block;
	font-weight:400;
	padding:.25rem 1.5rem;
	text-align:inherit;
	white-space:nowrap;
	width:100%;
}
.dropdown-item:focus,.dropdown-item:hover{
	background-color:#5f8699;
	color:#fff;
	text-decoration:none;
}
.dropdown-item.active,.dropdown-item:active{
	background-color:#5f8699;
	color:#fff;
	text-decoration:none;
}
.dropdown-menu li a{
	color:#4e4e4e!important;
}
.dropdown-menu li a:hover{
	background-color:#5f8699!important;
}
.dropdown-menu{
	background-clip:padding-box;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.15);
	box-shadow:0 6px 12px rgba(0,0,0,0.176);
	float:left;
	font-size:14px;
	list-style:outside none none;
	min-width:160px;
	padding:5px 0;
	position:absolute;
	text-align:left;
	top:100%;
	z-index:1000;
}
.navbar-brand{
	padding:0;
}
.navbar-collapse{
	align-items:center;
	flex-basis:100%;
	flex-grow:0;
}
.navbar-expand-md .navbar-nav .nav-link{
	padding-left:14px;
	padding-right:14px;
}
.rec, .recen{
	padding-left:5px;
	padding-right:5px;
}
.was-validated .form-control:valid{
	border-color: #ced4da!important;
	background-image: none!important;
}
.was-validated .form-control:invalid{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")!important;
}
.forma{
	background-color: #edf1f5;
}
#formaphone{
	background: rgba(0,0,0,0) url(../images/services/bg_cablage.jpg) repeat fixed 0 0 / cover;
	color: #4e4e4e;
	padding-bottom: 12px;
	padding-top: 12px;
}
#formaphone h2{
	color: #ffffff;
}
#formaphone input::placeholder, #formaphone select, #formaphone textarea::placeholder {
        //color: #1c87c9;
        opacity: 0.7;
      }
.formphone{
	background-color: #edf1f5;
}
.btnforma{
	//background: #ffffff!important;
	padding: 15px 25px;
}
.pak{
	height: 180px;
	padding-right: 15px;
    padding-left: 15px;
}
.coul3{
	border:1px solid #cccccc;
	background: #ffffff;
	padding-bottom: 10px;
	padding-right: 0px;
    padding-left: 0px;
}
.promo{
	background-color:#c52d2f!important;
	border-color:#c52d2f;
	color:#fff;
}
.nopromo,.promo{
	height: 30px;
	text-align: center;
	font-weight: bold;
}
.coul31{
	border:1px solid #c52d2f !important;
}
.prix{
	padding-right: 15px;
    padding-left: 15px;
	padding-top: 25px;
	//display: flex;
    align-items: center;
    justify-content: center;
	
}
.appeles{
	//padding-bottom: 25px;
}
.prix .btn{
	background: #c52d2f !important;
    color: #fff;
    border-color: #c52d2f;
	width: 200px;
}
.pak h3, .prix p{
	text-align: center;
}
.pak h3{
	font-weight: bold;
}
.prix p{
	padding-bottom: 25px;
}
.chiffre{
	font-size: 36px;
	font-weight: bold;
	color: #c52d2f;
}
.sticky-top2{
	position: sticky;
	top: 80px;
}
th{
	background: #5f8699;
    color: #fff;
}
.table-wrap{
	display:block;
}

.table-wrap-mobil{
	display:none;
}
.table-check td, .table-check th{
    padding: 10px;
    border: 1px solid #e4e6e8;
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #edf1f5;
}
.pricing-table{
	margin-left:auto;
	margin-right:auto;
}
.tab-titre{
	text-align: left;
	height: 55px;
}
td:first-child{
	text-align: left;
}
.collapseOne{
	text-align: left !important;
}
#equipements img{
	  box-shadow: none;
}
.carousel1{
	position:relative;
}
.carousel1-inner{
	overflow:hidden;
	position:relative;
	width:100%;
}
#image .carousel1 .item.active{
	opacity:1;
	transition:opacity 500ms ease-in-out 0;
	z-index:1;
}
#image .carousel1 .item:first-child{
	position:relative;
	top:auto;
}
#image .carousel1 .item{
	background-position:50% center;
	background-repeat:no-repeat;
	background-size:cover;
	display:block!important;
	left:0!important;
	opacity:0;
	position:absolute;
	top:0;
	transition:opacity 500ms ease-in-out 0;
	width:100%;
}
.carousel1-inner > .active{
	left:0;
}
.carousel1-inner > .active,.carousel1-inner > .next,.carousel1-inner > .prev{
	display:block;
}
.carousel1-inner > .item{
	display:none;
	position:relative;
	transition:left .6s ease-in-out 0;
}
#image .carousel1 .carousel1-content{
	background:rgba(0,0,0,0) url(../images/slider/transparent_bg.png) repeat scroll 0 0;
	margin-top:70px;
	margin-bottom:70px;
	padding:15px;
}
#image .carousel1 .ipb{
	margin-top:70px;
	margin-bottom:10px;
	padding:15px;
}
#image .active .animation.animated-item-1{
	-webkit-animation:fadeInUp 300ms linear 300ms both;
	-moz-animation:fadeInUp 300ms linear 300ms both;
	-o-animation:fadeInUp 300ms linear 300ms both;
	-ms-animation:fadeInUp 300ms linear 300ms both;
	animation:fadeInUp 300ms linear 300ms both;
}
#image .active .animation.animated-item-2{
	-webkit-animation:fadeInUp 300ms linear 900ms both;
	-moz-animation:fadeInUp 300ms linear 900ms both;
	-o-animation:fadeInUp 300ms linear 900ms both;
	-ms-animation:fadeInUp 300ms linear 900ms both;
	animation:fadeInUp 300ms linear 900ms both;
}
#image .carousel1 h1,#image .carousel1 p{
	color:#fff;
}
#solutions,#cablages,#cameras,#web,#portfolio,#partner,#cablagesIP,#tarif .plan, #servicesCyb{
	padding-bottom:50px;
	padding-top:65px;
}
#solutions,#web,#banner{
	background:#edf1f5;
}
#cameras{
	background:#fff;
}
#servicescl, #servicescl3{
	background:rgba(0,0,0,0) url(../images/services/bg_cablage.jpg) repeat fixed 0 0 / cover;
	color:#fff;
	padding-bottom:12px;
	padding-top:12px;
}
#servicescl{
	padding-bottom: 30px;
}
#servicescl3{
	padding-bottom: 12px;
}

#solutions h2,#cablages h2,#cameras h2,#web h2,#portfolio h2,#partner h2,.lead{
	margin-bottom:35px!important;
	margin-top:10px!important;
}
#solutions .solution{
	margin-bottom:35px;
	overflow:hidden;
}
#solutions .solution h3{
	margin-top:10px;
}
#solutions .solution i,#cameras .solution i{
	font-size:48px;
	height:80px;
	width:80px;
	margin:3px 25px 50px 3px;
	border-radius:100%;
	line-height:80px;
	text-align:center;
	background:#fff;
	color:#c52d2f;
	border:3px solid #fff;
	box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
}
#solutions .solution i:hover{
	background:#c52d2f;
	color:#fff;
	border:3px solid #c52d2f;
}
#cablages,#cablagesIP,#servicesCyb{
	background:#000 url(../images/services/bg_cablage.jpg) repeat scroll 0 0 / cover;
	background-size:cover;
}
#cablages .cablage,#cablagesIP .cablage, #servicesCyb .cablage{
	padding:20px 15px;
	background:#fff;
	border-radius:4px;
	margin:0 0 40px;
}
#cablages .pull-left i,#web .pull-left i,#beneficesIP .pull-left i,#cablagesIP .pull-left i,#beneficesIP2 .pull-left i, #servicescl .pull-left i, #servicescl3 .pull-left i{
	margin:13px 21px 3px 3px;
	font-size:48px;
	height:80px;
	width:80px;
	border-radius:100%;
	line-height:80px;
	text-align:center;
	background:#f2f2f2;
	color:#c52d2f;
	border:3px solid #c52d2f;
	box-shadow:inset 0 0 0 5px #fff;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
}

#beneficesSP .pull-left i, #beneficesSP3 .pull-left i{
	margin:3px 3px 3px 3px;
	height:30px;
	line-height:80px;
	width:30px;
	border:0px solid #c52d2f;
	color:#ffffff;
	box-shadow:inset 0 0 0 0px #fff;
	-webkit-box-shadow:inset 0 0 0 0px #fff;
	background:none;
	font-size: 35px;
}
#servicesCyb .pull-left i{
	margin: 13px 21px 3px 3px;
	font-size: 35px;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	line-height: 80px;
	text-align: center;
	background: #f2f2f2;
	color: #c52d2f;
	border: 3px solid #c52d2f;
	box-shadow: inset 0 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 0 5px #fff;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	float: left;
}
#servicesCyb .pull-left .ca3, #web .pull-left .ca3 {
  margin: 13px 21px 23px 3px;
}

#beneficesIP .securite, #beneficesIP2 .securite{
	padding:40px 30px;
}
#web .securite, #beneficesSP .securite, #beneficesSP3 .securite{
	padding:20px 20px;
}	
#web .securite,#beneficesIP .securite, #beneficesSP .securite, #beneficesSP3 .securite, #beneficesIP2 .securite{
	background:#fff;
	border-radius:4px;
	margin:0 0 40px;
	-webkit-box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
	-moz-box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
	box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
}
.nav-pills > li{
	float:none;
}
.ben{
	margin-bottom: 30px;
}
.benprod h3{
	color: #ffffff;
}
.arrow-box{
	position: relative;
    background: #c52d2f ;
    text-align: center;
    min-height: 40px;
    padding: 5px;
    margin-top: 30px;
}
.arrow-box::after {
	left: 50%;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-top: solid 15px #c52d2f ;
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
	top: 100%;
	margin-left: -30px;
}
.content-box{
	background: #ffffff;
	border: 1px solid rgba(0,0,0,.125);
	margin-top: -2px;
	min-height: 255px;
	padding: 40px 15px 0px 15px;
	box-shadow: -1px 1px 5px 0 rgba(221,221,221,1);
}
#recent-works .col-xs-12.col-sm-4.col-md-3{
	padding:0;
}
#recent-works{
	padding-bottom:70px;
}
.recent-work-wrap{
	position:relative;
	box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
	margin-bottom:20px;
}
.recent-work-wrap img{
	width:100%;
}
.recent-work-wrap .recent-work-inner{
	top:0;
	background:transparent;
	opacity:.8;
	width:100%;
	border-radius:0;
	margin-bottom:0;
}
.recent-work-wrap .recent-work-inner h3{
	margin:10px 0;
}
.recent-work-wrap .recent-work-inner h3 a{
	font-size:24px;
	color:#fff;
}
.recent-work-wrap .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	border-radius:0;
	color:#fff;
	vertical-align:middle;
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
	padding:30px;
}
.recent-work-wrap .overlay .preview{
	bottom:0;
	display:inline-block;
	height:35px;
	line-height:35px;
	border-radius:0;
	background:transparent;
	text-align:center;
	color:#fff;
}
.recent-work-wrap:hover .overlay{
	opacity:1;
}
#cablage .recent-work-wrap .overlay{
	background:none;
}
.ecothermtechs,.acmax,.ibnsina,.ile,.icbc,.gla,.glpa,.omega,.fm,.azzahra,.ec,.vc,.jbc,.adr,.cgis,.et{
	border:5px solid #ededed;
}
.ecothermtechs{
	background:#c52d2f url(../images/web/ett.jpg) repeat scroll 0 0;
	background-size:cover;
}
.acmax{
	background:#c52d2f url(../images/web/acmax.jpg) repeat scroll 0 0;
	background-size:cover;
}
.ibnsina{
	background:#c52d2f url(../images/web/ibs.jpg) repeat scroll 0 0;
	background-size:cover;
}
.ile{
	background:#c52d2f url(../images/web/gipc.jpg) repeat scroll 0 0;
	background-size:cover;
}
.icbc{
	background:#c52d2f url(../images/web/icbcan.jpg) repeat scroll 0 0;
	background-size:cover;
}
.gla{
	background:#c52d2f url(../images/web/gla.jpg) repeat scroll 0 0;
	background-size:cover;
}
.glpa{
	background:#c52d2f url(../images/web/glpa.jpg) repeat scroll 0 0;
	background-size:cover;
}
.omega{
	background:#c52d2f url(../images/web/omega.jpg) repeat scroll 0 0;
	background-size:cover;
}
.fm{
	background:#c52d2f url(../images/web/fm.jpg) repeat scroll 0 0;
	background-size:cover;
}
.azzahra{
	background:#c52d2f url(../images/web/azzahra.jpg) repeat scroll 0 0;
	background-size:cover;
}
.ec{
	background:#c52d2f url(../images/web/ec.jpg) repeat scroll 0 0;
	background-size:cover;
}
.vc{
	background:#c52d2f url(../images/web/vc.jpg) repeat scroll 0 0;
	background-size:cover;
}
.jbc{
	background:#c52d2f url(../images/web/jbc.jpg) repeat scroll 0 0;
	background-size:cover;
}
.adr{
	background:#c52d2f url(../images/web/adr.jpg) repeat scroll 0 0;
	background-size:cover;
}
.cgis{
	background:#c52d2f url(../images/web/cgis.jpg) repeat scroll 0 0;
	background-size:cover;
}.et{
	background:#c52d2f url(../images/web/et.jpg) repeat scroll 0 0;
    background-size:cover;
}
#portfolio h2{
	margin-bottom:30px;
	padding-bottom:0;
}
.portfolio-items,.portfolio-titres{
	list-style:none outside none;
	margin:0 0 40px;
	padding:0;
}
.portfolio-titres > li{
	display:inline-block;
}
.portfolio-titres > li a{
	background:none repeat scroll 0 0 #FFF;
	font-size:14px;
	font-weight:400;
	margin-right:0;
	text-transform:uppercase;
	transition:all .9s ease 0;
	-moz-transition:all .9s ease 0;
	-webkit-transition:all .9s ease 0;
	-o-transition:all .9s ease 0;
	border:1px solid #dfdfdf;
	outline:none;
}
.portfolio-titres > li a:hover,.portfolio-titres > li a.active{
	color:#fff;
	background:#c52d2f;
	border:1px solid #c52d2f;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.portfolio-items > li{
	float:left;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.portfolio-item{margin:0}
.nav-pills .nav-link.active,.nav-pills .show > .nav-link{background-color:#c52d2f;border:1px solid #c52d2f;color:#fff}
.btn-default.focus,.btn-default:focus{background-color:#c52d2f;border-color:#c52d2f;color:#fff}
.btn-default:hover{background-color:#c52d2f !important;border-color:#c52d2f;color:#fff}
.btn-default.active,.btn-default:active,.open > .dropdown-toggle.btn-default{background-color:#c52d2f;border-color:#c52d2f;color:#fff}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default.focus:active,
.btn-default:active:focus,.btn-default:active:hover,.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,.open > .dropdown-toggle.btn-default:hover{
	background-color:#c52d2f;border-color:#c52d2f;color:#fff;
}
.btn{background:#ffffff none repeat scroll 0 0;border:1px solid #ccc}
.btn-red{background:#c52d2f none repeat scroll 0 0;border:1px solid #ccc;color:#fff;border-radius:4px;font-size:14px}
.nav-pills .nav-link{border-radius:0;position:relative}
.text-center{display:block;text-align:center!important}
#forfaits.btn:focus, #forfaits.btn:hover, #forfaits.btn:active,
.leadrec.btn:focus, #equipements p.btn:hover, #equipements p.btn:active{
	background: #edf1f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
}
#communiquer button.btn{
  padding: 15px 45px;
  background-color: #ffffff;
}
#servicescl button.btn, #servicescl3 button.btn{
  padding: 15px 38px;
  color: #c52d2f;
  border: 2px solid #c52d2f;
  font-weight: bold;
}
#pbx button.btn, #appareils button.btn, #communication button.btn, .btnforma{
  padding: 15px 25px;
  //background-color: #c52d2f;
  color: #c52d2f;
  border: 2px solid #c52d2f;
  font-weight: bold;
}
#pbx button.btn:hover, #appareils button.btn:hover, #communication button.btn:hover, #servicescl button.btn:hover, .btnforma:hover, #servicescl3 button.btn:hover, .btnforma:hover{
	background-color:#c52d2f !important;
	border-color:#c52d2f;
	color:#fff;
}
.modal-header {
  border-top: 20px solid #c52d2f;
  border-radius: 0px;

}
.modal-content {
  border-radius: 0px;
  width: 90%;
}
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.liste-pad li{
	padding-bottom:10px;
}
.acc {
  padding: 0;
}
.contact-info h2{
//text-align:left;
}
.fade:not(.show){opacity:1}
#conatcat-info{padding:30px 0}
.infos{background:#c52d2f;color:#fff;height:100px;padding:20px;margin-top:25px}
.infos-right{background:#c52d2f;color:#fff;min-height:100px;padding:20px;margin-top:25px}
.infos-offre{border:2px solid #dee2e6;height:150px;padding:20px;margin-top:25px}
.infos-offre h4{font-size:20px}
.infos-tel{color:#5f8699}
.infos i, .infos-right i{font-size:20px;color:#fff;width:40px}

.infos p, .infos-rightp{font-size:14px}
.formccna{padding:20px;margin-top:25px}
footer{background-color:#1f313b;border-top:5px solid #5f8699;color:#fff}
footer a{color:#fff}
footer .cop{padding-bottom:10px;padding-top:30px!important;text-align:center;font-size:12px}
.medias{text-align:center;list-style:outside none none;margin:0;padding:20px 0 0}
ul.medias li{display:inline-block;padding:0}
ul.medias li a{background:#5f8699 none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;height:30px;line-height:30px;text-align:center;width:30px}
ul.medias li a:hover{background:#c52d2f none repeat scroll 0 0;color:#fff}
#contact .bg-gris{padding-bottom:10px!important;padding-top:10px!important}
.serv{padding-bottom:20px!important;padding-top:20px!important}
.bg-blanc{background:#fff none repeat scroll 0 0;padding-bottom:40px;padding-top:30px}
.bg-gris{padding-bottom:1px;padding-top:5px;background:#edf1f5 none repeat scroll 0 0}
.bg-formation{padding-bottom:40px;padding-top:30px;background:#edf1f5 none repeat scroll 0 0}
.form-control{box-shadow:-1px 1px 5px 0 rgba(221,221,221,1)
}
#video .bg-gris, #webfax .bg-gris, #partage .bg-gris {
  padding-top: 0px;
}
#erreur{
//padding-top:100px;
text-align:center;
}
#erreur .row{
//padding-top:8%;
//padding-bottom:8%;
}
.erreur{
//margin-top:10%;
}
.erreur h2,.erreur p{
//margin-bottom:10%;
}
.erreur .btn a{
color:#fff;
}
.erreur .btn-danger {
color: #fff;
background-color: #dc3545;
}
.esp-top{padding-top:2%;padding-bottom:2%}
.esp-top2{padding-top:10%;text-align:center}
#blog{padding-top:8%}
.titre-blog,.titre-devis{background:#c52d2f none repeat scroll 0 0!important;color:#fff;height:60px!important;padding-left:15px;text-transform:uppercase;font-size:20px!important}
.titre-devis{margin-top:30px}
.titre-devis h4 a,.titre-blog h4{font-size:20px;color:#fff;padding-top:9px;padding-left:15px}
#blog h2{text-align:left}
.suite{color:#c52d2f}
.blog-item{
	background:#fff;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	margin-bottom:4px;
	padding:10px;
}
.bl{color:#99a3b0}
.right{float:right}
.panel-info > .panel-heading{background-color:#5f8699;border-color:#5f8699;color:#fff}
.join{font-weight:700}
.join:hover{opacity:1;color:#c52d2f}
.pr{box-shadow:none}
.blt{border-left:1px solid #99a3b0}
.titrepr{color:#99a3b0;text-transform:uppercase}
.sale{
	background:#fff none repeat scroll 0 0;
	border-radius:4px;
	box-shadow:-1px 1px 5px 0 rgba(221,221,221,1);
	margin:0 0 40px;padding:40px 30px;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
#partner{background:#edf1f5 none repeat scroll 0 0}

.langue,.langue-mobil{
	background:#c52d2f!important;
	text-align:center;
	border-radius:2px;
	}
.navbar-nav > li > a .langue{
	display:block;
	padding:6px 5px;
	}
.langue-mobil{
	display:none;
	}
img{
	max-width:100%;
	}
#solutions .solution {
    margin-bottom: 15px;
	}
.navbar-toggler{
	background-color:transparent;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:.25rem;
	color:rgba(255,255,255,0.5);
	font-size:1.25rem;
	line-height:1;
	padding:.25rem .75rem;
	}


@media only screen and (min-width: 1200px){
	.rec{
	min-height:214px;
	}
	.recen{
	min-height:230px;
	}
	#beneficesIP .pull-left i,#cablagesIP .pull-left i{
	margin:20px 21px 35px 3px;
	}
	#beneficesSP .pull-left i, #beneficesSP3 .pull-left i{
	margin:10px 21px 10px 3px;
	}
	#beneficesIP .securite {
	min-height: 164.8px;
	padding: 5px 30px;
	}
	#beneficesIP .sec2 {
	height: 175.2px;
	}
	#cablagesIP .cablage{
	padding: 5px 30px;
	}
	#beneficesIP .ca2 {
	//padding: 40px 30px 11px 30px;//page CybFR
	}
	
	#servicesCyb .cablage {
	min-height: 164.8px;
	}
	#cablages .cablage,#cablagesIP .cablage, .cablage{
	height: 166.4px;
	}
	.med2 {
	padding-right: 100px;
	}
	.sf{
	padding-bottom: 53px;	
	}
	#formation .esp {
	padding-top: 27px;
	}
	#formation .esp3{
	padding-top: 27px;	
	}
	.apr2{
	padding-right: 185px;	
	}
	.abouttitre {
	height: 128px;	
	padding: 15px 17px 19px 5px;
	margin: 0 0 25px;
	}
	.avantage {
	margin: 0 0 25px;
	}
	.avantage{
	height: 284.8px;	
	}
	.avantage3{
	height: 150.8px !important;	
	}
	.avantage2{
	height: 254.8px;	
	}
}
@media (min-width: 576px){
	.carousel-item{margin-right:0}
	.carousel-inner .active + .carousel-item{display:block}
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item{
	transition:none;
	}
	.carousel-inner .carousel-item-next{position:relative;transform:translate3d(0,0,0)}
	.active.carousel-item-left + .carousel-item-next.carousel-item-left,
	.carousel-item-next.carousel-item-left + .carousel-item,
	.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item{
	position:relative;
	transform:translate3d(-100%,0,0);
	visibility:visible;
	}
	.carousel-inner .carousel-item-prev.carousel-item-right{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	visibility:visible;
	}
	.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
	.carousel-item-prev.carousel-item-right + .carousel-item,
	.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item{
	position:relative;
	transform:translate3d(100%,0,0);
	visibility:visible;
	display:block;
	visibility:visible;
	}
}
@media (min-width: 768px){
	.carousel-inner .active + .carousel-item + .carousel-item{display:block}
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item{
	transition:none;
	}
	.carousel-inner .carousel-item-next{
	position:relative;
	transform:translate3d(0,0,0);
	}
	.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item{
	position:relative;
	transform:translate3d(-100%,0,0);
	visibility:visible;
	}
	.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item{
	position:relative;
	transform:translate3d(100%,0,0);
	visibility:visible;
	display:block;
	visibility:visible;
	}
}
@media (min-width: 991px){
	.carousel-inner .active + .carousel-item + .carousel-item + .carousel-item{
	display:block;
	}
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item{
	transition:none;
	}
	.carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
		position:absolute;
		top:0;
		right:-25%;
		z-index:-1;
		display:block;
		visibility:visible;
	}
	.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
		position:relative;
		transform:translate3d(-100%,0,0);
		visibility:visible;
	}
	.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
		position:relative;
		transform:translate3d(100%,0,0);
		visibility:visible;
		display:block;
		visibility:visible;
		}
	#form .contact-info h3, #form .contact-info p, #conatcat-info .contact-info h2, #conatcat-info .contact-info p{
		text-align: left;
	}
	.bg-formation .contact-info h2, .bg-formation .contact-info p{
		text-align: center !important;
	}	
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
	#contact{padding-top:0}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.navbar-brand{
	float:left;
	font-size:35px;
	}
	.col-prod{width:100%!important}
	.titrepr{padding-top:35%}
	.blt{border-left:1px solid #99a3b0}
	.blt img{padding-top:10px}
	.sale{padding:10px 30px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.h2,h2{font-size:25px;}
	.solution h3,.cablage h3,.securite h3{font-size:16px;}
	.solution h4,.securite h4,h4{font-size:14px}
	.coul{flex:0 0 auto;max-width:100%}
	.coul h3{font-size:25px}
	.coul h4{font-size:20px}
	.coulb,.coulj,.coulv,.coulr{padding-left:25px!important}
	#beneficesIP2 .securite h3{font-size:24px;}
	#beneficesIP2 .securite h4{font-size:18px;}
	#cameras .solution i,#solutions .solution i{
	font-size:40px;
	//height:85px;
	//width:85px;
	margin:3px 10px 20px 3px;
	border-radius:100%;
	//line-height:85px;
	text-align:center;
	background:#fff;
	color:#c52d2f;
	border:3px solid #fff;
	box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	#cablagesIP .pull-left i,#beneficesIP .pull-left i,#beneficesSP .pull-left i{
	margin:3px 3px 8px 1px;
	font-size:40px;
	height:85px;
	width:85px;
	border-radius:100%;
	line-height:85px;
	text-align:center;
	background:#f2f2f2;
	color:#c52d2f;
	border:3px solid #f2f2f2;
	box-shadow:inset 0 0 0 5px #fff;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	#web .pull-left i, #cablages .pull-left i{
	margin: 5px 10px 13px 13px;
	font-size: 35px;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	line-height: 80px;
	}
	#beneficesIP .pull-left i, #cablagesIP .pull-left i{
	margin: 13px 21px 3px 3px;	
	}
	#cablages .cablage{
	padding: 15px 10px 5px 5px;
	min-height: 120px;
	}
	#web .securite{
	padding: 15px 10px 5px 5px;
	min-height: 139.6px;
	}

	#cablagesIP .cablage{
	min-height: 179.6px;
	}
	#beneficesIP .securite{
	//min-height: 162.8px;
	margin: 0 0 30px;
	}
	#cablagesIP .cablagee{
	padding:20px 20px 40px 5px;
	}
	#beneficesIP .securite{
	padding:20px 20px 40px 15px;
	}
	#beneficesSP .securite, #beneficesSP3 .securite{
	padding:20px 20px 40px 5px;
	}
	#servicesCyb .cablage{
	padding:40px 15px;
	margin: 0 0 20px;
	}
	#servicesCyb .ca{
	padding:30px 15px;
	}
	#servicesCyb .cablage h4{
	font-size: 16px;
	}
	#servicesCyb .cab {
	height: 177.6px;
	}
	#servicesCyb .cab-en {
	height: 158.4px;
	}
	#servicesCyb .pull-left i {
	margin: 3px 21px 3px 3px;
	}
	#servicesCyb .pull-left .ca3{
	margin: 3px 21px 3px 3px;
	}
	#web .pull-left .ca3 {
	margin: 3px 21px 3px 3px;
	}
	.med2 {
	padding-right: 100px;
	}
	.sec4 {
	//height: 162.8px;
	}
	.lead{
	font-size:18px;
	}
	#servicescl .col-sm-3, #servicescl3 .col-sm-3{
	padding-top:15px;
	}
	#servicescl .pull-left i, #servicescl3 .pull-left i{
	font-size:30px!important;
	height:70px!important;
	line-height:70px!important;
	width:70px!important;
	}
	#servicescl h3, #servicescl3 h3{
	font-size:19px;
	}
	#beneficesSP h3, #beneficesSP3 h3{
	font-size:21px;
	margin-left: 120px;
	margin-top: 30px;
	}
	.nonmargin{
	margin-left: 0px !important;
	}
	.navbar{
	font-size:12px!important;
	}
	.rec{
	//min-height:260px;
    }
	.recen{
	min-height:230px;
    }
    .leadrec{
	font-size: 16px;
    }
	#about .col-sm-3 {
    flex: 0 0 auto;
    max-width: 25%;
	}
	.abouttitre{
	height: 128px;
	}
	.avantage{
	height: 284.8px;	
	}
	.avantage3{
	height: 150.8px !important;	
	}
	.avantage2{
	height: 254.8px;	
	}
	#beneficesSP3 .coul {
	padding-left: 100px;
	padding-right: 100px;	
	}
	.sf{
	padding-bottom: 53px;	
	}
	#formation .esp2{
	padding-top: 27px;	
	}
	#formation .esp3{
	padding-top: 27px;	
	}
	.apr2{
	padding-right: 185px;	
	}
	.abouttitre {
	padding: 15px 5px 19px 5px;
	margin: 0 0 25px;
	}
	.avantage {
	margin: 0 0 25px;
	}
	.ab{
	margin-bottom: 20px;	
	}

}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.navbar-brand{
	float:left;
	font-size:25px;
	}
	#servicescl .col-sm-3, #servicescl3 .col-sm-3{
	//width:25%!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.infos, .infos-right{padding:20px;margin-top:25px}
	.infos i, .infos-right i{width:30px!important}
	.infos p, .infos-right p{font-size:12px}
}
@media only screen and (min-width: 992px) and (max-width: 1023px){
	.col-prod{width:100%!important}
	.titrepr{padding-top:35%}
	.blt{border-left:1px solid #99a3b0}
	.blt img{padding-top:10px}
	.sale{padding:10px 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    #about .col-sm-3 {
    flex: 0 0 auto;
    max-width: 50%;
    }	
    #servicescl h3{
	font-size:19px;
	}
	#servicescl3 h3{
	font-size:25px;
	}
	#servicescl3 .media-body{
	padding-right: 30px;
	}
	#beneficesSP h3, #beneficesSP3 h3{
	font-size:21px;
	margin-left: 120px;
	}
	.nonmargin{
	margin-left: 0px !important;
	}
	.navbar-default .container{
	width:760px;
	}
	.navbar-brand > img{
	width:105px;
	}
	#solutions .col-sm-4,#cablages .col-sm-4,#cameras .col-sm-4{
	width:33.3333%!important;
	}
	#servicescl .col-sm-3,#servicescl3 .col-sm-3, #portfolio .col-sm-3,#partner .col-sm-3{
	width:25%!important;
	}
	#servicescl .pull-left i, #servicescl3 .pull-left i{
	font-size:40px;
	height:80px;
	line-height:80px;
	width:80px;
	}
	#conatcat-info .col-sm-8{
	//width:66.6667%!important;
	}
	.contact-info h2, .contact-info p {
	text-align: center;
	}
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
	width:100%!important;
	flex: 0 0 auto;
    max-width: 100%;
	}
	#formation .coul2{
	width: 50% !important;
	flex: 0 0 auto;
	max-width: 100%;
	}
	.navbar-brand{
	padding:5px 0 0;
	}
	.navbar{
	font-size:11px!important;
	}
	.rec{
	min-height:25px;
    }
	.recen{
	min-height:230px;
    }
    .leadrec{
	font-size: 18px;
    }
	img{
	//width:100%;
	}
	.content-box{
	min-height: 180px;
    }
	#beneficesIP2 .pull-left i{
	margin: 3px 15px 8px 1px;
	font-size: 60px;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	line-height: 90px;
	text-align:center;
	background:#f2f2f2;
	color:#c52d2f;
	border:3px solid #f2f2f2;
	box-shadow:inset 0 0 0 5px #fff;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.coul{
	flex:0 0 auto;
	max-width:100%;
	}
	#caracteristiques .col-sm-4{
	flex: 0 0 auto;
	max-width: 50%;
	}

	#partner .col-12{
	flex:0 0 100%;
	max-width:100%;
	}
	#partner .col-sm-6{
	flex:0 0 50%;
	max-width:50%;
	}
	#partner .col-md-4{
	flex:0 0 33.3333%;
	max-width:33.3333%;
	}
	.h2,h2{
	font-size:25px;
	}
	.solution h3,.cablage h3,.securite h3,#servicesCyb h4{
	font-size:18px;
	}
	.solution h4,.securite h4,h4{
	font-size:14px;
	}
	.coulb,.coulj,.coulv,.coulr{
	padding-left:25px!important;
	}
	p,.serv li{
	font-size:16px;
	}
	#solutions .solution i,#cameras .solution i{
	font-size:25px;
	height:60px;
	width:60px;
	margin:3px 10px 80px 3px;
	border-radius:100%;
	line-height:60px;
	text-align:center;
	background:#fff;
	color:#c52d2f;
	border:3px solid #fff;
	box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	#web .pull-left i,#cablagesIP .pull-left i,#beneficesIP .pull-left i,#beneficesSP .pull-left i,#servicesCyb .pull-left i{
	font-size:25px;
	height:60px;
	width:60px;
	margin:3px;
	border-radius:100%;
	line-height:56px;
	text-align:center;
	background:#f2f2f2;
	color:#c52d2f;
	border:3px solid #f2f2f2;
	box-shadow:inset 0 0 0 5px #fff;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	margin:0px 15px 20px 3px;
	}
	#cablages .pull-left i{
	font-size:25px;
	height:60px;
	width:60px;
	border-radius:100%;
	line-height:56px;
	margin:20px 5px 20px 3px;	
	}
	#cablages .cablage,#web .securite,#cablagesIP .cablage,#beneficesIP .securite,#beneficesSP .securite, #servicesCyb .cablage{
	padding:20px 20px 20px 8px;
	}
	#beneficesIP .securite, #servicesCyb .cablage{
	margin:0 0 20px;
	}
	.lead{
	font-size:18px;
	}
	#servicescl .col-sm-3, #servicescl3 .col-sm-3{
	padding-top:15px;
	}
	.col-prod{width:100%!important}
	.titrepr{padding-top:0;font-size:15px}
	.blt{border-top:1px solid #99a3b0;border-left:0 solid #99a3b0}
	.blt img{padding-top:10px}
	.sale{padding:10px 30px}
	.sale .col-sm-8{flex:0 0 auto;max-width:100%}
	.sale .col-sm-4{flex:0 0 auto;max-width:100%;margin:15px 0}
	#solutions .col-sm-4{
	padding-right: 0px;	
	}
	#web .securite, #beneficesIP .securite, #beneficesSP .securite, #beneficesSP3 .securite, #beneficesIP2 .securite {
	margin: 0 0 20px;
	}
	#beneficesSP3 .pull-left i {
	font-size: 60px;
	line-height: 60px;
	}
	#servicescl3 .col-sm-3 {
	flex: 0 0 50%;	
	max-width: 100% !important;
	padding-bottom: 15px;
	}
	#formation .esp4{
	padding-top: 27px;	
	}
	.apr{
	padding-right:85px;	
	}
	.avantage, .abouttitre{
	margin: 0 0 20px;		
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	#partner .col-12{
	flex:0 0 100%;
	max-width:100%;
	}
	#partner .col-sm-6{
	flex:0 0 50%;
	max-width:50%;
	}
	.titrepr{font-size:12px;text-transform:uppercase;padding-bottom:0;padding-top:0;color:#4e4e4e}
	.col-sm-8{flex:0 0 auto;max-width:100%}
	.sale{padding:5px 20px}
	.sale .col-sm-4{margin:15px 0}
	.carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item{
	position:absolute;
	top:0;
	right:-50%;
	z-index:-1;
	display:block;
	visibility:visible;
	}
}
@media only screen and (min-width: 480px) and (max-width: 575px){
	#servicescl .col-sm-3 {
	flex: 0 0 50%;
	max-width: 100% !important;
	padding-bottom: 15px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.content-box{
	min-height: 130px;
    }
	p,.serv li{
	font-size:16px;
	}
	.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.coul, .coul2{
	flex:0 0 auto;
	max-width:100%;
	}
	#cablages .cablage,#web .securite,#cablagesIP .cablage,#beneficesIP .securite, #beneficesSP .securite{
	//padding:20px 30px 60px;
	margin:0 0 20px;
	}
	#beneficesSP3 .securite{
	padding:20px 30px 30px 60px;
	margin:0 0 20px;
	}
	#cablages .cablage{
	height: 128px;
	padding:20px 20px;
	}
	#servicesCyb .cablage{
	//height: 128px;
	padding:20px 30px 60px;
	}
	#servicesCyb .cablage{
	height: 128px;
	}
	#web .pull-left .ca3 {
	margin: 33px 21px 30px 3px;
	}
	#beneficesIP .pull-left i{
	margin:0px 21px 40px 3px;
	}
	#beneficesIP .ica i{
	margin:0px 21px 56px 3px;
	}
	#cablagesIP .pull-left i{
	margin:20px 21px 34px 3px;
	}
	#beneficesIP2 .pull-left i{
	margin:20px 21px 100px 3px;
	}
	#cablages .pull-left i{
	margin:3px 21px 3px 3px;
	font-size:48px;
	height:80px;
	width:80px;
	}
	#servicesCyb h4{
	font-size: 24px;
	}
	#beneficesSP .pull-left i{
	margin:20px 21px 80px 3px;
	font-size: 60px;
	}
	#beneficesSP3 .pull-left i{
	margin:10px 21px 80px 3px;
	line-height: 80px;	
	}
	#beneficesIP .ca4{
	//height: 128px;	
	}
	#beneficesSP h3{
	font-size: 21px;
	margin-left: 120px;
	margin-top: 43px;
    margin-bottom: 0px;
	}
	#beneficesSP3 h3{
	font-size: 21px;
	margin-left: 120px;
	margin-top: 33px;
    margin-bottom: 20px;
	}
	.nonmargin{
	margin-left: 0px !important;
	}
	#servicescl .pull-left i, #servicescl3 .pull-left i{
	font-size:30px;
	height:70px;
	line-height:70px;
	width:70px;
	}
	#servicescl h3,#servicescl3 h3{
	font-size:19px;
	}
	#servicesCyb .cablage{
	margin: 0 0 20px;
	}

	#cablages .col-sm-4,#solutions .col-sm-4,#cameras .col-sm-4,#web .col-sm-4{
	margin:0;
	}
	#servicescl .col-sm-3, #servicescl3 .col-sm-3{
		padding-top:15px;
	}
	#servicescl .col-sm-6, #servicescl3 .col-sm-6{
	width:100%;
	}
	.portfolio-titres > li{display:block}
	#conatcat-info .col-sm-3,#conatcat-info .col-sm-8{flex:0 0 auto;max-width:100%}
	.blt{border-top:1px solid #99a3b0;border-left:0 solid #99a3b0}
	.blt img{padding-top:10px}
		.navbar-brand > img{
	width:150px;
	}
	.navbar-brand{
	padding:5px 0 0;
	}
	.container > .navbar-collapse{
	margin-top:15px;
	}
	.navbar-fixed-top{
	position:relative;
	}
	.navbar-nav > li > a{
	text-align:center;
	}
	.dropdown-menu li a{
	color:#5f8699!important;
	}
	#about .col-sm-3 {
    flex: 0 0 auto;
    max-width: 100%;
	}
	#servicescl3 .col-sm-3 {
	flex: 0 0 50%;	
	max-width: 100% !important;
	padding-bottom: 15px;
	}

}
@media only screen and (min-width: 0px) and (max-width: 1199px){
	#beneficesSP3 .pull-left i {
	font-size: 60px;
	}
	#beneficesIP .securite .pull-left i{
	//margin:0px 10px 13px 3px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 991px){
	.formaphone.btnforma{
	 min-width: 100% !important;	
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.nav-tabs {
	width: 580px;
	}
	.sf{
	padding-bottom: 53px;	
	}
}
@media only screen and (min-width: 0px) and (max-width: 575px){
	#beneficesSP .pull-left i, #beneficesSP3 .pull-left i{
	font-size: 60px;
	}
	#beneficesSP h3, #beneficesSP3 h3{
	font-size: 21px;
	margin-left: 120px;
	margin-top: 23px;
    margin-bottom: 23px;
	}
	.nonmargin{
	margin-left: 0px !important;
	}
	#beneficesSP .securite, #beneficesSP3 .securite {
	margin: 10px 20px;	
	}
	#informatiques .col-sm-3{
	width: 50%;	
	}
	.sf{
	padding-bottom: 53px;	
	}
}
@media only screen and (min-width: 0px) and (max-width: 479px){
	.content-box{
	min-height: 100px;
    }
	p,.serv li{
	font-size:15px;
	}
	p.animation{
	line-height:28px;
	}
	p{}
	.home{
	margin-bottom:1%;
	}
	body{
	font-size:15px;
	}
	#cablages .cablage{
	margin:0 0 20px;
	}
	#web .securite{
	margin:0 0 20px;
	}
	#cablagesIP .cablage{
	margin:0 0 20px;
	}
	#beneficesIP .securite{
	margin:0 0 20px;
	}
	#servicesCyb .cablage {
    margin: 0 0 20px;
	}
	#beneficesIP .securite{
	padding: 20px 15px;
	}
	#beneficesIP2 .securite {
	//padding: 20px 15px;
	}	
	
	#beneficesIP .securite, #servicesCyb .cablage{
	//height: 128px;	
	}
	#solutions,#cablages,#cameras,#web,#portfolio,#partner{
	padding-bottom:5px;
	padding-top:30px;
	}
	#servicescl .pull-left i, #servicescl3 .pull-left i{
	font-size:28px;
	height:60px;
	line-height:60px;
	width:60px;
	}
	#beneficesIP2 .pull-left i{
	margin:20px 21px 120px 3px;
	}
	#beneficesIP .pull-left i{
	//margin:13px 21px 53px 3px;
	}
	.h1,h1{
	font-size:28px;
	}
	h2,h2{
	font-size:20px;
	}
	#beneficesIP2 h2{
	font-size: 30px;	
	}
	.solution h3,.cablage h3,.securite h3{
	font-size:20px;
	}
	.solution h4,.securite h4,h4{
	font-size:14px;
	}
	.lead{
	font-size:16px;
	}
	#solutions .solution i,#cameras .solution i{
	font-size:35px;
	height:80px;
	width:80px;
	margin:0 10px 40px 3px;
	border-radius:100%;
	line-height:80px;
	text-align:center;
	background:#fff;
	color:#c52d2f;
	border:3px solid #fff;
	box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	#cablages .pull-left i,#web .pull-left i,#cablagesIP .pull-left i,#beneficesIP .pull-left i,#beneficesSP .pull-left i,#servicescl .pull-left i,#beneficesIP2 .pull-left i{
	font-size:35px;
	height:80px;
	width:80px;
	border-radius:100%;
	line-height:80px;
	text-align:center;
	background:#f2f2f2;
	color:#c52d2f;
	border:3px solid #f2f2f2;
	box-shadow:inset 0 0 0 5px #fff;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	transition:500ms;
	float:left;
	}
	#cablages .cablage .pull-left i{
	margin:0 10px 13px 3px;
	}
	#web .securite .pull-left i{
	margin:13px 10px 13px 3px;
	}
	#cablagesIP .cablage .pull-left i{
	margin:13px 10px 40px 3px;//13px 10px 140px 3px
	}
	#cablages .col-sm-4,#solutions .col-sm-4,#cameras .col-sm-4,#web .col-sm-4,#beneficesIP .col-sm-6,#cablagesIP .col-sm-6{
	margin:0;
	}
	.portfolio-titres > li{display:block}
	.titrepr{font-size:18px;text-transform:uppercase;padding-top:10px;color:#4e4e4e}
	.blt{border-top:1px solid #99a3b0;border-left:0 solid #99a3b0}
	#beneficesSP3 .pull-left i{
	line-height: 80px;	
	}
	#beneficesIP .ca4{
	height: 128px;	
	}
	.sf, .ica{
	padding-bottom: 53px;	
	}
	#servicescl .pull-left i, #servicescl3 .pull-left i {
	font-size: 30px;
	height: 70px;
	line-height: 70px;
	width: 70px;
	}
	.cons p{
	text-align: left !important;	
	}
}
@media only screen and (min-width: 0px) and (max-width: 767px){
	.table-wrap-mobil{
	display:block;
	}
	.table-wrap{
	display:none !important;
    }
    .coul31{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    }
	.solution{
	padding: 0 20px 0 15px;	
	}
	#servicesCyb .pull-left i{
	margin:3px 21px 3px 3px;
	font-size:48px;
	height:80px;
	width:80px;
	}
	#banner, #portfolio{
	display: none;	
	}
	#partner {
	background: #fff none repeat scroll 0 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 991px){
    .coul31{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    }
	.pak {
    height: 140px;
    }
	.pak p{
	text-align: center;	
	}
	#communication button.btn, #infogerance button.btn{
	margin-bottom: 10px;
	}
	#communication .col-sm-5, .consultation, #websolutions .col-sm-5{
	display: flex;
	justify-content: center;
	}
	#infogerance .col-sm-6{
	text-align: center;	
	}
	#formaphone .col-sm-8 .text-left, #servicescl .col-sm-8 .text-left, #servicescl3 .col-sm-8 .text-left{
	text-align: center !important;
	}
	#appareils .consultation{
	padding-bottom: 15px;
	}
	#caracteristiques h3.vide{
	display: none;
	}
	.infos{
		height: 170px;
	}
	.menu{
	max-width:100%!important;
	}
	.carousel1 p{
	text-align: left;	
	}
	#form .contact-info h3, #form .contact-info p{
		text-align: center;
	}	
}

@media only screen and (min-width: 0px) and (max-width: 479px){
	.navbar-brand > img{
	width:150px;
	}
	.navbar-brand{
	padding:10px 0 0;
	font-size:25px!important;
	}
	.container > .navbar-collapse{
	margin-top:15px;
	}
	.navbar-fixed-top{
	position:relative;
	}
	.navbar-nav > li > a{
	text-align:center;
	}
	.dropdown-menu li a{
	color:#5f8699!important;
	}
	#servicescl h3, #servicescl3 h3{
	font-size:17px!important;
	}
	#about i, #why .pull-left i {
	margin: 3px 21px 0px 3px;
	font-size: 40px;
	}
	#about i{
	line-height: 40px;
	}
	.contact-info h2, .contact-info h3, .contact-info p{
	text-align: center;
	}
}


@media only screen and (min-width: 0px) and (max-width: 767px){
	img{
	max-width:100%;
	}
	.langue-mobil{
	display:block;
	}
	.langue{
	display:none!important;
	}
	.nav li{
	text-align: cetner;
	}
	.abouttitre, .avantage{
	margin: 0 0 15px;
	}

}