/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		text-decoration:none;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		color:#333;
		padding:1px 0 0 0
	 }
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	p {margin:0 0 15px 0}
/* --------------------------------------------------------------------------------------------- Récurrents */
	span.titre {
		display:block;
		font-family:verdana, arial, helvetica, sans-serif;
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.1em;
		border-bottom:1px solid #c2d4e8;
		border-right:1px solid #c2d4e8;
		background:#0a50a1 url(../../images/elements/puce.gif) no-repeat 9px 8px;
		padding:5px 0 5px 25px
	}
	div.bloc_bleu {
		background:#e5f1f9;
		padding:10px 5px 15px 10px;
		margin:2px 0 10px 0
	}
/* --------------------------------------------------------------------------------------------- Accès rapide */
	#acces_rapide {
		width:995px;
		margin:0 auto;
		text-align:right;
		font-size:.9em;
		padding:2px 10px 2px 0;
		color:#66afdb
	}
	#acces_rapide li {display:inline}
	#acces_rapide li a {color:#66afdb}
	#acces_rapide li a:hover {color:#8cc919}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:995px;
		margin:0 auto;
		border-top:3px solid #8cc919;
		padding:6px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:988px;
		background:#007ac3;
		padding:2px 0 0 7px
	}
/* --------------------------------------------------------------------------------- Logos */
	#header #logos {
		float:left;
		width:574px;
		padding:0 25px 0 0
	}
	#header #logos #conde_escaut {
		float:left;
		margin:4px 25px 0 0
	}
	#header #logos #ville_internet {
		position:relative;
		vertical-align:middle;
		margin:-5px 0 5px 0
	}
/* --------------------------------------------------------------------------------- Coordonnées */
	#header #coordonnees{
		float:left;
		margin:10px 17px 0 0;
		color:#fff
	}
/* --------------------------------------------------------------------------------- Recherche */
	#header input.rechercher {
		float:left;
		width:157px;
		height:14px;
		font-size:1em;
		color:#6f6f6f;
		border:1px solid #bfbfbf;
		padding:2px 0 0 3px;
		margin:10px 6px 12px 0
	}
	#header input.ok {
		float:left;
		margin:10px 0 0 0
	}
/* --------------------------------------------------------------------------------- Outils */
	#header #outils li {
		display:inline;
		margin:0 8px 0 0
	}
	#header #outils li img {vertical-align:middle}
/* --------------------------------------------------------------------------------------------- Menu */
	#menu ul li a.linkOver {color:#8cc919}
/* --------------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:100%;
		background:#0a50a1;
		font-family:verdana, arial, helvetica, sans-serif;
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		border-bottom:3px solid #007ac3;
		padding:4px 0
	}
	#menu li {
		position:relative;
		display:inline;
		background:url(../../images/elements/puce.gif) no-repeat 0 3px;
		padding:0 0 0 14px;
		margin:0 8px
	}
	#menu li a {color:#fff}
	#menu li #lien_extranet {color:#8cc919}
	#menu li a:hover {color:#8cc919}
/* --------------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:20px;
		left:5px;
		visibility:hidden;
		float:none;
		width:180px;
		background:#0a50a1;
		font-weight:normal;
		font-size:.9em;
		text-transform:none;
		border:1px solid #007ac3;
		padding:6px 7px 2px 6px
	}
	#menu li ul li {
		display:block;
		background:url(../../images/elements/carre_vert.gif) no-repeat 0 6px;
		padding:0 0 0 8px;
		margin:0 0 4px 0
	}
/* --------------------------------------------------------------------------------- Autres niveaux */
	#menu li ul li ul {
		margin-left:170px;
		margin-top:-20px;
		font-size:1em;
		z-index:10000
	}
	#menu li ul li ul.deploiement_gauche {margin-left:-205px}
/* --------------------------------------------------------------------------------------------- Visuels */
	#visuel {
		float:left;
		width:100%;
		margin:3px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:740px;
		padding:17px 0 0 40px
	}
