body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-repeat: repeat-y;
background-position: top;
}
body.bodyConstruct #total {
margin: auto;
padding: 0;
width: 500px;
}

body.bodyinterVitre,
body.bodyGenerique {
background-image: url(fond_pages_vitre.gif);
}
body.bodydevEco {
background-image: url(fond_pages_dev_eco.gif);
}
body.bodyAccueil,
body.accueilDevEco {
background-image: none;
}
body.bodyPopVitre {
background-image: url(fond_page_pop_vitre.gif);
}
body.bodyPopDevEco {
background-image: url(fond_page_pop_dev_eco.gif);
}
a {
color: #333333;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOND ---*/
#fond {
height: 900px;
background-repeat: no-repeat;
background-position: center 130px;
}
body.bodyAccueil #fond {
background-image: url(fond_page_vitre_accueil.jpg);
height: 630px;
}
body.bodyinterVitre #fond,
body.bodyGenerique #fond {
background-image: url(fond_page_vitre.jpg);
}
body.bodydevEco #fond {
background-image: url(fond_page_dev_eco.jpg);
}
body.accueilDevEco #fond {
background-image: url(fond_page_dev_eco_accueil.jpg);
height: 630px;
}
body.bodyPopVitre #fond,
body.bodyPopDevEco #fond {
height: 670px;
background-repeat: no-repeat;
background-position: center 100px;
}
body.bodyPopVitre #fond {
background-image: url(fond_inter_pop_vitre.jpg);
}
body.bodyPopDevEco #fond {
background-image: url(fond_inter_pop_dev_eco.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#contentHeader {
height: 130px;
background-repeat: no-repeat;
background-position: top;
}
body.bodyAccueil #contentHeader {
background-image: url(haut_page_vitre_accueil.jpg);
}
body.commAgglo #contentHeader,
body.bodyGenerique #contentHeader {
background-image: url(haut_page_vitre_communaute_agglomeration.jpg);
}
body.actions #contentHeader {
background-image: url(haut_page_vitre_actions.jpg);
}
body.grandsProjets #contentHeader {
background-image: url(haut_page_vitre_grands_projets.jpg);
}
body.agenda21 #contentHeader {
background-image: url(haut_page_vitre_agenda21.jpg);
}
body.marchesPublics #contentHeader {
background-image: url(haut_page_vitre_marches_publics.jpg);
}
body.extranet #contentHeader {
background-image: url(haut_page_vitre_extranet.jpg);
}
body.accueilDevEco #contentHeader {
background-image: url(haut_page_dev_eco_accueil.jpg);
}
body.parcsActiv #contentHeader {
background-image: url(haut_page_dev_eco_les_parcs.jpg);
}
body.batimentsTerrains #contentHeader {
background-image: url(haut_page_dev_eco_batiments_terrains.jpg);
}
body.projet #contentHeader {
background-image: url(haut_page_dev_eco_votre_projet.jpg);
}
body.ecoLocale #contentHeader {
background-image: url(haut_page_dev_eco_economie_locale.jpg);
}
body.bodyPopVitre #contentHeader,
body.bodyPopDevEco #contentHeader {
height: 100px;
background-repeat: no-repeat;
background-position: top;
}
body.bodyPopVitre #contentHeader {
background-image: url(fond_header_pop_vitre.jpg);
}
body.bodyPopDevEco #contentHeader {
background-image: url(fond_header_pop_dev_eco.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width: 980px;
height: 130px;
margin: auto;
background-repeat: no-repeat;
background-position: top;
}
body.bodyAccueil #contentHeader #header {
background-image: url(haut_page_vitre_accueil.jpg);
}
body.commAgglo #contentHeader #header,
body.bodyGenerique #contentHeader #header {
background-image: url(haut_page_vitre_communaute_agglomeration.jpg);
}
body.actions #contentHeader #header {
background-image: url(haut_page_vitre_actions.jpg);
}
body.grandsProjets #contentHeader #header {
background-image: url(haut_page_vitre_grands_projets.jpg);
}
body.agenda21 #contentHeader #header {
background-image: url(haut_page_vitre_agenda21.jpg);
}
body.marchesPublics #contentHeader #header {
background-image: url(haut_page_vitre_marches_publics.jpg);
}
body.extranet #contentHeader #header {
background-image: url(haut_page_vitre_extranet.jpg);
}
body.accueilDevEco #contentHeader #header {
background-image: url(haut_page_dev_eco_accueil.jpg);
}
body.parcsActiv #contentHeader #header {
background-image: url(haut_page_dev_eco_les_parcs.jpg);
}
body.batiments_terrains #contentHeader #header {
background-image: url(haut_page_dev_eco_batiments_terrains.jpg);
}
body.projet #contentHeader #header {
background-image: url(haut_page_dev_eco_votre_projet.jpg);
}
body.ecoLocale #contentHeader #header {
background-image: url(haut_page_dev_eco_economie_locale.jpg);
}
#header img.logo {
margin: 20px 0px 0px 47px;
float: left;
}
#headerPopup {
width: 620px;
height: 100px;
margin: auto;
background-repeat: no-repeat;
background-position: top;
}
#headerPopup img.logo {
margin: 17px 0px 0px 11px;
float: left;
}
body.bodyPopVitre #contentHeader #headerPopup {
background-image: url(fond_header_pop_vitre.jpg);
}
body.bodyPopDevEco #contentHeader #headerPopup {
background-image: url(fond_header_pop_dev_eco.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
margin: auto;
width: 980px;
}
body.bodyPopVitre #centrage,
body.bodyPopDevEco #centrage {
margin: auto;
width: 620px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
width: 980px;
float: left;
background-repeat: no-repeat;
background-position: top;
}
body.bodyAccueil #total {
background-image: url(fond_page_vitre_accueil.jpg);
}
body.accueilDevEco #total {
background-image: url(fond_page_dev_eco_accueil.jpg);
}
body.bodyinterVitre #total,
body.bodyGenerique #total {
background-image: url(fond_page_vitre.jpg);
}
body.bodyDevEco #total {
background-image: url(fond_page_dev_eco.jpg);
}
body.bodyPopVitre #total,
body.bodyPopDevEco #total {
position: relative;
width: 620px;
float: left;
background-repeat: no-repeat;
background-position: top;
}
body.bodyPopVitre #total {
background-image: url(fond_inter_pop_vitre.jpg);
}
body.bodyPopDevEco #total {
background-image: url(fond_inter_pop_dev_eco.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
float: right;
font-size: x-small;
width: 195px;
padding: 6px 0px 8px 0px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche {
display: none;
}
#raccourcis ul li {
padding-bottom: 2px;
}
#raccourcis ul li a {
color: #E65C00;
font-weight: bold;
text-decoration: none;
padding: 0px 0px 0px 15px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
#raccourcis ul li.racaide a {
background-image: url(picto_aide.gif);
background-repeat: no-repeat;
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan.gif);
background-repeat: no-repeat;
}
#raccourcis ul li.raccontact a {
background-image: url(picto_contact.gif);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
float: right;
font-size: x-small;
clear: right;
width: 180px;
padding: 0px 0px 0px 15px;
background-image: url(picto_recherche.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #0480B7;
border: 1px solid #0480B7;
vertical-align: middle;
width: 115px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 1px;
}
#recherche label {
line-height: 15px;
color: #0480B7;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 190px;
padding: 0px 0px 0px 10px;
margin: -15px 0px 0px 0px;
}
body.bodyGenerique #menu {
margin: 0px 0px 0px 0px;
}
body.bodyAccueil #menu {
float: left;
width: 200px;
padding: 0px 0px 0px 0px;
}
#menu a {
text-decoration: none;
}
body.bodyinterVitre #menu ul li.enviroVitre a.enviroVitre,
body.bodyAccueil #menu ul li.enviroVitre a.enviroVitre,
body.bodyinterVitre #menu ul li.enviroVitreBas,
body.bodyAccueil #menu ul li.enviroVitreBas,
body.bodyAccueil #menu ul li ul li.lien01,
body.bodyinterVitre #menu ul li.enviroDevEco ul,
body.bodyAccueil #menu ul li.enviroDevEco ul,
body.accueilDevEco #menu ul li.enviroDevEco a.on,
body.bodydevEco #menu ul li.enviroDevEco a.enviroDevEco,
body.accueilDevEco #menu ul li ul li.lien01,
body.bodydevEco #menu ul li.enviroVitre {
display: none;
}
body.bodyAccueil #menu ul li.enviroDevEco {
position: absolute;
z-index: 999999;
top: 178px;
left: 489px;
width: 173px;
height: 173px;
background-image: url(fond_bout_dev_eco_accueil.jpg);
background-repeat: no-repeat;
}
body.accueilDevEco #menu ul li.enviroVitreBas {
position: absolute;
z-index: 999999;
top: 178px;
left: 490px;
width: 173px;
height: 173px;
background-image: url(fond_bout_vitre_accueil.jpg);
background-repeat: no-repeat;
}
body.bodyAccueil #menu ul li.enviroDevEco a {
display: block;
width: 173px;
height: 173px;
background-image: url(bout_dev_eco_accueil.gif);
background-repeat: no-repeat;
}
body.bodyinterVitre #menu ul li.enviroDevEco a {
display: block;
width: 173px;
height: 173px;
background-image: url(bout_dev_eco_inter.gif);
background-repeat: no-repeat;
}
body.bodydevEco #menu ul li.enviroVitreBas a {
display: block;
width: 173px;
height: 173px;
background-image: url(bout_vitre_inter.gif);
background-repeat: no-repeat;
}
body.accueilDevEco #menu ul li.enviroVitreBas a {
background-image: none;
}
body.bodyAccueil #menu ul li.enviroDevEco a span,
body.bodyinterVitre #menu ul li.enviroDevEco a span,
body.accueilDevEco #menu ul li.enviroVitreBas a span,
body.bodydevEco #menu ul li.enviroVitreBas a span,
body.bodyGenerique #menu ul li.enviroVitre a span,
body.bodyGenerique #menu ul li.enviroDevEco a span {
display: none;
}
body.bodyGenerique #menu ul li.enviroVitre ul, 
body.bodyGenerique #menu ul li.enviroDevEco ul,
body.bodyGenerique #menu ul li.enviroVitreBas {
display: none;
}
body.bodyGenerique #menu ul li.enviroVitre {
margin-bottom: 10px;
}
body.bodyGenerique #menu ul li.enviroVitre a {
display: block;
width: 173px;
height: 173px;
background-image: url(bout_vitre_inter.gif);
background-repeat: no-repeat;
}
body.bodyGenerique #menu ul li.enviroDevEco a {
display: block;
width: 173px;
height: 173px;
background-image: url(bout_dev_eco_inter.gif);
background-repeat: no-repeat;
}
/*------------------------------------*/
/*--  SECOND NIVEAU  --*/
#menu ul li ul {
font-size: medium;
line-height: 18px;
}
#menu ul li ul li {
padding: 0px 0px 12px 0px;
}
body.bodyAccueil #menu ul li ul li.lien02,
body.bodyAccueil #menu ul li ul li.lien04,
body.accueilDevEco #menu ul li ul li.lien02,
body.accueilDevEco #menu ul li ul li.lien04 {
padding: 0px 0px 12px 15px;
}
body.bodyAccueil #menu ul li ul li.lien03,
body.accueilDevEco #menu ul li ul li.lien03 {
padding: 0px 0px 12px 5px;
}
body.bodyAccueil #menu ul li ul li.lien05,
body.accueilDevEco #menu ul li ul li.lien05 {
padding: 0px 0px 12px 34px;
}
body.bodyAccueil #menu ul li ul li.lien06 {
padding: 0px 0px 12px 51px;
}
body.bodyAccueil #menu ul li ul li.lien07 {
padding: 0px 0px 12px 81px;
}
#menu ul li ul li a {
background-repeat: no-repeat;
display: block;
height: 40px;
padding: 14px 0px 0px 63px;
}
body.bodydevEco #menu ul li ul li.lien06 a {
padding-top: 4px;
padding-bottom: 10px;
}
li.lien01, .LienGris, #menu ul li ul li.lien01,
#menu ul li ul li.lien01 a {
color: #57575A;
}
#menu ul li ul li.lien01 a {
background-image: url(bout_menu_gris.gif);
}
li.lien02, .LienFuscia, #menu ul li ul li.lien02,
#menu ul li ul li.lien02 a {
color: #C7013F;
}
#menu ul li ul li.lien02 a {
background-image: url(bout_menu_fuscia.gif);
}
li.lien03, .LienOrange, #menu ul li ul li.lien03,
#menu ul li ul li.lien03 a {
color: #E65C00;
}
#menu ul li ul li.lien03 a {
background-image: url(bout_menu_orange.gif);
}
li.lien04, .LienBleu, #menu ul li ul li.lien04,
#menu ul li ul li.lien04 a {
color: #0480B7;
}
#menu ul li ul li.lien04 a {
background-image: url(bout_menu_bleu.gif);
}
li.lien05, .LienViolet, #menu ul li ul li.lien05,
#menu ul li ul li.lien05 a {
color: #DD4895;
}
#menu ul li ul li.lien05 a {
background-image: url(bout_menu_violet.gif);
}
li.lien06, .LienVert, #menu ul li ul li.lien06,
#menu ul li ul li.lien06 a {
color: #2D5E04;
}
#menu ul li ul li.lien06 a {
background-image: url(bout_menu_vert.gif);
}
li.lien07, .LienRouge, #menu ul li ul li.lien07,
#menu ul li ul li.lien07 a {
color: #CC0000;
}
#menu ul li ul li.lien07 a {
background-image: url(bout_menu_rouge.gif);
}
/*------------------------------------*/
/*--  TROISIEME NIVEAU  --*/
#menu ul li ul li ul {
display: none;
}
#menu ul li ul li ul.on {
display: block;
font-size: small;
line-height: 16px;
padding: 0px 0px 0px 32px;
}
body.bodydevEco #menu ul li ul li.lien06 ul.on {
padding-top: 8px;
}
#menu ul li ul li ul.on li {
padding: 3px 0px 5px 0px;
border-bottom: 1px solid #CCCCCC;
}
body.bodydevEco #menu ul li ul li.lien06 ul li a,
#menu ul li ul.on li ul li a {
background-repeat: no-repeat;
background-position: 0px -8px;
height: auto;
padding: 0px 0px 2px 12px;
}
#menu ul li ul.on li ul li a:hover,
#menu ul li ul.on li ul li.on a {
color: #CC0000;
background-position: 5px -108px;
padding: 0px 0px 2px 17px;
font-weight: bold;
}
#menu ul li ul.on li.lien02 ul li a {
background-image: url(bout_menu_fuscia_02.gif);
}
#menu ul li ul.on li.lien03 ul li a {
background-image: url(bout_menu_orange_02.gif);
}
#menu ul li ul.on li.lien04 ul li a {
background-image: url(bout_menu_bleu_02.gif);
}
#menu ul li ul.on li.lien05 ul li a {
background-image: url(bout_menu_violet_02.gif);
}
#menu ul li ul.on li.lien06 ul li a {
background-image: url(bout_menu_vert_02.gif);
}
#menu ul li ul.on li.lien07 ul li a {
background-image: url(bout_menu_rouge_02.gif);
}
/*------------------------------------*/
/*--  QUATRIEME NIVEAU  --*/
#menu ul li ul li ul li ul.on {
display: block;
font-size: x-small;
padding: 5px 0px 0px 15px;
line-height: 14px;
}
#menu ul li ul li ul li ul.on li {
padding: 0px 0px 2px 0px;
border-bottom: none;
}
#menu ul li ul li ul li.on ul.on li a {
color: #333333;
background-position: 0px -5px;
padding: 0px 0px 0px 8px;
font-weight: normal;
}
#menu ul li ul li ul li.on ul.on li a:hover,
#menu ul li ul li ul li.on ul.on li.on a {
color: #CC0000;
background-position: 0px -105px;
padding: 0px 0px 0px 8px;
}
#menu ul li ul.on li.lien02 ul li ul li a {
background-image: url(bout_menu_fuscia_03.gif);
}
#menu ul li ul.on li.lien03 ul li ul li a {
background-image: url(bout_menu_orange_03.gif);
}
#menu ul li ul.on li.lien04 ul li ul li a {
background-image: url(bout_menu_bleu_03.gif);
}
#menu ul li ul.on li.lien05 ul li ul li a {
background-image: url(bout_menu_violet_03.gif);
}
#menu ul li ul.on li.lien06 ul li ul li a {
background-image: url(bout_menu_vert_03.gif);
}
#menu ul li ul.on li.lien07 ul li ul li a {
background-image: url(bout_menu_rouge_03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 780px;
}
body.bodyAccueil #content,
body.accueilDevEco #content {
float: left;
width: 600px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
font-size: x-small;
width: 295px;
height: 28px;
padding: 0px 0px 0px 35px;
}
body.bodyAccueil #filariane,
body.accueilDevEco #filariane {
display: none;
}
body.commAgglo #filariane,
body.commAgglo #filariane a,
body.parcsActiv #filariane,
body.parcsActiv #filariane a,
body.bodyGenerique #filariane,
body.bodyGenerique #filariane a {
color: #C7013F;
}
body.actions #filariane,
body.actions #filariane a {
color: #E65C00;
}
body.grandsProjets #filariane,
body.grandsProjets #filariane a,
body.projet #filariane,
body.projet #filariane a {
color: #0480B7;
}
body.agenda21 #filariane,
body.agenda21 #filariane a,
body.ecoLocale #filariane,
body.ecoLocale #filariane a  {
color: #DD4895;
}
body.marchesPublics #filariane,
body.marchesPublics #filariane a,
body.batimentsTerrains #filariane,
body.batimentsTerrains #filariane a {
color: #2D5E04;
}
body.extranet #filariane,
body.extranet #filariane a {
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL DE L'ESPACE VITRE COMMUNAUTE ---*/
body.bodyAccueil #header #animAccueil {
float: left;
padding: 0px 0px 0px 10px;
}
body.bodyAccueil #interAccueil {
position: relative;
float: left;
width: 490px;
padding: 0px 0px 0px 25px;
line-height: 18px;
}
body.bodyAccueil #interAccueil p {
margin: 7px 0px 7px 0px;
}

