/* Breakpoints bootstrap */

/*
@media (min-width: 768px) { .container {    width: 750px; } }
@media (min-width: 992px) { .container {    width: 970px; } }
@media (min-width: 1200px) { .container { 	width: 1170px;} }
*/


@media (min-width: 0px) { .wrapper {    width: 90%; } }
@media (min-width: 768px) { .wrapper {    width: 720px; } }
@media (min-width: 992px) { .wrapper {    width: 950px; } }
@media (min-width: 1200px) { .wrapper { 	width: 1150px;} }
@media (min-width: 1500px) { .wrapper { 	width: 1350px;} }

/* General */
body {
	color:#3e3e4a !important;
}
::selection {
    background:#4A4947 !important;
}

/* Liens */
a {
    color:#e7480f;
}
	
/* Boutons */
.btn {
	border-radius:0px;
	border:0px;
	color:#fff;
	padding:10px 20px; 
	text-transform:uppercase;
	background:#e7480f;
}
.btn:hover {
	color:#fff !important;
	border:0px !important;
	outline:none !important;
	box-shadow:none !important;
}
.btn.big {
	padding:15px 40px;
}
.btn-primary {
	font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	background:#e7480f;
}
.btn-primary:hover,
.btn-primary:focus, 
.btn-primary:active {
	color:#fff;
	background:#ff6731 !important;
	box-shadow:none;
}
.btn.fw {
	width:100%;
}
.btn-secondary {
	font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	background:#4A4947;
}
.btn-secondary:hover {
	color:#fff;
	background:#5d5958;
}
.btn-secondary.inverse {
	color:#4A4947;
	border:1px solid #4A4947;
	background:none;
}
.btn-secondary.inverse:hover {
	border:1px solid #4A4947 !important;
	color:#fff;
	background:#5d5958;
}
button:focus,
*:focus,
.btn.focus, 
.btn:focus {
	outline:none;
	box-shadow:none;
}

/* Custom bootstrap checkbox */
.custom-control-input~.custom-control-label::before {
	box-shadow:none;
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
    border-color: #e7480f;
    background-color: #e7480f;
}
.custom-control-label::before,
.custom-control-label::after {
	width:20px;
	height:20px;
}

/* Calendly */

.calendly-badge-widget .calendly-badge-content {
	
	border-radius: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	font-family: "Roboto condensed";
	text-transform: uppercase;
}
.calendly-overlay .calendly-popup{
	max-height: 750px;
}

/* OWL Carousel global */
.owl-carousel .owl-controls.clickable {
	line-height:0px;
}

/* Titres */
h2 {
	font-size:34px;
}
h3 {
	font-size:26px;
	margin-bottom:20px;
	text-align: left;
}
h4 {
	line-height:22px;
}
h1.titre-page, 
h2.titre-page {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3e3e4a;
}
h1.titre-page span, 
h2.titre-page span {
	color: #e7480f;
}
.barre-titre-orange {
	margin:30px 0 50px 0;
}
h1.titre-page-orange,
p.titre-page-orange {
	position:relative;
	display:inline-block;
	font-family: "Roboto Condensed", sans-serif;
	color:#fff;
	font-size: 22px;
    line-height: 26px;
    font-weight: 600;
	text-transform:uppercase;
	padding:20px 40px 20px 15px;
	margin-bottom:0px;
	background:none;
	cursor:default;
	text-align: left;
}
h1.titre-page-orange:before,
p.titre-page-orange:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	right:0px;
	width:1500px;
	height:100%;
	border-radius:0 50px 50px 0;
	background:#e7480f;
	animation: slide-from-left 0.8s ease;
}
.widget-title.style3 {
	font-size:28px;
	text-transform:none;	
}
.entry-thumb {
	background:none !important;
}
.entry-thumb > h5 {
	font-family: "Roboto Condensed", sans-serif;
}

/* Listes à puces et exergues */
ul, ol {
    margin: 0 0 10px 10px;
}
.big-puces  {
	list-style:none;
}
.big-puces li {
	position: relative;
	display:block;
	font-size:18px;
	margin-bottom:15px;
	padding-left: 55px;
	min-height: 32px;
	line-height: 32px;
}
.big-puces li:before {
	font-family:FontAwesome;
	position: absolute;
	left: 0px;
	top: 0px;
	content:"\f105";
	display:inline-block;
	width:42px;
	height:32px;
	font-size:28px;
	color:#fff;
	margin:0px 10px 0 0;
	padding:0px 0 0 20px;
	border-radius:0px 30px 30px 0;
	background:#4a4846;
}
.puces-fleches {
	display:inline-block;
	list-style:none;
	margin:15px 0;
}
.puces-fleches li {
	display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
    margin-left: 5px;
	line-height:26px;
}
.puces-fleches li:before {
	position: absolute;
    left: 0px;
	font-family:FontAwesome;
	content:"\f105";
	font-weight:600;
	display:inline-block;
}
.bloc-exergue-1 {
	color:#fff;
	font-size:16px;
	border-radius:15px;
	padding:25px;
	background:#4A4846;
}
.bloc-exergue-1 p {
	display:inline-block;
	margin-bottom:20px;
}
.bloc-exergue-1 strong {
	display:inline-block;
	margin-bottom:15px;
	font-size:20px;
	text-transform:uppercase;
}
.bloc-exergue-2 {
	margin:30px 0;
	font-size:18px;
	border-radius:15px;
	padding:40px 50px;
	background:#eeeeee;
}
.intro-1 {
	font-size:20px;
	line-height:26px;
	text-align:left;
}
.intro-1.tcenter{
	text-align: center;	
}
.intro-1 h2 {
	margin-bottom:25px;
}
.text-1 {
	font-size:16px;
	line-height:22px;
}

/* Accordéon */
#accordion {
	font-size:14px;
	line-height:20px;
}
#accordion .card {
	border:0px;
}
#accordion .card-title {
	margin-bottom:5px;
}
#accordion .card-header {
	background:none;
	padding:0px;
	border:0px;
}
#accordion .card-body {
	padding: 15px 50px 25px 30px;
}

#accordion h4.card-title {
	border-top:1px solid #eeeeee;
}
#accordion h4.card-title a,
#accordion h4.card-title a.collapsed:hover {
	display: inline-block;
    width: 100%;
	color:#e7480f;
    padding: 15px 15px 10px 15px;
}

#accordion div.collapse, #accordion div.collapsing {
	padding: 0px 15px 0px 15px;
}
#accordion h4.card-title a.collapsed {
	color:#3e3e4A;
}
#accordion h4.card-title a:after {
    content: "\f107";
    font: normal normal normal 28px/1 FontAwesome;
    position: absolute;
    right: 55px;
    margin-top: -4px;	
}
#accordion h4.card-title a.collapsed:after {
    content: "\f105";
}

/* Formulaires */
.form-group {
	padding:10px 0;
}
.form-group input,
.form-group textarea,
.form-group select {
	box-shadow: none;
	height:auto;
	padding:10px 12px;
}
.form-control-label {
	padding-top:10px;
}
.form-control:focus {
    border-color: #e7480f;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 72, 15, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 72, 15, 0.6);
}

/* Messages */ 
.alert {
	margin:10px 0;
	border-radius: 15px;
	border:0px;
	padding: 15px 25px;
}

