body { font-family: Arial, verdana, sans-serif; font-size: 0.7em; margin: 0;padding: 0;text-align: center; background:#fff url(images/bk-bandeau.gif) no-repeat top left;} /* LIENS */ a:link { font-family: Arial, verdana, sans-serif; text-decoration: none; color: #006D7F;} a:visited { font-family: Arial, verdana, sans-serif; text-decoration: none; color: #006D7F;} a:hover { font-family: Arial, verdana, sans-serif; text-decoration: underline;} div.titre a { color:#000; } /* TITRES */ h2 { color:#FFF; margin:0; padding:0; } hr {margin:5px 0px; border:none; color: #fff;} .clear { clear: both; display: block; } .hidden { display:none; } img { border: 0;} ul, ol { list-style: none;} .rouge {border-top:1px solid #870022; } .vert {border-top:1px solid #587e00;} .cyan {border-top:1px solid #168187;} .orange { border-top:1px solid #f26402;} .bleu { border-top:1px solid #414a94;} .black { border-top:1px solid #3f3f3f;} .marron {border-top: 1px solid #994900;} .bkrouge {background-color: #870022; } .bkvert {background-color:#587e00;} .bkcyan {background-color:#168187;} .bkorange { background-color: #f26402;} .bkbleu { background-color: #414a94;} .bkblack { background-color: #3f3f3f;} .bkmarron { background-color: #994900;} h2.marron{border:0;} /* HAUT DE PAGE */ #header { height:167px;margin:0; padding:0;} #bloc-haut { float:right;margin:0;padding:18px 0 0 0;} #bloc-haut ul { list-style-type:none;margin:0;padding:0;} #bloc-haut li { display:inline;margin:0;padding:0;} #bloc-haut div#recherche { background:#9f9382; margin:0;padding:8px 10px 0 10px;height:35px;width:202px;} #bloc-haut div#recherche input.text { width:13em; height:1.5em;border:none;padding:0 2px; margin :0 0 5px 0; text-transform: uppercase; color: #535353; font-size: 80%; font-weight: bold;} #bloc-haut div#recherche input.button{ vertical-align:middle;margin :0 0 0 0; } #bloc-haut div#recherche a:link, #bloc-haut div#recherche a:visited { color:#FFF;font-size:0.8em;text-transform:uppercase; } #logo { float:left; margin:0; padding:0; } #centre { } /* MISE EN PAGE */ #content { width: 980px; margin: 0 auto; text-align: left;} .head_0 {background:url(images/top_00.jpg) no-repeat top center;} .head_1 {background:url(images/top_01.jpg) no-repeat top center;} .head_2 {background:url(images/top_02.jpg) no-repeat top center;} #centre-right { width: 220px; float: right; } #contenu { width: 560px; margin:63px 0 0 0px; padding:0; float: left; } #centre-left { width: 162px; float: left; margin:105px 20px 0 0px; } /* MENU PRINCIPAL */ #menu-principal { margin:0; padding:0; } /* MENU DE GAUCHE */ div#menugauche {width: 163px; border-bottom: 1px solid #e0dddb; margin: 0 0 10px;} div#menugauche h2 {color: #fff;font-size: 100%; text-transform: uppercase; font-weight: bold; padding: 5px 5px 5px 8px;} /* couleur titre menu */ div#menugauche.orange h2 { background: #f26402; } div#menugauche.bleu h2{ background: #414a94; } div#menugauche.rouge h2 { background: #870022; } div#menugauche.vert h2 { background: #587E00; } div#menugauche.cyan h2 { background: #168187; } div#menugauche.marron h2 { background: #994900; } div#menugauche.black h2 { background: #3f3f3f; } div#menugauche ul.niveau1 {margin: 0; padding: 0; width: 161px !important; width: 141px;} /*couleur lien menu */ div#menugauche.orange ul a {color: #f26402;} div#menugauche.bleu ul a {color: #414a94;} div#menugauche.rouge ul a {color: #870022;} div#menugauche.vert ul a {color: #587E00;} div#menugauche.cyan ul a {color: #168187;} div#menugauche.marron ul a {color: #994900;} div#menugauche.black ul a {color: #3f3f3f;} div#menugauche ul.niveau1 {padding: 8px 0;} div#menugauche ul.niveau1 li {padding: 2px 0 2px 20px; } div#menugauche ul.niveau1 a {font-size: 100%; font-weight: bold;} /*couleurs menu niveau 1(2)*/ div#menugauche.orange ul.niveau1 { border-left: 1px solid #f26402; border-right: 1px solid #E0DDDB; } div#menugauche.orange ul.niveau1 li { background: url(images/puce_orange.gif) no-repeat 10px 7px; } div#menugauche.bleu ul.niveau1 { border-left: 1px solid #414a94; border-right: 1px solid #E0DDDB; } div#menugauche.bleu ul.niveau1 li { background: url(images/puce_bleu.gif) no-repeat 10px 7px; } div#menugauche.rouge ul.niveau1 { border-left: 1px solid #870022; border-right: 1px solid #E0DDDB; } div#menugauche.rouge ul.niveau1 li { background: url(images/puce_rouge.gif) no-repeat 10px 7px; } div#menugauche.cyan ul.niveau1 { border-left: 1px solid #168187; border-right: 1px solid #E0DDDB; } div#menugauche.cyan ul.niveau1 li { background: url(images/puce_cyan.gif) no-repeat 10px 7px; } div#menugauche.vert ul.niveau1 { border-left: 1px solid #587E00; border-right: 1px solid #E0DDDB; } div#menugauche.vert ul.niveau1 li { background: url(images/puce_vert.gif) no-repeat 10px 7px; } div#menugauche.marron ul.niveau1 { border-left: 1px solid #994900; border-right: 1px solid #E0DDDB; } div#menugauche.marron ul.niveau1 li { background: url(images/puce_marron.gif) no-repeat 10px 7px; } div#menugauche.black ul.niveau1 { border-left: 1px solid #3f3f3f; border-right: 1px solid #E0DDDB; } div#menugauche.black ul.niveau1 li { background: url(images/puce_black.gif) no-repeat 10px 7px; } div#menugauche ul.niveau2 {width:auto;} div#menugauche ul.niveau2 li {padding: 2px 0 2px 15px;} div#menugauche ul.niveau2 a {font-weight: normal; padding: 2px 5px;} div#menugauche ul.niveau2 a:hover {text-decoration: none;} div#menugauche ul.niveau2 a.selected {text-decoration: none;} /*couleurs menu niveau 2(3)*/ div#menugauche.orange ul.niveau2 a:hover {background: #feefe4; } div#menugauche.orange ul.niveau2 a.selected {background: #feefe4; } div#menugauche.bleu ul.niveau2 a:hover {background: #dddff0; } div#menugauche.bleu ul.niveau2 a.selected {background: #dddff0; } div#menugauche.rouge ul.niveau2 a:hover {background: #ffccd9; } div#menugauche.rouge ul.niveau2 a.selected {background: #ffccd9; } div#menugauche.vert ul.niveau2 a:hover {background: #dcfa97; } div#menugauche.vert ul.niveau2 a.selected {background: #dcfa97; } div#menugauche.cyan ul.niveau2 a:hover {background: #d7f2f4; } div#menugauche.cyan ul.niveau2 a.selected {background: #d7f2f4; } div#menugauche.marron ul.niveau2 a:hover {background: #ffd7b3; } div#menugauche.marron ul.niveau2 a.selected {background: #ffd7b3; } div#menugauche.black ul.niveau2 a:hover {background: #eaeaea; } div#menugauche.black ul.niveau2 a.selected {background: #eaeaea; } #nousconnaitre { margin:0 0 10px 0; padding:0; } #nousconnaitre ul { margin:0 0 0; padding:0 0 0 4px; background:#FFF url(images/bk_nousconnaitre.gif) no-repeat top left; } #nousconnaitre li {background:#FFF url(images/menu-sep.gif) no-repeat center bottom; border-right:1px solid #e0dddb;border-left:1px solid #e0dddb;margin:0; padding:2px 0 2px 10px; /height:100%;} #nousconnaitre li.first { border-top:1px solid #e0dddb; } #nousconnaitre li.last { background:none; border-bottom:1px solid #e0dddb; } div#nousconnaitre span.level2 a { background:url(images/level2-off.gif) no-repeat 5px 10px; color:#3f3f3f; font-weight: bold; } div#nousconnaitre span.level2 a:hover { background:url(images/level2-off.gif) no-repeat 5px 10px; } div#nousconnaitre span.level2 a.selected { background:url(images/level2-off.gif) no-repeat 5px 10px; color:#bc0016;} div#nousconnaitre li span a { display:block;padding: 5px 0 5px 15px; /padding:5px 0 0px 15px; margin: 0; /margin: 0 0 5px 0;} div#nousconnaitre li span a:hover { text-decoration:underline;} div#nousconnaitre ul { } div#nousconnaitre li { padding:0; list-style-type:none; } #chemindefer {margin: 70px 0 0 0;color: #727272; padding: 5px 0 0 5px; border-top: 1px solid #9f9382; border-left: 1px solid #9f9382;} #chemindefer a {color: #727272;} #chemindefer img {vertical-align: middle;} #laboutique {/margin:0 0 10px 0; padding:0px 0 10px 0; } #laboutique div.textetop { font-size:100%;color:#FFF; padding:0px 0px; margin:0 0 0 0; background:#FFF url(images/bk_boutique.gif) repeat-y top left; } #laboutique div.texte {background: url(images/bk_boutiquetop.gif) no-repeat top left; } #laboutique div.texte div.txt {padding:0 10px 5px 10px; } #laboutique div.texte div.titre { color:#FFF; padding:2px 10px; margin:0; font-size:110%;font-weight:bold; } div.menu { /*margin:10px 0 0 0;*/ padding:0;} div.menu ul { margin:0; padding:0; } div.menu li { margin:0; padding:0; } div#newsletter { background:#9f9382; color:#FFF;margin:0;padding:8px 10px;} div#newsletter h2 { font-size:110%;margin:0;padding:0px;} div#newsletter form {margin:0;padding:0px;} div#newsletter input.text { width:9em; /width: 110px; height:1.1em;border:none;padding:0 2px; margin :5px 0 5px 0; } div#newsletter input.button{ vertical-align:middle;margin :0 0 5px 0; width: 13px; } div#newsletter a:link, div#newsletter a:visited { color:#FFF;font-size:0.8em;text-transform:uppercase; } div#actualites {background:#FFF url(images/bk_actualites.gif) no-repeat top center; margin:10px 0 0 0; padding:0; } div#actualites h3 { text-transform:uppercase; font-weight:bold; font-size:100%;float:left; color:#FFF; padding:4px; margin:0px 0 0 0;} div#actualites div.actu { margin:10px 16px 0 18px; padding:0 0 0 0;clear:both; } div#actualites div.actu a.toutes_actus{ color: #3F3F3F; font-weight: bold; font-size: 110%;text-align:right;} div#actualites div.date { font-weight:bold; font-size:100%;color:#FFF; float:right; padding:4px; margin:0px 0 0 0;} div#actualites div.titre { clear:both;position:relative; font-weight:bold; font-size:120%;padding:7px 0 0 0; margin:0px 0 0 0;text-align:justify;} div#actualites div.accroche { padding:0; margin:0px 0 0 0;position:relative;text-align:justify;} div#article div.actu { margin:10px 16px 0 18px; padding:0 0 0 0; } div#article div.date { font-weight:bold; font-size:100%;color:#FFF;position: relative; float:right; padding:4px; margin:0px 0 0 0; background-image: none;} div#article div.titre { clear:both; font-weight:bold; font-size:120%;padding:5px 0 0 0; margin:0px 0 0 0;} div#article h1.titreart { clear:both; font-weight:bold; font-size:120%;padding:5px 0 0 0; margin:0px 0 0 0;} div#article div.auteur {margin: 10px 0 0 0; color: #515151; } div#article div.auteur span {font-weight:bold;} div#article div.titremenu {clear:both;font-weight:bold;margin:0;padding-top:3px;text-transform:uppercase;} /* couleurs titre menu dans article */ div#article .orange div.auteur span a {color: #F26402;} div#article .orange div.titremenu {color:#F26402;} div#article .rouge div.auteur span a {color: #870022;} div#article .rouge div.titremenu {color:#870022;} div#article .bleu div.auteur span a {color: #414a94;} div#article .bleu div.titremenu {color:#414a94;} div#article .vert div.auteur span a {color: #587e00;} div#article .vert div.titremenu {color:#587e00;} div#article .marron div.auteur span a{color: #994900;} div#article .marron div.titremenu {color:#994900;} div#article .cyan div.auteur span a{color: #168187;} div#article .cyan div.titremenu {color:#168187;} div#article .black div.auteur span a{color: #3f3f3f;} div#article .black div.titremenu {color: #3f3f3f;} /* fin couleurs */ div#article div.accroche { padding:0; margin:0px 0 0 0;} div#article div.image { padding:0 7px 7px 0; margin: 10px 0 0 0;position: relative; float:left; width: 170px;} div#article div.texte {margin: 10px 0 0 0; position: relative;} div#article div.texte a {color: #f26402;} div#article div.texte a:hover {text-decoration: underline;} div#article div.imprimer {margin: 10px 0 0 0;} div#article div.imprimer a {display: block;position: relative; float: right;text-transform: uppercase; padding: 2px 17px 2px 3px; background: url(images/puce_fleche_gris_petit.gif) no-repeat 115px center; font-size: 80%; font-weight: bold;color: #515151;} /* couleurs pour bordures imprimer */ div#article div.imprimer.orange a { border: 1px solid #f26402; border-top: 0; } div#article div.imprimer.vert a { border: 1px solid #587e00; border-top: 0; } div#article div.imprimer.rouge a { border: 1px solid #870022; border-top: 0; } div#article div.imprimer.cyan a { border: 1px solid #168187; border-top: 0; } div#article div.imprimer.bleu a { border: 1px solid #414a94; border-top: 0; } div#article div.imprimer.black a { border: 1px solid #3f3f3f; border-top: 0;} div#article div.imprimer.marron a { border: 1px solid #994900; border-top: 0;} /* fin couleurs */ div#article {background: #fff url(images/bk_interne.gif) repeat-x top left; padding: 10px; margin: 10px 0 0 0; position: relative;} div#article h3#titre_rub {text-transform: uppercase; font-weight:bold; font-size:100%; position: relative; float:left; color:#FFF; padding:4px 4px 4px 20px; margin:0px 0 0 0;} div#article h2.spip {color: #000; margin: 10px 0; } div#article .date {background-image: none;} div#article .bkorange {background-image: url(images/rond-orange.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkbleu {background-image: url(images/rond-bleu.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkvert {background-image: url(images/rond-vert.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkrouge {background-image: url(images/rond-rouge.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkcyan {background-image: url(images/rond-canard.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkmarron {background-image: url(images/rond-marron.gif); background-repeat: no-repeat; background-position: 6px center; } div#article .bkblack {background-image: url(images/rond-black.gif); background-repeat: no-repeat; background-position: 6px center; } div#document, div#article_autre { width: 260px; float: left; margin-top: 20px; background-color: #edede7;} div#document ul, div#article_autre ul {clear: both; padding: 0; margin: 0;} div#document ul {padding: 10px 0 0 10px;} /*-- documents associ�s aux articles --*/ div#document ul li{margin: 0 0 10px 0;padding-top:5px;} div#document ul img{margin: 5px;} div#document ul li.PDF{margin: 0 0 10px 0; background: url(images/pdf.gif) no-repeat center left; padding: 5px 0 0 30px;} div#document ul li.Word{margin: 0 0 10px 0; background: url(images/word.gif) no-repeat center left; padding: 5px 0 0 30px;} div#document ul li.Excel{margin: 0 0 10px 0; background: url(images/excel.gif) no-repeat center left; padding: 5px 0 0 30px;} div#document ul li.JPG{margin: 0 0 10px 0; padding: 5px 0 0 0px;} div#article_autre ul { margin: 0 0 0 10px; padding: 10px 0 0 0;} div#article_autre ul li {list-style-type: none; background:url(images/puce_orange2.gif) center left no-repeat;margin: 0 0 10px 0; padding: 5px 0 0 15px;} div#document a, div#article_autre a {color: #343434;} div#document {clear: both; margin: 20px 19px 0 0; } div#article div#document h2, div#article div#article_autre h2 {float: left; background-image: none; font-size: 100%; text-transform: uppercase; font-weight: bold; padding: 4px;} div#actualites div.suite a:link, div#actualites div.suite a:visited { color: #535353; text-transform:uppercase; font-size:90%; } div#thematiques {background: url(images/bk_them.gif) no-repeat left 23px; margin: 0 0 10px 0;} div#thematiques .liste_themes { padding: 5px 5px 5px 10px; background-color: #edede7; margin: 0 0 0 4px;} div#thematiques span{color: #3f3f3f;} #documentation { margin:10px 0; padding:0px 0 0 0;} #documentation ul { padding:0px 0px 0 4px; margin:0 0 0 0; background:#FFF url(images/bk_doc.gif) no-repeat top left; } #documentation li { padding:4px 10px 4px 12px; margin:0 0 0 0; background:#9f9382 url(images/puce.gif) no-repeat 5px 9px; border-bottom:1px solid #d4cec7; } #documentation a { font-size:110%; color:#fff; font-weight:bold; } #campagnes { margin:0 0 0 0; padding:0px 0 0 0; width: 220px;} #campagnes div.textetop {width: 220px; font-size:100%;color:#FFF; padding:0px 0px; margin:0 0 10px 0; background: url(images/bk_campagne.gif) repeat-y top left;} #campagnes div.texte {width: 220px; background: url(images/bk_campagnetop.gif) no-repeat top left;padding:10px 0 0 0;} #campagnes div.texte div.txt {padding:0 0px 10px 0px; margin: 0 0 0 10px; width: 100px; /width: 90px; } #campagnes div.texte div.titre {width: 200px; color:#FFF; padding:2px 4px; margin:0; font-size:110%;font-weight:bold;} #campagnes div.campagne { width:100px;float:left; font-size:90%; margin:0 0 0 0; padding:0px 0 0 0;} #campagnes div.campagne a:link, #campagnes div.campagne a:visited { color:#FFF;} #campagnes div.campagne a:hover { text-decoration:none; } div.suite { overflow: auto;clear: both; text-align:right; padding:0; margin:0 0 2em 0;} div.suite a {float:right;background:url(images/lirelasuite.gif) no-repeat 0px 2px; padding: 0 0 0 12px; margin:0px 0 0 0;} div.suite a:link, div.suite a:visited { color: #FFF; text-transform:uppercase; font-size:80%; font-weight:bold; } /* mise en page PETITION */ div#signatures table {width: 100%;} div#signatures table td {vertical-align: top; padding: 10px 0 0 0;} /* BAS DE PAGE */ div#footer { margin:15px 0; height:auto; padding: 5px 0; text-align:center; color: #000000; background:#9f9382; width:100%; } #footer ul { margin:0; border:none; padding:0; list-style-type:none; color: #fff; /* float:left; */} #footer li {color:#FFF; text-transform:uppercase; display:inline; padding:8px 0 0 0; text-align:center; margin:0; border:none; overflow : visible;} #footer li a:link { color:#FFF; font-weight:normal; text-decoration: none; } #footer li a:visited { color:#FFF; font-weight:normal; text-decoration: none; } #footer li a:hover { color:#FFF; font-weight:normal; text-decoration: underline; } #footer-centre {margin: 0 auto; width: 980px; text-align: center; height: 13px; overflow: hidden;} #footer-right { margin:0 0 0 0px; height:auto; padding: 5px 0; color: #000000; background:#edeaea; text-align:right; display:inline; } #footer-right ul { margin:0; border:none; padding:0; list-style-type:none; /* width:450px; */ float: right; position: relative; top: -13px;} #footer-right li { display:inline; padding:8px 0 0 0; text-align:center; margin:0; border:none; overflow : visible;}