/* ,----------------------------------------------------. */
/* ¦  Hkoncept Css file				 	¦ */
/* ¦  @author Morille_Alexis		        	¦ */		
/* ¦____________________________________________________¦ */
/* ¦   file : .css                                      ¦ */
/* ¦   role : Define the graphic tools and propreties   ¦ */     
/* '----------------------------------------------------' */


/*##############################################################*/
/* 			TITRES					*/
/*##############################################################*/

h1 {                        /* level 1 title */
  color: #000000;
  overflow: hidden;
	font:  11pt "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;	
	padding: 0px;
	font-stretch: condensed;
}

h2 {                        /* level 2 title */
  color: #000000;
  background: #FF9900;
	font:  10pt "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;
    }
    	   
h3 {                        /* level 3 title */
  	color: #000000;
	font:  10pt "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 0px;
    }

.gradH1{
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
 	color: #000000;
  }
  
.gradH1gfx{
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
 	border-bottom: 5px solid #000000;
 	color: #000000;
 	padding: 5px;

  }     
.gradH2{

	margin: 3px;
	border: 1px solid black;
  	color: #000000; 
 	text-align: center;
 	height: auto;
 	width: auto;
 	background: url(style_1/trame_2.gif);
}    
    
.gradH3{
	font:  11pt "arial", serif;
	background: url(style_1/paper_title_1.jpg);
  	border: 1px solid #000000;
  	color: #000000;
  	font-weight: bold;
}

.miniTitre {
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
  color: #000000;
  display: block;
	font:  10px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;	
	padding: 0px;
}

.miniTitre2 {
 	background: url(style_1/trame_2.gif);
 	border: 1px solid #000000;
	color: #000000;
	display: block;
	font:  9px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;	
	padding: 2px;
}

.miniInfo {
 	background: url(style_1/trame_2.gif);
 	border: 1px solid #000000;
	color: #000000;
	display: inline;
	font:  9px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 2px;	
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 3px;
}

.miniInfo2 {
  background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
	color: #000000;
	display: inline;
	font:  10px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 4px;	
	padding: 3px;
}

/*##############################################################*/
/* -----------------  link definition ------------------------- */
/*##############################################################*/

a:link, a:visited { 
	color: #000000;  
	background-color:transparent;
	text-decoration:none; 
	font-weight: bold;


	}
	
a:active { 
	color: #000000;   
	background-color: transparent; 
	text-decoration:none;
	font-weight: bold;

	}
a:hover	{ 
	color: black; 
	text-decoration: none;
	font-weight: bold;

	}
a.gallery:hover	{ 
	color: black; 
	background: url(style_1/trame_2.gif);
	text-decoration:none;
	font-weight: bold;
	}

a.ref{
	color: black; 
	background: url(style_1/trame_2.gif);
	text-decoration:none;
	display: block;
	border: 1px solid #000;
	margin:3px;
	padding:2px;
	font: 13px "arial",monospace;
	letter-spacing: 0px;
	line-height: 15px;
	font-weight: bold;
}
a.ref:hover	{ 
	color: #fff; 
	background: url(style_1/texture_tissu.gif);
	text-decoration:none;
	}

/*##############################################################*/
/*#_________________Hkoncept BOX definition____________________	*/
/*#																															*/
/*##############################################################*/

body {
	background: #000000;
	margin: 0px;

}


/*###########################*/
/*#	GUI definition					#*/
/*#													#*/

#global_container {
	background: #336666;
	position: relative;
	z-index: 0;
	width: 950px;
	height: 580px;
	border: 2px solid #336666;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: url(style_1/wallpaper.jpg);
}

#logo {
	position: absolute;
	display: block;
	top: 6px;
	left: 3px;
	height: 60px;
	width: 290px;
}

#corp {

}


#fourmiz {
	position: absolute;
	top: 57px;
	left: 200px;
}

div.yeau {
	position: absolute;
	bottom: 15px;
	right: 10px;
}

div.yeau2 {
	position: absolute;
	bottom: 15px;
	left: 0px;
}

/*#################*/
/*#	Menu					#*/
/*#								#*/

a.menubar {
 	border: 1px solid #000000;
	background: url(style_1/texture_papier.jpg);	
	font:  11pt "tahoma", serif;
	line-height: 12pt; 
	letter-spacing: 1px;
  font-weight: bold;
  display: inline;
  text-align: center;
	margin: 3px;
	padding: 0px 3px 0px 3px;

}
a.menubar:hover { 
	color: black; 
	background: url(style_1/trame_2.gif);
	text-decoration:none;
	font-weight: bold;
	}


