/*///////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE : structure général du site
// 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;}
a:link{color:#4C5BA1;}
a:hover{text-decoration:none;}
/*///////////////////////////////////////////////////////////////////////////////////
// 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; min-height:600px;}
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{font:normal 12px Arial, Helvetica, sans-serif; color:#61172d; text-transform:uppercase; text-decoration:none;}
div.milieuRub div.toggler a:hover{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 6px 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;}
div#lienOffresEmplois a, div#lienOffresEmplois a{
	display:block; margin:6px 0 6px 14px;
	width:204px; height:24px;
	background:url(../images/background/back-menu-offres-emplois.png) 0 0 no-repeat;
}
div#lienOffresEmplois a:hover{background-position:-204px 0;}	
/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas */
div#divConteneurMenuBas{
	clear:both;
	padding:10px 0 0 0;
}
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{
	padding:0 6px 0 6px;
	border-right:1px solid #b4b4b4;
	font:normal 12px Arial,Helvetica,sans-serif; color:#888; text-decoration:none;
}
div#divConteneurMenuBas ul li a.Bord{border:0;}
div#divConteneurMenuBas ul li a:hover{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, a.lienJaune, a.lienOrange, a.lienMarron{font:bold 14px Arial, Helvetica, sans-serif;}
a.lienRouge:hover, a.lienJaune:hover, a.lienOrange:hover, a.lienMarron:hover{text-decoration:none;}
a.lienRouge{color:#d4242c;}
a.lienJaune{color:#d28d0e;}
a.lienOrange{color:#ef8300;}
a.lienMarron{color:#61172D;}
a.lienNormal{font:normal 14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-decoration:none;}
a.lienNormal:hover{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{font:normal 16px Arial, Helvetica, sans-serif; color:#61172d; text-align:center;}
div#divConteneurPagination a{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;
}