/* --------------------------------------------------------------------------------- Menu */
	#main #entrees {
		border-bottom:8px solid #8cc919;
		padding:0 0 15px 0;
		margin:0 0 3px 0
	}
	#main #entrees li {
		display:inline;
		margin:0 23px 0 0
	}
	#main #entrees li.last {margin:0}
/* --------------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:180px
	}
	#main #left p {margin:0 0 5px 0}
/* --------------------------------------------------------------------- Le saviez-vous */
	#main #left #AutoScrollContainer_loading {
		position:relative;
		overflow:hidden;
		visibility:visible
	}
	#main #left #AutoScrollContainer {
		position:relative;
		width:165px;
		height:90px;
		overflow:hidden;
		visibility:visible
	}
	#main #left #AutoScrollContainer #AutoScrollContent {
		position:relative;
		width:165px;
		visibility:visible
	}
	#main #left #AutoScrollContainer #AutoScrollContent p {margin:0 0 20px 0}
	#main #left #AutoScrollContainer #AutoScrollContent p span {
		display:block;
		margin:1px 0 0 0
	}
	#main #left #AutoScrollContainer #AutoScrollContent p span.date {font-style:italic}
	#main #left #AutoScrollContainer #AutoScrollContent p span.accroche {
		font-size:1.3em;
		color:#1f2021;
		font-weight:bold
	}
	#main #left #AutoScrollContainer #AutoScrollContent p span.lien {
		color:#007ac3;
		font-size:.9em
	}
	#main #left #AutoScrollContainer #AutoScrollContent p span.lien a {color:#007ac3}
	#main #left #AutoScrollContainer #AutoScrollContent p span.lien a:hover {text-decoration:underline}
/* --------------------------------------------------------------------- Newsletter */
	#main #left input.newsletter {
		width:100px;
		height:14px;
		font-size:1em;
		color:#000;
		border:1px solid #73797d;
		padding:2px 0 0 3px;
		margin:0 4px 0 0
	}
	#main #left input.ok {
		position:relative;
		top:4px
	}
/* --------------------------------------------------------------------- Babelfish */
	#main #left #babelfish {padding:0 0 10px 25px}
/* --------------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:544px;
		padding:0 8px
	}
	#main #contenu div.bloc_bleu {
		float:left;
		width:494px;
		padding:20px 25px 15px 25px
	}
/* --------------------------------------------------------------------- Titres */
	#main #contenu div.bloc_bleu h1 {
		color:#0a50a1;
		font-size:1.8em;
		margin:0 0 10px 0
	}
	#main #contenu div.bloc_bleu h2 {
		font-size:1.4em;
		color:#007ac3;
		margin:0 0 7px 0
	}
	#main #contenu div.bloc_bleu h2.spl_titre_info {	
		margin-bottom:0px;
	}
	#main #contenu div.bloc_bleu h3 {
		font-size:1.1em;
		color:#56ade1;
		margin:0 0 5px 0
	}
	#main #contenu div.bloc_bleu h4 {
		font-size:1em;
		color:#333;
		margin:0 0 5px 0
	}
/* --------------------------------------------------------------------- Compass */
	#main #contenu #compass {
		color:#fff;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:.9em;
		background:#0a50a1;
		border-bottom:1px solid #c2d4e8;
		padding:6px 0 6px 10px
	}
	#main #contenu #compass ul {display:inline} 
	#main #contenu #compass li {
  		padding-left:2px;
  		display:inline
 	}
	#main #contenu #compass li a {color:#fff}
	#main #contenu #compass li a:hover {
		color:#8cc919;
		text-decoration:underline
	}
