body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #FFFFFF;
background-image: url(fond_pointilles.gif);
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display: block;
position:absolute;
top: -5000px;
left: -5000px;
font-size: 0px;
color: #FFFFFF;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background {
width: 100%;
float: left;
background-color: #FFFFFF;
background-image: url(fond_degrade.gif);
background-repeat: repeat-x;
background-position: bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#contentHeader {
width: 100%;
height: 175px;
background-image: url(bandeau_gpso.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#fondHeader {
width: 100%;
height: 175px;
}
#header {
width: 980px;
height: 175px;
margin: auto;
position: relative;
font-size: x-small;
background-image: url(bandeau_gpso.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header h1 {
position: absolute;
top: 90px;
left: 0px;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#header a.logo {
display: block;
width: 116px;
height: 36px;
position: absolute;
top: 110px;
left: 800px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: 0px;
left: -5000px;
color: #666666;
width: 238px;
overflow: hidden;
}
#raccourcis ul li {
float: left;
margin: 0px 10px 0px 0px;
}
#raccourcis ul li a {
display: block;
color: #666666;
text-decoration: none;
padding: 0px 0px 6px 22px;
background-repeat: no-repeat;
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan.gif);
}
#raccourcis ul li.racaide a {
background-image: url(picto_handi.gif);
}
#raccourcis ul li.raccontact a {
background-image: url(picto_contact.gif);
}
#raccourcis ul li.races a {
background-image: url(es.gif);
width: 2px;
height: 16px;
}
#raccourcis ul li.races a span {
position: absolute;
top: -5000px;
}
#raccourcis .racnavig,
#raccourcis .raccontenu,
#raccourcis .racrecherche {
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 15px;
right: 0px;
width:180px;
height: 50px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow: hidden;
}
#recherche form {
margin: -18px 0px 0px 0px;
}
#recherche form legend {
position: relative;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #0165ca;
vertical-align: middle;
width: 140px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 16px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label {
position:absolute;
top: -5000px;
left: -5000px;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 980px;
float: left;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyAccueil #content {
width: 960px;
padding: 0px 10px 0px 0px;
float: right;
}
#content {
width: 770px;
padding: 0px 10px 0px 0px;
float: right;
background-image: url(fond_content.gif);
background-repeat: repeat-y;
background-position: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
width: 590px;
height: 18px;
font-size: x-small;
padding: 0px 0px 0px 10px;
}
body.bodyAccueil #filariane {
display: none;
}
#filariane a {

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyAccueil #contentInter,
body.bodyAccueil #inter {
float: left;
width: 790px;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #inter #accGauche {
float: left;
width: 560px;
padding: 0px 25px 0px 0px;
}
body.bodyAccueil #inter #accGauche #liensIntro {
background-image: url(fond_liens_intro.gif);
background-repeat: no-repeat;
width: 573px;
height: 80px;
float: left;
}
body.bodyAccueil #inter #accGauche #liensIntro a.bxEsp {
margin: 20px 0px 0px 25px;
float: left;
}
body.bodyAccueil #inter #accGauche #liensIntro a.bxTlse {
margin: 20px 0px 0px 50px;
float: left;
}
body.bodyAccueil #inter #accGauche #edito {
color: #4c248c;
background-image: url(pointilles_edito.gif);
background-repeat: no-repeat;
background-position: 0px 26px;
margin: 10px 0px 0px 5px;
width: 560px;
float: left;
}
body.bodyAccueil #inter #accGauche #edito h2 {
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #inter #accGauche #actus {
background-image: url(pointilles_actus.gif);
background-repeat: no-repeat;
background-position: 0px 26px;
margin: 20px 0px 0px 5px;
padding: 0px 0px 20px 0px;
position: relative;
float: left;
width: 560px;
}
body.bodyAccueil #inter #accGauche #actus h2 {
margin: 0px 0px 5px 5px;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #inter #accGauche #actus p.toutesactus {
width: 160px;
height: 24px;
position: absolute;
top: 1px;
left: 399px;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyAccueil #inter #accGauche #actus p.toutesactus a {
display: block;
width: 160px;
height: 21px;
padding: 3px 0px 0px 0px;
background-image: url(fond_toutes_actus.gif);
background-repeat: no-repeat;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}
body.bodyAccueil #inter #accGauche #actus p {
width: 246px;
height: 106px;
padding: 9px 15px 10px 15px;
margin: 2px 1px 2px 2px;
background-repeat: no-repeat;
float: left;
background-image: url(fond_pave_actu.gif);
}
body.bodyAccueil #inter #accGauche #actus p a {
display: block;
width: 246px;
height: 106px;
overflow: hidden;
/*color: #167529;*/
text-decoration: none;
}
body.bodyAccueil #inter #accGauche #actus p span.date_actu {
font-size: x-small;
color: #0c4da2;
}
body.bodyAccueil #inter #accGauche #actus p a strong {
color: #167529;
}
/*-- LISTE TOUTES ACTUS  --*/
body.bodygenerique #inter .actuLigne {
margin: 0px 22px 5px 0px;
padding:  8px 0px 16px 0px;
border-bottom: 1px solid #CCCCCC;
width: 235px;
height: 130px;
float: left;
overflow: hidden;
}
body.bodygenerique #inter .actuLigne a {
text-decoration: none;
/*display: block;*/
}
body.bodygenerique #inter .actuLigne a strong  {
color: #167529;
}
body.bodygenerique #inter .actuLigne strong a {
text-decoration: none;
color: #167529;
}
body.bodygenerique #inter .actuLigne span.date_actu {
font-size: x-small;
color: #0c4da2;
}
/*-- FIN LISTE TOUTES ACTUS  --*/

