/* My Graphic Home */


body {
	background-color: #000000;
}
a {
font-size: 11px;
line-height: 18px;
font-family:"trebuchet ms", helvetica, sans-serif;
}


a { cursor: pointer; }
a:link { color: #5D512A; }
a:hover {
  color: #FF9900;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

#conteneur {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#Layer-1 {
	text-align: center;
	margin: 30px -20px;
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1025px;
  height: 769px;
  z-index: 1;
}

/* You named this layer fond rubrique */
#Layer-2 {
  position: absolute;
  left: 407px;
  top: 0px;
  width: 403px;
  height: 769px;
  z-index: 2;
}

/* You named this layer fond contact */
#contact {
	position: absolute;
	left: 220px;
	top: 157px;
	width: 625px;
	height: 480px;
	z-index: 2;
	background-image: url(../images/fond_contact.png);
	background-color: #000000;
}

/* You named this layer fond rubrique copie */
#Layer-3 {
	position: absolute;
	left: 826px;
	top: 62px;
	width: 192px;
	height: 256px;
	z-index: 3;
}

/* You named this layer Le mot de bienvenu */
#intro {
	position: absolute;
	left: 16px;
	top: 49px;
	width: 354px;
	height: 427px;
	z-index: 4;
	text-align:left;
}


#signature {
	position: absolute;
	left: 16px;
	width: 354px;
	height: 20px;
	z-index: 4;
	text-align:right;
	color:#000000;
}



/* You named this layer portfolio dun infographiste we */
#logo {
  position: absolute;
  left: 52px;
  top: 55px;
  width: 322px;
  height: 55px;
  z-index: 5;
}

#formulaire {
	position: absolute;
	left: 261px;
	top: 157px;
	width: 605px;
	height: 300px;
	z-index: 5;
}

/* You named this layer barre menu copie */
#Layer-6 {
  position: absolute;
  left: 0px;
  top: 706px;
  width: 1025px;
  height: 66px;
  z-index: 6;
}


#menu ul {
margin: 0;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border-width: 1px 0;
margin-bottom: 1em;
}

#menu {
	position: absolute;
	background: #46461F url(../images/Layer-7.png);
	left: 0;
	top: 668px;
	width: 1025px;
	height: 39px;
	z-index: 7;
}
* html #menu ul { /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#menu ul li {
display: inline;
}

#menu ul li a {
float: left;
color: #000;
padding: 8px 6px 5px 21px;
text-decoration: none;
}

#menu ul li a:hover {
color: #666;
border-bottom: 2px solid #4A4023;
padding-bottom: 0;
}

#date
{
position: absolute;
top: 2px;
line-height: 30px;
color: #5D512A;
right: 30px;
font-weight: bold;
font-size: 12px;
letter-spacing: 0px;
font-family:Arial, Helvetica, sans-serif;
}

/* You named this layer Contact */
#Layer-8 {
	position: absolute;
	left: 150px;
	top: 11px;
	width: 57px;
	height: 11px;
	z-index: 8;
}



/* You named this layer Profil */
#Layer-10 {
	position: absolute;
	left: 19px;
	top: 11px;
	width: 42px;
	height: 12px;
	z-index: 5;
}

/* You named this layer Portfolio */
#Layer-11 {
	position: absolute;
	left: 70px;
	top: 11px;
	width: 66px;
	height: 12px;
	z-index: 11;
}

/* You named this layer CSS */
#Layer-12 {
  position: absolute;
  left: 255px;
  top: 11px;
  width: 38px;
  height: 11px;
  z-index: 12;
}

/* You named this layer Plan du site \| */
#sous_menu {
	position: absolute;
	left: 0;
	top: 1px;
	width: 293px;
	height: 15px;
	z-index: 13;
}
#sous_menu ul li {
display: inline;
}

#sous_menu ul li a {
font-size:12px;
float: left;
color: #FFF;
padding: 8px 0px 5px 21px;
text-decoration: none;
}

#sous_menu ul li a:hover {
color: #666;
padding-bottom: 0;
}

/* You named this layer Contact \| */
#Layer-14 {
  position: absolute;
  left: 107px;
  top: 11px;
  width: 61px;
  height: 15px;
  z-index: 14;
}

