/* CSS BM Group */

html, body {
	margin: 0; padding: 0;
	font: 76% "Verdana", helvetica, sans-serif;
	color: #666;
}
body { background: #fff url(../images/bg-body.jpg) repeat-x; text-align: center; }
img { border: 0; }

h1, h2, h3 { 
	color: #850138;
	font-family: georgia,times,"times new roman",serif;
}
h1 { font-size: 1.4em; } 
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h3.mentions { font-size: 1.1em }

a { text-decoration: none; color: #333 }
a:hover { text-decoration: underline; color: #343891; }

/******************* POSITIONNEMENT *******************/
#wrap {
	position: relative;
    width: 750px;
    margin: 0 auto;
    text-align: left;
	font-size: 1.2em;
}

#content { background: url(../images/colonne.jpg) bottom right no-repeat ; font-size: 1.1em; }

.content_left { 
	padding: 0; margin: 20px 0 0 0; 
	float: left; 
	width: 450px;
	line-height: 2.1em;
	text-align: justify;
}
.content_right { 
	padding: 0; margin: 20px 0 0 0; 
	float: right; 
	width: 280px; 
}

.wide { 
	position: relative;
	width: 750px; }
	
	#top_content .wide img, #top_content .wide p{
		z-index: 1; }
	
	#top_content a.inandfi:link, 
	#top_content a.inandfi:hover, 
	#top_content a.inandfi:visited{ 
		display: block;
		position: absolute;
		z-index: 100;
		text-indent: -9000px;
		background: transparent url(../images/inandfi.jpg) no-repeat;
		right: 30px;
		top: 257px;
		width: 179px;
		height: 179px; }
		
	#top_content a.bmpatrimoine {
		display: block;
		position: absolute;
		z-index: 100;
		text-indent: -9000px;
		top: 382px;
		left: 264px;
		width: 238px;
		height: 155px;
		background: url(../images/transparent.gif); } 

.center { margin-left: 55px; width: 685px; }
.bottom { 
	border-top: 1px solid #eee; 
	line-height: 1.5em; 
	padding: 0; margin: 40px 0 0 0;
}
.clearer { clear:both; }

/******************* HEADER *******************/
#header  {
	margin: 0; padding: 0;
	color: #850138;
	width: 750px; height: 250px;
	z-index: 1;
	background: url(../images/bg-header.jpg) no-repeat;
}
	#header p {
		color: #fff;
		margin: 175px 10px 0 130px; padding-right: 60px;
		font-size: 1.3em; text-align: right;
		height: 54px; line-height: 1.8;
		background: url(../images/flash.gif) top right no-repeat;
	}
	#header p a { color: #fff; font-weight: bold; }
	
/******************* FOOTER *******************/
#footer { 
	margin: 70px 0 20px 0; 
	width: 100%;
	text-align: center;
}
	#footer a {
		text-decoration: none;
		color: #343891;
	}
	#footer a:hover { text-decoration: underline; }

/******************* NAVIGATION *******************/
#main_nav { 
	position: absolute;
	top: 65px; right: 30px;
	z-index: 10;
}
	#main_nav li { 
		display: inline; 
		margin: 0; padding: 0;
	}
	#main_nav li a { 
		text-decoration: none;
		color: #850138;
		font: 1.4em georgia,times,"times new roman",serif;
		font-weight: bold;
		padding: 2px 6px 7px 6px;
	}
	#main_nav li a:hover { 
		border-bottom: 5px solid #fff;
	}
	
/******************* CONTENU  *******************/
.black { font-size: 1.1em; color: #000; }

.photo {
	float: right; 
	width: 190px; height: 150px;
	margin: 0 0 0 25px; padding: 0;
	font-style: italic;
	font-size: .85em;
	text-align: center;
}

.surlign { 
	font-weight: bold; font-style: italic;
	font-size: 1em;
	color: #850138;
	width: 80%; margin-left: 10%;
}

ul#access_product { 
	margin: 0; padding: 0;
	list-style-type: none; 
}
	#access_product li { 
		width: 270px; height: 40px;
		background: #f0e6c5;
	}
	
