/* =============================================================================
* LAYOUT GENERAL
* ===========================================================================*/
/* =============================================================================
* STANDARD IMPLEMENTATION & STANDARD CMS * -> Éléments utilisés par l'application et une implémentation standard du CMS * ! Atention aux spécificités des selecteurs qui peuvent être plus importantes
* ===========================================================================*/
/* =============================================================================
* INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
* ===========================================================================*/
/* =============================================================================
* BANDEAU HAUT (CHARTE GENERALE)
* ===========================================================================*/
body {
	color : #666666	
}
#bandeauHaut {
	overflow: visible;	
}
.bandeau1 {
	background: url(images/bandeau/COLLECTIVITE_bandeau1.jpg) no-repeat 310px 0;
}
.bandeau2 {
	background: url(images/bandeau/COLLECTIVITE_bandeau2.jpg) no-repeat 310px 0;
}

#menuHaut {
	background: #9564C7 url(images/COLLECTIVITE_menuHautHG.gif) no-repeat left top;
}
#menuHaut ul {
	background:  url(images/COLLECTIVITE_menuHautBD.gif) no-repeat right bottom;
}
#menuHaut a {
	color: #FFFFFF;
	background:  url(images/COLLECTIVITE_menuHautPuce.gif) no-repeat left center;
}
#filAriane {
	padding-left : 30px; 
	background:  transparent;
	color: #FFFFFF	font-weight: normal;
}
#filAriane a {
	color: #FFFFFF;
}
#bandeau {
	overflow: visible;	
}
#bandeau .tableBandeau {
	border-collapse:collapse;
	border : none;
	white-space: normal;
	padding: 0;
	margin : 0;
	width : 100%;
}
#bandeau .tableBandeau td {
	padding: 0;
	margin : 0;
}
#bandeau form {
	width : 100%;
	float : none;
	margin : 0px;
	text-align: right;
	overflow : hidden;
}
#bandeau form input{
	float : left;
	border : none;
}
#bandeau tr.bas {
	background: #9564C7 url(images/THEME_VIOLET_menuHautHG.gif) no-repeat left bottom;
}
#bandeau td.basDroite {
	background: #9564C7 url(images/THEME_VIOLET_menuHautBD.gif) no-repeat right bottom;
}
#bandeau td.basDroite #searchString {
	margin-right : 15px;
	width : 150px;
	color :#808080;	
	height : 14px;
}
/* =============================================================================
* CORPS (CHARTE GENERALE)
* ===========================================================================*/
#bandeauHaut h1 {
	color: #660099;
	float: left;
	width: 390px;
}

a {
    color: #660099;
}
/* =============================================================================
* COLONNE GAUCHE (CHARTE GENERALE)
* ===========================================================================*/
#colonneGauche h2 {
	background: #660099 url(images/COLLECTIVITE_menuH2.gif) no-repeat right top;
}
#colonneGauche h2 a {
	background-image:  url(images/COLLECTIVITE_menuPuceHome.gif);
	background-repeat: no-repeat;
}
/**************************/
#menu {
	color : #660099;
	margin-bottom : 20px;
}
#menu a{
	color : #660099;
}
#menu li {
    background: url(images/menuLi.gif) no-repeat left 8px;
    margin-top : 5px;
    padding : 0 0 0 10px;
}

#menu li.selected {
	background: url(images/THEME_VIOLET_menuLiSelected.gif) no-repeat left 10px ;
	font-weight : bold;
}
#menu li li a{
	color: #660099;
	font-weight : normal;
}
#menu li li a{
	color: #660099;
	font-weight : normal;
}
#menu li.selected ul {
	background: url(images/menuLiSelectedBG.gif) repeat-x left top ;
}
#menu li li {
    background: transparent;
    font-size : 90%;
}
#menu li li.selected {
	background: none;
	font-weight : bold;
}
#menu li li.selected a{
	color: #660099;
	font-weight : bold;
}
#accesGauche {
	margin:5px 0;
	padding:0;
}
#accesGauche li {
	line-height:16px;
	list-style-type:none;
	display:block;
	padding:4px 0 6px 0;
	font-size : 10px;
}
#accesGauche a {
	background:transparent url(images/THEME_VIOLET_menuGauchePuce.gif) no-repeat scroll left center;
	color: #660099;
	padding:4px 0 4px 20px;
	text-decoration:none;
}
/* =============================================================================
* CONTENU(CHARTE GENERALE)
* ===========================================================================*/
.accroche {
	color: #666666;
}
#contenu li {
    background: url(images/COLLECTIVITE_listePuceN1.jpg) no-repeat 0 7px;
    padding: 0 0 0 10px;
}