/* Loaders */ 
.list-loader {
	width:100%;
	text-align:center;
}
.lds-ellipsis { 
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #4A4947;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}
.lds-ellipsis.white div {
	background:#fff;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}

/* Fond page plaquette general */
.content.fond-plaquette {
    background-image: url('../../images/fond-plaquette.png');
	background-attachment: fixed;
	background-position-x: 900px;
    background-repeat: no-repeat;
}


/* Actualites general */
.actu-list article.entry-item {
	cursor:pointer;
}
.actu-list article.entry-item .entry-thumb h5  {
	z-index:522;
}
.actu-list article.entry-item .entry-thumb .thumb-overlay {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 100%;
	z-index:521;
    background: rgba(255,255,255,0.5);
    opacity: 0;
    transition: opacity .15s ease-in-out;
}
.actu-list article.entry-item:hover a {
	color:#e7480f;
}
.actu-list article.entry-item:hover .entry-thumb .thumb-overlay {
	opacity:1;
}

/* Bande contact */
.bande-contact {
	padding:60px 0;
	text-align:center;
	background:#545350;
}
.bande-contact p.intro {
	display: inline-block;
	font-family: "Roboto Condensed", sans-serif;
	margin:0 45px 25px 45px;
	font-size:24px;
	line-height:30px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
.bande-contact a.btn-primary {
	padding:20px 60px;
	font-size:18px;
}

/* Search bar */
body.nav-active .nav-cover {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:9101;
}
body.nav-active .nav-cover-color {
	display:block;
	width:100%;
	height:100%;
	background:none;
}
.top-nav-container {
	display:block;
	position:fixed;
	width:100%;
	top:40px;
	left:0px;
	height:140px;
	background:#545351;
	z-index:9102;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
    transform-origin: top center;
	-webkit-transform: translate(0, -100%); /*scaleY(0);*/
    transform: translate(0, -100%); /*scaleY(0);*/
	opacity: 0;
	transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.top-nav-container.active {
	display:block;
	-webkit-transform: translate(0, 0); /*scaleY(1);*/
    transform: translate(0, 0); /*scaleY(1);*/
	opacity: 1;
}
.top-nav-container.searchbar {
	height:120px;
}
.top-nav-container.searchbar #search-field {
	width:90%;
	font-size:18px;
	color:#fff;
	margin-top:40px;
	padding:10px 0;
	border:0px;
	background:none;
}
.top-nav-container.searchbar #search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}
.top-nav-container.searchbar #search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}
.top-nav-container.searchbar #search-field::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}
.top-nav-container.searchbar #search-field::selection {
	background:#4A4947;
}
.top-nav-container.searchbar .search-submit {
	border:0px;
	color:#fff;
	background:none;
}

/* header */
.kopa-header {
	height:170px;
    background:#fff;
}
.kopa-header-top {
    background:#4a4947;
}
.top-menu > li:hover > a, .top-menu > li.current-menu-item > a {
	background:#545351;
}
.mobile-logo {
	display:none;
	float:left;
}

/* top menu */
.top-menu {
	 margin:0px;
}
.top-menu > li > a {
    font-size: 12px;
	font-weight: 300;
	border-right: 1px solid #3e3e3e;
}
.top-menu > li:first-child > a {
    border-left: 1px solid #3e3e3e;
}
.top-menu > li#contact-btn > a .fa,
.top-menu > li#espace-cli-btn > a .fa,
.top-menu > li#support-btn > a .fa,
.top-menu > li#webmail-btn > a .fa,
.top-menu > li#services-btn > a .fa {
	display:none;
}
.top-nav-container.support .support-item {
	float:right;
	text-align:center;
	font-family:"Roboto Condensed";
	font-weight:16px;
	color:#fff;
	margin:30px 15px;
	opacity:0.8;
	transition:opacity .2s ease-in-out;
}
.top-nav-container.support .support-item:hover {
	opacity:1;
}
.picto-support {
	display:inline-block;
	width:50px;
	height:50px;
	background:url('../../img/picto-support.svg') no-repeat;
}
.top-nav-container.webmail{
	height: 280px;	
}
.top-nav-container.extranet{
	height: 390px;	
}
.top-nav-container.webmail .login-content, .top-nav-container.extranet .login-content {
	max-width: 540px;
	margin: 2vh auto;
	display: block;
}
.top-nav-container.webmail .login-content .invalid-feedback, .top-nav-container.extranet .login-content .invalid-feedback {
	color: #FFF;
}
.top-nav-container.webmail .login-content .btn-primary, .top-nav-container.extranet .login-content .btn-primary{
	font-size: 1rem;
	margin-top: 0.5rem;
}
.top-nav-container.webmail .login-form, .top-nav-container.extranet .login-form {
	background:#545351;
	padding: 20px;
}
.top-nav-container.webmail .login-form .form-group, .top-nav-container.extranet .login-form .form-group{
	margin-bottom: 0.3rem;	
}
.top-nav-container.webmail .login-form p, .top-nav-container.extranet .login-form p{
	color: #FFF !important;
	text-transform: uppercase;	
	font-size: 16px;
	margin-bottom: 0.5rem;
}
.top-nav-container.webmail .login-form p.alert-danger, .top-nav-container.extranet .login-form p.alert-danger{
	color: #721c24 !important;	
	font-size: 14px;
	text-transform: none;
}
.top-nav-container.webmail .login-form label, .top-nav-container.extranet .login-form label{
	color: #FFF !important;	
}

/* menu principal */
.menu-actif-overlay {
	position:absolute;
	width:100%;
	z-index:5000;
	background:rgba(0, 0, 0, 0.6);
	display:none;
}
.kopa-header-middle {
	padding:68px 0 0px 0;
}
.kopa-header-middle .kopa-logo {
	position:absolute;
	top:-49px;
	z-index:2;
	/*animation: slide-from-left 0.8s ease;*/
}
.kopa-header-middle .kopa-main-nav {
	width:100%;
	float:right;
}
.main-menu > li {
	float:right;
	height:62px;
}
.main-menu > li > a {
	padding:10px;
	font-weight: 600;
	color:#4a4947;
	position:relative;
}
.main-menu > li a .picto {
	position:absolute;
	top:-50px;
	left:0px;
	display:block;
	width:100%;
	height:50px;
	background:url('../../img/main-menu-picto-operateur.svg') no-repeat center 50px;
}
.main-menu > li#operateur a .picto { background:url('../../img/main-menu-picto-operateur.svg') no-repeat center 50px; }
.main-menu > li#hebergement a .picto { background:url('../../img/main-menu-picto-hebergement.svg') no-repeat center 50px; }
.main-menu > li#services a .picto { background:url('../../img/main-menu-picto-services.svg') no-repeat center 50px; }
.main-menu > li#ingenierie a .picto { background:url('../../img/main-menu-picto-ingenierie.svg') no-repeat center 50px; }
.main-menu > li#web a .picto { background:url('../../img/main-menu-picto-web.svg') no-repeat center 50px; }
.main-menu > li#telephonie a .picto { background:url('../../img/main-menu-picto-telephonie.svg') no-repeat center 50px; }
.main-menu > li#formation a .picto { background:url('../../img/main-menu-picto-formation.svg') no-repeat center 50px; }
.main-menu > li.current a .picto {
	background-position-y:0px !important;
}
.main-menu .sf-with-ul:after {	
	display:none;
}
.main-menu .sf-with-ul {
	padding-right:10px;
}
.sf-menu .sf-mega {
	position:fixed;
	left:0px;
	top:150px !important;
	border:0px;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
}
.main-menu > li ul.sub-menu {
	top:52px;
	margin-left:-10px;
	width:300px;
	padding:15px;
	border:0px;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05) !important;
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05) !important;
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05) !important;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.main-menu > li ul.sub-menu li a {
	display:block;
	font-size:14px;
	line-height:30px;
}
.main-menu > li .sf-mega ul.sub-menu {
	box-shadow:none !important;
}
.main-menu > li .sf-mega ul.sub-menu li a {
	font-size:16px;
}
.main-menu > li .sf-mega div.intro-menu {
	font-family:"Roboto Condensed";
	font-size:18px;
	line-height:26px;
	font-weight:400;
	padding:30px;
	margin-left:-40px;
	border-radius:0 20px 20px 0;
	background:#eee;
}
.main-menu > li .sf-mega div.intro-menu p {
	margin-bottom:10px;
}
.main-menu > li .sf-mega div.intro-menu strong {
	font-size:20px;
}
.main-menu > li.current-menu-item > a,
.main-menu > li.sfHover a,
.main-menu > li:hover a {
	background:none !important;
}
.apercu-references-web .item {
	overflow:hidden;
	cursor:pointer;
}
.apercu-references-web .item .entry-title {
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 101;
    font-size: 24px;
    text-align: right;
    font-weight: 400;
}
.apercu-references-web .item .entry-thumb .entry-mask {
	position: absolute;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.main-menu .apercu-references-web .item .entry-thumb {
	overflow:hidden;
	max-height:242px;
}
.main-menu .apercu-references-web .item .entry-thumb img {
  display: block;
  max-width:430px;
  width: auto;
  height: auto;
}
@media screen and (min-width: 1921px) {
	
	.main-menu .apercu-references-web .item .entry-thumb img {
	  display: block;
	  max-width:100%;
	  width: 100%;
	  margin-top: -18%;
	}
	.main-menu .apercu-references-web .item.plus-de-references .entry-thumb img {
		margin-top: 0px;
	}
}
.apercu-references-web .item .entry-content {
	height:100%;
}
.apercu-references-web .item .entry-title a:hover {
	color:#fff;
}
.apercu-references-web .item .entry-content:after {
	position:absolute;
	right:0px;
	top:50%;
	font-family:FontAwesome;
	content:"\f067";
	font-size:20px;
	padding:16px 0 0 14px;
	display:block;
	color:#4a4947;
	width:35px;
	height:50px;
	margin-top:-25px;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	background:#fff;
	opacity:0;
	transform-origin: bottom right;
	-webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.apercu-references-web .item .reference-detail {
	display:block;
	width:100%;
	position:absolute;
	right:0px;
	top:10px;
	z-index:102;
	padding:10px 60px 20px 30px;
	text-align:left;
	opacity:0;
	transform-origin: bottom left;
	-webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.apercu-references-web .item .reference-overlay {
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:100%;
	height:100%;
	background:rgba(74,73,71,0.95);
	opacity:0;
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.apercu-references-web .item:hover .reference-overlay,
.apercu-references-web .item:hover .reference-detail,
.apercu-references-web .item:hover .entry-content:after {
	opacity:1;
	-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.apercu-references-web .item .reference-detail h5 {
	position:relative;
	display:inline-block;
	font-family:"Roboto", sans-serif;
	color:#fff;
	font-size: 18px;
	margin-bottom:15px;
    font-weight: 400;
}
.apercu-references-web .item .reference-detail h5:before {
	position:absolute;
	left:-12px;
	font-family:FontAwesome;
	content:"\f105";
	padding-right:8px;
}
.apercu-references-web .item .reference-detail p {
	color:#fff;
	font-size: 14px;
    font-weight: 300;
}
.actu-list article.entry-item .entry-thumb {
	background:#f9f9f9 !important;
}
.actu-list.apercu-actus article.entry-item .entry-thumb {
	max-height:242px;	
	overflow:hidden;
	box-shadow: 0px 0px 20px 0px #ddd;
}
.actu-list.apercu-actus article.entry-item .entry-thumb {
	max-height:242px;	
}
@media screen and (max-width: 1200px) {
	.main-menu > li .sf-mega div.intro-menu p { 
		font-size:14px;
		line-height:20px;
	}
	.main-menu > li .sf-mega div.intro-menu p strong {
		font-size:16px;
	}
	.actu-list.apercu-actus article.entry-item .entry-thumb {
		max-height:160px;	
	}
}


/* Stiky menu principal desktop */
.kopa-header-middle.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999999; 
	padding:5px 0 5px 0;
	background:#fff;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
}
.kopa-header-middle.fixed .picto {
	display:none;
}
.kopa-header-middle.fixed .main-menu > li {
	height:45px;
}
.kopa-header-middle.fixed .sf-mega {
	top:50px !important;
}
.kopa-header-middle.fixed .main-menu > li .sf-mega ul.sub-menu {
	top:0px;
}
.kopa-header-middle.fixed .main-menu > li ul.sub-menu {
	top:50px;
}
.kopa-header-middle.fixed .kopa-logo {
	display:none;
}
.kopa-header-middle.fixed .mobile-logo {
	display:block;
	position:absolute;
	top:9px;
	z-index:1150;
}
.kopa-header-middle.fixed .mobile-logo img {
	width:100px;
}

/* Menu principal mobile */ 
.main-nav-mobile {
	float:right;
}
.main-nav-mobile .pull {
	color:#4a4947;
	padding:0px;
	margin-top:3px;
}
.main-nav-mobile .pull .line {
    width: 30px;
    height: 3px;
    background-color: #E84910;
    display: block;
    margin: 0px auto 10px auto;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.main-nav-mobile .pull.open .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(13px) rotate(45deg);
}
.main-nav-mobile .pull.open .line:nth-child(2) {
    opacity: 0;
}
.main-nav-mobile .pull.open .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
}
.main-nav-mobile .pull i {
	width:30px;
	font-size:34px;
}
.main-menu-mobile {
	margin:0px;
}
.main-menu-mobile > li > a {
	font-family:"Roboto Condensed";
	font-weight:600;
	font-size:16px;
	padding:15px 25px 15px 0;
	text-transform:uppercase;
}
.main-menu-mobile > li > a:hover {
	color:#3e3e4a !important;
}
.main-menu-mobile li .sub-menu {
	padding-bottom:20px;
	padding-left:0px;
	margin-left:0px;
}
.main-menu-mobile li .sub-menu > li > a {
	font-family:"Roboto Condensed";
	font-weight:600;
	text-transform:uppercase;
}
.main-menu-mobile > li > a > span {
	top:15px;
}
.main-menu-mobile > li > a > span:after {
    content: '\f105';
}
.main-menu-mobile > li.open > a > span:after {
    content: '\f107';
}
.main-menu-mobile-container {
	overflow-y:scroll;
	display:block;
	height:0px;
}
.main-menu-mobile-container .main-menu-mobile {
	position:absolute;
	display:block;
	width:100%;
	top:100px;
	border:0px;
	padding:10px 30px 25px 30px;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.05);
	transform-origin: top center;
	-webkit-transform: scaleY(0);
    transform: scaleY(0);
	opacity: 0;
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.main-menu-mobile-container.active .main-menu-mobile {
	-webkit-transform: scaleY(1);
    transform: scaleY(1);
	opacity: 1;
}
.kopa-header-middle.fixed .main-menu-mobile {
	top:50px;
}
.main-menu-mobile .sf-mega-mobile .sf-mega-section-mobile {
	margin-top:0px;
	padding-top:0px;
    border-top:0px;
}
.main-menu-mobile .sf-mega-mobile .sf-mega-section-mobile article.entry-item {
	margin-bottom:30px;	
}
.main-menu-mobile .sf-mega-mobile .entry-title {
	font-weight:400;
}
@media screen and (max-width: 992px) {
	.sf-mega-mobile .sf-mega-section-mobile .widget {
		margin-left:30px;
	}
}
	

/* Sticky menu principal mobile */
.kopa-header-middle.fixed .main-nav-mobile {
	padding-top:5px;
}

/* Barre de navigation de contenu horinzontale */ 
ul.content-nav-bar {
	float:right;
	margin: 0 0 0px 0;
	list-style:none;
	overflow:hidden;
	padding:5px 15px 15px 15px;
}
ul.content-nav-bar li {
	display:inline-block;
	margin-bottom:5px;
}
ul.content-nav-bar li a {
	display:inline-block;
	position:relative;
	font-family: "Roboto Condensed", sans-serif;
	padding:6px 10px;
	font-size:12px;
	color:#4a4947;
	font-weight: 500;
	text-transform:uppercase;
}
ul.content-nav-bar li a:hover {
	color:#E7480F;
}
ul.content-nav-bar li a.active {
	color:#fff;
}
ul.content-nav-bar li a.active:before {
	content: '';
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
	z-index:-1;
    padding: 16px 16px;
    border-radius: 8px;
    background: #4a4947;
	animation: slide-from-bottom 0.3s ease;
}
ul.content-nav-bar li a.back-arrow:before {
	position:absolute;
	left:-5px;
	top:6px;
	font-family:FontAwesome;
	content:"\f104";
	font-size:18px;
}
@media screen and (max-width: 992px) { 
	ul.content-nav-bar {
		margin:10px 0 0px 0;
		padding: 10px 0px 5px 5px;
	}
}

/* Barre de navigation de contenu verticale suiveuse au scroll */ 
ul.follower-nav-bar {
	position:fixed;
	z-index:4520;
	right:0px;
	top:auto;
	bottom:35%;
	padding: 15px 0px 15px 15px;
	background:none;
}
ul.follower-nav-bar li {
	display:block;
	margin:0px;
	padding:0px;
	text-align:right;
	animation: slide-from-right 0.8s ease;
}
ul.follower-nav-bar li a {
	position:relative;
	display:block;
	width:45px;
	height:40px;
	padding:0px;
	font-family: "Roboto Condensed", sans-serif;
	font-size:12px;
	color:#4a4947;
	font-weight: 500;
	text-transform:uppercase;
}
ul.follower-nav-bar li a span {
	position:absolute;
	z-index:4521;
	top:3px;
	right:0px;
	white-space: nowrap;
	padding:5px 45px 5px 15px;
	border-top-left-radius:14px;
	border-bottom-left-radius:14px;
	background:rgba(255, 255, 255, 0.7);
	-webkit-transform: translate(100%, 0); transform: translate(100%, 0);
	animation: slide-to-right 0.3s ease;
}
ul.follower-nav-bar li a:hover span {
	-webkit-transform: translate(0, 0); transform: translate(0, 0);
	animation: slide-from-right 0.3s ease;
}
ul.follower-nav-bar li a:after {
	position:absolute;
	z-index:4522;
	content:'';
	display:block;
	width:14px;
	height:14px;
	border-radius:14px;
	margin:10px 20px 10px 10px;
	padding:0px;
	text-indent:-9999px;
	background:#ddd;	
}
ul.follower-nav-bar li a.active:after {
	background:#4a4947;
}
ul.follower-nav-bar li a.active:before {
	display:none;
}
@media screen and (max-width: 992px) { 
	ul.follower-nav-bar {
		bottom:100px;
	}
	ul.follower-nav-bar li a span {
		display:none;
	}
}


/* Menu inpage */
.inpage-sub-menu {
	list-style:none;
	font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #3e3e4a;
    font-weight: 700;
	margin:20px 0 20px 0;
	padding:0px;
	text-align:center;
    text-transform: uppercase;
}
.inpage-sub-menu li {
	display:block;
	padding: 12px 0px;
	border-bottom: 1px solid #dfdfdf;
}
.inpage-sub-menu li:last-child {
	border-bottom:0px;
}
.inpage-sub-menu li a {
	display:block;
	color: #3e3e4a;
}
.inpage-sub-menu li a:hover {
	color:#e7480f;
}


/* Slider home page */
.widget-area-18 {
	margin-top:-40px;
}
.sliderhome {
	min-height:700px;
	min-width:100%;
	width:100%;
	margin:0px 0 40px 0;
	background:#fff;
}
.slide-txt-gris {
	font-family: "Roboto", sans-serif;
	font-weight:500;
	color:#3C3C3B;
}
.slide-txt-blanc {
	font-family: "Roboto", sans-serif;
	font-weight:500;
	color:#fff;
}
.slide-btn-gris,
.slide-btn-blanc {
	font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	color:#3C3C3B;
	padding:15px 25px;
	cursor:pointer;
	text-transform:uppercase;
	border:1px solid #3C3C3B;
	transition: all .3s !important;
    -ms-transition: all .3s !important;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
}
.slide-btn-blanc {
	color:#fff;
	border:1px solid #fff;
}
.slide-btn-gris:hover {
	color:#fff !important;
	border:1px solid #3C3C3B !important;
	background:#3C3C3B !important;
}
.slide-btn-blanc:hover {
	color:#3C3C3B !important;
	border:1px solid #fff !important;
	background:#fff !important;
}

/* actualite accueil */
.article-list-9 .pd-20 .entry-item .entry-thumb {
	max-height:186px;
	overflow:hidden;
	box-shadow: 0px 0px 20px 0px #ddd;
}

/* encart OP tel local */
.widget .slogan {
	margin-top:15px;
	text-align:left;
	font-size:18px;
	font-weight:400;
	font-style:italic;
}
.wrapper-actus-contact .widget-title.style3 {
	font-size:24px;
}
.wrapper-actus-contact ul {
	margin:0px;
}

/* encart contact home page */
#main-content .article-list-2 {
	border-radius:20px;
	background:#4A4947;
}
.article-list-2 .pd-20 {
    background: none;
}
.article-list-2 .pd-20 > ul {
    background: none;
}
.article-list-2 .widget-title {
	color:#fff;
	border-color:#5a5957;
}
.article-list-2 .pd-20 > ul > li {
	border-color:#4a4947;
	background:none;
	padding-bottom:0px;
}
.article-list-2 .pd-20 > ul > li:first-child {
	background:#4A4947;
}
.widget.article-list-2 ul { 
	margin:0px;
}
.widget.article-list-2 h4 {
	color:#fff;
}
.widget.article-list-2 p { 
	color:#fff;
	font-style:italic;
	margin-bottom:0px;
}
.widget.article-list-2 article.entry-item span.order-num {
	display:inline-block;
		margin-left:5px;
}
.widget.article-list-2 article.entry-item h4.entry-title { 
	font-size:15px;
	display:inline-block;
	line-height:22px;
	margin-top:12px;
	margin-left:2px;
}
.article-list-2 .pd-20 {
	padding-bottom:40px;
}
.article-list-2 .pd-20 > ul > li:first-child .entry-item .entry-title a {
	font-size:26px;
	font-weight:300;
}
.article-list-2 .pd-20 > ul > li .order-num {
	border-radius:30px;
	margin-right: 12px !important;
}
.article-list-2 .pd-20 > ul > li:first-child .order-num {
	background:#E7480F;
}
.article-list-2 .pd-20 > ul > li:first-child .order-num:before {
    border-top-color: #E7480F !important;
}
.article-list-2 .pd-20 > ul > li:first-child .order-num i {
	color:#fff !important;
}
.article-list-2 .pd-20 > ul > li:nth-child(2){
	border-top:0px;
}
.article-list-2 .pd-20 > ul > li .order-num,
.article-list-2 .pd-20 > ul > li .order-num i {
	font-size:20px;
	color:#4a4947 !important;
}
.article-list-2 .pd-20 > ul.social-networks {
	text-align:center;
	background:none;
}
.article-list-2 .pd-20 > ul.social-networks li {
	display:inline-block;
	padding:20px 5px;
	border:0px;
	background:none;
}
.social-networks li a i {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: #5d5958;
    color: #a19c98;
    border-radius: 50%;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.social-networks li a:hover i {
	background: #E7480F;
    color: #ffffff;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/* slider solutions dediee entreprises */
/* slider references web */
#main-content .kopa-solutions-entreprises-widget,
#main-content .kopa-references-web-widget {
	margin:20px 0 70px 0;
}
#main-content .kopa-solutions-entreprises-widget h3.widget-title,
#main-content .kopa-references-web-widget h3.widget-title {
	text-align:center;
	margin-bottom:40px;
}
#main-content .kopa-solutions-entreprises-widget .owl-carousel,
#main-content .kopa-references-web-widget .owl-carousel {
	background:none;
}
#main-content .kopa-solutions-entreprises-widget .owl-carousel-1 .item .pd-20,
#main-content .kopa-references-web-widget .owl-carousel-1 .item .pd-20 {
	background:none;
}
#main-content .kopa-solutions-entreprises-widget,
#main-content .kopa-references-web-widget {
	margin-bottom:0px;
	background:none;	
}
#main-content .kopa-solutions-entreprises-widget .owl-item,
#main-content .kopa-references-web-widget .owl-item {
	border-right:1px solid #fff;
}
#main-content .kopa-references-web-widget .item .entry-thumb {
    overflow: hidden;
    max-height: 242px;
}
#main-content .content.home-page .kopa-solutions-entreprises-widget {
	margin:20px 0 40px 0;
}
#main-content .content.home-page .kopa-solutions-entreprises-widget .owl-controls {
	display:block !important;
}
.owl-theme .owl-controls .owl-page span {
	width:15px;
	height:15px;
	background:#c6c6c6; /*#fff;*/
	border-color:#c6c6c6; /*#fff;*/
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
	background:#4A4947;
	border-color:#4A4947 !important;
}
.owl-carousel-1.owl-theme .owl-controls {
	position: absolute;
    width: auto;
    top: -40px;
    bottom: auto;
	left: 50%;
    transform: translate(-50%, 0);
}
.owl-carousel-1 .item {
	cursor:pointer;
	overflow:hidden;
}
.owl-carousel-1 .item .entry-thumb:before {
	content:'';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.owl-carousel-1 .item .pd-20 .kopa-e-list li {
	border:0px;
	padding-top:0px;
}
.owl-carousel-1 .item .entry-content.style1 {
	height:100%;
}
.entry-content.style1 .h5-content {
	bottom:20%;
}
.owl-carousel-1 .item .entry-title {
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:101;
	font-size:26px;
	text-align:center;
	font-weight:400;
}
.owl-carousel-1 .item .entry-title a:hover {
	color:#fff;
}
.owl-carousel-1 .item .entry-content:after {
	position:absolute;
	right:0px;
	top:50%;
	font-family:FontAwesome;
	content:"\f067";
	font-size:20px;
	padding:15px 0 0 14px;
	display:block;
	color:#4a4947;
	width:35px;
	height:50px;
	margin-top:-25px;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	background:#fff;
	opacity:0;
	transform-origin: bottom right;
	-webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.owl-carousel-1 .item .prod-detail {
	display:block;
	width:100%;
	position:absolute;
	right:0px;
	top:0px;
	z-index:102;
	padding:30px 20px 20px 20px;
	text-align:left;
	opacity:0;
	transform-origin: bottom left;
	-webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
}
.owl-carousel-1 .item .product-overlay {
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:100%;
	height:100%;
	background:rgba(74,73,71,0.95);
	opacity:0;
	transition:transform .2s ease-in-out,opacity .15s ease-in-out,-webkit-transform .2s ease-in-out;
	
}
.owl-carousel-1 .item:hover .product-overlay,
.owl-carousel-1 .item:hover .prod-detail,
.owl-carousel-1 .item:hover .entry-content:after {
	opacity:1;
	-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.owl-carousel-1 .item .prod-detail li {
	margin-bottom:12px;
	font-size:16px;
	font-weight:300;
}
.owl-carousel-1 .item .prod-detail li:before {
	font-family:FontAwesome;
	content:"\f105";
	padding-right:8px;
}

/* Page actualités */
.content.actualites .barre-titre-orange {
	margin-bottom:0px;
}
.content.actualites .actu-list .entry-item .entry-content {
	padding:30px 10px 20px 10px;
	border-bottom:2px solid #eee;
	margin-bottom:20px;
}
.content.actualites .actu-list .entry-item .entry-content .entry-meta {
	margin-bottom:10px;
}
.content.actualites .actu-list {
	margin-top:10px;
	margin-bottom:100px;
	text-align:center;
}
.content.actualites .more-actu-btn {
	display:inline-block;
	width:auto;
	margin:20px auto 0 auto;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	cursor:pointer;
}
.content.actualites.more-actu-btn {
	display:none;
}
.content.actualites .more-actu-btn:hover {
	color:#fff;
}
.content.actualites .actu-list .widget {
	margin-bottom:20px;
	text-align:left;
	padding:0 10px;
}
.content.actualites .actu-list .widget.animate-slide-from-top {
	animation: slide-from-top 0.3s ease;
	opacity:1 !important;
}
.content.actualites .actu-list .widget .entry-thumb {
	max-height:250px;
	overflow:hidden;
	background:#eee !important;
	box-shadow: 0px 0px 20px 0px #ddd;
}

/* Page actualité */
.content.actualite .barre-titre-orange {
	margin-bottom:0px;
}
.content.actualite .actu-detail-container .actu-detail {
	margin: 0 0 70px 0;
}
.content.actualite .actu-detail-container .actu-detail .entry-meta {
	position:relative;
	margin-bottom:30px;
}
.content.actualite .actu-detail-container .actu-detail .entry-meta .entry-date {
	font-size:18px;
}
.content.actualite .actu-detail-container .actu-detail .entry-meta h5 {
	position: absolute;
    right: 0;
    top: -3px;
    border-radius: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    padding: 6px 15px;
    background: #4A4947;
    margin: 0;
	cursor:default;
}
.content.actualite .actu-detail-container .actu-detail {
	font-size:16px;
	line-height:22px;
}
.content.actualite .actu-detail-container .actu-detail .picture {
	position:relative;
	margin-bottom:40px;
	margin-top: 20px;
	background:#f9f9f9 !important;
	box-shadow: 0px 0px 40px 0px #ddd;
}
.content.actualite .actu-detail-container .actu-detail .picture img {
	width:100%;
}
.content.actualite .actu-detail-container .actu-detail .entry-thumb:hover img {
	opacity:1;
}
.content.actualite .actu-list  {
	margin:10px 0 0 20px;  
}
.content.actualite .actu-list .list-content {
	padding-top:25px;
	border-top:1px solid #dfdfdf;
}
.content.actualite .actu-list .widget {
	padding:0 10px 20px 10px;
	border-bottom:1px solid #dfdfdf;
}
.content.actualite .actu-list .widget.animate-slide-from-top {
	animation: slide-from-top 0.3s ease;
	opacity:1 !important;
}
.content.actualite .actu-list .widget .entry-thumb {
	max-height:250px;
	overflow:hidden;
	background:#f9f9f9 !important;
}
.content.actualite .actu-list .widget .entry-meta {
	margin-bottom:10px;
}
.content.actualite .actu-btns {
	width:100%;
	text-align:right;
}
.content.actualite .actu-btns a {
	position:relative;
}
.content.actualite .actu-btns a:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
	font-weight:300;
	margin-left:10px;
}
@media screen and (max-width: 768px) {
	.content.actualite .actu-list {
		margin-left:0px;
		margin-bottom:50px;
	}
}


/* Page société / Qui sommes nous ? */
.content.societe #profil,
.content.societe #nos-metiers,
.content.societe #notre-infrastructure,
.content.societe #nos-valeurs,
.content.societe #nos-clients,
.content.societe #notre-equipe {
	padding:30px 0 50px 0;
}
.content.societe .barre-titre-orange {
    margin: 30px 0 10px 0;
}
.content.societe .societe-metiers-image {
	margin-bottom:80px;
}
.content.societe h2 {
	margin-top:15px;
}
.content.societe .intro-1 {
	margin:30px 0 100px 0; 
}
.content.societe #nos-metiers .metier {
	margin-top:30px;
	margin-bottom:20px;
	padding:0 20px;
	text-align:center;
}
.content.societe #nos-metiers .metier .text {
	border-top: 1px solid #3e3e4a;
	padding:20px 0px 10px 10px;
	text-align:left;
	font-size:16px;
	line-height:22px;
}
.content.societe #nos-metiers .metier .logo-metier {
	width:125px;
	margin-bottom:15px;
}
.content.societe #notre-infrastructure {
	margin-bottom:50px;
}
.content.societe #notre-infrastructure #map {
	height:600px;
}
.content.societe #nos-valeurs .text {
	padding-left:20px;
	font-size:16px;
	line-height:22px;
}
.content.societe #nos-valeurs h2 {
	margin-top:5px;
}
.content.societe #nos-valeurs h3 {
	margin-bottom:10px;
	margin-top:15px;
}
.content.societe #nos-clients {
	padding:50px 0 150px 0;
}
.content.societe #nos-clients .text {
	font-size:16px;
	line-height:22px;
}
.content.societe #nos-clients .bloc-exergue-2 {
	margin-top:0px;
	margin-left:30px;
	font-size:16px;
	line-height:22px;
}
.content.societe #nos-clients .bloc-exergue-2 p.citation {
	position:relative;
	font-style:italic;
}
.content.societe #nos-clients .bloc-exergue-2 p.citation:before,
.content.societe #nos-clients .bloc-exergue-2 p.citation:after {
	font-weight:700;
	font-size:20px;
}
.content.societe #nos-clients .bloc-exergue-2 p.citation:before {
	left:-25px;
	content:"“";
}
.content.societe #nos-clients .bloc-exergue-2 p.citation:after {
	right:-25px;
	content:"”";
}
.content.societe #nos-clients .bloc-exergue-2 p.auteur {
	text-align:right;
	font-weight:700;
}
.content.societe #nos-clients h2 {
	margin-bottom:30px;
}
.content.societe #notre-equipe {
	padding:0px;
	position:relative;
}

