#container h1 {
  color:#C3DC9B;
}

#container div.zone-content h3 {
  font-size:24px;
  color:#393939;
  border-top:1px solid #C3DC9B;
  border-bottom:1px solid #C3DC9B;
  text-align:center;
  margin:14px 0;
}

#container div.zone-content  > div.img-site {
  float:left;
  width:40%;
}

#container div.zone-content  > div.img-site > img {
  display:block;
  width:100%;
  max-width:434px;
  margin:0 auto;
  padding:0;
}

#container div.zone-content  > div.left-texte {
  margin-left:42%;
}

#container div.zone-content  > div.left-texte > p {
  margin:12px auto;
}

#container div.zone-content  > div.left-texte > p > span.point  {
  background-color:#C3DC9B;
  height:20px;
  width:20px;
  border-radius:8px;
  display:block;
  float:left;
  margin-top:2px;
}

#container div.zone-content  > div.left-texte > p > span.texte  {
  display:block;
  margin-left:28px;
  color:#393939;
  text-align: left !important;
  font-weight:normal;
  font-size: 16px;
  line-height: 28px;
}

#container div.zone-content  > div.left-texte > p > span.texte > a  {
  color:#deae6f;
  font-style:italic;
  transition: all 0.5s ease-in-out 0s;
}

#container div.zone-content  > div.left-texte > p > span.texte > a:hover  {
  text-shadow:2px 2px #dadada;
}

@media all and (min-width: 980px) and (max-width: 1282px)
{
  #container div.zone-content > div.img-site {float:none;width:80%;margin:0 auto;}
  #container div.zone-content > div.left-texte {margin-left:0;}
}

@media all and (min-width: 740px) and (max-width: 980px)
{
  #container h1 {font-size:26px;}
  #container div.zone-content > div.img-site {float:none;width:80%;margin:0 auto;}
  #container div.zone-content > div.left-texte {margin-left:0;}
  #container div.zone-content h3 {font-size:22px !important;}
  #container div.zone-content > div.left-texte > p > span.texte {font-size:14px !important;}
}

@media all and (min-width: 600px) and (max-width: 740px)
{
  #container h1 {font-size:22px;}
  #container div.zone-content > div.img-site {float:none;width:80%;margin:0 auto;}
  #container div.zone-content > div.left-texte {margin-left:0;}
  #container div.zone-content h3 {font-size:18px !important;}
  #container div.zone-content > div.left-texte > p > span.texte {font-size:12px !important;}
}

@media all and (max-width: 600px)
{
  #container h1 {font-size:18px;}
  #container div.zone-content > div.img-site {float:none;width:96%;margin:0 auto;}
  #container div.zone-content > div.left-texte {margin-left:0;}
  #container div.zone-content h3 {font-size:16px !important;}
  #container > div.zone-ext.back-grey > div.zone-content p {margin:6px 0;}
  #container div.zone-content > div.left-texte > p > span.point {width:14px;height:14px;border-radius:6px;margin-top:0px;}
  #container div.zone-content > div.left-texte > p > span.texte {font-size:12px !important;line-height:18px;margin-left:22px;}
}