* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
	font-family: 'champagne__limousinesbold';
	background-image: url(/images/gris-wall.png);
}
header h1 {
	background-image: url(/images/retina_wood.png);
	font-family: 'champagne__limousinesbold';
}
footer {
	text-align: center;
	background-image: url(/images/retina_wood.png);
	padding: 10px;
}
@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('/font/champagne__limousines_bold-webfont.eot');
    src: url('/font/champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/champagne__limousines_bold-webfont.woff') format('woff'),
         url('/font/champagne__limousines_bold-webfont.ttf') format('truetype'),
         url('/font/champagne__limousines_bold-webfont.svg#champagne__limousinesbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.wrapper {
	overflow: hidden;
}

img .displayed {
    	display: block;
    margin-left: auto;
    margin-right: auto;
    }
/*------------------------------------------------------------------------------------------*/
/*                NAVIGATION RESPONSIVE */
/*------------------------------------------------------------------------------------------*/
nav {  
    height: 40px;  
    width: 100%;  
    /*background: #ab70b2; */ 
    background-image: url(/images/bois-bleu.png);
    font-size: 11pt;  
    font-family: 'champagne__limousinesbold', Arial, sans-serif;  
    font-weight: bold;  
    position: relative;  
    border-bottom: 2px solid #283744; 
    /*margin-top: 20px;*/
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    width: 960px;  
    height: 40px;  
}
nav li {  
    display: inline;  
    float: left;  
} 
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  
@media only screen and (min-device-width :320px) and (max-device-width :768px) {
	nav a {  
	    color: #000;  
	    display: inline-block;  
	    width: 100px;  
	    text-align: center;  
	    text-decoration: none;  
	    line-height: 40px;  
	    text-shadow: 1px 1px 0px #fff; 
	    font-size: 20px; 
	}

	/*------------------------------------------*/
	/*                HOME PAGE
	/*------------------------------------------*/
	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-left: 30px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 18px;
		margin: 0 auto;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	
	.image img {
		background-size: cover;
		width: 768px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/

	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
	}
	.portfolio .separateur {
		margin: 40px;
	}
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:-25px; width:300px; height:196px; }
	.portfolio .vitrine-statique1 {
		background-image:url(/images/mobile-vitrine-statique1.jpg);
		background-repeat: no-repeat;
		/*margin-top: 40px;
		margin-left: 10px;
		margin-bottom: 40px;*/
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .vitrine-statique2 {
		background-image:url(/images/mobile-vitrine-statique2.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .boutique1 {
		background-image:url(/images/mobile-boutique1.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .boutique2 {
		background-image:url(/images/mobile-boutique2.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .dynamique {
		background-image:url(/images/mobile-vitrine-dynamique.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }

}


@media only screen and (min-device-width :768px) {
	nav a {  
		color: #000;  
	    display: inline-block;  
	    width: 120px;  
	    text-align: center;  
	    text-decoration: none;  
	    line-height: 40px;  
	    text-shadow: 1px 1px 0px #fff; 
	    font-size: 18px; 
	}

}
nav li a {  
    border-right: 1px solid #576979;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  
nav li:last-child a {  
    border-right: 0;  
} 
nav a:hover, nav a:active {  
    background-color: #8c99a4;  
}
nav a#pull {  
    display: none;  
}
.blueberry { 
	max-width: 960px;
	height: 300px;
 }
.image img {
		background-size: cover;
		width: 768px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

@media screen and (max-device-width : 600px) {  
    nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;  
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
    


}  

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        /*background-color: #9fcbb0;*/
        background-image: url(/images/bois-bleu.png);  
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:url(/images/menu-ico.png);;  
        /*background: url('nav-icon.png') no-repeat; */ 
        width: 55px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 7px;  
    }  
    .image {
    	margin: 0 auto;
    }
    .image img {
		background-size: cover;
		width: 480px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
    
}
@media only screen and (max-device-width : 320px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
    .image img {
		background-size: cover;
		width: 320px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
} 


/*------------------------------------------------------------------------------------------*/
/*               iPhone 2G-4S in portrait
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {

	/*------------------------------------------*/
	/*                HOME PAGE
	/*------------------------------------------*/
	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-left: 30px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 18px;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	.image img {
		background-size: cover;
		width: 320px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/

	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
	}
	.portfolio .separateur {
		margin: 40px;
	}
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:-25px; width:300px; height:196px; }
	.portfolio .vitrine-statique1 {
		background-image:url(/images/mobile-vitrine-statique1.jpg);
		background-repeat: no-repeat;
		/*margin-top: 40px;
		margin-left: 10px;
		margin-bottom: 40px;*/
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .vitrine-statique2 {
		background-image:url(/images/mobile-vitrine-statique2.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .boutique1 {
		background-image:url(/images/mobile-boutique1.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .boutique2 {
		background-image:url(/images/mobile-boutique2.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .dynamique {
		background-image:url(/images/mobile-vitrine-dynamique.jpg);
		background-repeat: no-repeat;
		margin: 0 auto;
		width: 300px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }
}
/*------------------------------------------------------------------------------------------*/
/*                iPhone 2G-4S in landscape
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {

	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	.image img {
		background-size: cover;
		width: 320px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/
	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:-25px; width:400px; height:261px; }
	
	.portfolio .fdw-subtitle{ font-size:2.8em; /*margin-top:-20px;*/ color:#b0e9c6; }

	.portfolio .vitrine-statique1 {
			background-image:url(/images/vitrine-statique1.jpg);
			background-repeat: no-repeat;
			width:400px;
			height:261px;
			margin-top: 40px;
			margin-left: 40px;
	}
	.portfolio .vitrine-statique2 {
			background-image:url(/images/vitrine-statique2.jpg);
			background-repeat: no-repeat;
			width:400px;
			height:261px;
			margin-top: 40px;
			margin-left: 40px;
	}
	.portfolio .boutique1 {
			background-image:url(/images/boutique1.jpg);
			background-repeat: no-repeat;
			width:400px;
			height:261px;
			margin-top: 40px;
			margin-left: 40px;
	}
	.portfolio .boutique2 {
			background-image:url(/images/boutique2.jpg);
			background-repeat: no-repeat;
			width:400px;
			height:261px;
			margin-top: 40px;
			margin-left: 40px;
	}
	.portfolio .dynamique {
			background-image:url(/images/vitrine-dynamique.jpg);
			background-repeat: no-repeat;
			width:400px;
			height:261px;
			margin-top: 40px;
			margin-left: 40px;
	}
	.portfolio .separateur {
		margin: 40px;
	}
}

/*------------------------------------------------------------------------------------------*/
/*                iPad mini in portrait
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {

	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}

	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	.image img {
		background-size: cover;
		width: 768px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/
	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.portfolio .vitrine-statique1 {
			background-image:url(/images/mobile-vitrine-statique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .vitrine-statique2 {
			background-image:url(/images/mobile-vitrine-statique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .boutique1 {
			background-image:url(/images/mobile-boutique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .boutique2 {
			background-image:url(/images/mobile-boutique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .dynamique {
			background-image:url(/images/mobile-vitrine-dynamique.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			float: left;
	}
	.portfolio article {
		margin-bottom: 40px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:0px; width:300px; height:196px; }
	.portfolio footer {
		margin-top: 20px;
	}
}

/*------------------------------------------------------------------------------------------*/
/*                iPad mini in landscape
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {

	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}

	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	.image img {
		background-size: cover;
		width: 768px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/
	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.portfolio .vitrine-statique1 {
			background-image:url(/images/mobile-vitrine-statique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .vitrine-statique2 {
			background-image:url(/images/mobile-vitrine-statique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .boutique1 {
			background-image:url(/images/mobile-boutique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .boutique2 {
			background-image:url(/images/mobile-boutique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .dynamique {
			background-image:url(/images/mobile-vitrine-dynamique.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 10px;
			float: left;
	}
	.portfolio article {
		margin-bottom: 40px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:0px; width:300px; height:196px; }
	.portfolio footer {
		margin-top: 20px;
	}
}


@media only screen and (min-device-width :768px) and (max-device-width :1023px) {
	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-right: 15px;
	}
	.home .content {
		background-image: url(/images/gris-wall.png);	
		color: #fff;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.home .content2 {
		background-image: url(/images/gris-wall.png);
	}
	.image img {
		background-size: cover;
		width: 768px;
 		height: auto;
 		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/
	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.portfolio .vitrine-statique1 {
			background-image:url(/images/mobile-vitrine-statique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 80px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .vitrine-statique2 {
			background-image:url(/images/mobile-vitrine-statique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .boutique1 {
			background-image:url(/images/mobile-boutique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 80px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .boutique2 {
			background-image:url(/images/mobile-boutique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .dynamique {
			background-image:url(/images/mobile-vitrine-dynamique.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 80px;
			float: left;
	}
	.portfolio article {
		/*margin-bottom: 40px;*/
		margin: 0 auto;
		width: 768px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:0px; width:300px; height:196px; }
	.portfolio footer {
		margin-top: 20px;
	}
}

@media only screen and (min-device-width :1024px) {

	header h1 {
		font-size: 50px;
		line-height:50px;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.home h2 {
		padding-top: 20px;
		text-align: center;
		color: #9fcbb0;
		font-size: 18px;
		margin-right: 15px;
	}
	.home .content {	
		color: #fff;
		width: 1024px;
   		margin: 0 auto;
	}
	.home .content p {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.home .content2 {
	}

	/*------------------------------------------*/
	/*                CV PAGE
	/*------------------------------------------*/
	.cv h3 {
		color: #b0e9c6;
	}
	.cv h3 span, .cv article span {
		color: #000;
	}
	.cv .content {
		background-image: url(/images/gris-wall.png);
	}
	.cv article {
		margin: 5px 10px 10px;
		padding: 10px;
		
		
	}
	.cv h2 {
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		/*background-image: url(/images/bois-bleu.png);*/
		margin-bottom: 10px;
	}
	.cv ul {
		padding-left: 10px;
	}
	.cv ul li {
		color: #fff;
	}
	.cv article .part {
		padding-bottom: 10px;
		text-align: left;
	}
	.cv .part span {
		font-weight : bold;
	}
	.cv .langues {
		margin-top: 10px;
	}
	/*------------------------------------------*/
	/*                PORTFOLIO
	/*------------------------------------------*/
	.portfolio h2 {
		text-align: center;
		margin-top: 10px;
		text-transform: uppercase;
		/*background-image: url(/images/bois-bleu.png);*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.portfolio .vitrine-statique1 {
			background-image:url(/images/mobile-vitrine-statique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 200px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .vitrine-statique2 {
			background-image:url(/images/mobile-vitrine-statique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .boutique1 {
			background-image:url(/images/mobile-boutique1.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 200px;
			margin-right: 10px;
			float: left;
	}
	.portfolio .boutique2 {
			background-image:url(/images/mobile-boutique2.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			float: left;
	}
	.portfolio .dynamique {
			background-image:url(/images/mobile-vitrine-dynamique.jpg);
			background-repeat: no-repeat;
			width:300px;
			height:196px;
			margin-top: 20px;
			margin-left: 200px;
			float: left;
	}
	.portfolio article {
		margin: 0 auto;
		width: 1024px;
	}
	.portfolio .fdw-subtitle{ font-size:1.8em; /*margin-top:-20px;*/ color:#b0e9c6; }
	.portfolio .font-background{ background-color:rgba(0,0,0,0.6);opacity:0; margin-top:0px; width:300px; height:196px; }
	.portfolio footer {
		margin-top: 20px;
	}
}

.portfolio .clear {
	clear: both;
}
.portfolio .freshdesignweb{width:950px; margin:0 auto;}
.portfolio .freshdesignweb a:link{text-decoration:none;}
.portfolio .freshdesignweb article{ float:left; width:157px; height:157px; } /*cursor:pointer;opacity:0.5;*/
/*portfolio*/

.portfolio .font-background h4{font-size:20px; font-family: 'champagne__limousinesbold', sans-serif; text-align:center; padding:40px 40px 0; }
.portfolio .font-background .fdw-port{ text-align:center; padding:0 40px 0; margin-top: 20px; }
.portfolio .font-background .fdw-port a{ padding:8px 15px; font-size:1em; }
/*subtitle*/

/*columns*/
.portfolio .c-two{ width:314px !important; }
/*align*/
.portfolio .a-center{ text-align:center; }
/*border*/
.portfolio .border{ border:1px solid #CCC; margin:-1px;}
/*link buttons*/
.portfolio .fdw-port a{ 
	background-color:#b0e9c6; 
	color:#000; 
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-webkit-box-shadow: 0 3px 0 #fff, 3px 5px 3px #333;
	-moz-box-shadow: 0 3px 0 #fff, 3px 5px 3px #333;
	box-shadow: 0 3px 0 #fff, 3px 5px 3px #333;
	-o-box-shadow: 0 3px 0 #fff, 3px 5px 3px #333;
	text-shadow:0 1px 1px #000;
}
.portfolio .fdw-port a:hover{ 
	background-color:#b0e9c6; 
	color:#000 !important; 
	text-shadow:0 1px 1px #ccc;
	-webkit-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
	-moz-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
	box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
	-o-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
}
/*------------------------------------------------------------------------------------------*/
/*                SLIDER PARALAX */
/*------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
		margin: 0 auto;

	}
}
.slider-wrapper {
	margin-top: 160px;
	margin-bottom: 200px;

}

/* ELEMENT STYLES */

.slide p{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:5px;
	font-family: arial;
	font-size:14px;
	line-height:100%;
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
	overflow: hidden;
}

.claim{
	line-height:100%
}	
 .slide .title {
 	color: #000;
 }
.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}
.blue {background-image: url(/images/bois-bleu.png);}
.gris {background-color: #a29f9f;}
.black {background-color: #000;}