/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : pages concernant les onglets marron et l'accueil
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE : pages marrons
// Flash accueil
// Actualités accueil section
// - Btn soumettre et lien
// - Actualités
// Agenda menu côté gauche
// Accueil section marron
// Contenu section marron
// - Sommaire
// - Contenu
// Page contact marron
// Page liste agenda/actualité
// Page détail agenda/actualité
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Actualités accueil section
///////////////////////////////////////////////////////////////////////////////////*/
/* Btn soumettre et lien */
div#divConteneurSoumettreActu{
	clear:both;
	text-align:right;
	padding-right:14px;
}
div#divConteneurSoumettreActu a:link, div#divConteneurSoumettreActu a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4c5ba1;
}
div#divConteneurSoumettreActu a:hover, div#divConteneurSoumettreActu a:active{
	text-decoration:none;
}
/* Actualités */
div#divTexteAccueilTemp{
	margin:0 20px 30px 25px;
	text-align:center;
	font:bold 15px Arial, Helvetica, sans-serif; color:#61172d;
}

/* Actualités */
div#divConteneurActualitesSection{
	margin-top:10px;
}
div.divConteneurActualiteG, div.divConteneurActualiteD{
	float:left;
	width:325px;
}
div.divConteneurActualiteG{
	margin:0 0 0 30px;
}
div.divConteneurActualiteD{
	margin:0 0 0 60px;
}
div.divConteneurActualiteG h1, div.divConteneurActualiteD h1{
	margin:0; padding:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#4c5ba1; text-transform:uppercase; text-align:justify; line-height:16px;
}
div.divConteneurActualiteG h1 img.imgRT, div.divConteneurActualiteD h1 img.imgRT{
	float:right;
	padding:0 0 5px 5px;
}
div.divConteneurActualiteG div.texte, div.divConteneurActualiteD div.texte{
	margin:3px 0 5px 0; padding:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify; line-height:16px;
}
div.divConteneurActualiteG div.texte img, div.divConteneurActualiteD div.texte img{
	height:75px;
	float:left;
	padding:0 10px 5px 0;
}
div.divConteneurActualiteG div.texte span.spanDate, div.divConteneurActualiteD div.texte span.spanDate {
	font-style:italic ; color:#4c5ba1;
}
div.divConteneurActualiteG a:link, div.divConteneurActualiteG a:visited, div.divConteneurActualiteD a:link, div.divConteneurActualiteD a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4c5ba1;
}
div.divConteneurActualiteG a:hover, div.divConteneurActualiteG a:active, div.divConteneurActualiteD a:hover, div.divConteneurActualiteD a:active{
	text-decoration:none;
}
/*
div.divConteneurActualite div.photo{
	height:75px;
	text-align:center;
}
div.divConteneurActualite p.date{
	margin:0; padding:0;
	font:bold 14px Arial, Helvetica, sans-serif; color:#535353; text-align:center;
}
div.divConteneurActualite h1{
	margin:0; padding:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#4c5ba1; text-transform:uppercase;
}
div.divConteneurActualite p.texte{
	margin:3px 0 5px 0; padding:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
div.divConteneurActualite a:link, div.divConteneurActualite a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4c5ba1;
}
div.divConteneurActualite a:hover, div.divConteneurActualite a:active{
	text-decoration:none;
}*/

