/********************************************************************************************************/ /* INIT /********************************************************************************************************/ html {margin:0; padding:0; background:#0f1518;} body {text-align:center;color:#666666; padding:0; margin:0; background:#000 url(../img/body-bg.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif} * {background-repeat:no-repeat;} #content a:link {color:#fff;} #content a:visited {color:#fff} #content a:hover {text-decoration:none; color:#fff} .left {float:left;} .right {float:right;} .spacer, .clear, retour-a-la-ligne {clear:both!important;} .align-left {text-align:left} .align-right {text-align:right} .align-center {text-align:center} .important {color:#990000;} .anchor, .container a.anchor,#nav-main a.anchor, #nav-main a:visited.anchor {padding:0;position:static!important;} a.thickbox {display:none} #content hr {clear:both; visibility:hidden} .invisible {position:absolute; top:-9999px; left:-9999px} .container {line-height:1.25em;} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink {position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li {list-style-type :none; position:absolute; top:0;} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;} ul#skiplink li a:focus, ul#skiplink li a:active {top:0px; left:0px; background-color:#FFFF00} /********************************************************************************************************/ /* LAYOUT /********************************************************************************************************/ #wrap {position:relative; text-align:left; margin:auto; width:970px} * html #wrap {} #header {background:url(../img/hdr-bg.jpg); height:165px; width:970px; margin:auto} #header h1 {margin:0;} #header h1 img {display:none} #header h1 a {width:750px; height:118px; display:block; padding:0; float:left;} #header h1 a.portail {width:220px;} #header h1 span {display:none} #header-flash {position:absolute; top:5px; left:217px; z-index:1} .sub-header {margin:0; position:absolute; top:10px; left:60px; padding:0; font-weight:bold; color:#666666; letter-spacing:0.1em} .sub-header a {color:#666666} .sub-header a:hover {color:#079BDD; text-decoration:none} #corps {padding:0 15px 10px; margin:0; width:940px; clear:both; position:relative} #content {width:940px; padding:0 10px; margin:auto} #breadcrumb {display:none; padding:0 0 0.5em 0; color:#3399CC; padding-right:110px; font-size:0.8em; font-weight:bold} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {color:#3399CC; text-decoration:none} #breadcrumb strong {color:#3399CC;} #icon-tools {text-align:right; position:relative; bottom:26px; width:100px; float:right; display:none} #search {display:none; position:absolute; top:120px; right:20px; width:175px; text-align:right; z-index:200} #search label {display:none} #search form, #search p {margin:0; padding:0; z-index:50;} #search p.search-box {text-align:left;background:#003b6e; position:relative; height:20px} #search #sword {color:#666; width:135px; height:15px; position:absolute;top:0; height:14px; padding:4px 0 0 2px} #search input {color:#08c8ff; vertical-align:middle; padding:0} #search input.rechercheOK {background:#003b6e; position:absolute; right:8px} h2 {color:#999999; text-align:center} #footer {background:#0F1518 url(../img/footer-bg.png) repeat-x;} #footer-content {background:url(../img/footer-content-bg.png) no-repeat; padding:4em 15px 2em 15px; color:#7a939b; width:940px; margin:0 auto; text-align:left; font-size:0.8em;} #footer h2 {color:#fff; font-family:"Arial Narrow","Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; background:url(../img/footer-h2-bg.png) repeat-x bottom; padding-bottom:0.5em; margin-top:0; text-align:left } #footer a {color:#7a939b; text-decoration:none} #footer a:hover {color:#fff; text-decoration:underline} #footer ul {margin:0; list-style-type:none} #footer li {margin:0;} .footer1 ul {margin:0; list-style-type:none} .footer1 li {display:inline; padding:0 0.5em 0 0;} .footer1 li:last-child {border:none} .footer1, .footer2, .footer3 {float:left; margin-right:10px; padding:10px} .footer1 {width:540px} .footer2, .footer3 {width:160px} .footer3 {margin:0; text-align:right} .footer3 h2 {visibility:hidden} /* spécificités ACCUEIL */ .homepage {background:#282828 url(../img/homepage-bg.png) repeat-x} .homepage #breadcrumb {display:none} .homepage #content h2 {color:#cccccc; font-size:250%} #myImageFlow {width:750px; margin:-70px auto 0; height:360px !important;} #dernieres-galeries {width:560px; float:left; margin-right:10px; position:relative; top:-30px} #voir-aussi {width:370px; float:left; position:relative; top:-30px; font-weight:bold} #voir-aussi ul {list-style-type:none; margin:0} #voir-aussi li {float:left; height:30px; border:1px solid #000; border-width:1px 0 0 0; width:180px; margin:0 0 10px 0; padding:10px 0; text-align:right} #voir-aussi li.colonnage2 {float:right} #content #voir-aussi ul a,#content #voir-aussi ul a:visited {text-decoration:none; color:#ccc; width:180px; display:block} #content #voir-aussi ul a:hover {color:#fff;} #voir-aussi img {float:right; margin:0 0 0 15px} /********************************************************************************************************/ /* TYPOGRAPHIE /********************************************************************************************************/ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-0.03em} #content h1 {color:#666666; font-size:2.5em; margin-top:0; color:#3399cc;} .chapo {font-weight:bold} #content h2 span {display:block; margin:10px 0px 0px 0px; font-weight:normal;} /* Liste /*-------------------------------------------------------------------------------------------------------*/ #content ul li {overflow:hidden} /* FORMATAGE GENERIQUES DES LISTES /*-------------------------------------------------------------------------------------------------------*/ #content .list {padding-bottom:1em; list-style-type:none; margin:0;} #content List li {margin:0; padding:1em 0 1em 0; clear:both;} #content .list h2 {margin-top:0; line-height:1.2em} #content .list .image {width:170px; overflow:hidden; float:left; margin:0 10px 1em 0} #content .list .text {width:360px; float:left;} #content .list h2 span.theme {color:#ccc; text-decoration:none!important} #content .list p.date {margin-bottom:1em; font-weight:bold} #content .list p.date span {background:#0D4A5F; color:#fff; padding:0.25em;} #content .list p.date span.lieu {background:#FFCC00; color:#666} #content .list-gallery {clear:both; padding:20px 0px 20px 0px;} #content .list-gallery ul {margin:10px 0px 10px 50px!important;} #content .list-gallery li {margin-top:10px!important; min-height:14em;} * html #content .list-gallery li {height:14em} #content .list-gallery .colonnage1, #content .list-gallery .colonnage2, #content .list-gallery .colonnage3, #content .list-gallery .colonnage4 {margin:0; padding:0 0 1em 0; float:left; background:none; overflow:hidden; display:inline; width:200px; text-align:center;} #content .list-gallery .colonnage1 {margin-right:10px; clear:both} #content .list-gallery .colonnage2 {margin-right:10px} #content .list-gallery .colonnage3 {margin-right:10px} #content .list-gallery strong {font-weight:normal} #content .list-gallery li img {border:1px solid #333; padding:2px;} #content .list-gallery li img:hover {border:1px solid #999} /* Ressource Single /*-------------------------------------------------------------------------------------------------------*/ #ficheRessource {color:#cccccc; text-align:center;} #ficheRessource h2 {color:#999999;} #ficheRessource .infos {margin:0px 0px 5px 0px; padding:0px;} #ficheRessource #voirDiapo a {color:#ffffff;} #imageRes {width:640px; text-align:center; margin:0 auto;} #imageRes img {background-color:#333333; border:1px solid #666666; padding:4px;} #imageRes object {display:block; background-color:#333333; border:1px solid #666666; padding:4px; margin:auto} .hidden-mov {visibility:hidden;} #image-nav {width:800px; margin:0 auto 0 auto;position:absolute; top:0; margin-top:180px; left:100px;} #image-nav #image-nav-left {display:inline; float:left;} #image-nav #image-nav-right {display:inline; float:right;} #image-count {margin:7px 0px 0px 0px; color:#999999; font-size:1.2em; font-weight:bold;} #image-comments {text-align:left; margin-top:10px; background:#000000 url(../img/image-comments-bg.gif);} #image-comments form {margin:0px;} #image-comments div {margin-bottom:0px;} #image-comments fieldset {border:none; padding:0; margin-bottom:0;} #image-comments input, #image-comments textarea {border-color:#666666; background:#000000; width:98%; border:1px solid #666; color:#666666;} #image-comments .FORMlibelles {width:39%; margin-bottom:0.8em;} #image-comments .FORMchamps {width:59%; margin-bottom:0.8em;} #image-comments .FORMsep {overflow:visible; margin-bottom:0.8em;} #image-comments label {font-weight:normal;} #image-comments button {color:#666666; border-color:#666666; background:#000000;} /********************************************************************************************************/ /* NAVIGATION /********************************************************************************************************/ /* Main Navbar /*-------------------------------------------------------------------------------------------------------*/ #nav-main {position:absolute; top:126px;left:585px;font-size:0; height:40px; text-align:left; z-index:200;} #nav-main ul {list-style:none; line-height:1; margin:0; padding:0;} #nav-main li {float:left; list-style:none; margin:0; padding:0;} #nav-main a, #nav-main a:hover {display:block; text-decoration:none; border:none;} #nav-main a, #nav-main a:visited {display:block; color:#f5f5f4; padding:9px 5px; letter-spacing:0.05em;} #nav-main .item1 {margin-right:10px} #nav-main .item1 a, #nav-main .item2 a {background:url(../img/btn-envoyer.png); width:180px; text-indent:-9999px; font-size:0; padding:0!important; height:40px; outline:none} #nav-main .item2 a {background:url(../img/btn-explorer.png);} #nav-main a:hover,#nav-main li:hover, #nav-main a:active,#nav-main .on a {background-position:-180px 0} #nav-main a.selected {background-position:-360px 0} #rechercher-wrap, #visiter-wrap {position:absolute; top:128px; left:25px; background:#fff url(../img/degrade-volet.png) bottom repeat-x; width:540px; color:#000; text-align:center;} #rechercher, #visiter {height:300px; width:530px; border:5px solid #e4e4e4} #explorer-wrap {z-index:15000; position:absolute; top:168px; left:285px; background:#383838 url(../img/explorer-bg.jpg) top repeat-x; width:670px;color:#555555;} #explorer {width:640px; border-bottom:1px solid #000; padding:15px; overflow:hidden} #explorer a, #explorer a:visited {color:#555555; text-decoration:none; padding:0.3em 1em} #explorer a:hover {background:#000; -moz-border-radius:5px; -webkit-border-radius:5px; color:#CCCCCC} #explorer a.anchor {display:none} #explorer ul {margin:0; list-style-type:none;} #explorer li {margin:0 0 0.5em 0; float:left; width:230px; font-size:120%;} #explorer h2 {text-transform:uppercase; font-size:150%; font-weight:normal; color:#CCCCCC; margin:0 0 0.5em 0; padding:0; text-align:left;} #explorer-theme {float:left; width:460px;} #explorer-mot-cle {float:left; width:440px; padding:0 10px; border-left:1px solid #282828} #explorer-mot-cle p {font-size:130%;} #explorer-recherche {float:left; width:180px;} #explorer-recherche form {padding:0; border:0} #explorer-recherche fieldset {margin:0 0 0.5em 0; padding:0; border:0;} #explorer-recherche input {width:161px; background-color:#333333; color:#f0f0f0; border-color:#333333; padding:2px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px} #explorer-recherche input:focus, #explorer-recherche select:focus {outline:none} #explorer-recherche select {width:166px; background-color:#333333; color:#f0f0f0; outline:none; border:none} #explorer-recherche option {padding:0.2em!important; background-color:#333333; border:none} #explorer-recherche .FORMlibelles {display:none;} #explorer-recherche .FORMsep {margin:0 0 10px 0;} #explorer-recherche .FORMchamps {width:100%:} #explorer-recherche button {background-color:#000; color:#f0f0f0; font-weight:bold; border:0; padding:5px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px} #explorer-recherche button:hover {background:#333333} #explorer-recherche button:active {background:#000; color:#fff} /********************************************************************************************************/ /* FORMULAIRES /********************************************************************************************************/ fieldset {border:none; padding:1em} fieldset p {margin:0!important} legend {color:#059ADC} .FORMsep {clear:both; overflow:hidden;} .FORMlibelles {float:left; width:28%; text-align:right; padding-right:2%} .FORMchamps {float:left; width:70%} .FORMvalider, .FORMlegende {clear:both; padding-left:30%} .FORMvalider .right,.FORMvalider .left {float:none} .FORMchamps input {background:#475c63; border:none;} .FORMchamps input:focus { outline:none} .FORMerreurglobale {color:#FF0000;} .FORMerreur {display:block; clear:both; color:#FF0000;} .FORMoblig em, .FORMlibelleoblig, .formObligatoire {color:#ccc;} .imageflow .caption {color:#FFFFFF;} .imageflow .slider {background-image:url(../img/slider.png);} /* MESSAGES / ALERTS /*-------------------------------------------------------------------------------------------------------*/ #content #message {background-color:#0B2D39!important; margin:20px 0px 15px 0px!important; border-color:#196C89!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:10px 15px 2px;} #content #message.error {background-color:#FADEE0!important; border-color:#F7989F!important; padding:0;} #content #message p {color:#fff; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px; font-weight:normal;} /* PAGINATION /*-------------------------------------------------------------------------------------------------------*/ #content .pagination {text-align:center; color:#999; padding:2em 0; margin:1em 0; clear:both;} #content .pagination a, #content .pagination a:visited {padding:0.2em 0.5em; text-decoration:none; color:#1A708E} #content .pagination .paginationResult {float:left;} #content .pagination .paginationPager {float:right;} #content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal!important; color:#1A708E!important; border:none} #content .pagination .paginationPagerCourant {color:#000!important; background:#1A708E} /* REAGIR A /*-------------------------------------------------------------------------------------------------------*/ #artifica-reactto {text-align:left; margin-top:10px; background:#000000 url(../img/image-comments-bg.gif);} #artifica-reactto li.alter {background:#171C1F; border:1px solid #2A3A3F; border-width:1px 0} #artifica-reactto .FORM fieldset {padding:0px 0px 10px 10px;} #artifica-reactto .comment-list {margin-top:5px; width:530px;} #artifica-reactto .comment-list p {margin-bottom:0.6em;} #artifica-reactto .comment-list ul {padding:0px; margin:0px;} #artifica-reactto .comment-list li.comment {padding:0.5em 10px 0px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px;} #artifica-reactto .comment-list .comment-meta {color:#e4e4e4;} #artifica-reactto .comment-list .comment-time {-x-system-font:none; color:#333; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} #artifica-reactto .comment-form {float:left; width:344px; padding:10px;} #artifica-reactto .comment-form form {margin:0px;} #artifica-reactto .comment-form div {margin-bottom:0px;} #artifica-reactto .comment-form fieldset {border:none; padding:0; margin-bottom:0;} #artifica-reactto .comment-form input, #artifica-reactto .comment-form textarea {border-color:#666666; background:#000000; width:98%; border:1px solid #666; color:#666;} #artifica-reactto .comment-form .FORMlibelles {width:39%; margin-bottom:0.8em;} #artifica-reactto .comment-form .FORMchamps {width:59%; margin-bottom:0.8em;} #artifica-reactto .comment-form .FORMsep {overflow:visible; margin-bottom:0.8em;} #artifica-reactto .comment-form label {font-weight:normal;} #artifica-reactto .comment-form button {color:#666666; border-color:#666666; background:#000000;} .beuser-admin-barre {color:#696969; clear:both; padding:4px; margin:5px 0px 7px 0px; text-align:right;} .beuser-admin-barre a {color:#696969; text-decoration:none} .beuser-admin-barre a:hover {color:#000000; text-decoration:underline} #content .button-simple, #content .button-submit {-moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-box-sizing:content-box; border-style:solid; border-width:1px; cursor:pointer; font-size:11px!important; line-height:18px!important; padding:2px 8px 3px 8px!important; text-decoration:none; border-color:#BBBBBB; color:#464646!important; background:#F2F2F2!important; font-weight:normal!important; } #content .button-submit {border:1px solid #6A97AE!important; background:#AED8ED!important; color:#195371!important; font-weight:bold!important; } #content button.button-simple {font-size:12px!important;} .panoramique #imageRes {height:330px;}