/* =============================================================================
* LAYOUT GENERAL
* ===========================================================================*/
#document {
	width: 960px;
	margin: 0 auto;
}
#bandeauHaut {
	width: 100%;
}
#corps {
	padding: 10px 0 0 0;
	/*overflow: hidden;*/
	width: 100%;
	/*float: left;*/
}
#colonneGauche {
	float: left;
	width: 200px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 530px;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width: 730px;
}
#colonneDroite {
	float: left;
	width: 195px;
	margin: 2px 6px;
}
#bandeauBas {
	width: 100%;
}
/* =============================================================================
* 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émentaiton au cas par cas  */
.clear {
	clear: both;
}
/* TPL_FORMULAIRE */
input.case {
	border: none;
}
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;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.alignjustify {
	text-align: justify;
}
img.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 5px;
}
a img {
	border-width: 0;
}
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
.alert {
	padding: 8px 0;
	font-weight: bold;
	color: #FF0000;
}
/* =============================================================================
* INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
* ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #333333;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: small;
/* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* =============================================================================
* ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
* ===========================================================================*/
h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	color: #226DA7;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	font-size: large;
	margin-bottom: 15px;
	border-bottom: 1px solid #226DA7;
}
h2#titreContenu{
	padding: 15px 0  7px 0;
}
h3{
	font-size: medium;
}
#Accueil #colonneDroite h3{
	padding-left: 20px;
}
ul {
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #226DA7;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
p{
	margin: 0;
}
/* =============================================================================
* DOCUMENT (CHARTE GENERALE)
* ===========================================================================*/
#document {
}
/* =============================================================================
* BANDEAU HAUT (CHARTE GENERALE)
* ===========================================================================*/
#bandeauHaut {
	background: url(images/bandeau.jpg) no-repeat top left;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#aideNavigation {
	text-align: center;
}
#aideNavigation ul {
	margin-top: 5px;
	padding: 5px;
	color: #20537E;
	display: inline;
	list-style-type: none;
}
#aideNavigation li {
	display: inline;
	list-style-type: none;
	padding: 0;
}
#aideNavigation li a, #aideNavigation li a:visited {
	text-decoration: none;
	color: #20537E;
	padding: 0 10px;
}
#aideNavigation li a:hover {
	text-decoration: underline;
	color: #20537E;
	padding: 0 10px;
}
#navPrimaire {
	width: 100%;
	height: 167px;
	overflow: hidden;
}
#logo {
	margin : 0;
	padding-top : 3px;
	width: 10%;
	height: 50px;
	float: left;
	margin : 0 0 0 10px;
	/*position: absolute;
  right: 350px;
  top: 46px;*/
}
#logo span {
	color: #000000;
	font-weight: bold;
	left: 270px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 135px;
}
#logoTexte {
	margin : 90px 0 0 10px;
	color : #FFFFFF;
	font-size: x-large;
	width : 100px;
	font-weight: bold;
	line-height: 21px;
}

