footer, header {
	display: block;
	}

html {
	font-size: 1em;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font: 0.75em/1.75em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	background: #f1f1f1;
	padding: 0;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
a, a:visited {
	color: #0da4d3;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	border: none;
}
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr { cursor: help }
abbr[title] { border-bottom: 1px dotted; }
p { margin: 0 0 1.75em 0;  }
b, strong { font-weight: bold; }

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Abel', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #333;
	line-height: 1.3em;
}
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.666666666666667em; }
h4 { font-size: 1.5em; }

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) { overflow: hidden; }

a, a img {
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}

ul li, ol li { line-height: 2.1em; }

#main {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.page-template-fullwidth #content { width: 100%; }

.content-wrap {
	width: 100%;
}
.page-template-fullwidth .content-wrap { width: 100%; }

#content {
	float: left;
	width: 100%;
	margin: 0px 0 20px 0;
}

.wrap {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}



#header {
	clear: both;
	width: 100%;
	float: left;
	padding: 35px 0 20px 0;
}

#entete {
	float: left;
	width: 60%;
	overflow: hidden;
}
#titre-site {
	font-family: 'Abel', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 3em;
	line-height: 1em;
	margin: 0 0 3px 0;
	text-transform: uppercase;
	word-wrap: break-word;
}
#titre-site a {
	color: #222;
	border-bottom: none;
}

#titre-site a:hover img { border: none; }

#header img { max-width: 100%; }

#description-site {
	text-shadow: 1px 1px 0 #FFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.93em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin: 6px 0 6px 0;
	color: #bbb;
	float: left;
	width: 91.48936170212766%;
	clear: both;
}

#sidebar-header {
	overflow: hidden;
	float: right;
	width: 49.78723404255319%;
	height: 60px;
	margin-bottom: 20px;
}

.tout-contenu { float: left; width: 100%; margin-top: 85px; position: relative; }
.tout-contenu p { color: #787878; font-size: 1em; letter-spacing: 0; line-height: 22px; }


#social-media { float: right; width: 40%; margin-top: 9px; margin-bottom: 20px; margin-right: -2px; }

.reseaux { float: right;  height: 48px; background: transparent url(../images/social.png) no-repeat top left; }
.reseaux ul {list-style: none; }
.reseaux li { float: left; }

.reseaux li a{
    display: block;
    width: 48px;
    height: 48px;
    margin: 0;
    outline: none;
    position: relative;
	border: none;
}

.reseaux li  { 
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s; 
	}
	
.reseaux li .twitter { margin: 0; }

.reseaux li .linkedin:hover{
	background: transparent url(../images/linkedin.png) no-repeat top left;
    background-position: 0px 0px;}

.reseaux li .viadeo:hover{
	background: transparent url(../images/viadeo.png) no-repeat top left;
    background-position: 0px 0px;
}

.reseaux li .facebook:hover{
	background: transparent url(../images/facebook.png) no-repeat top left;
    background-position: 0px 0px;
}
.reseaux li .twitter:hover{
	background: transparent url(../images/twitter.png) no-repeat top left;
    background-position: 0px 0px;
}

.reseaux li .cv:hover{
	background: transparent url(../images/cv.png) no-repeat top left;
    background-position: 0px 0px;
}


.reseaux li:hover {
	-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
}

.reseaux li a span{
	width: 70px;
    height: auto;
    line-height: 20px;
    padding: 10px;
	margin-left: -45px;
    left: 50%;
    font-weight: 400;
    font-size: 11px;
    color: #939393;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    opacity: 0;
    transition: all 1.3s ease-in-out;
}

.reseaux li a span:before,
.reseaux li a span:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
}

.reseaux li a span:after{
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #fff;
}

.reseaux li a:hover span{
    opacity: 0.9;
    bottom: -35px;
}



.hentry .titre-entree {
	margin: 8px 0 4px 0;
	padding: 0;
	font-size: 1.333333333333333em;
	line-height: 1.4em;
	border: none;
	color: #3d3d3d;
	word-spacing: 2px;
	word-wrap: break-word;
	text-align: center;
}

