@charset "utf-8";
/*VERSION IMPRIMABLE*/
@media only print {

	/*reset default styles*/
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
	table { border-collapse: collapse; border-spacing :0; }
	fieldset, img { border: 0; }
	address, caption, cite, code, dfn ,/*em,strong,th,*/ var { font-style: normal; font-weight: normal; }
	ol,ul { list-style: none; }
	caption, th { text-align:left; }
	h1, h2, h3 ,h4, h5, h6 { font-weight: normal; }
	q:before, q:after { content:''; }
	abbr, acronym { border: 0; border-bottom: 1px dotted; cursor: help }

	body { -webkit-font-smoothing: antialiased; }

	body { 
		background-image: none; 
		font-family: Georgia,serif; 
		font-size: 11pt; 
		color: #393939; 
		height: 100%;
		width:100%;
		margin: 0cm 0cm; 
		padding: 3pt;
	}
	a {
		color: #3290CC;
		cursor: pointer;
		text-decoration: none;
	}
	a:hover, a:active, a:visited {
		text-decoration: underline;
	}
	.clear {
		clear:both;
	}
	header, footer, figure, section, article, figcaption, aside { 
		display: block; 
	}

	body>header, body>aside, body>article, body>footer, body>section {
		border:solid 1pt #aaa;
		-webkit-border-radius: 10pt;
		-moz-border-radius: 10pt;
		border-radius: 10pt;
		padding:3pt;
		margin:2pt;
		display:block;
		width:17.7cm;
	}
	dt {
		font-size:13pt;
		margin-top:4pt;
		padding:3pt;
		font-weight:bold;
		text-decoration:underline;
		/*white-space:nowrap;*/
	}
	dd {
		font-size:11pt;
		padding:2pt;
		line-height:11pt;
	}
	ul {
		list-style-type:square;
		padding-left:1rem;
	}
	li {
		font-size:9pt;
	}
	/*SPRITE*/
	#formations h3,
	#competences h3,
	#experiences h3,
	#loisirs h3,
	#contact h3,
	#contact .web,
	#contact .phone,
	#contact .mail,
	#twitter ,
	#facebook,
	#dribbble,
	#forrst,
	#viadeo,
	#linkedin,
	#flickr
	{ 
		background: url(../img/sprites.png) no-repeat top left; 
		font-size: 18pt;
		line-height:37px;
		white-space:nowrap;
	}
	#competences h3 { background-position: -50px -50px;  padding: 0 0 0 50px; }
	#experiences h3  { background-position: -50px 0px; padding: 0 0 0 50px; }
	#formations h3  { background-position: 0 -100px; padding: 0 0 0 50px; }
	#loisirs h3     { background-position: -50px -145px; padding: 0 0 0 50px; }
	#contact h3     { background-position: 0 -186px; padding: 0 0 0 50px; }
	/*ROOT*/

	/*HEADER*/
	body>header {
		float:left;
		display:block;
	}
	body>header h1 {
		color: #1d1d1d;
		font-size: 20pt;
	}
	body>header h2 {
		color: #cb7956;
		font-size: 13pt;
	}
	.printonly {
		display:block;
	}
	.photo > img {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		display: block;
		position: absolute;
	}
	.photo {
		/*-webkit-transform: rotate(-4deg);*/
		border: 1px solid #cbcbcb;
		border-radius: 6px;
		-webkit-border-radius:6px;
		padding: 4px;
		width: 145px;
		height: 145px;
		position: relative;
		background: #fff;
		float:left;
		margin-right:10pt;
	}
	.photo:after {
	  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  -webkit-transform: rotate(-10deg);
	  -moz-transform: rotate(-10deg);
	  -o-transform: rotate(-10deg);
	  position: absolute;
	  left: 10px;
	  bottom: 11px;
	  z-index: -1;
	  width: 50%;
	  max-width: 300px;
	  height: 20%;
	  content: "";
	}
	.photo:before {
	  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  -webkit-transform: rotate(10deg);
	  -moz-transform: rotate(10deg);
	  -o-transform: rotate(10deg);
	  position: absolute;
	  right: 10px;
	  bottom: 11px;
	  z-index: -1;
	  width: 50%;
	  max-width: 300px;
	  height: 20%;
	  content: "";
	}
	body>header aside {
		margin-top:0cm;
	}
	/* NAV */
	nav {
		display:none;
	}
	/*ARTICLE*/
	body>article {
		float:left;
	}
	/*ASIDE*/
	aside {
		float:right;
		display:block;
		width:7.3cm;
		color:#555;
		text-align:left;
		border-left:solid 1px #aaa;
		padding:4pt;
		margin-left:4pt;
		transform: skewX(3deg);
		-ms-transform: skewX(3deg);
		-webkit-transform: skewX(3deg);
		-moz-transform: skewX(3deg);
	}
	aside p{
		text-align:justify;
		font-size:9pt;
		line-height:9pt;
	}
	aside dl dt {
		font-size:13pt;
		margin-top:0px;
		padding:2pt;
	}
	aside dl dd {
		font-size:10pt;
		line-height:10pt;
	}
	/*SECTION*/
	body>section {
		float:left;
	}
	/*FOOTER*/
	footer {
		clear:both;
		text-align:center;
		font-size:9pt;
	}
	span.date {
		display:inline;
		margin-left:4pt;
		border-left:double 3px #cb7956;
		padding-left:4pt;
		color:#cb7956;
		font-size:10pt;
		text-decoration:none;
	}
}