/**************************************************************/
/* general */
body {
    font-family:Arial, Verdana, Helvetica, Sans-serif;
    font-size:11px;
    background-color:#444444;
    background-position:-100px 0;
    background-repeat:no-repeat;
    padding: 0px;
    margin: 0px;
    border:0;
    color:#9a9f9f;    
}
img {
    border:none;
}
a {
    text-decoration:none;
}
a:hover {
    color:#ffff33;
}
.main {
    width:100%;
    margin-left:-100px;
    background-repeat:no-repeat;
    background-position:top center;
}

/************************** LOGO ****************************/
a.logo {
    float:right;
    margin-right:7px;
    *background-image:none !important;
    border:0;
    cursor:pointer;
    position:relative;
    z-index:200;
}
html>body a.logo{
    margin-right:14px;
}

/************************** MENU ****************************/
#nav_left {
    width:387px;
    height:600px;
    background-image:url(../images/static/nav-left.png);    
    *background-image:none !important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FR/images/static/nav-left.png',sizingMethod='scale');
    background-repeat:no-repeat;
    border:0;
    text-align:right;
    float:left;
}
#nav_left ul {
    padding:0px;
    margin:0px;
    border:0;
    margin:20px 0px 0px 0px;
    float:left;
    width:387px;
    z-index:1;
}
#nav_left li {
    float:left;
    clear:both;
    list-style:none;
    margin:0px 0px 3px 0px;
    border:0;
    width:175px;
    height:24px;
    *background-image:none !important;
    text-align:left;
    cursor:pointer;
}
#nav_left li a {
    width:145px;
    height:19px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
    color:#ffffff;
    float:left;
    padding:5px 0 0 30px;
    position:relative;
    z-index:2;
}
#nav_left li a:hover {
    color:#ffff33;
}

/* Positionnement des menus */
#nav_left li.menu-1{
    margin-left:85px;
}
#nav_left li.menu-2{
    margin-left:80px;
}
#nav_left li.menu-3{
    margin-left:75px;
}
#nav_left li.menu-4{
    margin-left:70px;
}
#nav_left li.menu-5{
    margin-left:135px;
    -margin-left:65px;
}

/* IE7 */
html>body #nav_left li.menu-1{
    margin-left:167px;
}
html>body #nav_left li.menu-2{
    margin-left:159px;
}
html>body #nav_left li.menu-3{
    margin-left:151px;
}
html>body #nav_left li.menu-4{
    margin-left:143px;
}

/************************** PROMESSE MENU ****************************/
#promesses_nav {
    width:225px !important;
    height:143px;
    float:right;
    margin:20px 42px 0 0; /* Le margin right doit être modifie en fonction du nombre de menu present dans le totem : 95px pour 3 menus (IE7) et 55px (IE6) */
    *background-image:none !important;
    border:0;
}
html>body #promesses_nav {
    margin-right:80px;
}
#promesses_nav p {
    width:95px;
    float:right;
    margin:0 20px 0 0;
    -margin:0 17px 0 0;
    -padding-right:0px;
    padding:0;
    border:0;
    text-align:left;
    color:#FFF;
    font-size:10px;
}
html>body #promesses_nav p {
    margin-right:40px;
}
#promesses_nav span{
    float:left;
    text-align:left;
    margin-right:55px;
    -margin-right:0px;
    width:100px;
}
#promesses_nav span a{
    position:relative;
    color:#ffffff;
    text-decoration:underline;
}
#promesses_nav span a:hover{
    color:#ffff33;
}


/************************** LIEN S'EQUIPER MENU ****************************/
div.sequiper {
    margin:10px 0 0 30px;
    float:left;
    border:0;
    width:188px;
    height:46px;
    *background-image:none !important;
}
html>body div.sequiper {
    margin-left:70px;
}
div.sequiper a{
    color:#FFF;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    padding:10px 0px 0 40px;
    float:left;
    text-align:left;
    position:relative;
    width:115px;
}
html>body div.sequiper a{
    height:58px;
    *height:33px;
}
div.sequiper a:hover {
    color:#ffff33;
}

/************************** CONTENT ****************************/
#content {
    text-align:left;
    float:left;
    width:85%;
    margin-left:-145px;
    position:absolute;
}
html>body #content{
    margin-left:240px;
    *margin-left:-140px;
}

