/* 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";

/***********Généralités********************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear{
	clear:both;
}

/* STYLE CONTENU */
#texte h1{

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	height:30px;
	text-align:left;
	color:#3046d1;
	margin:20px 0 10px 60px;
	text-transform:uppercase;
	text-align:left;
}

#texte li.list{
margin-left:30px;}

#texte h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-align:left;
	color:#3046d1;

}

#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#3046d1;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#3046d1;
}

#texte p{
	margin-bottom:10px;
}


.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}



/**************Accueil******************/

#zone_dynamique{
	width:200px;
	margin:0px 0px 10px 10px;
	float:right;
}

#zone_dynamique .top{
	width:200px;
	background:url(../images/charte/top_1.jpg) no-repeat;
	height:3px;
}

#zone_dynamique .middle_contenu{
	width:200px;
	background:url(../images/charte/middle_1.jpg) left;
}

#zone_dynamique .middle_contenu p{ 
	padding:0px 10px 5px 8px;
	margin-bottom:0px;
	}	

#zone_dynamique .bottom{
	width:200px;
	background:url(../images/charte/bottom.jpg) no-repeat;
	height:5px;
}

#container #zone_dynamique p.titre_dyn{
	background:url(../images/charte/bg_titre.jpg) no-repeat;
	padding-left:20px;
	margin-left:1px;
	height:29px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:5px;
	color:#33337E;
	font-size:14px;
	font-weight:bold;
}

#container p.ref{
	text-align:center;
	color:#3046D0;
}

#container p.ref a{
	text-align:center;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#container p.titre_annonce a{
	text-align:center;
	color:#6F8ADE;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}

#container p.titre_annonce{
	text-align:center;
	color:#6F8ADE;
	margin-bottom:5px;
}

#container p.lieu_annonce{
	text-align:center;
	color:#000000;
	margin-bottom:5px;
	font-weight:bold;
}

#container p.ref a:hover{
	text-align:center;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#container p.titre_annonce a:hover{
	text-align:center;
	color:#6F8ADE;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

#container a.cadre_pres{
	width:220px;
	margin:5px 30px 15px 30px;
	border:1px outset #D7D7D7;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	display:block;
	float:left;
	text-align:center;
}

#container a:hover.cadre_pres{
	width:220px;
	margin:5px 30px 15px 30px;
	border:1px outset #D7D7D7;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	display:block;
	background:#E6E6E6;
	text-align:center;
}

#container a:hover.cadre_pres p{
	padding:3px 10px 0px 10px;
	color:#3046d1;
	text-align:center;
}

#container a.cadre_pres p{
	padding:3px 10px 0px 10px;
	color:#000066;
	text-align:center;
}

/*****************Listing annonces****************/

.annonce{
	width:806px;
	background:#E6E6E6;
	margin-bottom:20px;
	padding-bottom:10px;
}

#container .annonce p{
	padding:5px;
	margin-bottom:2px;
}

.annonce p span.titre_an{
	text-align:left;
	/*color:#6F8ADE;*/
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	margin:0px 30px 0px 0px;
}

.annonce p span.ref_an{
	text-align:left;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px 30px 0px 0px;
}

.annonce p span.lieu_an{
	text-align:center;
	color:#000000;
	margin-bottom:5px;
	font-weight:bold;
	margin:0px 30px 0px 0px;
}

.annonce p .savoir_plus a{
	float:right;
	text-align:right;
}

/*************Acheteurs****************/
#container .annonce p span.titre_an a{
	text-align:left;
	/*color:#6F8ADE;*/
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:underline;
}

#container .annonce p span.ref_an a{
	text-align:left;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-decoration:underline;
}

#container .annonce p span.titre_an a:hover{
	text-align:left;
	/*color:#6F8ADE;*/
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	text-decoration:none;
}

#container .annonce p span.ref_an a:hover{
	text-align:left;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

/**************Liens utiles*************/
.lien_utile{
	width:806px;
	border:1px outset #D7D7D7;
	display:block;
	float:left;
	margin-bottom:20px;
}

#container .lien_utile p{
	padding:5px;
	margin-bottom:2px;
}

.lien_utile img{
	float:left;
	margin:0px 10px 5px 0px;
	border:0px solid #6F8ADE;
}

.titre_lien{
	text-align:left;
	color:#6F8ADE;
	font-size:12px;
	font-weight:bold;
}


/*******************Fiche produit**********************/
#fiche{
	width:806px;
	border:1px outset #D7D7D7;
	display:block;	
	padding:5px;
	padding-bottom:20px;
	margin-bottom:10px;
}


#fiche .titre_fiche a{
	text-align:left;
	color:#6F8ADE;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	margin:0px 30px 0px 0px;
}

#fiche .ref_fiche a{
	text-align:left;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px 30px 0px 0px;
}

#fiche .titre_fiche a:hover{
	text-align:left;
	color:#6F8ADE;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	margin:0px 30px 0px 0px;
	text-decoration:underline;
}

#fiche .ref_fiche a:hover{
	text-align:left;
	color:#3046D0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px 30px 0px 0px;
	text-decoration:underline;
}

#fiche .lieu_fiche{
	text-align:left;
	color:#000000;
	margin-bottom:5px;
	font-weight:bold;
	margin:0px 30px 0px 0px;
}

#fiche p a.print_fiche {
	background:url(../images/charte/print.jpg) left no-repeat;
	text-align:right;
	float:right;
	color:#000000;
	margin-bottom:5px;
	font-weight:bold;
	margin:0px 0px 0px 30px;
	padding-left:25px;
}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:770px;
	float:none;
	height:110px;
}

#contactTxt img{
	float:right;
	border:none;
}

#contactTxt .colonne{
	width:180px;
	float:left;
	margin-right:180px;
}

#txt_contact{
	width:800px;
	height:400px;
}

#formContact input,textarea{
	width:200px;
	border:1px solid #33337E;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

.champRequis{
	color:#FF0000;
}

#formContact .txt_rq{
	font-size:10px;
	padding-bottom:0px;
}

#container .bouton{
	background:#33337E;
	color:#FFFFFF;
	border:1px solid #969595;
	width:150px;
}