/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages 
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/

body {
	margin:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	padding:0;
	background:#fff;

}


* {background-repeat:no-repeat;}

.left {float:left;}
.right {float:right;}
.spacer, .clear, hr{clear:both!important; height:0px!important; font-size:0px!important; margin:0!important; padding:0!important;border:0!important}
.touteActualite{clear:both;text-align:right;padding:20px 10px;font-size:1.1em;font-weight:bold;border-top:1px solid #CCCCCC;}

.invisible{display:none;}


/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	
	
/* LANGUE
/*-------------------------------------------------------------------------------------------------------*/

ul#lang{display:none; position:absolute; top:10px; text-align:right;}
ul#lang li{ display:inline}	
ul#lang a{ color:#999999}

/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 {position:relative;}
#global {
	margin:auto;
	text-align:left;
	margin-bottom:0;
	width:950px;
	background:#fff;
}

#corps{
		border-bottom:1px solid #bfc0c1; clear:both
	}
	
.grandAvignon #corps{background:url(../img/bg-corps-1.gif) repeat-y;}
.economie #corps{background:url(../img/bg-corps-2.gif) repeat-y;}
.vivre #corps{background:url(../img/bg-corps-3.gif) repeat-y;}
.politique #corps{background:url(../img/bg-corps-4.gif) repeat-y;}
.travaux #corps{background:url(../img/bg-corps-5.gif) repeat-y;}

#contenuEtNav{ float:left; width:730px}
#imageEtContenu{ float:left; width:510px;}
#contenu{padding:20px;border-right:1px solid #ccc;width:469px;}
#contenu img{}

/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {background:#fff url(../img/bg-hdr.jpg) no-repeat; height:193px}
.grandAvignon #entete{background:url(../img/bg-hdr-grandAvignon.jpg) repeat-y;}
.economie #entete{background:url(../img/bg-hdr-eco.jpg) repeat-y;}
.vivre #entete{background:url(../img/bg-hdr-vivre.jpg) repeat-y;}
.politique #entete{background:url(../img/bg-hdr-ville.jpg) repeat-y;}
.travaux #entete{background:url(../img/bg-hdr-travaux.jpg) repeat-y;}


#entete a{display:block;height:100px; width:220px}

#entete  #accessibilite a{}

#logo {}
#entete h1 {margin:0}
#entete h1 span{display:none}


/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#chemin {color:#333; padding:0.5em 1em; background:#fff; clear:both}
#chemin h2{ display:inline; margin:0; padding:0; color:#333; font-weight:bold; font-size:1em; }
#chemin a {color:#666;  text-decoration:none;border:none  }
#chemin a:hover {text-decoration: underline; background:none!important; color:#000000!important}
#chemin p, #chemin div {padding:0;margin:0;}
#cheminContenu{}


p#outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:-18px 37px 0 0;}
#outilsIcon img{ margin-left:5px;}
#outilsIcon a{ padding:0!important;text-decoration:none!important;}


/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:165px; z-index: 50;  text-align:right; width:950px}
#recherche form, #recherche p {margin:0; padding:0; z-index: 50;}
#recherche #sword { width:151px}
#recherche input {border:1px solid #ccc; color:#fff; background-color:#fff; padding:0.2em 0.5em; color:#000}


/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#hautDePage{ text-align:center; background-color:#FFFFFF;  padding:10px 0 0 0; clear:both;}
#hautDePage a{ color:#999999!important; }

#piedDePage{clear:both; margin:auto; text-align:center; padding:5px 0;text-align:center;}
#piedDePage a {color:#999999; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin: 0;}	
#piedDePage #copyright{color:#999999;font-size:80% }
#piedDePage #adresse{ font-size:80%}


/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- */
#outils { color:#4A7C0B; margin:10px 0; padding:0; list-style-type:none; font-weight:bold}
#outils a{color:#4A7C0B;}
#outils li {display:inline; padding:0; margin:0;}


/* Navigation niveau 2 */
/* ------------------------------------------------------------------------------------------------------- */
#navigationNiveau2{ float:left; width:220px;}
#navigationNiveau2 h2{ color:#fff; padding:0.5em; font-size:1.8em; }


