body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background: #fff;
	color: #036; 
}
#entete{
	display: none;
	text-indent: -9000px;
}

#header{
	background: url('../img/fond_top.jpg') no-repeat top right #fff;
}

#logo{
	background: url('../img/metalag.gif') no-repeat center #666;
	width: 250px;
}

#titre{
	background: url('../img/fond_topc.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_societe{
	background: url('../img/ss_societe.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_moyens{
	background: url('../img/ss_moyens.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_metiers{
	background: url('../img/ss_metiers.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_recrutement{
	background: url('../img/ss_recrutement.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_infos{
	background: url('../img/ss_infos.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_plan{
	background: url('../img/ss_plan.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_liens{
	background: url('../img/ss_liens.jpg') no-repeat top left #333;
	text-indent: -9000px;
}
#titre_mentions{
	background: url('../img/ss_mentions.jpg') no-repeat top left #333;
	text-indent: -9000px;
}

#liens{
	padding-right: 2px;
	padding-top: 1px;
	vertical-align: top;
	background: url('../img/fond_topg.jpg') no-repeat top left;
	font-size: 0.6em;
}
#liens ul{
	float: right;
}
#liens li{
	float: left;
}
#nav_acc{
	width:65px;
	list-style: url('../img/picto_home.gif');
}
#nav_contact{
	width: 90px;
	list-style: url('../img/picto_contact.gif');
}
#liens a{
	text-decoration: none;	
	color: #036;
}
#liens a:hover{
	text-decoration: underline;
	color: #000;
}

/* Corps de page */
#sommaire{
	width: 250px;
	text-align: left;
	padding-top: 15px;
	text-indent: 20px;
	background: url('../img/fond_som.jpg') no-repeat bottom #ccc;
}
#sommaire a{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background: url('../img/gris_nav.gif');
	text-decoration: none;
}
#sommaire a:hover{
	background: url('../img/blanc_nav.gif');
}
a.nav1, p.nav1{
	background: url('../img/gris_nav.gif') no-repeat top left #333;
}
a.nav2, p.nav2{
	background: url('../img/gris_nav.gif') no-repeat top left #09c;
}
a.nav1:hover{
	background: url('../img/blanc_nav.gif') #fff;
}
p.nav3{
	background: url('../img/gris_nav.gif') no-repeat top left #fff;
	font-style: italic;
}

.ssrub{
	background: url('../img/bas_titres.jpg') no-repeat top center #333;
	width: 250px;
	height: 105px;
	vertical-align: bottom;
	padding: 0 5 5 5;
}
/*** CONTENUS DES PAGES ***/
#ss_rub{
	background: #09c;
	width: 250px;
}
#ss_rub a{
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
}
#ss_rub a:hover{
	font-size: 0.8em;
	color: #fff;
	text-decoration: underline;
}
#ss_rub a:active{
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#photo_ssrub{
	background: url('../img/photo_ssrub.jpg') no-repeat top center #09c;
}
#photo_societe{background: url('../img/photo_societe.jpg') no-repeat top center #09c;}
#photo_moyens{background: url('../img/photo_moyens.jpg') no-repeat top center #09c;}
#photo_charpente{background: url('../img/photo_realisations.jpg') no-repeat top center #09c;}
#photo_serrurerie{background: url('../img/photo_serrurerie.jpg') no-repeat top center #09c;}
#photo_aluminium{background: url('../img/photo_aluminium.jpg') no-repeat top center #09c;}
#photo_liens{background: url('../img/photo_liens.jpg') no-repeat top center #09c;}
#photo_metiers{background: url('../img/photo_metiers.jpg') no-repeat top center #09c;}
#photo_plan{background: url('../img/photo_plan.jpg') no-repeat top center #09c;}
#photo_contacts{background: url('../img/photo_contacts.jpg') no-repeat top center #09c;}
	
#pg_top{
	background: url('../img/pg_topg.jpg') no-repeat top left;
	width: 60px;
}
#pg_bas{
	background: url('../img/pg_bas.jpg') no-repeat bottom left;
	width:70px;
	height:55px;
}
#corps{
	background: url('../img/pg_topd.jpg') no-repeat top right #fff;
	vertical-align: text-top;
	text-align:right;
	padding: 0 15 0 0;
}
#corps p, #corps li, td{
	font-size: 0.9em;
	text-align: justify;
}
	#corps li.ssLi{padding:0 0 10px 0;}

#corps h1{
	font-size: 1.2em;
	padding:0px;
	margin:0px;
	color:#c30;
}
#corps h2{
	font-size: 1em;
	font-weight: bold;
	padding:0px;
	margin:0px;
}
.rg{
	font-size: 0.6em;
	color:#c00;}
.gris{
	text-align:right;
	width:95px;
	font-size: 1em;
	color:#999;}
.bleu{
	font-size: 1em;
	margin-left:100px;
	}

a.entete:link, a.entete:visited, a.entete:active{
	color:#036;
	font-size: 1em;
	text-decoration: none;
	text-transform:uppercase;
	}
	a.entete:hover{color:#fff;background:#09c;}
a.detail:link, a.hp:active, a.detail:active, a.detail:visited{
	border:1px solid #eee;
	padding:5px 10px;
	text-align:right;
	font-size: 1em;
	color: #c00;
	text-decoration: none;
}
a.detail:hover{color:#fff;background:#09c;}


.galerie div{float: left; text-align: center;line-height:100%;height:120px;width:135px}
.galerie img{border: 2px solid #006; margin: 0 4px;}
.galerie a:hover{font-style: italic;}


/** BAS DES PAGES **/
a.hp:link, a.hp:active, a.hp:visited{
	font-size: 0.7em;
	color: #09c;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5 0 5;
}
a.hp:hover{ color: #fff;	background: #09c; }

#footer{
	height: 25px;
	background: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #c0c0c0;
	padding-left:5px;
}

input{
	height:17px;
	margin: 0 auto;
	padding:0;
}

/*strong{ font-weight: bold;}*/