/**********************/
/* Balises de base */
/**********************/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003;
	background-image: url(../images/texture-fond.png);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

/* centrage dans la page */
div#centre {
	text-align: center;	
	width: 100%;
}

/* Général, largeur de la page */

div#ombre {
	background: url(../images/ombre.png) repeat-y center;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#general {
	width: 997px;
	text-align: left;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #FFFFFF;
}

div#milieu {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	border: none;
	display: block;
}

.nettoyeur {
	clear: both;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	margin:0;
	padding:0;
}

.nettoyeurD {
	clear: right;
	height: 0.001em;
}

.nettoyeurC {
	/*width: 560px;*/
	height: 0.001em;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	clear: right;
}

div#entete {
	height: 215px;
	background: url(../images/fond-entete.png) repeat-x;
	margin: 0;
	padding: 0;
}

/* En-tête */

div#enteteline1 {
	height: 213px;
	margin: 0;
	padding: 0;
}

img#logo_habitat {
	float: left;
	margin: 15px 10px 0 15px;
}

div#slogan {
	margin: 0;
	padding-top: 21px;
}

div#pub-lettre {
	
}

div#pub {
	text-align: center;
}

div#espace_perso {
	width: 197px;
	height: 136px;
	margin: 0;
	padding: 0;
	background: url(../images/Espace_perso.png) no-repeat center top;
	text-align: right;
	font-size: 12px;
	color: #333;
}

div#espace_perso a {
	color: #3474b5;
}

div#espace_perso form {
	position: relative;
	top: 40px;
}

div#espace_perso form p {
	margin: 0.3em 0.5em;
}

input.bouton01 {
	background: url(../images/fond_bt01.png) repeat-x;
	height: 21px;
	color: #FFF;
	border: none;
	font-weight: bold;
}

div#haut_newsletter {
	background: url(../images/fond_newsletter.png) no-repeat top center;
	width: 178px;
	height: 101px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

div#haut_newsletter form {
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	top: 43px;
}

div#haut_newsletter form p {
	margin: 0.2em 0;
	padding: 0;
}

div#haut_newsletter p#desinscription {
	/*font-weight: bold;*/
	margin: 0.8em 0;
}

div#haut_newsletter p#desinscription a {
	color: #FFF;
}

div#editoplus {
	margin-top: 10px;	
}

div#edito {
	width: 577px;
	height: 59px;
	overflow: hidden;
	background: url(../images/edito.jpg) no-repeat;
	margin: 0;
	padding: 0;
	padding-top: 8px;
}

div#edito p {
	margin-left: 135px;
	margin-top: 0px;
	margin-bottom: 0em;
	width: 440px;
	color: #003; /* #656567 */
	font-size: 11px;
}

div#plus {
	text-align: right;
	margin-right: 35px;
	font-size: 10px;
}

div#plus a {
	color: #3774b5;
}

div#filet_entete {
	clear: both;
	margin: 0;
	padding: 0;
}

/********************/
/* corps principal */
/********************/


/* nav gauche */
div#navig01 {
	float: left;
	width: 178px;
	position: relative;
	left: 17px;
	top: 7px;
	margin:0;
	padding: 0;
	margin-bottom: 7px;
	font-size: 12px;
}

div#navig01 a {
	color: #3475b5;
}

div#navig01 a.expose {
	text-decoration: none;
	font-weight: bold;
}


div#accordeon {
	margin:0;
	background: #f5fafe;
	width: 175px;
}

div#accordeon p.titreAccordeon{
	font-size: 12px;
	margin: 0;
	cursor: pointer;
}

div#accordeon p {
	margin: 0.2em 1.5em;;
}

div#accordeon ul {
	margin: 0.5em 0.2em 1.5em 1em;
	padding: 0;
	list-style: none;	
}

div#accordeon li {
	margin: 0.2em 0;
	padding: 0;
}


div#nav01  {
	border: solid 1px #3475b5;
}

div#nav02  {
	border: solid 1px #e43719;
}