body.bodyAccueil #inter #accDroite {
float: left;
width: 160px;
padding: 0px 0px 0px 20px;
}
body.bodyAccueil #inter #accDroite #consultationPublic,
body.bodyAccueil #inter #accDroite #votreAvis,
body.bodyAccueil #inter #accDroite #laConcertation,
body.bodyAccueil #inter #accDroite #lesGarants,
body.bodyAccueil #inter #accDroite #partenairesFinanceurs {
width: 157px;
padding: 15px 0px 0px 0px;
float: left;
}
body.bodyAccueil #inter #accDroite #consultationPublic img,
body.bodyAccueil #inter #accDroite #votreAvis img,
body.bodyAccueil #inter #accDroite #laConcertation img,
body.bodyAccueil #inter #accDroite #lesGarants img,
body.bodyAccueil #inter #accDroite #partenairesFinanceurs img {
float: left;
}
#contentInter {
float: left;
/*width: 580px;*/
width: 570px;
padding: 20px 10px 30px 10px;
}
#inter {
/*float: left;*/
}
#inter h2 {
margin: 0px 0px 0px 0px;
padding:  0px 0px 10px 0px;
}
#inter h3 {
font-size: large;
font-weight: normal;
color: #0c4da2;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
}
#inter h3.commission {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 20px;
}
#inter h3 a {
color: #0c4da2;
}
#inter h4 {
font-size: medium;
color: #552f91;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
}
#inter h4 a {
color: #552f91;
}
#inter h5 {
font-size: small;
color: #399644;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
}
#inter h5 a {
color: #399644;
}
#inter p,
body.bodyMap p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul,
body.bodyMap ul {
margin: 0px 0px 0px 10px;
padding: 8px 0px 8px 10px;
list-style: none;
}
#inter ul li,
body.bodyMap ul li {
background:url(Puce2_bleu_02.gif) left 7px no-repeat;
padding-left:18px;
}
#inter ul ul li,
body.bodyMap ul li li {
background:url(Puce2_bleu_03.gif) left 7px no-repeat;
padding-left:18px;
}

