/************
MENU SERVICES
************/

.blocs_content .bloc.bloc_275.menu_services {
    background: none;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content {
    background: none;
    padding: 0;
    width: 275px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 {
    margin: -1px 0 0 -1px;
    padding: 0;
    list-style: none;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu {
    float: left;
    width: 277px;
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_close.png") no-repeat left top;
    margin: -5px 0 0 0;
    padding: 0;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.one {
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_close_top.png") no-repeat left top;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu a {
    display: block;
    float: left;
    width: 243px;
    /*height: 31px;*/
    height: 29px;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    color: #777777;
    /*padding: 16px 0 0 34px;*/
    padding: 18px 0 0 34px;
    background: transparent url("../../../Binaires/images/2011/global/puces/puce_services_off.png") no-repeat 16px 23px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu a,
x:-moz-any-link,
x:default {
    height: 31px;
    padding: 16px 0 0 34px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu a:hover {
    color: #0099cc;
    background: transparent url("../../../Binaires/images/2011/global/puces/puce_services_on.png") no-repeat 16px 23px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li ul.niveau2 {
    display: none;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open {
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_open.png") no-repeat left top;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.one.open {
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_open_top.png") no-repeat left top;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open ul.niveau2 {
    /*display: block;*/
    float: left;
    width: 277px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_sousmenu.png") repeat-y left top;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open ul.niveau2 li {
    margin: 0;
    padding: 0;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open ul.niveau2 li a {
    background: none;
    margin: 0;
    /*padding: 1px 0 0 34px;*/
    padding: 3px 0 0 34px;
    width: 243px;
    font-size: 14px;
    /*height: 19px;*/
    height: 17px;
    background: transparent url("../../../Binaires/images/2011/global/puces/puce_services_sm_off.png") no-repeat 24px 8px;
    text-decoration: none;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open ul.niveau2 li a,
x:-moz-any-link,
x:default {
    height: 19px;
    padding: 1px 0 0 34px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content ul.niveau1 li.sousmenu.open ul.niveau2 li a:hover {
    background: transparent url("../../../Binaires/images/2011/global/puces/puce_services_sm_on.png") no-repeat 24px 8px;
}

.blocs_content .bloc.bloc_275.menu_services .bloc_content .menu_services_bottom {
    float: left;
    width: 277px;
    height: 7px;
    margin: -6px 0 0 -1px;
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_services_bottom.png") no-repeat left top;
}


/**************
TABLEAU ONGLETS
**************/

.blocs_content .bloc.bloc_700.onglets {
    background: transparent url("../../../Binaires/images/2011/menu/bg_top_onglets_700.png") no-repeat;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content {
    background: transparent url("../../../Binaires/images/2011/menu/bg_bottom_onglets_700.gif") no-repeat left bottom;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left {
    float: left;
    width: 185px;
    margin: 1px 0 5px 1px;
    min-height: 200px;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left h2 {
    display: block;
    width: 157px;
    height: 63px;
    margin: 0;
    padding: 11px 14px 0 14px;
    font-size: 14px;
    color: #0099cc;
    text-shadow: 0 1px 0 #ffffff;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul {
    display: block;
    float: left;
    width: 185px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li {
    display: block;
    color: #666666;
    display: block;
    width: 171px;
    height: 29px;
    margin: 0;
    padding: 11px 0 0 14px;
    /*padding: 11px 0 0 0;*/
    cursor: pointer;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li.un {
    padding: 0;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li a {
    color: #666666;
    display: block;
    width: 171px;
    height: 29px;
    margin: 0;
    padding: 11px 0 0 14px;
    cursor: pointer;
    text-decoration: none;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li a.active,
.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li.active {
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_onglet_on.jpg") no-repeat;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 2px #049dd0;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li a:hover,
.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li:hover {
    color: #0099cc;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li a.active:hover,
.blocs_content .bloc.bloc_700.onglets .bloc_content .menu_left ul li.active:hover {
    color: #ffffff;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .content_onglet {
    float: left;
    width: 485px;
    padding: 1px 14px 0 14px;
    margin: 1px 0 5px 0;
    min-height: 200px;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .content_onglet h2 {
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    color: #0099cc;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .content_onglet p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 12px;
    color: #666666;
}

.blocs_content .bloc.bloc_700.onglets .bloc_content .content_onglet .bleu {
    color: #0099cc;
}


/*******************
TABLEAU ONGLETS FLUX
*******************/

.blocs_content .bloc.bloc_700.onglets.flux {
    background: transparent url("../../../Binaires/images/2011/menu/bg_top_onglets_700_flux.png") no-repeat;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content {
    height: 332px;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .menu_left ul li.un a.active {
    background: transparent url("../../../Binaires/images/2011/menu/bg_menu_onglet_on.png") no-repeat;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte {
    float: left;
    height: 299px;
    width: 485px;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte h1 {
    margin: 10px 0;
    padding: 0;
    font-size: 24px;
    color: #0099cc;
    font-weight: normal;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #0099cc;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte h3 a {
    color: #0099cc;
    text-decoration: none;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte h3 span {
    font-weight: normal;
    font-size: 12px;
    color: #999999;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte p {
    font-size: 14px;
    padding: 0;
    margin: 0 0 5px 0;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .texte p.nom {
    color: #999999;
    font-size: 12px;
    padding: 0;
    margin: 0 0 13px 0;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .navigation {
    float: left;
    height: 30px;
    width: 485px;
    text-align: center;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .navigation p {
    margin: 4px 0 0 0;
    padding: 0;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .navigation p a {
    color: #999999;
    text-decoration: none;
    font-size: 12px;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .navigation p a.active {
    color: #0099cc;
}

.blocs_content .bloc.bloc_700.onglets.flux .bloc_content .content_onglet .navigation p a:hover {
    color: #0099cc;
}


/***
MENU
***/

.top .menu {
    position: relative;
    float: left;
    height: 38px;
    width: 100%;
	z-index:10;
}

.top .menu .content {
    position: relative;
    margin: 0 auto;
    height: 38px;
    width: 1020px;
    box-sizing: border-box;
    padding: 0 5px;
    float: none;
}

.top .menu .content ul {
    height: 38px;
    width: 1010px;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block;
    position: relative;
}


/* niveau 1 */

.top .menu .content ul li {
    position: absolute;
    height: 38px;
    display: block;
    background-color: #ffffff;
    z-index: 5;
    list-style: none;
}

.top .menu .content ul li.masque {
    height: 38px;
    width: 1010px;
    background-color: black;
    display: none;
    z-index: 10;
    opacity: .2;
}

.top .menu .content ul:hover li.masque {
    display: block;
}

.top .menu .content ul li.accueil {
    left: 0;
    width: 41px;
}

.top .menu .content ul li.logiciels,
.top .menu .content ul li.metiers,
.top .menu .content ul li.services,
.top .menu .content ul li.assistance,
.top .menu .content ul li.compte.on {
    background-image: url("../../../Binaires/images/top/2016/fleche_bas.png");
    background-repeat: no-repeat;
    background-size: 10px 5px;
    background-position: center 30px;
}

.top .menu .content ul li.logiciels:hover,
.top .menu .content ul li.metiers:hover,
.top .menu .content ul li.services:hover,
.top .menu .content ul li.assistance:hover,
.top .menu .content ul li.compte.on:hover {
    background-image: none;
}

.top .menu .content ul li.logiciels {
    left: 42px;
    width: 144px;
}

.top .menu .content ul li.metiers {
    left: 187px;
    width: 199px;
}

.top .menu .content ul li.services {
    left: 387px;
    width: 148px;
}

.top .menu .content ul li.assistance {
    left: 536px;
    width: 141px;
}

.top .menu .content ul li.compte {
    left: 678px;
    width: 181px;
}

.top .menu .content ul li.compte.on a {
    color: #009fda;
    background-position: 29px -36px;
}

.top .menu .content ul li.panier {
    left: 860px;
    width: 150px;
}

.top .menu .content ul li:hover {
    z-index: 15;
}

.top .menu .content ul li.masque:hover {
    display: none;
}

.top .menu .content ul li.spacer {
    width: 1px;
    height: 38px;
    background-image: url("../../../Binaires/images/top/2016/spacer.png");
    background-size: 1px 38px;
}

.top .menu .content ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #4d4f53;
    box-sizing: border-box;
    font-size: 14px;
    padding-top: 11px;
}

.top .menu .content ul li a:hover {
    color: #009fda;
}

.top .menu .content ul li.accueil a {
    background-image: url("../../../Binaires/images/top/2016/accueil.png");
    background-size: 41px 76px;
}

.top .menu .content ul li.accueil a:hover {
    background-position: 0 38px;
}

.top .menu .content ul li.compte a,
.top .menu .content ul li.panier a {
    background-image: url("../../../Binaires/images/top/2016/compte.png");
    background-size: 37px 74px;
    background-repeat: no-repeat;
    background-position: 29px 1px;
    text-align: left;
    padding-left: 68px;
}

.top .menu .content ul li.panier a {
    background-image: url("../../../Binaires/images/top/2016/panier.png");
    background-size: 37px 111px;
}

.top .menu .content ul li.panier.plein a {
    background-position: 29px -73px;
    color: #ff5800;
}

.top .menu .content ul li.compte a:hover,
.top .menu .content ul li.panier a:hover {
    background-position: 29px -36px;
}

.top .menu .content ul li.panier.plein a:hover {
    color: #009fda;
}

.top .menu .content ul li.spacer.un {
    left: 41px;
}

.top .menu .content ul li.spacer.deux {
    left: 186px;
}

.top .menu .content ul li.spacer.trois {
    left: 386px;
}

.top .menu .content ul li.spacer.quatre {
    left: 535px;
}

.top .menu .content ul li.spacer.cinq {
    left: 677px;
}

.top .menu .content ul li.spacer.six {
    left: 859px;
}


/* niveau 2 */

.top .menu .content ul li ul {
    position: absolute;
    width: 238px;
    display: none;
    left: -20px;
}

.top .menu .content ul li:hover ul {
    display: block;
}

.top .menu .content ul li ul li {
    float: none;
    width: 238px;
    position: relative;
    /*height: 26px; fixed value prevents display of too long menu titles */
    height: auto;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    background-image: url("../../../Binaires/images/top/2016/bg_menu.png");
    background-color: transparent;
}

.top .menu .content ul li ul li.bas {
    height: 46px;
    background-image: url("../../../Binaires/images/top/2016/bg_menu_bas.png");
}

.top .menu .content ul li ul li a {
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    box-sizing: border-box;
    width: 198px;
}

.top .menu .content ul li.compte.on ul li a {
    padding-left: 10px;
    background-image: none;
    color: #4d4f53;
}

.top .menu .content ul li.compte.on ul li.bas a {
    color: #ff5800;
    background-image: url("../../../Binaires/images/top/2016/deco.png");
    background-size: 12px 12px;
    background-position: 11px 7px;
    padding-left: 27px;
}

.top .menu .content ul li ul li.tous a {
    font-weight: bold;
    background-image: url("../../../Binaires/images/global/2016/fleche.png");
    background-repeat: no-repeat;
    background-size: 9px 8px;
    background-position: 10px 10px;
    padding-left: 23px;
}

.top .menu .content ul li ul li.bas a {
    height: 26px;
}

.top .menu .content ul li.compte.on ul li.bas a:hover {
    background-image: url("../../../Binaires/images/top/2016/deco_on.png");
}

.top .menu .content ul li ul li a:hover {
    background-color: #eff0ee;
}

.top .menu .content ul li.compte.on ul li a:hover {
    color: #009fda;
}

.top .menu .content ul li ul li.tous a:hover {
    background-image: url("../../../Binaires/images/global/2016/fleche_on.png");
}

.top .menu .content ul li ul li.sousmenu:hover {
    background-position: 0 -26px;
}

.top .menu .content ul li ul li.bas.sousmenu:hover {
    background-position: 0 -46px;
}

.top .menu .content ul li ul li.sousmenu a {
    background-image: url("../../../Binaires/images/top/2016/fleche_droite.png");
    background-repeat: no-repeat;
    background-size: 5px 10px;
    background-position: 183px center;
}

.top .menu .content ul li ul li.sousmenu a:hover {
    background-image: none;
    background-color: none;
}


/* niveau 3 */

.top .menu .content ul li ul li.sousmenu ul {
    display: none;
    width: 194px;
    top: 0;
    left: 197px;
}

.top .menu .content ul li ul li.sousmenu:hover ul {
    display: block;
}

.top .menu .content ul li ul li.sousmenu ul li {
    width: 194px;
    width: 250px; /* bigger submenu */
    padding: 0;
    background-image: none;
    background-color: #eff0ee;
    padding-bottom: 5px; /* bigger submenu */
}

.top .menu .content ul li ul li.sousmenu ul li:first-child { /* bigger submenu */
    padding-top: 5px;
}

.top .menu .content ul li ul li.sousmenu ul li:last-child { /* bigger submenu */
    padding-bottom: 10px;
}

.top .menu .content ul li ul li.sousmenu ul li a {
    width: 194px;
    width: 250px; /* bigger submenu */
    background-image: none;
}

.top .menu .content ul li ul li.sousmenu ul li.tous a {
    background-image: url("../../../Binaires/images/global/2016/fleche.png");
    background-size: 9px 8px;
    background-position: 10px 10px;
}

.top .menu .content ul li ul li.sousmenu ul li.tous a:hover {
    background-image: url("../../../Binaires/images/global/2016/fleche_on.png");
}


/*************
TOP REVENDEURS
*************/

.top.revendeurs .menulite .content ul li a:hover {
    color: #0060d2;
}

.top.revendeurs .menu .content ul li.marketing,
.top.revendeurs .menu .content ul li.formations,
.top.revendeurs .menu .content ul li.tarifs {
    background-image: url("../../../Binaires/images/top/2016/fleche_bas.png");
    -ms-interpolation-mode: bicubic;
    background-repeat: no-repeat;
    background-size: 10px 5px;
    background-position: center 30px;
}

.top.revendeurs .menu .content ul li.marketing:hover,
.top.revendeurs .menu .content ul li.formations:hover,
.top.revendeurs .menu .content ul li.tarifs:hover {
    background-image: none;
}

.top.revendeurs .menu .content ul li.logiciels {
    left: 42px;
    width: 123px;
}

.top.revendeurs .menu .content ul li.marketing {
    left: 166px;
    width: 148px;
}

.top.revendeurs .menu .content ul li.assistance {
    left: 315px;
    width: 124px;
}

.top.revendeurs .menu .content ul li.formations {
    left: 440px;
    width: 170px;
}

.top.revendeurs .menu .content ul li.tarifs {
    left: 611px;
    width: 129px;
}

.top.revendeurs .menu .content ul li.services {
    left: 741px;
    width: 124px;
}

.top.revendeurs .menu .content ul li.compte {
    left: 866px;
    width: 144px;
}

.top.revendeurs .menu .content ul li a:hover {
    color: #0060d2;
}

.top.revendeurs .menu .content ul li.accueil a {
    background-image: url("../../../Binaires/images/top/2016/accueil_rev.png");
}

.top.revendeurs .menu .content ul li.compte a {
    background-image: url("../../../Binaires/images/top/2016/compte_rev.png");
}

.top.revendeurs .menu .content ul li.compte.on a {
    background-position: 19px -36px;
    padding-left: 57px;
    color: #0060d2;
}

.top.revendeurs .menu .content ul li.compte.on ul li a {
    padding-left: 10px;
    background-image: none;
    color: #4d4f53;
}

.top.revendeurs .menu .content ul li.compte.on ul li a:hover {
    color: #0060d2;
}

.top.revendeurs .menu .content ul li.compte.on ul li.bas a {
    color: #ff5800;
    background-image: url("../../../Binaires/images/top/2016/deco.png");
    -ms-interpolation-mode: bicubic;
    background-size: 12px 12px;
    background-position: 11px 7px;
    padding-left: 27px;
}

.top.revendeurs .menu .content ul li.compte.on ul li.bas a:hover {
    background-image: url("../../../Binaires/images/top/2016/deco_rev_on.png");
    -ms-interpolation-mode: bicubic;
    color: #0060d2;
}

.top.revendeurs .menu .content ul li.spacer.deux {
    left: 165px;
}

.top.revendeurs .menu .content ul li.spacer.trois {
    left: 314px;
}

.top.revendeurs .menu .content ul li.spacer.quatre {
    left: 439px;
}

.top.revendeurs .menu .content ul li.spacer.cinq {
    left: 610px;
}

.top.revendeurs .menu .content ul li.spacer.six {
    left: 740px;
}

.top.revendeurs .menu .content ul li.spacer.sept {
    left: 865px;
}

.top.revendeurs .menu .content ul li ul li.tous a:hover {
    background-image: url("../../../Binaires/images/global/2016/fleche_rev_on.png");
}

.top.revendeurs .menu .content ul li ul li.sousmenu ul li.tous a:hover {
    background-image: url("../../../Binaires/images/global/2016/fleche_rev_on.png");
}