/* CSS Document */

#ecranUser {
  min-width: 0;
}
.invisible480 { display: none; }
/* header */
#titreP a {
  left: -40px;
}

#toggleOutils {
  display: block;
  width: 30px; height: 30px;
  background-image: url(/lae/public1.0/img/header/p-plus.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 13px;
  top: 7px;
}

header div.outils { 
  max-width: none; width: 100%; 
  visibility: hidden;
    -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;  
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;  
  transition: all 0.3s ease-in-out;
}
header div.outils-visible { 
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
header div.outils ul.liens {
  padding-top: 0; 
  padding-bottom: 1px;
}
header div.outils form input.t { display: none; }
header div.outils form {
  width: 30px;
  border: none;
  position: absolute;
  left: 1px; top: 1px;
}

#menu li.ma-fede img {
  display: none;
}
header .centree {
  z-index: 30;
  position: relative;
}
header div.outils p.questions {
  position: absolute;
  right: 0;
  top: 25px;
}

/* menu */
#toggleMenu {
  display: block !important;
  visibility: visible;
  width: 50px; height: 50px;
  position: absolute;
  right: 7px;
  bottom: 12px;
  outline: none;
  text-decoration: none;
}
#toggleMenu span {
  display: block;
  line-height: 1;
}
#toggleMenu .icon:before {
  color: #75a800;
  font-size: 50px;
}
#toggleMenu .icon span {
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -7px;
  right: 0;
  font-size: 12px;
  color: #642804;
}
#toggleMenu:active,
#toggleMenu:focus {
  outline: none;
  text-decoration: none;
}

nav {
  position: relative;
  z-index: 0;
}
nav, nav .centree { height: 30px; }
#menu {
  position: relative;
  top: 30px;
  left: -100%;
  visibility: hidden;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;  
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;  
  transition: all 0.3s ease-in-out;
}
#menu.visible {
  left: 0;
  visibility: visible;
  -moz-opacity: 1;
  opacity: 1;
}
#menu.visible:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 150px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
#menu li.n1 {
  float: none;
  height: auto;
  clear: both;
}
#menu li.n1 a.n1 {
  height: auto;
  padding: 10px 19px;
  margin-left: 0;
}
#menu li.n1 a.n1 strong { display: inline; }
#menu li.ma-fede {
  z-index: 20;
}
#menu li.ma-fede a.choisir {
  width: auto;
  background-repeat: repeat;
  text-align: center;
}
#menu li.ma-fede a.choisir strong {
  padding: 0;
  background: none;
}
#menu li.ma-fede ul.n2 {
  width: 100%;
  position: relative;
  top: 0; right: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out;  
  -moz-transition: height 0.3s ease-in-out; 
  -o-transition: height 0.3s ease-in-out;  
  transition: height 0.3s ease-in-out;
}
#menu li.ma-fede ul.n2-visible {
  height: auto;
}
#menu li.ma-fede ul.n2 li {
  display: block;
}
#menu li.ma-fede ul.n2 li a { 
  color: #FFFFFF; 
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}

/* accueil */

#intro-accueil {
  padding-left: 10px;
  padding-right: 10px;
}
#intro-accueil,
#actus-accueil {
  width: auto;
  height: auto;
  float: none;
}
#intro-accueil h1 {
  padding-left: 0;
  padding-top: 10px;
}
#intro-accueil figure img {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin-right: 10px;
}
#actus-accueil div.diaporamaLaetis {
  width: auto;
  height: 200px;
  margin-left: 10px;
  margin-right: 10px;
}
#actus-accueil div.diaporamaLaetis figure {
  width: 40%;
  margin-right: 10px;
  margin-bottom: 10px;
}

section.entrees-permis {
  height: 118px;
}

