@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic);
.spip-admin-float {left: 4%!important; right: auto!important}

body {background: url('./img/fond.jpg') repeat top center}

body,h1,h2,h3,h4,h5,h6,ul,li,ol,p,a,label,.button {font-family:'Roboto', Arial, sans-serif;font-weight:400;}

h1,h2,h3,h4,h5,h6 {font-family:'Roboto', Arial, sans-serif;font-weight:400;}

a,p,li {color:#666}
a {transition: background-color 200ms ease-out,color 200ms ease-out}

.button {padding: .3rem 1rem .3625rem}

strong {font-family:'Roboto', Arial, sans-serif;font-weight:700;}
.row {max-width: 75rem;} //affichage 1200px
header {background-color:#eee}
.content {padding-top:.7em}

.caroussel {margin-bottom:1em}
.caroussel img {border:1px #A23612 solid}
.slick-prev:before, .slick-next:before {font-size: 45px;color:#A23612}
.slick-prev, .slick-next { height: 45px; width: 45px }
.slick-prev {left: -10px}
.slick-next {right: -10px}

/* navigation
--------------- */
nav {height:auto!important}
.menuTop {background:#A23612 url('./img/fond-top.jpg') repeat-x top center;padding:.5em 0 .3em;color:#fff;}
.menuTop .item {margin:0 1em;color:#fff;font-size:1.1em;font-weight:400;}
.menuTop .item:hover {color:#ccc}

.menuTop2 {background:#E6DDD6 url('img/bandeau.jpg') no-repeat top center;box-shadow: 0 7px 10px #888 }
.menuTop2 h2 a {display:block;height:135px}
.rubrique .menuTop2,
.mot .menuTop2,
.article .menuTop2 {background:#E6DDD6 url('img/bandeau-mini.jpg') no-repeat top center;box-shadow: 0 7px 10px #888 }
.rubrique .menuTop2 h2 a,
.mot .menuTop2 h2 a,
.article .menuTop2 h2 a {height:80px}
.rubrique .menuTop2 h3,
.mot .menuTop2 h3,
.article .menuTop2 h3 {font-size:2.2em;text-align:center;text-transform:uppercase;color:#A23612}

.menuTop2 nav {margin-top:1em;text-align:right;text-transform:uppercase;color:#A23612}
.menuTop2 nav ul {margin-bottom:.5em}
.menuTop2 nav li {padding:.5em 0 .3em;background: url('img/icon-right-grey.png') no-repeat center right;border-bottom:1px #A23612 solid}
.menuTop2 nav li:last-child {border-bottom:0}
.menuTop2 nav li a {padding-right: 2em;font-size:1.15em;line-height:1.3em;color:#777}
.menuTop2 nav li a:hover {color:#A23612}
.menuTop2 nav li:hover {background-image: url('img/icon-right-red.png')}


.headerPage {background-color:#fff;padding:1em 0 .3em 0;border-bottom:1px #98A1A0 solid}
.headerPage h1 {padding-top:.25em;color:#006081;font-size:2.4em;line-height:1.1em}
.headerPage h2 {font-size:1.4em;line-height:.9em}
.headerPage h2 a {color:#006081}
.editorial {border-left:1px #98A1A0 solid}
.editorial h2,.annonce h2 {margin-bottom:.2rem;color:#006081;line-height:1.3em}
.editorial i,.annonce i {color:#698185;font-size:1.7em}
.editorial i:hover,.annonce i:hover {color:#0194C8}

.suite.button {margin-top:.8rem}

/* corps
--------------- */
.contentAccueil {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    text-align: center;
}
.sommaire .contentAccueil {
    justify-content: center;
    margin-top: 5em !important;
}
/* bug safari */
.contentAccueil .columns:first-of-type {
  margin-left: -1px!important;
}
.rubrique .contentAccueil,
.mot .contentAccueil {margin-top:2em!important}
.contentAccueil h3 a {
    display:inline-block;
    margin-bottom:2em!important;
    padding-top: 10px;
    text-transform:uppercase;
    font-size:.65em;
    line-height:1.2em;
    color:#777;
}
.rubrique .contentAccueil h3 a,
.mot .contentAccueil h3 a {margin-bottom:0!important;text-transform:none}
.contentAccueil h3 a:hover {color:#A23612}
.contentAccueil a {color:white}
.contentAccueil img {border:1px #8F5436 solid;box-shadow: 0 0 7px #aaa}

#aside {padding-left:0;margin-top:4.25em}
.credo {background-color:#A23612;min-height:35px;padding:.7em 1em .7em;box-shadow:inset 0 0 40px rgba(120,38,13,.6);border-top:2px #333 solid}
.credo a.button {background-color:#E6DDD6;margin:0;color:#333}
.credo a.button:hover {background-color:#aaa;color:white}
.credo p {color:white}
.credo h2 {padding-bottom:.5em;font-weight:400; color:white;font-size:1.1em;border-bottom:1px #E6DDD6 solid}

.transverse {margin-top:1em;color:#A23612}
.transverse ul {margin:0}
.transverse li {padding:.7em .45em;background: url('img/icon-left-grey.png') no-repeat center left;line-height:1.1em;border-bottom:1px #A23612 solid}
.transverse li a {display:inline-block;padding-left: 2em;text-transform:uppercase;color:#777}
.transverse li a:hover,
.transverse li.actif a {color:#A23612}
.transverse li:hover,
.transverse li.actif {background-image: url('img/icon-left-red.png')}

.actusNiveau2 .clearfix,
.contenu .clearfix {margin-bottom:2em}
.actusNiveau2 img,
.contenu img {margin-right:1em}
.actusNiveau2 h4 .button,
.contenu h4 .button {font-size:1em;text-align:left;text-transform:uppercase;padding:.3625rem 1rem}
.actusNiveau2 h5,
.contenu h5 {margin:0 0 .3rem;font-size:1.1em;line-height:1em;}
.actusNiveau2 h5 a,
.contenu h5 a {line-height:1.1em;font-family:'Roboto', sans-serif;font-weight:400;color:#333}
.actusNiveau2 h5 a:hover,
.contenu h5 a:hover {color:#0194C8}
.actusNiveau2 .item i,
.contenu .item i {color:#698185;font-size:1.7em;padding: 1.3rem 0 0;vertical-align:middle}
.actusNiveau2 .couleur01:hover,.actusNiveau2 .couleur02:hover,
.contenu .couleur01:hover,.contenu .couleur02:hover {color:#006081}
.actusNiveau2 .suite i,
.contenu .suite i {color:#0194C8;font-size:1.7em}
.actusNiveau2 .suite i:hover,
.contenu .suite i:hover {color:#698185}

.ariane a {font-size:1.2em;color:#888}
.ariane span {padding:.4em}
.contenu.large-8 {padding-left:0}
.mot .clearfix img, .rubrique .clearfix img {border:1px #DFDFDF solid}
.logoArticle .spip_logos {margin:1.7em 0 1em 1em;border:1px #ccc solid}
.contenu .chapo p {padding-left:1em;border-left:10px #90D4E7 solid}
.a2a_kit {padding:.2em 0 1em 0}
a.a2a_dd {font-size:.8em;line-height:1.7em!important;color:#698185}
.a2a_svg { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.contenu h1 {display:inline-block;margin-top:.6em;padding-bottom:.2em;font-size:2.3em;color:#A23612;line-height:1em;border-bottom:1px #999 solid}
.contenu h2 {padding-bottom:.5em; color:#333;font-size:1.5em;line-height:1em}
.contenu h3 {color:#333;font-size:1.4em;line-height:1em;font-weight:400}
.contenu h4 {line-height:1em}
.contenu .lienHyper {margin:1em 0;font-size:1.4em; color:#006081}
.contenu .lienHyper i {padding:0 .2em 0 .4em;color:#fff}
.contenu .lienHyper a {padding:.3em 0 .4em;font-size:.9em;color:#fff;text-align:left}
.contenu .lienHyper a:hover {background-color:#dfdfdf;color:#0194C8}
.contenu .lienHyper a:hover i {color:#0194C8}
.contenu form ul {margin-left:0}
.contenu ul.spip, .contenu ol.spip {margin-left: 1.5em}
.contenu .puce {margin-right: .1em}
.contenu .spip_ancre,
.contenu .spip_in,
.contenu .spip_out,
.contenu .spip_mail,
.pied a {color:#A23612;}

.contenu .spip_ancre:hover,
.contenu .spip_in:hover,
.contenu .spip_out:hover,
.contenu .spip_mail:hover,
.pied a:hover {color:#aaa;}

.contenu blockquote,
.contenu blockquote p {line-height: 1.6em;color:#A23612 }
.contenu blockquote {padding-top:0;border-left: 1px #A23612 solid}

.contentPS hr {border-color:#A23612}

.spip_documents img {border:1px #ddd solid}
.spip_documents_right img {margin-right:0}
.spip_documents_left img {margin-left:0}

#documents_portfolio ul {padding-right:1em}
#documents_portfolio li {padding:0 .5rem 1rem}
#documents_joints hr {border-color:#A23612}
#documents_joints ul {margin-left:0;list-style:none}
#documents_joints li {overflow: hidden}
.spip_documents {line-height:1.1em}
.spip_doc_titre {color:#000}
.spip_doc_descriptif {color:#006081}
#documents_portfolio hr {border-color:#A23612}

.asideArticle h4,.asideArticle .stack {text-transform:uppercase}
.asideArticle .stack {margin-bottom:1em}
.asideArticle .stack li {border-bottom:1px #7CF solid;text-align:left}
.asideArticle .stack li:hover a {color:#1E77A3}

.boutons .submit {
  border-style: solid;
  border-width: 0px;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: .5rem;
  padding-right: 2rem;
  padding-bottom: .5rem;
  padding-left: 2rem;
  background-color: #A13612;
  border-color: #007095;
  color: white;
  transition: background-color 300ms ease-out; }
.boutons .submit:hover {background-color: green!important;transition: background-color 300ms ease-out; }

#cboxContent {background-color:#E6DDD6}
.extrait {padding:2em}
.extrait h1 {color:#A23612}

li input.text {width:50%!important}

footer {margin-top:2em;padding-bottom:2em;border-top:1px #A23612 solid}
ul.pied {margin-top:1em;width:100%;text-align:center}
ul.pied li {display:inline-block;margin:0 1em}
ul.pied p {font-weight:400}
ul.pied a {color:#666;font-weight:400}
ul.pied a:hover {color:#A23612}





@media only screen and (max-width: 69em) {
  .top-bar a {font-size:1em !important;line-height:1.8em!important}
  .top-bar-section .has-dropdown > a:after {top:16px}
  .menuTop3 a.item {font-size:.8em!important;margin-right:1em}
  .menuTop3 .has-dropdown {margin-right:0}
  .menuPays .has-dropdown > a:after {top:24px}
  .menuTop3 .has-dropdown a {font-size:.8em!important;padding-top:1em!important;padding-left:.5em!important}
  .menuPays .has-dropdown li {font-size:1em}
}

@media only screen and (max-width: 52em) {
  .menuTop2 h2 {line-height:1em;font-size:4em}
  .menuTop2 h2 span {padding-left:130px}
  .menuTop2 .column, .menuTop2 .columns {padding-right:.5em}
  .menuTop2 nav li a {padding-right:0;font-size:1;color:#777}
  .menuTop2 nav li {padding:.2em 2em .1em 0}
  input.text {width:100%!important}
}

@media only screen and (max-width: 40em) {
  .tab-bar {position:relative;display:block;top:81px;}
  .tab-bar a {color:#A23815!important}
  .tab-bar .menu-icon:after {
      background:#A23815!important;
      height: 0;
      box-shadow: 0 0 0 1px #A23815, 0px 8px 0px 1px #A23815, 0px 16px 0px 1px #A23815!important;
  }
  .tab-bar .float-right {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.8125rem;
      height: 2.125rem;
    }
  .tab-bar .float-right-icon {
      width: 2.825rem;
      border-left: solid 1px #1a1a1a;
    }
    .right-off-canvas-menu {
      background: #333;
    }
    ul.off-canvas-list li a {
      border-bottom: 1px solid #262626;
      color: white;
      display: block;
      padding: .66667rem;
      z-index:999;
    }
  .header h3 {margin-top:1em}
  #aside{padding-left:.9375em}
  .contentAccueil, .sommaire .contentAccueil {margin-top:0!important}
  .menuTop2 { background-image:url('img/bandeau-smart.png')!important;height:115px!important}
  .menuTop2 h2 {width:320px;margin: -1em auto 1.5em;color:#fff;font-size:3em;line-height:1em;}
  .menuTop2 h4 {margin:0 0 10px 147px;color:#fff;font-size:.9em;line-height:1em;vertical-align:middle}
  .menuTop2 .item {color:#fff;font-size:1.2em;margin-left:.5em}
  .menuTop2 .item:hover {color:#0194C8}
  .toggleRight a,.toggleLeft a{color:white}
  .toggleRight a:hover,.toggleLeft a:hover{color:#0194C8}
  .toggleRight {margin-right:3.5em}
  .toggleLeft {margin-left:3.5em}
  .contenu h1 {margin-top:0;padding-top:0;font-size:2em}
}

@media only screen and (max-width: 33em) {
  .corps .right,
  .corps .left {float: none!important;overflow: hidden}
}