/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 990px;
	margin: auto;
	font-size:95%;
}
#bandeauHaut {
	width: 100%;
	overflow: hidden;
}
#corps {
	overflow: hidden;
	width: 100%;
}
#colonneGauche {
	float: left;
	width: 170px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 630px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width: 790px;
}
#colonneDroite {
	float: right;
	width: 170px;
	/*margin-top: -20px;*/
}
#bandeauBas {}
/* =============================================================================
 * 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 
 * ===========================================================================*/
/* Implémentation au cas par cas  */
.clear {clear : both;}
input.case {border: none;}
label.enLigne {
	float: none;
	display: inline;
}
#contenu label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
p.action {}
p.action input {}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.notDisplay {display: none;}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft, dl.alignleft  {float: left; margin: 0 5px 5px 0;}
img.alignright, dl.alignright {float: right; margin: 0 0 5px 5px;}

.module .legende {
    margin: auto;
}
dt {
    font-weight: bold;
    margin: 5px 0;
}
dd {
    margin:0;
    padding:0;
}
#document .legende dd {
    font-style: italic;
    margin:0;
    padding:0;
    font-size: 85%;
    text-align: left;
}
th {
    text-align:center;
}
a img, img {border-width: 0;}
a:hover, a:focus {text-decoration: none;}
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
}
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/

#bandeau {
    overflow: hidden;
    width: 100%;
    margin-top: 3px;
}
#bandeau .tableBandeau {
    width: 100%;
}
#logo {
	float: left;
	margin-left: 20px;
}
#bandeau form {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	width: 160px;
}
#menuHaut {
	margin-top: 3px;
}
#menuHaut ul {
	margin: 0;
	padding: 3px 0;
	text-align: center;
	clear: both;
	width: 100%;
	overflow: hidden;
}
#menuHaut li {
    float: left;
	display: inline;
	list-style-type: none;
	line-height: 16px;
}
#menuHaut li.accesPortail a {
margin:0pt 180px 0pt 15px;
}
#menuHaut a {
	margin: 0 5px;
    padding: 3px 0 3px 20px;
	text-decoration: none;	
	font-size: 80%;
}
#filAriane {
	padding: 4px 0 4px 195px;
	margin: 0;
	font-weight: bold;
	font-size: 80%;
}
#filAriane a {
	text-decoration: underline;
}
#filAriane a:hover{
	text-decoration: none;
}
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/

#bandeauHaut h1 {
	margin: 0 80px;
	padding: 2px;
	font-size: 250%;
	text-align: center;
	/*float: left;*/
	
}
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {
    padding:20px 0 0 0;
}

#menu a {
    color: #fff;
    text-decoration: none;
}
#colonneGauche h2 a:hover, #menu li a:hover {
	text-decoration: underline;
}
#menu {
	padding: 0;
	margin: 5px 0 5px 0;
}
#menu li {
    margin: 0;
    padding: 0 0 0 25px;
	list-style: none;
	overflow: hidden;
}
#menu ul {
	padding: 0;
	margin: 0 0 0 2px;
}
#menu li a{
    padding: 4px 0 6px 10px;
    display: block;
    width: 133px;
}
#menu li .bas {
    display: block;
    width: 143px;
    margin: 0;
}
#menu li.selected .haut {
    display: block;
    width: 143px;
    margin: 0;
}
#menu li .haut {
    display: block;
    width: 143px;
    margin: 0;
}
#menu li li {
	padding: 0;	
}
#menu li li a{
    padding-left: 25px;
    width: 118px;
    color: #333300;
}
#menu li li li a{
    padding-left: 40px;
    width: 118px;
    color: #333300;
}
#document .petit {
	font-size : 10px;	
}
#document .moyen {
	font-size : 12px;	
}
#document .grand {
	font-size : 14px;	
}
#document .tresGrand {
	font-size : 16px;	
}

/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#captcha {
	vertical-align: top;
}
#contenu {
	margin-left: 10px;
	margin-top: 30px;
}
#contenu .accroche{
	font-weight: bold;
	padding-bottom: 15px;
}
#contenu h2{
	font-size: 180%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
