/* CSS Document */ /* --------------------------------------- CSS du site CPMT - 11 décembre 2006 --------------------------------------- */ @import url(../css/small.css); /* --------------------------------------- 1. Nettoyage --------------------------------------- */ * {margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; text-decoration:none;} body {font-size:100%;} form {margin:0; padding:0;} input {margin:0; padding:0;} strong {font-weight:bold;} em {font-style:italic;} p {color:#000000;} /*ajout gbb 26 mars 09*/ acronym {cursor:help; border-bottom: #115995 1px dotted;} .img-popup {margin-left:0.3em; border:0; vertical-align:baseline;} .img-externe {margin-left:0.3em; border:0; vertical-align:top;} .icone-rss {padding:0 0 0.2em 0; float:right; margin-top:8px; margin-right:290px;} .clear {clear:both;} .icone {vertical-align:baseline;} /* --------------------------------------- 2. PIV (haut et bas) --------------------------------------- */ #piv_haut {width:100%; background-image:url(../images/piv/bandeau.gif); background-repeat:no-repeat; background-position:top right;} #piv_haut ul {position:relative; left:210px; top:-32px; list-style:none; margin:0; background-color:#003399; color:#FFFFFF; padding:1px 2px 2px 25px; width:520px;} #piv_haut ul li {display:inline; margin:0 0.7em 0 0; padding:0;} #piv_haut a:link {color:#FFFFFF; text-decoration:none;} #piv_haut a:visited {color:#FFFFFF; text-decoration:none;} #piv_haut a:hover {color:#FFFFFF; text-decoration:underline;} #piv_haut a:active {color:#FFFFFF; text-decoration:underline;} #piv_haut a:focus {color:#FFFFFF; text-decoration:underline;} #piv_bas {text-align:center; margin:3em 0 3em 0;} #piv_bas a:link {color:#000000; text-decoration:none;} #piv_bas a:visited {color:#373C83; text-decoration:none;} #piv_bas a:hover {color:#000000; text-decoration:underline;} #piv_bas a:active {color:#000000; text-decoration:underline;} #piv_bas a:focus {color:#000000; text-decoration:underline;} #piv_bas img {margin-top:0.7em;} .piv_droite {padding-left:2em;} /* --------------------------------------- 3. Conteneurs --------------------------------------- */ #principal {width:760px; margin:0 auto;} #conteneur {width:760px; background-image:url(../images/bkgd-site.gif); background-repeat:repeat-y;} #contenu {float:left; width:417px; overflow:visible;} #img {width:760px; margin:0 auto 0 auto; background-image:url(../images/bkgd-site-bas.gif); background-repeat:no-repeat; background-position:bottom; padding:0;} .spacer {clear:both;} /* --------------------------------------- 4. Entête --------------------------------------- */ .entete {float:left;} /* --------------------------------------- 5. Recherche --------------------------------------- */ #recherche {background-image:url(../images/recherche/recherche-bkgd.gif); background-repeat:no-repeat; float:right; width:248px; height:64px; margin:0; padding:0;} #recherche form {padding:1.8em 0 0 2.2em;} .bouton_recherche {margin:0 0 0 0.4em; vertical-align:middle;} .champ_recherche {border:1px solid #CCCCCC; padding-left:0.7em;} /* --------------------------------------- 6. Fil d'ariane --------------------------------------- */ #ariane {width:100%; background-color:#EAECF4; height:1.7em; margin-bottom:0.3em;} #ariane p {padding:0.5em 0 0 1em;} #ariane a:link {color:#000000; text-decoration:underline;} #ariane a:visited {color:#2C3377; text-decoration:underline;} #ariane a:hover {color:#000000; text-decoration:none;} #ariane a:active {color:#000000; text-decoration:none;} #ariane a:focus {color:#000000; text-decoration:none;} /* --------------------------------------- 7. Outils --------------------------------------- */ #outils {text-align:right; padding:0 0.7em 0.8em 0; /*width:62%;*/ float:right;} #txt_reduire {display:none; width:0;} #txt_agrandir {display:inline;} #envoi-ami {width:370px;} /* Boutons sociaux */ .addthis_toolbox {width:15%; float:right; padding-right:5px;} .boutons_sociaux {padding-bottom:10px;} .bnt_soc {float:right; /*width:18%;*/ font-weight:bold; font-size:0.8em; text-align:right; padding-right:2px;} .bnt_soc a {-webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease;} .bnt_soc a:hover {opacity: 0.6;} #outils a {-webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease;} #outils a:hover {opacity: 0.6;} /* --------------------------------------- 8. Menu --------------------------------------- */ #menu {width:194px; float:left; margin-bottom:157px;} #menu li {background-image:url(../images/menu/onglet-bas.gif); background-repeat:no-repeat; background-position:bottom; padding:0.3em 0.8ex 0.8em 1.7em; list-style-type:none;} #menu ul li ul li {background-image:none; padding:0.3em 0.8ex 0.3em 1.4ex; margin:0;} .menu_bas {background-image:url(../images/menu/bkgd-bas.gif); background-repeat:no-repeat; background-position:bottom;} #menu a:link {color:#000000; text-decoration:none;} #menu a:visited {color:#000000; text-decoration:none;} #menu a:hover {color:#000000; text-decoration:underline; font-weight:bold;} #menu a:active {color:#000000; text-decoration:underline; font-weight:bold;} #menu a:focus {color:#000000; text-decoration:underline; font-weight:bold;} #menu .menu_principal_itemActif_niv1 {font-weight:bold;} #menu .menu_principal_itemActif_niv2 {font-weight:bold;font-style:italic;} .cacher {width:1px; height:1px; position:absolute; left:-1000em; top:-1000em; overflow:hidden; font-weight:normal;} /* ----- Plan du site ------*/ ul.plan_du_site_niv1 li {list-style:none; list-style-image:none;} ul.plan_du_site_niv2 li {list-style-image:url(../images/puces/fleche-entetes.gif);} /* --------------------------------------- 9. Textes (éléments textuels, p, h1-h6, ...) --------------------------------------- */ #texte {margin:0 1em 0 0.5em;} #texte h2 img {padding:0 0 5px 5px;} #texte p {margin:0 0 1em 0;} #texte h1 {font-weight:bold; margin:0 0 1em 0;} #texte h2 {font-weight:bold; margin:0 0 0.5em 0;} #texte h3 {font-weight:bold; margin:0 0 0.3em 0;} #texte em {} #texte ul {margin:0 0 0 4ex; list-style-image:url(../images/puces/fleche-entetes.gif);} #texte ol {margin:0 0 0 4ex;} #texte li {margin:0 0 0.7em 0;} #texte hr {border:1px dashed #D0D2E7;} #texte a:link {color:#000000; text-decoration:underline;} #texte a:visited {color:#000000; text-decoration:underline;} #texte a:hover {color:#000000; text-decoration:none; background-color:#EAECF4;} #texte a:active {color:#000000; text-decoration:none; background-color:#EAECF4;} #texte a:focus {color:#000000; text-decoration:none; background-color:#EAECF4;} #texte a:link em,#texte a:visited em {text-decoration:underline;} #texte a:hover em,#texte a:active em,#texte a:focus em {text-decoration:none;} /* --------------------------------------- 10. Quoi de neuf --------------------------------------- */ #quoideneuf {margin:0.7em 0;} #quoideneuf p {color:#000000; margin:0 0 1em 0;} #quoideneuf .date {color:#5D5B4D; font-size:90%; margin:0 0 0 0;} #quoideneuf h2 {color:#000000;} /*#quoideneuf h2 img {background:#000000;}*/ #quoideneuf h3 a:link {font-weight:bold; text-decoration:underline;} #quoideneuf h3 a:visited{color:#2C3377; font-weight:bold; text-decoration:underline;} #quoideneuf h3 a:hover {font-weight:bold; text-decoration:none;} #quoideneuf h3 a:active {font-weight:bold; text-decoration:none;} #quoideneuf h3 a:focus {font-weight:bold; text-decoration:none;} #txtToutesNouv {display:block;margin:2em 0 0 0;} /* ----- Ajout par Genevieve BB - nouvelle nouveau composant ------*/ .date {padding:1em 0 0 0;} #imgQuoideNeuf {padding:0 0.5em 0 0;} #quoideneuf h3 {font-size:80%;} #quoideneuf p span {margin:100em 0 0 0;} /*----------- Ajout par Josée - Quoi de neuf Portail ----------*/ #quoideneuf .thematique {position:absolute; margin:-1000em 0 0 -1000em;} /* --------------------------------------- 11. Menu de droite --------------------------------------- */ #menu-droite {width:149px; float:right;} #menu-droite ul {list-style-type:none; margin:0.6em 1ex 0 1.7ex;} #menu-droite li {margin:0 0 1.2em 0;} #menu-droite ul li ul li ul li {margin:0.4em 0 0.2em 0; list-style-image:url(../images/puces/tiret.gif);} #menu-droite a:link, #menu-droite a:visited {color:#000000; text-decoration:none;} #menu-droite a:hover {color:#373D84; text-decoration:underline;} #menu-droite a:active, #menu-droite a:focus {color:#373D84; text-decoration:underline;} a img {vertical-align:top;} /* --------------------------------------- 12. Envoi à un ami --------------------------------------- */ #ami {margin:1em 1ex;} #ami p {margin:0 0 1em 0;} #ami h1 {font-weight:bold; margin:0 0 1em 0;} #ami h2 {font-weight:bold; margin:0 0 0.5em 0;} #ami h3 {font-weight:bold; margin:0 0 0.3em 0;} #ami label {color:#000000;} #ami input, #ami textarea {border:1px solid #7E84BF; width:90%;} #ami form {margin:1em 0.3ex; background-color:#E9EBF5; padding:0.5em; width:75%;} #ami fieldset {border:1px solid #7E84BF; padding:0.5em;} #ami legend {font-weight:bold; padding:1em;} #bouton-envoi input { background-color:#444992; color:#FFFFFF; font-weight:bold; margin:1em 0 0; width:10em; float: right; } /* --------------------------------------- 13. Popup --------------------------------------- */ #popup {margin:0; width:75%; float:left;} #popup p {margin:0 0 1em 0.7em;} #popup h1 {font-weight:bold; margin:0 0 1em 0.7em;} #popup h2 {font-weight:bold; margin:0 0 0.5em 0.7em;} #popup h3 {font-weight:bold; margin:0 0 0.3em 0.7em;} #popup ul {margin:0 0 0 4ex; list-style-image:url(../images/puces/fleche-entetes.gif);} #popup ol {margin:0 0 0 4ex;} #popup li {margin:0 0 0.7em 0;} #popup a:link {color:#000000; text-decoration:underline;} #popup a:visited {color:#000000; text-decoration:underline;} #popup a:hover {color:#000000; text-decoration:none; background-color:#EAECF4;} #popup a:active {color:#000000; text-decoration:none; background-color:#EAECF4;} #popup a:focus {color:#000000; text-decoration:none; background-color:#EAECF4;} #popup-menu {width:25%; margin:0.7em 0 3em 0; float:right; background-image:url(../images/popup/bkgd.gif); background-repeat:repeat-y;} #popup-menu ul {list-style-type:none; margin:0.6em 10ex 0 3ex;} #popup-menu li {margin:0 0 1em 0; font-weight:bold;} #popup-menu ul li ul li ul li {margin:0.4em 0 0.2em 0; list-style-image:url(../images/puces/tiret.gif);} #popup-menu a:link {color:#000000; text-decoration:none;} #popup-menu a:visited {color:#000000; text-decoration:none;} #popup-menu a:hover {color:#000000; font-weight:bold; text-decoration:none;} #popup-menu a:active {color:#000000; text-decoration:none;} #popup-menu a:focus {color:#000000; text-decoration:none;} /* --------------------------------------- 14. Divers --------------------------------------- */ .retour {text-align:right; margin:1em 0.7em 1em 0;} .maj {margin:1em 0 0 0.7em; } .photo-presidente {float:left; margin:0.7em;} .encadre {display:block; background-color:#F4F3EE; background-image:url(../images/degrade.gif); background-position:bottom; background-repeat:repeat-x; padding:0.2em; margin:0.3em 0 0.5em 0;} .attention {color:#FF0000;} #flashIndex {width:392px;height:83px;margin:0 0 20px 0;} .txtPhoto {margin:0;padding:0;} .cadre {border:2px solid #2C3377; padding:0.5em; margin:0 0 1em 0;} /* --------------------------------------- 15.Sortie --------------------------------------- */ #contenu-sortie {} /* 16. Pages d'erreur 404 */ #formulaire input{border:1px solid #999; padding:0.1em 0.3em; width:80%;} .envoi{ width:3em !important; cursor:auto;} /* ---------------------------------------- Ajout par Genevieve BB - publication nouveau composant -----------------------------------------*/ dt.titrePubli {margin:20px 0 10px 0;} dt.titrePubli a:link, dt.titrePubli a:visited, dt.titrePubli a:hover, dt.titrePubli a:active {font-size:75%;font-weight:bold;} dd.fichierPubli, dd.typePubli {font-size:75%;} .pub_num_haut {display:none;} /* --------------------------------------- 16.Publicités (accueil) --------------------------------------- */ #publicite img {border:none; margin:0.7em 0 0 0.7em;} /* --------------------------------------- 17. Recherche dans Nutch - ajout par VM 20090122 --------------------------------------- */ #rechercheEntete {width:760px;} /* --------------------------------------- 18. IC --------------------------------------- */ .enteteIC {margin-top: -10px;}