section.entrees-permis ul.btns li {
  height: 59px;
  width: 100%;
  float: none;
  overflow: hidden;
}
section.entrees-permis ul.btns a.date,
section.entrees-permis ul.btns a.permi {
  font-size: 14px;
  background-position: 10px 10px;
  padding-left: 55px;
}
section.entrees-permis ul.btns a.permi {
  padding-left: 80px;
}
#diaporama-accueil,
#diaporama-accueil .diaporamaLaetis {
  height: 200px;
}
#diaporama-accueil .rsABlock {
  left: 10px !important;
  top: 10px !important;
}
#diaporama-accueil .rsABlock h6 {
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 28px;
  font-weight: 300;
}
#diaporama-accueil .chiffres-fede {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
}
#diaporama-accueil div.rsArrow {
  display: none !important;
}
#diaporama-accueil .chiffres-fede p {
  left: 10px;
  top: 0;
}
#diaporama-accueil .rsABlock p.lien a {
  display: block;
  width: 0; height: 26px;
  padding-left: 26px;
  left: auto; top: 10px;
  right: 50px;
  position: absolute;
}
#diaporama-accueil div.rsArrow {
  top: auto;
  bottom: 10px;
}

#dates-ouv-ferm.visible,
#perm-chass.visible {
  height: 300px;
  top: -300px;
  box-shadow: 0 -3px 3px rgba(0,0,0,0.4);
}
#dates-ouv-ferm div.gauche,
#perm-chass div.gauche {
  float: none;
  width: auto;
}
#dates-ouv-ferm h2,
#perm-chass h2 {
  padding: 10px;
  background: none;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 0;
}
#dates-ouv-ferm p,
#perm-chass p {
  padding: 0 10px;
}

#dates-ouv-ferm ul.departements,
#perm-chass ul.departements {
  position: absolute;
  left: 0; top: 300px;
  background-color: #d8d3c5;
  -webkit-transition: all 0.3s ease-in-out;  
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;  
  transition: all 0.3s ease-in-out;
}
#dates-ouv-ferm ul.departements-visible,
#perm-chass ul.departements-visible {
  top: 0;
}
#dates-ouv-ferm ul.departements li,
#perm-chass ul.departements li {
  height: 100px; width: 100px;
}
#dates-ouv-ferm ul.departements a,
#perm-chass ul.departements a {
  background-size: contain;
  background-position: center;
}
#dates-ouv-ferm ul.departements a span,
#perm-chass ul.departements a span {
  display: none;
}
#dates-ouv-ferm strong.fleche, #perm-chass strong.fleche {
  float: none;
}

.filtres-ouvertures-fermetures ul.filtres-periodes a {
padding-left: 3px; padding-right: 3px;
margin-right: 3px;
}
.filtres-ouvertures-fermetures ul.filtres-periodes a.checked {
border-bottom: none;
background-color: #6C9715;
color: #FFFFFF;
}

/* footer */

footer .blanc p,
footer .blanc ul {
  text-align: center;
}
footer ul li {
  float: none;
  display: inline-block;
}
footer .sociaux {
  margin-top: 15px;
}

footer div.gris {
  height: auto;
}
footer div.gris p {
  margin-bottom: 1px;
  float: none;
  width: auto;
  font-size: 14px;
  padding-left: 70px;
  background-position: 10px 8px;
}
footer div.blanc {
  padding: 15px 10px;
}
footer div.droite {
  position: relative;
  top: 0;
  padding-right: 0px;
  padding-top: 20px;
}
footer ul.sociaux {
  position: relative;
}

/* accueils fedes */
section.accueil-fede div.titre-et-liens {
  width: auto;
  float: none;
  margin-left: 0;
  margin: 0 10px; 
}
.titre-et-liens h1 strong {
  font-size: 22px;
}
div.actus-accueil-fede {
  width: auto;
  float: none;
  margin: 0 10px; 
}
div.actus-accueil-fede div.diaporamaLaetis {
  width: 100%;
}
div.actus-accueil-fede div.diaporamaLaetis figure {
  max-width: 40%;
  margin-right: 10px;
}
section.accueil-fede div.adresse-fede {
  width: auto;
  position: relative;
}
.adresse-fede ul.liens li a.horaires {
  margin-bottom: 20px;
}

