body {
	font-family: "trebuchet MS", verdana, Arial, Helvetica, sans-serif; 	 margin: 0; 
     text-align: center; 

}
/* STYLES PAGE D'ACCUEIL*/
#page {display:block;
 	 position: relative;
     margin-left: auto;
     margin-right: auto;
     width: 770px; 
	 text-align: left;
     }
	 
#slogan1 { display:block; position:absolute; top:178px; left:0px; width:240px; height:70px; padding-right:8px; font-size:20px;color:#333399; text-align: right; }
a.sloganb {	text-decoration:none;	color: #333399;}
a.sloganb:hover {color: #ff9900;}
a.sloganb:visited {	 text-decoration:none; color: #333399;}
a.sloganb:visited:hover {color: #ff9900;}
#slogan2 { display:block; position:absolute; top:497px; left:448px; width:280px; height:130px; padding-left:8px; font-size:16px; color:#ff9900;}
a.slogand {	text-decoration:none;	color:#ff9900 ;}
a.slogand:hover {color:#333399 ;}
a.slogand:visited {	 text-decoration:none; color: #ff9900;}
a.slogand:visited:hover {color:#333399 ;}

#photo1 { display:block; position:absolute; top:0px; left:250px; width:237px; height:198px;}
#photo2 { display:block; position:absolute; top:238px; left:78px; width:227px; height:145px;}
#photo3 { display:block; position:absolute; top:53px; left:448px; width:182px; height:277px;}
#photo4 { display:block; position:absolute; top:328px; left:451px; width:236px; height:160px;}
#photo5 { display:block; position:absolute; top:381px; left:210px; width:241px; height:165px;}
#center { display:block; position:absolute; top:238px; left:305px; width:145px; height:145px;}

a.enter {display:block; width:145px; height:145px;background-color:#ffffff;}
a.enter:hover {display:block;width:145px; height:145px;	  background-color:#333399;}
a.enter:visited {display:block; width:145px; height:145px;background-color:#ffffff;}
a.enter:visited:hover {display:block;width:width:145px; height:145px;	 	 background-color:#333399;}


/* FIN STYLES PAGE D'ACCUEIL*/

a {	text-decoration:none;	color: #cc3300;}
a:hover {	text-decoration:none;	color: #999999;}
a:visited {	 text-decoration:none; color: #cc3300;}
a:visited:hover {	 text-decoration:none; color: #999999;}

div#pere {	
	display: block;position:relative; 
	text-align: left;
	width:1000px;height:600px;
	background: url(images/bgright.jpg) no-repeat 740px top;
	padding: 0px;
	margin:auto;
} 
#boutonCV {
	position:absolute;
	top:440px;
	left: 16px;
	z-index:1;
	width:172px;
	height: 54px;
	padding: 0px;
	margin: 0px;
} 
#contenu {
	display: block;	position:relative; float:left;
	width:540px;
	height:360px;
	overflow: auto;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	color: #333399;
	text-decoration: none;
	font-variant: normal;
	font-size: 12px;
	text-align: justify;
} 

div#menu {
	display: block;
	position:relative; float:left;	width:173px;
	height: 545px;
	background: url('images/menu.jpg') left top no-repeat;
	margin: 0px;
	padding: 105px 6px 0px 14px;
	color: #333399;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-variant: small-caps;
	letter-spacing: 2px;
} 

#key {
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
	height: 100px;
	z-index:0;
	overflow:hidden;
} 

a.menul:link {display:block; padding:2px 5px 2px 5px; margin-bottom:10px; background-color:#FFFFFF; color:#000000; text-decoration: none;}
a.menul:hover { display:block; padding:2px 5px 2px 5px; margin-bottom:10px; background-color:#FF9900;color:#333399; text-decoration: none;}
a.menul:visited {display:block; padding:2px 5px 2px 5px; margin-bottom:10px; background-color:#FFFFFF; color:#ff9900; text-decoration: none;}
a.menul:visited:hover {display:block; padding:2px 5px 2px 5px; margin-bottom:10px; background-color:#FF9900; color:#333399; text-decoration: none;}

div#baniere{
	display: block;position:relative;float:left;
	width:500px;
	margin: 0px;
	height: 110px;
} 

div.titre {	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 6px;
	padding:10px; padding-left:0px; text-align:left;
}

a.ssmenu {	display:block; padding:3px; text-decoration:none;	color: #ff9900; text-align:right;}
a.ssmenu:hover {	text-decoration:none;	color: #333399;}
a.ssmenu:visited {	 text-decoration:none; color: #ff9900;}
a.ssmenu:visited:hover {	 text-decoration:none; color: #333399;}



#mention{
	display: block;
	position:relative;
	float:left;
	width:540px;
	font-size: 9px;
	font-style: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding: 30px;
	height: 120px;
} 

/*style admin */
#topadmin{
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	z-index:0;
	visibility: visible;
	background-image: url(images/baniereadmin.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 120px;
	display: block;
	
} 
#selec {
	display: block;
	background-color: #cccccc;
	position:absolute;
	left:0px;
	top:121px;
	width:123px;
	height: 540px;
	z-index:1;
	visibility: visible;
	margin: 0px;
	padding: 10px;
	color: #330000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	clear: none;
	float: none;
	line-height: 21px;
	font-variant: small-caps;
} 

#form {
	display: block;
	position:absolute;
	left:140px;
	top:121px;
	width:560px;
	height: 540px;
	z-index:2;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	clear: none;
	float: none;
} 


#CV {
	display: block;
	position:absolute;
	left:140px;
	top:121px;
	width:900px;
	height: 540px;
	z-index:2;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	clear: none;
	float: none;
} 

#menuimage {
	display: block;
	background-color: #cccccc;
	position:absolute;
	left:690px;
	top:20px;
	width:250px;
	height: 740px;
	z-index:1;
	visibility: visible;
	margin: 0px;
	padding: 10px;
	color: #330000;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	clear: none;
	float: none;
	overflow: visible;
} 
div.trait {display:block; float:right; height:1px; width:60px; background-color:#333399;}