.grandAvignon #navigationNiveau2 h2{background:#7CB955 url(../img/bg-titre1.gif) no-repeat bottom right}
.economie #navigationNiveau2 h2{background:#E1001A url(../img/bg-titre2.gif) no-repeat bottom right}
.vivre #navigationNiveau2 h2{background:#4383BF url(../img/bg-titre3.gif) no-repeat bottom right}
.politique #navigationNiveau2 h2{background:#CA8D01 url(../img/bg-titre4.gif) no-repeat bottom right}
.travaux #navigationNiveau2 h2{background:#004419 url(../img/bg-titre5.gif) no-repeat bottom right}

#navigationNiveau2 h2 span {display:none}
#navigationNiveau2 ul {font-weight:bold;color:#fff; padding:10px; list-style-type:none}
#navigationNiveau2 li { margin-bottom:1em;}
#navigationNiveau2 li a { display:block; width:100%; color:#fff; text-decoration:none}
#navigationNiveau2 li.on{ border:none}
#navigationNiveau2 li.on a {}
#navigationNiveau2 li.on ul {}
#navigationNiveau2 li a:hover {}
#navigationNiveau2 ul ul {font-weight:normal;;margin:0 0 0 20px; padding:0; list-style-type:disc}
#navigationNiveau2 ul ul li { margin-bottom:0.5em;}
#navigationNiveau2 li li a,#navigationNiveau2 li.on li a  {text-decoration:none!important; color:#000!important;}
#navigationNiveau2 li li a:hover{/* background-color:#d0e6a4; text-decoration:underline!important*/}
#navigationNiveau2 li li.on a {font-weight:bold; border-color:#fff!important; /*text-decoration:underline!important;*/ color:#cc0000!important;}
#navigationNiveau2 li li.on li a {font-weight:normal; color:#000!important;}
#navigationNiveau2 li li.on li.on a{font-weight:bold!important;}
/*#navigationNiveau2 li.on li.on a,  #navigationNiveau2 li.on li.on a{text-decoration:underline}*/
#navigationNiveau2 ul ul ul{list-style-type:circle}



/* COLONNE DE DROITE  
/* ------------------------------------------------------------------------------------------------------- */
#colonneDroite { float:right; width:215px;color:#4383BF; /*position:relative; top:-12px*/}#colonneDroite a {color:#4383BF;}
#colonneDroite h2{background:#4383BF url(../img/bg-colonne-droite-h2.gif) no-repeat right bottom; color:#fff; padding:5px 10px; font-size:1.3em}
#colonneDroite h2 span{}
#colonneDroite ul{list-style-type:none;margin:0; padding:0 10px 10px;}
#colonneDroite p{margin:0; padding:0 10px 10px;}
#colonneDroite ul p{padding:0;margin:0 0 1.5em;}
#colonneDroite li{}
#colonneDroite .bloc a{display:block; width:100%;/*text-decoration:none; color:#006699; border-bottom:1px solid #bbc9cf*/}
#colonneDroite a:hover{}

#colonneDroite .list .image{ width:80px; height:90px; overflow:hidden; margin:0 10px 0 0!important;padding:0; float:left; background:#e4e4e4}


#colonneDroite .bloc, #colonneDroite .tx-jkpoll-pi1{ border:1px solid #4383BF;margin:0 0 1em 0}

#colonneDroite .bloc h3{color:#111111!important;}

#colonneDroite .rose{ border-color:#c2006b;color:#c2006b;  }
#colonneDroite .rose a{color:#c2006b;}
#colonneDroite .rose h2{ background:#c2006b url(../img/bg-rose.gif) no-repeat right bottom;}

#colonneDroite .rouge{ border-color:#E2001A;color:#E2001A;  }
#colonneDroite .rouge a{color:#E2001A;}
#colonneDroite .rouge h2{ background:#E2001A url(../img/bg-rouge.gif) no-repeat right bottom;}

#colonneDroite .vert{ border-color:#7DB955;color:#7DB955!important;}
#colonneDroite .vert a{color:#7DB955!important;}
#colonneDroite .vert h2{ background:#7DB955 url(../img/bg-vert.gif) no-repeat right bottom;color:#fff!important;}