nav.nav-fede, nav.nav-fede .centree {
  height: auto;
  z-index: 10;
}
nav.nav-fede p.fede {
  padding: 10px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
#menu-fede {
  position: relative;
}
.wrapper-menu {
  overflow: hidden;
  overflow-x: scroll;
}
.wrapper-menu > ul {
  width: 250% !important;
}
.wrapper-menu > ul > li {
  float: left !important;
  margin: 0 5px !important;
}
nav.niveau3 a {
  padding: 0 15px;
}

#menu-fede li.menu-niveau1, #menu-fede li.menu-niveau1-actif {
  display: block;
}
#menu-fede ul.n3 {
  display: none;
}
#menu-fede li.menu-niveau1:hover ul.n3,
#menu-fede li.menu-niveau1-actif:hover ul.n3 {
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
}
#menu-fede a.lien-niveau1 {
  margin: 0;
}

nav.niveau3, nav.niveau3 .centree {
  height: auto;
  border-bottom: none;
}
nav.niveau3 li {
  display: block;
  border-bottom: 1px solid #d6d6d6;
}

nav.niveau3 li.retour {
  display: block;
}

/* content */

#content article {
  padding: 10px;
}

.articleCM figure.imageDroite,
.articleCM .alignDroite,
.articleCM figure.imageGauche,
.articleCM .alignGauche {
  float: none;
  margin: 20px auto;
  max-width: 100%;
  position: relative;
  top: 0 !important;
}

nav.niveau3 li.retour a {
  display: block;
  background-image: url(/lae/public1.0/img/site/p-retour.png);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 15px;
  padding-left: 45px;
  
  font-size: 14px;
  line-height: 60px;
  font-weight: 400;
  color: #d6d6d6;
  text-transform: uppercase;
  text-align: left;
}
div.personne { margin-bottom: 20px; }
section h1 {
  font-size: 24px;
  line-height: 24px;
  padding-top: 10px;
}
.articleCM h2 {
  margin-top: 20px;
  font-size: 18px;
  line-height: 20px;
}
section.ouverture {
  margin: 0 10px;
}
div.filtres-ouvertures-fermetures div.clearfix {
  margin-bottom: 10px;
}
ul.header-especes { display: none; }
.articleEspece .titre-espece,
.articleEspece .infos {
  float: none;
  width: auto;
}
.articleEspece .titre-periode, .articleEspece .ouverture, .articleEspece .fermeture {
  float: none;
  width: auto;
  height: 30px;
  line-height: 30px;
}
.articleEspece .titre-periode {
  text-transform: uppercase;
}
.articleEspece .toggle {
  width: auto;
  float: right;
  height: auto;
  position: relative;
}
.articleEspece .toggle a {
  position: absolute;
  bottom: 0;
  right: 0;
}
.articleEspece .plus-infos {
  width: auto;
}
.articleEspece .ouverture:before {
  content: 'du ';
  font-style: italic;
}
.articleEspece .fermeture:before {
  content: 'au ';
  font-style: italic;
}

/* sommaire page decouvrir nature */

