/*************************************************************************** * style.css * --------- * Cree le : 27 Fevrier 2007 * Derniere modif. : 26 Aout 2010 * Auteur : Agence ici * ***************************************************************************/ html, body { height: 100%; } html, body, h1, h2, h3, h4, table, th, td, ul, li, div, p, span, form, input, textarea { font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; padding: 0px; margin: 0px; } ul, li { list-style: none; } a { color: blue; text-decoration: none; cursor: pointer; } img { border: 0px none; } body { background: #E6F2FE url("../images/interface/background-body.jpg") repeat-x; color: black; height: 100%; width: 100%; cursor: default; } #table-middle { vertical-align: middle; height: 100%; width: 100%; } #container { position: relative; background: url("../images/interface/fond-01.gif") no-repeat; border: 1px solid #3B5F93; margin: 0px auto; width: 850px; height: 500px; } .error { margin: 5px 10px; color: red; } div.menu { background: url("../images/interface/banniere-01.gif") no-repeat; height: 121px; } div.menu span { display: none; } div.menu label { font-size: 11pt; color: #00377c; } div.menu h1 a { display: block; position: absolute; width: 260px; height: 120px; } div.menu ul { position: absolute; right: 0px; width: 570px; } div.menu li { float: left; } div.menu li a { display: block; background: url("../images/interface/menu-haut.jpg") no-repeat; height: 35px; } div.menu li.menu-01 a { background-position: 0px 0px; width: 125px; } div.menu li.menu-01 a:hover { background-position: 0px -80px; } div.menu li.menu-02 a { background-position: -125px 0px; width: 155px; } div.menu li.menu-02 a:hover { background-position: -125px -80px; } div.menu li.menu-03 a { background-position: -280px 0px; width: 285px; } div.menu li.menu-03 a:hover { background-position: -280px -80px; } div.menu li.menu-11 a { background-position: 0px -35px; width: 125px; } div.menu li.menu-11 a:hover { background-position: 0px -115px; } div.menu li.menu-12 a { background-position: -125px -35px; width: 155px; } div.menu li.menu-12 a:hover { background-position: -125px -115px; } div.menu li.menu-13 a { background-position: -280px -35px; width: 125px; } div.menu li.menu-13 a:hover { background-position: -280px -115px; } div.menu li.menu-14 a { background-position: -405px -35px; width: 160px; } div.menu li.menu-14 a:hover { background-position: -405px -115px; } div.menu .identifiant { position: absolute; left: 330px; top: 90px; } div.menu .identifiant span { display: inline; font-size: 11pt; color: #c9327c; } div.menu .mot-de-passe { position: absolute; left: 615px; top: 90px; } div.menu .connecter { position: absolute; left: 819px; top: 92px; } div.menu input.text { width: 90px; } div.menu .identifie { position: absolute; left: 330px; top: 90px; font-size: 11pt; color: #00377c; } div.menu .identifie a.liaison { color: #c9327c; } div.menu .identifie a.logout { background: url("../images/interface/liaison-deconnexion.gif") center no-repeat; width: 13px; height: 13px; } div.adresse { position: absolute; left: 0px; bottom: 0px; margin: 7px; color: #00246B; font-size: 8pt; } div.adresse span { cursor: pointer; font-size: 8pt; } div.adresse h1 { display: none; position: absolute; background: #FFF; border: 1px solid #3D5F93; color: #002350; padding: 5px; } div.adresse h1 a { color: #002350; } div.logo-aerolia { position: absolute; right: 0px; bottom: 0px; background: url("../images/interface/logo-aerolia2.gif") center center no-repeat; height: 85px; width: 100px; } div.logo-aerolia a { display: block; height: 20px; margin-top: 55px; } div.logo-aerolia span { display: none; } /* index */ div.page-index { position: relative; overflow: hidden; height: 350px; } div.page-index #n-avion { position: absolute; left: -100px; width: 90px; height: 30px; } div.page-index .nouvelles { position: absolute; background: url("../images/interface/texte-transparent.png"); border: 1px solid #3B5F93; overflow: auto; height: 254px; width: 378px; margin: 17px; padding: 10px; } div.page-index h2 { color: #BD2469; font-size: 12pt; } div.page-index h3 { color: #002869; padding: 15px 0px; } div.page-index p { } div.page-index div.image-01 { position: absolute; top: 100px; left: 435px; } div.page-index div.image-02 { position: absolute; top: 211px; left: 435px; } div.page-index div.image-01 img, div.page-index div.image-02 img { height: 80px; width: 80px; border: 1px solid #3B5F93; } div.page-index div.candidature { position: absolute; top: 310px; left: 17px; } div.page-index div.candidature span { display: none; } div.page-index ul.telechargements { margin: 10px 0px; } div.page-index ul.telechargements li { margin-top: 5px; } div.page-index ul.telechargements li a { color: #002869; } div.page-index ul.telechargements li a:hover { color: #002869; text-decoration: underline; } div.page-index #se-preinscrire a { display: block; background: url("../images/interface/se-preinscrire.gif") no-repeat; width: 400px; height: 29px; } div.etudiants { position: absolute; right: 0px; bottom: 0px; width: 326px; height: 377px; } #etudiants-1 { background: url("../images/interface/etudiants-01.png") no-repeat; } #etudiants-2 { background: url("../images/interface/etudiants-02.png") no-repeat; } /* infos */ div.page-infos { position: relative; background: url("../images/interface/texte-scroll.png"); width: 821px; height: 332px; margin: 20px auto 0px auto; } div.page-infos ul.navigation { height: 25px; } div.page-infos ul.navigation li { float: left; margin: 5px 10px 0px; } div.page-infos ul.navigation li a { color: #BD2469; font-size: 10pt; } div.page-infos a { color: #002350; } div.page-infos .frame { position: relative; overflow: hidden; left: 1px; width: 801px; height: 306px; } div.page-infos .content { position: absolute; width: 802px; } div.page-infos td { vertical-align: top; } div.page-infos td.textes { width: 75%; padding-left: 10px; } div.page-infos td.images { width: 25%; text-align: center; } div.page-infos .se-preinscrire h2 { width: 100%; padding: 10px; } div.page-infos .se-preinscrire table { width: 100%; margin: 0px 5px; background: #4D73A4; } div.page-infos .se-preinscrire th { width: 100%; padding: 5px 10px; font-size: 10pt; color: #FFFFFF; text-align: left; } div.page-infos .se-preinscrire td { width: 100%; padding: 10px; font-size: 10pt; color: #00377C; background: #ffffff; } div.page-infos .se-preinscrire input.text { width: 130px; } div.page-infos .se-preinscrire input.text2 { width: 300px; } div.page-infos .se-preinscrire span { color: #000; font-size: 10pt; } div.page-infos .se-preinscrire span.error { margin: 0px; color: red; font-weight: bold; } div.page-infos .se-preinscrire fieldset { border: 1px solid #4D73A4; margin: 10px 0px; padding: 0px 10px; } div.page-infos .se-preinscrire fieldset p { margin: 10px 0px; } div.page-infos h2 { color: #BD2469; padding-top: 20px; font-size: 12pt; } div.page-infos h3 { color: #002869; padding: 15px 0px; font-size: 10pt; } div.page-infos h4 { color: #002869; padding: 10px 15px; text-decoration: underline; } div.page-infos td.textes p { margin: 5px 0px; text-align: justify; } div.page-infos td.textes a { color: #002350; text-decoration: underline; } div.page-infos td.textes ul { margin: 5px 0px; } div.page-infos td.textes li { list-style: disc; margin: 2px 0px 0px 15px; } div.page-infos td.textes li li { list-style: circle; } div.page-infos .scrollbar { position: absolute; width: 17px; height: 234px; top: 1px; right: 1px; } div.page-infos .scrollbutton { position: absolute; background: url("../images/interface/scroll-button.gif"); left: 0px; top: 0px; width: 17px; height: 38px; } div.page-infos .hide-content { background: url("../images/interface/texte-scroll-fix.gif"); position: absolute; width: 114px; height: 96px; right: 0; bottom: 0; } div.page-infos img.right { padding-top: 50px; } div.page-infos .contact-plan h2 { margin: 0px 10px; } div.page-infos .contact-plan p { margin: 10px; color: #002350; } div.page-infos .contact-plan a { color: #002350; text-decoration: underline; } div.page-infos .contact-plan span { display: none; } div.page-infos .lycee-niveaux { margin: 10px auto; } div.page-infos .lycee-niveaux td { text-align: center; } /* png */ #lycee-niveaux-1 { background: url('../images/pages/lycee-niveaux-1.png'); } #lycee-niveaux-2 { background: url('../images/pages/lycee-niveaux-2.png'); } #lycee-niveaux-3 { background: url('../images/pages/lycee-niveaux-3.png'); } #lycee-niveaux-4 { background: url('../images/pages/lycee-niveaux-4.png'); } #lycee-prem { background: url('../images/pages/lycee-prem.png'); } #lycee-bep { background: url('../images/pages/lycee-bep.png'); } #lycee-cap { background: url('../images/pages/lycee-cap.png'); } #validation-acquis-1 { background: url('../images/pages/validation-acquis-1.png'); } /* liaison */ div.liaison { position: relative; background: url("../images/interface/liaison-fond-scroll.png"); width: 821px; height: 332px; margin: 20px auto 0px auto; } div.liaison ul { height: 25px; } div.liaison li { float: left; margin: 5px 10px 0px; } div.liaison li a { color: #BD2469; font-size: 10pt; } div.liaison .frame { position: relative; overflow: hidden; left: 1px; width: 801px; height: 306px; } div.liaison .content { position: absolute; width: 802px; } div.liaison td { vertical-align: middle; } div.liaison table { padding: 0px; margin: 0px; width: 100%; } div.liaison table span { display: none; } div.liaison thead th { background: url("../images/interface/liaison-titre-sep.gif") left bottom repeat-x; height: 40px; color: white; } div.liaison thead th.deplier { background: url("../images/interface/liaison-titre.gif") left bottom repeat-x; width: 20px; vertical-align: bottom; cursor: pointer; } div.liaison thead th.deplier div { display: block; width: 9px; height: 9px; margin: 0px 6px 15px 6px; } div.liaison thead th.deplier div.deplier { background: url("../images/interface/liaison-texte-deplier.gif") 0px -18px no-repeat; } div.liaison thead th.deplier div.de-replier, div.liaison thead th.deplier div.re-deplier { background: url("../images/interface/liaison-texte-deplier.gif") 0px -9px no-repeat; } div.liaison thead th.deplier div.replier { background: url("../images/interface/liaison-texte-deplier.gif") 0px 0px no-repeat; } div.liaison thead th.titre { padding: 0px 10px; width: 100%; cursor: pointer; } div.liaison thead th.titre div { font-weight: bold; text-align: left; } div.liaison thead th.destinataires { white-space: nowrap; padding: 0px 10px; } div.liaison thead th.destinataires a { font-style: italic; color: #AFC4E8; } div.liaison thead th.date { white-space: nowrap; padding: 0px 10px; } div.liaison thead th.date div { font-size: 8pt; } div.liaison thead th.fichier { white-space: nowrap; width: 154px; } div.liaison thead th.fichier a { display: block; background: url("../images/interface/liaison-fichier-1.gif") no-repeat; width: 154px; height: 40px; } div.liaison thead td.trombone { vertical-align: bottom; } div.liaison thead td.trombone div { background: url("../images/interface/liaison-fichier-2.png") bottom no-repeat; width: 154px; height: 7px; } div.liaison thead td.separateur div { height: 15px; } div.liaison tbody tr.texte td { background: white url("../images/interface/liaison-texte.gif") top repeat-x; padding: 10px; border-bottom: 1px solid #5F84B1; color: #00377c; } div.liaison tbody tr.texte img { float: right; } div.liaison tbody tr.reponses td { background: white url("../images/interface/liaison-commentaire-titre.gif") repeat-x; height: 19px; border-bottom: 1px solid #5F84B1; color: #BD2469; cursor: pointer; } div.liaison tbody tr.reponses div { display: block; position: absolute; width: 9px; height: 9px; margin: 2px 6px 0px 6px; } div.liaison tbody tr.reponses div.deplier { background: url("../images/interface/liaison-commentaire-deplier.gif") 0px -18px no-repeat; } div.liaison tbody tr.reponses div.de-replier, div.liaison tbody tr.reponses div.re-deplier { background: url("../images/interface/liaison-commentaire-deplier.gif") 0px -9px no-repeat; } div.liaison tbody tr.reponses div.replier { background: url("../images/interface/liaison-commentaire-deplier.gif") 0px 0px no-repeat; } div.liaison tbody tr.reponses p { padding-left: 22px; } div.liaison tbody tr.reagissez form { background: #81A5DB; border-bottom: 1px solid white; color: white; } div.liaison tbody tr.reagissez label { font-weight: bold; float: left; margin: 10px 5px 0px 10px; } div.liaison tbody tr.reagissez textarea { width: 500px; height: 30px; margin: 2px 10px 2px 2px; } div.liaison tbody tr.reagissez input { cursor: pointer; } div.liaison tbody tr.reagissez div { background: #81A5DB; border-bottom: 1px solid white; padding: 10px; color: #04204A; font-style: italic; } div.liaison tbody tr.reagissez small { font-size: 8pt; } div.liaison tbody tr.reagissez em { color: #3B5986; } div.liaison tfoot td { background: url("../images/interface/liaison-ombre.png") repeat-x; height: 10px; } div.liaison .scrollbar { position: absolute; width: 17px; height: 234px; top: 1px; right: 1px; } div.liaison .scrollbutton { position: absolute; background: url("../images/interface/scroll-button.gif"); left: 0px; top: 0px; width: 17px; height: 38px; } div.liaison .hide-content { background: url("../images/interface/texte-scroll-fix.gif"); position: absolute; width: 114px; height: 96px; right: 0; bottom: 0; }