/* coding: utf-8 */ @import url(pageMinichat.css); @import url(pageAdmin.css); @import url(pageProfileRegister.css); @import url(pageAbout.css); * { padding: 0px; margin: 0px; } body { font-family: sans-serif; font-size: 12px; color: #841919; background-color: #f6dfc2; } #container { height: auto; margin: 0px; } /***** Menu *****/ ul#menu { background-image: url(img/logo_fond.png); height:129px; width: 100%; font-size: 11px; list-style-type:none; } #menu li:first-child { margin-left: 340px; } #menu li { margin-top: 47px; font-size: 14px; text-align: center; cursor: pointer; height:30px; z-index: 20; float: left; min-width: 60px; background-color: #f6dfc2; line-height: 32px; } #menu li.courante { background-color: #ffffff; background-image: url(img/triangle.png); background-repeat: no-repeat; background-position: center bottom } #menu li:hover { background-color: #ffffff; } /***** Le menu pour le choix de la CSS *****/ #menuCss { position: absolute; z-index: 10; left: 550px; top:0px; font-size: 9px; } /***** Le style du contenu des pages *****/ #page { font-size: 12px; background-color: #f6dfc2; padding: 10px 10px 15px 10px; } #page > h1 { margin-top: 10px; margin-left: 0px; font-size: 18px; } #page > h2 { margin-top: 10px; margin-left: 10px; font-size: 16px; } #page > h3 { margin-top: 10px; margin-left: 20px; font-size: 14px; background-color : #FFFFFF } #page > h4 { margin-top: 10px; margin-left: 25px; font-size: 12px; } #page > p { margin-top: 3px; margin-left: 35px; } #page > ul { margin-top: 3px; margin-left: 45px; } #logo { z-index: 10; background-image: url(img/logo.png); background-repeat: no-repeat; width: 304px; height: 129px; position: absolute; } #logo.ekMaster { background-image: url(img/logo_ek_master.png); } /***** Le pied de page *****/ #footer { background-color: #e19671; text-align: right; font-size: 9px; padding: 2px } #footer a img{ border-style: none; vertical-align: middle; margin-right: 5px; } #footer span{ margin-right: 10px; } /***** La boite d'information (s'apparente à une MessageBox) *****/ div#info { text-align: center; width:100%; position: fixed; left: 0px; top: 0px; background-color: #841919; border-bottom: 1px solid #FFFFFF; z-index: 100; color: #f0df95 } div#info div.fermer { float:right; cursor: pointer; height:16px; width: 16px; background-image: url(../../img/fermer.gif) } div#info #icone { float:left; height:16px; width: 16px; } div#info #icone.interrogation { background-image: url(../../img/interrogation.gif) } div#info #icone.information { background-image: url(../../img/information.gif) } div#info #icone.exclamation { background-image: url(../../img/exclamation.gif) } div#info .boutons { padding: 1px; } div#info .boutons div { cursor: pointer; background-color: #c62929; display: inline; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px; } div#info .boutons div:hover { background-color: #e84747; } /***** Les infos bulles *****/ #flecheBulle { position: absolute; z-index: 50; display: none } .flecheBulleHaut { background-image: url(img/fleche_bulle_haut.png); width: 15px; height: 8px; } .flecheBulleDroite { background-image: url(img/fleche_bulle_droite.png); width: 8px; height: 15px; } .flecheBulleBas { background-image: url(img/fleche_bulle_bas.png); width: 15px; height: 8px; } .flecheBulleGauche { background-image: url(img/fleche_bulle_gauche.png); width: 8px; height: 15px; } #messageBulle { position: absolute; z-index: 50; color: #ffffff; background-color: #841919; display: none; font-size: 10px; } #messageBulle p { padding: 3px 6px; } /***** Le faux captcha *****/ .captcha { display:none; } /***** Les formulaires *****/ form input, form button, form select { color: #841919; background-color: #f0df95; border: #841919 1px solid; } form input:hover, form input:focus, form button:hover, form button:focus, form select:hover, form select:focus { background-color: #ffffff; } form input, form select { font-size: 12px; } form button { font-size: 11px; } form input[readonly] { background-color: #d0c9aa } /***** Les liens *****/ .lien, a { text-decoration: underline; color: #c62929; } .lien { cursor: pointer } a:link, a:visited { color: #c62929; } .lien:hover, .lien:active, a:hover, a:active { color: #e84747; }