/* -------------------------------------------------------------- * screen.css - monsite.com * @type: Screen * @langue: Commun * @year: 2008 * @author: CyberGénération * @note: background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; --------------------------------------------------------------- */ /* ------------------------------------------------------------ */ /* ////// BASE TAGS /////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* Default setting. --------------------------------------------------------------- */ body { background: #001233 url(img/bg_body.jpg) center repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } #container1 { background: url(img/bg_pageContainer.jpg) center 456px no-repeat; width:100%;} #container2 { width:100%; padding-top:134px;} #pageContainer { position:relative; width:965px; margin:0 auto; } /* Liens --------------------------------------------------------------- */ a { color:#00578e; text-decoration:none; font-weight:bold; } a:hover { color:#00578e; text-decoration:underline; } #pageColumn1 a, #pageColumn1 a:hover {color:#fff;} #pageColumn2 li {overflow: hidden;} /* Titles --------------------------------------------------------------- */ h3, h4 { color:#f3861c; font-family: Trebuchet MS, Helvetica, sans-serif; } #pageContent h3, pageContent h4 { font-weight: bold; } #pageContent h3 { padding: 0 0 15px 0; font-size: 21px; } #pageColumn3 h3 { margin-top:10px;} #pageColumn3 h3 a { color: #f3861c; font-weight: normal; text-decoration:none;} #pageContent h4 { font-size:16px; padding:0 0 8px 0; margin: 0;} h5, .title { font-size:13px; font-weight:bold; color:#00578e; margin:10px 0 5px;} /*h3.sIFR_arnoPro { font-size:24px; } h4.sIFR_arnoPro { font-size:18px; }*/ /* fontResize control --------------------------------------------------------------- */ .size1 { font-size: 14px; line-height:1.2em} .size2 { font-size: 16px; line-height:1.4em} /* ------------------------------------------------------------ */ /* ////// STRUCTURE /////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* pageHeader --------------------------------------------------------------- */ /* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */ #pageHeader { padding-bottom:32px; } #pageHeader h1 a { background: url(img/logo_pageHeader.jpg) no-repeat; position:absolute; z-index:10; top:-82px; left:35px; width:236px; height:47px;} #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } /* bannieres random */ #imgHeaderHolder { position:relative; height:205px;} #section #imgHeaderHolder { height:35px;} #imgHeaderHolder img { position:absolute; z-index:0; bottom:0;} #printHeader {display: none; } #section #container2, .banner {background:url(img/bg_pageContent.jpg) center top no-repeat; min-width: 985px;} .banner1, .banner2, .banner3 {background:url(img/banners/bg_pageContent1.jpg) center top no-repeat; min-width: 985px;} /* patch pour le bras qui dépasse */ .upperPart1 { background: url(img/banners/bg_upperPart1.png) no-repeat; display:none; position:absolute; z-index:10; top:0; left:317px; width:41px; height:35px;} .upperPart3 { background: url(img/banners/bg_upperPart3.png) no-repeat; display:none; position:absolute; z-index:10; top:0; left:303px; width:60px; height:32px;} /*.upperPart4 { background: url(img/banners/bg_upperPart4.png) no-repeat left bottom; display:none; position:absolute; z-index:10; top:24px; left:250px; width:57px; height:8px; overflow:visible !important; overflow:hidden;}*/ .upperPart4 { display:none;} /*.banniereTest { background-color: red; display:block; position:absolute; z-index:10; top:24px; left:250px; width:57px; height:8px; overflow:visible; overflow:hidden; }*/ .banner1 .upperPart1, .banner1 .upperPart3, .banner1 .upperPart4 { display:block;} /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #pageContent { overflow:hidden !important; overflow:visible; height:auto !important; min-height:650px; height:650px; color:#333; } /* columns */ #pageColumn1 { float:left; position:relative; width:311px; margin-right:8px; padding-bottom:20px; overflow:none;} #pageColumn2 { position: relative; background:#fff url(img/bg_pageColumn2_bottom.jpg) bottom right no-repeat; float:left; display:block; width:642px; height:auto !important; min-height:459px; height:459px; padding:0 0 141px 0; overflow:none;} #pageColumn3 { float:left; width:163px; padding:10px 10px 0 17px;} #pageAccueil #pageColumn2 { width:451px; min-height:600px; height: 600px; padding:0 0 28px 0; } #pageAccueil #pageColumn3 { padding-top:223px;} #pageColumn2 #contentHolder { background: url(img/bg_pageColumn2_top.jpg) top right no-repeat; padding-right:22px; zoom: 1; } #pageTitle { margin-left:-12px;} #pageTitle h3.sIFR_arnoPro {display:inline; position:relative; padding-right:40px;} #pageTitle h3.sIFR_arnoPro a.feed {top:5px;} #pageTitle .button {margin-top:5px;} .contentHolder { padding: 10px 10px 0 12px;} .contentHolder p { padding:0 10px 0 0; } #pageColumn2 .contentHolder { padding:10px 10px 0 28px;} /* pageFooter --------------------------------------------------------------- */ #pageFooter { background:url(img/bg_pageFooter.jpg) bottom no-repeat; display:block; clear:both; padding:8px 0 8px; margin-top:15px; border-top: 1px solid #314f85; color:#fff; text-align:right;} #pageFooter a { color:#fff;} #pageFooter .blueBox { margin:0 0 0 15px;} #pageUtils { display:block; float:right; height:14px;} #pageUtils li { display:inline; padding:0 5px 0 8px; border-left:1px solid #fff;} #pageUtils li.first { border:none;} body div .blueBox { background:url(img/bg_linkbox.jpg) right no-repeat; width:190px; display:block; clear:both; margin:10px 0; text-align:center;} body div .blueBox .holder { background:url(img/bg_linkbox_left.jpg) no-repeat; display:block; height:15px; padding:2px 8px 0 0px; } body div .blueBox a {color:#fff;} #signatureCyber { text-align:center; font-size:10px; } #signatureCyber a:link, #signatureCyber a:visited, #signatureCyber a:active, #signatureCyber a:hover { color:#999; text-decoration:none; } /* ------------------------------------------------------------ */ /* ////// MENUS /////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* quickMenu --------------------------------------------------------------- */ #quickMenu { position:absolute; top:-127px; right:5px; } #quickMenu li { display: inline; padding:0 6px 0 10px; border-left:1px solid #ffffff; } #quickMenu li.noBorder { border:0;} #quickMenu a { font-weight:normal; color:#ffffff;} #quickMenu a:hover { text-decoration:underline;} #quickMenu a.bold { font-weight:bold } /* mainMenu --------------------------------------------------------------- */ #mainMenu { position:absolute; z-index:1; top:0; left:-15px;} #mainMenu ul { display:block; width:992px; } #mainMenu li { float:left; position:relative; width:auto; text-align:center; } #mainMenu a { display:block; height:32px; color: #fff; } #mainMenu a span { display:none;} /* hover and active states of the mainMenu bar */ #mainMenu li a:hover, .img4 #mainMenu li a:hover { background-position:0 -32px; } #mainMenu a.selected, .img4 #mainMenu li a.selected { background-position:0 -32px; } /* style the table so that it takes no part in the layout - required for IE to work */ #mainMenu table { position:absolute; top:0; left:0; } /* style for the dropdown menu */ #mainMenu ul ul { position:absolute; top:31px; left:0; width:200px; overflow: hidden; visibility:hidden; border: 1px solid #4b679a; } #mainMenu ul ul li { text-align:left; filter:alpha(opacity=98); opacity:.98; position:relative } #mainMenu ul ul li a { width: 168px; height:auto; padding: 9px 38px 9px 15px; background: url(img/bg_mainMenu.gif) no-repeat; background-position: -5px 0; overflow: hidden; font-weight: normal; } #mainMenu ul ul li a:hover { background-position: -5px -32px;} #mainMenu ul ul li.twoline a { background-image: url(img/bg_mainMenu-2lines.gif); padding-bottom: 8px; } #mainMenu ul ul li.threeline a { background-image: url(img/bg_mainMenu-3lines.gif); } #mainMenu ul ul li.twoline a:hover { background-position: -5px -47px; } #mainMenu ul ul li.threeline a:hover { background-position: -5px -63px; } #mainMenu ul ul li.topBorder { padding-top:5px; border-top:1px solid #444; } #mainMenu ul ul li.bottomBorder { padding-bottom:4px; border-bottom:1px solid #444; } #mainMenu ul ul li.bottomBorder a { border:none; } /* hover of the dropdown menu */ #mainMenu ul li:hover ul, #mainMenu ul li a:hover ul { visibility:visible; } /* quickSearch --------------------------------------------------------------- */ #quickSearch { position:absolute; z-index:10; top:-55px; right:0; width:422px;} #quickSearch fieldset { display:block; float:left; margin:0; padding:0; border:none;} #quickSearch .holder { background:url(img/bg_quickSearch.jpg) no-repeat; position:relative; width:216px; height:23px;} #quickSearch .field { position:relative; top:3px; left:3px; border:1px solid #fff;} #quickSearch_btn { background:url(img/btn_quickSearch.jpg) no-repeat; position:absolute; right:0; width:32px; height:23px; margin:0 0 0 3px; border:none; cursor:pointer;} #quickLinks { background:url(img/bg_quickLinks.jpg) no-repeat; width:195px; height:23px; margin-right:10px;} #quickLinks input { position:relative; top:3px; left:3px; border:1px solid #fff;} /* recherche */ .gsc-branding, .gsc-trailing-more-results {display:none;} /* leftlinkList // not defined yet! --------------------------------------------------------------- */ #leftlinkList { margin:0 0 38px; padding:0 0 10px; background:url(img/bg_leftlinkList_bottom.gif) bottom no-repeat;width:310px; overflow:hidden;} #leftlinkList ul { margin:0; padding:0; text-indent:0;} #leftlinkList li { display:inline; } #leftlinkList a { background-image:url(img/bg_leftlinkList.gif); background-repeat:no-repeat; background-position:0 0; display:block; overflow:hidden; padding:9px 40px 0 30px; height:24px; width:240px; color:#fff; font-weight:normal; font-size:14px;} #leftlinkList ul a:hover { text-decoration:none; background-position:0 -33px; color:#fff; } #leftlinkList ul .active a { text-decoration:none; background-position:0 -66px; } #leftlinkList ul .active.sub a { text-decoration:none; background-position:0 -99px; } #leftlinkList ul .active.sub a.active { color: #e47e1a; } #leftlinkList .twoline a { background-image:url(img/bg_leftlinkList-2lines.gif); height:38px;} #leftlinkList .twoline a:hover { text-decoration:none; background-position:0 -47px; color:#fff; } #leftlinkList .twoline.active a { text-decoration:none; background-position:0 -94px; } #leftlinkList .twoline.active.sub a { text-decoration:none; background-position:0 -141px; } #leftlinkList li li {background:url(img/bg_leftlinkList_sub.jpg) left -1px no-repeat; display:block; padding:9px 0 0 15px; } #leftlinkList li li a {background:none; display:static; padding:0 0 6px 12px; margin: 0 35px 0 28px; height:auto; border-bottom:1px solid #011133; width:220px; font-size:11px;} #leftlinkList li .active a {color:#e47e1a;} #leftlinkList li li a:hover {color:#e47e1a;} #leftlinkList li li.last a {border:none;} #pageColumn2 #planSite li.noBg {background: none;} /* ------------------------------------------------------------ */ /* ////// GENERIC STYLES ////////////////////////////////////// */ /* ------------------------------------------------------------ */ .hide { display:none;} .noWrap { width: 315px; float: left; } .wrapPadding { padding: 15px 0;} .wrapPadding h4 { margin-top: 0; } .pageImage .noWrap { width: 310px; } .schedule td { font-weight: bold; } .schedule td p { margin-bottom: 0.3em; } .schedule td p.normal { font-weight: normal; margin-bottom: 0.8em; } .schedule td.title { color: #f3861c;} table .desc { width: 80%; } .standard .pad { display:block; clear:both; float:none; position:relative; margin-bottom:15px;} a.feed {background:url(img/icons/feed.png) no-repeat; display:block; width:25px; height:25px; position:absolute; right:10px; top:8px;} .absright {position:absolute; right:10px;} .arrowFull { list-style-type: none; background:url(img/listBullets/arrowBullet_orange2.gif) no-repeat; background-position: 0 4px; padding:0 0 0 10px; margin:5px 0; line-height:1.1em;} .sblock, .block, .anchorsList { background:url(img/bg_box.jpg) right bottom no-repeat; padding-bottom:15px; margin-bottom:12px;} .shadow { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 15px 0; margin:0 0 7px 0;} /* IMAGES */ .img_holder { float:left; padding:0 10px 0 0;} .img_holder p { padding:0; text-align: center; font-size:11px; color:#189d9a; padding: 0 5px; } .diapo p { clear: both; width: 250px; margin: 0; text-align: center; font-size:11px; color:#189d9a; } .diapo { margin-bottom: 15px; zoom:1;} /* .diapo.right { margin-left:15px;} .diapo p { clear: both; width: 150px; margin: 0; text-align: center; font-size:10px; color:#189d9a; } .diapo.img_holder p { width: 140px; } */ .realisations .elemDetails .img_holder p { width: 108px; } .img_holder img { border:3px solid #fff; } .img_holder span { background: url(img/templates/img_bg_bottom.gif) left bottom no-repeat; display: block; padding: 1px 1px 3px 3px; } .img_holder.right { margin-left:10px;} .villaImage tr, .villaImage td {padding: 0; margin:0;} .villaImage .img_holder { width: 150px; padding:0 20px; } .villaImage .img_holder span, #pageAccueil .img_holder span, .standard .img_holder span { padding: 1px 1px 1px 3px;} /*.fondation .img_holder { width: 150px;}*/ .joindre form select { width: 244px; } .joindre form textarea { width: 232px; } /* LISTINGS*/ .elemList { list-style:none; margin:0; padding:0;} .elemList li { padding:10px 0; display:block; clear:both;} .elemList .text, .elemDetails .text { padding-left:0; line-height:normal;} .elemList .text h5 { margin:0;} .elemList li { display:block; position:relative; clear:both; line-height:0;} .elemList .img_holder { float:left; padding:3px 0 0 0; width:108px; text-align:center} .elemList .img_holder span { display:inline-block} .date, .name { color:#189d9a; font-weight:bold; font-size:11px; margin:0;} .elemList .titre { font-size:13px;} .caption { font-style:italic;} .titleList { margin-bottom: 0.5em; } /* DETAILS */ .iconsHolder { background:url(img/bg_icons-left.png) no-repeat; display:block; padding-left:10px;} .icons { background:url(img/bg_icons-right.png) right no-repeat; display:block; margin:0; padding:0; height:25px; list-style:none;} .icons li { display:inline;} .icons a { display:block; float:left; height:16px; padding:0; margin:5px 2px 0 0;} .icons a:hover { background-position:0 -16px;} .icons a span { display:none;} /* BOUTONS */ .button { background:url(img/button-right.png) top right no-repeat; height:22px; padding:0 6px 0 0; margin:0 0; } .button a { background:url(img/button-left.png) top left no-repeat; display:block; height:16px; padding:2px 0 3px 22px; margin:0; color:#fff; line-height:14px;} .button a:hover { color:#fff; text-decoration:underline;} .button.postuler, .news .archives .button.postuler/*côté anglais*/ { width:76px;} .button.smaller { width:108px;} .button.small { width:143px;} .button.medium { width:175px;} .button.large { width:205px;} /* FORMS */ form .error { padding:0 10px;} fieldset { border:0; padding:0; margin:0;} fieldset .block, fieldset .row { display:block; clear:both; background:none; margin:4px 0;} fieldset .col { display:block; float:left; clear:right;} fieldset label { display:block; float:left; width:200px; } fieldset input.field { border:1px solid #bbb; width:239px; padding-left:3px;} #quickSearch fieldset input.field { width:211px; } fieldset input.radio { clear:left; } .submit { background:url(img/bg_btn.gif) no-repeat; border:0; color:#fff; font-weight:bold; width:103px; height: 17px; text-align: left; margin: 0; padding: 0; display: block;} .submit span { margin: 0 0 0 20px; } /* ------------------------------------------------------------ */ /* ////// COLUMNS ///////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* PageColumn1 --------------------------------------------------------------- */ /* Pourquoi choisir --------------------------------------------------------------- */ #choisir {background:url(img/bg_choisir_bottom.jpg) bottom no-repeat; color:#000; padding-bottom:10px; margin-bottom:8px;} #choisir h3 {display:block; width:311px; height:73px; position:relative; top:-4px;} #section #choisir {margin-top:50px;} #section #choisir img {display:none;} /* texte */ #temoignage {position:relative; width:280px; left:15px; height:auto !important; height:45px; min-height:45px;} #temoignage span {display:block; font-weight:bold; text-align:right; margin:0 0;} #btn_temoignage {position:relative; left:128px; margin-bottom:6px;} /* Calendrier --------------------------------------------------------------- */ #calendrier { background:url(img/bg_calendrier_bottom.jpg) bottom no-repeat; position:relative; zoom: 1; overflow: hidden; margin-bottom:8px; width:311px;} #calendrier h3 { display:block; width:311px; height:40px; } #calendrier .mois { display:block; background: url(img/bg_calendrier_mois.jpg) 2px 0 no-repeat; width:237px; height:25px; overflow: hidden; zoom: 1; padding:0 0 0 54px; } #calendrier .mois h4 { margin: 0; color:#FFFFFF;} #calendrier .contentHolder ul { padding: 7px 0 19px 0; margin: 0; } #calendrier .contentHolder ul li { overflow: hidden; padding: 0 0 8px 0; zoom:1; } #calendrier .date {display:block; float:left; width:37px; line-height:25px; color:#fff; font-size:20px; border-right:1px solid #fff; padding:0 0 0 10px; } #calendrier .titre {display:block; float:left; padding-left:6px; width:220px; color:#fff; font-weight:normal;} #calendrier .contentHolder { padding-top: 0; } #btn_cal { position:relative; left:128px; } /* #calendrier {background:url(img/bg_calendrier_bottom.jpg) bottom no-repeat; position:relative; padding-bottom:35px;margin-bottom:8px; height:auto !important; height:150px; min-height:150px;} #calendrier h3 { display:block; width:311px; height:86px; margin-bottom:-55px; } #calendrier .mois h4 { padding:0; margin:0; } #calendrier li { display:block; clear:both; padding:7px 0; } #calendrier ul { zoom:1; } #calendrier .mois {display:block; background:url(img/bg_calendrier_mois.jpg) 2px 0 no-repeat; padding:0 0 0 54px; height:25px; margin:45px 0 0 0; } #calendrier .date {display:block; float:left; width:37px; height:19px; padding:6px 0 0 10px; color:#fff; font-size:20px; border-right:1px solid #fff; } #calendrier .titre {display:block; float:left; margin-left:6px; width:220px; color:#fff; font-weight:normal;} #btn_cal {position:relative; left:128px;} * html #calendrier {padding-bottom:10px;} * html #calendrier h3 {margin-bottom:0;} * html #calendrier .mois {margin:20px 0 -6px 0;} * html #calendrier li {padding:3px 0;}*/ /* recherche par type d'événement --------------------------------------------------------------- */ #searchEvents_form { background:url(img/bg_eventsSearchfield.jpg) no-repeat; position:absolute; top:40px; left:10px; width:287px; height:35px;} #searchEvents_form fieldset { display:block; float:left; margin:0; padding:0; border:none;} #searchEvents { background:url(img/bg_eventsSearch.jpg) no-repeat; width:264px; height:22px; margin:7px 12px;} #searchEvents input { position:absolute; top:9px; left:17px; width:200px; border:1px solid #fff;} /* PageColumn2 --------------------------------------------------------------- */ #pageTitle, #bandeau, .blockShadow { background:url(img/bg_bottomShadow.jpg) bottom center no-repeat; padding-bottom:20px; margin-bottom:7px;} #pageAccueil #promotion { position: relative; left: 0; top:0;} .faq #promotion { position: static; } #promotion { position: absolute; bottom: 28px; left: 121px; display:block; width: 400px; overflow: hidden; margin: 0 auto; clear: both;} #promotion a { position: relative; zoom: 1; display: block;} #promotion a img { display: block;} #promotion .boxInfo { color: #fff; width: 380px; background-color: black; position: absolute; bottom: 0; left: 0; cursor:pointer; line-height: 20px; font-size: 15px; opacity:0.4; filter:alpha(opacity=40); text-align: right; padding: 0 20px 0 0; } #pageColumn2 .button { float: right;} #pageColumn2 .elemList .button { bottom:10px;} /* PAGE D'ACCUEIL */ #pageAccueil #alerte { background:url(img/bg_bottomShadow.jpg) bottom center no-repeat; padding:17px 0; margin-bottom:7px;} #pageAccueil #alerte .text { display:inline;} #pageAccueil .nouvelles, #pageAccueil .nouvelles li { margin:0; padding:0; text-indent:0;} #pageAccueil .nouvelles li { display:block; clear:both; margin:0 0 35px 0; list-style-type:none; overflow: hidden; } #pageAccueil .nouvelles .more { display:inline;} #pageAccueil .nouvelles .text { padding-left:0px;} #pageAccueil #vieEtudiante.nouvelles {color:#fff;} /* PageColumn3 --------------------------------------------------------------- */ #pageColumn3 .nouvelle { color:#fff;} #pageColumn3 #btnPhotoGallery { position:absolute; top:235px; right:-22px; width:208px; height:223px; display:block;} /* Temoignages --------------------------------------------------------------- */ .temoignages .elemList li { border-top:1px dotted #dcdcdc; padding:8px 0 15px; } .temoignages .elemList .name { display:block; margin:0 6px 8px; font-weight:bold; text-align:right;} /* Personnel --------------------------------------------------------------- */ .equipe h4 { margin:15px 0 0 0;} .equipe .elemList { background:url(img/bg_box.jpg) right bottom no-repeat; margin:0; padding:0 0 15px;} .equipe .elemList .text { padding-left:10px; } .equipe .elemList li { border-top:1px dotted #dcdcdc; padding:8px 0 15px; position: relative; } .equipe .elemList li p { margin: 0; } .equipe .elemList li .tel {float: right;} .equipe .elemList li .poste { float: left; } .equipe .elemList li .perso { position: absolute; top: 7px; right:0; } .equipe .elemList li .button { position: absolute; top: 5px; right:0; } /* Offres d'emploi --------------------------------------------------------------- */ .carrieres .elemList { background:url(img/bg_box.jpg) right bottom no-repeat; margin:0; padding:0 0 15px;} .carrieres .elemList li { border-top:1px dotted #dcdcdc; padding:8px 0 40px; position:relative;} .carrieres .elemList .button { bottom:0px;} /* Calendriers --------------------------------------------------------------- */ .calendrier .elemList li { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 25px 0; margin:0 0 7px 0; overflow: hidden; zoom: 1;} .calendrier .elemList .text , .calendrier .elemDetails .text { padding-left:130px;} .calendrier .elemDetails { background:url(img/bg_box.jpg) right bottom no-repeat; padding:8px 0 20px; margin-bottom:20px; overflow: hidden;} /* Actualités --------------------------------------------------------------- */ .news h4.sIFR_arnoPro { font-size:20px; color: #F3861C; } .news h4 { font-size:13px; font-weight:bold; color:#00578e; margin:10px 0 5px;} .news .elemList li { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 15px 31px; margin:0 0 7px 0; overflow: hidden; display:block; clear:both;} .news .elemList .text { padding-left:130px;} .news .elemDetails { background:url(img/bg_box.jpg) right bottom no-repeat; padding:8px 0 20px;margin-bottom:20px; overflow: hidden; zoom:1; } .news .elemDetails .text { padding-left:160px; } /* Realisations --------------------------------------------------------------- */ .realisations .elemList ul { margin-top:20px; margin-bottom:20px;} .realisations .elemList ul li { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 15px 0; margin:0 0 7px 0;} .realisations .elemList .text, .realisations .elemDetails .text { padding-left:130px;} .realisations .elemDetails { background:url(img/bg_box.jpg) right bottom no-repeat; padding:8px 0 20px;margin-bottom:20px;} /* Programmes d'etude --------------------------------------------------------------- */ .programmes .docsList { margin:15px;} .programmes .docsList li, .programmes .docsList li p { margin:0; padding:0; border:none;} .programmes .docsList li p { padding-left:25px;} /* FAQ --------------------------------------------------------------- */ .faq .faqList { list-style-type:none;} .faqList a.question { border:0; background:url(img/listBullets/arrowBullet_orange2.gif) no-repeat; background-position: 0 4px; padding:0 0 0 10px; margin:5px 0; line-height:1.1em;} .faq .faqList .question p { display:inline;} .faq .faqList .reponse { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 1px 0; margin: 7px 0 0 0;} /* Varia --------------------------------------------------------------- */ #pageColumn2 .contentHolder li.noBorder {border:0; paddin-top:0; margin-top:0;} .equipe .elemList li.noBorderEquipe {border:0; paddin-top:0; margin-top:0;} .faqList {display:block; clear:both;} a.top {background:url(img/bg_btn.gif) 0 0 no-repeat; border:0; color:#fff; font-weight:bold; width:103px; height: 17px; text-align: left; padding: 0 0 0 20px; display: block; clear:both; float:right; margin:15px 0;} .faq a.top, .programmes a.top { padding-top: 1px;} a.top:hover {color:#fff;} /*a.top { display:block; clear:both; margin:15px 0; text-align:right; border-bottom:1px dotted #dcdcdc; padding:0 0 8px;}*/ #diapo-player #container { padding: 0 39px; } #audio-player #container, #video-player #container { padding: 0 25px; } #audio-player #container .text, #video-player #container .text { padding: 5px 0; } #diapo-player #princ { height: 376px; width: 620px; text-align: center; margin: 0 auto;} #diapo-player .nav { padding: 5px 0; border-bottom: 1px solid #fff;} #diapo-player .credit { padding-right: 150px;} #contentHolder .quote { font-style: italic; } .why ul { margin: 0;} .listSpace { margin-top: -10px; } .arrowsBullet .noArrow { background: none; padding-left:0;} .clear { clear: both; } /* ------------------------------------------------------------ */ /* ////// SPLASH ////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ #splash {background: #001233 url(img/bg_pageContent_splash.jpg) center top no-repeat; padding-top:127px;} #splash #pageContainer { width:940px; height:416px; background:url(img/bg_pageContent_splash-btm.png) left 415px no-repeat; padding-bottom:20px;} #splash #pageColumn1, #splash #pageColumn2 { padding:0; margin:0; background:none;} #splash #pageColumn1 { width:527px; height:413px;} #splash #pageColumn2 { width:355px; padding-top:6px;} #blurbFR, #blurbEN { background:url(img/box_splash_btm.gif) bottom no-repeat; height:auto !important; height:197px;min-height:197px; } #blurbFR h2, #blurbEN h2 { display:block; width:355px; height:60px; margin:0; position:relative; top:-6px;} #blurbFR h2 { background:url(img/title_splash_fr.gif) top no-repeat;} #blurbEN h2 { background:url(img/title_splash_en.gif) top no-repeat;} #blurbEN { margin-top:14px;} #splash .contentHolder { padding:0;} #splash .contentHolder p { padding:0 8px 0 22px; margin:0 0 10px 0;} #splash a.btn { display:block; background:url(img/bg_btn_splash.gif) no-repeat; width:135px; height:15px; padding:2px 0 0 20px; margin-left:22px; color:#FFFFFF;}