/* CSS Document */

html, body {

	text-align: center;
	margin:0px;
	padding:0px;
}



body#page_bg {
	background-color:#409ce6;
	background-image:url('../image/background.jpg');
	background-repeat : repeat-x;
	background-attachment : fixed;
	vertical-align:bottom;
	margin-top: 0px;
	text-align: center;
	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #F7F7F7;


}


td {

	font-size: 11px;

	line-height: 140%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #D4D4D4;

	border: 1px solid black;
}

#header-top {
	background-image: url(../image/header.png);
	background-repeat:no-repeat;
	height:242px;
}

#container {

	margin-left:auto;

	margin-right:auto;

	width:771px;
	
	

	margin-top: 50px;

	

	background-repeat: no-repeat;

	background-position: center top;

	/* background-color: #000000; */

	text-align: left;

	background-attachment: scroll;

	margin-bottom: 50px;

}



div.logo{

	background-image: none;

	float: left;

	height: 70px;

	width: 300px;

}

div.download{

	background-color: rgb(20, 20, 20);
	text-align:center;
}

div.corp{
	
	text-align:center;
}

div.search_outer{

	

	float: right;

	height: 70px;

	width: 300px;

	background-repeat: no-repeat;

}

div.search_inner{

	margin-top: 10px;

	margin-right: 25px;

}

#navbar{

	float: left;

	height: 77px;

	width: 771px;

	clear: both;

	vertical-align: middle;

	background-image: none;

}



div.nav_inner{

	padding-left: 25px;

}

.componentheading {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #515151;

}

.contentheading {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #0099FF;

	height: 18px;

}

a:link, a:visited {

	color: #0099FF;
	border:none;
	text-decoration: underline;

}

a:hover {
	color:#0099FF;
	text-decoration: none;

}

div#leftcol a.mainlevel:link, div#leftcol a.mainlevel:visited {

	color: #0099FF;

	text-decoration: underline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	line-height: 15px;

	

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 2px;

	padding-top: 2px;

	padding-bottom: 2px;

}

div#leftcol a.mainlevel:hover {

	color: #0099FF; 

	text-decoration: none;

	background-image: url(../image/menubgb.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 8px;

}

#navbar a.mainlevel:link, #navbar a.mainlevel:visited {

	 color: #128EE0; 

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	line-height: 14px;

}

#navbar a.mainlevel:hover {

	color: #0099FF;

	text-decoration: none;

	margin-bottom: 3px;

}

.botleft{

	background-image: url(../image/botleftshadow.png);

	background-repeat: no-repeat;

	background-position: right bottom;

	height: 14px;

	width: 14px;

	float: left;

}

.bottom{

	background-image: url(../image/bot_shadow.png);

	background-repeat:no-repeat;

	background-position: center bottom;

	height: 242px;

	width: 771px;

	clear: both;

}

.botright{

	background-image: url(../image/botrightshadow.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	height: 14px;

	width: 14px;

	float: right;

}

.copy, .copy a:link, .copy a:visited,.copy a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	text-decoration: none;

}

#wrapper{
	
	

	background-image: url(../image/main_bg.png);

	background-repeat: repeat-y;

	background-position: center bottom;
	
	text-align:center;
	
	

}

#leftcol{

	width: 140px;

	float: left;

	position: fixed;
	
	top:0px;
	
	left:0px;
	
	width:210px;
	
	overflow:auto;
	
	text-align: left;

	margin: 0px;

	padding-left: 10px;

}

#mainbody{
	width:auto;	
	text-align:left;
	color:#000000;
	padding:50px;
}

div#leftcol table.moduletable th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	
	

	width: 140px;

	background-image: url(../image/modhdrbg.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 3px;

}

div.moduletable h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #999999;

	margin: 0px;

	padding: 0px;

}

div.maindivider {

	margin-top: 0px;

	height: 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

div#leftcol table.moduletable {

	margin-bottom: 15px;

}

