/*
    Styles globaux
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2015 */

@font-face {
    font-family: 'cartogothic_stdbold';
    src: url('cartogothicstd-bold-webfont.eot');
    src: url('cartogothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('cartogothicstd-bold-webfont.woff2') format('woff2'),
    url('cartogothicstd-bold-webfont.woff') format('woff'),
    url('cartogothicstd-bold-webfont.ttf') format('truetype'),
    url('cartogothicstd-bold-webfont.svg#cartogothic_stdbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'cartogothic_stdregular';
    src: url('cartogothicstd-book-webfont.eot');
    src: url('cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('cartogothicstd-book-webfont.woff2') format('woff2'),
    url('cartogothicstd-book-webfont.woff') format('woff'),
    url('cartogothicstd-book-webfont.ttf') format('truetype'),
    url('cartogothicstd-book-webfont.svg#cartogothic_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cartogothic_stditalic';
    src: url('cartogothicstd-italic-webfont.eot');
    src: url('cartogothicstd-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('cartogothicstd-italic-webfont.woff2') format('woff2'),
    url('cartogothicstd-italic-webfont.woff') format('woff'),
    url('cartogothicstd-italic-webfont.ttf') format('truetype'),
    url('cartogothicstd-italic-webfont.svg#cartogothic_stditalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* Style d'alignements - NE PAS MODIFIER */
.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.justify {
    text-align: justify !important;
}

.valign-top {
    vertical-align: top !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.clearer {
    clear: both;
    height: 0.01em;
    font-size: 0.01em;
    padding: 0;
    line-height: 0px;
}

.display-none {
    display: none;
}

.hidden {
    position: absolute;
    left: -9999px;
    top: 0;
}

/* /Style d'alignements */

/* = Balises de base = */
body {
    font: 0.75em/1.4em Arial, Helvetica, sans-serif;
    color: #414141;
    background: #ECECEC url(../images/bg_comprendre.png) center 2.8em repeat-x;
}

h1, h2, h3, h4 {
    font-family:cartogothic_stdbold, arial, helvetica;
}

h1, .h1 {
    color: #005891;
    font-size: 3em;
    font-weight: normal;
    margin: 0.25em;
    line-height: 1.2em;
}

h2, .h2 {
    color: #005891;
    font-weight: normal;
    font-size: 1.5em;
    margin: 1em 0;
}

h3, .h3 {
    margin: 0.5em 0;
}

h4, .h4 {
    margin: 0.5em 0;
}

h5, .h5 {
    margin: 0.5em 0;
}

h6, .h6 {
    margin: 0.5em 0;
}

p {
    margin: 1em 0;
}

ul, ol {
    margin: 0 1em;
}

ul li,
ol ul li {
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

caption {
    text-align: center;
    font-weight: bold;
    padding: 0.5em;
}

th {
    text-align: center;
    font-weight: bold;
}

hr {
    background: #000;
    color: #000;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0 0 15px;
    border: none;
    font-size: 1px;
    display: block;
}

code {
    border: 1px solid #eee;
    background-color: #fff;
    display: block;
    padding: 0.7em;
    font-family: "courier new", courier, monospace;
}

/* = Liens = */
a:link, a:visited {
    color: #414141;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

/* = Menu d'accès rapide = */
#acc-links {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70px;
    left: 10px;
}

#acc-links li {
    display: inline;
    background: none;
    padding: 0;
    margin-right: 0.5em;
}

#acc-links a:link,
#acc-links a:visited {
    position: absolute;
    top: 0;
    left: -9999em;
    background-color: #fff;
    padding: 0.5em;
    white-space: nowrap;
}

#acc-links a:focus,
#acc-links a:active {
    left: 0;
}

.target {
    outline: 2px dashed red;
    overflow: hidden;
}

/* ---------------------------- BARRE INTERSITES ------------------------------ */

#intersites {
    font-family: cartogothic_stdregular, Arial, Helvetica, sans-serif;
    color: #FFF;
    background: #005891;
    border-bottom: 2px solid #FFF;
    z-index: 99;
}

#intersites h1 {
    position: absolute;
    width: 1px;
    overflow: hidden;
    left: -3000px;
}

#intersites nav > ul {
    width: 980px;
    padding: 0 10px;
    margin: 0 auto;
}

#intersites li {
    display: inline-block;
    list-style-type: none;
    font-size: 1.05em;
    margin-right: 20px;
}

#intersites a, #intersites a:link, #intersites a:visited, #intersites button {
    text-decoration: none;
    color: #FFF;
    background: #005891;
    padding: 0.6em 0;
    border: none;
}

#intersites li:nth-child(2) {
    margin-left: 40px;
}

#intersites li:nth-child(3) {
    margin-left: 220px;
}

#intersites li:last-child {
    margin: 0 0 0 5px;
}

/* --------- Dropdowns ------------- */

#intersites .k-actions {
    position: relative;
}

#intersites button.dd-trigger {
    background: url(../images/sprite_studio.png) right -4315px no-repeat;
    padding-right: 25px;
}

#intersites button.dd-trigger.active {
    background-position: right -4396px;
}

#intersites ul.content {
    display: none;
    position: absolute;
    width: 20em;
    color: #FFF;
    background: #005891;
    padding: 10px 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .7);
    margin: 0;
    z-index: 1000;
}

#intersites ul.content li {
    display: block;
    margin: 0;
}

#intersites ul.content a:link, #intersites ul.content a:visited {
    display: block;
    padding: 5px 10px;
}

#intersites ul.content a:hover, #intersites ul.content a:focus {
    color: #FFF;
    background: #082C44;
}

#intersites ul.content.big-menu {
    width: 500px;
    left: auto;
    right: 0;
}

#intersites ul.content.big-menu > li {
    float: left;
    width: 40%;
    margin: 10px 20px;
}

#intersites ul.content.big-menu ul {
    padding: 0;
    margin: 0;
}

#intersites ul.content.big-menu strong {
    display: block;
    font-weight: 500;
    font-size: 1.25em;
    color: #8ADDFF;
    padding: 0 0 0.5em;
}

#intersites ul.content.big-menu a:link, #intersites ul.content.big-menu a:visited {
    padding: 3px 0;
}

/* = Taille de caractère =  */
.change-car-size {
}

.change-car-size-2 {
    float: right;
}

.change-car-size-2 button,
.change-car-size button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#intersites .change-car-size button {
    border: none;
    background: none;
    padding: 0;
    margin: 0 0 0 5px;
}

.nav ul {
    padding: 0;
    margin: 0;
    width: 610px;
    float: left;
    list-style: none;
}

.ie7 .nav ul,
.ie8 .nav ul {
    border-right: 0;
}

