/* Gnralits ..........................................................................................................*/

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}



a:link {
	color: #006633;
	text-decoration: none;
}
a:visited {
	color: #006633;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 { margin:0px;
padding:0px; 
	font-size: 2em;
	color: #333333;
}
h2 {
	font-size: 1.3em;
	color: #333;}
h3 {
	font-size: 1.2em;
	color: #333;
}
h4 {
	font-size: 1.1em;
	color: #666666;
}
h5 {color:#FFFFFF; text-decoration:none;}


/* Structure ..........................................................................................................*/
div#global{
	margin:0 auto;
	width:952px;
	position:relative;
	height: 340px;
	left: 0px;
	top: 0px;}

ol#activites{ margin:0; padding:5px; position:absolute; top:0; right:0; width:780px; height:2em; text-align:right;}
#activites li { display:inline; margin: 0 5px;	font-size: 1.3em;font-family: Verdana, Arial, Helvetica, sans-serif;}

ol#pied { font-size:0.8em; text-align:center;}
#pied li {display:inline ; margin:0 10px;}
#pied a {color:#999; text-decoration:underline;}
#pied a:hover {color:#F00000;}


/* Menus ..........................................................................................................*/

ol#fonctionnalites {
	position:absolute;
	right:0;
	top:0px;
	color: #006633;
	font-size:0.9em;
	padding:0;
	margin:0;
	z-index:20;
	left: 597px;
}
#fonctionnalites li{  z-index:20; line-height:24px; font-size:0.9em; list-style:square; display:block; float:left; margin: 0 5px 0 15px; background:  url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/Templates/images/menu/puces-fonctionnalite.gif) no-repeat 0px 3px; padding:0 0 0 10px; list-style:none;}
#fonctionnalites a:hover { text-decoration:none; z-index:20;}

p#ombre{
	position:absolute;
	top:144px;
	right:0;
	margin:0;
	padding:0;
	z-index:10;
	left: 170px;
}

ul#menu {
	z-index:0;
	position:absolute;
	top:0px;
	right:0;
	background:  url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/Templates/images/menu/angle-menu.gif) no-repeat top right #F00000;
	width:763px;
	height:118px;
	color:#FFF;
	margin:0;
	padding:0;
	left: 194px;
}
#menu li { margin:0 6px 0 24px ; padding:0;list-style:none inside; float:left;}
#menu dl {display:inline; margin:0; padding:0;}
#menu dt a{background:   url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/menu/bt-fond2.gif) no-repeat 0 0; display:block; width:85px; height:108px; top:0px;color:#FFF; margin:0; padding:0; font: 14px Arial, Helvetica, sans-serif;}
#menu dt a:hover{background:   url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/menu/bt-fond2.gif) no-repeat 0 0px; text-decoration:none; display:block; width:85px; height:108px; color:#FFF; margin:0; padding:0; font:14px Arial;}
#menu dt{ text-align:center; margin:0; padding:0;}
#menu dt img{ margin:-5px;  }
#menu p{margin:0; padding:0px 0 0 0;}
#menu img{ padding:0px 0 0 0; margin:0;}
#menu dd {
	position:absolute;
	display:block;
	width:85px;
	height:20px;
	margin:0;
	padding:0;
}

ul.sous-menu{
	position:absolute;
	top:14px;
	left:-20px;
	width:108px;
	padding:0;
	margin:0;
	z-index:0;
	
	
}




ul.sous-menu li {padding:0; margin:0;  }
ul.sous-menu li a {color:#333; font: 10px Arial, sans-serif;margin:0; text-align:center; padding:4px 0; display:block;width:125px; height:16px;background:#EEE; border-top:1px solid #CCC;}
ul.sous-menu li a:hover {color:#FFFFFF; font: 10px Arial, sans-serif; background:#063; text-decoration:none;}


/* Contenu ..........................................................................................................*/
/* 1 colonne */
div#content { width:865px; margin:0 auto; position:relative; top:0; left:0; z-index:0;}

/* 2 colonnes grande colonne  gauche (contient le flux courant) */
div#col2-1a { width:565px;}
div#col2-2a { width:265px; position:absolute; top:0; right:0;}

/* 2 colonnes grande colonne  droite (contient le flux courant) */
div#col2-1b { width:265px; position:absolute; top:0; left:0;}
div#col2-2b {width:565px; margin:0 45px 0 340px;}

/* 3 colonnes */
div#col3-1 { width:265px;position:absolute; top:0; left:0;}
div#col3-2 { width:265px; margin: 0 auto;}
div#col3-3 { width:265px; position:absolute; top:0; right:0;}


/* Commun ..........................................................................................................*/



hr.separation {visibility:hidden; margin:10px 0; padding:0;}



.chauffage {color:#BA0000;}

.isolation {color:#707674;}

.menuiserie {color:#5B3E1C;}

.outillage {color:#4C8B93;}

.sanitaire {color:#388736;}

.gros-oeuvre {color:#F90;}

p.normal{padding:0 10px; margin:10px 0; color:#333; font-size:0.8em;}

p.intertitre{padding:0 10px; margin:10px 0; color:#333; font-size:1.4em;}

a.white{color:white;}

.formcontact14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #00000;
}

/* Home ..........................................................................................................*/


div#une { background: url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/ombre-rubrique.gif) repeat-x bottom; margin:0; padding:0 0 10px 0;color:#0BB14B;}

p.titre-rubrique{ margin:0; padding:0 0 0 6px;  font-size:1.4em; text-transform:uppercase; background:white; }

div#pratique{ background: url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/pratique-fond.gif) repeat-y; margin:0; padding:0; color:#86A999;}

#pratique-angle {padding:0; margin:0; background:  url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/pratique-angle.gif) no-repeat top right;}

div#promo{ background: url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/promo-fond.gif) repeat-y; margin:0; padding:0; color:#005A64;}
.texte-contenu {
	font-size: 10px;
}

#promo-angle {padding:0; margin:0; background:  url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/promo-angle.gif) no-repeat top right;}

div#expo{ background: url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/expo-fond.gif) repeat-y; margin:0; padding:0; color:#86A999;}

#expo-angle {padding:0; margin:0; background:  url(../../../localhost/E_/Mes_documents/MesSitesWeb/Union_materiaux/images/commun/expo-angle.gif) no-repeat top right;}

.Titre-contenu {
	font-size: 12px;
	font-weight: bold;
	color: #29BA61;
}
.texte-contenu-12px {

	font-size: 12px;
}

/************NEW**********/

.entetePDV {
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background:#009933;
margin: 0px;
}

.menuPDV ul {
padding:10px 50px 10px 40px;
text-align: left;
list-style: outside;
margin: 0px;
}

.menuPDV li {
padding:3px 0px 0px 0px;
list-style-image: none;
}

.menuPDV .liste_titre {
text-indent: 0px;
list-style-image: url(../images/ba.gif);

}