#menu {
	border: 1px solid #000000;
	position: absolute;
	overflow: visible;
	left: 210px;
	top: 2px;
	height: 18px;
	width: 730px;
	text-align: center;
	display: inline;
	background: url(style_1/texture_papier_2.jpg);
	padding: 3px;
}



/*#################*/
/*#	News					#*/
/*#								#*/

#news{
	position: absolute;
	z-index: 10;
	top: 85px;
	left: 10px;
	height: 460px;
	width: 410px;
	border: 1px solid black;
	background: url(style_1/texture_tissu.gif);
}


div.cooltitle{
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
 	border-bottom: 5px solid #000000;
 	color: #000000;
 	padding: 0px;
 	padding-top: 4px;
 	padding-bottom: 0px;
 	margin: 3px;
 	font: 24px "arial",monospace;
	letter-spacing: -2px;
	line-height: 20px;

  }
div.cooltitle:first-letter {
	display: block;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 1px;
 	padding-bottom: 0px;
 	margin: 3px;
 	margin-right: 0px;
	color: #fff;
	letter-spacing: 5px;
	background: #000;
	text-transform: uppercase;

	
  }  
img.coolicon {
	position: relative;
	float: left;
	top: 2px;
	left: -19px;
}  

div.news_container{
	overflow: auto;
	border: 0px solid #000000;
	margin: 5px;
	height: 420px;
	width: 400px;
	
}

div.news_box{
	border: 0px solid #000000;
	height: auto;
	width: 375px;
}

div.news_add_message {
	position: relative;
	height: 200px;
	width: auto;
}


div.infonews {
	cursor: pointer;
 	background: url(style_1/trame_2.gif);
 	border: 1px solid #000000;
	color: #000000;
	display: block;
	font:  9px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;	
	padding: 2px;
}

div.infonews:hover {
	background: url(style_1/paper_title_1.jpg);
}

a.news:link, a.news:visited, a.news:active, a.news:hover { 
	color: #000;  
	background-color:transparent;
	text-decoration:none; 
	font-weight: bold;
	}

div.news_body {
position relative;
	display: block;
 	border-left: 5px solid #000000;
 	border-top: 1px dotted #000000;
 	margin: 3px;
 	padding-top: 5px;
 	padding-bottom: 1px;
 	background: url(style_1/texture_papier_3.gif) ;
 	height: auto;
}

div.news_head {
	display: block;
	width: auto;
	height: 20px;
	padding: 3px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: -5px;
 	border-left: 5px solid #000000;
 	border-right: 0px solid #000000;
 	background: url(style_1/texture_titre.gif) top right;
}

div.news_icon{
	text-align: center;
	display: inline;
	width: 30px;
 	height: auto;
 	margin-right: 5px;
 	padding-top: 3px;
}

div.news_title {	
	display: inline;
 	color: #000000; 
 	width: 200px;
 	height: auto;
 	text-align: left;
 	color: #000000;
	font:  11pt "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	margin: 3px;	
	padding: 0px;
}

div.news_date {
	display: inline;
 	width: 100px;
 	height: auto;
 	text-align: right;
 	margin-right: 5px;
 	font: oblique 10pt "arial", serif; 
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
}



img.news_img{
	display: inline;
	border: 1px solid #000000;
	float: left;
	margin: 3px;
}

img.float_img{
	display: inline;
	border: 0px solid #000000;
	float: right;
	margin: 3px;
}


#home {
	z-index: 10;
	position: absolute;
	top: 85px;
	visibility: visible;
	left: 430px;
	height: auto;
	width: 345px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

div.home_icon {
	position: absolute;
	top: 32px;
  left: 240px;
}

	
div.close_box {
	border: 1px solid #fff;
	cursor: pointer;
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	background: #000;
	color: #fff;
	width: 20px;
	height: 20px;
		text-align: center;
}

div.add_comment_title {
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
 	width: 265px;
 	color: #000000;
 	padding: 2px;
 		text-align: left;
}


div.news_comments {
	position: relative;
	overflow: auto;
	height: 396px;
	width: 330px;
	padding: 5px;
	margin-bottom: 8px;
}


/*#######################*/
/*#	Comments						#*/
/*#											#*/

.comment_box {
	background: url(style_1/texture_papier_3.gif) ;
 	border-left: 5px solid #000000;
  color: #000000;
	font: oblique 12pt "Helvetica Nue", serif; 
	line-height: 15px;
	text-indent: 5px;
	letter-spacing: 0px;
	width: auto;
	z-index: 15;
	
	margin-bottom: 5px;	
	padding: 2px;
	padding-bottom: 3px;
	
}

