| | 1 | /* ************************************ |
| | 2 | |
| | 3 | screen.css |
| | 4 | background-image: url(../../images/slash.png);background-repeat: repeat; |
| | 5 | ************************************ */ |
| | 6 | |
| | 7 | html, body { margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; text-align: center; /* for IE */} |
| | 8 | |
| | 9 | a img { border-style: none;} |
| | 10 | form { margin: 0;} |
| | 11 | h1 { color: #CE3202; font-size: 18px; text-transform:uppercase; line-height: 22px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 12 | h2 { color: #CE3202; font-size: 17px; line-height: 20px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 13 | h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 14 | h4 { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 15 | h3 a { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 16 | h4 a { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;} |
| | 17 | .spip_surligne { background-color: #FFFF66; } |
| | 18 | ul { color: #000000; padding: 3px 15px 6px 15px; margin: 0;} |
| | 19 | li { color: #88571A; font-size: 12px; line-height: 16px; padding: 0; margin: 0;} |
| | 20 | a { text-decoration: none; color: #88571A;} |
| | 21 | a:hover {text-decoration: underline; } |
| | 22 | a:active {text-decoration: none;} |
| | 23 | p { font-size: 12px; line-height: 16px; color: #333333; padding-bottom: 4px; padding-top: 1px; margin: 0;} |
| | 24 | .cap { float: left;font-size: 62px; line-height: 48px; font-weight: bold; color: #006699;margin: 0; padding: 2px 5px 2px 0;} |
| | 25 | .gras { font-size: 12px; line-height: 14px; color: #88571A; padding: 0; margin: 0;font-weight: bold; } |
| | 26 | .gras a {color: #88571A; text-decoration: none;} |
| | 27 | .gras a:hover {text-decoration: underline;} |
| | 28 | .petit { font-size: 10px; line-height: 12px; color: #88571A; padding: 0; margin: 0; } |
| | 29 | .petit a {color: #88571A; text-decoration: none;} |
| | 30 | .petit a:hover {text-decoration: underline;} |
| | 31 | /* Form elements */ |
| | 32 | input{border-color: #000000; color:#000000; margin: 1px 1px 1px 1px; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;} |
| | 33 | textarea{border-color: #000000; color:#000000; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;} |
| | 34 | select{border-color: #000000; color:#000000; font:normal 11px Verdana,Arial,Helvetica,sans-serif;} |
| | 35 | input.post,textarea.post,select{background:#EAEDF4} |
| | 36 | input{text-indent:2px} |
| | 37 | .select_archives{height: 16px; width: 150px; margin: 0; padding: 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #88571A;} |
| | 38 | .menu_but_table { width:100%; margin: 0; padding: 0px; border: none; border-collapse: collapse;} |
| | 39 | .menu_but_table td{text-align:center; margin:2px; padding:5px; width:16%; border:1px solid; } |
| | 40 | .menu_but_table td a{color: #FFF; font-size:12px; text-align:center;} |
| | 41 | .menu_but_table td a:hover{color: #000; text-decoration:none;} |
| | 42 | .orange {background-color: #FF7600;} |
| | 43 | .vert {background-color: #AAD900;} |
| | 44 | .vert2 {background-color: #2b5500;} |
| | 45 | .jaune {background-color: #FFC900;} |
| | 46 | .bleu {background-color: #67B5DB;} |
| | 47 | .jaune2 {background-color: #F8AA02;} |
| | 48 | /* fixed */ |
| | 49 | #menu { width: 180px; height: auto; float: right; padding: 0 0 10px 10px;} |
| | 50 | #menu .contenu_gauche_barrre_haut{ width: 100%; height: 13px; margin: 0; padding: 0; background-image: url(../../images/css/haut_ligne_contener_left.gif);background-repeat: no-repeat;} |
| | 51 | #menu .contenu_gauche_barrre_contenu { width: 100%; text-align: left; margin: 0; margin: 0;;background-image: url(../../images/css/ligne_contener_left.gif);background-repeat: repeat-y;} |
| | 52 | #menu .contenu_gauche_barrre_bas{width: 100%; height: 16px; margin: 0; padding: 0; background-image: url(../../images/css/bas_ligne_contener_left.gif);background-repeat: no-repeat;} |
| | 53 | #menu .niveau_1_menu {width: 90%;clear:both;padding: 0 0.9em 0 0;margin: 0;} |
| | 54 | #menu .niveau_1_menu ul {width: 80%;margin: 0; padding: 0 0 0 2.5em;list-style: disc url(../../images/css/li_menu.gif) outside;} |
| | 55 | #menu .niveau_1_menu ul ul{width: 90%;margin: 0; padding: 0.3em 0 0.3em 0.7em;list-style: disc url(../../images/css/puce-menu.gif) outside;} |
| | 56 | #menu .niveau_1_menu ul ul ul{width: 100%;margin: 0; padding: 0.3em 0 0.3em 0.9em;} |
| | 57 | #menu .niveau_1_menu li {margin: 0; font-size: 12px; line-height: 13px; padding: 0.1em 0 0.2em 0;} |
| | 58 | #menu .niveau_1_menu li a {color: #CE3202;font-size: 12px; line-height: 13px;} |
| | 59 | #menu .niveau_1_menu li li a {color: #CE3202;font-size: 12px; line-height: 13px;} |
| | 60 | #menu .niveau_1_menu li li li a {color: #CE3202;font-size: 10px; line-height: 12px;} |
| | 61 | #menu .niveau_1_menu li a:hover{color: #006699;text-decoration: underline;} |
| | 62 | #menu .niveau_1_menu a.lienon {color: #CE3202; text-decoration: none;} |
| | 63 | #menu .niveau_1_menu a.lienon:hover {color: #CE3202;text-decoration: underline; } |
| | 64 | #menu .niveau_1_menu a.lienoff {color: #006699; text-decoration: none;} |
| | 65 | #menu .niveau_1_menu a.lienoff:hover {color: #CE3202; text-decoration: underline; } |
| | 66 | |
| | 67 | /*MENU PAGE D'ACCUEIL*/ |
| | 68 | .clear_div { clear:both;} |
| | 69 | #navigation { |
| | 70 | height: 47px; |
| | 71 | position:relative !important; |
| | 72 | overflow:visible !important; |
| | 73 | padding: 0; margin: 15px 0; text-align:left; z-index:10; |
| | 74 | } |
| | 75 | |
| | 76 | .hlist {overflow: visible;} |
| | 77 | .hlist ul { border:none; padding:0; } |
| | 78 | .hlist ul li { text-align: center; margin:0;width: 193px; } |
| | 79 | |
| | 80 | .hlist ul li a, |
| | 81 | .hlist ul li strong { color: #fff; padding:0.4em 0.6em;height: 44px; font-size: 1.0em;line-height: 1.1em;} |
| | 82 | |
| | 83 | .hlist ul li a:focus, |
| | 84 | .hlist ul li a:hover, |
| | 85 | .hlist ul li a:active { background-color: #525455; color: #fff; } |
| | 86 | .hlist ul li ul.child-menu {padding:26px 0 0 0;} |
| | 87 | .hlist ul li.child-menu, |
| | 88 | .hlist ul li.child-menu strong, |
| | 89 | .hlist ul li.child-menu a, |
| | 90 | .hlist ul li.child-menu a:focus, |
| | 91 | .hlist ul li.child-menu a:hover, |
| | 92 | .hlist ul li.child-menu a:active { color: #ffffff; font-weight: bold; background-color: #37393a; border:none; } |
| | 93 | |
| | 94 | .hlist ul li.child-menu ul li, |
| | 95 | .hlist ul li ul li:hover { border-left:1px solid #37393a;} |
| | 96 | |
| | 97 | .hlist ul li.child-menu ul li ul li, |
| | 98 | .hlist ul li ul li ul li:hover {border-left:1px solid #37393a;} |
| | 99 | |
| | 100 | /*MAIN FRAME*/ |
| | 101 | #frame {width: 100%;margin: 0; padding: 0 0 0 0;} |
| | 102 | |
| | 103 | /*HEADER*/ |
| | 104 | #frame #contener_top {width: 100%; margin: 0; padding: 0;background-color: #FCA800;} |
| | 105 | #frame #contener_top #contener_top_image{width: 980px;height: 200px; margin: 0 auto;} |
| | 106 | #frame #contener_top #contener_top_image #droiteHeader_Contenu {width: 96%;height: auto; margin: 0 auto; padding: 65px 0 0 0; text-align:left;} |
| | 107 | #frame #contener_top #contener_top_image #droiteHeader_Contenu .petit {color: #006699; font-size: 10px; line-height: 12px; padding: 1em 0 0 0; margin: 0; } |
| | 108 | #frame #contener_top #contener_top_image #droiteHeader_Contenu p { font-size: 26px; line-height: 28px; text-transform:uppercase; color: #FFFFFF; padding: 0.4em 0 0 0; margin: 0; font-weight: bold;} |
| | 109 | #frame #contener_top #contener_top_image #droiteHeader_Contenu p a {color: #FFFFFF; text-decoration: none;} |
| | 110 | #frame #contener_top #contener_top_image #droiteHeader_Contenu p a:hover {text-decoration: none;} |
| | 111 | #frame #contener_top #contener_top_image #menu_header { position:relative; width: 96%; margin: 0 auto; padding: 20px 0 0 0; text-align:left; z-index:10;} |
| | 112 | #frame #contener_top #contener_top_barre_bas {width: 100%; height: 25px;margin: 0; padding: 0;background-image: url(../../images/css/fond_haut_barre.gif);background-repeat: repeat-x;} |
| | 113 | /*CONTENER*/ |
| | 114 | #frame #contener{width: 980px; margin: 0 auto;padding: 10px 0 0 0;overflow: auto;} |
| | 115 | /*CONTENU DE LA PAGE*/ |
| | 116 | #frame #contener #colonne_center{width: 960px; float: right; padding: 0 10px 0 10px; } |
| | 117 | #frame #contener #colonne_center #colonne_center_contenu{width: 100%;font-family: georgia, serif; margin: 0; padding: 0;} |
| | 118 | /* CONTENU TOP*/ |
| | 119 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top{width: 98%; height: 45px;margin:0; padding: 0 0 2em 0;} |
| | 120 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top .img_titre{width: auto;height: auto;margin: 0; padding: 0 0.4em 0 0;} |
| | 121 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top p{ color: #006699;font-size: 17px; line-height: 18px;font-weight: bold;text-transform:uppercase;padding: 0.6em 0 0 0.6em; margin: 0; text-align:left;} |
| | 122 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top p:hover {color: #3399CC;} |
| | 123 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top a {color: #006699;} |
| | 124 | #frame #contener #colonne_center #colonne_center_contenu #contenu_top a:hover {color: #006699;text-decoration: underline;} |
| | 125 | /* CONTENU CENTER*/ |
| | 126 | #frame #contener #colonne_center #colonne_center_contenu #contenu {width: 96%; padding: 10px 0 0 0; margin: 0 auto;overflow:auto;text-align:justify; } |
| | 127 | #frame #contener #colonne_center #colonne_center_contenu #contenu h1 {font-size: 20px; line-height: 23px; margin: 0 0 15px 0;text-align:left;text-transform:none;} |
| | 128 | #frame #contener #colonne_center #colonne_center_contenu #contenu h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0px 4px 14px; font-weight: bold;} |
| | 129 | #frame #contener #colonne_center #colonne_center_contenu #contenu p { font-size: 16px; line-height: 18px; color: #333333; padding: 5px 0 5px 0; margin: 0;text-indent:5px;} |
| | 130 | #frame #contener #colonne_center #colonne_center_contenu #contenu a {color: #006699; } |
| | 131 | #frame #contener #colonne_center #colonne_center_contenu #contenu a:hover {text-decoration: underline; } |
| | 132 | #frame #contener #colonne_center #colonne_center_contenu #contenu UL { color: #006699; padding: 0 0.4em 0 2em; margin: 0; text-align: left;} |
| | 133 | #frame #contener #colonne_center #colonne_center_contenu #contenu li { color: #6F6F6F; padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;font-size: 14px; line-height: 18px;} |
| | 134 | #frame #contener #colonne_center #colonne_center_contenu #contenu li li { color: #006699; padding: 0; margin: 0;list-style-type:disc;} |
| | 135 | #frame #contener #colonne_center #colonne_center_contenu #contenu li a {color: #006699;} |
| | 136 | #frame #contener #colonne_center #colonne_center_contenu #contenu li a:hover{color: #006699;text-decoration: none;} |
| | 137 | |
| | 138 | #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page {width: 96%; margin: 0 auto; text-align:left;padding: 10px 0 0 0;} |
| | 139 | #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p { font-size: 11px; line-height: 13px; color: #006699; padding: 0; margin: 10px 0 0 0; } |
| | 140 | #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a {color: #006699; text-decoration: underline;} |
| | 141 | #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a:hover {text-decoration: none; background-color: #EFEFEF;} |
| | 142 | |
| | 143 | /* CONTENU BOTTOM*/ |
| | 144 | #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom{width: 96%; margin: 0 auto;padding: 20px 0 0 0;} |
| | 145 | #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p { font-size: 10px; line-height: 12px; color: #006699; padding: 0; margin: 0 0 0 0; } |
| | 146 | #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a {color: #006699; text-decoration: underline;background-color: #EFEFEF;} |
| | 147 | #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a:hover {text-decoration: none; } |
| | 148 | /*FOOTER*/ |
| | 149 | #frame #contener #contener_bottom {width: 960px; height: 25px; clear:both; margin: 0;padding: 10px 0 0 0;text-align:right;} |
| | 150 | #frame #contener #contener_bottom p { font-size: 10px; line-height: 12px; color: #006699; padding: 0; margin: 0 0 0 0; } |
| | 151 | #frame #contener #contener_bottom p a {color: #006699; text-decoration: underline;background-color: #EFEFEF;} |
| | 152 | #frame #contener #contener_bottom p a:hover {text-decoration: none; font-weight: bold;} |
projets / aidenligne_francais_universite.git / blame_incremental