/**
 ** POSITION DES MENUS DE 1ER NIVEAUX
 **/

.m0 {left: -1000px;}
.m1 {left: -880px;}
.m2 {left: -760px;}
.m3 {left: -590px;}
.m4 {left: -460px;}
.m5 {left: -320px;}
.m6 {left: -230px;}
.m7 {left: -120px;}

.en .m0 {left: -1000px;}
.en .m2 {left: -780px;}
.en .m3 {left: -640px;}
.en .m4 {left: -500px;}
.en .m5 {left: -380px;}
.en .m6 {left: -290px;}
.en .m7 {left: -180px;}

.zh .m0 {left: -1000px;}
.zh .m2 {left: -800px;}
.zh .m3 {left: -730px;}
.zh .m4 {left: -600px;}
.zh .m5 {left: -510px;}
.zh .m6 {left: -410px;}
.zh .m7 {left: -320px;}

/**
 ** FIN POSITION DES MENUS DE 1ER NIVEAUX
 **/








/**
 ** Général
 **/

body, table, td, select, option, input, textarea {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
}

img {
    border: 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

body {
    margin: 0 auto !important;
    padding: 0;
    text-align: center;
    width: 1138px;
    background: url('../imgs/body_background.png') #333333 top center repeat-y;
}

.body {
    width: 1138px;
    text-align: left;
    background: url('../imgs/site_background.png') transparent top center repeat-y;
}

.site {
    margin: 0 29px;
    position: relative;
    overflow: hidden;
}

a {
    text-decoration: none;
}
a:visited {
    color: #0000FF;
}
a:hover {
    color: #B89507;
}

.spacer {
    clear: both;
    font-size: 1px;
    visibility: hidden;
}

.collapse, .nvp-middle {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.collapse td, .nvp-middle td {
    vertical-align: top;
}


/**
 ** Top
 **/

.nvp-top {
    background: url('../imgs/top_background.png') bottom left repeat-x;
    /* hauteur de l'image de fond */
    min-height: 82px;
}

.nvp-logo {
    position: absolute;
    z-index: 1000;
}

#nvp-screen-resolution {
    position: fixed;
    top: 82px;
    left: 0px;
    padding: 30px 0 100px 0;
    border-top: 1px solid #990000;
    border-bottom: 1px solid #990000;
    background-color: #FFEEEE;
    color: #330000;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.contact-menu-top {
    margin-left: 10px !important;
}

/**
 ** Recherche
 **/

.nvp-top form {
    float: right;
    clear: right;
    margin-top: 20px;
}

.nvp-form input {
    padding: 2px 2px 3px 2px;
    border: 1px solid #CCCCCC;
    border-right: 0;
    width: 200px;
    padding: 2px 2px 3px 2px;
    [padding: 2px 2px 3px 2px;
    padding: 3px 2px 4px 2px;]
}

.nvp-form input.nvp-search {
    padding: 2px;
    position: relative;
    width: auto;
    left: -5px;
    top: 7px;
    border-right: 1px solid #CCCCCC;
    border-left: 0;
    cursor: pointer;
    background-color: #FFFFFF;/*
    background: url('$icons/fam/zoom.png') #FFFFFF center center no-repeat;*/
}

.nvp-form .nvp-search-empty {
    color: #999;
}


/**
 ** Menu de 1er niveau
 **/

#nvp-menu, .nvp-menu {
    margin: 0;
    padding: 0;
    height: 36px;
    border-top: 1px solid #555555;
    background: url('../imgs/menus/menu_background.png') top left repeat-x;
}

#nvp-menu li, .nvp-menu li {
    position: absolute;
    /* Définition de la longueur maximale du menu */
    width: 1090px;
}

#nvp-menu .m1, .nvp-menu .m1 {
    background: url('../imgs/menus/menu_bottom.png') bottom right no-repeat;
}

.nvp-menu-has-selected {
    background: none !important;
}

#nvp-menu a, .nvp-menu a {
    display: block;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../imgs/menus/menu_off.png');
    font-weight: normal;
    text-align: right;
    color: #333333 !important;
    text-transform: uppercase;
    font-size: 11px;
    /* Définition de la hauteur du menu, par rapport au fond */
    height: 28px;
    padding: 8px 20px 0px 30px;
}

#nvp-menu a:visited, .nvp-menu a:visited {
    color: #333333 !important;
}

#nvp-menu a:hover, .nvp-menu a:hover {
    background-image: url('../imgs/menus/menu_over.png');
    color: #CCCCCC !important;
}

#nvp-menu .nvp-menu-on a, .nvp-menu .nvp-menu-on a, #nvp-menu .nvp-menu-on a:hover, .nvp-menu .nvp-menu-on a:hover {
    background-image: url('../imgs/menus/menu_on.png');
    font-weight: bold;
    color: #FFCC00 !important;
}






/**
 ** Menu de 2e niveau
 **/