#contenu p {
    margin: 0;
}
#contenu .texteParagraphe img, #contenu .tpl_annuaireListe img, #contenu .tpl_agendaListe img , #colonneDroite .texteParagraphe img, #colonneGauche .texteParagraphe img {
    border: 1px solid #000;
}
#contenu ul {
    list-style-type: none;
}
#contenu li {
    margin:0;
}
#contenu ol li li {
    background: none;
    padding:0 0 3px 0;
}
#contenu ol li {
    background: none;
    padding:0 0 3px 0;
}
#contenu table {
    border-collapse:collapse;
    margin: 10px;
    border: 1px solid #CDCBCE;
    width: 85%;
}
#contenu td, th {
    border: 1px dashed #CCCCCC;
}
#contenu .Accessoires, #contenu .hautPage {
    text-align: right;
    clear: both;
}
#contenu .Accessoires li {
    display: inline;
    background-image: none;
}
.paragraphe {
	/*overflow: hidden;
	width: 100%;*/
	margin-bottom: 15px;
	clear: both;
}
.paragraphe p {
	padding: 5px 0;
}
.paragraphe ul p {
	padding: 0;
}
.paragraphe h3 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.paragraphe h4 {
	font-size: 105%;
	margin: 0;
	padding: 5px 0 0 0;		
}
.paragraphe h5 {
	font-size: 100%;
	margin: 0;
	padding: 5px 0 0 0;		
}
div.PRS_ENCADREPORTAIL, div.PRS_ENCADREECONOMIE, div.PRS_ENCADREBIBLIOTHEQUE,
div.PRS_ENCADRECOLLECTIVITE, div.PRS_ENCADREAGRICULTURE, div.PRS_ENCADREASSOCIATION,
div.PRS_ENCADREECOLE, div.PRS_ENCADREPATRIMOINE, div.PRS_ENCADRETOURISME {
	border-left: 1px solid #003300;
	border-top: 1px solid #003300;
	background: #fff url(images/encadre.gif) no-repeat right bottom;
    position: relative;
}
div.PRS_ENCADREPORTAIL .texteParagraphe, div.PRS_ENCADREECONOMIE .texteParagraphe, div.PRS_ENCADREBIBLIOTHEQUE .texteParagraphe,
div.PRS_ENCADRECOLLECTIVITE .texteParagraphe, div.PRS_ENCADREAGRICULTURE .texteParagraphe, div.PRS_ENCADREASSOCIATION .texteParagraphe,
div.PRS_ENCADREECOLE .texteParagraphe, div.PRS_ENCADREPATRIMOINE .texteParagraphe, div.PRS_ENCADRETOURISME .texteParagraphe {
    margin: 10px 10px 0 10px;
    clear: both;
}
div.PRS_COULEURECONOMIE, div.PRS_COULEURPORTAIL,
div.PRS_ENCADREPORTAIL, div.PRS_ENCADREECONOMIE, div.PRS_BARETTEPORTAIL, div.PRS_BARETTEECONOMIE,
div.PRS_ENCADREBIBLIOTHEQUE, div.PRS_BARETTEBIBLIOTHEQUE,
div.PRS_ENCADRECOLLECTIVITE, div.PRS_BARETTECOLLECTIVITE,
div.PRS_ENCADREAGRICULTURE, div.PRS_BARETTEAGRICULTURE,
div.PRS_ENCADREASSOCIATION, div.PRS_BARETTEASSOCIATION,
div.PRS_ENCADREECOLE, div.PRS_BARETTEECOLE,
div.PRS_ENCADREPATRIMOINE, div.PRS_BARETTEPATRIMOINE,
div.PRS_ENCADRETOURISME, div.PRS_BARETTETOURISME  {
    width: 100%;
    clear: both;
}
div.PRS_WIDTH_33G {
	 width: 31.5%;
	 float: left;
	 clear: both;
}
div.PRS_WIDTH_33C {
	width: 31.5%;
	margin-left: 2.2%;
	float: left;
	clear: none;
}
div.PRS_WIDTH_33D {
	width: 31.5%;
	float: right;
	clear: none;
}
div.PRS_WIDTH_66G {
	width: 65%;
	float: left;
	clear: both;
}
div.PRS_WIDTH_66D {
	width: 65%;
	float: right;
	clear: none;
}
div.PRS_WIDTH_50G {
	width: 48%;
	float: left;
	clear: both;
}
div.PRS_WIDTH_50D {
	width: 48%;
	float: right;
	clear: none;
}
#contenu .PRS_WIDTH_50G_CIT {
	width : 270px;
	float : left;	
}
#contenu .PRS_WIDTH_50D_CIT {
	width : 270px;
	float : right;	
}
#contenu .PRS_WIDTH_66G_CIT {
	width : 340px;
	float : left;	
}
#contenu .PRS_WIDTH_66D_CIT {
	width : 340px;
	float : right;	
}
div.PRS_ENCADREPORTAIL h3, div.PRS_ENCADREECONOMIE h3, div.PRS_BARETTEPORTAIL h3,
div.PRS_BARETTEECONOMIE h3, div.PRS_BARETTEBIBLIOTHEQUE h3, div.PRS_ENCADREBIBLIOTHEQUE h3,
div.PRS_BARETTECOLLECTIVITE h3, div.PRS_ENCADRECOLLECTIVITE h3, div.PRS_BARETTEAGRICULTURE h3, 
div.PRS_ENCADREAGRICULTURE h3, div.PRS_BARETTEASSOCIATION h3, div.PRS_ENCADREASSOCIATION h3, 
div.PRS_ENCADREECOLE h3, div.PRS_BARETTEECOLE h3, div.PRS_ENCADREPATRIMOINE h3,
div.PRS_BARETTEPATRIMOINE h3, div.PRS_ENCADRETOURISME h3, div.PRS_BARETTETOURISME h3 {
	margin: 0;
 	font-style: italic;
 	padding: 0 0 0 78px;
}
div.PRS_ENCADREPORTAIL h3, div.PRS_ENCADREECONOMIE h3, div.PRS_ENCADREBIBLIOTHEQUE h3,
div.PRS_ENCADRECOLLECTIVITE h3, div.PRS_ENCADREAGRICULTURE h3, div.PRS_ENCADREASSOCIATION h3, 
div.PRS_ENCADREECOLE h3, div.PRS_ENCADREPATRIMOINE h3, div.PRS_ENCADRETOURISME h3 {
 	position: absolute;
 	width: 100%;
 	top: -10px;
 	left: -1px;
}
div.PRS_ENCADREPORTAIL .titreH3encadre, div.PRS_ENCADREECONOMIE .titreH3encadre, div.PRS_ENCADREBIBLIOTHEQUE .titreH3encadre,
div.PRS_ENCADRECOLLECTIVITE .titreH3encadre, div.PRS_ENCADREAGRICULTURE .titreH3encadre, div.PRS_ENCADREASSOCIATION .titreH3encadre,
div.PRS_ENCADREECOLE .titreH3encadre, div.PRS_ENCADREPATRIMOINE .titreH3encadre, div.PRS_ENCADRETOURISME .titreH3encadre {
    background-color: #fff;
    padding: 0 10px;
}
div.PRS_BARETTEPORTAIL h3, div.PRS_BARETTEECONOMIE h3, div.PRS_BARETTEBIBLIOTHEQUE h3,
div.PRS_BARETTECOLLECTIVITE h3, div.PRS_BARETTEECOLE h3, div.PRS_BARETTETOURISME h3,
div.PRS_BARETTEPATRIMOINE h3, div.PRS_BARETTEAGRICULTURE h3, div.PRS_BARETTEASSOCIATION h3 {
	padding: 0 0 0 85px;
}
div.PRS_ENCADREPORTAIL h3, div.PRS_BARETTEPORTAIL h3 {
	background: transparent url(images/SUDGRE_parH3.gif) no-repeat 0 5px;
}
div.PRS_ENCADREECONOMIE h3, div.PRS_BARETTEECONOMIE h3 {
	background: transparent url(images/ECONOMIE_parH3.gif) no-repeat 0 5px;
}
div.PRS_ENCADREBIBLIOTHEQUE h3, div.PRS_BARETTEBIBLIOTHEQUE h3 {
	background: transparent url(images/BIBLIOTHEQUE_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADRECOLLECTIVITE h3, div.PRS_BARETTECOLLECTIVITE h3 {
	background: transparent url(images/COLLECTIVITE_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADREAGRICULTURE h3, div.PRS_BARETTEAGRICULTURE h3 {
	background: transparent url(images/AGRICULTURE_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADREASSOCIATION h3, div.PRS_BARETTEASSOCIATION h3 {
	background: transparent url(images/ASSOCIATION_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADREECOLE h3, div.PRS_BARETTEECOLE h3 {
	background: transparent url(images/ECOLE_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADREPATRIMOINE h3, div.PRS_BARETTEPATRIMOINE h3 {
	background: transparent url(images/PATRIMOINE_parH3.gif) no-repeat left 5px;
}
div.PRS_ENCADRETOURISME h3, div.PRS_BARETTETOURISME h3 {
	background: transparent url(images/TOURISME_parH3.gif) no-repeat left 5px;
}
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite{
    padding-top: 20px;
}
#colonneDroite form {
    margin: 0;
    padding: 0;
}
/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {
	clear: both;
	margin-top: 10px;
	overflow:hidden;
	width:100%;
}
#bandeauBas ul {
	margin: 0;
	padding: 3px 0 5px 0;
	text-align: center;
	list-style-type: none;
}
#bandeauBas li {
	display: inline;
	padding: 0 40px;
}
#bandeauBas ul a {
	color: #fff;
	background: url(images/menuHautPuce.gif) no-repeat left center;	
	padding: 3px 0 3px 20px;
	text-decoration: none;	
	font-size: 80%;
}
#bandeauBas ul .rss{
	color: #fff;
	margin:0 0 0 5px;
	padding:  4px 0 4px 20px;
	background:  url(images/menuBasRSS.gif) no-repeat left center;
}
#partenaires {
    text-align: center;
    margin: 0;
    padding: 5px 0;
}
#partenaires li {
    display: inline;
    width: 33%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#partenaires li img {
    vertical-align: top;
}
#partenaires a {
    font-size: 85%;
    text-decoration: none;
    color: #000;
    margin: 0 5%;
}
/* =============================================================================
 * MODULES
 * ===========================================================================*/
.module {
	margin-bottom: 10px;
	font-size: 90%;}
.avecBas {
	margin-bottom: 0;
}
.module h3, form .module label {
	text-align: center;
	font-size: 100%;
}
.module .texteParagraphe {
    font-size: 100%;
    overflow: hidden;
    height: 100%;    
}
.module h3 {
	padding: 12px 0 2px 0;
	margin: 0;
}
form .module label {
	font-weight: bold;
	display: block;
	padding: 2px 0;
}
h3#AGENDA {
	text-align: center;
	border-bottom-width: 0;
	padding: 2px 0 2px 0;
	margin: 0;
	font-size: 140%;
}
.module p {
	margin: 0;
	padding: 4px;
}
form .module p {
	text-align: center;
	padding: 5px 0;
}
form .module select {
    font-size: 95%;
    width:140px;
}
p.moduleBas {
	margin: 0;
	padding: 2px 4px 2px 0;
	text-align: right;
}
#colonneDroite .moduleBas {
	margin: 0 0 15px 0;
	padding: 2px 4px 0 0;
	text-align: right;
}
p.moduleBas input {
	border-width: 0;
}
#Annuaire h3 {
    padding: 2px 0;
}
#Annuaire label {
    font-size:90%;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {}
