/* Styles communs à toutes les pages -----------------------------------------*/
.CellLiensRapides {
	background:				url(../images/Bg_LiensRapides.gif) no-repeat 0 14px;
	padding:				28px 0 0 28px;
	width:					171px;
	vertical-align:			top;
}
.CellRecherche {
	background:				url(../images/Bg_Recherche.gif) no-repeat 0 14px;
	padding:				28px 0 0 26px;
	width:					185px;
	vertical-align:			top;
}
.CellCopyright {
	font-size:				10px;
	color:					#0061AA;
}
.CellCopyright a:link, .CellCopyright a:visited, .CellCopyright a:active {
	color:					#0061AA;
	text-decoration:		none;
}
.CellCopyright a:hover, .CellCopyright a:visited:hover, .CellCopyright a:active:hover {
	color:					#0061AA;
	text-decoration:		underline;
}

/* Styles spéciaux pour page d'accueil ---------------------------------------*/
.ColonneNouvelles, .ColonneInfoVille {
	padding:				0 15px 20px;
	background:				url(../images/Bg_Points.gif) 100% 14px no-repeat;
}
.ColonneNouvelles {
	width:					151px;
}
.ColonneInfoVille {
	width:					172px;
}
.ColonneSondage {
	padding:				0 15px;
	width:					129px;
}
.TitreAccueil {
	color:					#4181B4;
	font-weight:			bold;
}
.LIPuceBleu {
	list-style:				disc outside url(../images/Puce_ListeBleue.gif);
	color:					#666;
	margin: 				0 0 20px 15px;
	padding:				0;
}
.ColonneContenu {
	background:				#FFF url(../images/Bg_AccContenu.gif) repeat-x;
	padding:				23px 0 0 0;
}
.CellRoleEvaluation, .CellPaiementTaxe, .CellRequetes, .CellDemandePermis, .CellOffresEmploi, .CellListeEnvoi {
	background:				#FFF url(../images/Bg_CellCoinCitoyen.gif) no-repeat;
	padding:				0 0 0 8px;
}
.CellRoleEvaluation {
	background-position:	0 9px;
}
.CellPaiementTaxe, .CellRequetes {
	background-position:	0 3px;
}
.CellOffresEmploi {
	background-position:	0 6px;
}
/*.CellOffresEmploi {
	background-position:	0 1px;
}*/
.CellListeEnvoi {
	background-position:	0 6px;
}
.CellContenuRoleEvaluation {
	padding:				21px 0 0 11px;
}
.CellContenuPaiementTaxe, .CellContenuRequetes {
	padding:				15px 0 0 11px;
}
.CellContenuOffresEmploi {
	padding:				21px 0 0 11px;
}

.CellContenuListeEnvoi {
	padding:				21px 0 0 11px;
}
/*.CellContenuOffresEmploi {
	padding:				16px 0 0 11px;
}*/
.TxtMajuscule {
	text-transform:			uppercase;
}
.BgAttraits {
	background:				url(../images/Bg_Attraits.gif) no-repeat;
	padding:				20px 19px 0 19px; 
	border: 1px solid #b2cfe5;
}
.BgAttraits li {
	list-style:				disc outside url(../images/Puce_ListeBleue.gif);
}
.BgColonnesNouvelles {
	background:				#FFF url(../images/Bg_ColonnesNouvelles.gif) repeat-x bottom left;
}
.Footer {
	background:				url(../images/Bg_BandeServices.gif) repeat-x;
	height: 68px;
}
.CellCopyrightAcc {
	font-size: 10px;
	color: #fff;
	padding-right: 15px;
}
.CellCopyrightAcc a {
	color: #fff !important;
	text-decoration: none;
}
.CellCopyrightAcc a:hover {
	text-decoration: underline !important;
}
.BgServices {
	background:				url(../images/Bg_BandeServices.gif) repeat-x;
}

