/* MENU */
.topCat {
  height:33px;
  position:relative;
  z-index:15;
  
}

.topCat i { font-size:8px;}

.topCat ul.tabs {
  display:block;
  font-size:12px;
  height:30px;
  position:absolute;
  top:2px;
  padding: 0;
  margin: 0;
}

.topCat .liTab, .topCat .liTab:hover {
  display:inline-block;
  height:30px;
  margin:0 1px 0 0;
  width:145px;
  float: left;
  cursor: pointer;
}

.topCat .large, .topCat .large:hover {
  width:200px;
}

.topCat .liTab.selected {}

.topCat .liTab a.catNameLast {
  background-color:transparent;
  background-position:initial initial;
  background-repeat:initial initial;
  color:#FFFFFF;
  display:block;
  font-family: 'Archivo Narrow', Arial, sans serif; font-weight: 400;
  font-size: 1.2em;
  font-weight: 400;
  height:30px;
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  width:145px;

}

.topCat .liTab a.catName, .topCat .liTab a.catName:hover {
  background-position:initial initial;
  background-repeat:initial initial;
  color:#FFFFFF;
  display:block;
  font-family: 'Archivo Narrow', Arial, sans serif; font-weight: 400;
  font-size:1.2em;
  
  height:30px;
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  width:145px;

}

.topCat .large a.catName, .topCat .large a.catName:hover {
  width:139px;
}