.content.societe #notre-equipe .poles {
	padding-top:15%;
}
.content.societe #notre-equipe .poles.first {
	padding-top:10%;
}
.content.societe #notre-equipe .poles .pole {
	width:550px;
	border-top-right-radius: 150px;
	border-bottom-right-radius: 150px;
    padding: 40px 50px;
	font-size:16px;
	line-height:22px;
	background:rgba(255, 255, 255, 0.9);
}
.content.societe #notre-equipe .poles .pole h3 {
	margin-bottom:0px;
}
.content.societe #notre-equipe .poles .pole.equipe {
	background:none;
}
.content.societe #notre-equipe .poles .pole.equipe h2 {
	font-size:40px;
	line-height:46px;
	color:#3e3e4a;
}
.content.societe #notre-equipe .parallax-window {
	min-height:1000px; 
}
@media screen and ( max-width: 992px) { 
	.content.societe .barre-titre-orange {
		margin-bottom:10px;
	}
	.content.societe h2 {
		font-size:28px;
		line-height:34px;
	}
	.content.societe h3 {
		font-size:22px;
		line-height:28px;
	}
	.content.societe .intro-1 {
		font-size: 18px;
	    line-height: 24px;
	}
	.content.societe #notre-infrastructure #map {
		height:400px;
	}
	.content.societe #nos-valeurs .text {
		padding-left:0px;
		padding-top:30px;
	}
	.content.societe #nos-clients {
		padding: 50px 0 100px 0;
	}
	.content.societe #nos-clients .bloc-exergue-2 {
		margin-left:0px;
		margin-top:20px;
	}
	.content.societe #notre-equipe .poles .pole.equipe h2 {
		font-size:28px;
		line-height:34px;
	}
	.content.societe #notre-equipe .poles .pole {
		width:350px;
		padding: 30px 15px 30px 25px;
		font-size:16px;
	}
	.content.societe #notre-equipe .parallax-window {
		min-height:700px; 
	}
}

/* Parallax */
.parallax-window {
    min-height: 400px;
    background: transparent;
}

/* Infobulles sur fond parallax */
.infobulles-container {
    padding: 235px 0px;
}
.infobulles-container .infobulle {
	position:relative;
	width:95%;
	padding-top:95%;
	margin:0 auto 30px auto;
	cursor:default;
	border-radius:400px;
	text-align:center;
	background:rgba(255, 255, 255, 0.6);
	transition: background 0.2s ease-out;
}
.infobulles-container .infobulle:hover {
	background:rgba(255, 255, 255, 0.9);
	transition: background 0.2s ease-out;
}
.infobulles-container .infobulle .text {
	position:absolute;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
	font-family:Roboto Condensed;
	text-align: center;
   	font-size: 24px;
	line-height:30px;
	color: #3e3e4a;
}
.infobulles-container .infobulle .text p {
	margin-bottom:0px;
}
.infobulles-container .infobulle .text span {
	font-weight:600;
}
.infobulles-container .infobulle .text span.big {
	font-size:36px;
	line-height:40px;
}
@media screen and ( max-width: 1200px) { 
	.infobulles-container .infobulle .text {
		font-size: 20px;
		line-height:26px;
	}
	.infobulles-container .infobulle .text span.big {
		font-size:30px;
		line-height:36px;
	}
}
@media screen and (max-width: 992px) {
	.infobulles-container {
		padding:100px 10%;
	}
}

/* Page 404 */
.content.page-404 .bloc-message {
	padding:50px;
	color:#fff;
	border-radius:20px;
	margin-top: 30px;
	margin-bottom: 500px;
	text-align:center;
	background: rgba(74, 72, 70, 0.5);
}
.content.page-404 .wrapper {
	z-index:2;
}
.content.page-404 h2 {
	color:#fff;
	font-size:32px;
}
.content.page-404 h3 {
	font-weight: 500;
	color:#fff;
	text-align: center;
}
.content.page-404 .bloc-message .btn-primary {
	margin-top:20px;
	padding: 15px 25px;
	font-size:20px;
	color:#fff;
	background:none;
	border:1px solid #fff;
	transition: all .3s !important;
    -ms-transition: all .3s !important;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
}
.content.page-404 .bloc-message .btn-primary:hover {
	color: #3C3C3B !important;
    border: 1px solid #fff !important;
    background: #fff !important;
}

