/**
  Table of Contents
  updated on 2015-03-24 16:15:21

  01. Reset ----------------------------------------- (line 82)
  02. Base ------------------------------------------ (line 88)
  03. Helpers --------------------------------------- (line 133)
  04. Containers ------------------------------------ (line 267)
  05. Columns --------------------------------------- (line 275)
  06. Logos ----------------------------------------- (line 282)
  07. Buttons --------------------------------------- (line 289)
      Btn ------------------------------------------- (line 292)
  08. Icons ----------------------------------------- (line 311)
  09. Header ---------------------------------------- (line 374)
  10. Navigations ----------------------------------- (line 387)
      Nav secondary --------------------------------- (line 390)
      Nav Utilities --------------------------------- (line 398)
      Nav ------------------------------------------- (line 405)
      Socials --------------------------------------- (line 434)
  11. Main ------------------------------------------ (line 444)
      Main Search ----------------------------------- (line 455)
      Breadcrumbs ----------------------------------- (line 462)
      Updates --------------------------------------- (line 471)
      Updates Primary ------------------------------- (line 487)
      Updates Primary Secondary --------------------- (line 496)
      Update Single --------------------------------- (line 504)
      Warning --------------------------------------- (line 532)
      Publications ---------------------------------- (line 537)
      Publication Single ---------------------------- (line 551)
      Widgets Secondary ----------------------------- (line 576)
      Widget Nav ------------------------------------ (line 588)
      Widget Text ----------------------------------- (line 595)
      Widget Tabs ----------------------------------- (line 603)
      Widget Updates -------------------------------- (line 626)
      Widget Message -------------------------------- (line 632)
  12. Sections -------------------------------------- (line 639)
      Section --------------------------------------- (line 642)
      Section Emergency ----------------------------- (line 650)
      Section Search -------------------------------- (line 656)
      Section Main Content -------------------------- (line 662)
      Section Publications -------------------------- (line 669)
      Section Updates ------------------------------- (line 673)
      Search Secondary ------------------------------ (line 687)
      Filters --------------------------------------- (line 699)
      Filters Primary ------------------------------- (line 716)
      Locations ------------------------------------- (line 729)
      Sidebar --------------------------------------- (line 742)
      Content --------------------------------------- (line 771)
      Article --------------------------------------- (line 776)
      Paging ---------------------------------------- (line 782)
      Back To Top ----------------------------------- (line 785)
  13. Sliders --------------------------------------- (line 791)
      Slider ---------------------------------------- (line 794)
  14. Forms ----------------------------------------- (line 812)
      Form Search ----------------------------------- (line 815)
      Search Institution ---------------------------- (line 838)
  15. Lists ----------------------------------------- (line 843)
      List Steps ------------------------------------ (line 846)
      List Arrows ----------------------------------- (line 856)
      List Arrows ----------------------------------- (line 863)
      List Topics ----------------------------------- (line 870)
      List Dates ------------------------------------ (line 876)
      List Filters ---------------------------------- (line 884)
      List Buttons ---------------------------------- (line 891)
      List Icons ------------------------------------ (line 896)
      List Icons Secondary -------------------------- (line 901)
      List Checkboxes ------------------------------- (line 909)
  16. Footer ---------------------------------------- (line 918)
      Footer ---------------------------------------- (line 921)
      Footer Content -------------------------------- (line 924)
      Footer Cols ----------------------------------- (line 927)
      Footer Nav ------------------------------------ (line 932)
      Footer Nav Secondary -------------------------- (line 940)
      Socials White --------------------------------- (line 947)
      Footer Bar ------------------------------------ (line 957)
      Footer Links ---------------------------------- (line 964)
      Copyright ------------------------------------- (line 972)
  17. CSS3 – Animations, Transforms and Transitions - (line 976)
  18. Media Queries --------------------------------- (line 1034)
**/

/* ------------------------------------------------------------ *\
  Reset
\* ------------------------------------------------------------ */

* {
    padding: 0;
    margin: 0;
    outline: 0;
}

/* ------------------------------------------------------------ *\
  Base
\* ------------------------------------------------------------ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html,
body {
    height: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    min-width: 980px;
    background-color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #595959;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: #0070C4;
}

a:hover {
    text-decoration: none;
    color: #0018CC;
}

img {
    border: 0;
    vertical-align: middle;
  max-width:100%;
  height:auto;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-font-smoothing: antialiased;
}

input[type="submit"] {
    -webkit-appearance: none;
}

label {
    cursor: pointer;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button {
    overflow: visible;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*:focus {
    outline: none;
}

[data-state="keyboard"] *:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}

/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.mobile-only {
    display: none;
}

.section-foot,
.form-search,
.cols,
.updates,
.list-steps,
.header-inner,
.section-updates .section-foot,
.footer-nav ul,
.search-institution .form-controls,
.update-single .update-foot,
.header-inner-inner,
.nav-bottom,
.header .shell,
.main-head-inner,
.socials ul,
.socials-white ul,
.footer-cols,
.tab-head,
.main-head .shell,
.update-single .update-foot .social,
.update-single .update-foot .social p,
.list-steps li,
.update-primary-secondary,
.footer-col,
.slider .slider-foot,
.nav-dropdown .nav-col,
.section-main-content .section-body,
.section-updates,
.nav-secondary ul,
.checkbox,
.form-search .form-body,
.footer-bar-inner,
.footer-links ul,
.header .shell,
.widgets-secondary,
.nav-bottom,
.search-row,
.list-filters,
.update-entry-foot,
.content-foot,
.list-icons,
.nav-dropdown .shell,
.publication-inner,
.list-arrows-secondary,
.list-buttons,
.filters-row,
.filters-primary .filters-row,
.nav > ul,
.filters-col,
.publications,
.searches,
.filters .filters-body,
.list-icons-secondary li,
.filters-body-row,
.publication,
.publication-aside,
.section-search .section-body,
.search-secondary .search-row,
.section-emergency .section-inner,
.footer-bar .shell,
.clearfix {
    *zoom: 1;
}

.publication-inner:after,
.list-icons-secondary li:after,
.publication:after,
.publications:after,
.section-foot:after,
.checkbox:after,
.form-search:after,
.cols:after,
.content-foot:after,
.updates:after,
.list-steps:after,
.update-primary-secondary:after,
.header-inner:after,
.update-single .update-foot .social:after,
.update-single .update-foot .social p:after,
.section-updates .section-foot:after,
.list-arrows-secondary:after,
.footer-nav ul:after,
.search-institution .form-controls:after,
.header-inner-inner:after,
.update-single .update-foot:after,
.nav-bottom:after,
.header .shell:after,
.main-head-inner:after,
.socials ul:after,
.socials-white ul:after,
.footer-cols:after,
.publication-aside:after,
.list-buttons:after,
.tab-head:after,
.main-head .shell:after,
.list-steps li:after,
.update-entry-foot:after,
.footer-col:after,
.slider .slider-foot:after,
.filters-body-row:after,
.nav-dropdown .nav-col:after,
.filters-primary .filters-row:after,
.filters-row:after,
.section-main-content .section-body:after,
.searches:after,
.filters .filters-body:after,
.section-updates:after,
.nav-secondary ul:after,
.filters-col:after,
.form-search .form-body:after,
.footer-bar-inner:after,
.list-icons:after,
.footer-links ul:after,
.header .shell:after,
.widgets-secondary:after,
.list-filters:after,
.nav-bottom:after,
.search-row:after,
.nav-dropdown .shell:after,
.nav > ul:after,
.section-search .section-body:after,
.section-emergency .section-inner:after,
.search-secondary .search-row:after,
.footer-bar .shell:after,
.clearfix:after {
    width: 100%;
    content: '';
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both;
    display: block;
}

/* ------------------------------------------------------------ *\
  Containers
\* ------------------------------------------------------------ */

.wrapper {
}

.container {
}

.shell {
    width: 980px;
    margin: auto;
}

/* ------------------------------------------------------------ *\
  Columns
\* ------------------------------------------------------------ */

.cols {
}

.col {
    float: left;
}

/* ------------------------------------------------------------ *\
  Logos
\* ------------------------------------------------------------ */

.logo-vivre {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    display: block;
    display: inline-block;
    background: url(../images/logo-vivre-white-60.png) no-repeat 0 0;
    width: 82px;
    height: 42px;
}

.footer-logo {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    display: block;
    display: inline-block;
    background: url(../images/logo-white-60.png) no-repeat 0 0;
    width: 121px;
    height: 24px;
}

/* ------------------------------------------------------------ *\
  Buttons
\* ------------------------------------------------------------ */

/*  Btn  */
.btn {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    cursor: pointer;
    padding: 10px 25px;
    background-color: #0070C4;
}

.btn:hover {
    text-decoration: none;
    background-color: #24a1ff;
    color: #fff;
}

.btn-white {
    background-color: #fff;
    color: #0070C4;
}

.btn-white:hover {
    background-color: #0070C4;
    color: #fff;
}

.btn-dark {
    background-color: #363636;
}

.btn-dark:hover {
    background-color: #0070C4;
}

.btn-medium {
    line-height: 20px;
}

.btn-small {
    font-size: 10px;
    line-height: 19px;
    padding: 0 7px;
}

.btn-twitter {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    background: url(../images/btn-twitter.png) no-repeat 0 0;
    width: 60px;
    height: 20px;
}

.btn-print {
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    line-height: 29px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
    padding: 15px 25px;
    background-color: #363636;
}

.btn-print .ico {
    margin-left: 15px;
}

.btn-print:hover {
    color: #fff;
}

/* ------------------------------------------------------------ *\
  Icons
\* ------------------------------------------------------------ */

