/* --- CONTAINER --- */

@import url("content.css");
@import url("fonctionnalites.css");
a {
    outline            : none;
}
body {
    margin             : 0;
    padding            : 0;
    color              : #333;
    background         : #FFF url(../images/bg_body.gif) no-repeat center top;
    background-position: auto 26px;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
div.init {
    clear              : both;
}
object {
    outline            : none;
}

#container {
    width              : 980px;
    margin             : 5px auto 0 auto;
    background         : #FFF;
}

/* --- HEADER --- */
#header {
    background          : #FFF;
}
#header_logo {
    float               : left;
}
#header_background {
    position           : relative;
    z-index            : 20;
    width              : 980px;
    margin             : 0 auto;
}
#header_top {
    float               : right;
    margin-bottom       : 35px;
    margin-top          : 4px;
}
#header_top form,
#footer form {
    display             : inline;
    float               : right;
}
#header_top input.texte,
#footer input.texte {
    font-size           : 11px;
    background          : #ebeae5;
    color               : #636363;
    border              : 0;
    padding             : 5px;
}
#header_top input.submit,
#footer input.submit {
    font-size           : 11px;
    background          : #FFF;
    color               : #636363;
    border              : 1px solid #F1F1F1;
    padding             : 2px;
    cursor              : pointer;
}
#header_top input.submit:hover,
#footer input.submit:hover {
    background          : #636363;
    color               : #FFF;
}
#header_top ul {
    margin              : 5px 190px 5px 15px;
    _margin-right       : 100px;
    float               : right;
}

#header_top ul li {
    display            : inline;
    list-style         : none;
    margin             : 0;
    padding            : 10px 0px;
}

#header_select_pays a {
    text-decoration: none;
}
#header_top ul li a, #header_top ul li a:link, #header_top ul li a:visited {
    text-decoration    : none;
    color              : #636363;
    font-size          : 11px;
}
#header_top ul li a:hover {
    color              : #002E60;
    text-decoration    : underline;
}
#header_select_pays {
    float               : right;
    position            : relative;
/*    width               : 92px;*/
}
#header_select_pays ul {
    margin              : 0;
/*    width               : 92px;*/
    height              : 23px;
    border              : 1px solid #F1F1F1;
    position            : absolute;
    right               : 0px;
    overflow            : hidden;
    list-style-image    : none;
    list-style          : none;
    width               : 140px;
}
#header_select_pays ul:hover {
    border              : 1px solid #DDD;
}
#header_select_pays.click ul {
    height              : auto;
    overflow            : visible;
    z-index             : 100; /* pour passer au-dessus de l'anim galerie */
}
#header_select_pays ul li {
    cursor              : pointer;
    display             : block;
    padding             : 2px;
    padding-right       : 20px;
    margin              : 0;
    position            : relative;
    background          : #FFF url(../images/country/puce_pays_li.gif) no-repeat 45px 60%;
}
#header_select_pays ul li span.puce {
    position            : absolute;
    top                 : 7px;
    right               : 5px;
    width               : 10px;
    height              : 8px;
    background          : url("../images/country/mini_map_puce.gif") no-repeat;
}
#header_select_pays ul li.first {
    background          : #FFF url(../images/country/mini_map.gif) no-repeat top left;
}
#header_select_pays ul li a {
    display             : block;
    padding-left        : 53px;
    padding-top         : 2px;
    outline             : none;
}
#header_select_pays ul li a:hover {
    text-decoration     : none;
}
#header_menu {
    position            : absolute;
    /*top                 : 66px;*/
    left                : 250px;
    bottom                : 0px;
}

#header_menu li.separateur_menu, #header_menu_droite li.separateur_menu {
    width               : 1px;
    background         : url(../images/separateur_menu.gif) no-repeat top left;
    margin             : 0;
    padding            : 0;
    height               : 25px;
}
#menu_left li.separateur_menu {
    width               : 1px;
    background         : url(../images/pix.gif) no-repeat top left;
    margin             : 0;
    padding            : 0;
    height               : 1px !important;
    list-style-image         : url(../images/pix.gif) !important;
}