/* Page Poly Sécurité */
.content.polysecurite h1.titre-page-orange::before{
	background: #008376;	
}
.content.polysecurite .poly-info-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.polysecurite .poly-info-content-1 .text-1 {
	margin-top:20px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
.content.polysecurite .intro-1 {
  padding: 0px 0px 0 0px;
  margin-bottom: 40px;
}
.content.polysecurite .intro-1 h2{
	margin-bottom: 40px;	
}
.content.polysecurite .bloc-exergue-2 p, .content.polysecurite .bloc-exergue-2 ul li{
	line-height: 26px;	
}

.content.polysecurite .bloc-exergue-2 .puces-fleches{
	margin-top: 0px;	
}

.content.polysecurite .consulter-site{
	margin-bottom: 70px;
}
.content.polysecurite .btn-primary{
	background: #008376;	
}
.content.polysecurite .btn-primary:hover{
	background: #008376 !important;
	opacity: 0.7;	
}

@media screen and (max-width: 992px) {
	
	.content.polysecurite .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.polysecurite .poly-info-content-1 .text-1 {
		margin-top:30px;
	}
	.content.polysecurite .poly-info-content-1 {
		margin-top:0px;
	}
}

/* Page nom de domaine */
.content.nom-de-domaine .barre-titre-orange {
	margin: 30px 0 10px 0;
}
.content.nom-de-domaine .ndds-image {
	margin-top:20px;
}
.content.nom-de-domaine .intro-1 {
	padding:50px 0px 0 0px;
	margin-bottom:40px;
}
.content.nom-de-domaine .text-1 {
	margin-top:60px;
}
.content.nom-de-domaine .bloc-tarif {
	padding:30px;
	border-top:1px solid #4a4947;
	border-right: 0px !important;
}
.content.nom-de-domaine .bloc-tarif .a-partir {
	text-align:right;
	font-size:20px;
	line-height:22px;	
	padding:0px 0 20px 0;
}
.content.nom-de-domaine .bloc-tarif .a-partir span {
	font-size:48px;
	line-height:52px;	
	font-weight:bold;
}
.content.nom-de-domaine .puces-fleches li {
	font-size:16px;
}
.content.nom-de-domaine .elegibilite-ndd-frm {
	color: #fff;
    font-size: 16px;
    border-radius: 15px;
    padding: 25px;
	margin:50px 0 30px 0;
	background:#4A4846;
}
.content.nom-de-domaine .ndd-faq {
	margin:30px 0 100px 0;
}
.content.nom-de-domaine .ndd-5000 {
	margin:100px 0 60px 0;
	line-height:38px;
}
.content.nom-de-domaine .ndd-5000 strong {
	font-size:34px;
}
.content.nom-de-domaine .accredite-par {
	text-align:center;
	margin:30px 0;
	padding:30px 50px;
	background:#fff;
	border-radius:15px;
}
.content.nom-de-domaine .accredite-par h3 {
	font-size:20px;
	line-height:24px;
	margin-bottom:0px;
}
.content.nom-de-domaine .accredite-par img {
	border-radius:15px;
}
.content.nom-de-domaine .votre-ndd-container {
	position:relative;
}
.content.nom-de-domaine .label-dispo {
	font-family: "Roboto Condensed", sans-serif;
	font-size:22px;
	line-height:28px;
	font-weight: 700;
}
.content.nom-de-domaine .votre-ndd-container .btn-search-ndd {
	position:absolute;
	top:0px;
	right:15px;
	padding:11px 20px;
}
.content.nom-de-domaine .search-loader {
	display:none;
	width:100%;
	text-align:center;
}
.content.nom-de-domaine .ndd-results .choix {
	margin-top:15px;
	text-align:right;
}
.content.nom-de-domaine .ndd-results .choix p {
	font-size:14px;
	font-style:italic;
	margin-bottom:0px;
}
.content.nom-de-domaine .ndd-results .ndd-list {
	margin:0px 0 20px 0;
}
.content.nom-de-domaine .ndd-results,
.content.nom-de-domaine .btn-devis-ndd {
	display:none;
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item {
	margin-top:10px;
	padding:12px 20px 12px 20px;
	background:rgba(255, 255, 255, 0.1);
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item .ndd-dispo {
	float:left;
	background:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:30px;
	margin-right:10px;
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item .ndd-dispo.indispo i {
	color:red;
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item .ndd-dispo.dispo i {
	color:green;
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item .ndd-name {
	float:left;
	line-height:30px;
}
.content.nom-de-domaine .ndd-results .ndd-list .ndd-item .ndd-devis {
	line-height:30px;
	float:right;
	font-size:14px;
	font-style:italic;
}
.content.nom-de-domaine .option-messagerie {
	margin-top:10px;
	margin-bottom:20px;
	padding:12px 20px 12px 20px;
	background:rgba(255, 255, 255, 0.1);
}
.content.nom-de-domaine .option-messagerie .messagerie-name {
	float:left;
	line-height:30px;
}
.content.nom-de-domaine .option-messagerie .messagerie-devis {
	float:right;
	line-height:30px;
}
@media screen and (max-width: 992px) {
	.content.nom-de-domaine .ndd-5000 {
		margin:40px 0 30px 0;
		text-align:center;
	}
}


/* Page Fibre Optique */
.bloc-tarif {
	padding:30px;
	border-right:1px solid #4a4947;
}
.bloc-tarif .a-partir {
	text-align:right;
	font-size:20px;
	line-height:22px;	
	padding:30px 0 20px 0;
}
.bloc-tarif .a-partir span {
	font-size:48px;
	line-height:52px;	
	font-weight:bold;
}
.bloc-tarif .btn-primary {
	font-size:18px;
	padding:15px;
}
.wrapper.benefice-entreprise {
	margin-top:90px;
	padding-bottom:90px;
}
.schema-fo-container {
	margin-top:30px;
}
.schema-fo-container .text {
	margin-top:70px;
	padding:30px;
	border-right:1px solid #4a4947;
}
.schema-fo-container p {
	font-size:18px;
	line-height:24px;
}
.content.fibre-optique .fibre-faq {
	margin:40px 0 80px 0;
}

/* Page Interconnexion */
.schema-interco-container {
	margin-top:30px;
}
.schema-interco-container .text-1 {
	margin-top:70px;
	padding:30px;
	border-right:1px solid #4a4947;
}
.schema-interco-container p {
	font-size:18px;
	line-height:24px;
}
.schema-interco-container img{
	padding-top: 30px;	
}



/* Page Externalisation SI */
.schema-externalisation-container {
	margin-top:30px;
	margin-bottom:70px;
}
.schema-externalisation-container .text-1 {
	margin-top:70px;
	padding:50px 30px 50px 30px;
	border-right:1px solid #4a4947;
}
.schema-externalisation-container p {
	font-size:18px;
	line-height:24px;
}
.schema-externalisation-container img{
	padding-top: 30px;	
}

/* Page SDSL */
.schema-sdsl-container {
	margin-top:30px;
}
.content.fibre-optique .usage-sdsl {
	margin:60px 0 60px 0;
}

/* Page aDSL */
.schema-adsl-container {
	margin-top:30px;
}

/* Page Mentions légales */
/* Page Politique de confidentialité */
.content.mentions-legales,
.content.politique-de-confidentialite {
	padding:0 30px 50px 30px;	
}
.content.politique-de-confidentialite {
	text-align:justify;
}

/* Page recrutement */
.content.recrutement .photo-chaussures-silhouette {
	position:relative;
}
.content.recrutement .photo-chaussures-silhouette img {
	opacity:1;
}
.content.recrutement .photo-chaussures-silhouette .encart-postuler {
	position:absolute;
	z-index:1100;
	top:45%;
	left:52%;
	width:310px;
	text-align:center;
}
.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon {
	position:absolute;
	z-index:1101;
	top:15%;
	left:calc(50% - 400px);
	width:400px;
}
.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon h2 {
	font-size:30px;
	line-height:36px;
}
.content.recrutement .photo-chaussures-silhouette .encart-postuler p {
	font-family: "Roboto Condensed", sans-serif;
	font-weight:600;
	font-size:40px;
	line-height:46px;
	color:#e7480f;
}
.content.recrutement .photo-chaussures-silhouette #postuler-btn {
	font-size:22px;
	margin-top:50px;
	padding:20px 40px;
}
.content.recrutement .photo-chaussures {
	position:relative;
}
.content.recrutement .offre-emploi {
	border-bottom:1px solid #dfdfdf;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:50px;
}
.content.recrutement .offre-emploi#candidature-spontanee {
	margin-bottom:0px;
	padding-bottom:0px;
}
.content.recrutement .offre-emploi h2 {
	margin-bottom:25px;
}
.content.recrutement .qsn {
	margin-top:90px;
}
@media screen and (max-width: 1800px) { 
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { left:50%; }
	.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon { left:calc(45% - 400px); }
	.content.recrutement .photo-chaussures-silhouette #postuler-btn { margin-top:40px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { font-size:36px; line-height:42px; }
}
@media screen and (max-width: 1600px) { 
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { width:280px; }
	.content.recrutement .photo-chaussures-silhouette #postuler-btn { margin-top:20px; padding: 15px 40px;  }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { font-size:30px; line-height:36px; }
}
@media screen and (max-width: 1200px) { 
	.content.recrutement .qsn {
		margin-top:10px;
		margin-bottom:60px;
	}
	.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon h2 { font-size:24px; line-height:30px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { left:48%; }
	.content.recrutement .photo-chaussures-silhouette #postuler-btn { margin-top:10px; font-size: 1rem; line-height: 1.5; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { font-size:24px; line-height:30px; }
}
@media screen and (max-width: 992px) {
	.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon { left:80px; top:0px; width:260px; }
	.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon h2 { font-size:20px; line-height:26px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { width:220px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { margin-top:10px; font-size: 20px; line-height:26px; }
	.content.recrutement .photo-chaussures-silhouette #postuler-btn { margin-top:5px; padding: 10px 25px;  }
}
@media screen and (max-width: 768px) {
	.content.recrutement h2 {
		font-size:24px;
		line-height: 30px;
	}
	.content.recrutement h3 {
		font-size:20px;
		line-height: 26px;
	}
	.content.recrutement .qsn{
		display:none;
	}
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { width:200px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { margin-top:0px; margin-bottom:10px; font-size: 18px; line-height:24px; }
}
@media screen and (max-width: 690px) {
	.content.recrutement .photo-chaussures-silhouette .encart-candidature-spon { position:relative; left:35px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { left:40%; width:280px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { margin-top:30px; font-size: 22px; line-height:28px; }
	.content.recrutement .photo-chaussures-silhouette #postuler-btn { margin-top:5px; padding: 10px 25px;  }
}
@media screen and (max-width: 560px) {
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { left:35%; width:260px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { margin-top:20px; font-size: 20px; line-height:26px; }
}
@media screen and (max-width: 450px) {
	.content.recrutement .photo-chaussures-silhouette .encart-postuler { left:30%; width:240px; }
	.content.recrutement .photo-chaussures-silhouette .encart-postuler p { margin-top:0px; font-size: 18px; line-height:24px; }
}

/* Page Références web */
.content.references-web .barre-titre-orange {
	margin-bottom:0px;
}
.content.references-web .references-web-list {
	margin-top:10px;
	margin-bottom:100px;
	text-align:center;
}
.content.references-web .more-ref-btn {
	display:inline-block;
	width:auto;
	margin:20px auto 0 auto;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	cursor:pointer;
}
.content.references-web .more-ref-btn {
	display:none;
}
.content.references-web .more-ref-btn:hover {
	color:#fff;
}
.apercu-references-web.references-web-list .item {
	margin-bottom:20px;
}
.apercu-references-web.references-web-list .item.animate-slide-from-top {
	animation: slide-from-top 0.3s ease;
	opacity:1 !important;
}
.apercu-references-web.references-web-list .item .reference-detail {
	padding:10px 60px 0px 30px !important;
}
.apercu-references-web.references-web-list .item .reference-detail h5 {
	position:relative;
	font-family:"Roboto", sans-serif;
	color:#fff;
	font-size: 18px;
    font-weight: 400;
}
.apercu-references-web.references-web-list .item .reference-detail h5:before {
	position:absolute;
	left:-12px;
	font-family:FontAwesome;
	content:"\f105";
	padding-right:8px;
}
.apercu-references-web.references-web-list .item .reference-detail p {
	color:#fff;
	font-size: 14px;
    font-weight: 300;
}
.apercu-references-web.references-web-list .item .btn-visiter {
	border:1px solid #fff;
	background:none;
}
.apercu-references-web.references-web-list .item .btn-visiter:hover {
	color:#3C3C3B !important;
	background:#fff;
}
@media screen and (max-width: 1200px) { 
	.apercu-references-web.references-web-list .item .reference-detail p {
		display:none;
	}
}

/* Page Référence web */
.content.reference-web .bgimg-parallax {
	overflow:hidden;
	min-height:1000px;
}
.content.reference-web .barre-titre-orange {
	margin-bottom:0px;
}
.content.reference-web h2 {
	text-transform:uppercase;
}
.content.reference-web .btn-visiter {
	margin-top:40px;
	padding: 10px 40px;
	margin-bottom: 20px;
}
.content.reference-web .reference-detail-container {
	margin-top:20px;
}
.content.reference-web .reference-detail-container .reference-date {
	position:relative;
}
.content.reference-web .reference-detail-container .reference-date span {
	position:absolute;
	display:block;
	top:30px;
	right:60px;
	color:#EEEEEE;
	font-weight:600;
	font-size:100px;
	cursor:default;
}
.content.reference-web .reference-detail-container {
	transform: translateX(0px);
	animation: slide-refweb-text-blur 0.5s ease;
}
.content.reference-web .reference-detail-container.show-picture {
	transform: translateX(-1060px);  /* a changer selon resol */
	animation: slide-refweb-text-focus 0.5s ease;
}
.content.reference-web .reference-detail-container .reference-picture {
	position:relative;
}
.content.reference-web .reference-detail-container .reference-picture .scene {
	position:relative;
	width: 1150px; /* a changer selon resol */
	height: 590px; /* a changer selon resol */
	perspective: 400px;
    perspective-origin: 100% 50%;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture {
	position: absolute;
	left:-300px; /* a changer selon resol */
	top:-20px;
	width: 100%;
	height: 100%;
	transform: rotateY( -10deg) translateZ(-0px) translateX(0px); 
	animation: show-refweb-picture-blur  0.5s ease;
	box-shadow: 0px 0px 40px 0px #ddd;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture .video-conteneur {
	position:relative;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture .video-conteneur video {
	width:100%;
	pointer-events: none;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture .reference-overlay {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:#4A4947;
	z-index:532;
	opacity:0;
	transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture #video-reference {
	display:block;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture:hover .reference-overlay {
	opacity:0.2;
}
.content.reference-web .reference-detail-container.show-picture .reference-picture .scene .picture:hover .reference-overlay {
	opacity:0;
}
.content.reference-web .reference-detail-container.show-picture .reference-picture .scene .picture {
	cursor:pointer;
	left:0px;
	transform: rotateY( 0deg) translateZ(0px); 
	animation: show-refweb-picture-focus  0.5s ease;
	box-shadow: 0px 0px 40px 0px #ddd;
}
.content.reference-web .reference-detail-container .reference-picture .scene .picture.scrolly {
	overflow:hidden;
}
.content.reference-web .reference-detail-container.show-picture .reference-picture .scene .picture.scrolly {
	overflow-y:scroll;
	padding-right:20px;
}
.content.reference-web .reference-detail-container.show-picture .reference-description {
	transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
}
.content.reference-web .reference-detail-container.show-picture .reference-description:hover {
	opacity:0.8;
}
.reference-detail-nav {
	margin-top:30px;
	background:#eee;
}
.reference-detail-nav .wrapper {
	padding:0px 20px;
}
.reference-detail-nav .reference-nav {
	position:relative;
	display:block;
	padding:30px 0;
}
.reference-detail-nav .reference-nav .ref-label {
	display:block;
	position:relative;
    font-family: "Roboto Condensed", sans-serif;
    padding: 6px 20px;
    font-size: 12px;
	line-height:16px;
    color: #4a4947;
    font-weight: 500;
    text-transform: uppercase;
}
.reference-detail-nav .reference-precedente .ref-label {
	text-align:left;
}
.reference-detail-nav .reference-precedente .ref-label:before {
	position: absolute;
    left: 0px;
    top: 5px;
    font-family: FontAwesome;
    content: "\f104";
    font-size: 18px;
}
.reference-detail-nav .reference-suivante .ref-label {
	text-align:right;
	transition: color .3s;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}
.reference-detail-nav .reference-suivante .ref-label:after {
	position: absolute;
    right: 0px;
    top: 5px;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 18px;
}
.reference-detail-nav .reference-nav .client {
	display:block;
	font-family: "Roboto Condensed", sans-serif;
	font-size:26px;
	color:#3e3e4a;
	font-weight:700;
	padding:3px 0px 15px 0px;
	text-transform:uppercase;
	transition: color .3s;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}
.reference-detail-nav .reference-precedente .client {
	text-align:left;
}
.reference-detail-nav .reference-suivante .client {
	text-align:right;
}
.reference-detail-nav .reference-nav:hover .ref-label,
.reference-detail-nav .reference-nav:hover .client {
	color:#e7480f;
	transition: color .3s;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}
#style-sbar { /* firefox */
	scrollbar-color: #545351 #fff; 
	scrollbar-width: thin;
}
#style-sbar::-webkit-scrollbar { /* chrome */
	width: 10px;
	background:none;
}
#style-sbar::-webkit-scrollbar-thumb { /* chrome */
	border-radius: 10px;
	background-color: #545351;
}
#style-sbar::-webkit-scrollbar-track { /* chrome */
	border-radius: 10px;
	background: none;
}
.content.reference-web .reference-detail-container .reference-picture img {
	display:block;
	width:100%;
	max-width:none;
}
.content.reference-web .reference-detail-container .reference-picture {
	cursor:pointer;
}
video::-webkit-media-controls-enclosure {
  display:none !important;
}
.content.reference-web .reference-detail-container.show-picture .reference-picture {
	cursor:default;
}
.content.reference-web .reference-detail-container .reference-description {
	cursor:default;
	position:relative;
	/*overflow:hidden;*/
}
.content.reference-web .reference-detail-container.show-picture .reference-description {
	cursor:pointer;
}
.content.reference-web .reference-detail-container .reference-description .btn-close-picture {
	position:absolute;
	right:0px;
	top:50px;
	width:80px;
	height:80px;
	border:0px;
	z-index:-1;
	border-top-left-radius:40px;
	border-bottom-left-radius:40px;
	background:#4A4947;
	transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
	opacity:0;
	-webkit-transform: translateX(100px); 
	transform: translateX(100px);
	animation: slide-btnclose-focus 0.5s ease;
}
.content.reference-web .reference-detail-container.show-picture .reference-description {
	cursor:pointer;
}
.content.reference-web .reference-detail-container.show-picture .reference-description .btn-close-picture {
	opacity:1;
	-webkit-transform: translateX(0px); 
	transform: translateX(0px);
	animation: slide-btnclose-blur 0.5s ease;
}
.content.reference-web .reference-detail-container .reference-description .btn-close-picture:before {
    position: absolute;
    left: 35px;
    top: 30px;
	color:#fff;
    font-size: 30px;
	font-family: "revicons";
    content: "\e824";
}
@keyframes slide-refweb-text-focus {
     from { -webkit-transform:translateX(0px); transform:translateX(0px);}
     to   { -webkit-transform:translateX(-1060px); transform:translateX(-1060px); /* a changer selon resol */ }
}
@keyframes slide-refweb-text-blur {
     from { -webkit-transform:translateX(-1060px); transform:translateX(-1060px); /* a changer selon resol */}
     to   { -webkit-transform:translateX(0px); transform:translateX(0px);}
}
@keyframes show-refweb-picture-focus {
     from { left:-300px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform: rotateY( -10deg) translateZ(-0px)  translateX(0px);} /* a changer selon resol */
     to   { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
}
@keyframes show-refweb-picture-blur {
     from { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
     to   { left:-300px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform:rotateY( -10deg) translateZ(-0px)  translateX(0px); } /* a changer selon resol */
}
@keyframes slide-btnclose-focus {
	from { -webkit-transform: translateX(0px); transform: translateX(0px);}
     to   { -webkit-transform: translateX(100px); transform: translateX(100px); }
}
@keyframes slide-btnclose-blur {
	from { -webkit-transform: translateX(100px); transform: translateX(100px);}
     to   { -webkit-transform: translateX(0px); transform: translateX(0px); }
}
@media screen and (max-width: 1400px) {
	.content.reference-web .reference-detail-container .reference-date span {
		right:100px;
		top:0px;
		transform-origin: top right;
		-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
	}
	.content.reference-web .reference-detail-container.show-picture {
		transform: translateX(-960px);  /* a changer selon resol */
	}
	.content.reference-web .reference-detail-container .reference-picture .scene {
		position:relative;
		width: 1050px; /* a changer selon resol */
		height: 540px; /* a changer selon resol */
	}
	@keyframes slide-refweb-text-focus {
		 from { -webkit-transform:translateX(0px); transform:translateX(0px);}
		 to   { -webkit-transform:translateX(-960px); transform:translateX(-960px); /* a changer selon resol */ }
	}
	@keyframes slide-refweb-text-blur {
		 from { -webkit-transform:translateX(-960px); transform:translateX(-960px); /* a changer selon resol */}
		 to   { -webkit-transform:translateX(0px); transform:translateX(0px);}
	}
}
@media screen and (max-width: 1200px) {
	.content.reference-web .bgimg-parallax {
		min-height:800px;
	}
	.content.reference-web .reference-detail-container .reference-picture .scene .picture {
		left:-150px;
	}
	.content.reference-web .reference-detail-container.show-picture {
		transform: translateX(-760px);  /* a changer selon resol */
		-webkit-transform: translateX(-760px);  /* a changer selon resol */
	}
	.content.reference-web .reference-detail-container .reference-picture .scene {
		position:relative;
		width: 850px; /* a changer selon resol */
		height: 436px; /* a changer selon resol */
	}
	@keyframes slide-refweb-text-focus {
		 from { -webkit-transform:translateX(0px); transform:translateX(0px);}
		 to   { -webkit-transform:translateX(-760px); transform:translateX(-760px); /* a changer selon resol */ }
	}
	@keyframes slide-refweb-text-blur {
		 from { -webkit-transform:translateX(-760px); transform:translateX(-760px); /* a changer selon resol */}
		 to   { -webkit-transform:translateX(0px); transform:translateX(0px);}
	}
	@keyframes show-refweb-picture-focus {
		 from { left:-150px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform: rotateY( -10deg) translateZ(-0px)  translateX(0px);} /* a changer selon resol */
		 to   { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
	}
	@keyframes show-refweb-picture-blur {
		 from { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
		 to   { left:-150px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform:rotateY( -10deg) translateZ(-0px)  translateX(0px); } /* a changer selon resol */
	}
	.content.reference-web .reference-detail-container .reference-description .btn-close-picture {
		width:60px;
		height:60px;
		border-top-left-radius:30px;
		border-bottom-left-radius:30px;
		-webkit-transform: translateX(60px); 
		transform: translateX(60px);
	}
	.content.reference-web .reference-detail-container .reference-description .btn-close-picture:before {
		left: 20px;
		top: 20px;
		font-size: 30px;
	}
}
@media screen and (max-width: 992px) {
	.content.reference-web .reference-detail-container .reference-date span {
		right:60px;
	}
	.content.reference-web .reference-detail-container .reference-picture {
		margin-top:20px;
	}
	.content.reference-web .reference-detail-container .reference-picture .scene .picture {
		left:-60px;
	}
	.content.reference-web .reference-detail-container.show-picture {
		transform: translateX(-560px);  /* a changer selon resol */
		-webkit-transform: translateX(-560px);
	}
	.content.reference-web .reference-detail-container .reference-picture .scene {
		position:relative;
		width: 650px; /* a changer selon resol */
		height: 330px; /* a changer selon resol */
	}
	@keyframes slide-refweb-text-focus {
		 from { -webkit-transform:translateX(0px); transform:translateX(0px);}
		 to   { -webkit-transform:translateX(-560px); transform:translateX(-560px); /* a changer selon resol */ }
	}
	@keyframes slide-refweb-text-blur {
		 from { -webkit-transform:translateX(-560px); transform:translateX(-560px); /* a changer selon resol */}
		 to   { -webkit-transform:translateX(0px); transform:translateX(0px);}
	}
	@keyframes show-refweb-picture-focus {
		 from { left:-60px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform: rotateY( -10deg) translateZ(-0px)  translateX(0px);} /* a changer selon resol */
		 to   { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
	}
	@keyframes show-refweb-picture-blur {
		 from { left:0px; -webkit-transform: rotateY( 0deg) translateZ(0px); transform: rotateY( 0deg) translateZ(0px);}
		 to   { left:-60px; -webkit-transform: rotateY( -10deg) translateZ(-0px)  translateX(0px); transform:rotateY( -10deg) translateZ(-0px)  translateX(0px); } /* a changer selon resol */
	}
	.reference-detail-nav .reference-nav .client {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	.content.reference-web .reference-detail-container .reference-picture .scene {
		perspective: none; 
		width:100%;
		height:auto;
		margin:30px 0 70px 0;
	}
	.content.reference-web .reference-detail-container .reference-picture .scene .picture {
		position:relative;
		top:auto;
		left:auto;
	}
	.content.reference-web .reference-detail-container .reference-picture .scene .picture:hover img {
		opacity:1;
	}
	.content.reference-web .reference-detail-container.show-picture .reference-description:hover {
		opacity:1;
	}
	.content.reference-web .reference-detail-container .reference-description .btn-close-picture {
		display:none;
	}
	.content.reference-web .reference-detail-container .reference-picture .scene .picture .reference-overlay {
		display:none;
	}
	.reference-detail-nav .reference-nav .client {
		display:none;
	}
}
@media screen and (max-width: 576px) {
	.content.reference-web .reference-detail-container .reference-date span {
		right:45px;
		font-size:90px;
	}
}

/* Page Formation */
.content.formation h2.sous-titre {
	margin-top:10px;
}
.content.formation .intro-1 {
    margin: 0px 0 50px 0;
}
.content.formation .intro-1 .btn {
	margin-top:30px;
}
.content.formation .encart-datadock {
	padding:50px 20% 0px 20%;
	text-align:center;
}
.content.formation .encart-qualiopi {
	padding:50px 20% 0px 20%;
	text-align:center;
}
.content.formation .text-formation-concretes {
	margin-top:70px;
}
.content.formation .text-formation-concretes .text-1 {
	padding-right:30px;
	font-size: 18px;
    line-height: 26px;
    margin-top: 40px;
}
.content.formation .carousel-intervenants .item .photo {
	display:inline-block;
	text-align:center;
	width:100%;
}
.content.formation .carousel-intervenants .item .photo img {
	max-width:250px;
	margin:15px;
	box-shadow: 0px 0px 20px 0px #ddd;
}
.content.formation .carousel-intervenants .item .photo .legende {
	padding:10px 0 0 0;
}
.content.formation #liste-formations {
	padding:80px 0 80px 0;
}
.content.formation #liste-formations .liste-formations-accordeon {
	margin-top:50px;
}
.content.formation #liste-formations .liste-formations-accordeon .btn {
	margin-bottom:30px;
}
.content.formation .bloc-satisfaction {
	text-align:center;
}
.content.formation .bloc-satisfaction h3 {
	text-align:center;
}
.content.formation .bloc-satisfaction .info {
	font-size:12px; 
	font-style:italic;
}
.content.formation .bloc-satisfaction table {
	width:100%;
}
.content.formation .bloc-satisfaction table thead th,
.content.formation .bloc-satisfaction table tbody td {
	padding:10px;
	border-bottom:1px solid #fff;
}
@media screen and (max-width: 992px) {
	.content.formation .intro-1 { 
		margin: 20px 0 20px 0;
	}
	.content.formation .infobulles-container .infobulle .text {
		font-size:18px;
	}
	.content.formation .encart-datadock {
		padding:30px 10% 0px 10%;
	}
	.content.formation .encart-qualiopi {
		padding:30px 10% 0px 10%;
	}
}
@media screen and (max-width: 768px) {
	.content.formation .infobulle.ou {
		width:50%;
		padding-top:50%;
	}
}


/* Page Messagerie */
.content.messagerie .intro-1 {
    margin: 20px 0 50px 0;
}
.content.messagerie .owl-carousel-messagerie-1 {
	margin:30px 0;
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie {
	background:#eee;
	padding:20px 20px 10px 20px;
	margin:20px 5px 20px 5px;	
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie h3 {
	text-align:center;
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie .a-partir-de {
	text-align:center;
	font-weight:400;
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie .a-partir-de strong {
	font-size:20px;
	font-weight:600;
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie .desc {
	padding:15px 5px;
	border-top: 1px solid #4a4947;
	min-height: 190px;
}
.content.messagerie .owl-carousel-messagerie-1 .pack-messagerie .btn-devis-messagerie {
	margin-bottom:10px;
}
.content.messagerie #comparaison-offres-microsoft {
	padding:80px 0 80px 0;
}
.content.messagerie #comparaison-offres-microsoft .table {
	margin-top:30px;
	background:#fff;
}
.content.messagerie #comparaison-offres-microsoft .table th {
	width:20%;
	text-align:center;
	border-top:0px;
	border-bottom:2px solid #eee;
}
.content.messagerie #comparaison-offres-microsoft .table td { 
	text-align:center;
	border-bottom:1px solid #eee;
}
.content.messagerie #comparaison-offres-microsoft .table th:first-child,
.content.messagerie #comparaison-offres-microsoft .table td:first-child {
	text-align:left;
}
.content.messagerie #comparaison-offres-microsoft .table th:nth-child(even),
.content.messagerie #comparaison-offres-microsoft .table td:nth-child(even) {
	background:#f9f9f9;
}
.content.messagerie #comparaison-offres-microsoft .table td .picto {	
	margin-bottom:5px;
}
.content.messagerie #comparaison-offres-microsoft .table td .picto img {
	display:inline-block;
}
.content.messagerie #comparaison-offres-microsoft .table td .picto span {
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
}
.content.messagerie .infobulles-container .infobulle .text span.big {
    font-size: 30px;
    line-height: 36px;
}
.content.messagerie .infobulles-container .infobulle .text {
    font-size: 20px;
    line-height: 26px;
}
@media screen and (max-width: 992px) {
	.content.messagerie .infobulles-container .infobulle {
		width: 65%;
	    padding-top: 65%;
	}
	.content.messagerie .barre-titre-orange {
		margin-bottom:0px;
	}
	.content.messagerie .owl-carousel-messagerie-1 {
		margin:0px;
	}
}
@media screen and (max-width: 768px) {
	.content.messagerie .infobulles-container .infobulle {
		width: 95%;
	    padding-top: 95%;
	}
	.content.messagerie #comparaison-offres-microsoft .tab-offres-container {
		overflow-x:scroll;
	}
}

/* Page Sécurité */
.content.securite h2.sous-titre {
	margin-top:20px;
}
.content.securite .intro-1 {
    margin: 20px 0 10px 0;
}
.content.securite .owl-carousel-securite-1 {
	margin:30px 0;
}
.content.securite .owl-carousel-securite-1 .pack-securite {
	background:#eee;
	padding:20px 20px 10px 20px;
	margin:20px 5px 20px 5px;	
}
.content.securite .owl-carousel-securite-1 .pack-securite img.logo{
	margin-left: calc(50% - 37.5px);
	margin-bottom: 15px;
}
.content.securite .owl-carousel-securite-1 .pack-securite h3 {
	text-align:center;
}
.content.securite .owl-carousel-securite-1 .pack-securite .desc {
	padding:15px 5px;
	border-top: 1px solid #4a4947;
	min-height: 190px;
}
.content.securite .owl-carousel-securite-1 .pack-securite .btn-devis-securite {
	margin-bottom:10px;
}
.content.securite .infobulles-container .infobulle .text span.big {
    font-size: 30px;
    line-height: 36px;
}
.content.securite .infobulles-container .infobulle .text {
    font-size: 20px;
    line-height: 26px;
}
.schema-securite-container{
	text-align: center;
}
.schema-securite-container {
	margin-top:10px;
	margin-bottom: 30px;
}
.schema-securite-container .text-1 {
	margin-top:70px;
	padding:80px 30px 80px 30px;
	border-right:1px solid #4a4947;
}
.schema-securite-container p {
	font-size:18px;
	line-height:24px;
}
.schema-securite-container img{
	padding-top: 30px;	
}
.content.securite .bloc-exergue-2{
	min-height: 410px !important;	
}
.content.securite .infobulles-container .autre-solution-txt,
.content.vpn .autre-solution-txt, .content.voip .autre-solution-txt {
	font-family:"Roboto Condensed";
	color: #3e3e4a;
	font-size:26px;
	line-height:32px;
	font-weight:600;
	text-align:center;
	margin-top:50px;
	
}
.content.vpn .autre-solution-txt, .content.voip .autre-solution-txt{
	margin-bottom: 80px;	
}
.content.securite .infobulles-container .autre-solution-txt .btn,
.content.vpn .autre-solution-txt .btn, .content.voip .autre-solution-txt .btn {
	padding:15px 40px;
	margin-top:15px;
	font-size:22px;
	border:1px solid #3e3e4a;
	background:none;
	color: #3e3e4a;
}
.content.securite .infobulles-container .autre-solution-txt .btn:hover,
.content.vpn .autre-solution-txt .btn:hover, .content.voip .autre-solution-txt .btn:hover {
	border:1px solid #3e3e4a !important;
	color:#FFF !important;
	background: #3e3e4a !important;
}
.content.securite .col-vpn{
	margin-top: 30px;
	padding: 0 20px;
}
@media screen and (max-width: 1200px) {
	.content.securite .bloc-exergue-2{
		min-height: 550px !important;	
	}
}
@media screen and (max-width: 992px) {
	
	
	.content.securite .bloc-exergue-2{
		min-height: auto !important;	
	}
	.content.securite .infobulles-container .infobulle {
		width: 65%;
	    padding-top: 65%;
	}
	.content.securite .barre-titre-orange {
		margin-bottom:0px;
	}
	.content.securite .owl-carousel-securite-1 {
		margin:0px;
	}
}
@media screen and (max-width: 768px) {
	.content.securite .barre-titre-orange{
		margin: 30px 0;
	}
	.content.securite .col-vpn{
		margin-top: 30px;
		padding: 0px;
	}
	
}
@media screen and (max-width: 576px) {
	.content.securite .infobulles-container .infobulle .text{
		font-size:16px;
		line-height:22px;
		padding: 10px;
	}
	.content.securite .infobulles-container .infobulle .text span.big{
		font-size: 20px;
    	line-height: 26px;
	}
}

/* Page Connexion */
.content.connexion .intro-1 {
	text-align:center;
}
.content.connexion .inpage-sub-menu {
	margin-bottom:100px;
}

/* Page ADSL VDSL BI-VC */
.content.adsl-vdsl .text-1 {
	margin-top:100px;
}

/* Page VOIP */
.content.voip .intro-1.large{
	margin-bottom: 90px;	
}
.content.voip p.right{
	text-align: right;
	padding-bottom: 20px;	
}
.content.voip .centrex{
	margin-top: 90px;	
}
.content.voip .bloc-exergue-2 p{
	line-height: 26px;	
}
.content.voip .bloc-tarif .a-partir{
	text-align: left;
	padding-top: 10px;	
}

/* Page Téléphonie */
.content.telephonie .intro-1 {
	text-align:center;
}
.content.telephonie .inpage-sub-menu {
	margin-bottom:100px;
}

.content.tarifs-telephonie .bloc-boutons a {
    margin: 5px 0;
}
.content.tarifs-telephonie .table tr:nth-child(even) {
	background:#f9f9f9;
}
.content.tarifs-telephonie .table tr th{
	font-size: 16px;	
	border-top: 1px solid #b5b9bc;
	border-bottom: 1px solid #b5b9bc;
}
.content.tarifs-telephonie .orange{
	color: #e7480f;	
}

/* Page Numéris */
.content.numeris .usage{
	margin-top: 90px;	
}
/* Page Sauvegarde */
.content.sauvegarde .usage{
	margin-top: 90px;	
}
.content.sauvegarde .solution{
	margin-top: 40px;	
}
.content.sauvegarde .solution2{
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Page Hébergement */
.content.hebergement .intro-1 {
	text-align:center;
}
.content.hebergement .inpage-sub-menu {
	margin-bottom:100px;
}

/* Page Services internet */
.content.services-internet .intro-1 {
	text-align:center;
}
.content.services-internet .inpage-sub-menu {
	margin-bottom:100px;
}

/* Page Ingénierie */
.content.ingenierie .intro-1 {
	text-align:center;
}
.content.ingenierie .inpage-sub-menu {
	margin-bottom:100px;
}

/* Page Conseil en infrastructure réseau */
.content.infra-reseau-materiel .bloc-boutons {
	padding:90px 30px;
	border-right:1px solid #4a4947;
}
.content.infra-reseau-materiel .bloc-boutons a { 
	margin:5px 0;
}
.content.infra-reseau-materiel .wrapper#infra-reseau, .content.infra-reseau-materiel .wrapper#vente-materiel{
	padding-top: 60px;
}
.content.infra-reseau-materiel .wrapper#vente-materiel{
	padding-bottom: 60px;
}
.content.infra-reseau .infra-reseau-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.infra-reseau .infra-reseau-content-1 .text-1, .content.infra-reseau-materiel .infra-reseau-content .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
@media screen and (max-width: 992px) {
	.content.infra-reseau-materiel .bloc-tarif {
		border-right: 0px;
		border-top: 1px solid #4a4947;
	}
	.content.infra-reseau .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.infra-reseau .infra-reseau-content-1 .text-1 {
		margin-top:30px;
	}
}

/* Page Audit informatique */
.content.audit .audit-info-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.audit .audit-info-content-1 .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
@media screen and (max-width: 992px) {
	.content.audit .bloc-tarif {
		border-right: 0px;
		border-top: 1px solid #4a4947;
	}
	.content.audit .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.audit .audit-info-content-1 .text-1 {
		margin-top:30px;
	}
}

/* Page Infogérance */
.schema-infogerance-container {
	margin-top:30px;
}
.schema-infogerance-container .text {
	margin-top:70px;
	padding:40px;
	border-right:1px solid #4a4947;
}
.schema-infogerance-container p {
	font-size:18px;
	line-height:24px;
}
.content.infogerance .infogerance-content-1{
	margin-top:40px;
	margin-bottom:80px;
}
.content.infogerance .infogerance-content-1 .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
.content.infogerance .bloc-exergue-2{
	margin-bottom: 60px;	
}
@media screen and (max-width: 992px) {
	.content.infogerance .infogerance-content-1{
		margin-top:0px;
		margin-bottom:40px;
	}
	.content.infogerance .intro-1 {
		margin: 30px 0 20px 0;
	}
	.content.infogerance .infogerance-content-1 .text-1 {
		margin-top:30px;
	}
}

/* Page Colocation */
.content.colocation .colocation-info-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.colocation .colocation-info-content-1 .text-1 {
	margin-top: 10px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
@media screen and (max-width: 992px) {
	.content.colocation .bloc-tarif {
		border-right: 0px;
		border-top: 1px solid #4a4947;
	}
	.content.colocation .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.audit .colocation-info-content-1 .text-1 {
		margin-top:30px;
	}
}

/* Page Conseil et vente de matériel */
.content.conseil-vente-materiel .conseil-vente-materiel-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.conseil-vente-materiel .conseil-vente-materiel-content-1  .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
@media screen and (max-width: 992px) {
	.content.conseil-vente-materiel .conseil-vente-materiel-content-1 {
		margin-top:0px;
		margin-bottom:40px;
	}
	.content.conseil-vente-materiel .intro-1 {
		margin: 30px 0 20px 0;
	}
	.content.conseil-vente-materiel .conseil-vente-materiel-content-1 .text-1 {
		margin-top:30px;
	}
}
/* Page Cybersécurité */
.content.cybersecurite .cyber-info-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.cybersecurite .cyber-info-content-1 .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
.content.cybersecurite .intro-1 {
  padding: 70px 0px 0 0px;
  margin-bottom: 40px;
}
.content.cybersecurite .intro-1 h2{
	margin-bottom: 40px;	
}
.content.cybersecurite .bloc-exergue-2 p, .content.cybersecurite .bloc-exergue-2 ul li{
	line-height: 26px;	
}

.content.cybersecurite .bloc-exergue-2 .puces-fleches{
	margin-top: 0px;	
}


@media screen and (max-width: 992px) {
	
	.content.cybersecurite .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.cybersecurite .cyber-info-content-1 .text-1 {
		margin-top:30px;
	}
}

/* Page Hébergement mutualisé et dédié */
.content.hebergement-mutualise .intro-1,
.content.hebergement-dedie .intro-1 {
    margin: 30px 0 50px 0;
}
.content.hebergement-mutualise .bloc-tarif .a-partir,
.content.hebergement-dedie .bloc-tarif .a-partir {
    padding: 0px 0 20px 0;
}
.content.hebergement-mutualise .text-1,
.content.hebergement-dedie .text-1 {
	margin-top:100px;
}
.content.hebergement-mutualise .infobulles-container .autre-solution-txt,
.content.hebergement-dedie .infobulles-container .autre-solution-txt {
	font-family:"Roboto Condensed";
	color:#fff;
	font-size:26px;
	line-height:32px;
	font-weight:600;
	text-align:center;
	margin-top:50px;
}
.content.hebergement-mutualise .infobulles-container .autre-solution-txt .btn,
.content.hebergement-dedie .infobulles-container .autre-solution-txt .btn {
	padding:15px 40px;
	margin-top:15px;
	font-size:22px;
	border:1px solid #fff;
	background:none;
}
.content.hebergement-mutualise .infobulles-container .autre-solution-txt .btn:hover,
.content.hebergement-dedie .infobulles-container .autre-solution-txt .btn:hover {
	border:1px solid #fff !important;
	color:#3C3C3B !important;
	background:#fff !important;
}
.content.hebergement-mutualise .parallax-window,
.content.hebergement-dedie .parallax-window {
	margin-top:70px;
}
.content.hebergement-mutualise .infobulles-container .infobulle .text,
.content.hebergement-dedie .infobulles-container .infobulle .text {
    font-size: 20px;
	line-height:26px;
    padding: 25px;
}
.content.hebergement-mutualise .infobulles-container .infobulle .text p,
.content.hebergement-dedie .infobulles-container .infobulle .text p {
	margin-bottom:15px;
}
@media screen and (max-width: 1500px) {
	.content.hebergement-mutualise .infobulles-container .infobulle .text,
	.content.hebergement-dedie .infobulles-container .infobulle .text {
		font-size:18px;
		line-height:24px;
	}
}
@media screen and (max-width: 1200px) {
	.content.hebergement-mutualise .infobulles-container .infobulle .text p,
	.content.hebergement-dedie .infobulles-container .infobulle .text p {
		margin-bottom:10px;
	}
	.content.hebergement-mutualise .infobulles-container .infobulle .text .big,
	.content.hebergement-dedie .infobulles-container .infobulle .text .big {
		font-size:24px;
	}
	.content.hebergement-mutualise .infobulles-container .infobulle .text,
	.content.hebergement-dedie .infobulles-container .infobulle .text {
		font-size:16px;
		line-height:22px;
	}
}
@media screen and (max-width: 992px) {
	.content.hebergement-mutualise .intro-1,
	.content.hebergement-dedie .intro-1 {
		text-align:center;
	}
	.content.hebergement-mutualise .bloc-tarif,
	.content.hebergement-dedie .bloc-tarif {
		border-right:0px;
		border-top:1px solid #4a4947;
	}
	.content.hebergement-mutualise .bloc-tarif .a-partir,
	.content.hebergement-dedie .bloc-tarif .a-partir {
		text-align:center;
	}
	.content.hebergement-mutualise .text-1,
	.content.hebergement-dedie .text-1 {
		margin-top:40px;
	}
}

/* Page externalisation SI */
.content.externalisation .parallax-window{
	margin-top: 70px;
}

/* Page Agence multimédia */
.content.agence-multimedia .intro-1 {
	text-align:center;
}
.content.agence-multimedia .inpage-sub-menu {
	margin-bottom:100px;
}


/* Page Développement web */
.content.developpement-web .intro-1 {
    margin: 20px 0 50px 0;
}
.content.developpement-web .owl-carousel-developpement-web {
	margin:30px 0;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev {
	background:#eee;
	padding:20px 20px 10px 20px;
	margin:20px 5px 20px 5px;	
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev h3 {
	text-align:center;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev .a-partir-de {
	text-align:center;
	font-weight:400;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev .a-partir-de strong {
	font-size:20px;
	font-weight:600;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev .desc {
	padding:15px 5px 0 5px;
	border-top: 1px solid #4a4947;
	min-height: 155px;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev .desc p {
	margin-bottom:0px;
}
.content.developpement-web .owl-carousel-developpement-web .pack-dev .btn-devis-devweb {
	margin-top:25px;
	margin-bottom:10px;
}
.content.developpement-web .owl-carousel-developpement-web-logos .logo {
	text-align:center;
}
.content.developpement-web .owl-carousel-developpement-web-logos .logo img {
	width:90%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.5;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.content.developpement-web .owl-carousel-developpement-web-logos .logo img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
	opacity:1;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.content.developpement-web .parallax-window {
	min-height:1000px; 
}
.content.developpement-web h2.titre-methode {
	text-align:left;
	margin:80px 0 0px 0;
}
.content.developpement-web #notre-methode .picto-gauche,
.content.developpement-web #notre-methode .txt-gauche {
	text-align:right;
}
.content.developpement-web #notre-methode .picto-gauche img {
	margin-right:20px;
}
.content.developpement-web #notre-methode .picto-droite,
.content.developpement-web #notre-methode .txt-droite {
	text-align:left;
}
.content.developpement-web #notre-methode .picto-droite img {
	margin-left:20px;
}
.content.developpement-web .row.etape-idee {
	padding-top:120px;
}
.content.developpement-web .row.phase-1,
.content.developpement-web .row.phase-2,
.content.developpement-web .row.phase-3,
.content.developpement-web .row.phase-4 {
	padding-top:200px;
}
.content.developpement-web .row.phase-4 {
	padding-bottom:200px;
}
.content.developpement-web .row.fleche-1,
.content.developpement-web .row.fleche-2,
.content.developpement-web .row.fleche-3,
.content.developpement-web .row.fleche-4 {
	text-align:center;
}
.content.developpement-web .fleche-container {
	display:inline-block;
	width:410px;
	height:150px;
}
.content.developpement-web #notre-methode a {
	color:#3e3e4a;
	text-decoration:underline !important;
}
.content.developpement-web #notre-methode a:hover {
	color:#E94D23;
}
.content.developpement-web .illustration-container {
	position:absolute;
	top:-80px;
	left:420px;
	z-index:-1;
}
.content.developpement-web .illustration-picture {
	position:relative;
}
.content.developpement-web .illustration-picture .scene {
	position:relative;
	width: 800px; 
	height: 410px; 
	perspective: 400px; 
    perspective-origin: 100% 50%;
}
.content.developpement-web .row.phase-2 .illustration-container {
	left:auto;
	right:-150px;
}
.content.developpement-web .row.phase-2 .illustration-picture .scene {
	perspective-origin: -50% 50%;
}
.content.developpement-web .row.phase-2 .illustration-picture .scene .picture {
    transform: rotateY(10deg) translateZ(-0px) translateX(0px);
}
.content.developpement-web .illustration-picture .scene .picture {
	position: absolute;
	left:-300px; 
	top:-20px;
	width: 100%;
	height: 100%;
	overflow:hidden;
	transform: rotateY( -10deg) translateZ(-0px) translateX(0px); 
	box-shadow: 0px 0px 40px 0px #ddd;
}
.content.developpement-web .illustration-picture .scene .picture img {
	margin-left:0px !important;
}
/* animation phase idee */
.content.developpement-web .row.etape-idee .picto {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.etape-idee.animate .picto,
.content.developpement-web .row.etape-idee.animate .txt-part-1,
.content.developpement-web .row.etape-idee.animate .txt-part-2,
.content.developpement-web .row.etape-idee.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.etape-idee .txt-part-1,
.content.developpement-web .row.etape-idee .txt-part-2,
.content.developpement-web .row.etape-idee .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.etape-idee.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-bottom:30px;
}
.content.developpement-web .row.etape-idee.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.developpement-web .row.etape-idee.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
/* animation phase 1 */
.content.developpement-web .row.phase-1 .picto {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-1.animate .picto,
.content.developpement-web .row.phase-1.animate .txt-part-1,
.content.developpement-web .row.phase-1.animate .txt-part-2 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.developpement-web .row.phase-1 .txt-part-1,
.content.developpement-web .row.phase-1 .txt-part-2 {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-1.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:35px;
}
.content.developpement-web .row.phase-1.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
/* animation phase 2 */
.content.developpement-web .row.phase-2 .picto {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-2.animate .picto,
.content.developpement-web .row.phase-2.animate .txt-part-1,
.content.developpement-web .row.phase-2.animate .txt-part-2,
.content.developpement-web .row.phase-2.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.developpement-web .row.phase-2 .txt-part-1,
.content.developpement-web .row.phase-2 .txt-part-2,
.content.developpement-web .row.phase-2 .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-2.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:10px;
}
.content.developpement-web .row.phase-2.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.developpement-web .row.phase-2.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
/* animation phase 3 */
.content.developpement-web .row.phase-3 .picto {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-3.animate .picto,
.content.developpement-web .row.phase-3.animate .txt-part-1,
.content.developpement-web .row.phase-3.animate .txt-part-2,
.content.developpement-web .row.phase-3.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.developpement-web .row.phase-3 .txt-part-1,
.content.developpement-web .row.phase-3 .txt-part-2,
.content.developpement-web .row.phase-3 .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-3.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:0px;
}
.content.developpement-web .row.phase-3.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.developpement-web .row.phase-3.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
/* animation phase 4 */
.content.developpement-web .row.phase-4 .picto {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-4.animate .picto,
.content.developpement-web .row.phase-4.animate .txt-part-1,
.content.developpement-web .row.phase-4.animate .txt-part-2,
.content.developpement-web .row.phase-4.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.developpement-web .row.phase-4 .txt-part-1,
.content.developpement-web .row.phase-4 .txt-part-2,
.content.developpement-web .row.phase-4 .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.developpement-web .row.phase-4.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:10px;
}
.content.developpement-web .row.phase-4.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.developpement-web .row.phase-4.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
@media screen and (max-width: 992px) {
	.content.developpement-web .devweb-image {
		margin-bottom:40px;
	}
	.content.developpement-web .intro-1 {
		margin-bottom:0px;
	}
	.content.developpement-web .row.etape-idee {
	    padding-top: 60px;
	}
	.content.developpement-web .illustration-container {
		display:none;
	}
	.content.developpement-web .row.phase-1, 
	.content.developpement-web .row.phase-2, 
	.content.developpement-web .row.phase-3, 
	.content.developpement-web .row.phase-4 {
 	   padding-top: 100px;
	}
	.content.developpement-web .row.phase-4 {
		padding-bottom: 100px;
	}
	.content.developpement-web h2.titre-methode {
		font-size:30px;
		text-align:center;
	}
}
@media screen and (max-width: 576px) {
	.content.developpement-web .fleche-container {
		display:inline-block;
		width:90%;
	}
	.content.developpement-web .row.phase-1.animate .txt-part-1 {
		margin-top:0px;
	}
	.content.developpement-web #notre-methode .picto-droite img {
		margin-left:0px;
	}
	.content.developpement-web .row.phase-1, 
	.content.developpement-web .row.phase-2, 
	.content.developpement-web .row.phase-3, 
	.content.developpement-web .row.phase-4 {
 	   padding-top: 50px;
	}
	.content.developpement-web .row.phase-4 {
		padding-bottom: 50px;
	}
}

/* Page Raccordement FTTH Pro */
.content.raccordement-ftth .intro-1 {
    margin: 20px 0 50px 0;
}

.content.raccordement-ftth .parallax-window {
	min-height:1000px; 
}
.content.raccordement-ftth h2.titre-methode {
	text-align:left;
	margin:80px 0 0px 0;
}
.content.raccordement-ftth #notre-methode .picto-gauche,
.content.raccordement-ftth #notre-methode .txt-gauche {
	text-align:right;
}
.content.raccordement-ftth #notre-methode .picto-gauche img {
	margin-right:20px;
}
.content.raccordement-ftth #notre-methode .picto-droite,
.content.raccordement-ftth #notre-methode .txt-droite {
	text-align:left;
}
.content.raccordement-ftth #notre-methode .picto-droite img {
	margin-left:20px;
}
.content.raccordement-ftth .row.etape-idee {
	padding-top:120px;
}
.content.raccordement-ftth .row.phase-1,
.content.raccordement-ftth .row.phase-2,
.content.raccordement-ftth .row.phase-3,
.content.raccordement-ftth .row.phase-4 {
	padding-top:200px;
}
.content.raccordement-ftth .row.phase-4 {
	padding-bottom:200px;
}
.content.raccordement-ftth .row.fleche-1,
.content.raccordement-ftth .row.fleche-2,
.content.raccordement-ftth .row.fleche-3,
.content.raccordement-ftth .row.fleche-4 {
	text-align:center;
}
.content.raccordement-ftth .fleche-container {
	display:inline-block;
	width:410px;
	height:150px;
}
.content.raccordement-ftth #notre-methode a {
	color:#3e3e4a;
	text-decoration:underline !important;
}
.content.raccordement-ftth #notre-methode a:hover {
	color:#E94D23;
}
.content.raccordement-ftth .illustration-container {
	position:absolute;
	top:-80px;
	left:570px;
	z-index:-1;
}
.content.raccordement-ftth .illustration-picture {
	position:relative;
}
.content.raccordement-ftth .illustration-picture .scene {
	position:relative;
	width: 800px; 
	height: 410px; 
	perspective: 400px; 
    perspective-origin: 100% 50%;
}
.content.raccordement-ftth .row.phase-2 .illustration-container {
	left:auto;
	right:-150px;
}
.content.raccordement-ftth .row.phase-2 .illustration-picture .scene {
	perspective-origin: -50% 50%;
}
.content.raccordement-ftth .row.phase-2 .illustration-picture .scene .picture {
    transform: rotateY(10deg) translateZ(-0px) translateX(0px);
}
.content.raccordement-ftth .illustration-picture .scene .picture {
	position: absolute;
	left:-350px; 
	top:-20px;
	width: 100%;
	height: 100%;
	overflow:hidden;
	transform: rotateY( -10deg) translateZ(-0px) translateX(0px); 
	box-shadow: 0px 0px 40px 0px #ddd;
}
.content.raccordement-ftth .illustration-picture .scene .picture img {
	margin-left:0px !important;
}
/* animation phase idee */
.content.raccordement-ftth .row.etape-idee .picto {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.etape-idee.animate .picto,
.content.raccordement-ftth .row.etape-idee.animate .txt-part-1,
.content.raccordement-ftth .row.etape-idee.animate .txt-part-2,
.content.raccordement-ftth .row.etape-idee.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.etape-idee .txt-part-1,
.content.raccordement-ftth .row.etape-idee .txt-part-2,
.content.raccordement-ftth .row.etape-idee .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.etape-idee.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-bottom:30px;
}
.content.raccordement-ftth .row.etape-idee.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.raccordement-ftth .row.etape-idee.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
/* animation phase 1 */
.content.raccordement-ftth .row.phase-1 .picto {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-1.animate .picto,
.content.raccordement-ftth .row.phase-1.animate .txt-part-1,
.content.raccordement-ftth .row.phase-1.animate .txt-part-2 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.raccordement-ftth .row.phase-1 .txt-part-1,
.content.raccordement-ftth .row.phase-1 .txt-part-2 {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-1.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:35px;
}
.content.raccordement-ftth .row.phase-1.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
/* animation phase 2 */
.content.raccordement-ftth .row.phase-2 .picto {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-2.animate .picto,
.content.raccordement-ftth .row.phase-2.animate .txt-part-1,
.content.raccordement-ftth .row.phase-2.animate .txt-part-2,
.content.raccordement-ftth .row.phase-2.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.raccordement-ftth .row.phase-2 .txt-part-1,
.content.raccordement-ftth .row.phase-2 .txt-part-2,
.content.raccordement-ftth .row.phase-2 .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-2.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:10px;
}
.content.raccordement-ftth .row.phase-2.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.raccordement-ftth .row.phase-2.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}
/* animation phase 3 */
.content.raccordement-ftth .row.phase-3 .picto {
	opacity:0;
	-webkit-transform: translate(+100%, 0); 
	transform: translate(+100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-3.animate .picto,
.content.raccordement-ftth .row.phase-3.animate .txt-part-1,
.content.raccordement-ftth .row.phase-3.animate .txt-part-2,
.content.raccordement-ftth .row.phase-3.animate .txt-part-3 {
	opacity:1;
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0); 
	transition:transform .4s ease-in-out, opacity .4s ease-in-out;
}
.content.raccordement-ftth .row.phase-3 .txt-part-1,
.content.raccordement-ftth .row.phase-3 .txt-part-2,
.content.raccordement-ftth .row.phase-3 .txt-part-3 {
	opacity:0;
	-webkit-transform: translate(-100%, 0); 
	transform: translate(-100%, 0); 
	transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}
.content.raccordement-ftth .row.phase-3.animate .txt-part-1 {	
	-webkit-transition-delay: 500ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;
	margin-top:0px;
}
.content.raccordement-ftth .row.phase-3.animate .txt-part-2 {	
	-webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;
}
.content.raccordement-ftth .row.phase-3.animate .txt-part-3 {	
	-webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms;
}

@media screen and (max-width: 992px) {
	.content.raccordement-ftth .devweb-image {
		margin-bottom:40px;
	}
	.content.raccordement-ftth .intro-1 {
		margin-bottom:0px;
	}
	.content.raccordement-ftth .row.etape-idee {
	    padding-top: 60px;
	}
	.content.raccordement-ftth .illustration-container {
		display:none;
	}
	.content.raccordement-ftth .row.phase-1, 
	.content.raccordement-ftth .row.phase-2, 
	.content.raccordement-ftth .row.phase-3 {
 	   padding-top: 100px;
	}
	.content.raccordement-ftth .row.phase-4 {
		padding-bottom: 100px;
	}
	.content.raccordement-ftth h2.titre-methode {
		font-size:30px;
		text-align:center;
	}
}
@media screen and (max-width: 576px) {
	.content.raccordement-ftth .fleche-container {
		display:inline-block;
		width:90%;
	}
	.content.raccordement-ftth .row.phase-1.animate .txt-part-1 {
		margin-top:0px;
	}
	.content.raccordement-ftth #notre-methode .picto-droite img {
		margin-left:0px;
	}
	.content.raccordement-ftth .row.phase-1, 
	.content.raccordement-ftth .row.phase-2, 
	.content.raccordement-ftth .row.phase-3 {
 	   padding-top: 50px;
	}
	.content.raccordement-ftth .row.phase-4 {
		padding-bottom: 50px;
	}
}


/* Page Conseil et Audit */
.content.conseil-et-audit-web .barre-titre-orange {
	margin-bottom:20px;
}
.content.conseil-et-audit-web .bloc-boutons {
	padding:30px;
	border-right:1px solid #4a4947;
}
.content.conseil-et-audit-web .bloc-boutons a { 
	margin:5px 0;
}
.content.conseil-et-audit-web h2.titre-direction {
	margin-top:40px;
}
.content.conseil-et-audit-web .wrapper#audit-technique,
.content.conseil-et-audit-web .wrapper#audit-ergonomique,
.content.conseil-et-audit-web .wrapper#redaction-de-cdc {
	padding:60px 0 0 0;
}
.content.conseil-et-audit-web .wrapper#redaction-de-cdc {
	margin-bottom:100px;
}
.content.conseil-et-audit-web .wrapper#audit-technique h3,
.content.conseil-et-audit-web .wrapper#audit-ergonomique h3,
.content.conseil-et-audit-web .wrapper#redaction-de-cdc h3 {
	margin-bottom:0px;
}
.content.conseil-et-audit-web .text-1 {
	padding:40px 20px;
}
.content.conseil-et-audit-web .text-1 h4 {
	margin-bottom:25px;
}
.content.conseil-et-audit-web .text-1 p {
	font-size:16px;
	line-height:22px;
}
.content.conseil-et-audit-web .bloc-exergue-2 {
	padding: 30px 40px;
}
.content.conseil-et-audit-web .bloc-exergue-2 .puces-fleches li {
	font-size:16px;
	line-height:22px;
}
@media screen and (max-width: 992px) {
	.content.conseil-et-audit-web .bloc-boutons {
		border-right:0px;
		padding:0px;
		margin-top:10px;
	}
	.content.conseil-et-audit-web #web-design .text-1 {
		margin:0 0 40px 0;
	}
}