#colonneDroite .marron{ border-color:#CA8D01;color:#CA8D01;  }
#colonneDroite .marron a{color:#CA8D01;}
#colonneDroite .marron h2{ background:#CA8D01 url(../img/bg-marron.gif) no-repeat right bottom;}

#colonneDroite .accesdirects{ border-color:#004419;color:#004419;}
#colonneDroite .accesdirects a{color:#004419;}
#colonneDroite .accesdirects h2{ background:#004419 url(../img/bg-accesdirect.gif) no-repeat right bottom;}

#colonneDroite .actualites{ border-color:#f16523;color:#f16523;  }
#colonneDroite .actualites a{color:#f16523;}
#colonneDroite .actualites h2{ background:#f16523 url(../img/bg-actualite.gif) no-repeat right bottom;margin:0}

#colonneDroite .actualites  li{margin:10px 0 0 0;}

#colonneDroite .sansBord{border:0!important;}
/* FORMATAGE DES LISTES GENERIQUES
/* ------------------------------------------------------------------------------------------------------- */
#contenu .list{ padding-bottom:1em;}
#contenu .list ul{list-style-type:none;margin:0;padding:0;}
#contenu .list p{margin:0!important;padding:0!important;}	
#contenu .list li{padding:10px 0;border-top:1px solid #ccc;clear:both;}
#contenu .list li:first-child{}

#contenu .list .listLien{  font-weight:bold}
#contenu .list h3, #contenu .list h4{ margin:0}
#contenu .list .image{ width:116px; overflow:hidden; margin:0 0 0 10px!important; float:right; background:#fff;}

#contenu .list .texte{}
#contenu .list img{border:1px solid #999999; padding:2px;display:block;}



#contenu .list div.premier{border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0;}
#contenu .list div.premier img{float:left; margin:0 10px 5px 0; border:0; padding:0}
#contenu .list div.premier .texte{ float:right}
#contenu .list .theme{ text-transform:uppercase; color:#999999;margin:0; display:inline}
#contenu .list .date{ color:#000000; font-weight:bold}

/* POUR FAIRE 2 COLONNES*/
#contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:220px; display:inline}
#contenu .list .colonnage1 {clear:left;}
#contenu .list .colonnage2 {margin-left:2%; float:right; clear:right}

#contenu .list a{ font-size:1.1em; font-weight:bold}

#contenu #publication ul{margin: 0 0 10px 0;padding:0;}
#contenu #publication li {list-style:none;margin: 0 0 20px 0;}
#contenu #publication img{float:left;margin: 0 10px 0 0;}


/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* MODULES PARTICULIERS
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
#fiche div {border:1px solid #000; margin-bottom:20px; padding:0;}
#fiche div h4 {font-size:100%;font-weight:bold; color:#000000; background-color:#C3D9FF; padding:5px; margin:0;border-bottom:1px solid #000;}
#fiche div p {padding:2px 5px;}
/*
#fiche table {background-color:#FF9900; border:2px solid #fff; border-width:1px 0 0 1px;}
#fiche table tr.tableauEntete td { color:#ee2627; font-weight:bold;}
#fiche table tr {background-color:#fff;}
#fiche table td {border:none; background-color:#ffebcc;}
#fiche table td, #fiche table th {border:2px solid #fff; border-width:0 2px 2px 0;}
#fiche table .tableauLigneAlternee {background-color:#FFEBCC;}
*/


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

#contenu #agendaConteneur {text-align:center;}
#contenu .tx-artificaagenda-pi1 {} 
#contenu .tx-artificaagenda-pi1 .calendar {text-align:center;color:#ccc;}
#contenu .tx-artificaagenda-pi1 .calendar h2 {}
#contenu .tx-artificaagenda-pi1 .calendar table {background-color:#999;}
#contenu .tx-artificaagenda-pi1 .calendar table caption {background-color:#006699; color:#fff; padding:3px;}
#contenu .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table a{ display:block;color:#999;padding:0.4em ; border:none}
#contenu .tx-artificaagenda-pi1 .calendar table a:hover {color:#000;background:#e4e4e4}
#contenu .tx-artificaagenda-pi1 .calendar td {background-color:#fff;text-align:right;padding:1px}
#contenu .tx-artificaagenda-pi1 .calendar th {background-color:#e4e4e4; color:#333;text-align:center;padding:1px}	

