body {
	margin: 0px;
	padding: 0px;
	
	/* Textes par défaut. */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;

	/* IE la page est centrée. */
	text-align: center;
}
hr {
	height: 0px;
	width: 100%;
	border-top: 1px dashed #000000;
	border-bottom: 0px;
}
div {
	margin: 0px;
	padding: 0px;
	/* FF les div se comportent en modèle traditionnel de boite */
	-moz-box-sizing: border-box;
	/* depuis IE8 les div se comportent en modèle traditionnel de boite */
	-ms-box-sizing: border-box;
	/* les navigateurs respectant CSS3 les div se comportent en modèle traditionnel de boite */
	box-sizing: border-box;
	/* Chrome les div se comportent en modèle traditionnel de boite */
	-webkit-box-sizing: border-box;
}
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
fieldset {
	font-size: 11px;
	margin: 5px;
	margin-top: 12px;
}
legend {
	color: #333333;
}
table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	/* IE spécifique. */
	border-collapse: collapse;
}
th {
	vertical-align: top;
	text-align: left;
	padding: 0px;
	color: #333333;
}
td {
	vertical-align: top;
	text-align: left;
	padding: 0px;
	/*border: 2px solid red;*/
	color: #333333;
}
th.right, td.right {
	text-align: right;
}
th.center, td.center {
	text-align: center;
}
th.left, td.left {
	text-align: left;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	white-space: normal;
	/* Lorsque a autour d'un div, pas de pointeur flèche sous IE. */
	cursor: pointer;
	/*border: 1px solid red;*/
	/* FF les div se comportent en modèle traditionnel de boite */
	-moz-box-sizing: border-box;
	/* depuis IE8 les div se comportent en modèle traditionnel de boite */
	-ms-box-sizing: border-box;
	/* les navigateurs respectant CSS3 les div se comportent en modèle traditionnel de boite */
	box-sizing: border-box;
	/* Chrome les div se comportent en modèle traditionnel de boite */
	-webkit-box-sizing: border-box;
}
a.div {
	cursor: pointer;
}
img {
	margin: 0px;
	border: 0px;
}
h1 {
	font-size: 29px;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 0px;
}
h1 span {
	color: #888888;
}
h2 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #000000;
}
h3 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #333333;
}
ul.interne {
	/* Chrome : padding important pour le li par défaut. */
	padding: 0px;
	list-style-position: inside;


	/* FF les div se comportent en modèle traditionnel de boite */
	-moz-box-sizing: border-box;
	/* depuis IE8 les div se comportent en modèle traditionnel de boite */
	-ms-box-sizing: border-box;
	/* les navigateurs respectant CSS3 les div se comportent en modèle traditionnel de boite */
	box-sizing: border-box;
	/* Chrome les div se comportent en modèle traditionnel de boite */
	-webkit-box-sizing: border-box;
}
ul.externe {
	/* Chrome : padding important pour le li par défaut. */
	padding: 0px;
	margin-left:20px;
	list-style-position: outside;


	/* FF les div se comportent en modèle traditionnel de boite */
	-moz-box-sizing: border-box;
	/* depuis IE8 les div se comportent en modèle traditionnel de boite */
	-ms-box-sizing: border-box;
	/* les navigateurs respectant CSS3 les div se comportent en modèle traditionnel de boite */
	box-sizing: border-box;
	/* Chrome les div se comportent en modèle traditionnel de boite */
	-webkit-box-sizing: border-box;
}
ul {
	/* Chrome : padding important pour le li par défaut. */
	padding: 0px;

	/* FF les div se comportent en modèle traditionnel de boite */
	-moz-box-sizing: border-box;
	/* depuis IE8 les div se comportent en modèle traditionnel de boite */
	-ms-box-sizing: border-box;
	/* les navigateurs respectant CSS3 les div se comportent en modèle traditionnel de boite */
	box-sizing: border-box;
	/* Chrome les div se comportent en modèle traditionnel de boite */
	-webkit-box-sizing: border-box;
}