div.comment_info {
	text-align: left;
	border-bottom: 1px dotted #000000;	
 	border-left: 5px solid #000000;
	color: #000;
	font:  11px "arial", serif;
	font-weight: bold; 
	letter-spacing: 1px;
	padding: 2px;
	padding-left: 5px;
	background: url(style_1/comment_titre.gif) no-repeat top left;
	height: 10px;
}
span.arrow {
	display: block;
	background: url(style_1/arrow_1.gif) no-repeat;
}

span.arrow:hover {
	display: block;
	background: url(style_1/arrow_2.gif) no-repeat;
}
div.post_comment {
	cursor: pointer;
 	background: url(style_1/texture_papier_3.gif);
 	border: 1px solid #000000;
	color: #000000;
	display: block;
	font:  9px "arial", serif;
	font-weight: bold; 
	letter-spacing: 1px;
	margin: 3px;	
	padding: 2px;
	padding-left:5px;

	text-align: lzft;
}
div.post_comment:hover {
	 	background: url(style_1/texture_papier_2.jpg);
}

/*#######################*/
/*#	USER & login				#*/
/*#											#*/


.loginmenu {
  background: url(style_1/texture_tissu.gif) ;
 	border: 1px solid #000;
	color: #fff;
	display: inline;
	font: 9px "arial",monospace;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 0px;
	margin-top: 3px;	
	margin-right: 3px;
	padding: 3px;
}

.loginmenuaction {
   	background: url(style_1/texture_tissu.gif) ;
 	border: 1px solid #fff;
	color: #fff;
	display: inline;
	font: 9px "arial",monospace;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
}
.loginmenuaction:hover {
   background: url(style_1/trame_2.gif) ;
 	border: 1px solid #000;
	color: #000;
	display: inline;
	font: 9px "arial",monospace;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
}
.loginform {
		line-height: 9px; 
		color: #fff;
		font: 9px "arial",monospace;
   	font-weight: bold; 
   	letter-spacing: 1px;
   	background: none;
   	background: url(style_1/texture_tissu.gif) ;
   	border: 1px dotted #fff;
		padding: 3px;
} 

.type_selector {
		line-height: 9px; 
		color: #000;
		font: 9px "arial",monospace;
   	font-weight: bold; 
   	letter-spacing: 1px;
   	background: url(style_1/trame_2.gif) ;

		border: 0px dotted #fff;
} 


.optionmenu{
	background: url(style_1/texture_tissu.gif) ;

}



#userPage  {
	position: absolute;
	overflow: auto;
	top: 85px;
	left: 5px;
	height: auto;
	width: 800px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

#login {
	position: absolute;
	display: block;
	top: 33px;
	right: 20px;
	height: 25px;
	width: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0px solid #000000;

}

#inscription_Box {
	position: absolute;
	overflow: auto;
	top: 85px;
	left: 5px;
	height: auto;
	width: 400px;
	padding: 3px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

#userstat_Box {
	position: absolute;
	overflow: auto;
	top: 85px;
	left: 430px;
	height: auto;
	width: 490px;
	padding: 3px;
	border: 0px solid #000000;
}


#error_Box {
	position:absolute;
	visibility:visible;
	text-align: center;
	top: 0px;
	left: 0px;
	padding: 5px;
	height: 120px;
	width: 200px;
	border: 1px solid #000000;
	background: url(style_1/texture_papier_3.gif) ;
	z-index: 0 ;
} 

#commande_Box {
	position:absolute;
	z-index: 20;
	visibility: hidden;
	text-align: center;
	left: -200px;
	top: 10px;
	padding: 5px;
	margin: 5px;
	height: auto;
	width: 270px;
	border: 1px solid #000000;
	background: url(style_1/texture_papier_3.gif) ;
} 

#commande_Box_news {
	position:absolute;
	z-index: 20;
	visibility: hidden;
	text-align: center;
	left: 230px;
	top: 10px;
	padding: 5px;
	margin: 5px;
	height: auto;
	width: 270px;
	border: 1px solid #000000;
	background: url(style_1/texture_papier_3.gif) ;
} 



/*###############################################*/
/*#	GFX					#*/
/*#						#*/

div.gfx_icon {
	position: absolute;
	top: 32px;
  left: 240px;
}

/*#####################*/
/*# containers

/* Menu de selection du type de GFX*/
div.gallery_menu {
	border-left: 1px solid #000000;
	overflow: hidden;
	position: absolute;
	left: 215px; 
	top: 95px;
	height: 20px;
	width: 710px;
 	padding: 3px;
	margin: 0px;
	padding-left: 15px;
	background: url(style_1/gallery-menu.gif) no-repeat left;
	font: 18px "arial",monospace;
	letter-spacing: -2px;
	line-height: 18px;
}