legend {}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.tpl_formulaire .commentaire {
    font-weight: normal;
    font-style: italic;
}
/* Non applicable au form en MDL 
#contenu p label {
	float: left;
	width: 20%;
}
*/
/*
#contenu form label {
    width: 48%;
	margin-right: 2%;
    float:left;
    font-weight:bold;
}
#contenu form input.enLigne {
	float: none;
	display: inline;
	width: auto;
}
#contenu form textarea,#contenu form input,#contenu form select {
    float: right;
    width:48%;
    margin:0 5px 0 0;
}
#contenu form .submit { 
    margin:10px 5px 0 50px;
    width:auto;
    float:right;
    border:none;
}
*/
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}

/* =============================================================================
 * TEMPLATE : Liste des flux rss
 * ===========================================================================*/
#contenu .tpl_rss .PRS_BARETTEPORTAIL h3,
#contenu .tpl_rss .PRS_BARETTEECONOMIE h3,
#contenu .tpl_rss .PRS_BARETTEAGRICULTURE h3,
#contenu .tpl_rss .PRS_BARETTEPATRIMOINE h3,
#contenu .tpl_rss .PRS_BARETTETOURISME h3,
#contenu .tpl_rss .PRS_BARETTEBIBLIOTHEQUE h3,
#contenu .tpl_rss .PRS_BARETTEECOLE h3,
#contenu .tpl_rss .PRS_BARETTEASSOCIATION h3,
#contenu .tpl_rss .PRS_BARETTECOLLECTIVITE h3 {
    margin: 10px 0 0 5px;
}
#contenu .tpl_rss h4 {
    margin: 6px 0;
}
/* =============================================================================
 * TEMPLATE : Liste des annuaires, liste des agendas
 * ===========================================================================*/
