/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 990px;
	margin: auto;
	font-size:95%;
}
#bandeauHaut {
	width: 100%;
	overflow: hidden;
}
#corps {
	overflow: hidden;
	width: 100%;
}
#colonneGauche {
	float: left;
	width: 160px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 630px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width: 795px;
}
.avecColonneGauche #contenu {
    float: right;
}
#colonneDroite {
	float: right;
	width: 160px;
}
#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;
	width: auto;
}
/* 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;
}
dd {
    margin:0;
    padding:0;
}
.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;
}
.gras {
    font-weight: bold;
}
hr {
    height: 1px;
    border: none;
    background-color: black;
}
/* =============================================================================
 * 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)
 * ===========================================================================*/
#menuPortail {
	margin: auto;
	border-collapse: collapse;
}
#menuPortail td {
	background: url(images/menuPortailTD.gif) no-repeat center bottom;
	width: 113px;
	padding: 0 0 7px 0;
	text-align: center;
	vertical-align: top;
}
#menuPortail a {
	color: #000;
	text-decoration: none;
	font-size: 78%;
	display: block;
	margin: 0 5px;
	background-repeat: repeat-x;
	padding-top: 8px;
	font-weight: bold;
}
#menuPortail span {
	color: #fff;
	font-size: 95%;
	display: block;
	margin: 0 5px;	
	background-repeat: repeat-x;
	padding-top: 11px;
	font-weight: bold;	
}
#menuPortail .SIT_ASSOCIATION a, #menuPortail .SIT_ASSOCIATION span {
	background-image: url(images/menuPortailSIT_ASSOCIATION.gif);
}
#menuPortail .SIT_AGRICULTURE a, #menuPortail .SIT_AGRICULTURE span {
	background-image: url(images/menuPortailSIT_AGRICULTURE.gif);
}
#menuPortail .SIT_COLLECTIVITE a, #menuPortail .SIT_COLLECTIVITE span {
	background-image: url(images/menuPortailSIT_COLLECTIVITE.gif);
}
#menuPortail .SIT_BIBLIOTHEQUE a, #menuPortail .SIT_BIBLIOTHEQUE span {
	background-image: url(images/menuPortailSIT_BIBLIOTHEQUE.gif);
}
#menuPortail .SIT_PATRIMOINE a, #menuPortail .SIT_PATRIMOINE span {
	background-image: url(images/menuPortailSIT_PATRIMOINE.gif);
}
#menuPortail .SIT_ECONOMIE a, #menuPortail .SIT_ECONOMIE span {
	background-image: url(images/menuPortailSIT_ECONOMIE.gif);
}
#menuPortail .SIT_ECOLE a, #menuPortail .SIT_ECOLE span {
	background-image: url(images/menuPortailSIT_ECOLE.gif);
}
#menuPortail .SIT_TOURISME a, #menuPortail .SIT_TOURISME span {
	background-image: url(images/menuPortailSIT_TOURISME.gif);
}
#menuPortail .disabled span {
	background-image: url(images/menuPortailDISABLED.gif);
	font-size: 78%;
	padding-top: 8px;
	color: #888;
}
#bandeau {
    overflow: hidden;
    width: 100%;
    margin-top: 3px;
}
#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;
}
#menuHaut li {
	display: inline;
	list-style-type: none;
}
#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)
 * ===========================================================================*/