section.acc-nature div.col-droite,
section.acc-nature div.col-gauche {
  float: none;
  width: auto;
  margin-right: 0;
}
div.pave-sommaire {
  float: none;
  width: 96%;
  max-width: 338px;
  height: 268px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
}
div.pave-sommaire figure {
  width:auto;
}
div.pave-sommaire p a {
	font-size: 16px;
	line-height: 20px;
}
section.acc-nature div.col-droite h2.journal {
  padding-bottom: 20px;
  padding-right: 50px;
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: 15px;
  
  background-image: url(/lae/public1.0/img/site/fd-titre-oiseau.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  
  font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 40px;
	line-height: 24px;
	color: #6c971a;
}
section.acc-nature div.col-droite p {
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: 10px;
  margin-top: 10px;
  
  font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
section.acc-nature div.col-droite h3 {
  margin-left: 11px;
  margin-right: 11px;
  margin-bottom: 20px;
  
  font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	color: #6fa308;
}
section.acc-nature div.col-droite div.gris {
  padding: 5px 11px;
  background-color: #e0ddce;
}
section.acc-nature div.col-droite div.gris * {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
section.acc-nature div.col-droite div.gris h3 {
  font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	color: #9c4302;
  margin-bottom: 10px;
}
section.acc-nature div.col-droite div.gris figcaption { display: none; }
section.acc-nature div.col-droite a {
  text-decoration: none;
  color: #a5b731;
}
section.acc-nature div.col-droite a.pave {
  text-decoration: none;
  display: inline-block;
  background-color: #a5b731;
  color: #252321;
  padding: 3px 10px;
}
nav.nav-page, nav.nav-page .centree {
  height: auto;
}
#menu-page {
  display: block;
  position: relative;
}
#menu-page li.menu-niveau1, #menu-page li.menu-niveau1-actif {
  display: block;
}
#menu-page li.menu-niveau1-actif a, #menu-page a.lien-niveau1:hover, #menu-page a.lien-niveau1:focus {
  border: none;
}
#menu-page a.lien-niveau1 {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 30px;
}
#menu-page li.menu-niveau1-actif a {
  background-color: #6c971a;
}

/* page enseignant */

div.demi-d {
  width: auto;
  float: none;
}
section.enseignant div.intro div.diaporamaLaetis {
  height: 210px;
  margin-right: 0;
}

section.enseignant div.intro .article-intro {
  left: 0;
  height: auto;
}
section.enseignant div.intro .article-intro h1 {
  padding-left: 0;
  left: 0;
  width: auto;
  background-image: none;
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 0;
}

.col23,
.col13 {
  width: auto;
  float: none;
}

article .centree {
  padding-left: 0;
  padding-right: 0;
}
.bandeau-gris {
  height: auto;
  background-image: none;
}
.bandeau-gris .col13 ul.liens {
  margin-bottom: 20px;
}
.bandeau-gris .col13 h4.liens {
  margin-top: 20px;
}
.col12 {
  float: none;
  width: auto;
}

div.gris-clair {
  overflow: hidden;
}
div.gris-clair div.avec-carte h2 {
  position: relative;
  left: 20px; top: 10px;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 20px;
}
div.gris-clair div.avec-carte figure {
  float: none;
  margin-top: 10px;
  margin-left: 0;
  margin-bottom: 10px;
  margin-right: 0;
  overflow: hidden;
}
div.gris-clair div.avec-carte figure img {
  position: relative;
  left: -270px;
}
div.gris-clair div.avec-carte p {
  margin: 20px;
}

/* tout en images */
#tout-en-images {
  height: 420px;
}
#tout-en-images .lance-diapo {
  display: block;
  width: 229px; height: 229px;
  position: relative;
  top: 100px; left: 0;
}
#diapo-tei {
  height: 100%;
  width: 100%;
  top: 0;
}

#diapo-tei .rsThumbs {
  width: 100%;
  height: 104px;
}

#diapo-tei .rsThumbsContainer {
  height: 104px;
}
#diapo-tei .rsThumb {
  width: 157px; height: 104px;
}

#diapo-tei p.close {
  right: 0;
  top: 0;
}


#accueil-tempo-chasse article {
  width: 90%;
  padding: 5%;
}
#accueil-tempo-chasse h1 {
font-size: 24px;
line-height: 26px;
}
#accueil-tempo-chasse h1 strong {
  max-width: 100%;
  width: auto;
  background-size: contain;
}