/* Boite qui affiche les GFX */
div.gallery_view_box {
	position: absolute;
	left: 215px; 
	top: 120px;
	height: 430px;
	width: 710px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px;
	background: url(style_1/texture_tissu.gif);
}

/* Menu de selection du GFX*/
div.gallery_browse {
	text-align: center;
	overflow: auto;
	position: absolute;
	top: 85px;
	left: 5px;
	height: 465px;
	width: 190px;
	border: 0px solid #000000;
	padding-right: 5px;
}

div.gallery_News {
	border: 0px solid #000000;
	position: relative;
	float: right;
	width: 225px;
	height: auto;
	padding: 3px;

}

.gfxStat {
	float: right;
	text-align: right;
}

/*##################################*/
/*# Browse boX containers


/* Boite pour chaque GFX: image + titre*/ 
.gfx_box {
	cursor: pointer;
	border: 1px solid #000000;
	width: auto;
	margin: 3px;
 	background: url(style_1/trame_2.gif);
}

.gfx_box:hover {
	background: url(style_1/paper_title_1.jpg);
}

/* Boite par type de GFX */
.browse_box {
	border: 1px solid #000000;
	width: 150px;
	margin-bottom: 15px;
	padding: 0px;
	background: #006666;
	background: url(style_1/texture_papier.jpg);

}

.gfxminiTitre {
 	background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
  color: #000000;
  display: block;
	font:  10px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	display: inline;
	margin: 3px;	
	padding-left: 5px;
	padding-right: 10px;
}

img.preview_img {
		border: 1px solid black;
  	float: left;
  	vertical-align: top;
  	clear: right;
  	margin: 2px;
}

img.thumb_img {
		border: 1px solid black;
  	margin: 5px;
  	vertical-align: top;
}

img.medium_img {
	  border: 1px solid black;
  	margin-top: 5px;
  	vertical-align: top;
	  text-align: center;
}

/* Titre*/
div.gallery_title {
	border: 1px solid black;
	border-bottom: 3px solid black;
	overflow: hidden;
	width: auto;
	text-align: left;
	padding: 0px;
	margin: 3px;
	font:  11pt "arial", serif;
	background: url(style_1/paper_title_1.jpg);
  color: #000;
  font-weight: bold;
  text-align: center;
}

div.gfx_intro {
  border: 0px solid #000000;
 	width: 380px;
 	padding: 0px;
 	margin-left: 40px;
 	margin-top: 20px;

}
/*##################################*/
/*# View boX containers		    */

img.view_img {
	border: 1px solid black;
  	margin: 5px;
  	vertical-align: top;
}

div.gallery_description {
	position: absolute;
	overflow: auto;
	top: 30px;
	left: 0px;
	border: 1px solid #000000;
	width: 190px;
	height: 385px;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 3px;
	background: url(style_1/texture_papier.jpg);
}

div.gallery_image {
	position: absolute;
	top: 30px;
	left: 205px;
	width: 495px;
	height: 385px;
}


div.gallery_bg{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

div.gfxbox_info {
	cursor: pointer;
	border: 1px solid black;
	overflow: hidden;
 	color: #000000; 
 	width: auto;
 	text-align: left;
 	background: url(style_1/texture_papier.jpg);
 	margin: 3px;
 	padding: 3px;
}

span.gfxactionbox {
	position: absolute;
	top: 0px;
	right: 5px;
 	border: 0px solid #000000;
	color: #000000;
	display: inline;
	font:  12px "arial", serif;
	text-indent: 5px;
	letter-spacing: 1px;
	width: 450px;
}

div.gfxactionbox2 {
	position: relative;
  background: url(style_1/paper_title_1.jpg);
 	border: 1px solid #000000;
	color: #000000;
	display: block;
	text-align: center;
	font:  10px "arial", serif;
	font-weight: bold; 
	text-indent: 5px;
	letter-spacing: 1px;
	padding: 0px;
	margin-left: 5px;
	margin-top: -5px;
	padding-bottom: 5px;
	width : 490px;
	height: 25px;
}
/*########################################################################*/


/*###############################################*/
/*#	Hkoncept																		#*/
/*#																							#*/

#hservices{
	position: absolute;
	margin-left: 5px;
	margin-top: 90px;
	float: left;
	width: 350px;
	height: auto;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);

}

#servicelist {
	margin 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#hservices div.box_service {
	margin: 3px;
	border: 0px solid #000000;

}