div#nav03  {
	border: solid 1px #7bb620;
}

div#nav04  {
	border: solid 1px #f9bc01;
}

div#nav05  {
	/*border: solid 1px #3475b5;*/
}

div#nav01 a {
	color: #3475b5;
}

div#nav02 a {
	color: #e43719;
}

div#nav03 a {
	color: #7bb620;
}

div#nav04 a {
	color: #f9bc01;
}

div#nav05 a {

}

div#decouvrez {
	width: 178px;
	height: 57px;
	background: url(../images/fond_decouvrez.png) no-repeat;
	padding-top: 90px;
}

div#decouvrez p {
	margin: 5px;
	color: #003; /* #333 */
}

div#decouvrez a {
	color: #333;
}

input.texte {
	width: 100px;
	margin: 0;
	height: 15px;
	border: 1px solid #9c9da1;
}

input.bouton02 {
	background: url(../images/fond_bt02.png) repeat-x;
	height: 21px;
	color: #FFF;
	border: none;
	font-weight: bold;
	padding: 0;
}

/* nav droite */

div#navig02 {
	float: right;
	width: 178px;
	position: relative;
	right: 17px;
	top: 7px;
}

div#specialiste {
	border: 1px solid #a2daf3;
	background: #ecf7fb;
	margin-bottom: 1em;
}

div#specialiste h2 {
	margin: 0;
	text-align: center;
	background: #3475b5 url(../images/fond-titre-specialiste.png) repeat-x top;
	color: #FFF;
	font-size: 14px;
	padding: 0.3em;
	width: 168px;
}

div#annonceOrga {
	border: 1px solid #f9bc01;
	background: #fdf3c5;
}

div#annonceOrga h2 {
	margin: 0;
	text-align: center;
	background: #f9bc01 url(../images/fond-titre-organisme.png) repeat-x top;
	color: #FFF;
	font-size: 14px;
	padding: 0.3em;
	width: 168px;
}

div.unSpecialiste {
	margin: 0.5em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #3473b8;
}

div.unSpecialiste p {
	margin: 0.1em 0;
}

div.unSpecialiste a {
	color: #3473b8;	
}

div.unSpecialiste h3 {
	color: #3473b8;
	font-size: 14px;
	text-decoration: underline;
	margin: 0.1em 0;
}

div.unSpecialiste p.localisation {
	color: #3473b8;
}

p.voirfiche {
	text-align: right;
}

p.voirfiche a {
	color: #3473b6 !important;
}

div.dossier {
	border: 1px solid #a2daf3;
	background: #dff1fb url(../images/fond-degrade-dossiers.png) repeat-x top;
	color: #003; /* #656567 */
}

div.interne {
	border: none;
	background: none;
}

div.dossier img {
	border: 1px solid #3273b5;
}

div.dossier p {
	margin: 0.3em 0;
}

div.dossier a {
	color: #656567;
	text-decoration: underline;
}

div.dossier h3 {
	color: #3373b3;
	font-size: 14px;
	margin: 5px 0 10px 30px;
}

div.dossier div.dumois {
	background: url(../images/dossier-entete-dumois.png) no-repeat top left;
	border: none;
	margin: 0;
	padding: 30px 5px 5px 5px;
	width: 168px;
}

div.dossier div.dumois a {
	text-decoration: none;
	color: #666666;
}

div.dossier div.evenements {
	background: url(../images/dossier-entete-evenements.png) no-repeat top left;
	border: none;
	margin: 0;
	padding: 30px 5px 5px 5px;
	width: 168px;
}

div.evenements li, div#evenements li {
	margin-bottom: 0.3em;
}

div.dossier-separation {
	background: url(../images/dossier-separation.png) center center no-repeat;
	height: 32px;
	width: 176px;
}

p.pub {
	text-align: center;
	font-size: 11px;
	color: #333;
	margin: 0.5em 0;
}

div.pub {
	background: #FFF;
	padding: 0.5em;
}

