body{
margin: 0;
background: #ccc url(https://www.cost-co.fr/images/interface/cost_01.jpg);
font-family:Verdana;
font-size:12px;
color: #13378b; /*bleu*/
}

.orange-text{
  /*color: #EE902D;*/
  color: #13378b;
}
.black-text{
  color: #000;
}
.blue-text{
  color: #13378b;
}

h2, h3, h4, p, #texte div, br{
margin:0;
padding:0 ;
}
h2 {
padding-bottom:5px;
}
p, #texte div{
padding-bottom:20px;
}
li p{
margin:0;
padding:0 ;
}
ul {
margin-top:0;
margin-bottom:0;
}
#contenu li {
list-style-image:url(https://www.cost-co.fr/images/puce_orange.png);
}


#contenu li li {
list-style-image:url(https://www.cost-co.fr/images/square_orange.png);
}
A, A:visited{
text-decoration:none;
color:#ee902d;
font-weight:bold;
}

A:hover{
text-decoration:underline;
}
img {
border:0;
}
#logo, #ban_centre{
float:left;
margin-top: 20px;
}
#header{
height:90px;
}
#ban_centre{
width: 613px;
height: 60px;
float:left;
}
#adresse{
font-weight: bold;
font-size: 10px;
padding: 7px 14px 0 0;
float: right;
height: 109px;
}
#lien_plaquette{
color:#f1902c;
text-transform:uppercase;
text-decoration:underline;
font-size:13px;
padding-top:5px;
}
#page{
width:1000px;
margin-left:auto;
margin-right:auto;
border-top-left-radius:24px;
border-top-right-radius:24px;
background: #fff;
}
#contenu{
min-height:400px;
}

#texte{
background-repeat:no-repeat;
font-family:arial;
font-size:14px;
line-height:22px;
text-align:justify;
min-height:450px;
padding: 25px 25px 0 25px;
color:#13378b; /*bleu*/
float:left;
width:950px;
}

#texte h1{
margin: 0 0 10px 0;
padding: 0;
text-align:left;
font-size:22px;
color: #012b97;
line-height:31px;
}

#layerslider{
  width: 950px;
  height: 282px;
  margin: 20px auto 20px auto;
}

#layerslider .big-slider-text{
  font-size: 40px;
  color: #F2902D;
  left: 25px; 
  top: 100px;
}

#layerslider .secondary-text{
  font-size: 20px;
  left: 75px; 
  top: 160px;
  background:url(https://www.cost-co.fr/images/interface/secondarybg.png);
  padding: 1px;
  durationin: 2000; 
  slidedirection: right; 
  easingin: easeOutExpo;
}

#layerslider .secondary-text2{
  font-size: 20px;
  left: 75px; 
  top: 190px;
  background:url(https://www.cost-co.fr/images/interface/secondarybg.png);
  padding: 1px;
  durationin: 2000; 
  slidedirection: right; 
  easingin: easeOutExpo;
}

#layerslider .secondary-text3{
  font-size: 20px;
  left: 75px; 
  top: 220px;
  background:url(https://www.cost-co.fr/images/interface/secondarybg.png);
  padding: 1px;
  durationin: 2000; 
  slidedirection: right; 
  easingin: easeOutExpo;
}

#layerslider .navbarmenu{
   position: absolute;
   color: #FFF;
   height: 41px;
   line-height: 41px;
   background: url(https://www.cost-co.fr/images/interface/bandeau-fond-texte-haut.jpg) no-repeat top right;
   width: 950px;
   z-index:1;
}

#layerslider .navbarmenu .navarrow{
  background: url(https://www.cost-co.fr/images/interface/arrow.png) no-repeat right;
  padding: 0px 0px 0 26px;
}

#layerslider .navbarmenu .navseparator{
  background: url(https://www.cost-co.fr/images/interface/menu_sepa.jpg) no-repeat right;
  float: left;
  width: 1px;
  height: 41px;
}

#layerslider .navbarmenu a{
  color: #FFF;
  font-weight: normal;
  padding: 0 20px 0 20px;
  display: block;
  float: left;
}

#layerslider .more-info{
   z-index:1;
   top: 257px;
   left: 30px;
}

