body {
	background-color:#354238;
	margin:0;
	padding:0;
	background-image:url(communication-interactive/background.gif);
	background-repeat:repeat-x;
	}
	
	/*BANNIERE*/
	
		#hautpage {
			margin-left:auto;
			margin-right:auto;
			width:1088px;
		}
		#hautpageindex {
			margin-left:auto;
			margin-right:auto;
			width:1335px;
		}
	
	
	#banniere {
		height:131px;
		margin-left:Opx;
		margin-top:0;
		margin-bottom:0;
		}
		
		#menuhaut {
	height:27px;
	background-color:#D9E021;
	margin-left:100px;
	}
		
			ul#menu_du_haut {
				width:auto;
				height:27px;
				margin:0;
				padding:0;
				list-style:none;
				float:left;
				text-align:left;
				margin-left:auto;
				margin-right:auto;
				}	
				#menu_du_haut li {
						height:27px;
						width:auto;
						margin-left:0px;
						margin-right:0px;
						padding:0;
						display:inline;
						}
						#menu_du_haut li a {
						height:27px;
						width:auto;
						margin-left:0px;
						margin-right:0px;
						padding:0;
						display:inline;
						float:left;
						}
						
				#menu_du_haut li a:hover {
						height:27px;
						width:auto;
						margin-left:0px;
						margin-right:0px;
						padding:0;
						display:inline;
						}
						
						
						ul#navigation {
		width:165px;
		height:36px;
		background-color:#8a8f8b;
		margin-top:0;
		margin-bottom:0;
		margin-right:0;
		margin-left:0;
		padding:0;
		float:left;
		list-style:none;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
					}
					
					
	#navigation a.head {
		height:36px;
		color:#FFFFFF;
		display:block;
		margin:0px;
		padding:0px;
		text-decoration: none;
		}

	#navigation a.head:hover {
		color:#454b47;
		}

	#navigation a.current {
		color:#454b47;
		}
	
	#navigation ul {
		margin:0px;
		padding:0px;
		}
		
			
		#navigation ul li {
			background-color:#F2F2F2;
			text-decoration:none;
			list-style-type:none; 
			padding-top:5px;
			padding-bottom:5px;
			border-bottom:solid 1px #666666;
			}
			
		#navigation ul li a {
			background-image:url(communication-interactive/puce_olive.gif);
			background-position: left;
			background-repeat:no-repeat;
			background-color:#F2F2F2;
			color:#29332A;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			text-indent: 10px;
			padding-left:10px;
			}

		#navigation li li a:hover {
			text-indent:15px;
			background-image:url(communication-interactive/puce.gif);
			background-position: left;
			background-repeat:no-repeat;
			background-color:#F2F2F2;
			color:#BFC705;
			font-weight:bold;

		}