/*** UNE ACTUS DEROULANTE ***/

body.bodyAccueil #interAccueil #actus {
float: left;
padding: 0;
margin: 0;
width: 245px;
height: 335px;
}
body.bodyAccueil #interAccueil #actus h2 {
color: #C7013F;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 15px;
font-style: italic;
font-weight: normal;
font-size: x-large;
}
body.bodyAccueil #interAccueil #actus div {
float: left;
padding: 0;
margin: 0;
width: 245px;
}
body.bodyAccueil #interAccueil #actus div.commandes {
float: right;
width: 108px;
height: 7px;
margin-top:258px;
padding: 5px 0px 5px 0px;
}
body.bodyAccueil #interAccueil #actus div.commandes a {
margin: 0;
}
body.bodyAccueil #interAccueil #actus div.commandes img {
margin: 0px 0px 0px 0px;
float: left;
}
body.bodyAccueil #interAccueil #actus div #actuList {
position:absolute; 
top:30px;
width: 245px;
clip:rect(0, 245px, 250px, 0);
height: auto;
padding: 0;
background: none;
}
body.bodyAccueil #interAccueil #actus div #actuList p {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 10px;
width: 240px;
height: 115px;
overflow: hidden;
}
body.bodyAccueil #interAccueil #actus div #actuList p img {
margin: 5px 10px 0px 0px;
float: right;
}
body.bodyAccueil #interAccueil #actus div #actuList p a {
text-decoration: none;
}
body.bodyAccueil #interAccueil #actus div #actuList p strong a {
color: #C7013F;
text-decoration: none;
}
body.bodyAccueil #interAccueil #actus div #actuList p strong a:hover {
text-decoration: underline;
}
body.bodyAccueil #interAccueil p.toutesactus {
position: absolute;
top: 275px;
left: 30px;
width: 137px;
margin: 0;
padding: 6px 0px 0px 0px;
font-size: x-small;
}
body.bodyAccueil #interAccueil p.toutesactus a.voiractus {
display: block;
width: 60px;
height: 19px;
line-height: 10px;
background-image: url(bout_toutes_actus.gif);
background-repeat: no-repeat;
color: #C7013F;
text-decoration: none;
padding:  2px 0px 2px 29px;
margin: 2px 0px 3px 0px;
}
body.bodyAccueil #interAccueil p.toutesactus a.rss {
display: block;
width: 50px;
height: 19px;
line-height: 10px;
background-image: url(bout_rss.gif);
background-repeat: no-repeat;
color: #FF3300;
text-decoration: none;
padding:  1px 0px 3px 29px;
margin: 0px 0px 0px 15px;
}
/*-----------------------------*/
body.bodyAccueil #interAccueil #blocAgenda {
float: left;
width: 220px;
padding: 20px 40px 0px 0px;
color: #003399;
}
body.bodyAccueil #interAccueil #blocAgenda h3 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 10px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyAccueil #interAccueil #blocAgenda a {
color: #003399;
text-decoration: none;
}
body.bodyAccueil #interAccueil #blocAgenda a:hover {
text-decoration: underline;
}
/*-----------------------------*/
body.bodyAccueil #interAccueil #blocPublications {
float: left;
width: 220px;
padding: 20px 0px 0px 0px;
color: #660033;
}
body.bodyAccueil #interAccueil #blocPublications h3 {
color: #DD4895;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 10px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyAccueil #interAccueil #blocPublications ul {
margin: 0px 0px 0px 0px;
padding:  7px 0px 0px 0px;
}
body.bodyAccueil #interAccueil #blocPublications ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 4px 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyAccueil #interAccueil #blocPublications ul li.publiNews {
background-image: url(picto_newsletter.gif);
}
body.bodyAccueil #interAccueil #blocPublications ul li.publiJournal,
body.bodyAccueil #interAccueil #blocPublications ul li.publiLettre {
background-image: url(picto_pdf.gif);
}
body.bodyAccueil #interAccueil #blocPublications a {
color: #660033;
text-decoration: none;
}
body.bodyAccueil #interAccueil #blocPublications a:hover {
text-decoration: underline;
}
/*-----------------------------*/
body.bodyAccueil #interAccueil #blocExtra {
position: absolute;
top: 295px;
left: 505px;
width: 225px;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #interAccueil #blocExtra h3 {
color: #CC0000;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 10px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form {
text-align: right;
margin: 0px 0px 0px 0px;
}
body.bodyinterVitre #inter #logextranet #contentlogextranet form {
text-align: right;
width: 220px;
padding: 10px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form label,
body.bodyinterVitre #inter #logextranet #contentlogextranet form label {
color: #CC0000;
font-weight: bold;
font-size: x-small;
font-size: x-small;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form .entry01 input.saisie,
body.bodyinterVitre #inter #logextranet #contentlogextranet form .entry01 input.saisie {
width: 120px;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form .entry02 input.saisie,
body.bodyinterVitre #inter #logextranet #contentlogextranet form .entry02 input.saisie {
width: 96px;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form input.saisie,
body.bodyinterVitre #inter #logextranet #contentlogextranet form input.saisie {
color: #CC0000;
border: 1px solid #CC0000;
font-size: x-small;
vertical-align: middle;
}
body.bodyAccueil #interAccueil #blocExtra #logextranet #contentlogextranet form input.bouton,
body.bodyinterVitre #inter #logextranet #contentlogextranet form input.bouton {
vertical-align: middle;
margin-left: 1px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL DE L'ESPACE DEVELOPPEMENT ECONOMIQUE ---*/
body.bodydevEco #interDevEco {
position: relative;
float: left;
width: 490px;
padding: 0px 0px 0px 25px;
line-height: 18px;
}
body.bodydevEco #interDevEco p {
margin: 7px 0px 7px 0px;
}
body.bodydevEco #interDevEco #alaune {
width: 245px;
height: 430px;
margin-bottom: 23px;
overflow: hidden;
}
body.bodydevEco #interDevEco #alaune h2 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 15px;
font-style: italic;
font-weight: normal;
font-size: x-large;
}
body.bodydevEco #interDevEco #alaune p {
float: left;
clear: both;
width: 100%;
}
body.bodydevEco #interDevEco #alaune p img {
float: right;
margin-left: 10px;
}
/*-----------------------------*/
body.bodydevEco #interDevEco #accesVideos {
position: absolute;
top: 295px;
left: 530px;
width: 200px;
padding: 0px 0px 0px 0px;
}
body.bodydevEco #interDevEco #accesVideos h3 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 10px;
font-style: italic;
font-weight: normal;
font-size: large;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 530px;
padding: 10px 20px 20px 35px;
line-height: 18px;
}
#interPopup {
float: left;
width: 570px;
padding: 10px 15px 20px 35px;
line-height: 18px;
}
#inter img.visuRond {
float: right;
margin: -51px -20px 0px 10px;
z-index: 999999999;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a {
margin: 0px 0px 0px -10px;
padding:  0px 0px 10px 0px;
font-style: italic;
font-weight: normal;
font-size: x-large;
line-height: 22px;
}
body.commAgglo #inter h2,
body.commAgglo #inter h2 a,
body.parcsActiv #inter h2,
body.parcsActiv #inter h2 a,
body.bodyGenerique #inter h2,
body.bodyGenerique #inter h2 a,
#interPopup h2,
#interPopup h2 a {
color: #C7013F;
}
body.actions #inter h2,
body.actions #inter h2 a {
color: #E65C00;
}
body.grandsProjets #inter h2,
body.grandsProjets #inter h2 a,
body.projet #inter h2,
body.projet #inter h2 a {
color: #0480B7;
}
body.agenda21 #inter h2,
body.agenda21 #inter h2 a,
body.ecoLocale #inter h2,
body.ecoLocale #inter h2 a  {
color: #DD4895;
}
body.marchesPublics #inter h2,
body.marchesPublics #inter h2 a,
body.batimentsTerrains #inter h2,
body.batimentsTerrains #inter h2 a {
color: #2D5E04;
}
body.extranet #inter h2,
body.extranet #inter h2 a {
color: #CC0000;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a {
font-size: large;
margin: 7px 0px 7px -10px;
padding: 0;
color: #57575A;
line-height: 20px;
font-style: italic;
font-weight: normal;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a {
font-size: medium;
margin: 7px 0px 7px -10px;
padding: 0;
color: #C70C46;
font-style: italic;
font-weight: normal;
}
#inter p,
#interPopup p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interPopup ul {
margin: 7px 0px 7px 20px;
}
#inter ul li,
#interPopup ul li {
padding-left: 16px;
background-image: url(puce01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul li ul,
#interPopup ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#interPopup ul li ul li {
background-image: url(puce02.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE LISTE DES ACTUALITES ---*/
.actuLigne {
margin-bottom: 20px;
}
#inter .actuLigne img {
float: right;
margin-right: 10px;
}
.actuLigne strong a {
color: #C7013F;
text-decoration: none;
}
.actuLigne strong a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE LISTE DES EVENEMENTS ---*/
/*--  CALENDRIER  --*/

#oCalendar {
width: 530px;
padding: 0px 0px 10px 0px;
}
#oCalendar table {
width: 200px;
margin: auto;
font-size: x-small;
text-align: center;
}
#oCalendar table th {
font-size: small;
}
#oCalendar table td.empty {
background-color: #e3809f;
border: none;
border-left: #C7013F 2px solid;
}
#oCalendar table td.days {
font-weight: bold;
font-style: italic;
color: #C7013F;
}
#oCalendar table td.today {
background: #C7DA33;
font-weight: bold;
color: #C7013F;
}
#oCalendar table td.week {
font-weight: bold;
font-style: italic;
background-color: #C7013F;
color: #FFFFFF;
border: 1px solid #C7013F;
}
#oCalendar td.monthOff{
background: #EEEEEE;
color: #999999;
}
#oCalendar td.nextday:hover,
#oCalendar td.nextday a:hover{
background: #E3809F;
color: #CC0000;
}

