/* CSS Document */

#Haut            {float:left; width:100%; position:relative; border-bottom: 3px solid #40ab48;}
#HautMob         {display: none;}
#LogoH            {margin: 10px 0 20px 0; height: 120px;}
#LogoH2    {display: none;}

.MenuH            {display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; background: #f7f7f7; margin-bottom: 3px; font-family: 'caviar_dreamsbold', Arial, sans-serif; color: #eb6a1d; font-size: 1.2rem; padding: 0 20px;}
	.MenuH a	{position: relative;}
	.MenuH a:link, .MenuH a:visited	{text-decoration:none; color:#eb6a1d;}
	.MenuH a:hover					{text-decoration:none; color:#ffffff;}
.MenuH2            {line-height: 16px; padding-top: 8px; height: 42px;}
.MenuB {display:none;}
.SepMenuB {display:none;}

@media only screen and (max-width:910px) {
    .MenuH    {font-size: 1.0rem;}
}

@media only screen and (max-width:820px) {
    .MenuH    {padding: 0 10px;}
    .MenuH2   {padding-top: 8px;}
    #LogoH    {display: none;}
    #LogoH2    {display:inline-block; margin: 10px 0 20px 0; height: 50px;}
}

@media only screen and (max-width:670px) {
    #Haut {display: none;}
    #HautMob {display: block; width:100%; height:52px; background-color:#f3f3f3; border-bottom: 1px solid #dddddd; position:fixed; z-index:1000;}
    #MenuMob {float:left; border-right: 1px solid #dddddd; background-image:url(../../images/icone/menu.png); width:52px; height:52px;}
    #LogoMob {position:absolute; top:0; left:0; padding: 9px 0; width:100%; text-align:center;}
    #LogoMob img {height: 35px;}
    #ContactMob {position:absolute; top:0; right:0; padding:0; border-left: 1px solid #dddddd;}
    .MenuH {display:none;}
    .MenuB {display:block;}
    .SepMenuB {display:block; float:left; width:100%; margin-top:13px; height:40px;}
}