/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/*-- subtitles --*/
#subtitle{
	background:url(../images/charte/bg-subtitle.gif) no-repeat left top;
	width:434px;
	height:92px;
	}
	#subtitle ul, #subtitle1 ul, #subtitle2 ul {
		font:normal 12px Arial;
		list-style:none;
		color:#0F2D4E;
		padding-top:20px;
		padding-left:60px;
		}
		#subtitle ul li, #subtitle1 ul li, #subtitle2 ul li{
			background:url(../images/charte/icon-subtitle.jpg) no-repeat left 7px;
			padding-left:10px;
			line-height:18px
			}
		#subtitle1 ul, #subtitle2 ul{
			padding-top:15px;
			}
#subtitle1{
	background:url(../images/charte/bg-subtitle1.jpg) no-repeat left top;
	width:434px;
	height:92px;
	}
#subtitle2{
	background:url(../images/charte/bg-subtitle2.jpg) no-repeat left top;
	width:575px;
	height:45px;
	margin-left:90px;
	}

#contenuTexte p.text-bold{
	text-align:center;
	font-weight:bold;
	margin-top:100px;
	margin-bottom:20px;
	}			

a#contact-link:link, a#contact-link:visited{
	color:#E53F3F;
	font-weight:bold;
	text-decoration:none;
	}
a#contact-link:hover, a#contact-link:active{
	color:#2E75C5;	
	font-weight:bold;
	text-decoration:none;
	}

/*coup-de-coeur*/
#coup-de-coeur{
	width:295px; 
	height:300px; 
	float:right; 
	padding-left:10px;
	}	
	#coup-de-coeur #content{
		float:left;
		padding:20px 0px;
		}
	.box1{
		background:url(../images/charte/bg-box1.jpg) no-repeat left 20px;	
		width:148px;
		height:192px;	
		float:left;
		}
	.box2{
		background:url(../images/charte/bg-box2.jpg) no-repeat left 20px;	
		width:145px;
		height:192px;	
		float:left;
		}
	#coup-de-coeur .title p{
		font-weight:bold;
		text-align:center;
		}
	.box1 div.image{
		width:100px;
		height:100px;
		background-color:#DBE9F8;
		margin-top:35px;
		margin-left:30px;
		border:1px solid #92B6DF;
		}
	.box2 div.image{
		width:100px;
		height:100px;
		background-color:#DBE9F8;
		margin-top:35px;
		margin-left:20px;
		border:1px solid #92B6DF;
		}
.line{
	background:url(../images/charte/line.jpg) no-repeat left center;
	width:100%;
	height:10px;
	clear:both;
	}
	
	
/*---Contact---*/
#contact-logo{
	background:url(../images/charte/bg-contact.gif) no-repeat left top;
	width:272px;
	height:50px;
	float:left;
	margin-top:10px;
	}
#contact-adresse{
	margin-top:10px;
	width:300px;
	margin-left:120px;
	border:1px solid #84AEDD;
	background-color:#5C93D2;
	padding:5px 0px;
	background:#5C93D2 url(../images/charte/logo-contact.jpg) no-repeat right bottom;
	}
	#contact-adresse p{
		margin-left:10px;
		font-weight:bold;
		font-family:arial;
		}
	#contact-plan{
		width:200px; 
		height:68px; 
		float:left; 
		margin-top:9px; 
		padding-left:20px;
		}
.contact-box{
	width:520px;
	padding-top:15px;
	border:1px solid #84AEDD;
	background-color:#5C93D2;
	padding-bottom:10px;
	}
.contact-box .contact-content{
	width:500px;
	}
.inputForm{
	border:1px solid #2A65A7;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#215A9A;
	}
.inputFormOver{
	border:1px solid #2A65A7;
	background-color:#FDFD84;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	
	}
.button{	border:1px solid #4974A0;
	background-color:#FFFF66;
	width:65px;
	color:#2E75C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}
.buttonOver{	
	border:1px solid #4974A0;
	background-color: #C7DF85;
	width:65px;
	color:#1C4879;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}

.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#fff;
	font:bold 11px Arial;
	text-align:left;
	}
	.mail_input{
	width:110px;
	float:left;
	margin-top:5px;
	color:#fff; 
	}
	textarea{
		width:120px;
		height:100px;
		}
#contenuTexte p.small{
	font-size:11px;
	text-align:center
	}
	
/*-- nos biens --*/
.bien-product{	
 	float: left; 
	width: 309px;
	height:182px;
	background:#fff url(../images/charte/bg-bien.jpg) no-repeat left top;
	border:1px solid #BBBDBF;
	padding:3px 3px 5px 3px;
	}
	
	.bien-image{
		float:left;
		width:100px;
		height:100px;
		border:1px solid #2E75C5;
		background-color:#8CB6E5;
		margin-right:5px;
		margin-bottom:5px;
		}
	.bien-text strong{
		color:#0F2D4E;
		font-size:11px;
		}
	#contenuTexte .bien-text p.title{
		font-size:14px;
		color:#E53F3F;
		}
	#contenuTexte .bien-text p{
		color:#5F6264;
		border-bottom:1px dotted #D2E4F7
		}
	
/*-- detail --*/
.detail-product{
	float:right; 
	width:350px; 
	}
	#contenuTexte .detail-product p.titre-produit{
		font-weight:bold;
		font-size:15px;
		}
	#contenuTexte .detail-product strong{
		color:white;
		}