#contenu h2 {
	border-bottom: 2px solid #CCCCCC;
	color: #660099;
}
#contenu h3 {
	font-weight: 800;
	color: #660099;
}
#contenu table {
    border:1px solid #CCCCCC;
}
#contenu table td,#contenu table th {
    border:1px dashed #CCCCCC;
}
#contenu table thead {
    background-color:#CCCCFF;
    border:1px solid #CCCCCC;
}
#contenu .paragraphe h4 {
    color:#4F4F4F;
    /* border-bottom : 1px solid #D3D3D3;
    float : left; */
}
#contenu .tpl h4 {
    float : none;
 	border-bottom : none;
}
#contenu .paragraphe h5 {
    color:#660099;
    font-size : 12px;
   /* padding-left: 15px;
    background: url(images/THEME_VERT_sousTitre2.gif) no-repeat left 7px; */
}
#contenu .paragraphe p {
	font-size : 12px;
	color : #666666;
/*	clear : left; */
	
}

#contenu .legende dd {
    color: #660099;
}

#contenu .Accessoires a, #contenu .hautPage a {
    color: #660099;
    font-size: 85%;
}
.Accessoires li.hautPage a, #contenu .hautPage a {
    background: url(images/COLLECTIVITE_pictoHautPage.gif) no-repeat left;
    padding: 5px 0 5px 22px;
}
.Accessoires li.printInfo a {
    background: url(images/COLLECTIVITE_pictoImprimer.gif) no-repeat left;
    padding: 5px 0 5px 25px;
}
.Accessoires  li.erreurPage a {
    background: url(images/COLLECTIVITE_erreurPage.png) no-repeat left;
    padding: 5px 0 5px 25px;
}
#contenu .tpl_annuaireDetail .basAnnuaire .erreur,#contenu .tpl_agendaDetail .basAnnuaire .erreur {
	background: url(images/COLLECTIVITE_erreurAnnuaire.png) no-repeat left;
}
/* =============================================================================
* COLONNE DROITE (CHARTE GENERALE)
* ===========================================================================*/
.module h3 {
    color: #FFFFFF;
    text-align: left;
    font-size: 100%;
    padding: 5px 0 5px 10px;
    border: 1px solid #CCCCCC;
    border-top: none;
    border-right: none;
    margin: 0;
    background: #660099 url(images/THEME_VIOLET_H3_ModuleHD.gif) no-repeat top right;
}
.module .texteParagraphe {
    border: 1px solid #CCCCCC;
    padding:5px 10px;
    overflow: hidden; 
    background: #FFFFFF;
    color :  #666666;
}
.module a {
	color : #660099;
}
.module p {
    margin: 0;
}
p.moduleBasMini {
	display: none;	
}
p.moduleBas {
	background: transparent url(images/COLLECTIVITE_moduleBas.gif) no-repeat 0 0;
}

/* =============================================================================
* BANDEAU BAS (CHARTE GENERALE)
* ===========================================================================*/
#bandeauBas {
	background: #9564C7 url(images/THEME_VIOLET_menuBasBG.gif) no-repeat top left;
}
#bandeauBas ul {
	background:  url(images/THEME_VIOLET_menuBasBD.gif) no-repeat top right;
}
#bandeauBas ul a {
	background:  url(images/COLLECTIVITE_menuHautPuce.gif) no-repeat left center;
}
/* =============================================================================
* MODULES
* ===========================================================================*/
.avecBas  {
	border-width: 0;
	border-bottom: 1px solid #CCCCCC;
	background-color: #CCCCFF;
}

form .module label {
	border: 1px solid #CCCCCC;
	background-color: #9564C7;
	color: #660099;
}

form .module p {
	background-color: #660099;
}
form .module input, form .module select {
	border: 1px solid #CCCC99;
}
 