ul#access_site { 
	margin: 0; padding: 0;
	list-style-type: none; 
}
	#access_site li { 
		width: 400px;
		background: #f5f5f5;
		border: 1px solid #eee;
		margin: 0 0 8px 0; padding: 10px;
	}
	#access_site li:hover, .liover { background: #eee; }
	ul#access_site li a { 
		text-decoration: none;
		color: #343891;
		font-weight: bold;
	}
	ul#access_site li a span {
		color: #666; font-weight: normal;
		margin-top: 5px; display: block;
	}
	
ul#pres-list { 
	margin-left: 45px;
	list-style-image: url(../images/arrow.png); 
}
	ul#pres-list li span {  
		color: #850138;
		font-weight: bold;
	}
	
#p_charte-clients #content ul { width: 80%; margin-left: 10%; }
#p_charte-clients #content li { margin-bottom: 10px; }
	
/******************* ACTUALITES ACCUEIL *******************/
dl#news_home { margin: 1em 0 0 0; font-size: .9em; }
	dl#news_home dt { 
		font-weight: bold;
		margin: 0 0 .25em 0;
		color: #343891;
	}
	dl#news_home dd:hover {
		background: #f5f5f5;
	}
	dl#news_home dd { 
		margin: 0 0 1.25em 0; padding: 0; 
	}
	dl#news_home dd a { 
		color: #666; text-decoration: none; 
	}
	dl#news_home dd.last { margin: 0; }

/******************* ACTUALITES *******************/
#actualites { }	
	#actualites h3{ }	
	#actualites dl{ }	
		#actualites dl dt{ 
			font-weight: bold;
			color: #343891;	
		}	
			#actualites dl dt a{ 
				font-weight: bold;
				color: #343891;				
			}	
		#actualites dl dd{ margin-bottom: 10px; }	
		#actualites dl dd.vis-actu { margin: 0; padding: 10px 0 0; }
	
/******************* CONTACT *******************/
#coordonnees { border-left: 1px solid #eee }
	#coordonnees p { 
		line-height: 2.1em;
		font-size: 1em;
		margin: 0 0 0 15px; padding: 0;
	}

#dcontact { }
	#corpForm { }
	#corpForm fieldset { border: 0; }
	#corpForm legend { 
		font-weight: bold;
		border: 0;
		margin-bottom: 15px;
	}
	#corpForm p { padding: .2em 0; margin: 0 0 .2em 0; }
		#corpForm p span { width: 60%; display: block; margin-left: 35%; font-style: italic; font-size: .9em }
			#corpForm p span input { width: 100%; }
			
	#corpForm input, #corpForm textarea, #corpForm select {
		width: 65%;
		border: 1px solid #ccc;
	}
	#corpForm fieldset label {
		float: left;	
		width: 30%;	
		text-align: right;	
		margin: 0; padding: 0 .5em 0 0;
		line-height: 1.8;
	}
	#corpForm label:hover, #piedForm input { cursor: pointer; }
	
	#piedForm { text-align: right; }
		#piedForm p { font-style: italic; }
		#piedForm input {
			font-weight: bold;
			margin-right: 1em;
		}

	label.failed { font-weight: bold; }
		
#message-retour {
	margin: 15px 0 15px 65px; padding: 5px;
	color: red;
}

/******* plan du site ***********/
dl.plan-site { height: 220px; float: left; }
dl.plan-site ul, dl.plan-site ul li { margin: 0; padding: 0; }
dl.plan-site dt { color: #850138;
	font-family: georgia,times,"times new roman",serif;
	font-size: 1.3em; font-weight: normal; 
}
p.retour { width: 100%; text-align: center; }