/*///////////////////////////////////////////////////////////////////////////////////
// Flash accueil
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurFlashAccueil{
	clear:left;	width:756px; height:300px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Agenda menu côté gauche
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurAgenda{
	width:204px;
	margin-left:14px;
	background:#F6F6F6;
}
div#divConteneurAgenda p{
	width:194px;
	margin:0 0 5px 0; padding:5px;
	font:normal 14px Arial, Helvetica, sans-serif; color:#61172d;
}
div#divConteneurAgenda p strong{
	font:bold 12px Arial, Helvetica, sans-serif; color:#535353;
}
div#divConteneurAgenda div#divConteneurLien{
	text-align:right; padding:0 5px 5px 0;
}
div#divConteneurAgenda div#divConteneurLien a:link, div#divConteneurAgenda div#divConteneurLien a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d;
}
div#divConteneurAgenda div#divConteneurLien a:hover, div#divConteneurAgenda div#divConteneurLien a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Accueil section marron
///////////////////////////////////////////////////////////////////////////////////*/
h1#h1TitrePage{
	display:inline-block;
	margin:20px 30px 0 30px; padding:0px;
	width:auto; height:40px;
	font:normal 22px Arial, Helvetica, sans-serif; color:#61172D; text-transform:uppercase;
	background:url(../images/background/fond-titre-page-marron.png) repeat-x 0 22px;
}
p#pTextePresentation{
	margin:10px 30px 0 30px; padding:0px;
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
div#divConteneurFlashAccueil{
	width:756px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Contenu section marron
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurTraitVertical{
	width:695px;
	margin:20px 0 0 30px;
	background:url(../images/background/trait-vertical-sommaire-marron.gif) repeat-y;
}
/* Sommaire */
h2#h2TitreSommaire{
	margin:0; padding:0 0 0 50px;
	height:45px;
	font:bold 20px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;
	background:url(../images/background/picto-titre-sommaire-marron.jpg) no-repeat 0 0;
}
ul#ulSommaire{
	margin:0 0 0 14px; padding:10px 0 0 0;
	list-style:none;
}
ul#ulSommaireInt{
	margin:0 0 0 14px; padding:0;
	list-style:none;
}
ul#ulSommaire li{
	margin:0;	padding:0;
	background:url(../images/background/picto-liste-sommaire-marron.png) no-repeat 0 1px;
	height:40px;
}
ul#ulSommaireInt li{
	margin:0;	padding:0;
	background:url(../images/background/picto-liste-sommaire-marron.png) no-repeat 0 0;
}
ul#ulSommaireInt li span{
	padding-left:21px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;
}
ul#ulSommaire li a:link, ul#ulSommaire li a:visited, ul#ulSommaireInt li a:link, ul#ulSommaireInt li a:visited{
	padding-left:21px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;
}
ul#ulSommaire li a:hover, ul#ulSommaire li a:active, ul#ulSommaireInt li a:hover, ul#ulSommaireInt li a:active{
	text-decoration:underline;
}
/* Contenu */
h2.h2TitrePage{
	margin:10px 30px 0 40px; padding:0px;
	font:bold 16px Arial, Helvetica, sans-serif; color:#4C5BA1; text-transform:uppercase;
}
p.pTexteNormal, p.pTexteCentrer{
	margin:0; padding:10px 0 0 40px;
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
p.pTexteCentrer{
	text-align:center;
}
p.pTexteNormal a:link, p.pTexteNormal a:visited, p.pTexteCentrer a:link, p.pTexteNormal a:visited{
	font:normal 14px Arial, Helvetica, sans-serif; color:#61172d; text-decoration:underline;
}
p.pTexteNormal a:hover, p.pTexteNormal a:active, p.pTexteCentrer a:hover, p.pTexteNormal a:active{
	text-decoration:none;
}
p.pTexteNormal strong.strongStyle1{
	font:italic bold 16px Arial, Helvetica, sans-serif; color:#61172d;
}
p.pTexteNormal strong.strongStyle2{
	color:#61172d;
}
ul.ulNormal{
	margin:10px 0 10px 60px; padding:0;
}
ul.ulNormal li{
	margin-bottom:10px;
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
ul.ulNormal li strong{
	color:#61172d;
}
ul.ulNormal li span.spanStyle1{
	text-decoration:underline;
}
ul.ulNormal li span.texteBleu{
	color:#4C5BA1; font-weight:bold;
}
ul.ulNormal li em{
	font-weight:bold;
}
ul.ulNormal li a:link, ul.ulNormal li a:visited{
	color:#61172d;
}
ul.ulNormal li a:hover, ul.ulNormal li a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page contact marron
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurContact{
	width:450px; height:590px; margin:20px 0 0 30px;
	background:url(../images/background/page-contact.png) no-repeat 0 0;
}
div#divConteneurContact h2{
	margin:0; padding:0 0 0 21px;
	height:45px;
	font:bold 16px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;
}
div#divConteneurContact p{
	width:325px;
	margin:0 0 0 45px; padding:0;
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
div#divConteneurContact p.pInfosSupp{
	font-size:12px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page mentions 
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurMention{
	width:695px;
	margin:20px 0 0 0;
}
div#divConteneurMention h2{
	margin:0; padding:20px 0 10px 30px;
	font:bold 16px Arial, Helvetica, sans-serif; color:#61172d;text-decoration:none;
}
div#divConteneurMention p{
	width:695px;
	margin:0 0 0 35px; padding:0;
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
div#divConteneurMention p a:visited{
	color:#61172d;
}
div#divConteneurMention p a:active{
	text-decoration:none;
}
div#divConteneurMention p.pInfosSupp{
	font-size:12px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page liste agenda/actualité
