*{
padding:0;
margin:0;
border:0;
}

body
{
	width: 100%;    
	background:url("../images/leftbottom.jpg");
	background-repeat: repeat-y;
	/*background-color: #c6c6c6;*/
	background-color: #d0d0d0;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

table
{
	padding-top:10px;
	width: 100%;
	border: 0;
}

a.table
{
	text-decoration:none;
}

td
{
	text-align: center;
}
/* L'en-tête */

#topleft
{
	position:absolute;
	top:0px;
	left:0px;
   width: 252px;
   height: 132px;
   float:left;
   background-image: url("../images/topleft.jpg");
}

#topcenter
{
	position:absolute;
	top:0px;
	left:252px;
   width: 146px;
   height: 112px;
   float:left;
   background-image: url("../images/topcenter.jpg");
}

#topright
{
	/*position:static;
	top:0px;
	left:0px;*/
   width: 100%;
   height: 112px;
   background-image: url("../images/topright.jpg");
   background-repeat: repeat-x;
}
/* Le menu */

#menu
{
	position:absolute;
	top:132px;
	left:0px;
	clear:both;
	float: left;
	width: 252px;
	min-height:200px;
	background:url("../images/leftmenu.jpg");
	background-repeat: repeat-x;

}

a.mainmenu{
display:block;
width:252px;
height:72px;
background:url("../images/mainmenu.jpg") no-repeat;
}

.submenutop
{
	float:left;

	width: 252px;
	height: 19px;
	background:url("../images/submenutop.jpg");
}

.element_menu
{
	text-align: center;
   padding-left: 7px;
	padding-bottom:0px;
	padding-top:10px;
	line-height:1.5;
}


/* Quelques effets sur les menus */
.element_menu p
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu h3
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("../images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #FFFFFF;
   text-decoration:none;
}

.element_menu a:hover
{
   background-color: #FFFFFF;
   color: #ccdc34;
   text-decoration:none;
}

#corps
{
	margin-left:280px;
	margin-top:20px;
	margin-right:30px;
	padding-top:20px;
}

#corps h2
{
	margin-bottom:10px;
	margin-top:10px;
}

#welcome
{
	margin-top:50px;
	padding-bottom:40px;
}

#corps h3
{
	margin-bottom:8px;
	margin-top:10px;
}

#corps p
{
	font-size:90%;
}

#corps ul
{
	font-size:95%;
	padding-left:15px;
	margin-bottom:30px;
}


#bottom
{
	position:absolute;
	bottom:0;
	width:100%;
	text-align: center;
	color: #B3B3B3;
	background-color: #626262;
	background-image: url("../images/motif.png");
	background-repeat: repeat-x;
	border: 0px solid black;
	z-index:-1;
}

#map
{
	background-color: #e9e9e9;
	float: right;
	text-align: left;
	width:300px;
	height:auto;
	padding-bottom:3px;
	border:1px outset #FFFFFF;
	margin-left:5px;
}

#map_canvas
{
	width:300px;
	height:200px;
}

#map h4
{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#map h5
{
	padding-bottom:4px;
	padding-left:10px;
}

#map p
{
	padding-left:10px;
	font-size:60%;
}

	
#me
{
	float:left;
	width:100px;
	margin-left:20px;
	margin-right:20px;
}

#iam
{
	margin-top:30px;
	margin-bottom:30px;
}



a.email{
display:block;
position:absolute;
top:40px;
right:40px;
clear:both;
float: left;
width: 50px;
height:55px;
background:url("../images/email_small.png");
}

a.skype{
display:block;
position:absolute;
top:40px;
right:100px;
clear:both;
float: left;
width: 50px;
height:55px;
background:url("../images/skype_small.png");
}

a.facebook{
display:block;
position:absolute;
top:40px;
right:160px;
clear:both;
float: left;
width: 50px;
height:55px;
background:url("../images/facebook_small.png");
}

a.linkedin{
display:block;
position:absolute;
top:40px;
right:220px;
clear:both;
float: left;
width: 50px;
height:55px;
background:url("../images/linkedin_small.png");
}

a.cv{
display:block;
position:absolute;
top:40px;
right:280px;
clear:both;
float: left;
width: 50px;
height:55px;
background:url("../images/cv_small.png");
}


.emerics_readmore:after /* Après chaque question */
{
   content: "Click to read more..."; /* Rajouter un point d'interrogation */
   font-size:60%;
   font-weight:bold;
}

.emerics_answer li
{
   font-size:80%;
}