/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0em; /* Remettre à zéro si nécessaire. */
    font-family: Verdana, Helvetica, FreeSans, sans-serif;
    font-size: 11px; /* À adapter pour la police choisie. (3) */
    line-height: 16px; /* À adapter au design. (4) */
    color: #6d6d6d;
    background: white;
    text-align:justify;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0; /* Rapproche le titre du texte. (5) */
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
    color:#494a4a;
}
h1 {
    font-size: 18px;
    color:#439eba;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 15px;
}
h3 a{
	text-decoraiton:none;
}
h4 {
    font-size: 14px;
}

/* Listes */
ul, ol {
    margin: 0 0 12px 12px;
    padding: 0;
}
li {
	background:url(/Inspire_images/site/puce.gif) 0px 6px no-repeat;
	padding:0 0 0 11px;
	margin:0;
	list-style:none;
	line-height:18px;
}

/* Paragraphes */
p {
    line-height: 18px; /* À adapter au design. (4) */
    padding: 0 0 10px 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: 0 0 0px 0;
    font-style: normal;
}
blockquote{
    margin: 0 0 0px 35px;
}
/* Liens */
a {
    text-decoration: underline;
    color:#439eba;
}
a:link {
    color:#439eba;
}
a:visited {
    color:#439eba;
}
a:hover, a:focus, a:active {
    color: #296273;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

.TresPetite { font-family:Verdana ; font-size:9px; }
.Petite 	{ font-family:Verdana ; font-size:10px; }
.Normal 	{ font-family:Verdana ; font-size:11px; }
.Moyenne 	{ font-family:Verdana ; font-size:12px; }
.Grande 	{ font-family:Verdana ; font-size:14px; }
.TresGrande { font-family:Verdana ; font-size:16px; }	
.TresTresGrande { font-family:Verdana ; font-size:18px; }	

.Bleu , .Bleu a{ color:#439eba ;}
.Marron , .Marron a{	color:#9c4b0d ; }
.Gris , .Gris a{	color:#494a4a; }
/********************************************************************/
/*********************MENU*********************************/
/********************************************************************/
  		ul#Nav {
			width:240px;
			margin:0;
			padding:0;
			position:relative;
			clear:both;
		}
			ul#Nav li.lvl1  {
				text-align:left;
				padding:0;
				margin:0;
				position: relative;
				list-style:none;
				background:url(/Inspire_images/site/NavSeparator.gif) left bottom  no-repeat;
			}
			ul#Nav li.lvl1:hover ,ul#Nav li.hover{
			}
			ul#Nav li.lvl1 a {
				display:block;
				height:26px;
				font:normal normal 12px/26px  Verdana  ,Helvetica, sans-serif;
				color:#9c4b0d;
				padding: 0 0 0 25px;
				text-decoration:none;
			}
			ul#Nav li.lvl1 a:hover ,ul#Nav.lvl1 li a.Selected{
				text-decoration:none !important;
				color:#612e08;
			}
		ul.subnav{
			clear:both;
			display:block;
			width:240px;
			margin:0;
			padding: 0 0 5px 0;
			position:relative;
		}
		ul.subnav li  {
			text-align:left;
			padding:0;
			margin:0;
			position: relative;
			list-style:none;
			background:none !important;
		}
		ul.subnav li a {
			display:block;
			height:20px !important;
			font:normal normal 10px/20px  Verdana  ,Helvetica, sans-serif !important;
			padding: 0 0 0 35px !important;
			color:#9c4b0d;
			text-decoration:none;
		}
		ul.subnav li a:hover ,ul#Nav li a.Selected{
			text-decoration:underline;
			color:#612e08;
		}
		
/**********************************************/
/* Actualités */
/**********************************************/
		#AccueilEncart{
			background:#439eba url(/Inspire_images/site/WhiteCorner.gif) top left no-repeat;
			color:#ffffff;
			padding:5px 20px 5px 10px;
		}
		#AccueilEncart p,#AccueilEncart  a{
			color:#ffffff;
		}
		#AccueilEncart strong{
			font-size:12px;
		}
		
				
		#ListeActualites{
			padding:15px 0 0 0;
		}
		#ListeActualites h2 a{
			font-family:Verdana ; font-size:12px;
			color:#439eba;
			text-decoration:none;
		}
		#ListeActualites h2{
			padding-bottom:0px;
		}
		.LienSuite{
			text-align:right;			
		}
		.LienSuite a{
			font:normal normal 11px Verdana ,Helvetica, sans-serif;
			color:#79b2cc;
			text-decoration:underline;;
		}

		.Pager a.Selected {
			font-size:15px;
			text-decoration:none;
		}
/**********************************************/
/* Formulaire Contact */
/**********************************************/

	.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:2px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #439eba solid;;
		font: normal normal 11px Verdana,Times, Helvetica, sans-serif;
		padding: 2px 5px;
		color: #6d6d6d;
	}
	.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: normal normal 12px Verdana,Times, Helvetica, sans-serif;
		color: #439eba;
		background-color: #ffffff;
		cursor:hand;
		border:1px #439eba solid;
	}
	.LargeInput{
		width:263px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:188px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
	.Clikeo{
		text-align:center;
		padding:10px 0 5px 0;
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#c3bba4;
	}

	.Clikeo a {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#c3bba4 !important;
	}
	.Clikeo a:hover {
		color:#f7a900 !important;
	}

