/* CSS Document */
body 
	{
	line-height: 22px;
	background-color: #C0C0C0;
	text-align: left;
	margin: 0;
	padding: 0

	}
#page {
	position: relative;
	font-size: 11px;
	font-family: Tahoma;
	line-height: 16px;
	background-color: #000000;
	text-align: justify;
	visibility: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	font-weight: lighter;
	letter-spacing: 1px;
	text-indent: 0pt;
	 }
.conteneur_entete{
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: auto;
	height: 160px;
	float: left;
	width: 950px;
	background-color: #FFFFFF;
	}
.cache { display: none; } 
.en-tete {

	background-image: url(images_satiques/bandeau_haut.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: auto;
	height: 134px;
	float: left;
	width: 786px;
	}
.logo{

	background-image: url(en_tete/logo.gif);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 160px;
	width: 128px;
	}
#drap_fr a.bouton1{
	background-image: url(../../dist/boutons_communs/drap_fr.gif);
	position: absolute;
	top: 29px;
	left: 134px;
	height: 18px;
	width: 40px;
	}
#drap_fr a:hover.bouton1 {
	background-image: url('../../dist/boutons_communs/drap_fr_f2.gif');
	}
#drap_all a.bouton2{
	background-image: url(../../dist/boutons_communs/drap_all.gif);
	position: absolute;
	top: 48px;
	left: 134px;
	height: 19px;
	width: 40px;
	}
#drap_all a:hover.bouton2 {
	background-image: url('../../dist/boutons_communs/drap_all_f2.gif');
	}
#drap_gb a.bouton3{
	background-image: url(../../dist/boutons_communs/drap_gb.gif);
	position: absolute;
	top: 69px;
	left: 134px;
	height: 17px;
	width: 40px;
	}
#drap_gb a:hover.bouton3 {
	background-image: url('../../dist/boutons_communs/drap_gb_f2.gif');
	}
#arbo{
	position: absolute;
	top: 0px;
	left: 135px;
	height: 17px;
	width: 634px;
	font-size: 9px;
	letter-spacing: 2px;
	}
#acc_sp{
	background-image: url(en_tete/accueil_sp.gif);
	position: absolute;
	top: 112px;
	left: 128px;
	height: 48px;
	width: 10px;
	}	
#accueil a.bouton4{
	background-image: url(en_tete/accueil.gif);
	position: absolute;
	top: 108px;
	left: 138px;
	height: 52px;
	width: 80px;
	}
#accueil a:hover.bouton4 {
	background-image: url('en_tete/accueil_f2.gif');
	}
#constructa a.bouton5{
	background-image: url(en_tete/constructa.gif);
	position: absolute;
	top: 82px;
	left: 218px;
	height: 52px;
	width: 156px;
	}
#constructa a:hover.bouton5 {
	background-image: url('en_tete/constructa_f2.gif');
	}
#publica a.bouton6{
	background-image: url(en_tete/publica.gif);
	position: absolute;
	top: 67px;
	left: 374px;
	height: 67px;
	width: 137px;
	}
#publica a:hover.bouton6 {
	background-image: url('en_tete/publica_f2.gif');
	}
#familia a.bouton7{
	background-image: url(en_tete/familia.gif);
	position: absolute;
	top: 40px;
	left: 511px;
	height: 67px;
	width: 139px;
	}
#familia a:hover.bouton7 {
	background-image: url('en_tete/familia_f2.gif');
	}
#economica a.bouton8{
	background-image: url(en_tete/economica.gif);
	position: absolute;
	top: 40px;
	left: 650px;
	height: 67px;
	width: 136px;
	}
#economica a:hover.bouton8 {
	background-image: url('en_tete/economica_f2.gif');
	}
#immobilia a.bouton9{
	background-image: url(en_tete/immobilia.gif);
	position: absolute;
	top: 0px;
	left: 786px;
	height: 80px;
	width: 139px;
	}
#immobilia a:hover.bouton9 {
	background-image: url('en_tete/immobilia_f2.gif');
	}
#immobilia_sp{
	background-image: url(en_tete/immobilia_sp.gif);
	position: absolute;
	top: 0px;
	left: 769px;
	height: 40px;
	width: 17px;
	}
