@charset "utf-8";
/* CSS Document */
.navbar-inverse {background-color: rgba(255,255,255,1); 
	background-repeat:repeat-x;margin-bottom:0;	padding:0 0 0 0;
	width:100%; margin:0 auto;	-webkit-box-shadow: 0 0 0px 0 #070B2E;
	box-shadow: 0 0 0px 0 #070B2E;
	font-family: 'regular';
	font-size: 13px;
	min-height:88px;
	}

.navbar-inverse .container{ padding:0; /*width:80%;*/ margin:0 auto;}
.navbar-brand{ color:#000;display:block;	margin-left:0 ; margin-bottom:0px; margin-right:0; padding: 0; 
	color:#333;	 background:transparent;z-index: 10000; float:left; border-right:0px solid #fff; }
.navbar-brand .brand{margin:0; padding:0;color:#ffbf40;  font-size:2em;  position: absolute; top:0px; left:0px;}
.navbar-brand .brand span{color:#111111;}
.navbar-brand img{ float:left; 	margin:0;opacity:1; width:100%; height:auto;}
/*//////////////// NAVBAR TOGGLE*/
.navbar-toggle{position:relative;padding:9px 10px;
	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:#fff; background-color:#fff; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:transparent;}
.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, 12px) rotate(-45deg);
	-moz-transform:  translate(0px, 12px) rotate(-45deg);
	-o-transform:  translate(0px, 12px) rotate(-45deg);
	transform:  translate(0px, 12px) rotate(-45deg);
}
.navbar-toggle .icon-bar.trois {
	-webkit-transform: translate(0px, -12px) rotate(45deg);
	-moz-transform:  translate(0px, -12px) rotate(45deg);
	-o-transform:  translate(0px, -12px) rotate(45deg);
	transform:  translate(0px, -12px) rotate(45deg);
}


.navbar-toggle .icon-bar{display:block;width:44px;height:4px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:8px}
.div-menu{display:block; position:absolute; top:25px; right:0px; background-color:transparent; color:#fff; line-height:44px; height:44px; }
.div-menu span{display:none;}

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	
	
.navbar-inverse .navbar-nav > li > a {display: block;	float: none;	position: relative;	 	
	text-align: center;
	/*letter-spacing: 1px;*/
	padding:8px 10px;
	color:#ffffff;
	cursor:pointer;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover {background-color:transparent; color:#110200;}
.navbar-inverse	.navbar-nav li.active a{ background-color:transparent; color:#186a5f; text-align:center;}
.navbar-inverse	.navbar-nav li.active a:hover{ background-color:transparent; color:#110200;}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#0b5687;color:#fff; }/*COULEUR MENU LIENS FOCUS*/
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff; padding:10px 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #ffffff;background-color:rgba(0, 0, 0,0.2);
}
.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 6px rgba(0,0,0,0.175);
	box-shadow:0 3px 6px 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.3);-webkit-box-shadow:inset 0 0 3px 0 #000000;
box-shadow:inset 0 0 3px 0 #000000;}

.navbar-nav li.dropdown >.dropdown-menu >li >a{color:#ffffff; text-align:center;}
.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;}	
.navbar-toggle{ margin-top:0px}
.div-tel{ display: block; position:absolute; top:5px; color:#fff;background-color: rgba(255,255,255, 0);}
.div-langues{  display: block;
	position: absolute;
	top: 70px;
	right: 0px;  padding:0px 5px 0 0;  margin-top:0px;color:#ccc; clear:both;
}
.div-langues a{ padding:5px; color:#999;}
.div-langues a:hover,.div-langues a:active{ color:#000;}
.div-langues a.active{ color:#fff; text-decoration:underline;}


@media (min-width:60px){
	/*.btn{white-space:normal;}*/
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a{color:#1b3756; text-align:center;}
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a:hover{color:#1b3756;background-color:#e1e1e1; cursor:pointer; }
	.navbar-brand .brand{ top:10px; left:10px;}
	
	.navbar-nav {-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0);box-shadow: 0 0 3px 0 rgba(0,0,0,0);
	margin-top:80px;
	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-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; /* Old browsers */
		
		background: -moz-radial-gradient(center, ellipse cover, #ef5f34 0%, #e85124 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ef5f34), color-stop(100%,#e85124)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #ef5f34 0%,#e85124 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, #ef5f34 0%,#e85124 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5f34', endColorstr='#e85124',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		-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-brand .brand{ top:10px; left:10px;}
	.navbar li.active  a{ color:#1b3756;background-color:rgba(6,30,63,0.2);}
}
@media (min-width:395px){
	.div-menu span{ display:inline;}
}
@media (min-width:590px){
	.div-prod img {margin-bottom:10px;margin-left:0%;}
}
@media (min-width:768px){	
.navbar-brand{ width: 40%;max-width:300px; }
}
@media (min-width:800px){
	.div-prod img {margin-bottom:10px;margin-left:0%;}
	.a-bouton{ white-space:nowrap;}			
	.navbar-brand .brand{ top:0px; left:10px;}
	.navbar-toggle{ margin-top:0px}
}

@media (min-width:980px){
	.navbar-inverse .navbar-collapse{width:100%;float:right;position:relative;padding-bottom:0;background-color:#212d57;}
	.navbar-brand{ position:relative;float:left; width:17%;height:88px;}		
	.navbar-nav{ display: block;position: relative; float:right; width:100%; height:auto; padding:0;margin: 0;
		-webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,0);box-shadow: 0 0 0px 0 rgba(0,0,0,0);background-color: rgba(255,255,255,0);}
	.navbar-nav > li { width:auto;min-width:100px;padding:0;}
	.navbar-inverse .navbar-nav > li > a { background-color:rgba(0, 0, 0, 0); color:#fff; padding:0 10px 0 10px; margin-right:5px;height:83px; line-height:83px;border-bottom:2px solid #0066a8;}
	.navbar-nav .dropdown .caret {
		display: block;
		margin: 0 auto 0 auto;
		top: 40px;
		position: absolute;
		right: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent ;
		border-right: 4px solid transparent;
		border-left: 4px solid ;
	}
	.navbar-nav .dropdown:hover .caret {
		top: 42px;
		border-top: 4px solid ;
		border-bottom: 4px solid transparent ;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #0b5687; padding:10px 20px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
			color:#fff;background-color:#0b5687;
	}
	.navbar-nav li a span{ display:none;}
	.navbar-inverse .navbar-nav > li > a:hover { background-color:#0b5687; color:#fff;border-bottom:2px solid #0b5687;}
	.navbar-inverse .navbar-nav > li.active > a{ background-color:#0b5687; color:#fff;border-bottom:2px solid #0b5687;}
	.navbar-inverse .navbar-nav > li.active > a:hover{  background-color:transparent; color:#fff;}
	
	.navbar-inverse .navbar-nav > .open > a{border-bottom: 2px solid #0b5687;}
	.navbar-inverse .navbar-nav > .active > a:focus { background-color:rgba(0, 0, 0, 0);}
	.navbar-inverse .navbar-nav > .active > a span{ /*display:inline; padding-left:10px; padding-right:10px;*/}
	
	.navbar-nav li.dropdown >.dropdown-menu{ background-color:#ffffff;-webkit-box-shadow: 0 0 0 0 #110200;box-shadow: 0 0 0 0 #110200;border:1px solid #0b5687;}
	.navbar-nav li.dropdown >.dropdown-menu >li >a{color:#0b5687; text-align:left;}
	.navbar-nav li.dropdown >.dropdown-menu >li >a:hover{color:#fff;background-color:#0b5687; cursor:pointer; }
	
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a{color:#808080; text-align:left;}
	.navbar-nav li.active.dropdown >.dropdown-menu >li >a:hover{color:#ffffff;background-color:#0b5687; cursor:pointer; }
	.div-menu{ display:none;}
}
@media (min-width:992px){
	.navbar li a {display: inline;float: left;}
}
@media (min-width:1024px){
	.div-langues{position: absolute;float:none;width:100%;top:10px;right:10px;text-align:right;z-index:200000;}
	.navbar li a {display: inline;float: left;  letter-spacing:1px;	}
}

@media (min-width:1200px){
	.navbar-brand{ float:left; }
	.navbar li a {display: inline;float: left; } 	
}
.btn,.btn-success {color:#ffffff;background-color:#192C4b ;border:none}
.btn:hover,.btn:active,.btn:focus,.btn:active:focus,
.btn-success:hover,.btn-success:active,.btn-success:focus,.btn-success:active:focus,
.btn.btn-success:hover, .btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:active:focus
 {color:#ffffff ;background-color:#192C4b;box-shadow: 0px 0px 0px 0px #fff;}
 
 .nav-tabs > li > a {font-size:0.8em;}