/* =============================================================================
* TPL CENTRAUX (CHARTE GENERALE)
* ===========================================================================*/
#contenu .tpl_sommairePage li {
    background: url(images/COLLECTIVITE_puceSommaire.gif) no-repeat left center;
    padding: 0 0 0 20px;
}
/* =============================================================================
* FORMULAIRES (CHARTE GENERALE)
* ===========================================================================*/
/* Non applicable au form en MDL */
/* =============================================================================
* BLOC DE NAVIGATION: résultats de recherche
* ===========================================================================*/
.blocNavigation {
	border-bottom: 1px solid #CCCCCC;
}
/* =============================================================================
 * TEMPLATE : Liste des annuaires, liste des agendas
 * ===========================================================================*/
#contenu .tpl_agendaListe h3, #contenu .tpl_actualiteListe h3 {
	border-bottom: 2px solid #CCCCFF;
	color: #333301;
}

#contenu .tpl_agendaListe .paragraphe, #contenu .tpl_actualiteListe .paragraphe {
    border-bottom: 1px solid #CCCCFF;
}


.tpl_annuaireListe h4{
    border-top: 1px solid #CCCCFF;
}

.tpl_actualiteListe #filtre label,
.tpl_agendaListe #filtre label,.tpl_annuaireListe #filtre label {
    border-bottom: 1px dashed #CCCCCC;
}

#contenu .tpl_agendaListe form fieldset, #contenu .tpl_annuaireListe form fieldset {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    background-color: #CCCCFF;
}
.tpl_agendaListe .nouvelleRecherche,.tpl_annuaireListe .nouvelleRecherche {
    color:#333301;
}
#contenu .tpl_agendaListe h4, #contenu .tpl_actualiteListe h4 {
    background: transparent url(images/COLLECTIVITE_parIMG.gif) no-repeat 0 10px !important;
}
/* =============================================================================
 * TEMPLATE : Détail des annuaires, détail des agendas
 * ===========================================================================*/ 
.tpl_agendaDetail .encadre, .tpl_actualiteDetail .encadre {
    background-color: #CCCCFF;
}


.tpl_agendaDetail .infoBase,.tpl_annuaireDetail .infoBase {
    background-color: #CCCCFF;
}

.tpl_agendaDetail .infoBaseImage,.tpl_annuaireDetail .infoBaseImage {
    background-color: #CCCCFF;
}

.tpl_annuaireDetail .description,.tpl_agendaDetail .description {
    border-bottom: 1px solid #660099;
}

.tpl_avisPublicite h3,.tpl_annuaireDetail h3,.tpl_agendaDetail h3 {
    background: #CCCCFF url(images/COLLECTIVITE_flecheH3.gif) no-repeat 5px 50%;
    padding-left:25px;
}
#contenu .tpl_plansite li {
    background: none;
}
#contenu .tpl_plansite li a{
	background: #660099 url(images/COLLECTIVITE_menuPuce.gif) repeat-y 0 50%;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
}
#contenu .tpl_plansite li li a  {
	background: transparent url(images/COLLECTIVITE_filAriane.gif) no-repeat left;
	color: #000;
}
/* =============================================================================
 * TEMPLATE : formulaire
 * ===========================================================================*/
#contenu form  fieldset {
    border:#CCCCCC solid 1px; 
    background-color: #CCCCFF;
}
#contenu form  fieldset p {
    background-color:#CCCCFF;    
}
#contenu form  legend {
    background-color: #660099;
    border:#CCCCCC solid 1px;
    color: #FFFFFF;
}
#contenu form label {
    border-bottom: 1px dashed #CCCCCC;
}
#contenu #formRecherche label,
.tpl_offreEmploiListe label,
.tpl_espacePresseListe label,
.tpl_actualiteListe label,
.tpl_agendaListe label,
.tpl_annuaireListe label {
    border-bottom:1px dashed #660099;
}
#contenu #formRecherche .nouvelleRecherche,
.tpl_offreEmploiListe .nouvelleRecherche,
.tpl_espacePresseListe .nouvelleRecherche,
.tpl_actualiteListe .nouvelleRecherche,
.tpl_agendaListe .nouvelleRecherche,
.tpl_annuaireListe .nouvelleRecherche {
    color: #660099;
}
#contenu #formRecherche fieldset,
#contenu .tpl_offreEmploiListe fieldset,
#contenu .tpl_espacePresseListe fieldset,
#contenu .tpl_actualiteListe fieldset,
#contenu .tpl_agendaListe fieldset,
#contenu .tpl_annuaireListe fieldset {
    border:none;
    border-bottom:1px solid #660099;
    border-top:1px solid #660099;
    background-color:#CCCCFF;
}
/* =============================================================================
 * TEMPLATE : tpl_annuaireAgendaMiniSite
 * ===========================================================================*/
