/* regor-creations.css */

/* ----------- */
/* GENERALITES */
/* ----------- */

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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body {
	background: #6A6466;
	margin: 10px 0px;
	scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #989BA2;
    scrollbar-highlight-color: #989BA2;
    scrollbar-3dlight-color: #989BA2;
    scrollbar-darkshadow-color: #989BA2;
    scrollbar-track-color: #EBEAE8;
    scrollbar-arrow-color: #0A6EB5;
}

img {
    border:0;
    vertical-align: bottom;
}

.clear {
    visibility: hidden;
    line-height: 0px;
    height: 0px;
    border: 0px;
    clear: both;
}

/* ---------- */
/* ASSEMBLAGE */
/* ---------- */

#page {
}

#conteneur {
	width: 912px;
	margin: 0px auto;
}

#shadow_left {
	float: left;
	width: 10px;
	height: 550px;
	background: url(../../images/bg-shadow-left.gif) no-repeat right top;
}

#content {
	background: white;
	height: 550px;
	width: 890px;
	float: left;
	border: 1px solid white;
	border-top: 0px;
}

#shadow_right {
	float: left;
	width: 10px;
	height: 550px;
	background: url(../../images/bg-shadow-right.gif) no-repeat left top;
}

/* ------ */
/* HEADER */
/* ------ */

#header {
	background: #CACACA url(../../images/header/bg-general.gif) repeat-x top;
	height: 333px;
	width: 890px;
}

#logo {
	padding-top: 17px;
	padding-left: 3px;
}

#navigation {
	position: absolute;
	width: 100%;
	top: 52px;
}

/* MENU DE NAVIGATION */

#menu {
	padding-left: 336px;
	width: 555px;
	margin: auto;
}

#menu dl {
	border-left: 1px solid white;
	text-align: center;
	display: inline;
	width: 110px;
	height: 25px;
	float: left;
}

#menu dl dt {
	cursor: pointer;
}

#menu dl a:link, #menu dl a:visited {
	padding: 0px 0px 11px 0px;
	text-decoration: none;
	font-size: 1em;
	display: block;
	color: black;
}

#menu dl:hover, #menu dl:active, #menu dl a:hover, #menu dl a:active {
	background: url(../../images/header/menu-onglet-over.gif) repeat-x bottom;
	color: #016BB7;
}

#menu dl a.actif {
	background: url(../../images/header/menu-onglet-over.gif) repeat-x bottom;
	color: #016BB7;
}

/* MENU SECOND NIVEAU */

#menu ul {
	background: red;
}

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

#menu ul li a:link, #menu ul li a:visited {
	background: #EBEAE8;
	display: block;
	_height: 13px;
	color: black;
	padding: 5px;
}

#menu ul li a:hover, #menu ul li a:active {
	color: white;
}

#menu ul li a:hover.link1, #menu ul li a:active.link1 { background: #242E8D; }
#menu ul li a:hover.link2, #menu ul li a:active.link2 { background: #CFCE00; }
#menu ul li a:hover.link3, #menu ul li a:active.link3 { background: #0160A4; }
#menu ul li a:hover.link4, #menu ul li a:active.link4 { background: #E82300; }
#menu ul li a:hover.link5, #menu ul li a:active.link5 { background: #F28800; }
#menu ul li a:hover.link6, #menu ul li a:active.link6 { background: #6C7079; }

/* ------- */
/* CONTENU */
/* ------- */

#contenu {
	padding: 1px 0px 0px 0px;
	width: 890px;
}

#main {
	width: 688px;
	height: 200px;
	background: #EBEAE8;
	overflow: auto;
	overflow-x: hidden;
	float: left;
}

#main_gauche, #main_droite {
	float: left;
}

#main_gauche {
	width: 336px;
}

#main_droite {
	width: 334px;
	border-left: 1px solid white;
}

/* ENCART CONTACT */

#contact {
	border-left: 1px solid white;
	background: #EBEAE8;
	height: 200px;
	width: 201px;
	float: left;
}

#contact p {
	margin: 0px;
	padding: 0px 20px;
	text-align: justify;
}

#contact p a:link, #contact p a:visited {
	text-decoration: none;
	color: black;
}

#contact p a:hover, #contact p a:active {
	text-decoration: underline;
	color: #016BB7;
}

/* TITRES ET COMPORTEMENTS */

h1, h2, h3 {
	padding: 7px 5px 3px 10px;
	background: #989BA2;
	font-weight: bold;
	font-size: 1.3em;
	color: white;
}

h2 {
	background: #0A6EB5;
    font-weight: lighter;
}

h4 {
	padding: 7px 10px 0px 20px;
	font-weight: bold;
	font-size: 1em;
}