#layerslider .ls-s3 a{
   color: #FFF;
   font-weight: normal;
   padding: 0 10px 0 10px;
}

#texte #home-content-logo{
   float: left;
   width: 49px;
   height: 43px;
   padding-right: 20px;
}

#texte div.blue-round-container, div.blue-round-container,  #texte div.blue-round-container div, div.blue-round-container div{
  display: block;
  padding:0;
  height: 31px;
  line-height: 31px;
  background:none;
}
#texte div.blue-round-container{
  padding-bottom: 25px;
}
#texte div.blue-round-container .round-left{
  float: left;
  width: 7px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_20.png) no-repeat right top;
}
#texte div.blue-round-container .round-content{
  float: left;
  color: #fff;
  min-width: 190px;
  padding-left: 10px;
  background-color: #708ed2;
}
#texte div.blue-round-container .round-right{
  float: left;
  width: 7px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_17.png) no-repeat right top;
}

#contenu #action-tabs li{
  list-style: none;
}

#contenu #action_buttons{
  margin-left: 280px;
}

#texte div.blue-button-container, #texte div.blue-button-container div{
  display: block;
  padding:0;
  height: 87px;
  background:none;
}
#texte div.blue-button-container{
  padding: 0 25px 25px 0;
  float: left;
}
#texte div.blue-button-container .round-left{
  float: left;
  width: 11px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_43.png) no-repeat right top;
}
#texte div.blue-button-container .round-content{
  float: left;
  color: #fff;
  font-weight: bold;
  width: 140px;
  height: 77px;
  padding: 5px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_45.jpg) repeat-x right top;
}
#texte div.blue-button-container .round-content p{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 77px;
}
#texte div.blue-button-container .round-right{
  float: left;
  width: 11px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_48.png) no-repeat right top;
}

.box-block{
  padding-top: 10px;
}

.grey-round-container, .grey-round-container div{
  display: block;
  padding:0;
  height: 31px;
  line-height: 31px;
  background:none;
}
.grey-round-container .round-icon{
  position: absolute;
  float: left;
  width: 49px;
  height: 43px;
  background: url(https://www.cost-co.fr/images/interface/loupe_events.png) no-repeat top right;
}
.grey-round-container .round-left{
  float: left;
  width: 7px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_20.png) no-repeat right top;
}
.grey-round-container .round-content{
  float: left;
  color: #fff;
  width: 170px;
  padding: 0 0 0 30px;
  background-color: #bababa;
  font-size: 17px;
  line-height: 31px;
  margin: 0;
  text-align: center;
}
.grey-round-container .round-right{
  float: left;
  width: 7px;
  background: #fff url(https://www.cost-co.fr/images/interface/cost_22.png) no-repeat right top;
}

.grey-box{
  background: url(https://www.cost-co.fr/images/interface/cost_28.jpg) no-repeat top right;
  width: 257px;
  padding-top: 8px;
  margin-top: 3px;
}

.grey-box .box-content{
  border-left: 1px solid #D4D8DB;
  border-right: 1px solid #D4D8DB;
  padding: 0 8px 0 8px;
  min-height: 50px;
  text-align: justify;
}

.grey-box .box-bottom{
  background: url(https://www.cost-co.fr/images/interface/cost_30.jpg) no-repeat top right;
  height: 8px;
  width: 214px;
}


.grey-box-v2{
  background: url(https://www.cost-co.fr/images/interface/cost-co_Box-top.jpg) no-repeat top right;
  width: 257px;
  padding-top:32px;
}

.grey-box-v2 .box-content{
  min-height: 50px;
  text-align: justify;
  padding: 0 24px 0 24px;
  background: url(https://www.cost-co.fr/images/interface/cost-co_Box-middle.jpg) repeat-y top right;
}

.grey-box-v2 .box-content .title{
  font-family: arial;
  font-weight: bold;
  font-size: 15px;
  color: #f0902d;
}

.grey-box-v2 .box-content .subtitle{
  font-family: 'arial narrow';
  font-weight: normal;
  font-size: 15px;
  color: #0d3083;
}

.grey-box-v2 .box-content .box-separator{
  width:187px;
  height:26px;
  background: url(https://www.cost-co.fr/images/interface/separation.jpg) no-repeat top left;
}

.grey-box-v2 .box-content p{
  margin:0;
  padding: 0;
}

.grey-box-v2 .box-bottom{
  background: url(https://www.cost-co.fr/images/interface/cost-co_Box-bottom.jpg) no-repeat top right;
  height: 32px;
  width: 257px;
}

i{
font-size:smaller;
line-height:14px;
}

#colonne_logos{
float:right;
padding: 20px 25px 10px 0;
width:257px;
font-family: arial;
font-size:12px;
}

div.clr, #texte div.clr{
 padding: 0;
 margin: 0;
 clear: both;
}

.clr{
clear:both;
}

#tampon{
padding-bottom:90px;
}
#reducteur_slogan{
color:#0e3083;
font-weight:bold;
padding:10px;
height:30px;
padding-left:12px
}
#reducteur_slogan A, #reducteur_slogan A:visited{
color:#0e3083;
font-weight:bold;

}
#reducteur_slogan marquee{
width:400px;
}

