/* general stuff */


body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
}

div.module{clear: right;margin-top: 10px}
div.module{background: #fff;color: #333}
#rightcol-broad div.module {
width: 177px;
background: transparent url(../module_middle_wide.jpg) left repeat-y;
margin-bottom: 10px;
}

#rightcol-broad div.module div {
width: 177px;
background: transparent url(../module_top_wide.jpg) top left no-repeat;
}



#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}




div.module h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

.flag
{
font-size: 9px;

}







.mybox{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 0px;
padding-bottom: 0px;

border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
}

.openpet{ /*class added to contents of 1st demo when they are open*/


border-bottom: 0px solid #cccccc;

}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

















html, body {margin: 0; padding: 0;}
	
	body {
		background: white;
	}
p {
	font-size: 11px;
font-weight: normal;
	font-family: verdana, arial, sans-serif;
	line-height: 1.5em ;
	text-align: left ;

	padding-right: 0px;
margin-right: 0px;
color: #666666;

}


a  {
	
	color: #666666;
font-weight: normal;
}
/*
a:link            { color: #666666; font-weight: normal;}  
a:visited         { color: #666666; font-weight: normal;}  
a:hover           { color: #666666; font-weight: normal;}



*/



	
div#header {
position:absolute;
     left: 50%; 
     top: 0%;
     width: 909px;
     height: 131px; /* 112 */
     
     margin-left: -454px; /* moitié de la largeur */
	margin-bottom: 0px;

background: white url(background.gif) left top;


		
	}


	
	

	
	div#header_logo_left {
		float: left;
padding: 0px 0px;
		margin: 0px 0px;

		width: 59px;
height: 112px;

background: #FF0000;

	}
	div#deuxieme {
		float: right;
		width: 198px;
background: #0000FF;
min-height: 393px;
	}
	div#header_logo_top {
float:left;
		padding: 0px 0px;
		margin: 0px 0px;




width: 791px;


height: 51px; /* 40 */


overflow: hidden;









	}





div#header_banner {
		padding: 0px 0px;
		margin: 0px 0px;


float: left;

width: 790px; /* 791 */


height: 77px; /* 69 */


overflow: hidden;










	}


div#home_page_r3_c5 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 59px;
	float: left;
	width: 791px;
	height: 3px;
	overflow: hidden;
	background: #FFFFFF;
}





div#page {
position:absolute;
     left: 50%; 
     top: 131px; /* 112 */
     width: 909px;
     
     
     margin-left: -454px; /* moitié de la largeur */
	margin-bottom: 0px;

background: white url(background.gif) left top;


		
	}




div#page_left {
		float: left;
padding: 0px 0px;
		margin: 0px 0px;

top: 0px;

		width: 59px;



background: white url(background.gif) left top;
		
	}



div#page_right {
float: right;
padding: 0px 0px;
		margin: 0px 0px;

top: 0px;

		width: 59px;



background: white url(background.gif) right top;
		
	}



div#page_center {
padding: 0px 0px;
		margin: 0px 0px;


margin-left:59px;
width: 791px;

background: #FFFFFF;


overflow: hidden;







		
	}

























div#content_page_left {
		float: left;
padding: 0px 0px;
		margin: 0px 0px;

top: 112px;

		width: 59px;



background: white url(background.gif) left top;

	}
	div#content_page_right {
		float: right;
padding-left: 4px;
padding-right: 4px;
margin-right: 0px;
		width: 213px;
background: #FFFFff;


	}
	



div#content_page_center {

		padding: 0px 0px;
		margin: 0px 0px;
padding-left: 3px;
padding-right: 2px;


width: 556px;

background: #FFFFFF;

border-right: 1px solid #cccccc;
overflow: hidden;










	}











div#page_footer {
		padding: 0px 0px;
		margin: 0px 0px;

margin-left: 0px;
margin-top:0px;

width: 791px;


height: 13px;


overflow: hidden;}





div#page_footer1 {
		height: 47px;

		clear: both;
background: white url(background.gif) right top;
	}	
	
	div#page_footer2 {
		position: relative;
		bottom: 0; left: 0;
height: 13px;
		width: 100%;
		
		line-height: 2.8em; text-align: center;
		
				background: white url(background.gif) right top;	
	}

	







div.module-grey h3, div.moduletable-grey h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	margin: -2px -8px 0 -8px;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module-grey, div.moduletable-grey {
	background: url(box/jos_box_grey_tl.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}




div.module-grey div, div.moduletable-grey div {
	background: url(box/jos_box_grey_tr.png) 100% 0 no-repeat;
}

div.module-grey div div, div.moduletable-grey div div {
	background: url(box/jos_box_grey_bl.png) 0 100% no-repeat;
}

div.module-grey div div div div  {
	background: url(box/jos_box_grey_br.png) 100% 100% no-repeat;
	padding: 8px;
	width: auto !important;
	width: 100%;
}

div.module-grey ul, div.moduletable-grey ul {
margin: 10px 0;
padding-left: 20px;
}

div.module-grey ul li a:link, div.module-grey ul li a:visited {
	font-weight: bold;
}

div.moduletable-grey ul li a:link, div.module-greytable ul li a:visited {
	font-weight: bold;
}

div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
	background: none;
	padding-left: 0;
}

div.module-grey ul li a:hover {
	font-weight: bold;
}

div.moduletable-grey ul li a:hover {
	font-weight: bold;
}

ul.submenu ul {
	margin: 0 0 5px 0;
}


#rightcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

table.thebox {background: #ffffff;}
table.thebox td {
font-size: 9px;
color: #000000;
font-family: sans-serif, arial, verdana;
}