/****************************************************************/
/*	général                                                                                       */
/****************************************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #666666; 
}

form{
	margin: 0px;
	padding: 0px;
}

.header{
	background: #fff000 url(/images/header_fond.gif) repeat-x;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.fond_logo{
	background:  url(/images/logo_fond.gif) no-repeat bottom;
}

.accroche{
	padding: 0px 0px 0px 0px;
}

.accroche h1{
	margin: 0px;
	padding: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 19px;
	font-weight: bold;
	color : #000000;
}

a{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.erreur{
	border:1px solid red; 
	color:#000000;
	padding:10px 10px 10px 10px;
}

.valide{
	border:1px solid green; 
	color:#000000;
	padding:10px 10px 10px 10px; 
}

.contenu{
	padding: 10px 30px 5px 30px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

input{ 
	background-color: #FFFAD7;
	border: #000000 solid 1px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color:#000000; 
}

select{ 
	background-color: #FFFAD7;
	border: #000000 solid 1px;
	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	color:#000000; 
}

.bt{
	background-color: #666666;
	border: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

.reseaux_sociaux {
    padding-top: 4px;
}

/****************************************************************/
/*	index	                                                                                         */
/****************************************************************/

.index_fond_1{
	background: url(/images/index_fond_1.jpg) no-repeat left bottom;
}