.nvp-col-1 {
    width: 215px;
    background: url('../imgs/menus/menu_sub_background.png') #CCCCCC top left repeat-x;
}

#nvp-menu-left {
    font-family: Arial, sans-serif;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

#nvp-menu-left li, #nvp-menu-left a {
    background-position: bottom center;
    background-repeat: no-repeat;
}

#nvp-menu-left li {
    position: relative;
    text-transform: uppercase;
    margin: -7px 10px 0 10px;
    background-image: url('../imgs/menus/menu_sub_1.png');
}
#nvp-menu-left a {
    color: #333333;
    padding: 12px 5px 5px 10px;
    display: block;
    margin-bottom: -15px;
    text-decoration: none;
}
#nvp-menu-left a:hover {
    color: #DDDDDD;
    background-image: url('../imgs/menus/menu_sub_1_over.png');
}

#nvp-menu-left .nvp-menu-left-on a {
    color: #FFCC00;
    margin-bottom: -3px;
}
#nvp-menu-left li > a, #nvp-menu-left li.nvp-menu-left-on > a, #nvp-menu-left li.on > a, #nvp-menu-left li.nvp-menu-left-on li > a {
    /*hack ie (because of margin-bottom) */
    margin-bottom: 0px;
}
#nvp-menu-left li.nvp-menu-left-on {
    color: #FFCC00;
    background-image: url('../imgs/menus/menu_sub_1_on.png');
}
#nvp-menu-left li.nvp-menu-left-on a:hover {
    color: #FFCC00;
}






/**
 ** Menu de 3e niveau
 **/

#nvp-menu-left ul {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
}
#nvp-menu-left li ul li {
    font-size: 9px;
    background: none;
    padding: 0;
    margin: 0;
}

#nvp-menu-left .nvp-menu-left-on li {
    background: none !important;
}

#nvp-menu-left span, #nvp-menu-left li.nvp-menu-left-on ul a {
    background-position: center center;
    background-repeat: no-repeat;
}

#nvp-menu-left .nvp-menu-left-on li a {
    padding: 4px 16px 4px 20px;
    color: #cccccc;
}
#nvp-menu-left span {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
    background-position: center left;
    background-image: url('../imgs/menus/puce.png');
}

#nvp-menu-left ul .nvp-menu-left-on a, #nvp-menu-left ul .nvp-menu-left-in a {
    color: #FFCC00;
}
#nvp-menu-left ul .nvp-menu-left-on span {
    background-position: center left;
    background-image: url('../imgs/menus/puceon.png');
}
#nvp-menu-left ul .nvp-menu-left-on a {
    background-position: center left;
    background-image: url('../imgs/menus/menu_sub_2_over.png');
}

#nvp-menu-left li.nvp-menu-left-on ul a:hover {
    color: #FFFFFF;
    background-image: url('../imgs/menus/menu_sub_2_over.png');
}
#nvp-menu-left ul a:hover span {
    background-position: center left;
    background-image: url('../imgs/menus/puceover.png');
}

#nvp-menu-left li.nvp-menu-left-on ul .nvp-menu-left-on a:hover {
    color: #FFCC00;
    background-image: url('../imgs/menus/menu_sub_2_over.png');
}
#nvp-menu-left ul .nvp-menu-left-on a:hover span {
    background-position: center left;
    background-image: url('../imgs/menus/puceon.png');
}


/**
 ** Menu de 4e niveau
 **/

#nvp-menu-left li.nvp-menu-left-on ul ul li a {
    padding-left: 30px;
}

#nvp-menu-left li.nvp-menu-left-on ul ul li span {
    background-image: url('../imgs/menus/puceon.png');
}

#nvp-menu-left li.nvp-menu-left-on ul ul li.nvp-menu-left-on span, #nvp-menu-left li.nvp-menu-left-on ul ul li a:hover span {
    background-image: url('../imgs/menus/puce.png') !important;
}

#nvp-menu-left li.nvp-menu-left-on ul ul li.nvp-menu-left-on a, #nvp-menu-left li.nvp-menu-left-on ul ul li a:hover {
    color: #FFFFFF !important;
    background-image: url('../imgs/menus/menu_sub_2_on.png');
}

#nvp-menu-left li.nvp-menu-left-in span {
    background-image: url('../imgs/menus/puceon-down.png') !important;
}

#nvp-menu-left li.nvp-menu-left-in li span {
    background-image: url('../imgs/menus/puceon.png') !important;
}

#nvp-menu-left li.nvp-menu-left-in .nvp-menu-left-in span {
    background-image: url('../imgs/menus/puceon-down.png') !important;
}




/**
 ** Menu de 5e niveau
<ul>
  <li>Gros menu
    <ul>
      <li>1ere fleche
        <ul>
          <li>2e fleche
            <ul>
              <li>3e fleche
 **/