#hservices dt {
		cursor: pointer;
		line-height: 20px ;
		margin-left: 0px ;
		padding-left: 0px ;		
		border-left: 5px solid #000 ;	
		border-bottom: 3px solid #000 ;	
		display: block;	
		height: 20px;
		color: #000 ;
		background: url(style_1/services_title.gif) top right;
		text-indent: 18px ;
		font: 20px "arial",monospace;
		letter-spacing: -1px;
		line-height: 20px;
		padding-bottom: -5px;
}

#hservices dt a {
		color: #000;
		text-decoration: none;
		display: block;
		background: url(style_1/arrow_2.gif) no-repeat 3px 5px ;

}

#hservices dd {
		border-left: 5px solid #000 ;
		border-bottom: 3px solid #000 ;
		border-right: 3px solid #000 ;
		margin: 0;
		padding: 0;
		padding-right: 3px;

		background: url(style_1/texture_papier.jpg);

}

#hservices ul {
		margin: 0;
		padding: 0;
		margin-left: 25px;		
		text-indent: 0px ;
		}

#hservices li {
		color: #000;
		background: none;
		padding-left: 0px;
		list-style-image : url(style_1/puce_1.gif);
		list-style-position: outside;
		font: 15px "arial",monospace;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 18px;

}

#hservices li:hover  {
		list-style-image : url(style_1/puce_2.gif);
		
}

#hservices li a{
		color: #3366CC;
		font-size: 0.9em ;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 100%;
		margin-left: 0px;
		padding-left: 5px ;
}

#hservices dt a {
		color: #000;
		text-decoration: none;
		display: block;
		background: url(style_1/arrow_2.gif) no-repeat 3px 5px ;
}

#hservices dt a:hover {
		background: url(style_1/arrow_1.gif) no-repeat 3px 5px ;
}

#hservices li:hover  {
		list-style-image : url(style_1/puce_2.gif);
		
}


#hservices dl, #hservices dt{
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#hservices ul {
		margin: 0;
		padding: 0;
		margin-left: 25px;		
		text-indent: 0px ;
		}

#hreferences{
	position: absolute;
	margin-left: 380px;
	margin-top: 90px;
	float: left;
	height: auto;
	width: 345px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

#hreferences div.pro_xp{
	position: relative;
	overflow: auto;
	height: 420px;
	width: auto;
	margin-top: 3px; 
	margin: 3px;
	padding-right: 7px;
}

div.ref_box {
	background: url(style_1/texture_papier_3.gif) ;
 	border-left: 5px solid #000000;
  color: #000000;
	font: oblique 12pt "Helvetica Nue", serif; 
	line-height: 15px;
	text-indent: 5px;
	letter-spacing: 0px;
	width: auto;
	z-index: 15;
	
	margin-bottom: 5px;	
	padding: 2px;
	padding-bottom: 3px;
	
}

div.ref_info {
	text-align: left;
	border-bottom: 1px dotted #000000;	
 	border-left: 5px solid #000000;
	color: #000;
 	font: 14px "arial",monospace;
	font-weight: bold; 
	letter-spacing: 0px;
	padding: 2px;
	padding-left: 5px;
	background: url(style_1/ref_titre.gif) top right;
	height: 10px;
}			
	
div.hkoncept_icon {
	position: absolute;
	top: 37px;
  left: 242px;
}

div.rozo {
	position: absolute;
	bottom: 8px;
        right: 0px;
}

img.ref_img {

	float: right;
	text-align: right;
	border: 1px solid #000000;
}

table.tabref {
	margin-top: 3px;
	width: 300px;
}

table.tabservice {
	width: 345px;
	margin-left: -1px;
	border-width: 0px;
}

table.inscriptiotable{
	width: 400px;
	margin-left: 0px;
	border-width: 0px;

}
/*#####################*/
/*#	  Informatique		#*/
/*#										#*/

div.informatique {
	position: absolute;
	overflow: auto;

	top: 85px;
	left: 560px;
	height: auto;
	width: 380px;
}

div.informatique_ref {
	position: absolute;
	float: left;
	top: 85px;
	left: 5px;
	height:auto;
	width: 550px;
	border: 1px solid #000000;
	background: url(style_1/texture_papier.jpg);
}

