/*--------------------------------------reset--------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {width:100%;} td {padding:0.5em;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300;} q:before,q:after {content:'';} abbr,acronym {border:0;} :focus {outline:0;} h5 {font-size:1.2em;font-weight:900;margin-top:1em;} /*--------------------------------------fin du reset--------------------------------------*/ /*--------------------------------------balises html--------------------------------------*/ html {font-size:100%;min-height:100%;} body {font-size:62.5%;font-family:Arial, Verdana, sans serif;text-align:center;color:#000;background:#fff;} a img {border:0;} acronym {border-bottom:1px dotted #ccc;} strong {font-weight:bold;} em {font-style:italic;} select {border:1px solid #b8b8b8;} blockquote {padding:1em;background:#a5d3ec;} a {text-decoration:none;color:#690;} a:hover {color:#000;} h4 {border:none;margin-bottom:1em;} hr {border-top: 1px dotted #82aadd;border-right: none;border-bottom: none;border-left: none;height: 0em;line-height: 0em;margin: 0.5em 0;padding: 0;overflow: hidden;} /*--------------------------------------blocs mise en page--------------------------------------*/ #access {text-align:center;background:#036;} #menu-access {width:94em;height:1.4em;margin:0 auto;padding:0.4em 0 0.3em 0;text-align:right;color:#fff;} #menu-access a {text-decoration:none;color:#fff;} #menu-access a:hover {color:#ccc;} .rss {vertical-align:bottom;} #slogan {float:left;text-align:left; color:#fff;clear:right;} #logo {float:right;clear:left;margin-top:-6em;} #logo img {width:6.2em;height:6em;} #entete {height:9.2em;text-align:center;background:#cce6f4;} #titre {width:94em;margin:0 auto;text-align:left;} #titre h1 {padding-top:2.5em;} .imagetitre {width:55.6em;height:5.2em;} #titreprint {display:none;} #rubriques {text-align:center;background:#cce6f4;} #menu-rubriques {width:94em;height:4em;margin:0 auto;text-align:left;color:#fff;background:#94b74c;} #menu-rubriques:hover {background:#690;} #menu-rubriques:focus {background:#690;} #menu-rubriques ul li {display:inline;} #menu-rubriques a {display:block;float:left;height:2em;padding:1em 1.5em 0.5em 1.5em;border-right:1px solid #cce6f4;font-size:1.2em;text-decoration:none;color:#fff;font-weight:bold;background:#94b74c;} #menu-rubriques a:hover {background:#690;} .rubrique-on {background:#690 !important;} #rechercheformhaut {float:left;height:4em;margin: 0 0 0 0;} #rechercheformhaut form {padding:1em 0.5em 0 1.5em;width:100%;height:4em;margin:0;background:#94b74c;} #rechercheformhaut form:hover {background:#690;} #rechercheformhaut form:focus {background:#690;} #rechercheformhaut #recherche-on form {background:#690;} #rechercheformhaut form label {display:none;} #rechercheformhaut form input {width:16em;border:0;padding-left:0.3em;border:0;} #rechercheformhaut form input.recherchesubmit {width:22px;height:16px;background-image:url(imgsquelette/recherchesubmit.gif);margin:0 0 0 0.2em;background-repeat:no-repeat;background-position:center right;cursor:pointer;} #sous-rubriques {float:left;width:100%;height:4em;text-align:center;background:#690;margin:-0.5em 0 0 0;} #menu-sous-rubriques {width:94em;margin:0 auto 0 auto;padding:1.5em 0 0 1em;text-align:left;color:#fff;color:#333;} #menu-sous-rubriques a {font-size:1.2em;text-decoration:none;color:#fff;padding-right:0.5em;margin-right:0.5em;border-right:1px solid #fff;} #menu-sous-rubriques a:hover {color:#333;} #sousmenudroite {float:right;clear:left;margin:-1.5em 0 0 0;padding:0;} #sousmenudroite a {border:none;} #connexion {display:block;clear:left;} #connexion-menu {width:94em;margin:auto;padding:1em 0;text-align:left;} #conteneur {width:94em;margin:0 auto;background:#fff;} #contenu {float:left;width:62em;padding:0;margin-right:2em;text-align:left;} #contenu1 {float:left;width:30em;margin-right:2em;text-align:left;} #contenu2 {float:left;width:30em;text-align:left;} #contenu-2col {float:left;width:62em;padding:0 0 1em 0;margin-right:2em;text-align:left;} #colonnepub {float:left;width:30em;padding:0;text-align:left;} #publicite p.regiepub {padding:0.3em;margin-bottom:0.3em;vertical-align:middle;text-align:center;background:#eee;} #publicite p.regiepub a {color:#666;} .pub300 {width:30em;height:25em;} .pubgauche {width:12.5em;height:12.5em;margin:2.2em 2.2em 0 0;padding:0.5em;border:1px solid #b8b8b8;} .pubdroite {width:12.5em;height:12.5em;margin:2.2em 0 0 0;padding:0.5em;border:1px solid #b8b8b8;} #colonnefiches #menufiches ul {margin:1em 0;} #colonnefiches #menufiches form {width:100%;} #colonnefiches #menufiches #recherche {width:16em;font-size:1.2em;height:1.2em;border:1px solid #b8b8b8;background-color:#fff;} #colonnefiches #menufiches #recherche:focus {border:1px solid #333;background-color:#fff;} #submit-fiches {border:none;width:1.9em;height:1.9em;font-size:0.9em;margin-left:1em;background-image:url(imgsquelette/submit-fiches.gif);} /*--------------------------------------CONTENU pour les articles--------------------------------------*/ #filariane {margin-bottom:2em;padding-bottom:0.5em;border-bottom:1px solid #eee;} #filariane a {color:#666;} #filariane a:hover {color:#000;} #chapeau {padding:0.5em;background:#e8f0d9;} #chapeau ul li {font-size:1.2em;} #chapeau a {color:#666;} #chapeau a:hover {color:#000;} #soustitre {font-size:1.2em;padding:0.5em;background:#d9e5bf;} #surtitre {display:inline;font-style:italic;margin-bottom:2em;padding:0.1em;color:#fff;background:#a5d3ec;} #teterubrique, #teteplan {margin-bottom:0.5em;border-bottom:1px solid #690;} #texterubrique {padding:0.5em;background:#e8f0d9;margin-top:1em;} #contenuarticle, #contenufiche {display:block;float:left;width:62em;text-align:left;} #contenuarticle h2, #contenufiche h2 {font-size:2.8em;text-align:left;margin:0.5em 0;} #contenuarticle #plan h2 {font-size:2em;text-align:left;margin-bottom:0.5em;} #contenuarticle #teterubrique h2 {font-size:2em;text-align:left;margin-bottom:0.5em;} #corpsarticle p, #corpsfiche p {margin-bottom:1em;} #ps {font-size:1.2em;line-height:1.5em;padding:0.5em;background:#e8f0d9;margin:1em 0 0 0;} #contenuarticle h2 a, #contenufiche h2 a {text-decoration:none;color:#666;} #contenuarticle h2 a:hover, #contenufiche h2 a:hover {color:#000;} #tetearticle, #tetefiche {margin-bottom:0.5em;border-bottom:1px solid #690;} #tetearticle p, #tetefiche p {font-size:1.2em;} #corpsarticle, #plan, #corpsfiche {font-size:1.3em;line-height:1.5em;padding:0;} #corpsarticle a, #plan a, #corpsfiche a {text-decoration:none;color:#690;} #corpsarticle a:hover, #plan a:hover, #corpsfiche a:hover{color:#000;} #corpsarticle h3, #plan h3, #corpsfiche h3 {font-size:1.7em;text-align:left;margin:1.5em 0 0.5em 0;padding:0 0 0.2em 0;border-bottom:1px solid #ccc;} #plan h3 a {text-decoration:none;color:#666;} #plan h3 a:hover {color:#000;} #contenuarticle ul, #plan ul, #ps ul, #contenufiche ul {font-size:1em;margin:1em 0;} #contenuarticle ul li, #plan ul li, #ps ul li, #contenufiche ul li {margin-left:2.5em;list-style-type:disc;} #resultat_recherche li {margin-bottom:1em;} #contenufiche #corpsfiche blockquote {margin:1.5em 0 0 0;padding:2.5em 0.8em 0.8em 0.8em;line-height:1em;background:#cce6f4;background-image:url(imgsquelette/clef.gif);background-position:top left;background-repeat:no-repeat;} #corpsfiche blockquote p {margin:1em 0 0 0;} #plan a.sousrubplan, #plan a.sousrub {color:#666;font-weight:bold;} #plan a.sousrubplan:hover, #plan a.sousrub:hover {color:#000;} #ps a {color:#690;} #ps a:hover {color:#000;} .mini {font-size:1.2em;} .menu-titre h2 {font-size:2.3em;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #690;} /*--------------------------------------barrefonctions--------------------------------------*/ #barrefonctions {float:right;width:18em;text-align:right;} /*.boutonfonctions {width:2.7em;height:2.7em;}*/ /*--------------------------------------sommaire pour les articles--------------------------------------*/ div.cs_sommaire {width:18em !important;float:right !important;font-size:0.9em !important;line-height:1.3em !important;padding:0 0 0.5em 1em !important;margin:0 0 0 0 !important;background:#fff !important;border:none !important;} div.cs_sommaire ul li {font-size:0.9em !important;margin:0 0 0 1em !important;list-style-type:none !important;border:none !important;} div.cs_sommaire_titre_avec_fond {text-align:left !important;padding:0.4em 0 0.4em 1em !important;margin:-0.3em 0 1em 0 !important;color:#fff;background:#4ca7da !important;border:none !important;} a.sommaire_ancre {margin:0 0 0 1em !important;float:right !important;background-image:url(imgsquelette/retoursommaire.gif) !important;background-repeat:no-repeat !important;border:none !important;} /*--------------------------------------colonne fiches--------------------------------------*/ #colonnefiches {float:left;width:30em;padding:0;text-align:left;} #colonnefiches h4 {font-size:1.6em;} #colonnefiches ul {margin:1em 0;} #colonnefiches ul li {font-size:1.2em;margin-left:1.5em;list-style-type:disc;list-style-position:inside;} #colonnefiches ul li a {text-decoration:none;color:#333;} #colonnefiches ul li a:hover {text-decoration:underline;color:#690;} #colonnefiches h4 a {text-decoration:none;color:#333;} #colonnefiches h4 a:hover {color:#690;} #menufiches {margin-bottom:2em;} /*--------------------------------------fin du CONTENU pour les articles--------------------------------------*/ #pied {clear:left;text-align:center;background:#4ca7da;height:1%;} #menubas {width:94em;margin:0 auto;padding:1em 0;text-align:left;color:#fff;} #menubas h3 {font-size:1.8em;font-weight:normal;} #menubas1 {float:left;width:30em;padding:1em 0;margin-right:2em;text-align:left;} #menubas2 {float:left;width:30em;padding:1em 0;margin-right:2em;text-align:left;} #menubas3 {float:left;width:30em;padding:1em 0;text-align:left;} #menubas1 h4, #menubas2 h4, #menubas3 h4 {font-size:1.5em;padding:0.4em 0.5em 1.5em 0.5em ;background-image:url(imgsquelette/fondtitrebas.gif);background-repeat:no-repeat;} #menubas1 ul li, #menubas2 ul li {font-size:1.2em;margin:0.5em 0;list-style:disc;list-style-position:inside;} #menubas1 ul li ul li, #menubas2 ul li ul li {font-size:0.8em;margin:0.5em 0 0 2em;list-style:disc;list-style-position:inside;} #menubas1 ul li a, #menubas2 ul li a {text-decoration:none;color:#fff;} #menubas1 ul li a:hover, #menubas2 ul li a:hover {color:#036;} #menubas1 ul li ul li a, #menubas2 ul li ul li a {text-decoration:none;color:#fff;} #menubas1 ul li ul li a:hover, #menubas2 ul li ul li a:hover {color:#036;} #mentions {padding:1em;text-align:center;background:#333;color:#fff;clear:left;} #mentions a {color:#fff;text-decoration:none;} #validation {margin:1em 0;} .valid {width:10.1;height:1.4em;} .boutonspip {width:4.9em;height:1.4em;} /*--------------------------------------boite au coin replié--------------------------------------*/ .titreboite {width:30em;height:4.1em;margin:0 0 -0.5em 0;padding:0;} .boite {padding:1.2em;margin:0 0 1em 0;border-right:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;border-left:1px solid #b8b8b8} .boite ul li {margin-left:1.3em;list-style-type:disc;list-style-position:outside;font-size:1.2em;color:#690;margin-bottom:0.4em;} .boite ul li a {text-decoration:none;color:#690;} .boite ul li a:hover {color:#000;} .boite h3 {margin:0.5em 0;padding:0 0 0.3em 0;font-size:1.6em;border-bottom:1px solid #b8b8b8;color:#4ca7da;} .rssactu {width:2.5em;height:2.6em;float:right;margin-top:-3.6em;} .boite p {margin:0 0 0.5em 0;font-size:1.2em;} .boite p a:link, .boite p a:visited {text-decoration:none;color:#666;} .boite p a:hover {text-decoration:underline;color:#000;} .boite p a:active {text-decoration:none;color:#666;} .date {font-size:0.8em;color:#333;} /*--------------------------------------boite "normale"--------------------------------------*/ .boite2 {padding:1.2em;margin:0 0 1em 0;border:1px solid #b8b8b8;} .boite2 h2 {margin:0 0 0.5em 0;padding:0 0 0.3em 0;font-size:1.6em;border-bottom:1px solid #b8b8b8;color:#4ca7da;} .boite2 ul li {margin-left:1.3em;list-style-type:disc;list-style-position:outside;font-size:1.2em;color:#690;margin-bottom:0.4em;} .boite2 ul li a {text-decoration:none;color:#690;} .boite2 ul li a:hover {color:#000;} .boite2 p {margin:0 0 0.5em 0;font-size:1.2em;} .boite2 a {text-decoration:none;color:#690;} .boite2 a:hover {color:#000;} .imgright {float:right;clear:left;} .boite2 select {width:100%;} /*--------------------------------------boite "deux colonnes" avec coin replié--------------------------------------*/ .titreboite-2col {width:62em;height:4.1em;margin:0 0 -0.5em 0;padding:0;} .titreimagerub-2col {width:62em;height:8em;margin:0 0 -0.5em 0;padding:0;} .boite-2col {float:left;padding:3em 0;margin-right:2em;text-align:left;} .boite-2col {padding:0.8em;margin:0 0 1em 0;border-right:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;border-left:1px solid #b8b8b8;} .boite-2col h2 {margin:0 0 0.5em 0;padding:0 0 0.3em 0;font-size:1.6em;border-bottom:1px solid #b8b8b8;color:#4ca7da;} .boite-2col h3 {margin:0 0 0.5em 0;padding:0 0 0.3em 0;font-size:1.4em;border-bottom:1px solid #b8b8b8;color:#4ca7da;} .boite-2col ul {margin-bottom:1em;} .boite-2col ul li {margin-left:1.3em;list-style-type:disc;list-style-position:outside;font-size:1.2em;color:#690;margin-bottom:0.4em;} .boite-2col ul li a {text-decoration:none;color:#690;} .boite-2col ul li a:hover {color:#000;} .boite-2col p {margin:0 0 0.5em 0;font-size:1.2em;} .boite-2col a {text-decoration:none;color:#690;} .boite-2col a:hover {color:#000;} .boite-2col select {width:100%;} h3.mois {margin-left:1.3em;} .cs_blocs h4 {font-size:1.6em;font-weight:normal;} .cs_blocs h4 a {color:#690;} .boite-2col-simple {padding-bottom:2em;} /*--------------------------------------boites pour la recherche thématiques des fiches pratiques--------------------------------------*/ .boite-theme-fiche-1 {float:left;width:23em;margin-right:1.6em;} .boite-theme-fiche-2 {float:left;width:23em;} .fp-hautpage {width:100%;text-align:center;} /*--------------------------------------boite "deux colonnes" simple--------------------------------------*/ /*.boite-2col-simple {height:9em;margin-bottom:2em;padding:4em 2em;background-image:url(imgsquelette/boite-2col-simple.gif);}*/ /*.boite-2col-simple {height:9em;margin-bottom:2em;padding:2em;border-top:1px dotted #690;border-bottom:1px dotted #690;}*/ .boite-2col-simple {height:9em;margin-bottom:2em;padding:0 2em 4em 2em;background-image:url(imgsquelette/boite-2col-simple-2.jpg);background-repeat:no-repeat;background-position:bottom center;} .boite-2col-simple p {font-size:1.2em;margin:0.5em;} .boite-2col-simple ul li {list-style:disc;list-style-position:inside;font-size:1.2em;margin-left:1.3em;} .boite-2col-simple img {margin:0;padding:0} .boite-2col-simple a {color:#690;} .boite-2col-simple a:hover {color:#000;} /*--------------------------------------liens : découvrir, s'abonner, consulter--------------------------------------*/ .boiteliens {width:100%;border:1px solid #b8b8b8;background-image:url(imgsquelette/fondboiteliens.gif);text-align:center;margin-top:0.5em;} .boiteliens a {text-decoration:none;color:#333;font-size:1.2em;vertical-align:middle;} .boiteliens a:hover {color:#690;} .sepboiteliens {width:3.1em;height:2.9em;vertical-align:middle;} /*--------------------------------------tableaux--------------------------------------*/ table {border:1px solid #4ca7da;background:#4ca7da;text-align:left;margin-bottom:1em;} td {background-color:#A6D4EC;} th {padding:0.5em;} .row_first {background:#4ca7da;padding:0.5em;color:#fff;} .row_even {background:#cce6f4;padding:0.5em;} .row_odd {background:#e5f2f9;padding:0.5em;} /*--------------------------------------menu déroulant--------------------------------------*/ #deroulant {float:left;} .blocderoulant {display:none;} #deroulant .blocderoulant a {padding:0;margin:0;border:none;} #deroulant:hover > .blocderoulant {display: block;float:left;padding:1em;margin-left:0.5em;position:absolute;background:#690;clear:left;} /*--------------------------------------menu déroulant / sous-onglets--------------------------------------*/ #menuDeroulant {vertical-align:middle;position:relative;height: 2.3em;list-style-type: none;margin: 0;padding: 0;border: 0;font-size:1em;} #menuDeroulant li {font-size:1.15em;float: left;min-width:12em;margin: 0;padding: 0;border: 0;text-align:left;} #menuDeroulant li a:link, #menuDeroulant li a:visited {display: block;height: 1%;color: #fff;margin: 0;padding: 0.4em 1em;text-decoration: none;} #menuDeroulant li a:hover {} #menuDeroulant li a:active {} #menuDeroulant .sousMenu {display: none;list-style-type: none;margin: 0.5em 0 0 0;padding: 0;border: 0;} #menuDeroulant .sousMenu li {font-size:0.95em;float: none;margin:0;padding: 0;border: 0;width:12em;border-top: 1px solid transparent;border-right: 1px solid transparent;text-align:left;} #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {display: block; color: #000; margin: 0;border: 0;text-decoration: none;background: #cce6f4;} #menuDeroulant .sousMenu li a:hover {background-image: none;background-color: #036;color:#fff;} #menuDeroulant li:hover > .sousMenu {display: block;} /*-------------------------------------- classes de mise en page--------------------------------------*/ .titrebleusurligne {border-bottom:1px solid #B8B8B8;color:#4CA7DA;font-size:1.3em;margin:0.5em 0;padding:0 0 0.3em; text-align:left; display:block;} /*-------------------------------------- page question --------------------------------------*/ #formquestion {line-height: 1em;font-size:1.2em;} #formquestion label {display:block; margin:0 4em 1em 0; float:left; clear:both; width:10em;} #formquestion span {display:inline; margin:0;} #formquestion input, #formquestion textarea {display:block; margin:0 4em 1em 0;float:left; background-color: #FBF4F7; border:1px solid #CCC; padding:0.5em;} #formquestion input:focus, #formquestion textarea:focus {background-color: #FFFFDF;} #formquestion .submit {border:1px solid #999;color:#A70E5E;width:18em;cursor:pointer;padding:0.5em; background-color: #FBF4F7; margin:0 0 0 12.2em; font-size: 1.15em;} #formquestion .submit:hover {color:#FFF; background-color:#A70E5E }