/* 
    Document   : general.css
    Created on : 26 juil. 2010, 18:32:10
    Description:
        Feuille de style général du site
*/
/****  G E N E R A L  ****/
*{
    /* Enlever les pointillés sur Firefox / Chrome */
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    margin:0;
    padding:0;
}

a{
    color:#0086CB;
    text-decoration: none;
}

a img{
    border:0;
}

body{
    min-width:1000px;
    font-size: 14px;
    font-weight: normal;
    color:#000000;
    font-family: Arial;
}

strong{
    font-size: 14px;
}

.clr,
.clear,
.spacer{
    display:block;
    clear:both;
}

ul{
    list-style-position:inside;
}

.sous-titre{
    color: #000000!important;
    font-size:30px!important;
    font-weight:bold!important;
    font-style: italic!important;
    line-height: 36px!important;
}

#content_body ul li{
    list-style:disc inside url('../images/content/puce.gif');
}

/* Structure de la page */
body{
    background:#ffffff url('../images/Fond.jpg') no-repeat top center;
}

div.body{
    width:1000px;
    margin:0 auto;
}

/****** ENTETE DE LA PAGE / HEADER ******/

/* Structure général */
div#header{
    padding:15px 0 0 0;
}

/* Logo CILC */
div#header div.body div#logo{
    display:block;
    float:left;
    width:430px;
    margin-top: 15px;
}

div#header div.body div#logo a{
    display:block;
    text-indent:-3000px;
    width:282px;
    height:74px;
    margin-left: 60px;
    background:url('../images/header/LogoRoutage86.png') no-repeat top left;
}

/* Baseline */
div#header div.body .page-baseline{
    display:block;
    font-size:10px;
    text-align: center;
}

div#header div.body p#accroche{
    display:block;
    width:309px;
    height:125px;
    float:right;
    text-indent:-3000px;
    background:url('../images/header/DonnezDesAiles.png') no-repeat top left;
}

/* Visionneuse */
div#visionneuse{
    clear:both;
    height:285px;
    width:980px;
    margin:0 auto 10px auto;
    padding:0 0 22px 0;
    background:url('../images/header/OmbrePorteeBandeau.png') no-repeat center bottom;
}

div#visionneuse div.djslider-loader{
    background:#000000;
    height:285px;
}

div#visionneuse .djslider-loader {
    height: 285px; 
    width: 100%;
}

div#visionneuse .djslider {
    height: 285px; 
    width: 100%;
}

div#visionneuse .slider-container {
    height: 285px; 
    width: 100%;			
}

div#visionneuse .djslider ul li {
    height: 285px;
    width: 980px;
}

/******  ESPACE DE CONTENU  ******/

div#content{
}

div#content div.body{
}

div#content_menu{
    width:270px;
    float:left;
}

/* Menu de gauche */

div#content_menu div#menu-gauche ul{
    display: block;
    list-style: none;
    width:270px;
}

div#content_menu div#menu-gauche ul li{
    padding:0 0 4px 0;
}

div#content_menu div#menu-gauche ul li a{
    display:block;
    padding:5px 20px;
    background-color:#F49E00;
    font-size:16px;
    font-weight: bold;
    color:#000000;
}

div#content_menu div#menu-gauche ul li.first{
}

div#content_menu div#menu-gauche ul li.last{
}

div#content_menu div#menu-gauche ul li.last a{
}

div#content_menu div#menu-gauche ul li a:hover,
div#content_menu div#menu-gauche ul li.current a{
    background-color: #D56F12;
}

div#content_menu div#menu-gauche ul li.current a{
    background-image:url('../images/content/FlecheMenuBleu.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

/* Menu de gauche bleu */
div#content_menu div#menu-gauche ul.menu-gauche-bleu{
    margin-top:30px; 
}

div#content_menu div#menu-gauche ul.menu-gauche-bleu li a{
    background-color: #0086CB;
    color:#ffffff;
}

div#content_menu div#menu-gauche ul.menu-gauche-bleu li a:hover,
div#content_menu div#menu-gauche ul.menu-gauche-bleu li.current a{
    background-color: #005193;
}

/* Menu du haut et Menu Haut gauche */
div#content_menu div#menu-gauche ul.menu-haut-gauche,
div#content_menu-haut{
    display:block;
    overflow: auto;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche{
    margin-bottom: 45px;
}

