/* Eric Meyers Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}

body {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	color: #666; 
	}

hr, .cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: .2em;
	width:1px;
	height:1px;
	overflow: hidden;
	}
	
/* ----------------------------| GENERIQUES |------------------------------- */

strong { font-weight: bold; }
em { font-style: italic; }
acronym { border-bottom: 1px solid #ccc; cursor: help; }
a img, :link img, :visited img { border: 0 none; }
	
/* ----------------------------| CHARTE GRAPHIQUE |------------------------------- */
	
h1  { font-size: 2.6em; }
h2  { font-size: 1.6em; }
h3  { font-size: 1.3em; }
h4  { font-size: 1.15em; }
h5  { font-size: 1em; }

/* rgb(20,100,175) = bleu sombre */
/* rgb(160,185,215) = bleu clair */
/* rgb(245,210,155) = beige dense */
/* rgb(250,240,225) = beige clair */

/* rgb(30,70,150) = bleu batiment */
/* rgb(230,100,30) = orange voirie */
/* rgb(150,200,45) = vert sol */
/* rgb(125,0,155) = violet environnement */
/* rgb(180,0,60) = rouge appuis */

/* ----------------------------| GLOBAL |------------------------------- */

#lienleonhart {
	position: absolute;
	top: 33px;
	left: 78%;
	width: 200px;
	height: 40px;
	}

#global  {
	margin: 0 auto;
	width: 92%;
	min-width: 770px;
	max-width: 1100px;
    font: .80em Arial, Helvetica, sans-serif;
	}
	
#entete {
	background-color: white;
	color: black;
	min-height: 130px;
	}
	
/* ----------------------------| EVITEMENT |------------------------------- */	

#evitement {
	text-align: right !important;
	}
		
#evitement li {
	display: inline;
	list-style-type: none;
	font-size: .9em;
	color: #999;
	}
	
#evitement li a {
	text-decoration: none;
	color: #999;
	}
	
#evitement li a:hover {
	text-decoration: underline;
	color: black;
	}
		
#evitement li a:focus {
	background-color: rgb(20,100,175);
	text-decoration: underline;
	color: white;
	}

/* ----------------------------| ENTETE |------------------------------- */
	
#logo {
	width: 200px;
	height: 95px;
	float: left;
	}
	
#logo a {
	outline: none;
	text-decoration: none;
	}
	
#logo img {
	margin-top: 12px;
	}
	
#logleo {
	height:75px;
	background: white url(../img/logo-LEONHART.png) top right no-repeat;
	}
	
/* ----------------------------| MENU ONGLETS/SOUS-ONGLETS |------------------------------- */
	
#onglets {
	float: left;
	padding-top: 0;
	margin-left: 20px;
	font-size: .95em;
	}
	
#sousonglets {
	float: left;
	width: 100%;
	padding-top: 5px;
	margin-left: 0;
	border-top: 1px solid rgb(20,100,175);
	font-size: .95em;
	}
	
#sousonglets p { 
	background-color:rgb(250,240,225);
	position: relative;
	top: -3px;
	}
	
#sousonglets p span { 
	margin-left: 5px;
	font-weight: bold;
	}
	
ul#nav, ul#nav li, ul#sousnav, ul#sousnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
ul#nav li, ul#sousnav li {
	float: left;
	margin-right: 3px;
	text-align: center !important;
	}
	
ul#nav a, ul#sousnav a {
	float: left;
	background-color: rgb(20,100,175);
	text-decoration: none;
	font-weight: bold;
	color: white;
	outline: none;
	text-align: center !important;
	}
	
ul#nav a.em4, ul#sousnav a.em4 { width: 4em; }
ul#nav a.em5, ul#sousnav a.em5 { width: 5em; }
ul#nav a.em6, ul#sousnav a.em6 { width: 6em; }
ul#nav a.em7, ul#sousnav a.em7 { width: 7em; }
ul#nav a.em8, ul#sousnav a.em8 { width: 8em; }
ul#nav a.em9, ul#sousnav a.em9 { width: 9em; }
ul#nav a.em10, ul#sousnav a.em10 { width: 10em; }
ul#nav a.em11, ul#sousnav a.em11 { width: 11em; }
ul#nav a.em12, ul#sousnav a.em12 { width: 12em; }
	
