body {
margin: 0;
padding: 0;
background-color: #F4F2F2;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
background-image: url(fond_pages.gif);
background-repeat: repeat-y;
background-position: top;
font-size: small;
color: #003366;
}
a {
color: #003366;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- CENTRAGE --*/
#centrage {
width: 780px;
margin: auto;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- TOTAL --*/
#total {
width: 780px;
position: relative;
float: left;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {
position : relative;
width: 780px;
height: 192px;
background-repeat: no-repeat;
}
#header {
background-image: url(bandeau_accueil.jpg);
}
#header img.retouracc {
display: none;
}
#header #top {
position: absolute;
left: 25px;
top: 51px;
}
#header #schema {
position: absolute;
right: 90px;
top: 20px;
}
#header #headerFlash {
position: absolute;
width: 550px;
height: 100px;
right: 10px;
top: 45px;
}
#header img.logo {
position: absolute;
right: 200px;
top: 7px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- RECHERCHE --*/
#recherche {
position: absolute;
top: 190px;
left: 650px;
}
#recherche form label {
font-weight: bold;
color: #FFFFFF;
}
#recherche input.saisie {
width: 97px;
border: 1px solid #091F4C;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
vertical-align: middle;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
#menu {
position: absolute;
top: 159px;
right: 0px;
float: left;
height: 35px;
width: 780px;
background: url(bgMenu.jpg) no-repeat right bottom;
}
body.bodyacteurs #menu,
body.bodyconcertation #menu{
background: url(bgMenuPage.jpg) no-repeat right bottom;
}
#menu ul li {
float: left;
}
#menu ul li a {
display: block;
height: 25px;
line-height: 25px;
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
color: #FFFFFF;
font-style: italic;
text-align: center;
text-decoration: none;
}
#menu ul li.lienaccueil a {
width: 135px;
background-image: url(bout_accueil.gif);
}
#menu ul li.lienacteurs a {
display: none
}
#menu ul li.lienquestcequescot a {
width: 155px;
background-image: url(bout_territoire.gif);
}
#menu ul li.lienorientations a {
width: 164px;
background-image: url(bout_scot.gif);
}
#menu ul li.lieninformer a {
width: 164px;
background-image: url(bout_concertation.gif);
}
#menu ul li.lienparticiper a {
width: 162px;
background-image: url(bout_telecharger.gif);
}
#menu ul li a:hover,
#menu ul li.on a{
background-position: 0px -35px;
}