.topCat .liTab.selected a.catName {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f08323, endColorstr=#f08323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f08323, endColorstr=#f08323)";
    background: -webkit-gradient(linear, left top, left bottom, from(#f08323), to(#f08323));
    background: -moz-linear-gradient(#f08323, #f08323) repeat scroll 0 0 #f08323;
    color:#FFFFFF;
}

.topCat .liTab a.catName span {
  /* background-image:url(../images/ico-triangle-bas.gif); */
  background-position:98% 80%;
  background-repeat:no-repeat;
  display:inline-block;
  height:30px;
  line-height: 14px;
  padding-right:15px;
  line-height: 28px;
}

/* Contenu */
.topCat .worldInfo .contentTab {  left:5px; border:0; width:980px}
.topCat .contentTab {  height:0;  opacity:0;  overflow:hidden;  position:absolute;  top:30px; right:0; width:980px}

.topCat .contentTab div.inner {
    background: none repeat scroll 0 0 #f08323;
    border: 0px solid #000000;
    padding-bottom: 4px;
     -webkit-box-shadow:0 3px 5px #999;-moz-box-shadow:0 3px 5px #999; box-shadow:0 3px 5px #999;
}
.topCat .contentTab.selected {
    height: auto;
    opacity: 1;
    overflow: visible;
    z-index: 9;
}
.header_Menu { height:2px; background: none repeat scroll 0 0 #f08323;}
.topCat .contentTab .header_Menu {
    background: none repeat scroll 0 0 #f08323;
    padding: 10px;
    min-height: 20px;
}
.topCat .contentTab .header_Menu ul {
    width: auto;
    padding:0;
    margin:0;
}
.topCat .contentTab .header_Menu ul li {
    list-style-type: none;
    display: inline;
    float:left;
    border-right: 2px solid #FFFFFF;
    padding: 0 15px 0 15px;
    height:25px;
    line-height: 25px;
}
.topCat .contentTab .header_Menu ul li a, .topCat .contentTab .header_Menu ul li a:hover {
    font-family: 'Archivo Narrow', Arial, sans serif; font-weight: 400;
    color:#FFFFFF;
}

.topCat .contentTab .header_Menu ul li img {
       vertical-align: absmiddle;
}

.topCat .contentTab .catList {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: -4px;
    padding: 10px;
    min-height: 250px;
}
.topCat .contentTab .ads {
    background: url("/images/ombre-ads.png") repeat-x scroll 0 0 transparent;
    padding: 10px 10px 0;
}
.topCat .contentTab .ads .texte {
    float: left;
}
.topCat .contentTab .ads img {
    margin-right: 15px;
}

.topCat .contentTab .col {
    float: left;
    padding-right: 10px;
    width: 200px;
}

.topCat .contentTab .col a {
    /* background: url("/img/general/ico-triangle-droite.gif") no-repeat scroll 100% 60% transparent; */
    font-size: 1.1em;
    font: 15px/13px 'ArimoRegular',Arial, sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding-right: 0.1em;
    -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
}
.topCat .contentTab .col ul {
    /* list-style: square outside none; */
    list-style: none;
    margin: 0 0 0em 0em;
    padding: 0 0 0 2px;
}
.topCat .contentTab .col ul li {
    font: 15px/13px 'ArimoRegular',Arial, sans-serif;
    font-weight: 400;
}
.topCat .contentTab .col ul li:hover {
    background-color: #EAEAEA;
     -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}

.topCat .contentTab .col ul a {
    background: none repeat scroll 0 0 transparent;
    color: #141414;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
    text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-size:12px; 
        font-family:Arial;
}
.topCat .contentTab .col .more {
    font-weight: bold;
}
.topCat .contentTab .col a:hover {
    text-decoration: none;
    
}
.topCat .contentTab {
    left: 0;
}
.topCat .worldImag .contentTab {
    left: 128px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .clearfix {
    display: block;
}
.clearfix {
    display: inline-block;
}


.catList ul { width:210px; list-style-type: none; padding: 0; margin:0; float: left; }
.catList ul h5 { width:210px; font-size:15px; border-bottom: 1px solid #EAEAEA;}
.catList ul li { width:210px; font-size:13px; position: relative; height: 20px; padding: 0px 0px}
.catList ul li a { color:#333333}
.catList ul li:hover { background-color: #e9e9e9; color: #333333;  font-size:13px;  -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;}

/*
.catList ul.Sub { width: 250px; margin-left: 250px; position:absolute; opacity: 0; display:block}
.catList ul.Sub li { width: 250px; list-style-type: none; }
.catList ul.Sub li:hover { background-color: #eaeaea; }
.catList ul.Sub li a{ color:#a8a8a8; text-decoration: none}
*/
.catList ul li:hover > ul { display: block;}
.catList ul ul {
    border-radius: 0px; padding: 0;
    position: absolute; 
    z-index: 9999;
    top: 100%;
    left: 100%;
    width: auto;
    position: absolute; 
    display: none;
    background-color: #e9e9e9;
    padding:10px;
    margin-top:-24px;
    -moz-box-shadow: 0px 0px 8px 0px #656565;
    -webkit-box-shadow: 0px 0px 8px 0px #656565;
    -o-box-shadow: 0px 0px 8px 0px #656565;
    box-shadow: 0px 0px 8px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
    opacity: 0;

}
.catList ul ul li {
    color:#333333;
    float: none; 
    border-bottom: 1px solid #eaeaea;
    position: relative;
    width: 250px;
}
.catList ul ul li:hover {
        position: relative;
        display:block;
         -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: #a5a5a5;
        width: 100%
}
.catList ul ul li a {
    color: #333333;
    text-decoration:none;
}	
.catList ul ul li a:hover {

}

.topCat_gradient {background-image: -webkit-linear-gradient(top, #f27296 0%, #EC3B6E 100%);
background-image:    -moz-linear-gradient(top, #f27296 0%, #EC3B6E 100%);
background-image:     -ms-linear-gradient(top, #f27296 0%, #EC3B6E 100%);
background-image:      -o-linear-gradient(top, #f27296 0%, #EC3B6E 100%);
background-image:         linear-gradient(top, #f27296 0%, #EC3B6E 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f27296',endColorstr='#EC3B6E', GradientType=0);}
.topCat_transparent {
  background-color: transparent;
}
.topCat_transparent i { font-size: 15px; line-height: 30px;}
.topCat_transparent .liTab, .topCat_transparent .liTab:hover { width:120px}