/* CSS Document */
/* Le petit Observatoire */


body {
background-color: #FFFFFF;

		padding: 0;
		margin: 0px 0px 0px 0px;
		width: 100%;
		 overflow: -moz-scrollbars-vertical;

		  }
		  
		  
		    /*-------------------------Page---------------------------------------------------- */

		  
		#page{
	width: 950px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin-left:auto;
margin-right:auto;
margin-top: 25px;


	}  
	
	/* ---------------------------------------- en-tete----------------------------------------------------- */ 	

#header {
	width:950px;
	height: 160px;
	padding: 0;
	margin-left:auto;
margin-right:auto;
		}

		
		
		   /*-------------------------contenu---------------------------------------------------- */


#conteneur{
background-color:#FFFFFF;
	width: 950px;
	height: 100%;
	padding: 0px;
margin-left:auto;
margin-right:auto;


	}

		   /*-------------------------conteneur---------------------------------------------------- */


	
	#contenu2{

background:#ffffff;
width: 948px;
height: 450px;
border-bottom:#f19200 solid 1px;
border-right:#f19200 solid 1px;
border-left:#f19200 solid 1px;
padding: 0px;

	}
	
	
		#contenu3{

background:#ffffff;
width: 918px;
height: 400px;
border-bottom:#f19200 solid 1px;
border-right:#f19200 solid 1px;
border-left:#f19200 solid 1px;
padding: 0px 0px 0px 30px;

	}
	
	#contenu{

background:#ffffff;
width: 918px;
border-bottom:#f19200 solid 1px;
border-right:#f19200 solid 1px;
border-left:#f19200 solid 1px;
height: 100%;
padding: 0px 0px 0px 30px;

	}
	
	
	#contenu4{

