th.a, td.a {
	background-color: #336CA6;
	text-align:center;
	color:white; 
	font-weight:bold;
	padding:5px;
	font-family: arial,sans-serif;
}

td.b {
	padding:10px;
	font-size:12px;
	font-family: arial,sans-serif;
}

td.me {
	padding:10px;
	border-collapse:collapse;
	border:solid;
	border-color:#336CA6;
	font-size:12px;
	font-family: arial,sans-serif;
}

td.mee {
	padding:10px;
	border-collapse:collapse;
	border: solid;
	border-color:#336CA6;
	font-size:12px;
	font-family: arial,sans-serif;
}

.Sus:hover {
	font-weight:bold;
}

/* Texte en gras au survol d'un lien */
a.visible:active {
	font-weight:bold;
}
a.visible:hover {
	font-weight:bold;
}

/* Bouton retour en haut de page 
		. {
			right: 50px;
			display: none;
		}*/	
		
		.scrollup {
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: none;
	}	
	
		.lien-bout{ 
		   color:white; 
		   font-family:arial; 
		   font-size:12px; 
		   padding:5px 20px; 
		   text-decoration:none; 
		   background-repeat:repaet-x; 
		   background-position:top; 
			background-color:#e70279; 
			border:solid 1px #e70279;
		   border-radius:2px; 
		   font-weight:bold; 
		} 
		
		.lien-bout:hover{ 
		   background-position:bottom; 
		   border:solid 1px black; 
		   color:black; 
		}
		
/* Mise en page du cadre des legendes sur la carte */
		.cadre{
			display:inline-block;
			vertical-align:middle;
			width:100%;
		}
		
/* Lien inactif */
	.gris{ 
	filter: alpha(opacity=6);
		opacity : 0.6; 
	}
	
/* //////////////////////// */
/*	Marge dans les listes	*/
/* //////////////////////// */
.margepuce li {
	margin-left:15px;
}

/* //////////////////////// */
/*			Carousel		*/
/* //////////////////////// */
			html, #c-carousel {
				width: 100%;
				padding: 0;
				margin: 0;
			}

			#c-carousel * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				color: #333;
				line-height: 22px;
			}

			#wrapper {
				background-color: #fff;
				border: 1px solid #ccc;
				border-radius: 100px;
				width: 800px;
				height: 127px;
				padding: 10px;
				margin: 0 auto;
				position: relative;
			}
			
			.caroufredsel_wrapper {
				border-radius: 90px;
			}
			
			#carousel img {
				width: 201px;
				height: 127px;
				margin: 0 5px;
				float: left;
			}
			
			#prev, #next {
				background: transparent url('Images/carousel_control.png') no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				position: absolute;
				top: 65px;
			}
			
			#prev {
				background-position: 0 0;
				left: 30px;
			}
			
			#prev:hover {
				left: 29px;
			}			
			
			#next {
				background-position: -18px 0;
				right: 30px;
			}
			
			#next:hover {
				right: 29px;
			}				
			
			#pager {
				text-align: center;
				margin: 0 auto;
				padding-top: 20px;
			}
			
			#pager a {
				background: transparent url('Images/carousel_control.png') no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			
			#pager a.selected {
				background: transparent url('Images/carousel_control.png') no-repeat -12px -32px;
				text-decoration: underline;				
			}
			
/* //////////////////////////////////////////////////////////////// */
/*	Bords Joints pour les tableaux des fichiers en téléchargements	*/
/* //////////////////////////////////////////////////////////////// */
table.bordjoint {
	border-collapse:collapse;
	border:solid;
	border-color:#336CA6;
}

