/*
ligne 20 : GLOBAL
ligne 106 : ENTETE
ligne 166 : NAVIGATION NIVEAU 1
ligne 227 : CHEMIN
ligne 234 : RECHERCHE 
ligne 273 : OUTILS
ligne 311 : PIED DE PAGE
ligne 373 : COPYRIGHT
ligne 395 : NAVIGATION NIVEAU 2
ligne 520 : CADRE DE DROITE
ligne 541 : SOMMAIRE RUBRIQUE
ligne 589 : PLAN DU SITE
ligne 636 : MENUS DE RESTAURATION
ligne 674 : MARCHES PUBLICS
ligne 709 : PAGINATION
*/

body {
	background:#618696 url(../img/bg-body.gif) repeat-x;
	margin:auto;
	text-align:center;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
	padding:0;
	font-size:76%;

}
body{behavior:url("js/hover.htc");}


/*-----------------------------------------------------------------------------------------------------*/
* {background-repeat:no-repeat;}
body img{border:0;}
hr {clear:both;visibility: hidden;margin:0;padding:0;}
.spacer{float:none !important; clear:both; visibility: hidden; margin:0px; padding:0px; background:none;}
.invisible{display:none;}
form {margin:0}
/*-------------------------------------------------------------------------------------------------------*/

/* SKIPLINK ==================================================== */
/*
ul#skiplink{position:absolute; top:30px; margin-left:180px; display:none}
ul#skiplink li { list-style-type : none; display:inline}
ul#skiplink li a {color:#fff;}
ul#skiplink li a:focus, ul#skiplink li a:active {  color:#666666;}
*/
ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	


/*-------------------------------------------------------------------------------------------------------*/
#global {margin:auto; width:950px; text-align:left; margin-bottom:0;}

#corps {width: 950px; z-index:0; text-align:left; padding:0; background:url(../img/bg-corps.gif) repeat-y;}

#contenu {float:left; margin:0; width: 510px; padding:0; font-size:120%; background-color:#fff; padding:0 20px 0;}

.accueil #corps {background:none}
.accueil #contenu {padding:0; width:550px;}

.agenda #corps{background:url(../img/bg-corps-simple.gif) repeat-y;}
.agenda #outilsIconBottomWrap {background:url(../img/bg-corps-simple.gif) repeat-y;}

#colonneNormal {clear:both;}



/* ENTETE 
/*-------------------------------------------------------------------------------------------------------*/
#entete {width: 950px; padding:0; height:130px; z-index:0;background-image:url(../img/visuel-accueil.gif); background-position:570px top;}
#entete h1 {margin:0}
#entete h1 span{display:none}

.accueil #entete {background-image:none}
.sportculture #entete {background-image:url(../img/visuel-sport.gif);}
.lamairie #entete {background-image:url(../img/visuel-mairie.gif);}
.decouvrirlaville #entete {background-image:url(../img/visuel-decouvrir.gif);}
.de0a25ans #entete {background-image:url(../img/visuel-0-25.gif);}
.seniors #entete {background-image:url(../img/visuel-senior.gif);}
.santesolidarite #entete {background-image:url(../img/visuel-solidarite.gif);}
.citoyennete #entete {background-image:url(../img/visuel-citoyennete.gif);}
.sportculture #entete {background-image:url(../img/visuel-sport.gif);}
.cadredevie #entete {background-image:url(../img/visuel-cadre.gif);}


/* NAVIGATION NIVEAU 1 
/*-------------------------------------------------------------------------------------------------------*/
/* voir menu.css


/* CHEMIN
/*-------------------------------------------------------------------------------------------------------*/
#contenu #chemin {color:#666;font-size:80%;}
#contenu #cheminContenu {padding-top:10px;}
#contenu #chemin h2{ display:none; margin:0; padding:0; color:#666; font-weight:normal; font-size:100%}
#contenu #chemin a {color:#666;  text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#contenu #chemin a:hover {text-decoration: underline; background:none!important; color:#000!important}
#contenu #chemin p, #chemin div {padding:0; margin:0;}
#contenu #cheminContenu {width:390px;}

#outilsIconTop, #outilsIconBottom  {width:90px; float:right; text-align:center; margin:0!important; padding:0!important; background-color:#e4e4e4;}
#outilsIconTop img, #outilsIconBottom img {margin:5px 3px 15px;}
#outilsIconTop a, #outilsIconBottom a {padding:0!important;text-decoration:none}