#recherche {
  float: right;
  height: 100px;
  margin-right: 0;
  margin-top: 35px;
  overflow: hidden;
  width: 180px;
}
#recherche h4 {
	color : #FFFFFF;
	margin-left: 40px;
	margin-top: 1px;
}
#recherche form {
	margin: 0px 0 6px 0;
	padding: 0;
}
#recherche form .action {
	text-align: right;
}
#recherche input {
	width: 130px;
	margin: 0px 50px 5px 40px;
	padding: 1px 2px;
	border: 1px solid #A1A3BA;
}
#recherche input.submit {
	width: 135px;
	margin: 0px 50px 5px 40px;
	color: #FFF;
	background-color: #226DA7;
	border: none;
	font-weight: bold;
	font-size: 90%;
}
#miniSite{
	background-color: #1F96B8;
	color: #FFFFFF;
	font-size: 17px;
	overflow: hidden;
	padding-left: 10px;
	width: 99%;
}
/* =============================================================================
* BANDEAU HAUT - MENU PRINCIPAL
* ===========================================================================*/
#menu{
	background:transparent url(images/fondMenu.gif) repeat-x scroll center;
	width:100%;
	margin-bottom: 20px;
	margin-top: -1px;
	float: left;
}
.solidblockmenu{
    margin: 0 auto;
  	padding: 0;
    width: 100%;
    border-top: 1px solid #fff;
    text-align: center;
    background: transparent url(images/fondMenu.gif) center center repeat-x;
}
.solidblockmenu li{
    display: inline;
    background: url(images/patte.gif) no-repeat center left;
    margin: 1px 2px;
}
.solidblockmenu li.item1 a{
	border: none;
}
.solidblockmenu li a{
    color: white;
    padding: 0 3px 0 18px;
    text-decoration: none;
    border-left: 1px solid #FFF;
}
.solidblockmenu li a:visited{
    color: #FFF;
}
.solidblockmenu li a:hover, .solidblockmenu li .selected{
    color: #FFF;
    background: transparent url(images/menuHover.gif) center center repeat-x;
}
/* =============================================================================
* COLONNE GAUCHE - MENU SECONDAIRE
* ===========================================================================*/
#blueblock {
	width: 180px;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #15738F;
	color: #333;
}
* html #secondaire {
/*IE 6 only */
	width: 147px;
}
#secondaire ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#secondaire li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}
#secondaire li a {
	display: block;
	padding: 5px 5px 5px 8px;
	border-left: 10px solid #1885A6;
	border-right: 10px solid #5BABC2;
	background-color: #15738F;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
html>body #secondaire li a {
/*Non IE6 width*/
	width: auto;
}
#secondaire li a:hover, #secondaire li a.selected {
	border-left: 10px solid #69929E;
	border-right: 10px solid #C0ECF9;
	background-color: #0A9AC3;
}
#secondaire li ul li a:link, #secondaire li ul li a:visited {
	padding-left: 20px;
	background-color: #FFF;
	border-left: 1px solid #90bade;
	border-right: 1px solid #90bade;
	color: #999;
}
#secondaire li ul li a:hover, #secondaire li ul li a.selected {
	background-color: #EEE;
	color: #333;
}
/* =============================================================================
* CORPS (CHARTE GENERALE)
* ===========================================================================*/
#Accueil #contenu h4{
	color: #226DA7;
}
/* =============================================================================
* COLONNE GAUCHE (CHARTE GENERALE)
* ===========================================================================*/
#colonneGauche {
	margin-right: 10px;
}
/* =============================================================================
* CONTENU(CHARTE GENERALE)
* ===========================================================================*/
#filAriane {
	clear: both;
	padding-bottom: 5px;
	color: #89A3B2;
	font-weight: bold;
}
#filAriane a:link, #filAriane a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #89A3B2;
}
#filAriane a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #89A3B2;
}
#contenu{
}
/* =============================================================================
* BANDEAU BAS (CHARTE GENERALE)
* ===========================================================================*/
#bandeauBas {
	margin-top: 10px;
	border-top: 1px solid #5BABC2;
	padding: 10px;
	color: #20537E;
	text-align: center;
}
#bandeauBas ul li {
	display: inline;
	list-style-type: none;
}
#bandeauBas li {
	display: inline;
	list-style-type: none;
	padding: 0;
}
#bandeauBas a, #bandeauBas a:visited {
	text-decoration: none;
	color: #20537E;
	padding: 0 10px;
}
#bandeauBas a:hover {
	text-decoration: underline;
	color: #20537E;
	padding: 0 10px;
}
/* =============================================================================
* MODULES (CHARTE GENERALE)
* ===========================================================================*/