/* //////// */
/*	Titre	*/
/* //////// */
h1 {
	font-size:20px; 
	color: #336CA6;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-rigth:10px;
}
h2 {
	font-size:16px;
	border-collapse:collapse;
	border:solid;
	border-color:#336CA6;
	color:#FFF;
	background:#336CA6;
}
/* //////////////////////////////////////////////// */
/*					Infobulle						*/
/* //////////////////////////////////////////////// */
a.info {
	position: relative;
	color: black;
	text-decoration: none;
	border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
	display: none; /* On masque l'infobulle. */
}
a.info:hover {
	background: none; /* Correction d'un bug d'Internet Explorer. */
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
	
	cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
	display: inline; /* On affiche l'infobulle. */
	position: absolute;
	
	white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
	
	top: 30px; /* On positionne notre infobulle. */
	left: 20px;
	
	background: white;
	font-weight:bold;
	
	color: #03992d;
	padding: 3px;
	
	border: 1px solid #03992d;
	border-left: 4px solid #03992d;
}

/* //////////////////////////////////////////////// */
/*					Bouton							*/
/* //////////////////////////////////////////////// */
#lien-bouton{ 
	color:white; 
	font-family:arial; 
	font-size:12px; 
	padding:2px 2px; 
	text-decoration:none; 
	background-color:#336CA6; 
	background-repeat:repaet-x; 
	background-position:top; 
	border:solid 1px #336CA6; 
	border-radius:5px; 
	font-weight:bold;
} 
#lien-bouton:hover{ 
	background-position:bottom; 
	border:solid 1px black; 
	color:black; 
}

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Header							*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
/*	padding:10px;*/
	min-width:950px;
	background-color:white;
	display: block;
}

header tr {
	text-align:center;					
	color:#285684;
	font-size:2em;
	font-family: arial,sans-serif;
}

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Général							*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
* {
	margin:0; padding:0;
	/*	max-width: 1197px; norme Google*/
}

html, body {
	height: 100%;
	width:100%;
	min-width:950px;
	min-height:100.1%;
}
/*html,  body{width:90%;margin:auto;min-width:600px;max-width:2000px}*/
/*html {
	overflow: scroll;
}*/

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Main							*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
#main {
	display: inline-flex;
	background: #fff; 
	color: #000;
	font-weight: 300;
	font-size:12px;
	font-family: arial,sans-serif;
	min-height: calc(100% - 120px);
	width:100%;
	top:120px; 
	position:relative;
}

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Content							*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
#contentLeft {
        display: block;
	float: left;
	width: 250px;
	min-width:250px;
	left: 0;
	bottom:0;
	background-color: #285684;
	background-repeat:repeat-y;
}

@media only screen 
and (min-width : 1001px) {
	/* Styles */
	#contentRight {
			display: block;
		float: left;
		padding:5px;
		width: calc(100% - 260px);
		min-width:700px;
	/*	width:calc(100em - 400px);
		min-width:calc(100em - 400px);/*calc(100% - 400px);*/
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 1000px) {
	/* Styles */
	#contentRight {
			display: block;
		float: left;
		padding:10px;
		width: calc(100% - 260px);
		min-width:700px;
	}
}
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Menu							*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
#leftNavigation {
	color: #fff;
}
#leftNavigation, #leftNavigation li ul {
	padding: 0;
}
#leftNavigation li a {
	text-decoration:none;
	font-size: 0.875rem;
	display: block;
	padding: 0.8rem 1rem 0.8rem 3rem;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
	line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	padding: 0.8rem 0;
	text-align: center;
}
#leftNavigation li ul {
	display: none;
	margin: 0;
	background-color: #336ca6;
}
#leftNavigation li.active ul {
	display: block;
}
#leftNavigation li ul .Sous:hover {
	color: #285684;
	background-color: #fff;
}
#leftNavigation li ul .Sous.active{
	color: #285684;
	background-color: #fff;
}
#leftNavigation > li > a:hover, #leftNavigation > li > a:active, #leftNavigation > li > a:focus {
	background-color: #1c3c5c;
}
#leftNavigation li a .testicon {
	line-height: 120%;
}

/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
/*					Pied de la page					*/
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */
.foot {
	color:white;
	text-align:center;
	font-size:10px;
	clear:both;
	position: fixed;
	bottom: 0;
	left:10px;
}