ul#nav a span, ul#sousnav a span {
	padding: 2px 10px;
	}
	
ul#nav li.actif a {
	background-color: rgb(245,210,155);
	color: rgb(20,100,175);
	}
		
ul#sousnav li.onglet-batiment a { background-color:rgb(30,70,150); }
ul#sousnav li.onglet-voirie a { background-color:rgb(230,100,30); }
ul#sousnav li.onglet-sol a { background-color:rgb(150,200,45); }
ul#sousnav li.onglet-environnement a { background-color:rgb(125,0,155); }
ul#sousnav li.onglet-appuis a { background-color:rgb(180,0,60); }
	
ul#nav li a:hover, ul#sousnav li a:hover {
	background-color: rgb(245,210,155);
	color: black;
	}
	
ul#nav li a:focus, ul#sousnav li a:focus {
	background-color: rgb(245,210,155);
	color: black;
	}

/* ----------------------------| STRUCTURE DE PAGE |------------------------------- */

#contenus {
	padding: 5px;
	border: 1px solid rgb(20,100,175);
	clear: both;
	}
	
#col-gauche {
	width: 200px;
	float: left;
	background-color: rgb(160,185,215);
	}
	
#col-gauche.accueil {
	background: rgb(160,185,215) url(../img/fond-col-gauche.gif) repeat-x;
	min-height: 560px;
	}
	
#col-droite {
	width: 200px;
	float: right;
	background-color: rgb(245,210,155);
	}
	
#col-droite.accueil {
	background: rgb(245,210,155) url(../img/fond-col-droite.gif) repeat-x;
	min-height: 560px;
	}
	
#page {
	margin-left: 205px;
	padding: 0 15px 20px 15px;
	min-height: 500px;
	}
	
#page.produits {	
	background: url(../img/fond-page-produits.gif) top right repeat-y;
	}
	
#page-accueil {
	margin: 0 200px;
	min-height: 560px;	
	background: rgb(52,85,163) url(../img/img-accueil.jpg) top center no-repeat;
	text-align: center !important;
	}
	
/* ----------------------------| CONTENUS COL GAUCHE |------------------------------- */

#col-gauche h2 {
	margin: 20px 0;
	width: 200px;
	height: 40px;
	background: rgb(20,100,175) url(../img/SEPA-actus.png) no-repeat;
	}

#bloc-gauche {
	margin: 15px;
	margin-bottom: 0;
	border:1px solid rgb(200,220,235);
	background-color: rgb(180,200,225);
	min-height: 100px;
	}
	
#bloc-gauche p.date, #bloc-gauche p.lienactus, #bloc-gauche p.categorie, #bloc-gauche p.suite { 
	/* categorie et suite sont des class de ZOOM (coldroite) utilisÈes dans les pages comme NEWS (colgauche) */
	margin: 0;
	color: rgb(180,200,225);
	background-color: rgb(20,100,175);
	font-size: 1em;
	line-height: 1;
	text-align: center;
	}
	
#bloc-gauche p.date, #bloc-gauche p.categorie { 
	margin-bottom: 10px;
	padding: .1em 0;
	}
	
#bloc-gauche p.lienactus, #bloc-gauche p.suite {
	padding-top: .3em;
	margin-top: 10px;
	padding-bottom: 2px;
	}
	
#bloc-gauche p.lienactus img, #bloc-gauche p.suite img {
	vertical-align: middle;
	}
	
#bloc-gauche p.lienactus a, #bloc-gauche p.suite a {
	color: rgb(180,200,225);
	}
	
#bloc-gauche p.lienactus a:hover, #bloc-gauche p.lienactus a:focus, #bloc-gauche p.suite a:hover, #bloc-gauche p.suite a:focus {
	color: white;
	font-weight: bold;
	}
	
#bloc-gauche h3 {
	margin: 5px 10px;
	color: white;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1;
	}
	
#bloc-gauche p {
	margin: 5px 10px;
	color: black;
	line-height: 1;
	}
	
#bloc-gauche p.actu {
	line-height: 1;
	font-weight: bold;
	}
	
#bloc-gauche p.actu a {
	color: white;
	font-weight: normal;
	text-decoration: none;
	line-height: .9;
	}
	
