/*
 * Author: Carlos Alvarez
 * URL: http://Alvarez.is
 *
 * Project Name: NYC Design
 * Version: 1.0
 * Date: 04-20-2014
 * URL: 
 */


/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


::-moz-selection {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection {
    background: #ffdc00;
    color: #006bff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.centered {
	text-align: center
}

.mt {
	margin-top: 40px;
}

.mb {
	margin-bottom: 40px;
}

/* ==========================================================================
   General styles
   ========================================================================== */


body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
    color: #c19100;
}


.navbar-brand {
	font-weight: 400;
}

.navbar-default .navbar-brand {
	color: #0006bff;
}

.navbar-default {
	background-color: hsla(0,0%,100%,1);
	border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
	color: #071934;
	background-color: transparent;
	/*border-bottom: 1px solid #071934;*/
}

.navbar-default .navbar-nav > li > a {
	color: #c19100;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #071934;
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
	/*background: url(../img/back.gif) no-repeat center top;
	background-color: #59f5b1;*/
	/*background: url(../img/back.jpg) no-repeat center top;*/
	/*color: hsl(324, 70%, 45%);*/
	color: #071934;
	background-color: #071934;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	width: 100%;
	
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


@keyframes wheelHueColor {
    from, to { color: hsla(154,89%,65%,1.00); }
    10%      { color: hsla(175,89%,65%,1.00); }
    20%      { color: hsla(207,89%,65%,1.00); }
    30%      { color: hsla(280,89%,72%,1.00); }
    40%      { color: hsla(334,89%,72%,1.00); }
    50%      { color: hsla(0,88%,77%,1.00); }
    60%      { color: hsla(43,87%,77%,1.00); }
    70%      { color: hsla(76,86%,77%,1.00); }
    80%      { color: hsla(140,85%,77%,1.00); }
    90%      { color: hsla(192,85%,77%,1.00); }
}

#headerwrap h1 {
	color:#c19100;
	/*color: hsl(324, 70%, 45%);
    animation: wheelHueColor 100s infinite;*/
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#headerwrap h4 {
	font-weight: 400;
	color: #c19100;
}

#social {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}

#social i {
	font-size: 40px;
	color: #071934;
}

#social i:hover {
	color: #c19100;
}

#projets {
	padding-top: 0px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	
}

#projets a {
	font-size: 60px;
	color: #c19100;
}

#projets i:hover {
	color: #071934;
}

#projets i {
	font-size: 20px;
	color: #071934;
}

#projets a:hover {
	color: #071934;
	text-decoration: none;
}


#footerwrap a {
	color: #c19100;
}

#footerwrap a:hover {
	color: #c19100;
	text-decoration:underline;
}

#footerwrap {
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #071934;
}

#footerwrap p {
	color: #c19100;
	margin-left: 5px;
}

#piton {	
	background: url(../img/piton/piton_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#piton h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#piton h4 {
	font-weight: 400;
	color: #ffffff
}

#illustrations {	
	background: url(../img/illustrations/illustrations_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#illustrations h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#illustrations h4 {
	font-weight: 400;
	color: #ffffff
}


#vogue {	
	background: url(../img/vogue/vogue_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#vogue h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#vogue h4 {
	font-weight: 400;
	color: #ffffff
}

#cirque {	
	background: url(../img/cirque/cirque_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cirque h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#cirque h4 {
	font-weight: 400;
	color: #ffffff
}


#jina {	
	background: url(../img/jina/jina_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#jina h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#jina h4 {
	font-weight: 400;
	color: #ffffff
}

#french_bee {	
	background: url(../img/french_bee/french_bee_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#french_bee h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#french_bee h4 {
	font-weight: 400;
	color: #ffffff
}

#leroy_merlin {	
	background: url(../img/leroy_merlin/leroy_merlin_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#leroy_merlin h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#leroy_merlin h4 {
	font-weight: 400;
	color: #ffffff
}


#edf {	
	background: url(../img/edf/edf_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#edf h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#edf h4 {
	font-weight: 400;
	color: #ffffff
}

#mascarin {	
	background: url(../img/mascarin/mascarin_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mascarin h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#mascarin h4 {
	font-weight: 400;
	color: #ffffff
}

#oxstal {	
	background: url(../img/oxstal/oxstal_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#oxstal h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#oxstal h4 {
	font-weight: 400;
	color: #ffffff
}

#mascarin {	
	background: url(../img/mascarin/mascarin_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mascarin h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#mascarin h4 {
	font-weight: 400;
	color: #ffffff
}

