#naviphone{padding:1px; display:block; margin:-80px 0 37px 0; background-color:white;position:relative; z-index:5}

form#naviphone select{width:200px;  margin:5px auto; display:block; font-size:12px;
  background-color:#89cb2c; border:none;}







/*** ESSENTIAL STYLES ***/
.sf-menu{padding:0 0 0 0px; margin:0;
     font-size:1.15em; font-weight: 700;
}
  
.sf-menu > li {position: relative; 
  -webkit-transition: background .2s; 
  transition: background .2s; 
    text-transform:uppercase; margin:0px;
margin: 10px 0px 0 50px;
      background: url('/squelettes/img/topmenu.gif') no-repeat;

}

.sf-menu > li > a {
	display: block;
	position: relative;
  text-decoration: none; zoom: 1;
  padding:2px 0px;
   text-transform:uppercase; 
color:#003D57;
}

.sf-menu > li:hover, .sf-menu > li > a.on {
background: url('/squelettes/img/topmenuhover.gif') repeat-x;
    color:#000;
}

.sf-menu > li:hover a{color:black;}

.sf-menu ul li a.on {
background-color:#dfdfdf;
}



.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
padding:0;
  box-shadow: 2px 2px 6px rgba(0,0,0,.2); 
  font-weight:600;
}


.sf-menu ul li{
  text-transform:none;
    font-size:0.95em; line-height:1.2em;
    background-color:#fff;
    display:block;
    margin:0 0 0 0px;
    width:250px; 
}

.sf-menu ul li a {
	display: block;
	position: relative;
  text-decoration: none; zoom: 1;
  padding:5px 20px;
      text-transform:none;
    border-bottom:1px solid #b5b5b5;
}
.sf-menu li a, .sf-menu li:hover li a{color:#9f0000}
.sf-menu li li:hover  a{color:white}
.sf-menu > li{}
.sf-menu > li:hover{}
.sf-menu li li:hover{color:white; background-color:#9F0000;}



.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display: block;}

   

.sf-menu li:hover, .sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;}


.sf-menu ul ul {top: 0; left: 100%;}










/* plus petit que 960*/
@media (max-width: 985px) {
.sf-menu li a { font-size:0.86em;}
.sf-menu > li {margin: 10px 0px 0 30px}

}


/* plus petit que 860*/
@media (max-width: 790px) {
.sf-menu li a { font-size:0.82em;}
.sf-menu > li {margin: 10px 0px 0 20px}

}







@media (min-width: 731px) {
#naviphone{display:none; width:100% ; }
}

@media (max-width: 730px) {
.sf-menu{display:none;}
}
























/*NAV MOBILE*/

#naviphone{background-color:#fff;}

#naviphone h4{
  margin-bottom: 5px; text-align:center; width:100%; background-color:#fff !important
}
#naviphone h4:hover{background-color:#fff !important;}

#naviphone h4.blocs_titre {
  padding-left: 0; text-align:center;
}
#naviphone{   padding:1px;}

#naviphone * {
  background-image: none;

}
#naviphone .cs_done a {
  margin: 5px 20px 0 20px!important;
  display: block;
text-align:center;
  padding:5px;
  border-radius: 5px;
text-transform:uppercase;
  background-color: #ccc;
  font-weight:900;
  text-decoration: none;
  color: #000;

}

#naviphone .cs_done a:hover{background-color:#9F0000; color:white;}


#naviphone .cs_done a:after {
  content: "\2630";
  float: right;
  color: black;
  font-size: 1.6em;
}

#naviphone .cs_done:hover a:after {

  color: white;

}

#naviphone .blocs_destination{font-size:1.2em !important}

#naviphone .blocs_destination > ul {
  border-top: 1px solid #989898;
  margin: 0px 20px 20px 20px !important;

  /* Old browsers */
}
#naviphone .blocs_destination ul {
  list-style-type: none;
}
#naviphone .blocs_destination ul a {
  color: black;
  text-decoration: none;
  padding: 10px 15px 5px ;
  display: block;
  text-align: left;
  border-bottom: 1px solid #989898;
  font-weight: 800;
}
#naviphone .blocs_destination ul a:hover {
  color: white;
  background-color: #9F0000;
}
#naviphone .blocs_destination ul ul a {
  padding-left: 20px;
  font-weight: 100;
}
#naviphone .blocs_destination ul ul a:before {
  content: "\279C \0020";
}
#naviphone .blocs_destination > ul li {
  text-align: left;
}
#naviphone ul {
  padding-left: 0em;
}