/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.btn {
		font-family:tahoma;
		font-size:.8em;
		color:#fff;
		background:#005a91;
		border:1px solid #005a91;
		cursor:pointer;
		padding:1px 0
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		float:left;
		width:959px;
		background-color:#0b4983;
		background-repeat:no-repeat;
		padding:0 0 20px 36px
	}
	.visu00 {background-image:url(../../images/visuels/visu00.jpg)}
	.visu01 {background-image:url(../../images/visuels/visu01.jpg)}
	.visu02 {background-image:url(../../images/visuels/visu02.jpg)}
	.visu03 {background-image:url(../../images/visuels/visu03.jpg)}
	.visu04 {background-image:url(../../images/visuels/visu04.jpg)}
	.visu05 {background-image:url(../../images/visuels/visu05.jpg)}
	.visu06 {background-image:url(../../images/visuels/visu06.jpg)}
	.visu07 {background-image:url(../../images/visuels/visu07.jpg)}
	.visu08 {background-image:url(../../images/visuels/visu08.jpg)}
	.visu09 {background-image:url(../../images/visuels/visu09.jpg)}
	.visu10 {background-image:url(../../images/visuels/visu10.jpg)}
	.visu11 {background-image:url(../../images/visuels/visu11.jpg)}
	.visu12 {background-image:url(../../images/visuels/visu12.jpg)}
/* --------------------------------------------------------------------------------------------- Aller à l'accueil */
	#aller_accueil {
		display:block;
		display:inline;
		float:left;
		width:260px;
		height:50px;
		margin:120px 0 0 3px
	}
/* --------------------------------------------------------------------------------------------- Outils pratiques */
	#top {
		position:absolute;
		top:0;
		right:0
	}
	#top #outils_pratiques {
		float:left;
		width:652px;
		background:url(../../images/structure/background/outils_pratiques.png);
		padding:0 12px 0 12px
	}
	* html #top #outils_pratiques {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/outils_pratiques.png',sizingMethod='scale');
		background-image:none
	}
	#top #outils_pratiques_bottom {
		float:left;
		width:670px;
		height:7px;
		background:url(../../images/structure/background/outils_pratiques.png);
		padding:3px;
		font-size:0em
	}
	* html #top #outils_pratiques_bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/outils_pratiques.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Titre */
	#top #outils_pratiques #titre_outils_pratiques {
		display:block;
		float:left;
		text-transform:uppercase;
		font-family:arial;
		font-size:.8em;
		color:#fff;
		background:url(../../images/elements/fleches_blanc.gif) no-repeat right;
		padding:0 17px 0 0;
		margin:5px 6px 0 0
	}
/* ------------------------------------------------------------------------- Liens d'évitement */
	#top #outils_pratiques #liens_evitement {
		float:left;
		font-family:tahoma;
		font-size:.9em;
		color:#fff;
		margin:5px 0 7px 0
	}
	#top #outils_pratiques #liens_evitement li {display:inline}
	#top #outils_pratiques #liens_evitement li a {color:#fff}
	#top #outils_pratiques #liens_evitement li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Adresse */
	#top #outils_pratiques #adresse {
		float:right;
		font-family:tahoma;
		color:#fff;
		line-height:1.2em;
		margin:5px 0 0 0
	}
/* ------------------------------------------------------------------------- Recherche */
	#top #outils_pratiques form {
		float:left;
		background:url(../../images/elements/dotted_vertical_blanc.gif) repeat-y right;
		padding:7px 11px 6px 0
	}
	#top #outils_pratiques form label {
		float:left;
		text-transform:uppercase;
		line-height:2.2em;
		font-family:arial;
		font-size:.8em;
		color:#000;
		background:url(../../images/elements/fleches_noir.gif) no-repeat right;
		padding:0 17px 0 0
	}
	#top #outils_pratiques form input.champ_recherche {
		float:left;
		width:123px;
		height:15px;
		font-size:1em;
		border:1px solid #0f6498;
		padding:1px 0 0 3px;
		margin:0 4px 0 6px
	}
	#top #outils_pratiques form input.btn {float:left}