p {
	padding: 2px 5px;
	text-align: justify;
}

/* ------ */
/* FOOTER */
/* ------ */

#footer {
	background: white;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #989BA2;
	width: 890px;
}

#footer img {
	margin-top: 1px;
}

#footer ul {
	float: right;
}

#footer ul li {
	border-left: 1px solid #989BA2;
	display: inline;
	float: left;
}

#footer ul li:first-child {
	border: 0px;
}

#footer ul li a:link, #footer ul li a:visited {
	color: black;
	padding: 0px 5px;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active {
	color: #016BB7;
}

/* ------------ */
/*              */
/* MISE EN PAGE */
/*              */
/* ------------ */

#main p, #main ul li {
	list-style: none;
    padding: 0px;
	margin: 15px;
}

#main ul li {
	background: #989BA2;
	font-weight: bold;
	color: white;
	padding: 5px;
}

#main h3 {
	height: 16px;
	font-weight: lighter;
	padding: 2px 5px 2px 15px;
	background: transparent url(../../images/main/bg_h3.gif) no-repeat left center;
}

#main a {
	color: #0A6EB5;
	font-weight: bold;
	text-decoration: none;
}

a.en_savoir_plus {
	color: #0A6EB5;
	font-weight: bold;
	margin-left: 235px;
	text-decoration: none;
	padding: 2px 2px 2px 12px;
	background: url(../../images/main/bg_en_savoir_plus.gif) no-repeat 2px center;
}

#main a.pdf_link, #main a:link.pdf_link, #main a:visited.pdf_link, #main a:hover.pdf_link, a:active.pdf_link {
	width: 700px;
	color: white;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	border-bottom: 1px solid white;
	background: url(../../images/main/bg_a_pdf.gif) repeat;
}

#main ul li a:link, #main ul li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#main ul li a:hover, #main ul li a:active {
	background: url(../../images/main/bg_a.gif) no-repeat left center;
	padding-left: 10px; 
	color: black;
}

/* ------- */
/*         */
/* ACCUEIL */
/*         */
/* ------- */

.accueil #main {
	width: 688px;
	_overflow: hidden;
}

.accueil #main #main_gauche {
	width: 336px;
}

.accueil #main #main_droite {
	width: 351px;
	height: 200px;
}

.accueil h1 {
	background: #0A6EB5;
}

.accueil #main #main_droite ul {
	margin: 20px 15px;
	_margin: 10px 15px;
}

.accueil #main #main_droite ul li {
	background: #D4D1CF;
	margin: 0px 15px;
	padding: 0px;
	_height: 22px;
}

.accueil #main #main_droite ul li a {
	padding-left: 5px;
    line-height: 22px;
	display: block;
	color: black;
}

.accueil #main #main_droite ul li a:hover {
	padding-left: 10px;
	color: white;
}

.accueil #main #main_droite ul li a:hover.link1 { background: #242E8D url(../../images/main/bg_a.gif) no-repeat left center; color: white;}
.accueil #main #main_droite ul li a:hover.link2 { background: #CFCE00 url(../../images/main/bg_a.gif) no-repeat left center; color: white;}
.accueil #main #main_droite ul li a:hover.link3 { background: #0160A4 url(../../images/main/bg_a.gif) no-repeat left center; color: white;}
.accueil #main #main_droite ul li a:hover.link4 { background: #E82300 url(../../images/main/bg_a.gif) no-repeat left center; color: white;}
.accueil #main #main_droite ul li a:hover.link5 { background: #F28800 url(../../images/main/bg_a.gif) no-repeat left center; color: white;}
.accueil #main #main_droite ul li a:hover.link6 { background: #6C7079 url(../../images/main/bg_a.gif) no-repeat left center; color: white;}


/* ------- */
/*         */
/* SERVICE */
/*         */
/* ------- */

.service #content {
	height: 700px;
}

.service #main {
	height: 350px;
	overflow: hidden;
}

.service h1 {
	border-bottom: 1px solid white;
}

.service h1 strong {
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;
	font-size: 11px;
}

.service h2 {
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding: 15px 0px 0px 15px;
}

.service #main p {
	margin: 5px 15px;
	color: white;
}

.service.thermie #content {height:750px;}

.service.thermie #main {height:400px;}


#tier1, #tier2, #tier3 {
	float: left;
	text-align: center;
}

#tier1 {
	width: 230px;
}

#tier2 {
	width: 229px;
}

#tier3 {
	width: 229px;
}

#quart1, #quart2, #quart3, #quart4 {
	text-align: center;
	width: 172px;
	float: left;
}


.accueil #contenu_actualites{
	background:transparent;
	height:150px;
	overflow:hidden;
	width:311px;
	padding:0px 20px;
}

