/* CSS Document */

html, body, div, ul, li, h1, h2 {margin: 0; padding: 0; border: none;}

* {
	font-family: Verdana;
}

a {
	color: black;	
}

a:hover {
	color: #A80000
}

body {
	padding-top: 51px;
	width: 97%;
	background: url(images/fond-bonnet-teissier.gif) no-repeat top left black;
}

#header, #footer, #content{
	width:100%;
	overflow: hidden;	
}

#header, #footer {
	padding-left: 24px;
}

#header img {
	border: none;
}

	#menu {
		padding-top: 16px;
	}
	
#content {
	position: relative;
	height: 300px;
	background: url(images/fond-batiment.jpg) no-repeat top right white;
	/*background: red;*/
}
	
	#contenu {
		width: 288px;
		height: 270px;
		margin: 16px 4px 11px 25px;
	}
	
	#contenu h1 {
		font-size: 14px;
		text-align: right;
	}
	
	#contenu h2 {
		font-size: 11px;
		text-align: right;
		color: #3a3a3a;
	}
	
	#contenu p {
		font-size: 10px;
		text-align: justify;
	}
	
	div.coordonneescontact {
		overflow: hidden;
		}
		
		.separation {
			padding-left: 25px;
			border-left: 1px dashed #000;
		}
	
	#referenceContent {
		width: 288px;
		position: absolute;
		bottom: 0;
	}
	
	#referenceContent ul {
		list-style:none;
		text-align: center;
		font-size: 11px;
		margin-bottom: 3px;
	}
	
	#referenceContent li {
		display: inline;
	}
	
	#contenu h3 {
		font-size: 10px;
		font-weight: bold;
	}
	
	.survole {
		text-align: center;
		color: #565656;
		font-size: 10px;
		clear: left;
		margin-top: 5px;
	}
	
#rightContent {
	margin: 8px 73px 0 33px;
	height: 292px;
	width: 214px;
}


#rightContent p#copyright {
	margin:0 10px 0 0;
	padding: 261px 0 0 0 ;
	font-family: Verdana;
	font-size: 8px;
	text-align: right;
	font-weight: bold;
}


	#references {
		position: absolute;
		left: 683px;
		top: 20px;
		border-left: 1px dashed black;
		margin-right: 10px;
		padding: 3px 0 0 2px;
		width: 201px;
		height: 253px;
	}

	
		#fondtranslucide {
   			width: 201px; height: 253px;     /* pour correspondre à la taille du DIV */
			background: black;
			filter:alpha(opacity=20);   /* Internet Explorer 6     */
			-moz-opacity:0.2;           /* Mozilla 1.6 et infér.   */
			opacity: 0.2;               /* CSS3 et Mozilla récents */				
		}
		
		#texteopaque {
		   width: 201px; height: 253px;     /* pour correspondre à la taille du DIV */
		   background-color: transparent;   /* fond transparent            */
		   position: absolute;              /* positionnement absolu       */
		   z-index: 2;                      /* placement sur l'autre DIV   */
		}
	
		#texteopaque img {
			border: 1px solid black;
			margin: 8px 0 0 8px;
		}
	
		#texteopaque ul {
			position: absolute;
			left: 5px; bottom: 5px;
			list-style: none;
			font-size: 10px;
		}	
			
#footer {
	height: 138px;
	background: url(images/fond-footer.gif) no-repeat 410px 0 black;
}

	#coordonnees {
		margin: 0;
		padding: 25px 0 0 9px;
		color: white;
		font-family: "Century Gothic", Verdana;
		font-size: 10px;
	}
	
/* -------------------------------------
formulaire
---------------------------------------- */	

label {
	font-size: 10px;
	float: left;
}	

#contact input {
	width: 150px;
	height: 14px;
	float: right;
	font-size: 10px;
}
	
	

.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.bloc {display: block;}
img.bordure {border: 1px solid white;}
.centrer {text-align: center !important;}
.center {text-align: center !important;}
.red {color: red !important;}
.confirm {color: blue; font-size: 10px;}
.alert {color: red; font-size: 10px;}

#bm_image_display {
	border: 1px #FFF solid;
}