/* --------------------------------------------------------------------------------------------- Right */
	#right {
		float:left;
		width:215px
	}
	#right #opacite {
		position:relative;
		width:198px;
		height:280px;
		background:#379fdd;
		filter:alpha(opacity=75);
		-moz-opacity:0.75
	}
	#right #opacite_contenu {
		position:relative;
		width:215px;
		color:#fff;
		padding:5px 0 0 0;
		margin:-280px 0 0 0
	}
	#right #opacite_contenu span.titre {border:none}
	#right #opacite_contenu span.titre a {color:#fff}
	#right #opacite_contenu span.titre a:hover {text-decoration:underline}
	#right #opacite_contenu ul {
		background:url(../../images/structure/liens_droite.gif) repeat-y;
		padding:10px 20px 10px 20px
	}
	#right #opacite_contenu ul li {
		background:url(../../images/elements/fleche_blanc.gif) no-repeat 0 5px;
		padding:0 0 0 10px;
		margin:0 0 1px 0
	}
	#right #opacite_contenu ul li a {color:#fff}
	#right #opacite_contenu ul li a:hover {text-decoration:underline}
	#right #opacite_contenu #tous_services {
		color:#000;
		font-weight:bold;
		padding:0 16px 0 60px;
		background:url(../../images/structure/liens_droite.gif) repeat-y
	}
	#right #opacite_contenu #tous_services a {color:#000}
	#right #opacite_contenu #tous_services a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------- Calendrier */
	#evenement_jour {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:.9em;
		font-weight:bold;
		padding:0 30px 10px 10px
	}
	#evenement_jour span {
		font-family:arial, helvetica, sans-serif;
		color:#8cc919;
		font-size:2.7em;
		margin:0 5px 0 0
	}
	#evenement_jour a {
		color:#fff;
		text-decoration:underline
	}
	#evenement_jour a:hover {text-decoration:none}
	#agenda {
		width:100%;
		border-collapse:collapse;
		font-size:1.1em;
		font-weight:bold;
		margin:6px 0 15px 0
	}
	#agenda tr #agenda_calender {height:0}
	#agenda tr #agenda_calender table {
		width:80%;
		border-collapse:collapse;
		margin:0 0 0 13px
	}
	#agenda tr #agenda_calender table tr th {padding:2px 0}
	#agenda tr #agenda_calender table #jour th {background:url(../../images/elements/dotted_blanc.gif) repeat-x bottom}
	#agenda tr #agenda_calender table tr th a {color:#fff}
	#agenda tr #agenda_calender table tr th a:hover {text-decoration:overline}
	#agenda tr #agenda_calender table tr td {
		text-align:center;
		padding:2px 0
	}
	#agenda tr #agenda_calender table tr td {color:#0a50a1}
	#agenda tr #agenda_calender table tr td.agenda_current a {
		background:#8cc919
	}
	#agenda tr #agenda_calender table tr td a {
		color:#fff;
		padding:1px 4px 1px 5px
	}
	#agenda tr #agenda_calender table tr td a:hover {text-decoration:overline}
/* --------------------------------------------------------------------------------- Bouton 'service public' */
	#right #service_public {vertical-align:middle}
/* --------------------------------------------------------------------------------- Bouton 'mon enfant à l'école' */
	#right #enfant_ecole {
		vertical-align:middle;
		margin:0 0 10px 0
	}
/* --------------------------------------------------------------------------------- Illustration */
	#right div.illustration {
		font-size:.9em;
		color:#6d6d6d;
		margin:0 0 15px 0
	}
	#right div.illustration img {border:1px solid #3395cf}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		display:inline;
		float:left;
		width:955px;
		height:23px;
		text-transform:uppercase;
		font-size:.9em;
		background:url(../../images/structure/footer.gif) repeat-x;
		margin:0 0 0 40px;
		padding:2px 0 0 0
	}
	#footer li {
		display:inline;
		margin:0 10px
	}
	#footer #telmedia {margin:0 420px 0 10px}
	#footer li a {color:#fff}
	#footer li a:hover {color:#8cc919}