div.gfx_ref {
	position: absolute;
	float: left;
	top: 230Px;
	left: 5px;
	height:auto;
	width: 380px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

div.it_box {	
	float: left;
	padding: 3px;
	width: 180px;
}
div.it_box2 {	
	float: right;
	padding: 3px;
	width: 180px;
}
div.computing_img {
	position: absolute;
	bottom: 5px;
	right: -10px;
}

div.computing_icon {
	position: absolute;
	top: 35px;
  	right: 240px;
  	width: 150px;
}

ul.mini_list{
	padding-left: 5px;
	margin: 3px;
	font-family: "arial",Courier,monospace;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	line-height: 10pt;
}

li.mini_list {
	list-style-type: none;
	font-family: "arial",Courier,monospace;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	line-height: 10pt;
}



/*###############################################*/
/*#	About me																		#*/
/*#																							#*/
div.about_body {

	display: block;
 	border-left: 5px solid #000000;
 	border-top: 1px dotted #000000;
 	margin: 3px;
 	padding-top: 5px;
 	padding-bottom: 1px;
 	background: url(style_1/texture_papier_4.gif) ;
 	height: auto;
}

div.padbox {
	padding: 3px;
}
div.about_head {
	display: block;
	width: auto;
	height: 20px;
	padding: 3px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: -5px;
 	border-left: 5px solid #000000;
 	border-right: 0px solid #000000;
 	background: url(style_1/mylife_titre.gif) top right;
 	 font: 24px "arial",monospace;
	letter-spacing: -2px;
	line-height: 20px;
}

div.about_me {
	position: absolute;
	top: 85px;
	left: 5px;
	height: auto;
	width: 350px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}

div.about_it {
	position: absolute;
	top: 85px;
	left: 365px;
	height: auto;
	width: 310px;

}

div.about_gfx {
	position: absolute;
	top: 85px;
	left: 525px;
	height: auto;
	width: 250px;
	border: 1px solid #000000;
	background: url(style_1/texture_tissu.gif);
}
div.about_img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.about_icon {
	position: absolute;
	top: 22px;
	left: 235px;
}

div.about_icon2 {
	position: absolute;
	top: 250px;
	right: 50px;
}

/*###############################################*/
/*#	Link     																		#*/
/*#																							#*/

#link{
	position: absolute;
	top: 85px;
	left: 100px;
	height: auto;
	width: 845px;
	border: 0px solid #000000;
}


div.spiderz {
	position: absolute;
	top: 81px;
	left: -10px;
}

#link img.link {
	border: 1px solid #000000;
	padding: 0px;
	margin:0px;
}

#link a {
	padding: 0px;
	margin:0px;
}
/*###########################*/
/*#	Administration     			#*/
/*#													#*/

#admin_menu {
	position: absolute;
	top: 5px;
	left: 5px;
	height: auto;
	width: 245px;
	border: 2px solid #669999;
	background: #669999;
	background: url(style_1/texture_papier.jpg);
}

#admin_body {
	position: absolute;
	overflow: auto;
	top: 5px;
	left: 260px;
	height: 600px;
	width: 720px;
	border: 2px solid #669999;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #669999;
	background: url(style_1/texture_papier.jpg);
}

.adminTab {
 	background: url(style_1/trame_2.gif);
}


div.admin_listSelector {
	position: absolute;
	overflow: auto;
	top: 30px;
	left: 5px;
	height: 540px;
	width: 245px;
	margin: 0px;	
	padding: 3px;
}

div.admin_preview {
	position: absolute;
	overflow: auto;
	top: 30px;
	left: 260px;
	height: 540px;
	width: 450px;
	border: 1px solid #000000;
 	margin-bottom: 3px;
 	padding: 3px;
 	background: url(style_1/texture_papier_3.gif) ;
}

div.admin_action {
	position: absolute;
	overflow: auto;
	bottom: 5px;
}

ul.admin_list{
	padding: 0px;
	margin: 0px;
	font-family: "arial",Courier,monospace;
	text-indent: 20px;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
}

li.admin_list {
	list-style-type: none;
	font-family: "arial",Courier,monospace;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	line-height: 10pt;
	text-indent: 20px;
	margin: 4px;
	padding-left: 10px;
	padding-bottom: 5px;

}

div.user_head {
	display: block;
	width: 250px;
	height: 20px;
	padding: 3px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: -5px;
 	border-left: 5px solid #000000;
 	border-right: 0px solid #000000;
 	background: url(style_1/mylife_titre.gif) top right;
 	 font: 24px "arial",monospace;
	letter-spacing: -2px;
	line-height: 20px;
}


/*###############################*/
/*#	copyrights & shortcuts			#*/
/*#															#*/

#shortcuts {
	position: absolute;
	bottom: 0px;
	left: 0px;

	height: 15px;
	width: 944px;
	border: 1px solid #000000;
	padding: 2px;
 	background: url(style_1/paper_title_1.jpg);
}

.copyright {
	font: 8pt "arial",monospace;
	text-align: left;
	line-height: 13px;
	margin: 0px;
	padding: 0px; 
}


#statue_box {
	position: absolute;
	overflow: hidden;
	top: 60px;
	left: 5px;
	height: 20px;
	width: 230px;
	border: 1px solid #000000;
	border-bottom: 3px solid #000000;
 	background: url(style_1/paper_title_1.jpg);
}


