/**
 * (c) Agence K2 - 2008
**/



/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#646464;
text-align:left;
background-color:#FFF;
margin:0;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
}

a:link,
a:visited{
text-decoration:underline;
color:#646464;
}
a:hover,
a:active{
text-decoration:underline;
color:#646464;
}


h1,h2,h3,h4{
font-size:100%;
}

.left{
float:left;
}
.right{
float:right;
}

.bold{
font-weight:bold;
}

.italique{
font-style:italic;
}

.printstyle{
display:none;
}

input,
select,
textarea
{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:100%;
padding:2px;
color:#666;
}

	#ToolTip{
	text-align:left;
	padding:7px;
	border:1px solid #808080;
	text-align:left;
	}
			#ToolTip h5{
			font-size:12px;
			text-align:left;
			font-weight:bold;
			margin-bottom:1px;
			}
			#ToolTip p{
			font-size:12px;
			line-height:normal;
			text-align:left;
			}


a.infos {
   position: relative;
   text-decoration: none;
}
a.infos span {
   display: none; /* on masque l'infobulle */
   text-decoration:none;
}
a.infos:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   /*cursor: help; *//* on change le curseur par défaut en curseur d'aide */
}
a.infos: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: -20px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: black;
   padding: 5px;
   border: 1px solid #333;
   border-left: 4px solid #011D4C;
}
* html a.infos:hover span {
   top: 80px; /* on positionne notre infobulle */
   left: 20px;
}
			
/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage {
width:808px;;
margin:0 auto;
text-align:left;
font-size:70%;
height:572px;
background-repeat:repeat-y;
}

div#header{
height:120px;
width:808px;;
}	
	div#header span.titre{
	display:none;
	}


div#navigation{
height:38px;
width:808px;;
}

	div#navigation ul li{
	position:relative;
	list-style:none outside none;
	display:inline;
	z-index:500;
	margin-right:-3px;
	}
	
		
	#navigation ul li a{
	color:#424242;
	text-decoration:none;
	}
	
	#navigation ul ul{
	position:absolute;
	top:12px;
	left:0px;
	color:#000;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	background-color:#E9E9E9;
	display:none;
	}
	
	* html #navigation ul ul{
	position:absolute;
	top:39px;
	left:0px;
	color:#000;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	background-color:#E9E9E9;
	display:none;
	}

	*:first-child+html #navigation ul ul
	{
	top:39px;
	}
	
	#navigation ul ul li{
	background:none;
	border:1px solid #949494;
	display:block;
	margin-top:-1px;
	padding:3px 15px;
	width:120px;
	margin-right:0;
	}
	#navigation ul ul li:hover{
	background-color:#001d4c;
	}
	
	#navigation ul ul li:hover a{
	color:#FFF;
	}
	
	#navigation ul ul ul{
	top:0px;
	left:130px;
	position:absolute;
	}
	#navigation ul ul ul li{
	background:none;
	color:#000;
	}
	
	#navigation ul ul ul li:hover{
	background-color:#001d4c;
	}
	
	#navigation ul.navigation1 li:hover ul.navigation2,
	#navigation ul.navigation2 li:hover ul.navigation3,
	#navigation ul.navigation3 li:hover ul.navigation4,
	#navigation ul.navigation3 li:hover ul.navigation5{
	display:block;
	}

div#contenusans{
	width:808px;;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
	margin-top:35px;
	float:left;
}

								
div#contenusans div#blocdroite  h3{
margin-top:10px;
}

div#contenusans div#blocdroite  p{
margin-bottom:15px;
margin-top:15px;
}


div#contenusans div#blocdroite  a.readmore{
background-image:url(../images/puce.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:20px;
}

div#contenusans div#blocdroite  .esp{
width:30px;
display:inline;
float:left;
}


div#contenusans div#blocdroite .separateur2{
width:495px;
height:1px;
clear:both;
margin:25px 0;
}



