body {font: 1em Arial, Verdana, Helvetica, sans-serif; background: #eeecde url(../images/bg.png) repeat-x top center; text-align: center; color:#444;} html, body, div, dl, dd, dt, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td, ul, ol, li {margin:0em; padding:0em; border:none;} dl, dt, dd, ul, li {list-style-type: none;} a {color:#2362a1; text-decoration:underline; outline:none;} a:hover {text-decoration:none;} a:active {outline:none;} :focus {-moz-outline-style:none;} .tooltip {display:none; background:transparent url(../images/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; position:relative; z-index:99;} #site {margin:0 auto; width:860px; position:relative;} #menu {background:url(../images/nav.gif); width:860px; height:81px;} .separation {width:800px; clear:both;} #liens_header {position:relative; margin: 0 auto; height:76px;} #liens_header a.lien_header {position:relative; margin: 6px 0 40px 0; height:30px; display:block; color:#fff; width:108px; line-height:30px; text-decoration:none; font-size:0.7em; float:left;border:1px solid #2d68ad;} #liens_header a:hover.lien_header {background-color:#fff; color:#2d68ad; border:1px solid #fff;} #principal {width:860px;} #principal a#logo {background:url(../images/logo.png) no-repeat; width:441px; height:124px; float:left; display:block;} #principal #logo_bis {width:860px; height:168px;} #principal #logo_bis a.logo_bis {background:url(../images/logo_bis.png) no-repeat; width:441px; height:168px; display:block; float:left;} #principal #bg_aefe {background:url(../images/bg_aefe.png) no-repeat; width:419px; height:168px; float:left; position:relative;} #principal #bg_aefe .logo_aefe {background:url(../images/aefe_logo.png) no-repeat; width:133px; height:90px; display:block; position:absolute; right:35px; top:27px;} #principal #soustitre {background: url(../images/soustitre.png) no-repeat; float:left; width:441px; height:176px;} #principal #hire {background:url(../images/hire.gif) no-repeat; float:left; width:860px; height:141px; margin-top:-141px; position:relative; z-index:5;} #principal #hire a#lien_preinscription {width:245px; margin:20px 5px 0 45px; background:url(../images/lien_preinscription.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;} #principal #hire span#lien_preins {width:245px; margin:20px 5px 0 45px; background:url(../images/lien_prinscription.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;} #principal #hire p.anvers {font-size:0.6em; width:780px; margin:5px 0 0 50px; padding:0; text-align:left; position:relative; z-index:5;} #principal #hire a#lien_aides {width:245px; margin:20px 10px 0 10px; background:url(../images/lien_aides.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;} #principal #hire a#lien_emploi {width:245px; margin:20px 10px 0 10px; background:url(../images/lien_emploi.png) no-repeat; display:block; height:97px; float:left; z-index:5; position:relative;} #principal #hire a:hover#lien_preinscription, #principal #hire a:hover#lien_aides, #principal #hire a:hover#lien_emploi {background-position:-245px 0;} #principal #hire a#lien_preinscription span, #principal #hire a#lien_aides span, #principal #hire a#lien_emploi span {position:absolute; left:-9999px;} #principal .logo_print {display:none;} #principal #hire #grippe {float:left; margin:5px 0 0 35px;} #principal #actu {background:url(../images/bg_actu.png) no-repeat; width:419px; height:441px; margin:0 0 0 441px; position:relative; z-index:1;} #principal #actu a#logo_aefe {background:url(../images/aefe_logo.png) no-repeat; width:133px; height:90px; display:block; position:absolute; right:35px; top:27px;} #principal #actu .container {width:326px; height:276px; overflow:hidden; position:relative; cursor:pointer; margin-left: 25px;} #principal #actu .slides {position:absolute; top:41px; left:0;} #principal #actu .slides div {position:absolute; top:0; width:326px; display:none;} #principal #actu #loopedSlider {width:400px; position:relative; top:72px;} #principal #crumbtrail {font-size:0.6em; padding:10px 0 0 35px; background:url(../images/bg_contenu.png) repeat-y; text-align:left;} #principal #crumbtrail a {color:#555;} #principal #actu .previous {text-indent: -9999px; position:absolute; border:none;outline:none;cursor:pointer;top:115px;left:-0px;background:url('../images/intro_previous.png') no-repeat;width:42px;height:42px;} #principal #actu .next {text-indent: -9999px; position:absolute;border:none;outline:none;cursor:pointer;top:115px;right:25px;background:url('../images/intro_next.png') no-repeat;width:42px;height:42px;} #principal #actu .previous:hover {background:url('../images/intro_previous_on.png') no-repeat;} #principal #actu .next:hover {background:url('../images/intro_next_on.png') no-repeat;} #principal #contenu { background:url(../images/bg_contenu.png) repeat-y; width:860px; text-align:left; font-size:0.8em; position:relative; } #principal #contenu p {padding:10px 35px;} #principal #contenu cite {padding:15px 0; font-size:0.8em; font-style:italic; border-top:1px dashed #ccc; display:block; width:760px; margin-left:50px;} /* default styles */ #principal h1 { font-family:CandelaBold; padding-top: 20px; padding-bottom: 20px; padding-left: 50px; padding-right: 50px; font-size: 20pt; text-align: left;background:url(../images/bg_contenu.png) repeat-y; text-shadow: 0px 1px 1px white; } #principal h1 span { font-family:CandelaBold; color: #a3b71c; } #principal #contenu h2 { font-family:CandelaBoldItalic; font-size: 16pt; padding: 20px 50px 10px 50px; text-shadow: 0px 1px 1px gray;} #principal #contenu h3 { font-family:YanoneLight; font-size: 14pt; padding: 10px 10px 10px 10px; font-weight: bold; text-shadow: 0px 1px 1px gray;} #principal #contenu #aligner {margin: 0px 60px 0px 60px; } #principal #contenu #aligner ul {margin: 0px 20px 0px 20px;} #principal #contenu #aligner li {margin-top: 3px;} #principal #contenu img {margin:5px 35px;} #principal #actus {padding:5px 40px; background:url(../images/bg_contenu.png) repeat-y; width:850px; text-align:left; font-size:0.8em; margin:0; position:relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #principal #actus .actu {width:380px; background-color:#dbdbbf; float:left; margin:5px; } #principal #actus .actu h3 { font-family:YanoneLight; font-size: 14pt; width:365px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px; font-weight: bold; text-shadow: 0px 1px 1px #dbdbbf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #principal #actus .actu .info {min-height:150px;} #principal #actus .actu .info p {margin:5px; padding: 5px 10px 5px 10px;} #principal #actus .actu .info p img {float:left; margin:0 10px 10px 10px;} #principal #actus .actu a.plus {width:373px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;} #principal #actus .actu a:hover.plus {background-color:#2d68ad; color:#fff;} #principal #rubriquage {padding:5px 40px; background:url(../images/bg_contenu.png) repeat-y; width:850px; text-align:left; margin:0; position:relative;} #principal #rubriquage .rubrique {width:380px; background-color:#dbdbbf; float:left; margin:5px;} #principal #rubriquage .rubrique h3 {width:365px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px;} #principal #rubriquage .rubrique .info {min-height:75px;} #principal #rubriquage .rubrique .info p {margin:5px; padding:5px;} #principal #rubriquage .rubrique .info p img {float:left; margin:0 10px 10px 10px;} #principal #rubriquage .rubrique a.plus {width:373px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;} #principal #rubriquage .rubrique a:hover.plus {background-color:#2d68ad; color:#fff;} #principal #contenu #portrait {width:770px; background-color:#dbdbbf; margin:0 auto;} #principal #contenu #portrait h3 {width:755px; height:35px; background-color:#2d68ad; margin:0; padding:0 0 0 15px; line-height:35px; color:#fff;} #principal #contenu #portrait h4 {margin-left:10px;} #principal #contenu #portrait .info {} #principal #contenu #portrait .info p {margin:5px; padding:5px;} #principal #contenu #portrait .info img {float:left; margin:0 10px 10px 10px;} #principal #contenu #portrait .info ol {margin:0 10px 10px 25px;} #principal #contenu #portrait .info ol li {list-style-type:disc; margin:2px 0 2px 15px;} #principal #contenu #portrait a.plus {width:763px; height:35px; background-color:#e7e7d4; position:relative; margin:0 auto; display:block; text-align:right; padding-right:5px; top:-1px; line-height:35px; text-decoration:none; color:#444;} #principal #contenu #portrait a:hover.plus {background-color:#a3b71c;} #principal #contenu form#connexion {position:relative; width:350px; margin:0 auto; text-align:left;} #principal #contenu form#connexion .bloc_form {width:100%; height:40px;} #principal #contenu form#connexion .bloc_form span {display:block; width:140px; float:left; text-align:right; padding:1px 10px 0 0;} #principal #contenu form#connexion .bloc_form input {width:140px;} #principal #contenu form#connexion .submit {background-color:#2d68ad; display:block; border:1px solid #fff; color:#fff; width:150px; height:35px; margin:0 auto;} #principal #contenu form#connexion .submit:hover {background-color:#a3b71c;} #principal #contenu form#connexion .erreur {background-color:#b71c1c; color:#fff; width:350px; display:block; margin-bottom:10px; height:35px; line-height:35px; text-align:center; font-weight:bold;} #principal #contenu #mes_articles {width:750px; background-color:#dbdbbf; margin:0 auto;} #principal #contenu #mes_articles a {display:block; color:#444; text-decoration:none;} #principal #contenu #mes_articles a:hover {background-color:#fff;} #principal #contenu #mes_articles h3 {width:735px; height:35px; background-color:#a3b71c; margin:0; padding:0 0 0 15px; line-height:35px;} #principal #contenu #mes_articles .info h4 {padding:15px 0 3px 15px;} #principal #contenu #mes_articles .info p {padding:5px; border-bottom:1px dashed #ccc;} #principal #contenu #mes_articles .info p .date {color:#2d68ad; font-weight:bold;} #footer {background:url(../images/footer.gif) no-repeat; float:left; width:860px; padding-top:50px;} #footer p {margin:10px 0; font-size:0.8em;} #footer a {color:#555;} #principal #contenu form#redaction {margin: 0 0 0 50px;} .attention {background: url(../images/attention.png) no-repeat #dedede; margin:0 0 0 35px; max-width:600px; background-position:10px 5px; border:1px solid #aaa; color:#222; padding:5px 5px 5px 35px; font-weight:bold;} .attention ul {padding-bottom:5px; margin:5px 0 5px 25px;} .attention ul li {list-style:disc; margin:2px 25px;} .infos_jobs { background: #dedede; margin:0 0 0 35px; max-width:600px; background-position:10px 5px; border:1px solid #aaa; color:#222; padding:5px 0px; font-weight:bold; } .infos_jobs ul { padding-bottom:5px; margin:5px 0 5px 25px; } .infos_jobs ul li { list-style:disc; margin:2px 25px; } .info_sup {background: url(../images/infos_generales/calendar.png) no-repeat #dedede; margin:0 0 0 35px; max-width:600px; background-position:10px 5px; border:1px solid #aaa; color:#222; padding:10px 5px 10px 35px; font-weight:bold;} #principal #contenu img.portrait {float:right; margin:0 35px 10px 10px;} #principal #contenu .question {color:#2d68ad; font-weight:bold;} #principal #contenu #contact {width:600px; margin: 0 auto;} #principal #contenu #contact span {display:block; width:225px; text-align:right; margin:5px 25px 5px 0; float:left; padding-right:25px;} #principal #contenu #contact input, #principal #contenu #contact textarea {width:200px; margin:5px 0;} #principal #contenu #contact textarea {height:150px;} #principal #contenu #contact .obligatoire {background-image:url(../images/obligatoire.png); background-repeat:no-repeat; background-position:right;} #principal #contenu #contact .erreur_generale {width:545px; background-color:#cc2222; color:#fff; font-weight:bold; padding:15px; margin-bottom:15px; text-align:left;} #principal #contenu #contact span.erreur {color:#cc2222;} #principal #contenu #contact input.erreur_champ, #principal #contenu #contact textarea.erreur_champ {background-color:#ffc9c9; color:#cc2222; border:1px solid #cc2222; font-weight:bold;} #principal #contenu #contact input.submit {margin:11px 0 11px 375px; cursor:pointer; width:300px; border:1px solid #004ead; background-color:#004ead; color:#fff; padding:15px 0; font-weight:bold;} #principal #contenu #contact input.submit:hover {color:#000;} #principal #contenu #preinscr {width:650px; margin: 0 auto;} #principal #contenu #preinscr p {margin: 0px 0px 0px 0px; } #principal #contenu #preinscr span {display:block; width:225px; text-align:right; margin:5px 25px 5px 0; float:left; padding-right:25px;} #principal #contenu #preinscr input, #principal #contenu #contact textarea {width:200px; margin:5px 0;} #principal #contenu #preinscr textarea {height:150px; width: 100%; } #principal #contenu #preinscr .obligatoire {background-image:url(../images/obligatoire.png); background-repeat:no-repeat; background-position:right;} #principal #contenu #preinscr .erreur_generale {width:545px; background-color:#cc2222; color:#fff; font-weight:bold; padding:15px; margin-bottom:15px; text-align:left;} #principal #contenu #preinscr span.erreur {color:#cc2222;} #principal #contenu #preinscr input.erreur_champ, #principal #contenu #contact textarea.erreur_champ {background-color:#ffc9c9; color:#cc2222; border:1px solid #cc2222; font-weight:bold;} #principal #contenu #preinscr input.submit {margin:11px 0 11px 375px; cursor:pointer; width:300px; border:1px solid #004ead; background-color:#004ead; color:#fff; padding:15px 0; font-weight:bold;} #principal #contenu #preinscr input.submit:hover {color:#000;} #principal #contenu #info_bulles {width:790px; height:533px; margin:0 auto; position:relative;} #principal #contenu #info_bulles img {margin:0 auto;} #principal #contenu #info_bulles a.info_bulle {position:absolute; display:block; width:81px; height:27px; text-decoration:none; cursor:pointer; color:#555; text-align:center;} #principal #contenu #info_bulles a.info_bulle2 {position:absolute; display:block; width:175px; height:19px; text-decoration:none; cursor:pointer; color:#555; text-align:center;} #principal #contenu #info_bulles a.info_bulle3 {position:absolute; display:block; width:175px; height:19px; text-decoration:none; cursor:pointer; color:#555; text-align:center;} #principal #contenu #info_bulles a.info_bulle4 {position:absolute; display:block; width:175px; height:38px; text-decoration:none; cursor:pointer; color:#555; text-align:center;} #principal #contenu #info_bulles a:hover.info_bulle, #principal #contenu #info_bulles a:hover.info_bulle2, #principal #contenu #info_bulles a:hover.info_bulle3, #principal #contenu #info_bulles a:hover.info_bulle4 {background:#096bfe;} #principal #contenu #info_bulles a.info_bulle font, #principal #contenu #info_bulles a.info_bulle2 font, #principal #contenu #info_bulles a.info_bulle3 font, #principal #contenu #info_bulles a.info_bulle4 font {display:block; padding-top:5px;} #principal #contenu #info_bulles a.secretaire_proviseur {top:119px; left:375px;} #principal #contenu #info_bulles a.secretaire_intendant {top:215px; left:115px;} #principal #contenu #info_bulles a.accueil {top:215px; left:0;} #principal #contenu #info_bulles a.secretaire_adjoint {top:215px; left:310px;} #principal #contenu #info_bulles a.secretaire_cycle12 {top:215px; left:531px;} #principal #contenu #info_bulles a.secretaire_cycle3 {top:215px; left:675px;} #principal #contenu #info_bulles a.inscription {top:425px; left:205px;} #principal #contenu #info_bulles a.comptabilite {top:390px; left:10px;} #principal #contenu #info_bulles a.depenses {top:410px; left:10px;} #principal #contenu #info_bulles a.materielle {top:426px; left:10px;} #principal #contenu #info_bulles a.informatique {top:446px; left:10px;} #principal #contenu #info_bulles a.recettes {top:466px; left:10px;} #principal #contenu #info_bulles a.grh {top:486px; left:10px;} #principal #contenu #info_bulles a.cpe {top:446px; left:205px;} #principal #contenu #info_bulles a.info_bulle span, #principal #contenu #info_bulles a.info_bulle2 span, #principal #contenu #info_bulles a.info_bulle3 span, #principal #contenu #info_bulles a.info_bulle4 span {position:absolute; left:-9999px;} #principal #contenu #info_bulles a:hover.info_bulle span, #principal #contenu #info_bulles a:hover.info_bulle3 span, #principal #contenu #info_bulles a:hover.info_bulle4 span {background: url(../images/etablissement/info-bulle.png) no-repeat; display:block; width:141px; height:150px; left:auto; top:-135px;} #principal #contenu #info_bulles a:hover.info_bulle2 span {background: url(../images/etablissement/info-bulle2.png) no-repeat; display:block; width:213px; height:226px; left:auto; top:-226px;} #principal #contenu #info_bulles a:hover.info_bulle span p {color:#444; text-align:center; margin:10px 0; padding:15px;} #principal #contenu #info_bulles a:hover.info_bulle2 span p {color:#444; text-align:center; margin:5px; padding:10px;} a.pdf {padding-left:35px; background:url(../images/acces_reserves/pdf.png) no-repeat; line-height:26px; display:inline-block; height:26px;} .prof_cl {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_cl_prof.png) no-repeat; margin:10px 0 10px 100px; float:left;} .nonprof_cl {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_cl_nonprof.png) no-repeat; margin:10px 0 10px 100px; float:left;} .prof_res {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_res_prof.png) no-repeat; margin:10px 0 10px 100px; float:left;} .nonprof_res {width:263px; height:80px; display:block; background:url(../images/emplois/emploi_res_nonprof.png) no-repeat; margin:10px 0 10px 100px; float:left;} .prof_cl:hover, .nonprof_cl:hover, .prof_res:hover, .nonprof_res:hover {background-position:0 -80px;} .prof_cl span, .nonprof_cl span, .prof_res span, .nonprof_res span {position:absolute; left:-9999px;} a.bouton { text-align:center; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; cursor:pointer; display: inline-block; *display: inline; color:#fff; font-size: 1.3em; font-weight:bold; margin:0.5em 0.3em; outline: none; padding:0.5em; bottom:5px; width:180px; box-shadow: 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.3); zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ } a.bouton:hover { text-decoration: none; background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } a.bouton:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } a.blue { background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); border: solid 1px #0076a3; color: #d9eef7; } table.service_medical {margin:10px auto; width:780px; background:#fff; border:1px #dedede solid; border-collapse:0;} table.service_medical tr.titre {background:#69f; color:#fff;} table.service_medical td {padding:5px 7px; text-align:center; border:1px #dedede solid; margin:0;} /* --- theogfx.net --- */ /* localisation */ #principal #contenu #loc-address * {margin: 0px; padding:0px;} #principal #contenu #loc-address {margin: 0px 80px 0px 80px;} #principal #contenu #loc-address p {margin-top: 3px;} #principal #contenu #loc-transport * {margin: 0px; padding:0px;} #principal #contenu #loc-transport {margin: 0px 60px 0px 60px;} #principal #contenu #loc-transport p {margin-top: 3px;} #principal #contenu #loc-transport ul {margin: 0px 40px 0px 40px;} #principal #contenu #loc-transport li {margin-top: 3px;} /* organigram */ #principal #contenu #organigram * { margin: 0px; padding: 0px; } #principal #contenu #organigram { margin-left: 60px; margin-right: 60px; } #principal #contenu #organigram h1 { font-family:AurulentSansRegular; font-size: 14pt; padding-top: 40px; border-bottom: 2px #a3b71c solid; background: none;} #principal #contenu #organigram h2 { font-family:AurulentSansRegular; font-size: 12pt; padding-top: 20px; } #principal #contenu #organigram h2 span { font-family:AurulentSansItalic; position: absolute; left: 450px; color: #a3b71c; } #principal #contenu #organigram h3 { font-family:AurulentSansItalic; margin-left: 20px; padding-top: 10px; font-size: 10pt;} #principal #contenu #organigram ul { margin-left: 40px; } #principal #contenu #organigram li { margin-top: 4px;} #principal #contenu #organigram a, #principal #contenu #organigram a:hover, #principal #contenu #organigram a:visited { text-decoration: none; } /* person */ #person p { margin-top: 3px;} #person img { margin-bottom: -3px; padding-right: 5px; } .devoirs {margin-left: 60px; margin-right: 60px; } .devoirs table {width:780px; margin:0 auto; border:1px solid #6DB500; border-collapse:collapse; } .devoirs th {background-color: #6DB500; padding: 5px; color: white; text-align: left;} .devoirs tr {text-align: left;} .devoirs td {padding: 5px;} .flash, .infos { padding: 5px 7px 5px 25px; margin: 10px 60px 10px 60px; border: 1px solid #6DB500; background-color: #D4F2A7; background-image: url('http://assets.lyceefrancais-jmonnet.be/images/fam_silk/information.png'); background-repeat:no-repeat; background-position: 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .flash p, .infos p { font-size: 10pt; } #principal #contenu .flash p, #principal #contenu .notice p, #principal #contenu .infos p, { margin: 0px; padding: 0px; } .flashFirstPage { padding: 10px 10px 10px 30px; margin: -10px 75px 20px 5px; border: 1px solid #6DB500; background-color: #D4F2A7; background-image: url('http://assets.lyceefrancais-jmonnet.be/images/fam_silk/information.png'); background-repeat:no-repeat; background-position: 7px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .noticeFirstPage { padding: 10px 10px 10px 30px; margin: -10px 75px 20px 5px; border: 1px solid #A1182F; color: #A1182F; background-color: #FFFFFF; background-image: url('http://assets.lyceefrancais-jmonnet.be/images/fam_silk/exclamation.png'); background-repeat:no-repeat; background-position: 7px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .FirstPage { padding: 0px 0px 0px 0px; margin: -10px 75px 20px 5px; } .notice { padding: 5px 7px 5px 25px; margin: 10px 60px 10px 60px; border: 1px solid #A1182F; color: #A1182F; background-color: white; background-image: url('http://assets.lyceefrancais-jmonnet.be/images/fam_silk/exclamation.png'); background-repeat:no-repeat; background-position: 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .RED { color: red; } .chinese h2 {color: red;} .content-box { margin: 0px 60px 10px 60px; } .content-box h2 { padding: 0px; margin: 0px; margin-left: -50px; } .employement-table { margin: 0px; padding: 0px; width: 740px; border: 1px solid #333; } .employement-table td.dernier { color: black; background-color: #9DD075; } .employement-notice { background-color: #D4F2A7; border: 1px solid #6DB500; margin: 10px 60px 10px 60px; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* -------------------------------------------------- AWESOME BUTTONS */ .button { background: #222 url(/images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; } button::-moz-focus-inner { border: 0; padding: 0; } .button:hover { background-color: #111; color: #fff; } .button:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); } /* Small Buttons */ .small.button { font-size: 11px; } /* Large Buttons */ .large.button { font-size: 14px; padding: 8px 19px 9px; } /* Colors for our beloved buttons */ .green.button { background-color: #91bd09; } .green.button:hover { background-color: #749a02; } .blue.button { background-color: #2daebf; } .blue.button:hover { background-color: #007d9a; } .red.button { background-color: #e33100; } .red.button:hover { background-color: #872300; } .magenta.button{ background-color: #a9014b; } .magenta.button:hover { background-color: #630030; } .orange.button { background-color: #ff5c00; } .orange.button:hover { background-color: #d45500; } .orangellow.button { background-color: #ffb515; } .orangellow.button:hover { background-color: #fc9200; } .white.button { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); } .white.button:hover { background-color: #eee; } /*Strike button*/ .strike.button {background-color: #4ADFC1} .strike.button:hover {background-color: #39ceb0} /* Secondary buttons (perfect for Cancels or other secondary actions */ .secondary.button { background: #fff url(/images/gradients/36px-black.png) repeat-x 0 0; color: #555 !important; text-shadow: 0 1px 1px rgba(255,255,255,0.5); border: 1px solid #bbb; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .secondary.button:hover { background-color: #eee; color: #444 !important; border-color: #999; } /* Make the buttons super awesomer */ .super.button { background-image: url(/images/super-button-overlay.png); font-size: 13px; padding: 0; border: 1px solid rgba(0,0,0,.25); -webkit-border-radius: 15px; -moz-border-radius: 15px; } .super.button span { display: block; padding: 4px 15px 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-top: 1px solid rgba(255,255,255,.2); line-height: 1; } .small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } .small.super.button span { padding: 2px 12px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; } .small.white.super.button span { padding: 3px 12px 5px; } .large.super.button { background-position: left bottom; -webkit-border-radius: 18px; -moz-border-radius: 18px; } .large.super.button span { font-size: 14px; padding: 7px 20px 9px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }