h1{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
line-height:24px;
color:#0c101f;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#FFFFFF;
margin:0px;
padding:0px;
line-height:16px;
}

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

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

a.lien:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
}

a.lien:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
}

a.lien:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
}

a.lien:active{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
}

.courrant {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:16px;
}

.cssnav { 
position: relative;
background-repeat: no-repeat;
white-space: nowrap;
display: block;
margin: 0; 
padding: 0; 
float:left;
}

.cssnav_agricoles{background-image: url(images/agricoles_over.jpg);}
.cssnav_commerciales{background-image: url(images/commerciales_over.jpg);}
.cssnav_industrielles{background-image: url(images/industrielles_over.jpg);}
.cssnav_residentielles{background-image: url(images/residentielles_over.jpg);}
.cssnav_contactez{background-image: url(images/contactez_over.gif);}
.cssnav_liens{background-image: url(images/liens_over.gif);}
.cssnav_plan{background-image: url(images/plan_over.gif);}
.cssnav_accueil{background-image: url(images/accueil_over.gif);}
.cssnav_entreprise{background-image: url(images/entreprise_over.gif);}
.cssnav_architectes{background-image: url(images/architectes_over.gif);}
.cssnav_nouvelles{background-image: url(images/nouvelles_over.gif);}
.cssnav_portesisolees {background-image: url(images/smagricoles_isolees_over.gif); }
.cssnav_ouvreportes {background-image: url(images/smagricoles_ouvres_over.gif);}
.cssnav_cportesisolees{background-image: url(images/smcommerciales_isolees_over.gif);}
.cssnav_caluminium{background-image: url(images/smcommerciales_alumi_over.gif);}
.cssnav_cvolets {background-image: url(images/smcommerciales_volets_over.gif); }
.cssnav_couvreportes {background-image: url(images/smcommerciales_ouvres_over.gif);}

.cssnav_iportesisolees {background-image: url(images/smindustri_isolees_over.gif); }
.cssnav_ialuminium{background-image: url(images/sm_aluminium_over.gif);}
.cssnav_enroulement {background-image: url(images/smindustri_enroul_over.gif);}
.cssnav_rapides{background-image: url(images/smindustri_rapides_over.gif);}
.cssnav_iouvreportes{background-image: url(images/smindustri_ouvres_over.gif);}
.cssnav_quais {background-image: url(images/smindustri_quais_over.gif); }
.cssnav_services {background-image: url(images/smindustri_services_over.gif);}
.cssnav_irealisations {background-image: url(images/smindustri_realisations_over.gif);}

.cssnav_rportesisolees{background-image: url(images/smresident_isolees_over.gif);}
.cssnav_cedres{background-image: url(images/smresident_cedres_over.gif);}
.cssnav_champetre{background-image: url(images/smresident_champetre_over.gif);}
.cssnav_rouvreportes {background-image: url(images/smresident_ouvres_over.gif); }
.cssnav_fenetres {background-image: url(images/smresident_fenetres_over.gif);}
.cssnav_rrealisations {background-image: url(images/smresident_realisations_over.gif);}

.cssnav a {
display: block;
color: #000000;
font-size: 11px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.agricoles {width: 113px; height: 83px; border: 0; }
.commerciales {width: 113px; height: 83px; border: 0; }
.industrielles {width: 114px; height: 83px; border: 0; }
.residentielles {width: 113px; height: 83px; border: 0; }
.contactez {width: 172px; height: 23px; border: 0; }
.liens {width: 172px; height: 21px; border: 0; }
.plan {width: 172px; height: 21px; border: 0; }
.accueil {width: 172px; height: 22px; border: 0; }
.entreprise {width: 92px; height: 22px; border: 0; }
.architectes {width: 174px; height: 22px; border: 0; }
.nouvelles {width: 79px; height: 22px; border: 0; }
.portesisolees {width: 113px; height: 23px; border: 0; }
.ouvreportes {width: 113px; height: 22px; border: 0; }
.cportesisolees {width: 113px; height: 23px; border: 0; }
.caluminium {width: 113px; height: 22px; border: 0; }
.cvolets {width: 113px; height: 34px; border: 0; }
.couvreportes {width: 113px; height: 22px; border: 0; }
.iportesisolees {width: 113px; height: 23px; border: 0; }
.enroulement {width: 113px; height: 22px; border: 0; }
.rapides {width: 113px; height: 22px; border: 0; }
.iouvreportes {width: 113px; height: 22px; border: 0; }
.quais {width: 113px; height: 22px; border: 0; }
.services {width: 113px; height: 22px; border: 0; }
.ialuminium{width: 113px; height: 33px; border: 0; }

.rportesisolees{width: 113px; height: 34px; border: 0; }
.cedres{width: 113px; height: 33px; border: 0; }
.champetre{width: 113px; height: 33px; border: 0; }
.rouvreportes {width: 113px; height: 22px; border: 0; }
.fenetres {width: 113px; height: 22px; border: 0; }
.rrealisations {width: 113px; height: 21px; border: 0; }

* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

/*.liste{
padding:0px 8px 8px 8px;
margin:8px;
line-height:18px;
}*/

.liste_devis{
padding:0px 0px 0px 10px;
margin:4px 8px 8px 18px;
line-height:16px;
/*list-style:none;*/
/*text-indent: -1.0em;*/
}

.liste_devis2{
padding:0px 0px 0px 10px;
margin:4px 8px 8px 18px;
line-height:14px;
font-size:11px;
/*list-style:none;*/
/*text-indent: -1.0em;*/
}

/*.titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#65b441;
font-weight:bold;
}*/

.global {
position:absolute;
left: 50%; 
width: 770px;
margin-left: -385px; /* half of the width */
}

.copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:20px;
}

.quote{
color:#c6a61a; 
font-size:16px;
}

.liste{
padding:0px 0px 0px 0px;
margin:4px 8px 8px 8px;
line-height:14px;
list-style:none;
text-indent: -1.0em;
}

.liste2{
padding:10px 0px 0px 0px;
margin:4px 8px 8px 12px;
line-height:10px;
list-style:none;
text-indent: -1.0em;
}

.texte_nouvelles{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a6b78;
text-decoration:none;
}

a.lien_nouvelles:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a6b78;
text-decoration:none;
}

a.lien_nouvelles:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a6b78;
text-decoration:none;
}

a.lien_nouvelles:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a6b78;
text-decoration:underline;
}

a.lien_nouvelles:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a6b78;
text-decoration:none;
}

a.lien_copyright:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:20px;
text-decoration:none;
}

a.lien_copyright:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:20px;
text-decoration:none;
}

a.lien_copyright:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:20px;
text-decoration:underline;
}

a.lien_copyright:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:20px;
text-decoration:none;
}


/* keep superscript and subscript text from breaking the line-spacing */
sup {
    font-size: 11px;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sub {
    font-size: 11px;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}