/* Tous les modeles contiennent un conteneur. */
/* Chaque section est un conteneur du fait des bandes de couleurs. */
div.fondCouleur {
	width: 100%;
}
div.conteneur {
	/* FF page centrée dans le navigateur. */
	margin-left: auto;
	margin-right: auto;
	/* Page en 1024 */
	width: 1002px;
}
/* ------------------------------- */
div#identification {
	background-color: #000000;
	/* Chrome: Hauteur nulle si rien dans le div avec les float right uniquement. */
	height: 20px;
}
div#identificationConteneur {
	color: #FFFFFF;
	font-weight: normal;

	text-align: right;
}
div#identificationConteneur a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	
	padding: 0px 5px 0px 5px;
	float: right;
}
div#identificationConteneur span {
	font-size: 14px;
	line-height: 14px;

	padding: 0px 5px 0px 5px;
	float: right;
}
div#identificationConteneur form {
	float: right;
}
div#identificationConteneur input {
	border: 0px;
	background-color: #272727;
	font-size: 10px;
	color: #FFFFFF;
}
/* ------------------------------- */
div#tetiere {
	background-color: #3B3B3B;
	/* fait disparaitre le noeud de texte vide interprété par IE à 3px de haut. */
	font-size: 0px;
}
div#tetiereConteneur {
	/* Chrome ne stoppe pas le float right spontanément. */
	clear: both;
}
/* ------------------------------- */
div#bandeauMenuConteneur {
	text-align: right;
	height: 20px;
}
div#bandeauMenu a {
	text-transform: uppercase;
	vertical-align: middle;
	height: 20px;
	padding: 5px;
	font-weight: normal;
}

div#contenu {
	/*background-color: #BEBEBE;*/
	background-image: url(/tpl/img/arriere-plan.jpg);
	background-repeat: repeat;
}
div#contenuConteneur {
	background-color: #FFFFFF;
}
/* Tableau largeur 1002px. */
/* 250 | 502 | 250 */
div#contenuConteneur table td.menugauche {
	width: 250px;
	background-image: url(/tpl/img/fond-menu-gauche.jpg);
	background-repeat: repeat-y;

	/* IE : height est la hauteur minimum. */
	/* FF : problème : la hauteur est stricte, donc la page déborde du div. */
	height: 500px;
	
	/* Marge gauche pour élisa. */
	/*padding-left: 5px;*/
}
/* CSS interprété par autres que IE. */
html>body div#contenuConteneur table td.menugauche {
	height: auto;
	/* IE : min-height sans effet. */
	/* FF en tient compte */
	min-height: 500px;
}
/* Le centre occupe la cellule du milieu, le menu de droite s'affiche. */
div#contenuConteneur table td.centre_1colonne {
	padding: 10px;
	width: 502px;
}
/* Le centre occupe 2 cellules : la cellule du milieu et la cellule du menu de droite = pas de menu de droite. */
div#contenuConteneur table td.centre_2colonnes {
	padding: 10px;
	width: 752px;
}
div#contenuConteneur table td.menudroite {
	background-image: url(/tpl/img/fond-menu-droite.png);
	background-repeat: repeat-y;
	width: 250px;
}

div#pieddepage {
	/*background-color: #9F9F9F;*/
	background-image: url(/tpl/img/pied-de-page-marge.jpg);
	background-repeat: repeat-x;
}
div#pieddepageConteneur {
	background-image: url(/tpl/img/pied-de-page-gris.jpg);
	color: #FFFFFF;
	height: 147px;
	
	position: relative;
	text-align: left;
}
div#pieddepageConteneur div.visitez {
	text-align: left;
	font-size: 16px;
	
	position: absolute;
	left: 0px;
	width: 250px;
	height: 147px;
	padding-top: 117px;
}
div#pieddepageConteneur div.adresse {
	text-align: left;
	font-size: 10px;
	padding-top: 5px;
	
	position: absolute;
	left: 250px;
	/* 1002-250=752 */
	width: 752px;
	z-index: 10;
}
div#pieddepageConteneur div.logos {
	text-align: right;

	position: absolute;
	left: 250px;
	bottom: 0px;
	/* 1002-250=752 */
	width: 752px;
}
div#pieddepageConteneur div.logos img {
}
div#pieddepageConteneur div.logos div#logo-pluristop {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: left;
}
div#pieddepageConteneur div.logos div#logo-pluristop span.separateur {
	position: absolute;
	font-size: 24px;
	line-height: 20px;
	bottom: 8px;
	left: 170px;
	border-bottom: none;
}