#Accueil #colonneDroite .module {
	padding: 2px 10px 2px 10px;
	overflow: hidden;
	margin : 0;
}
#Accueil .module h3 {
	color: #2D6796;
	background: url(images/puceH3.gif) no-repeat center left;
}
/* =============================================================================
* TPL CENTRAUX (CHARTE GENERALE)
* ===========================================================================*/
#contenu .tpls {
}
#contenu .tpl_dispensaireListe,
#contenu .tpl_dispensaire,
#contenu .tpl_animauxListe,
#contenu .tpl_animaux,
#contenu .tpl_refuge,
#contenu .tpl_clubjeuneListe,
#contenu .tpl_departementCarte,
#contenu .tpl_clubjeune {
  color: #2D6796;
  margin: 0;
  padding: 5px 0;
  font-size: small;
}
#contenu .tpl_dispensaireListe h3,
#contenu .tpl_dispensaire h3,
#contenu .tpl_animauxListe h3,
#contenu .tpl_departementCarte h3,
#contenu .tpl_clubjeuneListe h3,
#contenu .tpl_refuge h3,
#contenu .tpl_clubjeune h3 {
  color: 226DA7;
  margin: 0;
  padding: 5px 0;
  font-size: medium;
}
#contenu .tpl_departementCarte img {
  border : 0px;
}
#contenu .tpl_animauxListe .paragraphe {
	margin: 3px 3px 10px 3px;
	padding: 3px 3px 5px 3px;
	overflow: hidden;
	width: 100%;
}
#contenu .tpl_dispensaireListe p,
#contenu .tpl_dispensaire p,
#contenu .tpl_animauxListe p,
#contenu .tpl_refuge p,
#contenu .tpl_clubjeuneListe p, 
#contenu .tpl_departementCarte p,
#contenu .tpl_clubjeune p {
	margin: 10px 0;
}

.tpl_animauxListe .paragraphe {
	margin: 3px 3px 10px 3px;
	padding: 3px 3px 5px 3px;
	overflow: hidden;
	width: 98%;
}
.tpl_animauxListe form fieldset {
	border: none;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	background-color: #FFF;
}
.tpl_animauxListe legend {
	color: #8A8A8A;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
	width: auto;
	border-bottom: 1px solid #2AACD6;
}
.tpl_animauxListe input, .tpl_animauxListe textarea, .tpl_animauxListe select {
	float: right;
	width: 48%;
	border: 1px solid;
	border-top-color: #8A8A8A;
	border-right-color: #8A8A8A;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	background-color: #fff;
	margin: 2px 2px 8px 2px;
	padding: 1px 2px;
}
.tpl_animauxListe .radio {
	float: right;
	width: 48%;
}
.tpl_animauxListe .option  {
	border: none;
	float: none;
	margin-bottom:-2px;
}
.tpl_animauxListe .submit {
	width: 30%;
	color: #226DA7;
	font-weight: bold;
}
.tpl_animauxListe #filtre label {
	border-bottom: 1px dashed #666600;
	width: 40%;
}

#contenu .tpl_animauxListe p {
 	padding: 3px;
 	margin: 7px 3px;
}
#contenu .tpl_animauxListe label {
	width: 140px;
	padding: 2px;
	color: #5BABC2;
}
.tpl_dispensairesListe a:link,
.tpl_dispensaire a:link,
.tpl_dispensaireListe a:visited,
.tpl_dispensaire a:visited,
.tpl_clubjeuneListe a:link,
.tpl_clubjeuneListe a:visited,
.tpl_clubjeune a:link,
.tpl_clubjeune a:visited {
	color: #226DA7;
	text-decoration: none;
}
.tpl_dispensairesListe a:hover,
.tpl_dispensaires a:hover,
.tpl_clubjeuneListe a:hover,
.tpl_clubjeune a:hover {
	color: #05005F;
	text-decoration: none
}
#contenu .tpl_animaux h3 {
  	color: #F17406;
	margin: 0;
	padding: 5px 0;
	font-size: large;
}
#contenu .tpl_animaux img {
  	float: left;
}
#contenu .tpl_animaux p {
 	padding: 3px;
 	margin: 7px 3px;
}
#contenu .tpl_animaux label {
	width: 140px;
	padding: 2px;
	color: #5BABC2;
}
#contenu .tpl_animaux ul {
	padding: 5px 10px;
	margin: 5px 10px 0 10px;
}
#contenu .tpl_plansite ul {
	padding: 5px 0;
	margin-top: 5px;
}
#contenu .tpl_plansite li{
	padding: 5px 0;
	margin-left: 15px;
	list-style-type: none;
}


/* =============================================================================
* 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;
}
/* Non applicable au form en MDL */
#contenu p label {
	float: left;