/* You named this layer Valid XHTML */
#Layer-15 {
  position: absolute;
  left: 173px;
  top: 11px;
  width: 77px;
  height: 11px;
  z-index: 15;
}

/* You named this layer Michal El Idrissi - 2009 Colma */
#np {
	position: absolute;
	left: 865px;
	top: 3px;
	width: 148px;
	height: 68px;
	z-index: 16;
	line-height:18px;
	color:#FFFFFF;
	text-align:right;
}

/* You named this layer artician */
#Layer-17 {
	position: absolute;
	left: 228px;
	top: 21px;
	width: 55px;
	height: 16px;
	z-index: 17;
}

/* You named this layer linkedin */
#Layer-18 {
	position: absolute;
	left: 133px;
	top: 21px;
	width: 57px;
	height: 16px;
	z-index: 18;
}

/* You named this layer facebook */
#Layer-19 {
	position: absolute;
	left: 191px;
	top: 21px;
	width: 31px;
	height: 31px;
	z-index: 19;
}

/* You named this layer Viadeo */
#Layer-20 {
	position: absolute;
	left: 100px;
	top: 21px;
	width: 39px;
	height: 16px;
	z-index: 20;
}

/* You named this layer fwa */
#Layer-21 {
	position: absolute;
	left: 584px;
	top: 29px;
	width: 34px;
	height: 16px;
	z-index: 21;
}

/* You named this layer Calque 1 */
#Layer-22 {
	position: absolute;
	left: 624px;
	top: 29px;
	width: 98px;
	height: 16px;
	z-index: 22;
}

/* You named this layer Mes liens favoris : */
#favoris {
	color:#FFFFFF;
	position: absolute;
	left: 464px;
	top: 30px;
	width: 111px;
	height: 11px;
	z-index: 23;
}

/* You named this layer cg talk */
#Layer-24 {
	position: absolute;
	left: 736px;
	top: 29px;
	width: 83px;
	height: 16px;
	z-index: 24;
}

/* You named this layer Calque 2 */
#Layer-25 {
	position: absolute;
	left: 270px;
	top: 21px;
	width: 62px;
	height: 16px;
	z-index: 25;
}

/* You named this layer twitter */
#Layer-26 {
	position: absolute;
	left: 332px;
	top: 21px;
	width: 20px;
	height: 20px;
	z-index: 26;
}

/* You named this layer skype */
#skype {
	position: absolute;
	left: 378px;
	top: 21px;
	width: 20px;
	height: 20px;
	z-index: 26;
}

/* You named this layer Mes blogs : */
#mes_blogs {
	color:#FFFFFF;
	position: absolute;
	left: 18px;
	top: 27px;
	width: 72px;
	height: 14px;
	z-index: 27;
}

/* You named this layer Calque 5 */
#Layer-28 {
	position: absolute;
	left: -16px;
	top: 11px;
	width: 230px;
	height: 102px;
	z-index: 28;
	line-height:18px;
}









/*à propos de */





/* You named this layer fond rubrique */
#fond_apropos {
	position: absolute;
	left: 233px;
	top: 71px;
	width: 900px;
	height: 517px;
	z-index: 2;
}
#fond_galerie {
	position: absolute;
	left: 49px;
	top: 130px;
	width: 900px;
	height: 576px;
	z-index: 2;
}



/* You named this layer Calque 5 */
#photo {
	position: absolute;
	left: 467px;
	top: 131px;
	width: 153px;
	height: 102px;
	z-index: 25;
}

/* You named this layer Calque 6 */
#barre_marron {
	position: absolute;
	left: 430px;
	top: 70px;
	width: 224px;
	height: 29px;
	z-index: 26;
}

/* You named this layer Qui suis-je */
#qui_suis_je {
  position: absolute;
  left: 31px;
  top: 7px;
  width: 105px;
  height: 18px;
  z-index: 27;
}

/* You named this layer Michal El Idrissi */
#nom {
	position: absolute;
	left: 709px;
	top: 132px;
	width: 142px;
	height: 14px;
	z-index: 28;
}

/* metier */
#metier {
	position: absolute;
	left: 642px;
	top: 157px;
	width: 208px;
	height: 16px;
	z-index: 29;
}

/* cv */
#cv {
	position: absolute;
	left: 148px;
	top: 141px;
	width: 600px;
	height: 457px;
	z-index: 30;
}