/* ------------------------------------------------------------------------- Outils */
	#top #outils_pratiques #outils {
		float:left;
		background:url(../../images/elements/dotted_vertical_blanc.gif) repeat-y right;
		padding:7px 3px 7px 0
	}
	#top #outils_pratiques #outils li {
		display:inline;
		margin:0 4px
	}
	#top #outils_pratiques #outils li.reduire_police {margin:0 0 0 10px}
	#top #outils_pratiques #outils li.agrandir_police {margin-left:0}
/* ------------------------------------------------------------------------- Cartographie */
	#top #outils_pratiques #cartographie {
		display:block;
		float:left;
		text-transform:uppercase;
		font-family:arial;
		font-size:.8em;
		color:#fff;
		background:url(../../images/boutons/cartographie.gif) no-repeat right;
		padding:6px 29px 4px 0;
		margin:7px 0 0 10px
	}
	#top #outils_pratiques #cartographie:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Actualités */
	#my-glider {
		float:left;
		width:562px;
		margin:80px 0 0 50px
	}
/* -------------------------------------------------------------------------- Titre */
	#my-glider #titre_actualites {
		float:left;
		font-size:3.5em;
		font-style:italic;
		color:#fff;
		margin:0 0 0 41px
	}
/* -------------------------------------------------------------------------- Contrôles */
	#my-glider div.controls ul {
		float:left;
		font-size:1.3em;
		padding:22px 0 0 10px
	}
	#my-glider div.controls ul li {float:left}
	#my-glider div.controls ul li a {
		color:#0f6498;
		background:#dfeefb;
		padding:0 5px
	}
	#my-glider div.controls ul li a:hover, #my-glider div.controls ul li a.on {
		color:#fff;
		background:#0f6498
	}
	#my-glider div.controls ul li a.on {cursor:text}
	#my-glider #prev_news, #my-glider #next_news {
		float:left;
		margin:43px 0 0 0
	}
	#my-glider #prev_news {clear:both}
/* -------------------------------------------------------------------------- Actualités */
	#my-glider div.scroller {
		float:left;
		width:524px;
		height:117px;
		overflow:hidden;
		margin:5px 0 0 0
	}
	#my-glider div.scroller ul.content {width:10000px}
	#my-glider div.scroller ul.content li.section {
		float:left;
		width:524px;
		height:117px;
		overflow:hidden
	}
	#my-glider div.scroller ul.content li.section div.actualite {
		display:inline;
		float:left;
		width:209px;
		height:103px;
		background:url(../../images/structure/background/actualite.png);
		padding:7px
	}
	* html #my-glider div.scroller ul.content li.section div.actualite {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/actualite.png',sizingMethod='scale');
		background-image:none
	}
	#my-glider div.scroller ul.content li.section div.left {margin:0 17px 0 22px}
	#my-glider div.scroller ul.content li.section div.right {margin:0 22px 0 17px}
	#my-glider div.scroller ul.content li.section div.actualite .titre {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		color:#005a91;
		margin:0 0 7px 0
	}
	#my-glider div.scroller ul.content li.section div.actualite a.titre:hover {text-decoration:underline}
	#my-glider div.scroller ul.content li.section div.actualite img {
		float:left;
		background:#fff;
		padding:3px;
		margin:0 8px 0 0
	}
	#my-glider div.scroller ul.content li.section div.actualite p {
		line-height:1.3em;
		text-align:justify;
		color:#000
	}
/* --------------------------------------------------------------------------------------------- Menu */
	/*#menu li a.linkOver {background-position:bottom left}
	#menu li a.linkOver span {
		height:33px;
		background-position:right bottom;
		padding-top:3px
	}*/
	#menu li ul li a.linkOver {text-decoration:underline}
