/* 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
	}
/* -------------------------------------------------------------------------- Liste de liens */
/* ------------------------------------------------------ Commun */
	ul.liste_liens {
		float:left;
		text-transform:uppercase;
		font-size:1.1em
	}
	ul.liste_liens li {margin:0 0 1px 0}
	ul.liste_liens li a {
		display:block;
		width:175px;
		color:#fff;
		padding:3px 0 3px 8px
	}
	ul.liste_liens li a:hover {color:#000}
	ul.liste_liens li img {margin:0 0 0 5px}
/* ------------------------------------------------------ Bleu */
	ul.liste_liens.bleu {
		position:absolute;
		top:100px;
		right:69px
	}
	ul.liste_liens.bleu li a {background:#82c8ef}
	ul.liste_liens.bleu li #meteo {
		width:183px;
		background:#82c8ef
	}
	ul.liste_liens.bleu li #meteo div {padding:5px 0 5px 40px}
	ul.liste_liens.bleu li #meteo div a {
		display:inline;
		background:none;
		padding:0
	}
	ul.liste_liens.bleu li #meteo div a:hover {color:#fff}
/* ------------------------------------------------------ Vert */
	ul.liste_liens.vert {margin:222px 0 0 63px}
	ul.liste_liens.vert li a {background:#94d10b}
/* ------------------------------------------------------ Orange */
	ul.liste_liens.orange {padding-left:35px}
	ul.liste_liens.orange li a {background:#ff7800}
/* ------------------------------------ Second niveau */
	ul.liste_liens.orange li ul {
		width:163px;
		text-transform:none;
		font-size:.9em;
		background:#fbac65;
		padding:5px 0 5px 20px
	}
	ul.liste_liens.orange li ul li {
		background:url(../../images/elements/fleches_blanc.gif) no-repeat 0 5px;
		padding:0 0 3px 12px;
		margin:0
	}
	ul.liste_liens.orange li ul li.last {
		font-weight:bold;
		background:url(../../images/elements/fleches_orange.gif) no-repeat 0 5px;
		margin:10px 0 0 0
	}
	ul.liste_liens.orange li ul li a {
		display:inline;
		background:none;
		padding:0
	}
	ul.liste_liens.orange li ul li a:hover {
		color:#fff;
		text-decoration:underline
	}
	ul.liste_liens.orange li ul li.last a {color:#ff7900}
	ul.liste_liens.orange li ul li.last a:hover {color:#ff7900}
/* ------------------------------------ Newsletter */
	ul.liste_liens.orange li #newsletter {
		width:183px;
		background:#fbac65
	}
	ul.liste_liens.orange li #newsletter form {padding:10px}
	ul.liste_liens.orange li #newsletter form label {
		text-transform:none;
		font-size:.8em;
		color:#000
	}
	ul.liste_liens.orange li #newsletter form input.champ_newsletter {
		width:130px;
		height:15px;
		font-size:1em;
		border:1px solid #000;
		padding:2px 0 0 3px;
		margin:3px 0 0 0
	}
	ul.liste_liens.orange li #newsletter form p {
		text-transform:none;
		font-size:.8em;
		color:#ff0000
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		float:left;
		width:890px;
		background-color:#005686;
		background-repeat:no-repeat;
		padding:0 69px 20px 36px
	}
	.visu01 {background-image:url(../../images/visuels/visuel_1.jpg)}
	.visu02 {background-image:url(../../images/visuels/visuel_2.jpg)}
	.visu03 {background-image:url(../../images/visuels/visuel_3.jpg)}
	.visu04 {background-image:url(../../images/visuels/visuel_4.jpg)}
	.visu05 {background-image:url(../../images/visuels/visuel_5.jpg)}
/* --------------------------------------------------------------------------------------------- Aller à l'accueil */
	#aller_accueil {
		display:block;
		display:inline;
		float:left;
		width:132px;
		height:103px;
		background:url(../../images/structure/terre_2_caps.gif);
		margin:24px 0 0 14px
	}