/* Eléments unitaires pour les pages. */
/* ================================== */
table td.menugauche h2 {
	margin-left: 5px;
}
/* -------------------------------- */
div#conseil {
	background-repeat: no-repeat;
	width: 250px;
	height: 143px;
	padding: 80px 10px 0px 150px;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-weight: bold;
}
/* -------------------------------- */
div.menuUtilisateur {
	margin-left: 5px;
}
/* -------------------------------- */
div#menuSegments {
}
div#menuSegments a {
	font-size: 14px;
	/*line-height: 11px;*/
	margin: 5px 0px 5px 5px;
	display: block;
	font-weight: normal;
}
/* -------------------------------- */
div.consultation {
	margin-top: 0px;
	font-size: 12px;
	line-height: 12px;
	width: 210px;
}
div.lancezConsultation {
	background-image: url(/tpl/img/inscrivez-vous.png);
	background-repeat: no-repeat;
	width: 206px;
	height: 86px;
	margin-top: 0px;
}
div.lancezConsultation h2 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding: 5px 0px 0px 5px;
	margin-top: 0px;
}
div.lancezConsultation h2:first-line {
	font-size: 30px;
	line-height: 30px;
}
/* -------------------------------- */
/* Espacement sous titre de page index. */
table.index {
	margin-top: 50px;
}
/* -------------------------------- */
div.vousCherchez {
	background-repeat: no-repeat;
	width: 259px;
	height: 275px;
}
div.vousCherchez h2 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
	padding: 10px 0px 0px 10px;
	margin-top: 0px;
}
div.vousCherchez h3 {
	color: #000000;
	font-size: 14px;
	padding: 0px 0px 0px 25px;
	text-indent: -15px;
	margin-top: 15px;
}
/* -------------------------------- */
div.inscription {
	margin-top: 0px;
	font-size: 12px;
	line-height: 12px;
	width: 210px;
}
div.inscrivezVous {
	background-repeat: no-repeat;
	width: 206px;
	height: 86px;
}
div.rouge {
	background-image: url(/tpl/img/inscrivez-vous.png);
}
div.inscrivezVous h2 {
	color: #FFFFFF;
	font-size: 16px;
	/*line-height: 16px;*/
	font-weight: normal;
	padding: 5px 0px 0px 5px;
	margin-top: 0px;
}
div.inscrivezVous h2:first-line {
	font-size: 26px;
	line-height: 30px;
}
ul#inscrivezVous {
	margin: 0px;
	width: 206px;
}
ul#inscrivezVous li {
	font-size: 14px;
	/*line-height: 13px;*/
	list-style-position: inside;
	/* Remplacé par la couleur du site. */
	color: red;
	font-weight: bold;
	margin-top: 10px;
}
ul#inscrivezVous li span {
	font-weight: normal;
	color: black;
}
/* -------------------------------- */
div#simulateur {
	background-repeat: no-repeat;
	width: 259px;
	height: 153px;
}
div#simulateur h2 {
	margin: 0px;
	color: #000000;
	font-size: 20px;
	line-height: 18px;
	padding: 10px 0px 0px 45px;
	text-indent: -35px;
}
div#simulateur h2:first-line {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 18px;
	font-weight: normal;
}
div#simulateur p {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 0px 0px 0px 25px;
	text-indent: -15px;
}
div#simulateur p:first-line {
	color: #FFFFFF;
}
/* -------------------------------- */
div#projets {
	/* 502-10-10=482 */
	width: 482px;
}
div#projets div.titre {
	width: 100%;

	background-repeat: no-repeat;
	background-position: top right;

	height: 20px;

	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
}
div#projets div.contenu {
}
div.projet {
	font-size: 12px;
	/*line-height: 11px;*/
	padding: 2px 10px 2px 10px;
}
div.projet a {
	font-weight: normal;
}
div.projet span.projetDate {
	font-weight: bold;
}
div.projet span.projetDepartement {
	font-weight: bold;
}
/* -------------------------------- */
div.formulaire {
}
div.formulaire div.contenu {
	margin-top: 5px;
}
div.formulaire p {
  text-align: justify;
}
/* -------------------------------- */
/* Menu de droite : fiche produit.  */
a.espace {
	margin: 10px 0px 10px 0px;
	display: block;
	width: 100%;
	height: 31px;
	background-repeat: no-repeat;
	padding: 5px 0px 0px 10px;
	color: #FFFFFF;
}
a.contactFournisseur {
	background-repeat: no-repeat;
	display: block;
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 78px;
	padding: 15px 0px 0px 77px;
	font-size: 16px;
}
a.contactFournisseur:first-line {
	font-size: 22px;
}
/* -------------------------------- */
div.actualites {
	width: 250px;
}
div.actualites div.titre {
	position: relative;
	width: 100%;

	background-repeat: no-repeat;
	background-position: top right;

	height: 20px;

	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
}
div.actualites div.titre a.lienTitre {
	position: absolute;
	right: 15px;
}
div.actualites div.contenu {
}
div.actualites div.contenu a.variante {
	font-weight: normal;
	display: block;
	padding: 5px;
}
div.actualites div.contenu span.variante {
	font-weight: normal;
	display: block;
	padding: 5px;
}
div.actualites div.contenu table td.ordre {
	width: 25px;
}
div.actualites div.actualite {
	padding: 5px 10px 5px 10px;
}
div.actualites div.actualite p {
	font-size: 11px;
}
div.actualites div.actualite a {
	font-size: 11px;
}
div.actualite p.actualiteDate {
	font-weight: bold;
}
div.actualite p.actualiteRaisonSociale {
	font-weight: bold;
}
div.actualite p.actualiteTitre {
	font-weight: normal;
}
div.actualite p.actualiteParagraphe {
	font-weight: normal;
}
span.dateActualite {
	display: inline-block;
	
	height: 20px;
	margin: 0px 2px 0px 2px;
	padding: 5px 20px 5px 10px;

	text-align: left;
	font-size: 11px;
	font-weight: bold;
}
/* -------------------------------- */

