@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	
	body {
		color: #58737E;
		background: #ddd;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana;
		padding: 0px; margin: 0 0 0px
	}
		
	
h1 {font-size: 28px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

h1, h2, h3, h4, h5, h6 { 
margin: 0 0 10px 0; 
padding: 5px; 
font-family: Arial, Helvetica, sans-serif; 
}



td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5B6067;
}


	a img { border: none; }
	
	a:link,
	a:visited,
	a:hover,
	a:active { outline: none; }
	form { display: inline; }
	
	.orange { background: #f1bc6e; color: #fff; }
	.bleu { background: #5b98c5; color: #fff; }
	.fond_or {background: #96935e; color: #fff; }
	.fond_vert {background: #c0d471; color: #fff; }
	.fond_grisbleu {background: #7291a6;  color: #fff; }
	
	li { margin: 5px 0; }
	
	.noirTexte{
		color: #000000;
	}
	.grisTexte{
		color: #7291a6;
	}
	.bleuTexte {
		color: #5b98c5;
	}
	.saumonTexte {
		color: #f1bc70;
	}
	.vertTexte {
		color: #c0d471;
	}
	.blancTexte {
		color: #ffffff;
		}
	
	
	#mapsite ul{
	  list-style-type: none;

	}
	#mapsite ul li ul{
		  list-style-type: none;
	
		}

 
	#mapsite li a:link,
	#mapsite li a:visited,
	#mapsite li a:hover,
	#mapsite li a:active { outline: none; color: #58737e; text-decoration:none;list-style-type: none;}
	
	
	
/* 	--------------------------------------------------------------------------------
	Accueil ----------------------------------------------------------------------*/
	
	#btn_welcome {
		background: url(../charte_images/btn_welcome.gif) right bottom no-repeat;
		display: block;
		margin: 15px 0 0 227px;
		text-indent: -99999px;
		width: 143px; height: 39px;
		
	}
	#btn_bienvenue {
		background: url(../charte_images/btn_bienvenue.gif) right bottom no-repeat;
		display: block;
		margin: 17px 0 0 98px;
		text-indent: -99999px;
		width: 168px; height: 37px;
	}
	
	
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container { background: #fff; margin: auto; width: 955px; height: 565px; }
	html>body #container { height: auto; min-height: 565px; } 
	#col1 {
		background: url(../charte_images/separateur_dotted.gif) right bottom no-repeat;
		float: left;
		position: relative;
		width: 198px;
		padding: 0px 0px 10px 0px;
		z-index: 2000;
		height:533px; 
	}	
	html>body #col1 { height: auto; min-height: 533px; } 
	#col2 { float: right; width: 745px; height:533px; }
	html>body #col2 { height: auto; min-height: 533px; }  
	
	#contenu { padding: 0; margin: 40px auto 0 auto; position: relative; width: 725px; }
	#footer {
		clear: both;
		padding: 5px 5px 5px 20px;
		background: #f4f2e6;
	}
	
	#img_header,
	#logo { display: block; }
	
	#search_bloc { float: left; height: 11px; }
	#searchbox { border: solid 1px #9ea09b; }
	.btn_search { vertical-align: bottom; }
	
	
	/* 	--------------------------------------------------------------------------------
	Accueil --------------------------------------------------------------------------*/
	
	#acc_container {
		background: #fff;
		border-top: solid 11px #6492a8; border-bottom: solid 11px #6492a8;
		margin: 60px auto 0 auto;
		width: 974px;  
	}
