@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/background.jpg) no-repeat center top #FFFFFF fixed;
}

/* conteneur qui garde le site centré */
#conteneur{
	width:978px;
	margin:auto;
	position:relative;
	padding-bottom:74px;
}

/* Menu latéral */

#menu-lateral{
	position: absolute;
	right:0px;
	top:78px;
	height:167px;
	width:89px;
	z-index:1000;
}

/* mise en forme de laliste du menu lateral */

#menu-lateral ul{
	list-style:none;
}

#menu-lateral ul li{
	height:24px;
}

/* mise en forme de chacuns des éléments de la liste et de leurs "over" */

#menu-lateral span{
	display:none;
}

#menu-lateral a.mecanitec{
	background:url(images/lateral-mecanitec.gif) no-repeat;
	height:24px;
	width:89px;
	display:block;
	text-decoration:none;
	color:#D9D9D9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	padding-left:10px;
}

#menu-lateral a:hover.mecanitec{
	background:url(images/lateral-mecanitec-over.gif) no-repeat;
	height:24px;
	width:89px;
	display:block;
	text-decoration:none;
	color:#262625;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	padding-left:10px;
}

#menu-lateral .division{
	margin-top:23px;
	display:block;
	width:89px;
	background: url(images/leteral-division.png) no-repeat 10px 4px;
	padding-left:10px;
	color:#414042;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	height:14px;
}

#menu-lateral a.s3i{
	padding-left:10px;
	margin-top:5px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-s3i.gif) no-repeat;
	color:#249CDC;
}

#menu-lateral a:hover.s3i{
	padding-left:10px;
	margin-top:5px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-s3i-over.gif) no-repeat;
	color:#EEEEEE;
}

#menu-lateral a.papillon{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-papillon.gif) no-repeat;
	color:#069D62;
}

#menu-lateral a:hover.papillon{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-papillon-over.gif) no-repeat;
	color:#EEEEEE;
}

#menu-lateral a.parox{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-parox.gif) no-repeat;
	color:#EE3124;
}

#menu-lateral a:hover.parox{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-parox-over.gif) no-repeat;
	color:#EEEEEE;
}

#menu-lateral a.s3iA{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-s3iA.gif) no-repeat;
	color:#12C9F0;
}

#menu-lateral a:hover.s3iA{
	padding-left:10px;
	margin-top:2px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:23px;
	text-decoration:none;
	height:24px;
	width:89px;
	background:url(images/lateral-s3iA-over.gif) no-repeat;
	color:#EEEEEE;
}

/*div contenant le shadow du contenu principal*/

#contenu-principal{
	width:862px;
	background:url(images/shadow.png) repeat-y;
	padding:0px 27px;

	position:relative;
}

/* partie du haut contenant le menu horizontal et le logo */

#top{
	background:url(images/bg-top.jpg) no-repeat;
	width:862px;
	height:380px;
	padding-top:10px;
}

/* h1 caché pour le référencement */


/* mise en forme de l'image du logo */

#top img{
	margin-top:20px;
	border:none;
}

/* menu horizontal */

#menu-horizontal{
	height:53px;
	width:862px;
	background:url(images/bg-menuhaut.png) repeat-x;
	
}

/* Mise en forme des liens plus petits à la droite du menu */

#menu-horizontal #liens-droit{
	float:right;
	line-height:42px;
	margin-right:20px;
	text-align:justify;
}

#menu-horizontal #liens-droit a.plan{
	display:block;
	background:url(images/plantdesite.gif) no-repeat;
	width:74px;
	height:10px;
	margin-top:18px;
	padding-right:60px;
}

#menu-horizontal #liens-droit a.english{
	display:block;
	background:url(images/english.gif) no-repeat;
	width:60px;
	height:13px;
	margin-top:18px;
	float:right;
}

#menu-horizontal #liens-droit a:hover.plan{
	display:block;
	background:url(images/plantdesite-over.gif) no-repeat;


	margin-top:18px;
}

#menu-horizontal #liens-droit a:hover.english{
	display:block;
	background:url(images/english-over.gif) no-repeat;
	float:right;
}

#menu-horizontal #liens-droit a:hover{
		text-decoration:underline;
}

/* Mise en forme du menu principal */

#menu-horizontal ul{
	list-style:none;
}

#menu-horizontal ul li{
	float:left;
}


#menu-horizontal ul li a.accueil{
	display:block;
	background: url(images/horizontal-accueil.gif);
	margin-top:3px;
	height:38px;
	z-index:1000px;
	width:108px;
}

#menu-horizontal ul li a.entreprise{
	display:block;
	background: url(images/horizontal-entreprise.gif);
	margin-top:3px;
	height:38px;
	z-index:1000px;
	width:136px;
}

#menu-horizontal ul li a.carrieres{
	display:block;
	background: url(images/horizontal-carrieres.gif);
	margin-top:3px;
	height:38px;
	z-index:1000px;
	width:122px;
}