/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 20%;
}
/* =============================================================================
* BLOC DE NAVIGATION: résultats de recherche
* ===========================================================================*/
.blocNavigation {
	text-align: center;
	border-bottom: 1px solid #219ab5;
}
.resultatNavigation {
	margin: 5px 0;
}
.regletteNavigation {
	margin: 5px 0;
}
.regletteNavigation a {
	color: #000;
}
.regletteNavigation a:link {
	color: red;
}
.regletteNavigation a:visited {
	color: #888888;
}
/* =============================================================================
* PAGE ACCUEIL SPECIFIQUE (CHARTE GENERALE)
* ===========================================================================*/
#Accueil #colonneDroiteBordure {
	border-top: 1px solid #FFFFFF;
	width: 49%;
	background: #FFFFFF url(images/fondColonneDroiteBordure.gif) repeat-x top;
	padding: 9px 9px 9px 10px;
	float: left;
	margin: 0;
}
#Accueil #colonneDroite {
	width : 100%;
	background: transparent url(images/fondColonneDroite.gif) repeat-x top;
	margin: 0;
}
#Accueil #colonneDroite table {
	width : 100%;
	
	padding : 0;
}
#Accueil #colonneDroite td {
	background-color : #FFFFFF;
	border : 0px solid #C9E7F1;
}