#bloc-gauche p.actu a:hover, #bloc-gauche p.actu a:focus {
	text-decoration: underline;
	}
	
#bloc-gauche p.actu span.suitestrong {
	font-size: 1.15em;
	line-height: 1 !important;
	}
	
#bloc-gauche p.suiteactu {
	margin: 10px 10px 2px 10px;
	color: black;
	font-size: .9em;
	font-style: italic;
	line-height: .9;
	}
	
#bloc-gauche p.suiteactu a {
	color: #555;
	}
	
#bloc-gauche p.suiteactu a:hover, #bloc-gauche p.suiteactu a:focus {
	color: black;
	}
	
#ombre-bloc-gauche {
	margin: 15px;
	margin-top: 0;
	margin-bottom: 5px;
	height: 14px;
	background: url(../img/ombre-bloc-gauche.gif) top center no-repeat;
	}

#menu {
	padding: 10px;
	padding-left: 15px;
	}
	
#menu ul {
	}
	
#menu ul.sous-menu li {
	list-style-type: none;
	}
	
#menu ul.sous-menu li a {
	display: block;
	width: 180px;
	text-align: left;
	text-decoration: none;
	color: white;
	font-size: 1em;
	font-weight: bold;
	outline: none;
	border: 1px solid white;
	border-top: 0 none;
	border-right: 0 none;
	padding: 2px 5px;
	margin-bottom: 10px;
	}
	
#menu ul.sous-menu ul.sous-sous-menu{	
	padding: 0;
	margin-bottom: 20px;
	} 
	
#menu ul.sous-menu ul.sous-sous-menu li a {
	font-size: .85em;
	border: 0 none;
	margin-left: 8px;
	margin-bottom: 3px;
	padding: 2px 10px 2px 5px; 
	width: 170px;
	background: white;
	color: black;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; 
	opacity: 0.5;
	}
	
#menu ul li a:hover, #menu ul li a:focus {
	text-decoration: underline;
	color: white;
	}
	
#menu a span.plusbat { color: rgb(30,70,150); }
#menu a span.plusvoi { color:rgb(230,100,30); }
#menu a span.plussol { color:rgb(150,200,45); }
#menu a span.plusenv { color:rgb(125,0,155); }
#menu a span.plusapp { color:rgb(180,0,60); }
#menu a:hover span, #menu a:focus span { color: white; }
	
#forms {
	padding: 10px;
	}
	
#forms h3 {
	font-size: 1em;
	font-weight: bold;
	color: white;
	}
	
#forms input {
	padding: 0;
	margin: 0;
	font-size: .9em;
	height: 20px;
	border: 1px solid rgb(20,100,175);
	}
	
#forms input.text {
	width: 150px;
	color: rgb(20,100,175); 
	background-color: white;
	padding-left: 2px;
	}
		
#forms input.text:focus {
	background-color: rgb(20,100,175);
	text-decoration: underline;
	color: white;
	}
	
#forms input.submit {
	background-color: rgb(20,100,175); 
	color: white;
	font-size: .8em;
	letter-spacing: -.1em;
	padding: 2px 0;
	position: relative;
	top: 3px;
	left: -5px;
	width: 2em;
	}
		
#forms input.submit:focus {
	text-decoration: underline;
	color: white;
	}
	
#forms label {
	display: none;
	}
	
/* menu docs Flash */

#col-gauche h2.docs {
	background: rgb(20,100,175) url(../img/SEPA-docs.png) no-repeat;
	}

#menu ul.listeflash  {
	list-style-type: none;
	margin-left: -5px;
	}
#menu ul.listeflash li a {
	display: block;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: white;
	margin: 5px 0;
	}
	
#menu ul.listeflash li a:hover, #menu ul.listeflash li a:focus {
	color: rgb(20,100,175);
	}
		
		
/* ----------------------------| CONTENUS COL DROITE |------------------------------- */

#col-droite h2 {
	margin: 20px 0;
	width: 200px;
	height: 40px;
	background: rgb(20,100,175) url(../img/ZOOM-sur.png) no-repeat;
	}

#bloc-droite {
	margin: 15px;
	margin-bottom: 0;
	border:1px solid rgb(255,235,225);
	background-color: rgb(250,225,190);
	min-height: 100px;
	}
	
