/* Attention : globalement ça marche mais c'est pas le Pérou */

@charset "UTF-8";

/* Galleria */

	.titre{font-style:italic; font-size:20px;display:block;padding-top:31px;padding-bottom:8px;}
	.texte{color:#333333;font-size:15px;line-height:17px;}
	.caption{font-family:Arial, Helvetica, sans-serif;float:left;padding-left:169px;text-align:left;width:510px;display:block;}
	.caption a{display:inline;}

/* Base */

a {
	text-decoration:none;
	color:#000000;
}

a:link img, a:visited img {
	border:none;
}

body {
	background-color: #FFF;
	text-align:center;
	margin:0;
	padding:0;
}

#big-box {
	position:absolute; 
	top:50%;
	left:50%;
	padding:0;
	margin-left:-500px;;
	margin-top:-310px;
	height: 620px;
	width: 1001px;
	border: #CCCCCC solid thin;
	border-width:1px;
	background-image:url(fond.gif);
}

#box-accueil {
	position:absolute; 
	top:50%;
	left:50%;
	padding:0;
	margin-left:-500px;;
	margin-top:-310px;
	height: 620px;
	width: 1001px;
	border: #CCCCCC solid thin;
	border-width:1px;
}

#box-cv {
	position:absolute; 
	top:50%;
	left:50%;
	padding:0;
	margin-left:-500px;;
	margin-top:-310px;
	height: 620px;
	width: 1001px;
	border: #CCCCCC solid thin;
	border-width:1px;
}

/* Placement accueil */

#small-box-accueil {
	float:right; 
	padding-right:163px; 
	text-align:left; 
	width: 212px;
	margin-top:340px;
}

#visuel-accueil {
	float:right; 
	width:290px; 
	margin-top:308px;
}

/* Placement galleries */

#categories {
	padding-top:32px;
	margin-left:169px;
	width:200px;
	height:108px;
	float:left;
	display:inline;
}

#miniatures  {
	float:left;
	padding-top:17px;
	padding-left:35px;
	display:inline;
}

#next {
	float:left; 
	width:10px; 
	padding-left:10px;
	margin-top:-10px;
	display:inline;
}

#prev {
	float:left;
	width:10px; 
	height:20px;
	padding-top:45px;
	margin-left:20px;
}

#boulots {
	margin:0;
	padding:0;
	float:left;
	height:331px;
	width:100%;
	display:inline;
	overflow:visible;
	z-index:1;
}

#meta {
	margin-right:169px;
	padding-top:12px;
	width:180px;
	float:right;
	display:inline;
	z-index:10;
}

.minithumb a {
	position:absolute; 
	width:85px;
	height:85px;
	top:50%;
	right:50%;
	padding:0;
	margin-top:-92px;
	margin-right:-417px;
	background:transparent url(puce.gif) no-repeat; 
}

.minithumb a:hover {
	background-position: -85px 0; 
}

#cat-illus {
	margin-top:-5px;
}

#cat-logos {
	margin-top:5px;
}

#cat-affiches {
	margin-top:3px;
}
/* Polices */

.cats {
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	padding-top:8px;
	display:block;
	color:#666666;
}

.contact {
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	display:block;
	color:#666666;
}

.back {
	margin-top:-5px;
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	display:block;
	color:#666666;
}

.credits {
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	color:#333333;
	margin-top:32px;
}

/* Spécial CV */

.tel{
	font-size:35px;
	padding-top:18px;
	display:block;
}

.texte-annee {
	font-size:16px;
}

span.texte-xp {
	display:block;
	font-size:14px;
}

#contacts {
	margin-top:140px;
	text-align:left;
	float:right;
	width:412px;
}

#left {
	float:right; 
	width:390px;
	margin-top:25px;
}

#formation {
	padding-bottom:12px;
}

#experience {
	padding-bottom:12px;
}

.annee {
	float:left;
	width:100px;
}

.xp {
	float:right;
	clear:right;
	width:290px;
}

.ligne {
	padding-top:6px;
	display:block;
	clear:both;
	text-align:left;
}

.titre-cv {
	padding-top:6px;
	padding-bottom:3px;
	width:auto;
	font-size:20px;
	text-align:left;
	display:block;
	clear:right;
}

.retour {
	position:absolute; 
	top:50%;
	left:50%;
	padding:0;
	margin-top:237px;
	margin-left:88px;
	font-size:20px;
}

.links-cv {
	font-size:35px;
	color:#333333; 
	padding-top:42px;
	display:block;
}

.skype {
	font-size:35px;
	color:#333333; 
	padding-top:7px;
	display:inline;
}

.skype-button a {
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	margin-top:20px;
	margin-right:-225px;
	width:32px;
	height:32px;
	background: transparent url(skype.png) no-repeat; 
}

.skype-button a:hover {
	background-position: -32px 0; 
}

/* Spécial Accueil */

.brahim {
	font-size:45px; 
}

.illustrateur {
	font-size:22px;
	color:#333333; 
	margin-top:-32px;
}

.links {
	font-size:18px;
	color:#333333; 
	padding-top:7px;
}