#Accueil #corps {
	padding-top : 0;
}
#Accueil #contenu {
	width: 49%;
	float: left;
}
#Accueil div.item, #Accueil .liste {
/*	background: url(images/fondElement.gif) no-repeat top left;*/
	overflow: hidden;
	padding: 10px;
}
#Accueil div.item h4{
	color: #226DA7;
}
#Accueil .paragraphe{
	margin: 0;
}
#Accueil .liste h4 a:link, #Accueil .liste h4 a:visited{
	color: #226DA7;
	text-decoration: none;
}
#Accueil .liste h4 a:hover{
	color: #05005F;
}
/* =============================================================================
* MODULE
* ===========================================================================*/
.module {
	margin: 20px 0 12px 0;
}
#Accueil #colonneGauche .module h3, #Accueil #colonneDroite .module h3 {
	color: #226DA7;
}
#Accueil #colonneDroite a {
	color: #226DA7;
}
#colonneGauche .module h3, #colonneDroite .module h3 {
	margin: 0;
	padding: 10px 0;
	color: #FFF;
}
.module p {
	padding: 0;
	margin: 0 0 10px 0;
}
.module a:link, .module a:visited {
	color: #226DA7;
	font-weight: bold;
	text-decoration: none;
}
.module a:hover {
	color: #05005F;
	text-decoration: underline;
}
.module ul {
	margin: 0;
	padding: 2px;
}
.module li {
	padding: 0 0 0 16px;
	margin: 10px 2px;
	background: url(images/fo_puce_CARREBLEU.gif) no-repeat 0 6px;
	list-style-type: none;
	color: #A91414;
	font-weight: bold;
}
.module li a {
	color: #5BABC2;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.module li a:hover {
	color: #05005F;
	background-color: transparent;
	text-decoration: underline;
}
/* Module Orange */
.PRS_MODULE_ORANGE {
	background: #FC9707 url(images/moduleBas.gif) no-repeat bottom center;
	padding-bottom: 10px;
	color: #FFF;
}
.PRS_MODULE_ORANGE h3 {
	background: url(images/moduleHaut.gif) top center no-repeat;
	border-bottom : 1px solid #FFFFFF;
	padding: 10px;
	margin: 0;
	color: #FFF;
	text-align: center;
}
.PRS_MODULE_ORANGE p {
	padding: 0 10px;
}
.PRS_MODULE_ORANGE a:link, .PRS_MODULE_ORANGE a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
.PRS_MODULE_ORANGE a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
/* Module Bleu */
.PRS_MODULE_BLEU {
	background: #739DD2 url(images/moduleBas_bleu.gif) no-repeat bottom center;
	padding-bottom: 10px;
	color: #FFF;
}
.PRS_MODULE_BLEU h3 {
	background: url(images/moduleHaut_bleu.gif) top center no-repeat;
	border-bottom : 1px solid #FFFFFF;
	padding: 10px;
	margin: 0;
	color: #FFF;
	text-align: center;
}
.PRS_MODULE_BLEU p {
	padding: 0 10px;
}
.PRS_MODULE_BLEU a:link, .PRS_MODULE_BLEU a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
.PRS_MODULE_BLEU a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
/* Module Bleu foncé */
.PRS_MODULE_BLEU_F {
	background: #3E77BD url(images/moduleBas_bf.gif) no-repeat bottom center;
	padding-bottom: 10px;
	color: #FFF;
}
.PRS_MODULE_BLEU_F h3 {
	background: url(images/moduleHaut_bf.gif) top center no-repeat;
	border-bottom : 1px solid #FFFFFF;
	padding: 10px;
	margin: 0;
	color: #FFF;
	text-align: center;
}
.PRS_MODULE_BLEU_F p {
	padding: 0 10px;
}
.PRS_MODULE_BLEU_F a:link, .PRS_MODULE_BLEU_F a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
.PRS_MODULE_BLEU_F a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* Module Bleu clair */
.PRS_MODULE_BLEU_C {
	background: #C8E8F1;
	padding-bottom: 10px;
}
.PRS_MODULE_BLEU_C p {
	padding: 0 10px;
}
.PRS_MODULE_BLEU_C a:link, .PRS_MODULE_BLEU_F a:visited {
	color: #226DA7;
	font-weight: bold;
}
.PRS_MODULE_BLEU_C a:hover {
	color: #05005F;
	font-weight: bold;
	text-decoration: underline;
}
/* =============================================================================
* TPL FORMULAIRE | TPL CONTACT
* ===========================================================================*/
.tpl_formulaire fieldset, .tpl_contact fieldset, .tpl_petitionSignature fieldset{
	border: 0;
}
.tpl_formulaire input, .tpl_contact input, .tpl_petitionSignature input{
  border: 1px solid #5BABC2;
	float : left;
	height: 18px;
}
.tpl_contact textarea, .tpl_petitionSignature textarea{
	border: 1px solid #5BABC2;
	float : left;
}
.tpl_formulaire h3,  .tpl_contact h3, .tpl_petitionSignature h3 {
	color:  #5BABC2;
}
.tpl_formulaire p, .tpl_contact p, .tpl_petitionSignature p {
	margin: 0;
	padding: 0;
}
.tpl_formulaire p label, .tpl_contact p label, .tpl_petitionSignature p label {
	padding: 2px 10px;
	background: #5BABC2;
	display: block;
	border-right: 10px solid #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	color: #FFF;
}
.tpl_contact legend , .tpl_petitionSignature legend{
	color: #5BABC2;
}
.tpl_formulaire input.submit, .tpl_contact input.submit {
	border: 1px solid #5BABC2;
	padding: 1px 23px;
	color: #5BABC2;
	background: #FFF;
	float: right;
	height: 23px;
}
.tpl_petitionSignature input.submit {
  border: 1px solid #5BABC2;
	padding: 1px 23px;
	color: #5BABC2;
	background: #FFF;
	float: right;
	height: 23px;
 }
.tpl_petitionSignature textarea{
  width: 48%;
  float : left;
}
.tpl_petitionSignature select{
  border-color: #5BABC2;
}


.tpl_petition a:hover{
 text-decoration: underline;
}
.tpl_petition a{
 text-decoration: none;
}

.tpl_petitionSignature a{
 padding: 15px;
 text-decoration: none;
 color: #F17406;
}
.tpl_petitionSignature a:hover{
 text-decoration: underline;
}
/* =============================================================================
* HAUT DE PAGE
* ===========================================================================*/
p.hautDePage {
	text-align: right;
}
p.hautDePage a:link, p.hautDePage a:visited {
	text-decoration: none;
	display: block;
	color: #5BABC2;
	padding-right: 15px;
	background: url(images/top-link.gif) no-repeat top right;
}
p.hautDePage a:hover {
	background: url(images/top-hover.gif) no-repeat top right;
}
/* =============================================================================
* ACCUEIL TPL A LA UNE
* ===========================================================================*/
#tpl_accueilUne {
	background: url(images/fondAccueilUne.gif) repeat-x top;
}

