/* General */
* { margin: 0px;padding: 0px;}
body { position:relative; top:0; background-color:#7f7f7f; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:black; }
#barre-haute { position:absolute;height:5px; top:0; left:0;width:100%; color:black; background-color:black; border:0; z-index:3; }
#conteneur-principal { position:relative; width:800px; margin:0 auto; text-align:center; background-color:white; }
.page { margin-left:10px;  }
.lien-demarche-hqe { color: #e0700c;}
.clear-float {clear:both;}
.nof {clear:both;visibility:hidden;}
h2 { color:#e0700c; margin:0 0 15px 0; font-size:1.5em;}
h3 { color:#e0700c; margin:20px 0 15px 0; font-size:1.3em;}
h3.first { margin-top:0px; }
h4 { color:#e0700c; margin:10px 0 10px 0;}
p { text-align:justify; margin:0 0 10px 0; }
ul { margin:0 0 10px 0; }
img { border-width:0px;border-style:none;}
a { text-decoration:none; color:#007029; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }
.retour-haut { text-align:right; margin-top:20px; }
.important { background-color:#fffbe8; border:1px solid #e0700c; padding:10px; }
#suivant { text-align:right; line-height:23px; padding-right:50px; height:26px; background:transparent url(../images/fleche_suivant.png) no-repeat top right;}
#precedent { text-align:left; line-height:23px; padding-left:50px; height:26px; background:transparent url(../images/fleche_precedent.png) no-repeat top left;}
.asterisk { color:red; font-size:0.9em; font-style:italic; }

/* Header */

/* titre + adhérents murs PVC Pro */
h1#titre-header { position:absolute; text-indent:-5000px; line-height:1px; font-size:1px; }
#liens-haut-fabriquants ul { position:absolute; top:120px; left:475px; font-weight: bold; font-size:14px; color:white; }
#liens-haut-fabriquants li { display:inline; }
#liens-haut-fabriquants a { color:white; text-decoration:none; }
#liens-haut-fabriquants a:hover { text-decoration:underline; }

/* menu déroulant sfhover */
#menu { background-color:#a4c30f; width:800px; height:32px; position:relative; top:-3px; list-style:none; z-index:9; }
#menu ul, #menu ul li, #menu ul a { width:11em; list-style:none; }
#menu a { display:block; color:white; font-weight:bold; font-size:14px; background-color:#a4c30f; padding:8px 6px;
border-right:1px solid white; text-decoration:none; }
#menu a.active { background-color:#007029; }
#menu li { float:left; }
#menu li ul { position:absolute; left:-999em; }
#menu ul li { border-top:solid 1px white; }
#menu li:hover ul { left:auto; top:32px; }
#menu a:hover { background-color:#007029; }
#menu li:hover ul, #menu li.sfhover ul { left:auto; }

/* liens changements de langue */
#liens-langues ul { float:right; }
#liens-langues { margin:10px; }
#liens-langues li { display:inline; margin-right:5px;}
#liens-langues a { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; background-color:#fff;  }
#liens-langues a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; background-color:#fff;  }

/* Contenu pages */
#centre { position:relative; text-align:left; margin:0 20px; }

/* Accueil  */
#intro-hqe-papillon { margin: 0 0; width:340px; text-align:center; float: left; display: inline; }
#intro-hqe-papillon p { text-align:center; margin-bottom:15px;}
#intro-hqe-papillon a { text-decoration:none; }

#deco-animation { background: transparent url(../images/animation_a_la_une_fr.gif) no-repeat top left; width:734px; height:46px; margin:30px 0 0 13px; }
#a-la-une { background: transparent url(../images/fond_a_la_une2.png) repeat-y top left; width:734px; font-size:11px; padding-bottom:15px; margin-left:13px; }
#fond-article-actualite { width:704px; margin:0 auto; background-color:white; }
.article-actualite { margin:0 15px; padding:15px 0; }
#a-la-une h3 { display:inline; color:#e0700c; font-size:14px; }
.lire-la-suite { color: #7f7f7f; }

#intro-slideshow { float: left; display: inline; margin-left: 100px; width: 300px; height: 340px; margin-top: 10px; }
#intro-slideshow ul { list-style-type: none; height: 300px; overflow: hidden; }
#intro-slideshow p { padding-left:22px; background: transparent url(../images/fleche_diapoHome.png) no-repeat center left; }

/* Qui sommes-nous */
#texte-qui-sommes-nous { width:550px; margin-bottom:37px; }
#adresses-adherents p { float:left; margin:10px 20px 10px 0; }
#qui-sommes-nous ul { margin-top:10px; }
#qui-sommes-nous li { list-style-type:none; background:url(../images/fleche_liste.png) 0% 60% no-repeat; padding-left:15px; margin-bottom:5px;}
#qui-sommes-nous p { margin-top:10px; }
#qui-sommes-nous hr { color:#7f7f7f; background-color:#7f7f7f; height:1px; border:0; margin:17px 0; width:550px; text-align:left; }
#qui-sommes-nous #last { margin-bottom:30px; }
#tableau-repartition-finitions { border-collapse:collapse; width:740px; text-align:center; }
#tableau-repartition-finitions thead th { background-color:#e0700c; color:white; padding:5px 15px; border:1px solid #e0700c; }
#tableau-repartition-finitions tbody th { border:1px solid #e0700c; }
#tableau-repartition-finitions td { border:1px solid #e0700c; padding: 5px 5px 5px 10px; }

/* Le produit */
#le-produit { width:600px; }
#familles-pvc { position:relative;float:left;display:inline; }
#bulles-echantillons { position:absolute;width:520px;left:235px;top:40px; }
#bulles-echantillons img {margin:0;border:0;padding:0;position:relative;}
#le-produit p { margin-top:10px; }
#le-produit ul { margin-top:10px; }
#le-produit li { list-style-type:none; background:url(../images/fleche_liste.png) 0 3px no-repeat; padding-left:15px; margin-bottom:5px; }
#le-produit h2 {margin-top:30px;}
#le-produit h2.first { margin-top:0px; }
#le-produit h3.plus { padding-left:25px; background:transparent url(../images/plus.png) no-repeat top left; margin-top:20px; }

/* Actualite */
#lire-article h3 { color:#e0700c; }
#infos-article { font-size:0.8em; color:#7f7f7f; }
#chapeau { font-weight:bold; margin:20px 70px 20px 0; }
#texte { margin:0 70px 30px 0; }
.article { margin:20px 50px 0 86px; }
.article h3 { display:inline; color:#e0700c; font-size:14px; }
#lire-article .image-article { float:left; margin-right:70px; margin-bottom:20px; }
#lire-article .image-article p, #lire-article .image-articleh4 { margin:0; font-size:0.9em; }
#lire-article #documents { margin:20px 70px 30px 0; }
#lire-article #documents p { color:#e0700c; margin-bottom:0; font-size:0.9em; }
#lire-article #documents a { font-weight:normal; }
#lire-article #documents ul { border:solid 1px #e0700c; padding:10px; background-color:#fffbe8; }
#lire-article #documents li { list-style-type:none; background:url(../images/fleche_liste.png) 0% 60% no-repeat; padding-left:15px; margin-bottom:5px; }
#fond-article-actualite .article-actualite { font-size:1.2em; }

/* Reglementation */
#reglementation ul { margin:20px 0 20px 20px; }
#reglementation li { list-style-type:none; background: url(../images/fleche_liste.png) 0 3px no-repeat; padding-left:15px; margin-bottom:5px; }
#reglementation p { margin:20px 0 20px 0; }
.euroclasses { border-bottom:solid 1px #e0700c; width:380px; }
.euroclasses span { margin-left: 60px; }
#texte_euroclasses, #texte_intro_euroclasses { width:380px; }
#liste_norme_reponse { border:solid 1px #e0700c; width:530px; padding:0 5px 0 5px;}
#liste_norme_reponse strong { color: #e0700c; }
#liste_norme_reponse p, #liste_norme_reponse ul { margin: 5px; }
#pvc-securite-incendie { width:390px; }

/* Environnement */
#introduction { position:relative;width:570px;}
#environnement ul { margin: 20px 0 20px 20px; }
#environnement li { list-style-type:none; background: url(../images/fleche_liste.png) 0 3px no-repeat; padding-left: 15px; margin-bottom: 5px; }
#environnement p { margin:20px 0 20px 0; }
#environnement h4 { display:inline;font-size:14px;padding:10px 0 10px 0;}
#environnement h4.suivant {background:url(../images/fleche_suivant.png) 0 3px no-repeat;padding-left:40px;margin-left:40px;}
#environnement h4.bas {background:url(../images/fleche_bas.png) 0 50% no-repeat;padding-left:25px;margin-left:50px;}
#texte_fdes { width:680px; }
#encart { position:relative;float:right;width:325px; margin-left:25px; }
#encart p { margin:0 15px; }
#encart-haut { width:325px; height:18px; background: transparent url(../images/bord_actualite_haut.png) no-repeat top left;}
#encart-bas { width:325px; height:18px; background: transparent url(../images/bord_actualite_bas.png) no-repeat top left;}
#encart-content { border-left: 1px solid #e0700c; border-right: 1px solid #e0700c; background-color: #fffbe8; padding:0 5px; font-size:0.9em;}
.titre-le-saviez-vous { color:#e0700c; margin:10px 5px 5px 10px; font-size:14px; }
.texte-le-saviez-vous { margin:0 5px 0 10px; text-align:justify; }
.le-saviez-vous { color:red; font-size:0.8em; }
#demarche-hqe { width:390px; }
#downloads { position:relative;width:500px;margin:0 auto; text-align:center;}
.dl_zone a { display:block;width:100%;text-align:center;padding:5px 0; }
#wait_zone { position:relative;width:500px;margin:40px auto; text-align:center;font-size: 1.5em; font-weight:bold; }
#wait_zone span { font-size: 1.5em; color:#E0600C; }

/* Phototheque */
#presentationGlobale { position:relative; margin:0 0 20px 0; }
#phototheque h3 { margin-bottom: 0; }
#phototheque .image-article { float:left; margin:0 20px 20px 0; border:solid 1px #e0700c; padding:5px; text-align: center;}
#phototheque .image-article:hover { border-color: #a4c30f; }
#phototheque .image-article p { text-align:center; margin:0; font-size:0.9em; }
#phototheque .voir-rubrique { color:#7f7f7f; margin-top:0;}
#phototheque .voir-rubrique a { color:#7f7f7f; font-weight:normal; }

/* Contact */
#contact address { color:#e0700c; line-height:1.5em; margin-top:20px; }
#contact form { margin-top:20px;}
#contact input { width:190px; margin-right:20px;}
#contact textarea { width:400px; }
#contact input, #contact textarea { border:1px solid #e0700c; }
#contact p, #contact #envoyer { margin-bottom:10px; }
#contact #envoyer { width:100px; margin-top:10px; }

/* Pied de page */
#footer { border-top:1px dotted #e0700c; margin:20px 5px 0 5px; }
#footer p { font-size:0.8em; color:#e0700c; }
#footer a { text-decoration:none; color:#e0700c; font-weight:normal; }
#footer a:hover { text-decoration:underline; }

#editeur { float:left; line-height:2em; }
#realisation { float:right; }