#banner {
   font-family: 'Noto Serif', serif;
}

input[type="button"].special, .button.special {
    background-color: #23384c;
}

.button.special:hover {
    background-color: rgb(247, 88, 88);
}


#banner h1 {

    color: white;
    border-bottom: solid 2px rgba(255, 255, 255, 0.83);
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    color: #ffffff;
    display: inline-block;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.65em 0;
    padding: 0 0 0.65em;

}

img#imagelogo {
    width: 25%;
}

#banner{
    background-image: url("images/overlay.png"), url("../../images/garde.png");
}

#bandeau {
    background-color: rgba(0, 0, 0, 0.55);
    margin: auto;
    width: 65%;
    border-radius: 10px;
    padding: 15px;
}

a.button.special.scrolly {
    margin-top: 20%;
    border-radius: 10px;
}

.box.bordered:before {
    background: linear-gradient(to right, rgba(247, 88, 88, 0.82) 50%,#00b49e 50%);
}


header.major h2 {
    color: white;
    font-family: 'Noto Serif', serif;
    font-size: 40px;
}

header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
    border-bottom: solid 2px #f7f7f7; width: 100%;

}

header.major {
    background-color: #313131;
}

header.major p {
    font-size: 1.1em;
    margin: 0.1em 0;
    color: white;
}

.wrapper.style1 .box.alt header.major {
    padding: 4em 1em 4em;
}

ul.icons-grid li {
    padding: 3em 2em 2em 2em;
    display: block;
    float: left;
    width: 33.33%;

    border: solid 1px rgba(144, 144, 144, 0.35);
}

h3 {
    font-size: 1.25em;
    line-height: 1.5em;
    color: rgb(255, 85, 85);
    font-family: 'Noto Serif', serif;
    margin-top: 10px;
}


div#footerone {
    font-size: 1.7em;
    color: rgb(255, 85, 85);
    font-family: 'Noto Serif', serif;
    padding: 2%;

}

.wrapper.style2 {

    background-image: url("images/overlay.png"), url("../../images/garde.png");
}

.wrapper {
    padding: 3em 0 3em 0;
}

p {
    margin: 0 0 0em 0;
}

ul {
    margin: 0 0 0em 0;
}

.wrapper.style2 h2 {
    color: white;
    font-family: 'Noto Serif', serif;
    font-size: 2em;
    border-bottom: solid 2px #f7f7f7;
    width: 50%;
    margin: auto;
    padding: 0px 0 0.1em;
    margin-bottom: 0.8em;
}

#majortwo p {


    margin: 0.1em 0;
    color: white;
    font-family: 'Noto Serif', serif;
}
.wrapper.style2 header {
    margin-bottom: 0em;
}

article#firstarticle {
    text-align: justify;
       padding: 2em 2em;
    font-family: 'Noto Serif', serif;
}

h4 {
    font-size: 1.1em;
    line-height: 1.5em;
    font-size: 1.25em;
    line-height: 1.5em;
    color: rgb(255, 85, 85);
    margin-top: 20px;
}

#txtbannerfour{

    font-family: 'Noto Serif', serif;
    color: white;
    font-size: 1.7em;

}

.majorfour {
    background-color: rgb(255, 85, 85);
    padding: 4em 1em 4em;
}