#corps h1 {
	margin: 0;
	padding: 2px 0;
	font-size: 170%;
	width: 160px;
}
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche h2 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#colonneGauche h2 a {
	font-size: 90%;
	display: block;
	color: #fff;
	text-decoration: none;	
	padding: 3px 0 4px 25px;
}
#colonneGauche h2 a:hover, #menu li a:hover {
	text-decoration: underline;
}
#menu {
	padding: 0;
	margin: 1px 0 0 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 18px;	
}
#menu li li {
    border-right: 1px solid #000;
    background-image: url(images/fondMenuPoitille.gif);
    background-position: bottom left;
    background-repeat: repeat-x;

}
#menu li a {
	font-size: 90%;
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 23px;
	padding-right: 2px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	/*border-left: 1px solid #000;*/
}
#menu li a.selected {
    font-weight: bold;
}
#menu li li a.selected {
    font-style: italic;
}
#menu li ul {
	border-bottom: 1px solid #000;
}
#menu li li ul {
	border-bottom-width: 0;
}
#menu li li a {
	padding-left: 18px;
	border-bottom-width: 0;
	border-right-width: 0;
}
#menu li li li a {
	padding-left: 17px;
}
#menu li li.selected ul {
    background-image: url(images/fondMenuPoitille.gif);
    background-position: top left;
    background-repeat: repeat-x;
    padding-top: 1px;
}
#menu li li.selected {
    background-image: url(images/fondMenuPoitille.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 1px;
}
#menu li li li {
	padding-left: 20px;
	border-right-width: 0;
}
#menu li li.last {
    background-image: none;
}
#menuBas {
    margin: 2px 0 5px 0;
    padding: 0;
    height: 3px;
    font-size: 1px;
}
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#contenu {
	margin-left: 20px;
	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;
}
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/PORTAIL_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;
}
/* =============================================================================
 * TPL_ANNUAIRE
 * ===========================================================================*/
.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;
}
/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite{
    padding-top: 30px;
}
#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;
    width: 100%;
    overflow: hidden;
}
#partenaires li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#partenaires li img {
    vertical-align: top;
    margin: 0 5%;
}
#partenaires a {
    font-size: 85%;
    text-decoration: none;
    color: #000;
    margin: 0;
}
/* =============================================================================
 * MODULES
 * ===========================================================================*/
.module {
	margin-bottom: 10px;
	font-size: 90%;
}
.avecBas {
	margin-bottom: 0;
}
.module h3 {
	text-align: left;
	font-size: 100%;
}
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;
}
.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;
}
#colonneDroite a {
	text-decoration: none;	
}
#colonneDroite a:hover{
	text-decoration: underline;	
}
p.moduleBas input {
	border-width: 0;
}
#Annuaire h3, #Agenda h3 {
    padding: 2px 0;
}
#Annuaire label {
    font-size:90%;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset { margin: 0;}
legend {}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
.paragraphe form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.tpl_formulaire .commentaire {
    font-weight: normal;
    font-style: italic;
}
/* Non applicable au form en MDL */




/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}


/* =============================================================================
 * TEMPLATE : Comarquage Service Public
 * ===========================================================================*/
#contenu .tpl_comarquage .colonne1,
#contenu .tpl_comarquage .colonne2 {
	width:49%;
	float:left;
}

#contenu .tpl_comarquage table, 
#contenu .tpl_comarquage td, 
#contenu .tpl_comarquage th {
  border: none;
}


/* =============================================================================
 * 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 h4.SIT_AGRICULTURE {
    background: transparent url(images/AGRICULTURE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_ASSOCIATION {
    background: transparent url(images/ASSOCIATION_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_BIBLIOTHEQUE {
    background: transparent url(images/BIBLIOTHEQUE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_COLLECTIVITE {
    background: transparent url(images/COLLECTIVITE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_ECOLE {
    background: transparent url(images/ECOLE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;    
}
#contenu h4.SIT_ECONOMIE {
    background: transparent url(images/ECONOMIE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_PATRIMOINE {
    background: transparent url(images/PATRIMOINE_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_SUDGRE {
    background: transparent url(images/PORTAIL_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#contenu h4.SIT_TOURISME {
    background: transparent url(images/TOURISME_parIMG.gif) no-repeat 0 10px;
    margin-bottom:2px;
    padding-left:105px;
}
#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,#contenu .tpl_avisPubliciteListe h4 {
    margin-top: 3px;
}
#contenu .tpl_offreEmploiListe p {
    margin: 0;
    padding: 2px 0;
    overflow: hidden;
    width: 100%;
}
#contenu .tpl_espacePresseListe p {
    margin: 0;
    padding: 2px 0;
}
#contenu .tpl_espacePresseListe .item {
	margin-bottom: 10px;
	overflow: hidden;
    width: 100%;
}
#contenu .tpl_annuaireListe p {
    margin: 0;
    padding: 2px 0;
}

#contenu .filArianeNav {
    font-size: 80%;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
}
#contenu .blocNavigation{
    border: none;
}
#contenu .resultatNavigation{
    display: inline;
}
#contenu .regletteNavigation{
    margin: 5px 0 0 0;
    padding-bottom: 5px;
    display: block;
    text-align: left;
}
.tpl_offreEmploiListe dl,
.tpl_planningFormationListe dl {
    margin: 0;
    padding:0;
}

.tpl_offreEmploiListe dt,
.tpl_planningFormationListe dt {
    font-weight:bold;
    margin: 5px 0 0 0;
    padding:10px 0 0 0;
}
.tpl_offreEmploiListe 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;
}
    

/* =============================================================================
 * TEMPLATE : Détail des annuaires, détail des agendas
 * ===========================================================================*/ 