#contenu .tpl_annuaireAgendaMiniSite h3 {
    font-size: 130%;
    color: #660099;
    margin: 10px 0;
}
.tpl_annuaireAgendaMiniSite .item p {
    padding: 5px;
}
.tpl_annuaireAgendaMiniSite .item h4 {
    background-color: #660099;
    color: #FFFFFF;
    padding: 4px 10px;
    margin: 0 0 8px 0;
    border-right: 1px solid black;
}
#contenu .tpl_annuaireAgendaMiniSite .item h4 a {
    color: #FFFFFF;
    text-decoration: none;
}
#contenu .tpl_annuaireAgendaMiniSite .item h4 a:hover {
    text-decoration: underline;
}
.tpl_annuaireAgendaMiniSite .agendaListe {
    background: url(images/encadre.gif) bottom right no-repeat;
    border-top: 1px solid black;
    border-left: 1px solid black;
}
/* =============================================================================
 * TEMPLATE : tpl_annuaireMDL
 * ===========================================================================*/
.tpl_annuaireMDL h3 {
    background:#660099;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    font-size:100%;
    margin:0pt;
    padding:5px 0pt;
    text-align:center;
}
.tpl_annuaireMDL .contenuModule {
    background-color: #CCCCFF;
    border-right:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
}
.tpl_annuaireMDL .moduleBas {
    background: url(images/COLLECTIVITE_moduleBasArrondi.gif) no-repeat scroll left bottom;
    height: 10px;
}
/* =============================================================================
 * TEMPLATE : tpl_annuaireMDL
 * ===========================================================================*/
.tpl_avisPubliciteListe h4, .tpl_avisAttirbution h4 {
	border-top: 1px solid #CCCCCC;
}
#contenu .tpl_avisPublicite h3,.tpl_avisAttirbution h3 {
	background: #CCCCFF url(images/COLLECTIVITE_flecheH3.gif) no-repeat 5px 50%; 
	color:#660099;
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	margin: 0pt 0pt 5px;
	padding: 3px 0pt 3px 25px;
}
.tpl_avisPublicite .infoBase, .tpl_avisAttribution .infoBase {
	background: #CCCCFF;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}
.tpl_avisPublicite .description, .tpl_avisAttribution .description {
	border-bottom: 1px solid #660099;
	clear: both;
	margin: 2px 0pt;
	overflow: hidden;
	padding-bottom: 10px;
	width: 100%;
}
.tpl_avisPublicite h4, .tpl_avisAttribution h4 {
	clear: both;
	font-size: 100%;
	margin: 5px 0pt;
	padding: 0pt;
	color:#660099;
}
/* =============================================================================
 * STYLE DE PARAGRAPHE 
 * ============================================================================= */
#document .paragraphe  {
	font-size: 90%;
	overflow: hidden;
}

#document #colonneDroite img,#document #contenu img,#document #colonneGauche img {
	border : none;
}
.PRS_MINI_LISERET h3{
	font-weight: 800;
	color: #660099;
	border : none;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom : 3px;
	margin-bottom : 2px;
	background: none;
}
.PRS_MINI_ENCADRE h3{
	font-weight: 800;
	color: #660099;
	border : none;
	padding-bottom : 3px;
	margin-bottom : 2px;
	background: none;
}
.PRS_MINI_FOND h3{
	color: #CCCCCC;
	border : none;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom : 3px;
	margin-bottom : 2px;
	background: none;
}