#header_menu_droite {
    position            : absolute;
    /*top                 : 66px;*/
    right               : 0;
    bottom                : 0px;
}
#header_menu_droite ul,
#header_menu ul {
    margin             : 0;
}
#header_menu_droite ul li,
#header_menu ul li {
    float              : left;
    list-style         : none;
    margin             : 0;
    padding            : 0px;
    height               : 25px;
    /*background         : url(../images/bg_menu_header_li.gif) no-repeat top left;*/
}
#header_menu_droite ul li.on,
#header_menu ul li.on {
    /*background-position: 0px -38px;*/
}
#header_menu_droite ul li a, #header_menu_droite ul li a:link, #header_menu_droite ul li a:visited,
#header_menu ul li a, #header_menu ul li a:link, #header_menu ul li a:visited {
    text-decoration    : none;
    color              : #636363;
    padding               : 4px 10px;
    height               : 17px;
    font-size          : 12px;
    display               : block;
    float               : left;
    /*background         : url(../images/bg_menu_header_a.gif) no-repeat top right;*/
}
#header_menu_droite ul li.on a, #header_menu_droite ul li.on a:link, #header_menu_droite ul li.on a:visited,
#header_menu ul li.on a, #header_menu ul li.on a:link, #header_menu ul li.on a:visited,
#header_menu_droite ul li a:hover,
#header_menu ul li a:hover {
    color              : #FFF;
    background         : url(../images/fond_menu.gif) repeat-x top right;
    /*background-position: 100% -38px;*/
}
#header_menu_droite ul li li a, #header_menu_droite ul li li a:link, #header_menu_droite ul li li a:visited,
#header_menu ul li li a, #header_menu ul li li a:link, #header_menu ul li li a:visited {
    /*padding            : 5px 20px;*/
    font-size          : 11px;
}

#header_diaporama {
    position            : relative;
    overflow            : hidden;
    width               : 980px;
    height              : 279px;
    float               : left;
}

#header_diaporama div.items {
    /* this cannot be too large */
    width               : 20000em;
    position            : absolute;
}
div.panel {
    position            : relative;
    z-index             : 1;
}
#header_diaporama div.items div.panel {
    float               : left;
    width               : 980px;
    height              : 279px;
    position            : relative;
}
#header_diaporama div.items div.panel h2 {
    font-weight         : normal;
    text-transform      : uppercase;
    margin              : 10px 20px;
    font-size           : 28px;
    position            : absolute;
}
#header_diaporama div.items div.panel p {
    padding             : 7px;
    background          : #FFF;
    color               : #000;
    position            : absolute;
    text-align          : center;
    width               : 100%;
    top                 : 243px;
}
div#fond_item {
    position            : absolute;
    margin-left         : 26px;
    z-index             : 33;
}
a.galerie_zoom {
    position            : relative;
    left                : 920px;
    top                 : 10px;
}
#header_diaporama div.items div.panel h2.blanc {
    color               : #FFF;
}
#header_diaporama div.items div.panel h2.noir {
    color               : #000;
}
#header_diaporama h3.titre_page_blanc,
#header_diaporama h3.titre_page_noir {
    font-size           : 18px;
    margin              : 225px 10px 0 0;
    right               : 20px;
    bottom              : 35px;
}
#header_diaporama h3.titre_page_blanc {
    color               : #FFF;
}
#header_diaporama h3.titre_page_noir {
    color               : #000;
}

/** Diapo pro - overlay menu app **/

.header_pro #header_diaporama div.items div.panel h2 {
    margin: 0;
    right: 20px;
    bottom: 35px;
}

.header_pro #header_diaporama div.items div.panel p {
    margin-left: 275px;
    width: 691px;
}

.header_pro a.prev {
    left: 280px;
}

.header_pro {
    position: relative;
}

#header_menu_app {
    position    : relative;
    z-index     : 2100;
}

#header_menu_app_overlay {
    position    : relative;
    z-index: 2000;
    background: #FFF;
}

#header_menu_app, #header_menu_app_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 275px;
    height: 290px;
}

#header_menu_app h2 {
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 4px;
}

#header_menu_app ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    margin-left: 30px;
}

#header_menu_app li {
    padding: 0px;
    margin: 0px;
}

#header_menu_app li a:link,
#header_menu_app li a:active,
#header_menu_app li a:visited {
    color: #68696C;
    font-size: 11px;
    text-decoration: none;
}