/* Styles spéciaux pour pages intérieures ------------------------------------*/
.CellContenuInt {
	padding:				12px 24px 0 24px;
	vertical-align:			top;
}
.CellJaune {
	background:				#FFC600;
}
.CellBleuePale {
	background:				#EFF5FA;
}
.PisteNavigation {
	font-size:				10px;
	color:					#07508C;
	text-transform:			uppercase;
	padding:				0 0 7px 0;
	background:				url(../images/Bg_PointsH.gif) repeat-x bottom left;
}
.PisteNavigation a:link, .PisteNavigation a:visited, .PisteNavigation:active,
.PisteNavigation a:hover, .PisteNavigation a:visited:hover, .PisteNavigation:active:hover  {
	color:					#07508C;
}
.PisteNavigation a:link, .PisteNavigation a:visited, .PisteNavigation:active {
	text-decoration:		none;
}
.PisteNavigation a:hover, .PisteNavigation a:visited:hover, .PisteNavigation:active:hover {
	text-decoration:		underline;
}
.TxtPisteNavigation {
	font-family:			"Arial Black", Arial, Helvetica, Sans-serif;
	color:					#043E6F;
}
.CellServicesInt {
	background:				url(../images/Bg_BandeServicesInt.gif) no-repeat;
	padding:				5px 0 0 16px;
}
.BasSousMenu {
	background:				url(../images/Bg_BasSousMenu.gif) repeat-x ;
}


/* Styles pour sous menus ----------------------------------------------------*/
/*.CellSousMenu {
	width:					209px;
	vertical-align:			top;
}*/
/* Liste SousMenu
.SousMenu {
	list-style-image:		none;
	list-style:				none;
	width:					209px;
	padding:				0 0 0 0;
	margin:					0 0 -2px 0;
}
.SousMenu li {
	background:				#FFF url(/images/Bg_SousMenuLI.gif) no-repeat top left;
	list-style-image:		none;
	list-style:				none;
	text-align:				left;
	border-left:			1px solid #99BCD8;
	margin:			        0 0 1px 0;
	padding:				2px 0 0 1px;
}*/
/* IE 6 et -*/
/** html .SousMenu li  {
	margin-bottom: -1px;
}*/

