/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient les CSS de la structure, ainsi que les classes générales.
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// Menu onglets haut
// Menu gauche
// Menu bas
// Contenu général
// Pagination
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body {
	padding:0; margin:0;
	height:100%;
	background:#e2e2e2 url(../images/background/extend-site.gif) repeat-x top center;
}
:focus{
	outline:0;
}
.contPositionRelative{
	position:relative;
}
.contFloatLeft{
	float:left;
}
div.divSeparateurInvisible { /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée*/
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr {
  display: none;
}
form{
	padding:0; margin:0;
}
img{
	border:0; 	
}
/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurSite{
	position:absolute; width:988px; top:0px; left:50%; margin-left:-494px;
}
div.divFondAccueil{
	background:url(../images/background/fond-page-accueil.jpg) no-repeat top left;
}
div.divFondSite{
	background:url(../images/background/fond-page.jpg) no-repeat top left;
}
div#divConteneurMenuGauche{
	float:left; width:232px;
}
div#divConteneurContenuDroite{
	float:left; width:756px;
}
div#divConteneurContenu{
	width:756px;
}
div#divConteneurMenuOnglet{
	position:relative; width:756px; height:76px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu onglets haut
///////////////////////////////////////////////////////////////////////////////////*/
div#lienMieuxNousConnaitre a, div#lienMieuxNousConnaitreOver a{
	display:block; float:left; margin-left:10px;
	width:92px; height:76px;
	background:url(../images/menu/onglet-mieux-nous-connaitre.png) 0 0 no-repeat;
}
div#lienMieuxNousConnaitre a:hover, div#lienMieuxNousConnaitreOver a{	
	background-position: -92px 0;
}
div#lienActualites a{
	display:block; float:left; margin-left:2px;
	width:88px; height:76px;
	background:url(../images/menu/onglet-actualites.png) 0 0 no-repeat;
}
div#lienActualites a:hover{	
	background-position: -88px 0;
}
div#lienAgenda a{
	display:block; float:left; margin-left:2px;
	width:74px; height:76px;
	background:url(../images/menu/onglet-agenda.png) 0 0 no-repeat;
}
div#lienAgenda a:hover{	
	background-position: -74px 0;
}
div#lienNousContacter a, div#lienNousContacterOver a{
	display:block; float:left; margin-left:2px;
	width:124px; height:76px;
	background:url(../images/menu/onglet-nous-contacter.png) 0 0 no-repeat;
}
div#lienNousContacter a:hover, div#lienNousContacterOver a{	
	background-position: -124px 0;
}
div#lienPolitiqueDeLaVille a, div#lienPolitiqueDeLaVilleOver a{
	display:block; float:left; margin-left:2px;
	width:114px; height:76px;
	background:url(../images/menu/onglet-politique-de-la-ville.png) 0 0 no-repeat;
}
div#lienPolitiqueDeLaVille a:hover, div#lienPolitiqueDeLaVilleOver a{	
	background-position: -114px 0;
}
div#lienPreventionEtSecurite a, div#lienPreventionEtSecuriteOver a{
	display:block; float:left; margin-left:2px;
	width:114px; height:76px;
	background:url(../images/menu/onglet-prevention-et-securite.png) 0 0 no-repeat;
}
div#lienPreventionEtSecurite a:hover, div#lienPreventionEtSecuriteOver a{	
	background-position: -114px 0;
}
div#lienAccesAuxSavoirsDeBase a, div#lienAccesAuxSavoirsDeBaseOver a{
	display:block; float:left; margin-left:2px;
	width:114px; height:76px;
	background:url(../images/menu/onglet-acces-aux-savoirs-de-base.png) 0 0 no-repeat;
}
div#lienAccesAuxSavoirsDeBase a:hover, div#lienAccesAuxSavoirsDeBaseOver a{	
	background-position: -114px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu gauche