background:#ffffff;
width: 948px;
height: 100%;
border-bottom:#f19200 solid 1px;
border-right:#f19200 solid 1px;
border-left:#f19200 solid 1px;
padding: 0px;

	}
	
	
		.texte{

background:#ffffff;
width: 502px;
height: 100%;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
text-align:justify;
	}
	
	
	.boxTop{

background:#FFFFFF;
width: 850px;
height: 250px;
margin-left:auto;
margin-right:auto;
padding-top: 10px;
padding-left: 10px;
	}
	
	
		.boxBottom{
		
background-color:#FFFFFF;
margin-bottom: 0px;
padding: 0;
width: 860px;
height: 130px;
	}
	
	
		.boxLeft{
float: left;
background:#FFFFFF;
width: 200px;
height: 250px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 60px;
	}
	
			.boxLeft2{
float: left;
background:#FFFFFF;
width: 200px;
height: 250px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
	}
	
	
		.boxRight{
		
	float:right;	
background-color:#FFFFFF;
margin-bottom: 0px;
padding: 50px 110px 0px 0px ;
width: 500px;
height: 130px;
	}
	
			.boxRight2{
		
	float:right;	
background-color:#FFFFFF;
margin-bottom: 0px;
padding: 10px 140px 0px 0px ;
width: 500px;
height: 130px;
	}
	
			.contact{
		
	float:right;	
background-color:#FFFFFF;
margin-bottom: 0px;
padding: 20px 110px 30px 0px ;
width: 500px;
height: 130px;
	}
	
	
	/* ---------------------------------------- slide ----------------------------------------------------- */ 
	
	
	#slideshow {
	margin-left:275px;
	width:640px;
	height:450px;
	background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:550px;
  height:450px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:600px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:450px;
}
	
	.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/control_right.jpg) no-repeat 0 0;
}


	/* ---------------------------------------- class----------------------------------------------------- */ 

	.logos{				
	float : left;
	margin : 0px 20px 0px 0px;
	padding : 3px;
	width: 140px;
	text-align:left;
}


	.pictosFerraille{				
	float : left;
	background-image:url(../images/bg_ferraille.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 20px 0px 0px;
	padding : 3px;
	width: 172px;
	height: 90px;
	text-align:center;
}


	.pictosFosses{				
	float : left;
	margin : 0px 10px 0px 0px;
	padding : 3px;
	width: 65px;
	text-align:center;
}



	.pictos{				
	float : left;
	background-image:url(../images/bg_pictos.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 10px 0px 0px;
	padding : 3px;
	width: 65px;
	height: 80px;
	text-align:center;
}


.affiches{				
	float : left;
	background-image:url(../images/bg_affiche.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 10px 0px 0px;
	padding : 3px;
	width: 150px;
	height: 280px;
	text-align:left;
}

.affiches1{				
	float : left;
	background-image:url(../images/bg_affiche.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 15px 0px 0px;
	padding : 3px;
	width: 150px;
	height: 280px;
	text-align:left;
}



.carte{				
	float : left;
	background-image:url(../images/bg_carte.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 10px 0px 0px;
	padding : 3px;
	width: 250px;
	height: 230px;
	text-align:left;
}

.carte1{				
	float : left;
	background-image:url(../images/bg_carte1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 30px 0px 15px;
	padding : 3px;
	width: 250px;
	height: 230px;
	text-align:left;
}



.carte2{				
	float : left;
		background-image:url(../images/bg_carte2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 0px 0px 20px;
	padding : 3px;
	width: 213px;
	height: 230px;
	text-align:left;
}

.carte4{				
	float : left;
		background-image:url(../images/bg_carte1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 40px 0px 0px;
	padding : 3px;
	width: 250px;
	height: 280px;
	text-align:left;
}

.carte5{				
	float : left;
		background-image:url(../images/bg_carte1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 0px 0px 0px;
	padding : 3px;
	width: 250px;
	height: 280px;
	text-align:left;
}

.web{				
	float : left;
		background-image:url(../images/bg_carte1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin : 0px 50px 0px 0px;
	padding : 3px;
	width: 250px;
	height: 250px;
	text-align:left;
}

.clear {
	clear : both;
	visibility : hidden;
}

	
	/* ---------------------------------------- liens----------------------------------------------------- */ 



a:link {	font-family: Arial; font-size: 12px; font-weight: bold;  color: #f19200; text-decoration: underline; }



a:visited {	font-family: Arial; font-size: 12px; font-weight: bold;  color: #f19200; text-decoration: underline; }



a:focus {	font-family: Arial; font-size: 12px; font-weight: bold;  color: #f19200; text-decoration: underline; }



a:hover {	font-family: Arial; font-size: 12px; font-weight: bold; color: #666666;; text-decoration: underline; }



a:active {	font-family: Arial; font-size: 12px; font-weight: bold;  color: #f19200; text-decoration: underline; }




	a.lienContact { font-family: Arial; font-size: 10px; font-weight: normal;   color: #f19200; text-decoration: underline;
	}

 a.lienContact:hover {font-family: Arial; font-size: 10px; font-weight: normal;  color: #666666; text-decoration: underline;
} 


	a.lienContact2 { font-family: Arial; font-size: 10px; font-weight: normal;   color: #f19200; text-decoration: underline;
	}

 a.lienContact2:hover {font-family: Arial; font-size: 10px; font-weight: normal;  color: #666666; text-decoration: underline;
} 



	a.lienAncre{ font-family: Arial; font-size: 10px; font-weight: normal; text-align: right;  color: #f19200; text-decoration: none; margin-right: 10px; margin-bottom: 20px;
	}

 a.lienAncre:hover {font-family: Arial; font-size: 10px; font-weight: normal; text-align: right;  color: #666666; text-decoration: none; margin-right: 10px; margin-bottom: 20px;
} 


	a.lienLogos { font-family: Arial; font-size: 10px; font-weight: normal;   color: #FFFFFF; text-decoration:none;
	}

 a.lienLogos:hover {font-family: Arial; font-size: 10px; font-weight: normal;  color: #FFFFFF; text-decoration: none;
} 
	
	
	
		   /*-------------------------typo--------------------------------------------------- */
		   
		   h1{
				
font-family: Arial;
letter-spacing: 1px;
font-weight:normal;
 font-size: 14px; 
 color: #666666;
 margin: 0; 
					}
				
			h2{
 font-family: Arial;
 text-align:justify;
  font-weight: normal; 
 font-size: 14px; 
 color: #999999;
  margin: 0px 0px 5px 0px;
}

			
				
				h3{
text-decoration: none;
font-family: Arial;
font-weight:bold;
font-size: 12px; 
color: #f19200;
margin-bottom: 5px;

					} 	
					
									
								h4{
				
font-family:  Arial, Helvetica, sans-serif; 
font-weight: normal;
 font-size: 10px; 
 color: #f19200;
 
 
					} 

										
					 			h5 {
				
font-family:  Arial, Helvetica, sans-serif; 
margin-top: 12px;
font-weight: normal;
 font-size: 10px; 
 color: #f19200;
   
					} 
			
				p{
			 
font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #666666; 
  margin: 0px 0px 5px 0px;

 
					} 	
				
				
.orange{
 font-family: Arial;
  font-weight: normal; 
 font-size: 10px; 
 color: #f19200;
  margin: 0px 0px 5px 0px;
}

.orange2{
 font-family: Arial;
  font-weight: normal; 
 font-size: 10px; 
 color: #f19200;
  margin: 0px 5px 5px 0px;
  text-align:right;
}


.grisClient{
 font-family: Arial;
  font-weight: normal; 
 font-size: 10px; 
 color: #999999;
  margin: 0px 0px 5px 0px;
}

.gris{
 font-family: Arial;
 font-weight: normal;
 letter-spacing: 1px;
 font-size: 11px; 
 color: #666666;
 margin: 0px 0px 10px 0px;
}

.grisContact{
 font-family: Arial;
 font-weight: normal;
 letter-spacing: 1px;

 font-size: 9px; 
 color: #666666;
 margin: 0px 0px 10px 0px;
}

.grisAccueil{
 font-family: Arial;
 font-weight: normal;
 letter-spacing: 1px;
 text-align:left;
 font-size: 9px; 
 color: #666666;
 }
 
 .grisAccueil2{
	 margin-top: -10px;
 font-family: Arial;
 font-weight: normal;
 letter-spacing: 1px;
 text-align:left;
 font-size: 9px; 
 color: #666666;
 }

.noir{
 font-family: Arial;
 text-align:justify;
  font-weight: normal; 
 font-size: 14px; 
 color: #999999;
  margin: 0px 0px 5px 0px;
}

		   
	
	
	#footer{

background-image: url(../images/bg_footer.jpg);
width: 950px;
height: 30px;
margin-left:auto;
margin-right:auto;




	}