#contenu .tpl_sommairePage a {
    font-weight: bold;
}

#contenu .tpl_agendaListe img, #contenu .tpl_actualiteListe img {
    margin-bottom: 3px;
}

#contenu .tpl_agendaVLListe .blocNavigation {
    display: inline;
}

#contenu .tpl_agendaListe .alter0 img, #contenu .tpl_actualiteListe .alter0 img {
    float: left;
    margin-right: 3px;
}

#contenu .tpl_agendaListe .alter1 img, #contenu .tpl_actualiteListe .alter1 img {
    float: right;
    margin-left: 3px;
}

#contenu .tpl_agendaListe h4.SIT_AGRICULTURE, #contenu .tpl_actualiteListe h4.SIT_AGRICULTURE {
    background: transparent url(images/AGRICULTURE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_ASSOCIATION, #contenu .tpl_actualiteListe h4.SIT_ASSOCIATION {
    background: transparent url(images/ASSOCIATION_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_BIBLIOTHEQUE, #contenu .tpl_actualiteListe h4.SIT_BIBLIOTHEQUE {
    background: transparent url(images/BIBLIOTHEQUE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_COLLECTIVITE, #contenu .tpl_actualiteListe h4.SIT_COLLECTIVITE {
    background: transparent url(images/COLLECTIVITE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_ECOLE, #contenu .tpl_actualiteListe h4.SIT_ECOLE {
    background: transparent url(images/ECOLE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_ECONOMIE, #contenu .tpl_actualiteListe h4.SIT_ECONOMIE {
    background: transparent url(images/ECONOMIE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_PATRIMOINE, #contenu .tpl_actualiteListe h4.SIT_PATRIMOINE {
    background: transparent url(images/PATRIMOINE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_SUDGRE, #contenu .tpl_actualiteListe h4.SIT_SUDGRE {
    background: transparent url(images/SUDGRE_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h4.SIT_TOURISME, #contenu .tpl_actualiteListe h4.SIT_TOURISME {
    background: transparent url(images/TOURISME_parIMG.gif) no-repeat 0 10px;
}
#contenu .tpl_agendaListe h3, #contenu .tpl_actualiteListe h3 {
	font-size: 180%;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
#contenu .tpl_agendaListe h4, #contenu .tpl_actualiteListe h4 {
    padding-left: 105px;
    margin-bottom: 2px;
}
#contenu .tpl_agendaListe .paragraphe, #contenu .tpl_actualiteListe .paragraphe {
    margin-bottom: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    width:100%;
}
#contenu .tpl_agendaListe .texteParagraphe,#contenu .tpl_actualiteListe .texteParagraphe  {
    margin: 5px 0;
}

#contenu .tpl_annuaireListe h4 {
    margin-top: 3px;
}
#contenu .tpl_offreEmploiListe p, 
#contenu .tpl_espacePresseListe p {
    margin: 0;
    padding: 2px 0;
    overflow: hidden;
    width: 100%;
}
#contenu .tpl_annuaireListe p {
    margin: 0;
    padding: 2px 0;
}
.tpl_offreEmploiListe .filArianeNav,
.tpl_espacePresseListe .filArianeNav,
.tpl_actualiteListe .filArianeNav,
.tpl_agendaListe .filArianeNav,
.tpl_annuaireListe .filArianeNav {
    font-size: 80%;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}
.tpl_offreEmploiListe .blocNavigation,
.tpl_espacePresseListe .blocNavigation,
.tpl_actualiteListe .blocNavigation,
.tpl_agendaListe .blocNavigation,
.tpl_annuaireListe .blocNavigation{
    border: none;
    display: inline; 
}
.tpl_offreEmploiListe .resultatNavigation,
.tpl_espacePresseListe .resultatNavigation,
.tpl_actualiteListe .resultatNavigation,
.tpl_agendaListe .resultatNavigation,
.tpl_annuaireListe .resultatNavigation{
    display: inline;
}
.tpl_offreEmploiListe .regletteNavigation,
.tpl_espacePresseListe .regletteNavigation,
.tpl_actualiteListe .regletteNavigation,
.tpl_agendaListe .regletteNavigation,
.tpl_annuaireListe .regletteNavigation{
    margin: 0;
    padding-bottom: 5px;
    display: block;
    text-align: left;
}
.tpl_offreEmploiListe dl,
.tpl_espacePresseListe dl,
.tpl_planningFormationListe dl {
    margin: 0;
    padding:0;
}

.tpl_offreEmploiListe dt,
.tpl_espacePresseListe dt,
.tpl_planningFormationListe dt {
    font-weight:bold;
    margin: 5px 0 0 0;
    padding:10px 0 0 0;
}
.tpl_offreEmploiListe dd,
.tpl_espacePresseListe dd,
.tpl_planningFormationListe dd {
    margin:0;
    padding:4px;
    width:100%;
    overflow:hidden;
}
.tpl_annuaireListe .item {
    width:100%;
    overflow:hidden;
}
.tpl_annuaireListe .item img {
    float: right;
    margin:3px 0 3px 3px;
}
    

.tpl_login input,
.tpl_offreEmploiListe input, .tpl_offreEmploiListe select,
.tpl_espacePresseListe input, .tpl_espacePresseListe select,
.tpl_actualiteListe input, .tpl_actualiteListe select,
.tpl_agendaListe input,.tpl_agendaListe select,
.tpl_annuaireListe input,.tpl_annuaireListe select,
.tpl_newsletter input, .tpl_newsletter select, .tpl_newsletter textarea,
.tpl_abonnementEspacePresse input, .tpl_abonnementEspacePresse select {
    float: right;
    width:48%;
    margin:0 5px 0 0;
}
.tpl_agendaListe .date,.tpl_actualiteListe .date {
    width:auto;
    float:none;
}
.tpl_agendaListe .champDate,.tpl_actualiteListe .champDate {
    float: right;
    width: 49%;
}
.tpl_login .submit,
.tpl_newsletter .submit input,
.tpl_abonnementEspacePresse .submit input,
.tpl_offreEmploiListe .submit input,
.tpl_espacePresseListe .submit input,
.tpl_actualiteListe .submit input,
.tpl_agendaListe .submit input,
.tpl_annuaireListe .submit input { 
    margin:10px 5px 0 50px;
    width:auto;
    float:right;
    border:none;
}
#contenu .tpl_login label, 
#contenu .tpl_newsletter label,
#contenu .tpl_abonnementEspacePresse label,
#contenu .tpl_offreEmploiListe label,
#contenu .tpl_espacePresseListe label,
#contenu .tpl_actualiteListe label,
#contenu .tpl_agendaListe label,
#contenu .tpl_annuaireListe label {
    width: 48%;
    margin: 0 0 0 3px;
}
#contenu .tpl_offreEmploiListe .nouvelleRecherche,
#contenu .tpl_espacePresseListe .nouvelleRecherche,
#contenu .tpl_actualiteListe .nouvelleRecherche,
#contenu .tpl_agendaListe .nouvelleRecherche,
#contenu .tpl_annuaireListe .nouvelleRecherche {
    font-weight:900;
    font-style:italic;
    font-size:140%;
}
.tpl_offreEmploiListe #formRecherche fieldset,
.tpl_espacePresseListe #formRecherche fieldset,
.tpl_actualiteListe #formRecherche fieldset,
.tpl_agendaListe #formRecherche fieldset,
.tpl_annuaireListe #formRecherche fieldset {
    border:none;
    padding:0px 0 10px 0;
    overflow:hidden;
    width:100%;
}
/* =============================================================================
 * TEMPLATE : Détail des annuaires, détail des agendas
 * ===========================================================================*/ 