div#contenugrey{
	width:808px;;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
	margin-top:35px;
	background-image:url(../images/bg-0508/bg_menug_grey.gif);
	background-repeat:repeat-y;
	float:left;
}
/*
		div#contenugrey div#blocgauche div#int h2{
		margin-bottom:10px;
		font-size:120%;
		}
		
		div#contenugrey div#blocgauche div#int a.readmore{
		background-image:url(../images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 2px;
		padding-left:20px;
		float:right;
		margin-bottom:15px;
		}

		div#contenugrey div#blocgauche div#int a.lienhome{
		text-decoration:none;
		}

		div#contenugrey div#blocgauche div#int a.lienhome:hover{
		text-decoration:underline;
		}

		div#contenugrey div#blocgauche div#int .separateur{
		width:211px;
		height:1px;
		}

		div#contenugrey div#blocgauche div#int p{
		margin:10px 0 10px 0;
		}
		
		div#contenugrey div#blocgauche div#int h2{
		margin-bottom:52px;
		}
		
		div#contenugrey div#blocgauche div#int .separateur{
		width:211px;
		height:1px;
		}

		div#contenugrey div#blocgauche div#int ul{
		float:left;
		text-align:left;
		margin-top:40px;
		}

		div#contenugrey div#blocgauche div#int ul li.on{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:url(../images/puce_blanche.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		background-position:0 2px;
		padding-left:20px;
		color:#000;
		
		}
		div#contenugrey div#blocgauche div#int ul li{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:none;
		padding-left:20px;
		color:#666;

		}
		div#contenugrey div#blocgauche div#int ul li.on a{
		color:#000;
		text-decoration:none;
		}

		div#contenugrey div#blocgauche div#int ul li a{
		color:#666;
		text-decoration:none;
		}
		div#contenugrey div#blocgauche div#int ul li a:hover{
		text-decoration:underline;
		}
		*/
div#contenugreyf{
	width:808px;;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
	margin-top:35px;
	background-image:url(../images/bg-0508/bg_menug_greyf.gif);
	background-repeat:repeat-y;
	float:left;
}

/*
			div#contenugreyf div#blocgauche div#int h2{
		margin-bottom:52px;
		}
		
		div#contenugreyf div#blocgauche div#int .separateur{
		width:211px;
		height:1px;
		}

		div#contenugreyf div#blocgauche div#int ul{
		float:left;
		text-align:left;
		margin-top:40px;
		}

		div#contenugreyf div#blocgauche div#int ul li.on{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:url(../images/puce_blanche.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		background-position:0 2px;
		padding-left:20px;
		color:#000;
		}
		div#contenugreyf div#blocgauche div#int ul li{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:none;
		padding-left:20px;
		color:#ccc;

		}
		div#contenugreyf div#blocgauche div#int ul li.on a{
		color:#000;
		text-decoration:none;
		}

		div#contenugreyf div#blocgauche div#int ul li a{
		color:#666;
		text-decoration:none;
		}
		div#contenugreyf div#blocgauche div#int ul li a:hover{
		text-decoration:underline;
		}
	*/	
		
		



		div#contenugreyf table{
		border:0;
		}
		div#contenugreyf table thead{
		background-color:#e2e2e2;
		color:#FFF;
		}
		div#contenugreyf table thead th{
		padding:4px;
		height:28px;
		border-bottom:0;
		}
		div#contenugreyf table tr td{
		padding:4px;
		height:28px;
		border-bottom:0;
		}


		* html div#contenugreyf table thead th, * html div#contenugreyf table tr td{
		height:20px;
		}
		input,
		select,
		textarea
		{
		font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
		font-size:100%;
		padding:2px;
		color:#666;
		border:1px solid #BBB;
		}		
		
		
		
		
		
		div#contenugreyf div#blocdroite h2{
		margin-bottom:25px;
		}

		div#contenugreyf div#blocdroite h3{
		margin-bottom:10px;
		}

		div#contenugreyf div#blocdroite p{
		margin-bottom:15px;
		}

		div#contenugreyf div#blocdroite div.testi p{
		margin-bottom:2px;
		}
		div#contenugreyf div#blocdroite div.testi .separateur2{
		margin-top:15px;
		}
		div#contenugreyf div#blocdroite ul{
		text-align:left;
		margin:0 0 40px 0;
		}
		div#contenugreyf div#blocdroite ul li{
		margin-bottom:10px;
		background-image:url(../images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		padding-left:20px;
		list-style:none outside none;
		display:block;
		}

		
		
		
		
		
		
div#contenublue{
	width:808px;;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
	margin-top:35px;
	background-image:url(../images/bg-0508/bg_menug_blue.gif);
	background-repeat:repeat-y;
	float:left;
}

		div#blocgauche div#int h2{
		margin-bottom:52px;
		}
		
		div#blocgauche div#int .separateur{
		width:211px;
		height:1px;
		}

		div#blocgauche div#int ul{
		float:left;
		text-align:left;
		margin-top:40px;
		}

		div#blocgauche div#int ul li.on{
		list-style:none outside none;
		display:block;
		/*margin-bottom:15px;*/
		background-image:url(../images/puce_blanche.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		background-position:0 12px;
		padding-left:20px;
		color:#000;
		background-color:#b4b4b4;
		}
		div#blocgauche div#int ul li{
		list-style:none outside none;
		/*margin-bottom:15px;*/
		background-image:none;
		color:#000;
		height:22px;
		padding-top:10px;
		/*background-color:#ff0000;*/
		width:195px;
		padding-left:20px;
		}
		div#blocgauche div#int ul li.titre{
		list-style:none outside none;
		/*margin-bottom:15px;*/
		background-image:none;
		color:#fff;
		height:22px;
		padding-top:10px;
		background-color:#011d4c;
		width:195px;
		padding-left:20px;
		}
		div#blocgauche div#int ul li.on a{
		color:#000;
		text-decoration:none;
		}

		div#blocgauche div#int ul li a{
		color:#666;
		text-decoration:none;
		}
		div#blocgauche div#int ul li a:hover{
		text-decoration:underline;
		/*background-color:#ff0000;*/
		}		
		
		
		
		
		
		
		
