body {
	margin: 0px 0 ;
	background-image:url(images/fond.gif);
	background-repeat:repeat-x;
	background-color:#bebfcf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.main {
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#444e5d;
}

#fond {
	width: 100%;
	height: 100%;
	margin:auto;
}

#principale {
	width: 766px;
	margin: 0 auto;
	margin-top:9px;
}

#contenu {
	width: 766px;
	vertical-align:middle;
	border:#000000 1px solid;
	margin:auto;
	background-image:url(images/assistance_15.jpg);
}

#header {
	width: 766px ;
	height:102px; 
	background-image:url(images/Portail4_05.jpg); 
	border-bottom:  #999999 1px solid ;	
}
#header a {
	display:block;
	width:766px;
	height:102px;	
}

#flash {
	width: 766px;
	height:250px;	
}
#flash a {
	display:block;
	width:766px;
	height:250px;	
}

#menuserv {
	width: 202px; 
	background-image: url('images/assistance_13.jpg'); 
	background-repeat: no-repeat; 
	background-color: #ffffff; 
	float:left; 
	padding-top:50px; 	
}
#assistance {
	width: 141px;
	height: auto;
	text-align:right ;
	float:right;
	margin-top:75px;
}

#reflet {
	width: 766px ; 
	margin:auto;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
	border-bottom: #333333 1px solid;
}

#infog {
	width: 320px;
	height: 17px;
	text-align:left;
	float:left;
}

#infod {
	width: 400px; 
	height: 17px; 
	text-align:center; 
	float: right;
}
#mots {
	width: 766px;
	float:left ;
	text-align:center;	
	clear:both;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	width:202px;
	float:left;
}

#menu2 {
	width:202px;
	float:left;
	padding-top:10px;
}

#menu dt {
	cursor: pointer;
	margin: 0px 0;
	text-align: left;
	font-size:11px;
	line-height: 28px ;
	height: 28px;
	text-indent:35px;
	letter-spacing: -1px;
}

#menu2 dt {
	cursor: pointer;
	margin: 0px 0;
	text-align: left;
	font-size:11px;
	line-height: 28px ;
	height: 28px;
	text-indent:35px;
	letter-spacing: -1px;
}

#menu dd {
	font-size:11px;
	line-height: 20px ;
}

#menu2 dd {
	font-size:11px;
	line-height: 20px ;
}

#menu li {
	text-align: left;
	background: #fff;
}

#menu li a {
	color: #008dff ;
	font-size:9px;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	text-indent:60px
}
#menu li#actif {
	font-weight:bold;
	}

#menu dt a {
	color: #0564b3 ;
	text-decoration: none;
	background: url(images/menu.png)  0 -54px ;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu2 dt a {
	color: #0564b3 ;
	text-decoration: none;
	background: url(images/menu.png)  0 -54px ;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu dt#actif a {
	color: #FFFFFF ;
	text-decoration: none;
	background: url(images/menu.png)  0 0px ;
	font-weight:bold;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu2 dt#actif a {
	color: #FFFFFF ;
	text-decoration: none;
	background: url(images/menu.png)  0 0px ;
	font-weight:bold;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu li a:hover {
	background: #eeeef5;
}

#menu dt a:hover {
	background: url(images/menu.png)   0 -27px ;
	background-color:#eeeef5;
}

#menu2 dt a:hover {
	background: url(images/menu.png)   0 -27px ;
	background-color:#eeeef5;
}

#addition {
	float:left; font-size:10px; 
	padding-top:25px;
	margin-left:15px;
	margin-right:5px; 
}

#titre {
	width:544px;
}

#titre h1 {
	line-height: 25px ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #008dff ;
	font-size:16px;
	border-bottom:#0564b3 1px solid;
}
#illustration {
	width:240px ;
	float:left ;
}

#texte {
	width: 304px ;  
	float:left;	
}

#texte p {
	text-align: justify ;
	line-height: 1.7em ;
	color: #747474;
	padding-right:5px;
	font-size:11px;
}

#titre h2 {
	line-height: 15px ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #999999;
	font-size:12px;
	margin-left:25px;
	margin-right:15px;
}

#tableau {
	height:900px;
	width:500px;
	float:left; font-size:10px; 
	padding-top:25px;
	margin-left:15px;
	margin-right:5px; 
}

.cellule {
	width:187px;
	height:200px;
	border:solid #000000 1px;
	margin:10px;
	float:left;
}

.txtcellule {
	width:187px;
	height:27px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	float:left;
	font-size:9px;
	text-align:center;
}

#filter
{
	display: none;
	position: absolute;
	top: 400px;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#box 
{
	display: none;
	position: absolute;
	top: 450px;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:11;
}

#boxcontent
{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}

#boxtitle
{
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	color:black;
	text-align:center;
}

#categorie
{
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding-top:25px;
	background-color:#a4cce0;
	width:450px;
	clear:both;
	background-image:url(images/arrondi.jpg);
	text-align:center; height:33px;
}
#ban
{
	padding:5px;
	width:450px;
	clear:both; 
}
#ban img
{
	border: none; 
}
#descriptif
{
	 padding:5px;
	 width:450px;
	 clear:both;
}


.txtcellule a img
{
	opacity:0.5;
	filter : alpha(opacity=50);

}

.txtcellule a:hover img
{
	opacity:1;
	filter : alpha(opacity=100);
}

#pre
{
	 height:17px;
}
#retour
{
	 width:140px;
	 float:left;
}
#recom
{
	 width:100px;
	 float:right;
	 text-align:right;
}

#mots2
{
	 width:520px;
	 text-align:center;
	 float:left;
	 font-family:verdana;
	 font-size: 0.55em;
	 font-weight:bold;
}
#plan
{
	 clear:both;
	 font-size:0.65em;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 padding-top:25px;
	 background-color: #6a6e95;
	 height: 160px;
	 width:766px;
	 margin:0 auto;
	 
}
#plan2
{
	float:left;  padding-left:2px;
}
#plan2 a
{
	color: #fff;
}
.rub
{
	display:block; width:125px; height:25px; background-color: #414676; text-align:center;
}
#plan2 a.rub
{
color:#FFFFFF; text-decoration:none;
}