/* -------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:884px;
		font-size:1.3em;
		background:url(../../images/structure/background/menu.png);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 0 3px 6px;
		margin:50px 0 0 0
	}
	* html #menu {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/menu.png',sizingMethod='crop');
		background-image:none;
		padding:0 0 0 6px
	}
	#menu li {
		position:relative;
		float:left
	}
	#menu li a {
		display:block;
		float:left;
		color:#fff;
		background-image:url(../../images/structure/background/menu_a.gif);
		background-position:top left;
		background-repeat:repeat-x;
		margin:0 1px 0 0
	}
	#menu li a span {
		display:block;
		float:left;
		height:22px;
		background-image:url(../../images/structure/background/menu_span.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding:14px 7px 0 7px;
		cursor:pointer
	}
	#menu li a:hover, #menu li a.on {background-position:bottom left}
	#menu li a:hover span, #menu li a.on span {
		height:33px;
		background-position:right bottom;
		padding-top:3px
	}
/* -------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:38px;
		left:0;
		visibility:hidden;
		width:180px;
		background:#990026;
		border:1px solid #990026;
		font-size:.8em;
		padding:4px 0;
		margin:0
	}
	#menu li ul li {
		display:block;
		width:165px;
		padding:2px 10px
	}
	#menu li ul li a {
		display:inline;
		float:none;
		background:none;
		margin:0
	}
	#menu li ul li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Autres niveaux */
	#menu li ul li ul {
		margin-left:178px;
		margin-top:-40px;
		font-size:1em;
		z-index:10000
	}
	* html #menu li ul li ul  {margin-left:182px}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:864px;
		background:url(../../images/structure/background/main.png) repeat-y;
		padding:3px 95px 0 0
	}
	* html #main {background:url(../../images/structure/background/main.gif) repeat-y}
/* -------------------------------------------------------------------------- Compass */
	#main #compass {
		float:left;
		width:664px;
		font-family:arial;
		font-weight:bold;
		color:#ff7800;
		padding:0 190px 15px 10px
	}
	#main #compass li a {
		font-weight:normal;
		color:#797979;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#main #compass li a:hover {text-decoration:underline}
	#main #compass li ul {display:inline}
	#main #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#main #compass li ul li a {
		background:none;
		padding:0
	}
/* -------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:384px;
		min-height:650px;
		/*background:url(../../images/structure/background/contenu.gif) no-repeat right bottom;*/
		padding:0 25px 75px 28px
	}
	* html #main #contenu {
		height:650px;
		overflow:visible
	}
/* ------------------------------------------------------- Titre */
	h1 {
		font-size:1.5em;
		color:#0053a1;
		margin-bottom:14px
	}
	h2 {
		clear:both;
		font-size:1.3em;
		color:#009e58;
		margin-bottom:10px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#8fc901;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#ff7800;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ------------------------------------------------------- A lire également */
	#main #contenu #lire_egalement_titre {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#ff7800
	}
	#main #contenu #lire_egalement {
		clear:none;
		float:left;
		width:100%;
		background:url(../../images/elements/dotted_gris.gif) repeat-x top;
		padding:0;
		margin:5px 0 0 0
	}
	#main #contenu #lire_egalement li {
		background-image:url(../../images/elements/dotted_gris2.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding:4px 0 7px 0;
		margin:0
	}
	#main #contenu #lire_egalement li.alterne {background-color:#ffd8cc}
	#main #contenu #lire_egalement li a {
		color:#ff7800;
		background:url(../../images/elements/fleches_orange.gif) no-repeat 0 5px;
		text-decoration:none;
		padding:0 0 0 15px;
		margin:0 0 0 8px
	}
	#main #contenu #lire_egalement li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:198px
	}
/* -------------------------------------------------------- Bloc arrondi */
	#main #right #arrondi_top, #main #right #arrondi_bottom {
		width:198px;
		height:10px;
		background:url(../../images/structure/background/arrondi_top.png);
		font-size:0em
	}
	* html #main #right #arrondi_top {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/arrondi_top.png',sizingMethod='crop');
		background-image:none
	}
	#main #right #arrondi_bottom {background:url(../../images/structure/background/arrondi_bottom.png)}
	* html #main #right #arrondi_bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/arrondi_bottom.png',sizingMethod='crop');
		background-image:none
	}
	#main #right #arrondi_middle {
		width:178px;
		background:url(../../images/structure/background/arrondi_middle.png) repeat-y;
		padding:0 10px
	}
	* html #main #right #arrondi_middle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/arrondi_middle.png',sizingMethod='scale');
		background-image:none
	}
	#main #right #arrondi_middle ul.orange, #main #right #arrondi_middle ul.bleu {
		text-transform:uppercase;
		font-size:1.1em;
		padding:0 0 5px 0
	}
	#main #right #arrondi_middle ul.orange li a, #main #right #arrondi_middle ul.bleu li a {
		display:block;
		width:168px;
		color:#fff;
		background:#ff7800;
		border-bottom:1px solid #fff;
		padding:3px 5px
	}
	#main #right #arrondi_middle ul.bleu li a {background:#059af7}
	#main #right #arrondi_middle ul.orange li a:hover, #main #right #arrondi_middle ul.bleu li a:hover {color:#0b4983}
