body { background:#e6e6de url('../images/background.png'); background-repeat: repeat-x; background-color:#84b414; color:#3f3f3f; font:normal normal normal 15px/24px Tahoma,Arial,sans-serif; margin:0; padding:0; } header, footer, article, section, nav, aside, figure, hgroup, figcaption { display:block; } form { position:relative; } figure { margin:0;padding:0; } /*.img {-moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px;}*/ a { font-style: normal; color:#3a7a01; } h1 { color:#479a20; font-size:36px; text-transform:uppercase; line-height:42px; margin:-9px 0 17px 0; } h2 { color:#d50071; font-size:24px; text-transform:uppercase; margin:0 0 15px 0; } h3 { color:#d50071; font-size:24px; text-transform:uppercase; margin:24px 0 0 0; } h4 { color:#3a7a01; font-size:21px; text-transform:uppercase; margin:24px 0 0 0; } .node-type-webform .main > h1 { border-bottom:1px dotted #B8B8B8; padding-bottom:10px; margin-bottom:0; } strong { font-weight:bold; } hr { clear:both; width:578px; border:0 solid black; margin:19px 19px; border-top: 1px dotted #CECECE; height:1px; background-color:transparent; } /* Phrasing content ------------------------------------------------------- */ .header { margin:43px 0 7px; } #main-header { color:#3a7a01; font-size:12px; line-height:14px; margin-bottom:20px; } #main-header span { color:black; } #main-header a { font-weight:normal; } .header-h1, section>header>h1, section.main header>h1 { color: #5E5E5E; font-size: 16px; font-weight: bold; line-height: 38px; margin: 0px; } header { position:relative; } header > a { font-size:11px; position:absolute; right:0; text-transform:uppercase; top:2px;} .main header > a { font-size:11px; position:absolute; right:10px; text-transform:uppercase; top:0px; } header > a:hover, .main header > a:hover { color:#3A7A01; text-decoration:underline; } .view-exposed-filters form { background-color:#f3f3f3; margin:0; padding:17px 20px 12px; position:relative; } .view-exposed-filters form input[type="submit"] { margin-left:5px; } .view-exposed-filters form .exposed-filter-element { float: left; position: relative } .view-exposed-filters form h6 { border: 1px solid #D0D0D0; margin:0 5px 0; padding:5px 30px 0 10px; background-color:#f3f3f3; background-position: 90% 14px; -moz-box-shadow: 0 0 10px -1px #C6C6C6 inset; -webkit-box-shadow: 0 0 10px -1px #C6C6C6 inset; box-shadow: 0 0 10px -1px #C6C6C6 inset; color:#479a20;width: 42px; overflow:hidden; } .view-exposed-filters h1 { font-size:16px; line-height:18px; margin:0 0 10px 0; font-weight:bold; color:#5e5e5e; } /* .no-boxshadow header form h6 { margin:0 5px 0 0; }*/ .view-exposed-filters form .form-radios { background:#84B414; display:none; left:0px; list-style:none; margin:0 5px; min-width:100%; padding:10px 0; position:absolute; top:40px; width:200px; z-index:1000; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; } .view-exposed-filters form li { border:none !important; padding:0 10px !important; margin:0; } .header-a { font-size:11px; position:absolute; right:0; text-transform:uppercase; top:5px; } .embed-view li>article h1, li>article h1, .li-article h1 { font-size:13px; line-height:18px; margin:0; font-weight: bold; } h6 { background-color: #d50071; background-image: url('../images/dc.png'); background-repeat: no-repeat;background-position: 136px 12px; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; color:white; cursor:pointer; font-size:11px; font-weight: bold; height:23px; line-height:20px; margin:0; padding:5px 20px 0; } h6:hover { background-color:#84B414 ; } img { border:none; } a { color:#3a7a01; font-weight:bold; text-decoration:none; cursor: pointer; } a:hover, a:focus { color:#3a7a01; text-decoration:underline; } time { display:inline; font-weight:bold; color:#7e7a67; } figure { line-height:0; } figure .img, figure img { } figcaption { color:#827e6c; font-size:10px; font-style:italic; line-height:14px; padding:5px 0 0; } .view-exposed-filters form .click .form-radios{ display:block; } .view-exposed-filters form .click ul { display:block; } .view-exposed-filters form .click h6 { background:#84B414 !important;-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; color:black; padding-bottom:12px !important; border-color: #84B414; color:white; } article.main-node p.published { color:#7e7a67; font-size:11px; font-style:normal; font-weight:bold; margin: 0 0 0 10px; } .help-callout { -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px; -moz-box-shadow:inset 0 0 3px rgb(16,11,16);-webkit-box-shadow:inset 0 0 3px rgb(16,11,16); cursor:default; color:white; font-size:11px; font-weight:bold; left:5px; line-height:1; padding:2px 4px; position:absolute; top:6px; } .help { background:url('../images/v.png');-webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; color: white; display:none; font-weight: bold; left:30px; padding: 20px; position: absolute; top:6px; width: 15em; z-index: 1000; } .help-callout:hover + .help { display:block; } /* form elements ---------------------------------------------------------- */ input, select, button, textarea { font:normal normal normal 13px/18px Tahoma,Arial, sans-serif; } input[type=submit], button { cursor:pointer; } input[type=submit] { background-color: #d50071; border-width:0px; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; color:white; font-size:15px; font-weight:bold; font-family: Tahoma, arial, sans-serif; height:30px; min-width: 40px; padding: 0px 4px; text-transform:uppercase; vertical-align:middle; } .view-exposed-filters input[type=submit], #campaignmonitor-quick-form input[type=submit] { width: 40px; } input[type=submit]:active { -moz-box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); -webkit-box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); } input[type=submit]:hover { background-color:#84B414; } /*.no-boxshadow input[type=submit]:hover { background:#ffeb00; }*/ fieldset { border:none; border-bottom:1px dotted #B8B8B8; margin:0; padding:17px 0 20px; } fieldset .fieldset-wrapper { text-align:left; list-style:none; margin:0; overflow:hidden; padding:0; } fieldset p { margin:0; } fieldset p input { width:560px; } fieldset .form-item{ width:260px; margin:0px } fieldset .form-item.webform-component-email, fieldset .form-item.webform-component-textfield { float:left; } fieldset .form-item:nth-child(odd) { float:left; } fieldset .form-item:nth-child(even) { float:right; } fieldset input { border: 1px solid #d0d0d0; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 10px -1px #C6C6C6 inset; color: #5E5E5E; margin-right: 0; font-size: 14px; padding: 0px 10px; vertical-align: middle; height:30px; } fieldset .form-item input { width:263px; } fieldset label { color:#5e5e5e; display:block; font-weight:bold; margin:0 0 6px; font-size:12px; text-transform:uppercase; } fieldset label em { color:black; } /* webforms */ .webform-client-form .form-wrapper legend { display:none } .webform-client-form .webform-component { width:auto } .webform-client-form .webform-component ul { margin-left: 0; margin-top: 0; padding-left:0px } .webform-client-form .webform-component li::before { content:'-'; margin-right:20px; } .webform-client-form .webform-component li { border-top:none; padding:0px; float: none; width: auto; } .webform-client-form #webform-component-fs7 { padding-top:0; border:0 solid white; } .webform-client-form #webform-component-fs7 label { float:left; margin-right:20px; } .webform-client-form #edit-submitted-fs4-cp, .webform-client-form #edit-submitted-fs3-address { width:602px } .webform-client-form .form-type-radio { width:auto } .webform-client-form .form-actions { margin: 20px 0; } .webform-client-form #edit-submit { margin: 20px 10px 20px 0; padding:0 10px; } .marker, .form-required { color:#3a7a01; font-size:12px; } #edit-submitted-payment { margin: 36px 0 36px 75px; } #webform-component-message label { color:#5e5e5e; display:block; font-weight:bold; margin:0 0 6px; font-size:12px; text-transform:uppercase; } #webform-component-message textarea {border: 1px solid #d0d0d0; border-radius: 4px; box-shadow: 0 0 10px -1px #C6C6C6 inset; color: #5E5E5E; margin-right: 0; padding: 7px 10px 6px; font-size: 14px; } #webform-component-message textarea.error { border: 2px solid red } .webform-client-form .form-checkbox, .webform-client-form .form-radio { position:absolute; left:-9999px; } .webform-client-form .form-type-checkbox .option { color:#5e5e5e; font-size:12px; font-weight:bold; text-transform:uppercase;background:url('../images/checkbox.png') no-repeat 0 -4px; padding:2px 0 2px 24px; } .webform-client-form .form-checkbox:checked + label.option { background-position:0 -35px; } .webform-client-form .form-type-radio .option { color:#5e5e5e; font-size:12px; font-weight:bold; text-transform:uppercase; background:url('../images/radio.png') no-repeat 0 0; margin-right:20px; padding:3px 0 4px 19px; } .webform-client-form .form-radio:checked + label.option { background-position:0 -22px; } .webform-client-form input[type=checkbox], .webform-client-form input[type=radio] { position:absolute; left:-9999px; } .webform-client-form input[type=checkbox] + span { background:url('../images/checkbox.png') no-repeat 0 0; padding:0 0 0px 24px; } .webform-client-form input[type=checkbox]:checked + span { background-position:0 -24px; } .webform-client-form input[type=radio] + span { background:url('../images/radio.png') no-repeat 0 0; margin-right:20px; padding:2px 0 4px 24px; } .webform-client-form input[type=radio]:checked + span { background-position:0 -24px; } input::-webkit-input-placeholder, input:-moz-placeholder { color:#479a20; font-weight:bold; } /*.no-boxshadow .webform-client-form .form-submit { width:278px; background : url("../images/go-large.png") no-repeat; } .no-boxshadow .webform-client-form .form-submit:hover, .no-boxshadow .webform-client-form .form-submit:active { background:url('../images/go-large.png') no-repeat 0 -36px; top:-4px; }*/ .form-item-submitted-fs1-gender { width:150px; float:left; } .form-actions { border-bottom:1px dotted #B8B8B8; border-top:1px dotted #B8B8B8; } #search-block-form .form-actions { border-bottom:#718348 0px dashed; border-top:#718348 0px dashed; } #newsfeed .search-result article {padding-left:0;} #search-form label { display:none; } #search-form .form-text { border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; color: #5E5E5E; box-shadow: 0 0 10px -1px #C6C6C6 inset; float: left; margin-right: 13px; padding: 7px 10px 6px; width: 202px; border: 1px solid #d0d0d0; font-size: 14px; } #search-form .form-submit{ background-color: #D50071; background-image: url("../images/magnifier-search.png"); background-position: center center; background-repeat: no-repeat;border-width:0px; border-radius: 4px 4px 4px 4px; box-shadow: -1px -1px 5px 1px rgba(94, 94, 94, 0.75); color: white; height: 30px; text-indent: -9999px; vertical-align: top; width: 40px; margin-top: 1px;} #search-form .form-submit:hover { background-color: #84B414; } #search-form .form-submit:active { box-shadow: 0 2px 4px rgba(94, 94, 94, 0.75) inset; } /* capminou */ .captcha { overflow:hidden; display:block; border:0 solid black !important; } .captcha img { padding: 10px 60px } .captcha .form-item{ float: left; } nav dl { font-size:11px; line-height:13px; margin:0; padding:0; } nav dt { font-weight:bold; margin:0; padding:0; text-transform:uppercase; } nav dd { color:#7e7a67; font-style:italic; margin:0 0 8px; padding:0; } nav dd a { font-style:normal; } q { font-style:italic; } article.main > header { border-bottom:none; overflow:hidden; padding-bottom:0; } article.main > header h1 { border-bottom:1px dashed #718348; font-size:21px; font-weight:normal; line-height:normal; margin:0; padding:0 0 6px; } article.main > header p { color:#4f4f4f; font-size:11px; font-style:italic; margin:2px 0; } article.main > header time { font-style:normal; } article.main > header figure { float:left; margin:0 20px 0 0; } article.main > header + p { color:#84806d; font-size:21px; font-style:italic; line-height:30px; } article.main > header + p em::before { content:'“'; } article.main > header + p em::after { content:'”'; } article.main > footer { font-size:11px; text-transform:uppercase; } article.main p { margin:0 0 24px; } figcaption { color:#827e6c; font-size:10px; font-style:italic; } /* page canvas ------------------------------------------------------------ */ header[role=banner]>div, section[role=main]>div, div[role=main]>div, #vertising>div, footer[role=contentinfo]>div, .div { margin:0 auto; position:relative; width:940px; } /*.div { margin:0 auto; position:relative; width:940px; }*/ header[role=banner]{ color:white; font-size:13px; line-height:18px; position:relative; z-index:20; } header[role=banner] h1 { height:122px; position: absolute; top:17px; left: 10px; width:204px;margin: 0px; text-align:center; z-index: 10; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; background: #fff; background: -moz-linear-gradient(top, #edeeea 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edeeea), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: -o-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: -ms-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: linear-gradient(to bottom, #edeeea 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeea', endColorstr='#ffffff',GradientType=0 ); } header[role=banner] h1 a.active, header[role=banner] h1 a:not([href]), header[role=banner] h1 a { width:100%; height: 100%; display:block; background-image: url('../images/menu-li.png'); background-position: bottom left; background-repeat: repeat-x; } header[role=banner] h1 a.active { background-color: transparent; } header[role=banner] h1 img { margin: 8px auto; } header[role=banner] h2 { height:106px; margin:0; padding:16px 20px 0; width:134px; position:absolute; top:0; left:95px } header[role=banner] a { color:white; } header[role=banner] a.active-trail, header[role=banner] a.active, header[role=banner] a:not([href]) { background: none; background-color: #D50071; color: #fff; } header[role=banner] li li a:not([href]) { background-color: transparent; color: #000; } header[role=banner] a.pink.active-trail, header[role=banner] a.pink.active, header[role=banner] a.pink:not([href]) { color:#ed008c; background-image:none; } /* planning for alternate header backgrounds */ header[role=banner].alt1 { background-image:url('../images/banner-alt1.png'); } header[role=banner].alt2 { background-image:url('../images/banner-alt2.png'); } header[role=banner].alt3 { background-image:url('../images/banner-alt3.png'); } header[role=banner].alt4 { background-image:url('../images/banner-alt4.png'); } header[role=banner].alt5 { background-image:url('../images/banner-alt5.png'); } header[role=banner].alt6 { background-image:url('../images/banner-alt6.png'); } header[role=banner].alt7 { background-image:url('../images/banner-alt7.png'); } header[role=banner].alt8 { background-image:url('../images/banner-alt8.png'); } header[role=banner].alt9 { background-image:url('../images/banner-alt9.png'); } header[role=banner].alt10 { background-image:url('../images/banner-alt10.png'); } /* main menu */ nav[role=navigation] { position:relative; text-transform:uppercase; padding-top: 108px; padding-left: 214px; } nav[role=navigation] ul { list-style:none; margin:0px; padding:0px;overflow:hidden; } nav[role=navigation] li { display:inline; float:left; margin-left: 2px; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; background: #fff; background: -moz-linear-gradient(top, #edeeea 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edeeea), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: -o-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: -ms-linear-gradient(top, #edeeea 0%,#ffffff 100%); background: linear-gradient(to bottom, #edeeea 0%,#ffffff 100%); } nav[role=navigation]>ul>li>a { margin:0; cursor:pointer; border-radius:4px 4px 0 0; border:none; display:inline-block; font-size:15px; height: 31px; line-height: 31px; padding:0px 10px; color:#3a7a01; background-image: url('../images/menu-li.png'); background-position: bottom left; background-repeat: repeat-x; } nav[role=navigation]>ul>li>a.pink { background-color:transparent; background-image: url('../images/tab_pink.png'); background-repeat: no-repeat; background-position: 3px 6px; color:white; position:relative; top:1px; } nav[role=navigation]>ul>li>a.pink.not { color:#ed008c; background-image:none; } nav[role=navigation]>ul>li:hover>a.pink, nav[role=navigation]>ul>li>a.pink:hover { color:#ed008c; } nav[role=navigation]>ul>li:hover>a, nav[role=navigation]>ul>li:hover>a, nav[role=navigation]>ul>li>a:hover { background: none; background-color: #D50071; color: #fff; } nav[role=navigation]>ul>li:hover div { display:block; } nav[role=navigation] div { background-color:#f3f3f3;-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; display:none; left:0; padding:20px 0; position:absolute; top:139px; width:100%; z-index:20; border:0px solid #e10078; border-top-width: 5px; } nav[role=navigation] div li { background:url('../images/subnav.png') no-repeat 10px 12px; display:list-item; padding:0 20px; width:185px; float:left; } nav[role=navigation] div ul { overflow:hidden; } nav[role=navigation] div a { border-color:#7d7966; color:#479a20; display:block; padding:6px 0px 4px; text-transform:none; } nav[role=navigation] div a.active-trail, nav[role=navigation] div a:hover { text-decoration: underline; } /*.no-csscolumns nav[role=navigation] div li { display:inline; float:left; width:185px; }*/ /* support links */ nav[role=toolbar] { position:absolute; right:0; top:0; } nav[role=toolbar] a{ border-bottom:none; border-left:1px solid #c6cbb3; display:inline-block; padding:4px 20px 6px; } nav[role=toolbar] a:hover { color:black; } nav[role=toolbar] a:first-child { border-left:none; } #vol-dc132 { position:absolute; right:0; top:25px; } #vol-dc132>nav { -webkit-box-shadow: -1px -1px 5px 1px rgba(94, 94, 94, 0.75);border-radius: 4px 4px 4px 4px; box-shadow: -1px -1px 5px 1px rgba(94, 94, 94, 0.75); } #vol-dc132>nav, #vol-dc132>form { display:inline; float:left; } #vol-dc132 h6 { width:118px;overflow: hidden; background-image: url('../images/dc-white.png'); } .ie7 #vol-dc132 h6 { width:130px; } #vol-dc132 ul { -moz-border-radius: 0 0 8px 8px;-webkit-border-radius:0 0 8px 8px; background:#fff; -moz-box-shadow:inset 0 -2px 4px rgba(0,0,0,.6); -webkit-box-shadow:inset 0 -2px 4px rgba(0,0,0,.6); display:none; left:0; list-style:none; margin: 0; padding: 20px; top:26px; width:118px; } #vol-dc132 ul li { list-style-image:none; list-style-type:none; margin:0; padding:0; } #vol-dc132 ul.click{ display:block; } #vol-dc132 .click ul { display:block; } #vol-dc132>nav { margin-right:10px; } /*.no-boxshadow #vol-dc132>nav h6 { background:url('../images/ie/sites.png') no-repeat; padding-bottom:3px; } */ #vol-dc132 a:hover { color:#000000; } #vol-dc132 a { color: #479A20; } #search-block-form { background:none; margin:0; padding:0; border-left:1px solid #c6cbb3; padding-left: 10px;} #search-block-form p { margin:0;} label[for=edit-search-block-form--2] { position:absolute; top:-9999px; } #search-block-form input.form-text { background-color: transparent; background-image: url('../images/bg-search.png'); background-repeat: no-repeat; -webkit-appearance:textfield; border:none; color:#5e5e5e; font-size: 14px; margin-right:5px; padding:7px 10px 6px; width:118px; -webkit-box-shadow: inset 0px 0px 10px -1px #c6c6c6; box-shadow: inset 0px 0px 10px -1px #c6c6c6; -webkit-border-radius:4px; border-radius:4px; } .cssanimations #search-block-form input.form-text { -webkit-appearance: textfield; height:17px; } /*.no-boxshadow #search-block-form input.form-text { background:url('../images/ie/s.png') no-repeat; width:165px; }*/ #search-block-form input.form-submit { background-color:#d50071; background-image: url('../images/magnifier-search.png'); background-position: center center; background-repeat: no-repeat; border:none; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; color:white; font-weight:bold; height:30px; width:40px; text-indent: -9999px; vertical-align: top; -webkit-box-shadow: -1px -1px 5px 1px rgba(94, 94, 94, 0.75); box-shadow: -1px -1px 5px 1px rgba(94, 94, 94, 0.75); } #search-block-form input.form-submit:active { -moz-box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); -webkit-box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); box-shadow:inset 0 2px 4px rgba(94, 94, 94, 0.75); } #search-block-form input.form-submit:hover { background-color:#84b414; } #search-block-form div { display:inline; } /* get back to top */ #tipatop { background:url('../images/tipatop.png'); border-bottom:1px solid #d3eac8; clear:both; height:106px; position:relative; width:100%; } #tipatop a { background:url('../images/tipatop-a.png'); border:none; bottom:-34px; color:black; display:inline-block; font-size:11px; height:24px; left:50%; margin-left:-122px; padding:9px 0 0 40px; position:absolute; text-align:center; text-transform:uppercase; width:203px; } #tipatop a:hover { color:white; } /* page footer */ footer[role=contentinfo] { background-color:#5d7e0e; color:#5d7e0e; font-size:12px; height: 33px; line-height:33px; padding:0px; text-align:right; } footer[role=contentinfo] div { background-color:#275200; width: 920px; padding: 0px 10px; } footer[role=contentinfo] p { margin:0; } footer[role=contentinfo] p:first-child { float:left; text-align:left; } footer[role=contentinfo] p:first-child a { display:inline-block; overflow:hidden; vertical-align:middle; width:11px; } footer[role=contentinfo] p:first-child a:hover { display:inline-block; width:auto; } footer[role=contentinfo] span { margin:0 0px 0 20px; } footer[role=contentinfo] a { border:none; color:white; font-weight: normal; margin-left:20px; } footer[role=contentinfo] a:hover { color:white; } #content { overflow:hidden; padding: 10px; background-color: #fff; border-radius: 4px 4px 0px 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(94, 94, 94, 0.75); box-shadow: 0px 0px 10px 0px rgba(94, 94, 94, 0.75); } /* positioning content in columns */ .main { display:inline; float:left; padding:0px 10px 0px 0px; width:620px; background-color: #fff; border-radius: 4px 4px 0px 0px; } .sub { margin-left:632px; } .main > header { border-bottom:1px dashed #718348; margin:27px 0 20px; padding-bottom:7px; } .main header { border-bottom:0px dashed #718348; margin:0 0 0px; padding-bottom:0; } /* Homepage headlines ----------------------------------------------------- */ #headliners, #headliners2 { position: relative; display:inline; float:left; font-size:13px; height:276px; width:920px; } .ie7 #headliners { margin-top:0; } #headliners ol.summary { height:272px; margin: 0px; padding: 0px; display:block; float:right; font-size:16px; font-weight: bold; list-style:none; position:relative; width:230px; z-index:1; } #headliners ol.summary li { height:68px; padding: 0px 30px; width: 180px; display:block; } #headliners ol.summary a { border-bottom:1px dotted #b8b8b8; color:#3a7a01; display:table-cell; height:68px; width: 180px; line-height: 20px; vertical-align: middle; } #headliners .summary li.current a, #headliners ol.summary a:hover { color:#d50071; } #headliners .summary li.current { background-image:url('../images/headliners-current.png'); background-position: left center; background-repeat: no-repeat; padding-left:35px; margin-left:-5px; position:relative; } #headliners .pager-container { position:absolute; bottom: 0px; left:32.5%; z-index:5; height:19px; width: 105px; } #headliners .pager-container ol { display: inline-block; float: left; width: auto; padding-right: 8px; height: 15px; margin: 0px; padding: 4px 7px 0px 0px; list-style:none; background-color:#fff; border-radius: 4px 4px 0px 0px } #headliners .pager-container li { float:left; } #headliners .pager-container ol .current a, #headliners .pager-container ol a.current, #headliners .pager-container ol a:hover { background-position: bottom left; } #headliners .pager a { height: 12px; width: 12px; background-image: url('../images/pager-slider.png'); background-repeat: no-repeat; background-position: top left; margin-left: 7px; text-indent: -9999px; display: inline-block; float: left; } #headliners .pager-container .next-slide, #headliners .pager-container .previous-slide { height: 19px; width: 9px; background-repeat: no-repeat; background-position: top left; text-indent: -9999px; display:inline-block; float: left;} #headliners .pager-container .previous-slide { background-image: url('../images/previous-slide.png'); } #headliners .pager-container .next-slide { background-image: url('../images/next-slide.png'); } #headliners .pager-container .next-slide:hover, #headliners .pager-container .previous-slide:hover { background-position: bottom left; } #headliners article{ display:none; font-size:21px; line-height:25px; position:relative; } #headliners2 article{line-height:25px; position:relative; } #headliners article.current { display:block; } #headliners .next { left:0; position:absolute; top:0; z-index:3; } #headliners article div, #headliners2 article div { overflow: hidden; background:rgba(255,235,0,.7); bottom:0; left:0; height:114px; padding:17px 20px 10px; position:absolute; width:520px; } #headliners img, #headliners2 img { display:block; } /* Homepage vertising authors ------------------------------------------- */ #authors { padding:0; border-width: 0px; } .header-block { width: 211px; padding:0px; height: 258px; margin: 0px 9px 0px 0px; display: inline-block; float: left; } #authors .hcard-content { width: 380px; display: inline-block; padding:10px; color:#fff; font-size:16px; text-transform: uppercase; font-weight:bold; height:238px; line-height:20px; } #authors .hcard { float: left; margin-left: 10px;width: 185px; height:240px; } #authors .hcard-content .hcard:first-child { margin-left: 0px; } #authors span { color:#fff; } #authors a:hover { color: #D50071; } #authors a:hover span { color: #D50071; } #authors .hcard:hover a, #authors .hcard:hover a span { color: #D50071; } #authors .org { display:block; } .vignette { background:url('../images/mask1.png'); height:113px; position:relative; width:100px; z-index:-1; } .mask { left:0; position:absolute; top:0; } /* Social links WTF ------------------------------------------------------- */ #social { border-radius: 4px 4px 4px 4px; background-color: #f3f3f3; margin: 0 0 0 630px; overflow: hidden; width: 288px;} .front #social { width: 100%; } #social form { border-bottom: 2px solid white;clear: both;margin: 0;overflow: hidden;padding: 15px 0; } .front #social form { overflow: hidden; clear:both; margin:10px 0; padding:15px 0; } #social p { margin:0; } #social_bar_area { width:100%; overflow:hidden; } #social-out { overflow:hidden; position: fixed; right:0px; top: 333px; padding: 10px; border-radius: 4px 0px 0px 4px; background-color: #fff; } #social-out a { display:block; background:url('../images/social-sharing.png') no-repeat; height:41px; margin:0px 0px 10px 0px; text-indent:-9999px; width:40px; } #social-out a.facebook { background-position:0 0; } #social-out a.twitter { background-position:-40px 0; } #social-out a.googleplus { background-position:-80px 0; } #social-out a.youtube { background-position:-120px 0; } #social-out a.rss { background-position:-160px 0; margin-bottom: 0; } #social-out a.facebook:hover { background-position:0 -41px; } #social-out a.twitter:hover { background-position:-40px -41px; } #social-out a.googleplus:hover { background-position:-80px -41px; } #social-out a.youtube:hover { background-position:-120px -41px; } #social-out a.rss:hover { background-position:-160px -41px; } #social-in { font-size:11px; padding:10px 0 10px 10px; line-height:14px; text-transform:uppercase; } .front #social-in { padding:7px 0 7px 20px; } #social-in a { background:url('../images/social-links.png') no-repeat; border: medium none; color: #5E5E5E; display: inline; float: left; font-size: 11px; height: 30px; margin-right: 8px; padding-left: 34px; width: 49px; } .front #social-in a { background:url('../images/social-links.png') no-repeat; border:none; color:#5e5e5e; font-size: 12px; display:inline; float:left; margin-right:18px; height:30px; padding-left:35px; width:auto; line-height: 30px; } #social-in a:hover { color:#479A20; } #social-in a:nth-child(1) { background-position:0 0; } #social-in a:nth-child(2) { background-position:0 -50px; } #social-in a:nth-child(3) { background-position:0 -100px; } #social-in a:nth-child(1):hover { background-position:-170px 0; } #social-in a:nth-child(2):hover { background-position:-170px -50px; } #social-in a:nth-child(3):hover { background-position:-170px -100px; } #social-in a.donate { background-position: 0 0; } #social-in a.become-member { background-position: 0 -50px; } #social-in a.contact { background-position: 0 -100px; } #social label { display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #5e5e5e; margin: 0px 10px; } #campaignmonitor-quick-form label { display:none; } .front #campaignmonitor-quick-form label { display:inline-block; } #e { background:url('../images/newsletter.png') no-repeat 8px 8px, #e7e7df url('../images/s.png'); border:none; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 1px 0 rgba(255,255,255,.75), inset 0 2px 4px rgba(0,0,0,.6); -webkit-box-shadow:0 1px 0 rgba(255,255,255,.75), inset 0 2px 4px rgba(0,0,0,.6); box-shadow:0 1px 0 rgba(255,255,255,.75), inset 0 2px 4px rgba(0,0,0,.6); color:#4fac24; font-weight:bold; height:28px; margin-left:20px; margin-right:5px; padding:0 10px 0 40px; vertical-align:middle; width:160px; } .no-boxshadow #e { background:url('../images/ie/n.png') no-repeat; padding:6px 10px 0px 40px; } .front #social { border-radius: 4px 4px 4px 4px; clear:both; height:40px; margin:0 0 10px 0; padding:4px 0px 10px 0; } .front #social form{ border:none; clear:none; float:left; margin:0 10px 0 0; padding:7px 0; } #social div { display:inline; float:left; } .front #social form div { display:inline; float:none; margin:0;} .front #social-in { border-left: 1px solid #918c76; padding:4px 0px 4px 10px; margin:3px 0 3px 0; } .front #e { margin-left:30px; } #social .form-item { margin:0; } #social-simple { background:url('../images/contentinfo.png');-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin: 7px 0 0; overflow: hidden; padding: 10px 0 10px; } #social-simple #social-out { margin-bottom:0; } .front #social-simple #social-out { margin-right:0; } /* News ------------------------------------------------------------------- */ .main .view { font-size:13px; line-height:18px; margin:0 0 10px; } .main .view>header { border-bottom:none; } .main .view>footer>nav, .main .view>header>nav { font-size: 11px; margin:38px 0 0; text-align:center; } .main .view>footer>nav { margin:20px 0; } .main .view>footer>nav>a, .main .view>header>nav>a { padding: 0 5px; margin: 0 5px; } .main .view>footer>nav>a:not([href]), .main .view>header>nav>a:not([href]) { color: #ffeb00; background: #479a20; } .main .view table { border-collapse:collapse; border-spacing:0; margin:0 -20px; } .main .view tbody tr { border-top:1px dashed #718348; vertical-align:bottom; } .main .view tbody tr:nth-child(1), .main .view tbody tr:nth-child(2) { border-top:none; } .main .view tbody:last-child tr { border-bottom:1px dashed #718348; } .main .view th { text-align:left; text-transform:uppercase; } .main .view td { padding:16px 8px 16px 20px; } .main .view thead th { border-bottom:none; font-size:11px; padding:0 8px 8px 20px; } .main .view thead th:first-child { font-size:21px; font-weight:normal; text-transform:none; } .main .view tbody tr:first-child { border-bottom:none; } .main .view tbody th { background:#657140; color:white; font-size:11px; font-weight:bold; padding:9px 8px 6px 20px; } .main .view table h2 { font-size:15px; line-height:normal; margin:0 0 6px; } .main .view table p{ margin:0; } .file-meta { color:#797562; font-size:12px; text-align:right; } .btn { background:url('../images/banner.png');-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:white; display:inline-block; font-size:11px; font-weight:bold; padding:2px 6px 1px; position:relative; text-transform:uppercase; top:1px; } .download { background:url('../images/download.png') no-repeat 0 0; display:inline-block; height:29px; text-indent:-9999px; width:24px; } .download:hover { background-position:-24px 0; } /*#newsfeed header>a { right:20px; } */ #news-categories h6{ background:url("../images/dc.png") no-repeat 85px 12px, url("../images/v.png"); } #news-themes h6 { background:url("../images/dc.png") no-repeat 69px 12px, url("../images/v.png"); } #news-authors h6 { background:url("../images/dc.png") no-repeat 67px 12px, url("../images/v.png"); } #news-years h6 { background:url("../images/dc.png") no-repeat 60px 12px, url("../images/v.png"); } /*.no-multiplebgs .exposed-filter-element h6 { background:url("../images/filters2.png") no-repeat 0 0 ; height:26px; width:66px; padding-left:5px; }; .no-multiplebgs div h6 { padding-left:5px; width:67px; }*/ #newsfeed form input[type=submit] { margin-left:5px; } .main .view, #newsfeed { background-color: #f3f3f3; border: 1px solid #cecece; overflow:hidden; } .main .view > header, #newsfeed header { background-color: #e8e8e8; padding: 0px 10px 0px 20px; height: 38px; line-height: 38px; text-transform: uppercase; color: #5e5e5e; font-size: 16px; } .main .view > header h1, #newsfeed header h1 { line-height: 38px; font-weight: bold; font-size: 16px; color:#5e5e5e; } #newsfeed ol { padding: 0px 20px 20px; list-style:none; } #newsfeed li { border-bottom:1px dotted #b8b8b8; overflow:hidden; padding:10px 0; list-style-type:none; } #newsfeed article { overflow:hidden; padding-left:220px; } .front #newsfeed article { padding-left:115px; } #newsfeed time { color:#7e7a67; font-size:11px; } #newsfeed .img, #newsfeed img { display:block; height:100px; width:100px; } #newsfeed p { margin:0px 0 3px; } #newsfeed li footer{ display:inline; float:left; font-size:10px; line-height:12px; margin-left:-220px; padding-left:100px; width:100px; } .front #newsfeed li footer{ display:inline; float:left; font-size:11px; line-height:13px; margin-left:-115px; margin-right: 16px; padding-left:0px; width:100px; } #newsfeed .no-metas{ padding-left:120px } #newsfeed li footer p { clear:left; display:inline; float:left; margin:0 0 10px -100px; width:90px; font-style: normal; font-weight:bold; } #newsfeed li footer a { font-weight:bold; font-style:normal } #newsfeed li footer p span { display:block; text-transform:uppercase; font-style: normal; font-weight: bold } .home #newsfeed ol { margin-left:20px; } #k { -moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 4px rgba(0, 0, 0, 0.6) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 4px rgba(0, 0, 0, 0.6) inset; background:url("../images/s.png") repeat scroll 0 0 #E7E7DF; border: medium none; color: #4FAC24; float:left; font-weight: bold; margin-right: 5px; padding: 7px 10px 6px; width:100px; } /*.no-boxshadow #k { background:url('../images/mots-cles.png') no-repeat; }*/ .multimedia #k { width:270px; } #download-categories { width:240px; } #newsfeed.embed-view { background-color: transparent; margin:0; padding:0; border: 0px solid #cecece; } #newsfeed.embed-view .view-header h2 { margin:0; font-size:16px; color:#5e5e5e; font-weight:bold; } .main .view-display-id-members { background-color: transparent; border: 0px solid #cecece; margin-bottom:30px; } /* Right column content (homepage) ---------------------------------------- */ #videos-feed ol { color:white; line-height:16px; list-style:none; margin:0; padding:20px; overflow:hidden; } #videos-feed ol a { color:#3a7a01; font-size:13px; line-height:15px; } #videos-feed ol a:hover, #videos-feed ol a:focus { color:#000; } #videos-feed p { line-height:13px;font-size:13px; } #videos-feed figure{ margin:0 0 15px; } #videos-feed li { float: left; width: 284px; margin-left: 10px; border-bottom:1px dotted #B8B8B8; padding-bottom: 10px; } #videos-feed.view-display-id-homepage { position:relative; } #videos-feed.view-display-id-homepage ol:after { position:absolute; bottom:20px; display:block; content:''; width: 580px; height:5px; border-bottom:1px dotted #B8B8B8; } #videos-feed.view-display-id-homepage li { border-bottom-width:0px; } #videos-feed li:first-child { margin:0; } #photos-feed ol:after { position:absolute; bottom:28px; display:block; content:''; width: 250px; height:5px; border-bottom:1px dotted #B8B8B8; } #photos-feed li { display:inline-blokck; height:120px; width: 120px; float:left; margin-left:10px; margin-bottom: 10px; padding:0; } #photos-feed li:nth-child(2n+1) { margin-left:0px; } #photos-feed, #blogs-feed { position:relative; margin-top:10px; background-color:#f3f3f3; color:#3f3f3f; border: 1px solid #CECECE; } #photos-feed ol, #blogs-feed ul { line-height:15px; list-style:none; margin:0; padding:10px 18px 28px; overflow: hidden;} #photos-feed>header, #blogs-feed>header { background-color: #E8E8E8;color: #5E5E5E; font-size: 16px; height: 38px; line-height: 38px; padding: 0 10px 0 20px; text-transform: uppercase; } #blogs-feed .blog-author { margin-left: -70px; height:57px; width: 57px; float:left; } #blogs-feed .blog-author img { height:57px; width: 57px; } #blogs-feed ul a { color:#3a7a01; font-size:13px; } #blogs-feed ul a:hover, #blogs-feed ul a:focus { color:#000; } #blogs-feed li { border-bottom:1px dotted #B8B8B8; padding:10px 0px 10px 70px; margin:0; } #blogs-feed li:first-child { } #blogs-feed li>header { font-size: 13px; } #blogs-feed time { display: block; color: #7e7a67; font-size: 11px; margin-top: 3px; } #blogs-feed .more-link {display: none;} /* Themes ----------------------------------------------------------------- */ #themas ul { line-height:auto; font-size:11px; list-style:none; margin:0; padding:0; text-transform:uppercase; } #themas li { line-height:auto; padding:0; border:0 solid white; overflow:visible; display:inline; float:left; } #themas li a { border:none; color:#5b594b; display:inline; float:left; height:130px; margin:0 0 20px 20px; width:130px; } #themas li.first a { margin:0; } #themas li:nth-child(4n+1) a { margin-left:0; } .front #themas { background:#7a7663 url('../images/contentinfo.png'); -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; clear:both; color:white; margin:36px 0 0; overflow:hidden; padding:20px; } .front #themas header { display:inline; float:left; height:120px; width:80px; } .front #themas header a { border:none; bottom:0; color:white; left:0; right:auto; top:auto; } .front #themas header a:hover { color:#ffeb00; } .front #themas h1 { font-size:21px; font-weight:normal; line-height:1; margin:0; } .front #themas li a { background:url('../images/themas.png'); height:100px; margin-bottom:0; width:100px;margin-left:20px; } .front #themas li:first-child a { margin-left:0; } #themas li a.rollover { color: #FFFFFF; } #vertising { overflow: hidden; background:#53b028 url('../images/banner.png'); color:white; overflow:hidden; padding:80px 0 30px; } #vertising a, #vertising img { -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px;float:left; } #vertising p, #vertising div div { margin:0; padding:0; float:left; display:block; } #vertising a, #vertising p, #vertising div div { margin-left:20px; } #vertising a:first-child, #vertising p:first-child, #vertising div div:first-child { margin:0; } section[role=main] > div > header { padding-bottom:10px; } section[role=main] > div > header > h1 { font-size:50px; font-weight:normal; line-height:35px; margin:0 0 7px; padding:45px 20px 0; text-transform:uppercase; } section[role=main] > div > header > nav { color:black; font-size:12px; padding:0 20px; } section[role=main] > div > header > nav > a { color:white; font-weight:normal; } section[role=main] > div > header > nav > a:hover { color:black; } section[role=main] > div > header > nav > b { color:black; font-weight:normal; } .front section>header { border:none; margin:0px 0 0 0 ; padding-bottom:0; } .actualites .main > header { border:none; margin-left:0; margin-right:0; padding-bottom:0; } .actualites section[role=main] > div > header > h1 { background:url('../images/banners/actualites.png') no-repeat; color:#ffeb00; } .themas section[role=main] > div > header > h1 { background:url('../images/banners/enjeux.png') no-repeat; color:#ffeb00; } .participate section[role=main] > div > header > h1 { background:url('../images/banners/participate.png') no-repeat; color:#ffeb00; } .multimedia section[role=main] > div > header > h1 { background:url('../images/banners/multimedia.png') no-repeat; color:#ffeb00; } .multimedia article.main > header + p { color:black; font-size:15px; font-style:normal; line-height:18px; } .slideshow { margin:42px 0 0; position:relative; text-align:center; } .slideshow figure { line-height:0; margin:10px auto 20px; overflow:hidden; position:relative; width:461px; } .slideshow figure ol { list-style:none; margin:0; padding:0; position:relative; width:90000px; } .slideshow figure li { float:left; position:relative; } .slideshow a[href="#start"] { background:url('../images/start-slideshow.png') no-repeat 16px 8px; background-color:#d50071; -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,.75); -webkit-box-shadow:0 0 5px rgba(0,0,0,.75); box-shadow:0 0 5px rgba(0,0,0,.75); color:white; display:inline-block; font-size:11px; font-weight:bold; padding:2px 10px 2px 45px; text-transform:uppercase; } .slideshow a[href="#start"]:hover { color:black; } .slideshow a[href="#start"]:active { -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,1); -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,1); box-shadow:inset 0 2px 4px rgba(0,0,0,1); color:black; } /*.no-multiplebgs a[href="#start"] { text-align:left; width:140px; background:#888471 url('../images/start-slideshow-bg.png'); }*/ .slideshow a[href="#next"] { background-color:#d50071; border:none; -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,.75); -webkit-box-shadow:0 0 5px rgba(0,0,0,.75); box-shadow:0 0 5px rgba(0,0,0,.75); color:white; padding:2px 10px 3px; position:absolute; right:10px; top:175px; } .slideshow a[href="#prev"] { background-color:#d50071; border:none; -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 5px rgba(0,0,0,.75); -webkit-box-shadow:0 0 5px rgba(0,0,0,.75); box-shadow:0 0 5px rgba(0,0,0,.75); color:white; padding:2px 10px 3px; position:absolute; left:10px; top:175px; } .slideshow a[href="#next"]:hover, .slideshow a[href="#prev"]:hover { color:black; } .slideshow a[href="#next"]:active, .slideshow a[href="#prev"]:active { -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,1); -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,1); box-shadow:inset 0 2px 4px rgba(0,0,0,1); color:black; } .slideshow-nav { margin: 0 auto; overflow: hidden; padding: 20px 60px 20px 59px; position: relative; width: 460px; } .slideshow-nav ul { line-height:0; list-style:none; margin:0 auto; overflow:hidden; padding:0; position:relative; width:9999px; } .slideshow figure li , .slideshow-nav ul li { border-top:0px solid black; overflow:visible; padding:0; } .slideshow-nav li a{ float:left; margin:0 0 0 20px; opacity:.7; overflow:hidden; } .slideshow-nav li a:hover { opacity:1; } .slideshow-nav li img { float:left; } .multiplebgs .slideshow-nav li a:not([href]) { border:2px solid #427e1f; opacity:1; } .multiplebgs .slideshow-nav li a:not([href]) img { margin:-2px; } /*.no-multiplebgs .slideshow-nav li a.not { border:2px solid #427e1f; opacity:1; } .no-multiplebgs .slideshow-nav li a.not img { margin:-2px; }*/ .slideshow-nav li:first-child a { margin-left:0; } .slideshow-nav li:nth-child(6n) a { margin-right:41px; } .slideshow-nav li img { width:60px;height:60px; } .slideshow-nav-nav { font-size: 11px; margin:10px 0 0; text-align:center; } .slideshow-nav-nav a { padding: 0 5px; margin: 0 5px; } .multiplebgs .slideshow-nav-nav a:not([href]) { color: #FFFFFF; background: #5e5e5e; } /*.no-multiplebgs .slideshow-nav-nav a.not { color: #ffeb00; background: #479a20; } .no-multiplebgs a[href="#start"] { background:url('../images/lancer.png') no-repeat; padding:4px 10px 1px 53px; }*/ .about section[role=main] > div > header > h1 { background:url('../images/banners/about.png') no-repeat; color:#ffeb00; } .about #k { width:245px; } .about h2 { font-size: 18px; font-weight: bold; line-height: 44px; margin: 20px 0 0 20px; text-transform:uppercase; color:#5e5e5e; } .about .vignette { background-image:none; } #about-districts h6{ background:url("../images/dc.png") no-repeat 240px 12px, url("../images/v.png"); width:216px; } .authors { background-color: #f3f3f3; border: 1px solid #cecece; font-size:11px; line-height:14px; margin:0 ; padding:19px 20px 0 0; } .authors:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } .authors .hcard { float:left; height:161px; margin:0 0 0 19px; position:relative; width:100px; z-index:2; } .authors .hcard a { color:#5e5e5e; font-weight:bold; text-transform:uppercase; } /* Participate form */ #p-titre legend { color:#479A20; font-weight:bold; } #p-titre legend em { color:black; } #p-titre li { float:left; width:auto; } #p-titre label { color:black; } #p-titre input { padding:0; width:auto; } #p-blabla h5 { font-size:15px; line-height:24px; margin:0; } #p-blabla p { margin:0 0 18px; } #p-blabla ul { margin:36px 0 36px 75px; } #p-blabla li { float:none; width:auto; } #p-blabla label { color:black; } #p-blabla input { padding:0; width:auto; } #p-blabla #p-flat li::before { content:'-'; margin-right:20px; } #p-blabla #p-flat { margin-left:0; margin-top:0; } #p-captcha input { width:240px; } #p-captcha img { float:right; margin:10px 110px 0 0; } #p-le-gros-bouton { padding:20px 0; text-align:right; } /* meta */ .meta { margin: 0px 0px 10px 0px; background-color: #f3f3f3; padding:5px 10px; } .meta dl { font-size: 11px; line-height: 13px; padding: 0; } .meta dt { font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; display: inline } .meta dd { color: #7E7A67; font-style: normal; font-weight:bold; padding: 0px; margin: 0px; display: inline } header .meta .border-left { padding-left: 12px; border-left:1px solid #7D7A67; margin-left: 8px } header .meta .border-left:first-child { padding-left: 0px; border-left:none; margin-left:0px } .meta dd strong { font-style:normal; font-weight:bold; } .main-node .meta .separator { padding:0 5px 0 5px; } .main-node .meta.event, .main-node .meta.member { width:350px;margin:0;background-color:transparent; padding:0 0 0 180px } .ie7 .main-node .meta.member { padding:0; } .main-node .meta.event dl, .main-node .meta.member dl { padding-top:0; } .main-node .meta.member dt { margin-top:10px;display:block } .main-node .meta.member dd { font-weight:bold;font-style:normal; display:block; } .main-node .meta.event dt { margin:0; color:#4F4F4F; font-weight:normal; font-style:italic; text-transform:none } .main-node .meta.event dd { color:#4F4F4F; } .main-node header .image { float:left; padding-right:20px } .main-node .body { clear: both; padding-top:15px } /* temporary class to manage image position in wysiwyg */ .main-node .body p img { float: left; padding: 6px 10px 10px 0px } .node-type-page .main-node p img { float: left; padding: 6px 10px 10px 0px } /* end temporary */ .main-node .pink { padding:0 20px 20px 20px;color:white;background-color:#ed008c;-webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius: 8px 8px 0 0; } .main-node .pink p, .main-node .pink h2 { margin:0; } .main-node .pink h2 { margin-bottom:5px;padding-top:20px;font-size:16px;line-height:18px; font-weight:bold; } .main-node .pink p { line-height:20px; } .main-node .green { padding:0 20px 20px 20px;color:white;background-color:#4fac25;-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .main-node .green p, .main-node .green h2 { margin:0; } .main-node .green h2 { padding:0;margin-bottom:5px;padding-top:20px;font-size:16px;line-height:18px; font-weight:bold; } .main-node .green p { line-height:20px; } .metas .address span { display:none } /* --- */ #themas li a span { position: absolute;padding:10px;width:120px;height:120px;overflow:hidden;} #themas li a:hover img { display:none;} .front #themas li a{ padding:0px; background:none;* height:120px; margin-bottom:0; width:120px; } .front #content-header, .not-front #content-header { float:none; padding: 10px;margin: 0px 0px 10px 0px; width: auto; background-color: #fff; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(94, 94, 94, 0.75); box-shadow: 0px 0px 10px 0px rgba(94, 94, 94, 0.75); } section[role="main"] > div > header > h1 { background: url("../images/banners/actualites.png") no-repeat scroll 0 0 transparent;color: #FFEB00;} .main ol { border-bottom: 1px dashed #718348;list-style: none outside none;margin: 10px 0;padding: 0;} .main li { border-top: 1px dashed #718348;overflow: hidden; padding: 20px 0;} .main article { overflow: hidden;} #newsfeed article ol, #newsfeed article ul, .main article ol, .main article ul, .main ol, .main ul { padding-left:30px; border:0 solid white; } #newsfeed article li, .main article li, .main li { border:0 solid white; padding:0; overflow: visible; } #newsfeed article ul li, .main article ul li, .main ul li { list-style-type:disc; } #newsfeed article ol li, .main article ol li, .main ol li { list-style-type:decimal; } #p-flat li { list-style-type:none; } .node-album .slideshow ul, .node-album .slideshow ol { padding-left: 0; } .node-album .slideshow li { list-style-type:none; } .node-album .slideshow figure li { width:461px } /* third menu level */ nav.submenu { color: #000; background-color: #F3F3F3; margin:0px; text-align:left; padding:17px 20px 12px; overflow:hidden; } nav.submenu ul { padding:0;margin:0;overflow:hidden;} nav.submenu ul li { font-size: 13px;line-height: 18px;padding:0;margin:0;list-style-image:none;list-style-type:none;float:left; width:167px;padding:7px 5px 6px 20px !important; border:0px dashed #FFEB00 !important; background-image: url("../images/subnav.png"); background-repeat: no-repeat; background-position: 10px 12px; display: list-item;} nav.submenu ul li a{ color: #000; font-weight: normal; } header[role="banner"] nav[role="navigation"] div a.not, header[role="banner"] nav[role="navigation"] div a:hover, nav.submenu ul li a.not, nav.submenu ul li a:hover {text-decoration:underline; } /* content header region */ #content-header { float:left;padding: 0 40px 0 20px;margin: 0 0px 0 0; width: 580px; } #content #content-header { float:left; margin: 0px 0px 20px 0px; padding:0px; width: 620px; } #content-header h1 { font-size: 21px;font-weight: normal;line-height: 1; margin: 0;} /* pager */ nav.pager { font-size: 11px; margin: 20px 0 8px; text-align: center;} .footer nav.pager { font-size: 11px; margin: 8px 0 20px; text-align: center;} nav.pager a { margin: 0 5px; padding: 0 5px;} nav.pager a:not([href]) { background: none repeat scroll 0 0 #5e5e5e; color: #FFFFFF;} nav.pager a.active { background-color:transparent;} .main .view>header>nav.pager>a.active { color:#479A20; background-color:transparent;} .main .view>header>nav.pager>a.active:hover { color:#000000; background-color:transparent;} .main nav.pager>a.active { color:#3a7a01; background-color:transparent;} .main nav.pager>a.active:hover { color:#000000; background-color:transparent;} footer nav.pager { margin: 20px 0;} /* block rightbar */ .block-rightbar { color:white; margin:10px 0 0 632px; position:relative; background-color: #F3F3F3; border: 1px solid #CECECE; overflow: hidden;} .block-rightbar:first-child: { margin-top: 0px; } .block-rightbar p { margin: 5px 0 5px 0 ; } .block-rightbar header { background-color: #E8E8E8; color: #5E5E5E; font-size: 16px; height: 38px; line-height: 38px; padding: 0 10px 0 20px; text-transform: uppercase; } .block-rightbar .wrapper { border-bottom: 1px dotted #CECECE; line-height:15px; list-style:none; margin:0 13px 27px 13px; padding: 15px 0; color:#3f3f3f; font-size:13px; } .block-rightbar h1 { color: #5E5E5E; font-size: 16px; font-weight: bold; line-height: 38px; margin:0;} .block-rightbar a { font-weight:normal;color:#3a7a01; font-size:13px; } .block-rightbar strong a { font-weight:bold; } .block-rightbar a:hover { color:#000000;} .block-rightbar.block-simple { margin-top:10px; background-color:transparent; border:0 solid black; width: 288px; } .front #block-block-14{ margin-top: 0px; } .block-rightbar.block-simple p { margin:0; } /* specificities of facebook block */ #block-block-14 .wrapper { background-color:#F3F3F3; padding:0px; } #block-block-14 .wrapper p { margin:0px } /* exposed form */ .exposed-filter-element .form-item { margin:0; overflow: hidden; } .exposed-filter-element .form-text { background-color: #FFFFFF; border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px; -moz-box-shadow: inset 0px 0px 10px -1px #C6C6C6; -webkit-box-shadow: inset 0px 0px 10px -1px #C6C6C6; box-shadow: inset 0px 0px 10px -1px #C6C6C6; font-size:11px; border: 1px solid #D0D0D0; color: #479a20;float: left;font-weight: bold; margin: 0px 5px 0px 0px; padding: 0px 10px 0px;width: 131px; vertical-align: middle; height: 28px; } /*.ie8 .exposed-filter-element .form-text { width:113px; } */ #views-exposed-form-members-members .exposed-filter-element#edit-member-categories { display:none; } #views-exposed-form-members-members input#edit-title { width:246px; } /* search form */ #edit-advanced { display: none } .search-result p { margin-bottom:0px } /* members */ .view-members .exposed-filter-element .form-text {width: 250px;} /*.no-boxshadow .view-members .exposed-filter-element .form-text {width: 250px; background:url("../images/mots-cles-large.png") no-repeat;} */ /* Campaign monitor quick form */ #campaignmonitor-quick-form input.form-text { vertical-align: middle; background-color: #fff; border:none; color:#5e5e5e; font-size: 14px; margin:0px 5px 0px 10px; padding:0px 10px 0px; height:30px; -webkit-box-shadow: inset 0px 0px 10px 1px #c6c6c6; box-shadow: inset 0px 0px 10px -1px #c6c6c6; -webkit-border-radius:4px; border-radius:4px; border: 1px solid #d0d0d0; width: 200px; } .front #campaignmonitor-quick-form input.form-text { width: 230px; } input.form-text:focus { color:#D50071 !important; } /* node */ /* issue */ .embed-view { background-color: #D6D6CA;padding:10px 20px;-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; margin-top:20px } article.main-node .embed-view footer a { text-transform: none; padding:0; } article.main-node .embed-view a { text-transform: none; } article.main-node .embed-view h1.title a {font-size:13px; line-height:18px; margin:0; font-weight: bold; padding:0; } article.main-node .embed-view a.more { text-transform: uppercase; float: right; margin: 0 20px 20px 0; } article.main-node { display: block; padding: 0 0 0 0px; width: 622px; } article.main-node > header { border: medium none; margin-left: 0; margin-right: 0; padding-bottom: 0; } article.main-node > header { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; } article.main-node > header h1 { border-bottom: 1px dashed #718348; font-size: 21px; font-weight: normal; line-height: normal; margin: 0 0 10px; padding: 0 0 6px; } article.main-node p { margin: 0 0 24px; } article.main-node > header time { font-style: normal } article.main > header ~ p { font-size:15px; font-style:normal; line-height:24px; } article.main-node p { margin: 0 0 10px; } article.main-node.node-album > header ~ p {color:black; font:15px/24px Arial,sans-serif; color:black; } article.main-node.node-album > header ~ p.author { color: #7E7A67;font-style: italic;font-size: 11px;line-height: 13px; } article.main-node footer a { font-size: 10px; text-transform: uppercase; padding-left: 0; } article.main-node .description { color: #4F4F4F; font-size: 11px; font-style: italic; } article.main-node .video { font-weight:bold } .container-inline-date .form-item .form-item { float:none; } header[role="banner"] nav[role="navigation"] div a:not([href]) { color:#000000; } header[role="banner"] nav[role="navigation"] div a.not:not([href]) { color:#000; text-decoration: none; } #subtitle { border-bottom: 1px dashed #718348;font-size: 21px;font-weight: normal;line-height: normal; margin: 0 0 10px;padding: 0 0 6px;} .summary { font-size: 15px; font-style: normal; font-weight:bold; line-height: 20px; color:#4f4f4f;} .file a {font:15px/24px Arial,sans-serif;font-weight: bold;} .file { display:block;margin-top:10px;} /* banners */ .qui-sommes-nous section[role="main"] > div > header > h1 { background: url("../images/banners/qui-sommes-nous.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .actualites section[role="main"] > div > header > h1 { background: url("../images/banners/actualites.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .multimedia section[role="main"] > div > header > h1 { background: url("../images/banners/multimedia.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .participez section[role="main"] > div > header > h1 { background: url("../images/banners/participez.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .elections-2011 section[role="main"] > div > header > h1, .elections-2012 section[role="main"] > div > header > h1, .elections-2013 section[role="main"] > div > header > h1, .elections section[role="main"] > div > header > h1 { background: url("../images/banners/elections.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .contact section[role="main"] > div > header > h1 { background: url("../images/banners/contact.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } .enjeux section[role="main"] > div > header > h1 { background: url("../images/banners/enjeux.png") no-repeat scroll 0 0 transparent; color: #FFEB00; } /* youtube */ .media-youtube-outer-wrapper {margin-bottom:15px;} .main-node .media-youtube-outer-wrapper {margin:0 auto 0 auto;} /* popup */ .help-popup { position:absolute;top:5px;left:5px; z-index:5;} .help-popup .help-link { background-image:url("../images/help.png"); background-repeat:no-repeat;background-position:top left;display:block; width:14px; height:14px;} .help-popup .help-popup-content, .help-popup .help-link span { display:none;} .help-popup .help-popup-content { position:absolute; top:-15px; left:25px; background-color:#78a312; border:1px solid white; width:260px; z-index:550; padding:0px 21px 0px 21px; color: white; font-size: 11px; font-weight: bold; line-height: 17px; } .help-popup .help-popup-content .help-popup-arrow { position:absolute; top:8px; left:-12px; width:auto !important; height:auto !important; } /* sitemap */ nav.sitemap li { border-top: 0px dashed #718348; padding: 10px 0 10px 20px; background:url("../images/subnav_sitemap.png") no-repeat scroll 10px 20px transparent; } nav.sitemap li li { padding: 5px 0 5px 20px; background:url("../images/subnav_sitemap.png") no-repeat scroll 10px 15px transparent; } nav.sitemap ul li a { font-weight:normal;} /* menu rss feeds */ .menu-rss ul { padding:0;margin-bottom:0;border-bottom:1px dashed #718348; } .menu-rss ul li { margin-left:0; } .menu-rss ul li a { padding-left:30px; background-image:url("../images/rss_small.png");background-repeat:no-repeat;background-position:left; } /* .no-boxshadow .exposed-filter-element .form-text { background:none; width:70px; height:22px; } .no-boxshadow .exposed-filter-element .form-item-keywords { background:url('../images/mots-cles.png') no-repeat; width:90px; height:50px; } .no-boxshadow input[type=submit] { background:url('../images/go.png') no-repeat top left; display:inline-block; height:38px; line-height:38px; position:relative; text-align:center; top:-2px; width:49px; } .no-boxshadow input[type=submit]:hover, .no-boxshadow input[type=submit]:active { background:url('../images/go.png') no-repeat 0 -36px; top:-4px; }*/ .cssanimations #search-block-form .form-submit { height:30px; } /*.no-boxshadow #search-block-form .form-text { background:url('../images/ie/s.png') no-repeat; width:165px; } .no-boxshadow #search-block-form .form-submit { background:url('../images/go.png') no-repeat top left; display:inline-block; height:38px; line-height:38px; position:relative; text-align:center; top:-2px; width:49px; } .no-boxshadow #search-block-form .form-submit:hover, .no-boxshadow #search-block-form .form-submit:active { background:url('../images/go.png') no-repeat 0 -36px; top:-4px; } .no-boxshadow #campaignmonitor-quick-form .form-text { background:url('../images/ie/n.png') no-repeat; padding:6px 10px 0px 40px; } */ #newsfeed li footer p {color:#7E7A67;} #newsfeed li footer p span {color:#000000;} #newsfeed li footer p strong { font-style:normal } nav.pager span { margin: 0 5px;padding: 0 5px; font-weight: bold;} .basic-data { color: #7E7A67;font-style: italic; font-weight:normal;} .basic-data span {text-transform: uppercase;color: #000000;font-size: 11px;font-weight: bold;line-height: 13px;font-style: normal;} .date span{color: #7E7A67;font-size: 11px; display: inline;font-weight: bold;} #views-exposed-form-members-members .exposed-filter-element h6 {width:210px;} /*.no-multiplebgs #views-exposed-form-members-members .exposed-filter-element h6 { background:url("../images/filters-large.png") no-repeat 0 0;} */ .main-node footer {clear: both;margin-top: 10px;} .main-node .embed-view footer { margin-top:0; } .view ol li article a.active {color:#3a7a01;} .view ol li article a.active:hover {color:#3a7a01;} /* .no-multiplebgs header form .form-radios {margin:0;} */ .sub header a { font-size: 11px;position: absolute; right: 10px;text-transform: uppercase;top: 2px;} .main .content h1 { border-bottom: 1px dashed #718348;font-size: 21px;font-weight: normal;line-height: normal;margin: 0 0 10px;padding: 0 0 6px; } .addthis_toolbox {margin-top:20px; width:482px; margin:10px auto 0px; } .addthis_button_facebook { margin-right:30px !important; } .address { color: #7E7A67;display: inline;font-size: 11px;font-weight: normal;} #edit-actions {overflow:hidden;border-bottom: 0px dashed #718348;text-align: center;} .disabled {color: #7E7A67;} .exposed-filter-element label { display:none; } .img img + img { display:none; } .exposed-filter-element .form-radios input { float:left; position:absolute; left:-9999px; } .ie8 .exposed-filter-element .form-radios input { float:left; position:absolute; left:0; margin-top:4px; } .exposed-filter-element .form-radios label.option { float:left; width:170px; display:block; font-size:11px; line-height:14px; background: url("../images/radio_green.png") no-repeat scroll 0 0 transparent; padding: 3px 0 4px 19px; margin-left:10px; cursor: pointer; color:white; font-weight:bold; } .ie8 .exposed-filter-element .form-radios label.option { background-image:none; } .exposed-filter-element .form-radios label.option:hover { text-decoration:underline; } .exposed-filter-element .form-radio:checked + label.option { background-position:0 -22px; } .ie9 .exposed-filter-element .form-radios input, .ie8 .exposed-filter-element .form-radios input, .ie7 .exposed-filter-element .form-radios input { float:none; } .ie9 .exposed-filter-element .form-radios label.option, .ie8 .exposed-filter-element .form-radios label.option, .ie7 .exposed-filter-element .form-radios label.option { float:none; width:auto; display:inline; } .ie7 .addthis_pill_style, .ie7 .addthis_toolbox { position:relative; } .ie7 .addthis_pill_style { margin-left:50px; } .ie7 .addthis_button_tweet { margin:0; padding:0; } .ie7 .addthis_counter.addthis_pill_style a.addthis_button_expanded { float: right; font-size: 10px; height: 16px; line-height: 14px; margin: 0; padding-top: 2px; position: absolute; right: -2px; top: 0; width: 36px; } .ie7 .addthis_counter a.atc_c, .addthis_counter a.addthis_button_expanded { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #D3D3D3; color: #464646; cursor: pointer; display: block; font-family: arial,helvetica,lucida,tahoma,verdana,sans-serif; font-size: 16px; height: 36px; line-height: 36px; margin-bottom: 5px; text-align: center; text-decoration: none !important; } .ie7 .addthis_counter.addthis_pill_style a.atc_s { float: left; height: 18px; left: 0; line-height: 18px; padding-top: 1px; position: absolute; top: 0; width: 44px; } .ie7 .addthis_counter a.atc_c, .ie7 .addthis_counter a.atc_s { height: 17px; line-height: 17px; margin: 0; } .ie7 .addthis_counter a.atc_s { background: none repeat scroll 0 0 #FE6D4C; color: #FFFFFF !important; cursor: pointer; display: block; font-family: arial,helvetica,lucida,tahoma,verdana,sans-serif; font-size: 10px; height: 18px; line-height: 18px; overflow: hidden; padding-left: 4px; padding-top: 1px; text-decoration: none !important; } /** IE mask **/ .imgmask { height: 120px; left: 0; position: absolute; top: 0; width: 120px; z-index: 1000; background-position:top; background-repeat:no-repeat; } #vertising a, .node-type-issue .main-node .img, .view-issues.view-display-id-homepage li a, .view-albums.view-display-id-homepage li a { position:relative; } #vertising a .imgmask { width: 220px; height: 140px; margin:0; background-image:url("../images/mask-220_140-green.png"); } .node-type-issue .main-node .img .imgmask { width: 200px; height: 200px; margin:0; background-image:url("../images/mask-200_200.png"); } .view-albums.view-display-id-homepage li a .imgmask { background-image:url("../images/mask-120_120-gray.png"); } .view-issues.view-display-id-homepage li a .imgmask { background-image:url("../images/mask-120_120-darkgray.png"); } .ie7 #themas.view-issues.view-display-id-issues ul li { padding:10px 0 10px 0; } #themas.view-issues.view-display-id-homepage li a span { width:100px; height:100px; line-height:16px; } #views-exposed-form-albums-albums #edit-field-event-nid { display:none; } .main-node h1 { font-size: 21px; font-weight: normal; line-height: 1; margin:0 0 4px; } .rightbar-view header > h1 { clear:none; } /* Layout Settings */ .jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:left;background-color:transparent;} .jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main
else to */ .jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;} .jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;} .jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;} .jquerybubblepopup-top-left, .jquerybubblepopup-top-right, .jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;} .jquerybubblepopup-top-middle, .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;} .jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;} .jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;} /* Themes: The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") to the main
container, then you can edit the style of any element inside the Bubble Popup markup for each theme. The following code defines fonts and backgrounds of the "innerHtml" for each theme: */ .jquerybubblepopup-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-yellow .jquerybubblepopup-innerHtml { font-family:'Trebuchet MS',Arial; font-size:11px; font-weight:normal; color:#000000; background-color:#FFFFFF; } .jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml { font-family:'Trebuchet MS',Arial; font-size:11px; font-weight:normal; color:#FFFFFF; } .jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml{background-color:#0099FF;} .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml{background-color:#000000;} .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml{background-color:#0066CC;} .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml{background-color:#66FF00;} .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml{background-color:#666666;} .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml{background-color:#FF9933;} .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml{background-color:#FF33FF;} .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml{background-color:#FFCC00;} .addthis_button_facebook { font-size:12px; font-weight:normal; color:#3B5998; line-height:16px; margin-right:10px; padding-top:2px !important; } .addthis_button_facebook > span { margin-right:5px; } .view-members .view-display-id-homepage { background-color:transparent; } .view article h1 { text-transform:none; } .view-empty { padding:10px; } .yellow { background-color:#ffeb00; color:black; } nav[role="navigation"] > ul > li > a.yellow { color:black; } nav[role=navigation]>ul>li:hover>a.yellow, nav[role=navigation]>ul>li:hover>a.yellow, nav[role=navigation]>ul>li>a.yellow:hover { background: none; background-color:#ffeb00; color:black; text-decoration:underline; } nav[role=navigation] div.yellow { border-color:#ffeb00; } ::-webkit-input-placeholder { /* WebKit browsers */ opacity:1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity:1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity:1; } #messages { margin-bottom: 10px; } h1 .abs{ position: absolute; top: 44px; left: 226px; display: inline-block; width: auto; font-size: 22px; color: white; word-wrap: normal; white-space: pre; font-weight: 700; } .front section[role=main]>div>p { display: inline-block; float: left; margin-left: 1em; } .front section[role=main]>div>p+p { margin-left: 1em; } .front footer[role=contentinfo]{ clear:both; } .node-type-member #authors.view-members .hcard-content{ width:auto; height:auto; } .node-type-member #authors .hcard { width: 140px; min-height: 200px; height:auto; } .node-type-member #authors .hcard-content{ font-size: 14px; }