/* CSS Document */

header {
  height: 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  header {
    height: auto;
    padding: 0;
  }
}
#titreP a {
  height: 171px;
  width: 277px;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  background: url(/lae/public1.0/img/site/header/marque-la-naucelloise.png) no-repeat 50% 50% #143b66;
  padding: 0 30px;
}

#content {
  z-index: 0;
  min-height: 0;
}

#content section {
  /*float: left;
  width: 50%;*/
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 400px;
}

#content section div.diaporamaLaetis {
  display: block;
  width: 100%;
  height: 100%;
}

#content section article {
  position: absolute;
  bottom: 100px;
  width: 298px;
  height: 145px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.60);
  /*border: 1px solid #c4ad89;*/
}

#content section article:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

#content section article h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#content section article h2 a {
  font-family: "Times New Roman", serif;
  font-size: 40px;
  line-height: 40px;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
}

#content section article p {
  font-family: 'dinotregular', arial;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
} h1 {
	padding: 0;
	width: auto;
}
#content section{
  position: absolute;
  height: calc(100% - 135px) ;
  width: 50%;
}
#content section.entreprise {
  background: url(/lae/public1.0/img/site/a-entreprise.jpg) no-repeat;
  background-size: cover;
  left: 0;
}
#content section.boutique {
  background: url(/lae/public1.0/img/site/a-boutique-2015.jpg) no-repeat;
  background-size: cover;
  right: 0;
}
@media screen and (max-width: 768px) {
  #content section{
    position: relative;
    height: 100% ;
    width: 100%;
  }
  #content section.entreprise article {
    top: 30px;
  }
  #content section.boutique {
    top:100%;
  }
}
section.entreprise article {
  right: 135px;
  text-align: right;
}

section.boutique article {
  left: 135px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  section.boutique article,
  section.entreprise article {
    left: 50%;
    right: inherit;
    margin-left: -149px;
  }
 
  
}
section.entreprise h2,
section.entreprise p {
  margin-right: 30px;
}

section.boutique h2,
section.boutique p {
  margin-left: 30px;
}

footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  footer {
    position: relative;
    padding-bottom: 15px;
 
  }
}
section p.fleche a {
  display: block;
  width: 34px;
  height: 69px;
  position: absolute;
  top: 48%;
  background-repeat: no-repeat;
}

section.boutique p.fleche a {
  left: 0;
  background-image: url(/lae/public1.0/img/site/fad.png);
}

section.entreprise p.fleche a {
  right: 0;
  background-image: url(/lae/public1.0/img/site/fag.png);
}

.liens-langues {
  padding: 10px 15px;
  position: absolute;
  top: 10px;
  right: 140px;
  z-index: 100;
  font-family: 'dinotregular', arial;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  color: #453d37;
}
@media screen and (max-width: 768px) {
  .liens-langues {
  left: 50%;
  right: inherit;
  margin-left: -37px;
 
  }
}
.liens-langues a {
  color: #578ecb;
  text-transform: uppercase;
  text-decoration: none;
}

.liens-langues a.rappel {
  color: #FFFFFF;
}

#anniversaire {
  position: absolute;
  top: 300px;
  left: 50%;
  width: 224px;
  height: 223px;
  margin: 0 0 0 -112px;
  text-indent: -500px;
  overflow: hidden;
}

#anniversaire a {
  display: block;
  width: 224px;
  height: 223px;
  background: url(/lae/public1.0/img/site/50-anniversaire.png) no-repeat;
}

#gout {
  position: absolute;
  top: 300px;
  left: 50%;
  width: 225px;
  height: 225px;
  margin: 0 0 0 -112px;
  text-indent: -500px;
  overflow: hidden;
}

#gout a {
  display: block;
  width: 225px;
  height: 225px;
  background: url(/lae/public1.0/img/site/la-naucelloise-u-fond-noir.png) no-repeat;
}

#tripou2022 {
  position: absolute;
  top: 250px;
  left: 50%;
  width: 250px;
  height: 250px;
  margin: 0 0 0 -125px;
  text-indent: -500px;
  overflow: hidden;
}

#tripou2022 a {
  display: block;
  width: 250px;
  height: 250px;
  background: url(/images/naucelloise-tripou-2023-250-250.gif) no-repeat;
  /*naucelloise-tripou-2022.gif*/
}
@media screen and (max-width: 768px) {
  #tripou2022 {
    top:445px;
 
  }
}