#menu-horizontal ul li a.nousjoindre{
	display:block;
	background: url(images/horizontal-nousjoindre.gif);
	margin-top:3px;
	height:38px;
	z-index:1000px;
	width:152px;
}

#menu-horizontal ul li a:hover.accueil{
	display:block;
	background: url(images/horizontal-accueil-over.gif);
	margin-top:2px;
	height:39px;
	z-index:1000px;
	width:108px;
}

#menu-horizontal ul li a:hover.entreprise{
	display:block;
	background: url(images/horizontal-entreprise-over.gif);
	margin-top:2px;
	height:39px;
	z-index:1000px;
	width:136px;
}

#menu-horizontal ul li a:hover.carrieres{
	display:block;
	background: url(images/horizontal-carrieres-over.gif);
	margin-top:2px;
	height:39px;
	z-index:1000px;
	width:122px;
}

#menu-horizontal ul li a:hover.nousjoindre{
	display:block;
	background: url(images/horizontal-nousjoindre-over.gif);
	margin-top:2px;
	height:39px;
	z-index:1000px;
	width:152px;
}

#menu-horizontal ul li a span{
	display:none;
}


/* Partie principal du site contenant le contenu */

#center{
	background:url(images/bg-contenu.png);
	width:862px;
	height:676px;

}

#center a{
	text-decoration:none;
}

/* Collone de gauche */

#col-g{
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#676767;
	float:left;
}

/* Mise en forme des 4 block de text */

#info-s3i{
	width:274px;
	border:solid 1px #AEADAE;
	margin-bottom:8px;
	position:relative;
	height:120px;
	cursor:pointer;
}

#info-s3i a{
	width:274px;
	background: url(images/bg-presentationSection.gif) repeat-y;
	display:block;
	height:120px;
	position:relative;
	cursor:pointer;
}

#info-s3i a:hover{
	width:274px;
	background: url(images/bg-presentationSection-over.gif) repeat-y;
	display:block;
	cursor:pointer;
}

#info-s3i span.titre{
	width:254px;
	height:45px;
	font-weight:bold;
	border-bottom:solid 1px #AEADAE;
	color:#0082C8;
	padding-left:20px;
	line-height:44px;
	font-size:28px;
	position:absolute;
	top:0	cursor:pointer;
}

#info-s3i span.text{
	padding:12px 20px;
	position:absolute;
	color:#666;
	bottom:0;
	cursor:pointer;

}

#info-s3i img{
	position:absolute;
	float:right;
	border:none;
	right:0px;
	bottom:0px;
	cursor:pointer;
}

/*#info-papillon{
	width:274px;
	border:solid 1px #AEADAE;
	position:relative;
	height:166px;
	cursor:pointer;
}*/

a#info-papillon{
	width:274px;
	background:url(images/bg-presentationSection.gif) repeat-y;
	display:block;
	position:relative;
	height:166px;
	cursor:pointer;
	border:solid 1px #AEADAE;
	margin-bottom:8px;
}

a:hover#info-papillon {
	width:274px;
	background:url(images/bg-presentationSection-over.gif) repeat-y;
	display:block;
	cursor:pointer;
}

#info-papillon span.titre{
	width:254px;
	height:45px;
	border-bottom:solid 1px #AEADAE;
	color:#008752;
	padding-left:20px;
	line-height:44px;
	font-size:28px;
	position:absolute;
	top:0;
	font-weight:bold;
	cursor:pointer;

}

#info-papillon span.text{
	padding:12px 20px;
	position:absolute;
	color:#666;
	bottom:0px;
	cursor:pointer;
	
}

#info-papillon img{
	position:absolute;
	bottom:0;
	right:0;
	border:none;
	cursor:pointer;
}

/*#info-parox{
	width:274px;


	cursor:pointer;
}*/

a#info-parox{
	width:274px;
	background:url(images/bg-presentationSection.gif) repeat-y;
	display:block;
	position:relative;
	height:119px;
	cursor:pointer;
	margin-bottom:8px;
	border:solid 1px #AEADAE;
}

a:hover#info-parox {
	width:274px;
	background:url(images/bg-presentationSection-over.gif) repeat-y;
	display:block;
	cursor:pointer;
}

#info-parox span.titre{
	width:254px;
	height:45px;
	border-bottom:solid 1px #AEADAE;
	color:#EE3124;
	padding-left:20px;
	line-height:44px;
	font-size:28px;
	position:absolute;
	font-weight:bold;
	cursor:pointer;
}

#info-parox span.text{
	padding:13px 20px;
	position:absolute;
	color:#666;
	bottom:0;
	cursor:pointer;
}

#info-parox img{
	position:absolute;
	bottom:0;
	right:0;
	border:none;
	cursor:pointer;
}

#info-s3iA{
	width:274px;
	border:solid 1px #AEADAE;
	cursor:pointer;
}

