/* Theme Name:Wordpress SMBCG Theme Theme URI:http://www.smbcg-mareclean.eu/ Description:Thème réalisé pour la refonte 2010 du site smbcg Author:Simon-Pierre HENNEQUIN Author URI:http://www.mediatemprano.com Tags:bleu, header large, graphique, 2 colonnes, widgets, simple, clair, fluide Creation Theme by Simon-Pierre HENNEQUIN || http://www.mediatemprano.com */ @import url('_css/style-buttons.css'); * {padding: 0;margin: 0;} html {height: 100%;font-size: 100%;} body {height: 100%;font:12px 'Arial', tahoma, verdana, sans-serif;text-align:left;color:#747474;} hr {height:1px;border-collapse:collapse;border:1px solid #e8e8e8;margin: 10px 0px 10px 0px;} /* Selection texte sous Safari */ ::selection {color:#fff;background:#3f7296;} /* Selection texte sous Firefox */ ::-moz-selection {color:#fff;background:#3f7296;} /* Plan du site */ .ddsg-wrapper p {padding-top:20px;} .ddsg-wrapper p a {padding:4px 8px 4px 8px;;color:#fff;text-decoration:none;font-weight: bold;background:#abb31c;} .ddsg-wrapper p a:hover {text-decoration:underline;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- SINGLE -> Actualités ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .content.article #content-right a, .content.article #content-right ul li a {color:#666;text-decoration:none;border-bottom: 1px dotted #666;} .content.article #content-right a:hover, .content.article #content-right ul li a:hover {color:#878787;text-decoration:none;border-bottom: 1px solid #878787;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- GLOBAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ div#global {width:1003px;margin:0px auto 0px auto;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- HEADER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #header {clear:both;overflow:hidden;width:100%;margin:0px auto 0px auto;padding:20px 0px 0px 0px;} #header h1 {float:left;top:10px;left:0px;} #header h1 img {border:0;} #header ul#nav {float:right;height:36px;line-height:36px;margin:25px auto 39px auto;padding:0px 0px 0px 0px;list-style-type:none;} #header ul#nav li {float:left;height:36px;line-height:36px;display:inline;border-right:1px solid #e6e6e6;} #header ul#nav li a {float:left;display:block;height:36px;line-height:36px;text-decoration:none;color:#8e8e8e;font-size:12px;padding:0px 12px 0px 12px;} #header ul#nav li a:hover {color:#6b7f8d;border-top:3px solid #6b7f8d;background:url('_img/bg-nav-current.gif') top repeat-x;} #header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a, #header ul#nav li.current_page_ancestor a, #header ul#nav li.current-cat a {color:#6b7f8d;border-top:3px solid #6b7f8d;background:url('_img/bg-nav-current.gif') top repeat-x;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- TOP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #top {clear:both;overflow:hidden;padding:15px 0px 0px 0px;} #top #breadcrumb {width:1003px;height:28px;line-height:28px;font-size:11px;color:#707070;padding:10px 0px 0px 0px;} #top #breadcrumb a {/*color:#1f689b;*/color:#686868;text-decoration:none;} #top #breadcrumb a:hover {text-decoration:underline;} #top #breadcrumb span.separate {display:inline-block;min-width:21px;min-height:28px;background:url('_img/bg-breadcrumb-active.gif') left center no-repeat;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- FORMULAIRE RECHERCHE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ form#search {position:absolute;z-index:97;clear:both;overflow:hidden;float:right;width:255px;height:47px;line-height:47px;margin:-12px 0px 0px 751px;background:url('_img/bg-search-form.png') no-repeat;} form#search .input-txt {position:absolute;float:left;border:0px;width:170px;height:19px;margin:8px 10px 0px 25px;padding:3px 0px 3px 5px;color:#8f9597;font-size:11px;} form#search .input-btn {float:right;width:35px;height:41px;margin:0px 1px 0px 0px;cursor:pointer;border:0px;background:url('_img/bg-search-btn.png') no-repeat top;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGE ACCUEIL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .accueil {width:100%;height:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:url('_img/bg-body-home.gif') top repeat-x;} .accueil #slideshow {position:absolute;z-index:96;width:1003px;left:50%;margin-left:-501px;margin-top:7px;font:16px Georgia, "Times New Roman", Times, serif;color:#707070;} .accueil #slideshow ul, .accueil #slideshow ul li {margin:0;padding:0;list-style:none;} .accueil #slideshow ul li{ width:1003px;height:249px;overflow:hidden; } .accueil #slideshow ul li img {z-index:95;border:0; } .accueil #slideshow #prevBtn, .accueil #slideshow #nextBtn {z-index:99;display:block;width:30px;height:77px;position:absolute;left:-30px;top:230px;text-indent:-3000px;} .accueil #slideshow #prevBtn {left:330px;} .accueil #slideshow #nextBtn {left:1306px;} .accueil #slideshow #prevBtn a, .accueil #slideshow #nextBtn a {display:block;width:30px;height:77px;background:url('_img/slide-btn-prev.gif') no-repeat 0 0;} .accueil #slideshow #nextBtn a { background:url('_img/slide-btn-next.gif') no-repeat 0 0;} .accueil #slideshow p {font-family:Arial,tahoma,verdana;font-size:12px;margin-top:120px;} .accueil #content {padding:260px 0px 0px 0px;} .accueil #content-left {float:left;width:700px;} .accueil #content-left h1 {color:#1f689b;font-weight:normal;margin:0px 0px 10px 0px;} .accueil #content-left #left-news {margin:0px 0px 30px 0px;} .accueil #content-left #left-news .news {float:left;display:block;width:170px;min-height:330px;border:1px solid #e0e0e0;padding:15px 15px 15px 15px;margin:10px 14px 15px 0px;} .accueil #content-left #left-news .news:hover {background:#f8f8f8;} .accueil #content-left #left-news .news img {width:180px;height:75px;float:left;border:0px;border:1px solid #fff;margin:0px 0px 15px 0px;} .accueil #content-left #left-news .news img:hover {border:1px solid #a3ad22;} .accueil #content-left #left-news .news h2 {margin:0 0 0 0;padding:0 0 0 0;} .accueil #content-left #left-news .news h2 a {color:#a3ad22;border-bottom:1px dotted #a3ad22;text-decoration:none;font:bold 16px 'Georgia', Times New Roman, Times, serif;} .accueil #content-left #left-news .news h2 a:hover {color:#a3ad22;border-bottom:1px solid #a3ad22;text-decoration:none;} .accueil #content-left #left-news .news h3 {color:#a5a5a5;font:11px 'Arial', tahoma, verdana, sans-serif;padding:10px 0px 10px 0px;} .accueil #content-left #left-news .news a.news-more {display: block;width:65px;color:#a3ad22;border-bottom:1px dotted #a3ad22;text-decoration:none;margin:10px 0px 5px 0px;} .accueil #content-left #left-news .news a.news-more:hover {color:#a3ad22;border-bottom:1px solid #a3ad22;text-decoration:none;} .accueil #content-left #left-competences {width:664px;padding:15px 0px 0px 0px;border-top:1px solid #e6e6e6;} .accueil #content-right {float:right;width:300px;min-height:300px;} .accueil #content-right h1 {color:#757575;} .accueil #content-right #right-docs {height:250px;margin:42px 0px 0px 0px;padding:0px 20px 0px 25px;background:url('_img/bg-content-right.gif') top right no-repeat;} .accueil #content-right #right-docs h1 {padding:12px 0px 0px 0px;font-weight:normal;} .accueil #content-right #right-docs ul {margin:20px 0px 0px 17px;} .accueil #content-right #right-docs ul li {line-height:15px;list-style-type:square;margin:0px 0px 10px 0px;} .accueil #content-right #right-docs ul li a {color:#f97818;text-decoration:none;border-bottom:1px dotted #f97818;} .accueil #content-right #right-docs li a:hover {text-decoration:underline;border-bottom:none;} .accueil #content-right #right-docs a.link-docs {position:absolute;color:#757575;height:33px;line-height:33px;margin:25px 0px 0px 55px;padding:0px 15px 0px 25px;text-decoration:none;background:url('_img/icon-link-docs.png') center left no-repeat;} .accueil #content-right #right-docs a.link-docs:hover {color:#ff6c00;background:url('_img/icon-link-docs-hover.png') center left no-repeat;} .accueil #content-right #right-newsletter h1 {margin:0px 0px 15px 0px;} .accueil #content-right #right-newsletter form .MailPressFormEmail, #right-newsletter form .MailPressFormName {color:#8e8e8e;width:240px;margin:0px 0px 8px 0px;padding:5px;border:1px solid #dcdcdc;-moz-border-radius:4px;-webkit-border-radius:4px;} .accueil #content-right #right-newsletter form .MailPressFormEmail:hover, .accueil #content-right #right-newsletter form .MailPressFormName:hover {border:1px solid #a1a1a1;} .accueil #content-right #right-newsletter form .MailPressFormEmail:focus, .accueil #content-right #right-newsletter form .MailPressFormName:focus{outline:none;border:1px solid #cecd00;background:url('_img/bg-mailpress-focus.gif') repeat-x;} .accueil #content-right #right-newsletter form .mp_submit {border:0;} .accueil #content-right .bloc {margin:20px 0px 0px 0px;padding:15px 15px 15px 25px;border:1px solid #e6e6e6;background:#f8f8f8;-moz-border-radius:8px;-webkit-border-radius:8px;} .accueil #content-right .bloc h1 {margin:0px 0px 15px 0px;} .accueil #content-right .bloc p {margin:0px 0px 15px 0px;} .accueil #content-right .bloc table {border:0px;margin:0px 0px 10px 0px;} .accueil #content-right .bloc td {padding:0px 4px 0px 4px;border:1px solid #d5d5d5;} .accueil #content-right .bloc a.link {color:#f97818;text-decoration:none;border-bottom:1px dotted #f97818;} .accueil #content-right .bloc a.link:hover {text-decoration:underline;border-bottom:none;} .accordion {list-style-type:none;padding:0;margin:20px 0px 30px 0px;border-top:none;border-left:none;} .accordion ul {padding:0;margin:0;float:left;display:block;width:662px;} .accordion li {background:url('_img/bg-accordion.gif') repeat-x;cursor:pointer;list-style-type:none;padding:0px 0px 0px 0px;margin:0;float:left;display:block;width:662px;border-left:1px solid #d3d3d6;border-right:1px solid #d3d3d6;} .accordion li.active>a.show {background:url('_img/icon-accordion-close.gif') left center no-repeat;} .accordion li div {padding:20px;display:block;clear:both;float:left;} .accordion a.show {text-decoration:none;border-bottom:1px solid #e7e7e7;font:normal 12px/26px Arial, sans-serif;color:#616161;padding:0px 0px 0px 40px;display:block;cursor:pointer;background:url('_img/icon-accordion-open.gif') left center no-repeat;} /* Level 2 */ .accordion li ul li {background:#7FD2FF;font-size:0.9em;} .accordion a {color:#a3ad22;font-weight:bold;text-decoration:underline;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .page {width:100%;height:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:url('_img/bg-body.gif') top repeat-x;} .page #content {margin:30px 0px 35px 0px;} .page span.number {display:block;float:left;width:34px;height:34px;line-height:34px;text-align:center;color:#fff;font-weight:bold;font-size:15px;margin:-2px 14px 0px 0px;background:url('_img/bg-number.gif') center center no-repeat;} .page span.after-number {display:block;color:#7ba8c7;font-size:20px;font-weight:bold;padding:8px 0px 5px 0px;} .page #content-left {float:left;width:275px;} .page #content-left a {color: #747474;} #content-left #left-nav {width:261px;margin:0px 0px 0px 0px;border-top:1px solid #e0e0e0;} #content-left #left-nav li {float:left;display:block;width:261px; background:url('_img/bg-accordion.gif') left center repeat-x;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;} #content-left #left-nav li a {float:left; display:inline-block; width:255px; text-decoration:none; padding:12px 0px 8px 10px;} /* #left-nav li.parent a, ul#left-nav li.parent_item a{color:#fff;background:url('_img/bg-leftnav-parent.gif') right center no-repeat;} */ #left-nav li.parent.active {background:url('_img/bg-mainlevel.gif') left center no-repeat;} #left-nav li a:hover, #left-nav li.current_page_item a {color:#fff; background:url('_img/bg-leftnav-parent.gif') right center no-repeat;} .page #content-right{float:right;width:700px;padding:0px 0px 0px 0px;/*border-right:1px solid #f4f4f4;*/} /*.page #content-right #post-content a.lien, {color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;}*/ .page #content-right #post-content a.lien, .page #content-right #post-content ul li a {color:#666;text-decoration:none;border-bottom: 1px dotted #666;} .page #content-right #post-content a.lien:hover, .page #content-right #post-content ul li a:hover {color:#878787;text-decoration:none;border-bottom: 1px solid #878787;} /*.page #content-right #post-content p a.lien, .page #content-right #post-content ul li a{color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;} .page #content-right #post-content p a.lien:hover, .page #content-right #post-content ul li a:hover {border-bottom:1px solid #f98f3f;} */ .page #content-right #post-content p a.awesome{color:#fff;} .page #content-right #post-content ul {margin:0px 0px 10px 30px;padding: 0px 0px 8px 0px;} .page #content-right #post-content ul li {margin:0px 0px 15px 15px;list-style-type:none;list-style-image:url('_img/icon-puce-01.gif');} .page #content-right #post-content ul li.lang-fr {margin:0px 0px 0px 0px;list-style-type:none;list-style-image:url('_img/flag-fr.gif');} .page #content-right #post-content ul li.lang-fr img, .page #content-right #post-content ul li.lang-en img {margin:0px 0px 0px 10px;} .page #content-right #post-content ul li.lang-en {margin:0px 0px 0px 0px;list-style-type:none;list-style-image:url('_img/flag-en.gif');} .page #content-right #post-content p {line-height:16px;margin:0px 0px 15px 0px;padding: 0px 0px 10px 0px;} .page #content-right #post-content h3 {color:#82a4bc;font:bold 16px verdana, tahoma, serif;} /* #post-content img{padding:5px 5px 5px 5px;border:5px solid #efefef;border-bottom:none;} */ #post-content img {border:none;} #post-content img.alignleft, .size-thumbnail {float:left;margin:0px 25px 15px 0px;} #post-content img.aligncenter, .size-thumbnail {display: block;margin-left: auto;margin-right: auto } #post-content img.alignright, .size-thumbnail {float:right;margin:0px 0px 15px 25px;} #content-left .left-posts-head{font-size:18px;font-weight:normal;color:#d5d5d5;margin:0px 0px 3px 0px;} #content-left h3.left-posts-cat{font-size:22px;font-weight:bold;color:#989898;margin:-15px 0px 15px 0px;} ul#left-posts{width:250px;margin:0px 0px 0px 0px;} ul#left-posts li{display:block;list-style-type:none;margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;border-bottom:1px solid #ededed;} ul#left-posts li a{display:block;color:#989898;font-size:11px;text-decoration:none;padding:0px 0px 0px 15px;background:url('_img/icon-puce-02.gif') left center no-repeat;} ul#left-posts li a:hover{color:#666;padding:0px 0px 0px 15px;} #aspdf{margin:20px 0px 0px 0px;padding:10px 0px 10px 0px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;} #aspdf a{color:#888;font-size:11px;text-decoration:none;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- RUBRIQUE MARECLEAN -> LEFT NAV -> Le Projet, Comprendre, Agir, Prévenir, Communication & duplication, Chiffres clés ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #left-nav-mareclean {margin: 0px 0px 0px 0px;} #left-nav-mareclean li {float: left;display: block;} #left-nav-mareclean li a {color: #747474;} #left-nav-mareclean li a:hover, ul#left-nav-mareclean li.current_page_item a {color: #fff;} #left-nav-mareclean li.parent.active {background: url('_img/bg-mainlevel.gif') left center no-repeat;} #left-nav-mareclean .mareclean-sub ul li a, #left-nav-mareclean .comprendre-sub ul li a, #left-nav-mareclean .agir-sub ul li a, #left-nav-mareclean .prevenir-sub ul li a, #left-nav-mareclean .comm-sub ul li a, #left-nav-mareclean .chiffres-sub ul li a{color:#5f5f5f;text-decoration:none;} #left-nav-mareclean .mareclean-sub ul li, #left-nav-mareclean .comprendre-sub ul li, #left-nav-mareclean .agir-sub ul li, #left-nav-mareclean .prevenir-sub ul li , #left-nav-mareclean .comm-sub ul li, #left-nav-mareclean .chiffres-sub ul li{width: 210px;margin: 0px 0px 0px 0px;padding: 8px 20px 8px 30px;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;background: url('_img/bg-accordion.gif') left center repeat-x;} /*rubrique 00 : le mot du président */ #left-nav-mareclean li.mot a.first-link {display: block;float: left;width: 261px;height: 37px;text-indent: -9999px;background: url('_img/btn-left-00-mot.gif') left center no-repeat;} /*rubrique 01 : le projet life mareclean */ #left-nav-mareclean li.mareclean a.first-link {display: block;float: left;width: 261px;height: 37px;text-indent: -9999px;background: url('_img/btn-left-00-mareclean.gif') left center no-repeat;} #left-nav-mareclean li.mareclean div.mareclean-sub ul li a:hover {color:#767575;} #left-nav-mareclean li.mareclean div.mareclean-sub ul li.current_page_item a {color:#767575;font-weight:bold;} #left-nav-mareclean li.mareclean div.mareclean-sub ul li.current_page_ancestor a {color:#767575;font-weight:bold;} /* rubrique 02 : comprendre */ #left-nav-mareclean li.comprendre a.first-link {display: block;float: left;width: 261px;height: 37px;text-indent: -9999px;background: url('_img/btn-left-01-comprendre.gif') left center no-repeat;} #left-nav-mareclean li.comprendre div.comprendre-sub ul li a:hover {color:#767575;} #left-nav-mareclean li.comprendre div.comprendre-sub ul li.current_page_item a {color:#046cb1;font-weight:bold;} #left-nav-mareclean li.comprendre div.comprendre-sub ul li.current_page_ancestor a {color:#046cb1;font-weight:bold;} /* rubrique 03 : agir */ #left-nav-mareclean li.agir a.first-link {display: block;float: left;width: 261px;height: 40px;text-indent: -9999px;background: url('_img/btn-left-02-agir.gif') left center no-repeat;} #left-nav-mareclean li.agir div.agir-sub ul li a:hover{color:#afb135;} #left-nav-mareclean li.agir div.agir-sub ul li.current_page_item a{color:#afb135;font-weight:bold;} #left-nav-mareclean li.agir div.agir-sub ul li.current_page_ancestor a{color:#afb135;font-weight:bold;} /* rubrique 04 : prevenir */ #left-nav-mareclean li.prevenir a.first-link {display: block;float: left;width: 261px;height: 40px;text-indent: -9999px;background: url('_img/btn-left-03-prevenir.gif') left center no-repeat;} #left-nav-mareclean li.prevenir div.prevenir-sub ul li a:hover{color:#ea8813;} #left-nav-mareclean li.prevenir div.prevenir-sub ul li.current_page_item a{color:#ea8813;font-weight:bold;} #left-nav-mareclean li.prevenir div.prevenir-sub ul li.current_page_ancestor a{color:#ea8813;font-weight:bold;} /* rubrique 05 : communication & duplication */ #left-nav-mareclean li.comm a.first-link {display: block;float: left;width: 261px;height: 40px;text-indent: -9999px;background: url('_img/btn-left-04-comm.gif') left center no-repeat;} #left-nav-mareclean li.comm div.comm-sub ul li a:hover{color:#6b7978;} #left-nav-mareclean li.comm div.comm-sub ul li.current_page_item a {color:#6b7978;font-weight:bold;} #left-nav-mareclean li.comm div.comm-sub ul li.current_page_ancestor a {color:#6b7978;font-weight:bold;} /* rubrique 06 : chiffres cles */ #left-nav-mareclean li.chiffres a.first-link {display: block;float: left;width: 261px;height: 40px;text-indent: -9999px;background: url('_img/btn-left-05-chiffres.gif') left center no-repeat;} .content .post-content-more {display:block;margin:30px 0px 0px 0px;padding:50px 20px 10px 20px;font-size:11px;line-height:16px;font-family:'Verdana', Arial, Helvetica, sans-serif; background:url('_img/bg-more.gif') top left no-repeat;} .content .post-content-more h1{color:#cccccc;font:bold 14px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:none;} .content .post-content-more h2{color:#767575;font: 18px 'Arial', tahoma, verdana, sans-serif;margin:10px 0px 10px 0px;padding:10px 0px 0px 0px;border-bottom:none;} .content h1{color:#1f689b;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.le-mot-du-president h1, .content.projet-life-mareclean h1{color:#64987c;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.le-mot-du-president #post-content a {color:#7eac93;text-decoration:none;border-bottom: 1px dotted #7eac93;} .content.le-mot-du-president #post-content a:hover {border-bottom: 1px solid #7eac93;} /* content rubrique -> Présentation du syndicat */ .content.rootparent183 #post-content a {color:#666;text-decoration:none;border-bottom: 1px dotted #666;} .content.rootparent183 #post-content a:hover {color:#878787;text-decoration:none;border-bottom: 1px solid #878787;} .content.rootparent183 #post-content a.link-in {display: inline-block;width: 670px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 25px;color: #939393;text-decoration: none;border-bottom: 1px dotted ##767575;background: url('_img/arrow-link-00-mareclean.gif') left center no-repeat;} .content.rootparent183 #post-content a.link-in:hover {color:#767575;text-decoration:underline;border-bottom: 1px dotted #767575;} /* content rubrique mareclean -> le projet life mareclean */ .content.projet-life-mareclean h2 {color:#7eac93;font: 24px/18px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 8px 0px;} .content.projet-life-mareclean #post-content a {color:#7eac93;text-decoration:none;border-bottom: 1px dotted #7eac93;} .content.projet-life-mareclean #post-content a:hover {border-bottom: 1px solid #7eac93;} .content.projet-life-mareclean .post-content-more ul {float:left;width:180px;margin:10px 0px 0px 55px;} .content.projet-life-mareclean .post-content-more ul li a {color:#7eac93;text-decoration:none;border-bottom: 1px dotted #7eac93;} .content.projet-life-mareclean .post-content-more ul li a:hover {border-bottom: 1px solid #7eac93;} .content.rootparent834 h1 {color:#767575;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent834 #post-content h2 {color:#767575;font: 24px/18px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 5px 0px;padding:5px 0px 8px 0px;} .content.rootparent834 #post-content a {color:#767575;text-decoration:none;border-bottom: 1px dotted #767575;} .content.rootparent834 #post-content a:hover {color:#767575;text-decoration:none;border-bottom: 1px solid #767575;} .content.rootparent834 #post-content a.link-in {display: inline-block;width: 670px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 25px;color: #939393;text-decoration: none;border-bottom: 1px dotted ##767575;background: url('_img/arrow-link-00-mareclean.gif') left center no-repeat;} .content.rootparent834 #post-content a.link-in:hover {color:#767575;text-decoration:underline;border-bottom: 1px dotted #767575;} .content.rootparent834 .post-content-more a {color:#767575;text-decoration:none;border-bottom: 1px dotted #767575;} .content.rootparent834 .post-content-more a:hover {color:#767575;text-decoration:none;border-bottom: 1px solid #767575;} /* content rubrique mareclean -> comprendre */ .content.rootparent545 h1 {color:#046cb1;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent545 h2 {color:#046cb1;font:normal 22px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;} .content.rootparent545 #post-content a {color:#046cb1;text-decoration:none;border-bottom: 1px dotted #046cb1;} .content.rootparent545 #post-content a:hover {border-bottom: 1px solid #046cb1;} .content.rootparent545 #post-content a.link-in {display: inline-block;width: 670px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 25px;color: #046cb1;text-decoration: none;border-bottom: 1px dotted #c0c0c0;background: url('_img/arrow-link-comprendre.gif') left center no-repeat;} .content.rootparent545 #post-content a.link-in:hover {text-decoration: underline;border-bottom: 1px dotted #c0c0c0;} .content.rootparent545 .post-content-more a {color:#046cb1;text-decoration:none;border-bottom: 1px dotted #046cb1;} .content.rootparent545 .post-content-more a:hover {border-bottom: 1px solid #046cb1;} /* content rubrique mareclean -> agir */ .content.rootparent547 h1 {color:#afb135;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent547 h2 {color:#c4c62d;font:normal 22px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;} .content.rootparent547 #post-content a {color:#afb135;text-decoration:none;border-bottom: 1px dotted #afb135;} .content.rootparent547 #post-content a:hover {border-bottom: 1px solid #afb135;} .content.rootparent547 #post-content a.link-in {display: inline-block;width: 670px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 25px;color: #afb135;text-decoration: none;border-bottom: 1px dotted #c0c0c0;background: url('_img/arrow-link-agir.gif') left center no-repeat;} .content.rootparent547 #post-content a.link-in:hover {text-decoration: underline;border-bottom: 1px dotted #afb135;} /* content rubrique mareclean -> prévenir */ .content.rootparent548 h1 {color:#ea8813;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent548 h2 {color:#f3931f;font:normal 20px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;} .content.rootparent548 h2.axe-01 {display:block;width:676px;height:41px;text-indent:-9999px;background: url('_img/bg-title-prevenir-axe-01.gif') no-repeat;} .content.rootparent548 h2.axe-02 {display:block;width:676px;height:41px;text-indent:-9999px;background: url('_img/bg-title-prevenir-axe-02.gif') no-repeat;} .content.rootparent548 #post-content a {color:#ea8813;text-decoration:none;border-bottom: 1px dotted #ea8813;} .content.rootparent548 #post-content a:hover {border-bottom: 1px solid #ea8813;} .content.rootparent548 #post-content a.link-in {display: inline-block;width: 670px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 25px;color: #ea8813;text-decoration: none;border-bottom: 1px dotted #c0c0c0;background: url('_img/arrow-link-prevenir.gif') left center no-repeat;} .content.rootparent548 #post-content a.link-in:hover {text-decoration: underline;border-bottom: 1px dotted #ea8813;} .content.rootparent548 #post-content table.signaletique {margin:15px 0px 0px 0px;padding:0px;border:1px solid #e8e8e8;border-collapse:collapse;} .content.rootparent548 #post-content table.signaletique td{border:1px solid #e8e8e8;padding:12px;} /* content rubrique mareclean -> communication & duplication */ .content.rootparent664 h1 {color:#6b7978;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent664 h2 {color:#969d9d;font:normal 22px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;} .content.rootparent664 #post-content a {color:#6b7978;text-decoration:none;border-bottom: 1px dotted #969d9d;} .content.rootparent664 #post-content a:hover {border-bottom: 1px solid #6b7978;} /* content rubrique mareclean -> chiffres cles */ .content.rootparent663 h1 {color:#d3563d;font:bold 27px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 18px 0px;padding:10px 0px 8px 0px;border-bottom:1px solid #e8e8e8;} .content.rootparent663 h2 {color:#c2523c;font:normal 22px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;} /* content glossaire */ dl {margin:0px 0px 15px 0px;} dt{font-weight:bold;font-style:italic;color:#728fa4;font-size:15px;padding: 0px 0px 5px 15px;background:url('_img/icon-puce-01.gif') 0% 0% no-repeat;} dt a {display:block;max-width:200px;color:#f98f3f;font-size:15px;font-weight:bold;text-decoration:none;border-bottom:1px dotted #f98f3f;} dt a:hover, .content.glossaire p a:hover{border-bottom:1px solid #f98f3f;} dd {margin:0px 0px 10px 15px;} dd a{color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;} dd ul li{list-style-type:none;} #google-earth {overflow:hidden;clear:both;width:680px;height:auto;border:1px solid #cdd1d2;background:#efeeee url('_img/google-earth-arrow.gif') 64% 50% no-repeat;} #google-earth h3 {margin:0px;font-weight:bold;color:#577b79;} #google-earth .left {float:left;width:300px;margin:20px 0px 25px 20px;padding-left:85px;background: url('_img/google-earth-icon.gif') top left no-repeat;} #google-earth .right {float:left;width:170px;margin: 45px 0px 0px 65px;text-align:center;} #google-earth .right img {border:0px;} #google-earth .right a.telecharger-google-earth {display:block;width:182px;height:37px;margin-top:8px;line-height:35px;color:#fff;font-weight:bold;background: url('_img/google-earth-telecharger-btn.gif') 0% 0% no-repeat;} #google-earth .right a.telecharger-google-earth:hover {display:block;background: url('_img/google-earth-telecharger-btn.gif') 0% 100% no-repeat;} #google-earth .left ul {margin:10px 0px 5px 30px;} #google-earth .left ul li a {color:#3070a7;} /*.page #content-right h2{color:#ae5e7a;font-size:18px;}*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- OUTILS Page -> Zoom +, Zoom -, Ami, Print ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ ul#outilsZoom{display:inline;list-style:none;/*position:absolute;top:0;right:20px;*/float:right;border:1px solid #b4b4b4;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f4f4f4;padding:4px 10px 5px 10px;} ul#outilsZoom li{list-style:none;margin :0;padding :0;display:inline;background:none;} ul#outilsZoom li a{width:16px;height:19px;display:inline;float:left;border:none;text-decoration:none;} a#zoomPlus{margin-right:9px;background:url('_img/icon-outils-zoomin.gif') no-repeat 0 0;} a#zoomMoins{background:url('_img/icon-outils-zoomout.gif') no-repeat 0 0;} a#envoyerAmi{margin-right:7px;margin-left:7px;background:url('_img/icon-outils-email.gif') no-repeat 0 0;} a#imprimer{margin-right:7px;background:url('_img/icon-outils-print.gif') no-repeat 0 0;} /*a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover, a#imprimer:hover, a#commentArticle:hover{background-position:0 -19px; border:none}*/ ul#outilsZoom li a span{display:none;} span.info-bulle-contenu{display:none;width:120px;position:absolute;margin:-26px 0px 0px -115px;padding:5px 5px 5px 5px;color:#747474;font-size:11px;text-align:center;} .column-sect{clear:both;overflow:hidden;margin:0px 0px 20px 0px;} .post-column{float:left;margin-right:18px;width:300px;} #post-content{clear:both;overflow:hidden;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGES COLLOQUE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #colloque {width:991px;min-height:403px;margin:0px auto 0px auto;background:url('_img/bg-colloque.jpg') top center no-repeat;} #colloque h1{font-size:32px;line-height:22px;width:750px;color:#42648d;margin:0px 0px 20px 0px;} #colloque p{margin:15px 0px 15px 0px;} #colloque #post-content{padding:20px 0px 0px 0px;border-top:1px solid #bababa;} #colloque #post-content p{width:800px;} #colloque #post-content p a, #colloque #post-content ul li a{color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;} #colloque #post-content p a:hover,#colloque #post-content ul li a:hover {border-bottom:1px solid #f98f3f;} #colloque #post-content p a.awesome{color:#fff;} #colloque #post-content #flyer{float:left;margin:0px 25px 0px 0px;} /* colloque nav */ ul#colloque-nav{float:right;height:58px;margin:25px auto 0px auto;padding:0px 0px 0px 0px;} ul#colloque-nav li{float:left;display:inline;list-style-type:none;} ul#colloque-nav li a{display:block;padding:5px 10px 5px 10px;color:#fff;font-size:13px;text-decoration:none;background:#42648d;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0px 0px 0px 5px;} ul#colloque-nav li a:hover{color:#f3d988;} ul#colloque-nav li.current_page_item a{color:#fff;font-weight:bold;} /* colloque global */ #colloque-global{z-index:98;width:95%;min-height:403px;margin:0px auto 0px auto;padding:10px 0px 0px 0px;} #colloque-global h1.logo{float:left;text-align:left;width:358px;height:140px;position:absolute;text-indent:-5000px;margin:60px 0px 0px 0px;background:url('_img/logo-colloque.gif') no-repeat;} #colloque-global h1.logo a{float:left;width:369px;height:113px;background:none;} #colloque-global h1.logo a:hover{background:none;} /* colloque Layout */ #colloque-layout{clear:both;overflow:hidden;width:100%;margin:0px 0px 25px 0px;} #colloque-slideshow{float:right;width:600px;height:432px;margin:50px 0px 0px 0px;background:url('_img/bg-colloque-slideshow.png') top right no-repeat;} #colloque-slideshow object#slideshow{position:absolute;margin:124px 0px 0px 12px;} #colloque-intro{float:left;width:320px;margin:195px 0px 0px 0px;} #pub-encart-archipel{position:absolute;margin:-145px 0px 0px 720px;} #colloque #bloc{clear:both;overflow:hidden;margin:-30px 0px 35px 0px;padding:25px 0px 0px 0px;border-top:1px solid #c0c0c0;} #pub-encart-archipel img{border:0px;margin:-24px 0px 25px 0px;} #colloque-content{clear:both;overflow:hidden;width:100%;margin:45px 0px 25px 0px;} /* colloque résumés et présentations */ #bloc{width:100%;clear:both;overflow:hidden;} #bloc #resumes{clear:both;overflow:hidden;width:565px;} #bloc #newsletter{float:right;width:380px;} #programme{background:red;margin:30px 0px 0px 0px;} #resumes p{padding:0px 0px 20px 100px;background:url('_img/icons-resumes.gif') left top no-repeat;} h2.module{font:normal 20px 'Tahoma';color:#636364;margin:0px 20px 20px 0px;} .session{height:100%;clear:both;overflow:hidden;margin:0px 0px 15px 0px;padding:0px 0px 20px 0px;background:url('_img/bg-session.gif') bottom repeat-x;border:1px solid #d1d1d1;} .session div.heure{float:left;font-size:11px;padding:13px 8px 0px 8px;text-align:right;} .session div.titre{float:left;width:460px;padding:13px 20px 0px 10px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;} .session a{float:left;margin:15px 0px 0px 0px;width:145px;height:32px;line-height:29px;text-decoration:none;color:#4b4b4b;padding-left:15px;font-weight:bold;background:url('_img/bg-btn.gif') no-repeat;} .btn-resumes{float:left;padding:0px 0px 0px 20px;} .btn-resumes{float:left;} .btn-presentation{float:left;padding:0px 0px 0px 20px;} input.text{float:left;margin:15px 0px 0px 0px;width:365px;text-decoration:none;border:1px solid #bcbcbc;color:#4b4b4b;padding:5px 5px 5px 5px;} input.button{float:left;margin:15px 0px 0px 0px;width:145px;height:32px;text-decoration:none;border:0px;color:#4b4b4b;font-weight:bold;padding:0px 0px 0px 0px;background:url('_img/bg-btn.gif') top center no-repeat} h2.trigger{width:100%;height:33px;margin:0px 0 0px 0;padding:0 0 0 50px;font:bold 14px/33px 'tahoma', verdana, arial, sans-serif;float:left;background:url('_img/bg-h2-trigger.gif') left top no-repeat;} h2.trigger a{color:#fff;text-decoration:none;display:block;} h2.trigger a:hover{ text-decoration:underline;} h2.active{background-position:left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .toggle_container{margin:0 0 5px;padding:0;overflow:hidden;width:100%;clear:both;} .toggle_container .block{padding:20px; /*--Padding of Container--*/background:url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- CONTENT DIV ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #content {clear:both;overflow:hidden;margin:25px 0px 45px 0px;} #content .partenaires table {width:100%;margin:8px 0px 30px 0px;padding:0px;border:0px;border-collapse:collapse;} /*#content .partenaires {clear: both;overflow:hidden;margin:0px 0px 0px 0px;}*/ #content .partenaires table td {height:80px;padding:0px 4px 0px 4px;/*border:1px solid #d5d5d5;*/} #content .partenaires table img{margin:0px 18px 0px 0px;padding:0px;} #content .partenaires table a img:hover {opacity : 0.7;-moz-opacity : 0.7;-ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter : alpha(opacity=70); /* IE < 8 */ } #content .partenaires table.left {float: left;width:310px;background:yellow;} #content .partenaires table.right {float: right;border-left:1px solid #e8e8e8;background:red;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGE DOCUMENTS TELECHARGEABLES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ h2.file-category{color:#747474;font:normal 20px/14px 'Arial', tahoma, verdana, sans-serif;margin:20px 0px 10px 0px;padding:0px 0px 0px 15px;background:url('_img/icon-arrow.gif') left center no-repeat;} .file-category a{font-weight:bold;} div.file{margin:15px 0px 15px 0px;padding:15px 15px 5px 15px;border:1px solid #e6e6e6;-moz-border-radius:8px;-webkit-border-radius:8px;} .file h3{color:#f98f3f;font-size:15px;margin:0px 0px 5px 0px;} .file h3 a{color:#f98f3f;font-size:15px;font-weight:bold;text-decoration:none;border-bottom:1px dotted #f98f3f;} .file h3 a:hover, .file p a:hover{border-bottom:1px solid #f98f3f;} .file p {margin-bottom:10px;} .file p a{color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGE ERROR 404 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #erreur404 h1{width:710px;color:#1f689b;font:bold 32px/14px 'Arial', tahoma, verdana, sans-serif;margin:0px 0px 20px 0px;} #erreur404 p a{color:#f98f3f;text-decoration:none;border-bottom:1px dotted #f98f3f;} #erreur404 p a:hover{border-bottom:1px solid #f98f3f;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #footer {width:100%;min-height:300px;background:#ebebeb;} #footer #footer-content {width:1003px;clear:both;overflow:hidden;font-size:11px;margin:0px auto 40px auto;padding:35px 0px 0px 0px;} #footer #footer-content ul {float:left;width:200px;padding:0px 25px 0px 25px;border-right:1px solid #b7b7b7;} #footer #footer-content ul#footer-global {float:left;padding:0px 25px 0px 0px;border-right:1px solid #b7b7b7;} #footer #footer-content li.parent_item a {font-size:12px;text-transform:uppercase;} #footer #footer-content ul li {display:block;list-style-type:none;} #footer #footer-content a {color:#757575;text-decoration:none;padding:0px 0px 0px 0px;} #footer #footer-content a:hover {color:#385d77;text-decoration:underline;border-bottom:0px;} #footer #footer-content a.first-item {border:none;} #footer #footer-content li.current_page_item a, #footer #footer-content li.current-cat a {color:#385d77;text-decoration:underline;font-weight:bold;} #footer #footer-copyright {width:800px;clear:both;overflow:hidden;font-size:11px;margin:0px auto 0px auto;padding:20px 0px 35px 0px;text-align:center;border-top:1px solid #b7b7b7;} #footer #footer-copyright a {color:#1f689b;text-decoration:none;} #footer #footer-copyright a.rss {height:15px;padding:0px 0px 0px 20px;background:url('_img/icon-rss.gif') left center no-repeat;} #footer #footer-copyright .top {cursor:pointer;color:#1f689b;font-weight:bold;padding:0px 13px 0px 0px;background:url('_img/icon-arrow-02.gif') right center no-repeat;} #footer #footer-copyright a:hover, #footer #footer-copyright span.top:hover {text-decoration:underline;}