/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0; 
    font-family: Arial, Helvetica, FreeSans, sans-serif; 
    font-size: 12px; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: #333;
    background-color:#f7f7f7;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; 
    font-style: normal;
}

h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}

/* Listes */
ul{list-style:none;}

ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p { margin: .75em 0;}

address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a,
a:hover {text-decoration: none;}

/* Pas de bordure autour des images dans les liens */
a img {border: none;}

/* Divers éléments de type en-ligne (8) */
em {font-style: italic;}
strong {font-weight: bold;}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

input, button, select {vertical-align: middle; /* Solution pb. d'alignement. (9) */}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations (ayant un attribut title) */
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

/* Met en évidence les citations */
blockquote {
    margin: .75em 0 .75em 20px;
    padding: 0 0 0 10px;
    border-left: solid 2px #ddd;
}

q, cite {font-style: italic;}
q cite, q q {font-style: normal}

/* Supprime les guillemets automatiques (citations courtes) */
q {quotes: none;}
q:before, q:after {content: ""; /* Nécessaire pour Safari/Chrome */}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p { margin: .5em 0;}

/* Styles de base pour les listes de définition */
dl { margin: .75em 0;}
dt {
    margin: .75em 0 0 0;
    font-weight: bold;
}
dd {margin: .25em 0 .25em 32px;}

/* Mise en forme simple pour les tableaux */
table {
    margin: 0;
    border: none; /* Pas de bordure = "none". */
    border-collapse: collapse; /*Valeur par défaut: "separate". */
    border-spacing: 0;
    font-size:13px;
}
table td, table th {
    padding: 6px; /* Pas de retrait autour du texte = "0". */
    border: none; /* Pas de bordure = "none". */
    vertical-align: middle; /* Valeur par défaut: "middle" */
}

table a{font-weight:bold;color:#3d95c7;}
table a:hover{color:#0f7ebc;}

/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
    display: block;
}

code{
    line-height: 21px;
    font-size: 100%;
    border-radius: 4px;
}


/* Clear
---------------------------------------------- */
.clearfix:after, 
.clear:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;}

.clearfix, 
.clear {display:block;}

.clear {clear:both;}

html[xmlns] .clearfix,
html[xmlns] .clear {display: block;}

* html .clearfix,
* html .clear {height: 1%;}

.clear_marge{clear:both;margin-bottom:10px;}


.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.red {color:#FF7070 !important;font-weight:bold;}
a.black {
    color:#666 !important;
    font-weight:bold;
    font-size:13px !important;
    text-decoration:underline;}
a.black:hover {color:#333 !important;}


div.load-graph{
    height: 400px;
    background: url('/img/default/picto_loading.gif') no-repeat center center;
}

.tab_export {
    background:transparent url('/img/default/icon_csv.png') no-repeat 0 0;
    padding-left: 20px;
}

.bold{font-weight: bold;}