.infobulle{
  color: #FFFFFF;
  position: absolute;  
  visibility : hidden;
  border: 0px solid #B1DBF3;
  padding: 10px;
  font-family: Trebuchet MS;
  font-size: 10pt;
  background-color: #000000;
}

	body
	{
		width:auto;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;	
				
		background-image:url("background.jpg");
		background-color:#E8F0F4;
		background-repeat:no-repeat;
		
		/*border-color:blue;
		border-width:5;
		border-style:solid;*/
	}
	
	#sousbody
	{
		width:780px;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;	
		background-color:#E8F0F4;
		
		/*border-color:gray;
		border-width:5;
		border-style:solid;*/
	}
/***********************************         Début en-tête              ****************************/
	#en_tete
	{
		width:780px;
		height:140px;
		background-image:url("../images/banniere.gif");
		background-repeat:no-repeat;
		margin-left:0px;
		
		/*border-color:red;
		border-width:5;
		border-style:solid;*/
	}
/***********************************              Fin en-tête              *****************************/
	
/*****************************************          Début Menu               *****************************/
	#menu
	{
		float:left;
		width:140px;
		margin-top:0px;
		
		/*border-color:green;
		border-width:5;
		border-style:solid;*/
	}			
		.element_menu
		{
			background-image:url('../images/fond_menu.jpg');
		}
	/* Quelques effets sur les menus */
		.element_menu h4, h3
		{	
			color:black;
			font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
			/*text-align:right;*/
		}
		.element_menu ul
		{
			list-style-image:url("puce.png");
			padding:0px;
			padding-left:20px;
			margin:0px;
			margin-bottom:5px;
		}
		.element_menu a
		{
			color:#B3B3B3;
		}
		.element_menu a:hover
		{
			color:black;
		}
/*************************************          Fin Menu              ***********************************************/
#test
	{
		margin-top: 0px;
		float:left;

		/*border-color:pink;
		border-width:5;
		border-style:solid;*/
	}
	
/***********************************             Début Corps           ***************************************/
		.blocPicot{
		width: 620px;
		height: 200px;
		margin-left:auto;
		margin-right:auto;
		/*border-color: green;
		border-width:1;
		border-style:solid;*/
		}
		.blocPicotGauche
		{
		width:105px;
		margin-left:170px;
		margin-top:5px;
		margin-right:auto;
		/*border-color: red;
		border-width:1;
		border-style:solid;*/
		}
		.blocPicotDroit
		{
		width:320px;
		margin-left:295px;
		margin-right:auto;
		margin-top: -100px;
		/*border-color: red;
		border-width:1;
		border-style:solid;*/
		}
		.blocPrincipal
		{
		width:620px;
		height:200px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		/*border-color: yellow;
		border-width:1;
		border-style:solid;*/
		}
		.blocSimpleGauche
		{
		width:300px;
		/*border-color: green;
		border-width:1;
		border-style:solid;*/
		}
		.blocSimpleDroit
		{
		width:300px;
		height:200px;
		margin-left:310px;
		margin-top:-210px;
		/*border-color: blue;
		border-width:1;
		border-style:solid;*/
		}
		
		.partieAGauche
		{
		width:100px;
		height:125px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		padding:2px;
		/*border-color: red;
		border-width:1;
		border-style:solid;*/
		}
		.partieADroite
		{
		width:100px;
		height:125px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		padding:2px;
		/*border-color: coral;
		border-width:1;
		border-style:solid;*/
		}
		.partieBGauche
		{
		width:160px;
		height:125px;
		margin-left:125px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:-130px;
		padding:2px;
		/*border-color: black;
		border-width:1;
		border-style:solid;*/
		}
		.partieBDroite
		{
		width:160px;
		height:125px;
		margin-left:125px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:-130px;
		padding:2px;
		/*border-color: pink;
		border-width:1;
		border-style:solid;*/
		}
		.flecheSeule{
		width:120px;
		height:120px;
		margin-left:113px;
		margin-top:60px;
		/*border-color: red;
		border-width:1;
		border-style:solid;*/
		}

	.centrer { 
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}

	.padding25
	{
		padding-right: 25px;
	}
	
	#bouton a:hover
	{
		color: red;
		font-size: 16pt;
	}
	#corps
	{
		margin-left:150px;
		margin-bottom:20px;
		margin-top:0px;
		padding:2px;
		
		color:black;
		background-color:#F2F8FD;
		background-image:url("motif.png");
		background-repeat:repeat-x;
		
		/*border-color:yellow;
		border-width:1;
		border-style:solid;*/
	}
		p
		{	
		   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
		   text-align: justify; /* Ils seront justifiés */
		}
			
		.important
		{
			text-align: center;
			color: red;
			font-size: 18px;
		}
		.decalage80
		{
			text-indent:80px;
		}
		.decalage20
		{
			text-indent:20px;
		}
		.decalage40
		{
			text-indent:40px;
		}
		.lettres_minuscules
		{
			list-style-type: lower-alpha;
		}
		.rien
		{
		   list-style-type: none;
		}

		#corps h2 /* Tous les titres h1 du corps */
		{
			color:#B3B3B3;
			text-align:center;
			font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
		}	
		#corps h3 /* Tous les titres h2 du corps */
		{
			height:30px;

			background-image:url("titre.png"); /* Une petite image de fond sur les titres h2 */
			background-repeat:no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
			
			padding-left:30px;
			color:#B3B3B3;
			text-align:left;
		}
		
		#cadre_1
		{
			float:right;
			width:205px;
			margin-left:0px;
		}
		#cadre_2
		{
			width:405px;
			margin-top:0px;
		}


/*******************************************             Fin Corps                 ******************************************/


	
/*******************************        Début Pied de Page                      **************************************/
		#pied_de_page
		{
			/*padding:1px;*/
			text-align: center;
			color:black;
			background-color:#F4F9FD;
			/*background-image:url("../images/pied.jpg");*/
			/*background-repeat:repeat-x;*/
			/*border:1px solid black;*/
			/*border-color:black;
			border-width:5;
			border-style:solid;*/
		}
		
/**************************************          Fin Pied de Page               ******************************************/



div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span{
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: red;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 15px solid #ddd;
}

div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}