/* 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 CONTENU */
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#063f7b;
text-transform:uppercase;
text-align:left;
color:#FFFFFF;
padding:15px 0 0 280px;

}
#texte h2{
font-size:13px;
font-weight:bold;
text-align:left;
padding:2px 3px 5px 5px;
color:#0e46bc;
margin:10px 0px 5px 0;
border-bottom:solid 0px #0e46bc;
background: url(../images/charte/h2_bg.gif) top left no-repeat;
}
#texte h3{
font-size:13px;
font-weight:bold;
text-align:left;
padding:2px 3px 5px 5px;
color:#0e46bc;
margin:10px 0px 5px 0;
border-bottom:solid 1px #0e46bc;

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

/* ------------------------------------------ANNONCES--------------------------------- */
#annonces{
	float:left;
	width:670px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:666px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;}

/************************************Editable Areea*******************************/
.photo_right{
  float:right;
  padding:5px;
  border:solid 1px #0E46BC;
  margin:0px 0px 0px 10px;}
.photo_left{
  float:left;
  padding:5px;
  border:solid 1px #0E46BC;
  margin:0px 10px 0px 0px;}
.photo{
  padding:5px;
  border:solid 1px #0E46BC;
  margin:10px 10px 0px 0px;}
.background{
  padding:5px;
  border:solid 1px #0E46BC;
  background:#D0EEFB;}
.background_pages{
  border:solid 0px #0E46BC;
  background:#D0EEFB;
  background: url(../images/charte/bg_pages.gif) no-repeat top left;
  width:423px;
  height:91px;}
.contact_bg{
  background: url(../images/charte/nous_contacter_bg.gif) top left no-repeat;
  width: 423px;
  height:41px;
  text-align: center;
  margin:20px 0px 0px 160px;
  padding:12px 0px 0px 0px;
}

.line{
  clear:both;
  margin: 20px 0px 10px 0px;
  text-align: center;
}
.list1 li{
	list-style-position:outside;
	list-style-type:none;
	background-image:url(../images/photos/puce.jpg);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
	padding:3px 3px 3px 20px;
	font-family:Arial ,"Trebuchet MS";
	font-weight:normal;
	line-height:14px;
	text-align:justify;
}
.list2 li{
	list-style-position:outside;
	list-style-type:none;
	background-image:url(../images/photos/puce1.jpg);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 40px;
	padding:3px 3px 3px 40px;
	font-family:Arial ,"Trebuchet MS";
	font-weight:normal;
	line-height:14px;
	text-align:justify;
}
.border_box{
  border:solid 1px #27B8ED;
  padding:5px;
  background:#E3F7FF;
}