body {
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background:url(images/fond_site.gif) repeat-y center #f2f2f2;
	font-size:12px;
}

td {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
h2{font-sizE:16px; line-height:20px; margin:0 0 5px 0;}
th {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.h1head{ font-size:24px; line-height:47px; margin-left:22px; color:#fff;}
.garantie {
	display: block;
	list-style: none;
	border-top: 1px solid #cb7662;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px 0;
	text-decoration: none;
}

.garantie:hover{
	color: #f8d353;
}

.barimax
{
width:770px;
margin:0 auto 0 auto;
position:relative;
}

.entete
{
height:230px;
width:770px;
position:absolute;
top:0px;
}

.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.gif);}
.cssnav_commerciales{background-image: url(images/commerciales-over.gif);}
.cssnav_industrielles{background-image: url(images/industrielles-over.gif);}
.cssnav_residentielles{background-image: url(images/residentielles-over.gif);}
.cssnav_accueil{background-image: url(images/accueil-over.gif);}
.cssnav_contactez{background-image: url(images/contactez-over.gif);}
.cssnav_plan{background-image: url(images/plan-over.gif);}

.cssnav_nouvelles{background-image: url(images/nouvelles-over.gif);}
.cssnav_acier{background-image: url(images/acier-over.gif);}
.cssnav_conseils{background-image: url(images/conseils-over.gif);}
.cssnav_clients{background-image: url(images/clients-over.gif);}
.cssnav_detaillant {background-image: url(images/detaillant-over.gif); }
.cssnav_distributeurs {background-image: url(images/distributeurs-over.gif);}

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

.agricoles {width: 125px; height: 73px; border: 0; }
.commerciales {width: 126px; height: 73px; border: 0; }
.industrielles {width: 126px; height: 73px; border: 0; }
.residentielles {width: 128px; height: 73px; border: 0; }
.accueil {width: 26px; height: 21px; border: 0; }
.contactez {width: 26px; height: 21px; border: 0; }
.plan {width: 26px; height: 21px; border: 0; }

.cssnav-portes-isolees{background-image: url(images/portes-isolees-barimax-over.gif);}
.cssnav-ouvre-portes {background-image: url(images/ouvres-portes-over.gif);}
.cssnav-services {background-image: url(images/services-over.gif);}
.cssnav-portes-aluminium{background-image: url(images/portes-aluminium-over.gif);}
.cssnav-volets-comptoir{background-image: url(images/volets-grilles-over.gif);}
.cssnav-portes-rapides{background-image: url(images/portes-rapides-over.gif);}
.cssnav-quais-accessoires{background-image: url(images/quais-accessoires-over.gif);}
.cssnav-portes-enroulement{background-image: url(images/portes-enroulement-over.gif);}
.cssnav-portes-champetre{background-image: url(images/portes-style-champetre-over.gif);}
.cssnav-portes-cedres{background-image: url(images/portes-cedres-over.gif);}
.cssnav-ouvre-portes {background-image: url(images/ouvres-portes-over.gif);}
.cssnav-services{background-image: url(images/services-over.gif);}


.cssnav-barivillage{background-image: url(images/barivillage-over.png);}
.cssnav-richard{background-image: url(images/richard-over.png);}
.cssnav-raynor{background-image: url(images/raynor-over.png);}
.cssnav-portes-champetre{background-image: url(images/champetre-over.png);}
.cssnav-r138{background-image: url(images/barimax-r138-over.png);}
.cssnav-odissee{background-image: url(images/odyssee-over.png);}
.cssnav-ouvre-portes2{background-image: url(images/ouvre-porte-over.png);}
.cssnav-services2{background-image: url(images/services-over.png);}
.cssnav-fenetres-couleurs{background-image: url(images/couleurs-over.png);}


.portes-isolees{width: 113px; height: 34px; border: 0; }
.ouvre-portes {width: 113px; height: 22px; border: 0; }
.services {width: 113px; height: 22px; border: 0; }
.portes-aluminium {width: 113px; height: 33px; border: 0; }
.volets-comptoir{width: 113px; height: 33px; border: 0; }
.portes-rapides{width: 113px; height: 22px; border: 0; }
.quais-accessoires{width: 113px; height: 22px; border: 0; }
.portes-enroulement{width: 113px; height: 22px; border: 0; }
.portes-champetre{width: 113px; height: 33px; border: 0; }
.portes-cedres{width: 113px; height: 33px; border: 0; }
.fenetres-couleurs{width: 113px; height: 22px; border: 0; }


.nouvelles {width: 62px; height: 21px; border: 0; }
.acier {width: 110px; height: 21px; border: 0; }
.conseils {width: 113px; height: 21px; border: 0; }
.clients {width: 96px; height: 21px; border: 0; }
.detaillant {width: 118px; height: 21px; border: 0; }
.distributeurs {width: 142px; height: 21px; border: 0; }

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

.copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
line-height:18px;
background:url(images/fond_copyright.gif) left no-repeat #991f03;
width:770px; 
float:left;
font-stretch:condensed;
}

.contenu
{
width:770px;
position:absolute;
top:230px;
}

.texte
{
width:567px;
float:right;
padding:37px 0px 10px 19px;
font-size:12px;
line-height:16px;
}

.bloc1
{
width:184px;
float:left;
}
.bloc2
{
	width:184px;
	height:160px;
	float:left;
	background-image: url(images/bloc-rouge.gif);
	background-repeat: no-repeat;
}
.bloc3
{
	width:184px;
	height:178px;
	float:left;
	background-image: url(images/bloc-rouge2.gif);
	background-repeat: no-repeat;
}
.bloc4
{
	width:184px;
	
	float:left;
	background: url(images/bloc-rouge22.gif) repeat-y;
}
a.copy:link
{
color:#FFFFFF;
text-decoration:none;
}