/* Identité de marque */
.content.identite-de-marque .barre-titre-orange {
	margin-bottom:20px;
}
.content.identite-de-marque .bloc-boutons {
	padding:30px;
	border-right:1px solid #4a4947;
}
.content.identite-de-marque .bloc-boutons a { 
	margin:5px 0;
}
.content.identite-de-marque h2.titre-direction {
	margin-top:40px;
}
.content.identite-de-marque .wrapper#identite-visuelle,
.content.identite-de-marque .wrapper#web-design,
.content.identite-de-marque .wrapper#print {
	padding:60px 0 0 0;
}
.content.identite-de-marque #print {
	margin-top:100px;
}
.content.identite-de-marque .text-1 h4 {
	margin-top:30px;
}
.content.identite-de-marque .btn-references-web {
	margin-top:25px;
}
.content.identite-de-marque #web-design .text-1 {
	margin-left:20px;
}
.content.identite-de-marque .parallax-window {
	min-height:800px;
}
.content.identite-de-marque .txt-print-container {
	padding-top:10%;
}
.content.identite-de-marque .txt-print-container .txt-print {
	width:550px;
	border-top-right-radius: 150px;
	border-bottom-right-radius: 150px;
    padding: 40px 50px 40px 50px;
	font-size:16px;
	line-height:22px;
	background:rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 992px) {
	.content.identite-de-marque .bloc-boutons {
		border-right:0px;
		padding:0px;
	}
	.content.identite-de-marque #web-design .text-1 {
		margin:0 0 40px 0;
	}
	.content.identite-de-marque .txt-print-container .txt-print {
		width:350px;
		padding: 30px 15px 30px 25px;
		font-size:16px;
	}
}
	

