nav.mobile { position:absolute; top:100%;}
nav.mobile .content{position:absolute; max-width:480px; !important; left:0}
nav.mobile .content ul{margin:0;max-width:480px;position:absolute;background:#64899e;padding:10px 0 15px 0}
nav.mobile .content ul li ul{left:480px;top:0;background:#64899e;padding-top:0}
nav.mobile ul li ul,nav.mobile ul li.current ul li ul,nav.mobile ul li.current ul li.current ul li ul nav.mobile ul li.current ul li.current ul li.current ul li ul,nav.mobile ul li.current ul li.current ul li.current ul li.current ul li ul,nav.mobile ul li.current ul li.current ul li.current ul li.current ul li.current ul li ul{display:none}
nav.mobile ul li.current>ul,nav.mobile ul li.current ul li.current>ul,nav.mobile ul li.current ul li.current ul li.current>ul,nav.mobile ul li.current ul li.current ul li.current ul li.current>ul,nav.mobile ul li.current ul li.current ul li.current ul li.current ul li.current>ul,nav.mobile ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current>ul{display:block}

nav.mobile .content li{ max-width:480px; border:0 !important;}
nav.mobile .content li a{ display:block; height:auto !important; font:bold 13px 'Open Sans', sans-serif; text-align:left; background:#64899e url(../images/menu_mobile_fr.png) no-repeat 15px 15px; padding:10px 25px !important;}
nav.mobile .content li a{color:#fff; text-decoration:none; background:#64899e url(../images/menu_mobile_fr.png) no-repeat 15px 14px; }
nav.mobile .content li a:hover{color:#244b61;}
nav.mobile .content li a span{ display:block; padding:0;}

nav.mobile .content li ul{ padding:0 !important;}
nav.mobile .content li li.title:first-child{ display:none;}
nav.mobile .content li li.title a{color:#fff;text-transform:uppercase; text-align:right; background:#557d93 url(../images/ico_back.png) no-repeat 15px 50%;}
nav.mobile .content li li a{}