#contenu .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#999;color:#fff; }
#contenu .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#e4e4e4;}
#contenu .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#cc0000;color:#000000;}

#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;}

/* EMPLOI
/*-------------------------------------------------------------------------------------------------------*/
#contenu .tx-artificaofferemployment-pi1 .list li{background-color:#ebedef!important; color:#000000}
#contenu .tx-artificaofferemployment-pi1 .list li:hover{background-color:#FFFFFF!important; color:#000000}
#contenu .tx-artificaofferemployment-pi1 .list li .panier{float:right;margin-left:10px;}

/* METEO
/*-------------------------------------------------------------------------------------------------------*/

#contenu .tx-artificaweather-pi1 .day{
	height:150px;
	border:1px solid #CCCCCC;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
}
#contenu .tx-artificaweather-pi1 .day .libelle{background-color:#CCCCCC;font-weight:bold;color:#000000;text-align:center; } 
#contenu .tx-artificaweather-pi1 img{float:left;margin-right:5px;}
#contenu .tx-artificaweather-pi1 .tmp{font-weight:bold;}

/* VIDEO */
/* ------------------------------------------------------------------------------------------------------- */
.tx-artificaviewervideos-pi1 .list h2 span{display:none}
.tx-artificaviewervideos-pi1 .list ul{margin:10px 0 0 0;padding:0;}
.tx-artificaviewervideos-pi1 .list li{padding:10px 10px 10px 0;list-style-type:none!important;clear:both;}

.tx-artificaviewervideos-pi1  #player{/*float:right;margin-left:10px;margin-right:5px;*/}
.tx-artificaviewervideos-pi1 #videoPlayer{border-top:1px solid #b19f51; border-bottom:1px solid #b19f51; background-image:url(../img/fond-video.gif); background-repeat:repeat-x;padding:5px;}
.tx-artificaviewervideos-pi1 #videoPlayer .lien{border:1px solid #999999;background-color:#FFFFFF; height:15px;padding:3px;color:#999999;}
.tx-artificaviewervideos-pi1 #videoPlayer .permalien{color:#b19f51!important;font-weight:bold;}
.tx-artificaviewervideos-pi1 .list .libelle{color:#999999;}
.tx-artificaviewervideos-pi1 #videoPlayer .libelle{color:#333333;font-weight:bold}


#div-artifica-editBar {background:#C2C2C2; clear:both;}
#div-editBar {background:#C2C2C2; clear:both;}

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

#contenu .csc-sitemap ul{
	padding:0;
	margin:0;
}

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

#contenu .csc-sitemap li{
	list-style-type:none;
	list-style:none;
}
#contenu .csc-sitemap li a{
	font-weight:bold;
	font-size:120%;
	display:block;
	margin:20px 0 10px 0;
	color:#96B33D; 
	border-bottom:1px solid #96B33D;
	padding:0;
}
#contenu .csc-sitemap li ul {
	margin: 0 20px
}
#contenu .csc-sitemap li li {
	list-style-type:disc;
}

#contenu .csc-sitemap li li a{
	font-size:100%;
	font-weight:normal;
	color:#1D64B4;
	margin: 6px 0 3px 5px;
	background:none;
	display:inline;
	border:none;
	text-decoration:underline;
}

#contenu .csc-sitemap li li a:hover { text-decoration:none;  color:#1D64B4;}
#contenu .csc-sitemap li li a:visited { color:#3399CC}

#contenu .csc-sitemap li li ul {
	margin: 5px 20px
}
#contenu .csc-sitemap li li li{
	list-style-type:circle;
}
#contenu .csc-sitemap li li li a{
}

#contenu .csc-sitemap li li li li a{
	font-size:80%;
}

/* 
====================================================================================
Extension : tx-artificadeliberations-pi1
====================================================================================
*/

#colonneNormal .tx-artificadeliberations-pi1 .bottom .pagination {border-bottom:none!important; border-top:1px solid #2F7E7E;}	
#colonneNormal .tx-artificadeliberations-pi1 .bottom .paginationResult {visibility:hidden;}