#footerthree{
    background-color: rgb(255, 85, 85);

    border-radius: 27px;
    font-family: 'Noto Serif', serif;
    color: white;
    font-size: 1.3em;
    padding: 20px;
    text-align: center;
    line-height: 1.5em;
    margin-top: 30px;
}
#gmap_canvas{
   pointer-events: none;
}
.quotes{

   background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDc1Ljk5OSA3NS45OTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc1Ljk5OSA3NS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTQuNTc5LDVDNi41MjcsNSwwLDExLjcxNiwwLDIwYzAsOC4yODUsNi41MjcsMTUsMTQuNTc5LDE1QzI5LjE1NywzNSwxOS40MzgsNjQsMCw2NHY3ICAgIEMzNC42OSw3MSw0OC4yODYsNSwxNC41NzksNXogTTU2LjU3OSw1QzQ4LjUyNyw1LDQyLDExLjcxNiw0MiwyMGMwLDguMjg1LDYuNTI3LDE1LDE0LjU3OSwxNUM3MS4xNTcsMzUsNjEuNDM4LDY0LDQyLDY0djcgICAgQzc2LjY5LDcxLDkwLjI4Niw1LDU2LjU3OSw1eiIgZmlsbD0iI2ZmNTU1NSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);

    background-repeat: no-repeat;

    transform: rotate(180deg);
    width: 20%;
    height: 64px;
    position: absolute;
    margin: 0.5em;


}

#quotesright{
     transform: rotate(0deg);
    right:0;
       margin-top: -60px;
}


#shiva {

    width: 100%;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
   background: none;
   float:none;
   font-size: 1.7em;
    font-family: 'Noto Serif', serif;
    margin: auto;
    position:relative;

}

#shiva p {
      font-size: 1.5em;
      font-family: 'Noto Serif', serif;


}

.count {
    line-height: 100px;
    color: rgb(247, 88, 88);
    margin-left: 10px;
    font-size: 1.5em;
      font-family: 'Noto Serif', serif;
    margin-right: 10px;
}

#containerfour{
    height:270px;
}



#secondarticle{
     text-align: justify;

    font-family: 'Noto Serif', serif;

}
.rowarea{
  width: 45%;
  float: left;
    padding: 2em 2em 0em 0em;
    margin: 1% 2%;
}

.container {
    overflow: hidden;
}

#titrefive{
    font-size: 1.25em;
    line-height: 1.5em;
    color: rgb(255, 85, 85);
    margin-top: 0px;
}

.product-grid li {
    float: left;
    width: 25%;
    margin: auto;
    list-style: none;
    margin-top: 4%;
}

.iconeproduct{
    background-color: rgb(255, 85, 85);
    border-radius: 100%;
    padding: 10px;
    width: 38%;




}

.product-grid li h3 {
    color: white;
    margin-top:1em;
}

#containersix{
height:800px;
}

#bannersix p {
       font-size: 1.4em;
    text-align: center;

}

div#bannernine h2 {
    text-align: center;
    margin: 0em 0em 1em 0em;
}

#footer {
    padding: 2em 0 2em 0;}
p{ font-family: 'Noto Serif', serif;}

ul.lane {
    overflow: hidden;
    margin: auto;
    width: 90%;
    list-style: none;
}

li.number {
    font-size: 4em;
    background-color: rgb(255, 85, 85);
    padding: 1em;
    margin: 5px;
    border-radius: 100%;
    margin-left: 2em;
    color:white;
     font-family: 'Noto Serif', serif;
    font-weight: bold;

}

.lane li {
    float: left;
}

li.lanetxt {
    padding: 0.7em;
    background-color: rgb(255, 85, 85);
    margin-top: 1em;
    width: 56%;
    margin-left: 2em;
    text-align: left;
    color:white;
    font-family: 'Noto Serif', serif;

}

.lanetxt h3 {
    color: white;
    font-weight: bold;
    margin: 0;
}

ul.actions {
    cursor: default;
    list-style: none;
    padding-left: 0;
    margin-bottom: 2em;
}



div#articelheight {
    float: left;
    width: 60%;

    text-align: justify;
    margin-top: 3em;
}

section#headheight h2 {
    margin-bottom: 0.2em;
    padding-bottom: 0.5em;

}
section#headheight p {
    font-size: 2em;
}

input#button_form {
    margin: auto;
    display: block;
    margin-top: 2em;
    background-color: #23384c;
    border-radius: 8px;
    padding: 0em 1em;
}

.resume-grid li{
float: left;
    width: 33%;
    margin: auto;
    list-style: none;
    margin-bottom: 2em;
}