/* --------------------------------------------------------------------------------------------- Outils pratiques */
	#top {
		position:absolute;
		top:0;
		left:200px
	}
	#top #outils_pratiques {
		float:left;
		width:687px;
		background:url(../../images/structure/background/outils_pratiques.png);
		padding:0 2px 0 12px
	}
	* html #top #outils_pratiques {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/outils_pratiques.png',sizingMethod='scale');
		background-image:none
	}
	#top #outils_pratiques_bottom {
		float:left;
		width:695px;
		font-size:.8em;
		background:url(../../images/structure/background/outils_pratiques.png);
		padding:2px 3px
	}
	* html #top #outils_pratiques_bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/outils_pratiques.png',sizingMethod='scale');
		background-image:none
	}
	#top #outils_pratiques_bottom a {color:#fff}
	#top #outils_pratiques_bottom a img {margin:0 3px 0 0}
/* ------------------------------------------------------------------------- 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:#005a91;
		margin:5px 0 7px 0
	}
	#top #outils_pratiques #liens_evitement li {display:inline}
	#top #outils_pratiques #liens_evitement li a {color:#005a91}
	#top #outils_pratiques #liens_evitement li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Adresse */
	#top #outils_pratiques #adresse {
		float:right;
		font-family:tahoma;
		color:#fff;
		font-size:.9em;
		line-height:1.2em;
		margin:5px 0 0 0
	}
/* ------------------------------------------------------------------------- Choix de la langue */
	#top #outils_pratiques #choix_langues {
		float:right;
		margin:6px 12px 0 0
	}
	#top #outils_pratiques #choix_langues li {margin:0 0 1px 0}
	#top #outils_pratiques #choix_langues li img {
		background:#fff;
		border:1px solid #000;
		padding:1px
	}
/* ------------------------------------------------------------------------- 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:#0f6498;
		background:url(../../images/elements/fleches_bleu2.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:498px;
		margin:100px 0 0 0
	}
/* -------------------------------------------------------------------------- Titre */
	#my-glider #titre_actualites {
		float:left;
		font-family:georgia;
		font-size:3.2em;
		font-style:italic;
		color:#fff;
		margin:0 0 0 41px
	}
/* -------------------------------------------------------------------------- Contrôles */
	#my-glider div.controls ul {
		float:left;
		font-family:georgia;
		font-size:1.3em;
		padding:15px 0 0 5px
	}
	#my-glider div.controls ul li {float:left}
	#my-glider div.controls ul li a {
		color:#0f6498;
		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:32px 0 0 0
	}
	#my-glider #prev_news {clear:both}
/* -------------------------------------------------------------------------- Actualités */
	#my-glider div.scroller {
		float:left;
		width:470px;
		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:470px;
		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/terre_2_caps/design/terre_2_caps/images/structure/background/actualite.png',sizingMethod='scale');
		background-image:none
	}
	#my-glider div.scroller ul.content li.section div.left {margin:0 4px 0 8px}
	#my-glider div.scroller ul.content li.section div.right {margin:0 8px 0 4px}
	#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
	}
/* --------------------------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:657px;
		padding:0 0 0 11px
	}
/* -------------------------------------------------------------------------- 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 */
	#left #menu {
		float:left;
		width:653px;
		font-family:georgia;
		font-size:1.3em;
		padding:0 0 0 4px;
		margin:15px 0 0 0
	}
	#left #menu li {
		position:relative;
		float:left;
		margin:0 1px 0 0
	}
	#left #menu li a {color:#fff}
	#left #menu li a:hover {background:transparent}	/* Corrige un bug d'IE6 */
	#left #menu li a span {
		display:block;
		float:left;
		background-repeat:no-repeat;
		background-position:left top;
		cursor:pointer
	}
	#left #menu li a span.arrondi_left {
		height:22px;
		background-image:url(../../images/structure/background/menu_a.png);
		padding:22px 7px 0 15px
	}
	* html #left #menu li a span.arrondi_left {background-image:url(../../images/structure/background/menu_a.gif)}
	#left #menu li a span.arrondi_right {
		height:44px;
		width:8px;
		background-image:url(../../images/structure/background/menu_span.png)
	}
	* html #left #menu li a span.arrondi_right {background-image:url(../../images/structure/background/menu_span.gif)}
	#left #menu li a:hover span.arrondi_left, #left #menu li a.on span.arrondi_left {
		height:40px;
		background-position:left bottom;
		padding-top:4px
	}
	#left #menu li a:hover span.arrondi_right, #left #menu li a.on span.arrondi_right {background-position:left bottom}
