/*------------------------------
Chargement des CSS de BLUEPRINT
------------------------------*/

@import url(reset.css);
@import url(button.css);
@import url(typography.css);



/*------------------------------
Gabarit Générale
------------------------------*/

body{	
	text-align:center;
	background: #0d3449 url('../images/bodybg.gif') top center repeat;
	margin:20px 0;padding:0;	
}


div#container, .mceContentBody{
	width:754px;
	margin:0 auto;
	text-align:left;
	background:#ebe4ce;
	border:1px solid #c7c0a9;
	padding:4px;
}

.mceContentBody{
	width:560px;
	padding-left:20px;
	padding-right:20px;
	margin:10px;
	border:1px dotted #c7c0a9;
}

div#header{
	background:transparent url('../images/header_fr.jpg') top left no-repeat;
	height:97px;
	position:relative;
	margin-bottom:40px;
}

	div#header h1{display:none;}
	
	div#header ul.topmenu{
		position:relative;
		top:75px;
		float:right;		
	}
	
		ul.topmenu li{
			position:relative;
			float:left;
			padding:0;margin:0;background:#ebe4ce;
			margin-left:1px;
			list-style:none;height:22px;
			text-align:center;
			background:transparent url('../images/bg_topmenu_item.gif') top left no-repeat;
		}
			ul.topmenu li.m_120{width:120px;}
			ul.topmenu li.m_100{width:100px;}
			ul.topmenu li.m_80{width:80px;}
			ul.topmenu li.m_bottin{width:50px;}
			ul.topmenu li.m_plansite{width:90px;}
			ul.topmenu li.m_aide{width:50px;}
			ul.topmenu li.m_intranet{width:60px;}
			ul.topmenu li.m_lang{padding:2px 0 4px 3px;background:#ebe4ce;}
				ul.topmenu li select{font-size:.8em;padding:0;}
		
		
			ul.topmenu li.selected{background:transparent url('../images/bg_topmenu_item_selected.gif') top left no-repeat!important;}
				ul.topmenu li.selected a{font-weight:bold;}
			
					
			ul.topmenu li a{
				position:relative;
				padding:4px;
				display:block;
				text-decoration:none;
				color:#12597f;
				font-size:1.0em;				
			}
			
				ul.topmenu li a:hover{
					padding:4px;
					font-weight:bold;
				}
		
	
	div#navigation{float:left;width:145px;}

		ul.main_nav{margin:0;padding:0;}
			ul.main_nav li {
				position:relative;
				padding:0;
				margin:0 5px 0 0;
				background:transparent;				
				padding-bottom:8px;
				margin-bottom:10px;
				list-style:none;
				list-style-image:none;
			}
			
			
				ul.main_nav li a{
					background:transparent;
					position:relative;
					width:118px;				
					color:#12597f;
					text-decoration:none;
					display:block;
					padding:5px 10px 0 10px;		
					bottom:-2px;	
						
				}
							
				
				
				ul.main_nav li.sfhover, ul.main_nav li.selected{background:transparent url('../images/bg_mainmenu_item_bottom.gif') bottom left no-repeat;}				
				ul.main_nav li a:hover{background:#d9d2bb url('../images/bg_mainmenu_item_top.gif') top left no-repeat;}
				ul.main_nav li.selected a, ul.main_nav li.selected a:hover{background:#d9d2bb url('../images/bg_mainmenu_item_top_select.gif') top left no-repeat;}
			

	div.drop_shadow_bottom{
		width:770px;
		height:14px;
		display:block;
		position:absolute;		
		margin-left:-10px;	
		background: transparent url('../images/drop_bottom.gif') top left no-repeat;
	}

	div#extra{
		float:left;
		clear:left;
		width:125px;
		padding:5px 10px;
	}
	
	div#extra p{margin-top:10px;}
	
	div#footer{color: #FFF;clear:both;width:100%;height:20px;}
		div#footer p{margin:0;padding:5px 10px;}
		div#footer a{display:inline;padding:0;color: #C6D5FD;}
		
		
		
/*------------------------------
Contenu principale
------------------------------*/

	
		
	div#content{
		float:right;
		width:560px;
		padding-left:20px;
		padding-right:20px;
		background:transparent url('../images/vertical_line.gif') top left repeat-y;
		min-height:400px;
		height:auto!important;
		height:400px;
		
	}
		div#content p{line-height:1.4;}
		
		div#content li{margin-top:10px;}
		
		
		
		
/*------------------------------
Formualaire de recherche
------------------------------*/


#form_rechercher{
	width:100%;
	background:transparent url('../images/recherches.jpg') top left no-repeat;
	margin-top:20px;
}

#form_rechercher label{
	width:200px;
	display:block;
	text-align:right;
	margin-left:40px;
	font-weight:bold;
	font-size:1.1em;
}

#form_rechercher input.text{
	width:300px;
}
#form_rechercher select{width:305px;}



#form_rechercher label.overlabel {
	color:#999999;
	width:auto;
	display:inline;
	margin-left:0;
	font-weight:normal;
	text-align:left;
	
}

label.overlabel {color:#999999;}

label.overlabel-apply {
	color:#999999;
	left:5px;
	position:absolute;
	top:3px;
	z-index:1;
}

		
/*------------------------------
Styles des fiches
------------------------------*/



div.fiche label{
	width:150px;
	display:block;
	float:left;
	font-weight:bold;
}

div.fiche h3{font-size:1.2em;font-weight:bold;}

div.info{
	padding:2px 10px;
	margin:5px 0;
}
div.odd{background:#d9d2bb;}
div.even{background:#e4ddc7;}

div.odd p, div.even p{
	display:inline;
	
	
}



		
/*------------------------------
Styles des fiches résultats
------------------------------*/

div.result{padding:0 0 10px 10px;}

div.result label{
	width:150px;
	display:block;
	float:left;
	font-weight:bold;
	
}

div.result h3{font-size:1.2em;font-weight:bold;}

div.result div.info{
	padding:2px 30px;
	margin:0px 0;
}


ul.sitemap, ul.sitemap ul {
	list-style:none;
	
}

div.nav{margin:10px auto;display:block;line-height:2.5em;text-align:center;}
div.nav a, div.nav span{padding:4px;text-decoration:none;font-size:1.2em;border-bottom:2px solid #E4DDC7;padding:2px 5px;}
div.nav span{font-weight:bold;padding-left:10px;padding-right:10px;color:#12597f;border-left:2px solid #E4DDC7;border-right:2px solid #E4DDC7;}
div.nav a:hover{text-decoration:none;font-size:1.2em;background:#D9D2BB;}