/* Balises Html *********************************************** */
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-color: #26c0d2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background-image: url(../images/fondCouleur.jpg);
}
img {
border: none;
}
a {
color: #000000;
}
a:hover {
color: #000000;
}
div {
margin: 0px;
padding: 0px;
}
p {
padding: 0em;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 1em;
margin-left: 0em;
}
form {
display: inline;
}
h1 {
font-size: 1.5em;
font-weight: bold;
color: #FF5A00;
margin: 0px;
padding: 0px;
}
hr {
height: 0px;
padding: 0px;
border-top-width: 2px;
border-top-style: solid;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
clear: both;
display: block;
}
ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
}
/* structure du doc *********************************************** */
#header {
width: 960px;
margin-right: auto;
margin-left: auto;
padding: 0px;
height: 230px;
margin-top: 0px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: center top;
}
#body1 {
width: 960px;
margin-right: auto;
margin-left: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#body2 {
width: 960px;
margin: 0px;
padding: 0px;
}
#footer1 {
width: 960px;
margin-right: auto;
margin-left: auto;
padding: 0px;
height: 100px;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
background-repeat: repeat-y;
background-position: center;
}
#footer2 {
width: 960px;
margin: 0px;
padding: 0px;
height: 100px;
background-repeat: no-repeat;
background-position: center bottom;
}
#content {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#pixelsmill {
width: 200px;
text-align: right;
float: right;
padding: 0px;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 9px;
}
#pixelsmill a {
color: #007987;
text-decoration: none;
}
#pixelsmill a:hover {
color: #FFFFFF;
text-decoration: underline;
}
/* Styles communs à toutes les pages *********************************************** */
div.titre span{
display: none;
}
div.surtitre {
color: #FF5A00;
font-size: 1em;
margin-top: 10px;
}
div.soustitre {
color: #FF5A00;
font-size: 1.1em;
margin-top: 0px;
font-weight: bold;
}
div.marges {
margin: 0px;
padding-top: 0px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 19px;
}
div.clear {
clear: both;
height: 5px;
}
/* styles spip ------------------------------------------- */
h3.spip {
color: #C8000A;
font-weight: bold;
font-style: italic;
padding: 0em;
margin-top: 1em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
}
div.chapo {
font-size: 1.1em;
/*font-weight: bold;/**/
margin-bottom: 0.7em;
line-height: 1.3em;
}
div.ps {
font-size: 1em;
margin-top: 1.5em;
font-style: italic;
}
div.notes {
margin-top: 1em;
padding-top: 1em;
}
/* Plugin formulaire --------------------------------------------- */
textarea.formo {
width: 98%;
}
div.spip_form_champ {
margin-top: 5px;
}
/* fonds de page *********************************************** */
#all1, #all2, #all3 {
margin: 0px;
padding: 0px;
/*height: 100%;/**/
width: 100%;
background-repeat:no-repeat;
}
#all1 {
background-repeat: repeat-y;
background-position: center;
}
#all2 {
background-repeat: no-repeat;
background-position: center top;
}
#all3 {
background-repeat: no-repeat;
background-position: center bottom;
}
#all4 { /* ajouté pour éviter que le fond ne se centre lorsque la fenêtre est réduite en dessous de 960 pixels de large... /**/
background-repeat: repeat-y;
background-position: center top;
width: 960px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
#body1 {
background-position: center;/**/
background-repeat: repeat-y;
}
#body2 {
background-position: center -230px;/**/
background-repeat: no-repeat;
}
body.fond1 #all1, body.fond1 #body1, body.fond1 #footer1 { background-image:url(../images/fond1/images/fond.jpg); }
body.fond1 #all2, body.fond1 #header { background-image:url(../images/fond1/images/fondHaut.jpg); }
body.fond1 #all3 { background-image:url(../images/fond1/images/fondBas.jpg); }
body.fond1 #footer2 { background-image:url(../images/fond1/images/fondBas.jpg); }/**/
body.fond1-flash #all1, body.fond1-flash #body1, body.fond1-flash #footer1 { background-image:url(../images/fond1-flash/images/fond.jpg); }
body.fond1-flash #all2, body.fond1-flash #header { background-image:url(../images/fond1-flash/images/fondHaut.jpg); }
body.fond1-flash #all3 { background-image:url(../images/fond1-flash/images/fondBas.jpg); }
body.fond1-flash #footer2 { background-image:url(../images/fond1-flash/images/fondBas.jpg); }/**/
body.fond1-flash #body2 { background-image:url(../images/fond1-flash/images/fondHaut.jpg); }
body.fond1-blanc #all1, body.fond1-blanc #body1, body.fond1-blanc #footer1 { background-image:url(../images/fond1-blanc/images/fond.jpg); }
body.fond1-blanc #all2, body.fond1-blanc #header { background-image:url(../images/fond1-blanc/images/fondHaut.jpg); }
body.fond1-blanc #all3 { background-image:url(../images/fond1-blanc/images/fondBas.jpg); }
body.fond1-blanc #footer2 { background-image:url(../images/fond1-blanc/images/fondBas.jpg); }/**/
body.fond2 #all1, body.fond2 #body1, body.fond2 #footer1 { background-image:url(../images/fond2/images/fond.jpg); }
body.fond2 #all2, body.fond2 #header { background-image:url(../images/fond2/images/fondHaut.jpg); }
body.fond2 #all3 { background-image:url(../images/fond2/images/fondBas.jpg); }
body.fond2 #footer2 { background-image:url(../images/fond2/images/fondBas.jpg); }/**/
body.fond3 #all1, body.fond3 #body1, body.fond3 #footer1 { background-image:url(../images/fond3/images/fond.jpg); }
body.fond3 #all2, body.fond3 #header { background-image:url(../images/fond3/images/fondHaut.jpg); }
body.fond3 #all3 { background-image:url(../images/fond3/images/fondBas.jpg); }
body.fond3 #footer2 { background-image:url(../images/fond3/images/fondBas.jpg); }/**/
body.fond4 #all1, body.fond4 #body1, body.fond4 #footer1 { background-image:url(../images/fond4/images/fond.jpg); }
body.fond4 #all2, body.fond4 #header { background-image:url(../images/fond4/images/fondHaut.jpg); }
body.fond4 #all3 { background-image:url(../images/fond4/images/fondBas.jpg); }
body.fond4 #footer2 { background-image:url(../images/fond4/images/fondBas.jpg); }/**/
body.fond5 #all1, body.fond5 #body1, body.fond5 #footer1 { background-image:url(../images/fond5/images/fond.jpg); }
body.fond5 #all2, body.fond5 #header { background-image:url(../images/fond5/images/fondHaut.jpg); }
body.fond5 #all3 { background-image:url(../images/fond5/images/fondBas.jpg); }
body.fond5 #footer2 { background-image:url(../images/fond5/images/fondBas.jpg); }/**/
body.fond6 #all1, body.fond6 #body1, body.fond6 #footer1 { background-image:url(../images/fond6/images/fond.jpg); }
body.fond6 #all2, body.fond6 #header { background-image:url(../images/fond6/images/fondHaut.jpg); }
body.fond6 #all3 { background-image:url(../images/fond6/images/fondBas.jpg); }
body.fond6 #footer2 { background-image:url(../images/fond6/images/fondBas.jpg); }/**/
/* Fond de page ------------------------------------------------- */
body.fond1 #col1, body.fond1-flash #col1, body.fond1-blanc #col1 {
float: left;
width: 140px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
}
body.fond1 #col2, body.fond1-flash #col2, body.fond1-blanc #col2 {
float: left;
width: 390px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
margin: 0px;
}
body.fond1 #col3, body.fond1-flash #col3, body.fond1-blanc #col3 {
float: left;
width: 350px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}
body.fond2 #col1 {
float: left;
width: 132px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
body.fond2 #col2 {
float: left;
width: 150px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}
body.fond2 #col3 {
float: left;
width: 630px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
margin: 0px;
}
body.fond3 #col1 {
float: left;
width: 285px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 11px;
margin: 0px;
}
body.fond3 #col2 {
float: left;
width: 150px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
margin: 0px;
}
body.fond3 #col3 {
float: left;
width: 450px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
margin: 0px;
}
body.fond4 #col1 {
float: left;
width: 465px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 26px;
margin: 0px;
}
body.fond4 #col2 {
float: left;
width: 150px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 26px;
margin: 0px;
}
body.fond4 #col3 {
float: left;
width: 245px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 30px;
margin: 0px;
}
body.fond5 #col1 {
float: left;
width: 630px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 26px;
margin: 0px;
}
body.fond5 #col2 {
float: left;
width: 150px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 26px;
margin: 0px;
}
body.fond5 #col3 {
float: left;
width: 90px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
margin: 0px;
}
body.fond6 #col1 {
float: left;
width: 400px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
margin: 0px;
}
body.fond6 #col2 {
float: left;
width: 330px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
margin: 0px;
}
body.fond6 #col3 {
float: left;
width: 630px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
margin: 0px;
display: none;
}
/* Couleur des liens dans les colonnes rouges --------------- */
body.fond1 #col1 a, body.fond1-flash #col1 a, body.fond1-blanc #col1 a, body.fond2 #col2 a, body.fond4 #col2 a, body.fond5 #col2 a, body.fond6 #col3 a {
color: #FFFF00;
font-weight: bold;
}
body.fond1 #col1 strong strong, body.fond1-flash #col1 strong strong, body.fond1-blanc #col1 strong strong, body.fond2 #col2 strong strong, body.fond4 #col2 strong strong, body.fond5 #col2 strong strong, body.fond6 #col3 strong strong {
color: #FFFF00;
font-weight: bold;
}
/* Menu ***************************************** */
#menu a {
display: block;
float: left;
margin: 0px;
padding: 0px;
}
#menu img {
display: block;
margin: 0px;
padding: 0px;
}
#menu-1, #menu-2, #menu-3, #menu-4, #menu-5, #menu-6 {
background-repeat:no-repeat;
}
/* repos */
#menu-1 { background-image:url(../images/menu-1.jpg); }
#menu-2 { background-image:url(../images/menu-2.jpg); }
#menu-3 { background-image:url(../images/menu-3.jpg); }
#menu-4 { background-image:url(../images/menu-4.jpg); }
#menu-5 { background-image:url(../images/menu-5.jpg); }
#menu-6 { background-image:url(../images/menu-6.jpg); }
/* over */
#menu-1:hover { background-image:url(../images/menu-1-on.jpg); }
#menu-2:hover { background-image:url(../images/menu-2-on.jpg); }
#menu-3:hover { background-image:url(../images/menu-3-on.jpg); }
#menu-4:hover { background-image:url(../images/menu-4-on.jpg); }
#menu-5:hover { background-image:url(../images/menu-5-on.jpg); }
#menu-6:hover { background-image:url(../images/menu-6-on.jpg); }
/* select */
body.fond1 #menu-1 { background-image:url(../images/menu-1-on.jpg); }
body.fond1-flash #menu-1 { background-image:url(../images/menu-1-on.jpg); }
body.fond1-blanc #menu-1 { background-image:url(../images/menu-1-on.jpg); }
body.fond2 #menu-2 { background-image:url(../images/menu-2-on.jpg); }
body.fond3 #menu-3 { background-image:url(../images/menu-3-on.jpg); }
body.fond4 #menu-4 { background-image:url(../images/menu-4-on.jpg); }
body.fond5 #menu-5 { background-image:url(../images/menu-5-on.jpg); }
body.fond6 #menu-6 { background-image:url(../images/menu-6-on.jpg); }
/* accueil ***************************************** */
body.fond1 #flashInfo, body.fond1-flash #flashInfo, body.fond1-blanc #flashInfo {
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 200px;
height: 30px;
color: #aa0f75;
font-weight: bold;
font-size: 1.2em;
}
body.accueil #actus1 {
background-image: url(../images/encartFond-385.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
background-position: left;
}
body.accueil #actus2 {
background-image: url(../images/encartPied-385.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
body.accueil #agenda1 {
background-image: url(../images/encartFond-348.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
background-position: left;
}
body.accueil #agenda2 {
background-image: url(../images/encartPied-348.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
body.accueil #zoom1 {
background-image: url(../images/encartFond-348.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
background-position: left;
}
body.accueil #zoom2 {
background-image: url(../images/encartPied-348.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
body.accueil #col1 {
color: #FFFFFF;
/*font-weight: bold;/**/
font-size: 1.05em;
line-height: 1.5em;
}
body.accueil #actus1 hr {
border-top-color: #27C0D2;
background-color: #27C0D2;
}
body.accueil div.actu {
padding-bottom: 1em;
}
body.accueil div.actu div.actu-date {
text-decoration: none;
color: #20B3C5;
font-size: 0.95em;
font-weight: bold;
}
body.accueil div.actu h5.actu-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.accueil div.actu div.actu-intro {
text-decoration: none;
}
body.accueil div.actu a:hover div.actu-date {
text-decoration: none;
color: #20B3C5;
font-size: 0.95em;
font-weight: bold;
}
body.accueil div.actu a:hover h5.actu-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.accueil div.actu a:hover div.actu-intro {
text-decoration: underline;
}
body.accueil #actus1 div.suite a span {
display: none;
}
body.accueil #actus1 div.suite a {
background-image: url(../images/voirActus.jpg);
background-repeat: no-repeat;
background-position: center;
height: 22px;
width: 160px;
margin-right: auto;
margin-left: auto;
display: block;
}
/* actualités ***************************************** */
body.actualites h1, body.actualites div.soustitre, body.actualites div.surtitre {
color: #27C0D2;
}
body.actualites hr {
border-top-color: #20B3C5;
background-color: #20B3C5;
}
body.accueil div.agenda {
padding-bottom: 1em;
}
body.accueil div.agenda div.agenda-date {
text-decoration: none;
color: #84C31D;
font-size: 0.95em;
font-weight: bold;
}
body.accueil div.agenda h5.agenda-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.accueil div.agenda div.agenda-intro {
text-decoration: none;
}
body.accueil div.agenda a:hover div.agenda-date {
text-decoration: underline;
}
body.accueil div.agenda a:hover h5.agenda-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.accueil div.agenda a:hover div.agenda-intro {
text-decoration: underline;
}
body.accueil #agenda1 hr {
border-top-color: #83C324;
background-color: #83C324;
}
body.accueil div.zoom {
}
body.accueil div.zoom div.zoom-date {
text-decoration: none;
}
body.accueil div.zoom h5.zoom-titre {
text-decoration: none;
color: #A20E70;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
padding-top: 1em;
}
body.accueil div.zoom div.zoom-intro {
text-decoration: none;
}
body.accueil div.zoom a:hover div.zoom-date {
text-decoration: underline;
}
body.accueil div.zoom a:hover h5.zoom-titre {
text-decoration: none;
color: #000000;
}
body.accueil div.zoom a:hover div.zoom-intro {
text-decoration: underline;
}
body.accueil a.lire-suite {
font-size: 90%;
font-style: italic;
font-weight: bold;
color:red;
}
body.accueil a.lire-suite span {
padding-left:0.5ex;
color: #999933;
}
body.accueil .spip_logos {
float: left;
padding-right: 10px;
}
/* agenda ***************************************** */
body.agenda h1, body.agenda div.soustitre, body.agenda div.surtitre {
color: #73AA20;
}
body.agenda hr {
border-top-color: #83C324;
background-color: #83C324;
}
/* qui-sommes nous ? ********************************************* */
body.qui #col2 {
color: #FFFFFF;
/*font-weight: bold;/**/
font-size: 1.05em;
line-height: 1.5em;
}
/* actions ********************************************** */
body.carte #col1 {
float: left;
width: 470px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
}
body.carte #col2 {
float: left;
width: 470px;
margin: 0px;
padding: 0px;
}
/* styles communs à la page d'accueil de la rubrique action et la page de résultats --------------------------------------------------------- */
body.carte #col1 div.titre {
}
body.carte div.actionSelectionner a {
color: #C80009;
text-decoration: none;
font-weight: bold;
}
body.carte div.actionSelectionner a:hover {
text-decoration: underline;
}
body.carte div.services div.soustitre, body.carte div.actions div.soustitre , body.carte div.labels div.soustitre {
color: #C8000A;
font-weight: bold;
}
body.carte #col1 ul, body.carte #col2 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
body.carte #col1 li, body.carte #col2 li {
margin: 0px;
padding: 0px;
}
body.carte #col1 li a {
text-decoration: none;
display: inline;
}
body.carte #cantons {
height: 300px;
}
/* accueil de la rubrique recherche ----------------------------------------------------- */
body.formulaire div.labels div.soustitre {
color: #FF5A00;
font-size: 1.1em;
margin-top: 0px;
font-weight: bold;
}
body.formulaire #col2 div.titre {
background-image: url(../images/selectType.jpg);
background-repeat: no-repeat;
height: 21px;
width: 314px;
margin-top: 5px;
}
body.formulaire #col3 div.titre {
background-image: url(../images/3-afficherLesResultats.jpg);
background-repeat: no-repeat;
height: 70px;
width: 220px;
}
body.formulaire #col3 a:hover div.titre {
background-image: url(../images/3-afficherLesResultats-over.jpg);
background-repeat: no-repeat;
height: 70px;
width: 220px;
}
body.formulaire div.services {
float: left;
width: 230px;
}
body.formulaire div.actions {
float: left;
width: 230px;
}
body.formulaire #piedFormulaireAction {
clear: both;
}
body.formulaire #types {
height: 253px;
}
body.formulaire #rechercherBtn {
float: right;
}
body.formulaire div.actionSelectionner {
float: left;
width: 200px;
margin-top: 43px;
}
body.formulaire #col2 li a img{
background-image: url(../images/info.jpg);
height: 14px;
width: 14px;
vertical-align: middle;
}
body.formulaire #col2 li a:hover img{
background-image: url(../images/info-over.jpg);
}
/* Page de résultats ------------------------------------------ */
body.recherche div.resultat {
clear: both;
padding-bottom: 1em;
}
body.recherche div.resultat div.resultat-date {
text-decoration: none;
color: #20B3C5;
font-size: 0.95em;
font-weight: bold;
}
body.recherche div.resultat h5.resultat-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.recherche div.resultat div.resultat-intro {
text-decoration: none;
}
body.recherche div.resultat a:hover div.resultat-date {
text-decoration: none;
color: #20B3C5;
font-size: 0.95em;
font-weight: bold;
}
body.recherche div.resultat a:hover h5.resultat-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.recherche div.resultat a:hover div.resultat-intro {
text-decoration: underline;
}
body.recherche .message {
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #C8000A;
}
body.recherche div.resultat img.logo {
height: 80px;
display: block;
padding-right: 1em;
}
body.recherche #col2 div.titre {
background-image: url(../images/resultatsRecherches.jpg);
background-repeat: no-repeat;
height: 33px;
width: 246px;
margin-top: 0px;
}
body.recherche #col1b div.titre {
background-image: url(../images/selectType2.jpg);
background-repeat: no-repeat;
height: 40px;
width: 250px;
margin-top: 15px;
}
body.recherche #col1b div {
float: none;
}
body.recherche input#rechercherBtn {
margin-top: 15px;
display: block;
}
body.recherche #col1 li a img{
background-image: url(../images/info.jpg);
height: 14px;
width: 14px;
vertical-align: middle;
}
body.recherche #col1 li a:hover img{
background-image: url(../images/info-over.jpg);
}
/* Page d'action ou service ------------------------------------------ */
body.action #col3 div.actions, body.action #col3 div.services, body.action #col3 div.cantons, body.action #col3 div.labels {
color: #FF5A00;
font-size: 0.95em;
font-weight: normal;
}
body.action #col3 div.actions span, body.action #col3 div.services span, body.action #col3 div.cantons span, body.action #col3 div.labels span {
font-weight: bold;
}
body.action #col3 div.actions a, body.action #col3 div.services a, body.action #col3 div.cantons a, body.action #col3 div.labels a {
font-weight: normal;
text-decoration: underline;
color: #FF5A00;
font-size: 0.95em;
}
body.action #col3 div.actions a:hover, body.action #col3 div.services a:hover, body.action #col3 div.cantons a:hover, body.action #col3 div.labels a:hover {
color: #000000;
}
/* Page de type de service ou d'action ---------------------------------------- */
body.action div.titre {
background-image: url(../images/listeComplete.jpg);
height: 33px;
width: 246px;
}
body.action div.resultat h5.resultat-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.action div.resultat div.resultat-intro {
text-decoration: none;
}
body.action div.resultat a:hover h5.resultat-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}
body.action div.resultat a:hover div.resultat-intro {
text-decoration: underline;
}
body.action div.resultat img.logo {
height: 80px;
display: block;
padding-right: 1em;
}
/* documentation ************************************* */
body.documentation div.livre1 {
background-image: url(../images/livreFond.gif);
background-repeat: no-repeat;
background-position: right bottom;
float: left;
}
body.documentation div.livre2 {
background-image: url(../images/livreBG.gif);
background-repeat: no-repeat;
background-position: left bottom;
float: left;
}
body.documentation div.livre3 {
background-image: url(../images/livreHD.gif);
background-repeat: no-repeat;
background-position: right top;
padding-right: 7px;
padding-bottom: 7px;
float: left;
}
body.documentation div.livre3 img {
display: block;
}
body.documentation #col1 div.livreLegende {
float: left;
margin-bottom: 1em;
}
body.documentation #col1 div.livreLegende div.legende {
clear: both;
font-size: 0.9em;
width: 100px;
}
body.documentation #col1 div.livre {
padding-right: 0.5em;
padding-bottom: 1em;
}
body.documentation #col3 div.livre {
float: left;
padding-right: 0.5em;
}
body.documentation ul {
padding-left: 1em;
color: #FF5A00;
}
body.documentation li {
margin: 0px;
padding: 0px;
padding-left: -0.2em;
color: #FF5A00;
}
body.documentation #col2 {
color: #FFFFFF;
/*font-weight: bold;/**/
font-size: 1.05em;
line-height: 1.5em;
}
body.documentation #col2 a {
color: #FFFFFF;
font-weight: bold;
font-size: 1.05em;
line-height: 1.5em;
}
body.documentation #col2 #themes div.titre {
background-image: url(../images/thematiques.jpg);
background-repeat: no-repeat;
height: 45px;
width: 138px;
margin-top: 1em;
}
body.documentation #col2 #autres div.titre {
background-image: url(../images/supports.jpg);
background-repeat: no-repeat;
height: 25px;
width: 138px;
margin-top: 15px;
}
body.documentation div.dernier div.livre-themes a {
text-decoration: none;
color: #FF5A00;
font-size: 0.95em;
font-weight: bold;
}
body.documentation div.dernier div.livre-themes a:hover {
text-decoration: underline;
}
body.documentation #col1 div.livre-themes {
color: #FF5A00;
font-size: 0.95em;
font-weight: bold;
margin-bottom: 1em;
}
body.documentation #col1 div.livre-themes a {
text-decoration: underline;
color: #FF5A00;
font-size: 0.95em;
font-weight: bold;
}
body.documentation #col1 div.livre-themes a:hover {
text-decoration: underline;
}
body.documentation div.dernier h5.livre-titre {
text-decoration: none;
color: #000000;
font-size: 1.2em;
margin: 0px;
padding: 0px;
}
body.documentation div.dernier a:hover div.livre-themes a:hover {
text-decoration: underline;
}
body.documentation div.dernier a:hover h5.livre-titre {
text-decoration: none;
}
body.documentation div.dernier a div.livre-intro {
font-size: 0.95em;
color: #666666;
}
body.documentation div.dernier a:hover div.livre-intro {
text-decoration: underline;
}
body.documentation #col3 hr {
border-top-color: #FF5A00;
background-color: #FF5A00;
}
body.documentation #col1 div.titre {
background-image: url(../images/incontournables.jpg);
background-repeat: no-repeat;
height: 18px;
width: 160px;
margin-bottom: 1em;
margin-top: 1em;
}
body.documentation #col3 div.titre {
background-image: url(../images/derniersAjoutes.jpg);
background-repeat: no-repeat;
height: 18px;
width: 160px;
margin-bottom: 1em;
margin-top: 1em;
}
/* partagez *********************************************** */
body.partagez #col2 {
color: #FFFFFF;
/*font-weight: bold;/**/
font-size: 1.05em;
line-height: 1.5em;
}
/* faq *********************************************** */
body.faq p.question {
margin-top: 20px;
color: #FF5A00;
font-size: 0.95em;
margin-bottom: 0px;
padding: 0px;
}
body.faq p.reponse {
margin-top: 2em;
color: #FF5A00;
font-size: 0.95em;
padding: 0px;
margin-bottom: 0px;
}
/* contact *********************************************** */
body.contact #col1 div.titre {
background-image: url(../images/faq.jpg);
background-repeat: no-repeat;
height: 18px;
width: 160px;
margin-bottom: 1em;
margin-top: 1em;
}
body.contact #col2 div.titre {
background-image: url(../images/contact.jpg);
background-repeat: no-repeat;
height: 18px;
width: 160px;
margin-bottom: 1em;
margin-top: 1em;
}
body.contact #col1 ul {
padding-left: 1em;
}
body.contact #col1 li {
margin: 0px;
padding: 0px;
}
body.contact #col1 li a {
color: #FF5A00;
font-weight: bold;
}
body.newsletter div.titre {
background-image: url(../images/inscriptionNewsletter.jpg);
background-repeat: no-repeat;
height: 18px;
width: 342px;
margin-bottom: 20px;
}
.print {
display: none;
}
body.form .message {
color: #FF0000;
}