/* 	--------------------------------------------------------------------------------
	Calendrier ------------------------------------------------------------------------*/
		#calendrier_container {
			background: url(../charte_images/top_calendrier.gif) left top no-repeat;
			margin: 10px auto 0 auto;
			position: relative; 
			width: 162px;
		}
		#calendrier_container h2 {
			color: #fff;
			font-size: 15px;
			font-weight: normal;
			line-height: 19px;
			margin: 0; text-align: center;
		}
		#calendrier_container h2 a { 
		color: #fff; text-decoration: none; 
		}
		#calendrier_container table { width: 136px; }
		
		.calendrier { margin: 10px 10px 5px 10px; color: #fff; }
		
		.calendrier a { color: #fff; text-decoration: none; position: relative; }
		.calendrier a em { 
			display: none;
		}
	
		.calendrier td { text-align: center; }
		.calendrier caption { color: #d6e01f; text-align: center; padding: 0 0 0 5px }
		.calendrierlegende { color: #d6e01f; text-decoration: none; text-align: right; }
		
		.tooltip { position: absolute; width: 160px; left: -99999px; z-index:9000;}
		.tooltip span { border-width: 2px !important; background: #5B7280; color: #fff !important; font-weight: bold; display: block; width: 160px; padding: 5px; }
		
		
		td.Aucune a, 
		td.Rouge a,
		td.Orange a, 
		td.Bleu a, 
		td.Violet a, 
		td.Vert a, 
		td.Jaune a, 
		td.Gris a, 
		td.Noir a, 
		td.Turquoise a, 
		td.BleuMarine a, 
		td.RougeBrique a,  
		td.Rose { color: #fff; font-weight: bold; }
		
		.calendrier td a { background: #5B7280; display: block; }
		.calendrier caption a { display: inline; }
		
		td.Aucune a,
		span.Aucune { border: solid 1px none; }
		td.Rouge a,
		span.Rouge { border: solid 1px #fa0000; }
		td.Orange a,
		span.Orange { border: solid 1px #f9b13b; }
		td.Bleu a,
		span.Bleu { border: solid 1px #5b98c5; }
		td.Violet a,
		span.Violet { border: solid 1px #5e36de; }
		td.Vert a,
		span.Vert { border: solid 1px #a6be60; }
		td.Jaune a,
		span.Jaune { border: solid 1px #d9de22; }
		td.Gris a,
		span.Gris { border: solid 1px #666; }
		td.Noir a,
		span.Noir { border: solid 1px #000; }
		td.Turquoise a,
		span.Turquoise { border: solid 1px #50c4c5; }
		td.BleuMarine a,
		span.BleuMarine { border: solid 1px #375c77; }
		td.RougeBrique a,
		span.RougeBrique { border: solid 1px #842e17; }
		td.Rose a,
		span.Rose { border: solid 1px #f169dc; }




	.col_calendrierColonne{
		font-size: 11px;
	    float: left;
	    line-height: 1.6;
	    width: 400px;
	    margin: 5px 0 5px 50px;
	}
	.col_calendrier {
		padding: 0 0 0 40px;
		float: left;
		position: relative;
		width: 148px;
		
	}
	#col_topcalendrierDroite { 
		/*padding: 0 0 0 190px;*/
		padding: 0 0 20px;
		float: right;
		text-align: right;
		width: 40%;
	}
	#col_topcalendrierDroite a { color: #00548e; }
	#col_topcalendrierDroite a:hover { color: #222; }
	#col_topcalendrierGauche { 
	/*	padding: 0 0 0 15px;*/
		padding: 0 0 20px;
		float: left;
		text-align: left;
		width: 40%; 
	}
	#col_topcalendrierGauche a { color: #00548e; }
	#col_topcalendrierGauche a:hover { color: #222; }
	#LabelDate1 h2 { clear: both; padding-top: 10px; }
/* 	--------------------------------------------------------------------------------

	TABLE TD.Ident  {
		color: black;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
	 }
/* 	--------------------------------------------------------------------------------
	menu_second --------------------------------------------------------------------------*/
	
	#menu_second {
		list-style-type: none;
		margin: 0;  padding: 0;
		border-top: solid 1px #d2d4ad;
		width: 182px;
	}
	
	
	#menu_second li { border-bottom: solid 1px #d2d4ad; margin: 0; }
    #menu_second li.selected a {color: #A6BE60; font-weight: bold; }
	#menu_second li a {
		color: #58737e;
		display: block;
		padding: 3px 0 3px 20px;
		text-decoration: none;
	}
	 
	/* 	--------------------------------------------------------------------
	Nav top --------------------------------------------------------------*/	
	#navtop {
		background: #7291a6 url(../charte_images/shadow_menu.gif) right bottom no-repeat;
		font-size: 12px;
		list-style-type: none;
		height: 22px;
		margin: 0; padding: 0 0 9px 30px; 
	}
	#navtop li { float: left; margin: 0 20px 0 0; }
	#navtop li.last { margin: 0; }
	#navtop li a {
		background: #7291a6;
		color: #fff;
		display: block;
		line-height: 22px;
		padding: 0 5px;
		text-decoration: none;
		width: auto; height: 22px;
	}
	* html #navtop li a { display: inline; padding: 0; }
	#navtop li a:hover, #navtop li.selected a { background: #bfd571; color: #7291a6; }

	/* 	--------------------------------------------------------------------
	Nav footer -----------------------------------------------------------*/	
	#navfooter {
		list-style-type: none;
		margin: 0; padding: 0;
		float: right;
	}
	#navfooter li { float: left; line-height: 19px; }
	#navfooter li a { color: #5a727c; border-right: solid 1px #f3a84d; padding: 0 5px; text-decoration: none; }
	
	/* 	--------------------------------------------------------------------
	Menu access ----------------------------------------------------------*/	

	#access {
		clear: both;
		float: right;
		list-style-type: none;
		margin: 0 15px 0 0; padding: 0;
	}
	#access li {
		float: left;
		margin: 0 3px 0 0;
	}
	#access li a {
		display: block;
		font-size: 1px;
		text-indent: -99999px;
		width: 17px; height: 16px;
	}
	#txtcontrast a { background: url(../charte_images/btn_constast.gif) center center no-repeat; }
	#txtnormal a { background: url(../charte_images/btn_taillepetit.gif) center center no-repeat; }
	#txtgros a { background: url(../charte_images/btn_taillegrand.gif) center center no-repeat; }





/* 	--------------------------------------------------------------------------------
	Sliding panels ---------------------------------------------------------------*/
	
	.SlidingPanels {
		position: relative;
		width: 649px;
		float: left;
		margin: 0 auto;
		height: 268px;
		padding: 0px;
		border: none;
	}
	
	.SlidingPanelsContentGroup {
		position: relative;
		width: 10000px;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	.SlidingPanelsContent {
		width: 649px;
		/*float: left;*/
		height: 268px;
		overflow: hidden;
		margin: 0px;
		padding: 0;
		border: none;
	}
	.SlidingPanelsAnimating * { overflow: hidden !important; }
	.SlidingPanelsAnimating ul { overflow: visible !important; }
	.SlidingPanelsAnimating li { overflow: visible !important; }
	
	.SlidingPanelsCurrentPanel { }
	.SlidingPanelsFocused {	}

	.contentwrap { padding: 0 20px; }
		/* CALENDRIER SLIDER */
		
		#calendrier_container .SlidingPanels {
			background: #5B7280 url(../images/cal_bottom.gif) left bottom no-repeat;
			border: none;
			margin: 0 auto;
			padding: 0px;
			position: relative;
			width: 162px; height: 145px;
		}
		html>body #calendrier_container .SlidingPanels { height: auto; min-height: 145px; }
		
		#calendrier_container .SlidingPanelsContentGroup {
			position: relative;
			width: 10000px;
			margin: 0px;
			padding: 0px;
			height: 145px;
			border: none;
		}
		#calendrier_container .SlidingPanelsContent {
			width: 162px;
			height: 145px;
			overflow: hidden;
			position: relative;
			margin: 0px;
			padding: 0;
			border: none;
		}
	
	
	
	
	a.nextBtn, a.prevBtn {
		display: block;
		position: relative;
		top: 25px;
		text-indent: -99999px;
		display: block;
		width: 38px; height: 232px;
		z-index: 1000;
	}
	a.nextBtn { background: url(../charte_images/btn_next.gif) left top no-repeat; float: right; }
	a.prevBtn { background: url(../charte_images/btn_precedent.gif) left top no-repeat; float: left; }

	#contenu .navigation {
		list-style-type: none;
		float: right;
		margin: 0 0 0 0; padding: 0;
		position: absolute;
		bottom: -25px; right: 0;
	}
	#contenu .navigation li {
		float: left;
		margin: 0 2px 0 0;
	}
	#contenu .navigation li a {
		text-decoration: none;
		padding: 0 4px;
		font-size: 10px;
		color: #000;
	}
	#contenu .navigation li a:hover {
		background: #a9bcca;
	}

/*--------------------------------------------------------------------------------
	Galerie ----------------------------------------------------------------------*/
	
	/*.SlidingPanelsAnimating  #gallery { display: none; }*/
	.top.pagination { display: none; }
	
	.galerie_thumbs ul {
		list-style: none;
		margin: 0; padding: 0;
		overflow: visible;
	}
	.galerie_thumbs ul li {
		float: left;
		margin: 0 5px 5px 0;
	}
	.galerie_thumbs ul li a img {
		display: block;
	}
	.bottom.pagination {
		clear: both;
	}
	.bottom.pagination a, span.current {
		color: #5b7280;
		text-decoration: none;
		display: block;
		float: left;
		background: #f4f2e6;
		border: solid 1px #d8e3b7;
		padding: 2px 5px; margin: 0 5px 0 0;
	}
	.bottom.pagination a:hover { border-color: #a6be60; }
	span.current { background: #d8e3b7; }
	/*<div class="bottom pagination"><span class="current">1</span><a title="2" href="#5" rel="history">2</a><a title="3" href="#10" rel="history">3</a><a title="4" href="#15" rel="history">4</a><a title="Next ›" href="#5" rel="history">Next ›</a></div>*/

/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */


/* Hack IE pour png 
{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_header_02.png", sizingMethod="crop");}
*/