a.copy:visited
{
color:#FFFFFF;
text-decoration:none;
}

a.copy:hover
{
color:#fdb813;
text-decoration:none;
}

a.copy:active
{
color:#FFFFFF;
text-decoration:none;
}

.photo
{
width:770px;
}

.description
{
position:absolute; 
width:119px; 
height:18px; 
top:-20px; 
left:6px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
z-index:5;
}

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

.titre-plan
{
background:url(images/titre_plan.gif) no-repeat left top;
width:175px;
height:25px;
text-indent:-9999em;
}

.titre-contact
{
background:url(images/titre_contact.gif) no-repeat left top;
width:175px;
height:25px;
text-indent:-9999em;
}

.titre-clients
{
background:url(images/titre_clients.gif) no-repeat left top;
width:180px;
height:25px;
text-indent:-9999em;
}

.titre-accueil
{
background:url(images/titre_accueil.gif) no-repeat left top;
width:495px;
height:25px;
text-indent:-9999em;
}

.titre-acier-alu
{
background: url(images/titre_acier-alu.gif) top left no-repeat; 
width:235px; 
height:25px; 
text-indent:-9999em;
}

.titre-distributeurs
{
background: url(images/titre_distributeurs.gif) top left no-repeat; 
width:278px; 
height:25px; 
text-indent:-9999em;
}

.titre-conseils
{
background: url(images/titre_conseils.gif) top left no-repeat; 
width:249px; 
height:25px; 
text-indent:-9999em;
}

.titre-trouvez-detaillant
{
background: url(images/titre_detaillant.gif) top left no-repeat; 
width:249px; 
height:25px; 
text-indent:-9999em;
}

.titre-portes-agricoles
{
background: url(images/titre_portesisolees.gif) top left no-repeat; 
width:159px; 
height:25px; 
text-indent:-9999em;
}

.titre-ouvres-agricoles
{
background: url(images/titre_ouvreportes.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-services-agricoles
{
background: url(images/titre_services2.gif) top left no-repeat; 
width:377px; 
height:48px; 
text-indent:-9999em;
}

.titre-portes-commerciales
{
background: url(images/titre_portesisolees.gif) top left no-repeat; 
width:159px; 
height:25px; 
text-indent:-9999em;
}

.titre-aluminium-commerciales
{
background: url(images/titre_barimaxvision.gif) top left no-repeat; 
width:174px; 
height:25px; 
text-indent:-9999em;
}

.titre-ouvres-commerciales
{
background: url(images/titre_ouvreportes.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-services-commerciales
{
background: url(images/titre_services2.gif) top left no-repeat; 
width:377px; 
height:48px; 
text-indent:-9999em;
}

.titre-volets-commerciales
{
background: url(images/titre_voletgrille.gif) top left no-repeat; 
width:445px; 
height:25px; 
text-indent:-9999em;
}

.titre-rapides-commerciales
{
background: url(images/titre_prapides.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-quais-commerciales
{
background: url(images/titre_quai.gif) top left no-repeat; 
width:241px; 
height:25px; 
text-indent:-9999em;
}

.titre-portes-industrielles
{
background: url(images/titre_portesisolees.gif) top left no-repeat; 
width:159px; 
height:25px; 
text-indent:-9999em;
}

.titre-aluminium-industrielles
{
background: url(images/titre_barimaxvision.gif) top left no-repeat;
width:174px; 
height:25px; 
text-indent:-9999em;
}

.titre-ouvres-industrielles
{
background: url(images/titre_ouvreportes.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-services-industrielles
{
background: url(images/titre_services2.gif) top left no-repeat; 
width:377px; 
height:48px; 
text-indent:-9999em;
}

.titre-enroulement-industrielles
{
background: url(images/titre_enroule.gif) top left no-repeat; 
width:253px; 
height:25px; 
text-indent:-9999em;
}

.titre-rapides-industrielles
{
background: url(images/titre_prapides.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-quais-industrielles
{
background: url(images/titre_quai.gif) top left no-repeat; 
width:241px; 
height:25px; 
text-indent:-9999em;
}

.titre-portes-residentielles
{
background: url(images/titre_portesisolees.gif) top left no-repeat; 
width:159px; 
height:25px; 
text-indent:-9999em;
}

.titre-champetres-residentielles
{
background: url(images/titre_portesisolees.gif) top left no-repeat;
width:159px; 
height:25px; 
text-indent:-9999em;
}

.titre-cedres-residentielles
{
background: url(images/Barimax_Village133x70.jpg) top left no-repeat; 
width:175px; 
height:70px; 
text-indent:-9999em;
}

.titre-ouvres-residentielles
{
background: url(images/titre_ouvreportes.gif) top left no-repeat; 
width:164px; 
height:25px; 
text-indent:-9999em;
}

.titre-services-residentielles
{
background: url(images/titre_services2.gif) top left no-repeat; 
width:377px; 
height:48px; 
text-indent:-9999em;
}

.titre-fenetres-residentielles
{
background: url(images/titre_fenetres.gif) top left no-repeat; 
width:253px; 
height:25px; 
text-indent:-9999em;
}

.galerie
{
width:100px; 
height:100px; 
padding:7px 14px 7px 0px; 
float:left;
}

.galerie2
{
padding-right:8px; 
padding-bottom:0px; 
float:left;
}

.zone
{
float:left; 
width:283px;
}

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

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;
}

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

li
{
padding-bottom:7px;
}

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

/* 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;
}