/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;overflow-x:hidden;background-color:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;margin:1em0;padding:0}input,select{vertical-align:middle}
li{list-style-type: none;}
:focus{outline:none;}
*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*************************************************************/
/*****************************FONT****************************/
/*************************************************************/
@font-face{
	font-family:'latoblack';
	src:url('../media/font/lato/lato-bla-webfont.eot');
	src:url('../media/font/lato/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-bla-webfont.woff') format('woff'),
		url('../media/font/lato/lato-bla-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-bla-webfont.svg#latoblack') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'latolight';
	src:url('../media/font/lato/lato-lig-webfont.eot');
	src:url('../media/font/lato/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-lig-webfont.woff') format('woff'),
		url('../media/font/lato/lato-lig-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-lig-webfont.svg#latolight') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'latolight_italic';
	src:url('../media/font/lato/lato-ligita-webfont.eot');
	src:url('../media/font/lato/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-ligita-webfont.woff') format('woff'),
		url('../media/font/lato/lato-ligita-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-ligita-webfont.svg#latolight_italic') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'latoregular';
	src:url('../media/font/lato/lato-reg-webfont.eot');
	src:url('../media/font/lato/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-reg-webfont.woff') format('woff'),
		url('../media/font/lato/lato-reg-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'latohairline';
	src:url('../media/font/lato/lato-hai-webfont.eot');
	src:url('../media/font/lato/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-hai-webfont.woff') format('woff'),
		url('../media/font/lato/lato-hai-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-hai-webfont.svg#latohairline') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'latobold';
	src:url('../media/font/lato/lato-bol-webfont.eot');
	src:url('../media/font/lato/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
		url('../media/font/lato/lato-bol-webfont.woff') format('woff'),
		url('../media/font/lato/lato-bol-webfont.ttf') format('truetype'),
		url('../media/font/lato/lato-bol-webfont.svg#latobold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'icomoon';
	src:url('../media/font/icomoon/icomoon.eot');
	src:url('../media/font/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../media/font/icomoon/icomoon.ttf') format('truetype'),
		url('../media/font/icomoon/icomoon.woff') format('woff'),
		url('../media/font/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
}

.wrapper620{width:620px;margin:0 auto;}
.wrapper960{width:960px;margin:0 auto;}

/*************************************************************/
/****************************GLOBAL***************************/
/*************************************************************/
#loader{position:absolute;z-index:5000;width:100%;height:100%;border:15px solid white;}
#loader>div{border:1px solid #f0f0f0;width:100%;height:100%;position:relative;}
/*#loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:white;}
#loader .load{position:fixed;background-color:#f91e44;border:0px solid rgba(0,0,0,0.1);pointer-events:none;}
#loader .load.one{top:0;left:0;width:0;height:15px;}
#loader .load.two{top:0;right:0;width:15px;height:0;}
#loader .load.three{bottom:0;right:0;width:0;height:15px;}
#loader .load.four{bottom:0;left:0;width:15px;height:0;}

#loader.la-animate .one{width:100%;-webkit-transition:width 1.35s linear 0.3s;transition:width 1.35s linear 0.3s;}
#loader.la-animate .two{height:100%;-webkit-transition:height 1.35s linear 1.65s;transition:height 1.35s linear 1.65s;}
#loader.la-animate .three{width:100%;-webkit-transition:width 1.35s linear 3s;transition:width 1.35s linear 3s;}
#loader.la-animate .four{height:100%;-webkit-transition:height 1.35s linear 4.35s;transition:height 1.35s linear 4.35s;}

#loader.la-animate{z-index:100;border:15px solid rgba(0,0,0,0.1);opacity:0;-webkit-transition:border 0.3s, opacity 0.3s 5.7s;transition:border 0.3s, opacity 0.3s 5.7s;}
*/
.logo{position:relative;z-index:6000;}
.logo img{width:106px;height:161px;margin:0 auto;display:block;}
.logo h1{text-transform:uppercase;font-size:2.125em;text-align:center;margin-top:40px;}
.logo .nom{font-family:'latobold';}
.logo .prenom{font-family:'latohairline';}
.logo div>span{width:300px;height:3px;position:relative;display:block;margin:70px auto 0 auto;}
.logo hr{position:absolute;left:0;margin:0;line-height:3px;}
.logo hr.red{width:0;height:3px;top:0;left:0;z-index:10;background-color:#f91e44;-webkit-transition:all .5s;transition:all .5s;}
.logo hr.grey{width:100%;height:1px;bottom:0;background-color:#c1c1c1;z-index:0;}

#aside,.home #container{display:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#aside{position:fixed;width:60%;height:100%;left:-60%;top:0;background-color:white;z-index:2000;-webkit-transition:all 1s;transition:all 1s;}
#aside.open{left:0%;}
#aside nav.icon{width:100%;left:0;-webkit-transition:all 1s;transition:all 1s;}
#aside.open nav.icon{left:100%;}
#aside .icon div{position:absolute;top:40px;right:-65px;width:50px;height:50px;cursor:pointer;}
#aside .icon .main-menu-button .bar{display:block;position:absolute;width:35px;height:3px;left:50%;margin-top:-1px;margin-left:-10px;background-color:#fff;-webkit-transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,transform 0.15s ease-out;-moz-transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,transform 0.15s ease-out;transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,transform 0.15s ease-out;-webkit-transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,-webkit-transform 0.15s ease-out;-moz-transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,-webkit-transform 0.15s ease-out;transition:margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,-webkit-transform 0.15s ease-out;}
#aside .icon .main-menu-button .bar.bar-1{margin-top:-11px;}
#aside .icon .main-menu-button .bar.bar-3{margin-top:9px;}
#aside.open .icon .main-menu-button .bar{-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);transform:scale(0.85);-webkit-transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;-moz-transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;-webkit-transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;-moz-transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;}
#aside.open .icon .main-menu-button .bar-1{margin-top:-1px;-webkit-transform:rotate3d(0, 0, 1, -45deg);-moz-transform:rotate3d(0, 0, 1, -45deg);-ms-transform:rotate3d(0, 0, 1, -45deg);-o-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
#aside.open .icon .main-menu-button .bar-2{opacity:0;}
#aside.open .icon .main-menu-button .bar-3{margin-top:-1px;-webkit-transform:rotate3d(0, 0, 1, 45deg);-moz-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);-o-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}

#menu{position:absolute;right:100px;top:40px;}
#menu li{display:inline-block;font-size:1.250em;font-family:'latolight';position:relative;z-index:10;}
#menu li.words a{padding:10px 30px;color:#1e1e1e;}
#menu li.dotted{width:12px;height:12px;background:url(../media/img/dotted.png) no-repeat;}
#menu li.circle{position:absolute;top:-7px;left:0px;z-index:0;width:25px;height:25px;background:url(../media/img/active.png) no-repeat;-webkit-transition: all 500ms cubic-bezier(0.000, 1.000, 0.455, 1.015);transition: all 500ms cubic-bezier(0.000, 1.000, 0.455, 1.015);-webkit-transition-timing-function: cubic-bezier(0.000, 1.000, 0.455, 1.015);transition-timing-function: cubic-bezier(0.000, 1.000, 0.455, 1.015);}
#menu li.circle.move{-webkit-animation:bounce 800ms ease-out;-moz-animation:bounce 800ms ease-out;-o-animation:bounce 800ms ease-out;animation:bounce 800ms ease-out;}

#about{position:relative;margin:0 180px;font-family:'latolight';font-size:1em;color:#818181;line-height:25px;}
#about a{color:#818181;font-style:16px;font-family:'latobold';-webkit-transition:all .2s;transition:all .2s;}
#about a:hover{color:#f91e44;}
#about:before{content:"";display:block;position:absolute;left:-140px;top:-150px;width:214px;height:248px;background:url(../media/img/trait_left.png) no-repeat;-webkit-transition:all .1s;transition:all .1s;}
@media screen and (max-height: 940px){
	#about:before{left:-194px;top:-90px;height:188px;}
}


#contact{/*display:none;*/opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#contact p{position:relative;margin:10px 140px 0 140px;font-family:'latolight';font-size:1em;color:#818181;line-height:25px;}
#contact p strong{font-family:'latoregular';}

#contact form{position:relative;margin:55px 140px 0 140px;}
#contact input,#contact textarea{padding:5px 2%;margin-bottom:20px;font-family:'latolight';border:1px solid #c1c1c1;-webkit-transition:all .1s;transition:all .1s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#contact input:hover,#contact textarea:hover,#contact input:focus,#contact textarea:focus,.progress-button:hover{border:1px solid #f91e44;}
#contact input{height:38px;}
#contact input.error,#contact textarea.error{-webkit-animation:bounce 800ms ease-out;-moz-animation:bounce 800ms ease-out;-o-animation:bounce 800ms ease-out;animation:bounce 800ms ease-out;}
#contact .name,#contact .email{width:49%;display:inline-block;}
#contact .name{margin-right:2%;}
#contact .sujet{width:100%;}
#contact textarea{width:100%;height:12em;resize:none;margin:0;font-size:1,5em;line-height:1.875em;}
.progress-button{border:none;position:relative;padding:0px;width:45%;float: right;line-height:5.5;right:0;margin-top:20px;background-color:#F42441;text-transform:uppercase;cursor:pointer;-webkit-transition:all .1s;transition:all .1s;}
.progress-button .content{border:none;position:relative;display:block;color:#ffffff;}
.progress-button .content::before,.progress-button .content::after{border:none;position:relative;line-height:5.5;right:20px;font-family:"montserrat";opacity:0;-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.progress-button .content::before{content:"\e600";/* Checkmark for success */}
.progress-button .content::after{content:"\e601";/* Cross for error */}
.progress-button.state-success .content::before,.progress-button.state-error .content::after{opacity:1;}
.notransition{-webkit-transition:none !important;transition:none !important;}
.progress-button .progress{background:#F42441;}
.progress-button .progress-inner{position:absolute;left:0;background:#F42441;}
.progress-button[data-horizontal] .progress-inner{top:0;width:0;height:100%;-webkit-transition:width 0.3s,opacity 0.3s;transition:width 0.3s,opacity 0.3s;}
.progress-button[data-style="fill"][data-horizontal]{overflow:hidden;}
.progress-button[data-style="fill"][data-horizontal] .content{z-index:10;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.progress-button[data-style="fill"][data-horizontal] .content::before,.progress-button[data-style="fill"][data-horizontal] .content::after{top:100%;right:auto;left:50%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.progress-button[data-style="fill"][data-horizontal].state-success .content,.progress-button[data-style="fill"][data-horizontal].state-error .content {-webkit-transform:translateY(-100%);transform:translateY(-100%);}


#contact .submit:hover{color:#f91e44;}

#reseaux{position:absolute;bottom:0;left:60%;width:130px;margin-left:-65px;padding-bottom:40px;}
#reseaux:after{content:"";display:block;position:absolute;right:-110px;bottom:0px;width:134px;height:115px;background:url(../media/img/trait_bottom.png) no-repeat;}
#reseaux li{display:inline-block;}
#reseaux a{display:block;padding:17px;-webkit-transition:all .1s;transition:all .1s;height:20px;}
#reseaux a.twitter{width:20px;background:url(../media/img/twitter_gris.png) no-repeat center center;}
#reseaux a.twitter:hover{background:url(../media/img/twitter_rose.png) no-repeat center center;}
#reseaux a.dribbble{width:20px;background:url(../media/img/dribbble_gris.png) no-repeat center center;}
#reseaux a.dribbble:hover{background:url(../media/img/dribbble_rose.png) no-repeat center center;}
#reseaux a.linkedin{width:20px;background:url(../media/img/linkedin_gris.png) no-repeat center center;}
#reseaux a.linkedin:hover{background:url(../media/img/linkedin_rose.png) no-repeat center center;}

#container{position:relative;left:0;-webkit-transition:all 1s;transition:all 1s;}
#container.open{-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);}

#background{position:absolute;top:0;left:0;overflow:hidden;border:15px solid white;z-index:0;width:100%;}
#background video{width:100%;background-color:white;}
#background img{width:100%;display:none;}

#index{position:relative;z-index:1;}
#index h1{text-transform:uppercase;color:white;font-size:2.5em;text-shadow:1px 1px 30px #eaeaea;margin:0 auto;text-align:center;font-family:'montserrat';}
#index p{color:white;width:800px;margin:0 auto;font-family:'latolight';}
#index p.citation{text-align:center;font-size:1.875em;}
#index p.auteur{font-size:0.875em;text-align:right;}

#index .arrow{position:absolute;left:50%;margin-left:-50px;bottom:30px;opacity:0;display:none;}

#work{border:15px solid white;}
#work>div{border:1px solid #f0f0f0;box-sizing:border-box;}
#work ul{margin-left:50px;margin-right:50px;display:block;}
#work li{position:relative;border:1px solid #c1c1c1;display:inline-block;box-sizing:border-box;margin-left:20px;vertical-align:top;overflow:hidden;}
#work li:first-child{margin-left:0;}
#work img{width:100%;display:block;position:relative;z-index:10;}
#work span{width:100%;height:160px;display:block;z-index:0;margin-top:-160px;-webkit-transition:all .5s;transition:all .5s;}
#work li:hover span{margin-top:0;}
@media screen and (max-width: 640px){
	#work li span{margin-top:0;}
}
#work h2{padding-top:30px;text-transform:uppercase;font-size:1.375em;color:#808080;font-family:'latolight';text-align:center;}
#work p{font-size:1em;color:#808080;font-family:'latolight_italic';text-align:center;}


.lienProjet{width:145px;max-width:100%;height:35px;line-height:35px;vertical-align:middle;margin:35px auto 30px auto;font-family:'montserrat';font-size:0.775em;color:white;background-color:#f91e44;display:block;text-align:center;text-transform: uppercase;}

#transition{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:white;z-index:9999;border:15px solid white;height:100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#transition>div.border{border:1px solid #f0f0f0;height:100%;display:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#transition img{width:auto;display:block;margin:0 auto;height:auto;}
#transition span{width:300px;height:3px;position:relative;display:block;margin:70px auto 0 auto;}
#transition hr{position:absolute;left:0;margin:0;line-height:3px;}
#transition hr.red{width:0;height:3px;top:0;left:0;z-index:10;background-color:#f91e44;-webkit-transition:all .5s;transition:all .5s;}
#transition hr.grey{width:100%;height:1px;bottom:0;background-color:#c1c1c1;z-index:0;}

#single{position:absolute;z-index:8000;top:0;left:0;width:100%;background-color:white;}

/*************************************************************/
/***************************PROJECTS**************************/
/*************************************************************/
.encartBehance{margin: 6% auto 4% auto; width: 65%; height: 12%;box-shadow:1px 1px 28px #dadada;}
.texteBehance{width: 50%; height: 100%; float: left;border: solid 1px blue;}
.boutonBehance{width: 50%; height: 100%; float: right;background-color: #105EFB;}
.ListeProjets{margin-top: -10%;}
.txtBe{text-align: center;width: 50%; height: 100%; float: left;margin-top: 4%;}
.behanceLogo{height: 80%; margin-top: 2%;}
.lienBehance{height: 100%; width: 100%;}


.project nav.retour{position:fixed;z-index:10;}
.project .retour div{position:absolute;top:15px;left:0px;width:50px;height:50px;cursor:pointer;}
.project .retour div a{display:block;width:50px;height:50px;}
.project .retour .main-menu-button .bar{display:block;position:absolute;width:35px;height:3px;top:50%;left:50%;margin-top:-1px;margin-left:-10px;background-color:#fff;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);transform:scale(0.85);-webkit-transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;-moz-transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;transition:margin 0.15s ease-out,opacity 0.15s ease-out,transform 0.15s ease-out 0.25s;-webkit-transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;-moz-transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;transition:margin 0.15s ease-out,opacity 0.15s ease-out,-webkit-transform 0.15s ease-out 0.25s;}
.project .retour .main-menu-button .bar-1{margin-top:-1px;-webkit-transform:rotate3d(0, 0, 1, -45deg);-moz-transform:rotate3d(0, 0, 1, -45deg);-ms-transform:rotate3d(0, 0, 1, -45deg);-o-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
.project .retour .main-menu-button .bar-3{margin-top:-1px;-webkit-transform:rotate3d(0, 0, 1, 45deg);-moz-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);-o-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}


.project header{position:relative;width:100%;/*height:420px;*/}
.project header img{position:relative;width:100%;display:block;}
.project #border{position:absolute;width:618px;margin:0 auto;border:1px solid white;left:50%;top:85px;margin-left:-309px;}
.project #title{width:600px;margin:9px auto;background-color:white;}
.project #title h2{padding:75px 0 28px 0;text-transform:uppercase;color:#1e1e1e;text-align:center;font-size:24px;font-family:'latoregular';}
.project #title hr{background-color:#1e1e1e;width:100px;height:1px;margin:0 auto;}
.project #title h3{padding:25px 0 65px 0;color:#1e1e1e;text-align:center;font-size:18px;font-family:'latolight_italic';}

.project section{position:relative;}
.project section:after{content:"";width:100%;height:385px;display:block;position:absolute;z-index:0;top:0;left:0;background-image:url(../media/img/cover.png);}
.project section>*{position:relative;z-index:10;}
.project h4{padding-top:90px;color:#808080;font-size:24px;font-family:'latoregular';text-transform:uppercase;}
.project.beluga h4.cbp-so-side{padding-top:0;}
.project .wrapper620 h4{text-align:center;}
.project .wrapper960 h4{padding-top:50px;}
.project p{color:#808080;font-size:18px;line-height:20px;font-family:'latolight_italic';margin-top:30px;}
.project .wrapper960 p{width:540px;margin-bottom:300px;}
.project .wrapper620 img{margin:40px auto 90px auto;display:block;}
.project.beluga .wrapper960 img{margin:20px auto 90px auto;display:block;}
.piggybank.project .wrapper960 img{position:absolute;top:75px;right:0;}
.gq.project .final{height:831px;}
.gq.project .final img{position:absolute;}
.gq.project img.screen{width:896px;margin:0 auto;}
.gq.project img.cbp-so-side-left{width:455px;top:25px;left:0;z-index:0;}
.gq.project img.centre{width:469px;left:245px;top:0;z-index:10}
.gq.project img.cbp-so-side-right{width:455px;top:25px;right:0;z-index:0;}
.gq.project .wrapper960 img{display:block;margin-top:70px;}
.project section hr{width:300px;height:1px;margin:40px auto 20px auto;background-color:#d0d0d0;}
.project ul.bxslider li img{margin-top:0;margin-bottom:0;}
.project .final{margin-bottom:110px;}
.beluga .bx-controls{margin-top:200px;}
.piggybank .bx-controls{margin-top:160px;}
.center h4{text-align:center;margin-bottom:30px;}
.center img{width:100%;}
.project .img.wrapper960 img{width:824px;margin:50px auto 0 auto;display:block;}
.project .img.wrapper960 p{width:824px;margin:0 auto;display:block;}
.project .end.wrapper620 p{margin-top:100px;}
.project.beluga .imac.wrapper960>img{position:absolute;left:50%;margin-left:-448px;}
.project.beluga .imac.wrapper960 ul img{margin-top:61px;}

.project.piggybank .iphone.wrapper620>img{position:absolute;left:50%;margin-left:-238.5px;}
.project.piggybank .iphone.wrapper620 ul img{margin-top:213px;}

.bx-controls.bx-has-pager.bx-has-controls-direction{position:relative;z-index:100;}
.bx-wrapper .bx-pager{text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#c1c1c1;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#f91e44;}
.beluga .bx-wrapper .bx-prev{left:400px;background:url(../media/img/prev_img.png) no-repeat;}
.beluga .bx-wrapper .bx-next{right:400px;background:url(../media/img/next_img.png) no-repeat;}
.piggybank .bx-wrapper .bx-prev{left:190px;background:url(../media/img/prev_img.png) no-repeat;}
.piggybank .bx-wrapper .bx-next{right:190px;background:url(../media/img/next_img.png) no-repeat;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:-4px;outline:0;width:9px;height:18px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-loading{min-height:50px;background:url(../media/img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}

nav.pdf{width:153px;height:33px;border:1px solid #c1c1c1;margin:70px auto;-webkit-transition:all .25s;transition:all .25s;}
nav.pdf:hover{border:1px solid #f91e44;}
nav.pdf a{display:block;text-align:center;line-height:33px;vertical-align:middle;font-size:18px;font-family:'latolight_italic';color:#c1c1c1;-webkit-transition:all .25s;transition:all .25s;}
nav.pdf:hover a{color:#f91e44;}

.otherproject{width:110px;height:50px;margin-bottom:50px;margin:50px auto;}
.otherproject li{position:absolute;left:50%;margin-left:5px;width:58px;height:48px;-webkit-transition:all .25s;transition:all .25s;}
.otherproject li:first-child{margin-left:-63px;}
.otherproject li a{display:block;width:100%;height:100%;border:1px solid #c1c1c1;-webkit-transition:all .25s;transition:all .25s;}
.otherproject li a span{display:block;width:0;color:#c1c1c1;overflow:hidden;font-family:'latolight';text-transform:uppercase;font-size:14px;line-height:48px;vertical-align:middle;height:100%;width:0;-webkit-transition:all .25s;transition:all .25s;}
.otherproject li:first-child a span{text-align:right;}
.otherproject li:first-child a span{text-align:right;}
.otherproject li a:hover span{margin-left:14px;width:auto;color:#f91e44;}
.otherproject li:first-child a:hover span{margin-left:0px;margin-right:14px;}

.otherproject li.left.montblanc:hover{width:170px;margin-left:-175px;}
.otherproject li.right.montblanc:hover{width:170px;}
.otherproject li.left.gq:hover{width:95px;margin-left:-100px;}
.otherproject li.right.gq:hover{width:95px;}
.otherproject li.left.piggybank:hover{width:155px;margin-left:-160px;}
.otherproject li.right.piggybank:hover{width:155px;}
.otherproject li.left.beluga:hover{width:130px;margin-left:-135px;}
.otherproject li.right.beluga:hover{width:130px;}


.otherproject li a:hover{border:1px solid #f91e44;}
.otherproject li a.prev{background-image:url(../media/img/prev_project.png);background-repeat:none;background-size:58px 48px;background-repeat:no-repeat;background-position:left;}
.otherproject li a.next{background-image:url(../media/img/next_project.png);background-repeat:none;background-size:58px 48px;background-repeat:no-repeat;background-position:right;}
.otherproject li a.prev:hover{background-image:url(../media/img/prev_project_hover.png);background-repeat:none;background-size:58px 48px;background-repeat:no-repeat;background-position:left;}
.otherproject li a.next:hover{background-image:url(../media/img/next_project_hover.png);background-repeat:none;background-size:58px 48px;background-repeat:no-repeat;background-position:right;}

@media screen and (min-width: 1200px){
	#index h1{font-size:3em;}
	#index p.citation{font-size:2em;}
	#index p.auteur{font-size:1em;}
}
@media screen and (min-width: 1600px){
	.wrapper960{width:1060px;margin:0 auto;}
	.gq.project img.centre{left:296px;}
	#index h1{font-size:4em;}
	#index p.citation{font-size:2.225em;}
	
	#contact p{margin-top:0px;}
	#contact form{margin-top:65px;}
}


/* Webkit, Chrome and Safari */
@-webkit-keyframes bounce {
	0%{-webkit-transform:translateX(-20px);}
	5%{-webkit-transform:translateX(-20px);}
	15%{-webkit-transform:translateX(17px);}
	30%{-webkit-transform:translateX(-14px);}
	40%{-webkit-transform:translateX(11px);}
	50%{-webkit-transform:translateX(-8px);}
	70%{-webkit-transform:translateX(6px);}
	80%{-webkit-transform:translateX(-4px);}
	90%{-webkit-transform:translateX(2px);}
	95%{-webkit-transform:translateX(-1px);}
	97%{-webkit-transform:translateX(1px);}
	99%{-webkit-transform:translateX(-0.5px);}
	100%{-webkit-transform:translateX(0);}
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
	0%{-moz-transform:translateX(-20px);}
	5%{-moz-transform:translateX(-20px);}
	15%{-moz-transform:translateX(17px);}
	30%{-moz-transform:translateX(-14px);}
	40%{-moz-transform:translateX(11px);}
	50%{-moz-transform:translateX(-8px);}
	70%{-moz-transform:translateX(6px);}
	80%{-moz-transform:translateX(-4px);}
	90%{-moz-transform:translateX(2px);}
	95%{-moz-transform:translateX(-1px);}
	97%{-moz-transform:translateX(1px);}
	99%{-moz-transform:translateX(-0.5px);}
	100%{-moz-transform:translateX(0);}
}
/* Opera 12.0 */
@-o-keyframes bounce {
	0%{-o-transform:translateX(-20px);}
	5%{-o-transform:translateX(-20px);}
	15%{-o-transform:translateX(17px);}
	30%{-o-transform:translateX(-14px);}
	40%{-o-transform:translateX(11px);}
	50%{-o-transform:translateX(-8px);}
	70%{-o-transform:translateX(6px);}
	80%{-o-transform:translateX(-4px);}
	90%{-o-transform:translateX(2px);}
	95%{-o-transform:translateX(-1px);}
	97%{-o-transform:translateX(1px);}
	99%{-o-transform:translateX(-0.5px);}
	100%{-o-transform:translateX(0);}
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0%{transform:translateX(-20px);}
	5%{transform:translateX(-20px);}
	15%{transform:translateX(17px);}
	30%{transform:translateX(-14px);}
	40%{transform:translateX(11px);}
	50%{transform:translateX(-8px);}
	70%{transform:translateX(6px);}
	80%{transform:translateX(-4px);}
	90%{transform:translateX(2px);}
	95%{transform:translateX(-1px;}
	97%{transform:translateX(1px);}
	99%{transform:translateX(-0.3px);}
	100%{transform:translateX(0);}
}