/* ------------------------------------------------------ Second niveau */
	#left #menu li ul {
		position:absolute;
		top:45px;
		left:0;
		visibility:hidden;
		width:150px;
		font-family:arial;
		background:#82c8ef;
		border:1px solid #005a91;
		font-size:.8em;
		padding:4px 0;
		margin:0
	}
	#left #menu li ul li {
		width:130px;
		padding:2px 10px;
		margin:0
	}
	#left #menu li ul li a {color:#005a91}
	#left #menu li ul li a:hover {text-decoration:underline}
/* ------------------------------------------------------ Autres niveaux */
	#left #menu li ul li ul {
		margin-left:143px;
		margin-top:-40px;
		font-size:1em;
		z-index:10000
	}
	* html #left #menu li ul li ul  {margin-left:143px}
/* -------------------------------------------------------------------------- Main */
	#left #main {
		float:left;
		width:657px;
		min-height:357px;
		background:url(../../images/structure/background/main.png) repeat-y;
		padding:3px 0 0 0
	}
	* html #left #main {
		height:357px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/main.png',sizingMethod='scale');
		background-image:none
	}
/* -------------------------------------------------------- Compass */
	#left #main #compass {
		float:left;
		width:637px;
		font-family:arial;
		font-weight:bold;
		color:#ff7800;
		padding:0 10px 15px 10px
	}
	#left #main #compass li a {
		font-weight:normal;
		color:#797979;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#left #main #compass li a:hover {text-decoration:underline}
	#left #main #compass li ul {display:inline}
	#left #main #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#left #main #compass li ul li a {
		background:none;
		padding:0
	}
/* -------------------------------------------------------- Main2 */
	#left #main #main2 {
		float:left;
		width:587px;
		padding:0 30px 0 40px
	}
/* -------------------------------------- Contenu */
	#left #main #main2 #contenu {
		float:left;
		width:100%
	}
	* html #left #main #main2 #contenu {overflow:hidden}
/* ------------------- Titres */
	h1 {
		font-size:1.5em;
		color:#0053a1;
		margin-bottom:14px
	}
	h2 {
		clear:both;
		font-size:1.3em;
		color:#ff7800;
		margin-bottom:10px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#96C134;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ------------------- A lire également */
	#left #main #main2 #contenu #lire_egalement_titre {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#005a91
	}
	#left #main #main2 #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
	}
	#left #main #main2 #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
	}
	#left #main #main2 #contenu #lire_egalement li.alterne {background-color:#cedbe6}
	#left #main #main2 #contenu #lire_egalement li a {
		color:#005a91;
		background:url(../../images/elements/fleches_bleu.gif) no-repeat 0 5px;
		text-decoration:none;
		padding:0 0 0 15px;
		margin:0 0 0 8px
	}
	#left #main #main2 #contenu #lire_egalement li a:hover {text-decoration:underline}
/* ------------------- Pagination */
	#left #main #main2 #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/elements/dotted_gris.gif) repeat-x;
		padding:5px 0 0 0
	}
	#left #main #main2 #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#left #main #main2 #contenu ul.pagination li a {color:#666}
	#left #main #main2 #contenu ul.pagination li a:hover, #left #main #main2 #contenu ul.pagination li a.on {
		color:#0053a1;
		text-decoration:underline
	}
	#left #main #main2 #contenu ul.pagination li a.on {cursor:text}
/* -------------------------------------------------------------------------- Bottom */
	#left #bottom {
		float:left;
		width:637px;
		height:2px;
		background:url(../../images/structure/background/bottom.jpg) no-repeat;
		padding:80px 10px 0 10px
	}
/* ------------------------------------------------------ Haut de page */
	#left #bottom #haut_page {
		position:absolute;
		bottom:70px;
		left:65px;
		font-size:.9em;
		color:#045a93;
		background:url(../../images/boutons/fleches_haut_bleu.gif) no-repeat 0 3px;
		padding:0 0 0 12px
	}
	#left #bottom #haut_page:hover {text-decoration:underline}
/* ------------------------------------------------------ Footer */
	#left #bottom #footer {
		float:left;
		font-family:tahoma;
		font-size:.9em;
		color:#0195f1
	}
	#left #bottom #footer li {display:inline}
	#left #bottom #footer li a {color:#0195f1}
	#left #bottom #footer li a:hover {text-decoration:underline}