.createdate,.small{

	color: #666666;

	font-size: 10px;

	line-height: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.inputbox {

	background-color: #1D1D1D;

	border: 1px solid #3C3C3C;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	line-height: 14px;

}
.designertoo{
display:block;
text-indent:-5000px;
text-decoration:none;
height:0;}
.button {

	background-color: #1D1D1D;

	border: 1px solid #3C3C3C;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

	line-height: 14px;

	text-align: center;

	vertical-align: middle;

	text-transform: uppercase;

	padding: 2px;

}

.readon {

	font-size: 10px;

}

.sectiontableheader {

	background-color: #202020;

	color: #CCCCCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.sectiontableentry1 td {

	color: #CCCCCC;

	padding: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	background-color: #0C0C0C;

}

.sectiontableentry2 td {

	color: #CCCCCC;

	padding: 8px;

	border-bottom-width: 1px;

	border-bottom-color: #333333;

	border-bottom-style: solid;

	background-color: #0C0C0C;

}



.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}







/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  


.designer{color: #666;}
.designer a:link,.designer a:visited{color: #666;font-size: 0.8em;text-decoration: none;}
.designer a:hover{color: #666;}


.tableau1
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border:none;
   
   text-align:center;
   margin-left:auto;
	margin-right:auto;
	width:100%;
   
}
.tabdet1
{
	border:none;
	color:#333333;
}
.tabproj
{
   border: 1px solid black;
   border-color:#0099FF;
   background-color:#666666;
   text-align:justify;
   
}
.tabprojhaut
{
   border: 1px solid black;
   border-color:#0099FF;
   text-align:center;
   background-color:#333333;
   color:#999999;
   font-weight: bold;
   text-indent: 30px;
}


.tabprojdroit
{
	background-color:#666666;
	border: 1px solid black;
    border-color:#0099FF;
    background-color:#666666;
    text-align:justify;
}

.tabdesc
{
	display:none; 
	background-color:#666666;
	border:1px solid #0099FF;
}

.tabtd1
{
   border: 1px solid black;
}

.infobulle{
    position: absolute;	
	visibility : hidden;
	border: 1px solid #065994;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #0066bb;
	opacity:0.7; 
	filter: alpha(opacity = 70);


}

#fixed-footer {
	filter: alpha(opacity=55);
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:29px;
	line-height:29px;
	background-image:url(../image/pixel.jpg);
	background-position:center;
	background-repeat:repeat;
	color:white;
	text-align:right;
	opacity: 0.55;
}

#ConnectionBox{
  position:fixed;
  left: 100%; 
  bottom:29px;
  width: 200px;
  height: 200px;
  margin-left: -220px; /* moitié de la largeur */
  border: 1px solid #000;
  background-color:Gray;
  
  
}

#haut-menu {
	color:#0033CC;
}

.link-menu{
	padding:3px;
	text-align:left; 
	background-color:#FFFFFF;
	text-align:center;	
}
.header-menu{
	background-image:url('../image/window/Itheme/handle.png'); 
	padding-top:15px; 
	padding-bottom:15px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	text-align:center;
}
.bottom-menu{
	background-image:url('../image/window/Itheme/bottom.png');
	padding-top:10px
}

.button-menu{
	
	border:0px;
}



.menu{
		color: #0099FF;

	text-decoration: underline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	line-height: 15px;

	

	padding-left: 2px;

	padding-top: 2px;

	padding-bottom: 2px;
	
	color: #0099FF; 

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: left center;

	width: 140px;

	float: left;

	position: fixed;
	
	top:0px;
	
	left:0px;
	
	width:210px;
	
	overflow:auto;
	
	text-align: left;

	margin: 0px;

	padding-left: 10px;

}


.messageBox{
	color:#C0C0C0; 
	background-color:#FFF; 
	padding:3px; 
	border:1px solid #C0C0C0; 
	width:572px; 
	height:300px;
}


/*** Gestion home ***/

.Title_home {
	font-size: 16px;
	font-weight: bold;
	color:#333333;
	text-align:center;
}

.sub_Title_home {
	font-size: 13px;
	font-weight: bold;
	
	text-align:center;
}



/** Gestion CV **/
.sub_title_cv {
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}
.sub_sub_underline  {
	text-decoration:underline;
}
.Title_cv {
	font-size: 16px;
	font-weight: bold;
	color:#333333;
	text-align:center;
}



/* ---- Gestion des News */

.news {
	
	padding:10px 15px 10px 15px;
	color:#444444;
	text-align:justify;
	margin-right:15px;
}

.title_news {
	padding:0 10px;
	margin:0;
	display: block;
	height:35px;
	font-size:14px;
	line-height:35px;
	width:680px;
	background:url(/theme/1/news.jpg) no-repeat;
	font-weight:bold;
	color:#5f5f64;
	
}