ul.sommaire_list{
background-color:#D3E3F8;
border:1px solid  #0E3083;
padding:0;
margin:0;
width:100%;
}
ul.sommaire_list li{

list-style-type:none;
}
#contenu ul.sommaire_list li{
list-style-image:none;
}
ul.sommaire_list li{
text-align:center;
color:#fff;
padding:0;
margin:0;
font-weight:bold;
background-color:#6080c0;
text-transform:uppercase;
}
ul.sommaire_list li A, ul.sommaire_list li A:visited{
color:#fff;
text-transform:none;
}
ul.sommaire_list li li A, ul.sommaire_list li li A:visited{

color:#ff6600;
}
ul.sommaire_list li ul ul A, ul.sommaire_list li ul ul A:visited{

font-weight:normal;
}
ul.sommaire_list li li{
text-align:left;

color:#ff6600;
background-color:#D3E3F8;
background-repeat:no-repeat;
padding:0;
margin:0;
}
ul.sommaire_list li li li li A, ul.sommaire_list li li li li A:visited {
text-transform:none;
}
ul.sommaire_list li li li, ul.sommaire_list li li li A, ul.sommaire_list li li li A:visited{
font-weight:bold;
}
ul.sommaire_list li li li li, ul.sommaire_list li li li li A, ul.sommaire_list li li li li A:visited{
font-weight:normal;
}
ul.sommaire_list li li{

color:#0E3083;
}
ul.sommaire_list li li A {
color:#ff6600;
text-transform:none;
}
ul.sommaire_list li ul{
background-color:#D3E3F8;
padding-left:8px;
margin-left:0;
}
ul.sommaire_list li ul ul {
padding-left:20px;
}
#m3username{
margin-left:59px;
}
/**
Path
*/
div#path{
margin:0;
padding:0;
border-bottom: 1px dotted #0E3083;
color:#ee902d;
}
#path, #path A, #path A:visited{
font-size:10px;
font-family: arial;
font-weight: bold;
}
#path .breadcrumb{
padding: 0;
}
#liensommaire A{
padding-top:10px;
font-size:14px;
}
#liensommaire{
border-bottom: 1px dotted #0E3083;
}
ul.sommaire_list2 li li li{
font-weight:normal;
}
 ul.sommaire_list2 li li li A , ul.sommaire_list2 li li li A:visited{
font-weight:normal;
text-transform:none;
}
legend{
color:#f0902d;
font-weight:bold;
}
table, th, td{
border: 1px solid #0E3083;
}
th{
text-align:center;
}
.etape{

width:510px;
background-image:url(https://www.cost-co.fr/fleche.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom: 80px;
font-weight:normal;
color:black;
}
.etapeend{

width:510px;

padding-bottom: 80px;
font-weight:normal;
color:black;
}
.nbre{
border:1px solid black;

padding-top:10px;
text-align:center;
border-right:1px solid black;
background-color:#ccc;
vertical-align:middle;
width:50px;
float:left;
padding-bottom:10px;
}
.etpe{
border:1px solid black;
text-align:center;
background-color:#88a2ed;
padding-top:10px;
float:left;
margin:0;
width:450px;
padding-bottom:10px;
padding-left: 5px;

}
.clr{
clear:both;
}
div.hidden{
height:0;
padding:0;
margin:0;

display:none;
}
#texte fieldset div {
padding-bottom:0;
}
#menu_bas{
font-size:10px;
color:#012b97;
width:1000px;
height: 20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#menu_bas A, #menu_bas A:visited {
color:#fff
}
#real{
width:1000px;
margin-left:auto;
margin-right:auto;
padding: 10px 0 10px 0;
font-size:9px;
text-align:center;
color:#012b97;
background: url(https://www.cost-co.fr/images/interface/baseline.png) no-repeat top right;
height: 190px;
}
#real A, #real A:visited{
font-size:12px;
text-align:right;
color:#012b97;
}