#colonneNormal .tx-artificadeliberations-pi1 {}
	#colonneNormal .tx-artificadeliberations-pi1 h3 {border:none;}
	#colonneNormal .tx-artificadeliberations-pi1 .search {border:1px solid #ccc; background:#f1f1f1; padding:10px; margin:0px 0px 10px 0px;}
		#colonneNormal .tx-artificadeliberations-pi1 .list .categories {color:#2f7e7e;}
		#colonneNormal .tx-artificadeliberations-pi1 .list .date {color:#2f7e7e;}
		#contenu #colonneNormal .tx-artificadeliberations-pi1 li {width:auto;float:none;display:block;margin:0;padding:10px;}	
		#contenu #colonneNormal .tx-artificadeliberations-pi1 li.colonnage1 {background:#E9F3F3 none repeat scroll 0 0;}
		#colonneNormal .tx-artificadeliberations-pi1 .search fieldset {border:0;margin:0;padding:0}
		#colonneNormal .tx-artificadeliberations-pi1 .search .FORMvalider {text-align:center;}
		#colonneNormal .tx-artificadeliberations-pi1 .search select {margin:0;}

.associations .csc-menu {margin:0px 0px 15px 0px!important; padding:0px 0px 0px 0px!important; border-bottom:1px solid #8DB7B7;}
	.associations .csc-menu ul {margin:0px 0px 0px 20px!important; padding:5px 5px 7px 0px!important;}
	.associations .csc-menu ul li {list-style-type:disc!important; float:left; width:260px; color:#000;}
	.associations .csc-menu ul li a {color:#333333;}
	
	
.associations.special .csc-menu {display:none;}
	
.associations #colonneNormal .csc-menu {}
	.associations #colonneNormal .csc-menu ul {list-style-type:none; margin:15px 0px 0px 0px; padding:0px; border-bottom:none;}
	.associations #colonneNormal .csc-menu ul li {padding:10px 0px 15px 0px!important; border-bottom:1px dotted #999; float:none!important; width:auto!important}	
	

.associations .FORM .FORMvalider input {background-color:#2F7E7E;}
.associations .FORM fieldset {clear:both; border:1px solid #2F7E7E; margin:0px 0px 10px 0px!important; padding:0 10px 10px 10px;}
	.associations .FORM legend {background:transparent none repeat scroll 0 0; margin:0 7px; padding:0 5px 5px; color:#2F7E7E}
	
.associations .FORM .FORMsep {padding-top:10px!important; margin-bottom:0px!important;}
.associations .FORM fieldset input.FORMchamptexte, .FORM fieldset textarea.FORMchamptexte {width:97%; border:1px solid #A5ACB2;}
.associations .FORM fieldset p {margin:0 0 0.2em !important;}
.associations .FORM .comments {color:#666666;}
.associations .FORM .returnLine {clear:both; display:block;}
.associations .FORM .FORMerreur {clear:both; color:#CC0000; display:block; font-style:italic; font-weight:normal;}
.associations .FORM .FORMfocus {}	
.associations .FORM .FORMfocus {background-color:#FFFFCC!important}
.associations .FORM .FORMvalider input {background-color:#2F7E7E;}
.associations .FORM .widthAuto {width:auto!important;}

.associations .FORM .FORMlibelles {width:36%;}
.associations .FORM .FORMchamps {width:60%;}

/* 
====================================================================================
Pagination
====================================================================================
*/
	
#contenu .pagination {clear:both; color:#2F7E7E; margin:10px 0px 10px 0px; border-bottom:1px solid #2F7E7E;}
#contenu .paginationResult {float:left; padding:5px;}	
#contenu .paginationPager {float:right; padding:5px;}	
#contenu .paginationPager a {color:#2F7E7E; text-decoration:none;}		
#contenu .paginationPager a:hover {color:#2F7E7E; text-decoration:underline;}
#contenu .paginationPager .paginationPagerPrec {font-weight:bold; margin-right:10px;}
#contenu .paginationPager .paginationPagerSuiv {font-weight:bold; margin-left:10px;}		
#contenu .paginationPager .paginationPagerCourant {font-weight:bold;}		
#contenu .paginationPager .paginationPagerCourant {text-decoration:underline;}