///////////////////////////////////////////////////////////////////////////////////*/
div#divMenuGauche{
	width:204px;
	margin-left:14px;
}
div#divMenuGauche div.spacer{
	width:204px; height:6px;
	background:url(../images/menu/spacer-rubrique-menu-gauche.png) no-repeat 0 0;
}
div#divMenuGauche div.hautRub{
	width:204px; height:3px;
	background:url(../images/menu/haut-rubrique-menu-gauche.png) no-repeat 0 0;
}
div#divMenuGauche div.milieuRub{
	width:204px;
	background:url(../images/menu/fond-rubrique-menu-gauche.png) repeat-y 0 0;
}
div.milieuRub div.toggler{
	padding-left:25px;
	background:url(../images/menu/fleche-rubrique-menu-gauche.png) no-repeat 10px 5px;
}
div.milieuRub div.toggler a:link, div.milieuRub div.toggler a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;
}
div.milieuRub div.toggler a:hover, div.milieuRub div.toggler a:active{
	text-decoration:underline;
}
div.milieuRub div.content p{
	font:normal 12px Arial, Helvetica, sans-serif; color:#61172d; padding:3px 10px 3px 10px;
	margin:0;
}
div.milieuRub div.content select{
	width:100%;
	font:normal 11px Arial, Helvetica, sans-serif; color:#000;
}
div#divMenuGauche div.basRub{
	width:204px; height:3px;
	background:url(../images/menu/bas-rubrique-menu-gauche.png) no-repeat 0 0;
}
div#lienUtiles a, div#lienUtiles a{
	display:block; margin:6px 0 0 14px;
	width:204px; height:24px;
	background:url(../images/background/back-menu-liens-utiles.png) 0 0 no-repeat;
}
div#lienUtiles a:hover{
	background-position: -204px 0;
}	
div#lienLettre a, div#lienLettre a{
	display:block; margin:6px 0 0 14px;
	width:204px; height:24px;
	background:url(../images/background/back-menu-lettre.png) 0 0 no-repeat;
}
div#lienLettre a:hover{
	background-position: -204px 0;
}	
div#lienEspaceDocumentaire a, div#lienEspaceDocumentaire a{
	display:block; margin:6px 0 0 14px;
	width:204px; height:38px;
	background:url(../images/background/back-menu-espace-documentaire.png) 0 0 no-repeat;
}
div#lienEspaceDocumentaire a:hover{
	background-position: -204px 0;
}
div#lienEspaceReserve a, div#lienEspaceReserve a{
	display:block; margin:6px 0 6px 14px;
	width:204px; height:38px;
	background:url(../images/background/back-menu-espace-reserve.png) 0 0 no-repeat;
}
div#lienEspaceReserve a:hover{
	background-position: -204px 0;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurMenuBas{
	clear:both;
	padding-top:10px;
}
div#divConteneurMenuBas ul{
	text-align:center;
	padding:0;
	margin:10px 0 10px 0;
	width:100%;
}
div#divConteneurMenuBas ul li{
	display: inline;
}
div#divConteneurMenuBas ul li img{
	vertical-align:middle;
}
div#divConteneurMenuBas ul li a:link, div#divConteneurMenuBas ul li a:visited{
	padding:0 6px 0 6px;
	border-right:1px solid #b4b4b4;
	font:normal 12px Arial,Helvetica,sans-serif;
	color:#888888;
	text-decoration:none;
}
div#divConteneurMenuBas ul li a.Bord{
	border:0px;
}
div#divConteneurMenuBas ul li a:hover, div#divConteneurMenuBas ul li a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Contenu général
///////////////////////////////////////////////////////////////////////////////////*/
table.tableContenu{
	width:665px;
	margin-left:30px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#3b3b3b;
}
a.lienRouge:link, a.lienRouge:visited, a.lienJaune:link, a.lienJaune:visited, a.lienOrange:link, a.lienOrange:visited, a.lienMarron:link, a.lienMarron:visited{
	font:bold 14px Arial, Helvetica, sans-serif;
}
a.lienRouge:hover, a.lienRouge:active, a.lienJaune:hover, a.lienJaune:active, a.lienOrange:hover, a.lienOrange:active, a.lienMarron:hover, a.lienMarron:active{
	text-decoration:none;
}
a.lienRouge:link, a.lienRouge:visited{
	color:#d4242c;
}
a.lienJaune:link, a.lienJaune:visited{
	color:#d28d0e;
}
a.lienOrange:link, a.lienOrange:visited{
	color:#ef8300;
}
a.lienMarron:link, a.lienMarron:visited{
	color:#61172D;
}
a.lienNormal:link, a.lienNormal:visited{
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-decoration:none;
}
a.lienNormal:hover, a.lienNormal:active{
	font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-decoration:underline;
}
table.tableTableau, table.tableTableauCenter{
	width:665px;
	margin:15px 0 0 35px;
}
table.tableTableau th, table.tableTableauCenter th{
	background:#61172D;
	font:bold 14px Arial, Helvetica, sans-serif; color:#fff; text-align:center;
}
table.tableTableau tr td.entete, table.tableTableauCenter tr td.entete{
	background:#FFF2EF;
	font:bold 14px Arial, Helvetica, sans-serif; color:#61172D; text-align:center;
}
table.tableTableau tr td{
	background:#EBEBEB;
	font:normal 12px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:justify;
}
table.tableTableauCenter tr td{
	background:#EBEBEB;
	font:normal 11px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align:center;
}
table.tableTableauCenter tr td a{
	font:normal 11px Arial, Helvetica, sans-serif; color:#61172D; text-decoration:none;
}
table.tableTableauCenter tr td a:hover{
	text-decoration:underline;
}
td.tdFormCellGauche{
	padding-left:40px;
	height:25px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#61172D;
	vertical-align:top;
}
td.tdFormCellGauche sup{
	color:#4C5BA1;
}
td.tdFormCellDroite input{
	width:200px;
	border:1px solid #AF8391;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000;
}
td.tdFormCellDroite textarea{
	width:200px; height:100px;
	border:1px solid #AF8391;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Pagination
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurPagination{
	text-align:center;
	font:normal 16px Arial, Helvetica, sans-serif; color:#61172d;
}
div#divConteneurPagination a:link, div#divConteneurPagination a:visited{
	font:normal 14px Arial, Helvetica, sans-serif; color:#61172d; text-decoration:none;
}
div#divConteneurPagination a:hover, div#divConteneurPagination a:active{
	text-decoration:underline;
}
div#divConteneurPagination strong{
	color:#fff;
	background:#4C5BA1;
	padding:1px;
}