auf_savoirs_en_partage/media/css/global.css

   1 /*
   2 Feuille de styles - GLOBAL
   3 Par Erick chez http://www.ixmedia.com
   4 Date de creation: 2009-05-11
   5 Modification: 2009-05-14 [Erick]
   6 */
   7
   8 /* COULEURS
   9
  10 TXT -----------> #3a3125 et #000
  11 LINK ----------> #97012c
  12 LIGNES grises -> #e0e0e0 et #d5d5d5
  13 */
  14
  15 /* RESET */
  16
  17 @import url("reset.css");
  18
  19 /* General */
  20
  21 html {height:100%;}
  22 body { height:100%; font-size: 62.5%; /* <- 1em equivaut 10px */ line-height:1.4; color:#3a3125; background:#fff url(../img/background-body.jpg) repeat-y 50% 0; font-family: Verdana, Arial, Sans-Serif; text-align: center;}
  23 a, a:active {text-decoration:underline;color:#97012c;}
  24 a:visited {color:#97012c;}
  25 a:hover {color:#97012c;}
  26 a img {border: none;}
  27 abbr, acronym {border-bottom:.1em dotted;cursor:help;}
  28
  29 h1 {font-size:1em;margin:0 0 1em 0;}
  30 h2 {font-size:1em;margin:0 0 1em 0;}
  31 h3 {font-size:1em;margin:0 0 1em 0;}
  32 h4 {font-size:1em;margin:0 0 1em 0;}
  33 h5 {font-size:1em;margin:0 0 1em 0;}
  34 h6 {font-size:1em;margin:0 0 1em 0;}
  35
  36 em{font-style:italic;}
  37 strong{font-weight:bold;}
  38 p{margin:0 0 1em 0;}
  39 ul, ol{margin:0 0 1em 33px;list-style:none;}
  40 dt{margin:0.5em 0 0;}
  41 dd{margin:0.25em 0 0.5em 2.5em;}
  42 sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
  43
  44 .box { padding:0 0 20px 0; }
  45 .lbl {color: #97012c; }
  46
  47 .centre { text-align:center }
  48
  49 #fond {padding:0; margin:0; display:block; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align:left;}
  50 #enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}
  51
  52 div.sous-menu { float:right; padding-top:1px; color:#fff; }
  53 div.sous-menu a { display:block; height:19px; padding:5px 10px 1px 10px; color:#fff; font-size:1.1em; text-decoration:none; float:right; white-space:nowrap; background-color:#4c4030;}
  54 div.sous-menu a:hover { text-decoration:underline;}
  55 div.sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
  56 div.sous-menu a.bout-droit {  background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
  57 div.sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
  58
  59 div.gauche { position:absolute; left:0; }
  60 div.droite {  }
  61
  62 #logo { float:left; width:144px; height:110px; margin-top:45px; margin-left:20px; }
  63 h1 a { display:block; width:144px; height:110px; text-indent:-99999px; background:url(../img/logo-agence-universitaire-de-la-francophonie.gif) no-repeat 0 0;border:none; text-decoration:none;}
  64
  65 #sep-recherche {  }
  66 h2.slogan { position:absolute; top:53px; left:240px; font-size:3.4em; color:#3a3125; padding:0;font-family:"Myriad Pro", "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-1px; line-height:0.8em; z-index:1000; }
  67 h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;}
  68 div.boite-recherche { z-index:1000; position:absolute; top:150px; left:240px; width:390px; height:90px; background: url(../img/recherche-background.gif) no-repeat 0 5px;}
  69 div.boite-recherche input { position:absolute; top:26px; left:10px; width:300px; height:16px; margin-top:10px; background:none; font-size:1.3em; border:none;}
  70 div.boite-recherche button { position:absolute; top:22px; right:17px; width:45px; height:45px; background:url(../img/recherche-button.gif) no-repeat 0 0; color:#97012c; border:none;}
  71 div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
  72 div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;}
  73 div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;}
  74 div.boite-recherche p { position:absolute; bottom:13px; left: 0; color:#3a3125; margin: 0; }
  75 div.boite-recherche p a { color:#3a3125;}
  76 div.boite-recherche p a:hover { color:#97012c; text-decoration:none;}
  77
  78 #col-menu { clear:right; float:right; width:190px; margin:30px 20px 0px 0px; background: url(../img/col-droite-background.png) repeat-x top center; font-size:1.2em; line-height:1.2; }
  79 #col-menu img.bottom { margin-bottom:-7px; }
  80 #col-menu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:1.8em; font-weight:normal; letter-spacing:-1px; }
  81 #col-menu ul li { margin:2px 0; padding:0; }
  82 #col-menu a { margin:0; padding:0; text-decoration:none; color:black; }
  83 #col-menu a:hover { cursor:pointer; text-decoration:underline; }
  84 #col-menu .actif a { color:#97012c; font-weight:bold; }
  85
  86 #contenu { width:744px; margin:100px 0px 50px 0px; padding:0; float:left;background:url(../img/contenu-bkg-middle.png) repeat-y 0 0; }
  87 #tabs { margin-left: 8px; margin-right: 8px; }
  88 #contenu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:2.2em; font-weight:normal; letter-spacing:-1px; }
  89 #contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;}
  90 #contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;}
  91 #contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;}
  92 #contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;}
  93 #contenu .zone-texte h2 {font-size: 1.2em;}
  94 #contenu .zone-texte h3 {font-size: 1.1em;}
  95 #contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;}
  96
  97 #contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
  98 #contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
  99 #contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;}
 100 #contenu .demi-droite { width:358px; margin-right:12px; float:right;}
 101 #contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;}
 102 #contenu .demi-gauche img.bottom { height:9px;  position:relative; bottom:-9px;}
 103
 104 .contenu-wrapper { padding:0 0 0 25px; }
 105
 106 ul a { text-decoration:none; }
 107 ul a:hover { text-decoration:underline; }
 108
 109 ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
 110 ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
 111 ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
 112 ul.liste-de-l-accueil span { display:block;}
 113 ul.liste-de-l-accueil .la-date {font-size:1.1em;}
 114 ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
 115 ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
 116 ul.liste-de-l-accueil .le-resume a { display:inline;}
 117 ul.sous-menu li { display:inline; padding:0px 10px 0px 0px; font-size: 1.1em; }
 118
 119 .resultats { width:744px; display:inline; margin:0; padding:0; float:left; margin-top:100px; margin-bottom:50px; margin-left:0; background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
 120 .resultats a:hover{text-decoration:none;}
 121 .resultatRecherche {  padding: 0 25px 1.5em;}
 122 .resultats .typeDocument { text-transform:uppercase;}
 123 .resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
 124 .resultats .resultatResume { font-size:1.1em; color:#000;}
 125 .resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
 126 .resultats a:hover.ligne-url { text-decoration:underline;}
 127
 128 .resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
 129 .resultatPages span { padding:0; margin:0 auto;}
 130 .resultatPages span a { text-decoration:underline; color:#3a3125; }
 131 .resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
 132 .resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
 133 .resultatPages span a:hover { text-decoration:none;}
 134 .resultatPages span a:hover span { text-decoration:none;}
 135 .resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
 136 .resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;}
 137 .resultatPages span a:hover span.lien-texte { text-decoration:none;}
 138
 139 /* Divers */
 140
 141 .clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
 142 .clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
 143
 144 /* Clearfix */
 145
 146 .clearfix {display: inline-block; }
 147 .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 148 * html .clearfix { height: 1%; }
 149 .clearfix { display: block; }
 150
 151 #edit-form td { vertical-align: top; }
 152 #edit-form td:first-child { width: 150px; text-align: left; }
 153 #edit-form table { width: 100%; }
 154 #edit-form input, #edit-form textarea { width: 80%; }
 155 #edit-form textarea { height: 100px; }
 156 #edit-form p { margin-bottom: 2px; }
 157 #edit-form tr { border-top: 1px black solid; }
 158 #edit-form tr:first-child { border-top: none; }
 159
 160 .form td { vertical-align: top; }
 161 .form th { font-weight: bold; }
 162 .form td:first-child { width: 150px; text-align: left; }
 163 .form table { width: 100%; }
 164 .form input[type=text], .form textarea, .form select { width: 80%; }
 165 .form textarea { height: 100px; }
 166 .form p { margin-bottom: 2px; }
 167 .form tr:first-child { border-top: none; }
 168
 169 .odd { background: #ddd; }
 170
 171 #repertoire { border:1px solid #bbb; padding:20px; margin: 10px; width:95% }
 172 #repertoire th, td { padding:5px }
 173
 174
 175 .errorlist {color:red}
 176 select     { width:100%; overflow:hidden }
 177
 178 .publications_autre {border:1px solid #CCC; background:#FAFAFA; margin:10px; padding:10px; display:none;}
 179
 180 #agenda, #actualites {position: relative;}
 181 #rss-agenda, #rss-actualites {position: absolute; right: 26px; top: 10px;}
 182
 183 form {padding-right:20px}
 184
 185 form fieldset {
 186   clear: both;
 187   font-size: 100%;
 188   border-color: #000000;
 189   border-width: 1px 0 0 0;
 190   border-style: solid none none none;
 191   padding: 10px;
 192   margin: 0 0 0 0;
 193 }
 194
 195 form fieldset legend {
 196   font-size: 150%;
 197   font-weight: bold;
 198   color: #000000;
 199   margin: 0 0 0 0;
 200   padding: 0 5px;
 201 }
 202
 203 label {
 204   font-size: 12px;
 205 }
 206 td
 207 {
 208 vertical-align:middle;
 209 }
 210
 211 .infotip
 212 {
 213 width:300px;
 214 margin-top:5px;
 215 border:1px solid #CCC;
 216 background:#EEE;
 217 float:right;
 218 }
 219 .publication
 220 {
 221
 222 }