#outilsIconBottom {}
#outilsIconBottomWrap {background-color:#fff; width:730px; padding-right:20px;background:url(../img/bg-corps.gif) repeat-y; text-align:right!important; height:43px;}


/* RECHERCHE
/*-------------------------------------------------------------------------------------------------------*/
#recherche{position:absolute; top:10px; margin:0 0 0 760px; width: 190px; z-index: 50; padding: 0 0 7px 10px;}
#recherche h2 {display:none;}
#recherche form, #recherche p {margin:0; padding:0; z-index: 50;}
#recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:1px solid #F1206C; width:100px; height:16px; padding:4px; color:#0099cc;}
#recherche .searchbox-button {vertical-align:middle; border:0; background-color:#0099cc; color:#fff; font-weight:bold;}


/* PIED DE PAGE
/*-------------------------------------------------------------------------------------------------------*/
#hautDePage {text-align:center; background-color:#fff; border-top:1px solid #ccc; padding:10px 0 0 0; clear:both; width:100%}
#hautDePage a {color:#999999!important; text-decoration:none}
#piedDePage {clear:both; color:#fff; margin:auto; text-align:center; padding:5px 0;}
#piedDePage a {color:#fff; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0; padding:0; font-size:120%}	
#piedDePage #copyright {text-align:center; font-size:90%}


/* OUTILS
/*-------------------------------------------------------------------------------------------------------*/
#outils {margin:10px 0; padding:0; list-style-type:none; text-align:center;}
#outils li {display:inline; padding:0; margin:0;}


/* NAVIGATION NIVEAU 2
/*-------------------------------------------------------------------------------------------------------*/
#navigationNiveau2 {float:left; padding:0; display:inline; width:200px; background-image:url(../img/bg-navigation2.gif); padding-top:10px;}
#navigationNiveau2 h2 {display:none;}
#navigationNiveau2 ul {list-style-type:none; margin:0; font-weight:bold; padding:0; width:200px;}
#navigationNiveau2 li {margin:0; padding:0;}
#navigationNiveau2 li a {text-decoration:none; padding:4px 10px 4px 20px ;display:block; width:170px; margin:0; color:#3f687a;border-bottom:1px solid #9ac4d3; background-image:url(../img/puce.gif); background-position:5px 7px;}
#navigationNiveau2 li.on a {background-color:#fff; color:#CC0000; background-image:url(../img/puce-rouge.gif);}
#navigationNiveau2 li a:hover {background-color:#fff}
#navigationNiveau2 ul ul {font-size:90%; font-weight:normal; margin:0; padding:0;}
#navigationNiveau2 ul ul li {}
#navigationNiveau2 li li a {text-decoration:none!important; color:#000!important; width:150px; background-color:#e0f6fc!important; padding-left:40px; background-image:none!important;}
#navigationNiveau2 li li a:hover {background-color:#fff!important}
#navigationNiveau2 li li.on a {text-decoration:underline!important; color:#CC0000!important}
#navigationNiveau2 li a:hover, #navigationNiveau2 li.on a, #navigationNiveau2 li.on li.on a {}


/* COLONNE DE DROITE  + COLONNE GAUCHE
/*-------------------------------------------------------------------------------------------------------*/
#colonneDroite {float:right; display:inline; margin:0; padding:0; width:200px; text-align:right;}
	#colonneDroite h2 {margin:0}
	#colonneDroite p {margin:10px 0}
	#colonneDroite ul {float:right; margin:0px 0px 10px 0px; padding:0; list-style-type:none; text-align:left; background:#c1ecf9; width:180px;}
	#colonneDroite li {margin:0; padding:3px 0 3px 25px; border-top:1px solid #a4cddb; background-image: url(../img/puce.gif); background-position:10px 7px}
	#colonneDroite a {color:#335a6b; text-decoration:none;}
	#colonneDroite a:hover {text-decoration:underline; color:#000}