/* Marketing digital */
.content.marketing-digital .barre-titre-orange {
	margin-bottom:20px;
}
.content.marketing-digital .bloc-boutons {
	padding:30px;
	border-right:1px solid #4a4947;
}
.content.marketing-digital .bloc-boutons a { 
	margin:5px 0;
}
.content.marketing-digital h2.titre-direction {
	margin-top:25px;
}
.content.marketing-digital .wrapper#referencement,
.content.marketing-digital .wrapper#emailing,
.content.marketing-digital .wrapper#flipbook {
	padding:60px 0 0 0;
}
.content.marketing-digital .wrapper#flipbook {
	padding-bottom:60px;
}
.content.marketing-digital .liste-double > li {
	margin-bottom:10px;
}
.content.marketing-digital .liste-double > li ul {
	margin-top:5px;
}
.content.marketing-digital .img-emailing {
	margin-top:30px;
}
.content.marketing-digital #flipbook .text-1 {
	margin-top:30px;
}
@media screen and (max-width: 992px) {
	.content.marketing-digital .bloc-boutons {
		border-right:0px;
		padding:0px;
	}
	.content.marketing-digital #flipbook .text-1 {
		margin-bottom:30px;
	}
}

/* Page Matomo */


.content.matomo .matomo-info-content-1 {
	margin-top:40px;
	margin-bottom:80px;
}
.content.matomo .matomo-info-content-1 .text-1 {
	margin-top:80px;
	padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
}
.content.matomo .intro-1 {
  margin-bottom: 40px;
}
.content.matomo .intro-1 h2{
	margin-bottom: 40px;	
}
.content.matomo .bloc-exergue-2 p, .content.matomo .bloc-exergue-2 ul li{
	line-height: 26px;	
}

