/* CSS Document */

body{
	background: #333333 url(images/bg-page.gif) repeat;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	vertical-align: middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
img{
	border: none;
	}
#container{
	margin: 0 auto;
	padding: 0px;
	width: 640px;
}

/*******  Début Header  ************/

#header1{
	height: 81px;
	background: #000000;
	}
	#logo{
		float: left;
		width: 400px;
		margin: 17px 0px 0px 0px;
		}
		#logo img{
			margin-left: 19px;
			}
		
	#sTitre1{
		color: #ffffff;
		float: left;
		clear: right;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		letter-spacing: 1px;
		width: 223px;
		}
		#sTitre1 strong{
				padding: 38px 0px 0px 30px;
				display: block;
				}

/******   Fin Header    ***********/


/*******  Début Content  ************/

#content{
	height: 363px;
	width: 640px;
	background-color:#000000;
	}
	
	#page1{
		background: url(images/bg-blanc.gif) repeat-y;
		height: 363px;
		padding: 0px 0px 0px 34px;
		display: none;
	}
		#page1 p{
			float: left;
			margin: 15px 0px 0px 0px;
			padding: 0px;
			font-size: 18px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			width: 572px;
			text-align: justify;
			line-height: 24px;
			}
		#page1 ul{
			padding: 0px;
			margin: -21px 0px 0px 0px;
			float: left;
			text-align: left;
			}
			#page1 ul li{
				background: url(images/list-point1.gif) no-repeat;
				list-style: none;
				margin: 0px 0px 6px 190px;
				padding: 0px 0px 0px 18px;
				font-size: 17px;
				font-weight: bold;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				}
		#page1 #partenaires{
			float: left;
			margin: 23px 0px 0px 0px;
			}
			
			
	#page2{
		background: url(images/bg-pieces.gif) #000000 bottom right no-repeat;
		height: 363px;
		padding: 0px 0px 0px 19px;
		display: block;
	}
		#leftCol{
			width: 382px;
			float: left;
			text-align: left;
			}
			.ST1{
				color: #A9A9A9;
				letter-spacing: 1px;
				font-size: 15px;
				}
				.ST1 span{
					padding: 0px 6px 0px 7px;
					}

			#leftCol img{
				margin: 5px 0px 5px 0px;
				}
				
			#fleches{
				float: right;
				clear: right;
				margin: 0px;
				padding: 0px;
			}
				#fleches img{
					margin-top: 3px;
					}
					#fleches img.flLeft{
						margin-right: 15px; 
						}
					
			#tInfo{
				color: #ffffff;
				width: 336px;
				float: left;
				text-align: right;
				height: 27px;
				}
				#tInfo strong{
					display: block;
					padding: 0px 56px 0px 0px;
					}
			.picInfo{
				
				color: #ffffff;
				text-align: left;
				font-size: 14px;
				clear: left;
				/*font-weight: bold;*/
				}
				.picInfo p{
					margin-top: 0px;
					padding-top: 0px;
					}
			
		#rightCol{
			width: 224px;
			float: left;
			clear: right;
			text-align: left;
			}
	

/*******  Fin Content  **************/


/*******  Début MENU DROITE  **************/

#rightCol ul{
	padding: 0px;
	margin: 0px;
	}
	#rightCol ul li{
		list-style: none;
		padding: 6px 0px 0px 15px;
		margin-left: 25px;
		background: url(images/bulet-menu2.gif) no-repeat;
		}
		#rightCol ul li.first{
			padding: 0px 0px 0px 15px;
			background: url(images/bulet-menu.gif) no-repeat;
			}
		#rightCol ul li a{
			color: #A9A9A9;
			text-decoration: none;
			font-size: 15px;
			font-weight: bold;
			}
			#rightCol ul li a:hover{
				color: #CCCCCC;
				}

/*******  FIN MENU DROITE  **************/


/*******  Début Footer  **************/

#footer{
	background: #FFFFFF;
	float: left;
	clear: both;
	width: 640px;
	height: 34px;
	margin-top: 1px;
	text-align: center;
	}
	#footer ul{
		padding: 0px;
		margin: 8px 0px 0px 3px;
		}
		#footer ul li{
			display: inline;
			background: url(images/list-point1.gif) no-repeat;
			list-style: none;
			margin: 0px 14px 0px 0px;
			padding: 0px 0px 0px 12px;
			font-size: 16px;
			font-weight: bold;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			}
				#footer ul #tel, #footer ul #fax{
					font-size: 16px;
					}
				#footer ul #tel{
					margin: 0px 6px 0px 0px;
					background: none;
					}
				#footer ul #fax{
					padding: 0px 0px 0px 19px;
					}
					
					#footer ul li a{
						font-size: 16px;
						font-weight: bold;
						text-decoration: none;
						color: #000000;
						}
					#footer ul li a:hover{
						color: #999999;
						}

/*******  Fin Footer  **************/


/*******  Début Info Adresse  **************/

#adresse{
	width: 213px;
	height: 59px;
	background: #ffffff;
	color: #000000;
	position: absolute;
	z-index: 200;
	float: left;
	margin: 304px 0px 0px 427px;
	
	display: none; 
	/*border: #000000 solid 1px;*/
	}
	#adresse p{
		text-align: left;
		margin: 0px;
		padding: 6px 0px 0px 12px;
		font-size: 13px;
		font-weight: bold;
		line-height: 25px;
		}
	

/*******  FIN Info Adresse    **************/