#colonneAccueil {float:left; margin:0; padding:0; display:inline; width:200px;}
	#colonneAccueil p {margin:10px 0}
	#colonneAccueil ul {margin:0; padding:0; list-style-type:none; text-align:left; background:#c1ecf9; width:180px}
	#colonneAccueil li {margin:0; padding:3px 0 3px 25px; border-top:1px solid #a4cddb; background-image: url(../img/puce.gif); background-position:10px 7px}
	#colonneAccueil a {color:#335a6b; text-decoration:none;}
	#colonneAccueil a:hover {text-decoration:underline; color:#000}

#colonneAccueil #vousParticipez {background:#224c62 url(../img/vous-participez-btm.gif) bottom no-repeat; margin-right:20px; padding-bottom:15px; margin-bottom:20px}
#colonneAccueil #vousParticipez li {background-image: url(../img/puce-participez.gif); border-top:1px solid #3b6377}
#colonneAccueil #vousParticipez a {color:#ccffff; font-weight:bold}
#colonneAccueil #vousParticipez a:hover {color:#ff9966}

#voirAussi {background:#c1ecf9 url(../img/bg-coin-hd.gif) no-repeat top right;margin-bottom:10px; padding:10px; width:180px; color:#244e63; text-align:left; font-size:95%}
#voirAussi h3 {margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:130%}
#voirAussi ul {background:none; padding:0; margin:0;  font-size:90%; float:none!important}
#voirAussi li {list-style:disc; background:none; margin-left:20px; padding-left:0; border:0}
#voirAussi a {color:#244e63; font-weight:normal}
#voirAussi a:hover {color:#244e63;}

/* COLONNE DE GAUCHE accueil
/*-------------------------------------------------------------------------------------------------------*/
/*
#dossierMag{ text-align:center; padding:10px;}
#dossierMag p{ margin:0.4em}
#dossierMag a{color:#033675; text-decoration:underline} #dossierMag a:hover{ text-decoration:none}
#dossierMag a.archives{color:#666}

#meteoElement ul{ border:1px solid #fff; margin-top:40px; width:90%; margin:5%}
#meteoElement li{ background-position:left!important; padding-left:35px!important}
.meteo{ border:0!important; background-image:url(../img/icon-meteo.gif)!important}
.air{background-image:url(../img/icon-air.gif)!important}


/* ACCUEIL
/*-------------------------------------------------------------------------------------------------------*/
#accueilPied {background-color:#c1ecf9; border:5px solid #4cc5f4; border-width:5px 0 0 0; padding:5px 20px; width:510px; font-size:80%}
#accueilPied a {color:#335a6b!important}
#meteo {float:right}
#accueilPied img {float:left; margin-right:10px}



/* AGENDA
/*-------------------------------------------------------------------------------------------------------*/

#contenuGauche #agendaConteneur {float:right; width:180px; margin:0; text-align:center;padding:0; font-family:Arial, Helvetica, sans-serif;font-weight:bold; margin-bottom:10px}

#contenuGauche .tx-artificaagenda-pi1 {margin:0; padding:2px; font-family:Arial, Helvetica, sans-serif!important; float:left; width:180px; margin:0; text-align:center;padding:0; font-family:Arial, Helvetica, sans-serif;font-weight:bold; margin-bottom:10px} 

#contenuGauche .tx-artificaagenda-pi1 .calendar {text-align:center;margin:0;color:#ccc;float:right;}

#contenuGauche .tx-artificaagenda-pi1 .calendar h2 {padding:0!important; margin:0!important;}

#contenuGauche .tx-artificaagenda-pi1 .calendar table {background-color:#1391ce; width:100%;  font-size:80%}
#contenuGauche .tx-artificaagenda-pi1 .calendar table caption {;margin:0px auto; background-color:#224c62; color:#fff; padding:3px; font-size:100%}
#contenuGauche .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff}
#contenuGauche .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff}
#contenuGauche .tx-artificaagenda-pi1 .calendar table a{ display:block;text-decoration:none;color:#999;padding:0.4em ;background-color:#FFFFFF}
#contenuGauche .tx-artificaagenda-pi1 .calendar table a:hover {color:#000;text-decoration:none;}
#contenuGauche .tx-artificaagenda-pi1 .calendar td {background-color:#fff;margin:0;text-align:right;}
#contenuGauche .tx-artificaagenda-pi1 .calendar th {background-color:#e4e4e4; color:#333;text-align:center;padding:0.4em}	

