body {color:#000; background:#e9e9dd; font-size:0.75em; font-family:Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0;} a:link, a:visited, a:hover, a:active {color:#779f00; text-decoration:none;} a:hover {text-decoration:underline;} img {border:0;} p {margin:0;} .clear {clear:both; } .hidden {display:none;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font-size:200%;} h2 {font-size:170%;} h3.spip {clear:both;} /*GENERAL*/ #container {width:994px; margin:0 auto; text-align:center;background:url(../images/bk-page.jpg) no-repeat 0 0; } #general {width:942px; margin:0 auto; padding:0 19px; text-align:left; background:#ffffff url(../images/footer-menu-bk.gif) no-repeat bottom left; } #contenu {padding-bottom:10px;} #popup { padding:2em; text-align:left; background:#ffffff; float:left;} body.popup {background:#ffffff;} /*--formulaire de recherche--*/ .formulaire_recherche {margin:0 15px 6px 0; float:right;} .formulaire_recherche label {font-weight:bold; color:#8cbb00; text-transform:uppercase; float:left; padding:5px 10px 0 0; cursor:pointer; margin:0;} .formulaire_recherche input.form1 {background:#fff url(../images/recherche-bk.gif) no-repeat top left; border:0; margin:0; height:16px; width:148px; float:left; padding:5px 5px 2px 25px; font-size:90%;} .formulaire_recherche input.button-valid {border:0; color:#fff; float:left;} /*-------------------------------------------------------------------------------------------------------------------- -------------------------------------------------HEADER DU SITE------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------*/ /*menu acby (aide + plan du site + langues)*/ #acby-menu-bk {background:#fff url(../images/acby-menu-top.gif) repeat-x; height:29px;} #acby-menu {margin:0 auto; text-align:center; width:980px; background:#fff url(../images/acby-menu-bk.gif) repeat-x left bottom; height:29px;} #acby-menu ul {margin:0; padding:4px 11px 0 0; list-style:none; font-size:90%; float:right;} #acby-menu ul li {margin:0; padding:0; display:inline; } #acby-menu ul li span {height:14px; width:100px; margin-right:7px; padding:2px 10px; display:block; float:left; background:#f5f4ed url(../images/acby-menu-lien-bk.gif) no-repeat top right; color:#8d8d83;} #acby-menu ul li.lang {height:14px; width:auto; margin-right:7px; padding:2px 10px; display:none; float:left; background:#f5f4ed url(../images/acby-menu-lien-bk.gif) no-repeat top right; color:#8d8d83;} #acby-menu ul li.lang span {width:100px; height:auto; display:block; margin:0; padding:0 5px 0 0; float:left; background:none;} #acby-menu ul li.lang a:link, #acby-menu ul li.lang a:visited, #acby-menu ul li.lang a:hover, #acby-menu ul li.lang a:active {padding:15px 0 0 0; display:block; float:left; width:15px; height:1px; overflow:hidden;} #acby-menu ul li.lang a.en:link, #acby-menu ul li.lang a.en:visited, #acby-menu ul li.lang a.en:hover, #acby-menu ul li.lang a.en:active {background:url(../images/flag-uk.gif) no-repeat top right;} #acby-menu ul li.lang a.fr:link, #acby-menu ul li.lang a.fr:visited, #acby-menu ul li.lang a.fr:hover, #acby-menu ul li.lang a.fr:active {background:url(../images/flag-fr.gif) no-repeat top right;} #acby-menu ul li.lang span.languencours {display:none;} #acby-menu ul li a:link, #acby-menu ul li a:visited, #acby-menu ul li a:hover, #acby-menu ul li a:active {color:#8d8d83;} /*logo + slogan + faire un don*/ #header {padding:5px 0 0 0;} #logo {float:left;} #slogan {float:left;} #faire-un-don {float:right;border-left:1px dashed #ee4a06; padding-left:8px;} #don-sengager-ici {margin:-16px 15px 0 0 ; float:right; width:570px;position:relative;} /*uniquement sur la page DON*/ #img-header-masque {background:url(../images/don-masque.png) no-repeat 0 0; width:563px; height:159px; position:absolute; z-index:3;} #img-header-left {position:relative; z-index:2; float:left;} #img-header-left img{ padding:25px 0 0 22px;} #img-header-right {position:relative; z-index:1; float:left; margin-left:-5px;} #img-header-right img{ padding:25px 0 0 0;} /*MENU PRINCIPAL DU SITE*/ #menu {background: url(../images/menu-bk.gif) repeat-x; margin:11px 0 0 0; float:left; width:942px;} #menu ul {margin:0; padding:0; list-style:none;height:40px; width:942px; } #menu ul li {display:block; float:left; text-align:center; } #menu ul li.rub-2 {width:111px; } #menu ul li.rub-4 {width:122px; } #menu ul li.rub-5 {width:192px; } #menu ul li.rub-6 {width:77px; } #menu ul li.rub-7 {width:157px; } #menu ul li.first {width:166px;background:url(../images/menu-bk-left.gif) no-repeat top left; } #menu ul li.last {width:117px; /*float:right;*/ background-image:url(../images/menu-bk-right.gif); background-repeat:no-repeat; background-position:top right; } #menu ul li span { border-left:1px solid #b6d45e;display:block; /*padding:12px 7px;*/ padding:12px 0; font-size:115%; text-transform:uppercase; font-weight:bold;} #menu ul li span.first { /*padding-left:12px; */border:0; } #menu ul li span.last {/*width:106px; */padding-right:5px;display:block; position:relative;} #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {color:#fff;} #menu ul li a:hover {text-decoration:none;} #menu ul li a:hover span {background:url(../images/menu-bk-on.gif) repeat-x 0 0;} #menu ul li a:hover span.first {background:url(../images/menu-bk-left-on.gif) no-repeat top left;} #menu ul li a:hover span.last {background:url(../images/menu-bk-right-on.gif) no-repeat top right;} #menu ul li a.on span {background:url(../images/menu-bk-on.gif) repeat-x 0 0;} #menu ul li a.on span.first {background:url(../images/menu-bk-left-on.gif) no-repeat top left;} #menu ul li a.on span.last {background:url(../images/menu-bk-right-on.gif) no-repeat top right;} /*menu sur la page don*/ #menu.don {width:941px; margin:-31px 0 0 0;padding:0; } #menu.don ul {background:url(../images/menu-bk-right.gif) no-repeat top right; } #menu.don ul li.first { background:url(../images/menu-bk-left.gif) no-repeat top left; } #menu.don ul li.first span { padding:12px 60px;} /*-------------------------------------------------------------------------------------------------------------------- -------------------------------------------------CONTENU DU SITE------------------------------------------------------ --------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------PAGE HOME-------------------------------------*/ #page-home-left span.date, #page-home-right span.date {font-size:80%; color:#9e9d85; display:block; padding:3px 0;} #page-home-left h3, #page-home-right h3 {font-size:110%; font-weight:bold; margin:3px 0;} /*--------------------Page home : partie GAUCHE--------------------*/ #page-home-left {width:621px; float:left; padding-top:8px; height:828px; position:relative;} #page-home-left .titre {border-bottom:6px solid #dfdbc5; text-transform:uppercase; padding:5px 0 2px 15px; height:25px; } #les-campagnes {background:url(../images/diapo-campagne-bk.gif) no-repeat left bottom; width:621px; height:318px;} #les-campagnes #oxfam_flash {padding:3px;} /*--ACTUALITES--*/ /*actus : general*/ #actualites {margin:8px 0;} #actualites .titre h2 {float:left;} #actualites #actu-mise-en-avant h3 {padding:7px 0; clear:both;} #actualites p {margin:0;} #actualites img {border:1px solid #b9b59c;} /*actus : flux rss + lien vers toutes les actus*/ #actualites .actus-suivi {float:right;} #actualites .actus-suivi ul {margin:0; padding:0; list-style:none;} #actualites .actus-suivi ul li {display:block; float:left;} #actualites .actus-suivi ul li.rss {background:url(../images/rss.gif) no-repeat 100% 50%; padding:4px 20px 0 0; margin-right:12px;} #actualites .actus-suivi ul li.rss a:link, #actualites .actus-suivi ul li.rss a:visited, #actualites .actus-suivi ul li.rss a:hover, #actualites .actus-suivi ul li.rss a:active {color:#5f5e41; font-size:95%;} #actualites .actus-suivi .button.gris {padding:3px 0; background:url(../images/button-gris-fd.gif) no-repeat top left; } #actualites .actus-suivi .button.gris a {background:url(../images/button-gris-fleche.gif) no-repeat top right;padding:3px 15px 3px 9px;} #actualites .actus-suivi .button a:link, #actualites .actus-suivi .button a:visited, #actualites .actus-suivi .button a:hover, #actualites .actus-suivi .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } /*actus : mise en avant + liste*/ #actu-mise-en-avant {width:300px; float:left; margin:6px 10px 0 0;} /*actu mise en avant*/ #actu-mise-en-avant img {float:left; margin:0 10px 0 0;} #actu-mise-en-avant p.chapo {padding:0; font-weight:normal;} #actus-liste {float:right; width:302px; margin:15px 0 0 0;} /*liste des actus*/ #actualites .actus-liste-contenu { border-bottom:1px dashed #b7b39f; padding:10px 0; float:left; width:302px;} /*liste des actus*/ #actualites .actus-liste-contenu img {float:left; margin-right:10px;} #actualites .actus-liste-contenu span.date {padding:0;} /*BANNIERE*/ #banniere { bottom:0; left:0; position:absolute;} #banniere img {border:1px solid #deddda; padding:3px; background:#fff;} /*--------------------Page home : partie DROITE--------------------*/ #page-home-right {float:right; width:313px; background:#f2f1ea; padding:8px 0 0 0; min-height:828px;} #page-home-right .formulaire_recherche {margin:0 0 12px 0; padding:0 0 0 12px; float:none;} #banniere-agir {padding:0 12px;} #banniere-agir .sengager-ici img {float:left;} .bloc-a-la-une {margin:19px 0; padding:0 12px;} .bloc-a-la-une span.date {padding:5px 0 3px 0;} .bloc-a-la-une h2 {color:#e3bf1c; text-transform:uppercase; font-size:150%;} .bloc-a-la-une h2.video {float:left; padding-top:12px;} .bloc-a-la-une .titre {border-bottom:6px solid #dfad13; padding-left:12px;} .bloc-a-la-une .button {float:right; margin:10px 0 0 0; padding:3px 0;background:url(../images/button-jaune-bk.gif) no-repeat top left;} .bloc-a-la-une .button a {padding:3px 18px 3px 11px; background:url(../images/button-jaune-fleche.gif) no-repeat top right;} .bloc-a-la-une .button a:link, .button a:visited, .bloc-a-la-une .button a:hover, .bloc-a-la-une .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } .bloc-a-la-une .titre.video {height:40px;} .bloc-a-la-une .button.video {float:right;background:url(../images/button-jaune-grand-bk.gif) no-repeat top left; width:95px; line-height:95%; padding:0 0 4px 0;} .bloc-a-la-une .button.video a {background:url(../images/button-jaune-grand-fleche.gif) no-repeat top right; padding:4px 10px 3px 7px; display:block;} .bloc-a-la-une#actu-courte img {padding:5px 0 0 0;} /*#rapport-du-mois, #video-du-mois, #actu-courte {margin:19px 0; padding:0 12px;} #rapport-du-mois span.date, #video-du-mois span.date, #actu-courte span.date {padding:5px 0 3px 0;} #rapport-du-mois h2, #video-du-mois h2, #actu-courte h2 {color:#e3bf1c; text-transform:uppercase;} #rapport-du-mois h2.video, #video-du-mois h2.video, #actu-courte h2.video {float:left; padding-top:12px;} #rapport-du-mois .titre, #video-du-mois .titre, #actu-courte .titre {border-bottom:6px solid #dfad13; padding-left:12px;} #rapport-du-mois .button, #video-du-mois .button {float:right; margin:5px 0 0 0; padding:3px 0;background:url(../images/button-jaune-bk.gif) no-repeat top left;} #rapport-du-mois .button a, #video-du-mois .button a {padding:3px 18px 3px 11px; background:url(../images/button-jaune-fleche.gif) no-repeat top right;} #rapport-du-mois .button a:link, #rapport-du-mois .button a:visited, #rapport-du-mois .button a:hover, #rapport-du-mois .button a:active, #video-du-mois .button a:link, #video-du-mois .button a:visited, #video-du-mois .button a:hover, #video-du-mois .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } #rapport-du-mois .titre.video, #video-du-mois .titre.video {height:40px;} #rapport-du-mois .button.video, #video-du-mois .button.video {float:right;background:url(../images/button-jaune-grand-bk.gif) no-repeat top left; width:95px; line-height:95%; padding:0 0 4px 0;} #rapport-du-mois .button.video a, #video-du-mois .button.video a {background:url(../images/button-jaune-grand-fleche.gif) no-repeat top right; padding:4px 10px 3px 7px; display:block;}*/ #nos-blogs {width:306px; height:131px; background:url(../images/blogs-bk.gif) no-repeat top left; margin-left:3px;} #nos-blogs h2 {color:#cc9d0d; text-transform:uppercase; padding:3px 0 0 23px; float:left;} #nos-blogs .button {float:right; margin:15px 8px 0 0;padding:3px 0;background:url(../images/button-jaune-bk.gif) no-repeat top left;} #nos-blogs .button a {padding:3px 18px 3px 11px; background:url(../images/button-jaune-fleche.gif) no-repeat top right;} #nos-blogs .button a:link, #nos-blogs .button a:visited, #nos-blogs .button a:hover, #nos-blogs .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } #nos-blogs ul {margin:16px 0 0 14px; padding:0; list-style:none;} #nos-blogs ul li {margin:0; padding:4px 0 3px 16px; background:url(../images/fleche-jaune.gif) no-repeat 0 50%;} /*--------------------------------------------PAGE INTERNE DU SITE-------------------------------------*/ #contenu-top {border-bottom:6px solid #dfdbc5; padding-top:10px; clear:both;} #contenu-top h2 {text-transform:uppercase; float:left; width:595px; padding:0 0 5px 18px;} /*------------------PARTIE GAUCHE------------------*/ #page-left {width:230px; float:left;} #menu-left {} /*---------MENU GAUCHE---------*/ #menu-rubrique {width:230px; background:url(../images/page-left-bk.gif) no-repeat 217px 18px;} #menu-rubrique .menu-content {width:221px; background:#f8f7f1;} #menu-left ul {margin:0; padding:0 0 7px 0; list-style:none; background:url(../images/menu-left-bk-btm.gif) no-repeat left bottom; position:relative;} #menu-left ul li {margin:0; padding:0;border-bottom:1px dashed #c9c5ad; } #menu-left ul li a {padding:12px 20px; display:block;} #menu-left ul li a:link, #menu-left ul li a:visited, #menu-left ul li a:hover, #menu-left ul li a:active {font-weight:bold;} #menu-left ul li a:hover {background:#779f00 url(../images/menu-left-activ-bk.gif) repeat-x 0 0; text-decoration:none; color:#fff; } #menu-left ul li a.on {color:#fff; background:#779f00 url(../images/menu-left-activ-bk.gif) repeat-x 0 0; border-bottom:1px dashed #5e7d00;} #menu-left ul li ul {background:#89b700; margin:0; padding:8px 0 8px 20px;} #menu-left ul li ul li {background:#89b700; border:0; border:1px solid #a7ca3f; border-width:0 0 0 1px;} #menu-left ul li ul li a {padding:5px 15px;} #menu-left ul li ul li a:link, #menu-left ul li ul li a:visited, #menu-left ul li ul li a:hover, #menu-left ul li ul li a:active {color:#fff;} #menu-left ul li ul li a:hover {background:#789f00; text-decoration:none; color:#fff; border-width:0 0 0 1px;} #menu-left ul li ul li a.on {color:#fff; background:#789f00; border-width:0 0 0 1px;} /*----BLOC PARTAGER - page interne ----*/ #page-left .pave {width:222px; height:135px; margin:15px 0 0 0;} #page-left #partager {background:url(../images/pave-partager-intern.jpg) no-repeat top left;} #page-left #partager h3 {font-size:170%; text-transform:uppercase;margin:10px 15px 0 18px; border-bottom:6px solid #dfdbc5; color:#57ADAA;} #page-left #partager ul {margin:12px 0 0 18px;} #page-left #partager ul li {margin:0 4px 5px 0;} /*---------------PARTIE DROITE--------------*/ #page-right {width:698px; float:right; padding-left:12px;} #page-right .titre {margin:15px 0 8px 0;} #page-right .titre h2 {text-transform:uppercase; font-size:180%;} #page-right h3 {color:#779f00; font-size:165%; padding:15px 0 8px;} #page-right p {padding:0 0 10px 0;} /*---chemin de fer---*/ #chemin-de-fer {margin:10px 0 0 0;} #chemin-de-fer ul {list-style:none; margin:0; padding:0;} #page-right #chemin-de-fer ul li {display:inline; background:url(../images/puce-chemin-de-fer.gif) no-repeat 0 50%; padding:0 5px 0 10px;} #page-right #chemin-de-fer ul li.last {display:inline; background:none; padding-left:0;} #page-right #chemin-de-fer ul li a {color:#000;} #page-right #chemin-de-fer ul li a:hover {color:#779f00;} #page-right #chemin-de-fer ul li a.on {color:#779f00; font-weight:bold;} /*--article--*/ #article {padding:0 80px 0 40px;} #article .article-lien {margin:6px 0; display:block; background:url(../images/fleche-lien.gif) no-repeat 0 50%; padding:4px 0 4px 25px; border:1px solid #dfdbc5; border-width:1px 0;} #article .article-lien a:link, #page-right .article-lien a:visited, #page-right .article-lien a:hover, #page-right .article-lien a:active {font-weight:bold;color:#ee4a06;} #page-right ul {list-style:none;} #article ul li {background:url(../images/puce-lien.gif) no-repeat 0 3px; padding:0 0 6px 24px;} #article .chapo {font-weight:bold; padding:10px 0;} #article p {padding:8px 0;} /*-----formulaire Recherche avancée des articles-------*/ .formulaire_recherche_avancee {background:#F1EEE5; height:74px;} .type-recherche {float:left; padding:8px 30px 0 12px;} .type-recherche label {display:block; font-weight:bold; font-size:120%; color:#779F00; padding:2px 0 10px 0; margin:0;} .type-recherche.thematique span.select {position:absolute; width: 244px; height: 21px; padding:4px 0 0 4px; background: url(../images/recherche-avancee-them.gif) no-repeat 0 0;overflow: hidden; display:block;} .type-recherche.thematique select.styled {width: 244px; } .type-recherche.date span.select {position:absolute; width: 107px; height:21px;padding:4px 0 0 8px; background: url(../images/recherche-avancee-date.gif) no-repeat 0 0;overflow: hidden;display:block;} .type-recherche.date select.styled {width: 107px; height:21px;} .type-recherche.saisie input {border:0; padding:3px 5px 0 5px; float:left; background:url(../images/recherche-avancee-bk.gif) no-repeat 0 0; height:20px; width:167px;} .type-recherche.saisie input.button {margin:0 0 0 5px; padding:0; float:left;height:23px; width:25px;} /*résultats des recherches*/ #page-right .nombre-resultats {margin:20px 0 10px 0; font-weight:bold; font-size:130%;} #page-right .nombre-resultats span {color:#779F00;} #page-right .liste-resultat {margin:0 0 40px 0; } #page-right .liste-resultat img.spip_logos {float:left; padding:0 10px 5px 0;} #page-right #article img.spip_logos {float:left; padding:10px 10px 5px 0;} #page-right .liste-resultat .docs-dl {display:block; float:left;} #page-right .liste-resultat .docs-dl span {display:block; font-size:80%;} #page-right .liste-resultat .titre {height:30px; border-bottom:1px solid #dbeca8; margin-bottom:15px;} #page-right .liste-resultat h3 {text-transform:uppercase; font-size:130%; float:left; } #page-right .liste-resultat h3.spip {width:100%; } #page-right .liste-resultat h4 {font-size:165%; padding-bottom:10px;} #page-right .liste-resultat h4 a:link, #page-right .liste-resultat h4 a:visited, #page-right .liste-resultat h4 a:hover, #page-right .liste-resultat h4 a:active {color:#779F00; } #page-right .liste-resultat span.date {padding-top:10px; color:#779f00; text-transform:uppercase; font-size:110%; float:right;} #page-right .liste-resultat .spip_documents, #page-right .spip_doc_titre .spip_documents {float:left; border:1px solid #e1ddc8; padding:3px; margin:0 12px 5px 0; } /*--pagination--*/ #pagination {text-align:center; padding-top:15px;} #pagination .lien_pagination_precedent {margin-right:35px;} #pagination .lien_pagination_suivant {margin-left:35px;} #pagination a:link, #pagination a:visited, #pagination a:hover, #pagination a:active {color:#779F00;} #pagination span.on {color:#779F00; font-weight:bold;} /*----------BOUTIQUE-----------*/ #boutique {border-top:6px solid #F3F3EB; margin-top:15px; padding-top:20px;} #compte-panier {float:right; margin-top:-15px;} #compte-panier ul {margin:0; padding:0; list-style:none;} #compte-panier ul li {display:block; float:left; background:none; padding:0;} #compte-panier ul li a {display:block; padding:14px 0; letter-spacing:-1px;} #compte-panier ul li.compte a {background:url(../images/boutique-moncompte.gif) no-repeat 0 0; border-right:1px solid #a9cf38; width:102px; padding-left:40px;} #compte-panier ul li.panier a {background:url(../images/boutique-monpanier.gif) no-repeat 0 0; width:125px; padding-left:35px;} #compte-panier ul li a:link, #compte-panier ul li a:visited, #compte-panier ul li a:hover, #compte-panier ul li a:active {color:#fff; font-weight:bold; text-transform:uppercase; font-size:120%;} #compte-panier ul li.compte a:hover {background:url(../images/boutique-moncompte-survol.gif) no-repeat 0 0; text-decoration:none;} #compte-panier ul li.panier a:hover {background:url(../images/boutique-monpanier-survol.gif) no-repeat 0 0; text-decoration:none;} /*---Liste des produits---*/ #boutique ul.ListeProduitsPetits {margin:0; padding:0; list-style:none;} #boutique ul.ListeProduitsPetits li {width:339px; float:left; padding:0 10px 25px 0; min-height:220px; height:auto!important; height:220px; position:relative;} #boutique ul.ListeProduitsPetits li form.formulaire-produit fieldset {border:0; padding:0; margin:0;} #boutique ul.ListeProduitsPetits li .apercuProduit {float:left; width:150px; height:150px;} #boutique ul.ListeProduitsPetits li .apercuProduit img {float:left;} #boutique ul.ListeProduitsPetits li .apercuProduit .zoom {float:right;margin-top:110px; margin-left:-30px; position:relative;} #boutique ul.ListeProduitsPetits li h3 {font-size:100%;} #boutique ul.ListeProduitsPetits li .chapoProduit {font-size:115%; font-weight:bold; padding:5px 0;} #boutique ul.ListeProduitsPetits li .prixProduit {font-size:130%; font-weight:bold; padding:5px 0; color:#779F00; } #boutique ul.ListeProduitsPetits .achatProduit {clear:both; height:28px; padding:7px 0 0 0;background:#efede5 url(../images/boutique-achat-btm.gif) no-repeat left bottom; width:330px; position:absolute; bottom:25px;} #boutique ul.ListeProduitsPetits .achatProduit .button {padding:3px 0;float:left;margin-left:22px; } #boutique ul .button a:link, #boutique ul .button a:visited, #boutique ul .button a:hover, #boutique ul .button a:active, #boutique ul .button {color:#fff; text-transform:uppercase; font-weight:bold;} #boutique ul.ListeProduitsPetits .achatProduit .button.orange.epuise, #boutique .detail-du-produit .achatProduit .button.orange.epuise {color:#fff; text-transform:uppercase; font-weight:bold; padding:3px 11px;} #boutique ul.ListeProduitsPetits .achatProduit .button.vert {background:url(../images/button-vert-bk.gif) no-repeat top right;} #boutique ul.ListeProduitsPetits .achatProduit .button.vert a {padding:3px 18px 3px 11px;background:url(../images/button-vert-fleche.gif) no-repeat top right;} #boutique ul.ListeProduitsPetits .achatProduit .button.orange {background:url(../images/button-orange-bk.gif) no-repeat top right;} #boutique ul.ListeProduitsPetits .achatProduit .button.orange a {padding:3px 18px 3px 11px;background:url(../images/button-orange-fleche.gif) no-repeat top right;} /*---Details d'un produit---*/ #boutique .apercuProduitGrand {float:left;} #boutique .apercuProduitGrand ul {margin:15px 0 0 0; padding:0;} #boutique .apercuProduitGrand ul li {float:left; display:block; padding:0 10px 10px 0;} #boutique .apercuProduitGrand ul li img {padding:4px; background: url(../images/boutique-vignette-bk.gif) no-repeat 0 0;} #detail-du-produit {float:right; width:400px;} #detail-du-produit h3 {font-size:110%;} #detail-du-produit .chapoProduit {font-size:120%; font-weight:bold;} #detail-du-produit .caracteristiqueProduit {padding:10px 0;} #detail-du-produit .autrecaracteristiqueProduit {padding:10px 0; font-size:90%;} #detail-du-produit .achatProduit {width:358px; height:24px; margin-bottom:18px; background: url(../images/boutique-produit-achatproduit-bk.gif) no-repeat 0 0; padding:10px 15px; font-size:90%;} #detail-du-produit .achatProduit .prixProduit {font-size:180%; font-weight:bold; color:#779F00; float:left;} #detail-du-produit .achatProduit .button {background:url("../images/button-orange-bk.gif") no-repeat scroll right top transparent; color:#FFFFFF; float:right; font-weight:bold; padding:3px 0; text-transform:uppercase;} #detail-du-produit .achatProduit .button.epuise {padding:4px 11px;} #detail-du-produit .achatProduit .button a {padding:3px 18px 3px 11px; background:url(../images/button-orange-fleche.gif) no-repeat top right;} #detail-du-produit .button a:link, #detail-du-produit .button a:visited, #detail-du-produit .button a:hover, #detail-du-produit .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } #detail-du-produit .button.vert-left {float:left; padding:3px 0; background:url(../images/button-vert-left-bk.gif) no-repeat top right;} #detail-du-produit .button.vert-left a {padding:3px 11px 3px 18px; background:url(../images/button-vert-left-fleche.gif) no-repeat top left;} /*---Panier - étapes de l'achat---*/ #page-right .titre.panier h2 {text-transform:none;} #page-right .titre.panier span {color:#779F00;} #etapes-achat ul {margin:15px 0; padding:0; list-style:none; background: url(../images/boutique-panier-etape-bk.gif) no-repeat top left; width:695px; height:44px;} #etapes-achat ul li {display:block; float:left;} #etapes-achat ul li a {letter-spacing:-0.07em; display:block; padding:14px 0; color:#fff; text-transform:uppercase; font-weight:bold; font-size:120%; } #etapes-achat ul li a.on {position:relative; } #etapes-achat ul li.premiere-etape a {width:64px; padding-left:30px;} #etapes-achat ul li.premiere-etape a.on {background:url(../images/boutique-produit-etape-1.gif) no-repeat top left;} #etapes-achat ul li.deuxieme-etape a {width:195px; padding-left:30px;} #etapes-achat ul li.deuxieme-etape a.on {background:url(../images/boutique-produit-etape-2.gif) no-repeat top left; margin-left:-20px; padding-left:50px;} #etapes-achat ul li.troisieme-etape a {width:180px; padding-left:28px;} #etapes-achat ul li.troisieme-etape a.on {background:url(../images/boutique-produit-etape-3.gif) no-repeat top left; margin-left:-20px; padding-left:48px; width:178px;} #etapes-achat ul li.quatrieme-etape a {width:140px; padding-left:28px;} #etapes-achat ul li.quatrieme-etape a.on {background:url(../images/boutique-produit-etape-4.gif) no-repeat top left; margin-left:-20px; padding-left:48px; width:140px;} #boutique.panier {padding-top:4px;} #boutique table {width:100%; } #boutique table tr td .button a:link, #boutique table tr td .button a:visited, #boutique table tr td .button a:hover, #boutique table tr td .button a:active {color:#fff;text-transform:uppercase; font-weight:bold;} #boutique table tr.entete {background:#F4F4EC; height:40px; text-align:left;} #boutique table tr.entete th {font-size:110%;} #boutique table tr.montant-total {background: url(../images/boutique-panier-montant-bk.gif) no-repeat 0 0; height:44px;} #boutique table th.first {padding-left:15px; width:35%; } #boutique table th.last {width:18%;padding-right:15px;} #boutique table td.first {padding:10px 0 10px 15px; width:12%;} #boutique table td.last {padding-right:15px;} #boutique table.panier span.select {position:absolute; width: 57px; height:20px;padding:4px 0 0 8px; background: url(../images/boutique-panier-quantite.gif) no-repeat 0 0;overflow: hidden;display:block;} #boutique table.panier select.styled {width: 57px; height:20px;} #boutique table.panier .button, #boutique.panier .button {background:url(../images/button-orange-bk.gif) no-repeat left top; float:right; padding:3px 0;} #boutique table.panier .button.orange a, #boutique.panier .button.orange a {padding:3px 18px 3px 11px; background:url(../images/button-orange-bk-blanc-fleche.gif) no-repeat top right;} #boutique table.panier .montant {font-weight:bold; padding:9px 0 10px 0; text-align:center;} #boutique table.panier .montant.label {background:#DFDBC5 url(../images/boutique-panier-montant-left.gif) no-repeat 0 0;width:200px; float:right; } #boutique table.panier .montant.chiffre{background:#DFDBC5 url(../images/boutique-panier-montant-right.gif) no-repeat 0 0;width:117px; color:#fff; } #boutique table tr.bottom td {padding:15px 15px 15px 0;} #boutique table tr.bottom .button.vert-left {padding:3px 0;float:right;background:url(../images/button-vert-left-bk.gif) no-repeat right top;} #boutique table tr.bottom .button.vert-left a {padding:3px 11px 3px 18px; background:url(../images/button-vert-left-fleche.gif) no-repeat top left; } .formulaire-thelia fieldset, #nouveau fieldset {border:0; background:#F5F5EE;} .formulaire-thelia fieldset input.zoneDeSaisie, #nouveau fieldset input.zoneDeSaisie, #nouveau fieldset input[type=text], #nouveau fieldset select {width:200px; border:1px solid #999999;} .formulaire-thelia fieldset table tr td.ligneTableau, #nouveau fieldset table tr td.ligneTableau {width:200px;} .formulaire-thelia fieldset .boutonMonCompteContenu, #nouveau fieldset .boutonMonCompteContenu {text-align:center; padding:7px 0;} .formulaire-thelia fieldset .boutonMonCompteContenu input, #nouveau fieldset .boutonMonCompteContenu input {background:#89B700; color:#fff; padding:5px 10px; font-weight:bold; font-size:120%;border:0; text-transform:uppercase; font-family:Trebuchet MS;} /*------------------------DON EN LIGNE--------------------------*/ #don-en-ligne {} #don-en-ligne .titre {height:46px; float:left;} #don-en-ligne .titre h2 {text-transform:uppercase;border-bottom:6px solid #dfdbc5; float:left; width:288px; margin-top:10px; padding:0 0 3px 15px;} #don-en-ligne .intro {float:right; color:#97be1c; font-weight:bold; width:614px; padding:14px 5px 0 15px; font-size:115%; letter-spacing:-0.040em;} #don-en-ligne .banniere {padding:15px 0; float:left;} #don-en-ligne .formulaire {float:left; width:622px; padding-right:12px; } #don-en-ligne .formulaire.last {float:left; width:306px; padding:0;} #don-en-ligne .autre-forme-don {width:295px; margin-top:-95px; position:relative; float:left;} #don-en-ligne .autre-forme-don ul {margin:25px 15px 0 25px; font-size:90%; list-style:none; padding:0;} #don-en-ligne .autre-forme-don ul li {padding:0;} #don-en-ligne .autre-forme-don a:link, #don-en-ligne .autre-forme-don a:visited, #don-en-ligne .autre-forme-don a:hover, #don-en-ligne .autre-forme-don a:active {color:#82ae00; text-decoration:underline;} #don-en-ligne .autre-forme-don a:hover {text-decoration:none;} /*#don-en-ligne .formulaire input.don-valider {margin:15px 0 0 0;}*/ #don-en-ligne #votre-don-en-action {padding-bottom:10px;float:left; width:295px; background:#f2f1ea; height:490px;} #don-en-ligne #votre-don-en-action h2 {background:url(../images/don-en-action-titre-bk.gif) no-repeat 0 0; color:#fff; padding:8px 12px 25px 12px;} #don-en-ligne #votre-don-en-action strong.spip {font-weight:bold; font-size:120%; color:#f2571f; display:block; padding:3px 12px 0 12px;} #don-en-ligne #votre-don-en-action .actions {height:100px; padding:15px 12px 0 12px;} #don-en-ligne #votre-don-en-action p.ensavoirplus {padding:8px 18px; clear:both;} #don-en-ligne #votre-don-en-action dl.spip_documents { width:270px; float:left; padding:15px 0 5px 12px; margin:0; display:block; height:auto;} #don-en-ligne #votre-don-en-action dl.spip_documents dt {float:left; margin-right:10px; background: url(../images/don-en-action-img-bk.gif) no-repeat 0 0;} #don-en-ligne #votre-don-en-action dl.spip_documents dt img {padding:9px 10px 4px 13px;} #don-en-ligne #votre-don-en-action dl.spip_documents dd.spip_doc_descriptif {margin:0; padding:0; float:left;width:120px; } #don-en-ligne #votre-don-en-action dl.spip_documents dt.spip_doc_titre {display:none;} #don-en-ligne #don-note {font-size:85%; background:url(../images/puce-etoile.gif) no-repeat 0 2px; margin-top:10px; padding-left:15px;} #don-en-ligne #don-note a:link, #don-en-ligne #don-note a:visited, #don-en-ligne #don-note a:hover, #don-en-ligne #don-note a:active {color:#82ae00; text-decoration:underline;} #don-en-ligne #don-note a:hover {text-decoration:none;} /*-- documents / images --*/ #page-right dl.spip_documents {margin:5px 15px 8px 0; font-size:80%;} #page-right dl.spip_documents.spip_documents_center {text-align:center;} #page-right dl.spip_documents.spip_documents_right {margin:5px 0 8px 15px;} #page-right dl.spip_documents img {border:1px solid #e2e0d7; background:#fff; padding:3px;} #page-right dl.spip_documents dt.spip_doc_titre {margin:0 3px 0 0; text-align:left;} #page-right dl.spip_documents dd.spip_doc_descriptif { padding:2px; margin:0; text-align:left;} #page-right dl.spip_documents.spip_documents_left dt.spip_doc_titre, #page-right dl.spip_documents.spip_documents_left dd.spip_doc_descriptif, #page-right dl.spip_documents.spip_documents_center dt.spip_doc_titre, #page-right dl.spip_documents.spip_documents_center dd.spip_doc_descriptif, #page-right dl.spip_documents.spip_documents_right dt.spip_doc_titre, #page-right dl.spip_documents.spip_documents_right dd.spip_doc_descriptif {text-align:center; margin:0 auto;} /*-------------------------------------------------------------------------------------------------------------------- -------------------------------------------------FOOTER DU SITE------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------*/ #footer-nav { clear:both; padding:10px 0 5px; } /*menu du footer*/ #menu-footer {float:right; clear:right; padding:0 0 5px 0; /*padding-top:22px;*/} #menu-footer ul {padding:0; margin:0; list-style:none; } #menu-footer ul li {display:inline; padding:0 4px 0 7px;border-left:1px solid #656151;} #menu-footer ul li.first { border:0; } #menu-footer ul li a:link, #menu-footer ul li a:visited, #menu-footer ul li a:hover, #menu-footer ul li a:active {color:#656151; font-size:90%;} /*comité de la charte*/ #comite-charte {background:#E9E9DD; text-align:left; padding:0 190px 20px 19px; } #comite-charte img {float:left; margin:0 30px 0 0;} #comite-charte p {padding:10px 0;} /*-----------------FOOTER DES PAGES ARTICLES UNIQUEMENT---------------*/ #footer-nav.article {padding:0;} #partager-article {width:280px; height:29px; float:right; padding:0 0 18px 0; /*background:url(../images/partager-footer-bk.gif) no-repeat top right;*/ } #partager-article ul {margin:0;padding:3px 28px 0 0; list-style:none; float:right;} #partager-article ul li {display:block; float:left; padding:0 10px 0 0; margin:0;} #popup #partager-article {background:none; width:auto; height:auto; float:none; float:right; padding:15px 0;} #popup #partager-article ul {float:none;} #popup #partager-article ul li {display:inline; float:left;} /*--------------------------FOOTER DE LA PAGE HOME UNIQUEMENT (avec divers blocs)------------------*/ /*---------------BLOCS------------*/ .pave {width:227px; height:110px; float:left; padding-right:10px;} .pave h2 {text-transform:uppercase;} #partager {background:url(../images/pave-partager.jpg) no-repeat top left;} #partager ul {margin:3px 0 0 12px; padding:0; list-style:none;} #partager ul li {display:block; float:left; background:url(../images/partager-bk-fleche.gif) no-repeat 0 0; padding:4px 20px 4px 5px; margin:0 8px 2px 0;} #partager ul li.last {margin:0;} #partager ul li.small {padding-top:6px} #partager h2 {color:#57adaa; margin:10px 0 0 12px;} #bouquinerie {background:url(../images/pave-bouquinerie.jpg) no-repeat top left;} #bouquinerie h2 {color:#779711; margin:6px 0 0 70px;} #bouquinerie .button {margin:80px 14px 0 0; float:right; background:url(../images/button-orange-bk.gif) no-repeat left top; padding:3px 0;} #bouquinerie .button a {padding:3px 18px 3px 11px; background:url(../images/button-orange-fleche.gif) no-repeat top right;} #bouquinerie .button a:link, #bouquinerie .button a:visited, #bouquinerie .button a:hover, #bouquinerie .button a:active {text-transform:uppercase; color:#fff; font-weight:bold; } #newsletter {background:url(../images/pave-newsletter.jpg) no-repeat top left;} #newsletter h2 {color:#659200; margin:10px 0 4px 12px;} #newsletter form.newsletter {margin:1px 0 0 12px;} #newsletter form.newsletter label {color:#5f5e41; font-size:90%; cursor:pointer;} #newsletter form.newsletter input {margin-top:10px;} #newsletter form.newsletter input.newsletter {float:left; background:url(../images/newsletter-bk.gif) no-repeat 0 0; border:0; width:148px; height:21px; padding:4px 6px 0 5px;} #newsletter form.newsletter input.button-valid {float:left; } #agir {padding:0 0 0 1px; } #page-left #newsletter {background:url(../images/pave-newsletter-intern.jpg) no-repeat top left; margin:10px 0;} /*--------------------------FORMULAIRE DE DON------------------*/ /*general*/ .spip_forms.form_2, .spip_forms.form_2 form {margin:0; padding:0; font-family:Arial; position:relative;} .spip_forms.form_2, .spip_forms.form_2 form input, .spip_forms.form_2, .spip_forms.form_2 form input.formo-focus:focus, .spip_forms.form_2, .spip_forms.form_2 form textarea {background:#fff url(../images/don-input-bk.gif) repeat-x 0 0; border:0;} .spip_forms.form_2, .spip_forms.form_2 .spip_form_choix_unique input {background:none;} .spip_forms.form_2 form .forml-focus,.spip_forms.form_2 form input.forml-focus:focus, .spip_forms.form_2 form textarea.forml-focus:focus, .form_2 .forml-focus{background:#fff url(../images/don-input-bk.gif) repeat-x 0 0; border:0; color:#000;} .spip_forms.form_2 fieldset {padding:0;margin:0; height:500px;} .spip_forms.form_2 form legend span {text-transform:uppercase; color:#fff; font-size:145%; font-weight:bold; display:block; width:230px; height:47px; padding:8px 0 0 65px ;} .spip_forms.form_2 fieldset.separateur_2 {float:left; width:303px; padding:0; margin:0 16px 0 0; border:0; background:#98cb00;} .spip_forms.form_2 fieldset.separateur_2 legend {background:#98CB00; display:table-row; margin:0; padding:0; width:100%;} .spip_forms.form_2 fieldset.separateur_2 legend span {background:#98CB00 url(../images/don-mondon.gif) no-repeat 4px 4px; padding:12px 0 0 70px;} .spip_forms.form_2 fieldset.separateur_3 {float:right; width:303px; padding:0; margin:0 0 0 0; border:0; background:#ffae00 url(../images/don-coordonnees-bk.png) no-repeat right bottom;} .spip_forms.form_2 fieldset.separateur_3 legend span {background:#FFAE00 url(../images/don-mescoordonnes.gif) no-repeat 4px 4px; padding:12px 0 0 70px;} .spip_forms.form_2 fieldset.separateur_3 legend {background:#FFAE00; display:table-row; margin:0; padding:0; width:100%;} .spip_forms.form_2 .spip_form_champ .spip_form_label .label, .spip_forms.form_2 .spip_form_champ .spip_form_label span.label, .spip_forms.form_2 .spip_form_champ .spip_form_label, .spip_forms.form_2 .spip_form_champ .spip_form_label label {font-weight:normal; color:#000; padding:3px 5px 0 0;} .spip_forms.form_2 .spip_form_champ {padding:0 17px; margin:0;} .spip_forms .spip_form_champ {clear:both;display:block;margin-bottom:0;margin-top:1em;} /*colonne gauche - mon don*/ .spip_forms.form_2 .spip_form_champ.textestatique_2 {background:url(../images/don-jedonne-chakfois.gif) no-repeat 17px 0; margin:0; height:32px; padding:3px 17px; text-transform:uppercase; font-weight:bold ; font-size:130%;} .spip_forms.form_2 .spip_form_champ.textestatique_2 span {display:none;} .spip_forms.form_2 .spip_form_champ.select_1 ul.spip_form_choix_unique {margin:0; padding:12px 0 ; width:100%;} .spip_forms.form_2 .spip_form_champ.select_1 ul.spip_form_choix_unique li {margin:0; padding:0; display:block; float:left;} .spip_forms.form_2 .spip_form_champ.select_1 ul.spip_form_choix_unique #input-2-select_1_2 {margin-top:22px;} .spip_forms.form_2 .spip_form_champ.select_1 ul.spip_form_choix_unique #input-2-select_1_4 {margin-top:22px;} .spip_forms.form_2 .spip_form_champ.textestatique_3 {background:url(../images/don-autremontant.gif) no-repeat 17px 0; font-weight:bold; padding:4px 0 4px 27px; font-size:12px;} .spip_forms.form_2 .spip_form_champ.email_1 .spip_form_label_details {display:none;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ.email_1 input.email {width:160px;} .spip_forms.form_2 .spip_form_champ.textestatique_3 span {color:#f7ae00;} .spip_forms.form_2 .spip_form_champ.select_2 span.spip_form_label {display:block; background:url(../images/don-jedonne-mnt.gif) no-repeat 0 0; height:62px;} .spip_forms.form_2 .spip_form_champ.select_2 span.spip_form_label span.label {display:none;} .spip_forms.form_2 .spip_form_champ.select_2 span.spip_form_label span.mnt {display:none;} .spip_forms.form_2 .spip_form_champ.select_2 ul.spip_form_choix_unique {margin:0; padding:16px 0; width:100%; float:left;} .spip_forms.form_2 .spip_form_champ.select_2 ul.spip_form_choix_unique li {margin:0; padding:0 6px 0 0; display:block; float:left;} .spip_forms.form_2 .spip_form_champ.ligne_1 span {float:left;} .spip_forms.form_2 .spip_form_champ.ligne_1 input#input-2-ligne_1 {float:left; width:77px;} .spip_forms.form_2 .spip_form_champ.textestatique_1 {/*margin-top:30px; */ top:387px;background:url(../images/don-deduction-fiscale.gif) no-repeat 0 0; width:268px; height:115px; float:left; margin-left:-3px; position:absolute; z-index:5;} .spip_forms.form_2 .spip_form_champ.textestatique_1 p {display:none;} .spip_forms.form_2 fieldset.separateur_2 .spip_form_champ.num_1 label, .spip_forms.form_2 fieldset.separateur_2 .spip_form_champ.num_2 label {display:none;} .spip_forms.form_2 form input#input-2-num_1, .spip_forms.form_2 form input#input-2-num_2 {text-align:center; font-size:120%; background:transparent; float:right;position:absolute;width:40px;z-index:10; color:#EE6418; font-weight:bold;} .spip_forms.form_2 form input#input-2-num_1 {top:435px; left:139px;} .spip_forms.form_2 form input#input-2-num_2 {left:170px;top:460px;width:50px;} /*colonne droite - mes coordonnées*/ .spip_forms .spip_bouton {text-align:center;} .spip_forms.form_2 .spip_form_label_obligatoire {background:url(../images/don-obligatoire.gif) no-repeat 0 0; display:block; width:0; padding:0 0 0 5px; overflow:hidden; float:left;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ .spip_form_label label {float:left; padding:0 5px 0 0;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ .spip_form_label span.label {float:left; padding:0 5px 0 0;} .spip_forms.form_2 fieldset.separateur_3 span.spip_form_label {width:95px; display:block; float:left;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ {padding:4px 16px; margin:0; height:22px;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ.texte_1 {height:78px;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ.textestatique_4 {height:40px;} .spip_forms.form_2 fieldset.separateur_3 input.ligne.forml, .spip_forms.form_2 fieldset.separateur_3 textarea.formo, .spip_forms.form_2 fieldset.separateur_3 input.ligne.formo {width:160px; display:block;} .spip_forms.form_2 .spip_form_champ.texte_1 textarea.formo {height:70px;} .spip_forms.form_2 .spip_form_champ.select_3 span.spip_form_label {float:left;} .spip_forms.form_2 .spip_form_champ.select_3 ul.spip_form_choix_unique {width:auto; margin:0; padding:0; } .spip_forms.form_2 .spip_form_champ.select_3 ul.spip_form_choix_unique li {display:block; margin:0; padding:0; float:left;} .spip_forms.form_2 .spip_form_champ.ligne_5 input#input-2-ligne_5 {width:25px;} .spip_forms.form_2 .spip_form_champ.select_4 select {width:165px; border:0; background:url(../images/don-input-bk.gif) repeat-x 0 0; height:19px; background:#ffffff;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ.textestatique_5 {padding-top:10px; font-size:90%;} .spip_forms.form_2 fieldset.separateur_3 .spip_form_champ.textestatique_5 span {color:#f2561e;} .spip_forms.form_2 .spip_bouton {padding:15px 0;clear:both; text-align:right; } .spip_forms.form_2 .spip_bouton input.bouton {display:none;} .spip_forms.form_2 .spip_bouton input.don {visibility:visible;} .spip_forms.form_2 span.erreur {font-size:80%; font-weight:bold; color:#fff; clear:both; display:block; margin-top:-1px;} /* ______________________________ FORMULAIRE DE CONTACT ______________________________________*/ .spip_forms.form_1 .spip_form_champ.select_1 ul.spip_form_choix_unique {width:auto;} .spip_forms.form_1 .spip_form_champ.select_1 ul li {display:inline;} #article .spip_forms ul li {background:none;} .spip_forms.form_1 fieldset {border:0;} .spip_forms.form_1 legend {display:none;} /* ____________________________ EVENEMENTS INTERNATIONAUX ___________________________________ */ #onglets {margin:15px 0 0 0;} #onglets .content {background:url(../images/onglet-bk-generalleft.gif) no-repeat 0 0;} #onglets ul {margin:0; padding:0; height:27px;} #onglets ul li {margin:0; padding:0; float:left; background:url(../images/onglet-bk.gif) repeat-x 0 0;} #onglets ul li.first a {background:url(../images/onglet-bk-left-first.gif) no-repeat top left;} #onglets ul li a {background:url(../images/onglet-bk-left.gif) no-repeat top left; display:block;} #onglets ul li a span {padding:6px 25px; display:block; background:url(../images/onglet-bk-right.gif) no-repeat top right;} #onglets a:link,#onglets a:visited,#onglets a:hover,#onglets a:active {color:#424241; font-weight:bold;} #onglets ul li a:hover, #onglets ul li a.on {color:#fff; text-decoration:none;} /* onglet TITRE */ #onglets ul li.first a.on, #onglets ul li.first a:hover {background:url(../images/onglet-first-activ.gif) no-repeat top left;} #onglets ul li.first a.on span, #onglets ul li.first a:hover span {background:url(../images/onglet-first-activ-right.gif) no-repeat top right;} #page-right #actions.tags-7 h2 {color:#57adaa;} .imageOver_off{ background:url(../images/play.png) no-repeat 50% 50%; _background:transparent; /*ie6*/ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .imageOver_on{ background:url(../images/play.png) no-repeat 50% 50%; _background:transparent; /*ie6*/ } .imageOver_mini_off{ background:url(../images/play_mini.png) no-repeat 50% 50%; _background:transparent; /*ie6*/ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .imageOver_mini_on{ background:url(../images/play_mini.png) no-repeat 50% 50%; _background:transparent; /*ie6*/ } /* onglet AGIR */ #onglets ul li.onglet-2 a.on, #onglets ul li.onglet-2 a:hover {background:url(../images/onglet-agir-activ.gif) no-repeat left 1px;} #onglets ul li.onglet-2 a.on span, #onglets ul li.onglet-2 a:hover span {background:url(../images/onglet-agir-activ-right.gif) no-repeat right 1px;} #page-right #actions.tags-2 h2 {color:#fa810b;} /* onglet S'INFORMER */ #onglets ul li.onglet-1 a.on, #onglets ul li.onglet-1 a:hover {background:url(../images/onglet-sinformer-activ.gif) no-repeat top left;} #onglets ul li.onglet-1 a.on span, #onglets ul li.onglet-1 a:hover span {background:url(../images/onglet-sinformer-activ-right.gif) no-repeat top right;} #page-right #actions.tags-1 h2 {color:#57adaa;} /* onglet ALLER PLUS LOIN */ #onglets ul li.onglet-3 a.on, #onglets ul li.onglet-3 a:hover {background:url(../images/onglet-allerplusloin-activ.gif) no-repeat top left;} #onglets ul li.onglet-3 a.on span, #onglets ul li.onglet-3 a:hover span {background:url(../images/onglet-allerplusloin-activ-right.gif) no-repeat top right;} #page-right #actions.tags-3 h2 {color:#fa810b;} #actions{background:#efede6; padding:12px 2px 12px 12px; float:left;} .actions-block {background:#f8f7f1; border:5px solid #fff; color:#363636; margin:0 0 10px 0; width:663px; float:left;} .actions-block.col-left {width:366px; float:left;} .actions-block.col-right {width:275px; float:right;margin-right:10px;} #page-right #actions .titre {margin:0;} #page-right #actions h2 {color:#81ac00; font-size:150%; border-bottom:6px solid #dfdbc5;padding:5px 10px; } #page-right #actions h3, #page-right .actions-block h3.spip {color:#000; font-size:110%; clear:none; padding:0 0 8px 0;} .actions-block .article {padding:10px; /*float:left;*/} .actions-block .article img {float:left; border:1px solid #dfdbc5; margin:0 10px 5px 0;} #actions .lire-la-suite a {background:url(../images/puce-lirelasuite.gif) no-repeat left 3px; padding-left:8px;} #actions .actus-liste {width:auto; margin:0;} #actions .actus-liste .date {color:#9e9d85; font-size:80%;} #actions .actus-liste .actus-liste-contenu.first {border:0;margin-bottom:5px; padding-top:0;} #actions .actus-liste .actus-liste-contenu {border-top:1px dashed #dfdbc5; margin-bottom:5px; padding-top:7px;} #actions .actus-liste .actus-liste-contenu h3 {padding-top:3px;} /* _____________ MINI HOME (Rubrique "nos actions", "ressources et presses", "a vous d'agir") _______________ */ #actions.home {margin:20px 0 0 0;} #actions.home .actions-block.col-left {width:320px; float:left;} #actions.home .actions-block.col-right {width:320px; float:right; margin-right:10px;} #actions .lire-la-suite.bloc {text-align:left; border-top:1px dashed #b7b39f; padding:6px 0; margin-top:8px;} #actions .lire-la-suite.bloc ul {padding:0; margin:0;} #actions .lire-la-suite.bloc ul li {padding:2px 0; margin:0;} #actions .lire-la-suite.right {text-align:right;} #actions .lire-la-suite {text-align:right; font-weight:bold;} /* bloc "campagnes en cours" */ #page-right #actions.home h3 {text-transform:uppercase; color:#81ac00;} #actions #campagnes .actus-liste .actus-liste-contenu {border:0;} #page-right #campagnes .titre h2 {padding-left:15px;} #campagnes .actus-liste {padding:0 0 8px 0; float:left;} #campagnes.actions-block .article {padding-left:15px;} #actions.home .date {text-transform:uppercase;} #campagnes .images {float:left; width:120px;} #campagnes #campagne-actus.actus-liste .images {width:auto;} #campagnes h4 {padding:5px 0 1px 0; font-size:100%;} #campagnes p {padding:2px 0;} #campagnes.actions-block .article img {float:none;} #campagnes img.petition {border:0; margin-left:-13px; position:relative;} #campagnes #autres ul {margin:0; padding:0;} #campagnes #autres ul li {display:block; float:left; padding:0 0 0 1px;} #campagnes #autres img {margin:0;} #page-right #campagnes #event-internationaux h3 {color:#fa810b;} #campagnes #event-internationaux img {float:left;} #campagnes #event-internationaux .lire-la-suite a:link, #campagnes #event-internationaux .lire-la-suite a:visited, #campagnes #event-internationaux .lire-la-suite a:hover, #campagnes #event-internationaux .lire-la-suite a:active {color:#fa810b; background-image:url(../images/fleche-orange.gif);} /* bloc "pétition" */ #petitions .images {float:left; width:130px; padding-bottom:5px;} #petitions.actions-block .article img {float:right;} #petitions img.petition {border:0; position:relative;} #petitions .lire-la-suite.bloc {clear:both;} /* bloc "Témoignages vidéos" */ #actions.home #tem-video span.date {color:#9e9d85; text-transform:uppercase; font-size:85%; padding:0 0 5px 0;display:block;} #actions.home #tem-video span.infos, #actions.home #tem-video span.accroche {font-weight:bold; display:block;} #actions.home #tem-video p {padding:6px 0;} #actions.presse .video-left {float:left;} #actions.presse .video-right {float:right; padding-left:10px;} #actions.presse .actions-block .article #videos img {float:none; margin:0;} #actions.presse #videos .lire-la-suite {clear:both; padding:10px 0 0 0;} #actions.home .block-top img {padding:3px; background:#fff;} /* bloc "RECHERCHER" */ #page-right #actions.home.presse .col-right.block-btm h2 {color:#fa810b;} #rechercher .formulaire_recherche {float:none; margin:0;} .type-recherche.rechercher {float:none; padding:3px 0; clear:both;} .type-recherche.rechercher label {font-size:100%; color:#000; text-transform:none; font-weight:normal; width:90px; float:left;} .type-recherche.rechercher span.select {position:absolute; float:right;width: 210px; height: 21px; padding:4px 0 0 5px; background: url(../images/ressource-presse-liste-deroulante.gif) no-repeat 0 0;overflow: hidden; display:block; margin:0 0 0 90px; font-size:90%;} .type-recherche.rechercher select.styled {width: 205px; float:right;} .type-recherche.rechercher input.tags {border:0; padding:2px 5px; float:left; background:url(../images/ressource-presse-recherche-tags.gif) no-repeat 0 0; height:20px; width:168px; font-size:90%;} .type-recherche.rechercher input.button {margin:0 0 0 5px; padding:0; float:right;} /* bloc Inscription */ #actions.presse #inscription-presse .chapo {font-size:115%;font-weight:bold; padding:10px 0 12px 50px; background:url(../images/ressource-presse-newsletter.gif) no-repeat left center;} #actions.presse #inscription-presse p {padding:10px 0;} #actions.presse #inscription-presse .lire-la-suite.inscription a {background:url(../images/fleche-lien.gif) no-repeat left center; padding-left:25px; text-transform:uppercase; font-weight:bold;} /* Page "ressources et presse */ .presse #campagnes.actions-block .article {padding-left:10px;} .presse #campagnes.actions-block .article img {float:left;} /* Bloc "annonces recrutements */ #annonces-recrutements ul {margin:0; padding:0;} #annonces-recrutements ul li {margin:0; padding:3px 0; color:#779F00;} /* abonnement CP // onglets */ #desc_newsletter legend { margin:0px; padding:10px 0px; font-weight:bold;color:#779F00;} #desc_newsletter label { display:block; margin:15px 0 5px;} #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;} #steps li {font-size:24px; float:left; padding:1px; color:#b0b1b3;width:19%;border:0px solid;border-top:4px solid #ccc;} #steps li span {font-size:11px; display:block;padding:0 16% !important;padding:0;} #steps li.current { color:#000;border-top:4px solid #779F00;} #steps li a { color:#ccc;} #steps li.current a { color:#779F00;} /* popup */ #popup p {padding:5px 0;} #popup h3 {color:#81AC00; padding:20px 0 10px 0;} #popup ul {list-style:none;} #popup img.spip_logos {float:left; padding:0 10px 10px 0;} #popup .spip_documents { font-size:80%;} #popup .spip_documents_center {text-align:center; display:block;} #popup .spip_documents_center .spip_doc_descriptif {width:auto; margin:0 auto; text-align:center;} #popup .spip_documents_left {padding:5px 10px 10px;} #popup .spip_documents .spip_doc_titre {text-align:center;} #popup .spip_documents_right {padding:5px 0 10px 10px;} #popup .galleria_container {position:relative;} #popup .galleria_container .caption {top:30px;} #popup #article #galleria ul li {background:none; padding:3px; margin:0 3px 5px 0; border:1px solid #ccc;} #popup #main_image {height:auto; float:left; width:100%; margin:0;} #popup h2.bouton {background: url(../images/menu-bk.gif) repeat-x 0 0; color:#ffffff; text-transform:uppercase; font-size:120%; padding:2px 10px; float:right; margin:0 0 10px 0;} #popup h1.titre-popup {color:#779F00;float:left;padding:0 20px 0 0;} #popup span.date {padding:0 0 30px 0; display:block;} #main_image {position:relative; min-height:438px; height:auto!important; height:438px; padding:15px 0 0 0;} #main_image .caption {position:static;padding:20px 0 0 0;} #main_image .galleria_wrapper img {margin:0; padding:0 10px 10px 10px;} #main_image .galleria li {margin:2px;} #page-right .formulaire_inscription fieldset, #page-right .inscription2 fieldset, #page-right fieldset.login {border:0;background:#F8F7F3; padding:10px;} #page-right .formulaire_inscription fieldset legend, #page-right .inscription2 fieldset legend, #page-right fieldset.login legend {color:#779F00;font-weight:bold;margin:0;padding:10px 0;} #page-right .formulaire_inscription .infos-auteurs label, #page-right .inscription2 .infos-auteurs label, #page-right fieldset.login label {width:20%; color:#779F00;} #page-right fieldset.login label {float:left; font-weight:bold; width:auto; padding:0 10px 0 0;} #page-right fieldset.login input.forml {border:1px solid #C5C5C5;} #page-right fieldset.login p.spip_bouton {text-align:center;} #page-right .formulaire_inscription .infos-auteurs .obligatoire label, #page-right .inscription2 .infos-auteurs .obligatoire label {width:20%;} #page-right .formulaire_inscription input, #page-right .inscription2 input {margin:0 5px;} #page-right .formulaire_inscription .infos-auteurs input.forml, #page-right .formulaire_inscription .infos-auteurs .select, #page-right .formulaire_inscription .infos-auteurs textarea.forml, #page-right .inscription2 .infos-auteurs input.forml, #page-right .inscription2 .infos-auteurs .select, #page-right .inscription2 .infos-auteurs textarea.forml {float:left;} #page-right .formulaire_inscription form .spip_bouton, #page-right .inscription2 form .spip_bouton {text-align:center; padding:10px 0;} #page-right .formulaire_inscription form .spip_bouton input, #page-right .inscription2 form .spip_bouton input, #page-right fieldset.login .spip_bouton input {width:auto; padding:3px 5px; background:#89B700; color:#ffffff; text-transform:uppercase; font-weight:bold; border:0; font-size:115%; font-family:Trebuchet MS; float:none;} /* Plan du site */ #plan-du-site {padding:0 0 0 30px;} #plan-du-site ul li ul a:link, #plan-du-site ul li ul a:visited, #plan-du-site ul li ul a:hover, #plan-du-site ul li ul a:active {color:#000;} #plan-du-site ul {padding:0; margin:0;} #plan-du-site ul li {padding:3px 0; margin:0; font-weight:bold;} #plan-du-site ul li ul {padding:0 0 0 5px;} #plan-du-site ul li ul li {padding:2px 0 2px 20px; border-left:1px solid #E9E9DD; font-weight:normal;} /* Formulaire signature - PETITION */ .formulaire_signature #form_sign {background-color:#f8f8f8;} .formulaire_signature #form_sign legend {color:#659200; font-size:1.5em;} .formulaire_signature #form_sign * {font-family:Arial;} .formulaire_signature #form_sign input, .formulaire_signature #form_sign select {border:1px solid #DFDBC5; width:200px; margin:0 5px;} .formulaire_signature #form_sign input.check {width:auto; margin:0 5px;} .formulaire_signature #form_sign p.spip_bouton input {width:auto; padding:3px 5px; background:#89B700; color:#ffffff; text-transform:uppercase; font-weight:bold; border:0; font-size:120%; font-family:Trebuchet MS;} .formulaire_signature #form_sign p.spip_bouton {text-align:center;} .formulaire_signature #form_sign .captcha {text-align:center;} .formulaire_signature #form_sign .captcha img {display:block; margin:0 auto; text-align:center; padding:2px 0 10px 0;} .formulaire_signature .signatures-link {font-size:120%; text-align:center; padding:8px 0; font-weight:bold;} /* Styles de tableaux */ table.spip { border:1px solid #779F00; } table.spip td { padding:3px; } table.spip .row_even td {background:#e9e9dd}