/** 
* Feuille de style pour l'impression
* 
* @client HERMES
* @project Site financier
* @author Kaliop 
* 
*
* @summary 
*   NON IMPRIMABLE
*   RESET
*   EN TETE DE PAGE : HEADER & FIL D'ARIANE 
*   PARTIE CENTRALE : CONTENT 
*   ___ CONTENT => Mise en forme 
*   ___ CONTENT => Blocs 
*   ___ CONTENT => Listes de resultats
*   ___ CONTENT => Colonnes 
*   ___ CONTENT => Zone principale 
*   PIED DE PAGE : FOOTER
*
*/

/* NON IMPRIMABLE 
---------------------------------------------------------------------------------------------------*/
#header #main_nav,
#header #main_nav_responsive,
#header .sticky-wrapper,
#header .skiplink,
#widget_cotation,
.toolsbox,
#footer,
.nav,
.visio_nav,
.formulaire,
.block_link,
.view_link,
.figure_link,
.btn,
.btn_top,
.btn_back,
.dropdown,
.action,
.actions,
.addthis,
.pertinence,
.mask,
form,
.tooltip,
.ico,
.template,
#sb-container,
#debug {
    display:none;
}


/* RESET 
---------------------------------------------------------------------------------------------------*/

body {
    margin:0;
    padding:0;
    font-family:Georgia,times,serif;
    font-size:10pt;
    color:#000;
}
body * {
    margin:0;
    padding:0;
    border:none;
}
a {
    text-decoration:none;
    color:#000;
}
ul, ol {
    list-style-position:inside
}
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { 
   max-width: 100% !important; 
} 
img, iframe, object, embed {
    width:auto;
    max-width:100%;
    height:auto;
    vertical-align:middle;
}
textarea, table, td, th, code, pre, samp { 
   word-wrap: break-word;
}
code, pre, samp { 
   white-space: pre-line; 
} 


/* EN TETE DE PAGE : HEADER & FIL D'ARIANE 
---------------------------------------------------------------------------------------------------*/

/* HEADER => zone de titre */
#header { overflow: hidden; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #e1e1e1; }
#header h1 { float : left; margin: 0; }
#header h1 img { max-width: none; width: auto; height: 38px;}
#header .info_action { padding-top: 28px; font-style: italic; text-align: right; font-size: 0.9em; }
#header .info_action p, #header .info_action div, #header .info_action * { display: inline; font-weight: normal; }


/* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/


/* ---------------  CONTENT => Mise en forme */

/* Mise en forme => titres */
h1, h2, h3, h4, h5, h6 {
    font-family:times, serif;
    margin:1.5em 0 1em 0;
    font-weight: normal;
    font-style: italic;
}
h1 {
    margin:0 0 30px 0;
    font-size:2.7em;
    line-height:1.4em;
}
h2 { font-size:1.7em; }
h3 { font-size:1.5em;}
h4 { font-size:1.3em;}
h5 { font-size:1.1em;}
h6 { font-size:1em; font-weight:bold;}
h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top:0;}

/* Mise en forme => intro */
.intro {
    overflow:hidden;
    margin-bottom:20px;
    color:#172530;
    font-size:1.25em;
}
.intro .ill {
    float:left;
    margin: 0 30px 0 0;
    max-width:30%;
}