/* Styles pour sous menus ----------------------------------------------------*/
.CellSousMenu {
	width:					209px;
	vertical-align:			top;
}
/* Liste SousMenu */
.SousMenu {
	list-style-image:		none;
	list-style:				none;
	width:					209px;
	padding:				0 0 0 0;
	margin:					0 0 -2px 0;
}
.SousMenu li {
	background:				#FFF url(../images/Bg_SousMenuLI.gif) no-repeat top left;
	list-style-image:		none;
	list-style:				none;
	text-align:				left;
	border-left:			1px solid #99BCD8;
	margin:			        0 0 1px 0;
	padding:				2px 0 0 1px;
}
/* IE 6 et -*/
* html .SousMenu li  {
	margin-bottom: -1px;
}
/* Liens SousMenu etat normal */
.SousMenu li div,
.SousMenu li a:link, .SousMenu li a:visited, .SousMenu li a:active {
	text-decoration:		none;
	border-left:			1px solid #C2D9EB;
	background:				#F4F7FB url(../images/Bg_SousMenuLien.gif) no-repeat top left;
	color:					#07508C;
	padding:				10px 0 12px 12px;
	display:				block;
}
/* IE 6 et -*/
* html  .SousMenu li a:link, * html .SousMenu li a:visited, * html .SousMenu li a:active {
	margin-bottom: -12px;
}
.SousMenu li a:hover, .SousMenu li a:visited:hover, .SousMenu li a:active:hover {
	text-decoration:		none;
	border-left:			5px solid #FFC600;
	padding:				10px 0 12px 8px;
	color:					#07508C;
}
/* Liens SousMenu etat actif */
.SousMenu li#SouMenuOn div {
	text-decoration:		none;
	border-left:			5px solid #FFC600;
	padding:				10px 0 12px 8px;
	color:					#07508C;
}
.SousMenu li#SouMenuOn div ul {
	margin:					5px 0 0 0;
	width: 					150px;
}
.SousMenu li#SouMenuOn div ul li, .SousMenu li#SouMenuOn div ul li#SousSousMenuOn {
	background:transparent none; 
	border:0;
	list-style:				disc outside url(../images/Puce_ListeBleueMenu.gif);
	color:					#666;
	margin: 				0 0 5px 13px;
	padding:				0;
}
.SousMenu li#SouMenuOn div ul li#SousSousMenuOn {
	list-style:				disc outside url(../images/Puce_ListeVerteMenu.gif);
}
.SousMenu li#SouMenuOn div ul li#SousSousMenuOn a {
	color: 	#00AB66;
}
.SousMenu li#SouMenuOn div ul li a {
	 background:			transparent none; 
	 border:				0;
	 margin:				0;
	 padding: 				0;
	 display: 				inline;
	 line-height: 			14px;
	 color: 				#4181B4;
	 font-size: 			10px;
}
.SousMenu li#SouMenuOn div ul li a:hover {
	text-decoration:		underline;
}
.DernierItemSM {
	margin:					0;
}
/* Liens SousMenu etat normal */
.SousMenu li div,
.SousMenu li a:link, .SousMenu li a:visited, .SousMenu li a:active {
	text-decoration:		none;
	border-left:			1px solid #C2D9EB;
	background:				#F4F7FB url(../images/Bg_SousMenuLien.gif) no-repeat top left;
	color:					#07508C;
	padding:				10px 0 12px 12px;
	display:				block;
}
/* IE 6 et -*/
* html  .SousMenu li a:link, * html .SousMenu li a:visited, * html .SousMenu li a:active {
	margin-bottom: -12px;
}
.SousMenu li a:hover, .SousMenu li a:visited:hover, .SousMenu li a:active:hover {
	text-decoration:		none;
	border-left:			5px solid #FFC600;
	padding:				10px 0 12px 8px;
	color:					#07508C;
}
/* Liens SousMenu etat actif */
.SousMenu li#SouMenuOn div {
	text-decoration:		none;
	border-left:			5px solid #FFC600;
	padding:				10px 0 12px 8px;
	color:					#07508C;
}
.SousMenu li#SouMenuOn div ul {
	margin:					5px 0 0 0;
	width: 					150px;
}
.SousMenu li#SouMenuOn div ul li, .SousMenu li#SouMenuOn div ul li#SousSousMenuOn {
	background:transparent none; 
	border:0;
	list-style:				disc outside url(/images/Puce_ListeBleueMenu.gif);
	color:					#666;
	margin: 				0 0 5px 13px;
	padding:				0;
}
.SousMenu li#SouMenuOn div ul li#SousSousMenuOn {
	list-style:				disc outside url(/images/Puce_ListeVerteMenu.gif);
}
.SousMenu li#SouMenuOn div ul li#SousSousMenuOn a {
	color: 	#00AB66;
}
.SousMenu li#SouMenuOn div ul li a {
	 background:			transparent none; 
	 border:				0;
	 margin:				0;
	 padding: 				0;
	 display: 				inline;
	 line-height: 			14px;
	 color: 				#4181B4;
	 font-size: 			10px;
}
.SousMenu li#SouMenuOn div ul li a:hover {
	text-decoration:		underline;
}
.DernierItemSM {
	margin:					0;
}
/* Styles pour menus déroulants ----------------------------------------------*/
.TableauMenuDeroul {
	border:					1px solid #99BCD8;
}
.MenuDeroul {
	color:					#07508C;
	background:				url(../images/Bg_MenuDeroul.gif) no-repeat;
	width:					178px;
	cursor:					pointer;
	cursor: 				hand;
	height:					27px;
	padding:				0 14px;
}

.MenuDeroulOver  {
	color:					#07508C;
	background:				url(../images/Bg_MenuDeroulOver.gif) no-repeat;
	width:					178px;
	cursor:					pointer;
	cursor: 				hand;
	height:					27px;
	padding:				0 14px;
}
.MenuDeroulDernier {
	color:					#07508C;
	background:				#FFF;
	width:					178px;
	cursor:					pointer;
	cursor: 				hand;
	height:					27px;
	padding:				0 14px;
}
.MenuDeroulOverDernier  {
	color:					#07508C;
	background:				url(../images/Bg_MenuDeroulDernierOver.gif) repeat-y;
	width:					178px;
	cursor:					pointer;
	cursor: 				hand;
	height:					27px;
	padding:				0 14px;
}