.tpl_agendaDetail .encadre, .tpl_actualiteDetail .encadre {
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    width:100%;
}
.tpl_agendaDetail .encadre .contenuEncadre, .tpl_actualiteDetail .encadre .contenuEncadre {
    padding: 5px;
}
.tpl_agendaDetail .encadre h4, .tpl_actualiteDetail .encadre h4 {
    display: inline;
}
.tpl_agendaDetail .SIT_SUDGRE h3, .tpl_actualiteDetail .SIT_SUDGRE h3 {
    background: transparent url(images/PORTAIL_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 .infoBase p,#contenu .tpl_annuaireDetail .infoBase h4{
    padding-left: 3px;
    padding-right: 3px;
}
#contenu .tpl_annuaireDetail .logo {
    float: left;
    width: 15%;
    overflow: hidden;
}
#contenu .tpl_annuaireDetail .gauche {
    float: left;
    width: 45%;
}
#contenu .tpl_annuaireDetail .droite {
    float: right;
    width: 45%;
    text-align: right;
}
#contenu .tpl_annuaireDetail .colonnes, #contenu .tpl_planningFormation .colonnes {
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
}
.tpl_avisPublicite h4,
.tpl_planningFormation h4,
.tpl_zoneActiviteDetail h4,
.tpl_offreEmploiDetail h4,
.tpl_annuaireDetail h4 {
    font-size: 100%;
    margin: 5px 0;
    padding: 0;
    clear: both;
}
#contenu .tpl_avisPublicite p,
#contenu .tpl_planningFormation p,
#contenu .tpl_zoneActiviteDetail p,
#contenu .tpl_offreEmploiDetail p, 
#contenu .tpl_annuaireDetail p {
    margin: 0;
    padding: 2px 0;
    /*overflow: hidden;
    width: 100%;*/
}
.tpl_avisPublicite .infoBase,
.tpl_planningFormation .infoBase,
.tpl_zoneActiviteDetail .infoBase,
.tpl_annuaireDetail .infoBase {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}
#contenu .tpl_annuaireDetail .infoBase p{
    overflow: visible;
    width: auto;   
}
.tpl_offreEmploiDetail .infoBaseImage,
.tpl_annuaireDetail .infoBaseImage {
    width:75%;
    float:right;
    padding: 10px 22px;
}

.tpl_offreEmploiDetail .infoBase {
    overflow: hidden;
    width: 100%;
}
.tpl_avisPublicite .description,
.tpl_planningFormation .description,
.tpl_zoneActiviteDetail .description,
.tpl_offreEmploiDetail .description,
.tpl_annuaireDetail .description {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 2px 0;
    padding-bottom: 10px;
}
.tpl_avisPublicite h3,
.tpl_planningFormation h3,
.tpl_zoneActiviteDetail h3,
.tpl_offreEmploiDetail 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_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;
*/
}
#contenu .tpl_diaporama ul li {
    display: inline;
    text-align: center;
    margin: 0 1%;
}
/* =============================================================================
 * TEMPLATE : formulaire
 * ===========================================================================*/
#captcha {
	vertical-align: top;
}


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