.content.matomo .bloc-exergue-2 .puces-fleches{
	margin-top: 0px;	
}
#logo-matomo{
	max-width: 330px;
}

@media screen and (max-width: 992px) {
	#logo-matomo{
		width: 100%;
	}
	.content.matomo .intro-1 {
		margin: 30px 0 50px 0;
	}
	.content.matomo .matomo-info-content-1 .text-1 {
		margin-top:30px;
	}
}



#video-matomo {
	width: 100%;
}


/* Page Contact */
.content.contact .row.barre-titre-orange {
	margin-bottom:10px;
}
.content.contact h2 strong {
	font-size:40px;
	font-weight:600;
	line-height:44px;
	color:#E7480F;
}
.content.contact .map-fullwidth #map {
	height:600px;
}
.content.contact address.map-adress {
	font-family: "Roboto", sans-serif;
	font-size:14px;
}
.content.contact .bloc-exergue-2 {
	margin:0px;
	line-height:26px;
}
.content.contact .form-contact {
	padding:30px;
	margin-bottom:60px; 
}
.content.contact .parallax-window.trigone {
	min-height:1000px; 
}
.content.contact .leaflet-tile-pane {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media screen and (max-width: 992px) {
	.content.contact h2 {
		margin-top:30px;
	}
	.content.contact .parallax-window.trigone {
		min-height:500px; 
	}
	.content.contact .map-fullwidth #map {
		height:400px;
	}
}
@media screen and (max-width: 768px) {
	.content.contact h2 {
		font-size:24px;
		line-height: 30px;
	}
	.content.contact h3 {
		font-size:20px;
		line-height: 26px;
	}
	.content.contact .form-group {
		padding:5px 0;
	}
}

 
/* Back to top */
#back-to-top.show {
	opacity:1;
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 21px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
	opacity: 0.8;
}

