html, body
{
	height: 100%;
	margin:0px;
	padding:0px;
	width:100%
}
body 
{
	background-image: url(images/fondEtirement.png);
	background-repeat: repeat-x;
	background-color:#0067c4;
}
p,h1,h2,h3
{
	margin:0px;
	padding:0px;
}
ul,li,ol
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
td,ul,li,ol,textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b3b3c;
	line-height: 17px;
}
div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3
{
	font-weight:normal;
}
h1
{
	font-size:19px;
	color:#606060;
	margin-bottom:20px;
}
h2
{
	margin-bottom:10px;
}
h3
{
	margin-bottom:10px;
}
a, img
{
	outline:none;
}
a:link,a:visited,a:hover,a:active			
{
	color:#1a9240;
	text-decoration:none;
	font-size: 12px;
}
a:hover	
{
	text-decoration:none;
}
#main
{
	width:100%;
}
#entete
{
	position:relative;
	width:989px;
	height:368px;
	z-index:14;
}
#slogan
{
	position:absolute;
	left:244px;
	top:52px;
}
#accueil
{
	position:absolute;
	left:922px;
	top:16px;
}
#slideshow
{
	position:absolute;
	left:43px;
	top:108px;
}
#logoSP
{
	position:absolute;
	left:-30px;
	top:110px;
}
#logoMetallurgie
{
	position:absolute;
	z-index:1;
	left:718px;
	top:108px;
	border-bottom:#d1d1d1 1px dotted;
}
#cliquezMetallurgie
{
	position:absolute;
	z-index:2;
	left:737px;
	top:270px;
}
#menu
{
	position:absolute;
	left:45px;
	top:323px;
}
.menuOnglet
{
	float:left;
	height:34px;
	margin-right:20px;
	padding-top:8px;
	padding-left:14px;
	white-space:nowrap;
	position:relative;
}
.menuLien:hover
{
	text-decoration:none;
}
.menuLienBox
{
	 position:relative;
	 left:0px;
	 top:0px;
	 padding-left:5px;
	 z-index:5;
}
.menuOver
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
.menu_Over1
{
	 position:relative;
	 left:0px;
	 top:0px;
	 height:34px;
	 padding-left:9px;
	 padding-right:20px;
	 padding-top:7px;
}
.menu_Over2
{
	 position: absolute;
	 left:0px;
	 top:0px;
	 background-color:#1a9240;
	 filter:Alpha(Opacity=15);
	 -moz-opacity:0.15;
	 -khtml-opacity: 0.15;
	 opacity: 0.15;
	 height:29px;
	 padding-left:9px;
	 padding-right:20px;
	 padding-top:7px;
	 white-space:nowrap;
}
.menu_Over3
{
	 position: absolute;
	 left:0px;
	 top:0px;
	 background-image:url(images/menuOverEtirement.png);
	 height:38px;
	 padding-left:9px;
	 padding-right:20px;
	 padding-top:7px;
	 white-space:nowrap;
}
.menuOverFond
{	
	background-image:url(images/menuOverFond.gif);
	background-repeat: repeat-x;
	background-position:left top;
}
.cacher
{
	visibility:hidden;
}
#contenuMain
{
	width:989px;
	background-color:#FFFFFF;
}
#etirementGauche
{
	background-image: url(images/etirementGauche.gif);
	background-repeat: repeat-y;
	width:8px;
}
#etirementDroite
{
	background-image: url(images/etirementDroite.gif);
	background-repeat: repeat-y;
	width:8px;
}
#piedPage
{
	width:989px;
	height:22px;
}
.cachediv
{
	visibility:hidden;
	position:absolute;
}
.sousMenu
{
	position:absolute;
	z-index:3;
	left:0px;
	top:34px;
	width:174px;
}
.sousMenu2
{
	position:absolute;
	z-index:-1;
	left:152px;
	top:-13px;
	width:174px;
}
.sousMenu2Entete
{
	position:relative;
	top:0px;
}
.sousMenuFond
{
	background-image: url(images/sousMenuFond.png);
	background-repeat:repeat-y;
}
.sousMenu2Fond
{
	background-image: url(images/sousMenuFond.png);
	background-repeat:repeat-y;
}
.sousMenuItemBox
{
	position:relative;
	border-bottom: #d3d3d3 1px dotted;
	width:158px;
	margin-left:8px;
}
.sousMenuItemBasBox
{
	position:relative;
	border-bottom: #f4f4f4 1px dotted;
	width:158px;
	margin-left:8px;
}
.sousMenuItem
{
	width:143px;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	position:relative;
}
.sousMenuItemOver
{
	width:143px;
	background-color:#FFFFFF;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	position:relative
}
.sousMenuLiaisonSousMenu2
{
	width:25px;
	height:29px; 
	position:absolute;
	left:145px;
	top:-5px;
}
.sousMenuLien:link,.sousMenuLien:visited,.sousMenuLien:hover,.sousMenuLien:active			
{
	color:#404040;
	text-decoration:none;
	font-size: 12px;
	line-height:16px;
	white-space:normal;
}
.blocGaucheDegrade
{
	 background-color:#00437f;
	 margin-left:11px;
	 width:183px;
	 background-image:url(images/blocGaucheFondDegrade.gif);
	 background-position:left top;
	 background-repeat:no-repeat;
	 filter:Alpha(Opacity=25);
	 -moz-opacity:0.25;
	 -khtml-opacity: 0.25;
	 opacity: 0.25;
}
.chambreLocale1, .chambreLocale2, .chambreLocale3, .chambreLocale4
{
	position:absolute;
	left:11px;
	width:183px;
	background-image:url(images/blocGaucheFondTexte.png);
	padding:2px 2px 2px 6px;
}
.chambreLocale1
{
	top:30px;
}
.chambreLocale2
{
	top:70px;
}
.chambreLocale3
{
	top:110px;
}
.chambreLocale4
{
	top:150px;
}
.adresse
{
	position:absolute;
	top:5px;
	left:17px;
	width:174px;
	color:#000000;
	font-size:11px;
}
.adresseCourriel:link
{
	color:#00417d;
	text-decoration:underline;
	font-size:11px;
}
.blocDroiteEnteteDegrade
{
	width:242px;
	height:25px;
	padding-left:5px;
	padding-top:0px;
	background-color:#219546;
	background-image:url(images/blocDroitEnteteDegrade.png);
	background-position:left top;
	background-repeat:repeat-y;
	filter:Alpha(Opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
	margin-left:9px;
	margin-top:0px
}
.blocDroiteDegrade
{
	 background-color:#219546;
	 margin-left:9px;
	 width:247px;
	 background-image:url(images/blocGaucheFondDegrade.gif);
	 background-position:left top;
	 background-repeat:repeat-x;
	 filter:Alpha(Opacity=20);
	 -moz-opacity:0.20;
	 -khtml-opacity: 0.20;
	 opacity: 0.20;
}
.blocDroite
{
	 margin-left:9px;
	 width:247px;
	 background-color:#eeeeee;
	 padding-top:5px;
	 padding-bottom:5px;
}
hr 
{
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #d1d1d1 dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	padding:0px;
	margin:0px;
}
.sousMenubOver
{
	background-color:#f2f2f2;
}
.bord_form 
{
	background-image: url(images/fondChampFormulaire.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #c4c4c4;
	color:#55555f;
}
t19px
{
	font-size: 19px;
	line-height: 24px;
}
.t18px
{
	font-size: 18px;
	line-height: 23px;
}
.t17px
{
	font-size: 17px;
	line-height: 12px;
}
.t16px
{
	font-size: 16px;
	line-height: 21px;
}
.t15px
{
	font-size: 15px;
	line-height: 20px;
}
.t14px
{
	font-size: 14px;
	line-height: 19px;
}
.t13px
{
	font-size: 13px;
	line-height: 18px;
}
.t12px
{
	font-size: 12px;
	line-height: 17px;
}
.t11px
{
	font-size: 11px;
	line-height: 16px;
}
.t10px
{
	font-size: 10px;
	line-height: 15px;
}
.majuscules
{
	text-transform: uppercase;
}
.minuscules
{
	text-transform: lowercase;
}