.tpl_annuaireDetail .basAnnuaire,.tpl_agendaDetail .basAnnuaire  {
	text-align:left;
	border-bottom: 1px solid;
	padding-left: 0;
	padding-bottom: 20px;
	list-style: none;
}

#contenu .tpl_annuaireDetail .basAnnuaire li,#contenu .tpl_agendaDetail .basAnnuaire li {
	background-image: none;
	display: inline;
	padding-left: 20px;
}

.tpl_agendaDetail .encadre, .tpl_actualiteDetail .encadre {
    margin: 10px 0;
    padding: 2%;
    overflow: hidden;
    width:96%;
}
.tpl_agendaDetail .encadre h4, .tpl_actualiteDetail .encadre h4 {
    display: inline;
}
.tpl_agendaDetail .SIT_SUDGRE h3, .tpl_actualiteDetail .SIT_SUDGRE h3 {
    background: transparent url(images/SUDGRE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_ECOLE h3, .tpl_actualiteDetail .SIT_ECOLE h3 {
    background: transparent url(images/ECOLE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_ECONOMIE h3, .tpl_actualiteDetail .SIT_ECONOMIE h3 {
    background: transparent url(images/ECONOMIE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_AGRICULTURE h3, .tpl_actualiteDetail .SIT_AGRICULTURE h3 {
    background: transparent url(images/AGRICULTURE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_ASSOCIATION h3, .tpl_actualiteDetail .SIT_ASSOCIATION h3 {
    background: transparent url(images/ASSOCIATION_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_PATRIMOINE h3, .tpl_actualiteDetail .SIT_PATRIMOINE h3 {
    background: transparent url(images/PATRIMOINE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_COLLECTIVITE h3, .tpl_actualiteDetail .SIT_COLLECTIVITE h3 {
    background: transparent url(images/COLLECTIVITE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_TOURISME h3, .tpl_actualiteDetail .SIT_TOURISME h3 {
    background: transparent url(images/TOURISME_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}
.tpl_agendaDetail .SIT_BIBLIOTHEQUE h3, .tpl_actualiteDetail .SIT_BIBLIOTHEQUE h3 {
    background: transparent url(images/BIBLIOTHEQUE_parH3.gif) no-repeat 0 5px;
    padding-left: 85px;
}

#contenu .tpl_annuaireDetail .logo {
    float: left;
    width: 15%;
    overflow: hidden;
}

#contenu .tpl_annuaireDetail .colonnes, #contenu .tpl_planningFormation .colonnes {
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
}
.tpl_planningFormation h4,
.tpl_zoneActiviteDetail h4,
.tpl_offreEmploiDetail h4,
.tpl_espacePresseDetail h4,
.tpl_annuaireDetail h4 {
    font-size: 100%;
    margin: 5px 0;
    padding: 0;
    clear: both;
}
#contenu .tpl_planningFormation p,
#contenu .tpl_zoneActiviteDetail p,
#contenu .tpl_offreEmploiDetail p,
#contenu .tpl_espacePresseDetail p, 
#contenu .tpl_annuaireDetail p {
    margin: 0;
    padding: 2px 0;
    overflow: hidden;
    width: 100%;
}
.tpl_planningFormation .infoBase,
.tpl_zoneActiviteDetail .infoBase,
.tpl_espacePresseDetail .infoBase,
.tpl_annuaireDetail .infoBase {
    padding: 10px 3px;
    width: 100%;
    overflow: hidden;
}
.tpl_annuaireDetail .infoBase p{

}
.tpl_offreEmploiDetail .infoBaseImage,
.tpl_espacePresseDetail .infoBaseImage,
.tpl_annuaireDetail .infoBaseImage {
    width:75%;
    float:right;
    padding: 10px 22px;
}

.tpl_offreEmploiDetail .infoBase {
    overflow: hidden;
    width: 100%;
}
.tpl_planningFormation .description,
.tpl_zoneActiviteDetail .description,
.tpl_offreEmploiDetail .description,
.tpl_espacePresseDetail .description,
.tpl_annuaireDetail .description {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 2px 0;
    padding-bottom: 10px;
}
.tpl_planningFormation h3,
.tpl_zoneActiviteDetail h3,
.tpl_offreEmploiDetail h3,
.tpl_espacePresseDetail h3,
.tpl_annuaireDetail h3 {
    font-style: italic;
    font-weight:bold;
    padding:3px 0 3px 25px;
    margin:0 0 5px 0;
    font-size:100%;
    
}
.tpl_zoneActiviteDetail .thematique,
.tpl_offreEmploiDetail .thematique,
.tpl_espacePresseDetail .thematique,
.tpl_annuaireDetail .thematique {
    font-weight: bold;
    font-size: 85%;
    padding: 0 0 10px 0;
    margin: 0;
}
.tpl_offreEmploiDetail .aGauche, .tpl_offreEmploiDetail .aDroite {
    width: 45%;
    margin: 10px 0;
    padding: 0;
}
#contenu .tpl_offreEmploiDetail .aGauche li, #contenu .tpl_offreEmploiDetail .aDroite li {
    list-style: none;
    background-image: none;
    padding: 0;
}
.tpl_offreEmploiDetail .aGauche {
    float: left;
    text-align: left;
    margin-left: 10px;
}
.tpl_offreEmploiDetail .aDroite {
    float: right;
    text-align: right;
    margin-right: 10px;
}
.tpl_plansite li{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
} 
.tpl_plansite li li{
    margin: 0;
} 
#contenu .tpl_plansite li a {
	font-size: 85%;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 25px;
	line-height: 16px;
}
#contenu .tpl_plansite li a:hover {
    text-decoration: underline;
}
#contenu .tpl_plansite li li a {
	color: #000;
	text-decoration: none;
	padding: 0 0 0 20px;
	border-width: 0;
} 
#contenu .tpl_phototheque ul {
    overflow: hidden;
    width: 100%;
    margin:0;
    padding:0;
}
#contenu .tpl_phototheque h4 {
    margin:0;
    padding:0 0 10px 0;
}
#contenu .tpl_phototheque li {
/*
    float: left;
    width: 30%;
    margin-top:5px;
*/
}

/* =============================================================================
 * TEMPLATE : formulaire
 * ===========================================================================*/
#contenu form  fieldset {
    margin:20px 0;   
    padding:5px 0 10px 5px;
    overflow:hidden;
    width:100%;
    border: 1px;
}
#contenu #formRecherche  fieldset {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid; 
}
#contenu form legend {
    font-size:120%;
    font-weight:bold;
    font-style:italic;
    padding:5px;
    margin-left: 5px;
}
#contenu form p {
    width:100%;
    overflow:hidden;
}
#contenu form textarea,#contenu form input,#contenu form select {
    float: none;
    margin:0 5px 0 0;
    font-size:12px;
}
#contenu form input.enLigne {
    float: none;
    width: auto;
}
.tpl_agendaListe .date,.tpl_actualiteListe .date {
    width:auto;
    float:none;
}
#contenu form .champDate {
    float: right;
    width: 49%;
}
#contenu form .champDate input {
    width: auto;
    float: none;
}
#contenu form .submit input { 
    margin:10px 5px 0 50px;
    width:auto;
    float:right;
    border:none;
}
#contenu  form label {
    width: 30%;
    margin-right: 2%;
    float:left;
    font-weight:bold;
}
#contenu form input.enLigne,#contenu form select.enLigne{
	float: none;
	display: inline;
	width: auto;
}

