html{
	font-size: 100%;
	height: 100%;
}
body{
	padding:0;
	margin:0;
	font-family: Raleway,Arial, Helvetica, Sans-serif;
	font-size: 1rem;
	}

.bkg-img{
    background-image:url('bkg.jpg');
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    overflow: hidden;
    background-attachment: fixed;
    background-color: rgba(13, 19, 24, 0.5);
}

div{
	position:relative;
	display:block
}
ul{
	list-style-type:none;
	}
#header .inner{
    margin:7.9% auto 7%;
    text-align:center;
	}


.Reparation_et_entretien_de_bateau {
    font-size: 28px;
    font-family: "Raleway";
    color: #f2f2f2;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    font-weight: 100;
}

.phone {
  font-size: 36px;
  font-family: "Raleway";
  color: #f2f2f2;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  margin-top:-19px;
}

.addr {
  font-size: 24px;
  font-family: "Raleway";
  color: #f2f2f2;
  line-height: 1.2;
  text-align: center;
  font-weight: 100;
}

div#footer {
    background-color: rgba(13, 19, 24, 0.5);
    width: 100%;
}
#footer .inner{
    border-top: 2px solid rgb(242, 242, 242);
    width: 33.3333%;
    margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
    display: flex;
  -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#footer .inner .menu{
    float:left;
    width:100%;
}
.menufooter {
  font-size: 24px;
  font-family: "Raleway";
  color: #f2f2f2;
  line-height: 1.2;
  text-align: center;
  font-weight: 100;
  padding:0;
  margin:15px auto 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
    display: flex;
  -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-flex-align: center;
	-ms-flex-align: center;
    align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
    justify-content: center;
}

.menufooter li{
	float:left;
}

.sep {
  font-size: 24px;
  font-family: "Raleway";
  color: rgb(51, 102, 153);
  line-height: 1.2;
  text-align: center;
  font-weight: 100;
  padding: 0 10px;
}
#footer .inner .encre{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom: 28px;
}
#footer .gdwinnerfooter {
	background-color: rgba(13, 19, 24, 0.5);
	height:44px;
}
#footer .gdwinnerfooter p{
  font-size: 14px;
  font-family: "Raleway";
  color: #f2f2f2;
  line-height: 1.2;
}
#footer .gdwinnerfooter p a{
	text-decoration: none;
	color: inherit;
}
#footer .gdwinnerfooter p a:hover{
	color: rgba(242, 242, 242,.8);
}
#footer .gdwinnerfooter p a > svg{
	display: inline-block;
	width: 106px;
	height: 13px;
	vertical-align: -2px;
	fill:#f2f2f2;
}
#footer .gdwinnerfooter p a:hover > svg{
	fill: rgba(242, 242, 242,.8);
}
#footer p.l1{
	width:50%;
	float: left;
}
#footer p.l2{
	width:50%;
	float: left;
	text-align:right;
}

@media screen and (max-width: 1480px) {
	/* Site est 1480px ou moins en width */

	html,body{
		font-size:80%;
	}
	.bkg-img{
    background-position: center -7.9%;
	}
	#footer .inner{
		width:52%;
	}
}