@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:600,400);
@import url(http://fonts.googleapis.com/css?family=Roboto:100);

body {
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #666;
}

/* --- Typographie --- */

h1 {
	width: 100%;
	padding: 0 0 15px 0;
	margin: 15px 0 20px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 100;
	border-bottom: 1px solid #d9d9d9;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#contact-content h1 {
	width: 940px;
	color: #fff;
	margin: 15px auto 30px;
}
h2 {
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 600;
}
#contact-content {
	color: #fff;
}
#footer {
	line-height: 40px;
	color: #666;
}
#contact-content a {
	color: #fff;
	text-decoration: none;
}
#contact-content a:hover {
	color: #93C;
	text-decoration: none;
}
#navi a,
#footer a {
	text-decoration: none;
	color: #666;
}
#navi a:hover {
	color: #000;
}
#footer a:hover {
	color: #fff;
}
#main-content a {
	color: #99C;
	text-decoration: none;
}
#main-content a:hover {
	color: #93C;
	text-decoration: none;
}

/* --- Container --- */

/* -- Navi -- */
#navi {
	width: 940px;
	height: 60px;
	margin: 0 auto;
}
#navi ul {
	width: 650px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#navi ul li {
	height: 60px;
	margin: 0 20px 0 0;
	font-size: 16px;
	line-height: 60px;
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#navi .logo {
	background: url(../img/logo.jpg) no-repeat right #fff;
	width: 285px;
	height: 30px;
	margin: 14px 0 0 0;
	float: right;
}

/* -- Lines -- */

.first-line {
	width: 940px;
	height: 34px;
	margin: 0 auto;
	background-image: url(../img/first-line.jpg);
}

/* -- Content -- */

.column-wrapper-1,
.column-wrapper-3,
.column-wrapper-4 {
	width: 940px;
	height: auto;
	margin: 0 auto 30px;
	text-align: center;
	clear: both;
}
.column-wrapper-2 {
	width: 780px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.column-wrapper-2 .justify{
	text-align: justify;
}
.column-wrapper-2 .column, 
.column-wrapper-2 .column-last {
	width: 380px;
	margin: 0 20px 50px 0;
	float: left;
}
.column-wrapper-2 .column-last {
	margin: 0 0 50px 0;
}
.column-wrapper-2 .column p, 
.column-wrapper-2 .column-last p {
	width: 100%;
	padding: 20px 0;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.column-wrapper-2 .column img, 
.column-wrapper-2 .column-last img {
	width: 30px;
	height: 30px;
	padding: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
.column-wrapper-3 .column, 
.column-wrapper-3 .column-last {
	width: 33%;
	float: left;
}
.column-wrapper-3 .column img, 
.column-wrapper-3 .column-last img {
	width: 30px;
	height: 30px;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #fff;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
.column-wrapper-4 .column, 
.column-wrapper-4 .column-last {
	width: 235px;
	float: left;
	margin-bottom: 30px;
}
.column-wrapper-4 .column img, 
.column-wrapper-4 .column-last img {
	width: 200px;
	height: 200px;
	margin: 10px;
	border-radius: 111px;
	-moz-border-radius: 111px;
	-webkit-border-radius: 111px;
}
.column-wrapper-4 .column a:hover img, 
.column-wrapper-4 .column-last a:hover img {
	width: 220px;
	height: 220px;
	margin: 0;
	padding: 0;
}
.line {
	padding-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
}

.placeholder {
	width: 100%;
	height: 1px;
	clear: both;
}

/* -- Contact -- */

#contact-content {
	width: 100%;
	height: 400px;
	text-align: center;
	/*background: url(../img/contact-bg.jpg) center bottom no-repeat #000;*/
    background-color: black;
	clear: both;
}
#contact-content .arrow {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/arrow.png) no-repeat center top;
}
#contact-content .arrow-2 {
	width: 200px;
	height: 40px;
	left: 50%;
	margin: 0 0 0 -100px;
	position: absolute;
	z-index: 22;
	background: url(../img/arrow3.png) no-repeat center top;
}
#contact-content iframe {
	margin: 0 auto;
}

/* -- Footer -- */

#footer {
	width: 100%;
	height: 135px;
	margin-top: -50px;
	position: absolute;
	z-index: 23;
	background: url(../img/footer-bg.png) center top no-repeat transparent;
}
#footer img {
	margin: 55px 0 0 0;
}
.black-bg-left,
.black-bg-right {
	width: 35%;
	height: 135px;
	margin-top: -50px;
	position: absolute;
	z-index: 0;
	background-color: #000;
}
.black-bg-left {
	left: 0;
}
.black-bg-right {
	right: 0;
}