/* -------------------------------------------------------------- * screen.css - monsite.com * @type: Screen * @langue: Commun * @year: 2009 * @author: CyberGénération * @note: background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others; --------------------------------------------------------------- */ /* Default setting. --------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #44490e; background: #fff url(img/bg_body.jpg) repeat-x center top; } #printHeader { display:none } #pageContainer { position:relative; width:962px; margin:0 auto 0; padding: 34px 75px 0 75px; background: url(img/main_shadow.png) no-repeat center top;} a { color:#B3DDFA; text-decoration:none; font-weight:bold; } a:hover { color:#888; } #pageAccueil h4 { color:#3b3632;} h4 { color:#245788; font-size: 13px; margin-bottom: 3px; } h4.title { font-size: 17px; color:#3b3632;} h3 span { display:none; } h6 { font-weight: normal; text-decoration:underline; margin-bottom: 0; } img { display: block; } /* sIFR --------------------------------------------------------------- */ .sIFR_rockwell { font-family:Arial; } h3.sIFR_rockwell { color:#FFFFFF; text-transform:uppercase; font-size:28px; } h4.sIFR_rockwell { color:#999999; text-transform:uppercase; font-size:46px; width:230px } /* fontResize control --------------------------------------------------------------- */ #pageAccueil #pageMenu #tools { top: 285px; left: 532px; } #pageMenu #tools { position: absolute; top: 287px; right: 100px; overflow: hidden; height: 27px; width: 61px; padding: 5px 0 0 3px; margin: 0; z-index: 10; } #tools li { float: left; list-style:none; padding: 0 4px 0 3px; background: url(img/dot_tools.gif) no-repeat right center; } #tools #print a { display: block; height: 20px; width: 20px; background: url(img/ico_print.gif) no-repeat left top; } #tools #zoom { padding-right: 0; } #tools #zoom a { display: block; height: 20px; width: 24px; background: url(img/ico_zoom.gif) no-repeat left top; } #tools #print a:hover, #tools #zoom a:hover { background-position: bottom; } #pageColumn2.size1 #news h4 { font-size: 19px; line-height:1.7em} #pageColumn2.size2 #news h4 { font-size: 21px; line-height:1.9em} .detail #pageColumn2.size1 h4, .detail #pageColumn3.size1 h4 { font-size: 17px; line-height:1.5em} .detail #pageColumn2.size2 h4, .detail #pageColumn3.size2 h4 { font-size: 19px; line-height:1.7em} #pageColumn2.size1 h4, #pageColumn2.size1 .date, #pageColumn3.size1 .date { font-size: 15px; line-height:1.3em} #pageColumn2.size2 h4, #pageColumn2.size2 .date, #pageColumn3.size2 .date { font-size: 17px; line-height:1.5em} #pageColumn2.size1, #pageColumn3.size1 { font-size: 14px; line-height:1.2em} #pageColumn2.size2 , #pageColumn3.size2 { font-size: 16px; line-height:1.4em} /* form --------------------------------------------------------------- */ fieldset { border:0; padding:5px 0; margin:0;} fieldset .block, fieldset .row { display:block; clear:both; background:none; margin:4px 0;} fieldset .col { display:block; float:left; clear:right;} input { width: 200px; } input.objet { width: 450px; } fieldset label { display:block; 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; } textarea { margin: 0; width: 440px; overflow: hidden; height: 100px; } *+html textarea { width: 443px } * html textarea { width: 443px } .submit { margin: 0; padding: 0;} #pageColumn2 form .col { width: 250px; float: left; } /* globalClass. --------------------------------------------------------------- */ body div#pageContainer .hide { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } body div#pageContainer .none { display:none } body div#pageContainer .right { float:right; } body div#pageContainer .left { float:left; } body div#pageContainer .clear { clear:both; } body div#pageContainer .txtRight { text-align:right; } body div#pageContainer .txtLeft { text-align:left; } body div#pageContainer .txtCenter { text-align:center; } #pageContainer .first { margin-left:0; padding-left:0; } body div#pageContainer .last { margin-right:0; padding-right:0; } body div#pageContainer .top { margin-top:0; padding-top:0; } /*body div#pageContainer .bottom { margin-bottom:0; padding-bottom:0; }*/ body div#pageContainer .bold { font-weight:bold } body div#pageContainer .italic { font-style:italic } body div#pageContainer .normal { font-style:normal } body div#pageContainer .underline { text-decoration:underline; } body div#pageContainer .dotBorder { border-bottom:#999 1px dotted } body div#pageContainer .noBorder { border:none } body div#pageContainer .noIcon { background:none; padding:0; margin:0; } body div#pageContainer .noFloat { float:none } body div#pageContainer .noBg { background:none; } body div#pageContainer .noWrap { overflow: hidden; zoom:1; } body div#pageContainer .titleList { margin-bottom: 0; } #pageContainer .noBullet { list-style-type:none; margin-left: 0; } #pageContainer .noBullet li { list-style-type:none; /*padding:0;*/ margin:0; background:none } body div#pageContainer .word-wrap { word-wrap:break-word; } /* word in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */ /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* customClass for list tag -------------------------------------------------------------- */ .dotBullet li { list-style-type: none; background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;} .plusBullet li { list-style-type: none; background:url(img/listBullets/plusBullet_bw1_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .arrowsBullet li { list-style-type: none; background:url(img/listBullets/arrowBullet_green_7px.gif) no-repeat; background-position: 0 6px; padding:3px 0 3px 22px; } /* customClass for link icon -------------------------------------------------------------- */ .dotLink { background:url(img/listBullets/dotBullet_bw_4px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px;} .plusLink { background:url(img/listBullets/plusBullet_bw2_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 15px; } .arrowLink { background:url(img/listBullets/arrowBullet_blue_9px.gif) no-repeat; background-position: 0 center; padding:0 0 0 10px; } .pdf { background: url(img/doc_icons/pdf.png) left center no-repeat; padding:2px 0 2px 22px; margin:-2px 0; } .icoAlert { position: absolute; background: url(img/icon_alert.png) right center no-repeat; width: 31px; height: 32px; } /* pageHeader --------------------------------------------------------------- */ /* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */ #pageHeader { padding: 38px 4px 0 4px; background: #fff; } #pageHeader h1 a { height:165px; width:110px; position:absolute; top:14px; left:81px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #logoHeader, #bannerHeader { float: left; } #logoHeader { width: 262px; height: 228px; background: #fff; position: relative; background: url(img/bg_blocklogo.gif) left 173px no-repeat;} #bannerHeader { width: 692px; height: 228px;} #bannerHeader_holder { height: 203px; overflow: hidden; } #pageAccueil #bannerHeader_holder { height:228px; } /* pageMenu --------------------------------------------------------------- */ /* quickMenu --------------------------------------------------------------- */ #quickMenu { position:absolute; top:16px; right:75px; background: url(img/bg_quickmenu.png) no-repeat; width: 367px; height: 14px; padding: 4px 0 0 0; text-align:center; } #quickMenu li { display: inline; padding:0 6px 0 10px; } #quickMenu a { font-weight:bold; font-size: 12px; color: #006736; } #quickMenu a:hover { text-decoration:underline; } /* mainMenu --------------------------------------------------------------- */ #mainMenu { position:absolute; top:40px; left:79px; width: 692px; } #mainMenu ul { background: url(img/bg_mainMenu.jpg) repeat-x; width:100%; display:block; height:26px; padding: 0 0 0 262px; } #mainMenu li { float:left; position:relative; text-align:center; width:auto } #mainMenu a { display:block; height:26px; } #mainMenu a.selected { background-position:0 -26px; } #mainMenu a span { height:0; left:0; overflow:hidden; position:absolute; top:0; width:1%;} /* 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; } /* hover of mainMenu bar */ #mainMenu li a:hover, #mainMenu ul ul a:hover { background-position:0 -26px;} /* style for the dropdown menu #mainMenu ul ul { position:absolute; top:18px; left:0; width:100%; padding-top:15px; visibility:hidden; } #mainMenu ul ul li { background:#4F5354; width:225px; border-left:1px solid #444; border-right:1px solid #444; text-align:left; filter:alpha(opacity=98); opacity:.98; } #mainMenu ul ul li a { height:auto; margin:0 10px; padding:2px; border-bottom:1px solid #444; color:#B3DDFA; } #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 li:hover > a, #mainMenu ul ul :hover > a { background-position:0 -26px; } #mainMenu ul li:hover ul, #mainMenu ul li a:hover ul { visibility:visible; } /* quickSearch --------------------------------------------------------------- */ #quickSearch { position:absolute; top:10px; right:0; width:200px; } #quickSearch fieldset { border:none; margin:0; padding:0 } #quickSearch .holder .field { float:left; width:160px; padding:0 0 1px 4px; border:#ccc solid 1px; } #quickSearch_btn { background:url(img/btn_quickSearch.gif) no-repeat; width:19px; height:19px; margin:0 0 0 3px; border:none; cursor:pointer; } /* Buttons --------------------------------------------------------------- */ #pageContent a.btn { display: block; } #pageContent a.btn span, #pageSection #pageColumn2 .multimedia li a span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; } #pageContent a.btn:hover { background-position: left bottom; } .evenements { margin-bottom: 10px; } .evenements.last { margin-top: -10px; } /* pageAccueil --------------------------------------------------------------- */ #pageAccueil .noWrap { float: left; width: 100px; } #pageColumn1 .shadow { padding-bottom: 14px; background:url(img/bg_shadow_box.gif) no-repeat left bottom; } /*Box Calendrier*/ #pageAccueil #calendar { background:url(img/bg_shadow_box.gif) no-repeat right bottom; margin-top: 0;} #calendar { background:url(img/bg_shadow_box.gif) no-repeat right bottom; padding: 0 0 19px 0; margin-top: 0; } #pageAccueil #calendar ul { padding-top: 17px; } #calendar ul { overflow: hidden; margin: 0; padding: 0 0 21px 16px; background:url(img/bg_calendar.gif) no-repeat left bottom; } #calendar li { overflow: hidden; zoom: 1; maring: 0; padding: 0;} #pageAccueil #calendar h3 { position: absolute; top: 275px; left: 79px; } #pageAccueil #calendar h3 { margin-left: 0; } #calendar h3 { padding-bottom: 15px; margin-left: 4px; } #calendar .date, #calendar .desc { float: left; margin: 0; font-weight: bold; color: #484340; width: 176px; padding: 6px 9px 0 9px; } #calendar .desc a span {font-weight: bold; color: #484340;} #calendar .date { display: block; height: 35px; width: 53px; background:url(img/bg_date.gif) no-repeat; color: #fff; text-transform:uppercase; text-align: center; padding: 4px 0 0 0; font-weight: normal; } *>.date { padding-bottom: 4px; } #calendar .date.today { background:url(img/bg_date_today.gif) no-repeat; } #calendar .date span { font-size: 21px; line-height: 14px; } #calendar .btn { margin: 8px 0 0 101px; } /*Box Rappel*/ #alert { border: 1px solid #827f5b; border-width: 1px 0; padding: 15px 13px 27px 50px; background:url(img/bg_leftbox.gif) repeat-y left top; position: relative; } #alert h3 { color: #756e40; font-size: 19px; } #alert .icoAlert { top: 11px; left: 15px; } #alert p { font-size: 14px; margin: 0; } #alert .btn { position: absolute; bottom: 9px; right:13px; } /*Box Logo*/ #logo ul { margin: 0; zoom: 1;} #pageColumn1 #logo ul li { zoom: 1; background:transparent url(img/bg_news.gif) no-repeat scroll right bottom; border-bottom:1px solid #D8DAC3; padding-bottom: 20px; margin-bottom: 20px; text-align: center;} #pageColumn1 #logo ul li img { margin: 0 auto; } /*Nouvelles*/ #news ul { margin: 0; padding: 31px 0 0 8px; } #news li.first { padding: 0 0 33px 10px; } #news li.last { background: none; border:0; } #news li { overflow: hidden; padding: 21px 0 33px 10px; zoom:1; border-bottom: 1px solid #d8dac3; background:url(img/bg_news.gif) no-repeat right bottom; list-style: none; position: relative; } #news li.first .noWrap { width: 262px; } #news li .noWrap { width: 332px; } #news h4 { font-size: 17px; margin: 0; } #news p { margin: 0; } #news .date { font-size: 12px; font-weight: bold; padding-bottom: 5px; } #pageAccueil #news img { padding: 1px; border: 1px solid #b6b5b5; display: block; } #news .img_holder { margin: 0 8px 0 0; } #news .btn { position: absolute; bottom: 6px; right: 28px; } #pageAccueil .img_holder { padding: 0 5px 9px 0; background:url(img/bg_pic.gif) no-repeat right bottom; border-left: 0; } /*Box Personalité*/ #discover.box_holder { padding: 10px 0 0 0; background:url(img/bg_discover_top.gif) no-repeat left top; margin: 0 0 0 1px; zoom: 1; } #discover.box_holder .bottom { background:url(img/bg_discover_bottom.gif) no-repeat left bottom; width: 208px; padding: 0 5px 6px 5px; overflow :hidden; zoom: 1; } #discover.box_holder .bottom p, #discover.box_holder .bottom h3 { color: #fff; } #discover.box_holder .bottom p { margin: 0; padding: 0 0 5px 0; } #discover.box_holder .bottom img { margin: 0 10px 0 0; } #discover.box_holder .bottom .btn { margin: 0 0 0 48px; } .pub.box_holder { padding: 8px 0 0 0; background:url(img/bg_top_publication.png) no-repeat left top; width: 221px; margin: 14px 0 0 0; } .pub.box_holder .bottom { background: url(img/bg_bottom_publication.png) no-repeat left bottom; width: 215px; overflow: hidden; padding: 0 0 13px 7px; position: relative; } .pub.box_holder .bottom img { margin: 0 10px 0 0; } .pub.box_holder .bottom h3 { margin: 0 0 6px 0; } .pub .btn { position: absolute; bottom: 11px; right: 10px; } .pub .desc { width: 95px; } #polaroide { position: absolute; top: 101px; right: 0; height: 385px; width: 388px; } /* pageContent --------------------------------------------------------------- */ /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #pageAccueil #pageContent { background: #fff url(img/bg_content.gif) repeat-y right top; overflow: hidden; } #pageContent { background: #fff url(img/bg_shadow_c1.gif) no-repeat 224px 0; min-height:400px; border-bottom: 1px solid #616817; overflow: hidden; height: 1% } #pageContent a { color:#336699} #pageContent a:hover { color:#888; text-decoration:underline } #pageAccueil #pageColumn1 { position: static; } #pageColumn1 { width:266px; float:left; position: relative; z-index: 10; } #pageAccueil #pageColumn2 { width:473px; padding: 0; background: url(img/bg_shadow_c2.gif) no-repeat left top;} #pageColumn2 { width:648px; float:left; padding: 7px 24px 23px 24px } #pageSection #pageColumn2 li { padding-top: 3px; padding-bottom: 3px; } #pageColumn3 { width:222px; float:left; padding: 162px 0 0 0; background: #b9c9a8 url(img/bg_col3.gif) repeat-x left top; border-left: 1px solid #b9c9a8; } .separator { background:transparent url(img/bg_news.gif) no-repeat scroll right bottom; border-bottom:1px solid #D8DAC3; height: 20px; clear: both; margin: -15px 0 20px 0; } .blueSeparator { background:transparent url(img/bg_shadow_blue.gif) no-repeat scroll -2px bottom; height: 13px; clear: both; margin: 0 0 20px 0; } .content_holder p { padding:0 15px 0 0; } .content_holder .link { margin-bottom: 3px; } .img_holder { background: url(img/bg_shadow_img.gif) no-repeat right bottom; padding-bottom: 2px; border-left: 1px solid #dedede; } .img_holder img { padding: 3px; border: 1px solid #dedede; border-width: 1px 1px 0 0; } .img_holder span { display: block; font-size: 10px; width: 164px; padding: 0 3px 3px 3px; } .img_holder.right { margin: 0 15px 10px 10px; } .img_holder.left { margin: 0 10px 10px 0; } #pageTitle, #pageTitleC3 { border-bottom: 1px solid #6395c4; margin-bottom: 13px; overflow: hidden; } #pageTitle h3.sIFR_century { margin-bottom: -4px; } .promo #pageTitle h3.sIFR_century { width: 380px; } #left_linklist ul { background:url(img/bg_shadow_box.gif) no-repeat right bottom; margin:0; padding: 3px 0 14px 5px; } #left_linklist li { width:100%; display:block; padding: 0 0 3px 0; } #left_linklist a { display:block; padding:9px 0 0 15px; height:19px; width:240px; background: url(img/bg_leftlinkList.gif) no-repeat left top; color: #6d6966; } #left_linklist a:hover { background-position: center; text-decoration:none; color: #fff; } #left_linklist a.selected { background-position: bottom; color: #fff; } .elemVisuel { background: url(img/bg_elem_visuel.gif) no-repeat left top; padding: 17px 0 35px 19px; } .elemVisuel .noWrap.vertical { padding: 0 0 0 26px; } .elemVisuel .noWrap.vertical .img_holder, .noWrap.vertical .img_holder { margin: 0 33px 0 0; } .noWrap.vertical .img_holder { margin-bottom: 15px; } .noWrap.vertical { padding: 0 0 0 45px; } /* emplois --------------------------------------------------------------- */ #pageColumn2 #lstEmplois .button { margin: 0; padding: 0; text-align: right;} #pageColumn2 #lstEmplois p { margin-bottom: 5px; } #pageColumn2 #lstEmplois .btn { display:inline-block;} #pageColumn2 #lstEmplois li { margin: 0 0 15px 0; background:transparent url(img/bg_news.gif) no-repeat scroll right bottom; border-bottom:1px solid #D8DAC3; overflow: hidden; zoom:1; } /* Detail --------------------------------------------------------------- */ .detail #pageContent { background: #fff url(img/bg_shadow_c3.gif) no-repeat 224px 0; } .detail #pageColumn2 { width: 445px; padding-right: 21px; } .detail h4, .detail .date { font-weight: bold; color: #6395c4; } .detail h4 { font-size: 15px; margin-bottom: 0; } .detail .date { font-size: 11px; margin-bottom: 14px; } .detail #pageColumn3 .elemList p { margin-bottom:0; } .detail #pageColumn3 { width: 194px; padding: 20px 0 0 12px; border: 0; background: none;} .detail #pageColumn3 .date { color: #989694; margin-bottom: 8px; } .detail #pageColumn3 #pageTitleC3 { height: 25px; margin-bottom: 0; } .detail #pageColumn3 #pageTitleC3.twoline { height: 50px; } .detail #pageColumn3 .elemList { background:transparent url(img/bg_shadow_box.gif) no-repeat scroll right bottom; padding: 0 13px 14px 0; } .detail #pageColumn3 .elemList li { padding: 14px 0; border-bottom: 1px solid #d8dac3; } .detail #pageColumn3 .elemList li.last { border: 0; text-align: right; } .detail #pageColumn3 h4 a { color: #6395c4; } .detail #pageMenu #tools { right: 293px; } #pageSection #pageColumn2 .multimedia { height: 438px; background:transparent url(img/bg_multimedia.gif) no-repeat left top; margin: 0; padding: 0; clear: both; } #pageSection #pageColumn2 .multimedia li { float: left; border-right: 1px solid #979794; padding: 0; list-style:none; } #pageSection #pageColumn2 .multimedia li a { height:24px; } #pageSection #pageColumn2 .multimedia li a:hover { background-position: bottom; } /* Archives --------------------------------------------------------------- */ .archives #pageColumn2 .date { margin: 0; } #pageSection.archives #pageColumn2 .elemList li { border-bottom: 1px solid #d8dac3; padding: 4px 0; overflow: hidden; } .archives #pageColumn2 .elemList { margin-bottom: 10px; } /* Album photos --------------------------------------------------------------- */ #pageColumn2 .lstPhoto li, #pageColumn2 .lstBulletin li, #pageColumn2 .lstProgrammation li { margin: 0 0 15px 0; border-bottom: 1px solid #000; zoom: 1; background:transparent url(img/bg_news.gif) no-repeat scroll right bottom; border-bottom:1px solid #D8DAC3; overflow: hidden; } #pageColumn2 .lstBulletin h5, #pageColumn2 .lstProgrammation h5 { margin: 0; } #pageColumn2 .lstPhoto img, #pageColumn2 .lstBulletin img, #pageColumn2 .lstProgrammation img { margin: 0 10px 0 0; padding-bottom: 15px; } #pageColumn2 .lstPhoto .date { margin: 0; padding: 0; font-weight: bold; } #pageColumn2 .lstPhoto .btn { margin: 0 23px 5px 0; } /* elementList --------------------------------------------------------------- */ .elemList { list-style:none; margin:0; padding:0;} .elemList li { padding:10px 0; display:block; clear:both;} .elemList h4 { margin:0;} .elemList a.question { border:0; background:url(img/listBullets/arrowBullet_blue_9px.gif) no-repeat 0 4px; padding:0 0 0 10px; margin:5px 0; line-height:1.1em;} .elemList .reponse { background:url(img/bg_bottomShadow.jpg) center bottom no-repeat; padding:0 0 1px 0; margin: 7px 0 0 0;} /* diapo, video, audio player --------------------------------------------------------------- */ #audio-player, #video-player, #diapo-player { background:#000; background-image:none } #audio-player a, #video-player a, #diapo-player a { color:#999999; } #audio-player a:hover, #video-player a:hover, #diapo-player a:hover { color:#dfdfdf; } #audio-player #container, #video-player #container { padding:10px 23px 10px 23px; width:418px; height:400px; color:#fff; background:#000; } #audio-player h4, #video-player h4 { color:#fff; font-size:12px; font-weight:bold; padding:0; margin:5px 0; } #audio-player #wrap, #video-player #wrap { width:385px; height:319px; border:none; } #audio-player .desc, #video-player .desc { color:#a7a9ac; } #audio-player .text, #video-player .text { height:60px; overflow:auto; } #audio-player .logo, #video-player .logo { height:26px; margin-top:5px; background:#000; } #audio-player .desc .text p, #video-player .desc .text p { padding:0 0 5px 0; margin:0 } #audio-player .desc .text, #video-player .desc .text { padding:5px 5px 0 5px; border-bottom:1px solid #a7a9ac; } /* diapo */ #diapo-player #container { height:595px; width:700px; color:#fff; padding:0 0 5px 0; background:#000; } #diapo-player h4 { background:none; display:block; padding:0 0 0 32px; margin:0; line-height:28px; height:29px; width:auto; color:#fff; } #diapo-player .nav { height:24px; padding:0 20px; } #diapo-player .nav_3, #diapo-player .num, #diapo-player .nav_1 { float:right; padding:5px 5px 0 0; } #diapo-player #princ { text-align:center; height:415px; } #diapo-player #princ img { margin: 0 auto; } #diapo-player p { padding:0; margin:0; color:#dfdfdf; margin-bottom:4px; } #diapo-player .desc { border-bottom:1px solid #a7a9ac; margin:0 20px 5px 20px; } #diapo-player .credit, #diapo-player .reference { padding:0 20px; } #diapo-player .desc span, #diapo-player .credit span, #diapo-player .reference span { font-weight:bold; font-size:11px; padding-right:10px; float:left; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { padding-top:15px; text-align:center; clear: both; background: #fafcf9 url(img/bg_footer.gif) repeat-x left top; } #bottom_linklist { width:450px; margin-bottom:10px; margin: 0 auto; text-align: center; } #bottom_linklist ul { margin-bottom: 25px; } #bottom_linklist li { display:inline; padding:0 7px 0 5px; border-left: 1px solid #44490e; } #bottom_linklist a { margin:0 0 0 5px; font-weight:normal; text-decoration:none; color: #44490e; font-weight: bold; } #bottom_linklist a:hover { text-decoration: underline; } #signatureCyber { padding:0 0 10px 0; font-weight:normal; text-decoration:none; text-align: center; } #signatureCyber a { color: #44490e; } .picElu { overflow: hidden; } .picElu li { float: left; text-align: center; padding: 5px 10px 5px 0; }