/* CSS Document */

body
{
margin:0px;
padding:0px;
}

td.backreptop
{
background-color:#FABF0D;
}

td.backrepbas
{
background-color:#0257CE;
}

td.top
{
background-image: url(../images/ventec-maroc-decliner.jpg);
background-repeat:no-repeat;
width:780px;
height:87px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#02165F;
font-size:10px;
}
td.top A
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#02165F;
font-size:10px;
text-decoration:none;
text-align:right;
padding-right:5px;
vertical-align:top;
background-image:url(../images/puce.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
}
td.top A:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#02165F;
font-size:10px;
text-decoration:overline;
}
td.bas
{
background-image: url(../images/bas-decliner.gif);
background-repeat:no-repeat;
width:780px;
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
vertical-align:bottom;
}

td.bas_ang
{
background-image: url(../images/bas-decliner_ang.gif);
background-repeat:no-repeat;
width:780px;
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
vertical-align:bottom;
}
td.mention
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
padding-bottom:3px;
}
td.mention A
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
td.mention A:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
td.menu
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
width:161px;
height:20px;
color:#0e2974;
border:1px solid #013073;
background-color:#3d77ca;
}
td.menu A
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#0e2974;
text-decoration:none;
background-image:url(../images/puce-gris.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:13px;
margin-left:5px;
}
td.menu A:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/puce-gris.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:13px;
margin-left:5px;
}
/*--------------------------------sous rubrique---------------------------*/
td.accueil{
margin-bottom:1em;
}

td.accueil ul{
border:1px solid #013073;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

td.accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

td.accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
background-image: url(../images/puce-sousRub.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:17px;
}

td.accueil a:hover{
background-color:#acbfdb;
color:#036;
background-image: url(../images/puce-sousRub2.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:17px;
}
td.accueil2
{
margin-bottom:1em;
}

td.accueil2 ul
{
border:1px solid #013073;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

td.accueil2 li
{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

td.accueil2 a
{
display:block;
background-color:#acbfdb;
color:#036;
background-image: url(../images/puce-sousRub2.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:17px;
text-decoration:none;
}
/*--------------------------------contenu---------------------------*/
#contenu
{
padding:20px 6px 6px 0px;
vertical-align:top;
width:580px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}

h1
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:24px;
background-image:url(../images/puces/puce-h1.gif);
background-repeat:no-repeat;
background-position:0px 1px;
padding-left:18px;
color:#012170;
margin:0px 0px 4px 0px;
font-weight:normal;
}

h2
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../images/puces/puce-h2.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:14px;
color:#012170;
margin:0px 0px 4px 0px;
font-weight:bold;
}

h3
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FD9A04;
margin:0px 0px 4px 0px;
font-weight:bold;
}
p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin:0px 0px 10px 0px;
line-height:16px;
text-align:justify;
}

p strong
{
font-weight:bold;
color:#012170;
}

#contenu a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#185DBC;
text-decoration:underline;
}
#contenu a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ACBFDB;
text-decoration:none;
}

.grandlettre
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#contenu ul
{
margin:4px 4px 4px 30px;
}

#contenu li
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin:0px;
line-height:16px;
background-image:url(../images/puces/puce-li.gif);
background-repeat:no-repeat;
background-position:0px 6px;
list-style:none;
padding-left:10px;
}

/*images qui flottent à droite*/
.imgdroite
{
float:right;
margin:0px 0px 4px 8px;
}

/*images qui flottent à gauche*/
.imggauche
{
float:left;
margin:0px 8px 4px 0px;
}

/*images qui flottent à droite avec bordure*/
.imgdroiteb
{
float:right;
margin:0px 0px 4px 8px;
border:1px solid #012170;
}

/*page nos activités*/
div#activite
{
width:100%;
padding:0px 10px 20px 10px;
}

div#activite span
{
padding-right:50px;

}

div#activite a
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../images/puces/puce-h2.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:14px;
color:#3D77CA;
margin:0px 0px 4px 0px;
font-weight:bold;
text-decoration:none;
}

div#activite a:hover
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../images/puces/puce-h2.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:14px;
color:#3D77CA;
margin:0px 0px 4px 0px;
font-weight:bold;
text-decoration:underline;
}
div#activite a.actif
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../images/puces/puce-h2.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:14px;
color:#FB9F12;
margin:0px 0px 4px 0px;
font-weight:bold;
text-decoration:none;
}

div#activite a.actif:hover
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background-image:url(../images/puces/puce-h2.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:14px;
color:#012170;
margin:0px 0px 4px 0px;
font-weight:bold;
text-decoration:none;
}

/*page nos activités installation*/
table#realisation
{
width:90%;
text-align:center;
}

table#realisation td
{
width:30%;
padding-bottom:10px;
vertical-align:top;
}
table#realisation td div
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#012170;
text-align:center;
}

table#realisation img
{
border:1px solid #012170;
}
table.domaines
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#00000;
/*background-image:url(../images/fond-tableau.gif);
background-position:center;
background-repeat:no-repeat;*/
vertical-align:middle;
}
table.forum
{
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
span.rouge
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
font-size:10px;
}
.champ {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #cccccc 1px solid; COLOR: #457ab1; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 19px
}
.champ_message {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 330px; COLOR: #457ab1; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 80px
}
}
#map {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#map UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#map UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/volets_roulants/fleche_bold.gif); PADDING-BOTTOM: 3px; COLOR: #0061ac; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
#map UL LI A {
	FONT-SIZE: 11px; COLOR: #0061ac; TEXT-DECORATION: none
}
#map UL LI A:hover {
	TEXT-DECORATION: underline
}
#map UL LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#map UL LI UL LI {
	BACKGROUND-IMAGE: none
}
#map UL LI UL LI A {
	FONT-SIZE: 11px; COLOR: #555
}
#map UL LI UL LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#map UL LI UL LI UL LI {
	BACKGROUND-IMAGE: none
}
#map UL LI UL LI UL LI A {
	COLOR: #999
}