/* STYLE PAGE INTERNE */

#colonne_menu_gauche{
float:left;
padding: 20px 0 10px 25px;
width:232px;
font-family: arial;
font-size:12px;
}

.menu-box-block{
  padding-top:10px;
}

.menu-box-v2{
  background: url(https://www.cost-co.fr/images/interface/menu-niveau1_01.jpg) no-repeat top right;
  width: 214px;
  padding-top:8px;
}

.menu-box-v2 .box-content{
  min-height: 50px;
  text-align: justify;
  padding: 0;
  background: #A4A4A4;
}

.menu-box-v2 .title{
  margin: 0;
  padding: 0 0 0 10px;
  height: 33px;
  line-height: 33px;
  font-family: arial;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  text-shadow: 0px 3px 3px #111;
  background: url(https://www.cost-co.fr/images/interface/menu-niveau1_02.jpg) no-repeat top right;
  border-bottom: 1px solid #A4A4A4;
}

.menu-box-v2 .title a{
  font-family: arial;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
}

.menu-box-v2 .title.first{
  background: none;
  margin-top: -8px;
}

.menu-box-v2 .title.last{
  
}

.menu-box-v2 .box-content p{
  margin:0;
  padding: 0;
}

.menu-box-v2 .box-content .niveau-1{
  margin:0;
  padding:0;
  height:37px;
  line-height:37px;
  vertical-align: middle;
  background: url(https://www.cost-co.fr/images/interface/niveau-1.jpg);
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-1 a{
  font-family: arial;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-1 .arrow{
  background: url(https://www.cost-co.fr/images/interface/arrow-blue.png) no-repeat 5px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0 10px 0 0;
}

.menu-box-v2 .box-content .niveau-2 .arrow{
  background: url(https://www.cost-co.fr/images/interface/puce.png) no-repeat 5px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0 10px 0 0;
}

.menu-box-v2 .box-content .niveau-2{
  margin:0;
  padding:0;
  height:37px;
  line-height:37px;
  vertical-align: middle;
  color: #fff;
  background: #a6a4a5;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-2 a{
  font-family: arial;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-2.last{
  border-bottom: 1px solid orange;
}

.menu-box-v2 .box-content .niveau-3 .arrow{
  background: url(https://www.cost-co.fr/images/interface/arrow-menu-gris.jpg) no-repeat 20px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0 10px 0 15px;
}

.menu-box-v2 .box-content .niveau-3{
  margin:0;
  padding:0;
  height:20px;
  line-height:20px;
  vertical-align: middle;
  color: #fff;
  background: #AFAFAF;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-3 a{
  font-family: arial;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

.menu-box-v2 .box-content .niveau-3.last{
  border-bottom: 1px solid orange;
}

.menu-box-v2 .box-bottom{
 background: url(https://www.cost-co.fr/images/interface/menu-niveau1_03.jpg) no-repeat top right;
 height: 34px;
 width:214px;
}


#texte.page-interne{
  width:668px;
}

#texte.page-interne h1{
  margin: 0 0 10px 0;
  padding: 0;
  text-align:left;
  font-size:18px;
  color: #13378b;
  line-height:31px;
  border-bottom: 1px solid #414042;
}

#texte.page-interne .asterisk{
  font-weight: normal;
  font-size:11px;
  font-style: normal;
}

#texte.page-interne strong{
  font-weight: bold;
  font-size:14px;
  font-style: normal;
}

#contenu #texte.page-interne li{
  list-style-image: none;
}

#texte.page-interne ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#texte.page-interne ul li{
  background-repeat: no-repeat;
  background-position: 10px 5px; 
  padding-left: 25px;
}

#texte.page-interne ul{
  margin-bottom: 20px;
}

#texte.page-interne ul.first-level li{
  background-image: url(https://www.cost-co.fr/images/interface/puce-blue.jpg);
  color: #13378b;
  font-weight: normal;
  font-size:  13px;
}

#texte.page-interne ul.second-level li{
  background-image: url(https://www.cost-co.fr/images/interface/puce-orange.jpg);
  color: #13378b;
  font-weight: normal;
  font-size:  13px;
}

#texte.page-interne ul.third-level li{
  background-image: url(https://www.cost-co.fr/images/interface/puce-gris.jpg);
  color: #13378B;
  font-weight: normal;
  font-size:  13px;
}

#texte.page-interne ul.fourth-level li{
  background-image: url(https://www.cost-co.fr/images/interface/puce-noire.jpg);
  color: #888a8c;
  font-weight: normal;
  font-size:  13px;
}

#texte.page-interne .recapcontainer {
  width: 694px;
  min-height: 194px;
  margin:0 0 20px 0;
  padding:0;
  
}

#texte.page-interne .recapheader {
  background: url(https://www.cost-co.fr/images/interface/recapheader.jpg) no-repeat top right;
  width: 644px;
  height: 41px;
  line-height: 41px;
  margin:0;
  padding:0 50px 0 0;
  color: #FFF;
  text-align: right;
  font-weight: bold;
  font-size: 22px;
}

#texte.page-interne .recapcontent {
  background: #e4e4e4 url(https://www.cost-co.fr/images/interface/recapfooter.jpg) no-repeat bottom right;
  width: 654px;
  margin:0;
  padding: 0 20px 60px 20px;
}

#texte.page-interne .recapcontent .puce-tableau-1{
  background: url(https://www.cost-co.fr/images/interface/puce-tableau/puce-tableau-niv1.jpg) left center no-repeat;
  width: 20px;
  height: 15px;
  float: left;
  margin: 20px 0 0 0;
}

#texte.page-interne .recapcontent .puce-tableau-2{
  background: url(https://www.cost-co.fr/images/interface/puce-tableau/puce-tableau-niv2.jpg) left center no-repeat;
  width: 20px;
  height: 15px;
  float: left;
  margin: 10px 0 0 20px;
}

#texte.page-interne .recapcontent .puce-tableau-4{
  background: url(https://www.cost-co.fr/images/interface/puce-tableau/puce-tableau-niv4.jpg) left center no-repeat;
  width: 20px;
  height: 15px;
  float: left;
  margin: 5px 0 0 40px;
}

#texte.page-interne .recapcontent a{
  text-decoration: none;
  text-align:left;
  font-weight: bold;
}

#texte.page-interne .recapcontent h2{
  margin: 20px 0 0 0;
  padding: 0;
  float: left;
  width: 620px;
  border-bottom: 1px solid #ee902d;
}