.error-404-title { font-size: 40px !important; }

.singular .titre-entree {
	font-size: 2.3em;
	margin-bottom: 0.3em;
	float: left;
	width: 75%;
	padding: 20px 0 8px;
}
.singular-page .titre-entree { color: #333; width: 99%; padding-top: 15px;  }
.singular-page .titre-entree, .singular-attachment .titre-entree { margin-bottom: .7em; }
.titre-entree a, .titre-entree a:visited { color: #3d3d3d; }
.home .hentry .titre-entree a:hover, .page-template-front .hentry .titre-entree a:hover, .archive .hentry .titre-entree a:hover, .search .hentry .titre-entree a:hover {
color: #6bb9e9;
}

.singular .loop-nav {
	font-size: 0.9166666666666667em;
	color: transparent;
	width: 100%;
	/*border-bottom: 1px solid #dadada;*/
	height: 58px;
	position: relative;
	float:left;
	margin-top: 2px;
	margin-bottom: 3px;
}

.cv-pdf {float: right; height: 45px; margin-bottom: 7px; }

.singular .cv-pdf a { overflow: hidden; display: inline-block; text-indent: -9999px; margin: 5px 0 -2px 1px; color: transparent; text-transform: capitalize; width: 47px; margin: 3px; background: url(../images/cvpdf.png) no-repeat center 5px #fff; }



/* Footer 
-------------------------------------------------------------- */
#footer {
	overflow: hidden;
	clear: both;
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding: 26px 0 30px 0;
	border-top: 1px solid #dadada;
	font-size: 0.9166666666666667em;
	color: #aaa;
}
#footer p { margin-bottom: 0; }
#footer a { color: #888; }
#footer a:hover { color: #333; }
#contenu-bas { 	float: left; width: 100%; position: relative; }

#contenu-bas > .copyright { float: left; }
#contenu-bas > .links { float: right; }
#contenu-bas > .contact { position: relative; display: inline-block; float: right; margin-top: -15px; padding-bottom: 12px; text-indent: -9999px; text-transform: capitalize; display: block; width: 49px; height: 48px; background: url(../images/btn-contact.png) no-repeat top center; margin-left: 30px; border-bottom: 1px solid #dadada;  }
#contenu-bas > .contact:hover { background: url(../images/btn-contacthov.png) no-repeat top center; }



/*  Media Queries (mobile browsing)
----------------------------------------------------- */
/* Tablet (portrait) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap { max-width: 728px; }
	#entete { width: 60%; }
	#social-media { width: 40%; }
	.home .hentry:hover .read-more, .page-template-front .hentry:hover .read-more, .archive .hentry:hover .read-more, .search .hentry:hover .read-more { display: none; }	
}	


/* Phone (portrait) */

@media only screen and (max-width: 767px) {
	.wrap { max-width: 300px; }
	#header { padding: 35px 0 6px;}
	#entete {
		float: left;
		width: 100%;
		position: relative;
	}
	
	.byline, .home.singular .byline { line-height: 0.75em; border-bottom: 1px solid #DADADA; padding-bottom: 25px; width: 15%; display: none;  }
	
	.singular .titre-entree { width: 100%; padding: 16px 0 8px 0; margin-bottom: 3px; border-bottom: 1px solid #dadada; }
	.singular .lien-particule a { margin: 2px 0 0 1px; float: none; padding: 0; }
	.singular .cv-pdf a { margin: 2px 0 0 1px; float: right; padding: 0;}
	.singular .previous, .singular .next { margin: 2px 0 -2px 1px; }
	.singular .next { margin-right: 0; }
	.lien-particule {float: right; height: 45px; margin-bottom: 7px; }
	
	.singular .loop-nav { position: relative; border-bottom: 1px solid #DDD; margin-bottom: 20px; float: left; height: auto; width: 300px; text-align: center; }
	#description-site {width: 100%; text-align: center;}
	/*#social-media { width: 100%; float: left; margin-top: 20px; margin-right: 0; }*/
	#social-media { width: 90%; float: left; margin-top: 20px; margin-right: 0; }
	
	#sidebar-header { width: 100%; margin-bottom: 10px;	}
	.featured-wrapper, .aside, .content-wrap, #content, #sidebar-subsidiary .widget, #respond { width: 100%; }
	.featured-post h2.titre-entree a, .featured-post .byline { display: none; }
		
}

/*  ----------------------------------------------------- */


#partie1 { border-left: 15px solid #e3e3e3;	}
#partie2 { width: 100%;	}
#partie3 { width: 100%;	margin-top: -31px; }

#partie1, #partie2, #partie3 {
	border-top: 15px solid #e3e3e3;
	float: left;
	position: relative;
	padding: 0;
	text-align: left;
	}

.res-box h1 {
	width: 100%;
	float: left;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 2em;
	display: inline-block;
	}
.res-box h3 {
	font-weight: 100;
	font-size: 1.6em;
	color: #287CB6;
	}

.presentation {
	background: url('../images/presentation.png') no-repeat top left transparent;
	margin: -68px 0 40px -67px;
	padding: 61px 0 0 68px;
	}
.parcourspro {
	background: url('../images/prof.png') no-repeat top left transparent;
	margin-left: -67px;
	margin-top: -68px;
	padding: 61px 0 30px 68px;
	}
.entreprises {
	background: url('../images/entreprise.png') no-repeat top left transparent;
	margin-left: -71px;
	text-align: right;
	margin-top: -68px;
	padding: 61px 0 30px 71px;
	}
.parcoursperso {
	background: url('../images/perso.png') no-repeat top left transparent;
	margin-left: -83px;
	text-align: right;
	margin-top: -68px;
	padding: 61px 0 30px 71px;
	}
	
.centres {
	margin-left: -83px;
	text-align: right;
	margin-top: -68px;
	padding: 61px 0 30px 71px;
	}
	
.profil {
	background: url('../images/profil.png') no-repeat top left transparent;
	margin-left: -71px;
	margin-top: -68px;
	padding: 61px 0 30px 71px;
	}
.competences {
	background: url('../images/soft.png') no-repeat top left transparent;
	text-align: left;
	margin-top: -96px;
	margin-left: -71px;
	padding: 61px 83px 30px 71px;
	}

.res-box {
	background: none;
	float: left;
	position: relative;
	}
.res-box.one {
	width: 55%;
	padding: 30px 55px 30px 30px;
	text-align:justify;
	}
.res-box.two {
	width: 32.5%;
	padding: 30px 0 30px 30px;
	text-align:justify;
	}
.res-box.two > .photo {
	display: block;
	background: url('../images/chrys.png') no-repeat center center transparent; 
	width: 138px;
	height: 92px;
	float: right;
	padding: 105px 75px 90px;
	position: relative;
	text-align: center;
	margin: 0 0 35px;
}
.res-box.three {
	width: 100%;
	padding: 30px 30px 30px 45px;
	}
.res-box.three > .boxleft {
	text-align: justify;
	float: left;
	width: 54.8%;
	border-right: 15px solid #e3e3e3;
	margin: -66px 34px 0 0;
	padding: 65px 30px 40px 0;
	}
.res-box.three > .boxright {
	float: left;
	width: 32.2%;
	text-align: justify;
	margin-left: -1px;
	}
.res-box.three > .boxmiddle {
	position: absolute;
	width: 80px;
	color: #333;
	margin: 75px 0 0 490px;
	}
.res-box.three > .boxmiddle > .year {
	text-shadow:
	1px 1px 0 #efefef;
	display: inline-block;
	padding: 10px 10px;
	width: 105px;
	/*background: #e3e3e3;*/
	background: #ffffff;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	margin-bottom: 287px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	}
							  
.year.current {
	background: #71BCEB !important;
	color: #164F76;
	text-shadow: 1px 1px 0 #B5E1FC !important;
	}

.res-box.three > .boxright > .activites {
	text-align: right;
	}
.res-box.three > .boxleft > .activites, .res-box.three > .boxright > .activites {
	width: 100%; 
	height: 50px;
	float: left; 
	border: none;
	margin-bottom: 278px;
	
}
.res-box.three > .boxleft > .activites.child, .res-box.three > .boxright > .activites.child {
	padding-left: 0px;
	}
.res-box.three > .boxleft > .activites h4, .res-box.three > .boxright > .activites h4 {
	font-weight: 100;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #e3e3e3;
	width: 100%;
	font-size: 1.4em;
	color: #787878;
	}

.res-year {
	font-size: 13px;
	display: none;
	}

.res-box.three > .boxleft > .activites h4.current, .res-box.three > .boxright > .activites h4.current {
	color: #287CB6;
	}

.res-box.four {
	width: 100%;
	padding: 30px 30px 0px 45px;
	}
.res-box.four > .boxleft {
	position: relative;
	float: left;
	width: 29%;
	border-right: 15px solid #e3e3e3;
	margin: -37px 45px 0 0;
	padding: 65px 45px 0 0;
	}
.res-box.four > .boxleft > .logiciels {
	width: 100%;
	position: relative;
	float: left;
	padding-left: 45px;
	margin-left: -45px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d6d6d6;
	color: #787878;
	}
.res-box.four > .boxright {
	padding-top: 0px;
	float: left;
	width: 55%;
	text-align: left;
	margin-left: 0px;
	color: #787878;
	position: relative;
	}	

.boxright > .hireme {
	font-size: 16px;
	}

.res-finish {
	position: absolute;
	bottom: -4px;
	right: -38px;
	}

/* Outils */

#competences { 
	list-style:none; 
	padding-top:30px;
	float: left;
	position: relative;
	width: 100%;
}

#competences li { 
	margin-bottom:31px; 
	background:#e9e9e9; 
	height:25px; 
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #d6d6d6;
}

#competences li em { 
	position:relative; 
	top:-28px;
	font-style:normal;
	color: #787878;
}

.expositionb { 
	height:21px;
	border: 2px solid #e5e5e5; 
	margin: 0; 
	background:#71BCEB; 
	position:absolute;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.expositiono { 
	height:21px;
	border: 2px solid #e5e5e5; 
	margin: 0; 
	background:#71BCEB; 
	position:absolute;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.expositionh { 
	height:21px;
	border: 2px solid #e5e5e5; 
	margin: 0; 
	background:#b5e0fb; 
	position:absolute;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* Outils */

.project  { width:70%; 
	-moz-animation:project 2s ease-out;
	-webkit-animation:project 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; }
@-moz-keyframes project { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes project { 0%  { width:0px;} 100%{ width:70%;}  }
	
	
.gant { width:90%;
	-moz-animation:gant 2s ease-out;
	-webkit-animation:gant 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }

.rs1 { width:90%;
	-moz-animation:gant 2s ease-out;
	-webkit-animation:gant 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }

.rs2 { width:60%;
	-moz-animation:gant 2s ease-out;
	-webkit-animation:gant 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }

.rs3 { width:80%;
	-moz-animation:gant 2s ease-out;
	-webkit-animation:gant 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }

.rs4 { width:70%;
	-moz-animation:gant 2s ease-out;
	-webkit-animation:gant 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes gant { 0%  { width:0px;} 100%{ width:90%;}  }

.office { width:70%;
	-moz-animation:office 2s ease-out;
	-webkit-animation:office 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes office { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes office { 0%  { width:0px;} 100%{ width:70%;}  }

.drive { width:80%;
	-moz-animation:office 2s ease-out;
	-webkit-animation:office 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes office { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes office { 0%  { width:0px;} 100%{ width:70%;}  }


.crm { width:60%;
	-moz-animation:crm 2s ease-out;
	-webkit-animation:crm 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes crm { 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes crm { 0%  { width:0px;} 100%{ width:75%;}  }

.erp { width:50%;
	-moz-animation:crm 2s ease-out;
	-webkit-animation:crm 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes crm { 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes crm { 0%  { width:0px;} 100%{ width:75%;}  }


.drupal { width:85%;
	-moz-animation:drupal 2s ease-out;
	-webkit-animation:drupal 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes drupal{ 0%  { width:0px;} 100%{ width:85%;}  }
@-webkit-keyframes drupal { 0%  { width:0px;} 100%{ width:85%;}  }

.wordpress { width:60%;
	-moz-animation:drupal 2s ease-out;
	-webkit-animation:drupal 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes drupal{ 0%  { width:0px;} 100%{ width:85%;}  }
@-webkit-keyframes drupal { 0%  { width:0px;} 100%{ width:85%;}  }

.html { width:60%;
	-moz-animation:html 2s ease-out;
	-webkit-animation:html 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes html { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes html { 0%  { width:0px;} 100%{ width:60%;}  }

.php { width:30%;
	-moz-animation:php 2s ease-out;
	-webkit-animation:php 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes php { 0%  { width:0px;} 100%{ width:30%;}  }
@-webkit-keyframes php { 0%  { width:0px;} 100%{ width:30%;}  }


.docs { width:60%;
	-moz-animation:docs 2s ease-out;
	-webkit-animation:docs 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes docs { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes docs { 0%  { width:0px;} 100%{ width:60%;}  }

.wmt { width:70%;
	-moz-animation:wmt 2s ease-out;
	-webkit-animation:wmt 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes wmt { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes wmt { 0%  { width:0px;} 100%{ width:70%;}  }

.mashup { width:50%;
	-moz-animation:mashup 2s ease-out;
	-webkit-animation:mashup 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes mashup { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes mashup { 0%  { width:0px;} 100%{ width:50%;}  }


.dream { width:80%;
	-moz-animation:dream 2s ease-out;
	-webkit-animation:dream 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes dream { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes dream { 0%  { width:0px;} 100%{ width:80%;}  }

.photoshop { width:50%;
	-moz-animation:photoshop 2s ease-out;
	-webkit-animation:photoshop 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes photoshop { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes photoshop { 0%  { width:0px;} 100%{ width:50%;}  }

.video { width:50%;
	-moz-animation:photoshop 2s ease-out;
	-webkit-animation:photoshop 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes photoshop { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes photoshop { 0%  { width:0px;} 100%{ width:50%;}  }

.flash { width:60%;
	-moz-animation:flash 2s ease-out;
	-webkit-animation:flash 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes flash { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes flash { 0%  { width:0px;} 100%{ width:60%;}  }

.indesign { width:15%;
	-moz-animation:indesign 2s ease-out;
	-webkit-animation:indesign 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes indesign { 0%  { width:0px;} 100%{ width:15%;}  }
@-webkit-keyframes indesign { 0%  { width:0px;} 100%{ width:15%;}  }

.illustrator { width:10%;
	-moz-animation:illustrator 2s ease-out;
	-webkit-animation:illustrator 2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes illustrator { 0%  { width:0px;} 100%{ width:10%;}  }
@-webkit-keyframes illustrator { 0%  { width:0px;} 100%{ width:10%;}  }

.relation { width:90%;
	-moz-animation:relation 2s ease-out;
	-webkit-animation:relation 2s ease-out;
	-moz-animation-delay: 4s;
	-webkit-animation-delay: 4s; 
	}
@-moz-keyframes relation { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes relation { 0%  { width:0px;} 100%{ width:90%;}  }

.redaction { width:80%;
	-moz-animation:redaction  2s ease-out;
	-webkit-animation:redaction  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes redaction { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes redaction  { 0%  { width:0px;} 100%{ width:80%;}  }

.avant1 { width:85%;
	-moz-animation:avant1  2s ease-out;
	-webkit-animation:avant1  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes avant1 { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes avant1  { 0%  { width:0px;} 100%{ width:80%;}  }

.avant2 { width:75%;
	-moz-animation:avant2  2s ease-out;
	-webkit-animation:avant2  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes avant2 { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes avant2  { 0%  { width:0px;} 100%{ width:80%;}  }

.avant3 { width:70%;
	-moz-animation:avant3  2s ease-out;
	-webkit-animation:avant3  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes avant3 { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes avant3  { 0%  { width:0px;} 100%{ width:80%;}  }

.avant4 { width:75%;
	-moz-animation:avant4  2s ease-out;
	-webkit-animation:avant4  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes avant4 { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes avant4  { 0%  { width:0px;} 100%{ width:80%;}  }

.avant5 { width:85%;
	-moz-animation:avant5  2s ease-out;
	-webkit-animation:avant5  2s ease-out;
	-moz-animation-delay: 7s;
	-webkit-animation-delay: 7s; 
	}
@-moz-keyframes avant5 { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes avant5  { 0%  { width:0px;} 100%{ width:80%;}  }

/*  Media Queries (mobile browsing)
----------------------------------------------------- */
/* Tablet (portrait) */


/* Phone (portrait) */
@media only screen and (max-width: 959px) {

#partie1, #partie2, #partie3 { border-left: none; border-right: none; border-top: none; background: none; }
#partie3 { margin-top: 0; }

.presentation {margin: 0 0 20px; }
.parcourspro {margin: 0;}
.parcoursperso {margin: 0 0 20px;}
.centres {margin: 0 0 20px;}
.entreprises {margin: 0;}
.profil {margin: 0 0 20px;}
.competences {margin: 0 0 20px;}

.presentation, .parcourspro, .parcoursperso, .centres, .entreprises, .profil, .competences { background: none; padding:0; text-align: left; height: 38px; border-bottom: 15px solid #e3e3e3; }

.res-box.one, .res-box.two, .res-box.three, .res-box.four { width: 100%; padding: 0; margin-bottom: 10px; border-bottom: 1px solid #dadada; }
.res-box.one { padding-bottom: 0; }
.tout-contenu { margin-top: 15px; overflow: hidden; }
.res-box.two > .photo { margin: 15px 6px 30px 0; }

.res-box.three > .boxmiddle { display: none; }
.res-box.three > .boxleft, .res-box.three > .boxright {width: 100%; border: none; padding: 0; margin: 0; }
.res-box.three > .boxleft { border-bottom: 1px solid #d6d6d6;}
.res-box.three > .boxright { margin-top: 7px;}
.res-box.three > .boxright > .activites { text-align: left; }
.res-box.three > .boxleft > .activites, .res-box.three > .boxright > .activites { margin-top: 27px; margin-bottom: 27px; height: auto; /*chrys*/}
.res-box.three > .boxleft > .activites.child, .res-box.three > .boxright > .activites.child { padding-left: 0; height: auto; margin: 0; }
.res-box.three > .boxleft > .activites.child.last, .res-box.three > .boxright > .activites.child.last { margin-bottom: 30px; margin-top: 25px; }
.res-year { display: inherit; }
.res-finish { display: none; }

.res-box.four > .boxleft { width: 100%; padding: 0; margin: 0 0 30px; border-bottom: 1px solid #d6d6d6; border-right: none; border-left: none; border-top: none;}
.res-box.four > .boxright { width: 100%; padding: 23px 0 0 0; margin: 0; border: none;}
.res-box.four > .boxleft > .logiciels { border: none; padding: 0; margin: 0;}
.res-box.four { border: none; }


#content { margin: 0; }

}

.recadrage { background: url(../images/recadrage.png) repeat scroll 0 0 transparent; bottom: 0; height: 80px; position: fixed; right: 0;  width: 80px; z-index:1; }