.nav li {
    float: left;
    vertical-align: middle;
    text-align: left;
    padding: 0;
    border-right: 1px solid #474d4e;
    border-left: 1px solid #1e1e1e;
    background: url('../images/header/header-1.png') repeat-x bottom left #1f2222;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f2222), to(#3d4042));
    background-image: -webkit-linear-gradient(top, #1f2222, #3d4042);
    background-image: -moz-linear-gradient(top, #1f2222, #3d4042);
    background-image: -o-linear-gradient(top, #1f2222, #3d4042);
    background-image: linear-gradient(to bottom, #1f2222, #3d4042);
    /*behavior: url("PIE.htc");*/
}

.nav li.space, .nav li.space:hover {
    width: 50px;
    background: none;
}

/*.ie7 .nav li { display: inline; zoom: 1; vertical-align: middle; }*/

.nav li.last {
    border-right: 0;
}

.nav li.one-line {
    padding-top: 9px;
}

.nav a:link,
.nav a:visited {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.083em;
    padding: 8px 13px;
    display: block;
    height: 32px;
    position: relative;
    display: block;
    vertical-align: middle;
}

.nav .one-line a {
    height: 23px;
}

.nav li.active, .nav li:hover {
    background: url('../images/header/nav-active.png') repeat-x bottom left #123e44;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#123e44), to(#1e616c));
    background-image: -webkit-linear-gradient(top, #123e44, #1e616c);
    background-image: -moz-linear-gradient(top, #123e44, #1e616c);
    background-image: -o-linear-gradient(top, #123e44, #1e616c);
    background-image: linear-gradient(to bottom, #123e44, #1e616c);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nav a:hover,
.nav a:focus,
.nav a:active,
.nav .active a:link,
.nav .active a:visited {
    color: #c6d782;
    text-decoration: none;
    vertical-align: bottom;
    height: 40px;
}

.nav a:hover span,
.nav a:focus span,
.nav a:active span,
.nav .active a:link span,
.nav .active a:visited span {
    position: relative;
    bottom: -7px;
}

.nav .one-line a:hover,
.nav .one-line a:focus,
.nav .one-line a:active,
.nav .active.one-line a:link,
.nav .active.one-line a:visited {
    height: 31px;
}

/* = Fil d'Ariane = */
#layout-column_column-1 .portlet-boundary {
    margin: 0;
    padding: 0;
}

#layout-column_column-1 {
    padding: 0;
}

#layout-column_column-1 .portlet-borderless-container {
    min-height: 0;
}

.breadcrumb {
    font-size: 0.917em;
    margin: 0 0 0.5em;
    height: 15px;
}

.breadcrumb-bottom {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #FFF;
    margin: 0.9em 0 0 0;
    padding: 0.6em 1em;
    border: #dadbd6 1px solid;
    border-bottom: none;
    width: 978px;
    margin-left: -11px;
    margin-top: -10px;
    margin-bottom: -25px;
}

.breadcrumb-bottom-separator {
    clear: both;
    background-color: rgb(236, 236, 236);
    height: 20px;
    margin-left: -10px;
    width: 1000px;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    color: #1f3c47;
}

.breadcrumb li {
    list-style: none;
    display: inline;
    padding: 0;
}

.breadcrumb a:link,
.breadcrumb a:visited {
    color: #555555;
}

.breadcrumb .current {
    font-weight: bold;
}

/* ---- SOCIAL ---- */

div.mod-previsions-form-partager {
    position: absolute;
    width: 350px;
    top: 10px;
    right: 0;
    text-align: right;
    padding: 0;
    margin: 0;
}

div.mod-previsions-form-partager p {
    font-size: 1.3em;
    padding: 0 10px;
}

div.mod-previsions-form-partager ul {
    padding: 0;
    margin: 0;
}

div.mod-previsions-form-partager li {
    display: inline-block;
    list-style-type: none;
}

div.mod-previsions-form-partager button {
    overflow: auto;
    width: 40px;
    height: 39px;
    text-indent: -25em;
    text-align: left;
    background: url(../images/sprite_socialmedias.svg) no-repeat;
    border: none;
}

div.mod-previsions-form-partager .share-twitter {
    background-position: -3px -596px;
}

div.mod-previsions-form-partager .share-yt {
    background-position: -3px -960px;
}

div.mod-previsions-form-partager .share-fb {
    background-position: -3px -838px;
}

div.mod-previsions-form-partager .share-insta {
    background-position: -3px -1082px;
}

/* IE */

.ie8 div.mod-previsions-form-partager button {
    background: url(../images/sprite_socialmedia.png) no-repeat;
}

.ie8 div.mod-previsions-form-partager .share-twitter {
    background-position: -3px -596px;
}

.ie8 div.mod-previsions-form-partager .share-yt {
    background-position: -3px -960px;
}

.ie8 div.mod-previsions-form-partager .share-fb {
    background-position: -3px -838px;
}

.ie8 div.mod-previsions-form-partager .share-insta {
    background-position: -3px -1082px;
}

/* --------------------------- FOOTER -------------------------------- */

footer {
    position: relative;
    font-family: cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF;
    background: #005891 url(../images/bg_footer.png) -150px -50px no-repeat;
    padding-top: 20px;
}

footer h2 {
    font: 500 1.5em/1 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF;
    background: transparent url(../images/logo_footer.png) no-repeat;
    padding: 0 0 0 52px;
    margin: 0 20px 20px;
}

footer h2 strong {
    display: block;
    font: 500 140%/1 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 0.1em;
}

footer div.mod-previsions-form-partager {
    top: 20px;
    right: 20px;
}

footer div.mod-previsions-form-partager ul {
    display: inline-block;
}

footer div.mod-previsions-form-partager h3 {
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}

footer div.mod-previsions-form-partager li {
    padding-left: 5px;
}

footer div.mod-previsions-form-partager .share-twitter {
    background-position: 0 -4px;
}

footer div.mod-previsions-form-partager .share-yt {
    background-position: 0 -226px;
}

footer div.mod-previsions-form-partager .share-fb {
    background-position: 0 -115px;
}

footer div.mod-previsions-form-partager .share-insta {
    background-position: 0 -458px;
}

/* IE8 */

.ie8 footer div.mod-previsions-form-partager .share-twitter {
    background-position: -1px -2px;
}

.ie8 footer div.mod-previsions-form-partager .share-yt {
    background-position: -1px -224px;
}

.ie8 footer div.mod-previsions-form-partager .share-fb {
    background-position: -1px -113px;
}

.ie8 footer div.mod-previsions-form-partager .share-insta {
    background-position: -1px -456px;
}

.footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer .footer-1 {
    padding: 20px;
}

.footer-1 div.masonry-block {
    float: left;
    width: 725px;
    margin: 0 0 20px 0;
    border-right: 1px solid #2B83BC;
}

.footer ul.footer-col-last {
    float: right;
    width: 209px;
}

.footer ul.footer-col-last li {
    margin: 0;
}

.footer-1 li.brick {
    width: 200px;
    margin: 0 30px 20px 0;
}

.footer-1 dl {
    margin: 0.5em 0 20px;
}

.footer-1 dt {
    font-size: 70%;
    text-transform: uppercase;
}

.footer-1 li dt a:link, .footer-1 li dt a:visited {
    color: #FFF;
    padding: 0;
}

.footer-1 li dt a:hover {
    text-decoration: none;
    color: #FFF;
    background: #082C44;
}

.footer-1 dd {
    font: 60%/1.4 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF;
    margin: 0;
}

.footer-1 li {
    font: 1.8em cartogothic_stdbold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #8ADDFF;
    padding-bottom: 1em;
}

.footer-1 li a:link, .footer-1 li a:visited {
    color: #8ADDFF;
}

.footer-1 ul.level2 {
    margin-top: 0.3em;
}

.footer-1 ul.level2 li {
    font: 65% cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 0 0.3em;
}

.footer-1 ul.level2 li a:link, .footer-1 ul.level2 li a:visited {
    color: #FFF;
}

.footer-1 ul.level2 li a:hover {
    text-decoration: none;
    color: #FFF;
    background: #082C44;
}

.footer-1 ul.alone li {
    font-size: 100%;
}

.footer a:link, .footer a:visited {
    color: #FFF;
    text-decoration: none;
}

.footer a:hover, .footer a:focus {
    text-decoration: underline;
}

/* IE */

.ie9 .footer-1 li, .ie8 .footer-1 li {
    float: left;
    width: 33%;
}

.ie9 .footer-1 li li, .ie8 .footer-1 li li {
    float: none;
    width: auto;
}

.ie8 .footer-1 > ul:first-child {
    width: 100%;
    border: none;
}

.footer .autres-sites-mf {
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-top: 15px;
}

.footer .autres-sites-mf a:link,
.footer .autres-sites-mf a:visited {
    color: #d3e09f;
    font-weight: bold;
}

.footer .autres-sites-mf p {
    margin: 0;
}

.footer .footer-2 {
    clear: both;
    text-align: center;
    color: #FFF;
    background-color: #082C44;
    padding: 10px;
}

.footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-links li {
    display: inline;
    font-size: 1em;
    color: #FFF;
    padding: 0 4px 0 0;
}

.footer .footer-links a:link,
.footer .footer-links a:visited {
    margin-right: 4px;
    white-space: nowrap;
}

/* -------------------------- INFO BLOCKS -------------------------- */

div.info-block {
    float: left;
    width: 289px;
    background: #ECECEC;
    padding: 20px;
    margin: 0 0 20px;
}

div.info-block + div.info-block {
    float: right;
}

div.info-block h2 {
    font-size: 1.8em;
    font-weight: bold;
    text-transform: uppercase;
    color: #414141;
    margin: 0 0 20px;
}

div.info-block dl {
    position: relative;
    clear: both;
    height: 65px;
    padding-bottom: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #CCC;
}

div.info-block dl:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

div.info-block dl a:link, div.info-block dl a:visited {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.info-block dt {
    font-size: 1.2em;
    font-weight: bold;
    padding: 13px 0 0.2em;
}

div.info-block dt img {
    float: left;
    width: 61px;
    margin: -13px 15px 0 0;
}

div.info-block dd {
    font-size: 1.1em;
    margin: 1em 0 0 76px;
}

/* Only one block */

div.info-block.alone {
    width: 628px;
}

div.info-block.alone .content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
}

div.info-block.alone dl {
    width: 30%;
    padding: 0 0 0 20px;
    margin: 10px 0 0 10px;
    border: none;
}

div.info-block.alone dl + dl {
    border-left: 1px solid #C0C0C0;
}

div.info-block.alone dl:first-of-type {
    padding-left: 0;
    margin-left: 0;
}

div.info-block.alone dt {
    padding: 0;
}

div.info-block.alone dt img {
    margin: 0 8px 0 0;
}

div.info-block.alone dd {
    line-height: 1.2;
    margin: 0.3em 0 0 69px;
}

div.info-block.alone dl a:link, div.info-block.alone dl a:visited {
    position: static;
    width: auto;
    height: auto;
}

/* = Titres = */

.section-title-1 {
    font-family: cartogothic_stdbold, "arial", "helvetica";
    font-weight: bold;
    font-size: 1.8em;
    text-transform: uppercase;
    margin: 0 0 0.3em 0;
    color: #005891;
    line-height: 1em;
}

.section-title-1 span {
    display: block;
}

.section-title-1 span.tiretvert {
}

.section-title-1 span.fondblanc {
}

.page-title-1 {
    padding-left: 0;
    font-size: 1.416em;
    font-weight: bold;
    margin: 0 0 0.1em 0;
    color: #005891;
}

.title-sep {
    border-top: 1px solid #bbbbbb;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 1px;
}

.section-title-2 {
    padding-left: 0;
    font-size: 2em;
    font-family: cartogothic_stdbold, "arial", "helvetica";
    font-weight: bold;
    font-stretch: condensed;
    margin: 0.5em 0 0.3em 0;
    color: #005891;
}

.section-title-3 {
    font-size: 1.42em;
    padding: 6px 0;
    border-top: #C5C5C5 solid 1px;
    border-bottom: #C5C5C5 solid 1px;
    font-weight: bold;
    margin: 5px 0 0 0;
    color: #005891;
}

.section-title-4 {
    padding: 0;
    margin: 0.5em 0 0.5em 0;
    font-size: 1.167em;
    font-weight: bold;
    color: #005891;
}

.section-title-5 {
    font-size: 1.42em;
    padding: 6px 0;
    font-weight: bold;
    margin: 5px 0 0 0;
    color: #005891;
}

.thematiques p {
    color: #005891;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0;
}

.list-count {
    margin: 0;
    color: #005891;
}

.mod-body p {
    color: #082C44;
}

.mod-body p.illustration, .mod-body p.illustration + p {
    font-size: 1em;
    margin: 0.3em 0 0;
}

.mod-body a, .mod-body a:link {
    color: #005891;
}

/* = Listes = */

.list-style-1 {
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
}

.list-style-1 li {
    background: url('../images/sprite.png') no-repeat 0 -404px;
    padding-left: 7px;
    line-height: 1.3em;
    margin-bottom: 0.3em;
}

.list-style-1 li a:link,
.list-style-1 li a:visited {
    color: #555;
}

.list-style-2 {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #555555;
    font-size: 1.167em;
}

.list-style-2 > li {
    margin-bottom: 0.7em;
}

.list-style-2 a:link,
.list-style-2 a:visited {
    background: url('../images/sprite.png') no-repeat 0 -464px;
    padding-left: 10px;
    display: block;
    color: #555555;
}

.list-style-2 a.title-category:link,
.list-style-2 a.title-category:visited {
    background: none;
    padding-left: 0px;
}

.list-style-2 ul {
    list-style: none;
    margin: 0.5em 0 0.5em 0.5em;
    padding: 0;
    font-size: 0.857em;
}

.list-style-2 .active,
.list-style-2 .active:link,
.list-style-2 .active:visited {
    color: #005891;
    font-weight: bold;
}

.list-style-2 .active:link,
.list-style-2 .active:visited {
    background: url('../images/sprite.png') no-repeat 0 5px;
}

.list-style-3 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-style-3 li {
    line-height: 1.3em;
    margin-bottom: 0.3em;
}

.list-style-3 li a:link,
.list-style-3 li a:visited {
    color: #1f3c47;
    background: url('../images/sprite.png') no-repeat 0 -463px;
    padding-left: 10px;
    font-size: 1.083em;
    font-weight: normal;
}

.list-style-4 {
    margin: 0 0 0 0.5em;
    padding: 0;
    list-style: none;
}

.list-style-4 li {
    line-height: 1.3em;
    margin-bottom: 0.3em;
}

.list-style-4 li a:link,
.list-style-4 li a:visited {
    color: #555555;
    background: url('../images/sprite.png') no-repeat 0 -463px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
}

.section-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-list li {
    margin: 0;
    padding: 8px 0 8px 0;
}

.section-list a {
    margin: 0;
    padding-left: 12px;
    color: #555555;
}

/* = Blocs = */

.sep-left {
    border-left: 1px solid #e6e5e5;
}

.offset-left {
    padding-left: 1em;
}

.offset-right {
    padding-right: 1em;
}

.offset-left-05 {
    padding-left: 0.5em;
}

.offset-right-05 {
    padding-right: 0.5em;
}

.block-1 {
    border: 1px solid #d5d5d5;
    margin: 0 0 1em;
}

.block-1 .block-header {
    background: url('../images/grad-grey-3.png') repeat-x bottom left #F9F9F9;
    border-bottom: 1px solid #d5d5d5;
}

.block-1 .block-header h2 {
    color: #555555;
    font-weight: bold;
    font-size: 1.416em;
    margin: 0;
    padding: 0.5em;
}

.block-1 .block-header p {
    color: #555555;
    font-weight: bold;
    font-size: 1.416em;
    margin: 0;
    padding: 0.5em;
    font-family: Arial, Helvetica, sans-serif;
}

.block-1 .block-body {
    background: url('../images/grad-grey-5.png') repeat-x bottom left #fff;
    padding: 0.5em;
}

/* = Boutons = */
.btn-1,
.btn-1:link,
.btn-1:visited {
    color: #FFF;
    font-size: 1.083em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 8px;
    display: block;
    text-align: center;
    background: url('../images/btn-1.png') repeat-x top left #1f3d48;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1a5f6b), to(#1f3d48));
    background: -webkit-linear-gradient(#1a5f6b, #1f3d48);
    background: -moz-linear-gradient(#1a5f6b, #1f3d48);
    background: -ms-linear-gradient(#1a5f6b, #1f3d48);
    background: -o-linear-gradient(#1a5f6b, #1f3d48);
    background: linear-gradient(#1a5f6b, #1f3d48);
    overflow: hidden;
    position: relative;
}

.btn-1:hover,
.btn-1:focus,
.btn-1:active {
    background: url('../images/btn-1-active.png') repeat-x top left #08212a;
    text-decoration: none;
}

.btn-2,
.btn-2:link,
.btn-2:visited {
    color: #5c5c5c;
    font-size: 0.917em;
    line-height: 1.3em;
    border: 1px solid #e1e1e1;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 8px;
    display: block;
    text-align: left;
    background: url('../images/grad-grey-2.png') repeat-x bottom left #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f4f4f4));
    background: -webkit-linear-gradient(#ffffff, #f4f4f4);
    background: -moz-linear-gradient(#ffffff, #f4f4f4);
    background: -ms-linear-gradient(#ffffff, #f4f4f4);
    background: -o-linear-gradient(#ffffff, #f4f4f4);
    background: linear-gradient(#ffffff, #f4f4f4);
    overflow: hidden;
    position: relative;
}

.btn-2:hover,
.btn-2:focus,
.btn-2:active {
    background: url('../images/grad-grey-6.png') repeat-x bottom left #f0f0f0;
    text-decoration: none;
}

.btn-2 span {
    background: url('../images/sprite.png') no-repeat 270px -340px;
    display: block;
}

/* = Lien "En savoir plus" / Détails = */
.more-wrapper {
    text-align: right;
}

.more:visited,
.more:link {
    display: block;
    background: url('../images/sprite_studio.png') no-repeat scroll right -4479px white;
    color: #005891;
}

/* = Sprites = */
span[class*=sp-],
a[class*=sp-]:link,
a[class*=sp-]:visited {
    background-image: url('../images/sprite.png');
    background-repeat: no-repeat;
}

.sp-bullet-green {
    background-position: 0 5px;
}

.sp-bullet-blue {
    background-position: 0 -216px;
}

.sp-bullet-blue-2 {
    background-position: 0 -349px;
}

.sp-info {
    display: block;
    float: left;
    background-position: 0 -282px;
    width: 19px;
    height: 20px;
}

/* = Média = */

.mod-media {
    background: url('../images/media-image-bottom.png') no-repeat center bottom;
    margin-bottom: 0.3em;
    padding: 0 9px 13px;
    width: 100%;
    position: relative;
    left: -9px;
    overflow: hidden;
}

.mod-media-body {
    border: 1px solid #d6d6d6;
    background: url('../images/grad-grey-2.png') repeat-x bottom left #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f4f4f4);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f4f4f4);
    background-image: -o-linear-gradient(top, #f8f8f8, #f4f4f4);
    background-image: linear-gradient(to bottom, #f8f8f8, #f4f4f4);
    padding: 8px;
    overflow: hidden;
}

.image-media {
    float: left;
    margin-right: 8px;
}

.image-media img {
    display: block;
    border: 0;
}

.image-media-border img {
    border: #959696 solid 1px;
}

.image-media-legend {
    font-size: 1.083em;
}

.mod-media-text {
    overflow: hidden;
}

.mod-media-text-2 {
    overflow: hidden;
    width: 340px;
}

.media-title {
    margin: 0 0 0.5em;
    font-size: 1.42em;
    font-family: cartogothic_stdbold, "arial", "helvetica";
    font-weight: bold;
}

.media-title.actus-instit {
    font-size: 1.2em;
}

.media-title a:link,
.media-title a:visited {
    color: #005891;
}

.media-dossier-title {
    margin: 0 0 0.5em;
    font-weight: bold;
    font-size: 1.083em;
}

.mod-media-text p {
    margin: 0 0 0.5em;
}

.mod-media-body p span {
    font-weight: bold;
}

.media {
    border-top: #dcdcdc solid 1px;
    padding: 16px 0;
    position: relative;
    overflow: hidden;
}

.media.actus-instit {
    padding: 1em 0;
}

.media:first-child {
    border-top: 0;
    padding-top: 0;
}

.media-date {
    color: #555555;
}

.media-type {
    color: #555555;
}

.media-auteur {
    color: #555555;
}

.media p {
    color: #202020;
    margin: 0.5em 0 0.8em;
}

.media.actus-instit p {
    margin: 0.4em 0;
    font-size: 1em;
}

.media p a:link,
.media p a:visited {
    color: #005891;
}

/* = Mots clés = */

.media-keywords span {
    color: #202020;
}

.media-keywords ul {
    list-style: none;
    padding: 0;
    display: inline;
    margin: 0;
}

.media-keywords ul li {
    display: inline;
}

.media-keywords a {
    color: #005891;
}

/* = Outils = */
.tools .pdf {
    float: right;
    margin-right: 0.5em;
}

.tools .print {
    float: right;
    margin-right: 0.5em;
}

.tools .mailTo {
    float: right;
    margin-right: 0.5em;
}

.tools img {
    border: 0;
    vertical-align: middle;
}

/* = Partager = */
.share-panel {
    float: right;
    margin-right: 0.8em;
}

.share-btn:link,
.share-btn:visited {
    border: 1px solid #c9c9c9;
    background: url('../images/grad-grey-4.png') repeat-x top left;
    font-weight: bold;
    color: #717171;
    overflow: visible;
    zoom: 1;
    width: auto;
    display: inline-block;
    padding-right: 0.5em;
}

.share-btn:hover,
.share-btn:focus,
.share-btn:active {
    background-image: url('../images/grad-grey-6.png');
    text-decoration: none;
}

.share-content {
    border: 1px solid #c9c9c9;
    top: 0;
    left: 0;
    background: #F4F4F4;
    padding: 0.5em;
}

.js .share-content {
    position: absolute;
}

.share-btn-text {
    border-right: 1px solid #c9c9c9;
    padding-right: 0.6em;
    padding-left: 0.5em;
    margin-right: 0.6em;
    line-height: 1.5em;
}

.share-btn-arrow {
    width: 10px;
    height: 7px;
    background: url('../images/sprite.png') no-repeat -67px -282px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.downl-btn-autre:link,
.downl-btn-autre:visited {
    border: 1px solid #c9c9c9;
    background: url('../images/grad-grey-9.png') repeat-x top left;
    font-weight: bold;
    color: #717171;
    overflow: visible;
    zoom: 1;
    width: auto;
    display: inline-block;
    padding-right: 0.5em;
}

.downl-btn-ie7:link,
.downl-btn-ie7:visited {
    border: 1px solid #c9c9c9;
    background: url('../images/grad-grey-9.png') repeat-x top left;
    font-weight: bold;
    color: #717171;
    overflow: visible;
    zoom: 1;
    width: 185px;
    display: inline-block;
    padding-right: 0.5em;
}

.downl-btn:hover,
.downl-btn:focus,
.downl-btn:active {
    background-image: url('../images/grad-grey-8.png');
    text-decoration: none;
}

.downl-btn-text {
    padding: 0.8em;

    display: inline-block;

}

.downl-btn img {
    float: right;
    margin: 4px;
}

/* = Sommaire = */

.summary {
    position: relative;
    float: none;
    overflow: hidden;
}

ol.summary-list {
    margin: 0;
    padding: 0;
    border-top: #C5C5C5 solid 1px;
    border-bottom: #C5C5C5 solid 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.summary-list li {
    list-style-type: none;
    counter-increment: step-counter;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #555555;
    padding: 0;
}

ol.summary-list li::before {
    content: counter(step-counter) ". ";
    color: #005891;
    display: inline;
}

.summary-list a:link,
.summary-list a:visited {
    color: #555555;
}

.summary-list .active,
.summary-list a:hover,
.summary-list a:focus,
.summary-list a:active {
    color: #005891;
}

.summary-list .active {
    font-weight: bold;
}

/* = Article = */
.article-content {
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0.5em 0;
    clear: both;
}

.article-content p, .article-content h1, .article-content h2, .article-content h3, .article-content h4 {
    margin-top:0.5em;
    margin-bottom:1em;
}

.article-content h1, .article-content h2, .article-content h3, .article-content h4 {
    clear:both;
}

.article-content blockquote {
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4em;
    padding: 0.6em 0;
    margin: 0 0 0.5em;
    border-bottom: solid 0.1em #D1D4D9;
    border-top: solid 0.1em #D1D4D9;
    font-family: cartogothic_std, arial, helvetica;
    color: #005891;
}

.article-content blockquote p {
    margin:0;
    color: #005891;
}

.article-content > p > img, .article-content > p > a > img {
    margin:0 0 1em;
    padding:0;
}

.article-content ul, .article-content ol {
    margin:0 0 1em;
    padding:0;
    list-style-position: outside;
}
.article-content ul {
    list-style-type:none;
}
.article-content li {
    margin:0 0 0 1em;
    padding:0;
    position:relative;
}
.article-content ul li:before {
    content:" ";
    position:absolute;
    display:block;
    border-radius: 0.4em;
    width:0.3em;
    height:0.3em;
    left:-1em;
    top:0.4em;
    border:0.2em solid #005891;
}
.article-content ul ul li:before {
    top:0.5em;
    background:#005891;
    width:0.2em;
    height:0.2em;
}
.article-content ul ul ul li:before {
    border-radius: 0;

}

.article-content ol > li {
    margin:0;
    padding:0;
}
.article-content ol {
    counter-reset: item;
}
.article-content ol li {
    display: block;
}
.article-content ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #005891;
    font-weight:bold;
}
.article-content li > ul, .article-content li > ol {
    margin:0.5em 0;
}


.article-content-max {
    margin-right: 124px;
    width: 600px;
}

.article-chapeau {
    color: #555;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #c5c5c5;
}

.article-content h2 {
    font-size: 1.5em;
    color: #005891;
    font-weight: bold;
}

.article-content h3 {
    font-size: 1.2em;
    color: #005891;
    font-weight: bold;
}

.article-content h4 {
    font-size: 1.2em;
    color: #005891;
    font-weight:normal;
    text-decoration: underline;
 }

.image-border {
    border: 1px solid #959696;
}

.image-source {
    color: #666;

}

.image-video {
    position: relative;
}

.image-video-play {
    background: url('../images/play.png') no-repeat center top;
    width: 100%;
    height: 51px;
    margin-top: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.image-animation-play {
    background: url('../images/animation-play.png') no-repeat center top;
    width: 100%;
    height: 53px;
    margin-top: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.image-appphoto {
    background: url('../images/appphoto.png') no-repeat center top;
    width: 100%;
    height: 47px;
    margin-top: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* = Pagination = */
.pagination {
    margin: 20px 0;
    clear: both;
}

.pagination-2 {
    background-color: #f5f5f5;
    padding: 0.5em 1em;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
}

.pagination-2 ul {
    margin-right: 0;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 2px 4px;
    text-decoration: none;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > li > a:active {
    text-decoration: underline;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #000;
    cursor: default;
    font-weight: bold;
    font-size: 1.2em;
}

.pagination-2 ul > .active > a,
.pagination-2 ul > .active > span {
    color: #555555;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-prev,
.pagination-next {
    background: url('../images/sprite.png') no-repeat -67px -291px;
    width: 5px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
}

.pagination-next {
    background: url('../images/sprite.png') no-repeat -72px -291px;
    margin-left: 0.3em;
}

.pagination-prev {
    margin-right: 0.3em;
}

.ie7 .pagination-prev,
.ie7 .pagination-next {
    display: inline;
    zoom: 1;
}

.pagination-divider a {
    border-left: 1px solid #e6e5e5;
}

.pagination-2 .pagination-divider a {
    border-left-color: #c5c5c5
}

/* = Nombre de resultats = */
.results-count {
    color: #555555;
    float: left;
    padding-top: 0.2em;
    font-size: 1.083em;
}

/* = Tri = */
.result-sort {
    float: left;
    padding-top: 0.2em;
    font-size: 1.083em;
}

.result-sort a:link,
.result-sort a:visited {
    font-weight: bold;
}

/* = Bouton de retour = */
.btn-back:link,
.btn-back:visited {
    border: 1px solid #c9c9c9;
    background: url('../images/grad-grey-3.png') repeat-x top left;
    font-weight: bold;
    color: #717171;
    overflow: visible;
    zoom: 1;
    width: auto;
    display: block;
    padding-left: 0.5em;
    margin: 0 0 1em;
}

.btn-back:hover,
.btn-back:focus,
.btn-back:active {
    background-image: url('../images/grad-grey-6.png');
    text-decoration: none;
}

.btn-back-text {
    margin-left: 0.5em;
    padding-left: 0.5em;
    border-left: 1px solid #C9C9C9;
    line-height: 1.8em;
}

.btn-back-arrow {
    width: 6px;
    height: 9px;
    background: url('../images/sprite.png') no-repeat 0px -302px;
    display: inline-block;
    vertical-align: middle;
}

.ie7 .btn-back-arrow {
    display: inline;
    zoom: 1;
}

/* = Filtres = */

.block-filter .block-body {
    background: none;
}

.form-filter .form-option label span {
    font-weight: bold;
}

.js .form-more-options {
    display: none;
}

.form-btn-more-options-wrapper {
    display: none;
    margin: 1em 0 0.5em;
    padding: 0.3em 0;
    text-align: center;
    border-top: 1px solid #c5c5c5;
}

.js .form-btn-more-options-wrapper {
    display: block;
}

.form-btn-more-options {
    border: 0;
    background: none;
    color: #555555;
    overflow: visible;
    zoom: 1;
}

.form-btn-more-options:hover,
.form-btn-more-options:focus,
.form-btn-more-options:active {
    text-decoration: underline;
}

.form-btn-more-options-text {
    padding: 0 0.5em;
}

.arrow-s {
    width: 10px;
    height: 7px;
    background: url('../images/sprite.png') no-repeat -67px -282px;
    display: inline-block;
    vertical-align: middle;
}

.filter-help {
    color: #005891;
    font-style: italic;
    text-align: center;
    margin: 1em 0 0;
}

/* = Glossaire = */
.glossaire-row {
    overflow: hidden;
}

.glossaire-summary {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #555;
    font-size: 1.083em;
}

.glossaire-summary li {
    display: inline;
}

.glossaire-summary li a:link,
.glossaire-summary li a:visited {
    color: #555;
}

.glossaire-summary .active {
    font-weight: bold;
    color: #005891;
    font-size: 1.2em;
}

.glossaire-search label {
    display: block;
    width: auto;
    float: none;
    text-align: left;
    color: #555555;
    font-size: 1.083em;
    margin: 1em 0 0.5em;
}

.glossaire-search input[type="text"] {
    border-color: #cdcdcd;
    padding: 8px 5px;
    color: #555;
    line-height: 1.3em;
    font-size: 1.083em;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.glossaire-search input[type="submit"] {
    border: 1px solid #cbcbcb;
    border-left-width: 0;
    padding: 8px 5px;
    font-size: 1.083em;
    line-height: 1.3em;
    overflow: visible;
    zoom: 1;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    background: url('../images/grad-grey-2.png') repeat-x bottom left #fff;
    color: #555555;
    font-weight: bold;
}

.ie8 .glossaire-search input[type="submit"] {
    padding: 7px 5px;
}

.ie7 .glossaire-search input[type="submit"] {
    padding: 5px 5px 6px;
}

.glossaire-search input[type="submit"]:hover,
.glossaire-search input[type="submit"]:focus,
.glossaire-search input[type="submit"]:active {
    background-image: url('../images/grad-grey-3.png');
}

/* = Publication = */

.row-publication {
    margin: 1em 0;
    margin-bottom: 0;
    overflow: hidden;
}

.publication {
    float: left;
    width: 174px;
    margin-left: 80px;
    margin-bottom: 1em;
}

.publication:first-child {
    margin-left: 0;
}

.publication-image {
    padding: 0;
    margin: 0;
}

.publication-pane {
    border: 1px solid #d7d7d7;
    position: relative;
    padding: 5px;
    margin-bottom: 0.5em;
}

.publication-pane p {

}

.publication-r .publication-pane {
    width: 210px;
    min-height: 138px;
}

.publication-arrow {
    background: url('../images/sprite.png') no-repeat -20px -286px;
    width: 34px;
    height: 16px;
    display: block;
    position: absolute;
    top: -16px;
    left: 15px;
}

.publication-r .publication-arrow {
    background: url('../images/sprite.png') no-repeat -19px -303px;
    width: 16px;
    height: 33px;
    top: 6px;
    left: -15px;
}

.publication-title {
    padding: 0 0 4px 0;
    font-size: 1.083em;
    font-weight: bold;
    margin: 0;
    color: #1f3c47;
}

.publication-title a:link,
.publication-title a:visited {
    color: #1f3c47;
}

.publication-date {
    font-size: 0.917em;
}

.publication p {
    font-size: 1.083em;
    color: #555555;
    line-height: normal;
    margin: 0 0 2px 0;
}

.publication-price {
    display: block;
    margin: 0.7em 0;
    font-size: 0.917em;
    color: #555555;
}

.publication-btn:link,
.publication-btn:visited {
    display: block;
    padding: 0.5em 0;
    border: 1px solid #d4d4d4;

    color: #555;
    text-align: center;
    background: url('../images/grad-grey-2.png') repeat-x bottom left #fff;
}

.publication-btn:hover,
.publication-btn:focus,
.publication-btn:active {
    background-image: url('../images/grad-grey-3.png');
    text-decoration: none;
}

.publication-r {
    width: 330px;
    margin-left: 0px;
}

.publication-r .publication-image {
    float: left;
}

.publication-r .publication-pane {
    float: right;
}

/* = Collection header = */
.collections {
    clear: both;
}

.collection-header {
    margin-bottom: 0.5em;
}

.collection-header p {
    font-weight: bold;
    font-size: 1.1em;
}

.collection-title {
    margin: 0;
}

.collection-more:link,
.collection-more:visited {
    color: #555555;
    float: right;
    background: url('../images/sprite.png') no-repeat 0 -464px;
    padding-left: 7px;
    padding-right: 5px;
}

/* = Thematiques = */

.thematiques-row {
    overflow: hidden;
    margin-bottom: 1em;
}

.thematique {
    font-size: 1.083em;
    float: left;
    width: 135px;
    margin-left: 63px;
}

.thematique:first-child {
    margin-left: 0;
}

.thematique-title {
    font-size: 1em;
}

.thematique-title a:link,
.thematique-title a:visited {
    color: #555555;
}

.thematique-image {
    display: block;
}

.thematique-image img {
    border: 1px solid #999a9a;
}

.thematique-more:link,
.thematique-more:visited {
    color: #005891;
    background: url('../images/sprite.png') no-repeat 0px 5px;
    padding-left: 7px;
}

.thematique p {
    margin: 0.5em 0;
    font-weight: bold;
}

.btn-more-large {
    display: block;
    border: 1px solid #d4d4d4;
    padding: 0.5em 0;
    background: url('../images/grad-grey-2.png') repeat-x bottom left #fff;
    width: 100%;
    color: #555555;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

}

.js .more-them {
    display: none;
}

/* = Popin = */

.colorbox-wrapper {
    display: none;
}

.popin-infospe-logo {
    margin-left: 20px;
    margin-top: 10px;
}

.popin-vigilance-body {
    height: 100%;
    overflow: auto;
    padding: 0 2em;
    /* -ms-word-break: break-all;
     word-break: break-all;

    /* Non standard for webkit */
    /*word-break: break-word;

     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     hyphens: auto;       */
}

.popin-vigilance-title-rouge {
    background: url('../images/vigilance-title-rouge.png') repeat-x top left #cd2323;
    color: #fff;
    font-size: 30px;
    line-height: 1.8em;
    text-align: center;
    margin: 0.5em 0 1em;
    min-height: 54px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    /*background: url("../images/vigilance-title-rouge.png") repeat-x scroll left top padding-box #CD2323;
   border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 1.8em;
    margin: 0.5em 0 1em;
    min-height: 54px;
    text-align: center;       */
}

.popin-vigilance-title-rouge strong {
    background: url("../images/vigilance-rouge-warning.png") no-repeat scroll left top transparent;
    padding-left: 40px;
}

.popin-vigilance-risques {
    color: #1F4049;
    font-size: 1.167em;
    font-weight: bold;
}

.popin-vigilance-liste-dept {
    color: #545454;
    font-size: 1.167em;
    list-style: none outside none;
    margin: 1em 0 2em;
    padding: 0;
}

.popin-vigilance-liste-dept li {
    margin: 0.3em;
}

.popin-vigilance-footer {
    background: none repeat scroll 0 0 #EFEFEF;
    border-top: 1px solid #D7D7D7;
    bottom: 0;
    left: 1px;
    padding: 1em;
    position: auto;
    right: 1px;
    text-align: right;
}

.popin-vigilance-footer a:link, .popin-vigilance-footer a:visited {
    background: url("../images/arrow-e-green-1.png") no-repeat scroll right center transparent;
    color: #1F4049;
    font-size: 1.083em;
    padding-right: 12px;
}

.popin-vigilance-btn:link, .popin-vigilance-btn:visited {
    background: url("../images/btn-green.png") repeat-x scroll left top #1F3F4A;
    color: #FFFFFF;
    display: block;
    font-size: 1.167em;
    font-weight: bold;
    margin: 1em 0;
    padding: 0.5em 0;
    text-align: center;
}

.popin-vigilance-btn:hover, .popin-vigilance-btn:focus, .popin-vigilance-btn:active {
    background: none repeat scroll 0 0 #1B5964;
    text-decoration: none;
}

.popin-title {
    color: #c5d682;
    background: #1f3c47;
    margin: 0;
    padding: 0.5em;
    font-size: 1.416em;
}

.animchx {
    display: block;
    width: 100%;

}

.animchx .text {
    display: inline-block;
    padding: 10px 0px;
}

.animchx img {
    float: right;
}

#popin-diaporama {
    width: 726px;
    overflow: hidden;
}

#popin-diaporama .mod-carousel-legend-wrapper {
    padding: 1em;
}

/* = Tous nos sites = */
.sites-mf {
    /*position: relative;*/
    float: right;
    border-right: 1px solid #474d4e;
    border-left: 1px solid #474d4e;
}

.sites-mf .sites-mf-content {
    min-height: 38px; /*48*/
    padding: 10px 10px 0;
    /*border-left:1px solid #1e1e1e;*/
}

.sites-mf-trigger:link,
.sites-mf-trigger:visited {
    font-size: 0.834em;
    color: #fff;
    display: block;
    background: url('../images/sites-mf.png') repeat-x top left #292c2e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    min-height: 32px;
}

.sites-mf-trigger span {
    display: block;
    background: url('../images/sites-mf-arrows.png') no-repeat 95% 50%;
    padding: 8px 30px 8px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.sites-mf-trigger.active:link,
.sites-mf-trigger.active:visited {
    background: url('../images/sites-mf-active.png') repeat-x top left #45484b;
    min-height: 40px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url("PIE.htc");
}

.sites-mf-trigger.active span {
    background: url('../images/sites-mf-arrows-active.png') no-repeat 95% 50%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    behavior: url("PIE.htc");
}

.sites-mf-list {
    border: 0;
    padding: 0;
    z-index: -1;
    position: absolute;
    top: 50px;
    right: 0;
    color: #ffffff;
    width: 767px;
    background: #45484b url(../images/grad-grey-sites-mf-list.png) 0 100% repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#45484b), to(#2a2d2e));
    background-image: -webkit-linear-gradient(top, #45484b, #2a2d2e);
    background-image: -moz-linear-gradient(top, #45484b, #2a2d2e);
    background-image: -o-linear-gradient(top, #45484b, #2a2d2e);
    background-image: linear-gradient(to bottom, #45484b, #2a2d2e);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0px 2px 3px #2a2d2e;
    -webkit-box-shadow: 0px 2px 3px #2a2d2e;
    box-shadow: 0px 2px 3px #2a2d2e;
}

.sites-mf-list,
.sites-mf-list .sites-mf-list-blocs {
    overflow: hidden;
}

.sites-mf-list .sites-mf-list-blocs {
    padding: 0.5em;
}

.sites-mf-list .close {
    float: right;
    margin-bottom: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.sites-mf-list .close span {
    display: block;
    padding: 3px 27px 3px 10px;
    background: url(../images/sprite.png) -2px -1795px no-repeat;
}

.sites-mf-list .sites-mf-list-bloc {
    width: 229px;
    padding: 10px 10px 0 10px;
    float: left;
}

.sites-mf-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sites-mf-list ul li {
    margin-bottom: 15px;
}

.sites-mf-list ul li.last {
    margin-bottom: 0;
}

.sites-mf-list a:link,
.sites-mf-list a:visited {
    color: #fff;
}

.sites-mf-list .title,
.sites-mf-list .title a {
    color: #c6d782;
    display: block;
}

.sites-mf-list .title {
    border-bottom: 1px solid #3e3e3e;
    font-size: 1em;
    font-weight: bold;
}

.sites-mf-list .title a {
    border-bottom: 1px solid #2c2b2b;
    padding-bottom: 2px;
    font-size: 1.083em;
}

.sites-mf-list p {
    margin: 5px 0 0 0;
    line-height: 1em;
}

.sites-mf-list .sites-mf-list-bloc .custom-select-container-style-3 {
    min-width: 182px;
}

.sites-mf-list .sites-mf-list-bloc .custom-select {
    background: #45484b url(../images/grad-grey-sites-mf-list.png) 0 100% repeat-x;
    border-radius: 3px;
}

.sites-mf-list .sites-mf-list-bloc .custom-select-container-style-3 .custom-select > span {
    background: url("../images/sites-mf-arrows.png") no-repeat scroll 100% transparent;
    border: 1px solid #000000;
    text-shadow: 0 1px 1px #000000;
    color: #ffffff;
    line-height: 2em;
    border-radius: 3px;
}

.sites-mf-list .sites-mf-list-bloc .custom-select-container-style-3 .custom-select span span,
.sites-mf-list .sites-mf-list-bloc .custom-select-container-style-3 .replaced {
    height: 2em;
}

.sites-mf-list a:hover, .sites-mf-list a:focus, .sites-mf-list a:active {
    text-decoration: underline;
}

.mod-partenaires a:a:link, a:visited {
    color: auto;
}

/* ------------------- MAIN NAVIGATION --------------------------  */

nav.main-nav {
    color: #212121;
    background: #DFDFDF;
    border-top: 1px solid #FFF;
}

nav.main-nav ul {
    display: table;
    width: 970px;
    padding: 0 5px;
    margin: 0;
}

nav.main-nav li {
    position: relative;
    display: table-cell;
    list-style-type: none;
    font-size: 1.3em;
    text-align: center;
    padding: 0 5px;
    vertical-align: middle;
}

nav.main-nav li:first-child {
    width: 30px;
}

nav.main-nav li:first-child a {
    font-size: 0;
    height: 16px;
    background: url("../images/house-grey.png") no-repeat center;
}

nav.main-nav li:first-child.active a {
    font-size: 0;
    height: 16px;
    background: url("../images/house.png") no-repeat center;
}

nav.main-nav li:first-child a:hover, nav.main-nav li:first-child.active a {
    font-size: 0;
    height: 16px;
    background: url("../images/house-white.png") no-repeat center #005891 !important;
}

nav.main-nav a, nav.main-nav a:link, nav.main-nav a:visited {
    display: block;
    text-decoration: none;
    padding: 5px;
    margin: 0.2em 0;
}

nav.main-nav a:hover, nav.main-nav li.active a, nav.main-nav li.active a:link, nav.main-nav li.active a:visited {
    text-decoration: none;
    color: #FFF;
    background: #005891;
}

nav.main-nav li::before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 80%;
    top: 0.2em;
    left: -1px;
    background: #8AA5BA;
}

nav.main-nav li:first-child::before {
    content: none;
}

/* LEVEL 2 MENU */

nav.main-nav ul.level2 {
    width: 100%;
    background: #ECECEC;
    padding: 0;
}

nav.main-nav ul.level2 li:first-child {
    width: auto;
}

nav.main-nav ul.level2 li {
    font-size: 1.2em;
}

nav.main-nav ul.level2 li::before {
    top: 0.5em;
}

nav.main-nav ul.level2 a:hover, nav.main-nav ul.level2 li.active a, nav.main-nav ul.level2 li.active a:link, nav.main-nav ul.level2 li.active a:visited {
    text-decoration: none;
    color: #414141;
    background: #DFDFDF;
}

/* ----------------------- HEADER -------------------------- */

#main-header {
    position: relative;
    font-family: cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #ECECEC url(../images/bg_header.png) 65px -125px no-repeat;
    border: 10px solid #FFF;
    border-top-width: 9px;
    border-bottom-width: 0;
}

#main-header p.site-title {
    display: table-cell;
    font-size: 3.3em;
    font-weight: 600;
    line-height: 1.2;
    color: #005891;
    background: transparent;
    padding: 9px 10px;
    margin: 0;
    vertical-align: middle;
}

#main-header .logo {
    display: table-cell;
    line-height: 0.5;
    height: 59px;
    padding: 9px 10px;
    vertical-align: bottom;
}

#main-header .baseline {
    display: block;
    font-size: 50%;
    font-weight: 400;
}

/* ------------------------- TOOLTIPS ---------------------------- */

span.tooltip {
    display: block;
    position: absolute;
    top: 50px;
    width: auto;
    height: auto;
    max-width: 8em;
    min-width: 7em;
    word-break: break-word;
    overflow-wrap: break-word;
    font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: none;
    color: white;
    background: #082C44;
    padding: 0.5em 1em;
    border: 1px solid #082C44;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 10000;
}

span.tooltip::before {
    position: absolute;
    top: -3px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background: #082C44;
    margin-left: -5px;
    border-top: 1px solid #082C44;
    border-left: 1px solid #082C44;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------------------------------------------- UTILITIES --------------------------- */

/* --- SKIP LINKS --- */

.k-skip-link {
    line-height: 1;
    margin: 0;
}

.k-skip-link a {
    position: absolute;
    overflow: hidden;
    width: 1px;
    left: -9000px;
}

.k-skip-link a:focus {
    position: static;
}

.bloc-float-left {
    float: left;
    width: 45%;
    margin-right: 1em;
    margin-bottom: 0.5em;
    clear:none
}

.bloc-float-right {
    float: right;
    width: 45%;
    margin-left: 1em;
    margin-bottom: 0.5em;
    clear:none
}

.portlet-table-grey caption {
    background-color: lightgrey;
    font-family: cartogothic_stdbold,arial,helvetica;
    text-align: left;
    color: #005891;
    margin: 0;
}

table.portlet-table-grey  {
    background-color: lightgrey;
}

.portlet-table-grey td{
    padding: 0.3em;
}

.portlet-table-grey caption {
    background-color: lightgrey;
    font-family: cartogothic_stdbold,arial,helvetica;
    text-align: left;
    color: #005891;
    margin: 0;
}

.portlet-table-image caption {
    font-family: cartogothic_stdbold,arial,helvetica;
    text-align: center;
    color: #005891;
    margin-bottom: 0;
}

.portlet-table-image td {
    font-style: italic;
    font-size: 0.85em;
    text-align: center;
}

.article-content-max .portlet-table-image img {
    padding: 0;
}

/* Portlet Twitter */
.twitter_follow_button {
    float: right;
}

.twitter_title {
    color:#005891 !important;
}

.portlet-layout .portlet-boundary {
    margin-bottom: 15px;
}

.portlet-layout .portlet-body-empty {
    margin-bottom: 0px;
}

/* --------- BLOCS FLOTTANTS ------------- */
.bloc-container
{
    width:694px;
}
.bloc-container > .bloc
{
    display:block;
    overflow:hidden;
    float:left;
    height:21.66666em;
    background:#ececec;
    margin:0 15px 15px 0;
}
.bloc-container > .bloc > DIV
{
    padding:10px;
}
.bloc-container > .bloc .subtitre
{
    font-family:cartogothic, Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    font-size:1em;
    line-height:1em;
    color:#777;
    margin: 0 0 0.3em;
}
.bloc-container H2
{
    font-family:cartogothic_stdbold, Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-stretch:condensed;
    text-transform:uppercase;
    font-size:1.6em;
    line-height:1.2em;
    margin:0 0 0.4em;
}
.bloc-container P
{
    margin:0 0 0.6em;
}
.bloc-container A, .bloc-container A:hover
{
    text-decoration:none;
    color:inherit;
}
.bloc-container > .bloc:hover
{
    background:#dfdfdf;
}
.bloc-container .vignette
{
    border:none;
    object-fit: cover;
    max-height:260px;
    display:block;
    background:#FFF;
}
.bloc-container > .bloc1-1
{
    width:679px;
}
.bloc-container > .bloc1-1 .vignette
{
    width:452px;
    height:260px;
    float:left;
}
.bloc-container > .bloc1-1 > DIV
{
    width:207px;
    min-height:240px;
    float:right;
}
.bloc-container > .bloc1-2
{
    width:332px;
}
.bloc-container > .bloc1-2 .vignette
{
    width:332px;
    height:120px;
}
.bloc-container > .bloc1-2 > DIV
{
    width:312px;
    min-height:240px;
}
.bloc-container > .bloc1-3
{
    width:216px;
}
.bloc-container > .bloc1-3 .vignette
{
    width:216px;
    height:120px;
}
.bloc-container > .bloc1-3 > DIV
{
    width:196px;
    min-height:240px;
}
.bloc-container > .bloc2-3
{
    width:448px;
}
.bloc-container > .bloc2-3 .vignette
{
    width:224px;
    min-height:260px;
    float:left;
}
.bloc-container > .bloc2-3 > DIV
{
    width:204px;
    min-height:240px;
    float:right;
}
/* --------------------------------- */