#bloc-droite p.categorie, #bloc-droite p.suite {
	margin: 0;
	color: rgb(250,225,190);
	background-color: rgb(235,150,35);
	font-size: 1em;
	text-align: center;
	}
	
#bloc-droite p.categorie {
	margin-bottom: 10px;
	}
	
#bloc-droite p.suite {
	margin-top: 10px;
	padding-bottom: 2px;
	}
	
#bloc-droite p.suite img {
	vertical-align: middle;
	}
	
#bloc-droite p.suite a {
	color: rgb(250,225,190);
	}
	
#bloc-droite p.suite a:hover, #bloc-gauche p.suite a:focus {
	color: white;
	font-weight: bold;
	}
	
#bloc-droite h3 {
	margin: 5px 10px;
	color: rgb(200,125,25);
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1;
	}
	
#bloc-droite p {
	margin: 5px 10px;
	color: black;
	}
	
#ombre-bloc-droite {
	margin: 0 15px;
	height: 14px;
	background: url(../img/ombre-bloc-droite.gif) top center no-repeat;
	}
		
/* ----------------------------| CONTENUS PAGE |------------------------------- */

/* >>> ACCUEIL */

#page-accueil ul {
	padding-top: 200px;
	}

#page-accueil ul li {
	list-style-type: none;
	text-align: center !important;
	height: 4em;
	}
	
#page-accueil object#flash-accueil {
	width:480px;
	height:58px;
	position:relative;
	left:50%;
	margin-top:90px;
	margin-left:-240px;
	}
	
#page-accueil ul li.part { position: relative; left: -25px; }
#page-accueil ul li.coll { position: relative; left: 45px; }
#page-accueil ul li.pres { position: relative; left: -40px; }
#page-accueil ul li.reve { position: relative; left: 10px; }

#page-accueil ul li a {
	color: white;
	text-decoration: none;
	font-size: 2.3em;
	background: url(../img/fleche-blanc.png) 0 5px no-repeat;
	min-height: 22px;
	border:1px solid transparent;
	padding-right: 10px;
	}
	
#page-accueil ul li a span {
	font-size: .6em;
	padding-left: 20px;
	}
	
#page-accueil ul li a:hover, #page-accueil ul li a:focus {
	border:1px solid white;
	background-image: url(../img/fond-cibles-accueil.png);
	}


/* >>> AUTRES */
	
#page h1  { color: rgb(160,185,215); margin-top: 20px; line-height:.9; }
#page h1 span  { border-bottom:6px solid rgb(160,185,215); }
#page h2  { font-weight: bold; color: rgb(20,100,175); margin: 10px 0 0 10px; }
#page h3  { font-weight: bold; color: #888; margin-top: 10px; }
#page h4  { font-weight: bold; margin-left: 20px; }
#page h5  { }
#page p  { margin-left: 20px; line-height: 1.2em; }
#page p a  { color: #777; }

#img-anim {
	height: 100px;
	background-color: #eee;
	}

p.ariane {
	position: relative;
	top:10px;
	left:-20px;
	color: #aaa;
	font-size: .85em;
	text-transform: uppercase;
	}

p.ariane a {
	color: #aaa;
	text-decoration: none;
	}
	
p.ariane a:hover, p.ariane a:focus {
	color: black;
	text-decoration: underline;
	}
	
#fiche {
	position: relative;
	top: -2px;
	width: 100%;
	margin: 0;
	background-color: white;
	border:1px solid rgb(160,185,215);
	min-height: 450px;
	}
	
#coin-fiche {	
	background: white url(../img/fond-fiche-produits.gif) top right no-repeat;
	width: 15px;
	height: 30px;
	position: relative;
	top: -1px;
	left: 1px;
	float: right;
	}
	
#onglets-fiche {
	padding-top: 0;
	margin: 0 15px;
	//margin: 20px 0 20px 10px;
	font-size: .95em;
	height: 1.5em;
	//border-bottom:1px solid rgb(160,185,215);
	}
	
/* ------------------------| ELEMENTS UNIVERSELS |-------------------------------- */

