/* _\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/_ feuilles de style (CSS) Ecrit par Stephane Balcaen aka Fawad pour l'entreprise Balcaen ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ */ /*----- 1 - Balises générales --------------------------------------- *********************************************************************/ body { background-image:url(../balcaen_imgs/fond_general.gif); text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px;} acronym {cursor: help;} * {padding: 0;margin: 0;} /*---- 2 - L E S D I V ' S generales ---------------------------- *********************************************************************/ #principale {padding: 0 0px; width: 579px !important; width : 579px; margin: 0 auto; text-align: left; position: relative;} #entete {width: 579px; height: 10px;} /* vide au-dessus */ #tete {width: 579px; height: 60px; margin-left: 244px; } /* logo */ #cou {width: 579px; height: 34px; margin-left: 153px; } /* titre */ #menu {width: 579px; height: 27px; background-color:#333; } #corps {width: 577px; background-color:#F1E9DA; border: 1px solid #666; } #pied {width: 579px; height: 18px; text-align: center; background-color:#333; } .pied {padding:3px 0 0 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#CABFAA; } H1 { font-family: arial, helvetica, sans-serif; font-size: 14pt; color: #666; } H2 { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #333; font-variant:small-caps; } H3 { font-family: arial, helvetica, sans-serif; color: #333; font-size: 10pt; } .titre-noir { font-family:"Times New Roman", Times, serif; font-size: 8pt; font-weight: bold; color:#333333; letter-spacing:2px ; } .titre-dore { font-family:"Times New Roman", Times, serif; font-size: 8pt; font-weight: bold; color:#AC8127; letter-spacing:2px ; } a { text-decoration:none; color:#BCB19B; } a:hover { text-decoration:underline; color:#887C66; } img, a { border: none; } /*---- 3 - Menu ----------------------------------------------------- *********************************************************************/ .rollover { display: block; } /* Allow setting widths and heights */ .rollover img { width: 100%; height: 100%; border:0; } /* only set width and height once */ .rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */ .rollover:hover img { visibility: hidden; } /* 'rolls over' the image */ #nav {width: 579px; height: 29px; font-size:0px; line-height:0px;} #nav li { float:left; list-style-type: none; height: 33px;} .pre-acc {background: url(../balcaen_imgs/bouton-accueil-fr_on.gif);display: none;} #accueil {width:122px; height:27px; background-image:url(../balcaen_imgs/bouton-accueil-fr_on.gif);} .pre-mai {background: url(../balcaen_imgs/bouton-la-maison-fr_on.gif);display: none;} #maison {width: 105px; height: 27px; background-image: url(../balcaen_imgs/bouton-la-maison-fr_on.gif);} .pre-col {background: url(../balcaen_imgs/bouton-collection-fr_on.gif);display: none;} #collection {width: 120px; height: 27px;background-image: url(../balcaen_imgs/bouton-collection-fr_on.gif);} .pre-con {background: url(../balcaen_imgs/bouton-contact-fr_on.gif);display: none;} #contact {width: 95px; height: 27px;background-image: url(../balcaen_imgs/bouton-contact-fr_on.gif);} .pre-act {background: url(../balcaen_imgs/bouton-actualite-fr_on.gif);display: none;} #actualite {width: 137px; height: 27px;background-image: url(../balcaen_imgs/bouton-actualite-fr_on.gif);} .pre-hom {background: url(../balcaen_imgs/bouton-accueil-en_on.gif);display: none;} #homepage {width:120px; height:27px; background-image:url(../balcaen_imgs/bouton-accueil-en_on.gif);} .pre-com {background: url(../balcaen_imgs/bouton-la-maison-en_on.gif);display: none;} #company {width: 130px; height: 27px; background-image: url(../balcaen_imgs/bouton-la-maison-en_on.gif);} .pre-cat {background: url(../balcaen_imgs/bouton-collection-en_on.gif);display: none;} #catalog {width: 120px; height: 27px;background-image: url(../balcaen_imgs/bouton-collection-en_on.gif);} .pre-inf {background: url(../balcaen_imgs/bouton-contact-en_on.gif);display: none;} #informat {width: 95px; height: 27px;background-image: url(../balcaen_imgs/bouton-contact-en_on.gif);} .pre-new {background: url(../balcaen_imgs/bouton-actualite-en_on.gif);display: none;} #news {width: 114px; height: 27px;background-image: url(../balcaen_imgs/bouton-actualite-en_on.gif);} /*---- 4 - les DIVS blocs sections ----------------------------------- *********************************************************************/ /*------ index -------*/ /*------ Accueil -------*/ #acc-maison {position: absolute; left: 15px; top: 160px; width: 270px; height: 210px; line-height: 1.5em; text-align: justify;} #acc-slideshow {position: absolute;left: 290px; top: 160px;width: 270px; height: 210px;} #acc-actualite {position: absolute; left: 15px; top: 350px; width: 340px; height: 140px; line-height: 1.4em; text-align: justify;} #acc-contact {position: absolute; left: 360px; top: 350px; width: 200px; height: 140px; line-height: 1.5em; text-align:right;} #cadre-slideshow {position: absolute; left: 15px; width: 251px; height: 170px; padding: 7px 0px 0 7px; } .cadre-slideshow {display: block; background-color:#fff; border: 1px solid #D3C9B5; } #acc-pied {height: 400px; } /*------ Maison -------*/ #mai-texte-sf {position: absolute; left: 15px; top: 160px; width: 345px; height: 400px; line-height: 1.5em; text-align: justify;} #mai-menu-sf {position: absolute;left: 380px; top: 160px;width: 174px; height: 270px; background-color:#333; padding:5px 5px 5px 5px; font:Arial, Helvetica, sans-serif; color:#FFFFFF;} #mai-pied-sf {height: 480px;} /*------ Collection -------*/ #col-titre {position: absolute;left: 15px; top: 160px;width: 560px; height: 15px;} #col-inc {position: absolute;left: 10px; top: 175px;width: 560px; height: 500px;} #col-pied {height: 600px; } /*------ Contact -------*/ #con-adresse { position: absolute; left: 20px; top: 160px; width: 534px; height: 408px; line-height: 1.5em; text-align: justify; } #con-horaire { position: absolute; left: -23px; top: 272px; width: 230px; height: 230px; line-height: 1.5em; text-align:center; } #con-formul { position: absolute; left: 20px; top: 579px; width: 520px; height: 460px; background-color:#E6DBC6; padding-left:10px; line-height: 1.5em; border:1px solid #CFB070; } #con-formul-d { float:right; top: 400px; width: 250px; padding-left:10px; line-height: 1.5em;} #con-pied {height: 750px; } .texte-integral {color:#444;} .texte-integral:hover {color:#888; text-decoration: underline; } .texte-integral:visited {color:#444; } /*------ Actualite -------*/ #actu-centre {position: absolute; left: 35px; top: 160px;width: 500px; height: 230px; line-height: 2em; text-align: center; } #actu-pied {height: 400px; } /*------ Presse -------*/ #presse-text {position: absolute; left: 15px; top: 160px; width: 345px; height: 250px; line-height: 1.5em; text-align: justify;} #presse-acces {position: absolute; left: 380px; top: 160px; width: 174px; height: 270px; background-color:#333; padding:5px 5px 5px 5px; font:Arial, Helvetica, sans-serif; color:#FFFFFF;} /* STYLE DES LIENS */ /*---------------------------COMMUNS--------------------*/ /*titre en haut de la page*/ .titrepage { font-size: 14px; font-style: italic; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif;} /*liens vers statistiques et administration*/ .liensadm {font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif;} /* BARRE AFFICHANT L'ARBORESCENCE DES ALBUMS (1ère ligne) */ .barrearbo {font-size: 11px; background-color: #E6DBC6; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif;} /* BARRE AFFICHANT LES INFOS SUR LA GALERIE (2ème ligne) */ .barreinfo {font-size: 11px; background-color: #E6DBC6; font-family : Verdana, Arial, Helvetica, sans-serif;} /* BARRE DU BAS */ .barrebas {font-size: 11px; background-color: #E6DBC6; font-family : Verdana, Arial, Helvetica, sans-serif;} /*temps de generation*/ .generation { font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif;} /* COULEUR DES ENCADRéS */ .encadre { background-color: #E6DBC6; font-family : Verdana, Arial, Helvetica, sans-serif;} /*--------------------------- DISP_SERIE.PHP - DISP_IMG.PHP --------------------*/ /* BARRE DE NAVIGATION DE PAGE EN PAGE */ .barrenav {font-size: 11px; background-color: #F1E9DA; font-family : Verdana, Arial, Helvetica, sans-serif;} /* ------------------------------ INDEX.PHP - DISP_ALBUM.PHP -----------------*/ /*TITRE D'UN ALBUM (lien) */ .lienalbum {font-size: 13px; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif;} /* DESCRIPTION D'UN ALBUM */ .descralbum {font-size: 12px; font-family : Verdana, Arial, Helvetica, sans-serif;} /* INFOS SUR UN ALBUM */ .infosalbum {font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif;} /*---------------------------INDEX.PHP----------------------*/ /* STYLE DE LA PARTIE HAUTE DES IMAGES POPULAIRES */ .favoriteup {color: #FFFFFF; font-size: 12px; text-decoration: none; background-color: #E6DBC6; font-family : Verdana, Arial, Helvetica, sans-serif;} /* STYLE DE LA PARTIE BASSE DES IMAGES POPULAIRES*/ .favoritedown {color: #FFFFFF; font-size: 10px; text-decoration: none; background-color: #E6DBC6; font-family : Verdana, Arial, Helvetica, sans-serif;} /*---------------------------DISP_SERIE.PHP----------------------*/ .infosphoto {font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif;} /*----------------------LOGIN.PHP---------------*/ .authdescr {font-size: 12px; font-family : Verdana, Arial, Helvetica, sans-serif;}