ul.listExergue, .miseEnExergue, #inter ul.listExergue {
margin: 0px 0px 0px 80px;
padding: 8px 0px 8px 0px;
}
#inter ul.listExergue li {
font-size: medium;
color: #0c4da2;
padding: 0px 0px 8px 20px;
background-image: url(puce_liste_exergue.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul.listExergue li a {
color: #0c4da2;
}
#inter blockquote {
border: 1px solid #0c4da2;
clear: both;
padding: 5px 10px 5px 10px;
margin: 8px 0px 8px 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE PARTENAIRES ET CO FINANCEURS ---*/
#inter p.partenairesLigne01 {
display: inline;
width: 130px;
height: 150px;
float: left;
padding: 3px;
margin:  0px 6px 0px 40px;
border: 1px solid #CCCCCC;
}
#inter ul.listeDreal {
clear: both;
margin: 0px 0px 25px 47px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
#inter p.partenairesLigne {
display: inline;
width: 130px;
height: 150px;
float: left;
padding: 3px;
margin:  0px 6px 25px 100px;
border: 1px solid #CCCCCC;
}
#inter p.partenaires {
display: inline;
width: 130px;
height: 150px;
float: left;
padding: 3px 2px 3px 2px;
margin:  0px 6px 6px 0px;
border: 1px solid #CCCCCC;
}
#inter p.partenairesLigne01 a:hover,
#inter p.partenairesLigne a:hover,
#inter p.partenaires a:hover {
background: transparent url(none.gif) no-repeat center right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ACCORDEON ---*/
.accordeon h3 a {
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE ACCORDEON ---*/

ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
}
#inter ul.accordeonListe li ul li {
cursor:text;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MOTEUR DE RECHERCHE DES CARTES ---*/
#inter #zoneMoteurRecherche {
width: 750px;
margin-bottom: 20px;
}
#inter #findMaps,
#inter #findMapsHypotheses,
#inter #findMapsHypotheses02,
#inter #findPdf-lot06 {
width: 750px;
padding: 10px 0px 5px 0px;
float: left;
border-bottom: 1px solid #399644;
margin-bottom: 10px;
}
#inter #findVideos,
#inter #findVideos2,
#inter #findVideos-lot03 {
width: 750px;
padding: 10px 0px 5px 0px;
float: left;
margin-bottom: 10px;
}
#inter #findMaps h2,
#inter #findMapsHypotheses h2,
#inter #findMapsHypotheses02 h2,
#inter #findPdf-lot06 h2,
#inter #findVideos h2,
#inter #findVideos2 h2,
#inter #findVideos-lot03 h2 {
font-size: large;
font-weight: normal;
color: #399644;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
}
body.cartes #inter #findMaps h3,
body.cartes #inter #findMapsHypotheses h3,
body.cartes #inter #findMapsHypotheses02 h3,
body.cartes #inter #findPdf-lot06 h3,
body.videos #inter #findVideos h3,
body.videos #inter #findVideos2 h3,
body.videos #inter #findVideos-lot03 h3 {
font-size: large;
font-weight: normal;
color: #399644;
margin: 0px 0px 0px 0px;
padding:  0px 0px 5px 0px;
}
#inter #findMaps #zoneRech,
#inter #findMapsHypotheses #zoneRechHypotheses,
#inter #findMapsHypotheses02 #zoneRechHypotheses02,
#inter #findPdf-lot06 #zoneRech {
padding: 0px 0px 0px 0px;
/*border-top: 1px solid #399644;
border-bottom: 1px solid #399644;*/
}
#inter #findVideos #zoneRech,
#inter #findVideos2 #zoneRech2,
#inter #findVideos-lot03 #zoneRech {
padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 0px;
border: 1px solid #399644;
float: left;
}
body #inter #findVideos #zoneRech form,
body #inter #findVideos2 #zoneRech2 form,
body #inter #findVideos-lot03 #zoneRech form {
margin: 20px 0px 10px 0px;
}
#inter #findMaps #zoneRech p,
#inter #findMapsHypotheses #zoneRechHypotheses p,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 p,
#inter #findPdf-lot06 #zoneRech p,
#inter #findVideo #zoneRech p,
#inter #findVideos2 #zoneRech2 p
#inter #findVideos-lot03 #zoneRech p {
padding: 5px 0px 5px 0px;
}
body.cartes #inter form {
margin:20px 0 10px 15px;
width: 735px;
}
body.cartes #inter form div.entry,
body.videos #inter form div.entry {
float: left;
width: 310px;
clear: none;
}
#inter #findMaps #zoneRech legend,
#inter #findMapsHypotheses #zoneRechHypotheses legend,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 legend,
#inter #findPdf-lot06 #zoneRech legend,
#inter #findVideos #zoneRech legend,
#inter #findVideos2 #zoneRech2 legend
#inter #findVideos-lot03 #zoneRech legend {
font-size: 1px;
color: #FFFFFF;
}
#inter #findMaps #zoneRech fieldset,
#inter #findMapsHypotheses #zoneRechHypotheses fieldset,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 fieldset,
#inter #findPdf-lot06 #zoneRech fieldset,
#inter #findVideos #zoneRech fieldset,
#inter #findVideos2 #zoneRech2 fieldset,
#inter #findVideos-lot03 #zoneRech fieldset {
float: left;
width: 630px;
}
#inter #findMaps #zoneRech form,
#inter #findMapsHypotheses #zoneRechHypotheses form,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 form,
#inter #findPdf-lot06 #zoneRech form,
#inter #findVideos #zoneRech form,
#inter #findVideos2 #zoneRech2 form,
#inter #findVideos-lot03 #zoneRech form {
clear: both;
float: left;
width: 735px;
}
#inter #findMaps #zoneRech form label,
#inter #findMapsHypotheses #zoneRechHypotheses form label,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 form label,
#inter #findPdf-lot06 #zoneRech form label,
#inter #findVideos #zoneRech form label,
#inter #findVideos2 #zoneRech2 form label,
#inter #findVideos-lot03 #zoneRech form label {
width: 80px;
padding-right: 10px;
text-align: right;
}
#inter #findMaps #zoneRech form select,
#inter #findMapsHypotheses #zoneRechHypotheses form select,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 form select,
#inter #findPdf-lot06 #zoneRech form select,
#inter #findVideos #zoneRech form select,
#inter #findVideos2 #zoneRech2 form select,
#inter #findVideos-lot03 #zoneRech form select {
width: 220px;
}
#inter #findMaps #zoneRech form .submit,
#inter #findMapsHypotheses #zoneRechHypotheses form .submit,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 form .submit,
#inter #findPdf-lot06 #zoneRech form .submit,
#inter #findVideos #zoneRech form .submit,
#inter #findVideos2 #zoneRech2 form .submit,
#inter #findVideos-lot03 #zoneRech form .submit {
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
float: left;
clear: none;
}
#inter #findMaps #zoneRech form .submit input,
#inter #findMapsHypotheses #zoneRechHypotheses form .submit input,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 form .submit input,
#inter #findPdf-lot06 #zoneRech form .submit input,
#inter #findVideos #zoneRech form .submit input,
#inter #findVideos2 #zoneRech2 form .submit input,
#inter #findVideos-lot03 #zoneRech form .submit input  {
margin: 0px 0px 0px 0px;
}
#inter #findMaps #zoneRech ul.resultmaps li ,
#inter #findMapsHypotheses #zoneRechHypotheses ul.resultmaps li,
#inter #findMapsHypotheses02 #zoneRechHypotheses02 ul.resultmaps li,
#inter #findPdf-lot06 #zoneRech ul.resultmaps li,
#inter #findVideos #zoneRech ul.resultmaps li,
#inter #findVideos2 #zoneRech2 ul.resultmaps li ,
#inter #findVideos-lot03 #zoneRech ul.resultmaps li {
padding: 0px 0px 0px 15px;
/*background-image: none;*/
}
#inter #findMapsHypotheses02 #zoneRechHypotheses02 ul.liensFicheZonesSensibles {
padding-bottom: 30px;
}
#inter #findMapsHypotheses02 #zoneRechHypotheses02 ul.liensFicheZonesSensibles li {
float: left;
}
/*--- MOTEUR DE RECHERCHE DES CARTES DU MINISITE ---*/
body.bodyMap {
background-image: none;
}
body.bodyMap #total {
width: 750px;
}
#findMapsHypothesesMiniSite,
#findPdf {
width: 750px;
float: left;
padding: 0px 0px 5px 0px;
}
#findPdf64 {
width: 750px;
height: 730px;
padding: 0px 0px 5px 0px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite {
width: 750px;
float: left;
padding: 0px 0px 0px 0px;
}
#findPdf #zoneRech,
#findPdf64 #zoneRech {
width: 750px;
padding: 5px 0px 5px 0px;
float: left;
border: 1px solid #399644;
margin-bottom: 10px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite p,
#findPdf #zoneRech p {
padding: 5px 0px 5px 0px;
}
body.bodyMap form {
margin:20px 0 10px 15px;
width: 735px;
}
body.bodyMap form div.entry {
float: left;
width: 310px;
clear: none;
}
body.bodyMap #findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite legend,
body.bodyMap #findPdf #zoneRech legend {
font-size: 1px;
color: #FFFFFF;
}
body.bodyMap #findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite fieldset,
body.bodyMap #findPdf #zoneRech fieldset {
float: left;
width: 630px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite form,
#findPdf #zoneRech form {
clear: both;
float: left;
width: 735px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite form label,
#findPdf #zoneRech form label {
width: 80px;
padding-right: 10px;
text-align: right;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite form select,
#findPdf #zoneRech form select {
width: 220px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite form .submit,
#findPdf #zoneRech form .submit {
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
float: left;
clear: none;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite form .submit input,
#findPdf #zoneRech form .submit input {
margin: 0px 0px 0px 0px;
}
#findMapsHypothesesMiniSite #zoneRechHypothesesMiniSite ul.resultmaps li {
padding: 0px 0px 0px 15px;
}
#findPdf #zoneRech ul.resultPdf {
margin: 0px 0px 5px 10px;
width: 725px;
height: 85px;
overflow: auto;
}
#findPdf64 #zoneRech ul.resultPdf {
margin: 0px 0px 5px 10px;
width: 725px;
float: left;
}
#findPdf #zoneRech ul.resultPdf li {
padding: 0px 0px 5px 15px;
margin: 0px 0px 5px 0px;
width: 690px;
/*position: relative;*/
float: left;
border-bottom: 1px dotted #597FBF;
}
#findPdf64 #zoneRech ul.resultPdf li  {
padding: 0px 0px 5px 15px;
margin: 0px 0px 5px 0px;
width: 300px;
float: left;
border-bottom: 1px dotted #597FBF;
background-position: 0px 27px;
}
#findPdf64 #zoneRech ul.resultPdf li.right  {
padding: 0px 0px 5px 100px;
background-position: 85px 27px;
}
#findPdf #zoneRech ul.resultPdf li div.linkpdf{
float: left;
width: 490px;
}
#findPdf64 #zoneRech ul.resultPdf li div.linkpdf {
float: left;
width: 130px;
padding-top: 20px;
}
#findPdf #zoneRech ul.resultPdf li div.linkformulaire,
#findPdf64 #zoneRech ul.resultPdf li div.linkformulaire {
float: left;
width: 150px;
padding: 0px 0px 0px 20px;
}
#findPdf #zoneRech ul.resultPdf li div.linkformulaire a,
#findPdf64 #zoneRech ul.resultPdf li div.linkformulaire a {
display: block;
width: 140px;
height: 50px;
padding: 5px 5px 5px 5px;
background-image: url(bout_lien_bulletin.gif);
background-repeat: no-repeat;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: x-small;
}
#findPdf #zoneRech ul.resultPdf li div.linkformulaire a:hover,
#findPdf64 #zoneRech ul.resultPdf li div.linkformulaire a:hover {
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#postIt #bg_totem_haut{
width: 188px;
padding: 0px 0px 0px 19px;
float: right;
}
#postItBas #bg_totemBas_haut {
width: 188px;
padding: 0px 19px 0px 0px;
float: left;
}
#postIt #bg_totem_bas,
#postItBas #bg_totemBas_bas {
width: 188px;
float: left;
background-image: url(bas_post_it.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#postIt #totem_content,
#postItBas #totemBas_content {
width: 164px;
padding: 10px 12px 10px 12px;
float: left;
background-image: url(haut_post_it.jpg);
background-repeat: no-repeat;
}
#postIt #totem_content h3,
#postItBas #totemBas_content h3 {
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
#postIt #totem_content p,
#postItBas #totemBas_content p {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 164px;
padding: 0px 2px 70px 4px;
margin: -18px 0px 0px 0px;
}
body.bodyAccueil #right {
margin: 0px 0px 0px 0px;
}
#right #outils {
float: left;
background-image: url(haut_zone_droite.gif);
background-repeat: no-repeat;
width: 147px;
padding:  7px 0px 0px 17px;
}
#right #outils ul li {
padding:  5px 0px 0px 0px;
}
#right #outils ul li a {
display: block;
width: 133px;
height: 34px;
overflow: hidden;
background-repeat: no-repeat;
background-position: -1px 0px;
}
#right #outils ul li a:hover {
background-position: -1px -50px;
}
#right #outils ul li.lienCartes a {
background-image: url(les_cartes_btn.gif);
}
#right #outils ul li.lienActus a {
background-image: url(actus_btn.gif);
}
#right #outils ul li.lienRss a {
background-image: url(rss_btn.gif);
}
#right #outils ul li.lienNewsletter a {
background-image: url(newsletter_btn.gif);
}
#right #outils ul li.lienGlossaire a {
background-image: url(glossaire_btn.gif);
}
#right #outils ul li.lienQuestions a {
background-image: url(question_reponse_btn.gif);
}
#right #outils ul li.lienDocuments a {
background-image: url(document_telecharger_btn.gif);
}
#right #outils ul li.lienUtiles a {
background-image: url(liens_utiles_btn.gif);
}
#right #outils ul li.lienEspacePresse a {
background-image: url(espace_presse_btn.gif);
}
#right #outils ul li a span {
position: absolute;
left: -5000px;
}
#right #outils h3 {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#right #votreAvis {
float: left;
background-color: #FFFFFF;
padding: 0px 0px 15px 0px;
}
#right #votreAvis #interVotreAvis {
float: left;
background-color: #efebf2;
height: 155px;
}
#right #votreAvis #interVotreAvis img {
float: left;
}
#right #videoGpso {
float: left;
background-color: #FFFFFF;
padding: 0px 0px 15px 0px;
}
#right #videoGpso #interVideoGpso {
float: left;
background-color: #eaedf3;
height: 155px;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage {
display: none;
}
#right #imprimpage {
font-size: x-small;
float: left;
padding: 30px 0px 0px 0px;
}
#right #imprimpage a {
background-image: url(puce_print.gif);
background-repeat: no-repeat;
padding: 2px 0px 5px 38px;
display: block;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
color: #0a4ba1;
font-size: x-small;
float: left;
position: relative;
}
#footer a {
color: #0a4ba1;
text-decoration: none;
}
#footer ul {
width: 980px;
text-align: center;
padding: 3px 0px 4px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil  #hautpage {
display: none;
}
#hautpage {
position: absolute;
top: -45px;
left: 835px;
width: 100px;
height: 30px;
text-align: center;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#hautpage a {
color: #333333;
text-decoration: none;
width: 80px;
height: 30px;
text-align: center;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: bottom;
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0c4da2;
}
div.coul03, .violet, .coul03 {
color: #552f91;
}
div.coul04, .vert, .coul04 {
color: #399644;
}
div.coul05, .gris, .coul05 {
color: #666666;
}
div.coul06, .jaune, .coul06 {
color: #F5BB16;
}
div.coul07, .rose, .coul07 {
color: #D21B86;
}
 

