/* @override http://ahq0703.babylone/css/main.css http://www.hoteliers-quebec.org/css/main.css */ /* @group general */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } body, table, td { font: 12px/16px Arial, Helvetica, sans-serif; color: #000; } body { background-color: #e6e9ec; text-align: center; } body.popup { background: #fff; } p { margin-bottom: 0.5em; } h1 { font-weight: bold; font-size: 20px; margin-bottom: 0.5em; color:#505050; } h2 { font-size: 17px; margin-bottom: 0.5em; color: #cc6600; font-weight: bold; } h3 { font-weight: bold; font-size: 14px; margin-bottom: 0.5em; } h4 { font-weight: bold; font-size: 13px; margin-bottom: 0.5em; } a { color: #cc6600; } a:visited { } a:hover { } a:active { } a:focus { outline:none; } a img { text-decoration: none; border: none; } table { border-collapse: collapse; } td { vertical-align: top; } th { vertical-align: top; text-align: left; font-weight: bold; } hr { display: none; clear: both; } fieldset { padding: 6px; border: 1px solid #dedede; } fieldset td { padding: 4px 4px 4px 0; } legend { font-weight: bold; color: #999; } li { list-style-type: none; } ul { } input[type='checkbox'] { margin-right: 4px; } input[type='radio'] { margin-right: 4px; } option { -moz-padding-end: 10px; } .clear {clear:both;font-size:1px;line-height:0;} /* @end */ /* @group div standards */ #page { text-align: left; width:886px; margin:0 auto; background: url(../images/bgd_page.gif) repeat-y; overflow: auto; padding: 0 16px; } * html #page { width: 930px; } #popup_thickbox { background-color: #fff; } #popup_thickbox #page { background-image: none; background-color: #fff; width:90%; } #popup_thickbox h1 { margin: 15px 0 10px 0; } #header { float: left; height: 290px; position:relative } .page #header { height: 290px; } #logo { left:0;} #connexion {position:absolute; left:610px; top:0px;} #entete {height:180px; position:relative;} #entete p {color:#fff; font-size:18px; line-height:21px;} #menu {position:relative; } .accueil li.accueil { } .programmes li.programmes { } .industrie li.industrie { } .membre li.membre { } .medias li.medias { } .association li.association { } .sousmenu { display: none; background-color: #f2f6fb; width: 155px; position: relative; top: 29px; } .sousmenu a { color: #215474; font-weight: bold; text-decoration: none; } .sousmenu li { border-bottom: 1px solid #cad7e1; border-top: 1px solid #fff; padding: 2px 5px; } #sm_actualites { display: block; left: 8px; z-index: 2; visibility: visible; } .main_pub { text-align: center; width: 885px; float: left; clear: both; padding-top:25px; background:#fff } .main_pub img { border: 1px solid #ccc; margin-bottom: 20px; } /* @group Menu et sous-menu */ /* mise en page du menu principal */ #menu ul.nav { width: 886px; height: 30px; float: left; background: url(../images/bgd_menu.gif) repeat-x; } /* Navigation */ .nav, .nav ul { list-style: none; margin: 0; padding: 0; } .nav { z-index: 1; position: relative; } .nav li { float: left; margin: 0; padding: 0; position: relative; } .nav li ul li ul { left: 198px; } * html .nav li ul li ul { left: 194px; } .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { display: block; text-decoration: none; } .nav li a:hover { } #nav-one li:hover a, #nav-one li.sfHover a { } #nav-one li:hover ul a, #nav-one li.sfHover ul a { } #nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { } .nav ul { list-style: none; margin: 0; width: 200px; position: absolute; top: -999em; left: -1px; } .nav li:hover ul { top: 25px; } #menu .nav li ul li ul { top: -5px; } * html #menu .nav li ul li ul { margin-top: -26px; } .nav ul li { border: 0; float: none; } #menu ul li ul { background-color: #f2f6fb; margin-top: 3px; border-top: 1px solid #dedede; } #menu ul li li a { color: #215474; font-weight: bold; text-decoration: none; } #menu ul li.espacemembres li a { color: #ad5600; } #menu ul li li a:hover { text-decoration: underline; } #menu ul li li { border: 1px solid #cad7e1; border-top: 1px solid #fff; padding: 2px 5px; } li.nav-two { background: url(/images/bg_menu_fleche.gif) no-repeat right center; } /* @end */ #connexion a { float: right; margin: 0px 30px 0 0; background: url(../fr/images/bt/bt_connexion_membres.gif) no-repeat; width: 249px; height: 26px; text-indent: -1000em; } /*#deconnexion a { float: right; margin: 0 30px 0 0; background: url(../fr/images/bt/bt_connexion_membres.gif) no-repeat; width: 249px; height: 26px; text-indent: -1000em; }*/ /*#connexion a { float: right; margin: 0 30px 0 0; width: 249px; height: 26px; text-indent: -1000em; } #deconnexion a { float: right; margin: 0 30px 0 0; width: 249px; height: 26px; text-indent: -1000em; }*/ #content { width: 845px; margin:0px 20px; float:left; overflow: hidden; display: inline; } #main { float: left; width: 500px; } #main h1 { height: 25px; text-indent: -1000em; width: 500px; border-bottom: 1px solid #bfc7ce; } #side { float: right; width: 300px; font: 12px Arial, Helvetica, sans-serif; border: 1px solid white; } #side a { text-decoration: underline; } #side h1 { font-size: 16px; height: 25px; text-indent: -1000em; width: 300px; } #side h2 { } #side h3 { } #side h4 { font-size: 10px; } #side .menu_section { float: left; margin-bottom: 30px; border: 1px solid white; } #side .menu_section h1 { } #side .searchform { border-bottom: 1px solid #bfc7ce; margin-bottom: 10px; padding: 5px; width: 290px; background-color: #e6eff8; font-weight: bold; } #side .searchmembres { border-bottom: 1px solid #bfc7ce; background-color: #d6edb4; margin-bottom: 0; margin-top: -10px; } #side .searchassocies { border-bottom: 1px solid #bfc7ce; background-color: #d6edb4; margin-bottom: 30px; } #side .pub { float: left; background: url(../fr/images/ti/ti_pub.gif) no-repeat; margin-bottom: 30px; } #side .pub img { margin: 12px 0 0 0px; } #side ul { padding-left: 0px; } #side ul li { list-style: none; margin:0 0 0px 4px; padding-left: 10px;color: #333399; font-size:13px; background: url(/images/bgd_bullet.gif) no-repeat 2px 4px; } #side li a { text-decoration: underline; } #footer { border-top: solid 1px #bfc7ce; margin: 20px 0 20px 0; float: left; width: 876px; padding: 10px 0 10px 10; font-size: 11px; } /* @end */ /* @group Titres */ h1.ti_nouvelles { background: url(/fr/images/ti/ti_nouvelles.gif) no-repeat; } h1.ti_bulletin { background: url(/fr/images/ti/ti_bulletin.gif) no-repeat; } h1.ti_bulletin_archives { background: url(/fr/images/ti/ti_bulletin_archives.gif) no-repeat; } h1.ti_chroniques { background: url(/fr/images/ti/ti_chroniques.gif) no-repeat; } h1.ti_communiques { background: url(/fr/images/ti/ti_communiques.gif) no-repeat; } h1.ti_programmes { background: url(/fr/images/ti/ti_programmes.gif) no-repeat; } h1.ti_industrie { background: url(/fr/images/ti/ti_industrie.gif) no-repeat; } h1.ti_devenir_membre { background: url(/fr/images/ti/ti_devenir_membre.gif) no-repeat; } h1.ti_association { background: url(/fr/images/ti/ti_association.gif) no-repeat; } h1.ti_contact { background: url(/fr/images/ti/ti_contact.gif) no-repeat; } h1.ti_qui { background: url(/fr/images/ti/ti_qui.gif) no-repeat; } h1.ti_encours { background: url(/fr/images/ti/ti_encours.gif) no-repeat; } h1.ti_abonner { background: url(/fr/images/ti/ti_abonner_au_bulletin.gif) no-repeat; } h1.ti_membres { background: url(/fr/images/ti/ti_membres.gif) no-repeat; } h1.ti_membres_associes { background: url(/fr/images/ti/ti_membres_associes.gif) no-repeat; } h1.ti_resultatrecherche { background: url(/fr/images/ti/ti_resultatrecherche.gif) no-repeat; } h1.ti_nousjoindre { background: url(/fr/images/ti/ti_nousjoindre.gif) no-repeat; } h1.ti_nospartenaires { background: url(/fr/images/ti/ti_partenairesfinanciers.gif) no-repeat; } h1.ti_liensrapides { background: url(/fr/images/ti/ti_liensrapides.gif) no-repeat; } #side h1.first_titre, #main h1.first_titre, #main h1.titre_nouvelle { background: none; height: auto; text-indent: 0em; width: auto; border-bottom: 1px solid #bfc7ce; padding-bottom: 8px; font-size: 18px; font-weight: normal; line-height: 1.25em; } h2.mois { color: silver; font-size: 17px; } /* @end */ /* @group Class */ .message { background: url(/images/ico/ico_commentaire.gif) no-repeat 4px 6px; padding-left: 28px; font-weight: bold; /*color: #137815;*/ } .erreur { background: url(/images/ico/ico_erreur.gif) no-repeat 4px 2px; padding-left: 28px; color: #900; font-weight: bold; } tr.erreur { background-image: none; } .erreur td, .erreur th { background-image: none; background-color: #ef9c9c; } .obligatoire th { background: url(../images/ico/ico_emphase.gif) no-repeat right center; } .commentaires { background: url(/images/ico/ico_erreur.gif) no-repeat 4px 4px; padding-left: 28px; color: #900; font-weight: bold; } .small { font-size: 10px; font-weight: normal; } .verysmall { font-size: 9px; font-weight: normal; } .boite_nouvelle { float: left; border-bottom: #bfc7ce 1px solid; width: 485px; margin:0 0 17px 0; } .pagenormal .boite_nouvelle { border-bottom: none; margin-bottom: 0; } .photo img { border:4px solid #e6e6e6; float: left; margin-bottom: 10px; } .texte_nouvelle { float:right; width: 350px; margin:0 0 10px 0; } .sansphoto { width: 485px; float: right; } .even .photo img { float: right; } .even .texte_nouvelle { float: left; } .salutation { text-align: right; top: 3px; float: right; margin: 3px 10px; color: gray; } * html .salutation { margin: 3px 20px; } .liste { } .liste th { border-bottom: 1px solid #e1e1e1; padding: 4px 4px; background: #eff3f7; } .liste td { border-bottom: 1px solid #e1e1e1; padding: 4px; } .tableau { width: 90%; } .tableau th { border-bottom: 1px solid #e1e1e1; padding: 4px; min-width: 125px; width: 120px; } .tableau td { border-bottom: 1px solid #e1e1e1; padding: 4px; } #main h1 { } #main .accroche { font-weight: bold; margin-bottom: 20px; } #main .text { padding: 0px; } #main .text img { float: left; margin: 0 10px 10px 0; } #main .text ul { margin-left: 10px; } #main .text li { margin-left: 10px; padding-left: 0px; list-style-type: disc; } #side .liensrapides ul { list-style-type: none; list-style-image: none; } #side .liensrapides li { border-top: 1px solid #eee; padding: 2px 0; list-style-type: none; background: none; } #side .liensrapides a { width: 290px; display: block; /*background: url(../images/ico/ico_quicklink.gif) no-repeat right;*/ } .logomembre { margin-bottom: 5px; } /* @end */ /* @group Class formulaires */ .formulaire { margin: 0 0 0 14px; } .formulaire th { width: 140px; } .formulaire td, .formulaire th { padding: 2px; } .formulaire .last th, .formulaire .last td { border-bottom: 1px solid #efefef; } .formulaire input[type='text'] { width: 240px; } .popformulaire { margin: 0 0 0 0px; width: 100%; } .popformulaire th { width: 140px; } .popformulaire td, .formulaire th { padding: 2px; } .popformulaire .last th, .popformulaire .last td { border-bottom: 1px solid #efefef; } /* @end */ /* naviagation des pages resultats */ #navigation { clear: both; text-align: center; padding: 3px 0; } #navigation a { margin: 0 3px; padding: 3px 5px; } #navigation .active { font-weight: bold; border: 1px solid #cc6600; } /* mise en page de la page resultat de la recherch */ .searchresult { margin-bottom: 10px; border-bottom: 1px solid #bfc7ce; } .foundstring { font-weight: bold; background: #fcee8e; } /* mise en page de la page nouvelle */ #main #photos { padding: 10px; border: 1px solid #e6e6e6; background-color: #efefef; float: left; } #main #photos li { float: left; display: block; margin-right: 10px; }