html,body { 
	margin:				0px;
	padding:			0px;
	font-family:		arial;
	}

#header 
{
	background-image:	URL(../img/fond_header.jpg);
	background-repeat:	repeat-x;
	height:				150px;	
}

#content_header 
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				760px;
}

#main
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				760px;
}

#footer 
{
	background-image:	URL(../img/fond_footer.jpg);
	background-repeat:	repeat-x;
	height:				150px;	
}

#content_footer 
{
	position:			relative;
	margin-left:		auto;
	margin-right:		auto;
	width:				860px;
}

#main_content
{
	width:				490px;
}

#main_droite
{
	float:				right;
	width:				240px;
}

.bt_droit
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_droit.jpg);
	background-repeat:	no-repeat;
}

.bt_droit_active
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_droit_active.jpg);
	background-repeat:	no-repeat;
}


.bt_europe
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_europe.jpg);
	background-repeat:	no-repeat;
}

.bt_europe_active
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_europe_active.jpg);
	background-repeat:	no-repeat;
}

.bt_memoire
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_memoire.jpg);
	background-repeat:	no-repeat;
}

.bt_memoire_active
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_memoire_active.jpg);
	background-repeat:	no-repeat;
}

.bt_solidarite
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_solidarite.jpg);
	background-repeat:	no-repeat;
}

.bt_solidarite_active
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_solidarite_active.jpg);
	background-repeat:	no-repeat;
}

.bt_durable
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_durable.jpg);
	background-repeat:	no-repeat;
}

.bt_durable_active
{
	outline:			none;
	display:			block;
	width:				240px;
	height:				30px;
	background-image:	URL(../img/bt_durable_active.jpg);
	background-repeat:	no-repeat;
}

#ressource_cidem
{
	margin:				0px;
}

#ressource_cidem a
{
	display:			block;
	font-size:			12px;
	text-align:			right;
	text-decoration:	none;
}

#ressource_cidem a:hover
{
	text-decoration:	underline;
}

#outil 
{
	background-color:	#e8f0f5;
	width:				490px;
	margin-bottom:		10px;
	height:				167px;
}

.miniature
{
	float:				left;
	margin-top:			10px;
	margin-left:		10px;
	margin-right:		10px;
	margin-bottom:		10px;
}

#livre
{
	background-color:	#e8f0f5;
	width:				490px;
	height:				275px;
	margin-bottom:		10px;
}

.miniature_livre
{
	float:				left;
	margin-left:		10px;
	margin-top:			10px;
	margin-right:		10px;
	margin-bottom:		0px;
}

#ressource1
{
	background-color:	#ededed;
	width:				240px;
	height:				170px;	
}

#ressource2
{
	background-color:	#ededed;
	width:				240px;
	height:				80px;
	margin-bottom:		10px;
}

#ressource3
{
	background-color:	#f2f2f2;
	width:				240px;
	height:				80px;	
}

.espace_20 
{
	margin:				0px;
	height:				20px;
}

.espace_30 
{
	margin:				0px;
	height:				30px;
}

#europe
{
	background-color:	#0067a4;	
}

#droit
{
	background-color:	#77bde5;	
}

#memoire
{
	background-color:	#b82127;	
}

#solidarite
{
	background-color:	#ba8ab8;	
}

#durable
{
	background-color:	#26a768;	
}

#europe a, #droit a, #memoire a, #solidarite a, #durable a
{
	display:			block;
	color:				#d9d9d9;
	font-size:			12px;
	text-decoration:	none;
	padding-bottom:		10px;
	margin-left:		20px;
	margin-right:		20px;
}

#europe a:hover, #droit a:hover, #memoire a:hover, #solidarite a:hover, #durable a:hover
{
	color:				#fff;
	text-decoration:	none;
}

/* ----------------------- TOOL TIP'S ----------------------- */
#tooltip {
	position: 			absolute;
	z-index: 			3000;
	border: 			1px solid #BFBFBF;
	background-color: 	#eee;
	padding:			5px;
	opacity: 			0.90;
	margin-left: 		-50px;
	-moz-border-radius: 5px;
}
#tooltip h3, #tooltip div { 
	text-align:			center;
	}

#tooltip div {
	text-align:			justify;
	padding:			0px;
}

#tooltip ul, #tooltip p, #tooltip h2, #tooltip h3, #tooltip h4, #tooltip h5, #tooltip span, #tooltip a, #tooltip div { 
margin:0px; padding:0px; text-align:center; font-size:12px; font-weight:bold; color:#666; }