div#contenubrown{
	width:;
	height:auto !important;
	height:400px;
	min-height:400px;
	margin:0 auto;
	margin-top:35px;
	background-image:url(../images/bg-0508/bg_menug_brown.gif);
	background-repeat:repeat-y;
	float:left;
}

/*
		div#contenubrown div#blocgauche div#int h2{
		margin-bottom:52px;
		}
		
		div#contenubrown div#blocgauche div#int .separateur{
		width:211px;
		height:1px;
		}

		div#contenubrown div#blocgauche div#int ul{
		float:left;
		text-align:left;
		margin-top:40px;
		}

		div#contenubrown div#blocgauche div#int ul li.on{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:url(../images/puce_blanche.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		background-position:0 2px;
		padding-left:20px;
		color:#000;
		}
		div#contenubrown div#blocgauche div#int ul li{
		list-style:none outside none;
		display:block;
		margin-bottom:15px;
		background-image:none;
		padding-left:20px;
		color:#666;

		}
		div#contenubrown div#blocgauche div#int ul li.on a{
		color:#000;
		text-decoration:none;
		}

		div#contenubrown div#blocgauche div#int ul li a{
		color:#666;
		text-decoration:none;
		}
		div#contenubrown div#blocgauche div#int ul li a:hover{
		text-decoration:underline;
		}

*/
		
		
		
		
		
		
		
		

div#blocdroite  h2{
margin-bottom:30px;
}

div#blocdroite  h3{
margin-bottom:10px;
}

div#blocdroite  h3 a{
margin-bottom:10px;
background-image:url(../images/puce.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:20px;
text-decoration:none;
}
div#blocdroite  h3 a:hover{
text-decoration:underline;
}

div#blocdroite  img.logo{
float:left;
margin-right:13px;
}
		
div#blocdroite .separateur2{
width:495px;
height:1px;
clear:both;
margin-bottom:10px;
}

div#blocdroite .separateur3{
width:495px;
height:1px;
clear:both;
margin:20px 0;
}		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
div#blocgauche{
		width:288px;
		height:auto !important;
		height:400px;
		min-height:400px;
		margin:0;
		float:left;
		/*padding:15px 15px;*/
		/*background-color:#ccc;*/
}


			div#blocgauche .separateur{
			/*background-image:url(../images/index/sep_hor.jpg);*/
			width:245px;
			height:1px;
			clear:both;
			margin:10px 0;
			}
				
					div#blocgauche div#int{
					/* background-color:#FFF;*/
					margin:15px 15px;
					width:215px;
					height:412px;	
					}

div#blocdroite{
		width:490px;
		height:auto !important;
		height:400px;
		min-height:400px;
		margin:0;
		float:right;
		/* background-color:#ff0000; */
}

		div#blocdroite h2{
		margin-bottom:20px;
		text-align:justify;
		font-size:160%;
		font-weight:normal;
		}
		
		div#blocdroite h3{
		text-align:justify;
		font-size:120%;
		}
		div#blocdroite p{
		text-align:justify;
		font-size:110%;
		}
		
		div#blocdroite .separateur{
		/*background-image:url(../images/sep_hor.gif);*/
		width:495px;
		height:1px;
		clear:both;
		margin:30px 0;
		}
		
		
		div#contenublue div#blocdroite table {
		margin-left:-2px;
		}
		* html div#contenublue div#blocdroite table img{
		margin:0 1px -2px 0;
		}
		div#contenublue div#blocdroite table img{
		margin:0 1px 1px 0;
		}







	div#footer{
	height:35px;
	width:510px;
	padding-left:288px;
	clear:both;
	background-color:#FFF;
	text-align:center;
	color:#b1b1b1;	
	font-size:90%;
	}
	
		div#footer ul{
		margin:10px 0 2px 0;
		}
	
		div#footer ul li{
		list-style:none outside none;
		display:inline;
		margin-right:-3px;	
		}

		div#footer a{ 
		color:#b1b1b1;
		text-decoration:none;	
		}
		div#footer a:hover{ 
		text-decoration:underline;	
		}