div#content_menu-haut{
    float:right;
    width:710px;
    background:#868084;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche,
div#content_menu-haut ul.menu-haut{
    list-style: none;
    display:block;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li,
div#content_menu-haut ul.menu-haut li{
    display:inline;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li a{
    background:#868084;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li span.separator,
div#content_menu div#menu-gauche ul.menu-haut-gauche li a,
div#content_menu-haut ul.menu-haut li span.separator,
div#content_menu-haut ul.menu-haut li a{
    display:block;
    float:left;
    font-size:16px;
    color:#ffffff;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li a,
div#content_menu-haut ul.menu-haut li a{
    padding:10px 13px;
    text-decoration: none;
    font-weight: normal;
}

div#content_menu-haut ul.menu-haut li.first a{
    padding:10px 13px 10px 20px; 
}


div#content_menu div#menu-gauche ul.menu-haut-gauche li.first a{
    padding:10px 20px 10px 20px;
    background-image:url('../images/content/FlecheMenuBleu.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li:hover a,
div#content_menu div#menu-gauche ul.menu-haut-gauche li.current a,
div#content_menu-haut ul.menu-haut li a:hover,
div#content_menu-haut ul.menu-haut li.current a{
    background:#e2f3fd;
    color:#868084;
}

div#content_menu div#menu-gauche ul.menu-haut-gauche li span.separator,
div#content_menu-haut ul.menu-haut li span.separator{
    position:relative;
    bottom:2px;
    padding:10px 3px;
}

/* Espace de contenu */
div#content_body{
    float:right;
    width:650px;
    min-height: 980px;
    padding:30px;
    color:#000000;
    background:#ffffff;
}

/* Titre des page */
#content_body .page-titre{
    font-size: 22px;
    font-weight:normal;
    text-transform: uppercase;
    margin-bottom: 13px;
}

/* Fil d'ariane */

#content_body ul.fil_ariane{
    list-style: none;
    margin-bottom: 35px;
}

#content_body ul.fil_ariane li{
    display:inline;
}

#content_body ul.fil_ariane li.separator,
#content_body ul.fil_ariane li a{
    font-size:12px;
    color:#867F84;
}

/* separateur */
#content_body ul.fil_ariane li.separator{
    margin:0 5px;
    font-size: 14px;
}

/******  FOOTER ******/

/* structure général */
div#footer{
    background:url('../images/footer/Fond.jpg') no-repeat center top;
    padding-top: 50px;
    margin-top: 60px;
}

div#footer div.body{
    padding-bottom: 40px;
    overflow:auto;
}

/* Menus du bas */
table#menus-bas{
    width:750px;
    float:left;
    margin-top:15px;
}

table#menus-bas tr td{
    width:250px;
    vertical-align: top;
}

table#menus-bas tr td ul.menu{
    display:block;
    list-style: none;
    padding:0 10px;
}

table#menus-bas tr td ul.menu li{
    list-style: none;
}

table#menus-bas tr td ul.menu li.level-0{
    margin-bottom:5px;
}

table#menus-bas tr td ul.menu li.level-0.last{
    margin-bottom: 0;
}

table#menus-bas tr td ul.menu li a{
    color:#000000;
    font-size: 14px;
    color: #867F84;
}

table#menus-bas tr td ul.menu li.level-0 ul li{
    padding:0 0 0 10px;
}

table#menus-bas tr td ul.menu li a:hover{
    text-decoration: underline;
}

table#menus-bas tr td ul.menu li.current a{
    font-weight: bold;
}

/* Bloc Contact dans le footer */
div.blocks-footer{
    float:right;
    width:240px;
}

div.blocks-footer div.block-contact div.texte{
    padding:0 0 0 28px;
    color: #0086CB;
}

/* Copyright */
div#copyright{
    min-height: 0;
}

div#copyright *{
    color:#d0aa8b;
}

div#copyright table{
    width:990px;
    margin-left: 10px;
}

div#copyright table tr td{
    vertical-align: top;
}

div#copyright ul,
div#copyright ul li,
div#copyright p,
div#copyright a{
    display:inline;
    font-size: 12px;
    color: #867F84;
}

div#copyright ul li.separator{
    margin:0 7px;
}

div#copyright ul{
    list-style: none;
}

div#copyright table tr td.signature-agence{
    text-align: right;
    padding-right:15px;
}