#document .PRS_MINI_FOND .texteParagraphe,
#document .PRS_MINI_FOND .texteParagraphe p,
#document .PRS_MINI_FOND .texteParagraphe h3,
#document .PRS_MINI_FOND .texteParagraphe h4,
#document .PRS_MINI_FOND .texteParagraphe h5{
	padding-left : 10px;
	padding-right : 10px; 
	color: #ffffff;
	background-color: #660099;
}
.PRS_MINI_FOND .texteParagraphe a{
	color: #FFFFFF;
}
.PRS_MINI_ENCADRE{
	border: 1px solid #D3D3D3;
	padding : 5px ;
}
.PRS_MINI_ENCADRE .texteParagraphe,
.PRS_MINI_LISERET .texteParagraphe,
.PRS_MINI_FOND .texteParagraphe {
	border: none;
	padding: 0;
}
#contenu .PRS_MINI_CITATION{
	padding: 30px 0 0 47px;
	background: transparent url(images/PRS_MINI_CITATION_G.jpg) no-repeat top left;
}
#contenu .PRS_MINI_CITATION .texteParagraphe{
	padding: 0 47px 30px 0;
	background: transparent url(images/PRS_MINI_CITATION_D.jpg) no-repeat bottom right;
}
/* =============================================================================
 * TEMPLATE : AGENDA VL Détail
 * ===========================================================================*/ 
.tpl_agendaVLDetail .reseau{
	text-align: right;
}
.tpl_agendaVLDetail .partage {
	font-size: 11px;
	font-weight: bold;
	color: #9564C7;
}
.tpl_agendaVLDetail .reseauIcons img{
	margin-bottom: -3px;
}
.tpl_agendaVLDetail h3.titre {
	background: url(images/COLLECTIVITE_AgVL_h3D.gif) no-repeat right top;
	height: 28px;
	color: #FFFFFF;
	margin-top: 10px;
}
.tpl_agendaVLDetail h3.titre span{
	background: url(images/COLLECTIVITE_AgVL_h3G.gif) no-repeat left top;
	height: 26px;
	line-height: 26px;
	color: #FFFFFF;	
	display: block;
	padding: 2px 0 0 5px;
}
#contenu .tpl_agendaVLDetail h4 {
	color: #9564C7;
}
.tpl_agendaVLDetail h4 span{
	color: #660099;
}
.tpl_agendaVLDetail .dateLieu {
	float: left;
	width: 460px;
	clear: left;	
}
.tpl_agendaVLDetail .dateLieu h5{
	font-weight: normal;
	font-style: italic;
	font-size: 90%;	
}
.tpl_agendaVLDetail .infoPlus {
	float: right;
	width: 170px;
	clear: right;	
}
.tpl_agendaVLDetail .infoPlus span {
	display: block;
	text-align: right;
	width: 100%;
	font-size: 11px;	
}
.tpl_agendaVLDetail .infoPlus span.type {
	font-weight: bold;
	color: 	
}
.tpl_agendaVLDetail .clear {
	height: 0;
	width: 100%;
	border-top: 2px dashed #CCCCCC;
	margin: 20px 0;	
	float: left;
}
.tpl_agendaVLDetail .description {
	width: 100%;
	overflow: hidden;
}
.tpl_agendaVLDetail .description img.fright{
	float: right;
}
.tpl_agendaVLDetail .savoirPlus,
.tpl_agendaVLDetail .contact {
	width: 45%;
	float: left;	
	margin: 0;
	padding: 0;
	margin: 0;
}
.tpl_agendaVLDetail .savoirPlus {
	margin-right: 10%;	
}
.tpl_agendaVLDetail .savoirPlus h4,
.tpl_agendaVLDetail .contact h4{
	background: url(images/AgVL_plus.png) no-repeat left top;
	height: 26px;
	line-height: 26px;
	padding: 0 30px;
	margin-bottom: 10px;
}
.tpl_agendaVLDetail .contact h4{
	background: url(images/AgVL_mail.png) no-repeat left top;
}

.tpl_agendaVLDetail .savoirPlus ul,
.tpl_agendaVLDetail .contact ul {
	padding: 0 0 0 10px;
	margin: 0;	
}
#contenu .tpl_agendaVLDetail .savoirPlus ul li,
#contenu .tpl_agendaVLDetail .contact ul li{
	font-size: 11px;
	padding: 0 0 0 10px;	
}
#contenu .tpl_agendaVLDetail .contact .nom{
	font-weight: bold;	
}
.tpl_agendaVLDetail .savoirPlus ul li a,
.tpl_agendaVLDetail .contact ul li a {
	text-decoration: underline;
	font-size: 11px;
	color: }

