html{
    font-size: 100%;}
h1{
    /* Par défaut, ce texte s'affichera à 20px */
    font: 2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
h2{
    /* Par défaut, ce texte s'affichera à 15px */
    font: 1.5em/1em Arial, Helvetica, sans-serif;}
h3{
	color:				 #966b72;
    /* Par défaut, ce texte s'affichera à 12px */
    font:				 bold 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
input, select, textarea{
    font-size: 100%;}
ul {
	list-style-type: square;
	margin: 1em 0 1em 5em;}
a:link {
	color:				#00C;
	font-weight:		bold;	
	text-decoration:	none; 
	background-color:	transparent;}
a:visited  {
	color: #699; 
	text-decoration: none; 
	background-color: transparent}
a:hover {
	color: #c93; 
	text-decoration: underline; 
	background-color: transparent}
a:active  {
	color: #900; 
	text-decoration: underline; 
	background-color: transparent }
	
.red {
	color:				#C03;
	font-weight:		bold;
	font-size:			2em;
	}
.blue{
	color:				#00F;
	font-weight:		bold;
	font-size:			2em;
	}
	
/*=================================Classe IB info bulle================================================================*/
a.ib em{ 
	display : none; 
	text-decoration : none;} 	
a.ib:hover{ 
		border : 0; 
		position : relative; 
		z-index : 500; 
		text-decoration : none;}
a.ib:hover em{ 
		font-style : normal; 
		display : block; 
		position : absolute; 
		top : 20px; 
		left : 10px; 
		padding : 5px; 
		color : #f00; 
		border : 1px solid #bbb; 
		background : #ffc; 
		width : 170px;}	
a.ib:hover em span{ 
		position : absolute; 
		top : -7px; 
		left : 15px; 
		height : 7px; 
		width : 11px; 
		background : transparent url(../logos/puces/ib2.jpg); 
		margin : 0; 
		padding : 0; 
		border : 0;}	
/*=================================================================================================================*/	
#top{
	padding:				.5em;
	height:					90px;	
	background:				url(./fonds/VoiesVertes.JPG) no-repeat;
	background-color:		#ddd;	
	background-position:	left;
	border-bottom:			1px solid gray;}	
#top h1{
	padding: 0;
	margin: 0;}
/*=================================================================================================================*/
#Navigation{
	height : 3em; 
	background-color : #000;
	color: #FFF;
	border:		1px solid black;}
#Navigation ul{
	margin-left:	0.75em;}	
#Navigation li { 
		margin : 1em; 
		padding : 0; 
		display : inline; 
		list-style-type : none;}
#Navigation a:link, #Navigation a:visited{		
		font: bold 0.75em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration : none;
		text-transform : uppercase;
		padding-bottom : 10px; 		
		color : white;}		
#Navigation a:link.active, #Navigation a:visited.active, #Navigation a:hover	{ 
		/*margin: 0.2em;*/
		color : #000;		
		background : url(./icones/rounded.gif) no-repeat bottom center; 
		color : white; 	} 
/*=================================================================================================================*/	
#Conteneur {	
	width:				100%;	
	/*margin:				5px auto;*/
	background-color:	#FFA;
	color:				#333;
	border:				1px solid gray;
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	line-height:		120%	}
/*=================================================================================================================*/	
#Gauche{
	float:				left;
	width:				150px;
	margin:				0;
	padding:			1em;	
	background-color:	#ddd;	}
/*=================================================================================================================*/	
#MenuGauche h3{ 
	margin:				0; 
	background-color:	black; 
	color:				white; 
	width:				100%;	
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:		2em;
	text-align:			center;}	
#MenuGauche a:link, #MenuGauche a:visited { 
	display:			block; 
	padding:			5px; 
	margin-bottom:		1px; 
	text-decoration:	none; 
	background-color:	#deebf5; 
	color : black; 
	font:1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} 	
#MenuGauche a:hover { 
color : #ffffcc; 
background-color : #003366;}
/*=================================================================================================================*/	
#Contenu {
	position:			relative;
	margin-left:		150px;	
	border-right:		1px solid black;
	margin-right:		185px; /*ancienne valeur 150px*/	
	padding:			1em;
	/*max-width:			36em;*/
	background-color:	#FFF;
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:		120%;}	
#Contenu h2{margin: 0 0 .5em 1em;}
#Contenu h3{margin: 0 0 .5em 1em;}
#Contenu p { 
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	text-align:			justify; 
	width:				95%;
	margin-left:		auto;
	margin-right:		auto;}
#Contenu_cotedroit{float:left;border:solid 1px red;}	
	
/*#Contenu img {
	display:			block;}*/
	
/*==========================================    HISTORIQUE   =======================================================================*/
#historique p { 
	position:			relative;
	width:				80%;
	margin-left:		auto;
	padding-bottom:		30px;
	text-indent:		20px; 
	text-align:			justify;	
}

#historique p:first-letter { 
	font-size:			110%; 
	font-weight:		bold; 	 
	text-transform:		uppercase; 
	color:				black;} 
/*=================================================================================================================*/
#droite { 
	float:				right;
	width:				150px;
	margin:				0;
	padding:			1em;	
	background-color:	#ddd;}
/*=================================================================================================================*/
#cal { 
padding-top: 2px;
margin-top : 2px; 
width : 150px; 
height : 152px; 
} 
#cal table.main { 
width : 100%; 
height : 100%; 
font : normal 11px arial; 
text-align : center; 
background-color : #aaa; 
} 
#cal td.month { 
font-weight : bold; 
background-color : white; 
} 
#cal td.daysofweek { 
background-color : yellow; 
} 
#cal td.days { 
padding : 0 0; 
background-color : #eee; 
} 
#cal td.today { 
color : white; 
background-color : #888; 
}
/*=================================================================================================================*/
div.clear {
	clear:			both;
	height:			0;
	margin:			0;
	padding:		0;
	line-height:	0;
	font-size:		1px;
}
/*=================================================================================================================*/
/*===============================================================================================================*/
#footer{
	width:			95px;
	height:			50px;}