/*###############################################*/
/*#	General Box definition  		#*/
/*#						#*/
.box_1 {
	border: 1px solid #000000;
	height: auto;
	width: auto;
	margin: 5px;	
	padding: 5px;
	background: #669999;
	background: url(style_1/texture_papier.jpg);
}

.box_2 {
	border: 1px solid #000000;
	height: auto;
	width: auto;
	margin: 3px;	
	padding: 5px;
	background: #669999;
	background: url(style_1/texture_papier_3.gif);
}

.box_body_1_bg{
 /*	background: url(style_1/top_texture_papier_3.gif) no-repeat top left;*/
 	margin-top: 0px;
 	padding: 5px;
 	border: 0px solid #000000;
}

.box_body_1 {
  border: 1px solid #000000;
 	margin-bottom: 3px;
 	padding: 3px;
 	background: url(style_1/texture_papier_3.gif) ;
}


.box_edge_1 {
 border: 1px solid #000000;
 padding: 0px;
 margin: 0px;
 } 
 
.box_title_1 {
	border: 1px solid black;
  color: #000000; 
 	width: auto;
 	text-align: left;
 	margin: 0px;
 	background: url(style_1/paper_title_1.jpg);
}

.box_title_2 {
	display: inline;
	border: 1px solid black;
 	color: #000000; 
 	width: auto;
 	text-align: left;
 	margin: 3px;
 	padding: 2px;
 	background: url(style_1/paper_title_1.jpg);
}

.box_info_1 {
	border: 1px solid black;
	overflow: hidden;
 	color: #000000; 
 	width: auto;
 	text-align: left;
 	background: url(style_1/trame_2.gif);
 	margin: 3px;
 	padding: 0px;
}

.box_info_2 {
	border: 1px solid black;
	overflow: hidden;
	display: block;
  color: #000000; 
 	width: auto;
 	text-align: left;
 	background: url(style_1/trame_2.gif);
 	margin: 3px;
 	padding: 0px;
}



	
/*_________________Fonts __________________________*/

p {
	padding: 0px 0px 0px 0px;
	margin: 3px 3px 3px 3px;
}

P.small:first-letter { 
	font-size: 15px; 
	font-weight: bold;
	color: #CC6600; 
	}
	
p.small {
	font: 10pt "arial", serif;
	margin: 3px;
	line-height: 11pt; 
	text-indent: 8px;
}

.normal:first-letter { 
	font-size: 16px; 
	font-weight: bold;
	color: #CC6600; 
	}
	
.normal {
	font:  11pt "arial", serif;
	line-height: 12pt; 
	text-indent: 8px;
	text-align: justify;
	letter-spacing: 0px;	
	color: #000000 ; 
}

.normal3:first-letter { 
	font-size: 16px; 
	font-weight: bold;
	color: #CC6600; 
	}
	
.normal3 {
	font:  11pt "arial", serif;
	line-height: 12pt; 
	text-indent: 8px;
	letter-spacing: 0px;	
	color: #000000 ; 
}

P.normal2:first-letter { 
	font-size: 16px; 
	font-weight: bold;
	color: #FF9900; 
	}
	
p.normal2 {
	font:  11pt "arial", serif;
	font-weight: bold;
	line-height: 14pt; 
	text-indent: 8px;
	text-align: justify;
	letter-spacing: 0px;	
	color: #000000 ; 
}

.big:first-letter { 
	font:  16pt "arial", serif;
	font-weight: bold;
	color: #000000; 
	text-decoration:underline;
	}
	
.big {
	font:  13pt "arial", serif;
	font-weight: bold;
	line-height: 12pt; 
	text-indent: 5px;
	letter-spacing: 1px;	
}


p.title {
	font-size: 13pt; 
	color: #000000;
	line-height: 14pt; 
	font-weight: 500;
	font-family: "Verdana", sans serif;
	text-shadow: white 0px 0px 5px;
}

p.code {
	font-family:"Courier New",Courier,monospace;
	font-weight: 400;
	font-size: 10pt;
	text-align: left;
	line-height: 10pt;
}

p.time {
	font: oblique 10pt "Courier New", serif; 
	font-weight: 500;
	color: #000000;
}

P.hand_write:first-letter { 
	font-size: 20px; 
	font-weight: bold;
	color: #006666; 
	}

p.hand_write {
	font: oblique 14pt "Helvetica Nue", serif; 
	text-indent: 5px;
	font-stretch: condensed;
	font-weight: 500;
}