#contenu  form .nouvelleRecherche {
    font-weight:900;
    font-style:italic;
    font-size:140%;
}

#contenu form .case, #contenu form label.enLigne, #contenu form .submit, #contenu form .checkbox {
    float: none;
    width: auto;
    border-bottom : none;
}
#contenu form p span.cbcontainer {
	display:block;
	float:left;
	width : 65%;	
}
#contenu form p span.checkbox {
	display:block;
	float:left;
	width:50%;
	margin-bottom : 10px;
}
#contenu form p span.cbother {
	width : auto;
}
form .action {
    text-align: right;
}

form input.submit {
    width: auto;
    float: none;
    border-width: 0;
}

#colonneGauche .tpl_newsletter .submit input, #colonneDroite .tpl_newsletter .submit {
    text-align: right;
}

#colonneGauche .tpl_newsletter .submit input, #colonneDroite .tpl_newsletter .submit input {
    border-width: 0;
}
/* =============================================================================
 * Style pour l'éditeur
 * ===========================================================================*/
#contenu table.sansBordure,#contenu table.sansBordure td,#contenu table.sansBordure th,#contenu table.sansBordure thead,
#contenu table td.sansBordure,#contenu table th.sansBordure,
#contenu table thead.sansBordure {
    border:none;
}
#contenu .texteParagraphe .sansBordure img,
#contenu .tpl_agendaListe .sansBordure img,
#colonneDroite .texteParagraphe .sansBordure img,
#colonneGauche .texteParagraphe .sansBordure img{
    border: none;
}