.index_fond_2{
	background: url(/images/index_fond_2.jpg) no-repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.index_accroche h1{
	margin: 0px;
	padding: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 26px;
	font-weight: bold;
	color : #000000;
}

.offres{
	background-color: #e62329;
    text-align: center;
}

a.lien_offres_accueil{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	font-weight: bold;
	color : #ffffff;
	text-decoration: none;
}

a.lien_offres_accueil:hover{
	text-decoration: underline;
}

.placement_offres{
	/*padding: 15px 0px 0px 7px;*/
	padding: 15px 0px 0px 45px;
}

.placement_flash{
	/*padding: 0px 0px 0px 145px;*/
	padding: 0px 0px 0px 45px;
}

/****************************************************************/
/*	contenu                                                                                       */
/****************************************************************/
.contenu_fond_1{
	background: url(/images/contenu_fond_1.gif) no-repeat left bottom;
}

.contenu_fond_2{
	background: url(/images/contenu_fond_2.gif) no-repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.contenu_titre{
	margin: 0px;
	padding: 0px 0px 0px 60px;
}

.fond_texte{
	background: url(/images/article_fond.gif) repeat-y;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.titre_article{
	margin: 0px;
	padding: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	font-weight: bold;
	color : #000000;
}

.retour_accueil{
	padding: 0px 23px 0px 0px;
}

/****************************************************************/
/*	recherche                                                                                   */
/****************************************************************/
.titre_recherche{
	background: #e62329 url(/images/fond_titre_recherche.gif) no-repeat right;
}

.titre_recherche h1{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

.bloc_offres{
	background-color: #fff000;
}

.lien_offres{
	padding: 3px;
	background-color: #fffad7;
	text-align: right;
}

a.lien_offres_mois {
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #e62329;
	text-decoration: none;
}

a.lien_offres_mois:hover{
	background-color: #e62329;
	color : #ffffff;
}

.champ_recherche{
	background-color: #f5f5f5;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
}

.bloc_recherche{
	background-color: #e5e5e5;
}

.bloc_residences{
	background-color: #f5f5f5;
	border: #e5e5e5 solid 1px;
}

.choix_residences{
	background-color: #e5e5e5;
}

.legende{
	background-color: #ffffff;
}

.aucun_resultat{
	padding: 15px;
	border: dotted 1px #880021;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.resultats_ecole{
	padding: 5px;
	background-color: #609dff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

a.lien_results_ecole{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

/****************************************************************/
/*	contact                                                                                        */
/****************************************************************/
.coordonnees{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	border: dotted 1px #880021;
}

.warning{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ff0000;
}

.champs{
	background-color: #000000;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

/****************************************************************/
/*	residence                                                                                   */
/****************************************************************/
.bloc_residence{
	padding: 10px;
	background-color: #f5f5f5;
	border: #e5e5e5 solid 1px;
}

.titre_residence{
	padding: 0px;
	margin: 0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	font-weight: bold;
	color : #000000;
}

.bloc_description{
	border: solid 1px #c5c5c5;
}

.bloc_description2{
	border: solid 1px #c5c5c5;
    	padding: 5px;
}

.separation{
	background: #ffffff url(/images/separation_fiche_residence.gif) repeat-x;
}

.bloc_recherche_lot{
	background-color: #fffad7;
}

.dispos{
	background-color: #e62329;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

.separation_recherche_dispos{
	background: #fffad7 url(/images/fond_recherche_dispo.gif) repeat-x center;
}

/****************************************************************/
/*	logements                                                                                  */
/****************************************************************/
.bloc_logements{
	padding: 10px;
	background-color: #f5f5f5;
	border: #e5e5e5 solid 1px;
}

h1.logement_type{
	padding: 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #000000;
}

.bloc_logement_type{
	padding: 3px 0px 0px 0px;
	border-top: #e62329 dotted 1px;
}

.bloc_logement_voir{
	background-color: #e5e5e5;
}

a.lien_details{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 13px;
	font-weight: bold;
	color : #e62329;
	
	text-decoration: none;
}

a.lien_details:hover{
	background-color: #e62329;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #ffffff;
}

.loc_mois_descriptif{
	padding: 3px;
	border: #880021 dotted 1px;
}

.loc_mois_loyer{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: normal;
}

.loc_mois_residence{
	padding: 5px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 13px;
	font-weight: bold;
}

a.lien_logement_contact{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #e62329;
	font-weight: bold;
	text-decoration: none;
}

a.lien_logement_contact:hover{
	background-color: #e62329;
	color : #ffffff;
}

/****************************************************************/
/*	footer	                                                                                         */
/****************************************************************/
.footer_fond{
	padding: 0px 35px 0px 0px;
	
	background: url(/images/footer_fond.gif) no-repeat;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.footer_fond_2{
	padding: 15px 0px 0px 0px;
	
	background-color: #fff000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.telephone{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 24px;
	font-weight: bold;
	color : #FF0000;
}

.adresse{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 20px;
	font-weight: bold;
	color : #666666;
}

a.lien_footer{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #ff0000;
	text-decoration: none;
}

a.lien_footer:hover{
	text-decoration: underline;
}

.menu_bas{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #666666;
	
	border: dotted 1px #880021;
}

/****************************************************************/
/* conso energie - gaz es                                       */
/****************************************************************/
.ce{
    background-color: #ffffff;
}

.ce_a{
    background: #ffffff url(/images/fond_ce_a.gif) repeat-x top left;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_a p{
    padding: 0px;
    margin: 23px 0px 0px 0px;
}

.ce_b{
    background-color: #33cc33;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_c{
    background-color: #ccff33;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_d{
    background-color: #ffff00;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_e{
    background-color: #ffcc00;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_f{
    background-color: #ff9a33;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.ce_g{
    background: #ffffff url(/images/fond_ce_g.gif) repeat-x top left;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
    color: #ffffff;
}

.ce_g p{
    padding: 0px;
    margin: 8px 0px 0px 0px;
}

.es{
    background-color: #ffffff;
}

.es_a{
    background: #ffffff url(/images/fond_es_a.gif) repeat-x top left;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_a p{
    padding: 0px;
    margin: 23px 0px 0px 0px;
}

.es_b{
    background-color: #e1c2f8;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_c{
    background-color: #d4a9f5;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_d{
    background-color: #cb95f3;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_e{
    background-color: #ba72ef;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_f{
    background-color: #a74deb;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
}

.es_g{
    background: #ffffff url(/images/fond_es_g.gif) repeat-x top left;
    text-align: center;
    font-weight: bold;
    font-size:  12px;
    color: #ffffff;
}

.es_g p{
    padding: 0px;
    margin: 8px 0px 0px 0px;
}

/****************************************************************/
/* defile photos accueil                                        */
/****************************************************************/

#animation {
	width:453px;
	height:200px;
	position:relative;
}

#slides {
    position:absolute;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:0px;
	left:0px;
	width:24px;
	height:170px;
	display:block;
	z-index:101;
}

.slides_container {
	width:453px;
	height:200px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:429px;
}

.caption {
	position:absolute;
	height:30px;
	padding:0px 10px 0px 10px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:453px;
	text-shadow:none;
}

.caption p{
    font-family : Arial, Helvetica, sans-serif;	
    margin:  5px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
	color: #fff;
}

.caption p a{
    font-family : Arial, Helvetica, sans-serif;	
    font-size: 16px;
    font-weight: bold;
	color: #fff;
    text-decoration: none;
}

.caption p a:hover{
    text-decoration: underline;
}