.tpl_agendaVLDetail .containerMap{
	width: 100%;
	float: left;
	margin-top: 40px;
	background: url(images/COLLECTIVITE_AgVL_mapB.jpg) no-repeat bottom left;
	padding: 3px;
	padding-top: 0;
}
.tpl_agendaVLDetail h4.titreMap{
	width: 100%;
	float: left;
	background: url(images/COLLECTIVITE_AgVL_mapH.jpg) no-repeat top left;
	height: 20px;
	padding: 8px 0 2px 10px;
	margin-left: -3px;
	font-size: 100%;
}
#contenu .tpl_agendaVLDetail p.retour{
	float: right;	
	height: 22px;
	background: url(images/COLLECTIVITE_AgVL_retourD.jpg) no-repeat top right;
	margin: 20px 0;
	padding: 0;
}
.tpl_agendaVLDetail p.retour a{
	line-height: 22px;
	height: 22px;
	background: url(images/COLLECTIVITE_AgVL_retourG.jpg) no-repeat top left;
	padding:0 5px;
	color: #FFFFFF;
	text-decoration: none;	
	display: block;
	font-size: 11px;
}
.tpl_agendaVLDetail p.retour a:hover{
	text-decoration: underline;	
}

/* =============================================================================
 * TEMPLATE : AGENDA VL Meme jour + Catégorie
 * ===========================================================================*/
#colonneDroite .tpl_agendaVLMemeJour {
	margin-bottom : 15px;
	padding:0;
	width:160px;
	background: url(images/COLLECTIVITE_AgVL_memeJourBas.jpg) no-repeat left bottom;
	overflow: hidden;
}
#colonneDroite .tpl_agendaVLMemeJour h3{
	background: transparent url(images/COLLECTIVITE_AgVL_memeJourHaut.jpg) no-repeat left top;
	width : 155px;
	color : #FFFFFF;
	height : 24px ;
	line-height: 24px;
	padding : 5px 0 5px 10px;
	font-weight : bold;
	margin : 0;
	font-size: 100%; 
}
#colonneDroite .tpl_agendaVLMemeJour ul{
	margin :0 0 5px 0;
	padding : 0px 6px; 	
}
#colonneDroite .tpl_agendaVLMemeJour li{
	background: none;
	list-style: none;
	padding:5px 0;
	margin : 0;
	font-size: 11px;
}
#colonneDroite .tpl_agendaVLMemeJour li a{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}
#colonneDroite .tpl_agendaVLMemeJour li.borderBottom {
	border-bottom: 2px solid #efefef;
}
#colonneDroite .tpl_agendaVLcategorie {
	width: 160px;
	margin:15px 10px 15px 0;
	padding:0 0 5px 0;
	background: url(images/COLLECTIVITE_AgVL_categorieBas.jpg) no-repeat left bottom;
}
#colonneDroite .tpl_agendaVLcategorie h3{
	background: transparent url(images/COLLECTIVITE_AgVL_categorieHaut.jpg) no-repeat left top;
	color : #FFFFFF;
	height : 21px ;
	line-height: 21px;
	padding : 0 0 0 5px;
	font-weight : bold;
	margin : 0;
	font-size: 100%; 
}
#colonneDroite .tpl_agendaVLcategorie ul{
	border-left : 1px solid #660099;
	border-right: 1px solid #660099;
	margin :0;
	padding : 5px 0; 	
}
#colonneDroite .tpl_agendaVLcategorie li{
	background:transparent url(images/COLLECTIVITE_listePuceN1.jpg) no-repeat scroll 5px 10px;
	padding:5px 5px 5px 15px;
	margin : 0;
	list-style: none;
	font-size: 11px;
}
#colonneDroite .tpl_agendaVLcategorie li a{
	font-size: 11px;
}
/* =============================================================================
 * TEMPLATE : AGENDA VL Liste (contenu)
 * ===========================================================================*/ 