#contenu .ajaxContainer {
    width:25em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
	margin-left:202px;
}

#contenu .ajaxContainer .ajaxListe ul,
#contenu .ajaxContainer .ajaxListe li {
	padding : 0;
	margin : 0;
	color : #000;
	list-style-type: none;
	background-image: none;
}
#contenu .ajaxContainer .ajaxListe li.yui-ac-highlight{
	background-color : #426FD9;
	color :#fff;
}

.eluItem {
    width:100%;
    overflow: hidden;
}
/* =============================================================================
 * 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 h2 {
    font-size:14px;
    font-weight: bold;
    /*height : 33px;*/
    /*line-height : 33px;*/
    padding: 0 5px;
    border: none;
    margin-top : 10px;
    color : <?php echo $color_2 ?>;
    background-color : <?php echo $color_3 ?>;
    background-image: none;
    zoom:1;
    clear: both;

}
#contenu .tpl_agendaListeCD .bordureHaut ul li {
    float : left;
    display : inline;
    padding : 0;
    margin : 0;
}
#contenu .tpl_agendaListeCD form {
    padding-top: 25px;
    padding-bottom: 15px;
}

#contenu .tpl_agendaListeCD form p {
    overflow: hidden;
    width: 80%;
    margin-left: 10px;
}
#contenu .tpl_agendaListeCD form p.date {
    width: 100%;
}
#contenu .tpl_agendaListeCD form p .champDate {
    float:left;
    margin-top:3px;
    width: 42%;
}
#contenu .tpl_agendaListeCD form span.second {
    width:  35%;
}
#contenu .tpl_agendaListeCD form span.second label {
    width: 40px;
}
#contenu .tpl_agendaListeCD form p .champTexte {
    float:left;
    width: 185px;
}
#contenu .tpl_agendaListeCD form label {
    border-bottom: none;
}