p.bouton-action, input.bouton-action, p.bouton-alert, input.bouton-alert {
	margin: 15px 0 15px 0;
	padding : 5px;
	background: rgb(30,70,150) url('../img/bouton-action.png') bottom left;
	border: 1px solid rgb(30,70,150);
	color: white;
	}

p.bouton-action, p.bouton-alert {
	display: inline;
	}

p.bouton-action a {
	text-decoration: none;
	color: white !important;
	}

h2.motcle {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: .2em;
	width:.1em;
	height:.1em;
	overflow: hidden;
	}
	
/* ------------------------| SEPA1 = PAGES INSTITUTIONNELLES |-------------------------------- */

#img-det {
	position: absolute;
	top: 50px;
	left: 55%;
	width: 300px;
	height: 230px;
	}

.pagesSEPA p {
	margin: 15px 20px 15px 0;
	}
	
.pagesSEPA p strong {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1;
	}
	
.pagesSEPA li {
	margin-left: 50px;
	list-style-type: square;
	}
	
.pagesSEPA img  {
	margin: 15px 0 0 15px;
	}

/* exceptions */

.pagesSEPA ul.liens-web  {
	margin: 20px 0;
	}

.pagesSEPA ul.liens-web li {
	margin-left: 0;
	list-style-type: none;
	}
	
.pagesSEPA ul.liens-web img  {
	margin: 0;
	}
	
/* fin exceptions */
	
.pagesSEPA object  {
	margin-left: 15px;
	}
	
.pagesSEPA img.float {
	margin: 15px;
	float: left;
	}
	
.newsdate {
	color: black;
	font-weight: bold;
	position:relative;
	left: -10px;
	}

.newstitre {
	position:relative;
	top: -.5em;
	}
	
.newstexte {
	margin-top: 5px;
	}
	
.newstexte em, .newstexte strong {
	line-height: 1.3em;
	}
	
.newstexte em a {
	color: #777;
	}
	
.newstexte em a:hover, .newstexte em a:focus {
	color: black;
	}

.newssoustexte {
	font-size: .92em;
	font-style: italic;
	position: relative;
	top: -8px;
	}

.newssoustexte em  {
	line-height: 1.1em;
	}

.newssoustexte a {
	color: #777;
	}

.newssoustexte a:hover, .newssoustexte a:focus {
	color: black;
	}
	
#carte-SEPA { width:400px; margin: 30px auto 0 auto; }
#carte-SEPA img, #carte-SEPA a {  float: left; display: inline; margin: 0; padding: 0; outline: none; }

#Sarralbe {  width:400px; height: 74px; background: white url(../img-SEPA/carte-SEPA-1a.jpg) no-repeat; }
#Schweighouse {   width:400px; height: 47px; background: white url(../img-SEPA/carte-SEPA-2a.jpg) no-repeat; }
#Strasbourg {   width:400px; height: 116px; background: white url(../img-SEPA/carte-SEPA-3a.jpg) no-repeat; }
#Selestat {   width:400px; height: 50px; background: white url(../img-SEPA/carte-SEPA-4a.jpg) no-repeat; }
#Colmar  {   width:400px; height: 79px; background: white url(../img-SEPA/carte-SEPA-5a.jpg) no-repeat; }
#SteCroix  {   width:400px; height: 51px; background: white url(../img-SEPA/carte-SEPA-6a.jpg) no-repeat; }
#Mulhouse {  width:400px; height: 56px;  background: white url(../img-SEPA/carte-SEPA-7a.jpg) no-repeat; }
#Rixheim {  width:400px; height: 47px;  background: white url(../img-SEPA/carte-SEPA-8a.jpg) no-repeat; }
#liste-sites-implantations {  width:400px; height: 60px;  background: white url(../img-SEPA/carte-SEPA-9a.jpg) no-repeat; }
#clearboth {  clear:both; }

a#Sarralbe:hover { background: white url(../img-SEPA/carte-SEPA-1a.jpg)  0 -74px no-repeat; }
a#Schweighouse:hover {  background: white url(../img-SEPA/carte-SEPA-2a.jpg)  0 -47px no-repeat; }
a#Selestat:hover {  background: white url(../img-SEPA/carte-SEPA-4a.jpg)  0 -50px  no-repeat; }
a#SteCroix:hover  {    background: white url(../img-SEPA/carte-SEPA-6a.jpg) 0 -51px no-repeat; }
a#Rixheim:hover {  background: white url(../img-SEPA/carte-SEPA-8a.jpg) 0 -47px  no-repeat; }