.resume-grid li h3 {
    color:rgb(255, 85, 85) ;
    margin-top: 1em;
}

.resume-grid li p {
   font-family: 'Noto Serif', serif;


}

.\34 u, .\34 u\24 {
    width: 50%;
    clear: none;
    margin-left: 0;
}

#contact_form {

    background-color: white;

}

form#contact_form {
    padding: 2em;
    width: auto;
}

div#bannernine p {
    font-size: 1.2em;
    text-align: justify;
}




label{
        margin: 0.5em 0em;
}

textarea {
    height: 8em;
    padding: 0;
}
div#formulaire {
    width: 100%;
    margin: auto;
}

img.pictvannes {
    margin: auto;
    display: block;
    width: 80%;

    margin-bottom: 2em;
    margin-top: 2em;
}

ul.labeled-icons {
    display: block;
    margin: auto;
    width: 80%;
    font-size: 1.2em;
}

#h3a{

    margin-left: 3em;
}

#buttomgrid{
    width: 100%;
    float: left;
}

.wrapper.style2 h2 {

    width: 100%;
}

@media screen and (max-width: 1280px){

    div#articelheight {

    width: 55%;
    }

    ul.icons-grid li h3 {
    font-size: 1em;
}


}

@media screen and (max-width: 980px){

    #bandeau {
    background-color: rgba(0, 0, 0, 0.55);
    margin: auto;
    width: 100%;
    border-radius: 10px;
    padding: 15px;
}

    div#articelheight {

    width: 100%;
    }




    .rowarea {
    width: 100%;
    }



li.number {

    margin-left: 1em;
    }

ul.lane {

    width: 100%;
    }




ul.icons-grid li {

    width: 100%;
    }

    .product-grid li {
    float: left;
    width: 50%;
    }

.iconeproduct {

    width: 25%
    }

#containersix {
    height: 1100px;
}


.resume-grid li {

    width: 50%;
}
}

textarea, input[type="text"], input[type="password"], input[type="email"] {

    color: black;
}

@media screen and (max-width: 736px){

    .quotes {
        background: none;
    }
    #bannersix p {
    font-size: 1.5em;
    text-align: justify;
    font-weight: bold;
}
section#articleheight {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 2em 0em;
    flex-direction: column-reverse;
}


}

@media screen and (max-width: 630px){

li.number {
    font-size: 2em;
    background-color: rgb(255, 85, 85);
    padding: 1em;
    margin-left:0;
    border-radius: 100%;
    margin-left: 0;
    color: white;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    width: 90px;
    margin: auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}
    ul.lane {
    width: 100%;
}

    .lane li {
    float: none;
}

    li.lanetxt {

    width: 100%;


}

a.button.special.scrolly {
    width: auto;
    padding: 0em 1em;
}

    .resume-grid li {
    width: 100%;
}

    #bandeau {
    background-color: rgba(0, 0, 0, 0.55);
    margin: auto;
    width: 95%;
    border-radius: 10px;
    padding: 15px;
}
    ul.actions {
    cursor: default;
    list-style: none;
    padding-left: 0;
    margin-bottom: 2em;
    margin-top: 2em;
}
}