#contenu .tpl_agendaVLListe {
	overflow: hidden;
	zoom:1;	
}
#contenu .tpl_agendaVLListe h2 {
	font-size:18px;
	color : #FFFFFF;
	height : 33px;
	line-height: 33px;
	padding: 0 5px;
	height : 40px;
	line-height : 40px;
	border: none;
	margin :0;
	background: #9564C7 url(images/COLLECTIVITE_AgVL_ongletH2.png) no-repeat right top;
}
#contenu .tpl_agendaVLListe .evenement {
	overflow: hidden;
	border-top : 1px solid #CCCCCC;
	padding : 10px 5px;
}
#contenu .tpl_agendaVLListe .border {
	border-left: 5px solid #9564C7;
	border-right: 5px solid #9564C7;
	padding : 0 5px;
}
#contenu .tpl_agendaVLListe .evenement:hover {
	background: #EFEFEF;
	border-top : 1px solid #FFFFFF;
}
#contenu .tpl_agendaVLListe div.paragraphe:hover .evenement {
	background: #EFEFEF;
	border-top : 1px solid #FFFFFF;
}
#contenu .tpl_agendaVLListe .first,#contenu .tpl_agendaVLListe div.first:hover {
	border-top : none;
}
#contenu .tpl_agendaVLListe .first,#contenu .tpl_agendaVLListe div.paragraphe:hover .first{
	border-top : none;
}
#contenu .tpl_agendaVLListe .evenement img{
	/* width : 150px; */	
	float : left;
	display: block;
	margin-right : 5px;
}
#contenu .tpl_agendaVLListe .enSavoirPlus {
	text-align : right;
}
#contenu .tpl_agendaVLListe .enSavoirPlus a{
	font-size : 11px;
	line-height : 12px;
	background : transparent url(images/enSavoirPlus.gif) no-repeat left 3px;
	padding : 0 5px 0 13px;	
}
#contenu .tpl_agendaVLListeBas {
	background: transparent url(images/COLLECTIVITE_AgVL_basDiv.png) no-repeat left bottom;
	padding-bottom : 5px;
}
/* =============================================================================
 * TEMPLATE : AGENDA VL Liste Courte durée
 * ===========================================================================*/ 