/* Footer */
#bottom-sidebar {
	background:#4A4947;
}
#bottom-sidebar ul {
	margin-left:0px;
}
#bottom-sidebar .bottom-area-2 {
	padding:20px 0 60px 0;
	background:none;
}
#bottom-sidebar .bottom-area-2 .fcol {
	padding:20px 20px 0px 20px;	
}
#bottom-sidebar .bottom-area-2 .fcol .widget {
	margin-bottom:0px;
}
#bottom-sidebar .widget-area-1 {
	background:none;
}
#bottom-sidebar .widget-area-2 {
	background:none;
}
#bottom-sidebar .widget-area-3 {
	background:none;
}
#bottom-sidebar .widget-area-4 {
	background:none;
}
#bottom-sidebar .widget-title.style2 {
	border-color:#5d5958;
}
#bottom-sidebar .news-icon {
	background:none;
}
#kopa-footer,
#kopa-footer .wrapper {
	background:#373633;	
}
.widget_pages > ul > li {
	margin-top:5px;
}
.widget_pages > ul > li a {
	font-weight:300;
}
#bottom-sidebar h3.widget-title,
#bottom-sidebar .newsletter-intro h4 {
	font-weight:500;
}
#bottom-sidebar .kopa-follow-widget li a span {
	margin-left:10px;
	font-weight:300;
}
.kopa-newsletter-widget .newsletter-intro .info-content > span {
	font-weight:300;
}
#bottom-sidebar .kopa-follow-widget li a .fa {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#4A4947;
	background:#fff;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
#bottom-sidebar .kopa-follow-widget li a:hover .fa {
	background:#c9c9c9;
	/*color:#fff;*/
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
#bottom-sidebar .widget h3 a:hover,
#bottom-sidebar .widget li a:hover {
	color:#c9c9c9;
}
#bottom-sidebar .widget-title.style2 {
	border-width:1px;	
}
#bottom-sidebar .widget-title.styleformation {
	margin-top: 20px;	
}
.kopa-newsletter-widget .newsletter-form .input-area > input {
	border-radius:0px;
	padding-left:10px;
}
.kopa-newsletter-widget .newsletter-form .input-area > input:focus {
	background:#fff;
}
.kopa-newsletter-widget .newsletter-form .search-submit {
	top:7px;
	right:4px;
}
.kopa-newsletter-widget .newsletter-form .search-submit span {
	 -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.kopa-newsletter-widget .newsletter-form .search-submit span:hover {
	color:#E7480F !important;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
} 
/* Encart partenaires */
#main-content .partenaires .widget {
	background:none;
	margin-bottom:40px;
	/*
	padding-left:100px;
	padding-right:100px;
	*/
}
.partenaires .partenaire {
	text-align:center;
}
.partenaires .partenaire img {
	width:90%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:0.5;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.partenaires .partenaire img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
	opacity:1;
	transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/* cookies */
#cookies-bandeau{
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #21002d;
    font-weight: 400;
    text-align: center;
    position: fixed;
    background-color: rgba(255,255,255,0.95);
    display: block;
    width: 100%;
    float: none;
    bottom: 0;
    z-index: 9998;
    border-radius: 1px;
	padding-bottom:20px;
}
#cookies-bandeau .cookies-bandeau-superieur	span{
	padding: 40px 100px 0;
    display: block;
}
#cookies-bandeau .cookies-bandeau-superieur	span a{
	color:#e7480f;
	-webkit-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    -o-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
}
#cookies-bandeau .cookies-bandeau-superieur	span a:hover{
	opacity: 0.7;
	text-decoration:none;
}
#cookies-bandeau .cookies-bandeau-superieur	#cookies-parametrer, #cookies-bandeau .cookies-bandeau-superieur #cookies-accepter, #cookies-bandeau .cookies-bandeau-superieur #cookies-refuser, #cookies-bandeau .cookies-bandeau-superieur #cookies-accepter-tout, #cookies-bandeau #cookies-accepter{
	display: inline-block;
    padding: 10px 20px 10px 20px;
    margin: 20px;
	color:#fff;	
	cursor: pointer;
}
#cookies-bandeau .cookies-bandeau-superieur	#cookies-parametrer i{
	margin-left:15px;	
}
#cookies-bandeau #cookies-parametres{
	display:none;
	font-size:14px;
	padding-bottom:20px;
}
#cookies-bandeau #cookies-parametres .cookies-choix{
	margin-bottom:10px;	
}
#cookies-bandeau #cookies-parametres input{
	width:15px;
	height:15px;
	margin-right:10px;	
}
#gerer_cookies{
	color: #fff;
	cursor: pointer;	
	margin-bottom: 30px;
}


@media screen and (min-width: 1640px) {
	.bgimg-parallax.bgimg-404 {
	    background-position: 0 -200px;
	}
}
@media screen and (max-width: 1200px) {
	.sliderhome {
		min-height:200px;
	}
}

@media screen and (min-width: 1200px) { 
	.wrapper-actus-contact .widget {
		min-height:500px;
	}
}
@media screen and (max-width: 1200px) { 

	.main-menu > li > a {
		font-size:14px;
	}
	.main-menu .sf-with-ul {
		padding-right: 5px;
	}
	.main-menu > li ul.sub-menu li a {
		font-size:14px;
		line-height:26px;
	}
	.main-menu > li .sf-mega ul.sub-menu li a {
		font-size:14px;
	}
}
@media screen and (max-width: 991px) { 
	.kopa-header {
		height:114px;
	}
	/* Annuler le sticky sur mobile */
	.kopa-header-middle.fixed {
		position: absolute;
		top: auto;
		box-shadow:none;
		background:none;
		padding: 20px 0 10px 0;
	}
	.kopa-header-middle.fixed .main-nav-mobile {
		padding-top:0px;
	}
	.kopa-header-middle.fixed .kopa-logo {
		display:none;
	}
	.kopa-header-middle.fixed .mobile-logo {
		display:block;
		position:relative;
		top:auto;
	}
	.kopa-header-middle.fixed .mobile-logo img {
		width:auto;
	}
	.top-nav {
		display:block;
	}
	#search-btn, #societe-btn, #actualites-btn, #recrutement-btn {
		display:none;
	}
	.top-menu > li#contact-btn > a .txt,
	.top-menu > li#espace-cli-btn > a .txt,
	.top-menu > li#support-btn > a .txt,
	.top-menu > li#webmail-btn > a .txt,
	.top-menu > li#services-btn > a .txt {
		display:none;
	}
	.top-menu > li#contact-btn > a .fa,
	.top-menu > li#espace-cli-btn > a .fa,
	.top-menu > li#support-btn > a .fa,
	.top-menu > li#webmail-btn > a .fa,
	.top-menu > li#services-btn > a .fa {
		display:block;
	}
	.header-top-right, .top-nav, .top-menu {
		width:100%;
	}
	.top-menu {
		border-left: 1px solid #3e3e3e;
	}
	.top-menu > li {
		/*width:33%;*/
		/*width: 25%;*/
		width: 20%;
	}
	.top-menu > li#support-btn {
		/*width:34%;*/
	}
	.top-menu > li > a {
		width:100%;
		text-align:center;
		font-size:20px;
	}
	.header-top-right {
		position: relative;
	}
	.top-nav-mobile {
		display:none;
	}
	.kopa-logo {
		display:none;
	}	
	.mobile-logo {
		display:block;
	}
	.kopa-header-middle {
    	padding: 20px 0 10px 0;
	}
	.barre-titre-orange {
		margin-top:10px;
	}
	h1.titre-page-orange,
	p.titre-page-orange {
		font-size:16px;
	}
}

@keyframes slide-and-fade-from-left {
     from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity:0; }
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity:1; }
}
@keyframes slide-and-fade-to-left {
     from { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity:1; }
     to   { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity:0; }
}
@keyframes slide-from-left {
     from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0);}
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes slide-from-right {
     from { -webkit-transform: translate(+100%, 0); transform: translate(+100%, 0);}
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes slide-to-right {
     from   { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	 to { -webkit-transform: translate(+100%, 0); transform: translate(+100%, 0);}
}
@keyframes slide-from-top {
     from { -webkit-transform: translate(0, -10%); transform: translate(0, -10%); opacity:0;}
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity:1;}
}
@keyframes slide-from-bottom {
     from { -webkit-transform: translate(0, +100%); transform: translate(0, +100%);}
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes nav-bar-active {
     from { -webkit-transform: translate(100%, 0); transform: translate(100%, 0);}
     to   { -webkit-transform: translate(0, 0); transform: translate(0, 0);}
}

/* Formation */

.card-programme{
    padding-left: 25px;
	padding-top: 15px;

}