css/screen/habillage_fr_sur_mesure.css

   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: #303030; font-size: 18px; text-transform:uppercase; line-height: 22px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  12 h2 { color: #303030; font-size: 17px; line-height: 20px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  13 h3 { color: #303030; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  14 h4 { color: #303030; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  15 h3 a { color: #303030; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  16 h4 a { color: #303030; 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: #303030; padding-bottom: 4px; padding-top: 1px; margin: 0;}
  24 .cap { float: left;font-size: 62px; line-height: 48px; font-weight: bold; color: #ED6E29;margin: 0; padding: 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 /* fixed */
  39 input.button{background: #e5ebf3; color:#000000;  font:11px Verdana,Arial,Helvetica,sans-serif;}
  40 #popUp{ position:absolute;padding: 0 0 0 0;margin: 0;   background-image: url(../../images/pop-up.gif);background-repeat: no-repeat;height:auto;height:auto;font:normal 13px Verdana;   line-height:15px;z-index:100;visibility: hidden;}
  41 #popUp .contenu_popUp {width: 84%;height: 85%;margin: 5px auto;overflow:auto;text-align:left;z-index:101;}
  42
  43 /*MAIN FRAME*/
  44 #frame {width: 100%;margin: 0; padding: 0 0 0 0;}
  45
  46 /*HEADER*/
  47 #frame #contener_top {width: 100%; margin: 0; padding: 0;background-image: url(../../images/css/v3/fond_ban_fsm.gif);background-repeat: repeat-x;} /*changement pour Francais sur mesure*/
  48 #frame #contener_top #contener_top_image{width: 844px;height: 130px; margin: 0 auto; background-image: url(../../images/css/v3/image_degrade_fsm.jpg);background-repeat:no-repeat;}/*changement pour Francais sur mesure*/
  49 #frame #contener_top #contener_top_image #menu_top {width: 260px; text-align:right;position: absolute;z-index: 30;margin-left:584px;margin-top:45px;margin-right:10px;}
  50 #frame #contener_top #contener_top_image #menu_top a {font-size: 11px; color: #ED6E29; text-decoration: none;font-weight: bold;}/*changement pour Francais sur mesure*/
  51 #frame #contener_top #contener_top_image #menu_top a:hover {text-decoration: underline;color: #ED6E29;}/*changement pour Francais sur mesure*/
  52 #frame #contener_top #contener_top_image #droiteHeader_Contenu {width: 100%;height: 73px; margin: 0; padding: 5px 0 0 5px; text-align:left;}
  53 #frame #contener_top #contener_top_image #droiteHeader_Contenu .cap { color: #ED6E29;  float: left;  font-size: 55px; line-height: 55px; font-weight: bold;padding: 0; margin: 0 0 6px 0;}
  54 #frame #contener_top #contener_top_image #droiteHeader_Contenu .petit {color: #ED6E29;  font-size: 10px; line-height: 12px; padding: 15px 0 0 0; margin: 0; }
  55 #frame #contener_top #contener_top_image #droiteHeader_Contenu p { font-size: 16px; line-height: 19px; text-transform:uppercase; color: #ffffff; padding: 0.4em 0 0 0; margin: 0; font-weight: bold;}
  56 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a {color: #FFFFFF; text-decoration: none;}
  57 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a:hover {text-decoration: none;}
  58 #frame #contener_top #contener_top_image #menu_header {width: 100%;margin: 0; padding: 0 0 0 0; text-align:left;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;}
  59 #frame #contener_top #contener_top_image #menu_header {}
  60
  61 /*CONTENER*/
  62 #frame #contener{width: 844px; margin: 0 auto;padding: 0 0 0 0;}
  63 /*MENU*/
  64
  65 /*CONTENU DE LA PAGE*/
  66 #frame #contener #colonne_center{width: 844px; float: left; padding: 20px 0 0 0; }
  67 #frame #contener #colonne_center #colonne_center_contenu{width: 100%;  margin: 0; padding: 0;}
  68
  69 /* CONTENU TOP*/
  70 #frame #contener #colonne_center #colonne_center_contenu #contenu_top{width: 100%; margin:0; padding: 0 0 2em 0;}
  71 #frame #contener #colonne_center #colonne_center_contenu #contenu_top .img_titre{width: auto;height: auto;margin: 0; padding: 0 0.4em 0 0;}
  72 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p{ color: #000000;font-size: 20px; font-weight:bold; font-family: Arial; line-height: 25px; text-transform:uppercase;padding: 0.6em 0 0 0; margin: 0; text-align:left;}
  73 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p:hover {color: #000000;}
  74 /* CONTENU CENTER*/
  75 #frame #contener #colonne_center #colonne_center_contenu #contenu {width: 100%; padding: 0px 0px 20px 0px; text-align:left; font-family: arial; }
  76 #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;}
  77 #frame #contener #colonne_center #colonne_center_contenu #contenu h3 { color: #303030; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0px 4px 0px; font-weight: bold;text-align:left;}
  78 #frame #contener #colonne_center #colonne_center_contenu #contenu p { font-size: 15px; line-height: 18px; color: #303030; padding: 5px 0 5px 0; margin: 0;text-align:justify;}
  79 #frame #contener #colonne_center #colonne_center_contenu #contenu a {color: #ED6E29; background: transparent url(../../images/css/v3/ext_link.gif) no-repeat scroll 100% 3px;padding:0 12px 0 0;}
  80 #frame #contener #colonne_center #colonne_center_contenu #contenu .contexte {color: #333333; font-size: 12px; line-height: 13px;font-weight: bold;}
  81 #frame #contener #colonne_center #colonne_center_contenu #contenu .lien {color: #ED6E29; font-size: 14px; line-height: 16px;font-weight: bold;}
  82 #frame #contener #colonne_center #colonne_center_contenu #contenu .categorie { color: #808080; font-size: 16px; line-height: 18px; margin: 0; padding: 1em 0 1em 0.5em; font-weight: bold;}
  83 #frame #contener #colonne_center #colonne_center_contenu #contenu a:hover {text-decoration: underline; }
  84 #frame #contener #colonne_center #colonne_center_contenu #contenu UL { color: #6d6d6d; padding: 0 0.4em 0 2em; margin: 0; }
  85 #frame #contener #colonne_center #colonne_center_contenu #contenu ol { list-style: decimal; }
  86 #frame #contener #colonne_center #colonne_center_contenu #contenu li { color: #6d6d6d;  padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;font-size: 15px; line-height: 18px;}
  87 #frame #contener #colonne_center #colonne_center_contenu #contenu li li { color: #6d6d6d;  padding: 0; margin: 0;list-style-type:disc;}
  88 #frame #contener #colonne_center #colonne_center_contenu #contenu li a {color: #ED6E29;font-size: 15px; line-height: 18px;}
  89 #frame #contener #colonne_center #colonne_center_contenu #contenu li a:hover{color: #ED6E29;text-decoration: underline;}
  90
  91
  92 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page {width: 100%; clear:both; margin: 0 auto; text-align:left;padding: 10px 0 0 0;}
  93 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p { font-size: 11px; line-height: 13px; color: #ED6E29; padding: 0; margin: 10px 0 0 0; }
  94 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a {color: #ED6E29; text-decoration: underline;}
  95 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a:hover {text-decoration: none; background-color: #EFEFEF;}
  96 /*FIX*/
  97 #frame #contener #colonne_center #colonne_center_contenu #contenu .fixhHauteur_contenu{ margin:0; padding:0; width:1px; float: left; }
  98
  99 /* CONTENU BOTTOM*/
 100 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom{width: 100%; margin: 0 auto;padding: 40px 0 0 0; border-bottom: 3px solid #000000;}
 101
 102
 103 /*FOOTER*/
 104 #frame #contener #contener_bottom {width: 844px; height: 25px; clear:both; margin: 0; padding: 10px 0 0 0;text-align:right;}
 105 #frame #contener #contener_bottom p { font-size: 11px; line-height: 13px; color: #000000; padding: 0; margin: 10px 0 0 0; }
 106 #frame #contener #contener_bottom p a {color: #000000; text-decoration: underline;}
 107 #frame #contener #contener_bottom p a:hover {text-decoration: none; background-color: #EFEFEF;}
 108
 109 /*
 110 * MENU
 111 */
 112 .hlist {overflow: visible;border:none;background: #FFFFFF;}
 113 .hlist ul { margin-left: 0;border:none; padding:0;font-family: Arial;}
 114 .hlist ul li {font-size: 11px; line-height: 35px; background-color: #fff; width:135px;  text-align: center; border-left:1px solid #ED6E29;}
 115
 116 .hlist ul li a,
 117 .hlist ul li strong { color: #000000; font-weight: bold; padding: 0.5em 0.4em 0.5em 0.4em; }
 118
 119 .hlist ul li a:focus,
 120 .hlist ul li a:hover,
 121 .hlist ul li a:active  { background-color: #f8aa02; color: #ffffff;}
 122
 123 .hlist ul li.active,
 124 .hlist ul li.active strong,
 125 .hlist ul li.active a,
 126 .hlist ul li.active a:focus,
 127 .hlist ul li.active a:hover,
 128 .hlist ul li.active a:active { color: #ffffff; font-weight: bold; background-color: #f8aa02; border:none; }
 129
 130 .hlist ul li.active ul li,
 131 .hlist ul li ul li:hover { border-left:1px solid #1689cc }
 132
 133 .hlist ul li.active ul li ul li,
 134 .hlist ul li ul li ul li:hover { border-left:1px solid #ccc }
 135
 136 .hlist ul li a.lienon {background-color: #f8aa02;color: #ffffff;}/*changement pour Francais sur mesure*/
 137
 138 /*SPIP FORM */
 139 .legend{ width:400px; text-align:left;}
 140
 141 div.spip_forms form label {
 142         float:none;
 143 }
 144 div.spip_forms h2 {
 145         margin:.2em;
 146         color:#543E29;
 147 }
 148 div.spip_forms {
 149     width:740px;
 150         float:left;
 151         color: black;
 152         margin: 0px;
 153         margin-bottom: 16px;
 154         padding: 0;
 155         background: #fff;
 156         font-family: Verdana, Arial, Helvetica, sans-serif;
 157         font-weight: normal;
 158 }
 159 div.spip_forms form {
 160         border:0;
 161         margin:0;
 162         padding:.5em 0 0 0;
 163 }
 164 div.spip_forms div.spip_descriptif {
 165         border:0;
 166         margin:0;
 167         clear:both;
 168 }
 169 div.spip_forms h3 {
 170         float:none;text-align:left;
 171 }
 172 div.spip_forms legend {
 173         font-size:1.15em;
 174         padding:5px;
 175 }
 176 div.spip_forms .spip_form_champ {
 177         margin-bottom:1.5em;
 178 }
 179 div.spip_forms .spip_form_label {
 180         font-weight: bold;
 181         text-align:left;
 182         color:#494949;
 183 }
 184 div.spip_forms .spip_form_label label,
 185 div.spip_forms .spip_form_label .label {
 186         text-align:left;
 187         font-weight: bold;
 188         color:#494949;
 189 }
 190 div.spip_forms .spip_form_label_obligatoire {
 191         font-weight: normal;
 192         font-style:italic;
 193         font-size:.9em;
 194 }
 195 div.spip_forms .obligatoire_oublie {
 196         color:red;
 197 }
 198 div.spip_forms .spip_form_label_details{
 199         display:block;
 200         font-style:italic;
 201         text-align:left;
 202 }
 203
 204 div.spip_forms .spip_form_choix_multiple {
 205         display:block;
 206 }
 207
 208 div.spip_forms .spip_form_choix_unique input, div.spip_forms .spip_form_choix_unique input.fondo, div.spip_forms .spip_form_choix_unique input.fondl {
 209         width:auto;
 210 }
 211
 212 div.spip_forms .spip_form_choix_unique label {
 213         margin:0 0 5px 0;
 214 }
 215
 216 div.spip_forms .spip_form_choix_multiple input, div.spip_forms .spip_form_choix_multiple input.fondo, div.spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
 217         width:auto;
 218         margin:0 5px 0 0;
 219 }
 220 div.spip_forms ul.choix_mots {
 221 list-style:none;
 222 }
 223 div.spip_forms .spip_sondage {
 224         margin: auto;
 225 }
 226
 227 div.spip_forms .spip_form_erreur {
 228         display:none;
 229 }
 230 div.spip_forms .spip_form_ok {
 231         font-weight: bold;
 232         background:#FFCC00;
 233         color:#F1F1F1;
 234         margin: 1em 0 0 0;
 235         padding: .6em;
 236 }
 237 div.spip_forms .spip_form_ok a {
 238         color:#FFF9E2;
 239 }
 240 div.spip_forms .spip_form_ok a:hover {
 241         color:#DEB55E;
 242 }
 243 div.spip_forms .spip_form_ok_confirmation{
 244         display:block;
 245 }
 246 div.spip_forms .spip_sondage strong {
 247         display:block;
 248         clear:both;
 249         margin-left:5px;
 250         color:#494949;
 251 }
 252 div.spip_forms .spip_sondage .ligne_nom {
 253         width:19%;
 254         text-align:right;
 255         padding-right:1%;
 256 }
 257 div.spip_forms .spip_sondage .ligne_nom:after {
 258         content:" :";
 259 }
 260 div.spip_forms .spip_sondage ligne.chiffres {
 261         color:#525252;
 262 }
 263 div.spip_forms .spip_sondage .ligne_barre {
 264         height: 16px;
 265         background: url(ligne.gif) repeat-x;
 266         border: 1px solid black;
 267         width:80%;
 268 }
 269 div.spip_forms .spip_sondage .sondage_table {
 270         display: table;
 271         width:100%;
 272 }
 273 div.spip_forms .spip_sondage .sondage_ligne {
 274         display: table-row;
 275 }
 276 div.spip_forms .spip_sondage .sondage_ligne > div {
 277         display: table-cell;
 278         vertical-align: middle;
 279         padding: 2px;
 280         white-space: nowrap;
 281 }
 282 div.spip_forms .forml, div.spip_forms .formo {
 283         width:95%;
 284         border-bottom:solid 1px #E2CEC1;
 285         border-right:solid 1px #E2CEC1;
 286         border-top:1px solid #AF896F;
 287         border-left:1px solid #AF896F;
 288         padding:.5em;
 289         font-size:.9em;
 290 }
 291 div.spip_forms .forml, div.spip_forms .fondl {
 292         background: #FFFDE7;
 293         color:#4A4336;
 294         width:95%;
 295 }
 296 div.spip_forms .formo, div.spip_forms .fondo {
 297         background-color: white;
 298         color:#4A4336;
 299         width:95%;
 300 }
 301 div.spip_forms .champ_obli_oubli {
 302         border:2px solid red;
 303 }
 304 div.spip_forms form .forml-focus, div.spip_forms form input.forml-focus:focus, div.spip_forms form textarea.forml-focus:focus, .forml-focus {
 305         border-bottom:solid 1px #C9AB97;
 306         border-right:solid 1px #C9AB97;
 307         border-top:1px solid #81593E;
 308         border-left:1px solid #81593E;
 309         background: #FFF2C8;
 310         color:#433817;
 311         font-weight:normal;
 312         font-size:.9em;
 313         padding:.5em;
 314         width:95%;
 315 }
 316 div.spip_forms form .formo-focus, div.spip_forms form input.formo-focus:focus, div.spip_forms form textarea.formo-focus:focus, div.spip_forms .formo-focus {
 317         border-bottom:solid 1px #C9AB97;
 318         border-right:solid 1px #C9AB97;
 319         border-top:1px solid #81593E;
 320         border-left:1px solid #81593E;
 321         background:#FFF9EE ;
 322         color:#433817;
 323         font-weight:normal;
 324         font-size:.9em;
 325         padding:.5em;
 326         width:95%;
 327 }
 328 div.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
 329         border-top:solid 2px #980F1B;
 330         border-left:solid 2px #980F1B;
 331         border-bottom:2px solid #F3192B;
 332         border-right:2px solid #F3192B;
 333         background: #FFF2C8;
 334         color:#4D161B;
 335         font-weight:normal;
 336         font-size:.9em;
 337         padding:.3em;
 338 }
 339 div.spip_forms .spip_bouton input {
 340         border: 1px solid #563033;
 341         cursor:pointer;
 342         padding:.4em;
 343         background:#F0E6DC;
 344         font-family: Verdana, Arial, Helvetica, sans-serif;
 345         font-weight:bold;
 346         font-size:.9em;
 347         width:100px ;
 348         color:#4A4336;
 349 }
 350 div.spip_forms fieldset {/*changement pour Francais sur mesure*/
 351         border:1px solid #ED6E29;
 352         padding:.4em;
 353         margin:.5em 0 .5em 0;
 354 }
 355 div.spip_forms a.resultats_sondage {
 356         display:block;
 357         float:right;
 358         background:#FFFBED;
 359         color:#444040;
 360         padding:.2em;
 361         border:1px solid #A07D7A;
 362         text-decoration:none;
 363 }
 364 div.spip_forms a.resultats_sondage:hover {
 365         background:#444040;
 366         color:#F8F5EC;
 367         text-decoration:none;
 368 }
 369 div.spip_forms p.spip_form_ok, div.spip_forms p.spip_form_erreur, div.spip_forms form {
 370         clear:both;
 371 }