/* -------------------------------------------------------------- * 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; --------------------------------------------------------------- */ @import url("/css/commun/cBase2.0/cBase.css"); /* Set base layout CSS. */ /* Default setting. --------------------------------------------------------------- */ body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #58584e; background: #71bae6 url(img/bg_body.jpg) repeat-x; padding: 29px 0 0 0; } img.center { margin:auto;} #printHeader { display:none } #pageContainer { background:#fff; position:relative; width:975px; margin:0 auto 0; padding:0 ; } a, .content_holder a.btn { color:#fff; text-decoration: none; font-weight:bold; } a:hover, .content_holder a.btn:hover { color:#fff; text-decoration: underline; } h3 { color:#2f526c; font-size: 20px; font-family: Arial, Helvetica, sans-serif; } h4 { color:#8fb464; font-size: 14px; } h3 span { display:none; } fieldset { border: 0; } ul { margin: 0;} img { display: block; } table { border: 1px solid #000; width: 300px;} td { border-bottom: 1px solid #000; border-right: 1px solid #000; } button { cursor:pointer } .wrap { background: url(img/img-bgRight.png) right bottom no-repeat; padding-right:6px; float:left; margin-right:10px; } .wrap .top { background: url(img/img-bgLeft.png) left bottom no-repeat; padding:5px 0 6px 6px;} .wrap .bottom { border-top:1px solid #e1e1e1;} .wrap img { border:3px solid #fff;} .newsDetails .wrap, .avisPublic .wrap { float: none;} .newsDetails p, .avisPublic p { text-align: center; } .img_holder { float:left; margin-right:15px; border:1px solid #d6d6d6; } .img_holder.right { margin-left: 10px; } .img_holder img { border:3px solid #ffffff; } .jumelage .img_holder img { margin: 0 0 0 30px; } #section .content_holder img { padding: 3px; border: 1px solid #d6d6d6; } #section .content_holder img, #section .content_holder img.center { margin-bottom: 15px; } #section .content_holder .bottom img{ margin-bottom: 0; } .img.noBorder { border: 0; } .hMargin {margin-bottom:20px;} .rMargin {margin-right:20px;} .lMargin {margin-left:20px;} .caption { text-align: center; width: 225px; } .caption img { margin: 0 auto; } .content_holder ul {margin:10px 0 10px 20px;} .date {font-size:10px; color:#224763; font-weight:normal;} .title {font-size:12px; color:#00578e; font-weight:bold; margin:0;} .text {margin:10px 0; } .back {display:block; clear:both; background:url(img/listBullets/dotBullet_green_6px.gif) 0 center no-repeat; padding:0 0 2px 9px;} /* icones multimedia */ .icons_holder { display:block; clear:both; height:25px; } .icons_holder a { display:block; float:left; height:16px; padding:0; margin:5px 2px 0 0;} .pageNavigator { /*display:block; text-align:right; float:none;*/ float: right; } .pageNavigator a.selected:hover, .pageNavigator a.selected {text-decoration:none; color:#888 !important; font-size:14px;} .content_holder .docsListing, .content_holder .teammember, .content_holder .newsListing, .content_holder .eventsListing {margin:0; padding:0;} .content_holder .docsListing li, .content_holder .teammember, .content_holder .newsListing li, .content_holder .eventsListing li {list-style:none; background:none; padding:10px 0 0 0; border-top:1px dotted #e1e1e1; display:block; clear:both; } .docsListing .text, .newsListing .text { display:block; float:left; width:450px; } .content_holder a { text-decoration: underline; } #pageContent .content_holder a:hover { text-decoration: none; } body div#pageContainer .content_holder .title a {font-size:12px; color:#00578e; font-weight:bold; text-decoration: none; } body div#pageContainer .content_holder .title a:hover {text-decoration: underline;} /* 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; } /* fontResize control --------------------------------------------------------------- */ .size1 { font-size: 14px; line-height:1.2em} .size2 { font-size: 16px; line-height:1.4em} /* 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 .center { margin:0 auto; text-align:center;} 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; } body div#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 .dotBorder { border-bottom:#999 1px dotted } body div#pageContainer .box { display:block; clear:both; padding:10px 0; border-bottom:#999 1px dotted } body div#pageFooter .noBorder, 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 .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) */ body div#pageContainer #pageColumn2 .content_holder ul .noBorder { border:none; } /* Success, notice and error boxes -------------------------------------------------------------- */ .error, .notice, .success { padding: .8em !important; 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 -------------------------------------------------------------- */ .noBullet li { list-style-type: none; } .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; } .content_holder li { list-style-type: none; background:url(img/listBullets/arrowBullet_blue_9px.gif) no-repeat; background-position: 0 3px; padding:0 0 0 15px; zoom:1 } /* 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 15px; } .pdf { background: url(img/doc_icons/pdf.png) right 4px no-repeat; padding:4px 22px 4px 0; margin:2px 0; } /* pageHeader --------------------------------------------------------------- */ /* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */ #pageHeader { padding: 7px 7px 0 7px; background-color: #fff; width: 961px; } #pageHeader h1 a { height:125px; width:250px; position:absolute; top:15px; left:58px; } #pageHeader h2 { position:absolute; top:0; left:0; overflow:hidden; width:1%; height:0; } #bannerHeader_holder { background: url(img/bg_flashHeader.jpg) no-repeat; height:149px; padding: 0 0 22px 0; } #flashHeader_holder { } #pageAccueil #flashHeader { height: 240px; width: 684px;} #pageAccueil #imgAccueil { height: 240px; width: 277px; background-color: blue;} #pageAccueil #flashHeader, #pageAccueil #imgAccueil { float: left; } /* pageMenu --------------------------------------------------------------- */ /* quickMenu --------------------------------------------------------------- */ #quickMenu { background: url(img/bg_shadow_top.png) no-repeat left bottom; height:22px; position: absolute; top:-22px; right:0; width:975px; text-align: right; } #quickMenu ul { padding: 0 30px 0 0; } #quickMenu li { display: inline; padding:0 10px; border-left:1px solid #fff; } #quickMenu a { font-weight:normal; font-size: 12px; } /* mainMenu --------------------------------------------------------------- */ #mainMenu { background: url(img/bg_mainMenu.jpg) repeat-x; position:absolute; top:149px; left:7px; z-index: 100; } #mainMenu ul { width:961px; display:block; height:29px; } #mainMenu li { float:left; position:relative; border-right:1px solid #00578E; text-align:center; width:auto; } #mainMenu a { display:block; height:auto !important; height:18px; min-height:18px; padding:8px 0 3px 0; } #mainMenu a:hover { background: url(img/bg-mainMenu-on.gif) repeat-x 0 0; text-decoration:none;} #mainMenu a.selected { background: url(img/bg-mainMenu-selected.gif) repeat-x 0 0; } /* 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; border: 0; } /* style for the dropdown menu */ #mainMenu ul ul { position:absolute; top:18px; left:0; width:275px; padding-top:11px; visibility:hidden;} #mainMenu ul ul li { background: url(img/bg_subMenu.jpg) repeat-x; width:275px; text-align:left; height:auto; overflow: hidden; } #mainMenu ul ul li a { height:auto; margin:0; padding:0 10px; color:#fff; overflow: hidden; display: block; line-height:29px;} /* hover of the dropdown menu */ #mainMenu li a:hover, #mainMenu ul li:hover ul, #mainMenu ul li a:hover ul, #mainMenu ul li a:hover table { 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; } /* pageContent --------------------------------------------------------------- */ #pageAccueil #pageColumn2 h3 { padding: 16px 0 0 24px; font-size: 24px; } #pageAccueil .block_news { float: left; } #pageAccueil .block_news { width: 255px; margin: 0; } #pageAccueil .news img { padding-bottom:0 } #pageAccueil .news li { width: 405px; overflow: hidden; background: url(img/bg_dot_news.jpg) repeat-x left bottom; padding:13px 0 10px 0; zoom: 1;} #pageAccueil .news li.first { padding-top: 0;} #pageAccueil .news li p { padding: 0; } #pageAccueil .news { margin: 0 0 4px 24px; } #pageAccueil .news h4 a { font-size:12px; color:#00578e; font-weight:bold; margin:0; text-decoration:none;} #pageAccueil .news h4 a:hover { text-decoration:underline} #pageColumn2 .btn { display: block; height: 24px; width: 178px; background: url(img/bg_news_btn.jpg) no-repeat left top; line-height: 24px; margin: 0 auto; color: #fff; text-align: center;} .content_holder .logo { margin: 0; padding: 0 0 0 20px; overflow: hidden; } .content_holder .logo li { float: left; background: none; width: 151px; padding: 0 20px;} .content_holder .logo li { text-align: center; } .content_holder .logo .noPad { padding-top: 0; } .content_holder .logo .cld { padding-top: 35px; } .content_holder .logo .ville { padding-top: 30px; } .content_holder .logo.sport li { width: 40%; } .content_holder .logo .club { padding-top: 45px; } /* overflow:hidden pour forcé le wrappin dans FF - overflown:visible pour forcé le wrappin avec IE6 */ #pageContent { background: #fff url(img/bg_col1.jpg) repeat-y left top; overflow: hidden; color:#333; width: 961px; padding: 0 7px 0 7px; border-bottom: 7px solid #fff; } #pageAccueil #pageContent { background: #fff url(img/bg_col1_accueil.jpg) repeat-y left top;} #pageContent a { color:#779c48; } #pageContent a:hover { text-decoration:underline; } #pageColumn1 { width:277px; float:left; padding: 0 0 110px 0; height: 100%;} #pageColumn1 p { color: #00578E; padding: 5px; } #pageColumn2 { width:453px; float:left; height: 100%; /*background: url(img/shadow.png) no-repeat right top;*/ } #section #pageColumn2 { width:684px; float:left; height: 100%; background: url(img/shadow.png) no-repeat right 146px; overflow: hidden;} #pageColumn3 { width:229px; float:left; border-top: 0; background: url(img/shadow.png) no-repeat left top; } .content_holder p { padding:0 15px 0 0; } .content_holder .vCenter { padding: 60px 0 0 0; } .affaire .content_holder .img_holder { margin-bottom: 10px; } .content_holder .link { padding: 0; margin: 0; } .content_holder .link li { list-style: none; overflow: hidden; background: none; padding: 10px 0; margin: 0; background:transparent url(img/dot_section.gif) repeat-x scroll left bottom; width: 100%; } #section.liens #pageColumn2 .content_holder { background: none;} #pageContent .btm_acc {border-bottom: 1px solid #cbcbcb;width: 230px; position:absolute; right:8px; bottom:7px;} #section #pageColumn2 .titleSection { border-bottom: 1px solid #569bc4; margin: 0 0 18px 0; height: 39px; } #section #pageColumn2 { width:683px; padding: 0 0 50px 0;} #section #pageColumn2 h3 { padding: 17px 0 0 24px;} #section #pageColumn2 h4 { padding: 0 0 4px 0;} #section #pageColumn2 .content_holder { width: 634px; margin: 0 0 18px 24px; background: url(img/dot_section.gif) repeat-x left bottom; padding: 0 0 10px 0; position: relative; } /*#section #pageColumn2 .content_holder.noBorder {background:none;}*/ #left_calendar { background: #aeca5b url(img/bg_left_shadow.jpg) no-repeat left bottom; padding-bottom: 12px; } #left_calendar h3 { height: 52px; } #left_calendar h4 { text-transform: uppercase; } #left_calendar select { margin: 0; width: 235px; } #left_calendar ul { margin: 0; padding: 7px 0 3px 18px;} #left_calendar li { width: 247px; background: url(img/bg_calendar_date.jpg) no-repeat left top; overflow: hidden; } #left_calendar li p, #left_calendar li h4 { margin: 0; } #left_calendar li h4 a { color: #2a430b; font-weight: bold;} #left_calendar li p {margin: 0 0 8px 0; } #left_calendar ul, #left_calendar form { border-left: 1px solid #89af5b; border-right: 1px solid #89af5b;} #left_calendar #searchEvents, #left_calendar .btn { background-color: #cdde7e; border: 0; height: 29px; padding: 7px 0 0 17px; margin: 0; border: solid #89af5b; border-width: 0 1px 0 1px;} #left_calendar #searchEvents label {margin:0;} #left_calendar .btn { margin-bottom: 0; padding-left: 0; border-width: 0 1px 1px 1px; } #left_calendar .btn a { background: url(img/bg_calendar_btn.jpg) no-repeat left top; display: block; line-height: 24px; width: 186px; margin: 0 auto; color: #fff; text-align: center;} #left_calendar .date, #left_calendar .info { display:block; width: 211px; float: left; padding: 4px 0 0 2px; } #left_calendar .date { width: 34px; color: #2a430b; font-size: 12px; font-weight: bold; text-align: center; padding: 10px 0 0 0;} #left_bulletin { background: #569bc4 url(img/bg_left_shadow.jpg) no-repeat left bottom; padding-bottom: 12px; } #left_bulletin h3 { height: 35px; } #left_bulletin form { border-left: 1px solid #055b91; border-right: 1px solid #055b91; border-bottom: 1px solid #055b91; padding: 0 0 10px 0;} #left_bulletin #subscribe { margin: 0; padding: 0;} #left_bulletin #subscribe input { margin: 6px 0 4px 18px; width: 240px;} #left_bulletin #subscribe button { background: url(img/bg_bulletin_btn.jpg) no-repeat left top; display: block; height: 22px; width: 93px; float: right; color: #fff; text-align: center; border:0; font-weight:bold; margin:6px 13px 0 0;} #indice { height: 47px; padding: 15px 0 0 0; overflow: hidden; margin-left:0; } #meteo { margin-left: -1px; width: 229px; height: 60px; overflow: hidden; } .shadow { background: url(img/shadow.png) no-repeat right top; padding-top: 12px;} #publication, #indice { border:0; border-bottom:1px solid white; background: #FFFFFF url(img/shadow.png) no-repeat left top; padding-top: 12px; margin-left:1px;} #publication h3 { padding: 0 0 0 15px; margin: 2px 0 0 0; height:29px;} #publication ul { margin: -9px 0 0 0; padding: 10px 0 0 0; zoom:1; border-top: 1px solid #569bc4;} #publication li { background: none; padding: 0; margin: 0 0 14px 0; position: relative; zoom:1; z-index: 0; } /*#publication .vCenter { background-color: #569bc4; display: table; height: 25px; padding: 6px 0 6px 104px; margin: 0 0 0 -1px; position: absolute; overflow: hidden; width: 126px; bottom: 18px; z-index: -1;} #publication .vCenter p { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width: 125px; padding: 0;} #publication .vCenter p a { color: #fff; #position: relative; #top: -50%; }*/ #publication p { background-color: #569bc4; width: 116px; padding: 4px 10px 7px 104px; margin: 0 0 0 -1px; height: auto; position: absolute; bottom: 18px; left: 0; z-index: -1; overflow: hidden; } #publication a { color: #fff; } #publication .wrap { background: url(img/img-bgRight.png) right bottom no-repeat; float: none; width: 86px; } #publication .wrap .top { background: url(img/img-bgLeft.png) left bottom no-repeat; padding-bottom: 9px;} #publication .wrap .bottom { border-top:1px solid #e1e1e1;} #publication .wrap img { border:3px solid #fff;} #publication .red { background-color: red; } #publication .grey { background-color: grey; } #banner { padding: 32px 0 26px 0; } #banner img { margin: 0 auto; display: block; } #pageAccueil .news .wrap {width:112px;} #leftlinkList h3 { padding: 7px 0 0 20px; font-size:16px; line-height:0 } #leftlinkList ul { border: 1px solid #0b5f95; background-color: #569bc4; padding: 10px 0 8px 0; margin: -3px 0 0 0;} #leftlinkList ul.hide { border: 0; background-color: none; padding: 0;} #leftlinkList ul li { zoom:1; list-style: none;} #leftlinkList a { color: #fff; display: block; border-top: 1px solid #569bc4; border-bottom: 1px solid #569bc4; padding: 4px 0 2px 32px; zoom:1; } #leftlinkList .active a, #leftlinkList .active ul .active a, #leftlinkList .active ul a:hover, #leftlinkList a:hover { text-decoration: none; border-color: #5296c0; background: #67add2 url(img/leftMenu_arrow.gif) no-repeat 22px 9px; } #leftlinkList .active ul a {background:none;} #leftlinkList ul ul { padding: 0 0 0 20px; border:0; margin: 0; } /* pageFooter --------------------------------------------------------------- */ #pageFooter { padding-top:15px; text-align:center; color: #fff; margin: 0 auto; background: url(img/bg_shadow_bottom.png) no-repeat center top; width:1005px;} #bottom_linklist { width: 500px; margin: 0 auto; text-align: center;} #bottom_linklist li { display:inline; padding:0 7px 0 5px; border-left: 1px solid #fff; } #bottom_linklist a { margin:0 0 0 5px; font-weight:bold; } #signatureCyber { padding:0 0 10px 0; font-weight:normal; text-decoration:none; text-align: center; } /* Equipe -------------------------------------------------------------- */ .membersList {list-style:none; margin:0; padding:0; } .membersList .teammember {display:block; clear:both; height:auto !important; height:260px; min-height:260px; margin-bottom:20px; border-top: 1px dotted #cbcbcb; padding:10px 0; } .membersList .text_holder {float:left; width:350px; position:relative; height:auto !important; height:260px; min-height:260px;} .membersList .teammember .back { position:absolute; right:10px; bottom:10px;} form.form { display:block; clear:both;} form fieldset {margin:0; padding:0;} form label {display:block; clear:both; font-weight:bold; margin:10px 0 0 0; padding:0;} form input, form select, form textarea {margin-top:3px;} form .input {width:250px; border:1px solid #555;} form .submit {display:block; clear:both; background:url(img/btn.gif) no-repeat; color:#fff; font-weight:bold; text-align:center; padding:2px 0 4px; width:92px; border:0; height:22px;} /*#left_bulletin #subscribe button { background: url(img/bg_bulletin_btn.jpg) no-repeat left top; display: block; height: 22px; width: 93px; float: right; color: #fff; text-align: center; border:0; font-weight:bold; margin:6px 13px 0 0;}*/ form .row {display:block; clear:both; width:100%;} form .col {float:left; margin-right:10px; } .docsListing {list-style:none;} .table {border:1px solid #eaeaea; border-collapse:collapse;} .telephone {background: url(img/icon_phone.gif) 10px 3px no-repeat; height:40px; padding-left:60px; border-bottom:3px solid #d5d5d5;} .telephone h4 {font-size:20px; margin:8px 0 2px 0;} .fixed {width:200px; display:inline;} .fixed.fullWidth { width: 600px; } .siteMap ul { margin-top: 5px; } .tourismeInfo .noBullet { margin: 0; } #section.tourismeInfo #pageColumn2 .noBullet li { background: none; overflow: hidden; padding: 10px 0; zoom: 1; }