/* CSS "www.afar.fr" - 11/2009 - */ /* -o- "CSS Afar" -o- */ /* IMPORTANT */ /* Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce CSS et d'employer par ailleurs les techniques utilisées. ----- This design is not a template. You cannot reproduce it without prior agreement of the author. However, free with you studied this CSS and to in addition employ the techniques used. */ /* == COMMUN A TOUS LES ECRANS ========================================== ====================================================================== _________ __/ General \_________________________________________________________ */ html, body { font-style:normal; font-variant:normal; font-weight:normal; /*font-size:15px; line-height:20px; */font-family:Arial; } body { background:#E8E8E8 url(img/afar_body-bg.png) top left repeat-x; color:#343434; } h1, h2, h3, h4, h5, h6 { color:#343434; } h3 { font-family:"Arial Narrow Bold","Arial Narrow Gras","Arial Narrow",sans-serif; font-weight:bold; } /* _______ __/ Liens \___________________________________________________________ */ /* a:link \ a:visited \ a:hover \ a:active */ /* cadre rond rouge */ a.cadrerr { display:block; height:18px; background:transparent url(img/afar_cerclerouge.png) left top no-repeat; padding-left:8px; } a.cadrerr span { display:block; height:18px; background:#E8E8E8 url(img/afar_cerclerouge.png) right top no-repeat; padding-right:8px; } /* __________________________________ __/ Contenant de la page (container) \________________________________ */ #container { width:940px; margin:0 auto; } /* ________ __/ Entete \__________________________________________________________ */ #blockHead { height:146px; position:relative; } #siteHeader { width:200px; } #siteHeader h1 { margin-bottom:0; } #siteHeader h1 a { display:block; width:122px; height:85px; background:transparent url(img/afar_head-logo.png) top center no-repeat; } #siteHeader h1 a span { display:none; } #siteHeader h2 { display:none; } #siteFind { position:absolute; top:50px; right:0; } #siteFind #formrech input[type=text] { float:left; font-size:80%; width:132px; height:18px; padding:2px 8px 0 8px; color:#888; background:url(img/afar_recherche.png) top left no-repeat; margin:0; border:0; } /*#siteFind #formrech input[type=text]:hover { background-position:left bottom; }*/ #siteFind #formrech input[type=submit] { cursor:pointer; float:left; border:0; width:27px; height:18px; color:#888; background:url(img/afar_recherche.png) top right no-repeat; margin:0; padding:0; } /*#siteFind #formrech input[type=submit]:hover{ background-position:right bottom; }*/ #siteFind .forminput_pre { color:#888; } /* ________________ __/ Menu principal \__________________________________________________ */ #siteMenus ul { color:#fff; margin:1px 0 0 0; width:940px; position:relative; list-style-type:none; } #siteMenus ul li { float:left; } #siteMenus ul li a.menuline { display:block; height:34px; background:#5D5D5D url(img/afar_btns-menus.png) 0 0 no-repeat; } #siteMenus ul li a.menuline span { display:none; } #siteMenus ul li a#menu_fsan { background-position:0 0; width:220px; } #siteMenus ul li a#menu_fsan:hover { background-position:0 -34px; } #siteMenus ul li a#menu_coll { background-position:-220px 0; width:133px; } #siteMenus ul li a#menu_coll:hover { background-position:-220px -34px; } #siteMenus ul li a#menu_fcon { background-position:-353px 0; width:318px; } #siteMenus ul li a#menu_fcon:hover { background-position:-353px -34px; } #siteMenus ul li a#menu_fent { background-position:-671px 0; width:269px; } #siteMenus ul li a#menu_fent:hover { background-position:-671px -34px; } #siteMenus div { display:none; } #siteMenus li.hovering div { display:block; } #siteMenus div { position:absolute; top:35px; left:0; z-index:20; width:940px; border:1px solid #ADADAD; border-top-color:#F5F5F5; background:#FEFEFE; color:#727272; } #siteMenus div td { vertical-align:top; padding:0; background:transparent url(img/afar_ssmenu-sep.gif) top left no-repeat; } #siteMenus div td:first-child { background-image:none; } #siteMenus div h6 { font-size:120%; text-transform:uppercase; color:#000; padding-left:1em; } #siteMenus div a { color:#727272; background-image:none; text-decoration:none; display:block; } #siteMenus div a:hover { background-image:none; color:#FFF; background-color:#AAA; } #siteMenus div td p { margin:0; margin-left:1em; } #siteMenus div td p.lieu { margin-bottom:1em; font-weight:bold; font-size:120%; } /*#siteMenus ul li#menu_colloques div,*/ #siteMenus ul li#menu_formentr div { padding:4em 0; } #siteMenus li#menu_formsante td.intra, #siteMenus li#menu_formcont td.intra { width:210px; } #siteMenus li#menu_formsante td.intra p, #siteMenus li#menu_formcont td.intra p { width:190px; } #siteMenus td.annee0 h6 { color:#F30505; } #siteMenus td.annee0 a:hover { background-color:#F30505; } #siteMenus td.annee1 h6 { color:#9F20BF; } #siteMenus td.annee1 a:hover { background-color:#9F20BF; } #siteMenus td.intra h6 { color:#0812D7; } #siteMenus td.intra a:hover { background-color:#0812D7; } #siteMenus td.cursus h6 { color:#FF7900; } #siteMenus td.cursus a:hover { background-color:#FF7900; } #siteMenus td.colloques h6 { color:#F30505; } #siteMenus td.colloques a:hover { background-color:#F30505; } /* _______________ __/ Chemin (path) \___________________________________________________ */ #sitePath { color:#FFF; line-height:24px; font-weight:bold; } #sitePath a { color:#FFF; text-decoration:none; } #sitePath a:hover { text-decoration:underline; } /* ________________ __/ Corps du corps \__________________________________________________ */ /* #blockContent { width:960px; margin:25px auto; }*/ #blockContent .btn { background:#4B4B4B url(img/afar_bouton-bg.png) 0 0 no-repeat; display:inline-block; height:19px; line-height:19px; text-decoration:none; color:#FFF; } #blockContent .btn span { background:#4B4B4B url(img/afar_bouton-bg.png) right 0 no-repeat; display:inline-block; height:19px; line-height:19px; margin-left:35px; padding-right:35px; } #blockContent .btn:hover { background-position:0 -19px; } #blockContent .btn:hover span { background-position:right -19px; } /* ______________ __/ Pied de page \____________________________________________________ */ #blockFoot { text-align:right; } #blockFoot p { float:left; font-size:7pt; margin:4px 20px 0 0; } #blockFoot p a { color:#343434; text-decoration:none; } #blockFoot p a:hover { text-decoration:underline; } #blockFoot p#inf { float:right; font-size:1em; margin:0; font-weight:bold; } /* #blockFoot p#inf a { display:block; height:18px; background:transparent url(img/afar_cerclerouge.png) left top no-repeat; padding-left:8px; } #blockFoot p#inf a span { display:block; height:18px; background:#E8E8E8 url(img/afar_cerclerouge.png) right top no-repeat; padding-right:8px; } */ #blockFoot #validlinks { display:none; clear:both; text-align:center; } #blockFoot #validlinks li { /*display:inline; */margin:0 0.5em; font-size:7pt; } #blockFoot #validlinks li a { color:#343434; text-decoration:none; } /* ________ __/ Extras \__________________________________________________________ */ #extraDiv1, #extraDiv2, #extraDiv3 { display:none; } /* __________________________________________ __/ Messages d'informations | Erreurs | etc. \________________________ */ p.message { background:#EAEBF7 url(img/icon_information.png) center no-repeat; color:#666699; border-top:2px solid #9999FF; border-bottom:2px solid #9999FF; background-position:15px 50%; padding:5px 20px 5px 45px; } p.message { color:#666699; border-color:#9999FF; background-color:#EAEBF7; background-image:url(img/icon_information.png); } p.alert { color:#CC3333; border-color:#CC3333; background-color:#F8E7E7; background-image:url(img/icon_exclamation.png); } p.ok { color:#669933; border-color:#669933; background-color:#E6F3DA; background-image:url(img/icon_accept.png); } p.warning { color:#FF9900; border-color:#FF9900; background-color:#FFFFCC; background-image:url(img/icon_error.png); } /* == COMMUNS A PLUSIEURS ECRANS ======================================== ====================================================================== */ #mep3c { width:100%; margin:0; } #mep3c td { vertical-align:top; padding:0; } #mep3c .col1 { width:281px; background:transparent url(img/afar_mep3c-topc1.png) left top no-repeat; } #mep3c .col2 { width:525px; background:transparent url() center top no-repeat; padding:0 10px 0 9px; } #mep3c .col2 h3 { height:53px; /*line-height:73px; */color:#FFF; margin:20px 0 20px 20px; } #mep3c .col2 p.infostage { margin:0 0 0 2em; } #mep3c .col2 h4 { margin:1em 0 0 0; color:#FFF; font-weight:bold; } #mep3c .col2 h4 span { padding:2px 5px 2px 21px; background-color:#5D5D5D; } #mep3c .col2 ul, #mep3c .col2 ol { margin-left:3em; } #mep3c .col2 p { margin-left:2em; } #mep3c .col3 { padding:0 10px; } #mep2c { width:100%; margin:0; } #mep2c td { vertical-align:top; padding:0; } #mep2c .col1 { background:transparent url(img/afar_mep2c-top.png) left top no-repeat; padding-right:32px; } #mep2c .col1 h3 { height:73px; line-height:73px; color:#FFF; margin-left:25px; } #mep2c .col1 p { margin:0 25px 1.5em 25px; } #mep2c .col1 h4 { margin:0 0 0 4px; color:#FFF; font-weight:bold; } #mep2c .col1 h4 span { padding:2px 5px 2px 21px; background-color:#5D5D5D; } #mep2c .col2 { width:90px; padding-top:5px; } #listepages { float:right; margin:0 0 30px 50px; list-style-type:none; } #listepages li { text-align:right; background:transparent url(img/afar_listepages.png) 0 0 no-repeat; height:19px; line-height:19px; margin-bottom:3px; } #listepages li.cur { background-position:0 -19px; } #listepages li a { color:#FFF; display:block; padding:0 10px 0 20px; text-decoration:none; } #listepages li:hover { background-position:0 -19px; } #miniaccesrapides p { margin-bottom:3px; } #miniaccesrapides a { display:block; width:85px; height:111px; background:transparent url() 0px 0px no-repeat; } #miniaccesrapides a:hover { background-position:0px -111px; } #miniaccesrapides a span { display:none; } #miniaccesrapides .ar0 a { background-image:url(img/afar_mini-accueil.png); height:59px; } #miniaccesrapides .ar1 a { background-image:url(img/afar_mini-presentation.png); } #miniaccesrapides .ar2 a { background-image:url(img/afar_mini-raisons.png); } #miniaccesrapides .ar3 a { background-image:url(img/afar_mini-confiance.png); } #miniaccesrapides .ar4 a { background-image:url(img/afar_mini-certifications.png); } .lnkannexe { padding-left:20px; background:transparent url(img/page_white.png) top left no-repeat; } .lnkannexe a { text-decoration:none; color:#000; font-weight:bold; } .lnkannexe span { display:block; font-family:monospace; font-size:7pt; color:#777; font-weight:normal; } .extpdf { background-image:url(img/page_white_acrobat.png); } .extdoc { background-image:url(img/page_white_word.png); } .extxls { background-image:url(img/page_white_excel.png); } .extzip { background-image:url(img/page_white_zip.png); } /* == ECRAN "ACCUEIL" =================================================== ====================================================================== */ #index #bienvenue { float:left; width:698px; height:213px; background:transparent url(img/afar_home-actu.png) left center no-repeat; overflow:hidden; } #index #bienvenue h3 { text-align:left; margin:16px 0 1em 195px; } #index #bienvenue h4 { text-align:left; margin:0 0 0 195px; } #index #bienvenue blockquote { text-align:left; margin:0 0 0 195px; overflow:hidden; width:494px; height:140px; font-style:normal; /*font-size:23px; */} #index #bienvenue blockquote p { line-height:1.1; } #index #indicateur { position:relative; width:220px; height:213px; margin:10px 0 0 720px; } #index #indicateur h3 { text-align:left; } #index #indicateur a#hrefvideo { display:block; width:220px; height:102px; background:transparent url(img/afar_home-videos.png) right top no-repeat; } #index #indicateur a#hrefvideo:hover { background-position:right -102px; } #index #indicateur a#hrefvideo span { display:none; } #index .tooltipbox { width:219px; margin-left:-110px; } #index .afar_tooltipbox { position:absolute; z-index:5; left:-180px; /*display:none; */} #index .afar_tooltipbox#indic_reussite_1 { top:-35px; } #index .afar_tooltipbox#indic_reussite_2 { top:-5px; } #index .afar_tooltipbox#indic_reussite_3 { top:25px; } #index #accesrapides { border-collapse:collapse; width:100%; margin-top:15px; } #index #accesrapides td { width:235px; padding:0; } #index #accesrapides .ar1,#index #accesrapides .ar2 { text-align:left; } #index #accesrapides .ar3,#index #accesrapides .ar4 { text-align:right; } #index #accesrapides .ar2 { padding-left:15px; } #index #accesrapides .ar3 { padding-right:15px; } #index #accesrapides a { display:inline-block; width:212px; height:285px; background:transparent url() 0px 0px no-repeat; } #index #accesrapides a:hover { background-position:0px -286px; } #index #accesrapides a span { display:none; } #index #accesrapides .ar1 a { background-image:url(img/afar_home-presentation.png); } #index #accesrapides .ar2 a { background-image:url(img/afar_home-raisons.png); } #index #accesrapides .ar3 a { background-image:url(img/afar_home-confiance.png); } #index #accesrapides .ar4 a { background-image:url(img/afar_home-certifications.png); } #index #accesannexe { margin:0; margin-left:60.7em; padding-bottom:2px; text-align:right; width:17.5em; font-weight:bold; } #index #accesannexe a { text-decoration:none; color:#343434; } #index #accesannexe a:hover { text-decoration:underline; } /* == ECRAN STATIC "PRESENTATION DE L'AFAR", etc. ======================= ====================================================================== */ #static2col #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #static2col #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } /* == ECRAN "IL NOUS FONT CONFIANCE" ==================================== ====================================================================== */ #afar-confiance #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #afar-confiance #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #afar-confiance #blockContent .col1 p { width:380px; } #afar-confiance #blockContent .col1 #carte_france { float:right; margin:100px 40px 0 0; } #afar-confiance #blockContent #france { width:348px; height:417px; background:transparent url(img/afar_cartes_france.png) 0 0 no-repeat; } /* == ECRAN "VIDEOS" ==================================================== ====================================================================== */ #videos #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #videos #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #videos .videozone { position:relative; min-height:140px; margin-bottom:2em; overflow:hidden; } #videos .col1 p.video_img { position:absolute; top:0; left:30px; margin-left:0; } #videos .col1 p { margin-left:180px; } #videos .col1 h4 { margin-bottom:1.5em; padding-top:10px; } #videos .col1 h4 span { display:block; padding-left:180px; } /* == ECRAN "VIDEOS" ==================================================== ====================================================================== */ #video #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #video #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #video #blockContent .blockzone .col1 object { margin:2em auto 1em 180px; } #video #blockContent .blockzone .col1 p { margin-left:180px; } /* == ECRAN "FORMATION MEDICAL CONTINUE" ================================ ====================================================================== */ #stage #blockContent { background:transparent url(img/afar_mep3c-bottom.png) left bottom no-repeat; padding-bottom:20px; margin:10px 0; } #stage #blockContent .blockzone { background:transparent url(img/afar_mep3c-center.png) left top repeat-y; } #stage #blockContent .blockzone h5 { margin-left:2em; margin-top:3em; } #stage #blockContent .blockzone h3.pretitre { margin-top:10px; margin-bottom:30px; } /* ---------- Colonne de gauche : liste des stages (toutes pages) ---------- */ #stage #blockContent ul#stagesMenus { list-style:none; margin:20px 10px 20px 30px; font-family:"Arial Black"; font-size:85%; } #stage #blockContent ul#stagesMenus ul { list-style:none; margin-right:0; margin-left:0.8em; } #stage #blockContent ul#stagesMenus li { margin:3px 0; } #stage #blockContent ul#stagesMenus a { display:block; text-decoration:none; color:#4B4B4B; padding-left:5px; } #stage #blockContent ul#stagesMenus a:focus { outline:none; } #stage #blockContent ul#stagesMenus li.rub > a { text-transform:uppercase; } #stage #blockContent ul#stagesMenus li.rub > a:hover { background-color:#4B4B4B; color:#FFF; } #stage #blockContent ul#stagesMenus li.rub_open > a { background-color:#4B4B4B; color:#FFF; } #stage #blockContent ul#stagesMenus li.subrub { margin-top:1em; } #stage #blockContent ul#stagesMenus li.subrub > a { text-transform:uppercase; } #stage #blockContent ul#stagesMenus li.subrub > a:hover { background-color:#4B4B4B; color:#FFF; } #stage #blockContent ul#stagesMenus li.subrub_open > a { background-color:#4B4B4B; color:#FFF; } #stage #blockContent ul#stagesMenus li.stage > a { /*text-transform:lowercase; */} #stage #blockContent ul#stagesMenus li.stage > a:hover { background-color:transparent; color:#4B4B4B; } #stage #blockContent ul#stagesMenus li.stage:last-child { margin-bottom:1.5em; } #stage #listepages { margin-right:-2px; } #stage .infostage label { } #stage #infostage_date label { float:left; margin-left:-3.8em; } #stage #infostage_date { margin-left:5.8em; } #stage.annee0 { background-image:url(img/afar2010_body-bg.png); } #stage.annee0 #blockContent .blockzone .col2 { background-image:url(img/afar2010_mep3c-topc2.png); } #stage.annee0 #listepages li { background-image:url(img/afar2010_listepages.png); } #stage #blockContent ul#stagesMenus.annee0 li.rub > a:hover { background-color:#F30505; } #stage #blockContent ul#stagesMenus.annee0 li.rub_open > a { background-color:#F30505; } #stage #blockContent ul#stagesMenus.annee0 li.stage_open > a { color:#F30505; } #stage #blockContent ul#stagesMenus.annee0 li.stage > a:hover { color:#F30505; } #stage.annee1 { background-image:url(img/afar2011_body-bg.png); } #stage.annee1 #blockContent .blockzone .col2 { background-image:url(img/afar2011_mep3c-topc2.png); } #stage.annee1 #listepages li { background-image:url(img/afar2011_listepages.png); } #stage #blockContent ul#stagesMenus.annee1 li.rub > a:hover { background-color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee1 li.rub_open > a { background-color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee1 li.stage_open > a { color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee1 li.stage > a:hover { color:#9F20BF; } #stage.intra { background-image:url(img/afar_body-bg.png); } #stage.intra #blockContent .blockzone .col2 { background-image:url(img/afar_mep3c-topc2.png); } #stage.intra #listepages li { background-image:url(img/afar_listepages.png); } #stage #blockContent ul#stagesMenus.intra li.rub > a:hover { background-color:#0812D7; } #stage #blockContent ul#stagesMenus.intra li.rub_open > a { background-color:#0812D7; } #stage #blockContent ul#stagesMenus.intra li.stage_open > a { color:#0812D7; } #stage #blockContent ul#stagesMenus.intra li.stage > a:hover { color:#0812D7; } /* ---------- Page "Pre-inscription Type" ---------- */ #stage #typepreinsc { text-align:center; margin-top:40px; } #stage #typepreinsc p a { padding:2px 5px; border:1px solid #5D5D5D; text-decoration:none; color:#5D5D5D; } #stage #typepreinsc p a:hover { background-color:#5D5D5D; color:#FFF; } /* ---------- Page "Pre-inscription_stagiaire" Page "Annexe" ---------- */ #stage #preinscription_formulaire, #stage #annexe { margin-top:3em; } #stage #preinscription_formulaire label, #stage #annexe label { display:block; } #stage #preinscription_formulaire table, #stage #annexe table { margin:0 2em; } #stage #preinscription_formulaire table td, #stage #annexe table td { width:50%; } #stage #preinscription_formulaire table input[type="text"], #stage #annexe table input[type="text"] { width:200px; margin-top:0; } #stage #preinscription_formulaire table input[type="submit"], #stage #annexe table input[type="submit"] { display:block; } /* ---------- Page "Video" ---------- */ #stage .video { text-align:center; } /* == ECRAN "DEMANDE D'INFORMATION" ===================================== ====================================================================== */ #dem-info #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #dem-info #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #dem-info #demanderenseignement { width:820px; } #dem-info #demanderenseignement label { display:block; } #dem-info #demanderenseignement p { margin-bottom:0; } #dem-info #demanderenseignement input[type="text"] { margin-top:0; width:300px; } #dem-info #demanderenseignement textarea { margin-top:0; width:715px; } /* == ECRAN "CURSUS" ==================================================== ====================================================================== */ #cursus #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #cursus #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #cursus #mepcursus { border-collapse:collapse; margin:0 4px; width:813px; } #cursus #mepcursus th { text-align:center; color:#FFF; height:73px; vertical-align:bottom; font-size:120%; } #cursus #mepcursus td { text-align:center; border:1px solid #5E5E5E; vertical-align:middle; padding:1em; } #cursus #mepcursus td:first-child { border-left:0; } #cursus #mepcursus td:last-child { border-right:0; } #cursus #mepcursus td.firstline { border-top:0; } /*#cursus #mepcursus td.lastline { border-bottom:0; }*/ #cursus #mepcursus .dom { font-weight:bold; } #cursus #mepcursus .cur { padding:0; } #cursus #mepcursus td.cur a { display:block; padding:1em; color:#5E5E5E; } #cursus #mepcursus td.cur a:hover { background-color:#FF000D; text-decoration:none; color:#FFF; } #cursus #mepcursus td.cur:hover { background-color:#FF000D; } #cursus #mepcursus td.cur:hover a { text-decoration:none; color:#FFF; } #cursus #mepcursus .dur { } #cursus #mepcursus .cou { } #cursus #mepcursus .pub { } /* == ECRAN "DETAIL-CURSUS" ============================================= ====================================================================== */ #cursus-detail { background-image:url(img/afar_body-bg2.png); } #cursus-detail #blockContent { background:transparent url(img/afar_mep3c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #cursus-detail #blockContent .blockzone { background:transparent url(img/afar_mep3c-center.png) left top repeat-y; } #cursus-detail #blockContent .blockzone .col2 { background-image:url(img/afar_mep3c-topc3.png); } #cursus-detail #blockContent ul#cursusMenus { list-style:none; margin:20px 10px 20px 30px; font-family:"Arial Black"; font-size:85%; } #cursus-detail #blockContent ul#cursusMenus ul { list-style:none; margin-right:0; } #cursus-detail #blockContent ul#cursusMenus li { margin:3px 0; } #cursus-detail #blockContent ul#cursusMenus a { display:block; text-decoration:none; color:#4B4B4B; padding-left:5px; } #cursus-detail #blockContent ul#cursusMenus a:focus { outline:none; } #cursus-detail #blockContent ul#cursusMenus li.dom > a { text-transform:uppercase; } #cursus-detail #blockContent ul#cursusMenus li.dom > a:hover { background-color:#FF7900; color:#FFF; } #cursus-detail #blockContent ul#cursusMenus li.curdom > a { background-color:#FF7900; color:#FFF; } #cursus-detail #blockContent ul#cursusMenus li.curs > a { text-transform:lowercase; } #cursus-detail #blockContent ul#cursusMenus li.curs > a:hover { background-color:transparent; color:#FF7900; } #cursus-detail #blockContent ul#cursusMenus li.curs:last-child { margin-bottom:1.5em; } #cursus-detail #blockContent ul#cursusMenus li.curcurs > a { color:#FF7900; } #cursus-detail #blockContent #retourautab { margin:0 10px 0 30px; text-transform:uppercase; font-family:"Arial Black"; font-size:85%; } #cursus-detail #blockContent #retourautab a { display:block; text-decoration:none; color:#4B4B4B; padding-left:5px; } #cursus-detail #blockContent #retourautab a:hover { background-color:#FF7900; color:#FFF; } #cursus-detail #blockContent .lienstage { margin-bottom:0; text-transform:lowercase; } #cursus-detail #blockContent .lienstage a { color:#4B4B4B; } #cursus-detail #blockContent .lienstage a:hover { color:#FF7900; } #cursus-detail #blockContent .premstage { /*margin-top:-1.5em;*/ } /* == ECRAN "Impression DETAIL STAGE" =================================== ====================================================================== */ #stage_impression #container { border-right:1px dotted #E8E8E8; } /* == ECRAN "DETAIL-CURSUS" ============================================= ====================================================================== */ #afar-recherche #blockContent { background:transparent url(img/afar_mep3c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #afar-recherche #blockContent .blockzone { background:transparent url(img/afar_mep3c-center.png) left top repeat-y; } #afar-recherche #blockContent .blockzone .col2 { background-image:url(img/afar_mep3c-topc2.png); }/*.annee0*/ #afar-recherche #blockContent .blockzone .col1 ul { list-style-type:none; margin:15px 10px 15px 4px; } #afar-recherche #blockContent .blockzone .col1 li.res_stage { margin:0; padding:8px 5px; } #afar-recherche #blockContent .blockzone .col1 li.res_stage p { margin:0; } #afar-recherche #blockContent .blockzone .col1 li.res_stage p.res_lib a { text-decoration:none; font-weight:bold; color:#000; display:block; } #afar-recherche #blockContent .blockzone .col1 li.res_stage p.res_date { margin-left:2.5em; } #afar-recherche.annee0 { background-image:url(img/afar2010_body-bg.png); } #afar-recherche.annee0 #blockContent .blockzone .col2 { background-image:url(img/afar2010_mep3c-topc2.png); } #afar-recherche.annee1 { background-image:url(img/afar2011_body-bg.png); } #afar-recherche.annee1 #blockContent .blockzone .col2 { background-image:url(img/afar2011_mep3c-topc2.png); } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0 p.res_lib a { color:#F30505; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1 p.res_lib a { color:#9F20BF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0 p.res_lib a:hover { background-color:#F30505; color:#FFF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1 p.res_lib a:hover { background-color:#9F20BF; color:#FFF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0_cur { background-color:#F30505; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1_cur { background-color:#9F20BF; } /* == ECRAN "ANNEXES" =================================================== ====================================================================== */ #afar-annexes #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #afar-annexes #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #afar-annexes #blockContent #annexe { margin-top:3em; } #afar-annexes #blockContent #annexe table { width:500px; margin:0 auto; } #afar-annexes #blockContent #annexe label { display:block; } #afar-annexes #blockContent #annexe table td { width:50%; } #afar-annexes #blockContent #annexe table input[type="text"] { width:200px; margin-top:0; } #afar-annexes #blockContent #annexe table input[type="submit"] { display:block; } /* == ECRAN "COLLOQUES" ================================================= ====================================================================== */ #colloques #blockContent { background:transparent url(img/afar_mep3c-bottom.png) left bottom no-repeat; padding-bottom:20px; margin:10px 0; } #colloques #blockContent .blockzone { background:transparent url(img/afar_mep3c-center.png) left top repeat-y; } #colloques #blockContent .blockzone .col2 { background-image:url(img/afar_mep3c-topc2.png); } #colloques #blockContent .blockzone .col1 ul { list-style-type:none; margin:15px 10px 15px 4px; } #colloques #blockContent .blockzone .col1 li { margin:0; padding:8px 5px; } #colloques #blockContent .blockzone .col1 li a { text-decoration:none; font-weight:bold; color:#000; display:block; } /* ---------- Page "Pre-inscription_stagiaire" ---------- */ #colloques #blockContent .blockzone h3.pretitre { margin-top:10px; margin-bottom:30px; } #colloques #preinscription_formulaire { margin-top:3em; } #colloques #preinscription_formulaire label { display:block; } #colloques #preinscription_formulaire table { margin:0 2em; } #colloques #preinscription_formulaire table td { width:50%; } #colloques #preinscription_formulaire table input[type="text"] { width:200px; margin-top:0; } #colloques #preinscription_formulaire table input[type="submit"] { display:block; }