#texte.page-interne .recapcontent h2 a{
  font-size:15px;
  color: #13378b;
  line-height:16px;
}

#texte.page-interne .recapcontent h3{
  margin: 10px 0 0 0;
}

#texte.page-interne .recapcontent h3 a{
  font-size:15px;
  color: #ee902d;
  line-height:16px;
}

#texte.page-interne .recapcontent h4{
  margin: 10px 0 0 0;
  padding: 0 0 0 40px;
}

#texte.page-interne .recapcontent h4 a{
  font-size:14px;
  color: #414042;
  line-height:16px;
}

#texte.page-interne .recapcontent h5{
  margin: 5px 0 0 0;
}

#texte.page-interne .recapcontent h5 a{
  font-size:12px;
  font-weight: normal;
  color: #414042;
  line-height:16px;
}

/* FORMULAIRE */
#texte.page-interne .error_message{
   padding-bottom: 0;
}
#texte.page-interne .error_message li{
   color: red;
}
/* FORMULAIRE END */



/* tree navigation buttons */

.tree-detail-nav{
  padding-top: 20px;
}

.tree-wrapper{
  float:left;
  width: 222px;
  height: 32px;
}

.tree-bouton, .tree-bouton div{
  float: left;
}

.tree-left, .tree-right {
  width: 19px;
  height: 32px;
}

.tree-middle{
  height: 32px;
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-precedent-repeat.jpg) repeat-x top left;
}

a.tree-bouton{
  display: block;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  font-size: 13px;
}

.tree-bouton.tree-previous .tree-left{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-precedent-gauche.jpg) no-repeat top left;
}

.tree-bouton.tree-previous .tree-right{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-precedent-droite.jpg) no-repeat top left;
}

.tree-bouton.tree-up{
  margin-left: 80px;
}

.tree-bouton.tree-up .tree-left{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-suivant-gauche.jpg) no-repeat top left;
}

.tree-bouton.tree-up .tree-right{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-precedent-droite.jpg) no-repeat top left;
}

.tree-bouton.tree-next{
  margin-left: 94px;
}

.tree-bouton.tree-next .tree-left{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-suivant-gauche.jpg) no-repeat top left;
}

.tree-bouton.tree-next .tree-right{
  background: url(https://www.cost-co.fr/images/interface/bouton/bouton-suivant-droite.jpg) no-repeat top left;
}
/* Stylesheet: screen_new Modified On 2014-02-08 04:51:37 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

dfn {
display:none;
}
#menu{
background-image:url(https://www.cost-co.fr/images/interface/menu_bg.jpg);
background-repeat:repeat-x;
height:41px;
padding: 0;
}

#menu #menu-loupe{
  position: absolute;
  margin-top: -5px;
  margin-left: 180px;
}

#menu .menu-pin-down, #menu .menu-pin-lock{
  padding-left: 2px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper {
   /* Fix for Opera 8 */
   /*   overflow: hidden;  */
position:relative;
left:250px;

   width: 750px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
   width: 200px;
}


/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
   list-style: none;

   margin: 0px;
   padding: 0px;
}
#primary-nav ul {
   position: absolute;
   top: auto;

   display: none;
}
#primary-nav ul ul {
   margin-top: 1px;
   margin-left: -1px;
   left: 100%;
   top: 0px;
}

#primary-nav li {
   margin-left: -1px;
   float: left;
}
#primary-nav li li {
   margin-left: 0px;
   background: url(https://www.cost-co.fr/images/interface/menu_bg.jpg);
   margin-top: -1px;
   float: none;
   position: relative;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
   display: block;
   margin: 0px;
   padding: 0 4px 0 4px;
   height: 41px;
   line-height:37px;
   text-decoration: none;
   color: #000;
   font-weight:bold;
}
#primary-nav>li {
   background: url(https://www.cost-co.fr/images/interface/separator.png) no-repeat top right;
   padding-right: 8px;
}
#primary-nav li li a {
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
}
#primary-nav li, #primary-nav li.menuparent {
    z-index: 999999;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
   /*background: url(https://www.cost-co.fr/images/interface/menu_bg_ov.jpg);*/
   color:#0e3083;
}
#primary-nav li.menuactive li A { color:#000; }
#primary-nav li.menuactive A.menuactive { 
background: url(https://www.cost-co.fr/images/interface/menu_bg_ov.jpg);
color:#0e3083; 
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent,
#primary-nav ul li.menuparenth{
/* arrow for menuparents */
   background-image: url(https://www.cost-co.fr/images/interface/menu_bg_arrow.jpg);
   background-position: center right;
   background-repeat: no-repeat;
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
   /*background-color: #ffa020;*/
   /*background: url(https://www.cost-co.fr/images/interface/menu_bg_ov.jpg); */  
}

#primary-nav li.menuparent a:hover {
    height:41px;
    background: url(https://www.cost-co.fr/images/interface/menu_bg_ov.jpg);
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
}

/* add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
   display: block;
}


/* IE Hacks */
#primary-nav li li {
   float: left;
   clear: both;
}
#primary-nav li li a {

}
/* Stylesheet: menu_new Modified On 2013-09-05 15:53:32 */