#immobilia_sp2{
	background-image: url(en_tete/immobilia_sous.gif);
	position: absolute;
	top: 80px;
	left: 786px;
	height: 54px;
	width: 139px;
	}
#bandeau1{
	background-image: url(en_tete/bandeau_bas0.gif);
	position: absolute;
	top: 107px;
	left: 511px;
	height: 27px;
	width: 275px;
	}
#bandeau2{
	background-image: url(en_tete/bandeau_bas_sommaire.gif);
	position: absolute;
	top: 134px;
	left: 218px;
	height: 26px;
	width: 732px;
	}
#bord{
	background-image: url(en_tete/fin.gif);
	position: absolute;
	top: 0px;
	left: 925px;
	height: 134px;
	width: 25px;
	}

a 
	{
	color: #036FC0;
	text-decoration: none;
	}

a:hover 
	{
	color: #036FC0;
	text-decoration: underline
	}
#flash{
	color: #FFFFFF;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 25px;
	display: block;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background-color: #000000;
	}
#titre1{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #036fc0;
	text-align: center;
	display: block;
	line-height: 15px;
	font-variant: small-caps;

}
.titre{
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 15px;
}

.col1
	{
	background-color: #FFF;
	text-align: left;
	width: 344px;
	height: 950px;
	margin-bottom: 0px;
	float: left;
	word-spacing: 2px;
	}
#col1_ligne1
	{
	width: 344px;
	height: 24px;
	background: url(images_satiques/col1_ligne1.gif) no-repeat 0 0px;
	margin-bottom: 0px;
	float: left;
	}
.col1_L2_C1
	{
	margin-bottom: 0px;
	float: left;
	width: 22px;
	height: 212px;
	color: #FFFFFF;
	}

#col1_L2_C1_1
	{
	height: 40px;
	background:#036fc0 url(images_satiques/col1_ligne2_col1.gif) no-repeat 0 0px;
	}
#col1_L2_C1_2
	{
	height: 172px;
	background: #036fc0 url(images_satiques/col1_ligne2_col1bis.gif) repeat-y;
	}
.col1_L2_C2
	{
	margin-bottom: 0px;
	float: left;
	width: 190px;
	height: 212px;
	background: #036fc0 url(images_satiques/col1_ligne2_col2.gif) repeat-y 0px;
	color: #FFFFFF;
	
	}
.col1_L2_C2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 208px;
    display: block;
  overflow: auto
  }
.col1_L2_C2 ul li {
	margin: 0px 0 4px 0px;
	padding: 0;
	font-weight: normal;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	  display: block;
	color: #FFF;
  }
.col1_L2_C2 ul li a {
	padding-left: 22px;
	font-size: 11px;
	color: #FFF;
	letter-spacing: 0.1em;
  }
.col1_L2_C2 ul li :hover {
	padding-left: 22px;
	font-size: 11px;
	color: #000;
	text-decoration: none
  }
 #ssrub { background-image: url(images_satiques/ico_carre.gif); }
 		
.col1_L2_C3
	{
	margin-bottom: 0px;
	float: left;
	width: 132px;
	height: 212px;
	font-size: 12px;
	font-weight: light;
	color: #FFFFFF;
	text-align: center;
	background-color: #036fc0;
	background-image: url(images_satiques/col1_l2_coinbasdrt.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

.col1_L2_C3_pave
	{
	position: relative;
	top: 58px;
	height: 100px;
	left: 4px;
	width: 110px;
	background: #025297 0px;
	display: block;
	}
.col1_L2_C3_pave a
	{
	font-weight: bold;
	color: #FFF;
	
	}
.col1_L2_C3_pave :hover
{
	color: #000;

	}
	
#col1_ligne3
	{
	width: 344px;
	height: 4px;
	background: url(images_satiques/col1_ligne3.gif) no-repeat 0 0px;
	margin-bottom: 0px;
	float: left;
	}
#col1_ligne4
	{
	width: 330px;
	position: relative;
	float: left;
	left: 0px;
	right: 4px;

	}
#chapo1{
	font-weight: bold;

}			
#col1_ligne5
	{
	width: 340px;
	height: 530px;
	position: relative;
	float: left;
	left: 7px;
	right: 10px;
	overflow: auto;
	}						
.col2
	{
	text-align: left;
	background: #ffffff url(images_satiques/col2_gris.gif) repeat-y 0px 0px;
	width: 412px;
	height: 950px;
	margin-bottom: 0px;
	float: left;
	}
#titrearticle1{
	font-weight: bold;
	text-align: left;
	display: block;
	line-height: 15px;
}