@media screen and (max-width: 450px){

    #banner h1 {
   font-size: 1.5em;
    }

    h2 {
    font-size: 25px !important;
}
    h4{
        font-size: 16px;
        text-align: left;
    }
   #shiva p {
    font-size: 30px;
    font-family: 'Noto Serif', serif;
}
a.button.special.scrolly {
    width: auto;
    padding: 0em 1em;
}

 header.major p {
    font-size: 1.3em;
    margin: 0.1em 0;
    color: white;
}
  #majortwo p {
    font-size: 1.3em;
    margin: 0.1em 0;
    color: white;
    font-family: 'Noto Serif', serif;
}
    #footerthree {
    background-color: rgb(255, 85, 85);
    border-radius: 27px;
    font-family: 'Noto Serif', serif;
    color: white;
    font-size: 1em;
    padding: 20px;
    text-align: center;
    line-height: 1.5em;
    margin-top: 30px;
}
    #bannersix p {
    font-size: 15px;
    text-align: justify;
    font-weight: bold;
}
    .product-grid li h3 {
    color: white;
    margin-top: 1em;
    font-size: 1em;
}
    #containersix {
    height:1000px;
}
    .iconeproduct {
    width: 60%;
    margin-top: 20px;
}
    header.major {
    margin: 0 0 0em 0;
}
    li.number {
    font-size: 2em;
    background-color: rgb(255, 85, 85);
    padding: 1em;
    margin-left: 0;
    border-radius: 100%;
    margin-left: 0;
    color: white;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    width: 90px;
    margin: auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}
    .lanetxt h3 {
    color: white;
    font-weight: bold;

    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

    section#headheight p {
    font-size: 1.3em;
}
    div#articelheight h3 {
    text-align: left;
}
}

/*modif V2 */

body{
   font-family: 'Noto Serif', serif!important;
}

ul.lane {
    overflow: hidden;
    margin: auto;
    width: 100%;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
li.number {
    font-size: 3em;
    background-color: rgb(255, 85, 85);
    padding: 0.7em;
    /* margin: 5px; */
    border-radius: 100%;
    /* margin-left: 2em; */
    color: white;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
}



#header.alt nav a {
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#banner {
    background-image: url("../../images/garde.png");
}

#banner h1 {

    color: #db5755;
}

.iconeproduct {
    background-color: rgb(255, 85, 85);
    border-radius: 100%;
    padding: 10px;
    width: 30%;
}

.wrapper.style1:before {
    display:none;}

.wrapper.style1 .box.alt header.major {
    padding: 2em 1em 2em;
}

header.major h2 {
    color: white;
    font-family: 'Noto Serif', serif;
    font-size: 2em;
}

header.major p {
    font-size: 14px;
    margin: 0.1em 0;
    color: white;


}

header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
    border-bottom: solid 2px white;
    display: inline-block;
   margin: 0px 0 0.4em;
    padding: 0 0 0.4em;
}

.box.bordered:before {
    display:none;}

.box.bordered:after {
    display:none;
}

h3 {
    font-size: 1.2em;
    font-family: 'Noto Serif', serif;
}
p{
    font-size: 1em;
    font-family: 'Noto Serif', serif;
}

h4 {
    font-size: 1.2em;
font-family: 'Noto Serif', serif;
}

h5 {
    font-size: 1em;
    line-height: 1.5em;
    font-family: 'Noto Serif', serif;
    text-align: left;
}

#titrefive {
   font-size: 1.2em;
}

.lanetxt h3 {
    color: white;
    font-weight: bold; */
    font-size: 0.9em; */
    margin: 0;
}

li.lanetxt {
    margin-top:0;}

section#headheight p {
    font-size: 1.4em;
}

@-webkit-keyframes clignote {
0%{opacity: 0;}
100%{opacity:1}
}






.scrollbot {
    border: solid;
    border-width: 1px;
    border-color: white;
    padding: 0.5em;
    border-radius: 100%;
    background:#23384c ;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-bottom: 1em;
    margin-top: 1em;
}




.wrapper {
    padding: 3em 0 0em 0;
}

section#seven {
    padding-top: 0em;
}

section#nine {
    padding-top: 0em;
}

.box {
    margin-bottom: 0em;}


/* scroll effect*/

.hidden{
     opacity:0;

}
.visible{
     opacity:1;

}

#op-horizontalnav {}
#op-horizontalnav .op-sectionlist {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
margin-left: 3em;
  }
#op-horizontalnav .op-v-item {margin-right: 2em;}
#op-horizontalnav .op-v-item .op-v-link {text-decoration: none;}
#op-horizontalnav .op-v-item .op-v-link:hover, #op-horizontalnav .op-v-link.active {background-color:#fff;color:#171717}

 #map {
        width: 100%;
        height: 400px;
     pointer-events: none;
      }



