body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.8;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'DM Serif Display', serif;
}

h1 {
    font-size: 3rem;
}

.homepage {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(243,248,255,0)),to(#f3f8ff));
    background-image: -o-linear-gradient(top,rgba(243,248,255,0),#f3f8ff);
    background-image: linear-gradient(to bottom,rgba(243,248,255,0),#f3f8ff);
}

.homepage header {
    color: #FFFFFF;
}

.homepage header > .row {
    position: relative;
}

.homepage header > .row::after {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23343a40' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 100,0 0,100' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    top: 314px;
    height: 8vw;
    width: 100%;
    z-index: 1;
}

.homepage header .header {
    height: 315px;
}

.homepage header .image {
    position: relative;
}

.homepage header .image img {
    position: absolute;
    top: -245px;
    right: 0;
    width: 480px;
    z-index: 2;
}

.homepage .content {
    margin-top: 265px;
}

.content h2 {
    font-size: 3rem;
}

.content .gites .col {
    -webkit-box-shadow: 0 0 24px rgba(27,22,66,.04),0 44px 74px rgba(27,22,66,.06);
    box-shadow: 0 0 24px rgba(27,22,66,.04),0 44px 74px rgba(27,22,66,.06);
    border-radius: 2rem;
}

.content .gites .col h3 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .18em;
}

#content .image-principale {
    border:solid 1px #27782c;
}

#content .tab-gites {
	border-width:2px;
	border-style:outset;
	empty-cells:hide;
	border-collapse:collapse;
	border: 2px solid black;
	margin-bottom:30px;
}

#content .tab-gites th, .tab-gites td {
	border:1px solid black;
	padding:10px;
	color:#fff;
}
#content .tab-gites th {
	vertical-align:center;
}

#content .tab-gites tr.tab-title {
	background-color:#EEEDEF;
}
#content .tab-gites .tab-title th {
	color:#000;
}
#content .tab-gites tr {
	background-color:#005025;
}
#content .tab-gites tr.odd {
	background-color:#27782C;
}
#content .tab-gites td a {
	color:#FFFFFF;
}


#footer {
    color: #FFFFFF;
    height: 75px;
    line-height: 75px;
}

@media (max-width: 995px){
    .homepage .content {
        margin-top: 385px;
    }

    .homepage header .image img {
        position: relative;
        top: 0;
        min-height: 310px;
    }
}