/* 
*----------------------------------------------------------
*   HEADER
*----------------------------------------------------------
 */

 #header{
    width: 1000px;
    margin: 10px auto 0 auto;
 }

#header .socials{
    display: inline-block;
    float: right;
    margin-top: -5px;
}

#header .socials .icons{
    list-style: none;
    display: inline-block;
    margin:3px;
}

#header .socials .icons li{
    float: left;
    margin-right: 8px;
}

#header .socials .icons li img{
    width: 27px;
    height: 27px;
}

#header .language_selector{
    display: inline-block;
    float: right;
}

#header .language_selector ul{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 6px;
}
#header .language_selector li{
    float: left;
    margin-right: 10px;
}

#logo {
    display: inline-block;
    float: left;
    position: relative;
    left: -5px;
    top: 2px;
}

.language_selector{
    float: right;
}


/* 
*----------------------------------------------------------
*	MENU
*----------------------------------------------------------
*/

#menu {
    display: inline-block;
    color: #fff;
    width: 100%;
    background:#0d8692;
    position:relative;
    z-index:99;
}


/* 
*----------------------------------------------------------
*	RECHERCHE
*----------------------------------------------------------
*/

.recherche{
    display: inline-block;
    position: absolute;
    right: 0;
    top: -9px;
    background: #F4B316;
    padding: 8px 15px;
}

.recherche:before{
    content: "";
    display: inline-block;
    background: url(../images/bonhomme.png) no-repeat;
    width: 93px;
    height: 107px;
    position: absolute;
    left: 6px;
    top: -107px;
}

.recherche span{
    font-family: segoe ui light;
    font-size: 18px;
    color: #0d8692;
    position: absolute;
    top: -55px;
    left: 103px;
    line-height: 24px;
}

.recherche span strong{
   font-family: segoe ui;
   font-weight:900;
   font-size:21px;
}