///////////////////////////////////////////////////////////////////////////////////*/
div#divTri{
	padding-left:30px;
}
div#divTri select{
	border: 1px solid #61172d;
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d; 
}
div#divTri span.spanTri{
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d;
}
table#tableListingElements{
	width:696px;
	margin:20px 30px;
}
table#tableListingElements th{
	padding:2px;
	background:#61172d;
	border-bottom:5px solid #E2E2E2;
	font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center;
}
table#tableListingElements td{
	padding:10px;
	background:#FFF;
	border-bottom:1px dashed #61172d;
	border-right:1px solid #E2E2E2;
}
table#tableListingElements td h2{
	padding:0 0 5px 0; margin:0;
	font:bold 14px Arial, Helvetica, sans-serif; color:#61172d; text-align:left;
}
table#tableListingElements td h2 img{
	vertical-align:middle;
}
table#tableListingElements td div{
	padding:0; margin:0;
	font:normal 11px Arial, Helvetica, sans-serif; color:#000; text-align:justify;
}
table#tableListingElements td div img{
	margin:0 0 5px 5px;
	border:1px solid #DFD1D6;
	border-bottom:3px solid #61172d;
	float:right;
}
table#tableListingElements td.poleTheme{
	font:normal 11px Arial, Helvetica, sans-serif; color:#61172d; text-align:center;
}
table#tableListingElements td.poleTheme strong{
	font:bold 13px Arial, Helvetica, sans-serif;
}
table#tableListingElements td.poleTheme strong.pole1{
	color:#D4242C;
}
table#tableListingElements td.poleTheme strong.pole2{
	color:#d28d0e;
}
table#tableListingElements td.poleTheme strong.pole3{
	color:#e47006;
}
table#tableListingElements td.poleTheme ul{
	margin:5px; padding:0; text-align:justify;
}
table#tableListingElements td.poleTheme ul li{
	margin:0 0 0 10px; padding:0;
}
table#tableListingElements td.poleTheme ul li ul{
	font:italic normal 11px Arial, Helvetica, sans-serif; color:#666; text-align:justify;
}
table#tableListingElements td.infos a:link, table#tableListingElements td.infos a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#61172d; text-decoration:none;
}
table#tableListingElements td.infos a:hover, table#tableListingElements td.infos a:active{
	text-decoration:underline;
}
table#tableListingElements td.lieu{
	font:bold 14px Arial, Helvetica, sans-serif; color:#000; text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page détail agenda/actualité
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurDetail{
	width:696px;
	margin-left:30px;
}
div#divConteneurDetail h2{
	padding:5px 0 5px 0; margin:0;
	font:bold 18px Arial, Helvetica, sans-serif; color:#4F4F4F;
}
div#divConteneurDetail h2 span.date{
	padding:0; margin:0;
	font:bold 18px Arial, Helvetica, sans-serif; color:#61172d;
}
div#divConteneurDetail p.pole1, div#divConteneurDetail p.pole2, div#divConteneurDetail p.pole3{
	padding:0; margin:0;
	font:bold 14px Arial, Helvetica, sans-serif;
}
div#divConteneurDetail p.pole1{
	color:#D4242C;
}
div#divConteneurDetail p.pole2{
	color:#d28d0e;
}
div#divConteneurDetail p.pole3{
	color:#e47006;
}
div#divConteneurDetail ul.themesoustheme{
	padding:0; margin:5px 0 10px 20px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d; text-align:justify; line-height:18px;
}
div#divConteneurDetail ul.themesoustheme ul{
	padding:0; margin:0 0 0 15px;
	font:italic normal 11px Arial, Helvetica, sans-serif; color:#666; text-align:justify; line-height:20px;
}
div#divConteneurDetail div.texte{
	padding:0; margin:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:justify;
}
div#divConteneurDetail div.texte img{
	margin:0 5px 5px 0;
	border:1px solid #DFD1D6;
	border-bottom:3px solid #61172d;
	float:left;
}
div#divConteneurDetail p.departement{
	padding:0; margin:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#61172d; text-align:right;
}
div#divConteneurDetail p.telechargement{
	padding:0; margin:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase;
}
div#divConteneurDetail ul.telechargement{
	padding:0; margin:5px 0 10px 20px;
	font:normal 12px Arial, Helvetica, sans-serif; text-align:justify; line-height:18px;
}
div#divConteneurDetail ul.telechargement li a:link, div#divConteneurDetail ul.telechargement li a:visited{
	color:#61172d; text-decoration:none;
}
div#divConteneurDetail ul.telechargement li a:hover, div#divConteneurDetail ul.telechargement li a:active{
	text-decoration:underline;
}