/* 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_v3.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; } .center { text-align:center; } .strong { font-weight:bold; } #n_blockContent { margin: 15px 0; } .n_blockzone { } .n_mep2c { margin:0; } .n_mep2c td { padding:0; vertical-align:top; } .n_mep2c td.n_col1 { } .n_mep2c td.n_col1 div.bordergrey { background-color:#E8E8E8; border:2px solid #BDBDBD; } .n_mep2c td.n_col1 h3 { background-color:#F42829; color:#FFF; height:70px; line-height:70px; padding-left:25px; } .n_mep2c td.n_col1 h3.deuxlignes span { display:block; line-height:23px; padding-top:12px; } .n_mep2c td.n_col1 div.contentwhite { background-color:#FFF; margin:0 25px 1.5em; } .n_mep2c td.n_col2 { width:90px; padding-left:32px; } /* _______ __/ 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; } a.hrefpdf { background:transparent url("img/pdficon_32x32_v1.png") left center no-repeat; padding-left:32px; display:inline-block; height:32px; line-height:32px; } a.nounderline { text-decoration:none; } a.red { color:#F42829; } .onglets p { display:inline-block; margin:0 -3px -1px 0!important; text-align:center; background-color:#F9F9F9; border:1px solid #BDBDBD; border-bottom:0; } .onglets p.ongletroll, .onglets p:hover { background-color:#F42829; } .onglets p.ongletroll a { color:#FFF; } .onglet90x40 p { width:90px; } .onglet150x40 p { width:150px; } .onglets p a { display:block; color:#F42828; text-decoration:none; font-weight:bold; font-size:110%; padding: 5px 15px; } .onglet90x40 p a { background:#E8E8E8 url("img/onglets_90x40.jpg") left top no-repeat; } .onglet150x40 p a { background:#E8E8E8 url("img/onglets_150x40.jpg") left top no-repeat; } .onglets p a:hover { color:#FFF; } .onglet90x40 p a:hover, .onglet150x40 p a:hover { background-position:left -40px; } .onglet90x40 p.ongletroll a, .onglet150x40 p.ongletroll a { background-position:left -40px; color:#FFF; text-decoration:underline; } .onglet90x40 p.ongletroll a:hover, .onglet150x40 p.ongletroll a:hover { text-decoration:none; } /* __________________________________ __/ Contenant de la page (container) \________________________________ */ #container { width:940px; margin:0 auto; position:relative; } /* ________ __/ 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:200px; height:18px; padding:0px 8px; color:#333; background:url("img/afar_recherche.png") top left no-repeat; margin:0; border:0; font-weight:bold; } /*#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!important; } #bandeauentete { position:absolute; top:0; left:135px; width:540px; height:85px; background:#FFF url() top left no-repeat; } #bandeauentete a { display:block; width:540px; height:85px; position:absolute; top:0; left:0; z-index:5; } #bandeauentete object { } /* ________________ __/ Menu principal \__________________________________________________ */ #siteMenus ul { color:#fff; margin:1px 0 0 0; width:940px; position:relative; list-style-type:none; height:34px; } #siteMenus ul li { float:left; } #siteMenus ul li a.menuline { display:block; height:34px; background:#5D5D5D url("img/afar_btns-menus_v3.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 -35px; } #siteMenus ul li a#menu_coll { background-position:-220px 0; width:148px; } #siteMenus ul li a#menu_coll:hover { background-position:-220px -35px; } #siteMenus ul li a#menu_fcon { background-position:-368px 0; width:213px; } #siteMenus ul li a#menu_fcon:hover { background-position:-368px -35px; } #siteMenus ul li a#menu_curs { background-position:-581px 0; width:330px; } #siteMenus ul li a#menu_curs:hover { background-position:-581px -35px; } #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 p.btnplaqweb { margin-top:25px; } #siteMenus p.btnplaqweb a { background: url("img/DPC2013_menu.jpg") no-repeat scroll left top transparent; display:block; height:214px; width:155px; } /*#siteMenus p.btnplaqweb a:hover { background-position:0 -62px; }*/ #siteMenus p.btnplaqweb span { display:none; } /*#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:#9F20BF; } #siteMenus td.annee0 a:hover { background-color:#9F20BF; } #siteMenus td.annee1 h6 { color:#CC092F; } #siteMenus td.annee1 a:hover { background-color:#CC092F; } #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; } #siteMenus td.entrepr h6 { color:#4173A1; } #siteMenus td.entrepr a:hover { background-color:#4173A1; } /* _______________ __/ Chemin (path) \___________________________________________________ */ #sitePath { color:#FFF; line-height:24px; font-weight:bold; text-align:left; } #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 table { width:100%; } #blockFoot td { font-size:7pt; text-align:center; padding:0 2px; } #blockFoot a { color:#343434; text-decoration:none; } #blockFoot a:hover { text-decoration:underline; } #blockFoot td#inf { font-size:1em; margin:0; font-weight:bold; text-align:right; } /* #blockFoot td#inf a { display:block; height:18px; background:transparent url(img/afar_cerclerouge.png) left top no-repeat; padding-left:8px; } #blockFoot td#inf a span { display:block; height:18px; background:#E8E8E8 url(img/afar_cerclerouge.png) right top no-repeat; padding-right:8px; } */ /* ________ __/ 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:#992222; border-color:#992222; 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"); } /* __________________________________________ __/ Messages d'informations | Erreurs | etc. \________________________ */ .anythingSlider-default.activeSlider .anythingWindow { border:none; } /* == 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 p.pdfcatalogue { float:right; margin:0; /*margin-top:25px; text-align:right; background:transparent url(img/afar_bouton-hover.png) 0 0 no-repeat; height:19px; line-height:19px; */} #mep3c .col2 p.pdfcatalogue a { display:block; background:transparent url("img/afar_btn-catalogue.png") 0 0 no-repeat; width:149px; height:66px; /*color:#FFF; padding:0 10px 0 20px; text-decoration:none; */} #mep3c .col2 p.pdfcatalogue a span { display:none; } /*#mep3c .col2 p.pdfcatalogue:hover { background-position:0 -19px; }*/ #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 h3.on2lines { height:53px; line-height:1em; padding-top:20px; } #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; } #listepages li.li2l { background-image:url("img/afar_listepages2lignes.png"); height:38px; line-height:14px; } #listepages li.li2l a { padding-top:5px; } #listepages li.li2l.cur { background-position:0 -38px; } #listepages li.li2l:hover { background-position:0 -38px; } #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-presentation2.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"); } #miniaccesrapides .ar5 a { background-image:url("img/afar_mini-actualites.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" =================================================== ====================================================================== */ /* ---------- La zone de bienvenue peut etre un texte de Mme Monfort ou une liste de stages a mettre en avant. ---------- */ #index .bienvenue { float:left; width:698px; height:213px; overflow:hidden; } #index #bienvenue { background:transparent url("img/afar_home-actu_v2.png") left center no-repeat; } #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:150px; font-style:normal; /*font-size:23px; */} #index #bienvenue blockquote p { line-height:1.1; margin-bottom:0.5em; } #index #bienvenue2 { background:#F4F5F5 url("img/afar_home-actu_v3.jpg") left center no-repeat; width:210px; } #index #stagesonhome { margin-left:35px; width:450px; background:transparent url("img/afar_home-stages.png") center center no-repeat; } #index #stagesonhome h3 { line-height:32px; text-align:center; margin:4px 1px 0; background:transparent url("img/afar_home_stages_title.jpg") center center no-repeat; color:#FFF; } #index #stagesonhome #listestages { overflow:auto; height:173px; margin:0 1px; } #index #stagesonhome .lignestage { height:1.9em; line-height:1.9em; overflow:hidden; padding:0 5px; position:relative; } #index #stagesonhome .lignestage span.date { float:right; margin-left:20px; color:inherit; } #index #stagesonhome .lignestage a { text-decoration:none; color:inherit; } #index #stagesonhome .lignestage a:hover { color:#009; } #index #stagesonhome .ligne0 { background-color:#E2E2E2; } #index #stagesonhome .ligne1 { background-color:#BEBEBE; } /*#index #stagesonhome .lignestage span.btninf{ background-color:#B5F01E; border:1px solid #C2C2C2; padding:0 10px; position:absolute; right:0; top:0; font-size:0.8em; font-weight:bold; margin:1px 0; } #index #stagesonhome .lignestage span.btninf a { line-height:auto; }*/ #index #bienvenue3 { width:205px; } #index #bienvenue3 a { display:block; background:#F4F5F5 url("img/home_cmonfort_video.jpg") left top no-repeat; width:205px; height:206px; } #index #bienvenue3 a:hover { background-position:right -206px; } #index #bienvenue3 a span { display:none; visibility:hidden; } /* ---------- */ #index #indicateur { position:relative; width:220px; height:213px; margin:10px 0 0 720px; text-align:right; } #index #indicateur>a { display:block; line-height:12px; } #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 #indicateur #coin-slider { margin-bottom:10px; } #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 #homeflipbook { height:138px; background:transparent url("img/homeflipbook.jpg") right top no-repeat; margin-bottom:6px; } #index #homeflipbook div { width:188px; margin:0 auto; } #index #homeflipbook_v2 { /*float:left; height:208px; */background:transparent url("img/homeflipbook_v3.jpg") right top no-repeat; margin-left:40px; width:450px; } #index #homeflipbook_v2 div { width:400px; margin:30px auto 0 62px; } #index #stagesonhome_v2 { margin-left:8px; background:transparent url("img/afar_home-stages.png") center center no-repeat; font-size:70%; margin-bottom:8px; } #index #stagesonhome_v2 h3 { text-align:center; margin:0 1px; background:transparent url("img/afar_home_stages_title.jpg") center center no-repeat; color:#FFF; padding:3px 0; } #index #stagesonhome_v2 #listestages { overflow:auto; height:103px; margin:0 1px; } #index #stagesonhome_v2 .lignestage { height:1.5em; line-height:1.5em; overflow:hidden; padding:0 3px; position:relative; } #index #stagesonhome_v2 .lignestage span.date { float:right; margin-left:10px; color:inherit; } #index #stagesonhome_v2 .lignestage a { text-decoration:none; color:inherit; } #index #stagesonhome_v2 .lignestage a:hover { color:#009; } #index #stagesonhome_v2 .ligne0 { background-color:#E2E2E2; } #index #stagesonhome_v2 .ligne1 { background-color:#BEBEBE; } #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,#index #accesrapides .ar5 { 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 a h4 { display:none; } #index #accesrapides .ar1 a { background-image:url("img/afar_home-presentation2.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 #accesrapides .ar5 a { background-image:url("img/afar_home-actualites.png"); }*/ #index #accesrapides .ar5 a { background-image:url("img/afar_home-actualites_diogene_v2.gif"); } #index #accesrapides .ar6 .anythingSlider { height:285px!important; padding:0; } #index #accesrapides .ar6 .anythingSlider .anythingControls { display:none!important; } #index #accesrapides .ar6 a#actu { background-image:url("img/afar_home-actualites.png"); } #index #accesrapides .ar6 a#cpffp { background-image:url("img/afar_home-actualites-cpffp.png"); } #index #accesrapides .ar6 a#dvd { background-image:url("img/afar_home-actualites-diogene.png"); } #index #accesrapides .ar6 a#dpc { background-image:url("img/afar_home-actualites-ogdpc.png"); } #index #accesrapides .ar6 a#partnDunod { background-image:url("img/afar_home-actualites-DUNOD.png"); } #index #accesrapides .ar6 a#partnLienSo { background-image:url("img/afar_home-actualites-LIEN-SOCIAL.png"); } #index #accesrapides .ar6 a#partnSanteMen { background-image:url("img/afar_home-actualites-SANTE-MENTALE.png"); } #index #accesrapides .ar6 a#partnHospimed { background-image:url("img/afar_home-actualites-Hospimedia.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; } #index #blockFoot p { margin-right:12px; } /* == 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/afar2011_body-bg.png"); } #stage.annee0 #blockContent .blockzone .col2 { background-image:url("img/afar2011_mep3c-topc2.png"); } #stage.annee0 #listepages li { background-image:url("img/afar2011_listepages.png"); } #stage #blockContent ul#stagesMenus.annee0 li.rub > a:hover { background-color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee0 li.rub_open > a { background-color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee0 li.stage_open > a { color:#9F20BF; } #stage #blockContent ul#stagesMenus.annee0 li.stage > a:hover { color:#9F20BF; } #stage.annee1 { background-image:url("img/afar2012_body-bg.png"); } #stage.annee1 #blockContent .blockzone .col2 { background-image:url("img/afar2012_mep3c-topc2.png"); } #stage.annee1 #listepages li { background-image:url("img/afar2012_listepages.png"); } #stage #blockContent ul#stagesMenus.annee1 li.rub > a:hover { background-color:#CC092F; } #stage #blockContent ul#stagesMenus.annee1 li.rub_open > a { background-color:#CC092F; } #stage #blockContent ul#stagesMenus.annee1 li.stage_open > a { color:#CC092F; } #stage #blockContent ul#stagesMenus.annee1 li.stage > a:hover { color:#CC092F; } #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; } #stage.formationsentreprise { background-image:url("img/afar_body-bg3.png"); } #stage.formationsentreprise #blockContent .blockzone .col2 { background-image:url("img/formentr_mep3c-topc.png"); } #stage.formationsentreprise #listepages li { background-image:url("img/afar_listepages.png"); } #stage #blockContent ul#stagesMenus.formationsentreprise li.rub > a:hover { background-color:#4173A1; } #stage #blockContent ul#stagesMenus.formationsentreprise li.rub_open > a { background-color:#4173A1; } #stage #blockContent ul#stagesMenus.formationsentreprise li.stage_open > a { color:#4173A1; } #stage #blockContent ul#stagesMenus.formationsentreprise li.stage > a:hover { color:#4173A1; } /* #formationsentreprise { background-image:url(img/afar_body-bg3.png); } #formationsentreprise #blockContent { background:transparent url(img/afar_mep2c-bottom.png) left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #formationsentreprise #blockContent .blockzone { background:transparent url(img/afar_mep2c-center.png) left top repeat-y; } #formationsentreprise #visuel { margin:0; text-align:center; } #formationsentreprise #mep2c .col1 { background-image:url(img/afar_mep2c-top2.png); } */ /* ---------- Page "Pre-inscription Type" ---------- */ #stage #typepreinsc { text-align:center; } #stage #typepreinsc > p { border:1px solid #5D5D5D; width:360px; margin: 40px auto 0; } #stage #typepreinsc p a { display:block; padding:2px 5px; text-decoration:none; color:#5D5D5D; } #stage #typepreinsc p a.selected, #stage #typepreinsc p a:hover { background-color:#5D5D5D; color:#FFF; } #stage #typepreinsc > div { border:1px solid #5D5D5D; border-top:0; width:360px; margin: 0 auto; } #stage #typepreinsc > div p { margin:0; } /* ---------- 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; } #stage .preinscription_title { text-align:center; font-weight:bold; width:460px; border:1px solid; } /* ---------- 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 .n_col1>div>p { margin-left:20px; } #dem-info #demanderenseignement { /*width:820px;*/ margin-left:20px; } #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; } #zone_content { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; } #zone_bottom { background:url("img/static2col_v2.png") no-repeat scroll 25px bottom transparent; height:20px; } #zone_content>div { margin-left:30px; padding-left:20px; padding-top:12px; width:739px; } #cursus .zone_cursus { } #cursus .zone_cursus #zone_content { font-family:"Cabin Condensed",tahoma,Trebuchet,sans-serif; font-size:120%; line-height:120%; } #cursus .zone_cursus #zone_content #idtabs1 { background:transparent url("img/cursus_demarche.jpg") 88% 20px no-repeat; } #cursus .zone_cursus h4 { color:#F42829; font-size:2.6em; margin:10px 0 0 0; } #cursus .zone_cursus p.h4 { color:#525252; margin-left:0; font-weight:bold; font-size:1.3em; } #cursus .zone_cursus ul { margin-left:0; float:left; } #cursus .zone_cursus ul li { list-style:none; width:310px; margin-bottom:10px; font-weight:bold; font-size:1.1em; } #cursus .zone_cursus ul li a { color:#FFF; text-decoration:none; display:block; background-color:#5F708C; padding:7px 5px; } #cursus .zone_cursus ul li.oneline a { background:url("img/cursus_fleches.jpg") no-repeat scroll right 0 #5F708C; } #cursus .zone_cursus ul li.twoline a { background:url("img/cursus_fleches.jpg") no-repeat scroll right -72px #5F708C; } #cursus .zone_cursus ul li a:hover { background-color:#F42829; } #cursus .zone_cursus ul li a.selected { } #cursus .zone_cursus ul li.oneline a.selected { background-position:right -35px; } #cursus .zone_cursus ul li.twoline a.selected { background-position:right -128px; } #cursus .zone_cursus .detailcursus { margin-left:370px; width:325px; } #cursus .zone_cursus .detailcursus h5 { background-color:#F42829; color:#FFF; padding:6px 8px; font-size:1.6em; margin-bottom:5px; } #cursus .zone_cursus .detailcursus .infos { background-color:#5F708C; color:#FFF; padding:8px; margin:0; margin-bottom:5px; } #cursus .zone_cursus .detailcursus .titlecursus { font-weight:bold; font-size:1.2em; margin-bottom:4px; } #cursus .zone_cursus .detailcursus .cel1 { padding-bottom:10px; color:#F42829; width:80px; } #cursus .zone_cursus .detailcursus .cel2 { padding-bottom:10px; } #cursus .zone_cursus .detailcursus .infos table { margin-bottom:0; } */ #cursus #zone_content { text-align:center; padding:10px 0; } /* == 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/afar2011_body-bg.png"); } #afar-recherche.annee0 #blockContent .blockzone .col2 { background-image:url("img/afar2011_mep3c-topc2.png"); } #afar-recherche.annee1 { background-image:url("img/afar2012_body-bg.png"); } #afar-recherche.annee1 #blockContent .blockzone .col2 { background-image:url("img/afar2012_mep3c-topc2.png"); } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0 p.res_lib a { color:#9F20BF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1 p.res_lib a { color:#CC092F; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0 p.res_lib a:hover { background-color:#9F20BF; color:#FFF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1 p.res_lib a:hover { background-color:#CC092F; color:#FFF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee0_cur { background-color:#9F20BF; } #afar-recherche #blockContent .blockzone .col1 li.stage_annee1_cur { background-color:#CC092F; } /* == 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; } /* v2 */ #colloque h4 span { display:inline-block; } #colloque table { margin-left:2em; /*width:770px; */} #colloque table label { display:block; } #colloque table td { width:345px; } #colloque table input[type="text"] { width:300px; margin:0; } #colloque table select { width:300px; margin:0; } #colloque table input[type="submit"] { display:block; } #colloque #listeinsc .td2 { vertical-align:bottom; } #colloque #listeinsc .td2 p { display:inline; border:1px solid #5D5D5D; font-weight:bold; margin:0; padding: 0.5em; } #colloque #listeinsc .red { font-size:80%; } #colloque h5 { margin-left:25px; } #colloque ul { margin-top:-1.5em; margin-bottom:4em; } #colloque li { margin-left:2em; } #colloque .alert_label { color:#C33; } #colloque .alert_input { background-color:#F8E7E7; border-color:#C33; } #mep2c #visuelcoll { margin:0 0 0 15px; position:relative; } #visuelcoll #btdwld { display:block; position:absolute; top:131px; right:26px; width:131px; height:127px; background:url("img/afar-coll-btn-progpdf.jpg") top left no-repeat; } #visuelcoll #btdwld:hover { background-position:0 -127px; } #visuelcoll #btdwld span { display:none; } #visuelcoll #btinsc { display:block; position:absolute; top:15px; right:47px; width:111px; height:108px; background:url("img/afar-coll-btn-inscrip.jpg") top left no-repeat; } #visuelcoll #btinsc:hover { background-position:0 -108px; } #visuelcoll #btinsc span { display:none; } /* ----- */ #visuelcoll #btpresse { display:block; position:absolute; top:18px; left:640px; width:111px; height:108px; background:url("../afar-colloques/preadolescence/btn_presse.png") top left no-repeat; } #visuelcoll #btecoute { display:block; position:absolute; top:131px; left:645px; width:131px; height:127px; background:url("../afar-colloques/preadolescence/btn_ecouter.png") top left no-repeat; } #visuelcoll #btpresse:hover { background-position:0 -108px; } #visuelcoll #btecoute:hover { background-position:0 -127px; } #visuelcoll #btpresse span, #visuelcoll #btecoute span { display:none; } /* ===== Nouveau sommaire "Colloque" [31/05/2011] ===== */ /*#coll_sommaire { background:url("img/bg_vierge_colloque.png") no-repeat scroll 15px 0 transparent; height:440px; }*/ #coll_sommaire { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; /*height:440px;*/ } #coll_bottom { background:url("img/static2col_v2.png") no-repeat scroll 25px bottom transparent; height:20px; } #coll_sommaire .columns { width:739px; padding-left:20px; margin-left:30px;} #coll_sommaire .columns .visuel { /*float:left;*/ } #coll_sommaire .columns table { margin-bottom:0; } #coll_sommaire #column1 { } #coll_sommaire #column2 { border-top:1px solid #F52215; } #coll_sommaire h3 { color:#343434!important; /*text-decoration:underline; */margin:0!important; font-size:1.7em; height:53px!important; line-height:53px!important; } #coll_sommaire label { color:#F52215; } #coll_sommaire p.center a { color:#E9453C; text-decoration:none; font-weight:bold; } #coll_sommaire p.center a:hover { color:#009; text-decoration:underline; } #coll_sommaire #column2 h3 { } #coll_sommaire #column2 p { } #coll_sommaire #column2 p a { color:#E9453C; font-weight:bold; } /* Pre-adolescence */ .coll_preado h3 span { /*display:block; margin-top:12px; */line-height:23px; } #coll_preado p.logo { margin:0 0 0 260px; } #coll_preado #listepages li.cur { background-position:0 -19px; } #coll_preado h4 { margin-left:25px!important; color:#000!important; font-size:2em; } #coll_preado h6 { margin-left:25px; } #coll_preado a.lien { color:#0B9CFD; text-decoration:none; } #coll_preado a.lien:hover { text-decoration:underline; } #coll_preado a.lien:before { content:"» "; } #coll_preado #interventions { text-align:center; } /* --- v2 --- */ #homepresse { background:url("../afar-colloques/preadolescence/home_colloque.png") top center no-repeat; padding-left:290px; padding-top:8px; } #homepresse p.homelogo { margin:0 8px 7px 0; display:inline-block; } #homepresse p.homelogo a { border:1px dotted #000; display:block; } #homepresse p.homelogo a:hover { border:1px solid #000; } #homepresse p.homelogo img { border:0; } #coll_preado_v2 { position:relative; } #coll_preado_v2 #visuelcoll #btpresse { top:38px; } #coll_preado_v2 #visuelcoll #btecoute { top:151px; } #coll_preado_v2 #interventions { text-align:center; } .cssonglets #coll_preado_v2 { margin-top:40px; } .cssonglets #colloqueonglets { border-bottom:2px solid #F42829; margin-left:20px; margin-right:20px; padding-bottom:1px; padding-left:60px; } #coll_preado_v2 #listerevues { margin-left:15px; margin-top:-20px; height:60px; } #coll_preado_v2 #listerevues a { border:1px dotted #000; float:left; height:50px; margin-left:5px; } #coll_preado_v2 #listerevues a:hover { border:1px solid #000; } #coll_preado_v2 #listerevues a.cur { border:1px solid #F42828; } #revuepresse { background-color:#FFF; margin-left:20px; width:778px; clear:both; position:relative; } #revuepresse .logo { margin:0!important; text-align:center; padding-top:5px; } #revuepresse h4 { margin-left:35px!important; color:#000!important; font-size:2em; } #revuepresse h5, #revuepresse h6, #revuepresse p { margin-left:35px!important; } /* ===== Colloque 2012 => Formulaire demande mise en ligne fichiers audio ===== */ #blockContent #fade { display:none; background:#000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; opacity:.80; z-index:9999; } #blockContent .popup_block { display:none; background:#fff; padding:20px; border:20px solid #E8E8E8; float:left; font-size:1.2em; position:fixed; top:50%; left:50%; -index:99999; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #blockContent img.btn_close { float:right; margin:-55px -55px 0 0; } #blockContent .popup p { padding:5px 10px; margin:5px 0; } .popup_block form p { margin-bottom:3px!important; } .popup_block form p label { float:left; width:200px; text-align:right; margin-right:10px; color:#000!important; } .popup_block form p input { margin:0; } .popup_block form p input.btsubmit { margin-left:170px; } .popup_block form p .alert_label { color:#C33!important; } .popup_block form p .alert_input { background-color:#F8E7E7; border-color:#C33!important; } /* #coll_sommaire */ #colloqueonglets { margin-left:60px; } #coll-inscription { font-size:1.4em; } #coll-inscription h5 { color:#6F6F6F; } #coll-inscription label span { color:#000; text-decoration:underline; } #coll-inscription p { margin-left:0!important; font-size:0.8em; } #coll-inscription a { font-weight:normal; } #coll-inscription table { width:100%; margin:0 auto; } #coll-inscription td { color:#6F6F6F; font-size:0.8em; font-weight:bold; } /* ===== "Colloques Home" [09/10/2012] ===== */ #coll_home>div { padding:30px 10px; text-align:center; } #coll_home p { margin:0; } #coll_home p.link a { color:#F42828; font-size:1.6em; text-decoration:none; } /* ===== "Colloques 2013" [28/03/2013] ===== */ .play_audio { background:url("img/bouton_play_100x108.png") no-repeat scroll -1px -1px transparent; display:inline-block; height:28px; line-height:28px; padding-left:30px; font-size:1.2em; } #colloques2013 #audio_player {/*width: 698px; display: none; margin: -20px 0 0 -65px; position: absolute;*/} #colloques2013 #audio_detail { color:#F42829; float:right; font-weight:bold; height:28px; line-height:14px; margin:10px 20px 0 0; overflow:hidden; width:410px; } #colloques2013 .liste_interventions { background-color:#FFF; margin:0 20px 20px; padding:5px 0 10px 5px; } #colloques2013 .liste_interventions audio { margin:-20px 0 0 0; width: 698px;} #colloques2013 .intervention { margin:20px; padding:20px 20px 0; } #colloques2013 #jp_container_1 { position:static; } #colloques2013 .jp-interface { position:absolute; top:0;} #colloques2013 .rollblock { overflow:auto; clear:both; margin: 0 20px; } #colloques2013 .imggroupe { float:right; margin:-5px 10px 0 0; } #colloques2013 .intervenants { padding: 0; } #colloques2013 .pa h4 {color: #029964; font-weight: bold; margin-top: 15px; width: 450px;} #colloques2013 .up h4 {color: #0A65AE; font-weight: bold; margin-top: 15px; width: 450px;} #colloques2013 .img_intervenant { display:inline-block; padding:0; vertical-align:top; margin-left:14px; text-decoration:none; color:#000; font-weight:bold; font-size:0.9em; text-align:center; } #colloques2013 .img_intervenant:first-child { margin-left:0px; } #colloques2013 a.img_intervenant:hover { text-decoration:underline; color:#F42829; } #colloques2013 .img_intervenant img { display:block; margin:0 auto; } #colloques2013 .moderateur { float: right; margin-top: -40px;} #colloques2013 .content_intervention {padding-left: 10px; display: block; width: 698px; position: relative;} #colloques2013 .content_intervention p{margin: 0; padding: 0;} #colloques2013 .content_intervention li{color: #029964; font-weight: bold;} #colloques2013 .up .content_intervention li{color: #0A65AE; font-weight: bold;} #colloques2013 .content_intervention li p{color: #343434;} #colloques2013 hr {border: none; border-top: 2px solid #8FCFB7; background-color: transparent; width: 698px;} #colloques2013 .up hr {border: none; border-top: 2px solid #96B4D8; background-color: transparent; width: 698px;} #colloques2013 .title_moderateur {font-weight: bold; color: #029964; } #colloques2013 .up .title_moderateur {font-weight: bold; color: #0A65AE; } #colloques2013 hr.footer_2013 {width: auto; border: none; border-bottom: 1px solid #636363; background-color: transparent; margin: 0; margin-left: -5px; padding: 0;} #colloques2013 .footer_pa {float: right;} #colloques2013 .zone_player_audio {width: 698px; height: 50px; margin: 0 auto; display: none;} /* ===== "Colloques 2012" [06/07/2012] ===== */ .play_audio { background:url("img/bouton_play_100x108.png") no-repeat scroll -1px -1px transparent; display:inline-block; height:28px; line-height:28px; padding-left:30px; font-size:1.2em; } #colloques2012 #audio_detail { color:#F42829; float:right; font-weight:bold; height:28px; line-height:14px; margin:10px 20px 0 0; overflow:hidden; width:410px; } #colloques2012 .liste_interventions { background-color:#FFF; margin:0 20px 20px; padding:5px 0 10px 5px; } #colloques2012 .liste_interventions audio { margin:10px 0 0 20px; } #colloques2012 .intervention { margin:20px; padding:20px 20px 0; border:3px solid #BDBDBD; } #colloques2012 #jp_container_1 { position:static; } #colloques2012 .jp-interface { position:absolute; top:0;} #colloques2012 .rollblock { /*height:400px; =-=-=-= TEMPORAIRE =-=-=-= TEMPORAIRE =-=-=-= TEMPORAIRE =-=-=-=*/overflow:auto; clear:both; } #colloques2012 .imggroupe { float:right; margin:0 0 20px 40px; } #colloques2012 .intervenants { clear:right; } #colloques2012 .img_intervenant { display:inline-block; /*height:160px; */padding:12px; vertical-align:top; margin-left:10px; text-decoration:none; color:#000; font-weight:bold; font-size:0.9em; text-align:center; } #colloques2012 .img_intervenant:first-child { margin-left:0; } #colloques2012 a.img_intervenant:hover { text-decoration:underline; color:#F42829; } #colloques2012 .img_intervenant img { display:block; margin:0 auto; } #colloques2012 .moderateur { border:1px dotted #666; background-color:#F2F2F2; } /* ===== "Colloques 2005" [24/07/2012] ===== */ #colloques2005 #c2005default { padding:20px; } #colloques2005 #c2005default a { color:#555555; display:block; font-size:1.8em; margin-bottom:3em; margin-left:20px; margin-top:1em; text-align:center;} #colloques2005 #c2005default p { } #colloques2005 #c2005default p#affiche { } #colloques2005 #c2005default p#progpdf { } #colloques2005 #c2005default p#progpdf a { background:url("img/pdficon_32x32_v1.png") no-repeat scroll 90% center transparent; } #colloques2005 #c2005default p#revuepresse { margin-left:0; width:auto; } #colloques2005 #c2005default p#revuepresse a{ background:url("img/pdficon_32x32_v1.png") no-repeat scroll 90% center transparent; } #colloques2005 #c2005default p#hrefcursus { } #colloques2005 #c2005default p#hrefcursus a { color:#F42829; font-size:1.4em; } /* == ECRAN "FORMATIONS ENTREPRISE" ===================================== ====================================================================== */ #formationsentreprise { background-image:url("img/afar_body-bg3.png"); } #formationsentreprise #blockContent { background:transparent url("img/afar_mep2c-bottom.png") left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #formationsentreprise #blockContent .blockzone { background:transparent url("img/afar_mep2c-center.png") left top repeat-y; } #formationsentreprise #visuel { margin:0; text-align:center; } #formationsentreprise #mep2c .col1 { background-image:url("img/afar_mep2c-top2.png"); } /* == ECRAN "NEWSLETTER" ================================================ ====================================================================== */ /* == ECRAN PSEUDO-STATIC "PLAN DU SITE" ================================ ====================================================================== */ #plan-site #blockContent { background:transparent url("img/afar_mep2c-bottom.png") left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #plan-site #blockContent .blockzone { background:transparent url("img/afar_mep2c-center.png") left top repeat-y; } #plan-site #blockContent #mep2c .col1 { background-image:url("img/afar_mep2c-top-gris.png") } body#plan-site { background-image:url("img/afar_body-bg-gris.png"); } #plan-site #blockContent h3 span { float:right; margin-right:25px; } #plan-site #blockContent h3 a { text-decoration:none; color:#FFF; } #plan-site #blockContent h3 a:hover { text-decoration:underline; } #plan-site #blockContent .bg_annee0 { background-color:#9F20BF; } #plan-site #blockContent .bg_annee1 { background-color:#CC092F; } #plan-site #blockContent ul.niv1 { list-style:none; margin:20px 10px 20px 30px; text-transform:uppercase; } #plan-site #blockContent ul.niv1 li { margin-top:1em; } #plan-site #blockContent ul span { display:block; font-family:"Arial Black"; color:#FFF; padding-left:0.5em; } #plan-site #blockContent ul.niv1 span { font-size:180%; } #plan-site #blockContent ul.niv2 span { font-size:160%; } #plan-site #blockContent ul.niv3 span { font-size:140%; } #plan-site #blockContent ul.niv4 span { font-size:120%; } #plan-site #blockContent ul.niv1 a { color:#4B4B4B; text-decoration:none; } #plan-site #blockContent ul.niv1 a.annee0:hover { color:#9F20BF; } #plan-site #blockContent ul.niv1 a.annee1:hover { color:#CC092F; } #plan-site #blockContent ul.niv1 ul { list-style:none; margin-right:0; margin-left:0.8em; } #plan-site #blockContent ul.niv1 li.subrub { margin-bottom:1em; } #plan-site #blockContent ul.niv1 ul.ulstage li { margin-top:0; } #plan-site #blockContent ul.niv1 ul.ulstage li > a { text-transform:lowercase; } /* #plan-site #blockContent ul.niv1 ul.ulstage li > a:hover { background-color:transparent; }*/ /* subrub #plan-site #blockContent ul.niv1 a { display:block; text-decoration:none; color:#4B4B4B; padding-left:5px; } #plan-site #blockContent ul.niv1 a:focus { outline:none; } #plan-site #blockContent ul.niv1 li.rub > a { text-transform:uppercase; } #plan-site #blockContent ul.niv1 li.rub > a:hover { background-color:#4B4B4B; color:#FFF; } #plan-site #blockContent ul.niv1 li.rub_open > a { background-color:#4B4B4B; color:#FFF; } #plan-site #blockContent ul.niv1 li.subrub { margin-top:1em; } #plan-site #blockContent ul.niv1 li.subrub > a { text-transform:uppercase; } #plan-site #blockContent ul.niv1 li.subrub > a:hover { background-color:#4B4B4B; color:#FFF; } #plan-site #blockContent ul.niv1 li.subrub_open > a { background-color:#4B4B4B; color:#FFF; } #plan-site #blockContent ul.niv1 li.stage:last-child { margin-bottom:1.5em; } */ /* == ECRAN "DEMANDE DE DEVIS INTRA" ==================================== ====================================================================== */ #devis-intra #blockContent { background:transparent url("img/afar_mep2c-bottom.png") left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #devis-intra #blockContent .blockzone { background:transparent url("img/afar_mep2c-center.png") left top repeat-y; } #devis-intra .afar-form { margin:0 2em; } #devis-intra .afar-form p { margin:0 0 3px 0!important; overflow:hidden; } #devis-intra .afar-form label { width:360px; float:left; font-weight:normal; margin-right:10px; } #devis-intra .afar-form .afar-form-zone-input { margin-left:370px!important; } #devis-intra .afar-form .afar-form-text { margin:0; width:320px; } #devis-intra .afar-form .afar-form-area { margin:0; width:310px; height:40px; } #devis-intra .afar-form .afar-form-required { border:1px solid #EAA; background-color:#FFFCFC; } #devis-intra .afar-form .afar-form-little-input label { /*width:550px; */} #devis-intra .afar-form .afar-form-little-input .afar-form-text { width:90px; } #devis-intra .right { text-align:right; } #devis-intra #coord .afar-form-text { width:180px; } #devis-intra .afar-form #coord label { width:160px; } #devis-intra .note { color:#555; } /* == ECRAN "DEMANDE DE DEVIS INTRA" ==================================== ====================================================================== */ #desinscription #blockContent { background:transparent url("img/afar_mep2c-bottom.png") left bottom no-repeat; padding-bottom:12px; margin:10px 0; } #desinscription #blockContent .blockzone { background:transparent url("img/afar_mep2c-center.png") left top repeat-y; } /* == ECRAN "BROCHURE" ================================================== ====================================================================== */ div#visuelbrochure { margin:0 25px 1.5em; padding-bottom:20px; } #visuelbrochure .zonetexte { margin:0 60px; text-align:left; padding-top:50px; } #visuelbrochure form p { margin-bottom:3px!important; } #visuelbrochure form p label { float:left; width:160px; text-align:right; margin-right:10px; } #visuelbrochure form p input { margin:0; } #visuelbrochure form p input.btsubmit { margin-left:170px; } #visuelbrochure form p .alert_label { color:#C33; } #visuelbrochure form p .alert_input { background-color:#F8E7E7; border-color:#C33; } #visuelbrochure p.imgbrochure { margin:40px 0 0 5px; float:left; } #visuelbrochure p a { display:auto; margin:0; } /* ----- */ #visuelbrochure h4 { color:#F42829; text-align:center; font-size:1.5em; margin:0 2em 0.8em; border-bottom:1px dotted #F42829; } #visuelbrochure table { } #visuelbrochure td { text-align:center; padding:0 40px 20px; } #visuelbrochure td a { border:3px solid #FFF; display:block; width:200px; height:230px; text-decoration:none; color:#003557; font-weight:bold; /*display:block; height:27px; line-height:27px; margin:0 0 4px 0; */outline:none; } #visuelbrochure td a:hover { border:3px solid #F42829; text-decoration:underline; } #visuelbrochure td a img { display:block; margin:0 auto; } #visuelbrochure p.imgbrochure { margin:50px 25px 0 35px; float:left; width:220px; } #visuelbrochure p.imgbrochure img { } #visuelbrochure p.imgbrochure span { display:block; margin-left:20px; color:#F42829; text-shadow:2px 2px 4px #999; font-size:1.6em; line-height:1.2em; text-align:center; width:200px; } /* == ECRAN "ACTUALITES" ================================================ ====================================================================== */ #actualites #blockContent { margin:15px 0; /*background:transparent url("img/afar_mep2c-bottom.png") left bottom no-repeat; padding-bottom:12px; */} #actualites #blockContent .blockzone { background:transparent url("img/afar_mep2c-center.png") left top repeat-y; } a.hrefmagnifier32 { position:relative; display:block; } a.hrefmagnifier32 span { position:absolute; top:-20px; right:-20px; width:64px; height:64px; background:transparent url("img/magnifier_64x64.png") bottom right no-repeat;} /* === jQuery-jqDock === */ /*position and hide the menu initially - leave room for menu items to expand...*/ #actualites #dock { position:relative; height:200px; /*padding-top:150px; padding-bottom:20px; width:100%; */} #actualites #dock-container { position:absolute; top:0; left:0; width:100%; display:none; } #actualites #dock-container img { padding:0 10px; } #actualites a.dock-item { margin:0 10px; } /*dock styling...*/ /*...centre the dock...*/ #actualites #dock-container div.jqDockWrap { margin:0 auto; } /*...set the cursor...*/ #actualites #dock-container div.jqDock { cursor:pointer; } /*label styling...*/ #actualites div.jqDockLabel { font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer; } #actualites #dock-container div.jqDock>div { } #actualites #dock-container div.jqDock>div>div { } /* ----- */ #actualites #publications { /*background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent;*/ padding:20px 0; } #actualites .detailactu { margin:0 30px; width:704px; } /* ----- */ /* #actualites #sitesamis { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; height:440px; }*/ #actualites #sitesamis p { display:inline-block; text-align:center; width:407px; margin:40px 0 0 0; } /* ----- */ /* #actualites #dvddiogene { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; }*/ /* ----- */ /* #actualites #ogdpc { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; }*/ /* ----- */ /* #actualites #partenaires { background:url("img/static2col_v2.png") no-repeat scroll 25px 0 transparent; height:440px; }*/ #actualites #partenaires p { width:400px; margin:0 auto 30px auto; text-align:center;} #actualites #partenaires p a { outline:none;} #actualites #partenaires h4 { text-align:center; color:#F42829; font-weight:bold; font-size:260%; } #actualites #partenaires table { width:90%; margin:0 auto; } #actualites #partenaires td { text-align:center; padding-bottom:30px; } /* == ECRAN "ACTUALITES" ================================================ ====================================================================== */ #recrutement { } #recrutement #formrecrutement { background-color:#FFF; margin:0 25px 1.5em; padding:10px 60px; } #recrutement #formrecrutement p { margin:0; } #recrutement #formrecrutement p label { float:left; margin-top:0.3em; margin-right:10px; text-align:right; width:180px; } #recrutement #formrecrutement p input { margin:0.2em 0; width:20em; } #recrutement #formrecrutement p input[type=image] { margin:0.2em 0 0.2em 170px; width:auto; } .liste_bonnes_raisons {margin: 15px; padding: 20px 0 40px 0; background: #FFF url(img/background_bonnes_raisons.jpg) no-repeat bottom left;} .ligne_bonne_raison {margin-left: 130px; clear: both;} .numero_bonne_raison {float: left; } .infos_bonne_raison {float: left; margin-left: 15px; width: 575px;} .titre_bonne_raison {color: #8B8B8B; font-weight: normal; font-size: 1.1em;} .titre_bonne_raison strong{color: #EB3021;}