/* ------------------------------------- Bouton Agenda */
	#main #right #arrondi_middle #btn_calendrier {
		display:block;
		text-transform:uppercase;
		font-size:1.1em;
		color:#0053a1;
		margin:0 0 5px 5px
	}
	#main #right #arrondi_middle #btn_calendrier img {
		vertical-align:middle;
		margin:0 0 0 5px
	}
/* ------------------------------------- Calendrier */
	#toolbar_Agenda_calendar {
		width:100%;
		text-align:center;
		color:#0b4268
	}
	#toolbar_Agenda_calendar table {
		width:100%;
		table-layout:fixed;
		margin:3px 0 0 0
	}
	#toolbar_Agenda_calendar table tr td table {border-bottom:1px solid #0053a1}
	#toolbar_Agenda_calendar table tr td table tr th {
		font-size:1.2em;
		color:#0053a3;
		padding:3px 0
	}
	#toolbar_Agenda_calendar table tr td table tr th.jour {border-bottom:1px solid #0053a1}
	#toolbar_Agenda_calendar table tr td table tr th a {color:#000}
	#toolbar_Agenda_calendar table tr td table tr th a:hover {color:#000}
	#toolbar_Agenda_calendar table tr td table tr td {padding:2px 0}
	#toolbar_Agenda_calendar table tr td.agenda_selected_current, #toolbar_Agenda_calendar table tr td.agenda_selected{
		background:#0152a1;
		color:#fff
	}
	#toolbar_Agenda_calendar table tr td table tr td a {
		text-decoration:underline;
		color:#6996ad
	}
	#toolbar_Agenda_calendar table tr td table tr td a:hover {text-decoration:overline}
	#toolbar_Agenda_calendar table tr td.agenda_selected_current a {color:#fff}
	#toolbar_Agenda_calendar table tr td.agenda_selected a {color:#fff}
	#toolbar_Agenda_calendar table tr td a:hover {text-decoration:overline}
/* ------------------------------------- Aujourd'hui */
	#main #right #arrondi_middle #aujourdui_titre {
		display:block;
		text-transform:uppercase;
		font-weight:bold;
		color:#0054a1;
		margin:6px 0 4px 0
	}
	#main #right #arrondi_middle #aujourdui {
		font-size:.9em;
		color:#000;
		margin:0 0 15px 0
	}
	#main #right #arrondi_middle #aujourdui li {margin:0 0 4px 0}
	#main #right #arrondi_middle #aujourdui li a {
		font-weight:bold;
		color:#000;
		text-decoration:underline
	}
	#main #right #arrondi_middle #aujourdui li a:hover {text-decoration:none}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		float:left;
		width:690px;
		height:5px;
		background:url(../../images/structure/background/bottom.png);
		margin:0 269px 2px 0;
		font-size:0em
	}
	* html #bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/lys_les_lannoy/design/lys_les_lannoy/images/structure/background/bottom.png',sizingMethod='crop');
		background-image:none
	}
/* -------------------------------------------------------------------------- Haut de page */
	#bottom #haut_page {
		position:relative;
		top:-45px;
		left:580px;
		font-size:10px;
		color:#8fc901;
		text-decoration:none;
		background:url(../../images/elements/fleches_haut_vert.gif) no-repeat 0 4px;
		padding:0 0 0 9px
	}
	#bottom #haut_page:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		font-family:tahoma;
		font-size:.9em;
		color:#fff;
		padding:2px 0 0 15px
	}
	#footer li {display:inline}
	#footer li a {color:#fff}
	#footer li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Copyright */
	#copyright {
		float:right;
		font-family:arial;
		font-size:.9em;
		color:#fff;
		padding:0 285px 0 0
	}
	#copyright li {display:inline}
	#copyright li a {color:#fff}
	#copyright li a:hover {text-decoration:underline}
	#copyright li img {
		vertical-align:middle;
		margin:0 0 0 4px
	}