div.usinedepot {
	position:inherit;
	height: 160px;
	width: 150px;
	background: transparent url(../SEPA1/img/hg.png) no-repeat;
	}

div.usinedepot img {
	margin: 10px;
	margin-top: 30px;
	}

div.adressedepot {
	position:inherit;
	height: 160px;
	margin-left: 150px;
	width: 210px;
	background: transparent url(../SEPA1/img/bg.png) top right;
	}
	
div.adressedepot h2 {
	font: 1.5em Arial, Helvetica, sans serif;
	font-weight: bold;
	position: relative;
	top: 15px;
	left: -9px;
	}
	
div.adressedepot h2 span {
	font: .7em Arial, Helvetica, sans serif;
	display: block;
	}

div.adressedepot address {
	font: 1em Arial, Helvetica, sans serif;
	color: #999999;
	position: relative;
	top: 20px;
	left: 3px;
	}
	
#usine1 { position:absolute; top:100px; left: 50%; margin-left: -400px; display: none; }
#usine2 { position:absolute; top:150px; left: 50%; margin-left: -400px; display: none; }
#usine3 { position:absolute; top:250px; left: 50%; margin-left: -400px; display: none; }
#usine4 { position:absolute; top:330px; left: 50%; margin-left: -400px; display: none; }
#usine5 { position:absolute; top:420px; left: 50%; margin-left: -400px; display: none; }

/* ------------------------| SEPA2 = PAGES PRODUITS |-------------------------------- */

p.texteaccprod {
	margin: 15px 20px 15px 0;
	line-height: 1.5em;
	}

/* onglets */
	
ul#nav-fiche, ul#nav-fiche li  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
ul#nav-fiche li {
	float: left;
	margin-right: 3px;
	text-align: center !important;
	}
	
ul#nav-fiche a  {
	float: left;
	background-color: rgb(20,100,175);
	text-decoration: none;
	font-weight: bold;
	color: white;
	outline: none;
	text-align: center !important;
	}
	
ul#nav-fiche a.men1 { width: 8em; }
ul#nav-fiche a.men2 { width: 12em; }
ul#nav-fiche a.men3 { width: 5em; }
	
ul#nav-fiche a span {
	padding: 2px 10px;
	}
	
ul#nav-fiche li a:hover {
	background-color: rgb(245,210,155);
	color: black;
	}
	
ul#nav-fiche li a:focus  {
	background-color: rgb(245,210,155);
	color: black;
	}
	
/* tables */
	
#fiche h2 {
	border-bottom:1px solid rgb(160,185,215);
	margin-right: 10px;
	}

table.ficheprod img {	
	margin: 0 5px 10px 0;
	float: left;
	}
	
#colA1 img, #colA2  img {
	width: 100%;
	max-width: 350px; /* limite taille images */
	clear: both;
	}
	
table.ficheprod tr th.supp { /* tableau présentation global */
	display: none;
	border: 0 none;
	}
	
table.ficheprod tr td {
	padding: 10px;
	vertical-align: top;
	width: 48%;
	}
	
#latable {  }
#legraphe {  width: 270px; float: right; margin-left: 20px; background-color: white; }
#legraphetxt {  width: 270px; float: right; margin-left: 20px;  }
	
table.ficheprod tr td h2 {
	position: relative;
	left: -10px;
	border-bottom: 0 none !important;
	padding-bottom: .6em;
	}
	
table.ficheprod tr td p {
	position: relative;
	left: -20px;
	clear: left;
	}
	
table.ficheprod tr td#colA2 p {
	border-left: 3px solid rgb(160,185,215);
	padding-left: 5px;
	}
	
/* sous-fiches */

#ref-fiche, #technique-fiche, #pose-fiche { 	
	border:1px solid #bbb; 	
	border-top:3px solid rgb(20,100,175); 
	padding-top: 0;
	margin: 0 15px 15px 15px;
	background-color: rgb(250,248,245);
	min-height: 300px;
	}
	