/*--------------------------------------------------------------------------------------------------------------*/
/*-- GLOSSAIRE --*/
a.lien_glossaire {
position:relative;
color:#0C4DA2;
z-index:0;
}
a.lien_glossaire_espace {
padding-right:4px;
}
a.lien_glossaire span {
display:none;
font-style:normal;
}
a.lien_glossaire:hover {
background: none;
z-index: 500;
text-decoration: none;
}
a.lien_glossaire:hover span {
display:block;
padding:5px;
width:200px;
background:#0C4DA2;
border:#876DB1 2px solid;
color:#FFFFFF;
text-decoration: none;
position:absolute;
top:-40px;
left:100% !important;
left:10px;
z-index:5000;
font-size:small;
font-weight:normal;
}
p.coul03 a.lien_glossaire,
em.coul03 a.lien_glossaire {
text-decoration: none;
color: #552F91;
}
body.glossaire #inter h3 a {
border-bottom:#399644 1px dotted;
}
dt a{
font-weight:bold;
color:#399644;
margin:0px 0px 5px 0px;
}
dd{
margin:0px 0px 5px 10px;
}
body.glossaire p strong a {
color:#399644;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0c4da2;
}
img.bord03, .bordureViolette {
border: 1px solid #552f91;
}
img.bord04, .bordureVerte {
border: 1px solid #399644;
}
img.bord05, .bordureGrise {
border: 1px solid #666666;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
vertical-align: top;
padding: 5px;
text-align: left;
}
#inter .result td {
vertical-align: top;
padding: 3px;
border: none;
border-bottom: 1px solid #c2aee3;
 }