#contenu .tpl_agendaListeCD form label {
    float:left;
    font-weight:bold;
    margin-right: 10px;
    width: 100px;
    font-size: 12px;
}
#contenu .tpl_agendaListeCD form span.bouton {
    float: right;
    margin-top: 10px;
    margin-right: 45px;
}
#contenu .tpl_agendaListeCD form p.bouton {
    margin-right:5px;
}

#contenu .tpl_agendaListeCD form textarea, #contenu .tpl_agendaListeCD form input, #contenu .tpl_agendaListeCD form select {
    float:none;
    font-size:12px;
    margin:0 5px 0 0;
}

#contenu .tpl_agendaListeCD .bordureHaut ul li a{
    background: transparent url(images/<?php echo $CSS_CODE?>_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 .mode {
    float: right;
    margin: -1px;
}
#contenu .tpl_agendaListeCD .bordureHaut .mode a {
    text-decoration: none;
    margin-top: 0;
}
#contenu .tpl_agendaListeCD .bordureHaut .mode img {
    margin-top: 0;
}
#contenu .tpl_agendaListeCD .bordureHaut ul li a span{
    line-height : 25px;
    height : 25px;
    background:  <?php echo $color_3 ?> url(images/<?php echo $CSS_CODE?>_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/<?php echo $CSS_CODE?>_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: <?php echo $color_3 ?> url(images/<?php echo $CSS_CODE?>_AgVL_ongletHDSel.png) no-repeat right  top ;
    padding-right:5px;
}
#contenu .tpl_agendaListeCD .container{
    float : left;
    overflow: hidden;
    zoom : 1;
}
/*#contenu .tpl_agendaListeCD h2 {
    font-size:14px;
    font-weight: bold;
    height : 33px;
    line-height : 33px;
    float : left;
    display: inline;    
    padding: 0 5px;
    border: none;
    margin-top : 10px;
    color : <?php echo $color_2 ?>;
    background : transparent;
    overflow: hidden;
    zoom:1;
}*/
#contenu .tpl_agendaListeCD h3 {
    color: <?php echo $color_2 ?>;   
}

#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{
    float : left;
    border-right: 1px solid <?php echo $color_3 ?>;
    border-left : 1px solid <?php echo $color_3 ?>;
    padding : 10px 0;
    width : 628px;
}
#contenu .tpl_agendaListeCD .container div#liste {
    /*float : left;
    padding : 10px 0;
    width : 628px;*/
    clear:both;
    float:left;
    /*padding:65px 0;*/
    width:628px;
    margin-top : 7px;
    border-right: 1px solid <?php echo $color_3 ?>;
    border-left : 1px solid <?php echo $color_3 ?>;
    border-top : 1px solid <?php echo $color_3 ?>;
}

#contenu .tpl_agendaListeCD .container .paragraphe {
    padding : 10px 0px;
    margin : 0 10px;
    background: transparent url(images/<?php echo $CSS_CODE?>_AgVL_ongletH3.png) repeat-x -5px 5px;

}
#contenu .tpl_agendaListeCD .container .paragraphe h3{
    background: <?php echo $color_5 ?>;
    display: inline;
    padding : 0;
    margin-left : 0;
    font-size : 13px;

}
#contenu .tpl_agendaListeCD .paginationHaut {
    margin-bottom: 20px;    
}
#contenu .tpl_agendaListeCD p.paginationDate {
    width : 100%;
    float: left;
    overflow: hidden;
    background: <?php echo $color_3 ?>;
}

#contenu .tpl_agendaListeCD p.paginationDate a{
    line-height: 20px;
    height : 20px;
    padding:5px 11px 5px 0;
    display : block;
    float : left;
}
#contenu .tpl_agendaListeCD p.paginationDate span.precedent {
    display : block;
    float : left;
    margin : 0 0 0 5px;
    padding-left : 11px;
}
#contenu .tpl_agendaListeCD p.paginationDate span.suivant {
    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/<?php echo $CSS_CODE?>_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:  <?php echo $color_3 ?> url(images/<?php echo $CSS_CODE?>_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/<?php echo $CSS_CODE?>_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: <?php echo $color_3 ?> url(images/<?php echo $CSS_CODE?>_AgVL_ongletBDSel.png) no-repeat right  top ;
    padding-right:5px;
}