/* ------------------------------------------------------ Copyright */
	#left #bottom #copyright {
		float:right;
		font-family:arial;
		font-size:.9em;
		color:#0195f1
	}
	#left #bottom #copyright li {display:inline}
	#left #bottom #copyright li a {color:#0195f1}
	#left #bottom #copyright li a:hover {text-decoration:underline}
	#left #bottom #copyright li img {
		vertical-align:middle;
		margin:0 0 0 4px
	}
/* --------------------------------------------------------------------------------------------- Right */
	#right {
		float:left;
		width:218px;
		padding:22px 0 0 4px
	}
/* ------------------------------------------------------------------------- Les manifestations */
/* ------------------------------------------------------ Titre */
	#right #titre_manifestations {
		display:block;
		width:179px;
		height:21px;
		text-align:center;
		text-transform:uppercase;
		font-family:georgia;
		font-size:1.3em;
		color:#fff;
		background:url(../../images/structure/background/titre_manifestations.png);
		padding:5px 0 0 0;
		margin:0 0 0 5px
	}
	* html #right #titre_manifestations {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/titre_manifestations.png',sizingMethod='crop');
		background-image:none
	}
/* ------------------------------------------------------ Calendrier */
	#right #calendrier {
		width:168px;
		background:url(../../images/structure/background/calendrier.png) repeat-y;
		padding:0 10px
	}
	* html #right #calendrier {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/calendrier.png',sizingMethod='scale');
		background-image:none
	}
	#right #calendrier_bottom {
		width:188px;
		height:7px;
		font-size:0em;
		background:url(../../images/structure/background/calendrier_bottom.png);
		margin:0 0 15px 0
	}
	* html #right #calendrier_bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/terre_2_caps/design/terre_2_caps/images/structure/background/calendrier_bottom.png',sizingMethod='crop');
		background-image:none
	}
	#toolbar_Agenda_calendar {
		width:100%;
		text-align:center;
		color:#0a4264
	}
	#toolbar_Agenda_calendar table {
		width:100%;
		table-layout:fixed
	}
/* Navigation mois par mois */
	#toolbar_Agenda_calendar table tr td table tr th a {
		text-transform:uppercase;
		font-size:1.1em;
		color:#000
	}
	#toolbar_Agenda_calendar table tr td table tr th a:hover {text-decoration:underline}
/* Jour */
	#toolbar_Agenda_calendar table tr td table tr th {
		font-size:1.1em;
		color:#82c8ef;
		padding:2px 0
	}
/* Cellule de tableau */
	#toolbar_Agenda_calendar table tr td table tr td {
		font-family:georgia;
		font-size:1.1em;
		color:#6a94ad;
		background:url(../../images/structure/background/calendrier_td.gif) no-repeat;
		padding:1px 0 3px 0
	}
/* Date cliquable */
	#toolbar_Agenda_calendar table tr td table tr td a {color:#0a4264}
	#toolbar_Agenda_calendar table tr td table tr td a:hover {text-decoration:overline}
/* Jour en cours */
	#toolbar_Agenda_calendar table tr td table tr td.agenda_selected_current {background:none}
/*  */
	#toolbar_Agenda_calendar table tr td table tr td.agenda_selected {}
/* ------------------------------------------------------ Aujourd'hui */
	#right #calendrier #aujourdui {
		line-height:1.4em;
		font-size:.9em;
		font-weight:bold;
		color:#000;
		padding:4px 0
	}
	#right #calendrier #aujourdui li {padding:0 0 4px 0}
	#right #calendrier #aujourdui li a {
		font-weight:normal;
		color:#000;
		text-decoration:underline
	}
	#right #calendrier #aujourdui li a:hover {text-decoration:none}
/* ------------------------------------------------------------------------- Liste de liens */
	#right #liste_liens {
		float:left;
		width:206px;
		text-transform:uppercase;
		background:#005686;
		padding:0 0 5px 12px;
		margin:10px 0 0 0
	}
	#right #liste_liens li {
		background:url(../../images/elements/fleches_bleuT.gif) no-repeat 0 3px;
		padding:0 0 0 17px;
		margin:10px 0
	}
	#right #liste_liens li a {color:#fff}
	#right #liste_liens li a:hover {text-decoration:underline}