.ico {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.ico-fontsize, .ico-fontsize-m {
    width: 31px;
    height: 18px;
}

.ico-fontsize {
    background: url(../images/ico-fontsize.png) no-repeat 0 0;
    width: 31px;
    height: 18px;
}

.ico-fontsize-m {
    background: url(../images/ico-fontsize-m.png) no-repeat 0 0;
}

.ico-categories {
    background: url(../images/ico-categories.png) no-repeat 0 0;
    width: 20px;
    height: 19px;
}

.ico-home-grey {
    background: url(../images/ico-home-grey.png) no-repeat 0 0;
    width: 13px;
    height: 12px;
}

.ico-search-white {
    background: url(../images/ico-search-white.png) no-repeat 0 0;
    width: 24px;
    height: 21px;
}

.ico-search-white-small {
    background: url(../images/ico-search-white-small.png) no-repeat center;
    width: 21px;
    height: 19px;
}

.ico-pin-white {
    background: url(../images/ico-pin-white.png) no-repeat 0 0;
    width: 20px;
    height: 29px;
}

.ico-pin-white-small {
    background: url(../images/ico-pin-white-small.png) no-repeat 0 0;
    width: 17px;
    height: 25px;
}

.ico-pin-xsmall {
    background: url(../images/ico-pin-xsmall.png) no-repeat 0 0;
    width: 10px;
    height: 13px;
    position: relative;
    top: -2px;
}

.ico-filter {
    background: url(../images/ico-filter.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
}

.ico-print {
    background: url(../images/ico-print.png) no-repeat 0 0;
    width: 29px;
    height: 29px;
}

.icon-statiscope {
    background: url(../images/icon-statiscope.png) no-repeat 0 0;
    width: 87px;
    height: 87px;
}

.ico-close {
    background: url(../images/ico-close.png) no-repeat 0 0;
    width: 11px;
    height: 11px;
}

.ico-heart, .ico-bolt, .ico-chart, .ico-apple,
.ico-padlock {
    width: 53px;
    height: 45px;
}

.ico-heart {
    background: url(../images/ico-heart.png) no-repeat 50% 50%;
}

.ico-apple {
    background: url(../images/ico-apple.png) no-repeat 50% 50%;
}

.ico-bolt {
    background: url(../images/ico-bolt.png) no-repeat 50% 50%;
}

.ico-chart {
    background: url(../images/ico-chart.png) no-repeat 50% 50%;
}

.ico-parking {
    background: url(../images/ico-parking.png) no-repeat 0 0;
    width: 24px;
    height: 21px;
}

.ico-disabilities {
    background: url(../images/ico-disabilities.png) no-repeat 0 0;
    width: 24px;
    height: 21px;
}

.ico-people {
    background: url(../images/ico-people.png) no-repeat 0 0;
    width: 32px;
    height: 21px;
}

.ico-warning {
    background: url(../images/ico-warning.png) no-repeat 0 0;
    width: 37px;
    height: 37px;
}

.ico-fb-grey,
.ico-tw-grey,
.ico-yt-grey,
.ico-fb-white,
.ico-tw-white,
.ico-yt-white {
    width: 18px;
    height: 18px;
}

.ico-fb-grey {
    background: url(../images/ico-fb-grey.png) no-repeat 0 0;
}

.ico-tw-grey {
    background: url(../images/ico-tw-grey.png) no-repeat 0 0;
}

.ico-yt-grey {
    background: url(../images/ico-yt-grey.png) no-repeat 0 0;
}

.ico-fb-white {
    background: url(../images/ico-fb-white.png) no-repeat 0 0;
}

.ico-tw-white {
    background: url(../images/ico-tw-white.png) no-repeat 0 0;
}

.ico-yt-white {
    background: url(../images/ico-yt-white.png) no-repeat 0 0;
}

.arrow-up-dark-large {
    background: url(../images/arrow-up-dark-large.png) no-repeat 0 0;
    width: 22px;
    height: 10px;
}

.arrow-right-grey-small {
    background: url(../images/arrow-right-grey-small.png) no-repeat 0 0;
    width: 3px;
    height: 6px;
}

.arrow-right-dark-small {
    background: url(../images/arrow-right-dark-small.png) no-repeat 0 0;
    width: 3px;
    height: 6px;
}

.arrow-right-dark-medium {
    background: url(../images/arrow-right-dark-medium.png) no-repeat 0 0;
    width: 5px;
    height: 8px;
}

.arrow-right-dark-xmedium {
    background: url(../images/arrow-right-dark-xmedium.png) no-repeat 0 0;
    width: 6px;
    height: 10px;
}

.arrow-down-grey-small,
.arrow-down-white-small {
    background: url(../images/arrows-down-small.png) no-repeat 0 0;
    width: 12px;
    height: 6px;
}

.arrow-down-grey-small {
    background-position: 0 0;
}

.arrow-down-white-small {
    background-position: 0 -7px;
}

.arrow-up-grey-small,
.arrow-up-white-small {
    background: url(../images/arrows-up-small.png) no-repeat 0 0;
    width: 12px;
    height: 6px;
}

.arrow-up-grey-small {
    background-position: 0 0;
}

.arrow-up-white-small {
    background-position: 0 -7px;
}

/* ------------------------------------------------------------ *\
  Header
\* ------------------------------------------------------------ */

.header {
    padding: 23px 0;
    position: relative;
}

.header-inner {
    width: 770px;
    height: 15px;
    float: right;
    position: relative;
    padding: 0 10px;
    margin-top: 12px;
    background-color: #003399;
    font-family: "Tahoma", Geneva, sans-serif;
}

.header-inner-inner {
    height: 39px;
    display: block;
    position: absolute;
    bottom: -99px;
    right: 0;
}

.logo {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    width: 165px;
    height: 32px;
    float: left;
    background: url(../images/logo.png) no-repeat 0 0;
}

.link-language {
    font-size: 10px;
    line-height: 17px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 0px;
}

.link-language:hover {
    color: #fff;
}

.menu-lecteurdecran {
}

.menu-lecteurdecran ul {
    list-style: none;
}

.menu-lecteurdecran ul, .menu-lecteurdecran div {
    padding: 5px 0;
}

.menu-lecteurdecran ul li {
}

.menu-lecteurdecran ul li a {
}

/* ------------------------------------------------------------ *\
  Navigations
\* ------------------------------------------------------------ */

/*  Nav secondary  */
.nav-secondary {
}

.nav-secondary ul {
    list-style-type: none;
}

.nav-secondary ul li {
    font-size: 10px;
    line-height: 15px;
    float: left;
    padding-left: 20px;
}

.nav-secondary ul li:first-child {
    width: 315px;
    padding-left: 0;
}

.nav-secondary ul li a {
    color: #fff;
}

.nav-secondary ul li a:hover {
    color: #fff;
}

/*  Nav Utilities  */
.nav-utilities {
    float: left;
}

.nav-utilities ul {
    list-style-type: none;
}

.nav-utilities ul li {
    font-weight: 600;
    height: 39px;
    float: left;
    padding: 8px 20px;
    border-right: 1px solid #e7e7e7;
}

.nav-utilities ul li a {
    color: #fff;
}

.nav-utilities ul li a:hover {
    color: #c1e5ff;
}

/*  Nav  */
.nav {
    float: left;
}

.nav > ul {
    list-style-type: none;
}

.nav > ul > li {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: left;
    border-right: 1px solid #4f4f4f;
}

.nav > ul > li:first-child {
    border-left: 1px solid #4f4f4f;
}

.nav > ul > li > a {
    color: #A1A1A1;
    display: block;
    padding: 23px;
}

.nav > ul > li > a > span {
    display: none;
}

.nav > ul > li > a > .ico {
    margin-left: 5px;
}

.nav > ul > li.current > a,
.nav > ul > li > a:hover {
    color: #fff;
}

.nav > ul > li.current > a > .ico,
.nav > ul > li > a:hover > .ico {
    background-position: 0 -7px;
}

/*.nav > ul > li > a:hover { padding-bottom: 18px; border-bottom: 5px solid #0070c4; }*/
.nav > ul > li.current > a {
    background-color: #0070C4;
}

.nav > ul > li.active > a {
    border-bottom: 5px solid #0070c4;
    padding-bottom: 18px;
}

.nav-tabs-horizontal .nav {
    float: none;
}

.nav-dropdown {
    display: none;
    position: absolute;
    top: 66px;
    left: 0;
    height: 250px;
    width: 100%;
}

.sub-navdropdown {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    padding: 40px 0;
}

.nav-dropdown .nav-col {
    width: 230px;
    float: left;
    padding-left: 20px;
}

.nav-dropdown .nav-col:first-child {
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

.nav-dropdown .nav-col p.styleh3 {
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    color: #363636;
}

.nav-dropdown .nav-col p.styleh3 a {
    color: #363636;
}

.nav-dropdown .nav-col p.styleh3 a:hover {
    color: #0070C4;
}

.nav-dropdown .nav-col p.styleh3 a .ico {
    display: block;
    margin-bottom: 25px;
}

.nav-dropdown .nav-col p.styleh3 img {
    display: block;
    margin-bottom: 25px;
}

.nav-dropdown .nav-col ul {
    list-style-type: none;
}

.nav-dropdown .nav-col ul li {
    font-size: 13px;
    line-height: 17px;
    color: #767676;
    text-transform: none;
    letter-spacing: 0;
    display: block;
    padding-bottom: 15px;
}

.nav-dropdown .nav-col ul li p.styleh4 {
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
    padding-bottom: 8px;
}

.nav-dropdown .nav-col ul li p.styleh4 a:hover {
    color: #0070C4;
}

/*  Socials  */
.socials {
    float: left;
    padding-top: 4px;
}

.socials ul {
    list-style-type: none;
}

.socials ul li {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    width: 28px;
    height: 27px;
    float: left;
    margin-left: 15px;
}

.socials ul li a {
    width: 28px;
    height: 27px;
    display: block;
}

.socials ul li a.link-youtube {
    background: url(../images/icon-youtube.png) no-repeat 0 0;
}

.socials ul li a.link-twitter {
    background: url(../images/icon-twitter.png) no-repeat 0 0;
}

.socials ul li a.link-facebook {
    background: url(../images/icon-facebook.png) no-repeat 0 0;
}

.socials ul li a.link-pinterest {
    background: url(../images/icon-pinterest.png) no-repeat 0 0;
}

/* ------------------------------------------------------------ *\
  Main
\* ------------------------------------------------------------ */

.main {
}

.main-head {
    padding: 22px 0 10px 0;
}

.main-title {
    font-size: 32px;
    line-height: 36px;
    color: #363636;
    text-transform: uppercase;
}

.main-navigation {
    height: 66px;
    position: relative;
    z-index: 10;
    background-color: #363636;
}

.main-navigation.visible {
    display: block !important;
}

.main-body {
    position: relative;
    z-index: 9;
    padding: 40px 0;
    background-color: #f2f2f2;
}

.main-body-secondary {
    padding: 30px 0;
}

.accueil-pro {
    background-color: #f7f7f7;
}

.body-pro.main-body {
    padding-top: 10px;
}

.login-shell {
    position: relative; /* padding-bottom: 60px;  margin-bottom: 10px; */
}

.login-section {
    width: 190px;
    float: right;
    height: 60px;
    margin-top: -60px;
    background: #363636;
}

.ico-lock {
    width: 24px;
    height: 31px;
    display: inline-block;
    margin-bottom: 15px;
    background: url(../images/ico-lock.png) no-repeat 0px center;
}

.login-shell {
    position: relative; /*padding-bottom: 60px;*/
}

.login-shell .login-section {
    height: auto;
    width: auto;
    float: right;
    height: 60px;
    margin-top: -60px;
    background: #363636;
}

.ico-lock {
    width: 24px;
    height: 31px;
    display: inline-block;
    padding-right: 15px;
    margin-bottom: 15px;
    background: url(../images/ico-lock.png) no-repeat 0px center;
}

.login-section a {
    display: inline-block;
    line-height: 1em;
    color: #fff;
}

.login-section a span {
    width: 7em;
    display: inline-block;
    padding: 15px 20px;
}

/*  Main Search  */
.main-search {
    width: 260px;
    float: right;
    margin: 13px 0;
}

.main-search .search-row {
    position: relative;
}

.main-search .search-field {
    font-size: 14px;
    line-height: 20px;
    width: 200px;
    height: 20px;
    float: left;
    padding: 10px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #767676;
}

.main-search .search-btn {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    width: 40px;
    height: 40px;
    float: right;
    background: #0070c4 url(../images/ico-search-white-small.png) no-repeat center center;
    border: 0;
    cursor: pointer;
    border-radius: 0;
}

.main-search .search-btn:hover {
    background-color: #24a1ff;
}

/*  Breadcrumbs  */
.breadcrumbs {
    padding: 20px 0;
    background-color: #404040;
}

.breadcrumbs .ico-home-grey {
    position: relative;
    top: -2px;
}

.breadcrumbs span,
.breadcrumbs a {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.breadcrumbs span,
.breadcrumbs a.current, .breadcrumbs span.current {
    color: #FFFFFF;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs a {
    color: #CFCFCF;
}

.breadcrumbs a.current:hover, .breadcrumbs span.current:hover {
    color: #FFFFFF;
}

.breadcrumbs span {
    margin: 0 5px;
}

.breadcrumbs span.current {
    margin: 0;
}

/*  Updates  */
.updates {
    list-style-type: none;
    margin-left: -22px;
}

.update {
    width: 312px;
    height: 190px;
    float: left;
    margin: 0 0 20px 22px;
    background-color: #fff;
}

.update-image {
}

.update-image img {
    width: 100%;
    height: auto;
    display: block;
}

.update-content {
    padding: 15px 20px;
}

.update-date {
    font-size: 12px;
    line-height: 13px;
    color: #767676;
    font-weight: normal;
    font-style: italic;
}

.update-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.update-title a {
    color: #363636;
}

.update-title a:hover {
    color: #0070C4;
}

.update-large {
    width: 645px;
    height: 400px;
}

.update-large .update-content {
    padding: 20px;
}

.slide .update-large .update-content {
    margin: 20px;
    height: 112px;
    padding: 0;
    overflow: hidden;
}

.update-large .update-date {
    font-size: 12px;
    line-height: 13px;
    color: #767676;
    font-weight: normal;
    font-style: italic;
}

.update-large .update-title {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 8px 0;
}

/*  Updates Primary  */
.updates-primary {
    list-style-type: none;
    margin-left: -20px;
}

.update-primary {
    width: 230px;
    height: 235px;
    margin: 0 0 20px 20px;
}

.update-primary .update-meta {
    padding-bottom: 5px;
}

.update-primary .update-date {
    color: #777676;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.update-primary .update-category {
    text-transform: uppercase;
    color: #0070C4;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
}

.update-primary .update-category:hover {
    color: #777676;
}

.update-primary .update-title {
    font-size: 16px;
    line-height: 19px;
}

.tx-solr .updates-primary {
    list-style-type: none;
    margin-left: 0;
}

.tx-solr .update-primary {
    display: block;
    height: auto;
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    margin: 0 0 0 0;
    width: 100%;
}

.tx-solr .update-primary:first-child {
    border-top: 0;
}

.tx-solr .update-primary figure img {
    float: left;
    height: 71px;
    width: 124px;
}

.tx-solr .update-primary .update-content {
    float: left;
    width: 77%;
    padding: 0 20px;
}

.tx-solr .update-primary .informations {
    float: left;
    padding: 0 10px 0 0;
    width: 74%;
}

.tx-solr .update-primary .update-meta {
    padding-bottom: 5px;
}

.tx-solr .update-primary .update-date {
    color: #777676;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.tx-solr .update-primary .update-category {
    text-transform: uppercase;
    color: #0070C4;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
}

.tx-solr .update-primary .update-category:hover {
    color: #777676;
}

.tx-solr .update-primary .update-title {
    font-size: 22px;
    line-height: 24px;
    color: #363636;
}

.tx-solr .update-primary .location-actions {
    display: block;
    position: absolute;
    bottom: 18px;
    right: 0;
}

.tx-solr .update-primary . consulter {
    float: left;
}

.location-content .teaserAndPadding {
    padding-bottom: 15px;
}

.location-content {
    font-size: 15px;
    line-height: 17px;
    color: #595959;
    padding-right: 130px;
}

.location-content .list-icons,
.location-content p {
    padding-top: 15px;
}

/*  Updates Primary Secondary  */
.updates-primary-secondary {
    margin-left: 0;
}

.update-primary-secondary {
    width: auto;
    height: auto;
    float: none;
    margin: 0 0 20px 0;
}

.update-primary-secondary .update-image {
    float: right;
    margin: 12px 0;
}

.widget-body .update-primary-secondary .update-image {
    margin: 0;
}

.update-primary-secondary .update-content {
    overflow: hidden;
    padding: 15px 5px 10px 15px;
}

.update-primary-secondary .update-meta {
    padding-bottom: 5px;
}

.update-primary-secondary .update-title {
    font-size: 15px;
    line-height: 18px;
}

/*  Update Single  */
.update-single {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    background-color: transparent;
}

.update-single .update-head {
    border-bottom: 5px solid #363636;
}

.update-single .update-meta {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
    color: #777676;
    font-weight: bold;
    padding-bottom: 20px;
}

.update-single .update-meta a {
    color: #0070C4;
}

.update-single .update-meta a:hover {
    color: #363636;
}

.update-single .update-date {
    color: #777676;
}

.update-single .update-author {
    margin-left: 5px;
}

.update-single .update-title {
    font-size: 42px;
    line-height: 45px;
    text-transform: uppercase;
    color: #363636;
    padding-bottom: 15px;
}

.update-single .update-body {
}

.update-single .update-image {
    padding-top: 25px;
}

.update-single .update-image + p {
    padding-top: 40px;
}

.update-single .update-entry {
    font-size: 16px;
    line-height: 18px;
    color: #6A6969;
    padding: 10px 0 0 0;
}

.update-single .update-entry h3 {
    color: #363636;
    font-size: 25px;
    line-height: 29px;
    padding-bottom: 15px;
}

.update-single .update-entry p {
    padding-bottom: 0px;
}

.update-single .update-entry-foot {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #d4d4d4;
}

.update-single .update-entry-foot .social {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #363636;
    font-weight: bold;
    float: left;
}

.update-single .update-entry-foot .social p {
    float: left;
    padding-right: 20px;
}

.update-single .update-entry-foot .social .addthis_native_toolbox {
    width: 350px;
}

.update-single .update-meta-secondary {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #363636;
    padding: 20px 0 15px 0;
}

.update-single .update-meta-secondary a:hover {
    color: #363636;
}

.update-single .update-meta-secondary .update-tags {
    margin-left: 10px;
}

.update-single .update-foot {
    padding-top: 20px;
    border-top: 1px solid #d4d4d4;
}

.update-single .update-foot .social {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #363636;
    font-weight: bold;
    float: left;
}

.update-single .update-foot .social p {
    float: left;
    padding-right: 20px;
}

.update-single .update-foot .social .addthis_native_toolbox {
    width: 350px;
}

.update-single .update-outro {
    padding: 35px 0 30px 0;
}

/*  Warning  */
.warning {
    font-size: 15px;
    line-height: 19px;
    color: #363636;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #c1e5ff;
}

.warning p {
    overflow: hidden;
}

.warning .ico {
    float: left;
    margin-right: 20px;
}

/*  Publications  */
.publications {
    list-style-type: none;
    padding: 20px 0;
}

.publication {
    width: 282px;
    min-height: 170px;
    float: left;
    padding: 15px;
    background-color: #eee;
    margin-left: 22px;
}

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

.publication .publication-image {
    float: right;
}

.publication .publication-image img {
}

.publication .publication-content {
    overflow: hidden;
    padding-right: 20px;
}

.publication .publication-meta {
    padding-bottom: 5px;
}

.publication .publication-date {
    font-size: 11px;
    line-height: 13px;
    color: #0070C4;
    font-weight: bold;
}

.publication .publication-date:hover {
    color: #363636;
}

.publication .publication-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.publication .publication-title a {
    color: #363636;
}

.publication .publication-title a:hover {
    color: #0070C4;
}

/*  Publication Single  */
.publication-single {
    padding-top: 10px;
}

.publication-single .publication-head {
    border-bottom: 5px solid #363636;
}

.publication-single .publication-title {
    color: #363636;
    font-size: 33px;
    line-height: 36px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.publication-single .publication-body {
    padding-top: 25px;
}

.publication-single .publication-aside {
    width: 165px;
    float: right;
    padding-left: 30px;
    margin-top: -50px;
}

.publication-single .publication-image {
}

.publication-single .publication-image img {
    width: 100%;
    height: auto;
    display: block;
}

.publication-single .publication-actions {
    padding-top: 15px;
}

.publication-single .publication-actions .btn {
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding: 10px 5px;
    margin-bottom: 5px;
}

.publication-single .publication-content {
    overflow: hidden;
}

.publication-single .publication-meta {
    color: #363636;
}

.publication-single .publication-meta h2 {
    line-height: 25px;
}

.publication-single .publication-date {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

.publication-single .publication-pages {
    font-size: 18px;
    line-height: 20px;
}

.publication-single .publication-author {
    font-size: 15px;
    line-height: 19px;
    color: #595959;
    padding-top: 10px;
    padding-right: 195px;
}

.publication-single .publication-entry {
    font-size: 15px;
    line-height: 19px;
    padding-top: 25px;
    padding-right: 195px;
}

.publication-single .publication-entry h4 {
    font-size: 18px;
    line-height: 20px;
    color: #363636;
    padding-bottom: 10px;
}

.publication-single .publication-entry p {
    padding-left: 0;
}

.publication-single .publication-inner-foot {
    padding: 35px 0 10px 0;
    border-bottom: 1px solid #d4d4d4;
}

.publication-single .publication-inner-foot .btn {
}

.publication-single .publication-tags {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #363636;
    text-transform: uppercase;
}

.publication-single .publication-tags a:hover {
    color: #363636;
}

.publication-single .publication-foot {
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    padding: 15px;
    margin-top: 25px;
    background-color: #eee;
}

.publication-single .publication-foot p a {
    color: #595959;
}

.publication-single .publication-foot p a:hover {
    color: #0070C4;
}

.section-body .content .publication-single .publication-meta h2 {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

.section-body .content .publication-single .publication-entry h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #363636;
}

.publication-single .publication-champ-libre p {
    padding-left: 0;
    font-size: 15px;
    line-height: 19px;
}

.publication-single .publication-champ-libre {
    padding-top: 25px;
    padding-right: 195px;
}

.publication-liste {
    display: block;
    clear: both;
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
}

.publication-liste figure {
    display: block;
    float: left;
    min-width: 155px;
    min-height: 150px;
}

.publication-liste figure img {
    display: block;
    width: 115px;
    padding: 0 20px;
}

.publication-liste .cl {
    clear: both;
}

.publication-liste .contentWrap {
    display: block;
}

.publication-liste .title a {
    color: #363636;
    font-size: 18px;
    margin-bottom: 10px;

}

.publication-liste .col-gauchePub {
    width: 60%;
    display: inline-block;
    margin-top: 15px;
}

.publication-liste .btn {
    float: right;
}

.publication-liste .author-label {
    font-weight: bold;
}

.publication-liste .author {
    margin-bottom: 10px;

    font-size: 13px;
}

.publication-liste .consulter {
    height: 36px;
    width: 18%;
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: 10px;
}

/*  Widgets Secondary  */
.widgets-secondary {
    padding: 40px 0 10px 0;
    height: 360px;
    overflow: hidden;
}

.widgets-secondary .widget {
    width: 312px;
    float: left;
    margin-left: 22px;
}

.widgets-secondary .widget:first-child {
    margin-left: 0;
}

.widgets-secondary .widget {
}

.widgets-secondary .widget-head {
    border-bottom: 5px solid #363636;
}

.widgets-secondary .widget-title {
    font-size: 19px;
    line-height: 20px;
    color: #363636;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.widgets-secondary .widget-body {
    min-height: 315px;
    background-color: #fff;
    margin-top: 20px;
}

.widgets-secondary .widget-content {
    padding: 15px 20px;
}

.widgets-secondary .widget-actions a .ico {
    position: relative;
    top: -1px;
}

/*  Widget Nav  */
.widgets-secondary .widget-nav {
}

.widgets-secondary .widget-nav .widget-content {
    border-bottom: 1px solid #c9c9c9;
}

.widgets-secondary .widget-nav .widget-actions {
    padding: 23px 15px;
}

.widgets-secondary .widget-nav .widget-actions a {
    font-size: 11px;
    line-height: 13px;
    color: #363636;
    text-transform: uppercase;
    font-weight: bold;
}

.widgets-secondary .widget-nav .widget-actions a:hover {
    color: #0070C4;
}

/*  Widget Text  */
.widgets-secondary .widget-text {
}

.widgets-secondary .widget-text .widget-body {
    position: relative;
}

.widgets-secondary .widget-text .widget-content {
    height: 220px;
    position: relative;
}

.widgets-secondary .widget-text .widget-content img {
    display: block;
    position: absolute;
    bottom: -4px;
    right: 9px;
    z-index: 4;
}

.widgets-secondary .widget-text .widget-content h3 {
    font-size: 32px;
    line-height: 40px;
    color: #363636;
    position: relative;
    z-index: 5;
}

.widgets-secondary .widget-text .widget-actions {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 25px 25px 25px;
}

/*  Widget Tabs  */
.widgets-secondary .widget-tabs {
}

.widgets-secondary .widget-tabs .widget-body {
    height: 300px;
    padding: 0 15px 15px 15px;
    background-color: #ebebeb;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav {
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li {
    width: 41px;
    height: 41px;
    display: inline-block;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li a {
    width: 41px;
    height: 41px;
    display: block;
    background-color: #fff;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li.current a,
.widgets-secondary .widget-tabs .widget-body .tabs-nav li a:hover {
    background-color: #0070C4;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li a .ico {
    width: 41px;
    height: 41px;
    display: block;
    background-position: center center;
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li.current a .ico-fb-grey,
.widgets-secondary .widget-tabs .widget-body .tabs-nav li a:hover .ico-fb-grey {
    background-image: url(../images/ico-fb-white.png);
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li.current a .ico-tw-grey,
.widgets-secondary .widget-tabs .widget-body .tabs-nav li a:hover .ico-tw-grey {
    background-image: url(../images/ico-tw-white.png);
}

.widgets-secondary .widget-tabs .widget-body .tabs-nav li.current a .ico-yt-grey,
.widgets-secondary .widget-tabs .widget-body .tabs-nav li a:hover .ico-yt-grey {
    background-image: url(../images/ico-yt-white.png);
}

.widgets-secondary .widget-tabs .widget-body .tab {
    display: none;
}

.widgets-secondary .widget-tabs .widget-body .tab.current {
    display: block;
}

.widgets-secondary .widget-tabs .widget-body .tabs-content {
    height: 230px;
    padding: 15px 20px;
    background-color: #fff;
}

.widgets-secondary .widget-tabs .widget-body .tab-head {
    padding-bottom: 12px;
    border-bottom: 1px solid #e8e8e8;
}

.widgets-secondary .widget-tabs .widget-body .tab-head h3 {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #363636;
    float: left;
}

.widgets-secondary .widget-tabs .widget-body .tab-head .btn-twitter {
    float: right;
    margin-top: -2px;
}

.widgets-secondary .widget-tabs .widget-body .tab-body {
    color: #363636;
    padding: 10px 5px;
}

/*  Widget Updates  */
.widget-updates {
}

.widget-updates .widget-actions {
    text-align: right;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #c9c9c9;
}

.widget-updates .widget-actions a {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #363636;
    text-transform: uppercase;
}

.widget-updates .widget-actions a .ico {
    position: relative;
    top: -1px;
}

/*  Widget Message  */
.widget-message {
}

.widget-message .widget-body {
    font-size: 13px;
    line-height: 18px;
    color: #595959;
    padding: 20px;
    margin-top: 25px;
    background-color: #eee;
}

.widget-message .widget-body p {
    padding-bottom: 20px;
}

.widget-message .widget-body p a:hover {
    color: #000;
}

/* ------------------------------------------------------------ *\
  Sections
\* ------------------------------------------------------------ */

/*  Section  */
.section {
}

.section .section-head {
    border-bottom: 5px solid #363636;
}

.section .section-title {
    font-size: 19px;
    line-height: 20px;
    color: #363636;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.section .section-body {
    padding-top: 20px;
}

.section .section-foot .see-all {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #363636;
    float: left;
}

.section .section-foot .see-all:hover {
    color: #b7b7b7;
}

/*  Section Emergency  */
.section-emergency {
    padding: 50px 0 60px 0;
    background-color: #c1e5ff;
}

.section-emergency .section-inner {
    border-top: 5px solid #363636;
}

.section-emergency .section-title {
    font-size: 32px;
    line-height: 49px;
    color: #363636;
    text-transform: uppercase;
    width: 317px;
    float: left;
    padding: 22px 20px 0 0;
}

.section-emergency .section-body {
    display: block;
    overflow: hidden;
}

/*  Section Search  */
.section-search {
    padding: 20px 0 5px 0;
    background-color: #c1e5ff;
}

.section-search .section-head {
    font-size: 15px;
    line-height: 19px;
    color: #363636;
    font-weight: bold;
    padding-bottom: 20px;
}

.section-search .section-title {
    font-size: 32px;
    line-height: 47px;
    color: #363636;
    text-transform: uppercase;
    float: left;
    padding-right: 85px;
    padding-bottom: 45px;
    width: 100%;
}

.section-search .section-head .section-head-body {
    width: 100%;
    position: relative;
    height: 100px;
}

.section-search .section-head p {
    font-size: 20px;
    line-height: 1.2;
    width: 620px;
    position: absolute;
    left: 0;
    top: 60px;
}

/* 6559 isolé population du reste du site pour élément unique dans le header (.section-search) */
.section-search.population .section-head .section-head-body {
    height: 130px;
}

.section-search.population .section-head .section-head-body p {
    width: 60%;
    font-weight: bold;
}

.section-search.population .section-head a {
    font-size: 20px;
    line-height: 1.2;
    width: 250px;
    position: absolute;
    right: 0;
    top: 60px;
    color: white;
    background-color: #404040;
    height: 26px;
    padding: 12px 12px;
    background-image: url('../images/exturl.png');
    background-repeat: no-repeat;
    background-position: 227px 8px;
}

/*  Section Main Content  */
.section-main-content {
}

.section-main-content > .section-head {
    border-bottom: 5px solid #363636;
}

.section-main-content > .section-head > .section-title {
    font-size: 32px;
    line-height: 53px;
    color: #363636;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

.section-main-content > .section-body {
    position: relative;
    padding-top: 20px;
}

.section-main-content > .section-body-secondary {
    padding-top: 0;
}

/*  Section Publications  */
.section-publications {
    padding: 35px 0 5px 0;
}

.section-publications .section-foot {
    padding-bottom: 8px;
    border-bottom: 1px solid #c9c9c9;
}

/*  Section Updates  */
.section-updates {
}

.section-updates .section-aside {
    width: 230px;
    float: left;
}

.section-updates .section-aside.visible {
    display: block !important;
}

.section-updates .section-head {
    padding-bottom: 15px;
}

.section-updates .section-content {
    width: 730px;
    float: right;
}

.section-updates .section-subtitle {
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    color: #363636;
    padding: 25px 0;
}

.section-updates .section-subtitle strong {
    font-weight: bold;
}

.section-updates .section-body {
    padding-bottom: 30px;
}

.section-updates .section-foot {
    padding-top: 15px;
    border-top: 1px solid #c9c9c9;
}

.section-updates .section-foot .filters-primary {
    border: 0;
}

.section-updates .aside-filters {
    padding: 20px 15px;
    background-color: #fff;
}

/*  Search Secondary  */
.search-secondary {
    width: 200px;
}

.search-secondary .search-row {
    position: relative;
}

.search-secondary .search-label {
    font-size: 16px;
    line-height: 18px;
    color: #363636;
    font-weight: bold;
    display: block;
    padding: 20px 0 10px 0;
}

.search-secondary .search-field {
    color: #6d6d6d;
    font-size: 13px;
    line-height: 20px;
    width: 140px;
    height: 30px;
    float: left;
    padding: 5px 10px;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 0;
}

.search-secondary .search-btn {
    font-size: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
    float: right;
    background-color: #363636;
    border: 0;
    cursor: pointer;
    border-radius: 0;
}

.search-secondary input::-webkit-input-placeholder { /* WebKit browsers */
    color: #6d6d6d;
}

.search-secondary input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #6d6d6d;
    opacity: 1;
}

.search-secondary input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #6d6d6d;
    opacity: 1;
}

.search-secondary input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #6d6d6d;
}

/*  Filters  */
.filters {
    padding-top: 30px;
}

.filters .filters-head {
    margin-top: 40px;
}

.filters .filters-title {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #0070C4;
}

.filters .filters-body {
}

.filters .filters-body-row {
    padding: 10px 0;
    border-top: 1px solid #cfcfcf;
}

.filters .filters-body-row:first-child {
    border-top: 0;
}

.filters .filters-body-row-actions {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    color: #363636;
    padding-top: 10px;
}

.filters .filters-body-row-actions a {
    color: #363636;
}

.filters .filters-body h4 {
    font-size: 12px;
    line-height: 14px;
    color: #363636;
    text-transform: uppercase;
    padding: 5px 0;
}

.filters .filters-body ul {
    list-style-type: none;
}

.filters .filters-body ul:first-child {
    border-top: 0;
}

.filters .filters-body ul li {
    font-size: 13px;
    line-height: 17px;
    display: block;
    padding-top: 5px;
}

.filters .filters-body ul li a {
    color: #595959;
}

.filters .filters-body ul li.active a {
    font-weight: bold;
}

.filters .filters-body ul li a:hover {
    color: #0070C4;
}

.filters .filters-body .list-dates > li {
    padding-bottom: 5px;
}

/*  Filters Primary  */
.filters-primary {
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 15px;
}

.filters-primary .filters-row {
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
}

.filters-primary .filters-row .filters-col {
    float: left;
    padding-left: 30px;
}

.filters-primary .filters-row .filters-col:first-child {
    padding-left: 0;
}

.filters-primary .filters-row:first-child .filters-col {
    padding-left: 0;
}

.filters-primary .filters-row:first-child {
    border-top: 0;
}

.filters-primary .filters-row #tx-solr-pagination.filters-col {
    float: left;
    padding-left: 30px;
}

.filters-primary .filters-row-title {
    font-size: 12px;
    line-height: 35px;
    color: #363636;
    text-transform: uppercase;
    float: left;
    padding-right: 20px;
}

.filters-primary .filters-row-content {
    float: left;
}

.filters-primary .filters-row-content .select-wrap {
    font-size: 13px;
    line-height: 23px;
    width: 158px;
    height: 23px;
    background-color: #fff;
    padding: 5px 0;
    background-image: url(../images/select-arrow-2.png);
    background-repeat: no-repeat;
    background-position: right center;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}

.filters-primary .filters-row-content .select-wrap select {
    font-size: 13px;
    line-height: 23px;
    color: #363636;
    width: 135%;
    height: 23px;
    padding: 0 5px;
    display: block !important;
    border: 0 !important;
    background: none !important;
    cursor: pointer;
}

.filters-primary .filters-row-content .select-wrap.size-60 {
    width: 55px;
}

/*  Locations  */
.locations {
    list-style-type: none;
}

.location {
    display: block;
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    min-height: 36px;
}

.location:first-child {
    border-top: 0;
}

.location-content {
    font-size: 15px;
    line-height: 17px;
    color: #595959;
    padding-right: 130px;
}

.location-content .list-icons,
.location-content p {
    padding-top: 15px;
}

.location-title {
    font-size: 22px;
    line-height: 24px;
    color: #363636;
}

.location-actions {
    display: block;
    position: absolute;
    bottom: 18px;
    right: 0;
}

.map {
}

.map iframe {
    width: 100%;
    height: 315px;
    display: block;
}

/*  Sidebar  */
.sidebar {
    width: 270px;
}

.sidebar-left {
    float: left;
}

.sidebar-right {
    float: right;
}

.sidebar-secondary {
    width: 270px;
    padding-top: 90px;
}

.widgets {
    list-style-type: none;
}

.widgets .widget {
    margin-top: 40px;
}

.widgets .widget:first-child {
    margin-top: 0;
}

.widgets .widget-head {
    border-bottom: 5px solid #363636;
}

.widgets .widget-title {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 19px;
    color: #363636;
    padding-bottom: 13px;
}

.widgets .widget-body {
    padding-top: 20px;
}

.widgets .widget-navigation {
    background-color: #f7f7f7;
}

.widgets .widget-navigation > ul {
    list-style-type: none;
}

.widgets .widget-navigation > ul > li {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}

.widgets .widget-navigation > ul > li > a {
    color: #363636;
    display: block;
    position: relative;
}

.widgets .widget-navigation > ul > li > a > span {
    display: block;
    position: relative;
}

.widgets .widget-navigation > ul > li > a > .linkSpan {
    display: inline-block;
    padding: 10px 5%;
    width: 80%;
}

.widgets .widget-navigation > ul > li > a > .full-space {
    width: 90%;
}

.widgets .widget-navigation > ul > li > a > .dropdownSpan {
    display: inline-block;
    padding: 10px 5%;
    position: absolute;
    right: 0px;
}

.widgets .widget-navigation ul > li > a > .dropdownSpan > .ico {
    background: url(../images/arrow-right-dark-medium.png) no-repeat 0 0;
    width: 10px;
    height: 8px;
}

.widgets .widget-navigation ul > li > a:hover,
.widgets .widget-navigation ul > li.current > a {
    color: #363636;
    background-color: #8ecfff;
}

.widgets .widget-navigation ul > li.active > a {
    color: #fff;
    background-color: #363636
}

.widgets .widget-navigation ul > li.active > a > .dropdownSpan > .ico {
    background: url(../images/arrow-down-white-xmedium.png) no-repeat 0 0;
    width: 10px;
    height: 6px;
}

.widgets .widget-navigation li.active > .dropdown,
.widgets .widget-navigation li.current > .dropdown {
    display: block;
}

.widgets .widget-navigation .dropdown {
    list-style-type: none;
    display: none;
}

.widgets .widget-navigation .dropdown li {
    font-weight: normal;
    display: block;
    border-top: 1px solid #ddd;
}

.widgets .widget-navigation .dropdown li:first-child {
    border-top: 1px solid #ddd;
}

.widgets .widget-navigation .dropdown li a {
    color: #363636;
    display: block;
    position: relative;
}

.widgets .widget-navigation .dropdown li a .dropdownSpan {
    color: #363636;
    display: inline-block;
    padding: 10px 5%;
    position: absolute;
    right: 0px;
}

.widgets .widget-navigation .dropdown li a .linkSpan {
    display: inline-block;
    position: relative;
}

.widgets .widget-navigation .dropdown .second-level a .linkSpan {
    padding: 10px 0 10px 10%;
    position: relative;
    width: 80%;
}

.widgets .widget-navigation .dropdown .third-level a .linkSpan {
    padding: 10px 0 10px 15%;
    position: relative;
    width: 75%;
}

.widgets .widget-navigation .dropdown .fourth-level a .linkSpan {
    padding: 10px 0 10px 20%;
    position: relative;
    width: 70%;
}

.widgets .widget-navigation .dropdown .second-level a .full-space {
    width: 90%;
}

.widgets .widget-navigation .dropdown .third-level a .full-space {
    width: 85%;
}

.widgets .widget-navigation .dropdown .fourth-level a .full-space {
    width: 80%;
}

/*  Content  */
.content {
    width: 665px;
}

.content-right {
    float: right;
}

.content-left {
    float: left;
}

/*  Content generic  */
.content p {
    padding: 10px 0;
}

.content .csc-default ul:not(.nav) li {
    padding: 5px
}

.content .csc-default ul {
    list-style-image: url('../images/arrow-right-dark-xmedium.png');
    margin: 10px 0 10px 15px;
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-top: 20px;
}

.csc-header h2 {
    color: #363636;
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 00px;
}

.csc-default {
    padding-bottom: 20px;
}

.bodytext {
    font-size: 16px;
    line-height: 20px;
    color: #6F6E6E;
}

.bleu-bgrnd ul {
    margin: 1em 0;
    padding-left: 40px;
}

.bleu-bgrnd ul li {
    padding: 2px 0;
}

.bleu-bgrnd .bodytext {
    font-size: 16px;
    line-height: 20px;
    color: #636363;
}

p.bodytext {
    padding: 5px 5px;
}

/*  Article  */
.article {
}

.article-title {
    color: #363636;
    font-size: 25px;
    line-height: 29px;
    padding-bottom: 15px;
}

.article-entry {
    font-size: 16px;
    line-height: 18px;
    color: #717171;
    padding-bottom: 25px;
}

.article-entry p {
    padding-bottom: 15px;
}

.article img {
    height: auto !important;
}

/*  Paging  */
.paging {
    font-size: 11px;
    line-height: 13px;
    color: #363636;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}

/*  Back To Top  */
.back-to-top {
    font-size: 11px;
    line-height: 13px;
    color: #363636;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
}

.back-to-top:hover {
    color: #0070C4;
}

.back-to-top .ico {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

/* ------------------------------------------------------------ *\
  Sliders
\* ------------------------------------------------------------ */

/*  Slider  */
.slider {
    position: relative;
}

/* .slider .slider-clip {  } */
.slider .slides {
    list-style-type: none;
}

.slider .slide {
    width: 980px;
    float: left;
}

.slider .slider-foot {
    border-bottom: 1px solid #c9c9c9;
}

.slider .slider-foot .see-all {
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #363636;
    float: left;
    margin-top: 18px;
}

.slider .slider-foot .see-all .ico {
    position: relative;
    top: -1px;
}

.slider .slider-foot .see-all:hover {
    color: #717171;
}

.slider .slider-paging {
    float: right;
}

.slider .slider-paging a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    color: #717171;
    float: left;
    padding: 5px 15px;
    margin-left: 10px;
    border-bottom: 5px solid #717171;
}

.slider .slider-paging a.selected,
.slider .slider-paging a:hover {
    color: #0070C4;
    border-color: #0070C4;
}

.slider-secondary {
}

.slider-secondary .slide .update-large {
    margin-left: 0;
}

/* ------------------------------------------------------------ *\
  Forms
\* ------------------------------------------------------------ */

/*  Form Search  */
.form-search {
}

.form-search .form-body {
}

.form-search .form-row {
}

.form-search .form-col {
    width: 310px;
    float: left;
    margin-left: 25px;
}

.form-search .form-col:first-child {
    margin-left: 0;
}

.form-search .form-controls {
    position: relative;
}

.form-search .field {
    font-size: 15px;
    line-height: 25px;
    color: #595959;
    width: 235px;
    height: 25px;
    padding: 10px 15px;
    border: 0;
    border-radius: 0;
    background-color: #fff;
}

.form-search .select-wrap {
    line-height: 25px;
    width: 310px;
    height: 25px;
    background-color: #fff;
    padding: 10px 0;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 0;
    overflow: hidden;
}

.form-search .select-wrap select {
    font-size: 15px;
    line-height: 25px;
    color: #595959;
    width: 110%;
    height: 25px;
    padding: 0 13px;
    display: block !important;
    border: 0 !important;
    background: none !important;
    cursor: pointer;
}

.form-search .select-wrap select#field-ressourcetype {
    padding: 0 65px 0 13px;
}

.form-search .form-btn {
    border: 0;
    background: none;
    cursor: pointer;
}

.form-search .form-btn .ico {
    position: relative;
    top: -1px;
}

.form-search .form-btn:hover {
    text-decoration: underline;
    background-color: #595959;
}

.form-search .field::-webkit-input-placeholder { /* WebKit browsers */
    color: #595959;
}

.form-search .field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #595959;
    opacity: 1;
}

.form-search .field::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #595959;
    opacity: 1;
}

.form-search .field:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #595959;
}

/*  Search Keywords // Search Location */
.search-keywords .form-btn,
.search-location .form-btn {
    width: 45px;
    height: 45px;
    float: right;
    background-color: #363636;
    background-position: center center;
}

/*  Search Institution  */
.search-institution .form-btn {
    color: #363636;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    margin-top: 10px;
}

.search-institution .form-btn:hover {
    background-color: transparent;
}

/* ------------------------------------------------------------ *\
  Lists
\* ------------------------------------------------------------ */

/*  List Steps  */
.list-steps {
    list-style-type: none;
}

.list-steps li {
    text-align: center;
    font-weight: 500;
    width: 205px;
    height: 157px;
    float: left;
    position: relative;
    margin-left: 14px;
    padding: 30px 0 0 0;
    background-color: #fff;
}

.list-steps li:first-child {
    margin-left: 0;
}

.list-steps li:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 63px;
    left: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #c1e5ff;
}

.list-steps li strong {
    font-size: 35px;
    line-height: 46px;
    font-weight: bold;
    color: #363636;
    width: 46px;
    height: 46px;
    display: block;
    margin: auto;
    border: 5px solid #363636;
    border-radius: 50%;
}

.list-steps li h4 {
    font-size: 17px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #363636;
    padding-top: 20px;
}

.list-steps li h4 a {
    color: #363636;
}

.list-steps li h4 a:hover {
    color: #0070C4;
}

.list-steps li h3.styleh4 {
    font-size: 17px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #363636;
    padding-top: 20px;
}

.list-steps li h3.styleh4 a {
    color: #363636;
}

.list-steps li h3.styleh4 a:hover {
    color: #0070C4;
}

/*  List Arrows  */
.list-arrows {
    list-style-type: none;
}

.list-arrows li {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    background: url(../images/arrow-right-dark-xmedium.png) no-repeat 0 7px;
}

.list-arrows li h3.styleNormal {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    display: block;
}

.list-arrows li a {
    color: #363636;
}

.list-arrows li a:hover {
    color: #0070C4;
}

.list-arrows li a .ico {
    margin-right: 2px;
}

/*  List Arrows  */
.list-arrows-secondary {
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px solid #bdbdbd;
}

.list-arrows-secondary li {
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    width: 210px;
    float: left;
    padding-left: 10px;
    background: url(../images/arrow-right-dark-xmedium.png) no-repeat 0 7px;
}

.list-arrows-secondary li a {
    color: #363636;
}

.list-arrows-secondary li a:hover {
    color: #0070C4;
}

.list-arrows-secondary li a .ico {
    margin-right: 2px;
}

/*  List Topics  */
.list-topics {
    list-style-type: none;
}

.list-topics li {
    color: #363636;
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.list-topics li p {
    padding-top: 10px;
}

.list-topics li:first-child {
    padding-top: 0;
}

/*  List Dates  */
.list-dates {
    list-style-type: none;
}

.list-dates li {
    font-size: 13px;
    line-height: 15px;
    padding-left: 10px;
    background: url(../images/arrow-right-grey-small.png) no-repeat 0 10px;
}

.list-dates > li.current {
    background: url(../images/arrow-down-grey-small.png) no-repeat 0 12px;
}

.list-dates > li.current > a,
.list-dates > li > a:hover {
    color: #0070C4;
}

.list-dates > li > .dropdown {
    display: none;
}

/*  List Filters  */
.list-filters {
    list-style-type: none;
}

.list-filters li {
    font-size: 13px;
    line-height: 15px;
    float: left;
    padding: 10px;
    margin-right: 15px;
    border: 1px solid #d7d7d7;
}

.list-filters li a {
    color: #595959;
}

.list-filters li a:hover {
    color: #0070C4;
}

.list-filters li a .ico {
    margin-left: 5px;
}

/*  List Buttons  */
.list-buttons {
    list-style-type: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #bdbdbd;
}

.list-buttons li {
    float: left;
    padding-left: 15px;
}

.list-buttons li:first-child {
    padding-left: 0;
}

/*  List Icons  */
.list-icons {
    list-style-type: none;
}

.list-icons li {
    float: left;
    padding-left: 10px;
}

.list-icons li:first-child {
    padding-left: 0;
}

/*  List Icons Secondary  */
.list-icons-secondary {
    list-style-type: none;
    padding-bottom: 0;
}

.list-icons-secondary li {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    padding: 17px 0;
    border-top: 1px solid #dcdcdc;
}

.list-icons-secondary li:first-child {
    border-top: 0;
}

.list-icons-secondary li a {
    color: #363636;
}

.list-icons-secondary li a:hover {
    color: #0070C4;
}

.list-icons-secondary li a .ico {
    float: left;
    position: relative;
    top: -2px;
    margin-right: 20px;
}

/*  List Checkboxes  */
.list-checkboxes {
    list-style-type: none;
}

.list-checkboxes li {
    display: block;
    margin-top: 5px;
    padding-right: 10px;
}

.list-checkboxes li:first-child {
    margin-top: 0;
}

.list-checkboxes li .checkbox {
}

.list-checkboxes li .checkbox input {
    float: left;
    margin-top: 3px;
}

.list-checkboxes li .checkbox .form-label {
    font-size: 13px;
    line-height: 17px;
    color: #595959;
    display: block;
    overflow: hidden;
    padding-left: 10px;
}

/**CAMPAGNE 123**/
.campagne {
    padding: 15px 0 15px 0;
    background-color: #c1e5ff;
}

.campagne .section-search.population .section-head {
    padding: 0 0 40px;
}

.campagne .section-search {
    padding: 20px 15px 5px 15px;
}

.campagne .section-search.population .section-head a {
    display: block;
    font-size: 16px;
    width: 185px;
    position: inherit;
    height: inherit;
    margin-top: 15px;
    padding: 12px 12px;
    left: 0;
    top: inherit;
    background-position: 162px 6px;
}

.campagne h2 {
    font-size: 26px;
    line-height: 28px;
    color: #363636;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.campagne .section-emergency {
    padding-top: 19px 15px 19px 15px;
}

.campagne .section-emergency .section-title {
    font-size: 21px;
    line-height: 32px;
    width: 169px;
    padding: 32px 20px 0 0;
}

.campagne .list-steps li strong {
    font-size: 25px;
    border: 3px solid #363636;
    width: 38px;
    height: 38px;
    line-height: 38px;
}

.campagne .list-steps li h4 {
    padding-top: 10px;
}

.campagne .list-steps li h3.styleh4 {
    padding-top: 10px;
}

/* ------------------------------------------------------------ *\
  Footer
\* ------------------------------------------------------------ */

/*  Footer  */
.footer {
}

/*  Footer Content  */
.footer-content {
    padding: 55px 0 90px 0;
    background-color: #404040;
}

/*  Footer Cols  */
.footer-cols {
}

.footer-col {
    width: 230px;
    float: left;
    padding-left: 20px;
}

.footer-col:first-child {
    padding-left: 0;
}

/*  Footer Nav  */
.footer-nav {
}

.footer-nav .styleh5 {
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #fff;
    padding-bottom: 15px;
}

.footer-nav ul {
    list-style-type: none;
}

.footer-nav ul li {
    font-size: 16px;
    line-height: 28px;
    display: block;
}

.footer-nav ul li a {
    color: #ACACAC;
}

.footer-nav ul li a:hover {
    color: #8ecfff;
}

/*  Footer Nav Secondary  */
.footer-nav-secondary {
}

.footer-nav-secondary ul {
    list-style-type: none;
}

.footer-nav-secondary ul li {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 20px;
}

.footer-nav-secondary ul li a {
    color: #fff;
}

.footer-nav-secondary ul li a:hover {
    color: #8ecfff;
}

/*  Socials White  */
.socials-white {
    padding-top: 15px;
}

.socials-white ul {
    list-style-type: none;
}

.socials-white ul li {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    width: 33px;
    height: 32px;
    float: left;
    margin-left: 20px;
}

.socials-white ul li:first-child {
    margin-left: 0;
}

.socials-white ul li a {
    width: 33px;
    height: 32px;
    display: block;
}

.socials-white ul li a.link-youtube {
    background: url(../images/icon-seo-white.png) no-repeat 0 0;
}

.socials-white ul li a.link-twitter {
    background: url(../images/icon-twitter-white.png) no-repeat 0 0;
}

.socials-white ul li a.link-facebook {
    background: url(../images/icon-facebook-white.png) no-repeat 0 0;
}

/*  Footer Bar  */
.footer-bar {
    padding: 35px 0 40px 0;
    background-color: #363636;
}

.footer-bar-inner {
    width: 320px;
    float: right;
}

.footer-bar .logo-vivre {
    float: left;
}

.footer-bar .footer-logo {
    display: block;
}

.footer-bar-inner-inner {
    float: right;
}

/*  Footer Links  */
.footer-links {
    float: left;
    padding-top: 15px;
}

.footer-links ul {
    list-style-type: none;
}

.footer-links ul li {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    float: left;
    padding-left: 20px;
}

.footer-links ul li:first-child {
    padding-left: 0;
}

.footer-links ul li a {
    color: #ACACAC;
}

.footer-links ul li a:hover {
    color: #c1e5ff;
}

/*  Copyright  */
.copyright {
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    color: #ACACAC;
    letter-spacing: 0.5px;
    padding-top: 15px;
}

/* Signature gouvernementale */
.signature-gouvernementale {
    background-color: #ffffff;
    text-align: center;
    padding-top: 3px;
    height: 57px;
}

.signature-gouvernementale-image-text a {
    display: block;
    text-decoration: none;
    font-size: 11px;
    color: #2b3233;
}

.signature-gouvernementale-image-text a:hover {
    color: #2b3233;
}

/* ------------------------------------------------------------ *\
  CSS3 – Animations, Transforms and Transitions
\* ------------------------------------------------------------ */

.publication-foot p a,
.publication-tags a,
.main-search .search-btn,
.btn-print,
.publication-date,
.publication-title a,
.list-icons-secondary li a,
.list-arrows li a,
.form-search .form-btn,
.list-steps li strong h4 a,
.list-steps li strong h3.styleh4 a,
.nav a,
.widgets-secondary .widget-actions a,
.update-meta-secondary a,
.breadcrumbs a,
.list-filters li a,
.update-meta a,
.filters-body ul li a,
.back-to-top,
.slider .slider-paging a,
.link-language,
.list-dates li a,
.widgets .widget-navigation > ul > li > a,
.widgets .widget-navigation .dropdown li a,
.widget-message .widget-body p a,
.see-all,
.widgets-secondary .widget-tabs .widget-body .tabs-nav li a,
.nav-secondary ul li a,
.list-steps li h4 a,
.list-steps li h3.styleh4 a,
.nav-utilities ul li a,
.update-title a,
.footer-nav-secondary ul li a,
.socials-white ul li a,
.socials ul li a,
.footer-nav ul li a,
.footer-links ul li a,
.footer-link a,
.btn {
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

.socials ul li a:hover,
.socials-white ul li a:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.widgets .widget-navigation > ul > li > a > .ico {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tablette-mobile-only {
    display: none;
}

/* ------------------------------------------------------------ *\
  Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 979px) {
    body {
        min-width: 768px;
    }

    .shell {
        width: 748px;
        padding: 0 10px;
    }

    .header-inner {
        width: 530px;
    }

    .nav-secondary ul li:first-child {
        width: 77px;
    }

    .nav > ul > li {
        font-size: 16px;
    }

    .nav > ul > li > a {
        padding: 23px 15px;
        font-size: 15px;
    }

    .nav-dropdown {
        padding: 0px;
    }

    .nav-dropdown .shell {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .nav-dropdown .nav-col {
        width: 229px;
    }

    .main-body {
        padding: 30px 0;
    }

    .main-search {
        width: 175px;
    }

    .main-search .search-field {
        width: 115px;
        height: 19px;
    }

    .main-search .search-btn {
        height: 39px;
    }

    .section-search .section-title {
        font-size: 40px;
        line-height: 42px;
        padding-right: 25px;
    }

    .form-search .form-col {
        width: 234px;
        margin-left: 15px;
    }

    .form-search .field {
        font-size: 15px;
        width: 169px;
        float: left;
        padding: 10px;
    }

    .form-search .select-wrap {
        width: 239px;
    }

    .form-search .select-wrap select {
        font-size: 15px;
        padding: 0 8px;
    }

    .slider .slide {
        width: 728px;
    }

    .update {
        width: 234px;
        height: 210px;
    }

    .update-large {
        width: 488px;
        height: 440px;
    }

    .update-single {
        width: auto;
    }

    .update-single .update-meta {
        padding-bottom: 15px;
    }

    .update-single .update-title {
        font-size: 37px;
        line-height: 40px;
        padding-bottom: 10px;
    }

    .update-single .update-title br {
        display: none;
    }

    .update-single .update-entry {
        font-size: 15px;
        line-height: 17px;
        padding-top: 30px;
    }

    .update-single .update-entry h3 {
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 10px;
    }

    .update-single .update-outro {
        padding: 20px 0 10px 0;
    }

    .update-single .update-entry-foot {
        padding-top: 15px;
        margin-top: 15px;
    }

    .publication {
        width: 219px;
        min-height: 140px;
        margin-left: 15px;
        padding: 10px;
    }

    .publication .publication-image {
        width: 50%;
    }

    .publication .publication-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .publication .publication-content {
        padding-right: 10px;
    }

    .publication .publication-title {
        font-size: 14px;
        line-height: 17px;
    }

    .publication-single .publication-author {
        font-size: 13px;
        line-height: 15px;
    }

    .publication-single .publication-pages,
    .publication-single .publication-date {
        font-size: 16px;
        line-height: 18px;
    }

    .publication-single .publication-title {
        font-size: 25px;
        line-height: 28px;
    }

    .publication-single .publication-entry h4 {
        font-size: 17px;
        line-height: 19px;
    }

    .publication-single .publication-entry {
        font-size: 13px;
        line-height: 15px;
        padding-top: 15px;
    }

    .publication-single .publication-foot {
        margin-top: 15px;
    }

    .publication-single .publication-inner-foot {
        padding-top: 15px;
    }

    .widgets-secondary .widget {
        width: 239px;
        margin-left: 15px;
    }

    .widgets-secondary .widget-nav .widget-actions a {
        font-size: 10px;
    }

    .widgets-secondary .widget-text .widget-content h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .widgets-secondary .widget-text .widget-content img {
        bottom: 5px;
        right: 10px;
    }

    .section-emergency {
        padding: 30px 0;
    }

    .section-emergency .section-title {
        font-size: 27px;
        line-height: 35px;
        width: 225px;
    }

    .list-steps li {
        font-size: 13px;
        line-height: 16px;
        width: 158px;
    }

    .list-steps li h4 {
        font-size: 15px;
        line-height: 19px;
    }

    .list-steps li h3.styleh4 {
        font-size: 15px;
        line-height: 19px;
    }

    .sidebar {
        width: 230px;
    }

    .content {
        width: 500px;
    }

    .csc-header h2 {
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 10px;
    }

    .bodytext {
        font-size: 15px;
        line-height: 17px;
        padding-bottom: 20px;
    }

    .bodytext p {
        padding-bottom: 10px;
    }

    .article-title {
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 10px;
    }

    .article-entry {
        font-size: 15px;
        line-height: 17px;
        padding-bottom: 20px;
    }

    .article-entry p {
        padding-bottom: 10px;
    }

    .list-topics li {
        padding: 15px 0;
    }

    .section-main-content > .section-head > .section-title {
        font-size: 39px;
        line-height: 48px;
        padding-bottom: 20px;
    }

    .section-main-content > .section-body {
        padding-top: 30px;
    }

    .warning {
        font-size: 14px;
        line-height: 18px;
    }

    .warning p br {
        display: none;
    }

    .list-arrows-secondary li {
        width: 156px;
    }

    .list-icons-secondary li {
        font-size: 15px;
    }

    .list-icons-secondary li a .ico {
        margin-right: 10px;
    }

    .section-updates .section-content {
        width: 488px;
    }

    .location-content {
        font-size: 14px;
        line-height: 16px;
    }

    .location-title {
        font-size: 20px;
        line-height: 22px;
    }

    .footer-content {
        padding: 30px 0;
    }

    .footer-col {
        width: 175px;
        padding-left: 15px;
    }

    .footer-nav ul li {
        font-size: 15px;
        line-height: 19px;
        padding-bottom: 5px;
    }

    .footer-nav .styleh5 {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 13px;
    }

    .footer-nav-secondary ul li {
        font-size: 17px;
        line-height: 19px;
        padding-bottom: 15px;
    }

    .footer-bar {
        padding: 20px 0;
    }

    .footer-links {
        width: 400px;
        margin-left: -20px;
        padding-top: 5px;
    }

    .footer-links ul li {
        padding-bottom: 10px;
    }

    .footer-links ul li:first-child {
        padding-left: 20px;
    }

    .tablette-mobile-only {
        display: block;
    }

    /* #6539 */
    .section-search.population .section-head a {
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
    body {
        min-width: 640px;
        font-size: 13px;
        line-height: 15px;
    }

    .shell {
        width: 620px;
    }

    .header-inner {
        width: 410px;
    }

    .header-inner-inner {
        bottom: -97px;
    }

    .nav-secondary ul li {
        padding-left: 10px;
    }

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

    .nav > ul > li {
        font-size: 13px;
    }

    .nav > ul > li > a {
        padding: 23px 10px;
        font-size: 13px;
    }

    .nav-dropdown .nav-col {
        width: 186px;
    }

    .main-body {
        padding: 25px 0;
    }

    .main-title {
        font-size: 28px;
        line-height: 34px;
    }

    .main-search {
        width: 140px;
    }

    .main-search .search-field {
        width: 80px;
    }

    .section-search .section-head {
        font-size: 13px;
        line-height: 15px;
    }

    .section-search .section-title {
        font-size: 34px;
        line-height: 36px;
        padding-right: 20px;
    }

    .form-search .form-col {
        width: 200px;
        margin-left: 10px;
    }

    .form-search .field {
        font-size: 12px;
        width: 145px;
        padding: 10px 5px;
    }

    .form-search .select-wrap {
        width: 200px;
    }

    .form-search .select-wrap select {
        font-size: 13px;
        padding: 0 3px;
    }

    .slider .slide {
        width: 620px;
    }

    .updates {
        margin-left: -10px;
    }

    .update {
        width: 200px;
        height: 170px;
        margin: 0 0 10px 10px;
    }

    .update-large {
        width: 410px;
        height: 350px;
    }

    .update-single {
        width: auto;
    }

    .update-single .update-meta {
        padding-bottom: 10px;
    }

    .update-single .update-title {
        font-size: 32px;
        line-height: 35px;
        padding-bottom: 5px;
    }

    .update-single .update-entry {
        font-size: 14px;
        line-height: 16px;
        padding-top: 20px;
    }

    .update-single .update-entry h3 {
        font-size: 19px;
        line-height: 23px;
        padding-bottom: 5px;
    }

    .update-single .update-outro {
        padding: 10px 0 5px 0;
    }

    .update-single .update-entry-foot {
        padding-top: 10px;
        margin-top: 10px;
    }

    .update-primary {
        height: 220px;
    }

    .widgets-secondary .widget {
        width: 200px;
        margin-left: 10px;
    }

    .widgets-secondary .widget-body {
        margin-top: 10px;
    }

    .widgets-secondary .widget-content {
        padding: 10px;
    }

    .widgets-secondary .widget-nav .widget-actions a {
        font-size: 10px;
    }

    .widgets-secondary .widget-text .widget-content {
        height: 225px;
    }

    .widgets-secondary .widget-text .widget-content h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .widgets-secondary .widget-text .widget-content img {
        bottom: 5px;
        right: 10px;
    }

    .widgets-secondary .widget-text .widget-actions {
        padding: 10px;
    }

    .publication {
        width: 180px;
        margin-left: 10px;
    }

    .publication .publication-image {
        width: 33%;
    }

    .publication .publication-title {
        font-size: 13px;
        line-height: 15px;
    }

    .section-emergency .section-title {
        font-size: 22px;
        line-height: 26px;
        width: 150px;
    }

    .list-steps li {
        font-size: 12px;
        line-height: 15px;
        width: 143px;
        margin-left: 10px;
    }

    .list-steps li h4 {
        font-size: 14px;
        line-height: 18px;
    }

    .list-steps li h3.styleh4 {
        font-size: 14px;
        line-height: 18px;
    }

    .list-arrows li {
        font-size: 16px;
        line-height: 20px;
    }

    .list-arrows li h3.styleNormal {
        font-size: 16px;
        line-height: 20px;
    }

    .sidebar {
        width: 210px;
    }

    .content {
        width: 400px;
    }

    .sidebar-secondary {
        padding-top: 53px;
    }

    .csc-header h2 {
        font-size: 19px;
        line-height: 23px;
        padding-bottom: 5px;
    }

    .bodytext {
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 10px;
    }

    .bodytext p {
        padding-bottom: 5px;
    }

    .article-title {
        font-size: 19px;
        line-height: 23px;
        padding-bottom: 5px;
    }

    .article-entry {
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 10px;
    }

    .article-entry p {
        padding-bottom: 5px;
    }

    .list-topics li {
        padding: 10px 0;
    }

    .list-arrows-secondary li {
        float: none;
        display: block;
        width: auto;
    }

    .list-icons-secondary li {
        font-size: 13px;
    }

    .list-icons-secondary li a .ico {
        margin-right: 5px;
    }

    .section-main-content > .section-head > .section-title {
        font-size: 34px;
        line-height: 43px;
        padding-bottom: 15px;
    }

    .section-updates .section-aside {
        width: 200px;
    }

    .section-updates .section-content {
        width: 410px;
    }

    .section-updates .aside-filters {
        padding: 15px 10px;
    }

    .search-secondary {
        width: 180px;
    }

    .search-secondary .search-field {
        width: 120px;
    }

    .filters-primary .filters-row-title {
        padding-right: 5px;
    }

    .filters-primary .filters-row .filters-col {
        padding-left: 15px;
    }

    .location-content {
        font-size: 13px;
        line-height: 15px;
    }

    .location-title {
        font-size: 19px;
        line-height: 21px;
    }

    .footer-content {
        padding: 30px 0;
    }

    .footer-col {
        width: 147px;
        padding-left: 10px;
    }

    .footer-nav ul li {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 5px;
    }

    .footer-nav .styleh5 {
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 10px;
    }

    .footer-nav-secondary ul li {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 10px;
    }

    .footer-bar {
        padding: 20px 0;
    }

    .footer-bar-inner {
        width: 280px;
    }

    .footer-links {
        width: 350px;
        margin-left: -10px;
    }

    .footer-links ul li {
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .footer-links ul li:first-child {
        padding-left: 10px;
    }

    .main-search .search-btn {
        height: 38px;
    }

    .main-search .search-field {
        height: 18px;
    }

    .nav-dropdown {
        height: auto;
    }

    .nav-dropdown .nav-col p.styleh3 {
        font-size: 19px;
        line-height: 22px;
        padding: 0;
        color: #363636;
    }

    .nav-dropdown .nav-col p.styleh3 img {
        display: block;
        width: 50px;
        height: 50px;
        padding-bottom: 25px;
        margin: 0;
    }

}

@media only screen and (max-width: 639px) {
    body {
        min-width: 0;
        font-size: 12px;
        line-height: 14px;
    }

    .shell {
        width: auto;
    }

    .wrapper {
        position: relative;
    }

    .container {
        padding-top: 60px;
    }

    .btn {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 15px;
    }

    .btn-medium {
        line-height: 18px;
    }

//.btn-print {
      padding: 5px 10px;
  }

//.btn-print {
      padding: 10px;
      line-height: 20px;
  }

    .btn-print .ico {
        width: 20px;
        height: 20px;
        margin-left: 5px;
        position: relative;
        top: -2px;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .header {
        height: 25px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        padding: 25px 0 10px 0;
        background-color: #fff;
        border-bottom: 1px solid #eeeeee
    }

    .header-inner {
        display: none;
    }

    .logo {
        width: 110px;
        height: 21px;
        background: url(../images/logo-small.png) no-repeat 0 0;
    }

    .nav-btn {
        height: 23px;
        width: 19px;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        border-radius: 0;
        padding: 8px 6px 0 6px;
    }

    .nav-btn span {
        height: 3px;
        display: block;
        background: #000000;
        margin-bottom: 3px;
    }

    .nav-btn.active {
        background: #363636;
    }

    .nav-btn.active span {
        background-color: #24a1ff;
    }

    .main-navigation {
        height: auto;
        width: 100%;
        display: none; /*position: fixed; top: 60px;*/
        left: 0;
    }

    .main-navigation .shell {
        padding: 0;
    }

    .sub-navdropdown {
        border-bottom: none;
        background-color: transparent;
        padding: 0;
    }

    .nav {
        display: block;
        float: none;
    }

    .nav > ul > li {
        display: block;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #4f4f4f;
    }

    .nav > ul > li:first-child {
        border-left: 0;
    }

    .nav > ul > li > a {
        padding: 15px;
    }

    .nav > ul > li > a > span {
        text-transform: none;
        font-size: 10px;
        line-height: 12px;
        color: #f7f7f7;
        display: block;
        padding-top: 5px;
    }

    .nav > ul > li > a > .ico {
        background: url(../images/arrow-right-grey-small.png) no-repeat 0 0;
    }

    .nav > ul > li.current {
        position: relative;
    }

    .nav > ul > li.current:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 0;
        right: 15px;
        border-left: 15px solid transparent;
        border-top: 15px solid #4f4f4f;
        border-right: 15px solid transparent;
    }

    .nav > ul > li.current > a {
        background-color: #363636;
    }

    .nav > ul > li.current > a > .ico,
    .nav > ul > li > a:hover > .ico {
        background: url(../images/arrow-right-white-small.png) no-repeat 0 0;
    }

    .nav-dropdown {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 0;
        background-color: #4f4f4f;
        border-top: 1px solid #4f4f4f;
    }

    .nav-dropdown .nav-col {
        width: 100%;
        float: none;
        padding-left: 0;
        padding: 0;
        border-top: 1px solid #f7f7f7;
    }

    .nav-dropdown .nav-col:first-child {
        padding: 0 15px;
    }

    .nav-dropdown .nav-col p.styleh3 img {
        display: inline-block;
        width: 35px;
        height: 35px;
        padding: 0 10px 0 0;
        float: left;
        margin: 0;
    }

    .nav-dropdown .nav-col p.styleh3 {
        font-size: 13px;
        line-height: 16px;
        padding: 10px 0;
        color: #ffffff;
    }

    .nav-dropdown .nav-col p.styleh4 {
        font-size: 13px;
        line-height: 16px;
        padding: 10px 0;
        color: #ffffff;
    }

    .nav-dropdown .nav-col p.styleh4 a {
        color: #fff;
    }

    .nav-dropdown .nav-col p.styleh4 a .ico {
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
        width: 30px;
        height: 30px;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .nav-dropdown .nav-col ul li {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 15px;
        border-top: 1px solid #f7f7f7;
        color: #ffffff;
    }

    .nav-dropdown .nav-col ul li:first-child {
        border-top: 0;
    }

    .nav-dropdown .nav-col ul li p.styleh4 {
        font-size: 15px;
        line-height: 17px;
        padding-bottom: 0;
    }

    .nav-dropdown .nav-col ul li p.styleh4 a {
        color: #fff;
    }

    .nav-bottom {
        position: relative;
        padding: 10px 15px 15px 15px;
    }

    .nav-bottom .nav-secondary {
        float: left;
    }

    .nav-bottom .nav-secondary ul li {
        float: left;
        padding-left: 0;
        width: 45%;
        max-width: 50%;
    }

    .nav-bottom .socials {
        display: block;
        position: absolute;
        bottom: 15px;
        right: 15px;
        float: none;
        padding-top: 0;
    }

    .nav-bottom .socials ul li {
        display: block;
        width: 18px;
        height: 17px;
        margin-left: 5px;
    }

    .nav-bottom .socials ul li a {
        width: 18px;
        height: 17px;
    }

    .nav-bottom .socials ul li a.link-youtube {
        background: url(../images/icon-youtube-white.png) no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .nav-bottom .socials ul li a.link-twitter {
        background: url(../images/icon-twitter-white.png) no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .nav-bottom .socials ul li a.link-facebook {
        background: url(../images/icon-facebook-white.png) no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .link-language {
        font-weight: bold;
        color: #363636;
        font-size: 14px;
        line-height: 29px;
        text-transform: uppercase;
        height: 31px;
        display: block;
        position: absolute;
        top: 15px;
        right: 60px;
        padding: 0 5px;
    }

    .link-language:hover {
        color: #363636;
        text-decoration: underline;
    }

    .main-head {
        padding: 10px 0;
        background-color: #f7f7f7;
    }

    .main-title {
        font-size: 18px;
        line-height: 20px;
    }

    .main-body {
        padding: 20px 0;
    }

    .main-search {
        display: none;
        width: 100%;
        float: none;
    }

    .main-search .search-field {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 15px;
    }

    .main-search .search-btn {
        display: block;
        float: none;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 15px;
    }

    .section-search .section-title {
        width: auto;
        float: none;
    }

    .form-search .form-col {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .form-search .field {
        width: 88%;
        padding: 10px;
        padding-left: 3%;
        padding-right: 3%;
        margin-left: 5%;
    }

    .form-search .select-wrap {
        width: 95%;
        margin-left: 5%;
    }

    .form-search .select-wrap select {
        font-size: 12px;
        padding: 0 8px;
    }

    .search-keywords .form-btn,
    .search-location .form-btn {
        float: none;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .form-search .field {
        float: none;
    }

    .slider .slide {
        width: auto;
    }

    .widgets .widget-title {
        padding-bottom: 5px;
    }

    .updates {
        margin-left: 0;
    }

    .update {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .update-large .update-content, .update-content {
        padding: 10px;
    }

    .update-title {
        font-size: 15px;
        line-height: 17px;
    }

    .update-primary-secondary {
        float: left;
        width: 32%;
        margin-left: 2%;
    }

    .update-primary-secondary:first-child {
        margin-left: 0;
    }

    .update-primary-secondary .update-image {
        float: none;
        display: block;
        margin: auto;
    }

    .update-primary-secondary .update-title {
        font-size: 13px;
        line-height: 15px;
    }

    .update-primary-secondary .update-content {
        padding: 10px;
    }

    .slider-secondary .update {
        width: 49%;
        min-height: 210px;
        margin-left: 2%;
    }

    .slider-secondary .update:nth-child(2n+1) {
        margin-left: 0;
    }

    .slider-secondary .update-large {
        width: 100%;
        float: left;
    }

    .widgets-secondary .widget {
        margin-left: 0;
    }

    .widgets-secondary .widget-1,
    .widgets-secondary .widget-2 {
        width: 49%;
        margin-left: 2%;
        overflow: hidden;
    }

    .widgets-secondary .widget-3 {
        width: 100%;
        margin-top: 15px;
    }

    .widgets-secondary .widget-text .widget-content h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .warning {
        font-size: 13px;
        line-height: 15px;
        padding: 10px;
    }

    .warning .ico {
        margin-right: 5px;
    }

    .publications {
        padding-bottom: 10px;
    }

    .publication {
        width: auto;
        min-height: auto;
        float: none;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .publication-single .publication-aside {
        width: auto;
        display: block;
        float: none;
        padding-left: 0;
        margin-top: 0;
        padding-top: 10px;
    }

    .publication-single .publication-image {
        float: left;
        margin-right: 5px;
    }

    .publication-single .publication-actions {
        overflow: hidden;
    display:inline-block;
        padding-top: 0;
    }

    .publication-single .publication-actions .btn {
        font-size: 9px;
        max-width: 165px;
        padding: 10px 2px;
    margin-top: 15px;
    }

    .publication-single .publication-entry {
        padding-right: 0;
    }

    .publication-single .publication-meta {
        padding-right: 0;
    }

    .publication-single .publication-author {
        padding-top: 5px;
    }

    .publication-single .publication-title {
        font-size: 22px;
        line-height: 25px;
    }

    .publication-single .publication-body {
        padding-top: 15px;
    }

    .list-arrows li {
        font-size: 14px;
        line-height: 16px;
        background-position: 0 5px;
    }

    .list-arrows li h3.styleNormal {
        font-size: 14px;
        line-height: 16px;
        background-position: 0 5px;
    }

    .list-icons-secondary li {
        font-size: 12px;
        line-height: 20px;
    }

    .list-icons-secondary li a .ico {
        width: 20px;
        height: 20px;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .list-buttons {
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    .list-buttons li {
        float: none;
        display: inline-block;
        padding: 2px;
    }

    .section-emergency .section-title {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        width: auto;
        display: block;
        float: none;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .list-steps li {
        text-align: left;
        width: auto;
        height: auto;
        display: block;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 20px 5px 20px;
    }

    .list-steps li p.bodytext {
        padding: 3px 0px;
    }

    .list-steps li p br {
        display: none;
    }

    .list-steps li h4 {
        padding-top: 5px;
    }

    .list-steps li h3.styleh4 {
        padding-top: 5px;
    }

    .list-steps li:before {
        top: 32%;
    }

    .list-steps li strong {
        text-align: center;
        float: left;
        margin-right: 15px;
    }

    .sidebar {
        float: none;
        display: block;
        width: auto;
    }

    .content {
        float: none;
        display: block;
        width: auto;
        padding-bottom: 30px;
    }

    .sidebar-secondary {
        padding-top: 0;
    }

    .update-single .update-entry-foot .social .addthis_native_toolbox {
        width: 100px !important;
        overflow: hidden;
    }

    .update-single .update-foot .social {
        display: none;
    }

    .list-topics li {
        padding: 10px 0;
    }

    .section-main-content > .section-head > .section-title {
        font-size: 29px;
        line-height: 38px;
        padding-bottom: 10px;
    }

    .section-main-content > .section-head > .section-title br {
        display: none;
    }

    .section-updates .section-content {
        float: none;
        display: block;
        width: auto;
    }

    .section-updates .section-aside {
        display: none;
        position: absolute;
        top: 79px;
        left: 0;
        float: none;
        width: 100%;
        z-index: 9;
    }

    .section-updates .section-aside .aside-filters {
        background-color: #dcdcdc;
    }

    .section-updates .section-aside > .btn {
        width: auto;
    }

    .filters .filters-title {
        color: #363636;
    }

    .list-filters li {
        font-size: 13px;
        line-height: 12px;
        padding: 10px 5px;
        margin-right: 0;
        margin-left: 2px;
    }

    .list-filters li:first-child {
        margin-left: 0;
    }

    .filters {
        padding-top: 0;
        border-bottom: 1px solid #cfcfcf;
    }

    .filters .filters-body {
        margin-top: 5px;
        margin-left: -5%;
    }

    .filters .filters-body-row {
        float: left;
        width: 45%;
        margin-left: 5%;
    }

    .filters .filters-body-row:first-child {
        border-top: 1px solid #cfcfcf;
    }

    .filters .filters-body h4 {
        font-size: 11px;
        line-height: 13px;
    }

    .filters-trigger {
        display: block;
        position: absolute;
        top: 18px;
        left: 0;
        width: 20px;
        height: 20px;
        padding: 5px;
        background-color: #dcdcdc;
    }

    .filters-trigger .ico {
        display: block;
        width: 20px;
        height: 20px;
        background-position: center center;
    }

    .filters-primary .filters-row {
        position: relative;
    }

    .filters-primary .filters-row .filters-col {
        float: none;
        margin-top: 10px;
        padding-left: 0;
    }

    .filters-primary .filters-row .filters-col:first-child {
        margin-top: 0;
    }

    .filters-primary .filters-row #tx-solr-pagination.filters-col {
        float: none;
        padding-left: 0;
    }

    .filters-primary .filters-row:first-child .filters-col {
        padding-left: 50px;
        margin-top: 0;
    }

    .search-secondary {
        display: none;
    }

    .searches {
        padding: 10px 0;
    }

    .search-secondary.mobile-visible {
        display: block;
        width: 145px;
        float: right;
    }

    .search-secondary.mobile-visible:first-child {
        float: left;
    }

    .search-secondary .search-field {
        background-color: #fff;
        width: 85px;
        font-size: 10px;
    }

    .search-secondary .search-label {
        display: none;
    }

    .list-checkboxes li {
        padding-right: 0;
    }

    .list-checkboxes li .checkbox .form-label {
        font-size: 12px;
        line-height: 15px;
        padding-left: 5px;
    }

    .location-content {
        font-size: 12px;
        line-height: 14px;
    }

    .location-title {
        font-size: 18px;
        line-height: 20px;
    }

    .footer-col {
        width: auto;
        display: block;
        float: none;
        padding-left: 0;
        padding-top: 20px;
    }

    .footer-col:first-child {
        padding-top: 0;
    }

    .footer-nav-secondary {
        float: left;
    }

    .footer-nav-secondary ul li {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 10px;
    }

    .socials-white {
        float: right;
        padding-top: 0;
    }

    .socials-white ul li {
        display: block;
        float: none;
        margin-left: 0;
        margin-top: 10px;
    }

    .socials-white ul li:first-child {
        margin-top: 0;
    }

    .footer-nav ul {
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    .footer-nav ul li {
        display: inline-block;
        float: none;
        padding: 5px;
    }

    .footer-nav ul li:first-child {
        padding-left: 0;
    }

    .footer-nav .styleh5 {
        text-align: center;
        padding-bottom: 5px;
    }

    .footer-links {
        width: auto;
        float: none;
        padding-bottom: 10px;
        margin-left: 0;
    }

    .footer-links ul {
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    .footer-links ul li {
        font-size: 11px;
        line-height: 13px;
        display: inline-block;
        float: none;
        padding: 5px;
    }

    .footer-bar-inner {
        width: auto;
        float: none;
    }

    .footer-bar-inner-inner {
        float: left;
    }

    .footer-bar .logo-vivre {
        float: right;
    }

    .mobile-only {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .update-outro ul.list-arrows {
        padding: 0px;
        border: none;
    }

    .update-outro ul.list-arrows:first-child {
        padding: 10px;
    }

    .update-outro ul.list-arrows:last-child {
        border-bottom: 1px solid #bdbdbd;
    }

    .container .sub-navdropdown {
        border-bottom: none;
        background-color: transparent;
        padding: 0;
    }

    .container .nav-dropdown {
        height: auto;
    }

    /* #6539 */
    .section-search.population .section-head p {
        top: 0;
    }

    .section-search.population .section-head a {
        top: 100px;
    }
}

@media only screen and (max-width: 390px) {
    .section-search.population .section-head .section-head-body {
        height: 225px;
    }

    .section-search.population .section-head a {
        top: 200px;
    }
}

.csc-default .nav-tabs-horizontal ul {
    margin: 0;
}

/* sitemap */
.csc-sitemap ul {
    padding: 5px 10px;
    margin: 10px 0px;
}

.csc-sitemap li {
    margin: 10px 0px 20px 0px;
    font-weight: bold;
}

.csc-sitemap li ul {
    border-bottom: 1px solid #363636;
    margin-top: 5px;
}

.csc-sitemap li ul li ul, .csc-sitemap li ul li {
    border: none;
    margin: 5px 5px;
    font-weight: normal;
}

.csc-sitemap li ul li ul li ul, .csc-sitemap li ul li ul li {
    border: none;
    margin: 0px;
    padding: 3px 8px;
}

/* TABLEAUX */
.section-main-content table {
    width: 100%;
    max-width: 100%;
    empty-cells: show;

}

.section-main-content table {
    width: 100%;
    border-collapse: collapse;
}

/* Structure */
.section-main-content table {
    padding: 0;
    margin: 20px 0;
    border: 1px solid #e4eaec;
}

.section-main-content table.contenttable-1 {
    border: 0
}

.section-main-content table th,
.section-main-content table td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .7em;
}

.section-main-content table thead th {
    background-color: #0070c4;
    color: #ffffff;
}

.section-main-content table thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
}

:root {
    var-button-selected-background: #29abe2;
    var-button-checkbox-selected-background: #34a3de;
    var-button-selected-shadow: rgba(0, 75, 115, .45);
    var-button-interaction-text: #76838f;
    var-button-interaction-shadow: #4faeef;
}

.section-main-content table th,
.section-main-content table td {
    line-height: 1em;
    text-align: left;
    vertical-align: middle;
}

.section-main-content table td,
.section-main-content table tbody th {
    vertical-align: middle;
}

.section-main-content table td .btn,
.section-main-content table tbody th .btn {
    margin: 0;
}

.section-main-content table thead th {
    text-align: left;
    text-transform: uppercase;
}

/* Table rows have a gray bottom stroke by default */
.section-main-content table caption {
    margin-bottom: 0;
    line-height: 2.4;
    text-align: left;
}

@media (min-width: 25em) {
    .main-content table caption {
        margin-bottom: .6em;
        line-height: 1.2;
    }
}

@media (min-width: 40em) {
    .main-content table td {
        line-height: 1.5em;
    }
}

@media (min-width: 40em) {
    .main-content table td {
        line-height: 1.5em;
    }
}

.section-main-content table.contenttable-color-2 {
    background: none;
}

/* Layout bordure */
.section-main-content table > tbody > tr > td,
.section-main-content table > tbody > tr > th,
.section-main-content table > tfoot > tr > td,
.section-main-content table > tfoot > tr > th,
.section-main-content table > thead > tr > td,
.section-main-content table > thead > tr > th {
    border: 1px solid #e4eaec;
}

.section-main-content table > tbody > tr:nth-of-type(odd) {
    background: #fff;
}

/*Layout border-bottom*/
.section-main-content table.contenttable-1 > tbody > tr > td,
.section-main-content table > tbody > tr > th,
.section-main-content table > tfoot > tr > td,
.section-main-content table > tfoot > tr > th,
.section-main-content table > thead > tr > td,
.section-main-content table > thead > tr > th {
    border: 0;
    border-bottom: 1px solid #e4eaec;
}

/*Layout plain*/
.main-content table.contenttable-2 > tbody > tr > td,
.section-main-content table > tbody > tr > th,
.section-main-content table > tfoot > tr > td,
.section-main-content table > tfoot > tr > th,
.section-main-content table > thead > tr > td,
.section-main-content table > thead > tr > th {
    border: 0;
}

.main-content table.contenttable-2 > tbody > tr:nth-of-type(odd) {
    background: none;
}

.main-content table th.align-center, .main-content table td.align-center {
    text-align: center;
}

.main-content table th.align-right, .main-content table td.align-right {
    text-align: right;
}

.main-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* #5476 */
.header-inner .nav-secondary ul li a {
    font-size: 10.78px;
}

/* #GRID */
.accordeon .panel {
    border: 0;
    background-color: transparent;
}

.accordeon .panel-heading {
    background-color: #fff;
    color: #363636;
    padding: 15px;
    font-size: 18px;
}

.accordeon .panel-heading .bodytext {
    font-size: 17px;
}

/* #FRAMES */
.light-bgrnd {
    padding: 15px;
    background: #fff;
    margin: 15px 0;
}

.grey-bgrnd {
    padding: 15px;
    background: #ebebeb;
    margin: 15px 0;
}

.bleu-outline {
    padding: 15px;
    border: 5px solid #0070c4;
    margin: 15px 0;
}

.bleu-bgrnd {
    color: #636363;
    padding: 15px;
    background: #c1e5ff;
    margin: 15px 0;
}

/*CAMPAGNE 123*/
.campagne .section-emergency {
    padding-top: 19px;
    padding-bottom: 19px;
}

@media (min-width: 640px) {
    .campagne .list-steps li {
        width: 133px;
    }
}

@media (min-width: 768px) {
    .campagne .section-search.population .section-head a {
        font-size: 14px;
        background-position: 144px 6px;
    }

    .campagne .list-steps li {
        width: 129px;
        height: 166px;
        padding: 15px 0 0 0;
    }

    .campagne .list-steps li .bodytext {
        font-size: 13px;
    }

    .campagne .section-emergency .section-title {
        width: 130px;
        font-size: 16px;
        padding: 32px 10px 0 0;
    }
}

@media (min-width: 992px) {
    .campagne .section-search.population .section-head a {
        font-size: 16px;
        background-position: 162px 6px;
    }

    .campagne .list-steps li {
        width: 170px;
        height: 170px;
        padding: 20px 0 0 0;
    }

    .campagne .list-steps li .bodytext {
        font-size: 15px;
    }

    .campagne .section-emergency .section-title {
        width: 169px;
        font-size: 20px;
        padding: 32px 20px 0 0;
    }
}

@media only screen and (min-width: 1200px) {
    .campagne .list-steps li {
        padding: 30px 0 0 0;
    }

    .campagne .section-emergency {
        padding: 24px 15px 19px 15px;
    }
}

@media only screen and (max-width: 991px) {
    .campagne .list-steps li h4 {
        font-size: 13px;
    }

    .campagne .list-steps li h3.styleh4 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .campagne .section-search.population .section-head {
        padding: 0;
    }
}

@media only screen and (max-width: 639px) {
    .list-steps li {
        width: inherit;
    }

    .campagne .section-emergency {
        padding-bottom: 0;
    }

    .campagne .list-steps li .bodytext {
        padding: 3px 0 3px 59px;
    }

    .campagne .section-emergency .section-title {
        width: inherit;
        font-size: 16px;
    }

    .campagne .list-steps li h4 {
        font-size: 15px;
    }

    .campagne .list-steps li h3.styleh4 {
        font-size: 15px;
    }
}

@media only screen and (max-width: 979px) {
    .section-emergency {
        padding: 30px 15px 30px 15px;
    }
}

/* Sujets de A a Z */
.accueildrsp {
  display:none;
}


/*DIRECTEUR*/
.directeur-banner img {
    max-width: 100%;
    height: auto;
}

.directeur-banner .csc-default {
    padding-bottom: 10px;
}

.menudrsp-accueil ul li {
    margin-bottom: 5px;
}

.menudrsp-accueil ul li a {
    display: inline-block;
    line-height: 30px;
}

.menudrsp-accueil ul li:first-child {
    float: right;
    margin-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.directeur .entete .section-head {
    border-bottom: 0;
}

.directeur .actualite {
    padding: 20px 0 10px 0;
}

.directeur .widget-image {
    padding: 30px 0 0 0;
}

.directeur div.csc-textpic-imagecolumn,
.directeur td.csc-textpic-imagecolumn .csc-textpic-image {
    margin: 15px 0 0 0;
}

.directeur .widget-image figure img {
    max-width: 100%;
    height: auto;
}

.directeur .widgets-secondary .csc-default {
    padding-bottom: 0;
}

.onglets {
    list-style: none;
}

.onglets li {
    list-style: none;
    display: inline-block;
    margin-right: 3px;
}

.onglets li a {
    display: block;
    padding: 5px 10px;
    background: #fff;
    color: #363636;
}

.onglets li.actif a {
    background: #363636;
    color: #fff;
}

.directeur .widgets-secondary {
    height: 355px;
}

.directeur aside.sidebar-secondary {
    width: 290px;
    padding-top: 24px;
}

.directeur aside.sidebar-secondary h1,
.directeur aside.sidebar-secondary h2,
.directeur aside.sidebar-secondary h3,
.directeur aside.sidebar-secondary h4,
.directeur aside.sidebar-secondary h5 {
    font-size: 24px;
    padding: 10px 0;
    text-transform: uppercase;
}

.directeur aside.sidebar-secondary .csc-header {
    border-bottom: 5px solid #363636;
}

.directeur aside.sidebar-secondary .bleu-bgrnd,
.directeur aside.sidebar-secondary .grey-bgrnd,
.directeur aside.sidebar-secondary .bleu-outline,
.directeur aside.sidebar-secondary .light-bgrnd {
    padding: 0;
    background: none;
}

.directeur aside.sidebar-secondary .bleu-bgrnd,
.directeur aside.sidebar-secondary .grey-bgrnd,
.directeur aside.sidebar-secondary .bleu-outline,
.directeur aside.sidebar-secondary .light-bgrnd,
.directeur aside.sidebar-secondary .csc-default {
    padding-bottom: 30px;
    margin: 0;
}

.directeur aside.sidebar-secondary .csc_body {
    padding: 15px;
}

.directeur aside.sidebar-secondary .light-bgrnd .csc_body {
    background: #fff;
}

.directeur aside.sidebar-secondary .grey-bgrnd .csc_body {
    background: #ebebeb;
}

.directeur aside.sidebar-secondary .bleu-bgrnd .csc_body {
    background: #c1e5ff;
}

.directeur aside.sidebar-secondary .csc-default ul,
.directeur aside.sidebar-secondary .csc_body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.directeur aside.sidebar-secondary .csc-default ul li,
.directeur aside.sidebar-secondary .csc_body p.bodytext,
.directeur aside.sidebar-secondary .csc_body ul li {
    padding: 0;
    margin: 15px 0;
}

.directeur .btnsujetaz {
    overflow: hidden;
}

.directeur .btnsujetaz a {
    float: left;
    color: #363636;
}

.btnsujetaz a.sujets {
    float: right;
  margin-top: 20px;
}

.btnsujetaz a .btn {
    background-color: #fff;
    color: #363636;
}
.directeur .accueildrsp {
  display:block;
}
.directeur .btnsujetaz p {
    line-height: 20px;
    padding-top: 15px;
    font-weight: bold;
}

.directeur .btnsujetaz img {
    margin-top: -3px;
    margin-right: 5px;
}

.partage {
    margin: 20px 0;
}

/*.facet-default label {
    text-transform: capitalize;
}*/

.tx-powermail {
    width: 640px;
    color: #444
}

.tx-powermail .clear {
    clear: both
}

.tx-powermail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tx-powermail *.hide {
    display: none
}

.tx-powermail .powermail_fieldset {
    clear: left;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee
}

.tx-powermail .powermail_fieldset .powermail_legend {
    color: #6C6C6C;
    float: right;
    margin: 3px 0 10px 0;
    font-size: 200%;
    white-space: normal
}

.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin:0 0 0.5em 0;
    clear: both;
    overflow: hidden;
}

.tx-powermail .powermail_fieldset .powermail_field input,
.tx-powermail .powermail_fieldset .powermail_field textarea,
.tx-powermail .powermail_fieldset .powermail_field select,
.tx-powermail .powermail_fieldwrap_type_text .powermail_field {
    width: 400px;
    padding: 5px;
    margin: 0;
    border: 1px solid #bbb;
    color: #444;
    float: right;
    font-size: inherit
}

.tx-powermail .powermail_fieldset .powermail_field > radio {
    color: pink;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    margin: 5px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #1E5799;
    border: 1px solid #eee
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #FFCA4B
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
    width: 100%;
    margin-top: 10px
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset, .tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer,
.tx-powermail .powermail_fieldset .powermail_captcha_outer,
.tx-powermail .powermail_fieldset .powermail_check_outer,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list),
.tx-powermail .powermail_fieldwrap_type_text .powermail_field {
    background-color: white;
    border: 1px solid #bbb;
    float: right;
    padding: 3px;
    width: 400px;
    list-style: none;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li, .tx-powermail .powermail_fieldset .powermail_check_outer > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li {
    margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) > li .deleteAllFiles:hover {
    text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 400px;
    float: right;
    clear: left
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #A94442;
    padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    color: #A94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #EBCCD1;
    border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
    padding-left: 5px
}

.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation {
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: hidden
}

.tx-powermail .powermail_create .powermail_confirmation_submit, .tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_submit, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    margin: 20px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    background-color: #1E5799;
    border: 1px solid #eee
}

.tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_form {
    float: left;
    clear: left;
    background-color: #bbb
}

.tx-powermail .powermail_progressbar {
    width: 400px;
    height: 5px;
    float: right;
    border: 1px solid #EEEEEE;
    clear: both
}

.tx-powermail .powermail_progressbar.disable {
    display: none
}

.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1E5799;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards
}

.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    background: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25)
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.tx-powermail .powermail_all > dt {
    width: 200px;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_all > dd {
    width: 400px;
    float: left;
    margin: 0
}

.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #EBCCD1;
    border: 1px solid #A94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle
}

.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #CDEACA;
    border: 1px solid #3B7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3B7826
}

.tx-powermail .powermail_message.powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")
}

.tx-powermail .powermail_message.powermail_message_error li {
    color: #A94442
}

.tx-powermail .powermail_message.powermail_message_note {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #FCF8E3;
    border: 1px solid #FFCA4B
}

.tx-powermail .powermail_message.powermail_message_note li {
    color: #FFCA4B
}

.tx-powermail .powermail_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu > li {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background: #eee;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #aaa
}

.tx-powermail .powermail_tabmenu > li.act {
    color: #444
}

.tx-powermail .powermail_tabmenu > li.parsley-error {
    background-color: #EBCCD1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1E5799;
    float: right
}

@-webkit-keyframes progress {
    to {
        width: 100%
    }
}

@-moz-keyframes progress {
    to {
        width: 100%
    }
}

@-ms-keyframes progress {
    to {
        width: 100%
    }
}

@keyframes progress {
    to {
        width: 100%
    }
}

.powermail_frontend {
    clear: left;
    margin: 0 0 20px 0;
    background: #eee;
    overflow: auto
}

.powermail_frontend table.powermail_frontend_list {
    width: 100%;
    font-size: 0.8em;
    border: 1px solid #444;
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: separate
}

.powermail_frontend table.powermail_frontend_list tr th {
    color: white;
    font-weight: bold;
    padding: 7px 3px;
    text-align: left;
    background: #444
}

.powermail_frontend table.powermail_frontend_list tr td {
    padding: 3px
}

.powermail_frontend table.powermail_frontend_list tr:nth-child(even) {
    background: #bbb
}

.powermail_frontend .powermail_frontend_filter {
    background: #bbb;
    padding: 10px 0
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container {
    padding: 5px 10px;
    clear: both
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 200px;
    padding-top: 3px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container input {
    width: 400px;
    padding: 5px;
    float: right;
    border: none
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container .powermail_frontend_search_submit {
    color: white;
    cursor: pointer;
    background: #1E5799;
    clear: both
}

.powermail_frontend .powermail_frontend_abc, .powermail_frontend .powermail_frontend_export {
    width: 600px;
    margin: 10px 0
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner, .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner, .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner, .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner {
    margin: 0 10px
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc, .powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc a, .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc, .powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc a, .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc, .powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc a, .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc, .powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc a {
    font-weight: bold;
    text-decoration: none
}

.powermail_frontend .powermail_frontend_export {
    width: 640px
}

.powermail_frontend .powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background-repeat: no-repeat;
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_csv.gif")
}

.powermail_frontend .powermail_frontend_export input.export_icon_xls {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_xls.gif")
}

.powermail_frontend .powermail_frontend_export .powermail_frontend_export_icon {
    float: right;
    padding-top: 5px;
    margin-left: 5px;
    height: 19px
}

.powermail_frontend dl {
    clear: both;
    padding: 5px 10px
}

.powermail_frontend dl dt {
    float: left;
    width: 150px;
    font-weight: bold;
    clear: left;
    margin-right: 10px
}

.powermail_frontend dl dd {
    float: left
}

.powermail_frontend .powermail_frontend_back {
    margin: 10px;
    display: inline-block;
    padding: 5px 20px;
    background-color: #bbb;
    border: 1px solid #eee;
    color: white;
    text-decoration: none
}

.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: white;
    border-top: 1px solid #eee;
    color: #444;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0px
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #A94442
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1E5799
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #A94442 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

.tx-powermail .container-fluid {
    width: 640px;
    padding-left: 0;
    padding-right: 0;
}

.main-body.directeur .section.actualite .caroufredsel_wrapper .slide .bodytext {
    display: none;
}

/*Ajouts 4 juin 2018*/
.full-width .content{width:inherit !important;}
@media only screen and (max-width: 979px){
    .full-width .content {width:inherit !important;}
}
@media only screen and (max-width: 767px){
    .full-width .content {width:inherit !important;}
}
.ete .main-body {background:#f2f2f2 url(../images/bandeau_ete.png) repeat-x top center;}
.img-responsive          {min-height:285px;}
.img-responsive img {max-width:100%; height:auto;}

/* BLOCS SUPERPOSES */
.canbloc img        {max-width:100%; height:auto;}
.canbloc div.csc-textpic-center .csc-textpic-center-inner{float:none; right:0;}
.canbloc div.csc-textpic-center .csc-textpic-center-outer{float:none; right:0;}
.canbloc div.csc-textpic .csc-textpic-imagewrap figure, 
.canbloc div.csc-textpic figure.csc-textpic-imagewrap{display:block;}
.canbloc_center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.row-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  margin:20px -15px 20px -15px;
}
.canbloc {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.canbloc_image img {
    float: right;
    display: block;
    vertical-align: middle;
    border-style: none;
}
.canbloc .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;    
}
@media(min-width:980px){
  .canbloc_imageleft .canbloc_image {
    -ms-flex-order: 0;
    order: 0;
  }
  .canbloc_imageright .canbloc_image {
    -ms-flex-order: 1;
    order: 1;
  }
}
@media(min-width:980px){
  .canbloc_imageleft .canbloc_text {
    position: relative;
    left: -2.5rem;
  }
  .canbloc_imageright img {
    position: relative;
    left: -2.5rem;
  }
  .canbloc_imageleft img{
    position: relative;
    right: -2.5rem;
  }
  .canbloc_imageright .canbloc_text {
    position: relative;
    right: -2.5rem;
  }
}
.canbloc_text {
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 15px rgba(0,0,0,.1);
    box-shadow: 0 6px 15px rgba(0,0,0,.1);
    padding: 1.5rem;
    z-index: 99;
    background-color: #fff;
}
.canbloc h1,
.canbloc h2,
.canbloc h3,
.canbloc h4,
.canbloc h5,
.canbloc h6        {margin:0; padding-top:0 !important;}
.canbloc div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin:0;}
.canbloc .csc-default {padding-bottom:0;}

.texte-vert        {color: #869754; font-weight:500;}
.texte-rouge      {color: #c10e1a; font-weight:500;}

.mb-15 {margin-bottom:15px;}

/*VIDEO RESPONSIVE*/
.csc-textmedia-gallery-column:last-child{
  margin: auto !important;
}
.csc-textmedia-gallery-column,
.csc-textmedia-above-center .csc-textmedia-gallery-outer,
.csc-textmedia-above-center .csc-textmedia-gallery-inner{
    position: inherit;
    float: none;
    right: inherit;
}
.csc-textmedia-gallery-column {
  max-width: 980px;
  margin: auto;
  float:none;
}

.csc-textmedia-gallery-column div.csc-textmedia-gallery-media {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.csc-textmedia-gallery-media iframe {
/*position: absolute;*/
top: 0;
left: 0;
  
/*width: 100%;*/
/*height: 100%;*/
}