/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
//
// SOMMAIRE :
// Général
// Structure
// - Menu haut
// - Menu gauche
// - Sous menu gauche
// - Contenu
// - Menu bas
// Signature
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
body#Accueil{background:#d5d4c7 url(../images/background/site-accueil.png) no-repeat top center;}
body#Interieur{background:#d5d4c7 url(../images/background/site-interieur.png) no-repeat top center;}
div#retourAccueil a{
	display:block;
	width:910px; height:105px;
	margin:-105px 0 0 0;
	cursor:pointer;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divSiteAccueil{
	width:1000px; height:630px;
	margin:0 auto 0 auto;	padding:105px 0 0 0;
	background:url(../images/background/flash-accueil.jpg) no-repeat 0 105px;
}
div#divSiteInterieur{
	width:970px;
	margin:105px auto 0 auto;
}
div#divSiteInterieur cite{display:none;}
div#bandeauHaut{width:970px; height:126px;}
div#bandeauHaut.espaces{background:url(../images/contenu/espaces-verts.jpg) no-repeat 0 0;}
div#bandeauHaut.cablage{background:url(../images/contenu/cablage.jpg) no-repeat 0 0;}
div#bandeauHaut.montage{background:url(../images/contenu/montage.jpg) no-repeat 0 0;}
div#bandeauHaut.usinage{background:url(../images/contenu/usinage-mecanique-generale.jpg) no-repeat 0 0;}
div#bandeauHaut.multi{background:url(../images/contenu/multiservices.jpg) no-repeat 0 0;}
div#bandeauHaut.general{background:url(../images/contenu/general.jpg) no-repeat 0 0;}
div#menuHaut{width:717px; height:126px;}
div#menuHaut{
	background:url(../images/background/menu-haut.png) no-repeat 0 0;
	padding:0 0 0 253px;
}
/* Menu haut */
div#lienMenuH1 a, div#lienMenuH1Over a, div#lienMenuH2 a, div#lienMenuH2Over a, div#lienMenuH3 a, div#lienMenuH3Over a, div#lienMenuH4 a, div#lienMenuH4Over a, div#lienMenuH5 a, div#lienMenuH5Over a{
	display:block; float:left;
	width:131px; height:126px;
	background-image:url(../images/menu/sprite-menu-haut.png); background-repeat:no-repeat;
}
div#lienMenuH1 a, div#lienMenuH1Over a{ background-position:0 0;}
div#lienMenuH1 a:hover{background-position: -131px 0;}
div#lienMenuH1Over a{background-position: -262px 0;}
div#lienMenuH2 a, div#lienMenuH2Over a{ background-position:0 -126px;}
div#lienMenuH2 a:hover{background-position: -131px -126px;}
div#lienMenuH2Over a{background-position: -262px -126px;}
div#lienMenuH3 a, div#lienMenuH3Over a{ background-position:0 -252px;}
div#lienMenuH3 a:hover{background-position: -131px -252px;}
div#lienMenuH3Over a{background-position: -262px -252px;}
div#lienMenuH4 a, div#lienMenuH4Over a{ background-position:0 -378px;}
div#lienMenuH4 a:hover{background-position: -131px -378px;}
div#lienMenuH4Over a{background-position: -262px -378px;}
div#lienMenuH5 a, div#lienMenuH5Over a{ background-position:0 -504px;}
div#lienMenuH5 a:hover{background-position: -131px -504px;}
div#lienMenuH5Over a{background-position: -262px -504px;}
/* Menu gauche */
div#menuGauche{
	float:left;
	width:131px;
}
div#lienMenuG1 a, div#lienMenuG1Over a, div#lienMenuG2 a, div#lienMenuG2Over a, div#lienMenuG3 a, div#lienMenuG3Over a, div#lienMenuG4 a, div#lienMenuG4Over a, div#lienMenuG5 a, div#lienMenuG5Over a, div#lienMenuG6 a, div#lienMenuG6Over a{
	display:block;
	width:131px; height:29px;
	margin:0 0 2px 0;
	background-image:url(../images/menu/sprite-menu-gauche.png); background-repeat:no-repeat;
}
div#lienMenuG1 a{ background-position:0 0;}
div#lienMenuG1 a:hover, div#lienMenuG1Over a{background-position: -131px 0;}
div#lienMenuG2 a{ background-position:0 -29px;}
div#lienMenuG2 a:hover, div#lienMenuG2Over a{background-position: -131px -29px;}
div#lienMenuG3 a{ background-position:0 -58px;}
div#lienMenuG3 a:hover, div#lienMenuG3Over a{background-position: -131px -58px;}
div#lienMenuG4 a{ background-position:0 -87px;}
div#lienMenuG4 a:hover, div#lienMenuG4Over a{background-position: -131px -87px;}
div#lienMenuG5 a{ background-position:0 -116px;}
div#lienMenuG5 a:hover, div#lienMenuG5Over a{background-position: -131px -116px;}
div#lienMenuG6 a{ background-position:0 -145px;}
div#lienMenuG6 a:hover, div#lienMenuG6Over a{background-position: -131px -145px;}
/* Sous menu gauche */
div#lienMenuSG1 a, div#lienMenuSG1Over a, div#lienMenuSG2 a, div#lienMenuSG2Over a, div#lienMenuSG3 a, div#lienMenuSG3Over a, div#lienMenuSG4 a, div#lienMenuSG4Over a, div#lienMenuSG5 a, div#lienMenuSG5Over a, div#lienMenuSG6 a, div#lienMenuSG6Over a{
	display:block;
	width:131px; height:22px;
	background-image:url(../images/menu/sprite-sous-menu-gauche.png); background-repeat:no-repeat;
}
div#lienMenuSG1 a, div#lienMenuSG1Over a{ background-position:0 0;}
div#lienMenuSG1 a:hover, div#lienMenuSG1Over a{background-position: -131px 0;}
div#lienMenuSG2 a, div#lienMenuSG2Over a{ background-position:0 -22px;}
div#lienMenuSG2 a:hover, div#lienMenuSG2Over a{background-position: -131px -22px;}
div#lienMenuSG3 a, div#lienMenuSG3Over a{ background-position:0 -44px;}
div#lienMenuSG3 a:hover, div#lienMenuSG3Over a{background-position: -131px -44px;}
div#lienMenuSG4 a, div#lienMenuSG4Over a{ background-position:0 -66px;}
div#lienMenuSG4 a:hover, div#lienMenuSG4Over a{background-position: -131px -66px;}
div#lienMenuSG5 a, div#lienMenuSG5Over a{ background-position:0 -88px;}
div#lienMenuSG5 a:hover, div#lienMenuSG5Over a{background-position: -131px -88px;}
div#lienMenuSG6 a, div#lienMenuSG6Over a{ background-position:0 -110px;}
div#lienMenuSG6 a:hover, div#lienMenuSG6Over a{background-position: -131px -110px;}
/* Contenu*/
div#contenu{
	position:relative;
	float:left;
	width:770px;
	margin:0 0 0 7px; padding:0 0 20px 0;
	background:#fff url(../images/background/contenu.gif) repeat-y 0 0;
}
div#contenu div.espaces{min-height:335px; background:url(../images/background/virage-vert.png) no-repeat top right;}
div#contenu div.cablage{min-height:335px; background:url(../images/background/virage-violet.png) no-repeat top right;}
div#contenu div.montage{min-height:335px; background:url(../images/background/virage-bleu.png) no-repeat top right;}
div#contenu div.usinage{min-height:335px; background:url(../images/background/virage-orange.png) no-repeat top right;}
div#contenu div.multi{min-height:335px; background:url(../images/background/virage-rouge.png) no-repeat top right;}
div#contenu div.general{min-height:335px; background:url(../images/background/virage-gris.png) no-repeat top right;}
div#contenu h1{
	font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#464646;
	padding:20px 0 10px 49px;
}
div#contenu h2.general, div#contenu h2,div#contenu h2.offre{
	font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#7588BE;
	padding:10px 0 5px 49px;
}
div#contenu h2.offre{
	margin:10px 0 0 0;
}
div#contenu h3.general{
	font:italic bold 12px Arial, Helvetica, sans-serif; color:#8f8f88;
	padding:5px 0 5px 49px;
}
div#contenu h1.espaces{color:#678e31;	background:url(../images/background/h1-espaces.png) no-repeat 0 15px;}
div#contenu h1.cablage{color:#582f4e;	background:url(../images/background/h1-cablage.png) no-repeat 0 15px;}
div#contenu h1.montage{color:#7588be;	background:url(../images/background/h1-montage.png) no-repeat 0 15px;}
div#contenu h1.usinage{color:#e08619;	background:url(../images/background/h1-usinage.png) no-repeat 0 15px;}
div#contenu h1.multi{color:#c54630;	background:url(../images/background/h1-multi.png) no-repeat 0 15px;}
div#contenu h1.general{color:#8f8f88;	background:url(../images/background/h1-general.png) no-repeat 0 15px;}
div#contenu h1.h1AvecGal{ width:410px;}
div#contenu h1.general em{ font:italic 14px Arial, Helvetica, sans-serif; color:#C54630; line-height:16px; text-align:justify; text-transform:none;}
div#contenu ul.ulContenu{
	list-style:disc;
	width:410px;
	padding:0 0 0 65px;
}
div#contenu ul.ulContenu li{
	font:normal 12px Arial, Helvetica, sans-serif; color:#464646; line-height:16px; text-align:justify;
}
div#contenu ul.ulContenu ul{
	list-style-image:url(../images/picto/trait.gif);
	padding:0 0 0 15px;
}
div#contenu ul.ulContenu ul li{
	font:normal 11px Arial, Helvetica, sans-serif; color:#464646; line-height:16px; text-align:justify;
}
div#contenu p{
	font:normal 12px Arial, Helvetica, sans-serif; color:#464646; line-height:16px; text-align:justify;
	padding:0 20px 0 50px;
}
div#contenu p.pMini{
	font:italic normal 10px Arial, Helvetica, sans-serif; color:#464646; text-align:justify;
	padding:10px 20px 0 50px;
}
div#contenu p.pAvecGal{ width:410px;}
div#contenu a:link, div#contenu a:visited{font:italic normal 12px Arial, Helvetica, sans-serif; color:#464646;}
div#contenu a:hover, div#contenu a:active{text-decoration:none;}
img.imgStyle1{
	float:left;
	padding:0 10px 5px 0;
}
div#divQqsChiffres{
	float:right;
	border:1px solid #7588BE;
	padding:10px; margin:10px 20px 10px 20px;
	width:130px;
	background:url(../images/background/qqs-chiffres.png);
}
div#divQqsChiffres h2{padding:0;}
div#divQqsChiffres p{
	padding:0;
	line-height:43px;
}
table.tableAvantages{
	width:650px;
	margin:0 0 0 49px;
	background:#DFDFDF;
}
table.tableAvantages th{
	font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-align:left;
	vertical-align:middle;
	padding:15px 10px 5px 10px;
	border-bottom:1px solid #fff;
}
table.tableAvantages td{
	font:bold 14px Arial, Helvetica, sans-serif; color:#333;
	vertical-align:middle;
	border-bottom:1px solid #fff;
}
table.tableAvantages input[type=text]{
	width:80px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#7588BE; text-align:right;
}
table.tableAvantages input.res{
	border:2px solid #7588BE;
}
table.tableAvantages input[type=reset]{
	font:bold 12px Arial, Helvetica, sans-serif; color:#333;
	font-weight:bold;
	width:20%;
}
table.tableAvantages input[type=button]{
	font:bold 12px Arial, Helvetica, sans-serif; color:#333;
	margin:10px;
	font-weight:bold;
	width:40%;
}
table.tableAvantages input[readonly=readonly]{
	background:#d5d5d5;
	color:#333;
}
div.divCoord{
	float:left;
	width:240px; height:150px;
	margin:0 10px 20px 0;
}
div.colRef{
	width:250px;
	float:left;
}
/* Menu bas */
div#menuBas{
	clear:left;
	width:770px; height:50px;
	background:url(../images/background/menu-bas.png) no-repeat 0 0;
	margin:0 0 0 138px;
}
div#menuBas ul li{display:inline;}
div#menuBas li a:link, div#menuBas li a:visited{
	display:inline-block;
	width:120px;
	background:#cecdc5;
	font:normal 10px Arial, Helvetica, sans-serif; color:#58585a; text-decoration:none; text-align:center;
	padding:2px 5px 2px 5px;
}
div#menuBas li a:hover, div#menuBas li a:active{
	background:#58585a;
	color:#cecdc5;
}
div#menuBas ul li.imp{margin:0 0 0 130px;}
/*///////////////////////////////////////////////////////////////////////////////////
// Signature
///////////////////////////////////////////////////////////////////////////////////*/
div#divSignAgora{
	position:absolute; bottom:5px; right:5px; z-index:1;
}
div#divSignAgora, div#divSignAgora a{
	font:normal 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;
}
div#divSignAgora a:hover{text-decoration:underline;}