/* Mise en forme => meta */
.meta {
    display: block;
    margin:0 0 5px 0 !important;
    font-size:0.9em;
}
.maj {
    font-size: 0.8em;
    text-align: right;
}
.ines span {
        display: inline-block;
        .mx_box_sizing;
        width: 12.5%;
        height: 40px;
        border-bottom: 4px solid #e1e1e1;
        text-align: center;
        line-height: 40px;
        color: #000;
        font-size: 1.1em;
}
.ines span:nth-child(1n).selected {font-size: 1.7em; border-color: #8b8b8d; color: #8b8b8d; }
.ines span:nth-child(2n).selected {font-size: 1.7em;  border-color: #b08810; color: #b08810; }
.ines span:nth-child(3n).selected {font-size: 1.7em;  border-color: #3d2777; color: #3d2777; }
.ines span:nth-child(4n).selected {font-size: 1.7em;  border-color: #618dc4; color: #618dc4; }
.ines span:nth-child(5n).selected {font-size: 1.7em;  border-color: #005f6c; color: #005f6c; }
.ines span:nth-child(6n).selected {font-size: 1.7em;  border-color: #7fb228; color: #7fb228; }
.ines span:nth-child(7n).selected {font-size: 1.7em;  border-color: #ef9e1e; color: #ef9e1e; }
.ines span:nth-child(8n).selected {font-size: 1.7em;  border-color: #a20028; color: #a20028; }
.ines + .file { display: none; }

/* Mise en forme => paragraphes et listes */
.content p {
    margin-bottom:1em;
}
.content ul,
.content ol {
    margin-bottom:1em;
}
.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
    margin: 0.5em 0 0.5em 1em;
}

/* Mise en forme => liens */
.content .file a { text-decoration:none; color:#000; }

/* Mise en forme => citation */
blockquote {
    overflow:hidden;
    margin:1.5em 0;
    padding:20px 20px 10px 20px;
    border:1px solid #996666;
    font-style:italic;
}
blockquote p {
    margin-bottom:0.5em;
}
blockquote cite {
    float:right;
    color:#172530;
    font-style:normal;
}

/* Mise en forme => encadre */
.factbox-content {
    position:relative;
    margin:1.5em 0;
    padding:20px 20px 10px 20px;
    border:1px solid #996666;
}
.factbox-content.half {
    float:right;
    width:210px;
    margin-left:20px;
}
.factbox-content h2, .factbox-content h3 { margin-top:0; margin-bottom:0.5em; color:#996666; }
.factbox-content + h2 { margin-top:0; }
.factbox-content ul, .factbox-content ol {
    margin-left:0;
}

/* Mise en forme => images */
figure {
    position:relative;
    margin:0 0 20px 0;
}
figure figcaption {
    display:block;
    margin:5px 0 0 0;
    font-size:0.9em;
    font-style: italic;
    text-align: left;
}
figure .action {
    position:absolute;
    top:50%;
    left:50%;
    margin: -28px 0 0 -28px
}

/* Mise en forme => tableaux */
/* tableaux de données */
.content table {
    width:100%;
    margin-bottom:1.5em;
    border-collapse:collapse;
}
.content table caption {
    margin-bottom:1em;
    text-align:left;
    font-size:1.1em;
    font-weight:bold;
    color:#000;
}
.content table th {
    padding:0.5em;
    border:1px solid #666;
}
.content table td {
    padding:0.5em;
    border:1px solid #666;
}
/* tableaux de mise en page */
.content table.table_form {
    width:auto;
}
.content table.table_form td {
    padding:0;
    border:0;
}

/* Mise en forme => positionnement */
.left {
    float:left;
    margin-right:20px;
}
.right {
    float:right;
    margin-left:20px;
}
.center {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

/* Mise en forme => outils de mise en page */
.clear_spacer, hr {
    clear:both;
}
.sep {
    clear:both;
    margin:0;
    padding:0;
    border-top:1px dotted #e1e1e1;
}
.horschamp {
    position:absolute;
    left:-300em;
}


/* ---------------  CONTENT => View */

.content .block { overflow: hidden; clear:both; margin-bottom: 20px; }
.content .tab_section { overflow: hidden; }

/* View => general */
.content .view {
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
}
.content .view h3 {
    margin:0 0 5px 0;
}
.content .view .ill {
    overflow:hidden;
    float:left;
    width:250px;
    margin-right:15px;
}
.content .view .ill img {
    width:100%;
    height:auto;
}
.content .view .intro {
    clear:none;
    font-size:1em;
    margin-bottom:0;
}

/* View list */
.content .list ul {
    margin:0;
    padding:0;
}
.content .list li {
    overflow:hidden;
    margin:0 0 15px 0;
    padding:0;
    background:none;
    list-style:none;
}
.content .list li li { margin:0 0 5px 0; }
.content .list img {
    float:left;
    width:100px;
    height:auto;
    margin-right:10px;
}
.content .list strong {
    font-weight: normal;
}
.content .list.rapport li time {
    display: inline-block;
    width: 15%;
    font-size: 1em;
}
.content .list .highlight {
    padding: 20px;
    border: 1px dotted #e1e1e1;
}
.content .list .n1 { padding-bottom: 15px; font-weight: bold; }

/* View thumb  */
.content .thumb ul {
    margin:0;
    padding:0;
}
.content .thumb li {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width: 30%;
    margin-bottom: 25px;
    padding: 0;
    background: none;
}
.content .thumb li .ill {
    float: left;
    width: 100px;
    margin-right: 20px;
}
.content .thumb strong {
    font-weight: normal;
}

/* View resume */
.content .resume{
    padding: 20px;
    border: 1px dotted #e1e1e1;
}
.content .resume .ill {
    float: left;
    margin-right: 50px;
}
.content .resume time {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e1e1e1;
    font-size: 2.1em;
    font-weight: bold;
    color: #000;
}
.content .resume strong {
    font-weight: normal;
}


/* View visio */
.content .visio {
    position: relative;
    overflow: hidden;
}
.content .visio .desc {
    overflow: hidden;
}
.content .visio h1 {
    margin: 0;
    padding-bottom:5px;
    border-bottom: 1px dotted #e1e1e1;
    font-size: 1em;
    font-weight: normal;
}
.content .visio h2 {
    margin: 10px 0 5px 0;
    font-size:1.2em;
    line-height:1.1em;
}
.content .visio .visio_content .view { display: block; }

/* View pdf / iframe */
.content .iframe_container {
    clear: both;
    overflow: hidden;
    display: none;
}
.content .iframe_container iframe { width: 100%; }

/* map */
.content .map { width: 650pt; }
.content .map figure { position: relative; text-align: center; }
.content .map figure ul { margin: 0; }
.content .map figure li {
    list-style: none;
    position: absolute;
    overflow: visible; 
    margin: 0;
    padding: 0;
    background: none;   
}
.content .map figure li:before { display: none; }
.content .map figure li a { display: block; }
.content .map figure li span {
    display: inline-block;
    max-width: 60px;
    margin: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
}
.content .map figure strong { 
    display: inline-block;
    width: 100pt;
    height: 100pt;
    border: 1pt dashed #646464;
    -webkit-border-radius: 100pt;
    border-radius: 100pt;
    line-height: 100pt;
    font-size: 1.5em;
    position: relative;
    behavior: url(/extension/finances/design/finances/stylesheets/libraries/PIE.htc);
}
.content .map figure .zone1 { top: 17%; left: 3%; }
.content .map figure .zone1 a { color: #69A5AB; }
.content .map figure .zone1 strong {
    width: 130pt;
    height: 130pt;
    -webkit-border-radius: 130pt;
    border-radius: 130pt;
    line-height: 130pt;
    color: #69A5AB;
    border-color: #69A5AB;
}

.content .map figure .zone2 { top: 53%; left: 12%; }
.content .map figure .zone2 a { color: #ac6841; }
.content .map figure .zone2 strong { color: #ac6841; border-color: #ac6841; }

.content .map figure .zone3 { top: 25%; left: 32%; }
.content .map figure .zone3 a { color: #ff9955; }
.content .map figure .zone3 strong { 
    width: 60pt;
    height: 60pt;
    -webkit-border-radius: 60pt;
    border-radius: 60pt;
    line-height: 60pt;
    color: #ff9955; border-color: #ff9955;
}

.content .map figure .zone4 { top: 37%; left: 53%; }
.content .map figure .zone4 a { color: #28a2c3; }
.content .map figure .zone4 span { position: absolute; bottom: -50pt;  left:50%; margin-left: -30pt; }
.content .map figure .zone4 strong { 
    width: 50pt;
    height: 50pt;
    -webkit-border-radius: 50pt;
    border-radius: 50pt;
    line-height: 50pt;
    color: #28a2c3; border-color: #28a2c3;
}

.content .map figure .zone5 { top: 12%; right: 10%; }
.content .map figure .zone5 a { color: #ed5fa1; }
.content .map figure .zone5 span { float: right; line-height: 100pt; }
.content .map figure .zone5 strong {
    width: 150pt;
    height: 150pt;
    -webkit-border-radius: 150pt;
    border-radius: 150pt;
    line-height: 150pt;
    color: #ed5fa1;
    border-color: #ed5fa1;
}

.content .map figure .zone6 { top: 57%; right: 10%; }
.content .map figure .zone6 a { color: #78c987; }
.content .map figure .zone6 span { float: right; line-height: 100pt; }
.content .map figure .zone6 strong { color: #78c987; border-color: #78c987; }