#nvp-menu-left li.nvp-menu-left-in .nvp-menu-left-in li span {
    background-image: url('../imgs/menus/puceon.png') !important;
}

#nvp-menu-left li.nvp-menu-left-in ul li li a {
    padding-left: 40px !important;
}


#nvp-menu-left span.nvp-load-preview {
    background-image: url('../imgs/menus/loading.gif') !important;
}
#nvp-menu-left span.nvp-load-onpreview {
    background-image: url('../imgs/menus/onpreview.gif') !important;
}



/**
 ** Boite d'information de contenu
 **/

#boxContent {
    background: url('../imgs/box/bullefond.png') transparent bottom left no-repeat;
    padding: 2px 10px;
    color: #eee;
    height: 200px;
    min-height: 200px;
    vertical-align: bottom;
    z-index: 11000;
}

#boxContainer {
    height: auto;
    display: none;
    position: absolute;
    z-index: 200;
    width: 257px;
}

#boxContainer #pointe {
    vertical-align: top;
    padding-top: 20px;
}

#boxContainer cite {
    display: none;
}

#boxContent img {
    padding: 1px;
    border: 1px solid #999;
}

#boxContent h4 {
    margin: 8px 0;
}





/**
 ** Zone publicitaire
 **/

.nvp-adds {
    margin-top: 30px;
    text-align: center;
}

.nvp-adds img {
    margin: 10px 0;
}



/**
 ** Zone principale de contenu
 **/

.nvp-col-2 {
    background: url('../imgs/content_top_background.png') transparent top left repeat-x;
    padding: 25px 20px;
}






/**
 ** Bottom
 **/

.nvp-bottom {
    margin: 0 0 15px 0;
    clear: both;
}

.nvp-legal {
    text-align: right;
    margin: 0 34px;
    padding: 0 10px;
    background: url('../imgs/site-legal-background-line.png') bottom center repeat-y;
    font-size: smaller;
}
.nvp-legal p {
    margin-top: 10px;
    color: #EEEEEE;
}
.nvp-legal a {
    color: #FFCC33;
    font-weight: bold;
    text-decoration: none;
}
.nvp-legal a:visited {
    color: #FFCC33;
}
.nvp-legal a:hover {
    color: #FFFFFF;
}

.nvp-legal table {
    border-collapse: collapse;
    width: 100%;
}

.nvp-legal td {
    vertical-align: top;
}

.nvp-map-box {
    border-left: 1px solid #777777;
    padding: 3px 10px;
}

.nvp-map-box a {
    font-weight: normal;
    color: #999999 !important;
}

.nvp-map-box a:visited {
    color: #9999CC !important;
}

.nvp-map-box a:hover {
    color: #FFFFFF !important;
}

.nvp-map-box h4 {
    padding: 0;
    margin: 0 0 3px 0;
}

.nvp-map-box h4 a {
    color: #CCCCCC !important;
    font-weight: bold;
}

.nvp-map-box h4 a:visited {
    color: #CCCCCC !important;
}

.nvp-map-box h4 a:hover {
    color: #FFFFFF !important;
}

#ifdesign {
    position: absolute;
    margin-left: 100px;
}


.nvp-socials {
    margin-left: 10px;
    margin-top: 15px;
}






/**
 ** Images
 **/

.nvp-image {
    border-collapse: collapse;
}

.nvp-image img {
    border: 1px solid #CCCCCC;
    padding: 1px;
}

.nvp-image td {
    color: #777777;
    font-size: 80%;
}

.nvp-image span {
    display: block;
    font-style: italic;
}


.nvp-image-center {
    margin: 0 auto;
}
.nvp-image-center td {
    text-align: center;
}


.left {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 1em;
}

.right {
    float: right;
    margin-bottom: 0.5em;
    margin-left: 1em;
}

.logo-nvp-2020 {
    float: right;
    position: relative;
    top: -8px;
    margin-left: 5px;
    max-height: 26px;
}






/**
 ** Contenu
 **/

h1 {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    padding: 10px;
    margin: 5px 0 20px 0 !important;
    font-size: 180%;
}

.nvp-slide-more {
    display: block;
}

.nvp-trigger-more {
    display: block;
    padding: 5px 0;
    cursor: pointer;
}


.nvp-bestof {
    position: relative;
}



/**
 ** Redéfinition ExtJs
 **/

.x-html p {
    margin: 10px 0;
    text-align: justify;
}

.x-html ul, .x-html ol {
    margin: 5px 5px 5px 30px;
}

.x-html ul {
    list-style-type: disc;
}

.x-html ol {
    list-style-type: decimal;
}

.x-html h2 {
    clear: left;
    font-size: 140%;
}

.x-html h3 {
    clear: left;
    font-size: 120%;
}

.x-html em {
    font-weight: inherit;
}

.x-html strong {
    font-style: inherit;
}


.hide {
    display: none;
}

.nvp-services-list li {
    margin-bottom: 40px;
    margin-top: 50px;
}