#ref-fiche.sans-style { 		/* bloc accueil produits */
	border:0 none;; 
	padding-top: 0;
	margin: 0;
	background-color: white;
	}

/*
#ref-fiche a:hover img, #ref-fiche a:focus img { 	
	border:4px solid rgb(160,185,215);
	height: 200px;
	width: auto;
	}
*/	

/* table technique */
	
table#techn { 
	background-color: white; 
	font-size:.9em; 
	}
	
table#techn tr th { 
	text-align: center; 
	font-style: italic !important;
	background-color: rgb(250,248,245);
	line-height: .9em;
	padding: 2px 4px;
	}
	
table#techn tr td { 
	border-bottom:1px solid #ddd; 
	padding: 5px 10px; 
	text-align: center; 
	line-height: 1 !important; 
	width: auto;
	}
	
table#techn tr td.col1 { 
	background-color: rgb(250,240,225); 
	text-align: left; 
	font-weight: bold;
	}
	
a img.imgvignette {
	border: 2px solid  rgb(250,240,225);
	}
	
a:focus img.imgvignette {
	border: 2px solid rgb(245,210,155);
	}	
	
/* ----------------------------| SEPA3 |------------------------------- */

	
ul.menu-pdf  {
	padding-left: 40px;
	margin: 0;
	}
		
ul.menu-pdf li {
	list-style-type: none;
	}
		
ul.menu-pdf li span {
	font-size: .8em;
	font-weight: bold;
	color: #aaa;
	}
	
ul.menu-pdf li a, a.lien-pages {
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	color: #999;
	}
	
ul.menu-pdf li a  {
	text-decoration: none;
	}
	
ul.menu-pdf li a:hover, ul.menu-pdf li a:focus, a.lien-pages:hover, a.lien-pages:focus  {
	color: black;
	}
	
/* plan du site */

h3.plan-titre {
	margin-left: 15px;
	}

ul.plan-site li {
	list-style-type: none;
	}
	
ul.plan-site li a {
	text-decoration: none;
	color: #777;
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px 5px;
	margin-left: 50px;
	}
	
ul.plan-site li a:hover, ul.plan-site li a:focus {
	text-decoration: underline;
	color: black;
	}
	
ul.plan-site li ul li a {
	padding-left: 50px;
	font-size: .9em;
	}
/* assistance */

p.assist  {
	font-size: 1.2em;
	line-height: 2em;
	margin: 10px 50px;
	}
	
/* ----------------------------| ZONE OUTILS |------------------------------- */

#outils-adresse {
	font-size: .95em;
	margin-bottom: 20px;
	}
	
#outils-adresse ul {
	list-style-type: none;
	}
	
#outils-adresse li {
	display: inline;
	list-style-type: none;
	color: #999;
	}
	
#outils-adresse li a {
	text-decoration: none;
	color: #999;
	padding-right: 5px;
	}
	
#outils-adresse a:hover {
	text-decoration: underline;
	color: black;
	}
	
#outils-adresse a:focus {
	text-decoration: underline;
	color: black;
	}
	
#outils-adresse p {
	line-height: .9em;
	color: black;
	}
	
#outils-adresse p a {
	text-decoration: none;
	color: black;
	}

/* mentions  */

#outils-adresse p a#actmentions span#mentions {
	display: none;
	}
	
#outils-adresse p a#actmentions:hover span#mentions {
	display: block;
	font-size: .8em;
	line-height: .9em;
	font-style: italic;
	color: #999;
	border:1px dotted #aaa;
	padding: 3px;
	text-decoration: none;
	}
		
/* ----------------------------| GESTION CLASSE JS + COULS CHARTE |------------------------------- */

/* sans JS ARIANE */		
.avecJS, .siJS .sansJS {display:none;} 
.sansJS, .siJS .avecJS {display:block;}

/* sans JS SOUS-MENUS SEPA2 */		
.sous-sous-menu {display:block;} 
.siJS .sous-sous-menu {display:none;}


.batiment{ background-color:rgb(30,70,150); }
.voirie { background-color:rgb(230,100,30); }
.sol { background-color:rgb(150,200,45); }
.environnement { background-color:rgb(125,0,155); }
.appuis { background-color:rgb(180,0,60); }