/************************** MDR ****************************/
#recherche {
    text-align:left;
    border:0;
    position:relative;
    float:left;
    height:20px;
    margin:10px 0 0 0 ;
    width:840px;
    z-index:200;    
}
html>body #recherche{
    margin-right:-330px;
    *margin-right:0;
}
#recherche #breadcrumb {
    text-align:right;
    display:block;
    float:right;
    color:#fff;
    margin:3px 10px 0 0 ;
    font-size:10px;
}
#recherche #breadcrumb a{
    color:#fff;
    text-decoration:underline;
}
#recherche #breadcrumb a:hover{
    color:#ffff33;
    text-decoration:none;    
}
#recherche #mdr {
    border:0;
    float:right;
    display:block;
    width:186px;
    height:19px;
    !background-image:none !important;
}
#recherche #mdr input {
    max-width:125px;
    border:0px;
    position:relative;
    background:transparent;
    margin-top:2px;
    margin-left:11px;
    border:0;
    font-size:11px;
    float:left;
}
#recherche input.btn {
    margin:4px 5px 0 0;
    float:left;
    display:block;
    color:#ffff33;
    font-weight:bold !important;
    font-size:11px !important;
    cursor:pointer;
}

/************************** FOOTER ****************************/
#footer {
    float:left;
    height:auto;
    width:95%;
    border:0;
    text-align:right;
    margin:20px 0 0 0;
    padding-bottom:10px;
    background-color:#444444;
    padding-top:20px
}
#footer #langue {
    float:left;
    *background-image:none !important;
    background-repeat:no-repeat;
    width:22%;
    height:25px;
}
#footer #langue #flag_country{
    float:left;
    margin:4px 0 0 4px;
    *background-image:none !important;
    background-repeat:no-repeat;
    position:relative;
    cursor:pointer;
}
#footer #langue a#lien-langue {
    float:left;
    position:relative;
    text-align:left;
    width:124px;
    height:17px;
    margin:4px 0 0 0;
    color:#9a9f9f;
}
#footer #langue a#lien-langue:hover {
    color:#999999;
}
#footer #liens {
    width:78%;
    height:23px;
    float:left;
    display:block;
    border:0;
    padding:0px;
    margin:0px;
    color:#999999;
    position:relative;
    top:5px;
    text-align:center;
}
#footer #liens a {
    color:#FFFFFF;
    font-style:italic;
    margin:0 2px;
}
#footer #liens a:hover {
    color:#9a9f9f;
}
#footer #oxylane a {
    display:block;
    float:left;
    position:relative;
    top:2px;
}


/************************** REFERENCE ****************************/
#keywords {
    float:left;
    width:850px;
    /*margin-top:30px;*/
    position:relative;
    text-align:left;
    color:#9a9f9f;
}
#keywords h1{
    font-size:10px;
    color:#9a9f9f;
    font-weight:normal;
    font-style:italic;
}
#keywords a{
    color:#9a9f9f;
}

/**************************************************************/
#filtre, #filtreOxylane {
    float:left;
    background-color:#666666;
    display: none;
    position:absolute;
    filter:alpha(opacity=50);
    VISIBILITY: visible;
    WIDTH: 1260px;
    HEIGHT: 863px;
    opacity: 0.7;
    MozOpacity: 0.7;
    KhtmlOpacity: 0.7;
    top:0;
    left:0;
    z-index:110000;
}
#calque {
    display:none;
    width:560px;
    height:577px;
    position:absolute;
    z-index:200000;
    color:#000000;
    overflow-y:hidden;
    overflow-x:hidden;
}

#calqueOxylane {
    display:none;
    width:500px;
    height:700px;
    position:absolute;
    z-index:200000;
    color:#000000;
    overflow-y:hidden;
    overflow-x:hidden;
}
/* *********************** Top search *********************** */

#topsearch-results{
    min-height:820px;
    -height:820px;
    width:600px;
}

#topsearch-results iframe{
    margin-top: 100px;
    margin-left : 150px;
    width:600px;
    min-height:750px ;
    overflow:hidden;    
}

#bloc-topsearch-results{
    margin-left:130px;
    margin-top:110px;
    width:600px;
}

