@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "menu";
	src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
		 url('../fonts/RobotoCondensed-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
:root {
}
#logo #buropole-services{max-width:100%;max-height:50px;}
#logo  #buropole-services #buropole{fill:#f04e23;;}
#logo #buropole-services #services{fill:#f04e23;;}
.first { 
	padding:00 0 0;
	width:100%; margin:0 auto 0 auto;
	-webkit-box-shadow: 0 0 0px 0 #070B2E;
	box-shadow: 0 0 0px 0 #070B2E;
	background-color:#fff;
}
#logo-footer{max-width:70%; margin:0 30% 0 0;}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.connexion,.connexion2{position:relative;  display:block; width:100%;margin:0; padding:0; z-index:100;font-size:0.6em;text-transform:uppercase;text-align:center;}
.connexion a{color:#fff; line-height:31px; height:31px; text-align:center; display:block; padding:0 10px; margin:0;
	background-color:#fd6001;-webkit-border-radius: 0 ;border-radius: 0 }
.connexion2 a{color:#fff; line-height:31px; height:31px; display:block; padding:0 10px; margin:0;background-color:#fdab0d;}
.connexion a:hover{background-color: #80b239;}
.connexion2 a:hover{background-color:#80b239;}

.navbar-fixed-top{position:relative;background-color:#ffffff;}
.navbar-inverse { -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175); box-shadow: 0 0px 0px rgba(0,0,0,0.175);}
.navbar-inverse .container{ padding:0; width:100%;max-width:100%; margin:0 auto;}
.navbar-inverse .navbar-collapse{position:absolute;background-color:#ffffff;width:100%;margin:0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
.navbar-brand{ display:block;	margin-left:0 ; margin-right:0; margin-bottom:0px;  padding: 0 0 5px 0 ; width: 100%;max-width:100%;
	color:#333;	 background-color:transparent;z-index: 10000;  border-right:0px solid #fff; height:auto;
	position:relative; top:0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);z-index:1;
}
.navbar-brand img{ max-height:60px;width:100%; margin:0 auto; display:block;}
.navbar-brand  #logo{ }
.navbar-brand  #logo #span-nom{ display:block; text-align:center;font-size:150%;}
.navbar-brand  #logo #span-slogan{color:#ffffff; display:block; margin-top:0px; text-align:center;font-size:50%; font-family: "slogan";text-transform: uppercase; }
.navbar-brand  #logo #span-slogan p{margin:0;}
.social-links.sl-header{position:absolute;top:20px;left:30%;z-index:200;}
/*//////////////// NAVBAR TOGGLE*/
.navbar-toggle{position:relative;display:block;padding:9px 10px;height:40px;margin:5px auto;
	background-color:transparent;
	background-image:none;border:0px solid transparent;border-radius:4px; z-index:10000;}
.navbar-toggle:focus{outline:none}
.navbar-inverse .navbar-toggle .icon-bar {color:#817f7c; background-color:#817f7c; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:transparent;border:0px solid transparent;border-radius:0px;}
.navbar-toggle .icon-bar.deux{ opacity:0;}
.navbar-toggle.collapsed .icon-bar.deux{ opacity:1;}

.navbar-toggle.collapsed .icon-bar.un,.navbar-toggle.collapsed .icon-bar.trois {
	-webkit-transform:  translate(0px, 0px) rotate(0deg);
	-moz-transform:  translate(0px, 0px) rotate(0deg);
	-o-transform:  translate(0px, 0px) rotate(0deg);
	transform:  translate(0px, 0px) rotate(0deg);
}

.navbar-toggle .icon-bar.un {
	-webkit-transform: translate(0px, 9px) rotate(-45deg);
	-moz-transform:translate(0px, 9px) rotate(-45deg);
	-o-transform:translate(0px, 9px) rotate(-45deg);
	transform:translate(0px, 9px) rotate(-45deg);
}
.navbar-toggle .icon-bar.trois {
	-webkit-transform: translate(0px, -9px) rotate(45deg);
	-moz-transform: translate(0px, -9px) rotate(45deg);
	-o-transform:translate(0px, -9px) rotate(45deg);
	transform:translate(0px, -9px) rotate(45deg);
}
.navbar-toggle .icon-bar{display:block;width:44px;height:4px;border-radius:1px;margin-bottom:5px;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:3px}
.div-menu{display:block; position:absolute;background-color:#c2d99c; color:#fff;text-align:center; text-align: center;z-index:200;
line-height: 0.7em;
font-size: 0.6em;height:62px;}
.div-menu span{display:inline-block;}
.menu-plus{z-index:1030;list-style: none; background-color:transparent;display:block;padding:0; margin:0;line-height: 30px;height:30px;}
.menu-plus .entreprise{width:50%;padding:0;margin:0;float:left;text-align:right;background-color:transparent;}
.menu-plus .particuliers{width:50%;padding:0;margin:0;float:right;text-align:left;background-color:#ffa500;}
.menu-plus a{padding:0 20px;color:#fff;line-height: 30px;height:30px;display:inline-block;}
.menu-plus a:hover{ color:#000;}
.menu-plus .entreprise a{background-color:#ffa500;}
.menu-plus .particuliers a{display:block;background-color:#ff8a00;}

.div-contact{position:absolute; top:0;left:0%; display:block;line-height: 30px;height: 30px;margin:0; padding:0 10px;z-index:1030; background-color: rgba(255,255,255,0);
		-webkit-border-radius: 0 0 ;
		border-radius: 0 0 ;}
.div-contact:before{		
		/*content:"\e145";*/
		background: url(../img2/telephone.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size:cover;
		content:"";
		width:16px;
		height:16px;
		display:inline-block;
		color:#ffffff;
		font-family:'Glyphicons Halflings';
		font-style:normal;
		font-weight:normal;
		line-height:1;
		}
.div-header-link{display:inline;line-height:30px; height:30px;margin:0; padding:0; }
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	
.navbar-inverse .navbar-nav > li {
    position: relative;
    display: block;
    text-align: center;
	margin-bottom:0px;
}
	
.navbar-inverse .navbar-nav > li > a {display:block;	float: none;	position: relative;	 	
	text-align: center;
	padding:8px 10px;
	margin-right:0;
	color:#000000;
	cursor:pointer;	
	font-family:"menu";
	font-size:100%; 
	font-weight:100;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0);
}
.navbar-inverse .navbar-nav > li > a:hover {color:#6691bc;-webkit-border-radius:0px;border-radius:0px;}
.navbar-inverse	.navbar-nav li.active a{ color: #6691bc; display:block; width:auto;-webkit-border-radius:0px;border-radius:0px;}
.navbar-inverse	.navbar-nav li.active a:hover{color:#fff;}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:transparent; }/*COULEUR MENU LIENS FOCUS*/
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000; padding:10px 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #6691bc;background-color:rgba(0, 0, 0,0);
}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:100%;padding:0;margin:2px 5px 0 0;list-style:none;
	background-color:rgba(0, 0, 0, 0);
	border:0px solid #cccccc;
	border:0px solid rgba(0,0,0,0.15);
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 3px 1px rgba(0,0,0,0.175);
	box-shadow:0 3px 1px rgba(0,0,0,0.175);
	background-clip:padding-box;
}
.navbar-nav {margin: 9.75px 0px;}
.navbar-nav li.dropdown >.dropdown-menu{ background-color:rgba(0, 0, 0, 0);-webkit-box-shadow:inset 0 0 3px 0 #000000;
box-shadow:inset 0 0 3px 0 #000000;margin-top:0px;}
.navbar-nav li.dropdown >.dropdown-menu >li >a{color:#ffffff; text-align:center; cursor:pointer;font-size: 130%;}
.navbar-nav li.dropdown >.dropdown-menu >li >a:hover{color:#ffffff;background-color:transparent; cursor:pointer; }
.navbar-nav li.active.dropdown >.dropdown-menu >li >a{color:#1b3756; text-align:left;}
.navbar-nav li.active.dropdown >.dropdown-menu >li >a:hover{color:#1b3756;background-color:#e1e1e1; cursor:pointer; }
	
#navbar .container{margin:0 auto;}	

.div-tel{ display: block; position:absolute; top:5px; color:#fff;background-color: rgba(255,255,255, 0);}
.div-langues{ font-size:80%; display: block;
	position: absolute;
	top:5px;
	right: 0px;  padding:0px 5px 0 0;  margin-top:0px;color:#ccc; clear:both;
}
.div-langues a{ padding:5px; color:#000;}
.div-langues a:hover,.div-langues a:active{ color:#fff;}
.div-langues a.active{ color:#fff; text-decoration:underline;}

.navbar-fixed-top.shrink  {
		/*background-color:rgba(255,255,255,1); */
		-moz-transform: translateY(-115px);
		-ms-transform: translateY(-115px);
		-webkit-transform: translateY(-115px);
		transform: translateY(-115px);
		-webkit-box-shadow: 0 0 3px 0px rgba(186,186,186,1);
		box-shadow: 0 0 3px 0px rgba(186,186,186,1);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
@media (min-width:60px){
	.div-contact {position: absolute;top: 0;left: 0%;padding-right:0;}
	.div-menu-supp{font-size:80%;height: 60px;}
	.menu-plus {margin: 30px 0 0 0;}
	.menu-plus .entreprise a, .menu-plus .particuliers a{display: block;}
	.connexion { width:50%;position:absolute; top:0;left:50%}
	.connexion2 { width:50%;position:absolute; top:0;left:0}
	.pixel{fill:#19476c;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.social-links.sl-header {position: relative;top:31px;width:50%;left:10%;}
	.navbar-brand {top:31px; width:100%; margin:0 auto ; padding-bottom:0; height:auto;text-align:center;background-color:transparent;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.div-menu{ position:absolute; top:115px; right:0%;width:25%;}
	.navbar-brand #logo {}
	.navbar-inverse .navbar-collapse {top:180px;}
    .navbar-nav li.active.dropdown >.dropdown-menu >li >a{color:#1b3756;}
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a:hover{color:#1b3756;background-color:#e1e1e1; cursor:pointer; }
	.navbar-nav {margin:0 auto;width:100%;}
	.navbar-page{ position:relative; margin-top:20px; }
	.navbar-page .container{ padding:0;}
	.navbar-page .liste{ padding-top:5px; padding-bottom:5px; height:auto; margin:0;}
	.navbar-page ul,.navbar-page li{ list-style:none;}
	.navbar-page li{text-align:left; float:none; margin-bottom:2px;}
	.navbar-page a{ 
		display:block; color:#fff;  text-transform:uppercase;
		text-align:center;
		background-color:#e85124;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px; padding:10px;
	}
	.navbar-page a:hover{ 
		color:#fff;
		background: #e85124; 
		background: -moz-radial-gradient(center, ellipse cover, #ef5f34 0%, #e85124 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ef5f34), color-stop(100%,#e85124)); 
		background: -webkit-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); 
		background: -o-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); 
		background: -ms-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); 
		background: radial-gradient(ellipse at center, #ef5f34 0%,#e85124 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5f34', endColorstr='#e85124',GradientType=1 ); 
		-webkit-box-shadow:inset 0 0 3px 0 #e85124;
		box-shadow:inset 0 0 3px 0 #e85124;
    }
}
@media (min-width:360px){
	.btn{white-space:nowrap;}
	.div-prod img {margin-bottom:10px;margin-left:40%;}
	.div-tel{ right:5%;}
	.navbar li.active  a{ color:#1b3756;}
	.social-links.sl-header {position: relative;top:31px;width:50%;left:10%;}
	.navbar-brand{top:31px;float:none; width:100%; margin:0 auto ; padding-bottom:0; height:auto;text-align:center;background-color:transparent;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);}
	.div-menu {top:115px;width:25%;right:0%;}
	.first {margin:0 auto 0 auto;}
	.connexion a,.connexion2 a{ text-align:center;}
	.connexion{ width:50%; display:block; top:0; right:0; z-index:1030; margin:0; padding:0; }
	.connexion2{ width:50%; display:block; top:0; right:50%; z-index:1030; margin:0; padding:0; }
	.navbar-brand  #logo #span-nom{font-size:200%;}
	.navbar-fixed-top.shrink  {
		-moz-transform: translateY(-123px);
		-ms-transform: translateY(-123px);
		-webkit-transform: translateY(-123px);
		transform: translateY(-123px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
}
@media (min-width:500px){
	.social-links.sl-header {position: absolute;top:47px;width:50%;left:55%;}
	.navbar-inverse .navbar-collapse {top:160px;}
	.navbar-brand{ position:relative;top:35px;float:left; width:50%;height:62px;}

	.div-menu {top:92px;width:25%;right:0%;}
	.navbar-brand img {width: 100%;padding-top:5px;}	
	.navbar-fixed-top.shrink  {
		-moz-transform: translateY(-117px);
		-ms-transform: translateY(-117px);
		-webkit-transform: translateY(-117px);
		transform: translateY(-117px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.connexion a,.connexion2 a{ text-align:center;}
	.connexion{ width:50%; display:block; top:0; right:0; z-index:1030; margin:0; padding:0; }
	.connexion2{ width:50%; display:block; top:0; right:50%; z-index:1030; margin:0; padding:0; }
}
@media (min-width:600px){
	.connexion a,.connexion2 a{ text-align:center;}
	.connexion{ width:50%; display:block; top:0; right:0; z-index:1030; margin:0; padding:0; }
	.connexion2{ width:50%; display:block; top:0; right:50%; z-index:1030; margin:0; padding:0; }
	.social-links.sl-header {position:absoute;top:47px;width:30%;left:55%;}
	.div-contact{left:10%; }
	.navbar-brand{ position:relative;top:30px;float:left; width:50%;height:62px; margin:0  ; padding:0; height:auto;text-align:center;background-color:transparent;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);}
	.div-menu {top:85px;width:25%;right:0%;}
	.first {margin-top: 0;}
	.navbar-brand img {width: 100%;padding-top:0;}
	.navbar-brand  #logo #span-nom{font-size:200%;}


	.navbar-fixed-top.shrink  {
		-moz-transform: translateY(-95px);
		-ms-transform: translateY(-95px);
		-webkit-transform: translateY(-95px);
		transform: translateY(-95px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
}
@media (min-width:768px){
	.navbar-brand #logo {}
	.social-links.sl-header {position:absolute;top:45px;width:25%;left:55%;}	
	.navbar-brand{ position:relative;top:33px;float:left; width:50%;height:62px; margin:0  ; padding:0; height:auto;text-align:center;background-color:transparent;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);}
	.div-menu {top:85px;width:25%;right:0%;}
	.first {margin-top:0px;}
	.navbar-brand  #logo #span-nom{font-size:230%;}
	.connexion{ width:50%; display:block; top:0; right:0; z-index:1030; margin:0; padding:0; }
	.connexion2{ width:50%; display:block; top:0; right:50%; z-index:1030; margin:0; padding:0; }
}
@media (min-width:800px){
	.social-links.sl-header {position: absolute;width:25%;left:50%;top:45px;}
	.navbar-brand{ position:relative;top:35px;width:40%;height:85px; margin:0 0 0 4%  ; padding:0; height:65px;;text-align:center;background-color:transparent;}
	
	.navbar-brand  #logo #span-nom{font-size:250%;}
	.div-contact {position: absolute;top: 0;left: 0%;padding-right:0;}
	.div-menu-supp{font-size:80%;}
	.a-bouton{ white-space:nowrap;}	
	.navbar-toggle{ margin-top:0px}
	.div-menu{ top:95px; right:0%;width:25%;}/*.div-menu {top:92px;width:25%;right:0%;}*/
	.navbar-inverse .navbar-collapse {top:160px;}
	.connexion{ width:50%; display:block; top:0; right:0; z-index:1030; margin:0; padding:0; }
	.connexion2{ width:50%; display:block; top:0; right:50%; z-index:1030; margin:0; padding:0; }
}
@media (min-width:980px){
	.social-links.sl-header{left:40%;position:absolute;top:20px;}
	.connexion{ width:15%; display:block; top:0; right:0;left:auto; z-index:1030; margin:0; padding:0; }
	.connexion a{color:#fff; line-height:31px; height:31px; display:block; padding:0 10px; margin:0;background-color:#fd6001;}
	.connexion2{ width:15%; display:block; top:31px; right:0;left:auto; z-index:1030; margin:0; padding:0; }
	.connexion2 a{color:#fff; line-height:31px; height:31px; display:block; padding:0 10px; margin:0;background-color:#fdab0d;}
	.div-menu-supp{position:relative; top:0; height:30px; padding-top:0px; background-color:#ada89e; text-align:center;}
	.menu-plus {margin:0px 0 0 0;}
	.menu-plus .entreprise a{display:inline-block;}
	.menu-plus .entreprise a{-webkit-border-radius: 0 0 0 50px;border-radius: 0 0 0 50px;}
	.menu-plus .particuliers a{-webkit-border-radius:0 0 0 50px;-webkit-border-radius: 0 0 0 50px;border-radius: 0 0 0 50px;}
	.div-contact{padding-left:10%;}

	.navbar-inverse .navbar-collapse{position:relative;top:0;background-color:#ffffff;width:100%;margin:0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-inverse .navbar-nav{width:98%;display:block;height:auto; background-color:rgba(255,255,255,0);  text-align:center; float:none; margin:0 0 0 5px ; padding:0;}
	.navbar-inverse .navbar-nav > li {background-color:rgba(118,189,229,0);}
	
	
	.div-langues{top:10px;right:2.5%;}
	.div-langues{position: absolute;float:none;width:auto;  height:30px; line-height:30px; padding: 0px; top:0px;right:2.5%;text-align:right;z-index:200000;}
	
	.navbar-brand{top:0px;position:relative;float:none; width:30%;margin:5px 0 0 10px; padding-bottom:0px;text-align:center;background-color:transparent;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);}
	.navbar-brand:hover #logo{color:#fff;}
	.navbar-brand  #logo{
		-moz-transform: scale(1,1) translateX(0);
		-ms-transform: scale(1,1) translateX(0);
		-webkit-transform: scale(1,1) translateX(0);
		transform: scale(1,1) translateX(0);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);}
	.navbar-brand  #logo .span-slogan{
		font-size: 80%;
		-moz-transform: scale(1,1) translateY(0px) translateX(0px);
		-ms-transform: scale(1,1) translateY(0px) translateX(0px);
		-webkit-transform: scale(1,1) translateY(0px) translateX(0px) ;
		transform: scale(1,1) translateY(0px) translateX(0px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header .navbar-brand #logo img{	
		-moz-transform: scale(1,1) translateY(0px);
		-ms-transform: scale(1,1) translateY(0px);
		-webkit-transform: scale(1,1) translateY(0px);
		transform: scale(1,1) translateY(0px);
		-webkit-transition: all 600ms linear(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms linear(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-nav > li { width:auto; padding:0 ;list-style: none;}
	.navbar-inverse .navbar-nav > li > a { color:#0c1662; padding:20px 10px ;  font-size:85%;}
	.navbar-nav .dropdown .caret {display:inline-block;margin: 0 auto 0 auto;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent;}
	.navbar-nav .dropdown .caret {display:inline-block;margin: 0 auto 0 auto;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent;}
	.navbar-nav .dropdown.open .caret {display:inline-block; margin: 0 auto 0 auto;border-left:0px solid;border-top:0px solid transparent;border-bottom:0px solid transparent;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #0c1662; width: 100%;text-transform:uppercase; font-size:0.9em;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #0c1662;background-color:rgba(168,183,205,1);-webkit-border-radius:0px;border-radius:0px;}
	.navbar-inverse.shrink .navbar-nav .open .dropdown-menu > li > a:hover {color: #0c1662;}
	.navbar-nav li a span{ display:none;}
	
	.navbar-inverse .navbar-nav > li > a:focus{color:#0c1662; }
	.navbar-inverse .navbar-nav > li > a:hover {color:#0c1662;}
	
	.navbar-inverse.shrink .navbar-nav > li > a:hover { color:#0c1662;}
	.navbar-inverse .navbar-nav > li.active > a{  color:#ffffff;-webkit-border-radius:1px ;border-radius:1px; }
	.navbar-inverse .navbar-nav > li.active > a:hover{color:#0c1662; }
	.navbar-inverse.shrink .navbar-nav > li.active > a{  color:#0c1662;}
	.navbar-inverse.shrink .navbar-nav > li.active > a:hover{color:#0c1662;}
	
	.navbar-inverse.shrink .navbar-nav > li.active > a:hover{color:#0c1662; }
	.navbar-inverse.shrink .navbar-nav > .active > a:focus{color:#0c1662; }
	.navbar-inverse .navbar-nav > .active > a:focus { background-color:rgba(0, 0, 0, 0);}
	.navbar-inverse .navbar-nav > .active > a span{}
	
	.navbar-nav li.dropdown >.dropdown-menu{background-color:rgba(255,255,255,1);-webkit-box-shadow: 0 0 0px 0 #575757;box-shadow: 0 0 0px 0 #575757;-webkit-border-radius:0px;border-radius: 0px;
	border: 0px solid #ffa500;border-width:2px 0px 0px 0px;}
	
	.navbar-nav li.dropdown >.dropdown-menu >li >a{color:#0c1662; text-align:left; background-color:rgba(255,255,255,1);}
	.navbar-nav li.dropdown >.dropdown-menu >li >a:hover{color:#0c16621;background-color:rgba(220,220,220,1); cursor:pointer; }
	
	
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a{color:#0c1662;  background-color:rgba(255,255,255,1);}
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a:hover{color:#0c1662; background-color:rgba(163,184,205,1); cursor:pointer; }
	
	/*.navbar-nav li.dropdown >.dropdown-menu li:first-child a{-webkit-border-radius:5px 5px 0 0 ;border-radius:5px 5px 0 0;}
	.navbar-nav li.dropdown >.dropdown-menu li:last-child a,.navbar-nav li.dropdown >.dropdown-menu li:last-child a:hover{-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}/*/
	.div-menu{ display:none;}
		
	.navbar-fixed-top.shrink  {
		/*background-color:rgba(255,255,255,1); */
		-moz-transform: translateY(-65px);
		-ms-transform: translateY(-65px);
		-webkit-transform: translateY(-65px);
		transform: translateY(-65px);
		-webkit-box-shadow: 0 0 3px 0px rgba(186,186,186,1);
		box-shadow: 0 0 3px 0px rgba(186,186,186,1);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header.shrink .navbar-brand #logo {
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	
	.navbar-header.shrink .navbar-brand #logo {
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header.shrink .navbar-brand #logo {
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}	
	.navbar-header.shrink .navbar-brand #logo .span-slogan{

		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	
	.navbar-header.shrink .navbar-brand #logo img{
		
		opacity:1;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header.shrink .connexion{
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header.shrink #navbar{
		-moz-transform: translateY(25px);
		-ms-transform: translateY(25px);
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	.navbar-header #navbar{
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	
}
@media (min-width:992px){
	.navbar-inverse .navbar-nav{width:85%;margin-left:1%;}
	.navbar-brand{position:relative;width:30%;margin:0;}
	.navbar-brand #logo {width:90%;margin:5px auto 0 auto;}
	.social-links.sl-header{position:absolute;left:40%;}
	
	.connexion,.connexion2{right:0%;width:14%;}
	.navbar li a {display: inline;float: left; font-size:140%;}
	.navbar-inverse .navbar-nav > li > a {padding: 0 8px;font-size:100%;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 10px;font-size: 85%;}

}
@media (min-width:1000px){
	.navbar-inverse .navbar-nav{width:86%;margin-left:1%;}
	.navbar-brand{position:relative;width:30%;margin:0;}
	.navbar-brand #logo {width:90%;margin:5px auto 0 auto;}
	.social-links.sl-header{left:40%;}
	.connexion,.connexion2{right:0%;width:15%;}
	.navbar-inverse .navbar-nav > li > a {padding: 0 8px;font-size:100%;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 10px;font-size: 90%;}
}
@media (min-width:1024px){
	.navbar-inverse .navbar-nav{width:86%;margin-left:1%;}
	.navbar-brand{position:relative;width:30%;margin:0;}
	.navbar-brand #logo {width:90%;margin:5px auto 0 auto;}
	.social-links.sl-header{left:40%;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 10px;font-size: 90%;}
}
@media (min-width:1100px){
	.navbar-inverse .navbar-nav{width:86%;margin-left:1%;}
	.navbar-brand{position:relative;width:30%;margin:0;}
	.navbar-brand #logo {width:90%;margin:5px auto 0 auto;}
	.social-links.sl-header{left:40%;}
	.connexion,.connexion2{right:2%;}
	.navbar-inverse .navbar-nav > li > a {padding: 0 8px;font-size:80%;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 10px;font-size: 90%;}
}
@media (min-width:1200px){
	.navbar-inverse .navbar-nav{width:75%;margin-left:18%;height:100px;}
	.navbar-brand{position:absolute;width:18%;margin:0;}
	.navbar-brand #logo {width:95%;margin:0 auto;}
	.social-links.sl-header{left:5%;top:60px;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 10px; font-size:87%;}
	.connexion,.connexion2{right:0%;width:100px;}
}

@media (min-width:1300px){
	.navbar-inverse .navbar-nav{width:75%;margin-left:18%;}
	.navbar-brand{position:absolute;width:18%;margin:0;}
	.navbar-brand #logo {width:95%;margin:0 auto;}
	.social-links.sl-header{left:5%;top:60px;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 12px; font-size:90%;}

}
@media (min-width:1400px){
	.navbar-inverse .navbar-nav{width:70%;margin-left:18%;}
	.navbar-brand{position:absolute;width:18%;margin:0;}
	.navbar-brand #logo {width:95%;margin:0 auto;}
	.social-links.sl-header{left:5%;top:60px;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 15px; font-size:90%;}
		.connexion{top:15px;right:90px;width:80px;}
	.connexion2{top:15px;right:10px;width:80px;}
}
@media (min-width:1500px){
	.navbar-inverse .navbar-nav{width:70%;margin-left:18%;}
	.navbar-brand{position:absolute;width:18%;margin:0;}
	.navbar-brand #logo {width:95%;margin:0 auto;}
	.social-links.sl-header{left:5%;top:60px;}
	.connexion{top:15px;right:11.6%;width:80px;}
	.connexion2{top:15px;right:5%;width:80px;}

}
@media (min-width:1600px){
	.navbar-inverse .navbar-nav{width:60%;margin-left:17%;}
	.navbar-brand{position:absolute;width:18%;margin:0;}
	.navbar-brand #logo {width:100%;margin:0 auto;}
	#logo #buropole-services {max-height: 40px;margin-top: 10px;}
	.social-links.sl-header{left:5.5%;top:60px;}
	.navbar-inverse .navbar-nav > li > a {padding: 20px 15px; font-size:90%;}
	.connexion{top:15px;right:15%;width:80px;}
	.connexion2{top:15px;right:9%;width:80px;}
}
@media (min-width:1700px){
	.navbar-brand{position:absolute;width:18%;margin:0;top:0;min-height:6px;}
	.navbar-inverse .navbar-nav{width:60%;margin-left:17%;}
	.social-links.sl-header{left:5.5%;top:60px;}
	.connexion{top:15px;right:22%;width:80px;}
	.connexion2{top:15px;right:16%;width:80px;}
}
@media (min-width:1800px){
	.navbar-inverse .navbar-nav{width:60%;margin-left:20%;}
	.navbar-brand{position:absolute;width:20%;margin:0;top:0;min-height:6px;}
	.navbar-brand #logo {width: 80%; max-width:350px;margin:0 auto 0 auto;padding: 0;}
	#logo #buropole-services {max-height: 50px;margin-top: 0px;}
	.social-links.sl-header{left:6.5%;top:60px;width: 250px;}
	.navbar-inverse .navbar-nav > li  {padding: 15px 0px;}
	.navbar-inverse .navbar-nav > li > a {padding: 5px 15px;font-size:90%;color:#000;}
	.connexion{top:15px;right:20%;width:80px;}
	.connexion2{top:15px;right:25%;width:80px;}
}


#footer .nav.navbar-nav{ float:none;width: 100%;margin:0 auto;display: inline-block;}
#footer .nav.navbar-nav li{width:auto;margin:0 auto;display:block;cursor:pointer;float:none;}
#footer .nav.navbar-nav li > a{width: auto;margin:0 auto;display:block;cursor:pointer;padding-top: 2px;padding-bottom: 2px;text-transform: uppercase; font-size:80%;text-align:left;}
#footer .navbar-nav li.dropdown > .dropdown-menu {-webkit-box-shadow: 0 0 0 0 #d1d1cf;box-shadow: 0 0 0 0 #d1d1cf;}
#footer .nav.navbar-nav li > a{color:#000;}
#footer .nav.navbar-nav li > a:hover{color:var(--theme1);}
#footer .nav.navbar-nav li > a.niv01:hover{color:#000;}

#footer .navbar-nav li.dropdown > .dropdown-menu {background-color: rgba(118,189,229,0);border:none;}
#footer .dropdown-menu {position:relative; top:0;margin-top:0;display:block;    margin-left:0px;}

#footer .footer-below .nav.navbar-nav li > a {
    width: auto;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 80%;
    text-align: left;
	text-transform: uppercase;
}
#footer .navbar-nav li.dropdown > .dropdown-menu > li{float:none;}
#footer .navbar-nav li.dropdown > .dropdown-menu > li > a {background-color: rgba(118,189,229,0); text-transform:none;color:#000; padding-left:30px;font-size: 80%;}
#footer .nav .open > a, #footer .nav .open > a:hover,#footer .nav .open > a:focus {background-color:rgba(0,0,0,0);}
#footer .navbar-nav li.dropdown > .dropdown-menu > li > a:hover {background-color: rgba(118,189,229,0); text-transform:none;color:#ff6407; }
#footer hr{
	border-top: 1px solid #dad0bf;
	border-bottom: 0px solid #dad0bf;
}

 .navbar-inverse .navbar-nav > li > a{color:#000;}
 .navbar-inverse .navbar-nav > li.active > a{color:#ffa500;}
 .navbar-inverse .navbar-nav > li > a:hover{color:#ffa500;}
 .navbar-inverse .navbar-nav > li.active > a:hover{color:#ffa500;}
 
 .navbar-nav li.dropdown.open > .dropdown-menu > li > a {color:#19476c;background-color: rgba(253,253,253,1);padding-left:30px;padding-right:10px;font-family: "menu";}
 .navbar-nav li.active.dropdown > .dropdown-menu > li > a:hover {color:#ffa500;background-color: rgba(253,253,253,1);}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color:#ffa500;background-color:rgba(253,253,253,1);}
 .navbar-brand #logo #span-nom {color:#19476c;}
 .navbar-brand #logo #span-slogan {color:#fd6001;}
 a.a-bouton{background:#fd6001;color:#fff;text-transform:uppercase;font-size:0.7em;letter-spacing: 1.5px;}
 a.a-bouton:hover,  .a-bouton:focus,  .a-bouton:active {background: #fdab0d;}

 .div-block  a.a-bouton{background:#fd6001;color:#fff;text-transform:uppercase;font-size:0.7em;letter-spacing: 1.5px;}
 .div-block  a.a-bouton:hover,  .a-bouton:focus,  .a-bouton:active {background: #fdab0d;color:#fff;}



.social-links li {
    border: 0px solid #000;
    background: #ff4b05;
    color:#fff;
	-webkit-border-radius: 300px;
	border-radius: 300px;
}
.social-links li:hover { background-color: rgba(253,171,13,1);color:#fff;}
.social-links li:hover a:hover img {opacity:1;}
#footer .social-links li {
    border: 0px solid #000;
    background: #000;
    color:#fff;
	-webkit-border-radius: 300px;
	border-radius: 300px;
}
.social-links li:hover { background-color: rgba(253,171,13,1);color:#fff;}
.social-links li:hover a:hover img {opacity:1;}


.navbar-nav .dropdown.open .caret {border-top: 4px solid #000000;}


footer .footer-below a,
footer .footer-below a.nav-link{display:block;padding:0;text-align:left;font-size: 80%;text-transform: uppercase;}
footer .footer-below a:hover,
footer .footer-below a.nav-link:hover,
footer .footer-below a.nav-link:active,
footer .footer-below a.nav-link:focus{color:var(--theme2);}
footer .footer-below a.niv01:hover,
footer .footer-below a.niv01:active,
footer .footer-below a.niv01:focus {color:#000;cursor:default;}

footer .dropdown .niv01.nav-link::after {
	content: "";
	left: 0em !important;
	top: 0em !important;
	display: inline-block;
	border-left: 0px solid;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	width: 5px;
	position: relative;
}