/* CSS Document */

.container-fluid{ padding:0;}
.header{
 height:82px;

 padding-top:15px;
}

.navbar-brand { padding:0px;}
.navbar-brand img{width:79px; height:44px; position:absolute; z-index:555555;}

.navbar-collapse.collapse {
  position:relative;
  top:14px;
  padding-right:0;
}

.navbar-nav li a{
    color:#7d7d7d;
    font-size: 14px;
    text-transform: capitalize;
}

.nav li a:hover ,.nav li a:focus ,.nav li a:active{ background:none; outline:none}

.navbar-nav li a:hover , .navbar-nav li a:focus {
 color:#000000;
 border-bottom:4px solid #000000;
}

 .navbar-nav li a:active {
 color:#000000;
 border-bottom:4px solid #000000;
 }

.header form{
    left: 77%;
    position: relative;
    width: 258px;
}

.header .recherche {
    padding: 3.4px 3.4px 3.4px 8px;
    width: 218px;
	border:1px solid #e5e5e5;
	display:none;
}

.header .img-recherch{
    position:absolute;
	top:0px;
	display:none;
	}

.header select {
    position: absolute;
    right:-88px;
	display:none;
    
}

.navbar-toggle {
    background-color:#83d4f6;
	}
	
.navbar-collapse { background:#fff; position:absolute; z-index: 9999;}
.navbar-toggle .icon-bar { background-color:#FFFFFF;}
.navbar-nav {background-color:#FFFFFF;}

.navbar-nav li .active {
 color:#000000;
 border-bottom:4px solid #000000;
}

/************************************************************************************************/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.container-fluid{ padding:0;}
.header{
 height:110px;

 padding-top:15px;
}

.navbar-brand { padding:0px;}
.navbar-brand img{width:136px; height:76px; position:absolute; z-index:555555;}

.navbar-collapse.collapse {
  position:relative;
  top:12px;
  padding-right:0;
}

.navbar-nav li a{
    color:#7d7d7d;
    font-size: 14px;
    text-transform: capitalize;
	padding-right:7px !important;
	transition:all 0.09s ease-in 0s;
}

.nav li a:hover ,.nav li a:focus ,.nav li a:active{ background:none; outline:none}

.navbar-nav li a:hover , .navbar-nav li a:focus {
 color:#000000;
 border-bottom:4px solid #000000;
}

 .navbar-nav li a:active {
 color:#000000;
 border-bottom:4px solid #000000;
 }

.header form{
    left:66%;
    position: relative;
    width: 258px;
}

.header .recherche {
    padding: 3.4px 3.4px 3.4px 8px;
    width: 218px;
	border:1px solid #e5e5e5;
	display:block;
	outline-color:#8dc63f;
}

.header .img-recherch{
    position:absolute;
	top:0px;
	display:block;
	right:30px;
	}

.header select {
    position: absolute;
    right:-88px;
	display:block;
}

.bt-syst{
   display:none !important;

   margin-left:50px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
    border: 1px solid #dadada;
    border-color: #dadada #dadada -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 15px;
    font-weight: 600;
    height:54px;
    text-align: center;
	width: 250px;
	margin-right:0px;
}
.navbar-nav li .active {
 color:#000000;
 border-bottom:4px solid #000000;
}

}

/**********************************************************************************************************************/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.container-fluid{ padding:0;}
.header{
 height:110px;

 padding-top:15px;
}

.navbar-brand { padding:0px;}
.navbar-brand img{width:136px; height:76px; position:absolute; z-index:555555;}

.navbar-collapse.collapse {
  position:relative;
  top:12px;
  padding-right:0;
}

.navbar-nav li a{
    color:#7d7d7d;
    font-size: 14px;
    text-transform: capitalize;
	padding-right:15px !important;
	transition:all 0.09s ease-in 0s;
}

.nav li a:hover ,.nav li a:focus ,.nav li a:active{ background:none; outline:none}

.navbar-nav li a:hover , .navbar-nav li a:focus {
 color:#000000;
 border-bottom:4px solid #000000;
}

.navbar-nav li .active {
 color:#000000;
 border-bottom:4px solid #000000;
}


 .navbar-nav li a:active {
 color:#000000;
 border-bottom:4px solid #000000;
 }

.header form{
    left:77%;
    position: relative;
    width: 258px;
}

.header .recherche {
    padding: 3.4px 3.4px 3.4px 8px;
    width: 218px;
	border:1px solid #e5e5e5;
	display:block;
	outline-color:#8dc63f;

}

.header .img-recherch{
    position:absolute;
	top:0px;
	display:block;
	}

.header select {
    position: absolute;
    right:-88px;
	display:block;
}

.bt-syst{
   display:none !important;

   margin-left:50px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
    border: 1px solid #dadada;
    border-color: #dadada #dadada -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 15px;
    font-weight: 600;
    height:54px;
    text-align: center;
	width: 250px;
	margin-right:14px;
}

}

/*************************************************************************************************************************/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.container-fluid{ padding:0;}
.header{
 height:110px;

 padding-top:15px;
}

.navbar-brand { padding:0px;}
.navbar-brand img{width:136px; height:76px; position:absolute; z-index:555555;}

.navbar-collapse.collapse {
  position:relative;
  top:12px;
  padding-right:0;
}

.navbar-nav li a{
    color:#7d7d7d;
    font-size: 14px;
    text-transform: capitalize;
	padding-right:15px !important;
	transition:all 0.09s ease-in 0s;
}

.nav li a:hover ,.nav li a:focus ,.nav li a:active{ background:none; outline:none}

.navbar-nav li a:hover , .navbar-nav li a:focus {
 color:#000000;
 border-bottom:4px solid #000000;
}

 .navbar-nav li a:active {
 color:#000000;
 border-bottom:4px solid #000000;
 }

.header form{
    left:77%;
    position: relative;
    width: 258px;
}

.header .recherche {
    padding: 3.4px 3.4px 3.4px 8px;
    width: 218px;
	border:1px solid #e5e5e5;
	display:block;
	outline-color:#8dc63f;
	

}

.header .img-recherch{
    position:absolute;
	top:0px;
	right:11px;
	display:block;
	}

.header select {
    position: absolute;
    right:-88px;
	top:0;
	display:block;
}

.bt-syst{
   display:block !important;

   margin-left:50px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
    border: 1px solid #dadada;
    border-color: #dadada #dadada -moz-use-text-color;
    border-image: none;
    border-radius: 6px 6px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-size: 15px;
    font-weight: 600;
    height:54px;
    text-align: center;
	width: 250px;
	margin-right:14px;
}

.bt-syst span {
    color: #ec5521;
}
.navbar-nav li .active {
 color:#000000;
 border-bottom:4px solid #000000;
}
}