/* Styles des Fiches Produits. */
/*=============================*/
div.produit {
	font-size: 11px;
}
/* Nom de la société */
div.produit h1 {
	font-size: 24px;
}
div.produit h2 {
	font-size: 18px;
	margin: 0px;
}
div.produit h3 {
	margin: 0px 0px 0px 0px;
}
div.produit h4 {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-style: italic;
}
div.produit p.description {
	margin-left: 0px;
}
span.CaracteristiquesCommunes {
	height: 15px;
	color: #FFFFFF;
	padding: 2px 25px 0px 15px;
	margin: 0px;
}
span.p1 {
	background: url(/tpl/thermistop/img/biseau-centre.png) no-repeat right top;
}
span.p2 {
	background: url(/tpl/dbstop/img/biseau-centre.png) no-repeat right top;
	color: #000000;
}
span.p3 {
	background: url(/tpl/enflamstop/img/biseau-centre.png) no-repeat right top;
}
span.p4 {
	background: url(/tpl/gaspistop/img/biseau-centre.png) no-repeat right top;
}
div.produit table.Caracteristiques tr.general {
	background-color: #E0E7E9;
}
div.produit table.Caracteristiques tr.portail0 {
	background-color: #E0E7E9;
}
div.produit table.Caracteristiques tr.portail1 {
	background-color: #E0E7E9;
}
div.produit table.Caracteristiques tr.portail2 {
	background-color: #E7E7E1;
}
div.produit table.Caracteristiques tr.portail3 {
	background-color: #F0DFD5;
}
div.produit table.Caracteristiques tr.portail4 {
	background-color: #E9EAA8;
}
div.produit table.Caracteristiques th {
	white-space: nowrap;
	padding-left: 5px;
}
div.produit table.Caracteristiques td {
	padding-left: 5px;
	position: relative;
}
div.produit table.Caracteristiques td span.libelle {
	position: relative;
	padding-right: 5px;
	z-index: 10;
}
div.produit table.Caracteristiques td span.libelle0 {
	background-color: #E0E7E9;
}
div.produit table.Caracteristiques td span.libelle1 {
	background-color: #E0E7E9;
}
div.produit table.Caracteristiques td span.libelle2 {
	background-color: #E7E7E1;
}
div.produit table.Caracteristiques td span.libelle3 {
	background-color: #F0DFD5;
}
div.produit table.Caracteristiques td span.libelle4 {
	background-color: #E9EAA8;
}
div.produit table.Caracteristiques td span.pointille {
	font-size: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	border-bottom: 1px dotted #000000;
	z-index: 5;
}
div.produit div.menuItemCarac {
	position: relative;
}
div.produit a.menuItemCarac {
	position: relative;
	
	display: inline;
	height: 15px;
	padding: 2px 25px 0px 35px;
	margin: 0px;
}
div.produit a.z50 {
	z-index: 50;
	left: 0px;
	padding-left: 15px
}
div.produit a.z40 {
	z-index: 40;
	left: -20px;
}
div.produit a.z30 {
	z-index: 30;
	left: -40px;
}
div.produit a.z20 {
	z-index: 20;
	left: -60px;
}
div.produit a.z10 {
	z-index: 10;
	left: -80px;
}
/* Styles des formulaires gestTables=xpxForms. */
/*=============================================*/
/* La mise en page des champs du formulaire est assurée par un tableau
	dont les cellules sont définies en vertical-align: top.
	Pour aligner le contenu des cellules d'une même ligne, on joue donc sur le padding-top et le margin-top
	pour simuler un alignement centré quand il n'y a qu'une ligne sur un champ de présentation. */