P.hand_write_big:first-letter { 
	font-size: 20px; 
	font-weight: bold;
  color: #FF9900;
	}

p.hand_write_big {
	font: oblique 15pt "Helvetica", serif; 
	font-weight: bold;
	text-indent: 5px;
	font-stretch: condensed;
	font-weight: 500;
}

p.hand_write-small {
	font: oblique 14pt "Helvetica Nue", serif; 
	font-weight: 500;
}

p.year {
	font: 25pt "Tahoma", serif; 
	font-weight: bold;
	text-indent: 0px;
	line-height: 12pt;
	letter-spacing: -5px;
	text-align: left;
	padding-left: 5px;
	color: #000;
	margin-bottom: -1px;


}

.stat:first-letter { 
	font-weight: bold;
}
.stat { 
	font-size: 11px; 
	color: #000000;
	text-indent: 3px;
	font-weight: 300;
	font-family: "Arial", sans serif;
	letter-spacing: 1px;
}

.XXS {
	font: 9pt "arial black",monospace;
	font-weight: bold;
	text-align: left;
	color: #000000;
	letter-spacing: 1px;
}

.XL {
	font: 34pt "arial",monospace;
	text-align: left;
	letter-spacing: -4px;
}
.XXL {
	font: 34pt "arial",monospace;
	font-weight: bold;
	text-align: left;
	line-height: 14pt; 
	text-indent: 0px;
	letter-spacing: -5px;
}
/* -----------------  Listes ------------------------------ */

ul {
		margin: 0;
		padding: 0;
		margin-left: 25px;		
		text-indent: 0px ;
		}

li {
		color: #000;
		background: none;
		padding-left: 0px;
		list-style-image : url(style_1/puce_1.gif);
		list-style-position: outside;
		font: 15px "arial",monospace;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 18px;
}

li.lipucien {
		color: #000;
		background: none;
		padding-left: 0px;
		list-style-image : url(style_1/puce_1.gif);
		list-style-position: outside;
		font: 12px "arial",monospace;
		letter-spacing: -1px;
		line-height: 18px;
}


li:hover  {
		list-style-image : url(style_1/puce_2.gif);
		
}

ul.listGFX{
	padding-left: 10px;
	margin: 0px;
}

ul.listHkoncept{
	padding-left: 100px;
	margin: 3px;
	font:  11pt "arial", serif;
	font-weight: bold;
	line-height: 14pt; 
	text-indent: 8px;
	text-align: justify;
	letter-spacing: 0px;	
	color: #000000 ;
}

/* -----------------  table definition ------------------------------ */
	
table {                       
    margin: 0px 0px 0px 0px;
    padding: 0ex 0em 0ex 0em;
    }
	
td {
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    padding: 0ex 0em 0ex 0em;
    }
    
caption {
    margin: 0px 0px 0px 0px;
    padding: 0ex 0em 0ex 0em;
    caption-side: top;
}

/* ---------------------  Image definition ------------------------ */
img {                        /* image propreties */
    margin: 0px 0px 0px 0px;
    padding: 0ex 0em 0ex 0em;
    text-align: center;
}

	
	
img.float_img {
   float: left;
   margin: 3px;
   vertical-align: bottom;
   }
      
      
.format {
	position: absolute;
	font-family:Verdana;
	color:CCCC00;
	font-size:70px;
	letter-spacing:2;
	top:550;
	left:200;
}                  	

form {
	margin: 0px;
	padding: 0px;
}

input(
	margin: 3px;
	font:  11pt "arial", serif;
	font-weight: bold;
	line-height: 10pt; 
	text-indent: 8px;
	letter-spacing: 0px;	
)

img.arrow {
	border: 0px solid black;
}

#radio{
	position: absolute;
	bottom: 2px;
	right: 2px;

	cursor: pointer;
} 	



#radio_koala {

	position: absolute;
	display: block;
	top: 170px;
	left: 30px;
	height: auto;
	width: 230px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid black;
	background: url(style_1/texture_tissu.gif);
	text-align: center;
}	

#radio_monkey {

	position: absolute;
	display: block;
	top: 170px;
	left: 360px;
	height: auto;
	width: 230px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid black;
	background: url(style_1/texture_tissu.gif);
	text-align: center;
}	

#radio_grizzly {

	position: absolute;
	display: block;
	top: 170px;
	right: 40px;
	height: auto;
	width: 230px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid black;
	background: url(style_1/texture_tissu.gif);
	text-align: center;

}

#in_tune{
	position: absolute;
	display: block;
	top: 15px;
	right: 0px;
}

#radio_logo{
	position: absolute;
	display: block;
	top: 70px;
	right: 320px;
}

.hidden {
display: none;
}