﻿body{background:url(../img/bg.png) no-repeat; background-position:50% 0;}

.row-1 {height: 1.5em;}
.row-2 {height: 3em;}
.row-3 {height: 4.5em;}
.row-4 {height: 6em;}
.row-5 {height: 7.5em;}
.row-6 {height: 9em;}
.row-7 {height: 10.5em;}
.row-8 {height: 12em;}
.row-17  {height: 25.5em;}
.row-19 {height: 28.5em;}

.texte-11{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.titre1{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; }
.titre2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin:10px 0 0 0;}

.blue{color:#00265a;}
.bluesky{color:#85d0f0;}
.green{color:#009534;}
.bluegrey{color:#7F92AC;}

.italic{font-style:italic;}
.center{text-align:center;}

.margin-10{margin-top:10px;}

#navigation .span-5 { width: 199px; }
#navigation .span-3 { width: 119px; }
#navigation .span-4 { width: 159px; }

#navigation, #navigation .sous-menu {list-style: none;}

#navigation .sous-menu {display: none; z-index: 1000; position:relative;	background: #e4f8eb;}
#navigation .sous-menu li {text-align: left; border: 0; display:block;}
#navigation .contient-sous-menu:hover ul {display:block;}
#navigation .sous-menu a.lien-sous-menu{font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#00265a; text-decoration:none; font-size:12px; text-indent:10px; padding:2px 0; font-weight:bold;}
#navigation .sous-menu a.lien-sous-menu:hover{color:white; background-color:#009534;}

#navigation li.parent {display: block; text-align: center; margin-right: 0; border-right: 1px solid #00265a; line-height: 2.8em;}
#navigation li.parent a.parent {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009534; font-weight: bold; text-decoration:none;}
#navigation li.parent a.parent:hover {background: #009534; color:white;}

#navigation li.last {border: 0; width: 110px;}
#navigation li.last a.last {width: 110px;}


#actualites {}
#actualites h3, #galerie h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0 0 0 10px; padding:3.5em 0 0 0;color:white; line-height:1.5em;}

#slogan{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; color:#00265a; margin:20px 0 0 15px;}

#logo{width:270px; height:125px; background:url(../img/logo-plastihabitat.png) no-repeat 0 5px;}
#logo span{display:none;}
#lien-logo{width:270px; height:125px;}
#lien-accueil{position:absolute; top:95px; }
#lien-accueil a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; text-decoration:none; font-weight:bold; font-style:italic;}
#lien-accueil a:hover{text-decoration:underline;}
#header{}
#footer{background:#e4f8eb;}

dl.actu{display:block; position:relative; margin:0;}
.titre-actu{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#00265a; margin-left:10px;}
.titre-galerie{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#009534; margin:0 0 0 10px;}
dd.texte-actu {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00265a; margin:0 0 0 10px; overflow:hidden;}
dd.texte-galerie{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00265a; margin-left:10px; display:block;}
dd.fleche-actu{background:url(../img/fleche.png) 0 6px no-repeat; padding:0 0 0 24px; margin:0 0 0 10px;}
a.lire-suite{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7f92ac; text-decoration:none;}
a.lire-suite:hover{text-decoration:underline;}
hr.hr-actu{margin-top:5px;}
a#archives{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009534; text-decoration:underline; font-weight:bold; margin:0 0 0 10px;}
a#archives:hover{color:#009534;}

div#referencement{padding:0;}
div#separ-footer{width:1px; background-color:#00265a; margin:10px 0 0 0;}
ul#plan{margin:0;}
a.footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7f92ac; text-decoration:none; margin:0;}
a.footer:hover{color:#00265a; text-decoration:underline;}
div#telephone{background:url(../img/tel.png) no-repeat; margin:20px 0 0 0;}

/* diaporama Jquery */
#slider1 {position: relative; overflow: hidden;}
#slider1Content {margin-left: 0;	padding:0;}
.slider1Image {float: left; position: relative; display: none;}
.slider1Image span {font-size: 14px;position:absolute;top:-5000px}
ul { list-style-type: none;}
.descriptif-categorie{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00265a; text-align:left;}

/* List Actus */
#list-actus{}
#contenu-list-actus{overflow:auto;}
#contenu-savoir-faire, #contenu-actualite, #contenu-showroom{overflow:auto;}
dl#bloc-list-actus{background:#e5e9ee;}

.titre-form{font-family:Arial, Helvetica, sans-serif; color:#00265A; font-style:bold; font-size:12px; text-decoration:none;}

h3.titre-categorie{font-family:Arial, Helvetica, sans-serif; color:#00265a; font-style:bold; font-size:22px; text-decoration:none;}
.portes-entree{background:green;}

/* Bandeaux */
.garde-corps{background:url(/img/bandeau-gardecorps.jpg);}
.portes-fenetres-et-baies{background:url(/img/bandeau-portes-baies.jpg);}
.stores{background:url(/img/bandeau-stores.jpg);}
.verandas{background:url(/img/bandeau-verandas.jpg);}
.volets-battants{background:url(/img/bandeau-volets-battants.jpg);}
.volets-roulants{background:url(/img/bandeau-volets-roulants.jpg);}
.clotures{background:url(/img/bandeau-clotures.jpg);}
.portes-de-garage{background:url(/img/bandeau-portes-garage.jpg);}
.fenetres{background:url(/img/bandeau-fenetres.jpg);}
.portes-d-entree{background:url(/img/bandeau-portes-entree.jpg);}

.texte-checkbox{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