#barre, #barre2 {
    position: absolute;
    bottom: 0;
    background-color:#23384c;
    width: 0%;
    height: 0.4em;

}
#fixebarre1 {
    position : absolute;
    bottom: 0;
    height: 0.4em;
}

#header.alt {
    -moz-animation: none;
    -webkit-animation: none;
    -ms-animation: none;
    animation: none;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    height: 5.25em;
    line-height: 3.25em;
    position: absolute;
}

.wrapper.style2 h2 {
    margin-bottom: 0;
}

section#two {
    padding-top: 0em;
}

header#majortwo {
    margin: 2em 0em;
}

#texte p{
   display:none;
}

h4 {
    display: flex;
    align-items: center;
    text-align: left;
}

.moredetail{
    margin-right: 1em;
}

#containersix{
height:auto;
}

.divsearch{
    cursor:pointer;
}

.iconeresume {
    background-color: rgb(255, 85, 85);
    border-radius: 100%;
    padding: 10px;
    width: 24%;
}

section#four {
    padding: 0;
}



.align {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

ul.lane {
    /* overflow: hidden; */
    margin: auto;
   width:100%; */
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.resume-grid {
    margin-top: 2em;
}

#op-horizontalnav .op-v-item {
    margin-right: 1.5em;
}

li.number {
margin-top: 0em;
    margin-bottom: 0em;
}

header.major {
    margin-bottom: 0em;
}

section#articleheight {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 2em 0em;
}



div#articelheight {
    float: left;
    width: none;
    text-align: justify;
    margin-top:0em;
    margin-left: 2em;
}

@media screen and (max-width: 736px){


section#articleheight {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 2em 0em;
    flex-direction: column-reverse;
}



#op-horizontalnav .op-v-item .op-v-link:hover{
    background-color: #fff;
    color: #2e3192;};
}

ul.op-sectionlist {
    padding-left: 0em;
}

li.op-v-item {
    padding-left: 0em;
}

#banner {
    background-image: url("../../images/port-de-peche.jpg");
}
#banner h1{
  color:#eee;
}

.button.special {
    background-color: #23384c;
}

.button.special:hover {
    background-color:rgba(78, 144, 204, 0.75);
}

a {
  color: #23384c;
}

#txtleft{

text-align: justify;
width: 60%;
}

div#zonepicture {
    margin-left: 2.5em;
}

ul.actionsone {
  display: flex;
  list-style: none;
  width: 60%;
  margin: auto;

}

a.button.action {
  margin-top: 0;
  background-color: #23384c;
  border-radius: 10px;
}

.text-base{
   opacity:1;
}

.text-hover{
   display:none;
}

.button:hover span.text-base{
  display:none;
  }
/* On fait apparaitre le second texte au passage de la souris. */
.button:hover span.text-hover{
   display:inherit;
      margin: 0em 1em;

}

.button.action:hover {
    background-color: rgba(78, 144, 204, 0.75);
    }

.wrapper.style2 {
    background-image: url("images/overlay2.png"), url("../../images/port-de-peche.jpg");
}
h3{
  color:white;
}

#txtleftsect3{
  font-size: 1.1em;
    margin: 0.1em 0;
    color: grey;

}
#txtleftsect3 {
display: flex;
text-align: justify;
align-items: center;

}

#nine h3{
  color:grey;
  margin:0.5em 0;
}

#zonepicture2 {
  margin:1.5em;
  padding: 1em;
}

section#txtleftsect3 {
    padding: 1.5em;
    padding-bottom: 0em;
}

header.major {
    background-color: #1a1c1b;
}

ul.labeled-icons {
    margin-top: 1em;
}

#header.alt nav {
    right: 2em;
    top: 1em;
}

ul.actionsone {
    margin-top: 3em;
    padding-left: 0em;
}