#contenu .tpl_agendaListeCD .bordureHaut, #contenu .tpl_agendaListeCD .bordureBas {
	overflow: hidden;	
	font-size : 11px;
	font-weight: bold;
	float : left;
	width: 100%;
	display: inline;
}
#contenu .tpl_agendaListeCD .bordureHaut .recherche {
	float : right;
	margin-top : 5px;
	font-weight: normal;	
}
#contenu .tpl_agendaListeCD ul {
	overflow : hidden;
	padding : 0;	
	float : left;
	margin : 0;	
	zoom : 1;
	width : auto;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li {
	float : left;
	display : inline;
	padding : 0;
	margin : 0;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li a{
	background: transparent url(images/COLLECTIVITE_AgVL_ongletHG.png) no-repeat left top ;
	padding:0 0 0 5px;
	margin-right:5px;
	text-decoration: none;
	display : block;
	float : left;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li a span{
	line-height : 25px;
	height : 25px;
	background:  #CCCCFF url(images/COLLECTIVITE_AgVL_ongletHD.png) no-repeat right top;
	padding:0 5px;
	display : block;
	float : left;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li.selected a , #contenu .tpl_agendaListeCD .bordureHaut ul li a:hover {
	background : transparent url(images/COLLECTIVITE_AgVL_ongletHGSel.png) no-repeat left top;
	padding-left:5px;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li.selected a span ,#contenu .tpl_agendaListeCD .bordureHaut ul li a:hover span{
	background: #CCCCFF url(images/COLLECTIVITE_AgVL_ongletHDSel.png) no-repeat right	top ;
	padding-right:5px;
}
#contenu .tpl_agendaListeCD .container{
	background: transparent url(images/COLLECTIVITE_AgVL_containerHaut.png) no-repeat right top;
	float : left;
	overflow: hidden;
	zoom : 1;
}
#contenu .tpl_agendaListeCD h2 {
	font-size:18px;
	font-weight: bold;
	height : 33px;
	line-height : 33px;
	float : left;
	display: inline;	
	padding: 0 5px;
	border: none;
	margin :0;
	color : #660099;
	background : transparent;
	overflow: hidden;
	zoom:1;
}
#contenu .tpl_agendaListeCD .container ul {
	float : right	;
	display: inline;	
	overflow : hidden;
	height : 26px;
	margin : 7px 0 0 0
}
#contenu .tpl_agendaListeCD .container ul li {
	float : left;
	display : inline;
	background : none ;
	padding : 0  ;
	margin-right : 5px;
	overflow: hidden;
}
#contenu .tpl_agendaListeCD .container ul li a{
	background:  transparent url(images/AgVL_ongletMG.gif) no-repeat left top;
	text-decoration: none;
	line-height : 20px;
	padding: 0 0 0 5px;
	display : block;
}
#contenu .tpl_agendaListeCD .container ul li a span {
	background: transparent url(images/AgVL_ongletMD.gif) no-repeat right top;
	padding : 0 5px 6px 0 ;
	display : block;
}
#contenu .tpl_agendaListeCD .container ul li.selected a,#contenu .tpl_agendaListeCD .container ul li a:hover {
	background: transparent url(images/AgVL_ongletMGSel.gif) no-repeat left top ;
}
#contenu .tpl_agendaListeCD .container ul li.selected span, #contenu .tpl_agendaListeCD .container ul li a:hover span {
	background: transparent url(images/AgVL_ongletMDSel.gif) no-repeat right top ;	
}
#contenu .tpl_agendaListeCD .container div#map, #contenu .tpl_agendaListeCD .container div#liste{
	float : left;
	border-right: 1px solid #CCCCFF;
	border-left : 1px solid #CCCCFF;
	padding : 10px 0;
	width : 628px; 
}
#contenu .tpl_agendaListeCD .container .paragraphe {
	padding : 5px 0px	;
	margin : 0 10px;
	background: transparent url(images/COLLECTIVITE_AgVL_ongletH3.png) repeat-x -5px 5px ;
}
#contenu .tpl_agendaListeCD .container .paragraphe h3{
	background: #FFFFFF;
	display: inline;
	padding : 0 10px ;
	margin-left : -10px
}
#contenu .tpl_agendaListeCD .bordureBas p.paginationDate {
	width : 100%;
	float: left;
	overflow: hidden;
	background: #CCCCFF;
}
#contenu .tpl_agendaListeCD .bordureBas p.paginationDate a{
	line-height: 20px;
	height : 20px;
	background: transparent url(images/AgVL_ongletPD.gif) no-repeat right ;
	padding:5px 11px 5px 0;
	display : block;
	float : left;
}
#contenu .tpl_agendaListeCD .bordureBas p.paginationDate span.precedent {
	background: transparent url(images/AgVL_ongletPG.gif) no-repeat left ;
	display : block;
	float : left;
	margin : 0 0 0 5px;
	padding-left : 11px;
}
#contenu .tpl_agendaListeCD .bordureBas p.paginationDate span.suivant {
	background: transparent url(images/AgVL_ongletPG.gif) no-repeat left ;
	display : block;
	float : right;
	margin : 0 5px 0 0;
	padding : 0 0 0 11px;
}
#contenu .tpl_agendaListeCD .bordureBas ul li {
	float : left;
	display : inline;
	padding : 0;
	margin : 0;
}
#contenu .tpl_agendaListeCD .bordureBas ul li a{
	background: transparent url(images/COLLECTIVITE_AgVL_ongletBG.png) no-repeat left top ;
	padding:0 0 0 5px;
	margin-right:5px;
	text-decoration: none;
	display : block;
	float : left;
}
#contenu .tpl_agendaListeCD .bordureBas ul li a span{
	line-height : 25px;
	height : 25px;
	background:  #CCCCFF url(images/COLLECTIVITE_AgVL_ongletBD.png) no-repeat right top;
	padding:0 5px;
	display : block;
	float : left;
}
#contenu .tpl_agendaListeCD .bordureBas ul li.selected a , #contenu .tpl_agendaListeCD .bordureBas ul li a:hover {
	background : transparent url(images/COLLECTIVITE_AgVL_ongletBGSel.png) no-repeat left top;
	padding-left:5px;
}
#contenu .tpl_agendaListeCD .bordureBas ul li.selected a span ,#contenu .tpl_agendaListeCD .bordureBas ul li a:hover span{
	background: #CCCCFF url(images/COLLECTIVITE_AgVL_ongletBDSel.png) no-repeat right	top ;
	padding-right:5px;
}