/*--------------------*/
.eventline {
margin-bottom: 20px;
}
.eventline img {
float: right;
margin-right: 10px;
}
.eventline strong a,
.eventline strong {
color: #C7013F;
text-decoration: none;
}
.eventline strong a:hover {
text-decoration: underline;
}
.eventline ul li {
display: inline;
padding: 0px 20px 0px 0px;
}
.eventline ul li.debut,
.eventline ul li.fin {
font-weight: bold;
color: #C7013F;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE LISTE DES COMMUNES ---*/
ul.listeCommunes li {
float: left;
width: 154px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE ---*/
#inter table.photoTable,
#inter table.photoTable th,
#inter table.photoTable td {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 170px;
margin: -28px 0px 0px 0px;
padding: 0px 15px 10px 10px;
background-repeat: no-repeat;
background-position: bottom;
font-size: x-small;
line-height: 14px;
}
body.bodyinterVitre #right {
background-image: url(fond_droite_vitre.gif);
}
body.bodydevEco #right {
background-image: url(fond_droite_dev_eco.gif);
}
body.bodyGenerique #right {
background-image: url(fond_droite_generique.gif);
}
#right p {
margin: 5px 0px 5px 0px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 0px 0px 10px 0px;
padding: 5px 15px 5px 5px;
font-size: x-small;
}
/*-----------------------------*/
body.bodyinterVitre #right #blocAgenda {
float: left;
color: #003399;
width: 150px;
height: 95px;
overflow: hidden;
padding: 10px 5px 5px 5px;
margin-bottom: 10px;
background-image: url(fond_bloc_droite_vitre.gif);
background-repeat: no-repeat;
}
body.bodyinterVitre #right #blocAgenda h3 {
color: #0480B7;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 5px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyinterVitre #right #blocAgenda a {
color: #003399;
text-decoration: none;
}
body.bodyinterVitre #right #blocAgenda a:hover {
text-decoration: underline;
}
/*-----------------------------*/
body.bodyinterVitre #right #blocPublications {
float: left;
color: #660033;
width: 150px;
height: 95px;
overflow: hidden;
padding: 10px 5px 5px 5px;
margin-bottom: 10px;
background-image: url(fond_bloc_droite_vitre.gif);
background-repeat: no-repeat;
}
body.bodyinterVitre #right #blocPublications h3 {
color: #DD4895;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 5px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyinterVitre #right #blocPublications ul {
margin: 0px 0px 0px 0px;
padding:  7px 0px 0px 0px;
}
body.bodyinterVitre #right #blocPublications ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 4px 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyinterVitre #right #blocPublications ul li.publiNews {
background-image: url(picto_newsletter.gif);
}
body.bodyinterVitre #right #blocPublications ul li.publiJournal,
body.bodyinterVitre #right #blocPublications ul li.publiLettre {
background-image: url(picto_pdf.gif);
}
body.bodyinterVitre #right #blocPublications a {
color: #660033;
text-decoration: none;
}
body.bodyinterVitre #right #blocPublications a:hover {
text-decoration: underline;
}
/*-----------------------------*/
body.bodyinterVitre #right #blocPhototheque {
float: left;
color: #003399;
width: 150px;
height: 35px;
overflow: hidden;
padding: 10px 5px 5px 5px;
background-image: url(bout_phototheque.gif);
background-repeat: no-repeat;
}
body.bodyinterVitre #right #blocPhototheque h3 {
color: #990000;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 5px;
font-style: italic;
font-weight: normal;
font-size: large;
}
body.bodyinterVitre #right #blocPhototheque h3 a {
color: #990000;
text-decoration: none;
}
body.bodyinterVitre #right #blocPhototheque ul {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 980px;
font-size: x-small;
padding: 16px 0px 10px 0px;
text-align: center;
background-repeat: no-repeat;
background-position: center 60px;
}
body.commAgglo #footer,
body.parcsActiv #footer,
body.bodyGenerique #footer {
background-image: url(points_footer_fuscia.gif);
}
body.actions #footer {
background-image: url(points_footer_orange.gif);
}
body.grandsProjets #footer,
body.projet #footer {
background-image: url(points_footer_bleu.gif);
}
body.agenda21 #footer,
body.ecoLocale #footer  {
background-image: url(points_footer_violet.gif);
}
body.marchesPublics #footer,
body.batimentsTerrains #footer {
background-image: url(points_footer_vert.gif);
}
body.extranet #footer {
background-image: url(points_footer_rouge.gif);
}
body.bodyAccueil #footer,
body.bodyAccueil #footer a,
body.bodyinterVitre #footer,
body.bodyinterVitre #footer a {
color: #C7013F;
}
body.bodydevEco #footer,
body.bodydevEco #footer a {
color: #0480B7;
}
body.commAgglo #footer,
body.commAgglo #footer a,
body.parcsActiv #footer,
body.parcsActiv #footer a,
body.bodyGenerique #footer,
body.bodyGenerique #footer a {
color: #C7013F;
}
body.actions #footer,
body.actions #footer a {
color: #E65C00;
}
body.grandsProjets #footer,
body.grandsProjets #footer a,
body.projet #footer,
body.projet #footer a {
color: #0480B7;
}
body.agenda21 #footer,
body.agenda21 #footer a,
body.ecoLocale #footer,
body.ecoLocale #footer a  {
color: #DD4895;
}
body.marchesPublics #footer,
body.marchesPublics #footer a,
body.batimentsTerrains #footer,
body.batimentsTerrains #footer a {
color: #2D5E04;
}
body.extranet #footer,
body.extranet #footer a {
color: #CC0000;
}
#footer a {
text-decoration: none;
}
#footer ul {
clear: both;
width: 220px;
padding: 35px 0px 10px 0px;
margin: auto;
}
body.bodyAccueil #footer ul,
body.accueilDevEco #footer ul  {
clear: both;
width: 220px;
padding: 5px 0px 10px 0px;
margin: auto;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil #hautpage,
body.accueilDevEco #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 250px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 24px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.commAgglo #hautpage a,
body.parcsActiv #hautpage a,
body.bodyGenerique #hautpage a {
background-image: url(bout_haut_fuscia.gif);
}
body.actions #hautpage a {
background-image: url(bout_haut_orange.gif);
}
body.grandsProjets #hautpage a,
body.projet #hautpage a {
background-image: url(bout_haut_bleu.gif);
}
body.agenda21 #hautpage a,
body.ecoLocale #hautpage a  {
background-image: url(bout_haut_violet.gif);
}
body.marchesPublics #hautpage a,
body.batimentsTerrains #hautpage a {
background-image: url(bout_haut_vert.gif);
}
body.extranet #hautpage a {
background-image: url(bout_haut_rouge.gif);
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage,
body.accueilDevEco #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 280px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 24px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.commAgglo #imprimpage a,
body.parcsActiv #imprimpage a,
body.bodyGenerique #imprimpage a {
background-image: url(bout_imprim_fuscia.gif);
}
body.actions #imprimpage a {
background-image: url(bout_imprim_orange.gif);
}
body.grandsProjets #imprimpage a,
body.projet #imprimpage a {
background-image: url(bout_imprim_bleu.gif);
}
body.agenda21 #imprimpage a,
body.ecoLocale #imprimpage a  {
background-image: url(bout_imprim_violet.gif);
}
body.marchesPublics #imprimpage a,
body.batimentsTerrains #imprimpage a {
background-image: url(bout_imprim_vert.gif);
}
body.extranet #imprimpage a {
background-image: url(bout_imprim_rouge.gif);
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .fuscia, .coul02 {
color: #C7013F;
}
div.coul03, .bleu, .coul03 {
color: #0480B7;
}
div.coul04, .violet, .coul04 {
color: #DD4895;
}
div.coul05, .orange, .coul05 {
color: #E65C00;
}
div.coul06, .vert, .coul06 {
color: #66B821;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02 .bordureFuscia {
border: 1px solid #C7013F;
}
img.bord03, .bordureBleue {
border: 1px solid #0480B7;
}
img.bord04, .bordureViolete {
border: 1px solid #DD4895;
}
img.bord05, .bordureOrange {
border: 1px solid #E65C00;
}
img.bord06, .bordureVerte {
border: 1px solid #66B821;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: transparent;
vertical-align: top;
color: #C7013F;
padding: 5px;
text-align: left;
font-size: medium;
border: none;
border-bottom: 3px solid #C7013F;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
}
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
.result td.title a:hover {
text-decoration: underline;
}
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #57575A;
padding-bottom: 10px;
 }
/*--  LIENS SUIVANTS ET PRECEDENTS "RECHERCHE" - "LISTE ACTUS" - "PHOTOTHEQUE"  --*/
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 12px;
text-decoration: none;
background-image: url(puce_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 12px 0px 0px;
text-decoration: none;
background-image: url(puce02.gif);
background-repeat: no-repeat;
background-position: 34px 4px;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
color: #C7013F;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
td {
border: 1px solid #57575A;
padding: 3px;
vertical-align: top;
}
th {
background-color: #C7013F;
border: 1px solid #C7013F;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 25px;
}
#plandusite h3 {
margin: 0px 0px 0px 0px;
}
#plandusite h3.enviroVitreBas {
display: none;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #57575A;
line-height: 20px;
font-style: italic;
font-weight: normal;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #C70C46;
margin: 7px 0px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
text-decoration: none;
}
#plandusite ul li a:hover {
color: #C70C46;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}