#info-s3iA a{
	width:274px;
	background:url(images/bg-presentationSection.gif) repeat-y;
	display:block;
	position:relative;
	height:118px;
	cursor:pointer;
}

#info-s3iA a:hover{
	width:274px;
	background:url(images/bg-presentationSection-over.gif) repeat-y;
	display:block;
	cursor:pointer;
}

#info-s3iA span.titre{
	width:254px;
	height:45px;
	border-bottom:solid 1px #AEADAE;
	color:#00BCE4;
	padding-left:20px;
	line-height:44px;
	font-size:28px;
	position:absolute;
	top:0;
	font-weight:bold;
	cursor:pointer;
}

#info-s3iA span.text{

	padding:13px 20px;
	position:absolute;
	color:#666;
	bottom:0;
	cursor:pointer;
}

#info-s3iA img{
	position:absolute;
	bottom:0;
	right:0;
	border:none;
	cursor:pointer;
}

/* Collone de droite */

#col-d{
	padding:8px 1px;
	margin-left:290px;
}

/* Mise en forme du block du haut */

#presentation{
	width:561px;
	height:224px;
	border:1px #A5A5A5 solid;
	cursor:pointer;
}

#presentation a{
	background:url(images/Presentation.gif) no-repeat;
	width:561px;
	height:224px;
	display:block;
	cursor:pointer;
}

#presentation a:hover{
	background:url(images/Presentation-over.gif) no-repeat;
	width:561px;
	height:224px;
	display:block;
	cursor:pointer;
}

#presentation span.text{
	width:243px;
	height:110px;
	margin-left:281px;
	padding:60px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	position:relative;
	display:block;
	cursor:pointer;
}

#presentation img{
	position:absolute;
	bottom:0;
	right:0;
	border:none;
	cursor:pointer;
}

/* Mise en forme du block du bas */

#innovation{
	background: #FFFFFF;
	width:561px;
	height:319px;
	border:1px #A5A5A5 solid;
	margin-top:8px
}

#innovation h1{
	height:68px;
	border-bottom:1px #A5A5A5 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#494949;
	padding:10px 22px;
}

#innovation img{
	margin:38px 23px;
	border:1px #A5A5A5 solid;
	float:left;
	

}

#innovation p{
	width:300px;
	height:185px;
	margin-left:202px;
	padding:22px 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#414042; 
	border-left:1px #A5A5A5 dashed;
	position:relative;
}
#innovation p span{
	font-size:12px;
}

#innovation p a{
	width:138px;
	height:21px;
	display:block;
	background:url(images/lien-innovation.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CACACA;
	text-decoration:none;
	line-height:21px;
	padding-left:15px;
	position:absolute;
	right:10px;
	bottom:23px;
}

#innovation p a:hover{
	width:138px;
	height:21px;
	display:block;
	background:url(images/lien-innovation-over.gif) no-repeat;

}


/* Footer noir */

#contenu-principal #footer{
	position:absolute;
	left:26px;
	bottom:12px;
	height:65px;
	width:864px;
	background: url(images/bg-footer.gif) repeat-x;
	z-index:1000px;
}

/* mise en forme des liens a gauche */

#contenu-principal #footer #liens-footer{
	padding:13px 20px;
}

#contenu-principal #footer ul{
	list-style:none;
	margin-bottom:0px;
	margin-top:0px;
}

#contenu-principal #footer ul li{
	float:left;


}

#contenu-principal #footer a:hover{
	text-decoration:underline;
}

#contenu-principal #footer ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C4C7CA;
	padding:0px 10px;
	text-decoration:none;
}

#contenu-principal #footer ul li a.mecanitec{
	width:60px;
	background: url(images/fleche-cote.gif) no-repeat center right;

}

/* mise en forme de la couleur des liens des divisions */

#contenu-principal #footer a.s3i{

	color:#249CDC;
}

#contenu-principal #footer a img{
	border:none;
}

#contenu-principal #footer a.papillon{

	color:#069D62;
}

#contenu-principal #footer a.parox{

	color:#EE3124;
}

#contenu-principal #footer a.s3iA{

	color:#12C9F0;
}

#contenu-principal #footer .realisation{
		color:#b0afb0;
}



/* mise en forme des credits à droite */

#contenu-principal #credit{
	float:right;
	padding:14px 20px;
	line-height:19px;
	text-align:right;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenu-principal #credit a{
	text-decoration:none;
	color:#b0afb0;
	display:block;
	background:url(images/absolu.gif) center right no-repeat;
	padding-right:50px;
}

#contenu-principal #credit a:hover{
	text-decoration:none;
	color:#b0afb0;
	display:block;
	background:url(images/absolu-over.gif) center right no-repeat;
}

#shad-bas{
	background:url(images/shadow-bas.png) no-repeat;
	width:960px;
	height:20px;
	margin-left:27px;
}