/* CSS Document - Feuille de style toiture solaire pour SECTEUR.PHP */ /* Filtre pour affichage images */ #filter { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000000; z-index:10; opacity:0.6; filter: alpha(opacity=60); } #box { display: none; position: absolute; top: 50%; left: 50%; width:800px; height:725px; padding: 0px; margin-left:-400px; margin-top:-362px; background-color: transparent; z-index:11; overflow: hidden; } #boxcontent { position:relative; top:0px; left:0px; margin:0px; padding:0px; } #boxdia { display: none; position: absolute; top: 8%; left: 50%; width: 800px; height: 630px; padding: 0; margin-left:-400px; border: 1px solid white; background-color: #333333; z-index:11; overflow: hidden; } #boxcontentdia { position:absolute; top:0px; left:0px; margin:0px; padding:0px; } #boxtitledia { position:absolute; float:center; top:602px; left:0px; width:790px; height:25px; padding:0; padding-top:4px; padding-left:8px; margin:0; border-bottom:4px solid #3CF; background-color: #212121; font-family : verdana, arial; font-variant: small-caps; font-size:13px; color: #cccccc; text-align:left; } #boxclosedia { position:absolute; float:right; top:605px; right:5px; background-image:url(images/close.gif); background-repeat:no-repeat; background-color:#CCCCCC; border:1px solid black; width:20px; height:20px; z-index:15; } #erreur h1 { /* concerne uniquement la page qui s'affiche en cas d'erreur PHP - */ text-align:center; } /* FOND DU SITE ET GENERALITES */ .page { background-image : url(images/site_fond.jpg); font-family: verdana, arial, serif; } /* APPARENCE GENERALE DES LIENS */ a { color: #ff0000; text-decoration: none; font-weight:bold; } a:hover { color: #35a42c; } a img { border:0px; } /* CORPS DU SITE CONTENEUR GENERAL */ #corps { margin:auto; width:1024px; height:724px; color:#212121; /*background-color:#333333;*/ } /* LA BANIERE ET SON CONTENU */ #banniere { float:left; width:1024px; height:80px; margin-top: 0px; margin-left:0px; /*background-color:red;*/ } #logo_site { float:left; margin-left: -20px; } #baniere_site { float:right; } /* LE MENU PRINCIPAL HORIZONTAL */ #menu { float:left; width:1024px; height:40px; margin-left:0px; text-align:right; /*background-color:white;*/ } #menu p { margin-top: 10px; } /* PARTIE PRINCIPALE CENTRALE ENTRE LE MENU ET LE PIED DE PAGE */ #dynamique { float:left; width:1024px; height:550px; /*background-color:olive;*/ } /* ZONE DE TITRE DE CHAQUE SECTEUR */ #titrerubrique { float:left; width:750px; height:40px; /*background-color:blue;*/ } #titrerubrique h1, #contact_titre h1 { margin-top: 20px; margin-left: 0px; margin-bottom:0px; text-align:left; } /* COLONNE DE DROITE DANS SECTEUR */ #coldroite { float:right; width:270px; height:550px; text-align:left; /*background-color:red;*/ } #menurubrique { float:right; width:270px; height:265px; text-align:left; /*background-color:yellow;*/ } #menurubrique h1 { margin-top: 35px; margin-left: 15px; text-align:left; } #menurubrique p { margin-left: 40px; margin-right: 0px; margin-top:15px; margin-bottom:15px; line-height:140%; } #zonelibre { float:right; width:270px; height:180px; text-align:justify; /*background-color:red;*/ } #zonelibre h1 { margin-left: 20px; margin-bottom:0px; text-align:left; } #zonelibre p { margin-top:10px; margin-left:30px; margin-right:5px; } #cellule { width:270px; height:180px; /*background-color: white;*/ } #cellule td { vertical-align:bottom; } #cellule a { font-weight:normal; } #vignette { float:right; width:270px; height:140px; text-align:right; /*background-color:orange;*/ } #guillemets_o { float:left; margin-top:10px; margin-left:25px; margin-right:10px; } #guillemets_f { float:right; margin-top:-25px; margin-right:0px; } /* ZONE CENTRALE GAUCHE */ #centre { float:left; width:750px; height:510px; /*background-color:yellow;*/ } #centre h2, #centre_mail_d h2 { margin-top: 15px; margin-bottom:5px; margin-left: 0px; text-align:left; } #centre p, #centre_mail_d p { margin-left: 0px; margin-right: 15px; margin-top: 5px; margin-bottom: 10px; } #centre a { font-size:12px; } #img { float:left; margin-top:15px; margin-right:15px; margin-bottom:5px; text-align:left; } #img2 { float:right; margin-top:10px; margin-left:15px; margin-right:15px; margin-bottom:5px; text-align:right; } #img3 { float:left; margin-top:10px; margin-right:15px; margin-bottom:5px; } #centretexte { float:left; overflow:auto; width:750px; height:505px; text-align:justify; /*background-color:white;*/ } /* POUR LA PARTIE DOCUMENTATION - (secteur_documentation.php) */ #doc_gauche { float:left; width: 250px; height: 475px; overflow:auto; /*background-color:red;*/ } #doc_centre { float:left; width: 250px; height: 475px; /*background-color:yellow;*/ } #doc_droite { float:left; width: 250px; height: 475px; /*background-color:blue;*/ } #doc_gauche h1, #doc_centre h1, #doc_droite h1 { text-align:left; margin-left:0px; margin-bottom:10px; font-variant:small-caps; } #doc_gauche p, #doc_centre p, #doc_droite p { text-align:left; text-indent: -15px; margin-left:20px; margin-right:40px; } /* POUR LA PARTIE LIENS - (secteur_lien.php) */ #img_lien_sup { width:750px; height:50px; margin-left:-15px; } #lien_gauche { float:left; overflow:auto; width: 375px; height: 375px; /*background-color:red;*/ } #lien_droite { float:left; overflow:auto; width: 375px; height: 375px; /*background-color:yellow;*/ } #img_lien_inf { width:750px; height:50px; } #lien_gauche h1, #lien_droite h1 { margin-left:0px; margin-bottom:10px; text-align:left; font-variant:small-caps; } #lien_gauche h2, #lien_droite h2 { text-align:left; margin-left:15px; margin-top:0px; } #lien_gauche p, #lien_droite p { text-align:left; margin-left:25px; } /* POUR LA PARTIE LIENS - (secteur_sponsoring.php) */ #dia_sponsor { margin-top: 3px; } /* POUR LA PARTIE FAQ - (secteur_faq.php) */ #interrogation { /* Image avec le point d'interrogation */ float:right; margin-top:20px; margin-right:10px; margin-left:15px; } #faq_question { float:left; overflow:auto; width: 300px; height: 475px; margin-top:25px; /*background-color:red;*/ } #faq_question h2 { margin-top:0px; } #faq_question p { margin-left: 20px; margin-right:25px; text-indent: -13px; } #faq_question a { font-size:12px; font-weight:normal; text-indent: 10px; color:black; } #faq_question h2 a { color:blue; } #faq_resultat { float:left; width: 450px; height: 400px; /*background-color:yellow;*/ } #faq_resultat h1 { margin-top:30px; margin-left:15px; margin-bottom:5px; color:white; } #faq_resultat h2 { margin-top:0px; margin-left:30px; margin-bottom:5px; margin-right:10px; text-align:justify; } #faq_resultat h3 { margin-top:20px; margin-left:15px; margin-bottom:5px; color:white; } #faq_resultat p { margin-top:10px; margin-left:30px; margin-bottom:5px; margin-right:10px; text-align:justify; } #faq_resultat p a { font-size:12px; } /* POUR LA PARTIE DIAPORAMA - (secteur_diaporama_e.php / secteur_diaporama_p.php) */ #centre_diaporama { width:605px; height:500px; margin-left:70px; /*background-color:blue;*/ } /* Diaporama particuliers */ #imager11, #imager12, #imager13, #imager14 { margin-left:0px; margin-right:-4px; margin-top:20px; margin-bottom:-2px; } #imager21, #imager22, #imager23, #imager24 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imager31, #imager32, #imager33, #imager34 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imager41, #imager42, #imager43, #imager44 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imager51, #imager52, #imager53, #imager54 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imageret1 { margin-left:0px; margin-right:-4px; margin-top:10px; margin-bottom:-2px; } #imageret2 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imageret3 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } /* Diaporama entreprises */ #imgcolg { width:150px; clear:left; float:left; /*background-color:red;*/ } #imgcentre /* conteneur de la miniature centrale */ { float:left; width:305px; height:279px; /*background-color:blue;*/ overflow:hidden; } #imgcold { width:150px; float:left; /*background-color:yellow;*/ } #imagere11, #imagere12, #imagere13, #imagere14 { margin-left:0px; margin-right:-4px; margin-top:20px; margin-bottom:-2px; } #imagere21, #imagere22, #imagere23 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imagere24 { margin-left:2px; margin-top:0px; } #imagere31, #imagere32, #imagere33 { margin-left:1px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } #imagere41, #imagere42, #imagere43, #imagere44 { margin-left:0px; margin-right:-4px; margin-top:0px; margin-bottom:-2px; } /* POUR LA PARTIE CONTACTS - (secteur_contact.php) */ #contact_titre { float:left; width:1024px; height:40px; margin-left:25px; /*background-color:blue;*/ } #contact_d { float:right; width:150px; height:510px; margin-top:0px; text-align:left; /*background-color:red;*/ } #contact_img_d { float:right; } #contact_g { float:left; width:150px; height:510px; margin-top: 0px; margin-left:0px; text-align:right; /*background-color:orange;*/ } #contact_img_g { float:left; } #contact_c { float:left; width:724px; height:510px; text-align:justify; /*background-color:white;*/ } #centre_mail_d { float:right; Width: 300px; height: 420px; /*background-color: #0000ff;*/ } #centre_mail_d h2 { margin-top: 40px; margin-bottom:10px; margin-left: 10px; text-align:left; } #centre_mail_d h3 { margin-top: 20px; margin-bottom:10px; margin-left: 10px; text-align:left; } #centre_mail_d p { margin-left: 20px; margin-right: 0px; margin-top: 7px; margin-bottom: 7px; } #centre_mail { float:left; overflow:hidden; Width: 420px; height: 420px; /*background-color: #ff00ff;*/ } #centre_mail h1 { margin-left:5px; } #centre_mail p { font-size:12px; /* 9pt */ } #centre_mail_bg { float:left; overflow:hidden; Width: 420px; height: 90px; margin-top:0px; text-align: left; /*background-color: yellow;*/ } #centre_mail_bg p { margin-top: 5px; margin-left:5px; margin-right:10px; font-weight: bold; text-align:justify; } #centre_mail_bd { float:right; Width: 300px; height: 90px; text-align: left; /*background-color: red;*/ } #centre_mail_bd p { margin-top: 0px; margin-left:5px; } /* Formulaire de contact */ #contact { width:420px; /*background-color: #ff0000; */ } #contact textarea { overflow:auto; } #contact input, #contact textarea { font-family: Verdana, Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */ font-size:12px; /* 9pt */ } #contact input:focus, #contact textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */ { background-color: #FFFF99; } #contact label { margin-left:5px; color: black; /* Colorer en noir tous les labels */ font-size:12px; /* 9pt */ } #contact legend /* On met un peu plus en valeur les titres des fieldset */ { margin-left: 10px; color: black; font-size: 13px; /* 10pt */ font-weight: bold; } #contact fieldset { margin-left:5px; margin-top: 10px; background-color: transparent; } #btenvoi, #btreset { width:70px; height:25px; margin-left:5px; margin-right:5px; font-size: 11px; /* 8pt */ } #identite { width: 380px; height: 140px; } #realname { margin-left:10px; margin-top: 3px; } #adresse { margin-left:10px; margin-top: 3px; } #localite { margin-left:10px; margin-top: 3px; } #tel { margin-left:10px; margin-top: 3px; } #email { margin-left:10px; margin-top: 3px; } #commentaire { width: 380px; height:150px; } #choix { margin-left:10px; margin-top: 3px; } #com { width:350px; height:70px; margin-left:10px; margin-top: 3px; } /* PIED DE PAGE */ #piedpage { float:left; width:1024px; height:54px; /*background-color:white;*/ } #ppg_g { width:200px; height:54px; float:left; /*background-color:red;*/ } #ppg_g p { margin-top:3px; margin-bottom: 1px; } #ppg_g a { font-weight:normal; } #ppg_c { float:left; width:624px; height:54px; text-align:center; font-variant:small-caps; /*background-color:green;*/ } #ppg_c p { margin-top:15px; font-size: 13px; font-weight:bold; color:blue; } #ppg_d { float:left; width:200px; height:54px; text-align:right; /*background-color:white;*/ } #ppg_d p { margin-top:35px; margin-right: 0px; color: black; }