#menu ul li.lienaccueil a:hover,
body.bodyaccueil #menu ul li.lienaccueil a{
color: #6C80A9
}
#menu ul li ul {
display: none;
}
/*-- PREMIER SOUS NIVEAU --*/
/*#menu ul li ul.on {
display: block;
position: absolute;
top: 194px;
left: 7px;
width: 163px;
}*/
#menu ul li ul.on {
display: block;
position: absolute;
top: 45px;
left: 3px;
width: 163px;
}
#menu ul li ul.on li {
margin-bottom: 8px;
}
#menu ul li.on ul.on li a {
display: block;
width: 147px;
height: auto;
line-height: 18px;
padding: 2px 0px 0px 16px;
background-image: url(fond_menu.gif);
color: #330000;
text-decoration: none;
background-position: 0px -10px;
}
#menu ul li ul.on li a:hover,
#menu ul li.on ul.on li.on a {
background-position: 0px -260px;
color: #CC0000;
}
/*-- SECOND SOUS NIVEAU --*/
#menu ul li ul.on li ul.on {
float: left;
position: relative;
top: 0px;
left: 0px;
font-size: small;
background-image: url(fond_menu_second_niveau.gif);
background-repeat: repeat-y;
padding-bottom: 5px;
}
#menu ul li ul.on li ul.on li {
margin: 0;
padding-bottom: 3px;
}
#menu ul li.on ul.on li.on ul li a {
display: block;
width: 135px;
height: auto;
line-height: 14px;
padding: 2px 0px 0px 25px;
color: #330000;
text-decoration: none;
background-image: url(puce_menu_niveau2.gif);
background-position: 15px -4px;
}
#menu ul li.on ul.on li.on ul li a:hover,
#menu ul li.on ul.on li.on ul li.on a {
background-position: 15px -104px;
color: #CC0000;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- CONTENT --*/
#content {
float: left;
width: 600px;
background-image: url(fond_content_inter.gif);
background-repeat: repeat-y;
padding: 0px 0px 50px 180px;
}
body.bodyaccueil #content {
width: 780px;
background-image: url(fond_content_accueil.gif);
padding: 0px 0px 10px 0px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
font-size: x-small;
color: #CC6600;
margin: 0px 0px 0px -8px;
padding: 0;
width: 450px;
height: 13px;
line-height: 13px;
}
#filariane a {
color: #CC6600;
}
body.bodyaccueil #filariane {
display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
text-align: justify;
float: left;
width: 435px;
padding: 10px 15px 0px 10px;
}
#inter h2 {
margin: 0px 0px 0px -10px;
color: #FF6600;
font-weight: bold;
font-style: italic;
font-size: x-large;
background-image: url(fond_h2.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#inter h2 a {
color: #FF6600;
text-decoration: none;
}
#inter h3 {
margin: 8px 0px 8px -6px;
color: #6C80A9;
font-weight: bold;
font-size: large;
}
#inter h3 a {
color: #6C80A9;
text-decoration: none;
}
#inter h4 {
margin: 8px 0px 8px -3px;
color: #CC0000;
font-weight: normal;
font-size: medium;
}
#inter h4 a {
color: #CC0000;
text-decoration: none;
}
#inter p {
margin: 8px 0px 8px 0px;
}
#inter ul {
margin: 8px 0px 8px 0px;
padding-left: 20px;
}
#inter ul li {
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
padding-left: 16px;
line-height: 18px;
}
#inter ul li ul {
margin: 0;
padding-left: 10px;
}
#inter ul li ul li {
background-image: url(puce_liste2.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 6px;
line-height: 18px;
}
/*-- ACCUEIL --*/
body.bodyaccueil #inter {
width: 610px;
padding: 0px 10px 0px 20px;
}
body.bodyaccueil #inter #edito {
float: left;
width: 215px;
padding: 0px 25px 0px 0px;
margin: 0;
}
body.bodyaccueil #inter #actus {
float: left;
width: 370px;
}
body.bodyaccueil #inter #actus h2 {
margin: 0px 0px 0px 0px;
}
body.bodyaccueil #inter #actus p {
padding: 20px 5px 8px 10px;
margin-bottom: 5px;
width: 355px;
background-image: url(fond_h2.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
body.bodyaccueil #inter #actus p img {
float: right;
margin-left: 10px;
border: 1px solid #CC0000;
}
body.bodyaccueil #inter #actus p strong a {
color: #CC0000;
text-decoration: none;
}
body.bodyaccueil #inter #actus p strong a:hover {
text-decoration: underline;
}
body.bodyaccueil #inter #actus p.toutesactus {
font-size: x-small;
background-image: none;
}
body.bodyaccueil #inter #actus p.toutesactus a {
display: block;
width: 112px;
color: #F7931D;
text-decoration: none;
padding-left:16px;
line-height: 16px;
background-image: url(puce.gif);
background-repeat: no-repeat;
background-position: 0px -9px;
}
body.bodyaccueil #inter #actus a.savoirplus,
body.bodygenerique div#inter div.actuLigne a.savoirplus {
display: block;
text-align: right;
font-size: small;
color: #F7931D;
text-decoration: none;
line-height: 21px;
}