#header_menu_app li.current a {
    color: #002E60;
    font-size: 12px;
    font-weight: bold;
}
#header_menu_app li a:hover,
#header_menu_app li a:focus,
#header_menu_app li a.on:link,
#header_menu_app li a.on:active,
#header_menu_app li a.on:visited,
#header_menu_app li a.on:hover,
#header_menu_app li a.on:focus {
    color               : #002e60;
    font-size           : 13px;
    font-weight         : bold;
}


/*
  _____  _                                               _                  _
 |  __ \(_)                                             | |                | |
 | |  | |_  __ _ _ __   ___  _ __ __ _ _ __ ___   __ _  | |_  ___ _ __   __| | __ _ _ __   ___  ___ ___
 | |  | | |/ _` | '_ \ / _ \| '__/ _` | '_ ` _ \ / _` | | __|/ _ \ '_ \ / _` |/ _` | '_ \ / __|/ _ | __|
 | |__| | | (_| | |_) | (_) | | | (_| | | | | | | (_| | | |_|  __/ | | | (_| | (_| | | | | (__|  __|__ \
 |_____/|_|\__,_| .__/ \___/|_|  \__,_|_| |_| |_|\__,_|  \__|\___|_| |_|\__,_|\__,_|_| |_|\___|\___|___/
                | |
                |_|
*/
#header_diaporama_tendances {
    position            : relative;
    overflow            : hidden;
    width               : 980px;
    height              : 490px;
    float               : left;
}
#header_diaporama_tendances div.items div.panel {
    float               : left;
    width               : 980px;
    height              : 490px;
    position            : relative;
}
div.cadre_bottom_right {
    position            : absolute;
    bottom              : 0;
    right               : 0;
}
div.cadre_bottom_right div.fake_h2 {
    font-weight         : normal;
    text-transform      : uppercase;
    margin              : 0;
    font-size           : 28px;
    position            : relative;
    color               : #fff;
}
div.cadre_bottom_right a:link,
div.cadre_bottom_right a:active,
div.cadre_bottom_right a:visited,
div.cadre_bottom_right a:hover,
div.cadre_bottom_right a:focus {
    display             : block;
    text-decoration     : none;
    font-size           : 16px;
    padding             : 5px 8px 9px 8px;
}
div.cadre_bottom_right a.lien_coloris {
    background          : #fff;
    color               : #333535;
}
div.cadre_bottom_right a.lien_produit {
    background          : #333535;
    color               : #fff;
}


/* prev, next, prevPage and nextPage buttons */
a.prev_tendances,
a.next_tendances,
a.prev,
a.next {
    width               : 12px;
    height              : 19px;
    background          : url(../images/prev.png) no-repeat;
    float               : left;
    cursor              : pointer;
    font-size           : 1px;
    position            : relative;
    margin              : 0 10px;
}
a.prev,
a.next {
    top                 : -160px;
}
a.prev_tendances,
a.next_tendances {
    top                 : -265px;
}
/* next button uses another background image */
a.next_tendances,
a.next {
    background-image    : url(../images/next.png);
    left                : 915px;
}


/***************************************/

/* disabled navigational button */
a.disabled {
    visibility          : hidden !important;
}







#page_rail {
    color               : #FFF;
    font-size           : 11px;
    background          : #002e60;
    padding             : 2px 2px 2px 10px;
    margin-top          : -19px;
}
#page_rail img {
    padding             : 0 3px;
    vertical-align      : middle;
}
#page_rail a, #page_rail a:link, #page_rail a:visited {
    color               : #FFF;
    text-decoration     : none;
}
#page_rail a:hover {
    text-decoration     : underline;
}



/* --- CONTENT --- */
#content {
    padding            : 10px 0;
    background         : #FFF;
    zoom               : 1; /* Evite d'avoir le texte invisible sous IE */
    min-height            : 300px;
      height                : auto !important;
      height                : 300px;
}
h1#page_title span {
    /*border-bottom      : 1px solid #68696d;*/
    font-size           : 20px;
}
span.avant {
    color               : #333333;
}
span.apres {
    color               : #708aa6;
}

/* --- FOOTER --- */
#footer {
    border-top         : 1px solid #d4d4d4;
    /*background         : url(../images/country/bg_footer.gif) repeat-x top;*/
    padding            : 10px 0 50px 0;
    color               : #636363;
}
#footer_content {
    width               : 850px;
    margin              : 0 auto;
}
#footer_menu {
    text-align         : center;
    width              : 850px;
    margin             : 0 auto;
    padding             : 10px 0 0 0;
}
#footer_referencement {
    margin-bottom       : 10px;
}

