*{ margin: 10; padding: 0; }* 
body { font: .68em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; background: #e4dfd8; color: #444444; }
a { color: #bedc41;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.orange { color: #d4590b; }
.vert { color: #bedc41; }
.blanc { color: #fff; }
.mauv { color: #ca0869; }
.bleu { color: #1587c3; }
.gris { color: #94918c; }
.vin { color: #aa1c20; }
.link a:hover{ text-decoration:none; color:#d87434; }
.link a{ text-decoration:none; color:#676664; }
.link2 a:hover{ text-decoration:none; color:#2a76d6; }
.link2 a{ text-decoration:none; color:#183b8d; }
.link3 a:hover{ text-decoration:none; color:#aa1c20; }
.link3 a{ text-decoration:none; color:#d4590b; }
.link4 a:hover{ text-decoration:none; color:#444444; }
.link4 a{ text-decoration:none; color:#444444; }
.link5 a:hover{ text-decoration:none; color:#444444; font: normal 0.9em Arial, Sans-Serif;}
.link5 a{ text-decoration:none; cursor: text; color:#444444; font: normal 0.9em Arial, Sans-Serif; }

p { margin: 0 0 15px 0; }
h1 { font: normal 2.2em Georgia, Arial, Sans-Serif; letter-spacing: 1px; font-style: italic; margin: 10px 0 0 0px; }
h1 a:hover { color: #face1d; }
h2 { font: normal 1.5em Georgia, Arial, Sans-Serif; letter-spacing: -1px; font-style: italic; margin: 0px 0 0 0px; }
h3 { font: bold 1.2em Arial, Sans-Serif; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content { width: 920px; margin: 0 auto; }
#logo { float: left; height: 49px; width: 250px; }
#menu { float: right; width: 670px; padding: 10px 0; margin: 11px 0 0px; }
#menucompilinfo { float: right; width: 280px; padding: 0px 0; margin: 11px 0 0px; }
#menucompilinfo li { font-size: 1.0em; }


#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 17px 10px 0 10px; margin: 0 35px 0 0; background: #e4dfd8 url(../images/logomini2.gif) no-repeat 12px 5px; color: #808080; border-left: 2px solid #ddd7cf; }
#menu li a:hover { color: #000; border-left: 2px solid #bbe340; }
#intro { clear: both; background: #ccc url(../images/bghp.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
	#intro h1 { margin: 0; display: inline; color: #bae33f; padding: 2px 5px; }
	#intro p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }
#introref{ clear: both; background: #ccc url(../images/bglogo.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
#introfiche{ clear: both; background: #ccc url(../images/bgfiche.jpg) no-repeat; height: 93px; padding: 18px 0 0 10px; }
	#introfiche h1 { margin: 0; display: inline; color: #bae33f; padding: 2px 5px; }
	#introfiche p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }
	
#introstage { clear: both; background: #ccc url(../images/stagewebmasterhp.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
	#introstage h1 { margin: 0; display: inline; color: #bae33f; padding: 2px 5px; }
	#introstage p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }
	
#introstage2 { clear: both; background: #ccc url(../images/stagewebdesignerhp.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
	#introstage2 h1 { margin: 0; display: inline; color: #bae33f; padding: 2px 5px; }
	#introstage2 p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }
	
#introemploi { clear: both; background: #ccc url(../images/emploiwebmasterhp.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
	#introemploi h1 { margin: 0; display: inline; color: #bae33f; padding: 2px 5px; }
	#introemploi p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }
	
#introcompilinfo{ clear: both; background: #ccc url(../images/compilinfo.jpg) no-repeat; height: 135px; padding: 35px 0 0 10px; }
	#introcompilinfo p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }

#left { clear: left; float: left; width: 538px; padding: 0 4px 0 5px; margin: -5px 0 15px;}
	#left img { border: 0px solid #bedc41; padding: 2px; float: left; margin: 0 10px 5px 0;}
	#news { margin: 25px 0 0 0; }
	#news  li  { border-top: 5px solid #bedc41; list-style: none; float: left; width: 245px; background: #454344 repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
	#news  li.last { margin: 0; }
	
	#lienscompil { margin: 25px 0 0 0; }
	#lienscompil  li  { border-top: 5px solid #bedc41; list-style: none; float: left; width: 522px; background: #454344 repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
	#lienscompil  li.last { margin: 0; }
	
#left { clear: left; float: left; width: 538px; padding: 0 4px 0 5px; margin: -5px 0 15px;}
	#left img { border: 0px solid #bedc41; padding: 2px; float: left; margin: 0 10px 5px 0;}
	#freelance { margin: 25px 0 0 0; }
	#freelance  li  { border-top: 5px solid #bedc41; list-style: none; float: left; width: 505px; background: #454344 repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
	#freelance  li.last { margin: 0; }
	
#panel { position: relative; top: -49px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	#panel img { border: 0px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#panel h2 { border-bottom: 2px solid #fff; padding: 0 0 8px; }
	#panel .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
	#panel a { color: #4f4e4c; }
	
#panelref { position: relative; top: -10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 262px; font-size: 1.0em; border: 1px solid #fff;  background: url(../images/bgtable.jpg) no-repeat}

#panelref2 { position: relative; top: -10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 262px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat; }

#panelref3 { position: relative; top: -10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 262px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}
	
#panelref4 { position: relative; top: -10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 262px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}

#panelref5 { position: relative; top: -10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 262px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}


#panelref6 { position: relative; top: -5px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 300px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) }

#panelref7{ position: relative; top: -5px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 300px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) }
	
#panelref8{ position: relative; top: -5px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 300px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg)}
	
#panelref9 { position: relative; top: -5px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 300px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg)}
	
#panelref10 { position: relative; top: -5px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 300px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg)}

	
#panelref11 { position: relative; top: 0px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 265px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}
	
#panelref12 { position: relative; top: 0px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 265px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}

#panelref13 { position: relative; top: 0px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 265px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}
	
#panelref14 { position: relative; top: 0px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 265px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}
	
#panelref15 { position: relative; top: 0px; margin: 0 2px 0 0; padding: 5px; float: left; width: 166px; height: 265px; font-size: 1.0em; border: 1px solid #fff; background: url(../images/bgtable.jpg) no-repeat;}

#panelref16long { position: relative; top: 10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 886px; height: 45px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6; }

#panelcv { position: relative; top: 10px; margin: 0 2px 0 0; padding: 5px; float: left; width: 560px; height: 990px; font-size: 1.0em; border: 2px solid #fff; background: #f1ece6; }
#panelcv2 { position: relative; top: 4px; margin: 0 2px 0 0; padding: 5px; float: left; width: 310px; height: 994px; font-size: 1.0em; border: 6px solid #fff; background: #f1ece6; }
	
#footer { clear: both; border-top: 2px solid #bedc41; padding: 0px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #f1ece6; }
	#footer a { color: #808080; font-weight: bold; }
#footercv { clear: both; border-top: 0px solid #bedc41; padding: 0px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #ffffff; }
	#footercv a { color: #808080; font-weight: bold; }
#footeref { clear: both; border-top: padding: 0px; margin: 0 0 2px; font-size: .9em; color: #9b9b9b; }
	#footeref a { color: #808080; font-weight: bold; }
#leftref { clear: left; float: left; width: 0px; padding: 0 4px 0 5px; margin: -5px 0 15px;}

#refclient { position: relative; top: 10px; margin: 0 15px 0 0; padding: 15px; float: left; width: 600px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6;}
	#panel img { border: 0px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#panel h2 { border-bottom: 2px solid #fff; padding: 0 0 8px; }
	#panel .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
	#panel a { color: #4f4e4c; }
	
#refclient2 { position: relative; top: 10px; margin: 0 15px 0 0; padding: 15px; float: left; width: 200px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6; }
	#panel img { border: 0px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#panel h2 { border-bottom: 2px solid #fff; padding: 0 0 8px; }
	#panel .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
	#panel a { color: #4f4e4c; }

.fonctionttr { font: normal 1.8em Georgia, Arial, Sans-Serif; letter-spacing: -1px; font-style: italic; margin: 0 0 2px; color: #808080;}
	
.fonction {

	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 14px;
}

.cv{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px; 
	color: #444444;
	font-size: 13px;
	line-height: 10px;
}

.linker a:hover{
    text-decoration:none; color:#444444; }

.linker a{

    text-decoration:none; color:#444444; }
	
.linker2 a:hover{
    text-decoration:none; color:#000; }

.linker2 a{

    text-decoration:none; color:#444444; }
	
	
#panelmap { position: relative; top: 3px; margin: 0 8px 0 0; padding: 10px; float: left; width: 270px; height: 200px; font-size: 1.0em; border: 1px solid #fff;  background: #f1ece6;}

#panelmap2 { position: relative; top: 3px; margin: 0 8px 0 0; padding: 10px; float: left; width: 270px; height: 494px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6;}

#panelmap3 { position: relative; top: 3px; margin: 0 8px 0 0; padding: 10px; float: left; width: 270px; height: 200px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6;}

#panelmap4 { position: relative; top: 13px; margin: 0 8px 0 0; padding: 10px; float: left; width: 270px; height: 200px; font-size: 1.0em; border: 1px solid #fff; background: #f1ece6;}

#intromap{ clear: both; background: #ccc url(../images/creatiffreelancemap.jpg) no-repeat; height: 85px; padding: 28px 0 0 10px; }
	#intromap h1 { margin: 0; display: inline; color: #fff; padding: 2px 5px; }
	#intromap p { margin: 0; color: #fff; font-weight: bold; font-size: .8em; }