.legendeitalique {
margin-top:15px;
	font-style: italic;
	width:380px;
	text-align: left;


}


	
	.milieu {
	background:url(communication-interactive/degrade.jpg) repeat-x;
	background-color:#FFFFFF;
	width:100%;
	min-height:304px;
	}
	
	
	#contenu{
		width:1073px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		margin-bottom:0;
			}
			#contenuindex{
		width:1335px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		margin-bottom:0;
			}
			
		#navigationgauche {
		float:left;
		width:180px;
		text-align:left;
		margin-right:15px;
		margin-left:95px;
		
		
	
		}
		#colonnetexte {
			float:left;
			width:380px;
			min-height:400px;
			margin-right:35px;
			font-family:Arial, Helvetica, sans-serif;
			text-align:justify;
			font-size: smaller;
			color:#4D4D4D;
		}
		
					ul.liste { 	/*ENUMERATION DE LA METHODE*/
						width:auto;
						height:auto;
						margin:0;
						padding:0;
						list-style:none;
						}
						
						.liste li {
							background-image:url(communication-interactive/puce_verte.jpg);
							background-position: left;
							background-repeat:no-repeat;
							margin-bottom:4px;
							text-indent:9px;
							color: #4D4D4D;
							font-size:small;
						}
						
						.liste li a {
							margin-bottom:4px;
							text-indent:9px;
							color: #29332A;
							font-weight:bold;
							font-size:small;
						}
						
						.liste li a:hover {
							margin-bottom:4px;
							text-indent:9px;
							color: #BFC705;
							font-size:small;
							font-weight:bold;
						}
		
		#colonneimage {
			float:left;
			width:300px;
			margin-top:28px;
			margin-bottom:35px;
		}
			#colonnecontact {
				float:left;
				width:600px;
				height:880px;
				margin-right:30px;
				font-family:Arial, Helvetica, sans-serif;
				text-align:justify;
				font-size:11px;
				color:#4D4D4D;
		}
		
		#colonneclient {
			float:left;
			width:657px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			text-align:justify;
			font-size:12px;
			color:#4D4D4D;
			}
			
					.grandtiret { /*POINTILLES SEPARANT LES SOUS-TITRES dans page client*/
						background-image:url(communication-interactive/grd_tiret.gif);
						width:657px;
						background-repeat:no-repeat;
						height:3px;
						margin-top:12px;
						margin-bottom:22px;						
						}
						
					.blocclients {
						width:284px;
						min-height:178px;
						border:solid 1px #999999;
						float:left;
						}
						
					.fiche_clients {
						width:657px;
						height:245px;
						clear:both;
						margin-bottom:25px;
						}
						
					.texteclients {
						width:341px;
						min-height:178px;
						float:right;
						}
		
	
					#menu_gauche li {
						width:165px;
						height:auto;
						margin:0;
						padding:0;
						display:block;
						}
						
					#menu_gauche li a {
						width:165px;
						height:auto;
						margin:0;
						padding:0;
						display:block;
						}
						
						#menu_gauche li a:hover {
						width:165px;
						height:auto;
						margin:0;
						padding:0;
						display:block;
						}
						
						
					h1 {
						width:auto;
						height:auto;
						margin-left:45px;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: 600;
						font-size:14px;
						color:#BFC705;
						margin-top:22px;
						margin-bottom:0px;
						}
						
					h2 {
						width:400px;
						height:auto;
						margin-left:78px;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						font-size:11px;
						color:#BFC705;
						margin-top:5px;
						margin-bottom:0px;
						
						}
							h3 {
						width:auto;
						height:auto;
						margin-left:30px;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold;
						font-size:13px;
						color:#BFC705;
						margin-top:22px;
						margin-bottom:0px;
						}
						
						.Style1 {
							color: #333333;
							font-weight:normal;
							}
							
					h4 {
						width:auto;
						height:auto;
						margin-left:45px;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
						font-size:13px;
						color:#29332A;
						margin-top:27px;
						margin-bottom:0px;
						}
						
					h5 {
						font-family:Arial, Helvetica, sans-serif;
						color:#29332A;
						margin-bottom:15px;
						margin-top:0;
						margin-left:0;
						padding-top:0;
						padding-left:0;
						padding-bottom:3px;
						font-size:12px;
						font-weight:bold;
						border-bottom:solid 1px;
						}
						
					p {
						margin:0;
						padding:0;
					}
						
						.tiret { /*POINTILLES SEPARANT LES SOUS-TITRES*/
						background-image:url(communication-interactive/tiret_gris.gif);
						width:380px;
						background-repeat:no-repeat;
						height:3px;
						margin-top:12px;
						margin-bottom:11px;						
						}
						
						.grd_tiret { /*POINTILLES SEPARANT LES SOUS-TITRES dans pages clients*/
						background-image: url(communication-interactive/grd_tiret.gif);
						width:592px;
						height:3px;
						margin-top:16px;
						margin-bottom:15px;	
						float:left;
						}
						
									
		#footer {   /*PETITE ANIMATION FLASH DU BAS*/
			
		
			width:344px;
			height:88px;
		
			clear:both;
			margin-top:-88px;
			margin-bottom:60px;
			}
			
			
			
	
contact {
	font-size: 12px;
	font-weight: bold;
}
a {
text-decoration:none;

}


.contact {
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	color:#FF0099;
	margin-top:45px;
	margin-bottom:45px;
}

.contact a {
	background:url(communication-interactive/flecherose.gif) no-repeat right;
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	color:#FF0099;
}

.contact a:hover {
color: #4D4D4D;
background:url(communication-interactive/flechegrise.gif) no-repeat right;
}

.liens {
	
	font-weight: bold;
	color:#4D4D4D;
	list-style-type:none;
}

a.liens:hover {
color:#BFC705;
}
.liensjaunes {
	
	
	
	color:#BFC705;
	
}

a.liensjaunes:hover {
color:#4D4D4D;
}
.nopuce {
list-style-type:none;
}
.logo {
}
 ul.niveau2  {display: none;

 position:relative;


 background-image:url(communication-interactive/gristransparent.png);
 background-repeat:repeat;
padding:0px;
margin:0px;


 } 

 
  .niveau2li{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	
	height:23px;
	width:100%;
	padding-left:0px;
	padding-top:7px;
	
	margin-left:0px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	
 }

.niveau1:hover ul.niveau2 {display:block;}

.niveau1 {
float:left;
margin:0px;
padding:0px;
height:20px;
}

.lienshaut {
	color:#FFFFFF;
	padding-left:10px;
	top:5px;

	
}

a.lienshaut:hover {
color:#BFC705;
}#colonneimage