﻿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;
}

.gras {
	font-size: 12px;
	font-weight: bold; 
	text-decoration:underline;
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#444e5d;
}

#fond {
	width: 100%;
	height: 100%;
	margin:auto;
}

#principale {
	width: 911px;
	margin: 0 auto;
	
}


#header {
	width: 911px ;
	height:102px; 
	background-image:url(images/Portail4_05.jpg); 
	border-bottom:  #999999 1px solid ;	
}

#header a {
	display:block;
	width:911px;
	height:102px;	
}

#flash {
	width: 911px;
	height:184px;	
}

#menuserv {
	width: 241px ; 
	height: 350px; 
	background-image: url(images/assistance_13.jpg); 
	background-repeat: no-repeat; 
	background-color: #ffffff; 
	float:left ; 
	padding-top:60px; 	
}
#assistance {
	width: 141px;
	height: auto;
	text-align:right ;
	float:right;
	margin-top:75px;
}

#petitband {
	width: 911px ;
	height:15px;
	background-image: url(images/Portail4_12.jpg);
	clear:both;
}
#grandband {
	width: 911px ;
	height:36px;
	/*   background-image: url(images/Portail4_15.jpg);  */
	background-color: #079500;
	text-align:left;
}

#reflet {
	width: 940px ; 
	height:69px; 
	background-image: url(images/assistance_39.png); 
	background-repeat:no-repeat; 
	margin:auto;
}

#infog {
	width: 670px;
	height: 17px;
	text-align:left;
	padding-top:69px;
	float:left;
}

#infod {
	width: 200px; 
	height: 17px; 
	text-align:right; 
	padding-top:55px;
	float: right;
}
#mots {
	width: 911px;
	height: 17px;
	float:left ;
	text-align:center;
	padding-left:30px;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	width:230px;
	float:left;
}

#menu dt {
	cursor: pointer;
	margin: 0px 0;
	text-align: left;
	font-size:11px;
	line-height: 28px ;
	height: 28px;
	text-indent:10px;
	letter-spacing: -1px;
}

#menu dd {
	font-size:11px;
	line-height: 20px ;
}

#menu li {
	text-align: left;
	background: #fff;
}

#menu li a {
	color: #83a819 ;
	font-size:9px;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	border-top:  #CCCCCC 1px  dotted;
	background-color: #eef5f2;
	padding-left:25px;
}
#menu li#actif {
	font-weight:bold;
	}


#menu dt a {
	color: #6d9105 ;
	text-decoration: none;
	background: url(images/menu.png)  0 -54px ;
	display: block;
	height: 27px;
	border: 0 none;
}
#menu dt#actif a {
	color: #00000 ;
	font-weight: bold;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu li a:hover {
	background: #4ad183;
	color:#FFFFFF;
}

#menu dt a:hover {
	background: url(images/menu.png)   0 -27px ;
	text-decoration:underline;
}

#texte {
	width: 489px ; 
	background-color:#FFFFFF; 
	float:left; font-size:10px; 
	padding-top:25px;
	margin-left:25px;
	margin-right:15px; 
}

#texte p {
	text-align: justify ;
	line-height: 1.7em ;
	color: #747474;
	padding-left:25px;
	padding-right:15px;
	font-size:11px;
}

#texte h1 {
	line-height: 25px ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #9dbd03 ;
	font-size:16px;
	border-bottom:#9dbd03 1px solid;
	margin-left:25px;
	margin-right:15px;
}
#texte h2 {
	line-height: 25px ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #999999;
	font-size:12px;
	margin-left:25px;
	margin-right:15px;
}
