/** 
* Feuille de style pour l'impression
* 
* @client ASN
* @project portail
* @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 .skiplink,
#header .network,
#header #search,
#header #main_nav,
.toolsbox,
#footer,
.map_region,
.nav,
.visio_nav,
.cart,
.formulaire,
.block_link,
.view_link,
.figure_link,
.btn,
.btn_top,
.btn_back,
.dropdown,
.action,
.addthis,
.pertinence,
.mask,
form,
.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;
}
#wrapper {
    margin: 20px auto;
    width: 700px;
}
#content {
    border: 1px solid #CDCECE;
    padding: 20px 40px 40px;
}
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 {
    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; 
} 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #528585;
    text-decoration: none;
}
hr {
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin: 20px 0;
    padding: 0;
}

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

/* HEADER => zone de titre */
#header { margin-bottom: 20px; }
#header .logo img { vertical-align: baseline; }


#header .site_id {
    background: none repeat scroll 0 0 #007576;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
    clear: both;
    padding: 30px;
    position: relative;
    z-index: 2;
}
#header p {
    margin: 0;
}
#header .site_id a {
    color: #FFFFFF;
}
#header a {
    text-decoration: none;
}
/* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/


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

/* Mise en forme => titres */
.content h1, .content h2,.content h3,.content h4,.content h5,.content h6 {
    font-family:arial, sans-serif;
    font-weight: bold;
    color:#528585;
    margin:1.5em 0 1em 0;
}
.content h1 { font-size:2em; margin-top:0; color:#000; }
.content h2 { font-size:1.7em; }
.content h3 { font-size:1.3em; }
.content h4 { font-size:1.1em; }
.content h5 { font-size:1.1em; }
.content h6 { font-size:1em; }
.content h2 a,.content h3 a,.content h4 a,.content h5 a,.content h6 a { color:#528585; text-decoration:none; }

/* 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;
    color: #996666;
}
.maj {
    color: #996666;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
}
.ines span {
    display: inline-block;
    .mx_box_sizing;
    width: 12.5%;
    height: 40px;
    border-bottom: 4px solid #ccc;
    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;
}
figure figcaption {
    padding:2px 0;
    font-style:italic;
    font-size:0.9em;
}
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 #ccc;
}
.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:100px;
    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 {
    margin:0 0 1.5em 1em;
    padding:0;
}

.content .list li {
    overflow:hidden;
    margin:0;
    padding-left: 15px;
}
.content .list a {
    display:block;
    text-decoration:none;
    color:#5e6163;
}
.content .list img {
    float:left;
    width:100px;
    height:auto;
    margin-right:10px;
}
.content .list strong {
    display: block;
}
.content .agenda time {
    padding-right:10px;
    display:inline;
    color:#ff7e00;
}

/* View map */
.content .map {
    margin-bottom:40px;
}
.content .gmap {
    border:4px solid #528585;
}
.content .gmap img {
    max-width:none;
    width:auto;
    height:auto;
}
/* Block => aside */
.content .aside h2 {
    background: none repeat scroll 0 0 #528585;
    color: #FFFFFF;
    margin: 0;
    padding: 2px 15px;
    text-transform: none;
}
.content .aside .view {
    overflow: hidden;
    padding:10px;
    background:#fafafa;
}


/* Block => general  */
.content .block {
    position:relative;
    margin-bottom:20px;
}
.content .block h2 {
    margin:0 0 15px 0;
    font-size:1.5em;
}
/* toolsbox  */
#wrapper .toolsbox {
    clear: both;
    font-size: 0.9em;
    margin: 0 0 20px;
    overflow: hidden;
    padding-top: 3px;
    display: block;
}

#wrapper .toolsbox .actions {
    float: right;
    margin-top: -3px;
}
#wrapper .toolsbox .actions p {
    float: left;
    margin: 5px 0 0;
}
#wrapper .toolsbox .actions p a {
    background:url('../images/pictos/picto_print.png') no-repeat right top;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 23px 0 0;
    text-decoration: none;
}