/* Les formulaires utilisent les fieldset. Voir en début de fichier. */
table.Formulaire {
	font-size: 11px;
	margin: 0px;
	/*width: 502px;*/
	/*background-color: #FFCC00;*/
}
table.Formulaire img {
	border: none;
}
table.Formulaire th {
	background-image: url(/img/form/carre-beige.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	
	padding-left: 5px;
	padding-top: 5px;
	white-space: nowrap;
	vertical-align: top;
}
table.Formulaire th.obligatoire {
	color: red;
}
table.Formulaire th.vide {
	background: inherit;
}
table.Formulaire td.Panneau {
	width: 25px;
	text-align: center;
	padding-top: 4px;
	vertical-align: top;
}
table.Formulaire td {
	vertical-align: top;
	/*border: 1px solid #00FF00;*/
	padding: 2px;
}
table.Formulaire textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
table.Formulaire input {
	font-size: 11px;
	/*border: 1px solid #CC0000;*/
	margin-top: 2px;
}
input.submit {
	background: url(/tpl/img/biseau-input.png) no-repeat right top;
 	color: #FFFFFF;
	
	display: inline-block;

	border: none;
	cursor: pointer;

	height: 20px;
	margin: 0px 2px 0px 2px;
	/*padding: 3px 0px 3px 10px;*/

	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
input.button {
	background: url(/tpl/img/biseau-input.png) no-repeat right top;
 	color: #FFFFFF;
	
	display: inline-block;

	border: none;
	cursor: pointer;
	
	height: 20px;
	margin: 0px 2px 0px 2px;
	/*padding: 3px 0px 3px 10px;*/

	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
input.calendar {
	border: none;
	cursor: pointer;
	background: url(/tools/cal_v20/img/calendar.gif) no-repeat left top;
	width: 34px; 
	height:20px;
	vertical-align: top;
}
table.Formulaire input.radio {
	border: none;
	vertical-align: middle;
	/*border: 1px solid #00FF00;*/
}
table.Formulaire input.checkbox {
	border: none;
}
table.Formulaire input.text_modifie {
	background-color: #FFCC33;
}
table.Formulaire input.text_erreur {
	background-color: #FF3300;
}
table.Formulaire input.file_modifie {
	background-color: #FFCC33;
}
table.Formulaire input.file_erreur {
	background-color: #FF3300;
}
table.Formulaire input.password_modifie {
	background-color: #FFCC33;
}
table.Formulaire input.password_erreur {
	background-color: #FF3300;
}
table.Formulaire td.Commentaire {
	padding-top: 20px;
	vertical-align: top;
}
table.Formulaire td.Commentaire img {
	vertical-align: middle;
}

/*==============================================*/

table.listeproduit{
  width:100%;
}
table.listeproduit tr.pointille{
  border-bottom: #333333 1px dashed;
}
table.listeproduit tr.pointille td{
  border-bottom: #333333 1px dashed;
  padding: 10px 0;
}
table.listeproduit *.vignette{
  width: 60px;
}
table.listeproduit *.vignette a{
  display: block;
  height: 60px;
  width: 60px;
  cursor: pointer;
  background: url(/images/calculette.png) no-repeat top center;
}
table.listeproduit *.detail{
  vertical-align: top;
}
table.listeproduit h3{
  font-size: 15px;
  margin: 0;
}
table.listeproduit h2{
  font-size: 20px;
  margin: 0;
  color:#333333
}
table.listeproduit p{
  margin: 0 0 5px 0;
  text-align: justify;
}
table.listeproduit span.date{
  display: inline-block;
  font-weight: bold;
  background: url(/images/biseau_1.png) no-repeat right top;
  padding:2px 15px 2px 5px;
  width:170px;
}

/* -------------------------------- */
div.corps {
	width: 502px;
}
div.corps div.titre {
	width: 100%;
	position: relative;
}
div.corps div.titre div.intitule {
	/* 250-15=235 */
	width: 490px;
	height: 20px;

	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
}
div.corps div.titre div.coin {
	background-repeat: no-repeat;

	width: 15px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
}


/* Tableau des messages utilisateurs (msg_v12). */
/*==============================================*/
table.msg {
	border-spacing: 5px;
}
table.msgcritical {
	border-color: #FF0000;
	background-color: #FF0000;
}
table.msgexclamation {
	border-color: #FFCC00;
	background-color: #FFCC00;
}
table.msginformation {
	border-color: #AAB5ED;
	background-color: #AAB5ED;
}
table.msgquestion {
	border-color: #AAB5ED;
	background-color: #AAB5ED;
}
table.msg th {
	padding: 2px;
	border-width: 5px;
	border-style: solid;
	
	font-size: 10px;
}
table.msg td {
	padding: 2px;
	background-color: #FFFFFF;
	border-width: 5px;
	border-style: solid;
	
	font-size: 10px;
}
table.msg td.msgIcone {
	width: 50px;
	vertical-align: middle;
}
table.msg td.msgIcone img {
	border: none;
}
table.msg td.msgContenu {
	width: 100%;
	vertical-align: top;
}

/* Styles menu pages statiques. */
/*==============================*/
div#pagesStatiques {
	margin: 30px 0px 0px 0px;
	padding-left: 5px;
}
div#pagesStatiques ul {
	margin: 0px 0px 0px 15px;
}
div#pagesStatiques ul li {
	list-style-image: url(/tpl/img/puce-menu-gauche-noire.png);
}
div#pagesStatiques ul li a {
	height: 100%;
	vertical-align: top;
	font-size: 10px;
}