#inter .result td.title {
text-align: left;
border-bottom: none;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
#inter .result td.date {
font-size: x-small;
border-bottom: none;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
#inter table {
border-collapse: collapse;
}
#inter table caption {
display: none;;
}
#inter th,
#inter td {
border-bottom: 1px solid #552f91;
padding: 3px;
vertical-align: top;
}
#inter th {
color: #552f91;
text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size: large;
font-weight: normal;
color: #0c4da2;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {

}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul{
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.bodyfonddoc #inter #col_g{
float:left;
width:230px;
padding:0px 5px 0px 5px;
}
body.bodyfonddoc #inter #treelist{
width:230px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.bodyfonddoc #inter #form01{
width:230px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.bodyfonddoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.bodyfonddoc #inter #form01 label,
body.bodyfonddoc #inter #form01 input,
body.bodyfonddoc #inter #form01 select,
body.bodyfonddoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.bodyfonddoc #inter #msgResult,
body.bodyfonddoc #inter #resultat ul li a{
color:#007AC0;
}
body.bodyfonddoc #inter #resultat{
float:right;
width:320px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
#inter #resultat ul li .typedoc {
font-size: x-small;
font-weight: bold;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
ul.doubleCol {
width: 570px;
float: left;
}
ul.doubleCol li {
 width: 265px;
float: left;
}
ul.doubleCol li.ligneSeule {
 width: 550px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRES SPECIFIQUES ---*/
#inter form.legendOn fieldset legend, .formulaireAvecGroupesVisibles {
display: block;
position:relative;
top: 0px;
left: 0px;
font-size: large;
font-weight: normal;
color: #0c4da2;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter form.questionnaireMoyensCommunication {
margin: 0px 0px 0px 0px;
padding:  20px 0px 0px 0px;
}
#inter form.questionnaireMoyensCommunication fieldset legend {
margin: 0px 0px 15px 0px;
padding:  2px 0px 2px 5px;
width: 570px;
color: #FFFFFF;
background-color: #0c4da2;
}
body #inter form.questionnaireMoyensCommunication div.entry {
padding: 0px 0px 20px 0px;
width: 570px;
}
body #inter form.questionnaireMoyensCommunication div.entry label {
/*float:none;*/
width:570px;
}
body #inter form.questionnaireMoyensCommunication div.entry input,
body #inter form.questionnaireMoyensCommunication div.entry textarea {
width:565px;
}
body #inter form.questionnaireMoyensCommunication div.entry div {
float: left;
}
body #inter form.questionnaireMoyensCommunication div.entry div label {
float: left;
width: 275px;
padding: 0px 10px 0px 0px;
}
body #inter form.questionnaireMoyensCommunication div.online3 div label {
width: 170px;
}
body #inter form.questionnaireMoyensCommunication div.online4 div label {
width: 120px;
}
body #inter form.questionnaireMoyensCommunication div.online6 div label {
width: 70px;
}
body #inter form.questionnaireMoyensCommunication div.entry div input {
width:15px;
margin-bottom: 10px;
}
body #inter form.questionnaireMoyensCommunication .footer {
padding: 0px 0px 0px 0px;
}
.titreSup {
padding-bottom: 8px;
width: 570px;
}
body #inter form.questionnaireMoyensCommunication div.decroche {
padding-left: 20px;
}
.pastille {
margin-top: -20px;
}
/*-----------------------------  POP UP  -----------------------------*/
body.bodyPop {
background-image:url(bandeau_pop_gpso.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #FFFFFF;
}
#totalnews {
width:650px;
margin:auto;
}
#headernews {
position:relative;
background-image:url(bandeau_pop_gpso.jpg);
background-repeat: no-repeat;
background-position: center top;
height:130px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
}
#headernews img.logoGpso {
position:absolute;
top:65px;
left: 0px;
}
#headernews img.logoRff {
position:absolute;
top:77px;
right:35px;
}
#footer_popup{
text-align:center;
margin:10px 0px 0px 0px;
padding:10px 0px 20px 0px;
font-size:x-small;
border-top: 1px solid #0C4DA1;
}
#internews{
padding: 10px 20px 10px 20px;
}
#internews h1 {
margin: 0px 0px 0px 0px;
padding:  0px 0px 10px 0px;
color:#0C4DA1;
}
#internews h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
color:#399644;
}
#internews h3 {
font-size: large;
font-weight: normal;
color: #0c4da2;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
color: #0c4da2;
}
#internews h3 a {
color: #0c4da2;
}
#internews h4 {
font-size: medium;
color: #552f91;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
color: #552f91;
}
#internews h4 a {
color: #552f91;
}
#internews h5 {
font-size: small;
color: #399644;
margin: 0px 0px 0px 0px;
padding:  10px 0px 10px 0px;
color: #399644;
}
#internews h5 a {
color: #399644;
}
#internews p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#internews ul {
margin: 0px 0px 0px 10px;
padding: 8px 0px 8px 10px;
list-style: none;
}
#internews ul li {
background:url(Puce2_bleu_02.gif) left 7px no-repeat;
padding-left:18px;
}
#internews ul ul li {
background:url(Puce2_bleu_03.gif) left 7px no-repeat;
padding-left:18px;
}
/*---  Pop up inscription Rencontres initiatives territoire  ---*/
#internews h1.inscritRencontre {
font-size: 1.5em;
text-align: center;
margin-bottom: 25px;
}
#internews fieldset.field01 {
width: 610px;
clear: both;
}
#internews fieldset.field01 div#para0101,
#internews fieldset.field01 div#para0103,
#internews fieldset.field01 div#para0105 {
width: 300px;
float: left;
clear: none;
}
#internews fieldset.field01 div#para0102,
#internews fieldset.field01 div#para0104,
#internews fieldset.field01 div#para0106 {
width: 300px;
float: right;
clear: none;
}
#internews fieldset.field01 div#para0101 label,
#internews fieldset.field01 div#para0102 label,
#internews fieldset.field01 div#para0103 label,
#internews fieldset.field01 div#para0104 label,
#internews fieldset.field01 div#para0105 label,
#internews fieldset.field01 div#para0106 label {
width: 80px;
}
#internews fieldset.field01 div#para0101 input,
#internews fieldset.field01 div#para0102 input,
#internews fieldset.field01 div#para0103 input,
#internews fieldset.field01 div#para0104 input,
#internews fieldset.field01 div#para0105 input,
#internews fieldset.field01 div#para0106 input {
width: 200px;
}
#internews fieldset.field01 div#para0107 label {
display: none;
}
#internews fieldset.field01 div#para0107 div label {
display: block;
font-weight: bold;
width: 150px;
}
#internews fieldset.field01 div#para0107 div label input {
margin-right: 5px;
}
#internews p.inscritRencontre {
width: 140px;
float: left;
font-weight: bold;
}
#internews fieldset.field02 {
width: 460px;
float: right;
padding-top: 8px;
}
#internews fieldset.field02 div#para0108,
#internews fieldset.field02 div#para0110 {
width: 225px;
float: left;
clear: none;
}
#internews fieldset.field02 div#para0109 {
width: 225px;
float: right;
clear: none;
}
#internews fieldset.field02 div#para0108 label,
#internews fieldset.field02 div#para0109 label,
#internews fieldset.field02 div#para0110 label {
width: 80px;
}
#internews fieldset.field02 div#para0108 input,
#internews fieldset.field02 div#para0109 input,
#internews fieldset.field02 div#para0110 input {
width: 125px;
}
#internews div.inscritRencontre {
margin-left: 18px;
}
#internews div.inscritRencontre input {
margin-left: 205px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE CARTES---*/
body.cartes #content,
body.videos #content{
width: 950px;
}
body.cartes #contentInter,
body.videos #contentInter{
width: 750px;
}
body.cartes #contentInter h3,
body.videos #contentInter h3 {
font-size: medium;
font-weight: bold;
line-height: 1.2em;
padding: 10px 0px 3px 0px;
}
body.cartes #menu,
body.videos #menu  {
padding: 0px 0px 0px 0px;
width:10px;
}
body.cartes #postIt #bg_totem_haut,
body.videos #postIt #bg_totem_haut{
width: 288px;
}
body.cartes #postItBas #bg_totemBas_haut,
body.videos #postItBas #bg_totemBas_haut {
width: 288px;
}
body.cartes #postIt #bg_totem_bas,
body.cartes #postItBas #bg_totemBas_bas,
body.videos #postIt #bg_totem_bas,
body.videos #postItBas #bg_totemBas_bas {
background-image: none;
width: 288px;
}
body.cartes #postIt #totem_content,
body.cartes #postItBas #totemBas_content,
body.videos #postIt #totem_content,
body.videos #postItBas #totemBas_content {
width: 264px;
background-image: none;
}
/*--  ZONE FOCUS  --*/
body.cartes #inter #focusCartes,
body.videos #inter #focusVideos {
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px -6px;
float: left;
}
body.cartes #inter #focusCartes ul,
body.videos #inter #focusVideos ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 756px;
}
body.cartes #inter #focusCartes ul li,
body.videos #inter #focusVideos ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
float: left;
width: 246px;
height: 98px;
background-image: none;
}
body.cartes #inter h3 {
display: block;
float: left;
width: 730px;
margin-bottom: 2px;
padding: 6px 0px 6px 20px;
background-color: #eaedf3;
background-image: url(plus-h3-carte.gif);
background-repeat: no-repeat;
background-position: 8px 13px;
}
body.cartes #inter #findMaps h3,
body.cartes #inter #findMapsHypotheses h3,
body.cartes #inter #findMapsHypotheses02 h3,
body.cartes #inter #findPdf-lot06 h3,
body.videos #inter #findVideos h3,
body.videos #inter #findVideos2 h3,
body.videos #inter #findVideos-lot03 h3 {
padding: 10px 0px 10px 0px;
background-color: transparent;
background-image: none;
color: #0C4DA2;
}
body.cartes #inter ul {
float: left;
width: 730px;
padding: 6px 0px 6px 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CADRE AUTOUR DES VIDEOS DANS LES POP UP ---*/
body.video #headernews {
border-bottom: 1px solid #0C4DA1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BULLETINS REPONSE 3° TEMPS DE LA CONSULTATION ---*/
#totalnews .bulletin h1 {
font-size: large;
}
#totalnews .bulletin h2 {
font-size: large;
}
#totalnews .bulletin form legend {
font-size: 0px;
}
#totalnews .bulletin form div.entry {
padding: 0px 0px 15px 0px;
}
#totalnews .bulletin form div.entry label {
width: 610px;
display: block;
padding: 0px 0px 5px 0px;
color: #0C4DA1;
}
#totalnews .bulletin form div.entry div {
padding: 0px 0px 0px 50px;
}
#totalnews .bulletin form div.entry div label {
width: 170px;
padding: 0px 0px 0px 0px;
color: #333333;
}
#totalnews .bulletin form div.entry input,
#totalnews .bulletin form div.entry textarea{
margin: 0px 0px 0px 20px;
width: 520px;
}
#totalnews .bulletin form div.entry div input{
margin: 0px 5px 10px 0px;
width: 15px;
}
#totalnews .bulletin form div.submit {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#totalnews .bulletin form div.submit input {
margin:0px 0px 0px 125px;
}
#totalnews .bulletin form div.footer {
font-size:x-small;
padding: 0px 0px 20px 0px;
}
/*--  SPECIAL SPOT RFF SHADOW BOX  --*/
body.spotRff {
background-image: none;
background-color: #000000;
}