/***********/
/* centre */
/***********/

div#contenu {
	float: left;
	/*margin: 0 200px 14px 210px;*/
	margin: 0 0 14px 32px;
	padding-top: 0;
	position: relative;
	top: 7px;
	width: 577px;
}

/* Page d'accueil */

div.accueil {
	text-align: justify;
}

div.accueil h1.annuairePro {
	background: url(../images/interieur-h1.png) no-repeat top left;
	color: #3475b5;
	font-size: 16px;
	height: 49px;
	text-transform: uppercase;
	padding-top: 13px;
	padding-left: 45px;	
	margin-bottom: 0;
}

div#encadreAnnuairePro {
	margin-top: 3px;
	margin-bottom: 10px;
	border: 1px solid #a2daf4;
	background: #f0f9fd;
	padding: 5px 15px;
	color: #3474b5;
	font-size: 14px;
	
}

div#encadreAnnuairePro input#afficherResultats {
	background: url(../images/home-annuairePro_btResultats.png) no-repeat;
	border: none;
	width: 180px;
	height: 25px;
	color: #646466;
	font-weight: bold;
	padding-right: 2em;
}

div#dossierMois {
	background: #FFF url(../images/home-dossierMois.png) no-repeat 8px 12px;
	padding-top: 40px;
	padding-left: 38px;
}

div#dossierMois img {
	border: none;
}

div#dossierMois h3 {
	margin: 0;
	padding: 0;
}

div#dossierMois .imgDossier, div#evenements .imgDossier {
	/*float: right;*/
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
	/*position: relative;
	bottom: 30px;*/
}

div#dossierMois .imgDossier img, div#evenements .imgDossier img {
	border: 1px solid #3b79b8;
}

div#dossierMois .imgDossier a, div#evenements .imgDossier a {
	color: #3374b5;
}

div#evenements {
	background: #FFF url(../images/home-evenements.png) no-repeat 8px 12px;
	padding-top: 40px;
	padding-left: 38px;
}

div#evenements ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* page intérieure */

div.interieur01 {
	text-align: justify;
}

div.interieur01 h1 {
	/*background: url(../images/interieur-h1.png) no-repeat top left;*/
	background: url(../images/titres/maison_bleue.png) no-repeat top left;
	color: #3475b5;
	font-size: 16px;
	height: 49px;
	text-transform: uppercase;
	padding-top: 13px;
	padding-left: 45px;	
	margin-bottom: 0;
	margin-top: 0;
}

div.interieur01 h1.noir {
	background: url(../images/interieur-h1-noir.png) no-repeat top left;
}

div.interieur01 h1.jaune {
	background: url(../images/titres/maison_jaune.png) no-repeat top left;
}

div.interieur01 h1.rouge {
	background: url(../images/titres/maison_rouge.png) no-repeat top left;
}

div.interieur01 h1.verte {
	background: url(../images/titres/maison_verte.png) no-repeat top left;
}

div.interieur01 h1.evt {
	background: url(../images/titres/evenements.png) no-repeat top left;
}

div.interieur01 p.chapo {
	font-weight: bold;
	font-size: 13px;
	color: #3475b5;
	margin-left: 45px;
	margin-top: 0;
}

div.interieur01 div.encadre, div.accueil div.encadre, div.interieur01 fieldset.encadre {
	border: 1px solid #a2daf3;
	padding: 1em;
	margin: 0;	
}

div.interieur01 h2 {
	color: #3475b5;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 0;
}

div.interieur01 h3 {
	font-size: 12px;
	margin-top: 0;
}

.illustration {	
	border: 1px solid #3474b4;
}

div.interieur01 div.voirAussi {
	border: 1px solid #a2daf3;
	margin-top: 15px;
	background: url(../images/fleche-voiraussi_dossier.png) no-repeat top left;
	padding-top: 30px;
	padding-left: 40px;
}

div.interieur01 div.voirAussi p {
	margin: 0.3em 0;
	color: #646466;
}