#tpl_accueilUne h3, .tpl_actualiteListe h3 {
	color: #226DA7;
	margin: 0;
	padding: 5px 0;
	margin-left: 10px;
}
#tpl_accueilUne .item {
	margin: 0;
	padding: 10px;
	text-align: justify;
	/*background: url(images/fondElement.gif) no-repeat top left;*/
}
#Accueil #tpl_accueilUne .item h4 a:link, #Accueil #tpl_accueilUne .item h4 a:visited {
	color: #226DA7;
	text-decoration: none;
}
#Accueil #tpl_accueilUne .item h4 a:hover {
	color: #05005F;
}
/* =============================================================================
* TPL ACTUALITELISTE
* ===========================================================================*/
.tpl_actualiteListe {
	background: url(images/fondAccueilActualite.gif) repeat-x top;
}
.tpl_actualiteListeContenu {
	margin : 0 9px 0 9px;
	background-color : #C8E8F1;
}

.tpl_actualiteListe a:link, .tpl_actualiteListe a:visited, .tpl_actualite a:link, .tpl_actualite a:visited, .tpl_petitionListe a:link, .tpl_petitionListe a:visited, .tpl_petition a:link, .tpl_petition a:visited {
	color: #226DA7;
	text-decoration: none;
}
.tpl_actualiteListe a:hover, .tpl_actualite a:hover, .tpl_petitionListe a:hover, .tpl_petition a:hover {
	/*color: #96C247;*/
	color: #05005F;
	text-decoration: none
}
.tpl_actualiteListe .paragraphe {
	margin: 3px 3px 10px 3px;
	padding: 3px 3px 5px 3px;
	overflow: hidden;
	width: 98%;
}
.tpl_actualiteListe form fieldset, .tpl_petition form fieldset {
	border: none;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	background-color: #FFF;
}
.tpl_actualiteListe legend, .tpl_petition legend {
	color: #8A8A8A;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
	width: auto;
	border-bottom: 1px solid #2AACD6;
}
.tpl_actualiteListe input, .tpl_actualiteListe textarea, .tpl_actualiteListe select, .tpl_petition input, .tpl_petition textarea, .tpl_petition select {
	float: right;
	width: 48%;
	border: 1px solid;
	border-top-color: #8A8A8A;
	border-right-color: #8A8A8A;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	background-color: #fff;
	margin: 2px 2px 8px 2px;
	padding: 1px 2px;
}
.tpl_actualiteListe .submit, .tpl_petition .submit {
	width: 30%;
	color: #226DA7;
	font-weight: bold;
}
.tpl_actualiteListe .champDate {
	width: 49%;
}
.tpl_actualiteListe #filtre label, .tpl_petition #filtre label {
	border-bottom: 1px dashed #666600;
	width: 40%;
}
.tpl_actualiteListe .nouvelleRecherche {
	color: #333301;
}
.tpl_actualiteListe h3 a:link, .tpl_actualiteListe h3 a:visited{
	color: #226DA7;
	text-decoration: none;
}
.tpl_actualiteListe h3 a:hover{
	color: #05005F;
}
.tpl_petitionListe h3{
	color: #226DA7;
	margin-bottom: 10px;
}
.tpl_petitionListe p{
	margin: 10px 0;
}
.tpl_petitionListe h3 a:link, .tpl_petitionListe h3 a:visited{
	color: #226DA7;
	text-decoration: none;
}
.tpl_petitionListe h3 a:hover{
	color:  #05005F;
}
/* =============================================================================
* TPL ACTUALITE MODULE
* ===========================================================================*/
.tpl_actualiteMDL {
	margin: 2px;
	border: 1px solid #5BABC2;
}
.tpl_actualiteMDL h3 {
	color: #FFF;
	background-color: #79C5DD;
	border-bottom: 1px solid #5BABC2;
	font-weight: bold;
}
/* =============================================================================
* TPL DIAPORAMA
* ===========================================================================*/
.tpl_diaporama {
	clear: both;
	margin:2px;
}
.tpl_diaporama h3 {
	color: #FFF;
	background-color: #79C5DD;
	border-bottom: 1px solid #5BABC2;
	font-weight: bold;
}