/*-- LISTE DE TOUTES LES ACTUS --*/
body.bodygenerique #inter div.actuLigne {
padding: 20px 5px 8px 0px;
margin-bottom: 5px;
width: 430px;
background-image: url(fond_h2.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
body.bodygenerique #inter div.actuLigne img {
float: right;
margin-left: 10px;
border: 1px solid #CC0000;
}
body.bodygenerique #inter div.actuLigne strong a {
color: #CC0000;
text-decoration: none;
}
body.bodygenerique #inter div.actuLigne strong a:hover {
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- DROITE --*/
#droite {
float: left;
width: 139px;
padding: 28px 0px 0px 0px;
font-size: x-small;
}
body.bodyaccueil #droite {
padding: 41px 0px 0px 0px;
}
#droite p {
padding: 5px 0px 5px 0px;
margin: 0;
}
#droite #totemstandard {
float: left;
}
#droite #totemstandard ul {
float: left;
padding: 0px 8px 0px 10px;
}
#droite #totemstandard ul li {
padding: 0;
margin: 0px 0px 12px 0px;
}
#droite #totemstandard ul li a {
display: block;
width: 120px;
height: 37px;
overflow: hidden;
background-repeat: no-repeat;
background-position: top center;
}
#droite #totemstandard ul li.liencalendrier a {
background-image: url(bout_calendrier.gif);
}
#droite #totemstandard ul li.liencarte a {
background-image: url(bout_carte_territoire.gif);
}
#droite #totemstandard ul li.poserquestion a {
background-image: url(btn-poser-question.jpg);
}
#droite #totemstandard ul li.lienlexique a {
background-image: url(btn-lexique.jpg);
}
#droite #totemstandard ul li.lienvideo a {
background-image: url(btn-video.jpg);
}
#droite #totemstandard ul li.liennewsletter a {
background-image: url(bout_inscription_newsletter.gif);
}
#droite #totemstandard ul li.lientelechargements a {
background-image: url(bout_telechargements.gif);
}
#droite #totemstandard ul li a:hover {
background-position: bottom center;
}
#droite #totemstandard ul li a span {
display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- TOTEM --*/
#totem {
float: left;
margin-bottom: 12px;
background-image: url(fond_totem.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#totem #contentotem {
padding: 0px 13px 5px 15px;
background-image: url(haut_totem.gif);
background-repeat: no-repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#footer {
float: left;
clear: both;
width: 640px;
padding: 0px 140px 20px 0px;
background-image: url(pointilles_footer.gif);
background-repeat: no-repeat;
background-position: 0px 25px;
font-size: x-small;
color: #666666;
margin: -25px 0px 0px 0px;
}
body.bodyaccueil #footer {
padding-top: 15px;
}
#footer #hautpage {
float: left;
width: 450px;
clear: both;
padding: 0px 0px 0px 190px;
line-height: 18px;
}
#footer #hautpage a {
display: block;
width: 72px;
color: #F7931D;
text-decoration: none;
padding-left: 16px;
line-height: 16px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px -9px;
}
body.bodyaccueil #footer #hautpage {
display: none;
}
#footer ul {
float: left;
clear: both;
padding: 15px 0px 0px 190px;
width: 450px;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #666666;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
#plandusite {
padding-top: 5px;
}
#plandusite ul {
margin: 8px 0px 15px 0px;
padding-left: 20px;
}
#plandusite ul li ul {
margin: 0px;
padding-left: 10px;
}
#plandusite ul li a:hover {
color: #F7931D;
}
#plandusite h3 {
margin: 0px 0px 0px -6px;
}
#plandusite h3 a:hover {
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup {
background-image: url(fond_pop_up.gif);
}
body.bodypopup #centrage {
width: 590px;
margin: auto;
}
body.bodypopup #total {
width: 590px;
float: left;
}
body.bodypopup #headerpopup {
width: 590px;
height: 135px;
background-image: url(bandeau_pop_up.jpg);
background-repeat: no-repeat;
}
body.bodypopup #headerpopup img.retouracc {
width: 160px;
height: 80px;
}
body.bodypopup #headerpopup img.logo {
display: none;
}
body.bodypopup #interpopup {
float: left;
width: 550px;
padding: 0px 15px 10px 25px;
}
body.bodypopup #interpopup h2 {
margin: 0px 0px 0px -10px;
color: #FF6600;
font-weight: bold;
font-style: italic;
font-size: x-large;
background-image: url(fond_h2.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
body.bodypopup #interpopup h2 a {
color: #FF6600;
text-decoration: none;
}
body.bodypopup #interpopup h3 {
margin: 8px 0px 8px -6px;
color: #6C80A9;
font-weight: bold;
font-size: large;
}
body.bodypopup #interpopup h3 a {
color: #6C80A9;
text-decoration: none;
}
body.bodypopup #interpopup h4 {
margin: 8px 0px 8px -3px;
color: #CC0000;
font-weight: normal;
font-size: medium;
}
body.bodypopup #interpopup h4 a {
color: #CC0000;
text-decoration: none;
}
body.bodypopup #interpopup p {
margin: 8px 0px 8px 0px;
}
body.bodypopup #footerpopup {
float: left;
clear: both;
width: 575px;
padding: 0px 0px 20px 0px;
background-image: url(pointilles_footer.gif);
background-repeat: no-repeat;
font-size: x-small;
color: #666666;
}
body.bodypopup #footerpopup #hautpage {
float: left;
width: 540px;
clear: both;
padding: 10px 0px 0px 25px;
line-height: 18px;
}
body.bodypopup #footerpopup #hautpage a {
display: block;
width: 72px;
color: #F7931D;
text-decoration: none;
padding-left: 16px;
line-height: 16px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px -9px;
}
/*--- TEXTE ---*/
div.coul01, .orange, .coul01 {
color: #F7931D;
}
div.coul02, .violet, .coul02 {
color: #6C80A9;
}
div.coul03, .rouge, .coul03 {
color: #CC0000;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureOrange {
border: 1px solid #F7931D;
}
img.bord02, .bordureViolete {
border: 1px solid #6C80A9;
}
img.bord03, .bordureRouge {
border: 1px solid #CC0000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 8px 0px 8px 0px;
}
.result th {
background-color: #003366;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #003366;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #003366;
padding-bottom: 10px;
background-color: #ECF6FF;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
width: 55px;
text-decoration: none;
padding-left: 16px;
line-height: 16px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
width: 38px;
text-decoration: none;
padding-right: 16px;
line-height: 16px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 0px;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
/*border: 1px solid #003366;*/
padding: 3px;
vertical-align: top;
}
th {
background-color: #003366;
color: #FFFFFF;
}
td {
}
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}