.accueil #contenu_actualites h2{
	color:#0A6EB5;
	font-weight:bold;
	background:transparent;
	padding:0px;
	margin:10px 0px;
}

/* ----------------- */
/*                   */
/* MATERIAUX SOUPLES */
/*                   */
/* ----------------- */

.materiaux #content {
	height: 655px;
}

.materiaux #main {
	height: 305px;
	overflow: hidden;
}

.materiaux h1 {
	background: #242E8D;
}

.materiaux #main {
	background: url(../../images/main/service-materiaux-souples/bg_general.gif) repeat-x top;
}

/* ------------------------ */
/*                          */
/* MAINTENANCE INDUSTRIELLE */
/*                          */
/* ------------------------ */

.maintenance h1 {
	background: #CFCE00;
}

.maintenance #main {
	background: url(../../images/main/service-maintenance-industrielle/bg_general.gif) repeat-x top;
}

.maintenance #main img {
	border: 1px solid #CFCE00;
}

/* ---------------- */
/*                  */
/* MACHINE SPECIALE */
/*                  */
/* ---------------- */

.speciale h1 {
	background: #0160A4;
}

.speciale #main {
	background: url(../../images/main/service-machine-speciale/bg_general.gif) repeat-x top;
}

.speciale #main img {
	border: 1px solid #0160A4;
}

/* ----------------- */
/*                   */
/* INDUSTRIE TEXTILE */
/*                   */
/* ----------------- */

.textile #content {
	height: 675px;
}

.textile #main {
	height: 325px;
	overflow: hidden;
}

.textile h1 {
	background: #E82300;
}

.textile #main {
	background: url(../../images/main/service-industrie-textile/bg_general.gif) repeat-x top;
}

/* ------------------------- */
/*                           */
/* GEOTHERMIE ET AEROTHERMIE */
/*                           */
/* ------------------------- */

.thermie h1 {
	background: #F28800;
}

.thermie #main {
	background: url(../../images/main/service-geothermie-aerothermie/bg_general.gif) repeat-x top;
}


/* --------------------- */
/*                       */
/* DEPARTEMENT MECANIQUE */
/*                       */
/* --------------------- */

.mecanique #content {
	height: 705px;
}

.mecanique #main {
	height: 355px;
	overflow: hidden;
}

.mecanique h1 {
	background: #6C7079;
}

.mecanique #main {
	background: url(../../images/main/service-departement-mecanique/bg_general.gif) repeat-x top;
}

.mecanique #main #quart4 {
	background: #6C7079;
}

.mecanique #main img {
	border: 1px solid #6C7079;
}

/* --------------------- */
/*                       */
/* FORMULAIRE DE CONTACT */
/*                       */
/* --------------------- */

.contact #main form {
	display: block;
}

.contact #main form #main_gauche h2 {
	width: 336px;
	_width: 321px;
}
.contact #main form #main_droite h2 {
	width: 336px;
	_width: 336px;
}

.contact #main form #main_gauche fieldset {
	padding: 10px 15px 0px 15px;
}

.contact #main form #main_droite fieldset {
	padding: 10px 0px 0px 15px;
}

.contact #main form fieldset p {
	margin: 2px 0px;
}

.contact #main form fieldset dfn {
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.contact input, .contact select, .contact textarea {
	border: 1px solid #0A6EB5;
	background: white;
	font-size: 11px;
	width: 240px;
	_width: 239px;
}

.contact input {
	padding: 1px;
}

.contact select {
	width: 244px;
	_width: 243px;
}

.contact textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 255px;
	_width: 254px;
	height: 90px;
}

.contact #main form fieldset p label {
	display: block;
	width: 60px;
	float: left;
}

.contact .action {
	text-align: right;
}

.contact .action input {
	cursor: hand;
	width: 127px;
	margin-right: 2px;
	_margin-right: 1px;
}

/* ------------- */
/*               */
/* CONFIGURATION */
/*               */
/* ------------- */

.config #main #main_gauche {
	width: 336px;
	_width: 321px;
}
.config #main #main_droite {
	width: 336px;
	_width: 336px;
}

.config #main h3 {
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	background: #6C7079;
	width: 336px;
}

.config #main p {
	margin: 12px 15px;
}

.config #main a {
	color: #0A6EB5;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 2px 2px 12px;
	background: url(../../images/main/bg_en_savoir_plus.gif) no-repeat 2px center;
}

@media print {
	body {
		width: 640px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#shadow_left, #shadow_right, #flash, #contact, #navigation, #footer {
		display: none;
	}
	#header {
		height: 50px;
	}
	#flash {
		height: 1px;
	}
}