.areafooter {
    display: flex;
    text-align: center;
    margin: auto;
    justify-content: space-around;
    align-items: center;
}

@media screen and (max-width: 980px){
  #titleBar .title {
    display:none;
  }
#txtleftsect3{
    flex-direction: column;
}

#txtleft{
  width: 100%;
}


ul.actionsone {
    margin: 1em 0em;
    justify-content: center;
    width: 100%;

}

div#zonepicture {
  margin-left:0em;
}

.areafooter{

  flex-direction: column;
}
section.footerleft {
    margin: auto;
}

.\34 u, .\34 u\24 {
    width: 75%;
    clear: none;
    margin-left: 0;
    margin: auto;
}


}

@media screen and (max-width: 736px){

  div#blocimage {
    margin-top: 2em;
}
div#articelheight{
  margin-left: 0em;
}
}

@media screen and (max-width: 980px){

.actionsone span {
  margin:1em;
}

}

ul.labeled-icons li {
    margin-bottom: 2em;
    padding-left: 0em;
    position: relative;
}

/* - Menu accordeon Gabin WSI- */

.accordion-container h2 {
    text-align: center;
}

.accordion {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 50px auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul .item-products {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
  background-color:black;
  padding-left:0 !important;
  border-left:1px solid white;
}

.accordion ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
}


.accordion ul:hover li { width: 8%; }

.accordion ul:hover li:hover { width: 30%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}


.item-products:nth-child(1) { background-image: url("../../images/poissons/cabillaud.jpg"); }

.item-products:nth-child(2) { background-image: url("../../images/poissons/morue-dessalee.jpg"); }

.item-products:nth-child(3) { background-image: url("../../images/poissons/saumon-elevage.jpg"); }

.item-products:nth-child(4) { background-image: url("../../images/poissons/saumon-fume.jpg"); }

.item-products:nth-child(5) { background-image: url("../../images/poissons/saumon-sauvage-atlantique.jpg"); }

.item-products:nth-child(6) { background-image: url("../../images/poissons/matieres-premieres-poisson.jpg"); }

.accordion ul li div a h3 {
    font-size: 16px;
    top: 0;
    position: absolute;
    background-color: #23384c;
    width: 100%;
    color: white;
	text-align: center;
    padding: 15px 5px;
    min-height: 50px;
    border-left-color: white;
    border-left-style: solid;
}

.desc {
    background-color: rgba(0, 0, 0, 0.62);
    color: white;
    opacity: 0;
position: absolute;
bottom: 0;
text-align:center;
padding:15px;

}

.product-content strong {
    color: white;
}

ul.product-caracteristics li {
    text-align: center !important;
    width: 200px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
	margin:auto;
	list-style-type:none !important;
}

.item-products h4 {
    text-align: center;
    color: white;
    width: 100%;
    display: table;
}

.latin-name{
	font-style:italic;
}

@media screen and (max-width: 900px) {

.accordion { height: auto; }
.accordion { width: 85%; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}

.accordion ul li {
	margin-top:20px;
}

.desc {
   
    opacity: 1;
}

.accordion ul .item-products{
	width:100% !important;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	-webkit-transition: none;
	transition: none;
}


}

/*
article#txtleft ul li {
    list-style-image: url(https://www.i-sea.bzh/images/checking.png);
    margin-bottom: 9px;
}
*/

article#txtleft ul li.button-list {
    list-style-image: none;
	margin-bottom: 0;
}


/* - Fin Menu accordeon Gabin WSI- */

#txtleftsect3 li {
    color: white;
	font-size: 15px;
	margin-left:25px;
	line-height:1.3em;
}

#txtleftsect3 ul {
    margin-bottom:15px;
}

.error{
	color:red;
}

.success {
	color:green;
}

.message {
	display:none;
}

.visible {
	display:block;
}

.adress{
    list-style: none;
    padding:0;
}

.adress li{
    padding:0;
}