body{font-size: 14px; font-family: font-family: 'Open Sans', sans-serif; color: #5a5959;}

.navbar-default{
	background-image: inherit !important;
	box-shadow: inherit !important;
}

@media (min-width:768px){
.header{
	width: 100%;
	position: relative;
}}

.pagination .flc {
    display:none;
}

header .navbar-brand>img{
	width: 136px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #480d0d;
}
.navbar-default .navbar-toggle {
    border-color: #130606;
    background: #fff;
}
@media (min-width:770px){
header  .navbar .navbar-header .navbar-brand{
	display: none;
}
header .navbar-nav>li {
    float: none;
	height: 47px;
}}
@media (min-width: 1200px)
{
.container {
    width: 970px;
}}
@media (min-width: 1200px)
{
.cont-header {
    width: 1200px;
}}

@media (max-width:770px){
header  .navbar .logo{
	display: none;
}}

@media (max-width:994px){
	.navbar-default .navbar-nav>li>a {
    color: #1f419b;
    font-weight: 600;
    transition: .3s all;
}
}

header  .navbar .logo12 {
	width:auto; 
	height:auto; 
	border-radius: 100px;
	box-shadow: 0px 1px 7px 2px;}
header  .navbar .logo22 {
	width:auto; 
	height:auto; 
	border-radius: 100px;
	box-shadow: 0px 1px 7px 2px;
	display: none;
    width: 180px;	}
.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: 0px !important;
    border: 0px solid transparent;
}
.navbar-default .navbar-nav .logo a, .navbar-default .navbar-nav .home a, .navbar-default .navbar-nav .gallery a {
	border-left : inherit;
	border-left-color: inherit;	
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
    font-weight: 500;
    transition: .3s all;
	padding-bottom: 10px;
    padding-top: 18px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav .active .menu-header::after{
    /* content: ''; */
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #dbe464 transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	
}
header .navbar-default .navbar-nav li .menu-header:hover::after{
    /* content: ''; */
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #dbe464 transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;	
}
.navbar-default .navbar-nav>li>a:hover{
	background-color: inherit !important;
    background: inherit !important;
    background-image: inherit !important;
    box-shadow: inherit !important;
    color: #dbe464 !important;
    border-bottom: 4px solid #dbe464;
    padding-bottom: 14px;
    padding-top: 18px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	background-color: inherit !important;
    background: inherit !important;
    background-image: inherit !important;
    box-shadow: inherit !important;
    color: #dbe464 !important;
    /* border-bottom: 4px solid #dbe464; */
    padding-bottom: 14px;
    padding-top: 18px;
}
header .navbar-nav .logo{
    float: left;
    padding-top: 0 !important;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

@media (min-width: 768px)
{
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 5px;
}}
.navbar .navbar-collapse {
	text-align: center;
    background: #1f7972;
}
.navbar-default {
	background-color: #1f7972;
    border-top: inherit;
    border-radius: inherit;
    border-right: inherit;
    border-bottom: 4px solid #2957a4;
}

@media (max-width:768px){
.navbar-default .navbar-nav>li>a {
    font-weight: 500;
    transition: .3s all;
    border-left: inherit;
}
header .rs {
    margin-top: 6px !important;
}
}
header .rs {
       margin-top: 32px;
}
header .rs a {
	margin-left: 5px;
    transition: .2s all;
}
header .rs12 a:hover {
    opacity: .7;
}
header .espace{
	width: 154px;
	height: 68px;
	background: url('../img/espace.png') no-repeat;
	background-size: 100%;
	margin-bottom: 3px;
	
}
header .shop{
	width: 153px;
	height: 68px;
	background: url('../img/shop.png') no-repeat;
	background-size: 100%;
	margin-bottom: 3px;	
}
/*@media (max-width:468px){
header .espace, header .shop {
    width: 93px;
	height: 78px; }
}*/
header .rs12 a{
	float: right;
}

header div#submenu {
	display: none;
	padding-top: 14px;
    padding-bottom: 14px;
}
header li:hover{
	position: static;
}
header li:hover div#submenu {
	display: block;
}
@media (min-width:768px){
header .logo2{
	    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 65px;
}
div#submenu {
    position: absolute;
    background: #2957a4;
    z-index: 99;
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

li.cat-item {
    float: left;
    margin-left: 20px;
}
ul.children li{
    float: inherit;
    margin-left: 0;
}
}
#submenu ul{
	list-style: none;
	background: #2957a4;
}
#submenu ul a{
	color: #fff;
	font-size: 15px;
	transition: .2s;
}
#submenu ul .catp{
	font-weight : bold;
	font-size : 18px;
}
#submenu ul a:hover::after{
	content: '';
	border-style: inherit;
    border-width: 0 0px 0px 0px;
	border-color: inherit;
}
#submenu ul a:hover{
	color: #dbe464;
}
.sous-menu li{
	border-left: 1px solid #fff;
	padding-left: 24px;
}
@media (min-width: 768px){
.submenu .submenu12{
	padding-bottom: 20px;
}}
div.li1 .submenu12{
	padding-left: 0;
}
div.li1 li{
    border-left: inherit;
	padding-left: 0;
}
.rs input, .rs button{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 92%;
    background: #2957a4;
    height: 49px;
    border: inherit;
    text-align: center;
    color: #fff;
}
@media (max-width:480px) {
	.rs input, .rs button {
		    width: 90.5%;
    }
    
}
@media (min-width:480px) and (max-width:780px){
	.rs input, .rs button {
		width: 70.5%;
	}
}
@media (min-width:781px) and (max-width:1025px) {
	.rs input, .rs button {
		width: 52.5%;
	}
}
.rs button{
	font-size: 37px;
    padding-top: 4px;
	display : none;
}
.rs input::-webkit-input-placeholder {
  color: #fff;
  opacity : 0.9;
}
.submenucat {
    margin-top: 14px;
}
@media (max-width: 768px){
.submenucat {
    margin-top: 4px;

}	
}

/************************************************************************************************************************************************************************************************************************************/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 220px) and (max-width: 767px) { 
    div#submenu {
        position: absolute;
        background: #2957a4;
        z-index: 99;
        width: 50%;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
    }   
}