@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'gotham_blackregular';
    src: url('gotham-black-webfont.eot');
    src: url('gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-black-webfont.woff2') format('woff2'),
         url('gotham-black-webfont.woff') format('woff'),
         url('gotham-black-webfont.ttf') format('truetype'),
         url('gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


	

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff2') format('woff2'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

	


@font-face {
    font-family: 'gotham_extralightregular';
    src: url('gotham-xlight-webfont.eot');
    src: url('gotham-xlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-xlight-webfont.woff2') format('woff2'),
         url('gotham-xlight-webfont.woff') format('woff'),
         url('gotham-xlight-webfont.ttf') format('truetype'),
         url('gotham-xlight-webfont.svg#gotham_extralightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


	body {
			overflow:hidden;
			background-color:#fff;
		}
		


/*le h1 tu peux le voir que sur la slide noir ou on peut t'envoyer un mail*/
        h1{
            /*font-family: 'gotham_mediumregular';
            font-weight: normal;*/
        }
        /*et la maontenant tu peux faire tes test sur la page resume le 1er
        resume h2 vise le margaux maurel en haut de page et resume cols le reste*/
        .resume h2{
            font-family: 'gotham_extralightregular' !important;
            font-weight: normal;
        }

        .resume-cols {
            font-family: 'gotham_blackregular' !important;
             font-weight: normal;
         }




		 
		/* Preloader */
	#preloader {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:transparent; 
		z-index:99; 
	}
	
	#status {
		width:200px;
		height:200px;
		position:absolute;
		left:50%; 
		top:50%; 
		background-image:url(../images/status.gif); 
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; 
	}
	.mobile-helper {
		display:none;
	}
	
	.m-content {
		display:none;
	}
	
	@media (max-width: 480px) {
		.m-content {
			display:block;
			width:125px;
			height:125px;
			overflow:hidden;
			margin:0 auto 12px;
			border-radius:50%;
		}
		
		.m-content img {
			height:100%;
		}
		
		.no-mobile {
			display:none !important;
		}
	}
		
	
	/* Image handling */
	img.mobile {
		display:none !important;
	}
	img.desktop {
		display:block !important;
	}
	
	@media (max-width: 800px) {
		img.mobile {
		display:block !important;
		}
		img.desktop {
		display:none !important;
		}
	}
	
	@media (max-width: 800px) {
		.img-mobile img{
			min-height:100%;
			width:auto;
		}
	}
	
	.top,
	.bottom,
	.left,
	.right {
		background-color:#fff;
		position:fixed;
		z-index:3
	}
	
	.top {
		width:92%;
		height:25px;
		left:4%;
		top:4%;
	}
	.bottom {
		width:92%;
		height:55px;
		left:4%;
		bottom:4%;
	}
	.left {
		width:25px;
		height:92%;
		top:4%;
		left:3%;
	}
	.right {
		width:25px;
		height:92%;
		top:4%;
		right:3%;
	}
	
	@media (max-width: 480px) {
		.top {
			height:10px;
			top:2%;
			display:none;
		}
		.left,
		.right {
			width:10px;
			height:96%;
			top:2%;
			display:none;
		}
		
		.bottom {
			bottom:0%;
			left:0%;
			width:100%;
		}
	}
	
	.pav-name {
		position:relative;
		left:50%;
		top: 23%;
		margin-left:-160px;
		font-family: 'gotham_extralightregular';
		font-weight:  sans-serif;
		width:320px;
		text-align:center;
		text-transform:uppercase;
		font-weight:600;
		color:#999;
		font-size:14px;
		letter-spacing:0px;
		cursor:pointer;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	.pav-name span {
		color:#333;
		
	}
	.pav-name:hover{
		color:#000;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	/*/Titre dans puces-----------------------------------/*/
	ol.flex-control-nav li::before 
{
    content:'blabla';
    position: absolute;
    right: 5em;
    top: -0.25em;
    color: white;
    width: 16em;
    text-align: right;
    
    opacity:0;
    transition:all 1s ease;
    font-family: 'gotham_extralightregular';
    font-weight:  sans-serif;
}
ol.flex-control-nav li:hover::before 
{
    opacity:1;
        right: 1em;
}

.flex-control-nav li {
    position: relative;
}
ol.flex-control-nav li:nth-child(1)::before {
    content: 'Accueil';
}
ol.flex-control-nav li:nth-child(2)::before {
    content: "On s'en food";
}
ol.flex-control-nav li:nth-child(3)::before {
    content: 'Le petit paumé du terroir';
}

ol.flex-control-nav li:nth-child(4)::before {
    content: 'Taé';
}
ol.flex-control-nav li:nth-child(5)::before {
    content: 'Le lexique';
}
ol.flex-control-nav li:nth-child(6)::before {
    content: 'Bagotte';
}
ol.flex-control-nav li:nth-child(7)::before {
    content: 'Mixité';
}

ol.flex-control-nav li:nth-child(8)::before {
    content: 'Le musée des beaux arts';
}

ol.flex-control-nav li:nth-child(9)::before {
    content: 'Infographies Cosmopolitain';
}

ol.flex-control-nav li:nth-child(10)::before {
    content: 'Stylgraphic';
}

ol.flex-control-nav li:nth-child(11)::before {
    content: 'Sando';
}

ol.flex-control-nav li:nth-child(12)::before {
    content: 'Congrès confédéral';
}

ol.flex-control-nav li:nth-child(13)::before {
    content: 'International Festival';
}

ol.flex-control-nav li:nth-child(14)::before {
    content: 'Happy Projects';
}

ol.flex-control-nav li:nth-child(15)::before {
    content: 'Bois de rose';
}

ol.flex-control-nav li:nth-child(16)::before {
    content: 'Social Story Telling';
}





/*/Titre dans puces-----------------------------------/*/

	@media (max-width: 480px) {
		.pav-name {
			width:136px;
			margin-left:-68px;
			left:50%;
			margin-top:13px;
			font-size:12px;
			text-align:center;
		}
		.pav-name span {
			display:block;
			font-size:14px;
		}
	}
	
	.menu-icon {
		position:absolute;
		right:-10px;
		top:18px;
		width:20px;
		height:20px;
		background-image:url(../images/menu-icon.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:20px;
		z-index:2;
		cursor:pointer;
		margin-top: -15px;

	}
	
	.menu-icon.active {
		position:absolute;
		right:-10px;
		top:18px;
		width:20px;
		height:20px;
		background-image:url(../images/menu-icon.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:20px;
		z-index:2;
		cursor:pointer;
	}
	
	.nav-next {
		position:absolute;
		right:48%;
		top:16px;
		width:26px;
		height:26px;
		background-image:url(../images/nav-down.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:26px;
		z-index:2;
		cursor:pointer;
	}
	
	.nav-prev {
		position:absolute;
		right:51%;
		top:16px;
		width:26px;
		height:26px;
		background-image:url(../images/nav-up.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:26px;
		z-index:2;
		cursor:pointer;
	}
	
	.nav-next:hover, 
	.nav-prev:hover {
		opacity:.5;
	}
	
	@media (max-width: 480px) {
		.nav-next,
		.nav-prev {
			display:none;
		}
	}
	
	.share-icon {
		display:none;
		position:absolute;
		left:15px;
		top:18px;
		width:20px;
		height:20px;
		background-image:url(../images/share-icon.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:20px;
		z-index:2;
		cursor:pointer;
	}
	
	@media (max-width: 480px) {
		.share-icon {
			display:block;
		}
	}
	
	
	.insta-icon,
	.linked-icon,
	.fb-icon
    {
		position:absolute;
		top:18px;
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		background-position:center;
		z-index:2;
		cursor:pointer;
	
	}


    .langue-en{
    	width: 20px;
    	height: 20px;
    	position: absolute;
    	top: 20px;
    	right: 5px;
    }
.langue-en :hover {
		opacity:.5;
	}


	.insta-icon {
		left:45px;
		background-image:url(../images/insta-icon.png);
		background-size:20px;
	}
	.linked-icon {
		left:15px;
		background-image:url(../images/linked-icon.png);
		background-size:20px;
	}
	
	
	.linked-icon :hover {
		opacity:.5;
	}
	
	
	@media (max-width: 480px) {
		.mobile-share-set {
			display:none;
			position:relative;
			margin-top:-140px;
		}
		
		.insta-icon,
		.linked-icon {
			width:50px;
			height:50px;
			background-size:30px;
		}

		
		.fb-icon {
			width:50px;
			height:50px;
			background-size:13px;
		}
		
		.insta-icon {
			left:6%;
		}
		
		.fb-icon {
			left:72%;
		}
		
		.linked-icon {
			left:50%;
			margin-left:-32px;
		}
		
		.insta-icon,
		.linked-icon,
		.fb-icon {
			background-color:#fff;
			padding:6px;
			border-radius:50%;
		}
		
		.insta-icon,
		.linked-icon,
		.fb-icon   :hover {
		opacity:.5;
	}

	}
	
	
	/* Navigation */
	
	.navigation {
		display:none;
		position:fixed;
		left:4%;
		top:4%;
		width:92%;
		height:92%;
		background-color:#fff;
		opacity:.9;
		z-index:2;
	}
	
	@media (max-width: 480px) {
		.navigation {
			left:0%;
			top:0%;
			padding:4%;
		}
	}
	
	.navigation .information {
		font-family: 'gotham_mediumregular';
		width:70%;
		margin:0 auto;
		text-align:left;
		font-size:14px;
		letter-spacing:.5px;
		line-height:22px;
	}
	
	.navigation .menu {
		text-align:left;
		padding:10%;
		max-width:400px;
	}
	
	.navigation .menu ul {
		padding:0px;
		margin:0px;
	}
	
	.navigation .menu ul li {
		display:block;
		font-weight:800;
		font-size:16px;
		font-family: 'gotham_mediumregular';
		padding-bottom:4px;
		padding-top:4px;
	}
	.navigation .menu ul li a {
		text-decoration:none;
		text-transform:none;
		color:#000;
		font-weight:normal;
		padding:4px 0px;
		font-size:14px;
		display:block;		
	}
	
	.navigation .menu ul li a:hover {
		color:#333;
	}
	
	.navigation .get-in-touch {
		font-size:14px;
		font-family: 'gotham_mediumregular';
		line-height:20px;
		margin-bottom:18px;
	}
	
	.navigation .get-in-touch a {
		text-decoration:none;
		color:#000;	
	}
	
	.navigation .get-in-touch a:hover {
		border-bottom:1px dotted #000;
	}
	
	.navigation .get-in-touch span {
		color:#333;
		text-transform:uppercase;
		font-size:12px;
	}
	
	
	/* Flexslider Add-ons */
	
	.outside {
		position:fixed;
		top:0px;
		right:0px;
		z-index:999;
	}
	
	.flex-control-nav li {
		width:10px;
		height:10px;
		border-radius:50%;
		border:2px solid #fff;
		margin-bottom:4px !important;
		cursor:pointer;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.flex-control-nav li:hover {
		background-color:#fff;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.flex-control-nav li.flex-active {
		background:#fff;
	}
	
	/*------------- 
	
	PROJECT INFO 
	
	--------------*/
	
	.cover-bg {
		background-position:center center; 
		background-size:cover; 
		position:fixed; 
		width:100%; 
		height:100%;
	}
	
	@media (max-width: 480px;) {
		.intro-image .cover-bg {
			opacity:.4;
		}
		
	}
	
	.project-info {
		display:block;
		padding:0%;
		width:33%;
		position:absolute;
		left:6%;
		top:8%;
		font-family: 'gotham_mediumregular';
		z-index:999;
	}
	
	
	
	@media (max-width: 800px) {
		.project-info {
			width:74%;
			top:7%;
			left:8%;
		}
	}
	
	@media (max-width: 480px;) {
		.project-info {
			display:none;
			top:0%;
			left:0%;
			padding:10%;
			height:90%;
			width:80%;
			background-color:#000;
			opacity:.9;
			text-align:center;
		}
		/*.close-info {
			width:50px;
			height:50px;
			background-color:aquamarine;
			border-radius:50%;
			position:absolute;
			left:50%;
			bottom:20%;
			margin-left:-25px;
			cursor:pointer;
		}*/
	}
	
	.project-info .project-type {
		display:inline-block;
		padding:8px 12px;;
		background-color:#000;
		color:#fff;
		font-size:14px;
		letter-spacing:2px;
		margin-bottom:2px;
		text-transform:uppercase;
		clear:both;
		font-weight:400;
	}
	
	@media (max-width: 480px;) {
		.project-info .project-type {
			padding:0px;
		}
	}
	
	.project-info .project-title {
		display:inline-block;
		padding:8px 12px;;
		background-color:#000;
		color:#fff;
		font-size:42px;
		margin-bottom:2px;
		font-weight:lighter;
		clear:both;
	}
	
	@media (max-width: 480px;) {
		.project-info .project-title {
			padding:0px;
			font-size:28px;
			font-weight:300;
			-webkit-font-smoothing: antialiased;
   			-moz-osx-font-smoothing: grayscale;
		}
	}
	
	.project-info .project-description {
		display:inline-block;
		padding:12px 16px;
		background-color:#000;
		color:#fff;
		letter-spacing:.7px;
		font-size:13px;
		line-height:22px;
		color:#fff;
		clear:both;
		font-weight:400;
		-webkit-font-smoothing: antialiased;
   			-moz-osx-font-smoothing: grayscale;
	}
	
	@media (max-width: 480px) {
		.project-info .project-description {
			padding:0px;
			-webkit-font-smoothing: antialiased;
   			-moz-osx-font-smoothing: grayscale;
			font-size:12px;
			line-height:18px;
			letter-spacing:0px;
			margin-top:12px;
			margin-bottom:12px;
			font-weight:500;
		}
	}
	
	.project-info .project-link a{
		display:inline-block;
		border:4px solid #fff;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:2px;
		padding:12px 18px;
		margin-top:2px;
		cursor:pointer;
		background-color:#fff;
		text-decoration:none;
		color:#000;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.project-info .project-link a:hover {
		border-color:#000;
		background-color:#000;
		color:#fff;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.site-info {
		position:absolute;
		z-index:3;
		left:100px;
		top:100px;
		width:420px;
		text-align:left;
		color:#fff;
		font-family: 'gotham_mediumregular';
		font-weight:normal;
	}
	
	.site-info-project {
		position:absolute;
		z-index:1;
		left:100px;
		top:100px;
		max-width:420px;
		width:100%;
		text-align:left;
		color:#fff;
		font-family: 'gotham_mediumregular';
		font-weight:normal;
	}
	
	@media (max-height: 600) {
		.site-info { 
			width:610px;
		}
		
	}
	
	@media (max-width: 800px) {
		.site-info-project {
			left:20px;
			top:20px;
		}
	}
	
	@media (max-width: 800px) {
		.site-info-project {
			width:80%;
		}
	}
	
	.site-title {
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#fff;
		font-family: 'gotham_extralightregular';
	}
	
	.site-description {
		    font-size: 70px;
    line-height: 70px;
    letter-spacing: -2px;
    font-family: 'gotham_blackregular';
    text-transform: uppercase;
    padding-top: 30px;
    width: 610px;
    text-decoration: underline;
    letter-spacing : 0.04em;
		/*-webkit-transition-duration: .25s;*/
		/*transition-duration: .25s;*/
	}
	
	@media (max-height: 768px) {
		.site-description {
			font-size: 70px;
			line-height: 70px;
			letter-spacing: -2px;
			font-family: 'gotham_blackregular';
			text-transform: uppercase;
			padding-top: 30px;
			width: 610px;
			text-decoration: underline;
			letter-spacing : 0.04em;
		}
		
		.site-info {
			top:75px;
		}
		
		.site-memo span {
			display:none;
		}
	}
	
	
	
	@media (max-width: 480px) {
		.site-description {
			font-size:50px;
			letter-spacing:-2px;
			font-weight:normal;
			line-height:54px;
			-webkit-transition-duration: .25s;
			transition-duration: .25s;
		}

		.site-description font{
			color: #fff;
		}
	}
	
	.site-memo {
		font-size:14px;
		line-height:22px;
		font-weight:300;
		letter-spacing:.3px;
		margin-top:14px;
		font-family: 'gotham_extralightregular';
	}
	
	@media (max-width: 800px) {
		.site-memo {
			font-size:13px;
			line-height:18px;
			letter-spacing:.1px;
			margin-top:12px;
			
		}
		.site-memo span {
			display:none;
		}

		.site-memo font{
			color: #fff;	
		}
	}
	
	@media (max-width: 480px) {
		.site-memo {
			margin-top:0px;
		}
	}
	
	.site-button, 
	.resume-button {
		display:inline-block;
		border:2px solid #fff;
		color:#fff;
		font-weight:600;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:2px;
		padding:10px 16px;
		text-decoration:none;
		margin-top:40px;
		cursor:pointer;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
		-webkit-font-smoothing: antialiased;
   			-moz-osx-font-smoothing: grayscale;
   			font-family: 'gotham_mediumregular';
	}
	
	@media (max-width: 480px) {
		.resume-button { 
			margin-top:4px !important;
		}
		.site-button {
			margin-top:14px !important;
		}
		
		
	}
	
	.site-button:hover,
	.resume-button:hover {
		border-color:#222;
		color:#222;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.view-project-button {
		display:inline;
		font-family: 'gotham_mediumregular';
	}
	
	.view-project-button a{
		display:inline-block;
		border:2px solid #fff;
		color:#fff;
		font-weight:600;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:2px;
		padding:10px 16px;
		text-decoration:none;
		margin-top:40px;
		cursor:pointer;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
		-webkit-font-smoothing: antialiased;
   			-moz-osx-font-smoothing: grayscale;
	}
	
	.view-project-button a:hover {
		border-color:#222;
		color:#222;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	@media (max-height: 768px) {
		.site-button, .resume-button {
			margin-top:25px;
		}
	}
	
	@media (max-width: 600px) {
		.site-info {
			position:absolute;
			text-align:center;
			left:0px;
			top:0%;
			width:90%;
			height:90%;
			background-color:#000;
			padding:5%;
			opacity:.9 !important;
		}
		
		.site-title {
			font-size:12px;
			color:#fff !important;
		}
		
		.site-description {
			width: 325px;
			font-size:22px;
			letter-spacing:-.5px;
			line-height:24px;
		}
		
		.site-info p {
			display:;
		}
		
		.view-project-button a{
			margin-top:20px;
		}
		
	}
	
	.site-contact {
		position:absolute;
		width:500px;
		height:300px;
		margin-left:-250px;
		top:18%;
		left:50%;
		font-family: 'gotham_extralightregular';
		color:#fff;
		z-index:2;
		text-align:center;
	}
	
	@media (max-width: 800px) {
		.site-contact {
			top:38%;
		}
	}
	
	@media (max-width: 480px) {
		.site-contact {
			position:relative;
			max-width:300px;
			margin-left:-150px;
			margin-top:34%;
		}
	}
	
	.site-contact h2 {
		font-size:28px;
		letter-spacing:8px;
		font-weight:200;
		color:#fff;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin:0px;
	}
	
	.site-contact h2 span {
		color:#666;
	}
	
	@media (max-width: 480px) {
		.site-contact h2 {
			font-size:22px;
			letter-spacing:2px;
		}
	}
	
	.site-contact .view-project-button {
		display:inline;
		margin-left:2px;
		margin-right:2px;
	}
	
	.site-contact .view-project-button a{
		margin-top:12px;
	}
	
	.site-contact .view-project-button a:hover {
		background-color:#fff;
		color:#000;
		border-color:#fff;
	}
	
	.site-contact img.pmaurel {
		max-width:115px;
		height:auto;
		border-radius:50%;
		display:block;
		margin:0 auto 14px;
		opacity:.8;
	}
	
	@media (max-width: 480px) {
		.site-contact img.pmaurel {
			margin:0 auto 14px !important;
		}

	}
	/*------------- 
	
	Odds and ends
	
	--------------*/
	
	.odds-and-ends {
	}
	
	.odds-and-ends ul {
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	.odds-and-ends ul li {
		width:33.3%;
		height:400px;
		float:left;
		background:#999;
	}
	
	.odds-and-ends ul li:nth-child(odd) {
		background-color:#333;
	}
	/*--------------
	
	Single Page
	
	---------------*/
	
	.single-project {
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
	}
	
	.single-project .back-icon {
		opacity:0;
		position:absolute;
		right:50px;
		top:40px;
		z-index:999;
	}
	
	.single-project .back-icon img {
		width:40px;
		height:auto;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	@media (max-width: 800px) {
		.single-project .back-icon {
			opacity:0;
			position:absolute;
			right:10px;
			top:10px;
			z-index:2;
		}
		
		.single-project .back-icon img {
			width:30px;
			height:auto;
			-webkit-transition-duration: .25s;
			transition-duration: .25s;
		}
		
	}
	
	.single-project .back-icon img:hover {
		opacity:.7;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.project-wrapper {
		position:relative;
		max-width:84%;
		padding-left:8%;
		padding-right:8%;
		width:100%;
		margin:0 auto;
		padding-bottom:100px;
		background-color:#fff;
	}
	
	.intro-image {
		position:relative;
		width:100%;
		height:auto;
		top:0px;
		left:0px;
		background-color:#000;
	}
	
	.scroll-down {
		position:absolute;
		left:50%;
		bottom:10%;
		width:70px;
		height:70px;
		margin-left:-40px;
	}
	
	.scroll-down img {
		max-width:70px;
		max-height:70px;
	}
	
	.scroll.button a {
		display:inline-block;
		text-decoration:none;
		font-size:12px;
		letter-spacing:1px;
		color:#000;
		z-index:99;
		border:2px solid #fff;
		padding:12px 18px;
		font-family: 'gotham_mediumregular';
		text-transform:uppercase;
		background-color:#fff;
		margin-top:18px;
	}
	
	.scroll.button a:hover {
		background-color:transparent;
		color:#fff;
	}
	
	@media (max-width: 800px) {
		.scroll-down,
		.scroll.button a {
			display:none;
		}
		
	}
	
	.intro-image img {
		width:100%;
	}
	
	.entry-row {
		clear:both;
		margin-top:0px;
		margin-bottom:0px;
		position:relative;
	}
	
	.entry-info {
		width:50%;
		margin:0px auto 24px;
		font-family:'gotham_extralightregular';
		padding:20px;
		background-color:#fff;
		text-align:left;
		font-size:16px;
		line-height:26px;
		letter-spacing:.4px;
		font-weight:300;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.entry-info span {
		font-size:14px;
		font-family: 'gotham_mediumregular';
	}
	
	.entry-info .awards {
		text-align:right;
		padding-top:12px;
		font-size:12px;
		line-height:18px;
		letter-spacing:.2px;
	}
	
	@media (max-width: 800px) {
		.entry-info {
			width:75%;
		}
		
	}
	
	@media (max-width: 480px) {
		.entry-info {
		float:none;
		width:100%;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
    	column-count: 1;
		-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    	-moz-column-gap: 0px; /* Firefox */
    	column-gap: 0px;
		font-size:14px;
		text-align:left;
		line-height:20px;
		padding-top:20px;
		padding-left:0px;
		padding-right:0px;
		}
		
		.entry-info .awards {
		}
	}
	
	.entry-info h2 {
		font-family: 'gotham_mediumregular';
		font-size:28px;
		letter-spacing:-1px;
		text-transform:uppercase;
		font-style:italic;
		margin:0px;
		font-weight:200;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.entry-info p {
		font-family:'gotham_mediumregular';
		font-size:13px;
		line-height:20px;
	}
	
	.image-right {
		width:50%;
		float:right;
		margin-left:4%;
		margin-bottom:1%;
	}
	
	.image-left {
		width:50%;
		float:left;
		margin-right:4%;
		margin-bottom:1%;
	}
	
	.image-large {
		width:100%;
		margin-bottom:1%;
	}
	
	.image-large-col {
		width:100%;
		margin-bottom:1%;
		overflow:auto;
	}
	
	@media (max-width: 500px) {
		.image-large-col {
			overflow:hidden;
		}
	}
	
	.image-large img {
		width:100%;
	}
	
	.image-large-col img {
		width:100%;
	}
	
	.image-large-col img.light-image {
		opacity:.5;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.image-right img,
	.image-left img {
		width:100%;
	}
	
	.album-col {
		width:30%;
		float:left;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	@media (max-width: 480px) {
		.album-col {
			width:100%;
			float:none;
		}
	}
	
	.album-col img {
		width:100%;
		margin-bottom:8px;
	}
	
	.album-col p {
		text-align:right;
		font-size:12px;
		line-height:18px;
		padding-right:8px;
		padding-left:8px;
	}
	
	.album-col p a {
		color:#666;
		text-decoration:none;
	}
	
	.album-col p a:hover {
		color:#000;
	}
	
	.image-wrap {
		width:69%;
		float:right;
		position:relative;
	}
	
	@media (max-width: 480px) {
		.image-wrap {
			width:100%;
			float:none;
		}
	}
	
	.audio {
		position:absolute;
		bottom:22px;
		left:4px;
		font-family: 'gotham_mediumregular';
		color:#fff;
		font-weight:300;
		width:94%;
	}
	
	@media (max-width: 480px) {
		.audio {
			width:70%;
		}
	}
	
	
	
	.audio img {
		opacity:.6;
		max-width:60px;
		max-height:60px;
		float:left;
		margin-top:2px;
		margin-right:12px;
		cursor:pointer;
	}
	
	.audio img.play {
		display:block;
	}
	
	.audio img.pause {
		display:none;
	}
	
	.audio img:hover {
		opacity:1;
	}
	
	.audio-info {
		float:left;
		
	}
	
	@media (max-width: 480px) {
		.image-right,
		.image-left {
			float:none;
			width:100%;
			margin:0%;
		}
	}
	/*-------------- 
	
	Resume 
	
	--------------*/
	
	.resume-image {
		position:fixed;
		left:0;
		top:0;
		overflow:hidden;
		width:64%;
	}
	
	@media (max-width: 800px) {
		.resume-image {
			position:static;
			height:400px;
			overflow:hidden;
			width:100%;
		}

	}
	
	@media (max-width: 800px) {
		.resume-image {
			position:static;
			height:auto;
			overflow:hidden;
			width:100%;
		}

	}
	
	.resume-image img {
		width:100%;
	}
	
	@media (max-width: 800px) {
		.resume-image img {
			margin-top:-30%;
		}
		
	}
	
	.resume {
		font-family: 'gotham_mediumregular';
		padding:3%;
		height:100%;
		position:relative;
		background-color:#fff;
		background-repeat:repeat;
		color:#222;
		font-size:12px;
		width:1400px;;
		float:center;
		margin:0 auto 20px;
		
	}
	
	.resume h1 {
		letter-spacing:-1.5px;
		margin-bottom:4px;
		font-size:24px;


		display:inline-block;
		padding-right:18px;
		padding-top:4px;
		border-top:6px solid #000;
	}
	
	
	.resume .contact-info {
		padding-top:4px;
		padding-bottom:6px;
		margin-bottom:12px;
	}
	
	.resume .contact-info a {
		color:#333;
		text-decoration: none;
	}
	
	@media (max-width: 800px) {
		.resume {
			float:none;
			width:70%;
		}
	}
	
	@media (max-width: 480px) {
		.resume {
			float:none;
			width:94%;
			margin-bottom:50px;
		}
	}

	
	.resume .resume-entry {
		padding-bottom:12px;
		font-family: 'gotham_extralightregular';
	}
	
	
	.resume .label2 {
		display:inline-block;
		background-color:#000000;
		color:#fff;
		padding:8px 12px 8px 12px;
		margin-top:12px;
		text-decoration: none;
	}
	
	.label2 a{
		text-decoration: none;
		color:#fff;
		font-family: 'gotham_mediumregular';
		text-transform: uppercase;
		
	}
	.resume .label {
		font-family: 'gotham_mediumregular';
		font-size: 30px;
		text-decoration: underline;
		color: #e90439;}
	.resume .awards {
		font-size:12px;
		margin-top:12px;
	}
	
	.resume .specials {
		font-size:12px; 
		line-height:18px;
		margin-top:16px;
		font-family: 'gotham_mediumregular';
	}
	
	.resume-cols {
		/*-webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px; 
		column-gap: 40px; */
	}
	
	.resume .intro {
		font-size:16px;
		font-weight:300;
		line-height:22px;
		letter-spacing:.5px;
		color:#222;
		margin-bottom:16px;
		-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
    	font-family: 'gotham_mediumregular';
	}
	
	.resume .intro img {
		width:100%;
		height:auto;
		display:block;
		margin:0 auto 14px;
		-webkit-filter: grayscale(80%); filter: grayscale(80%);
	}
	
	.resume .company {
		display:inline-block;
		margin-top:12px;
		font-size:16px;
		letter-spacing:-.2px;
		margin-bottom:2px;
		/*border-top:3px solid #111; */
		padding-top:4px;
		padding-right:8px;
		-webkit-font-smoothing: antialiased;
   		-moz-osx-font-smoothing: grayscale;
   		font-family: 'gotham_blackregular';
   		text-transform: uppercase;
   		letter-spacing : 0.04em;
	}
	
	.resume .company span {
		font-size:14px;
		color:#999;
		-webkit-font-smoothing: antialiased;
   		-moz-osx-font-smoothing: grayscale;
	}
	
	.resume .title {
		font-size:13px;
		letter-spacing:0px;
		-webkit-font-smoothing: antialiased;
   		-moz-osx-font-smoothing: grayscale;
		font-weight:600;
		
		
	}
	
	.resume .roles {
		padding-top:6px;
		font-size:12px;
		letter-spacing:.2px;
		line-height:16px;
		-webkit-font-smoothing: antialiased;
   		-moz-osx-font-smoothing: grayscale;
	}
	
	.resume .roles span {
		font-weight:bold;
		text-transform:uppercase;
		display:none;
		font-size:11px;
		padding-bottom:4px;
		-webkit-font-smoothing: antialiased;
   		-moz-osx-font-smoothing: grayscale;
	}
	
	/** audio player styles **/
	.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
	  margin: 0;
	  padding: 0;
	  border: none;
	  outline: none;
	}
	
	div.audio-player {
	  position: relative;
	  width: 100%;
	  height: auto;
	  margin-left:40px;
	  float:left;
	  top:-30px;
	}
	.audio-player h2 {
	  position: absolute;
	  top: 10px;
	  left: 46px;
	  font-family: 'gotham_mediumregular'; 
	  font-weight: 300;
	  font-size: 14px;
	  letter-spacing:1px;
	  text-transform:uppercase;
	  color: #fff;
	  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	
	.audio-player h2 span {
		opacity:.4;
	}
	@media (max-width: 500px) {
		.audio-player h2 span {
			display:none;
		}
	}
	
	/* play/pause control */
	.mejs-controls .mejs-button button {
	  cursor: pointer;
	  display: block;
	  position: absolute;
	  text-indent: -9999px;
	}
	
	.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
	  width: 60px;
	  height: 60px;
	  top: 4px;
	  left: -22px;
	  background: transparent url('../images/pauseplay.png') 0 0 no-repeat;
	  background-size:60px;
	}
	.mejs-controls .mejs-pause button { background-position: 0 -60px; }
	 
	 
	/* mute/unmute control */
	.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
	  width: 18px;
	  height: 19px;
	  top: 9px;
	  right: 142px;
	  background: transparent url('../images/audio.png') 0 0;
	}
	.mejs-controls .mejs-unmute button { background-position: 0 -19px; }
	
	
	/* volume scrubber bar */
	.mejs-controls div.mejs-horizontal-volume-slider {
	  position: absolute;
	  top: 13px;
	  right: 15px;
	  cursor: pointer;
	}
	
	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	  width: 120px;
	  height: 11px;
	  background: #212227;
	  -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	  -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	
	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	  position: absolute;
	  width: 0;
	  height: 9px;
	  top: 1px;
	  left: 1px;
	  background: #90d26a;
	  background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	  background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	  background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	  background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	  background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
	  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
	  border-radius: 8px;
	}
	
	
	/* time scrubber bar */
	.mejs-controls div.mejs-time-rail { width: 380px; }
	 
	.mejs-controls .mejs-time-rail span {
	  position: absolute;
	  display: block;
	  width: 80%;
	  height: 6px;
	  top: 40px;
	  left: 55px;
	  cursor: pointer;
	}
	 
	.mejs-controls .mejs-time-rail .mejs-time-total { 
	  background: #565860; 
	  width: 80% !important; /* fixes display bug using jQuery 1.8+ */
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	.mejs-controls .mejs-time-rail .mejs-time-loaded {
	  top: 0;
	  left: 0;
	  width: 0;
	  background: #333;
	}
	.mejs-controls .mejs-time-rail .mejs-time-current {
	  top: 0;
	  left: 0;
	  width: 0;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  background: #EF4136;
	  background: -webkit-linear-gradient(top, #EF4136 0%, #EF4136 100%);
	  background: -moz-linear-gradient(top, #EF4136 0%, #EF4136 100%);
	  background: -o-linear-gradient(top, #EF4136 0%, #EF4136 100%);
	  background: -ms-linear-gradient(top, #EF4136 0%, #EF4136 100%);
	  background: linear-gradient(top, #EF4136 0%, #EF4136 100%);
		}
	
	/* metallic sliders */
	.mejs-controls .mejs-time-rail .mejs-time-handle {
	  position: absolute;
	  display: block;
	  width: 20px;
	  height: 22px;
	  top: -6px;
	  background: url('../images/handle-lg.png') no-repeat;
	}
	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	  position: absolute;
	  display: block;
	  width: 12px;
	  height: 14px;
	  top: -1px;
	  background: url('../images/handle-sm.png') no-repeat;
	}
	
	
	/* time progress tooltip */
	.mejs-controls .mejs-time-rail .mejs-time-float {
		direction:none;
	  position: absolute;
	  width: 33px;
	  height: 23px;
	  top: -26px;
	  margin-left: -17px;
	  z-index: 0;
	  
	}
	 
	.mejs-controls .mejs-time-rail .mejs-time-float-current {
	  width: 33px;
	  display: none;
	  left: 0;
	  top: 4px;
	  font-family: 'gotham_mediumregular';
	  font-size: 10px;
	  font-weight: bold;
	  color: #666;
	  text-align: center;
	  z-index: 9999;
	}
	
	
	.large-buttons {
		clear:both;
		width:100%;
		text-align:center;
		margin-top:16px;
		margin-bottom:16px;
	}
	
	.large-buttons a {
		display:inline-block;
		padding:10px 16px;
		font-family: 'gotham_mediumregular';
		font-size:10px;
		letter-spacing:2px;
		border:2px solid #000;
		font-weight:600;
		text-decoration:none;
		color:#000;
		text-transform:uppercase;
		margin-bottom:4px;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.large-buttons a:hover {
		background-color:#222;
		color:#fff;
		-webkit-transition-duration: .25s;
		transition-duration: .25s;
	}
	
	.swf {
		
		display: none;
	}

	#gmc {
    max-width:100%;
    padding-left:0%;
    padding-right:0%;
}

.digital-illustrations {
    width: 75%;
    margin-left: 15%;
}

.digital-illustrations img{
	width: 45%;
	opacity:.2;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}

#cheveuxsirene{
	float: left;
	margin-bottom: 5%;
}

#declininfographie{
	float: right;
	margin-bottom: 5%;
}

#ideescool {
    float: left;
    margin-bottom: 5%;

}

#ideesoiree{
	float: left;
	margin-bottom: 5%;
}

#premieresvacencouples{
	float: right;
	margin-bottom: 5%;
}

#visuel_long{
	float: left;
	margin-bottom: 5%;
}

#vacs_mer{
	float: right;
	margin-bottom: 5%;
}

#ideesphotos{
	float: left;
	margin-bottom: 5%;
}

#listesummer{
	float: right;
	margin-bottom: 5%;
}

#chose{
	float: left;
	margin-bottom: 5%;
}

#lecture{
	float: left;
	margin-bottom: 5%;
}

#pfe{
	
}

@media (max-width: 800px) {
	.digital-illustrations img {
		width:50%;
		opacity:1;
	}
}

@media (max-width: 500px) {
	.digital-illustrations img{
		width:100%;
		opacity:1;
	}
}
	
.digital-illustrations ul li:nth-child(3n+1) {
	background-color:#f9f9f9;
}

.digital-illustrations img:hover {
	opacity:1;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}




	

	/*RESPONSIVE*/
	
	@media (min-width: 801px){
		#onsenfood-gif{
			display: none;
		}
		
		#petitpaume-gif{
			display: none;
		}
		
	}
	
	
	@media (min-width: 480px) and (max-width: 800px){
		
		/*BOUTONS NAVIGATIONS*/
		.nav-prev{
			
		}

		.nav-next{
			right: 45%;
		}
		
	
		/*Article on s'en food*/
		#onsenfoodmag{
			width: 108%;
			display: none;
		}

		/*Article Petit Paumé*/
		#petitpaumemag{
			display: none;
		}
		
		#petitpaumevideo{
			width: 100%; 
			height: 500px;
		}

		/*Article musée des beaux arts*/
		#mba-video{
			width: 100%;
			height: 500px;
		}	
		
		.lexique-titre{
			color: #000 !important;
		}


		
	}



	@media (max-width: 480px){
		
		.lexique-titre{
			color: #000 !important;
		}

		.site-title font{
			color: #fff;
		}
		
		

		/*Article on s'en food*/
		#onsenfoodmag{
			width: 103%;
			margin-left: -10%;
			display: none;
		}

		/*Article Petit Paumé*/
		#petitpaumemag{
			width: 103%;
			margin-left: -10%;
			display: none;
		}


		#petitpaumevideo{
			width: 100%; 
			height: 200px;
		}

		/*Article musée des beaux arts*/
		#mba-video{
			width: 100%;
			height: 200px;
		}	
	}