body {
background: url(fd_lemon.jpg) no-repeat center fixed;
background-size: cover;
font-family: Helvetica Neue, sans-serif;
color: #FFFFFF;
font-size: 18px;
}

.content {
width: 48%;
margin: 10% auto;
background: #19395ae6;
padding: 6px;
}

.intro {
margin: 0 auto;
}

.titre {
font-size: 100px;
font-weight: 400;
margin:0;
text-align: center;
}

.sTitre {
font-size: 30px;
font-weight: 400;
margin:0;
text-align: center;
letter-spacing: 15px;
padding-left: 20px;
}

.cols {
width: 75%;
margin: 10px auto;
font-weight: 300;
}

.cols > h2 {
font-weight: 300;
margin-top:8%;
}

.goch {
float: left;
width:45%;
padding:10% 0 0 0;
}

.droat {
float: right;
width:45%;
padding:10% 0 0 0;
}

div.cols > p {
line-height: 25px;
}

.clean {clear: both;}

div.goch > a, div.droat > a  {
color:#000000;
font-weight: 700;
background: #6ec1e4;
padding:10px;
border-radius:3px;
border: none;
text-decoration: none;
transition: background-color 0.5s, color 0.5s;
}

div.goch > a:hover, div.droat > a:hover {
background: #ffffff;
border: none;
text-decoration: none;
color:#6ec1e4;
}

div.cols > p > a {
color:#6ec1e4;
text-decoration: none;
font-size:18px;
font-weight: 400;
border-bottom: 1px #6ec1e4 solid;
transition: color 0.8s, border 0.8s;
}

div.cols > p > a:hover {
color:#FFF;
border-bottom: 1px #FFF solid;
}

@media (max-width: 860px) {
  .content {width:90%;}
  .sTitre {letter-spacing: 14px;}
  .cols {width: 90%;}
}