div.interieur01 div.voirAussi a {
	color: #646466;
}

div.interieur01 div.fondbleu {
	border: 1px solid #a2daf3;
	background: #f0fafc;
	padding: 0.5em 1em;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;	
}

div.interieur01 div#votreprojet span.titre, div.interieur01 div.fondbleu a {
	color: #3673b2;
}

div.interieur01 div#fichePro {
	border: 1px solid #a2daf3;
	background: #FFF url(../images/fond-fichePro.png) repeat-x bottom left;
	padding: 0.5em 1em;
	margin-bottom: 15px;	
}

div.interieur01 div#fichePro.fondblanc {
	background: none #FFF;
}

div.interieur01 div#fichePro a {
	color: #3673b2;
}

div.interieur01 div#fichePro img.logoclient {
	float: right;
	margin: 1em 0 1em 1em;
}

div.interieur01 div#fichePro div.uneFiche {
	border-bottom: 2px #a8dcf2 dotted;
	margin-bottom: 1em;
	width: 100%;
}

div.interieur01 div#fichePro form {
	color: #3574b7;
}

div.interieur01 div#fichePro form .envoyer {
	border: none;
	background: url(../images/bt-envoyer.png) no-repeat center center;
	width: 107px;
	height: 25px;
	color: #646466;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

div.interieur01 .largeur01 {
	width: 250px;
}

div.interieur01 div#fichePro label, div.interieur01 div#fichePro span.pousse {
	display: inline;
	float: left;
	width: 150px;
	text-align: left;
} 

div.interieur01 div#fichePro #cadreAdresse {
	background: #fffad2;
	padding: 0.2em 1em;
	text-align: left;
	margin-bottom: 1em;
	width: auto;
	clear: both;
}

div.interieur01 div#fichePro #cadreAdresse p {
	margin: 0.1em 0;
}

div.interieur01 div#fichePro #cadreAdresse div.aDroite {
	float: right;
	width: 160px;
}

div.interieur01 div#fichePro #cadreAdresse div.aDroite img {
	float: right;
	border: 1px solid #3673b2;
	margin-left: 5px;
}

div.interieur01 div#fichePro ul, div.evenements ul {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

div.interieur01 div#fichePro li {
	margin-left: 1.5em;
}

div.evenements ul {
	list-style-type: none;
	margin-left:0;
}
/*************************/
/* Accueil : les évènements */
/*************************/

#accueilListeImgEvt {  
    width: 150px;
	height: 80px;  
    padding: 0;  
    margin: 0;
} 
 
#accueilListeImgEvt div {  
    top:  0; 
    left: 0;
	padding: 0;
	margin: 0;
} 

/*************************/
/* Annuaire professionel */
/*************************/
p.nbresultat {
	color: #666666;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	font-size: 0.9em;
}

/* Alignement des images */

.gauche {
	float: right;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.droite {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}


/****************/
/* Pied de page */
/****************/

div#pied {
	text-align: center;
	background: url(../images/pied_page.png) no-repeat center top;
	height: 29px;
	padding-top: 5px;
	color: #FFF;
	font-size: 12px;
	margin-top: 1em;
}

div#pied a {
	color: #FFF;
}

/* Divers */

.invisible {
	position: absolute; 
	top: -3000em;
	left: -3000em; 
	height: 1%;
	width: 1%;
}

/***************************/
/* Les pubs */
/***************************/

div.pub00 {
	width: 180px;
	height: 150px;
	background: #666666;
}

div.pub01 {
	width: 160px;
	height: 600px;
	background: #666666;
	border: none;
	position: relative;
	left: 10px;
}

/***************************/
/* inclassable */
/***************************/

div.previsu {
	width: 200px;
	color: #000;
	background: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border: thin #FF0000 solid;
	position: absolute;
	top: 10px;
	right: 10px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.rouge {
	color: #FF0000;
}

p#precSuiv {
	font-size: 0.8em;
	color: #999;
	text-align: center;
}
p#precSuiv a {
	color: #333;
}