#contenuGauche .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#f1206c;color:#fff;}
#contenuGauche .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#29616E;}
#contenuGauche .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#F3E519;color:#000000;text-decoration:underline;}

#contenu .tx-artificaagenda-pi1 .listrow .listrow {}
#contenu .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #ccc;}
#contenu .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold}
#contenu .tx-artificaagenda-pi1 .listrow a {font-weight:normal;}


/* SOMMAIRE RUBRIQUE
/*-------------------------------------------------------------------------------------------------------*/
#sommaireRubrique {font-size:85%;line-height:normal;}

.accueil #sommaireRubrique {padding:0 20px;}

#sommaireRubrique ul {list-style-type:none; margin:0; padding:0;}

#sommaireRubrique p {margin:0!important; padding:0!important;}	

#sommaireRubrique li {margin:0 0 10px 0; padding:10px 0 10px 0; border-top:2px solid #ccc;}

#sommaireRubrique a {font-size:120%; font-weight:bold}

#sommaireRubrique img {float: right; margin:0 0 5px 10px;}

#sommaireRubrique .colonnage1, #sommaireRubrique .colonnage2 {float:left; width:48%; display:inline}
#sommaireRubrique .colonnage1 {clear:left;}
#sommaireRubrique .colonnage2 {margin-left:2%; float:right; clear:right}

#sommaireRubrique div.premier {border:0; padding-top:0}
#sommaireRubrique div.premier img {float:left; margin:0 10px 5px 0}

#sommaireRubrique .theme {text-transform:uppercase; color:#999999}
#sommaireRubrique .date {color:#000; font-weight:bold}


#sommaireRubrique div {margin:0 0 10px 0; padding:10px 0 10px 0; }
#sommaireRubrique div.colonnage1 {clear:both; float:left; width:48%!important; border-top:2px solid #ccc;}
#sommaireRubrique div.colonnage2 {float:right; margin-left:2%!important; width:48%!important; border-top:2px solid #ccc;}


/*niveau 2*/
#sommaireRubrique ul ul {list-style-type:disc; margin:0 0 0 15px; color:#CC0000; font-size:80%}

#sommaireRubrique ul ul li {border:none; margin:0.5em 0;padding:0}
#sommaireRubrique ul ul li a {font-weight:normal}

#toutesLesActus{text-align:right;}


/*
 ANNUAIRE
/*-------------------------------------------------------------------------------------------------------*/

.tx-artificadirectories-pi1 {}