#footer ul {
    margin             : 0;
}
#footer ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 5px 0 0;
}
#footer ul li.sep {
    color              : #F1F1F1;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration    : none;
    color              : #636363;
}
#footer ul li a:hover {
    text-decoration    : underline;
}
div#menu_bottom a:link,
div#menu_bottom a:active,
div#menu_bottom a:visited {
    text-decoration    : none;
    display            : block;
    color               : #4d4d4d;
}
div#menu_bottom a:hover,
div#menu_bottom a:focus {
    text-decoration    : underline;
}

.ajax_loader {
    float               : right;
    width               : 16px;
    height              : 26px;
}
.ajax_loader_on {
    background          : url(../images/ajax_loader.gif) no-repeat;
}


/*2010*/
div#menu_langues {
    float                   : right;
    border                  : 1px solid #f1f1f1;
    margin                  : 1px 0 0 20px;
    padding                 : 1px 7px;
    font-variant            : small-caps;
}
div#menu_langues img {
    vertical-align          : middle;
    margin                  : 0 4px;
}
div#menu_langues a:link,
div#menu_langues a:active,
div#menu_langues a:visited,
div#menu_langues a:focus,
div#menu_langues a:hover {
    text-decoration         : none;
}

div#content_left {
    position                : relative;
    float                   : left;
    width                   : 199px;
    background              : url(../images/fond_content.gif) top right no-repeat;
    min-height              : 285px;
    _height                 : 285px;
    padding                 : 0 0 0 9px;
}
div#content_left ul li {
    padding                 : 2px 0;
    _padding                : ;
}
div#content_right {
    position                : relative;
    float                   : left;
    width                   : 730px;
    overflow                : hidden;
    padding                 : 0 0 0 24px;
}
h4.country_websites {
    font-size               : 13px;
    font-weight             : normal;
    color                   : #002e60;
}
ul#carousel_country a:link,
ul#carousel_country a:active,
ul#carousel_country a:visited,
ul#carousel_country a:focus,
ul#carousel_country a:hover {
    color                   : #002e60;
    text-decoration         : none;
}
ul#carousel_country {
    color                   : #002e60;
}

div#flash_installation {
    position            : relative;
    height              : 280px;
    margin-bottom       : 19px;
}


/* formulaires */
.publiformulaire-wrapper1 {
    background  : url("../images/form-bg-mid.gif") repeat-y;
    width       : 619px;
}

.publiformulaire-wrapper2 {
  padding: 10px;
  background: url("../images/form-bg-top.gif") no-repeat;
}

.publiformulaire-footer {
    height: 11px;
    line-height: 0px;
    overflow: hidden;
    background: url("../images/form-bg-bottom.gif") no-repeat;
}

div.lien_bleu_wrapper {
    position            : relative;
    background          : url(../images/btn_bleu_bg.gif) repeat-x;
    height              : 21px;
    padding             : 3px;
}
div.float_left {
    float               : left;
    margin              : 10px 0 10px 0;
}
div.float_right {
    float               : right;
    margin              : 10px 0 10px 0;
}
a.lien_bleu:link,
a.lien_bleu:active,
a.lien_bleu:visited,
a.lien_bleu:hover,
a.lien_bleu:focus {
    position            : relative;
    height              : 21px;
    color               : #fff;
    text-decoration     : none;
    font-size           : 14px;
    font-style          : italic;
    padding             : 0 38px 0 19px;
    font-family         : Times New Roman, Verdana, Arial, sans-serif;
}
div.picto_back {
    position            : absolute;
    width               : 15px;
    height              : 24px;
    background          : url(../images/btn_bleu_right_back.gif) no-repeat;
    top                 : 0;
    right               : 0;
}
div.picto_go {
    position            : absolute;
    width               : 15px;
    height              : 24px;
    background          : url(../images/btn_bleu_right_go.gif) no-repeat;
    top                 : 0;
    right               : 0;
}
div.lien_bleu_left {
    position            : absolute;
    width               : 8px;
    height              : 24px;
    background          : url(../images/btn_bleu_left.gif) no-repeat;
    top                 : 0;
    left                : 0;
}



div#menu_left {
    position            : relative;
    min-height          : 220px;
    _height             : 220px;
}