/*----------------------------------------------------------------
#    Project:	   Bandeau Canopé
#    Version:	   1.0.0
#    Created on :  2 oct. 2014, 12:03:19
#    Author:	   aurelien.jean 
#----------------------------------------------------------------*/
/* VARIABLES */
/* 
    Created on : 23 janv. 2015, 15:37:41
    Author     : aurelie.goudeau
*/
/* TRAITEMENTS PX/REM : 16px = 1em */
/*BACKGROUND-IMAGE*/
/* TRANSITIONS */
/* COULEURS */
/* FONTS */
/* scrollbar ie10 */
html {
  -ms-overflow-style: scrollbar;
  /*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
/* RESET */
#banner_canope div,
#banner_canope span,
#banner_canope applet,
#banner_canope object,
#banner_canope iframe,
#banner_canope h1,
#banner_canope h2,
#banner_canope h3,
#banner_canope h4,
#banner_canope h5,
#banner_canope h6,
#banner_canope p,
#banner_canope blockquote,
#banner_canope pre,
#banner_canope a,
#banner_canope abbr,
#banner_canope acronym,
#banner_canope address,
#banner_canope big,
#banner_canope cite,
#banner_canope code,
#banner_canope del,
#banner_canope dfn,
#banner_canope em,
#banner_canope img,
#banner_canope ins,
#banner_canope kbd,
#banner_canope q,
#banner_canope s,
#banner_canope samp,
#banner_canope small,
#banner_canope strike,
#banner_canope strong,
#banner_canope sub,
#banner_canope sup,
#banner_canope tt,
#banner_canope var,
#banner_canope b,
#banner_canope u,
#banner_canope i,
#banner_canope center,
#banner_canope dl,
#banner_canope dt,
#banner_canope dd,
#banner_canope ol,
#banner_canope ul,
#banner_canope li,
#banner_canope fieldset,
#banner_canope form,
#banner_canope label,
#banner_canope legend,
#banner_canope table,
#banner_canope caption,
#banner_canope tbody,
#banner_canope tfoot,
#banner_canope thead,
#banner_canope tr,
#banner_canope th,
#banner_canope td,
#banner_canope article,
#banner_canope aside,
#banner_canope canvas,
#banner_canope details,
#banner_canope embed,
#banner_canope figure,
#banner_canope figcaption,
#banner_canope footer,
#banner_canope header,
#banner_canope hgroup,
#banner_canope menu,
#banner_canope nav,
#banner_canope output,
#banner_canope ruby,
#banner_canope section,
#banner_canope summary,
#banner_canope time,
#banner_canope mark,
#banner_canope audio,
#banner_canope video {
  margin: 0px 0px;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal;
}
#banner_canope article,
#banner_canope aside,
#banner_canope details,
#banner_canope figcaption,
#banner_canope figure,
#banner_canope footer,
#banner_canope header,
#banner_canope hgroup,
#banner_canope menu,
#banner_canope nav,
#banner_canope section {
  display: block;
}
#banner_canope ol,
#banner_canope ul {
  list-style: none;
}
#banner_canope .clear {
  clear: both;
  line-height: 0px;
  height: 0px;
}
@font-face {
  font-family: "Simplon-Regular";
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Regular.eot?#iefix");
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Regular.eot?#iefix") format("eot"), url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Regular.woff") format("woff"), url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Caecilia-Roman";
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.eot?#iefix");
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.eot?#iefix") format("eot"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.woff") format("woff"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.ttf") format("truetype"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.svg#Caecilia-Roman") format("svg");
}
@font-face {
  font-family: "Caecilia-Bold";
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Bold.eot?#iefix");
  src: url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Bold.eot?#iefix") format("eot"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Bold.woff") format("woff"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Bold.ttf") format("truetype"), url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Bold.svg#Caecilia-Bold") format("svg");
}
#banner_canope {
  z-index: 10000;
  background: #DDD;
  width: 100%;
  min-width: 944px;
  font-size: 14px;
  /* HAUT (barre noire) */
  /* Bouton pour ouvrir le menu */
  /* BAS (Contenu lorsque le menu est ouvert )*/
  /* TROUVER VOTRE LIEU DACCUEIL */
  /* NOUS SUIVRE */
}
#banner_canope #banner_top {
  background: #000;
  vertical-align: middle;
  width: 100%;
  *height: 34px;
}
#banner_canope .colonne_logo,
#banner_canope .colonne_bouton {
  padding: 0px;
}
#banner_canope .colonne_logo {
  float: left;
}
#banner_canope .colonne_logo a {
  display: block;
  width: 106px;
}
#banner_canope .colonne_logo a img {
  display: block;
  margin: 5px;
}
#banner_canope .colonne_bouton {
  float: right;
  width: 142px;
  text-align: right;
}
#banner_canope .colonne_bouton a {
  height: 24px;
  display: block;
  padding: 5px;
  padding-right: 10px;
}
#banner_canope .colonne_bouton a#bouton_deplie {
  font-family: "Simplon-Regular";
  color: #fff;
  text-decoration: none;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  padding-bottom: 0px;
  padding-top: 0px;
  background: url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/bandeau_open-menu.png") 16px 1px no-repeat;
  transition: opacity 0.3s ease 0s;
}
#banner_canope .colonne_bouton a#bouton_deplie.open {
  color: #006978;
  background: #dddddd url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/bandeau_open-menu.png") 16px -52px no-repeat;
}
#banner_canope #banner_bottom {
  display: none;
  background: #DDD;
  width: 944px;
  margin: auto;
  padding-top: 31px;
  padding-bottom: 30px;
  vertical-align: top;
  line-height: 16px;
}
#banner_canope #banner_bottom.open {
  display: block;
}
#banner_canope #banner_bottom ul.rayon_niv1 {
  display: block;
  width: 100%;
}
#banner_canope #banner_bottom ul.rayon_niv1 li {
  font-family: "Simplon-Regular";
  font-size: 16px;
  vertical-align: top;
  float: left;
  margin: 0 0 0 0;
  width: 20%;
  /*	height:100%;*/
  min-height: 260px;
  background: url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/header_gris.png") left top repeat-y;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul li {
  min-height: 0;
}
#banner_canope #banner_bottom ul.rayon_niv1 li a {
  text-decoration: none;
}
#banner_canope #banner_bottom ul.rayon_niv1 li span {
  text-transform: uppercase;
  color: #006978;
  background: url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/header_green.png") left top repeat-y;
  display: block;
  padding-left: 15px;
  margin-bottom: 22px;
  line-height: 18px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul.rayon_niv2 {
  margin: 0px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul.rayon_niv2 li {
  float: none;
  font-family: "Caecilia-Roman";
  font-size: 13px;
  display: block;
  margin: 0;
  width: auto;
  height: auto;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul.rayon_niv2 li a {
  color: #191919;
  text-transform: none;
  display: inline-block;
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 6px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul.rayon_niv2 li a:hover {
  color: #006978;
  opacity: 1;
}
#banner_canope #banner_bottom ul.rayon_niv1 li ul.rayon_niv2 li.rayon_last_row {
  width: 20%;
  *width: 19%;
  padding-right: 0px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_location {
  padding-top: 24px;
  background: #DDD;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_location span {
  text-transform: none;
  background: url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/header_gris.png") left top repeat-y;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_location span a {
  background: url("//www.reseau-canope.fr/fileadmin/banniere_canope/img/sprite-sector.png") -16px 7px no-repeat;
  padding-left: 35px;
  padding-bottom: 7px;
  padding-top: 5px;
  display: block;
  border-bottom: 1px solid #c4c4c4;
  font-family: "Caecilia-Bold";
  font-size: 13px;
}
#banner_canope #banner_bottom ul.rayon_niv1 div.rayon_location span,
#banner_canope #banner_bottom ul.rayon_niv1 div.rayon_location a {
  color: #191919;
  margin-bottom: 12px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre span {
  background: none transparent;
  margin-bottom: 6px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li {
  display: block;
  padding: 0px;
  float: left;
  padding-left: 13px;
  background: none transparent;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li a {
  padding: 0px;
  display: block;
  width: 27px;
  height: 32px;
  margin-left: 0px;
  text-indent: -99999em;
  overflow: hidden;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li a.ico_twitter {
  background: url('//www.reseau-canope.fr/fileadmin/banniere_canope/img/spriteNousSuivre_green.png') 2px center no-repeat;
  margin-left: 2px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li a.ico_youtube {
  background: url('//www.reseau-canope.fr/fileadmin/banniere_canope/img/spriteNousSuivre_green.png') -40px center no-repeat;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li a:hover {
  transition: all 0.3s ease 0s;
  opacity: 0.7;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li {
  padding-left: 13px;
}
#banner_canope #banner_bottom ul.rayon_niv1 li div.rayon_suivre ul.rayon_niv2 li span {
  background: none;
  margin-bottom: 6px;
}
/* on cache le bouton en dessous de 944px */
@media (max-width: 943px) {
  #banner_canope .colonne_bouton {
    display: none;
  }
  #banner_canope #banner_bottom,
  #banner_canope #banner_bottom.open,
  #banner_canope #banner_bottom.closed {
    display: none;
  }
}
/* Portrait tablet to landscape */
@media (max-width: 944px) {
  #banner_canope {
    min-width: 0px;
  }
}
/* Portrait tablet to landscape */
@media (min-width: 945px) {
  #banner_canope {
    min-width: 945px;
  }
}
/* pour la version absolue*/
/* @heightBandeau :34px;
.pushTopPadding {padding-top:@heightBandeau;}
.pushTopPos{top:@heightBandeau;}
.pushTopMargin {margin-top:@heightBandeau;} */
#banner_canope.posAbsolute {
  position: absolute;
  top: 0;
  left: 0;
}
#warningCookies,
#banner_canope div#warningCookies {
  position: fixed;
  bottom: 0;
  z-index: 20;
  width: 100%;
  background: #d4d4d4;
  font-family: Arial !important;
  padding-left: 0px;
  padding-right: 15px;
}
#warningCookies p,
#banner_canope div#warningCookies p {
  box-sizing: border-box;
  position: relative;
  padding: 14px 190px 14px 40px;
  font-size: 13px;
  line-height: 20px;
  background: url("//www.reseau-canope.fr/fileadmin/template/images/sprite_cookie.png") no-repeat -50px -150px;
  color: #000;
}
#warningCookies p.centerBloc,
#banner_canope div#warningCookies p.centerBloc {
  width: auto;
  max-width: 945px;
  margin: 0 auto;
}
#warningCookies a,
#banner_canope div#warningCookies a {
  color: #006978;
}
#warningCookies #closeWarningCookie,
#banner_canope div#warningCookies #closeWarningCookie {
  display: block;
  position: absolute;
  font-weight: bold;
  font-family: Arial !important;
  text-transform: uppercase;
  width: auto;
  top: 16px;
  right: 0;
  height: 17px;
  font-size: 15px;
}
@media (max-width: 945px) {
  #warningCookies #closeWarningCookie {
    right: 25px;
  }
  #warningCookies,
  #banner_canope div#warningCookies {
    padding-left: 15px;
    padding-right: 15px;
  }
  #warningCookies p,
  #banner_canope div#warningCookies p {
    padding-right: 30%;
  }
  #warningCookies p.centerBloc,
  #banner_canope div#warningCookies p.centerBloc {
    width: auto;
    max-width: 915px;
  }
}