#topsearch-results iframe {
    margin-top:0px;
    margin-left:10px;
}
/* ##########  TOP SEARCH VERSION 5.6 ##########  */
#top-search{
    height:830px;
    margin-top:100px;
    margin-left:150px;
    width:600px;
}

.liens-topsearch{
    width:600px;
    min-height:500px;
    -height:500px
}

.colonne-topsearch{
    margin-top:0px;
    margin-bottom:0px;
    float:left;
}

.liens-nav-topsearch{
    margin-top:20px;
    padding-bottom:30px;
}

.lien-precedent-topsearch, .lien-suivant-topsearch, .lien-parent-topsearch {
    width:200px;
    height:10px;
    float:left;
}

.lien-precedent-topsearch a, .lien-suivant-topsearch a, .lien-parent-topsearch a{
    color:#000000;
}

.lien-precedent-topsearch a:hover, .lien-suivant-topsearch a:hover, .lien-parent-topsearch a:hover{
    color:#999999;
}

.lien-precedent-topsearch {
    text-align :left;
}

.lien-suivant-topsearch {
    text-align:right;
}

.lien-parent-topsearch {
    text-align :center;
}

.titre-topsearch{
    width:500px;
}

.titre-topsearch H1 {
    margin-bottom:10px;
    font-size:12px;
}

.texte-topsearch{
    width:500px;
    font-size:12px;
    margin-bottom:20px;
}

.colonne-topsearch{
    width:150px;
}

.liens-topsearch .colonne-topsearch div {
    text-decoration : none;
    color: #000000;
    width: 150px;
    cursor : pointer;
    margin-bottom:5px;
}

.liens-topsearch .colonne-topsearch .numLien{
    text-decoration : none;
    color: #000000;
    width: 20px;
    float:left;
}

.liens-topsearch .colonne-topsearch .leLien{
    text-decoration : none;
    color: #000000;
    width: 130px;
    float:left;
}

.liens-topsearch .colonne-topsearch div .leLien a{
    text-decoration : none;
    color: #000000;
}
/* ##########  FIN  TOP SEARCH VERSION 5.6 ##########  */
/* ########## OXYLANE  ##########  */
#boutonOxylaneService {
    text-align:left;
    border:0;
    position:relative;
    float:right;
    height:20px;
    margin:10px 0 0 0 ;
    width:840px;
    z-index:200;    
}
html>body #boutonOxylaneService{
    margin-right:-330px;
    *margin-right:0;
}
/* ########## FIN OXYLANE  ##########  */

 /* ######### NUAGE DE LIENS ######## */ 
#liens-footer{
    float:left;
    width:100%;
    height:50px;
    margin-bottom:5px;    
}

#thematique-nuage{
    float:left;
    width:100%;
}

#keywords{
    width:45%;
    float:left;
}

#nuage-liens{
    float:right;
    width:45%;
    margin:0px;
    padding:0px;
}

.nuageliensgrands{
    color:#999999;
    font-size: 12px;
    text-decoration:none;
}

.nuagelienspetits{
    color:#999999;
    font-size: 10px;
    text-decoration:none;  
    font-weight :bold ;
}


#nuage-et-thematique{
    width:1000px;
}

.nuage-haut{
    width:412px;
    height:18px;
}

.nuage-milieu{
    width:412px;
    margin:0px;
    text-align:center
}

.nuage-milieu a {
    color:#666666;
}

.nuage-milieu a:hover{
    color:#999999;
}

.nuage-bas{
    width:412px;
    height:18px;
}
/* ########## FIN NUAGE DE LIENS ########" */


/* ########## SAISIE PREDICTIVE ########" */
#search_suggest{
    width:175px;
    float:left;
    z-index:6000;
    position:relative;
    background-color:#444444;
    border: 1px solid #999999;
    margin-top:4px;
    clear:both;
    display:none;
}

#search_suggest a {
    color: #999999;
    font-size:10px;
}

#search_suggest a:hover {    
    font-size:10px;
    text-decoration:underline;
}

#search_suggest .suggest_link .suggest_link span{
    color: #ffff33;
    font-weight:700;
}

.suggest_link{
    margin-left:5px;
}

/* ########## FIN SAISIE PREDICTIVE ########" */
/*
.searchbox{
    float:left;
}*/