html,body {
	background-color: #B34800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right: 0px;
	color: #3D6092;
	text-align:center;
	}
#contenu {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 10px;
	min-height:100%;
	width:886px;
	text-align:left;
	position:relative;
	}

/*ACCUEIL*/	

#banos-serrurier {/*bandeau haut*/
	padding:0px;
	margin:0px;
	width:886px;
	height:273px;
	position:relative;
	}
#ref-flash{
	width:880px;/* défini la taille de la zone scrollable */
	height:270px;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1;
	text-align:left; /* aligne le texte à gauche */
	overflow:auto;
}
#bas-accueil	{
	width:886px;
	height:319px;
	background-image:url(serrurier-ferronnier/actualite-banos.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;
	padding:0px;
	float:left;
	position:relative;
	}
#adresse {
	background-image:url(serrurier-ferronnier/atelier-metallerie.jpg);
	background-repeat:no-repeat;
	width:404px;
	height:282px;
	left:100px;
	top:24px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	}
#adresse p {
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	margin-top:180px;
	margin-right:40px;
	}
#adresse p a{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}
#adresse p a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#DAA582;
	}

/*DIV CONTENANT LA VUE*/


#actualites {
	width:308px;
	height:277px;
	float:left;
	left: 82px;
	top:2px;
	overflow:auto;
	text-align:left;
	padding:0px;
	position: relative;
	}
	
/*STYLES POUR LA VUE*/
	
.actus {
	width:290px;
	position:relative;
	}
.actus h1 {
	font-size:10px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}
.actus img{
	
	float:left;
	position:relative;
	}
.actus a {
	display:block;
	float:right;
	margin: 0px 10px 0px 0px;
	color:#FFAE00;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
	position:relative;
	}
.actus a:hover {
	color:#B34800;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
	position:relative;
	}
	
/*NAVIGATION BASSE ACCUEIL*/

#navbas-accueil {
	width:886px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;
	padding:0px;
	color:#FFFFFF;
	position:relative;
		}	
#navbas-accueil a {
	color:#FFFFFF;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	}
#navbas-accueil a:hover {
	color: #153D76;
	font-weight: normal;
	text-decoration:none;
	}	
#admin a{
	color: #B34800;
	}
#admin a:hover{
	color: #B34800;
	}

/*PAGES*/

#serrurier-ferronnier { /*bloc du haut*/
	padding:0px;
	margin:0px;
	background-image:url(serrurier-ferronnier/bandeau-page.gif);
	background-repeat:no-repeat;
	width:886px;
	height:392px;
	position:relative;
	}
#serrurier-ferronnier p{
	padding:0px;
	margin:0px;
	width:550px;
	float:left;
	text-align:justify;
	position:relative;
	}
#serrurier-ferronnier p span{
	color:#B34800;
	font-weight:bold;
	text-align:justify;
	font-size:14px;
	}

#serrurier-ferronnier h1{
	padding:0px;
	margin:0px;
	width:550px;
	float:left;
	color:#B34800;
	text-align:justify;
	position:relative;
	font-size:14px;
	}

#serrurier-ferronnier img{
	padding:0px;
	margin:0px 1px 0px 0px;
	float:left;
	position:relative;
	}
#serrurier-ferronnier p img{
	padding:0px;
	margin:0px;
	float:none;
	position:relative;
	}
#serrurier-ferronnier p span img{
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	}
#serrurier-ferronnier p a {
	color:#153D76;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	}
#serrurier-ferronnier p a:hover {
	color: #B34800;
	font-weight: normal;
	text-decoration:none;
	}	
#flash {
	margin:0px;
	padding: 0px;
	float:left;
	position:relative;
		}
		
#ref-flash-page{
	width:620px;/* défini la taille de la zone scrollable */
	height:190px;
	position:absolute;
	top:0px;
	left:255px;
	z-index: 1;
	text-align:left; /* aligne le texte à gauche */
	overflow:auto;
}	
		
/*PAGES base de donnee*/	



/*DIV CONTENANT LA VUE*/
		
#bas-page	{
	width:886px;
	background-image:url(serrurier-ferronnier/fond-contenu.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding:0px;
	position:relative;
	}
	
/*STYLES POUR LA VUE*/	

.pret-a-poser{
	margin:0px 75px 0px 55px;
	position:relative;
	text-align:justify;
	}
.pret-a-poser h1 {
	font-size:12px;
	font-weight:bold;
	padding:0px;
	float:left;
	margin:0px 0px 5px 0px;
	}
.pret-a-poser img{
	margin:0px 0px 0px 5px;
	padding:0px;
	float:right;
	position:relative;
	}
.pret-a-poser span{
	margin:0px;
	padding:0px;
	color:#B34800;
	display:block;
	float:right;
	position:relative;
	}
.pret-a-poser span a{
	color:#FFAE00;
	font-weight:bold;
	text-decoration:none;
	}
.pret-a-poser span a:hover{
	color:#B34800;
	font-weight:bold;
	text-decoration:none;
	}
hr.pret-a-poser  {
	padding:0px 0px 0px 0px;
	margin:0px 72px 4px 45px;
	color:#FFCC00;
	background-color:#FFCC00;
	border:none;
	height:1px;
	clear:both;
	}
	
/*BAS DE PAGE*/	

#navbas	{
	width:886px;
	height:178px;
	background-image:url(serrurier-ferronnier/courbe-bas.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;
	padding:0px;
	position:relative;
	}

#navbas a {
	color:#153D76;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	}
#navbas a:hover {
	color: #B34800;
	font-weight: normal;
	text-decoration:none;
	}	
		
	
/*PAGES références*/	


#bas-page2	{
	width:886px;
	background-image:url(serrurier-ferronnier/fond-references.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding:0px;
	position:relative;
	}

#references	{
	margin:0px 75px 0px 55px;
	padding:0px;
	text-align:justify;
	position:relative;
	}
#references	p{
	width:720px;
	min-height:172px;
	margin: 0px 0px 0px 20px;
	padding:0px;
	text-align:justify;
	position:relative;
	}
#references h1{
	width:720px;
	margin: 0px 0px 0px 20px;
	padding:0px;
	text-align:left;
	font-size:12px;
	color:#B34800;
	font-weight:bold;
	position:relative;
	}
#references	p img{
	margin: 0px 4px 4px 0px;
	padding:0px;
	float:left;
	position:relative;
	}
#references	p span img{
	margin: 0px 0px 0px 4px;
	padding:0px;
	float:right;
	position:relative;
	}
#colonne-droite{
	margin: 0px 0px 0px 15px;
	padding:0px;
	width:250px;
	font-style:italic;
	float:right;
	position:relative;
	}
#navbas2	{
	width:886px;
	height:178px;
	background-image:url(serrurier-ferronnier/courbe-bas2.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;
	padding:0px;
	position:relative;
	}

#navbas2 a {
	color:#153D76;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	}
#navbas2 a:hover {
	color: #B34800;
	font-weight: normal;
	text-decoration:none;
	}
		

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

/*POP-UP details*/
	
#detail {
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	texte-alin:center;
	position:relative;
	}	
#detail p{
	width:95%;
	height:100%;
	margin:0px auto 0px auto;
	text-align:justify;
	background-color:#FFFFFF;
	position:relative;
	}	
#detail img{
	float:left;
	padding:0px 4px 0px 0px;
	margin:0px;
	position:relative;
	}
#detail span img{
	float:right;
	padding:0px 0px 0px 4px;
	margin:0px;
	position:relative;
	}