/* ------------------------------------------ /* Correction des styles HTML par defaut /* ------------------------------------------ */ /* doit-on ajouter ca pour ie ? apparement oui :) */ html, body { min-height: 100%; height: auto !important; height: 100%; } body { background: #FFF; text-align: center; margin:0px; margin-top:10px; margin-bottom:auto; font: 10pt; color: #000; } img, table { margin: 0; padding: 0; border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #page { width:900px; padding:0px; text-align: left; margin-top:0px; margin-bottom:0px; margin-left: auto; margin-right: auto; font-family:Arial; } #page_article { width:900px; padding:0px; text-align: left; margin-top:0px; margin-bottom:0px; margin-left: auto; margin-right: auto; font-family:Arial; } /* ------------------------------------------ /* Disposition de la bannière & menu /* ------------------------------------------ */ #banner {position:relative; width:900px; margin-bottom:4px; height:180px; margin-left: auto; margin-right: auto; text-align:left; margin-top:0px; background: url("banner2.png") no-repeat top right; z-index:500; } .logo{ position:absolute; margin-top:10px; margin-left:5px; height:100px; z-index:50;} #menu { font-family:Arial; width:890px;display:block; position:absolute; top:154px; margin-right:0px; margin-top:0px; height:24px; background: /*#815552 */url("menu/home/menu-over.jpg") no-repeat top; padding-left:10px; padding-top:2px; -moz-border-radius : 5px 5px 5px 5px; } #menu li{ float:left; list-style:none ; margin:0; width:100px; color: #fff ; text-align:center;} #menu li a{ padding-left:15px; padding-right:10px; padding-bottom:2px; padding-top:4px; color: #fff ; font: 12px "Trebuchet MS",Arial,sans-serif ; line-height: 1em ;text-decoration: none ; } #menu li a:hover, #banner #menu li a:focus, #banner #menu li a:active{text-decoration: none ; color:#724340;} #menu li ul{display:none;margin-top:1px;padding:0;width:130px;background:none;border-bottom:#edb727 2px solid; border-bottom:#edb727 1px solid!important;} #menu li:hover>ul{padding-top:4px !important;padding-top:0px;margin-left:-5px; display:block;text-align:left; } #menu li ul li{ margin:0; width:130px; display:block; border-left:#edb727 1px solid; border-right:#edb727 1px solid;} #menu li ul li a{ padding:5px; padding-left:10px; color: #815552 ; font: 11px Arial,sans-serif ; line-height: 12px ; text-align: left ; text-decoration: none ; background: #FFF; display:block;} #menu li ul li a:hover{text-decoration: none ;background: #ecdfcb; color:#edb727;} /* ------------------------------------------ /* Disposition des Rubriques /* ------------------------------------------ */ #more_about { height:310px; width:900px; margin:0px; margin-left: auto; margin-right: auto; margin-top:5px; } #more_project { height:345px; width:900px; margin:0px; margin-left: auto; margin-right: auto; margin-top:1px; } #content_rubrique { position:relative; margin:0px; margin-left: auto; margin-right: auto; } #rubrique_une{ position:absolute; top:190px; z-index:2; margin-right:0px; margin-top:0px; width:900px; background:none;} .content_une {height:328px; margin-bottom:5px; } .content_3 { float:right; width:320px; margin:15px; margin-right:40px; margin-top:5px;} .content_3 .titreRub { color:#FFF; margin-top:5px; font-size:26px; font-weight:bold; display:block;} .content_3 .intro {text-align:left; font-size:0.67em; color:#FFF; margin-top:14px; text-align:justify;} .content_3 .intro a{ color:#FFF; text-decoration:none; } .content_3 .intro a:hover{ color:#FFF; text-decoration:underline; } .content_3 .titrelist { color:#FFF; margin-top:2px; font-size:12px; font-weight:bold; display:block;} .content_4 { float:right; width:370px; margin-right:40px; margin-left:auto; margin-top:5px; } .content_4 .titreRub { color:#FFF; margin-top:5px; font-size:26px; font-weight:bold; display:block;} .content_4 .intro {text-align:left; font-size:0.67em; color:#FFF; margin-top:14px; text-align:justify; } .content_4 .intro a{ color:#FFF; text-decoration:none; } .content_4 .intro a:hover{ color:#FFF; text-decoration:underline; } .content_4 .titrelist { color:#FFF; margin-top:2px; font-size:12px; font-weight:bold; display:block;} .content_4 img {border:2px #FFF solid; margin:2px;} .content_4 h2{ font-size:24px; font-weight:bold; color:#FFFFFF; margin-bottom:10px;} .content_4 .titre_form {font-size:11px;} .content_4 .titre_form1 {font-size:12px; font-weight:bold;} .content_4 form{font-size:11px; } .content_2 { float:right; width:305px; margin-right:55px; margin-left:auto; margin-top:5px; } .content_2 .titreRub { color:#FFF; margin-top:5px; font-size:26px; font-weight:bold; display:block;} .content_2 .intro {text-align:left; font-size:0.67em; color:#FFF; margin-top:14px; text-align:justify; } .content_2 .intro a{ color:#FFF; text-decoration:none; } .content_2 .intro a:hover{ color:#FFF; text-decoration:underline; } .content_2 .titrelist { color:#FFF; margin-top:2px; font-size:12px; font-weight:bold; display:block;} .content_2 img {border:2px #FFF solid; margin:2px;} .content_1 { float:right; width:510px; margin-right:40px; margin-left:auto; margin-top:5px;} .content_1 .titreRub { color:#FFF; margin-top:5px; font-size:26px; font-weight:bold; display:block;} .content_1 .intro {text-align:left; font-size:0.67em; color:#FFF; margin-top:14px; text-align:justify;} .content_1 .intro a{ color:#FFF; text-decoration:underline; } .content_1 .intro a:hover{ color:#FFF; text-decoration:none; } .content_1 .titrelist { color:#634922; margin-top:2px; font-size:12px; font-weight:bold; display:block;} .content_1 .form1{ font-size:10px;} .logo_rubrique {float:right; margin-left:10px; margin-right:0px;} .logo_rubrique img{margin:0;} .wildlife {background:#4e2b30;} #menu-wildlife {margin-bottom:0px; width:900px; height:130px; position:absolute; top:0; } #fond-wildlife {margin-bottom:0px; width:900px; height:350px; position:relative; z-index:-1;} /* ------------------------------------------ /* Disposition des Menus Rubriques /* ------------------------------------------ */ #home {float:right; top:0px; width:655px; padding-top:0px; } .bloc0 {float:left; width:220px; margin-right:24px;} .bloc1 {float:left; top:5px; width:201px; margin-right:26px; padding-top:5px; } .bloc3 {float:right; top:5px; width:201px; padding-top:5px; } .bloc2 {float:left; top:5px;padding-top:5px; width:201px;} .bloc0a {float:left; top:5px; width:201px; margin-right:31px; padding-top:5px; } .bloc1a {float:left; top:5px; width:201px; margin-right:30px; padding-top:5px; } .bloc2a {float:right; top:5px; width:201px; padding-top:5px; } .bloc3a {float:right; top:5px; width:201px; margin-right:30px; padding-top:5px; } #bloc0b {float:left; top:5px; width:201px; margin-right:31px; padding-top:5px; } #bloc1b {float:left; top:5px; width:201px; margin-right:30px; padding-top:5px; } #bloc3b {float:right; top:5px; width:201px; padding-top:5px; } #bloc2b {float:left; top:5px;padding-top:5px; width:201px;} .item { width:201px; font-size:0.77em;position:absolute;} .item img{ padding:0px; margin:0px;} .item .contenu { padding:5px; padding-top:0px; } .item .contenu img{ margin:5px; float:right; } .item .contenu { line-height:16px;text-align:left; font-size:11px; color:#634922; } .item .contenu a{ text-decoration:none; color:#634922;} .item .contenu a:hover{ text-decoration:none; color:#edb727;} .item a{ font-size:11px; text-decoration:none; color:#634922; margin-bottom:10px;} .item a:hover{ font-size:11px; color:#edb727; margin-bottom:10px; text-decoration:none;} .item li{ margin-left:30px; margin-bottom:2px;} .titre_home {font-size:24px; color:#fbb200; font-weight:bold; margin-bottom:10px;} .edito {background: url('menu/home/fond-actu-content.png') repeat-y top; -moz-border-radius : 5px 0px 5px 5px; margin-bottom:10px;} .content_edito {padding-left:20px; padding-right:10px; padding-bottom:10px; } .titre_edito {font-size:12px; color:#7b4a4a; font-weight:bold; } .date_edito {font-size:10px; color:#9f8f7a; margin-bottom:10px;} .intro_edito {font-size:11px; color:#634922; margin-bottom:5px;} .intro_edito a{color:#634922; text-decoration:none;} .intro_edito a:hover{color:#FFCC00; text-decoration:none;} .lien_edito img{margin:5px; margin-bottom:0;} .lien_edito { padding:5px; background: url('menu/home/fond-actu-content.png') repeat-y top; -moz-border-radius : 5px 5px 5px 5px;} .lien_edito a{font-size:12px; color:#845959; font-weight:bold; margin-bottom:10px;} .lien_edito a:hover{font-size:12px; color:#FFCC00; font-weight:bold; margin-bottom:10px; text-decoration:none;} p{ margin-bottom:8px !important; margin-bottom:2px; margin-top:0px;} /* ------------------------------------------ /* Disposition du module de recherche /* ------------------------------------------ */ #banner_rubrique .recherche { float:right; margin-right:25px;margin-top:0px; text-align:center; width:120px;} #banner_rubrique .recherche form { font-size:0.82em;} /* ------------------------------------------ /* Disposition Resources /* ------------------------------------------ */ #content_rubrique_links {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/resources/fond_link.jpg') no-repeat top left;} .links {float:left; margin-top:20px; margin-right:50px; margin-left:300px;} .links .titre { font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px; } .block_links {float:left; width:500px; margin-left:50px; margin-bottom:20px; clear:left;} .titre { font-size:24px; font-weight:bold; color:#8f8569; } .block_links .titre_links { border-bottom:#8f8569 solid 1px; font-size:14px; font-weight:bold; color:#8f8569; } .block_links .texte{ margin-bottom:20px; } .block_links .logos {float:right; padding-left:5px; margin-left:5px; background:#FFF;} #content_rubrique_books {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/resources/fond_books.jpg') no-repeat top left;} .books {float:left; margin-top:20px; margin-right:50px; margin-left:300px;} .books .titre { font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px; } .block_books {float:left; width:500px; margin-left:50px; margin-bottom:20px; clear:left;} .titre { font-size:24px; font-weight:bold; color:#8f8569; } .block_books .titre_books { border-bottom:#8f8569 solid 1px; font-size:14px; font-weight:bold; color:#8f8569; } .block_books .texte{ margin-bottom:20px; } .block_books .logos {float:right; padding-left:5px; margin-left:5px; background:#FFF;} #content_rubrique_reports {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/resources/fond_reports.jpg') no-repeat top left;} .reports {float:left; margin-top:20px; margin-right:50px; margin-left:300px;} .reports .titre { font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px; } .block_reports {float:left; width:500px; margin-left:50px; margin-bottom:20px; clear:left;} .titre { font-size:24px; font-weight:bold; color:#8f8569; } .block_reports .titre_reports { border-bottom:#8f8569 solid 1px; font-size:14px; font-weight:bold; color:#8f8569; } .block_reports .texte{ margin-bottom:20px; } .block_reports .logos {float:left; padding-right:5px; margin-right:5px; background:#FFF;} #content_rubrique_editorial {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/about/fond_friends.jpg') no-repeat top left;} .editorial {float:left; margin-top:20px; margin-right:50px; margin-left:300px;} .editorial .titre { font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px; } .block_editorial {float:left; width:500px; margin-left:50px; margin-bottom:20px; clear:left;} .titre { font-size:24px; font-weight:bold; color:#8f8569; } .block_editorial .titre_editorial { border-bottom:#8f8569 solid 1px; font-size:14px; font-weight:bold; color:#8f8569; } .block_editorial .texte{ margin-bottom:20px; } .block_editorial .date{ color:8f8569 ; margin-bottom:20px; } .block_editorial .logos {float:right; padding-left:5px; margin-left:5px; background:#FFF;} /* ------------------------------------------ /* Disposition générale des pages rubriques /* ------------------------------------------ */ #article { padding-top:5px; } #article .list-article{width:420px; height:80px;margin-bottom:5px; margin-top:5px;} #article .list-article .titreNews{ font-size:14px; color:#634922; margin:0; margin-bottom:5px;} #article .list-article .logo_article1{float:left; margin-right:5px; color:#e5ddb1;} #article .list-article .logo_article .document h2{color:#e5ddb1;} #article .list-article .logo_article .document a{color:#634922; text-decoration:none;} #article .list-article .logo_article .document a:hover{color:#e5ddb1; text-decoration:none;} #article .newsletter{ float:right; padding-lef:10px; height:340px; width:225px; display:inline; padding-left:5px; border-left:1px solid #e5ddb1; font-size:0.73em;} .article { display:block; padding:5px;} .titreRub { color:#5b4c39; margin-top:5px; font-size:26px; font-weight:bold; display:block;} .soustitreRub { color:#e5ddb1; margin-bottom:10px; font-size:16px; display:block;} .article .intro {text-align:left; font-size:0.67em; color:#634922; margin-top:8px; } .article .content_une ul{ margin-left:25px;} .article .content_une li{ font-weight:bold;} .article .intro a{ text-decoration:none;} .article .intro a:hover{ text-decoration:none; color:#8f8569;} .article .link {color:#867d64; font-size:0.8em;} .logo_article {float:right; margin-bottom:10px; margin-left:20px; width:220px; font-size:0.73em; text-align:right;} /* ------------------------------------------ /* Disposition de la page Projects /* ------------------------------------------ */ .map {float:right;} .project_item{ font-size:10px; font-weight:bold;} .project_item a{ font-size:10px;} .project_item a:hover{ font-size:10px;} .project_item .location{ font-size:10px;} .pays { float:left; width:200px; margin-top:20px;} .pays li{ margin-left:20px;font-size:11px; } .pays li a{ } .pays li a:hover{ } .land { width:200px; margin-top:20px;} .bloc_landscape {width:630px; float:right; } .landscape { float:left; margin:5px;} /* ------------------------------------------ /* Disposition de la page Partners /* ------------------------------------------ */ .partners {float:left; margin-top:20px; margin-right:50px; margin-left:300px;} .partners .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px;} .logo_partners {float:left; width:550px; margin-top:20px; margin-bottom:10px; margin-left:300px;} .item_partners {display:block; height:70px;} .site{font-size:12px; color:#8f8569; font-weight:bold;} .logo_item {float:left; margin-right:10px; width:100px; text-align:center;} #content_rubrique_committee {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/about/fond_committee.jpg') no-repeat top left;} .committee {float:left; width:325px; margin-top:20px; margin-left:20px; } .committee .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px;} .texte_committee {float:right; width:550px; margin-top:20px; margin-bottom:10px;} .contact {float:right; width:550px; margin-top:20px; margin-bottom:10px; font-size:13px;} .credit { width:200px; margin-right:20px;} .texte_credit .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px;} .texte_credit {float:right; margin-bottom:10px; width:650px;} .texte_article {float:right; margin-bottom:10px; width:650px;} .texte_article .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px;} .texte_article .texte {text-align:justify; margin:5px; font-size:0.7em; color:#4e373b;} .texte_article .texte a{text-decoration:none; color:#FF9900; font-weight:bold;} .texte_article .texte a:hover{text-decoration:underline; color:#FFCC00;} .bloc-project {color:#634922;font-size:11px; background: url('menu/home/fond-actu-content.png') repeat-y top left; -moz-border-radius : 5px 0px 5px 5px; margin-bottom:10px; width:190px; padding:5px;} .bloc-project .titre{color:#634922;font-size:11px; font-weight:bold; } .bloc-project a{color:#634922;font-size:11px; text-decoration:none;} .bloc-project a:hover{color:#FFCC00;font-size:11px; text-decoration:none;} .members { display:block; margin-top:20px; margin-right:20px;} .members .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-left:-100px; } .item_members {display:block; margin-left:200px; margin-top:10px; margin-bottom:10px;clear:both;} .logo_members {float:left; width:100px; margin-right:10px; } .bloc_item {float:right; width:550px; text-align:left; margin-right:30px;} .nom{font-size:14px; color:#8f8569; font-weight:bold;} .fonction {font-size:12px; color:#8f8569; margin-bottom:20px;} .friends { float:left; margin-top:20px; padding-left:195px; padding-right:50px;} .friends .titre{font-size:24px; font-weight:bold; color:#8f8569; margin-left:0px;} /* ------------------------------------------ /* NEWS /* ------------------------------------------ */ #content_rubrique_news {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/news/fond_news.jpg') no-repeat top left;} #flash_news {margin-bottom:5px; width:900px; position:relative; height:301px; background:#dbceb3; -moz-border-radius : 10px 10px 10px 10px; } #actu { float:left; margin-top:0px; width:220px; margin-right:24px; margin-bottom:5px;} #actu .titreRubrique {font-size:1.0em; color:#FFF; height:20px; padding:O;} #actu .item { z-index:2; padding:5px; padding-top:0px; display:block; background: url('menu/home/fond-actu-content.png') repeat-y top left; -moz-border-radius : 5px 5px 5px 5px;} #actu .item img{ padding:0px; margin:0px; border:0; } #actu .item .contenu { padding:3px;margin-top:3px; display:block; height:40px; background: url('menu/home/fond-actu-content.png') repeat-y top left; } #actu .item .contenu .datenews { float:left; border-right:1px solid #E1DDC1; width:35px; height:40px; color:#E1DDC1; padding-rigth:2px; margin-right:4px; text-align:center;} .jour {font-size:20px;} #actu .item .contenu .titre{ height:40px; color:#66522e; margin-left:2px; margin-bottom:2px; font-weight:700; font-size:12px; } #actu .item .contenu .titre a{ color:#66522e; text-decoration:none;} #actu .item .contenu .titre a:hover{ color:#edb727; text-decoration:none;} #actu .item .contenu .intro { text-align:left; font-size:10px; color:#938367; font-weight:normal; line-height:10px;} #actu .item .contenu .intro a{ color:#938367; text-decoration:none;} #actu .item .contenu .intro a:hover{ color:#edb727; text-decoration:none;} .sandscript {width:230px; margin:5px; color:#631919;} #news_edito { float:left; margin-top:5px; width:215px; margin-right:24px; margin-bottom:5px; background: url('menu/home/fond-actu-content.png') repeat-y top; -moz-border-radius : 5px 5px 5px 5px;} #bloc-edito { height:200px; padding:5px; padding-left:10px; padding-right:10px; b} #news_sandscript { float:left; margin-top:5px; width:201px; margin-right:24px; margin-bottom:5px; background: url('menu/home/fond-actu-content.png') repeat-y top; -moz-border-radius : 5px 5px 5px 5px;} #bloc-sandscript { height:200px; padding:5px; padding-left:10px; padding-right:10px;} #news_archives { float:right; margin-top:5px; width:201px; margin-bottom:5px;} #bloc-archives { height:87px; padding:5px; background: url('menu/home/fond-actu-content.png') repeat-y top; -moz-border-radius : 5px 5px 5px 5px;} #bloc-archives img{ margin-top:5px; margin-right:5px;float:left; } #bloc-archives a{font-size:12px; color:#845959; font-weight:bold; margin-bottom:10px;} #bloc-archives a:hover{font-size:12px; color:#FFCC00; font-weight:bold; margin-bottom:10px; text-decoration:none;} .news_une { float:right; width:400px; margin:5px; margin-top:10px; } .news_une .titreRub { color:#FFF; margin-top:5px; font-size:26px; display:block;} .news_une .intro {text-align:justify; font-size:0.67em; margin-top:8px; margin-left:20px; margin-right:10px; color:#FFFFFF;} .news_une .intro a{text-decoration:none; color:#FFFFFF;} .news_une .intro a:hover{text-decoration:none; color:#f8ab17;} .news_une .titrelist { color:#8f8569; margin-top:2px; font-size:12px; font-weight:bold; display:block;} .news_une .news_date {font-size:12px; font-weight:normal; color:#ecebd5;} .news_list { float:right; width:180px; margin-right:5px; margin-left:5px; margin-bottom:20px; margin-top:65px; padding:5px; } .last_news {color:#FFF; font-size:12px; margin-bottom:10px; font-weight:bold;} .news_list .news-item { width:170px; margin-top:4px; padding:4px; border-right:none; } .news_list .news-item a{ text-decoration:none;} .news_list .news-item a:hover{text-decoration:none;} .news_list .news-item .logo_news { float:left; height:66px; width:96px; overflow:hidden; margin-right:10px; border:#FFF 2px solid;} .news_list .news-item li{ list-style-image:url("menu/home/puce.png"); margin-left:15px;} .news_list .news-item .news_titre{ font-size:11px; font-weight:bold; color:#FFF;} .news_list .news-item .news_titre a{ font-size:11px; font-weight:bold; color:#FFF;} .news_list .news-item .news_titre a:hover{ font-size:11px; font-weight:bold; color:#f8ab17;} .news_list .news-item .news_date {font-size:10px; font-weight:normal; color:#ecebd5; margin-left:15px; padding-bottom:4px; border-bottom:#ecebd5 1px solid;} /* ------------------------------------------ /* Galeries /* ------------------------------------------ */ #content_rubrique_galeries {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/resources/fond_galeries.jpg') no-repeat top left;} .galerie {margin-bottom:20px; } .galerie_item {float:right; width:490px; margin-bottom:10px; margin-top:30px; border-bottom:#ecebd5 solid 1px; padding-bottom:5px;} .galerie_titre {float:left; width:180px; margin-bottom:10px; font-size:10px; margin-left:215px;} /* ------------------------------------------ /* Wildlife /* ------------------------------------------ */ #flash-wildlife {margin-bottom:0px; width:900px; height:400px; position:relative; background:#4e2b30;} #fond-wildlife {margin-bottom:0px; width:900px; height:350px; position:relative; z-index:-1;} #content-wildlife {margin-bottom:0px; width:900px; height:350px; position:absolute; z-index:1;} .menu-wildlife {float:right; margin-bottom:0px; height:130px; width:650px; } .titre-groupe {float:left; margin-top:20px;margin-left:20px; font-size:32px; color:#FFF; width:150px; } .desc-groupe {float:left; margin-left:350px; margin-bottom:10px; margin-top:10px; width:250px; color:#FFF; font-size:12px; text-align:justify;} .list-espece {float:right; margin-bottom:10px; margin-top:10px; width:250px; color:#FFF; font-size:12px;} .list-espece ul { margin-left:5px; padding-left:10px; } .list-espece li { list-style:disc; } .list-espece li a{ color:#FFF; text-decoration:none;} .list-espece li a:hover{ color:#FFCC00; text-decoration:none;} .table-espece { color:#000000; font-size:12px; border-bottom:1px #D8CDA9 solid; margin-left:25px; float:right; } .table-espece .titre{ color:#6C463C; font-size:16px; font-weight:bold; margin-bottom:5px;} .table-espece .texte{ color:#6C463C; font-size:10px; } .species { padding:10px; background:url('menu/wildlife/fond_profile.jpg') repeat-y left; -moz-border-radius : 5px 5px 5px 5px; } .species_titre {font-size:24px; color:#E1A933; font-weight:bold;} .species_section {float:left; width:500px; margin-left:40px; margin-top:10px; text-align:justify;} .species_bloc { display:block; margin-bottom:10px; clear:both;} .species_section .species_infotitre{ float:left; width:70px; margin-right:10px; font-size:14px; text-align:right; } .species_section .texte{ float:left; width:320px; margin-right:50px; margin-left:10px; text-align:justify;margin-bottom:15px; padding:5px; border-left:#E4E1C9 solid 1px;} .bloc_nomcommun { background:url('menu/wildlife/fond_profile.jpg') repeat-y left; -moz-border-radius : 5px 5px 5px 5px; padding:10px; width:276px; margin-top:10px; } .bloc_nomcommun .titre_nomcommun{ text-align:left; display:block; margin-bottom:10px; font-size:14px; font-weight:bold; color:#784B49; border-bottom:1px solid #784B49; } .bloc_nomcommun .list li{ color:#6C463C; font-size:11px; margin-left:40px; margin-bottom:2px; padding-left:2px; } .bloc_nomcommun .list li a{ color:#6C463C; font-size:11px; } .bloc_nomcommun .list li a:hover{ color:#FFCC00; font-size:11px; } .bloc-sandscript {float:left; margin:5px; } .species_science {font-size:12px; font-style:italic; color:#866D4D;} .logo_species {float:right; width:300px; margin-left:10px;} .fond_update {background: url('menu/wildlife/update.jpg') no-repeat top; padding-top:55px; padding-left:30px; height:100px; color:#FFCC00; font-size:11px;} .fond_update a{color:#FFCC00;} .fond_update a:hover{color:#FFFFFF;} /* ------------------------------------------ /* Recherche /* ------------------------------------------ */ #content_rubrique_search {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/resources/fond_search.jpg') no-repeat top left;} .results {margin-top:00px; margin-right:20px; margin-left:300px; min-height:300px;} .results .titre { font-size:24px; font-weight:bold; color:#8f8569; margin-bottom:20px; } .results .search-docs { width:270px; padding:5px;} .results .search-docs .titre { font-size:16px;color:#8f8569;margin-bottom:10px; border-bottom:1px #DEDCBC solid; } .results .search-docs .texte { margin-bottom:20px;} .results .search-docs .logos {float:left; padding-right:5px; margin-right:5px; background:#FFF;} .results .search-other { float:right; margin-top:0px; padding:5px; width:260px; } .results .search-other .titre { font-size:16px;color:#8f8569;margin-bottom:10px; border-bottom:1px #DEDCBC solid; } .results .search-other .texte { margin-bottom:5px; margin-left:5px; } .results .search-other img { float:left; margin-right:5px; } /* ------------------------------------------ /* Disposition de la page Wildlife /* ------------------------------------------ */ #content_rubrique_resources {width:900px; height:400px; margin:0px; margin-left: auto; margin-right: auto; position:relative; background: url("menu/fond_content.jpg") repeat-x ;} #content_rubrique_friends {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/about/fond_friends.jpg') no-repeat top left;} #content_rubrique_partners {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/about/fond_partners.jpg') no-repeat top left;} #content_rubrique_members {position:relative; margin:0px; margin-left: auto; margin-right: auto; background: url('menu/about/fond_members.jpg') no-repeat top left;} #content_rubrique_help {width:900px; height:400px; margin:0px; margin-left: auto; margin-right: auto; position:relative; background: url("menu/fond_content.jpg") repeat-x ;} #content_rubrique_wildlife {width:900px; height:400px; margin:0px; margin-left: auto; margin-right: auto; position:relative;} #content_rubrique_wildlife #intro { position:absolute; width:900px; height:400px; left:0px; top:0px; z-index:2; background:#4e2b30;} #more {width:900px; margin:0px; height:330px; margin-left: auto; margin-right: auto; z-index:5; position:absolute; top:580px; background: url("menu/home/filet.png") repeat-x; border-top:dotted #CCC 1px;} /* Entete */ #entete {height: 108px;width: 800px;background: url("images/banniere1.jpg") no-repeat center; border-bottom:#666 1px solid; margin-bottom:2px;} #entete #nom_site_spip, #entete a .spip_logos { display: block; float: left; font-weight: bold; font-size: 1.5em; } #entete a { text-decoration: none; } #entete .formulaire_recherche { float: right; padding-top:65px;padding:5px } /* Pied de page */ #pied {clear: both; width: 100%; margin: 0; padding: 0.40em 0; font-size: 0.90em; color:#685645; font-size:1em; text-align:left; font-family:Arial, Helvetica, sans-serif; border-top:#EDECD8 solid 1px;} #pied .form {background:#d7ceb3; border:1px solid #b6aa86; font-size:0.65em; color:#685645} #pied a {color:#685645; font-size: 0.65em; margin-right:5px;} #pied small { } #pied img { vertical-align: bottom; } /* Espaceur de blocs */ .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } /* ------------------------------------------ /* Typographie generale du site /* ------------------------------------------ */ /* Typo pour les menus et la navigation */ body, #navigation, .encart, .formulaire_spip { font-family:Arial, Helvetica, sans-serif; } /* Typo pour le contenu */ #contenu { font-family:Arial, Helvetica, sans-serif; } /* Typo pour les citations et extraits introductifs */ q, blockquote, .liste-articles li .texte, h3.spip, .voirskel { font-family:Arial, Helvetica, sans-serif; } /* ------------------------------------------ /* Disposition de la page article /* ------------------------------------------ */ #page_article_3{ background:url("menu/fond/fond_rubrique_3.jpg") no-repeat top #f4eecc; width:900px; padding:0px; text-align: left; margin-top:0px; margin-bottom:0px; margin-left: auto; margin-right: auto; border:1px solid #FFF;} #page_article_4{ background:url("menu/fond/fond_rubrique_4.jpg") no-repeat top #e6e1b7; width:900px; padding:0px; text-align: left; margin-top:0px; margin-bottom:0px; margin-left: auto; margin-right: auto; border:1px solid #FFF;} #contenu_article { width:650px; float:right; margin-right:5px; min-height:400px; } #contenu_article .titre {color:#FFF; margin:5px; margin-top:75px; height:35px; font-size:1.2em; } #contenu_article .logo_article { margin:10px;float:right; width:300px;} #contenu_article .logo_article img{ padding:0px; border:solid #FFF 1px;} #more_article {width:900px; margin:0px; height:330px; position:relative; background: url("menu/home/filet.png") repeat-x; } #more #gov .item { margin:5px; height:200px; width:212px; font-size:0.73em;} #more #gov .item img{ padding:0px; margin:0px;} #more #gov .item .contenu { padding:5px;} #more #gov .item .contenu img{padding:0px; margin:0px;position:absolute; top:215px;} #more #gov .item .contenu .titrenews1 { color:#6c311c; font-weight:bold; margin-bottom:5px;} #more #gov .item .contenu .intro { text-align:left; font-size:0.9em;} #more #gov .item .contenu .intro a{ text-decoration:none;} #more #gov .item .contenu .intro a:hover{ text-decoration:none; color:#edb727;} /* ------------------------------------------ /* Habillage du contenu /* ------------------------------------------ */ /* Cartouche et titraille ---------------------------------------------- */ .cartouche { margin-bottom: 2em; } .cartouche .titre1 { font-size: 18pt; font-weight: bold; color:#aea189; } #contenu .surtitre, #contenu .soustitre { font-size: 0.82em; } .cartouche .spip_logos { float: right; margin-top:10px; margin-left: 16px; margin-bottom: 16px; } .cartouche p { margin: 0; padding: 0; clear: left; } .cartouche small { font-size: 0.71em; } .traductions { font-size: 0.77em; color:#999966; } .traductions * { display: inline; } .traductions li { padding-left: 1em; } .cartouche table { background:#FFF; border:none; text-align:left;} /* Mise en forme des textes du contenu ---------------------------------------------- */ .chapo { font-family: Arial, Helvetica, sans-serif; text-align:justify; font-size: 0.70em; line-height:1.5em; color:#393122;} .intro { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 0.70em; line-height:1.5em; color:#393122;} .chapo a{ text-decoration:none} .chapo a:hover{ text-decoration:none; color:#B6A481;} .lien { background: #EEE; margin: 1em; margin-bottom: 1.5em; padding: 0.82em; border: 1px solid #CCC; font-size: 0.8em; font-weight: bold; } .texte { font-family: Arial, Helvetica, sans-serif; text-align:justify; font-size: 0.70em; line-height:1.5em; color:#393122; } .ps, .notes { font-family: Arial, Helvetica, sans-serif; margin-top: 2px; text-align:right; width:inherit; font-style:italic; color:#BFAF93; } .ps1 { font-family: Arial, Helvetica, sans-serif; margin-top: 2px; text-align:left; width:inherit; font-style:italic; color:#BFAF93; } .ps { font-size: 0.65em; } .notes { clear: both; font-size: 0.77em; } .ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; } .tableau { border-top:solid 1px #CCC;} .titreTableau { background:#FFF;} /* Portfolio ---------------------------------------------- */ #documents_portfolio { clear: both; margin-top: 1.4em; padding-top: 2px; border-top: 1px solid #CCC; } #documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; } #document_actif { margin-top: 1em; } /* Listes de documents joints (a un article ou une rubrique) ---------------------------------------------- */ #documents_joints { margin-top: 1.4em; padding-top: 2px; border-top: 1px solid #CCC; } #documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; } #documents_joints ul { margin: 0; padding: 0; list-style: none; } #documents_joints li { margin-bottom: 0.4em; } #documents_joints li .spip_doc_titre {} #documents_joints li .spip_doc_titre small { font-weight: normal; } #documents_joints li .spip_doc_descriptif {} /* Listes d'articles et extraits introductifs ----------------------------------------------- */ .liste-articles ul { margin: 0; padding: 0; list-style: none; } .liste-articles li { margin-bottom: 1em; clear: both; } .liste-articles li .titre { font-size: 1em; font-weight: bold; } .liste-articles li .spip_logos { float: right; margin-left: 16px; margin-bottom: 16px; clear: right; } .liste-articles li p { margin: 0; padding: 0; } .liste-articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } .liste-articles li small { display: block; font-size: 0.71em; } .liste-articles li .texte { margin-top: 5px; margin-bottom: 2em; border: 1px solid #CCC; padding: 0.9em; font-size: 0.82em; line-height: 1.4em; } .pagination { font-size: 0.90em; } /* ------------------------------------------ /* Habillage specifique du plan du site /* ------------------------------------------ */ .page_plan .cartouche { display: none; } .page_plan #contenu h2 { clear: both; background: #EEE; border: 1px solid #CCC; padding: 0.5em; margin-bottom: 1em; font-weight: bold; text-align: center; } .page_plan #contenu .contre-encart ul { display: block; clear: left; margin-top: 0; margin-bottom: 1em; padding-top: 0; } .page_plan #contenu .contre-encart li {} /* ------------------------------------------ /* Habillage des formulaires /* ------------------------------------------ */ .formulaire_spip { text-align: left; font-size: 0.77em; } .formulaire_spip p { margin: 0.5em 0; padding: 0; } .formulaire_spip fieldset { border:0;} .formulaire_spip legend {} .formulaire_spip label {} .formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; } /* Boutons */ .spip_bouton { text-align: right; } .spip_bouton input { float: right; } /* Reponse du formulaire */ .reponse_formulaire { font-weight: bold; color: #e86519; } fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; } /* Previsualisation du message */ fieldset.previsu { padding: 1em; } /* Formulaire de login au forum */ .formulaire_login_forum .form1 { width: 100px; } .formulaire_login_forum .spip_logos { float: right; padding-left: 10px; } /* Choix des mots-clefs */ ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } ul.choix_mots label { display: inline; } /* Formulaire de recherche */ .formulaire_recherche { width: 140px; text-align: left; margin-bottom:5px;} .formulaire_recherche label { display: none; } /* ------------------------------------------ /* Habillage des forums /* ------------------------------------------ */ .forum-repondre, .forum-decompte { clear: both; margin-top: 2.5em; padding-top: 2px; border-top: 2px solid #CCC; font-size: 0.88em; font-weight: bold; } /* * Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.5em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; } .forum-chapo small {} .forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; } .forum-texte .forum-lien {} .forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; } /* ------------------------------------------ /* Habillage des petitions /* ------------------------------------------ */ #signatures { clear: both; font-size: 0.77em; } #signatures h2 { padding: 0.5em; text-align: center; font-size: 1.2em; font-weight: bold; } #signatures table { width: 100%; margin: 1em 0; } #signatures thead { display: none; } /* On n'affiche pas les titres du tableau */ #signatures td.signature-date { background: #E4F0F0; padding: 0.5em; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; padding: 0.2em; text-align: center; font-weight: bold; } #signatures td.signature-message { background: #F4F8F8; padding: 0.4em; font-size: 0.96em; } /* ------------------------------------------ /* Couleurs des liens /* ------------------------------------------ */ a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; } .gras {color:#006666; font-weight:bold;}