.col2_ligne0
	{
	width: 412px;
	height: 24px;
	margin-bottom: 0px;
	top: 0px;
	position: relative;
	float: left;
	}
#recherche-g{
	background-image: url(images_satiques/recherche_bord_g.gif);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 99px;
	}
#recherche-h{
	background-image: url(../../dist/boutons_communs/recherche_bord_h.gif);
	position: absolute;
	top: 0px;
	left: 99px;
	height: 5px;
	width: 249px;
	}
#recherche-b{
	background-image: url(../../dist/boutons_communs/recherche_bord_b.gif);
	position: absolute;
	top: 20px;
	left: 99px;
	height: 4px;
	width: 249px;
	}
.formulaire_spip {
	background-color: #ffffff;
	position: absolute;
	top: 5px;
	left: 99px;
	height: 15px;
	width: 249px;
	font-size: 10px;
	}
#recherche {
margin : 0 0 0 0 ;
border: none;
padding: 0;
}


.bouton10 {
	background-image: url(../../dist/boutons_communs/btn_recherche.gif);
	border-style:none;
	position: absolute;
	top: -5px;
	left: 247px;
	height: 24px;
	width: 64px;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand;
	}

.bouton10:hover {
	background-image: url('../../dist/boutons_communs/btn_recherche_f2.gif');
	}
.col2_ligne1
	{
	width: 412px;
	background: url(images_satiques/col2_ligne1.gif) no-repeat 0 0px;
	margin-bottom: 0px;
	top: 0px;
	position: relative;
	float: left;
	}

.col2_L1_C2
	{
	width: 350px;
	margin: 6px 0 0px 0px;
	position: relative;
	top: 0px;
	left: 2px;
	right: 4px;
	float: right;
	}
.col2_L2
	{
	width: 412px;
	margin-bottom: 0px;
	position: relative;
	float: left;
	}
dl {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;	
}
dt {
margin: 2px 0 6px 11px;
padding: 0;
list-style-type: none;
width: 340px;
}
dd {
margin:2px 0 6px 40px;
padding: 0;
text-align: left;
width: 370px;
overflow: auto;
height: 130px;
list-style-type: none;
}

.col2_L2 ul,.col2_L2 li{
list-style-type: none;
}
.col2_L2 li{margin-bottom: 3px; clear: both;}
.col2_L2 small {
	display: block;
	font-size: 10px; }
#menu {
position: relative;
float: left;
top: 0;
left: 0;
width: 412px;
}
#smenu0{
height: 235px;
}
#smenu2{
height: 190px;
}



dl#menu dt a {
display: block;
padding-left: 53px;
font-size: 14px;
letter-spacing: 6px;
color: #000;
text-decoration: underline;
background-repeat: no-repeat;
line-height: 38px;
position: static;
height: 38px;
width: 42px;
left: 20px;
top: 0px
}


dl#menu dt a:hover {

padding-left: 53px;
color: #036fc0;
background-repeat: no-repeat;
}
#actu {
	font-size: 14px;
	letter-spacing: 6px;
	text-decoration: underline;
	line-height: 38px;
	display: block;
	vertical-align: middle;
	background-image:  url(rollovers/actu.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
}
#actu_e {

	color: #FFFFFF;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 25px;
	display: block;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background-color: #AFDDFE;
}
#actu_e a{ 
background-image:  url(rollovers/actu_e.gif);
color: #FFFFFF;}  
#actu_e :hover { background-image:  url(rollovers/actu_e_f2.gif); }
#articles a { background-image:  url(rollovers/article.gif);}  
#articles :hover { background-image:  url(rollovers/article_f2.gif);}
#dossiers_e a{ background-image:  url(rollovers/dossiers_e.gif);}  
#dossiers_e :hover { background-image:  url(rollovers/dossiers_e_f2.gif); }
#faq_e a{ background-image:  url(rollovers/faq_e.gif);}  
#faq_e :hover { background-image:  url(rollovers/faq_e_f2.gif); }
#archives_e a{ background-image: url(rollovers/archives_e.gif);}  
#archives_e :hover { background-image: url(rollovers/archives_e_f2.gif); }

	
.col3
	{
	width: 11px;
	height: 950px;
	background: #666 url(images_satiques/col3_ligne1.gif) repeat-y;
	margin-bottom: 0px;
	float: left;
	}

