/* CSS Document */ /* --------------------------------------------------------------------------------- -- Site Internet Circuit des Arts Memphrémagog 2009 - www.circuitdesarts.com -- • • • Circuit des Arts Memphrémagog • • • -- Design et développement / © Nathalie Bandulet - design graphique + interactif -- Contenu et propriété / © 2009 Circuit des Arts Memphrémagog --------------------------------------------------------------------------------- */ /************* HTML *************/ body { text-align: center; margin: 0 auto; background-color: #FFCF04; } /************* STYLES DE TEXTE *************/ /* Balises de texte */ h1 { font: bold 18px/24px Helvetica, sans-serif; color:#000000; letter-spacing: 2px;} /* titre 1 noir */ h2 { font: bold 14px/0px Helvetica, sans-serif; color:#A9213F; margin-left: 90px; vertical-align:text-top; } /* titre 2 magenta */ h3 { font: italic bold 18px/20px Helvetica, sans-serif; color:#543748; margin-left: 90px;} /* titre 3 raisin */ h4 { font: bold 11px/14px Helvetica, sans-serif; color:#A9213F; margin-left: 90px; text-transform: uppercase;} /* titre 4 magenta majuscules */ h5 { font: italic 12px/20px Helvetica, sans-serif; color:#963;} h6 { font: italic 12px/20px Helvetica, sans-serif; color:#963;} p { font: bold 12px/20px Helvetica, sans-serif; color:#000000; margin-left: 90px; text-align: justify;} /* Balises spéciales */ .h1_plus { font: bold 14px/14px Helvetica, sans-serif; color:#A9213F; letter-spacing: normal;} /* titre 2 magenta */ .h1_plus img { margin-right:10px; margin-bottom:30px; float:left; position: relative} .texteAccueil { font: bold 12px/18px Helvetica, sans-serif; color:#543748; text-align: justify;} .textePlus { font: bold 12px/18px Helvetica, sans-serif; color:#A9213F; } .titreTexte { font: bold 11px/14px Helvetica, sans-serif; color:#A9213F; margin-left: 90px; text-transform: uppercase;} .texte { font: 12px/16px Helvetica, sans-serif; color:#000000; margin-left: 90px; text-align: justify;} .texteBlock { font: 12px/16px Helvetica, sans-serif; color:#000000; margin-left: 90px; text-align: justify; display: block;} .texteCentre { font: 12px/16px Helvetica, sans-serif; color:#000000; margin-left: 90px; text-align: center; display: block;} .texteArtiste { font: bold 12px/16px Helvetica, sans-serif; color:#000000; text-align: justify;} .texteDemarche { font: 12px/20px Helvetica, sans-serif; color:#000000; margin-left: 90px; text-align: justify;} .title_encadre { font: bold 12px/16px Helvetica, sans-serif; color: #A9213F; /*margin-left: 90px;*/ border: 1px solid #666666; background-color: #ffffff; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; } .blockquotes { /*margin-left: 25px; margin-right: 0px;*/ margin: 0; color:#ffffff;} /* Styles prédéfinis */ .bold { font-weight:bold; } .italic { font-style:italic; } .letter_spacing { letter-spacing:1px; } .superscript { font-size:xx-small; vertical-align:top; } /************* LES CADRES *************/ /* Le cadre principal qui contient tout le site */ .cadrePrinc { width: 825px; background-color: #FFCF04; text-align:left; padding:0px; margin-left: auto; margin-right: auto; } /* Le cadre qui contient la bannière et le logo */ .enTete { width: 825px; height: 225px; background-color: #6A0E15; text-align:left; padding:0px; } /* La partie sous l'ent�te */ .contenant { background-image:url(../img/interface/bg_contenu.gif); background-position: top left; background-repeat: repeat-y; } /* Le cadre et les styles de la partie texte */ .contenu { width: 570px; background-position: top left; background-repeat: repeat-y; text-align:left; margin: 0; padding: 0; } #boiteTexte { width: 520px; text-align:left; margin: 0; padding: 15px; } #texteFin { width: 570px; height: 25px; background-color: #C1B531; text-align:left; margin: 0; padding: 0; } /************* LES MENUS *************/ /** Menu principal **/ .container_menu_princ { background-image:url(../img/interface/bg_menu.gif); background-position: top left; background-repeat: repeat-x; padding: 0 0 0 15px; } /*border-bottom: 3px solid #D91378;*/ .menu_princ { color: #ffffff; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ { color: #ffffff; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ:link { color: #ffffff; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ:hover { color: #ffff00; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } .menu_princ_over { color: #ffff00; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ_over { color: #ffff00; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ_over:link { color: #ffff00; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_princ_over:hover { color: #ffff00; font-size: 12px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } .menu_underline { background-color: transparent; height: 3px;} .menu_underline_over { background-color: #d91378; height: 3px;} /* Choix de langue */ #lang { height: 20px; background: #543748; padding: 0 0px 0 0px; } #lang a { color: #FFF; font: italic normal 12px/20px Helvetica, sans-serif; text-decoration: none; border-left: 15px solid #FFFF00; padding-left:5px; } #lang a:hover { color: #FFFF00; text-decoration: none; border-left: 15px solid #D91378; padding-left:5px; } /* Menu sous-sections */ #sMenu { /*height: 20px;*/ padding: 0 0 0 65px; } #sMenu ul { margin: 0 0 0 -40px !important; margin: 0; list-style: none; text-align: left; } #sMenu ul li { display: list-item; padding: 0 0 10px 0px; color: #000000; font: bold 11px Helvetica, sans-serif; } #sMenu ul li#frst { padding-top: 30px; background: none !important; } #sMenu ul li a { color: #000000; font: bold 11px Helvetica, sans-serif; text-decoration: none; border-left: 13px solid #FFCF04; padding-left: 5px; /*padding: 3px 3px; 2e chiffre: 3px entre les items du menu*/ } #sMenu ul li a:visited { color: #666666; text-decoration: none; } #sMenu ul li a:hover { color: #000000; text-decoration: none; border-left: 13px solid #D91378; } #sMenu ul li a.lien_sMenu_current { color: #000000; text-decoration: none; border-left: 13px solid #D91378; } /** Menu bas de page **/ .container_menu_bas { background-color:#6A0E15; padding: 15px 15px 15px 15px; } /*border-bottom: 3px solid #D91378;*/ .menu_bas { color: #ffffff; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_bas { color: #ffffff; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_bas:link { color: #ffffff; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: none; font-weight: normal; } a.menu_bas:hover { color: #ffff00; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; } .menu_bas_over { color: #ffff00; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; } a.menu_bas_over { color: #ffff00; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; } a.menu_bas_over:link { color: #ffff00; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; } a.menu_bas_over:hover { color: #ffff00; font-size: 10px; font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; } /************* LES LIENS *************/ /* Liens par défaut */ a { color: #000000; font-weight: bold; } a:link { color: #000000; text-decoration: underline; font-weight: bold; } a:hover { color: #ffffff; text-decoration: underline; font-weight: bold;} /* Liens spéciaux */ a.titreTexte { font: bold 11px/14px Helvetica, sans-serif; color:#A9213F; margin-left: 90px; text-transform: uppercase;} a.titreTexte:link { font: bold 11px/14px Helvetica, sans-serif; color:#A9213F; margin-left: 90px; text-transform: uppercase;} /*a.lien_titreTexte:visited { font: bold 11px/14px Helvetica, sans-serif; color:#993300; margin-left: 90px; text-transform: uppercase;}*/ a.titreTexte:hover { font: bold 11px/14px Helvetica, sans-serif; color:#FFFFFF; margin-left: 90px; text-transform: uppercase;} .savoirPlus { font: bold 12px/18px Helvetica, sans-serif; color:#A9213F; } a.savoirPlus { font: bold 12px/18px Helvetica, sans-serif; color:#A9213F; } a.savoirPlus:link { font: bold 12px/18px Helvetica, sans-serif; color:#A9213F; } a.savoirPlus:hover { font: bold 12px/18px Helvetica, sans-serif; color:#FFFFFF; } /*.credits { font: 12px/18px Helvetica, sans-serif; color:#A9213F; } a.credits { font: 12px/18px Helvetica, sans-serif; color:#A9213F; } a.credits:link { font: 12px/18px Helvetica, sans-serif; color:#A9213F; } a.credits:hover { font: 12px/18px Helvetica, sans-serif; color:#FFFFFF; }*/ .credits { font: 12px/18px Helvetica, sans-serif; color:#543748; } a.credits { font: bold 12px/18px Helvetica, sans-serif; color:#543748; margin-left: 70px; } a.credits:link { font: bold 12px/18px Helvetica, sans-serif; color:#543748; margin-left: 70px; } a.credits:hover { font: bold 12px/18px Helvetica, sans-serif; color:#FFFFFF; margin-left: 70px; } .lien_siteweb { font: bold 12px/16px Helvetica, sans-serif; color: #A9213F; text-decoration: none; border: 1px solid #666666; background-color: #ffffff; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; } a.lien_siteweb { font: bold 12px/16px Helvetica, sans-serif; color: #A9213F; text-decoration: none; border: 1px solid #666666; background-color: #ffffff; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; } a.lien_siteweb:link { font: bold 12px/16px Helvetica, sans-serif; color: #A9213F; text-decoration: none; border: 1px solid #666666; background-color: #ffffff; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; } a.lien_siteweb:hover { font: bold 12px/16px Helvetica, sans-serif; color: #A9213F; text-decoration: none; border: 1px solid #666666; background-color: #ffffff; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; } .lien_numsite { font: bold 12px/18px Helvetica, sans-serif; color:#543748; text-decoration: none; } a.lien_numsite { font: bold 12px/18px Helvetica, sans-serif; color:#543748; text-decoration: none; } a.lien_numsite:link { font: bold 12px/18px Helvetica, sans-serif; color:#543748; text-decoration: none; } a.lien_numsite:hover { font: bold 12px/18px Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; } /************* LISTE À PUCES *************/ .liste_puce { font: italic 12px/16px Helvetica, sans-serif; list-style-type: disc; margin-left: 90px; } .liste_puce2 { font: italic 14px/20px Cochin, Times, serif; list-style-type: disc; } /************* IMAGES *************/ /* Position images */ .image_droite { margin-left:10px; margin-bottom: 10px; float:right; position: relative} .image_gauche { margin-right:10px; margin-bottom: 10px; float:left; position: relative} /************* COPYRIGHT *************/ .copyright { color: #FFF; font: 10px/12px Helvetica, sans-serif; }