a.menuTitre {
	display: block;
	width: 100%;
	background-image: url(/tpl/img/puce-menu-gauche-noire.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	margin-top: 3px;
}
span.menuTitre {
	display: block;
	width: 100%;
	background-image: url(/tpl/img/puce-menu-gauche-noire.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	margin-top: 3px;
	color: black;
	font-weight: bold;
}
a.menuItem {
	display: block;
	width: 100%;
	/*background-image: url(/tpl/img/puce-menu-gauche-noire.png);*/
	/*background-repeat: no-repeat;*/
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	font-weight: normal;
}
div.nonIdentifie a.menuItem {
	padding: 0px 0px 0px 0px;
}
a.menuItemH {
	display: block;
	width: 150px;
	background: url(/tpl/img/biseau-input.png) no-repeat right top;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}
a.menuItemH200 {
	display: block;
	width: 200px;
	background: url(/tpl/img/biseau-input.png) no-repeat right top;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}

/* Liste des couleurs des segments v3 dans le menu de gauche. */
/*============================================================*/
a.lienSegment {
	display: block;
	width: 100%;
	/*height: 15px;*/
	/*font-size: 14px;*/
	vertical-align: middle;
	padding: 0px 0px 0px 12px;
	background-repeat: no-repeat;
}
a.puce1 {
	background-image: url(/tpl/img/puce-menu-gauche-1.png);
}
a.puce2 {
	background-image: url(/tpl/img/puce-menu-gauche-2.png);
}
a.puce3 {
	background-image: url(/tpl/img/puce-menu-gauche-3.png);
}
a.puce4 {
	background-image: url(/tpl/img/puce-menu-gauche-4.png);
}
a.puce5 {
	background-image: url(/tpl/img/puce-menu-gauche-5.png);
}
a.puce6 {
	background-image: url(/tpl/img/puce-menu-gauche-6.png);
}
a.puce7 {
	background-image: url(/tpl/img/puce-menu-gauche-7.png);
}
a.puce8 {
	background-image: url(/tpl/img/puce-menu-gauche-8.png);
}
.bgipuce1 {
	background-image: url(/tpl/img/puce-menu-gauche-1.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce2 {
	background-image: url(/tpl/img/puce-menu-gauche-2.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce3 {
	background-image: url(/tpl/img/puce-menu-gauche-3.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce4 {
	background-image: url(/tpl/img/puce-menu-gauche-4.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce5 {
	background-image: url(/tpl/img/puce-menu-gauche-5.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce6 {
	background-image: url(/tpl/img/puce-menu-gauche-6.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce7 {
	background-image: url(/tpl/img/puce-menu-gauche-7.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.bgipuce8 {
	background-image: url(/tpl/img/puce-menu-gauche-8.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* Liste des couleurs des segments v3 dans les titres centres */
/*============================================================*/
/* Le titre h1 existe pour ne pas surcharger le h1 tout court. */
h1.titre {
	height: 20px;
	clear: both;

	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;

	background-repeat: no-repeat;
	background-position: top right;
	color: #000000;
}
/* Choix des couleurs du titre. */
h1.color1 {
	background-image: url(/tpl/img/biseau-1.png);
	color: #FFFFFF;
}
h1.color2 {
	background-image: url(/tpl/img/biseau-2.png);
}
h1.color3 {
	background-image: url(/tpl/img/biseau-3.png);
}
h1.color4 {
	background-image: url(/tpl/img/biseau-4.png);
}
h1.color5 {
	background-image: url(/tpl/img/biseau-5.png);
}
h1.color6 {
	background-image: url(/tpl/img/biseau-6.png);
}
h1.color7 {
	background-image: url(/tpl/img/biseau-7.png);
	color: #FFFFFF;
}
h1.color8 {
	background-image: url(/tpl/img/biseau-8.png);
	color: #FFFFFF;
}

/* Styles des segments. */
/*======================*/
dl.segment {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #BBBBBB;
}
dl.segment dt {
	padding: 0px;
	line-height: 12px;
}
dl.segment dt h2 {
	display: inline;
	font-size: 12px;
}
dl.segment dt.niveau2 {
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 10px;
}
dl.segment dt.noeudFinal a {
	color: #888888;
}
dl.segment dd {
	font-size: 11px;
	text-align: justify;
	margin: 0px 0px 0px 30px;
}

div.segment {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #BBBBBB;
}
div.segment a {
	font-weight: normal;
}

/* Choix des couleurs. */
.bg-demi-lune-1 {
	background-image: url(/tpl/img/demi-lune-1.png);
}
.bg-demi-lune-2 {
	background-image: url(/tpl/img/demi-lune-2.png);
}
.bg-demi-lune-3 {
	background-image: url(/tpl/img/demi-lune-3.png);
}
.bg-demi-lune-4 {
	background-image: url(/tpl/img/demi-lune-4.png);
}
.bg-demi-lune-5 {
	background-image: url(/tpl/img/demi-lune-5.png);
}
.bg-demi-lune-6 {
	background-image: url(/tpl/img/demi-lune-6.png);
}
.bg-demi-lune-7 {
	background-image: url(/tpl/img/demi-lune-7.png);
}
.bg-demi-lune-8 {
	background-image: url(/tpl/img/demi-lune-8.png);
}

/* Styles résultats */
/*==================*/
/* Résultat produit */

div.resultatProduit {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
}
div.caracteristiques {
	border-bottom: 1px dashed #000000;
}
div.fiche {
	border-width: 1px;
	border-style: solid;
}
div.resultatProduit table {
	width: 100%;
}
div.resultatProduit table td {
	font-size: 12px;
}
div.resultatProduit table td.logo {
	width: 100px;
}
div.resultatProduit table td span.raisonSociale {
	font-weight: bold;
	font-size: 17px;
}
div.resultatProduit table td span.intituleProduit {
	font-weight: bold;
	font-size: 13px;
}
div.resultatProduit a.lien {
	float: right;
	display: block;
	height: 20px;
	padding: 2px 12px 0px 2px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 11px;
}
div.resultatProduit a.lien img {
	vertical-align: middle;
}

/* Styles des liens admin. */
/*=========================*/
a.admin {
	float: right;
	display: block;
	height: 20px;
	padding: 2px 12px 0px 2px;
	margin-top: 3px;
	font-size: 11px;
}
a.adminMenu {
	display: block;
	height: 20px;
	width: 100%;
	padding: 2px 12px 0px 2px;
	margin-top: 3px;
	font-size: 11px;
}

/* Styles des pages statiques. */
/*=============================*/
/* Largeur disponible dans la charte, colonne du centre = 502-2x10 (padding) px. */
div.Paragraphe {
	clear: both;
	width: 482px;
}
div.Paragraphe h2 {
	clear: both;
}
/* Image flottante en haut à gauche. */
div.Paragraphe img.pos1 {
	float: left;
	margin-right:10px;
	margin-bottom:5px;
}
/* Image flottante en haut à droite. */
div.Paragraphe img.pos2 {
	float: right;
	margin-left:10px; 
	margin-bottom:5px;
}
/* Image non flottante au dessus du paragraphe. */
div.Paragraphe img.pos3 {
	clear: both;
}
/* Image non flottante au dessous du paragraphe. */
div.Paragraphe img.pos4 {
	clear: both;
}
div.Paragraphe p {
}

/* Liste des couleurs principales des portails. */
/*==============================================*/
.bgi-portail0 {
	background-image: url(/tpl/img/biseau-6.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000000;
}
.bgi-portail1 {
	background-image: url(/tpl/img/biseau-portail-1.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
}
.bgi-portail2 {
	background-image: url(/tpl/img/biseau-portail-2.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000000;
}
.bgi-portail3 {
	background-image: url(/tpl/img/biseau-portail-3.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
}
.bgi-portail4 {
	background-image: url(/tpl/img/biseau-portail-4.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
}

.blocRecherche {
	font-size: 11px;
	color: #666666;
}

/* Styles résultats inscription. */
/*===============================*/
div.backcolor {
	padding: 20px;
}

/* Styles écrans consultation. */
/*=============================*/
table.consultation {
}
table.consultation tr {
}
table.consultation th p {
	font-size: 18px;
	padding: 5px;
	margin: 2px;
	margin-right: 10px;
}
table.consultation td {
	font-size: 12px;
	vertical-align: middle;
}

/* Styles projets. */
/*=========================*/
table.listeprojet {
  width:100%;
}
table.listeprojet tr {
	/* Lorsque a autour d'un div, pas de pointeur flèche sous IE. */
	/*cursor: pointer;*/
}
table.listeprojet tr.pointille {
  border-bottom: #333333 1px dotted;
}

table.listeprojet td {
	padding: 2px;
}
table.listeprojet td a {
	font-weight: normal;
}

div.open {
  display: block;
}
div.close {
  display: none;
}


*.detailInfo span {
 font-weight: bold;
}


a.pageactive {
  font-size: large;
}

*.flien {
  margin-top:-20px;
  padding: 2px;
  float: right;
}

div.fondpiednews {
background: url(/tpl/logos/PiedPluristop.jpg) no-repeat left top;
height:140px;
padding: 60px 150px 20px 250px;
color:#ffffff;
}

.newsletter *{
  font-weight: bold;
  color: #999999;
}
.newsletter h1{
 	font: normal bold 35px bold ;
 	margin: 10px 0 5px;
}
.newsletter h2{
 	font: normal bold 25px bold ;
 	margin: 15px 0 5px;
  color: #000000;
}
.newsletter td{
  padding: 2px 5px;
}
.newsletter a{
	white-space: nowrap;
}
.newsletter a:hover{
	color: #000000;
	text-decoration: underline;
	white-space: nowrap;
}
*.pad{
 padding: 5px;
}
*.separateur{
 border-bottom: 1px black solid;
}

th.evtotal{
 text-align: center;
 padding:3px;
}
th.evqte{
 padding:3px;
 text-align: center;
}
th.evenement{
 padding:3px;
 text-align: left;
 font-weight: bold;
}
th.sous-evenement{
 padding:3px;
 text-align: right;
 font-weight: normal;
}
td.evtotal{
 text-align: center;
 padding:3px;
 font-weight: bold;
}
td.evqte{
 padding:3px;
 text-align: center;
 width: 25px;
}
td.evenement{
 padding:3px;
 text-align: left;
 font-weight: bold;
}

table.std th {
	font-weight: normal;
	padding:2px 5px;
}
table.std td {
	font-weight: bold;
	padding:2px 5px;
}

/* Styles pour miniEdit */
/*======================*/
body.mceContentBody {
	text-align: left;
}