/*
Theme Name:     Emeraud
Description:    Theme du site internet Emeraud
Author:         Christophe OLIVIER / ADDB / Shanaya 
*/

* {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;        
}

html {
width:100%;
height:100%
}

body {
background-color: #FFFFFF;
padding:0;
margin: 0;
border: 0;
font-family: 'Oswald';
}


a:focus, a:active, a:hover {
    outline: 0 none;
}


.container {
display: table-cell;
vertical-align: bottom;
text-align: center;
}

.centre {
	margin:0 auto;
}

.liens {
	padding-bottom: 75px;
	text-align: center;
	display: inline-block;
	width: 80%;
	margin:0 auto;
	vertical-align: middle;
}

.liens a {
	color:#fff;
	text-decoration:none;
	display: inline-block;
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size:24px;
	margin:0 12px;
}

.liens a:hover {
	text-decoration:underline
}

h2 {
	text-align: center;
	font-family: 'Oswald';
	color:#000;
	font-size:20px;
	letter-spacing: 5px;
	text-transform: uppercase;
	height:160px;
	line-height:160px;
	margin:0;
	padding:0;
}

h2:before {
	content:"- ";
}

h2:after {
	content:" -";
}

.wrapper {
	margin:0 auto;
	width:825px;
	border-top:1px solid #000;
	padding-top:160px;
}

ul, li {
	margin:0;
	padding:0;
	list-style: none;
}

.project, .slide {
	float: left;
	position: relative;
}

h3 {
	font-family: 'Oswald';
	color: #000;
	font-size: 36px;
	line-height: 37px;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: normal;
	width: 335px;
}

h3 strong {
	font-weight: normal;
	color: #c3a572;
}

h3.small {
	font-size: 20px;
	letter-spacing: 0;
	line-height: 22px;
	text-transform: none;
	padding-right:25px;
}

section {
	min-height: 300px
}

h3, section p, section img {
	display: inline-block;
	vertical-align: top;
	margin:0;
}

section p span {
	font-family: 'Oswald';
	text-transform: uppercase;
}

section p strong {
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 20px;
}

section p span:before {
	content:"\2022 "; 
}

a.next, a.prev {
	width: 76px;
	height: 251px;
	text-indent:-999999px;
	display: block;
	position: absolute;
	top:50%;
	margin-top:-125px;
}

a.next {
	background: url('img/arrow-right.png') transparent no-repeat;
	right:35px;
}

a.prev {
	background: url('img/arrow-left.png') transparent no-repeat;
	left:35px;
}

a.backtothemenu {
	width: 40px;
	height: 32px;
	text-indent:-999999px;
	display: block;
	position: absolute;
	top:20px;
	right:20px;
	background: url('img/menu.png') transparent center no-repeat;
}


.arrow-down-white {
	display: block;
	background: url('img/arrow-down-white.png') transparent center no-repeat;
	width:100%;
	height:57px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index:999;
}

a.link-top {
	display: block;
	margin: 25px auto 120px auto;
	width: 199px;
}

footer {
	width: 915px;
	margin:0 auto;
}

footer p, footer a {
		color: #c3a572;
}

footer p {
	width:220px;
	vertical-align: middle;	
}

footer img {
	vertical-align: middle;	
}

.address {
	font-size:13px;
}

.site {
	position: absolute;
	bottom:10px;
	right: 10px;
	color:#07426a;
}


/* Responsive */ 

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

 	a.next, a.prev, a.link-top, .arrow-down-white  {
 	display: none !important;
 	} 

 	.wrapper {
    border-top: 0;
    margin: 0 auto;
    padding-top: 15px;
    width: 95%;
	}

	.liens {
		display: none;
	}

	.slide {
		min-height: 260px;
	}

	h2 {
		height:80px;
		line-height: 80px;
	}

	h3, section p, section img {
    display: block;
    margin: 5px auto;
    vertical-align: top;
	}


	h3.small {
    padding-right: 0;
    margin: 15px 0;
	}

	section p strong {
	text-align: center;
	display: block;
	}

	h3 {
    width: 100%;
    text-align: center;
	}

	.project, .slide {
    float: none;
	}


	.onepage-wrapper .section {
		height: auto;
	}

}

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

	#home, #home2 {
	display: table;
	}

	.site {
	bottom:50px;
	right: 50px;
	}

}