.col4
	{
	width: 183px;
	height: 950px;
	background: #666 url(images_satiques/col4_lignebleue.gif) repeat-y 0px 0px;
	margin-bottom: 0px;
	float: left
	}





.col4_blanc ul {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000;
  }
.col4_blanc ul li {
	margin:12px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
	line-height: 20px;
	color: #000;
  }
.col4_blanc ul li a {
	padding-left: 5px;
	font-size: 11px;
	color: #000;

  }
.col4_blanc ul li :hover {
	padding-left: 5px;
	font-size: 11px;

  }












.col4_L1_C1
{
	background: url(images_satiques/col4_bande_gche.gif) repeat-y 0px 0px;
	width: 7px;
	height: 366px;
	margin-bottom: 0px;
	float: left
	}
.col4_L1_C2
{
	width: 155px;
	height: 366px;
	background-color: #FFF;
	margin-bottom: 0px;
	float: left
	}
.col4_L1_C3
{
	width: 21px;
	background: url(images_satiques/col4_bande_drte.gif) repeat-y 0px 0px;
	height: 366px;
	margin-bottom: 0px;
	float: right
	}
.col4_L2
{
	width: 183px;
	background: url(images_satiques/col4_ligne2.gif) no-repeat 0px 0px;
	height: 84px;
	margin-bottom: 0px;
	float: left
	}
.col4_L3_C1
{
	background: url(images_satiques/col4_bande_gche_noir.gif) repeat-y 0px 0px;
	width: 7px;
	height: 183px;
	margin-bottom: 0px;
	float: left
	}
.col4_L3_C2
{
	background-color: #000;
	width: 155px;
	height: 183px;
	margin-bottom: 0px;
	float: left
	}
	
	
	
	
.col4_noir ul {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  }
.col4_noir ul li {
	margin:12px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
	line-height: 20px;
	color: #fff;
  }
.col4_noir ul li a {
	padding-left: 5px;
	font-size: 11px;
	color: #fff;

  }
.col4_noir ul li :hover {
	padding-left: 5px;
	font-size: 11px;

  }
	
	
	
.col4_L3_C3
{
	width: 21px;
	background: url(images_satiques/col4_bande_drte_noir.gif) repeat-y 0px 0px;
	height: 183px;
	margin-bottom: 0px;
	float: right
	}
.col4_L4
{
	width: 183px;
	background: url(images_satiques/col4_ligne4.gif) no-repeat 0px 0px;
	height: 71px;
	margin-bottom: 0px;
	float: left
	}
.col4_L5_C1
{
	background: url(images_satiques/col4_bande_gche.gif) repeat-y 0px 0px;
	width: 7px;
	height: 110px;
	margin-bottom: 0px;
	float: left
	}
.col4_L5_C2
{
	width: 150px;
	height: 110px;
	background-color: #FFF;
	margin-bottom: 0px;
	font-size: 10px;
	float: left;
	padding-left: 5px;
	}
.col4_L5_C3
{
	width: 21px;
	background: url(images_satiques/col4_bande_drte.gif) repeat-y 0px 0px;
	height: 110px;
	margin-bottom: 0px;
	float: left
	}
#col4_L6
{
	width: 183px;
	background: url(images_satiques/col4_ligne6.gif) no-repeat 0px 0px;
	height: 39px;
	margin-bottom: 0px;
	clear: left;
	}
			
.pied-de-page 
	{
	height: 37px;
	color: BLACK;
	font-size: 9px;
	line-height: 16px;
	background:#FFF url(images_satiques/bas_page.gif) repeat-y 0 0px;
	text-align: center;
	letter-spacing: 4px;
	height: 37px;
	clear: left;
	vertical-align: middle;
	}
.pied-de-page a
	{color: #333;
	}
.pied-de-page :hover
	{color: #000;
	}	
#page>.pied-de-page {
	height: 37px;
}
