html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



html, body{
	padding: 0;
	margin: 0;
	border: 0;
	
	font-family: myriad, "trebuchet ms", verdana;
	font-size: 13px;
	color: #73706a;
	text-align: left;
	
	background-color: #73706a;
}
#container{
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
	width: 602px;
	_width: 674px; /* Valeur pour IE, tenant compte des paddings... */ 
}
img{
	border: 0;	
}
a{
	text-decoration: none;
	color: #73706a;	
}
a:hover{
	text-decoration: none;
	color: #39b6b8;	
}
h1{
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 13px;
	color: #39b6b8;
	margin: 0;
	padding: 0px;
}
p{
	line-height: 1.2em;
	margin: 1em 0;
}



.cache{
	position: relative;
	left: -50px;
}
.hr_plein{
	margin-top: -9px;
	padding-top: 0px;
	border-bottom: 1px solid #39b6b8;
}
#cv{
	text-align: center;	
}
#cv a{
	float: left;
	display: block;
	width: 91px;
	height: 70px;
	background: url("img/adobe_acrobat.png") no-repeat;
	
	text-align: center;
	line-height: 170px;
	margin-bottom: 20px;
}



#menuH{
	color: #b1b3b4;
	text-align: right;
	margin-bottom: 2px;
	margin-right: 100px;
	_padding-right: 70px;
	
	font-size: 11px;
}
#menuH a{
	color: #b1b3b4;	
}
#menuH a:hover{
	color: #fff;	
}

#menuG{
	float: left;
	width: 61px;
}
#menuG a{
	display: block;
	width: 61px;
	height: 54px;
	color: #73706a;
	
	text-decoration: none;
}
#menuG ul, #menuG li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_home{
	background: url("img/menu_home.png") no-repeat;
}
#menu_portfolio{
	background: url("img/menu_portfolio.png") no-repeat;
}
#menu_about{
	background: url("img/menu_about.png") no-repeat;
}
#menu_contact{
	background: url("img/menu_contact.png") no-repeat;
}
#menuG a:hover, #menuG a.active{
	background-position: 0 100%;
}

#contenu{
	float: left;
	width: 381px; /* taille souhaitee 453px moins padding left/right 32+40 */
	height: 451px;
	border: 0;
	margin: 0;
	padding: 13px 40px 13px 32px;
}
.bg_home{
	background: url("img/backG_home.jpg") no-repeat;	
}
.bg_home a{
	display: block;	
	width: 381px; /* A ajuster avec valeur de contenu ! */
	height: 451px;
}
.bg_portfolio{
	background: url("img/backG_portfolio.jpg") no-repeat;	
}
.bg_about{
	background: url("img/backG_about.jpg") no-repeat;	
}
.bg_about2{
	background: url("img/backG_about2.jpg") no-repeat;	
}
.bg_contact{
	background: url("img/backG_contact.jpg") no-repeat;	
}

#menuC{
	margin-bottom: 23px;	
}
#menuC a.actif{
	color: 	#39b6b8;
}


#fleG{
	float: left;
	width: 30px;
	height: 310px;
	background: url("img/fleG.png") 50% 50% no-repeat;	
}
#zoneImage{
	position: relative;
	float: left;
	border: 0;
	height: 310px;
	width: 290px;
	top: 0px;
}
#zoneImage a{
	border: 0px;
	text-decoration: none;
	color: #fff;	
	
}
#fleD{
	float: left;
	width: 30px;
	height: 310px;
	background: url("img/fleD.png") 50% 50% no-repeat;	
}
#fleD a, #fleG a{
	display: block;	
	width: 30px;
	height: 310px;
}


.fiche_texte{
	clear: left;
	float:left;
	font-size: 11px;
	margin:0;
	margin-top: 10px;
	padding:0;
	text-align: left;
	width: 100%;	
}
.minicv h2{
	margin-bottom:1em;	
}
.minicv{
	line-height: 1.2em;	
}

#caligraphie{
	float: left;
	position: relative;
	width: 88px;
	height: 391px;
	top: -31px;
	border: 0;
}
#caligraphie a{
	display: block;
	width: 88px;
	height: 391px;	
}

.cali_home{
	background: url("img/cali_home.png") no-repeat;		
}
.cali_portfolio{
	background: url("img/cali_portfolio.png") no-repeat;	
}
.cali_about{
	background: url("img/cali_about.png") no-repeat;	
}
.cali_about2{
	background: url("img/cali_about2.png") no-repeat;	
}
.cali_contact{
	background: url("img/cali_contact.png") no-repeat;	
}