.tx-artificadirectories-pi1 .singleView {}
.tx-artificadirectories-pi1 .singleView h3 {border-bottom:1px dashed #ccc !important; margin:0px 0px 10px 0px; padding:0px 0px 5px 0px;}
.tx-artificadirectories-pi1 .singleView .separator {clear:both; margin:8px 0px 0px 0px !important;}
.tx-artificadirectories-pi1 .singleView .label {text-align:right !important; width:25%; margin-right:2%; float:left; font-weight:bold;}
.tx-artificadirectories-pi1 .singleView .value {width:73%;float:left; text-align:left !important;}
.tx-artificadirectories-pi1 .singleView .text {}
.tx-artificadirectories-pi1 .singleView .separator.text {border-top:1px dashed #ccc !important; margin:20px 0px 15px 0px !important; padding:5px 0px 5px 0px;}
.tx-artificadirectories-pi1 .singleView hr {border-top:1px dashed #ccc !important;}

.tx-artificadirectories-pi1 .listrow-withoutdetailspage {}
.tx-artificadirectories-pi1 .listrow-withoutdetailspage .separator {margin:0px 0px 10px 0px !important;}
.tx-artificadirectories-pi1 .listrow-withoutdetailspage p {margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important;}



.tx-artificadirectories-pi1 .browsebox {padding:4px; background:#f1f1f1;}
.pratique .FORM legend {color:#CC9900}
.pratique .FORM fieldset { border: 1px solid #CC9900;}
.pratique .FORMvalider input{background-color:#CC9900;}

/*-------------------------------------------------------------------------------------------------------*/
/* MARCHES PUBLICS -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

.tx-artificamapa-pi1 .FORMvalider{
padding-top:0px ;
}
.tx-artificamapa-pi1-searchbox .FORM {

}
.tx-artificamapa-pi1-searchbox .FORM fieldset div.FORMsep {
clear:both !important;padding-bottom:6px !important;padding-top:6px !important;
}

.tx-artificamapa-pi1 table{
font-size:90%;
}

.tx-artificamapa-pi1-singleViewField-label{text-align:right !important;width:25%;margin-right:2%;float:left;font-weight:bold;
}
.tx-artificamapa-pi1-singleView-sep{clear:both;
}
 .tx-artificamapa-pi1-backbutton{clear:both;border-top:1px solid #cccccc;padding:3px
}
.tx-artificamapa-pi1-singleViewField-value{width:73%;float:left; text-align:left !important;
}
#tx-artificamapa-pi1-singleViewField-title a {color:#333333;text-decoration:none;}

.tx-artificamapa-pi1-download { border:1px solid #CC0000;margin-bottom:10px;}

p.tx-artificamapa-pi1-download-explanation  { margin: 15px; }

/*-------------------------------------------------------------------------------------------------------*/
/* PLAN DU SITE -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#contenu .csc-sitemap ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#contenu .csc-sitemap a{
	text-decoration:none;
}
#contenu .csc-sitemap a:hover{
	text-decoration:underline;
}

#contenu .csc-sitemap li{
	
}
#contenu .csc-sitemap li a{
	padding: 3px 0px 3px 10px;
	margin-top:20px;
	font-weight:bold;display:block; background-color:#618696;
	color:#FFFFFF;
}

#contenu .csc-sitemap li li a{
	padding: 3px 0px 3px 10px;margin:0;
	font-weight:bold;background-color:#FFFFFF;	
	color:#CC0000;
}

#contenu .csc-sitemap li li li a{
	padding: 3px 0px 3px 25px;margin:0;
	font-weight:bold;background-color:#FFFFFF;	
	color:#666666;
}

#contenu .csc-sitemap li li li li a{
	padding: 3px 0px 3px 40px;margin:0;
	font-weight:normal;background-color:#FFFFFF;	font-size:90%;
	color:#666666;
}

/* DECLINAISON PAGE CITOYEN
/*-------------------------------------------------------------------------------------------------------*/
.citoyen #contenu h1{ color:#ff6600; text-align:center; font-weight:bold; background:#fff;padding:0.5em 0.5em 0.2em; background:#fff url(../img/bgTop-h1-citoyen.gif) no-repeat top; margin-bottom:0}

.citoyen #contenu .h1btm{ background:url(../img/bg-h1-citoyen.gif) no-repeat top; height:29px;}
.citoyen #contenu h3{ color:#ff6600}
.citoyen #contenu{background:url(../img/bg-contenu-citoyen.gif) repeat-x #fff;}

.citoyen #voirAussi{ background:#ff6600 url(../img/bg-coin-hd-orange.gif) no-repeat top right}
.citoyen #voirAussi h3, .citoyen #voirAussi li, .citoyen #voirAussi a{color:#fff;}

.citoyen #outilsIconTop{ margin-top:3px!important;}



.tx-artificaviewer-pi1-gallery {}
.tx-artificaviewer-pi1-gallery .trombinoscope {}
.tx-artificaviewer-pi1-gallery .trombinoscope .ImageBoite {clear:both;}
.tx-artificaviewer-pi1-gallery .trombinoscope .ImageBoite img {float:left; margin:0px 10px 15px 0px;}
.tx-artificaviewer-pi1-gallery .trombinoscope .ImageBoite .ImageTitle {font-weight:bold;}
.tx-artificaviewer-pi1-gallery .trombinoscope .ImageBoite .ImageDescription {}


/* COMMENTAIRES
/*-------------------------------------------------------------------------------------------------------*/
.tx-skpagecomments-pi1 .sk-pagecomments-headline{color:#3F687A!important;background-color:#FFFFFF!important;}
.tx-skpagecomments-pi1 .sk-pagecomments-comment{ background-color:#FFFFFF!important;}
.tx-skpagecomments-pi1 .sk-pagecomments-number{ font-size:1.1em!important;}


#outilsIconBottomWrap {padding-top:15px;}



.tx-artificamenusresto-pi1 .selecteddate {display:none;}
.tx-artificamenusresto-pi1 .contenttable caption {margin:15px 0px 0px 0px;}