/* Styles pour Plan du site --------------------------------------------------*/
a.Lien1:link, a.Lien1:visited, a.Lien1:active {
	font-size:				12px;
	font-weight:			bold;
	color:					#0DAF6F;
	text-decoration:		none;
}
a.Lien1:hover, a.Lien1:visited:hover, a.Lien1:active:hover {
	font-size:				12px;
	font-weight:			bold;
	color:					#0DAF6F;
	text-decoration:		underline;
}
a.Lien2:link, a.Lien2:visited, a.Lien2:active {
	font-size:				11px;
	color:					#07508C;
	text-decoration:		none;
}
a.Lien2:hover, a.Lien2:visited:hover, a.Lien2:active:hover {
	font-size:				11px;
	color:					#07508C;
	text-decoration:		underline;
}

/* Styles pour formulaires----------------------------------------------------*/
.TxtBox {
	font-size:				11px;
	color:					#808284;
	border:					1px solid #7F9DB9;
	padding:				0 0 0 2px;
	margin:					0 0 0 0;
}
.TxtArea {
	font-size:				11px;
	color:					#808284;
	border:					1px solid #7F9DB9;
	padding:				0 0 0 2px;
	margin:					0 0 0 0;
}
.Select {
	font-size:				11px;
	color:					#808284;
}
.RadioButton {
	margin:					0;
	padding:				0;
}
#formTableau td.CellGauche
{
	padding:				0px 12px 6px 0px;
	vertical-align:			text-top;
	width:					70px;
}
#formTableau td.CellDroite
{
	width:					230px;
}
#formTableau td.CellBreak
{
	height:					20px;
}

/* Général -------------------------------------------------------------------*/
BODY {
	font:					11px/120% Arial, Helvetica, Sans-serif;
	color:					#808284;
	padding:				0;
	margin:					19px 0 0 0;
	background:				#FFF;
}
A:link, A:visited, A:active {
	color:					#4181B4;
	text-decoration:		underline;
}
A:hover, A:visited:hover, A:active:hover {
	color:					#4181B4;
	text-decoration:		underline;
}
P {
	padding:				0;
	margin:					0 0 12px 0;
}
FORM {
	padding:				0;
	margin:					0;
}
SUP  {
	font:					7px/0px Arial, Helvetica, Sans-serif;
}

.BgInt {
	background:				url(../images/Bg_Int.gif) repeat-x bottom left;
}

/* Styles calendrier */
.CellTheme {
	font:					bold 11px/120%Arial, Helvetica, Sans-serif;
	color:					#07508c;
	text-transform:			uppercase;
	padding:				3px 10px;
	background: 			#f5f8fb url(/images/Bg_Theme.gif) no-repeat top left;
	border:					1px solid #cddfee; 
	height:					28px;
}
.CellMoisAnnee {
	font:					11px/120% Arial, Helvetica, Sans-serif;
	color:					#07508c;
	padding:				0 10px;
	text-align: center;
	vertical-align:			middle;
	height:					21px;
	width:60px;
}
.CellCalendrier {
	background: 			#f5f8fb;
	border-left:			1px solid #cddfee;
}
.CellJour {
	font:					bold 11px/120% Arial, Helvetica, Sans-serif;
	color:					#07508c;
	text-transform:			uppercase;
	background: 			#FFF;
	border-left:			1px solid #cddfee; 
	/*border-right:			1px solid #D3A830; */
	text-align:				left;
	padding:				6px 6px 6px 6px;
	width:			 		37px;
}
.CellDate {
	font:					11px/120% Arial, Helvetica, Sans-serif;
	color:					#808284;
	background: 			#f5f8fb;
	padding:				6px 7px;
	border-left:			1px solid #cddfee; 
}
.CellDateSelect {
	color:					#07508c;
	padding:				6px 6px 6px 6px;
	text-decoration: 		none;
	font-weight: 			bold;
	/*background:				#D4E3F1;*/
}
.CellPrevNext {
	cursor: pointer;
	width:20px;
	text-align: center;
}
.CellDateOtherMonth {
	color:					#CCC;
}
.CellDateSpecial {
	background: 			#D4E3F1;
	cursor: pointer;
	text-decoration:		underline;
}
.CalendrierBordure {
	border-bottom:			1px solid #cddfee; 
	border-right:			1px solid #cddfee;
}
.TexteCalendrier 
{
	font:					11px/120% Arial, Helvetica, Sans-serif;
	color:					#4181B4;
}
.BgColDroite {
	/*background:				#B6CEE0;*/
	padding-bottom:				20px;
}