#rhum_charrette {	
	background: url(../img/rhum_charrette/rhum_charrette_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#rhum_charrette h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#rhum_charrette h4 {
	font-weight: 400;
	color: #ffffff
}

#le_cyclo {	
	background: url(../img/le_cyclo/le_cyclo_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#le_cyclo h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#le_cyclo h4 {
	font-weight: 400;
	color: #ffffff
}


#lgr {	
	background: url(../img/la_grande_recre/lgr_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#lgr h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#lgr h4 {
	font-weight: 400;
	color: #ffffff
}


#mienis {	
	background: url(../img/mienis/mienis_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mienis h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#mienis h4 {
	font-weight: 400;
	color: #ffffff
}

#miel {	
	background: url(../img/miel/miel_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#miel h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#miel h4 {
	font-weight: 400;
	color: #ffffff
}


#workwrap_runandbike {	
	background: url(../img/run_and_bike/run_bike_fond_header2.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap_runandbike h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap_runandbike h4 {
	font-weight: 400;
	color: #ffffff
}

#workwrap_nestle {	
	background: url(../img/nestle_bureau/nestle_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap_nestle h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap_nestle h4 {
	font-weight: 400;
	color: #ffffff
}

#workwrap_bewalk {	
	background: url(../img/bewalk/bewalk_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap_bewalk h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap_bewalk h4 {
	font-weight: 400;
	color: #ffffff
}

#workwrap_appli_nestle {	
	background: url(../img/application_nestle/appli_nestle_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap_appli_nestle h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap_appli_nestle h4 {
	font-weight: 400;
	color: #ffffff
}

#workwrap_rboot {	
	background: url(../img/r_boot/r_boot_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap_rboot h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#workwrap_rboot h4 {
	font-weight: 400;
	color: #ffffff
}

#personal_projects {	
	background: url(../img/what_I_also_like_to_do/love_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#personal_projects h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#personal_projects h4 {
	font-weight: 400;
	color: #ffffff
}

#carte_voeux_nyc {	
	background: url(../img/carte_voeux_nyc/nyc_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#carte_voeux_nyc h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#carte_voeux_nyc h4 {
	font-weight: 400;
	color: #ffffff
}

#faire_part_jf {	
	background: url(../img/jasmin_garden/jg_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#faire_part_jf h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#faire_part_jf h4 {
	font-weight: 400;
	color: #ffffff;
}

#mi_cafe_ata {	
	background: url(../img/mi_cafe_ata/mca_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#mi_cafe_ata h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#mi_cafe_ata h4 {
	font-weight: 400;
	color: #ffffff
}

#presentation_immeuble {	
	background: url(../img/presentation_immeuble/immeuble_fond_header.jpg) no-repeat center top;
	margin-top: -70px;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#presentation_immeuble h1 {
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#presentation_immeuble h4 {
	font-weight: 400;
	color: #ffffff
}

#fullscreen {
background:url(../img/fullscreen/monimage.jpg) no-repeat center top;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-ms-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}

#fullscreen h1 {
	color:#ffffff;
	text-align: center;
	padding-top:90px;
	padding-bottom: 10px;
	letter-spacing: 4px;
	font-size: 80px;
	font-weight: bold;
}

#fullscreen h4 {
	text-align: center;
}

#fullscreen a {
	font-weight: 400;
	color: #ffffff;
}

#fullscreen a:hover {
	font-weight: 400;
	color: #42F3A6;
}

#aboutwrap {
	color: #42F3A6;
    animation: wheelHueColor 40s infinite;
    background-color: currentColor;
	margin-top: -70px;
	padding-top: 140px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 600px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.titre {
	color: #071934;
    text-decoration: underline;
	font-weight: bold;
	text-align: justify;
}

.sous_titre{
	color: #071934;
	text-align: justify;
}

.texte{
	color: #071934;
    font-style:italic ;
	text-align: justify;
}


/* Gallery 
.gallery {
	margin-top: 30px;
}

.gallery img:hover {
	opacity: 0.4;
}*/

.gallery {
    text-align:center;
    display: inline-block;
    position: relative;
	margin-top: 30px;
}

    .gallery:hover p.text {
        opacity: 1;
    }

.gallery p.text {
    color: #FFF;
	font-size: 1.2em;
    width: 100%;
    height: 100%;
    background: rgba(0, 0.5, 0.5, 0.5);
    margin: 0;
	padding-top: 31%;
    top: 0;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
}