/* CSS Document */ /*********************************************************************************************** CLASSES A DEFINIR POUR CHAQUE BOX: box définit la div en box bleu, violet, jaune ou rouge définit la couleur de la box et de tout son contenu first (faculatif) pour la box de gauche s'il y a plusieurs colonnes big (faculatif) donne une longueur de 100% et adapte le contenu ***********************************************************************************************/ /********** BOX ************/ .box { width:400px; font-size:0.9em; padding-bottom: 22px; float:left; } .first { margin-right:22px; clear:both;} /* Onglets */ .boxOnglets { height: 16px; padding-top: 6px; } .boxOngletsInv { height: 16px; padding-top: 6px; } .boxAlert { color:#d71317; font-weight:bold; } .boxConfirmation { color:#FF99CC; font-weight:bold; } #content .boxOnglets a { color:#fff; text-decoration:none; text-transform:uppercase; display:block; float: left; width:178px; margin: 0 0 0 10px; font-weight:normal; } #content .boxOngletsInv a { color:#fff; text-decoration:none; text-transform:uppercase; display:block; float: left; width:178px; margin: 0 0 0 10px; font-weight:normal; } /* Hack IE<6 */ * html #content .boxOnglets a { margin-left: 5px; } /* margin-left doublée par IE6 */ * html #content .boxOngletsInv a { margin-left: 5px; } /* margin-left doublée par IE6 *( /* Fin HAck */ #content .boxOnglets a.on { font-weight:bold; margin-right:22px; } #content .boxOngletsInv a.on { font-weight:bold; margin-left:22px; } /* Formulaires */ .boxContent form { font-weight: bold; margin: 18px; } .fieldName { width: 118px; text-transform:uppercase; } .boxContent input.field { width: 244px; border:1px solid #333; font-weight:normal; padding-top:1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;} .boxContent textarea.field { width: 200px; border:1px solid #333; font-weight:normal; padding-top:1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } /* Hack IE7 et inférieurs */ *+html .boxContent input.field { padding-top:0; padding-bottom:1px; } * html .boxContent input.field { padding-top:0; padding-bottom:1px; } .boxContent select { width: 250px; border:1px solid #333; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } .boxContent input.checkbox { position: relative; top:3px; margin-right: 7px; } .boxContent input.bouton { width: 250px; color:#fff; text-align:center; border:1px solid #333; font-size:0.9em; } .boxContent input { font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px; } .boxContent form table tr td { height: 30px; } #content .boxContent form table tr td.alert { padding: 0 5px; color:#d71317; height:10px; } #content .boxContent form table tr td.confirmation { padding: 0 5px; color:#6e8698; height:10px; } /* Tableaux */ .boxContent .list { border-collapse:collapse; width:100%; } .boxContent .list tr { height: 21px; } /* Hack IE 7 et inférieurs */ *+html .boxContent .list tr, * html .boxContent .list tr { height: 16px; } .boxContent .list tr th { font-weight:bold; color:#fff; } .boxContent .list tr th, .boxContent .list tr td { padding:1px; padding-left:5px; text-align:left; } .boxContent .list tr.blanc { background-color:#fff; } .boxContent .list tr.over { color:#fff; } .boxContent .list tr td.sep, .boxContent .list tr th.sep { width: 1px; margin:0; padding: 0; } .boxContent .list tr td.seph, .boxContent .list tr th.seph { height: 1px; margin:0; padding: 0; } #content .box .boxContent .list tr td a { color:#000; text-transform:none; font-weight:normal; display:block; text-decoration:none;} #content .box .boxContent .list tr.over td a { color:#fff; } #content .box .boxContent .list tr td a:hover { color:#fff; text-transform:none; font-weight:normal; } /* Bottom */ .boxBottom { background-position:left top; background-repeat:no-repeat; float:right; padding:5px 10px 5px 40px; } #content .boxBottom a { color:#fff; } #content .boxBottom a:hover { text-decoration:none; } /* Top */ .boxTop { background-position:left top; background-repeat:no-repeat; position:absolute; right:86px; padding:3px 10px 5px 40px;} *+html .boxTop { background-position:left top; background-repeat:no-repeat; position:absolute; right:86px; padding:1px 10px 4px 40px;} #content .boxTop a { color:#fff; } #content .boxTop a:hover { text-decoration:none; } /* Liste pages */ .list_pages { float:right; } #content .list_pages a { width: auto; display: inline; float:none; font-weight:bold; padding:1px 2px 0px 2px; margin: 0 2px 0 0; text-decoration:none; } #content .list_pages a.on, #content .list_pages a:hover { color:#fff; padding: 1px 2px 0 2px; margin: 0 2px 0 0; text-decoration:none; } .boxBottom .list_pages { float:none; display: inline; margin: 0 20px; } #content .boxBottom .list_pages a { color:#fff; } #content .boxBottom .list_pages a.on, #content .boxBottom .list_pages a:hover { background-color:#fff; padding: 1px 2px; margin: 0 2px; } .boxTop .list_pages { float:none; display: inline; margin: 0 20px; } #content .boxTop .list_pages a { color:#fff; } #content .boxTop .list_pages a.on, #content .boxTop .list_pages a:hover { background-color:#fff; padding: 1px 2px; margin: 0 2px; } /*********** BIG *************/ .big { width:100%; } .big .boxContent form { font-weight: normal; margin:10px 18px; } .big .boxContent form table { width:100%; } .big .fieldName { text-transform: none; width:auto; } .big .boxContent input.field { width: 130px; } .big .boxContent select { width: 136px; } .big .boxContent input.bouton { width: 54px; padding:0; } /********** BLEU ************/ #content .bleu .boxContent a { color:#6e8698; } #content .bleu .boxOnglets a:hover { color:#e2e7ea; } .bleu .boxOnglets { background:url(../images/b_onglets.gif) no-repeat left; } .bleu .boxOngletsInv { background:url(../images/b_onglets_inv.gif) no-repeat left; } .bleu .onglet_seul { background-image:url(../images/b_onglet_seul.gif) } .bleu .boxContent { background-color: #e2e7ea; border: 1px solid #6e8698; } .bleu .boxContent input.bouton { background-color: #6e8698; } .bleu .boxContent .list tr th { background-color: #6e8698; } .bleu .boxContent .list tr.over { background-color:#6e8698; } .bleu .boxContent .list tr td.sep { background-color:#f1f3f5; } .bleu .boxContent .list tr.blanc td.sep { background-color:#fff; } .bleu .boxContent .list tr th.sep { background-color:#b6c2cb; } .bleu .boxContent .list tr.over td.sep { background-color:#b6c2cb; } .bleu .boxBottom { background-image:url(../images/b_boxBottom.gif); background-color:#6e8698; } #content .bleu .boxBottom a:hover { color:#e2e7ea; } #content .bleu .list_pages a { color:#6e8698; } #content .bleu .list_pages a.on, #content .bleu .list_pages a:hover { background-color:#6e8698; color:#fff; } #content .bleu .boxBottom .list_pages a { color:#fff; } #content .bleu .boxBottom .list_pages a.on, #content .bleu .boxBottom .list_pages a:hover { background-color:#fff; color:#6e8698; } /********** VIOLET ************/ #content .violet .boxContent a { color:#594b68; } #content .violet .boxOnglets a:hover { color:#dedbe1; } .violet .boxOnglets { background:url(../images/v_onglets.gif) no-repeat left; } .violet .boxOngletsInv { background:url(../images/v_onglets_inv.gif) no-repeat left; } .violet .onglet_seul { background-image:url(../images/v_onglet_seul.gif) } .violet .boxContent { background-color: #dedbe1; border: 1px solid #594b68; } .violet .boxContent input.bouton { background-color: #594b68; } .violet .boxContent .list tr th { background-color: #594b68; } .violet .boxContent .list tr.over { background-color:#594b68; } .violet .boxContent .list tr td.sep { background-color:#efedf0; } .violet .boxContent .list tr.blanc td.sep { background-color:#fff; } .violet .boxContent .list tr th.sep { background-color:#aca5b4; } .violet .boxContent .list tr.over td.sep { background-color:#aca5b4; } .violet .boxBottom { background-image:url(../images/v_boxBottom.gif); background-color:#594b68; } #content .violet .boxBottom a:hover { color:#dedbe1; } .violet .boxTop { background-image:url(../images/v_boxTop.gif); background-color:#594b68; } #content .violet .boxTop a:hover { color:#dedbe1; } #content .violet .list_pages a { color:#594b68; } #content .violet .list_pages a.on, #content .violet .list_pages a:hover { background-color:#594b68; color:#fff; } #content .violet .boxBottom .list_pages a { color:#fff; } #content .violet .boxBottom .list_pages a.on, #content .violet .boxBottom .list_pages a:hover { background-color:#fff; color:#594b68; } #content .violet .boxTop .list_pages a { color:#fff; } #content .violet .boxTop .list_pages a.on, #content .violet .boxTop .list_pages a:hover { background-color:#fff; color:#594b68; } /********** JAUNE ************/ #content .jaune .boxContent a { color:#bfc022; } #content .jaune .boxOnglets a:hover { color:#4c4d0e; } .jaune .boxOnglets { background:url(../images/j_onglets.gif) no-repeat left; } .jaune .boxOngletsInv { background:url(../images/j_onglets_inv.gif) no-repeat left; } .jaune .onglet_seul { background-image:url(../images/j_onglet_seul.gif) } .jaune .boxContent { background-color: #f2f2d3; border: 1px solid #bfc022; } .jaune .boxContent input.bouton { background-color: #bfc022; } .jaune .boxContent .list tr th { background-color: #bfc022; color:#000; } .jaune .boxContent .list tr.over { background-color:#bfc022; } .jaune .boxContent .list tr td.sep { background-color:#f9f9e9; } .jaune .boxContent .list tr.blanc td.sep{ background-color:#fff; } .jaune .boxContent .list tr th.sep { background-color:#dfe091; } .jaune .boxContent .list tr.over td.sep { background-color:#dfe091; } .jaune .boxBottom { background-image:url(../images/j_boxBottom.gif); background-color:#bfc022; } #content .jaune .boxBottom a:hover { color:#f2f2d3; } #content .jaune .list_pages a { color:#bfc022; } #content .jaune .list_pages a.on, #content .jaune .list_pages a:hover { background-color:#bfc022; color:#000; } #content .jaune .boxBottom .list_pages a{ color:#fff; } #content .jaune .boxBottom .list_pages a.on, #content .jaune .boxBottom .list_pages a:hover { background-color:#fff; color:#bfc022; } #content .jaune .boxOnglets a, .jaune .boxContent input.bouton, .jaune .boxContent table thead, .jaune .boxContent .list tr.over, #content .jaune .boxContent .list tr.over td a, #content .jaune .boxContent .list tr td a:hover { color:#000; } /********** ROUGE ************/ .boxOngletsTrois { height: 16px; padding-top: 6px; } #content .boxOngletsTrois a { color:#fff; text-decoration:none; text-transform:uppercase; display:block; float: left; width:178px; margin: 0 0 0 10px; font-weight:normal; } /* Hack IE<6 */ * html #content .boxOngletsTrois a { margin-left: 5px; } /* margin-left doublée par IE6 *( /* Fin HAck */ #content .boxOngletsTrois a.on { font-weight:bold; margin-right:22px; } #content .rouge .boxContent a { color:#aa5f72; } #content .rouge .boxOnglets a:hover { color:#eedfe3; } #content .rouge .boxOngletsTrois a:hover { color:#eedfe3; } .rouge .boxOnglets { background:url(../images/r_onglets.gif) no-repeat left; } .rouge .boxOngletsInv { background:url(../images/r_onglets_inv.gif) no-repeat left; } .rouge .boxOngletsTrois { background:url(../images/r_onglets_trois.gif) no-repeat left; } .rouge .onglet_seul { background-image:url(../images/r_onglet_seul.gif) } .rouge .boxContent { background-color: #eedfe3; border: 1px solid #aa5f72; } .rouge .boxContent input.bouton { background-color: #aa5f72; } .rouge .boxContent .list tr th { background-color: #aa5f72; } .rouge .boxContent .list tr.over { background-color:#aa5f72; } .rouge .boxContent .list tr td.sep { background-color:#eedfe3; } .rouge .boxContent .list tr.blanc td.sep { background-color:#fff; } .rouge .boxContent .list tr th.sep { background-color:#c38f9c; } .rouge .boxContent .list tr.over td.sep { background-color:#c38f9c; } .rouge .boxBottom { background-image:url(../images/r_boxBottom.gif); background-color:#aa5f72; } #content .rouge .boxBottom a:hover { color:#eedfe3; } #content .rouge .list_pages a { color:#aa5f72; } #content .rouge .list_pages a.on, #content .bleu .list_pages a:hover { background-color:#c38f9c; color:#fff; } #content .rouge .boxBottom .list_pages a { color:#fff; } #content .rouge .boxBottom .list_pages a.on, #content .bleu .boxBottom .list_pages a:hover { background-color:#fff; color:#aa5f72; }