@CHARSET "UTF-8";
body {
	text-align: center;
	background-color: #9EB3BF;
	
	font-family: Verdana, sans-serif;
	font-size: x-small;
}

img {
	border:0;
}

#All {
	width:990px;
	margin:0 auto;
	text-align: left;
	
}

#ContourHaut {
	width:990px;
	height: 16px;
	line-height: 16px;	
	background: transparent url('/img/fd_top.png') no-repeat top left;
}
#ContourBas {
	clear: both;
	width:990px;
	height: 9px;
	line-height: 9px;	
	background: transparent;
}

#Main {
	background: white url('/img/fd_center.png') repeat-y top left;
}
#Content {
	position:relative;
	width: 977px;
	margin-left:8px;
	background-color: white;
	
	min-height:920px;
}

#Footer {
	color:white;
	text-align: center;
	
}
#Footer a {
	color:white;
	text-decoration: none;
}
#Footer a:hover {
	text-decoration: underline;
}

#Footer p {
	margin: 0;
	padding:0;
	text-align: center;	
}

#Footer img {
	height:35px;
	float: right;
	margin: 0 10px 5px 0;	
}
      


/**
 * Menu des articles
 */
 
#ArticlesMenu {
	float: right;	
	width:250px;
	margin:4px 20px 0 0;
	padding:0;	
	overflow:hidden;
}
 
#ArticlesMenu {
	float: right;	
	width:250px;
	margin:4px 20px 0 0;
	padding:0;	
	overflow:hidden;
}

#ArticlesMenu ul {
	margin:0;
	padding:0;	
}

#ArticlesMenu .accordion_content {
	
	position: relative;
	top:5px;
}
#ArticlesMenu .accordion_title {
	border:1px solid #ccc;
	margin:0;
	padding:0;
	text-align: center;
	position: relative;
	top:10px;
}

/**
 * Liste des articles.
 */
 
 

 
.article {
	background-color: white;
}


.article .content  {
	padding:0;
	margin:0 7px 0 15px;
	font-size:10px;
	cursor: pointer;
}


.article h3 {
	margin:0;
	padding:10px 7px 0px 15px;
	font-size: 14px;
}

.article h4 {
	margin:0;
	padding:2px 7px 0px 10px;
	font-size: 12px;
}
.article span.date {
	display: block;
	margin:0;
	padding:5px 0 0px 10px;
	font-size: 9px;
	color:#999;
}

.article  .img_bas {
	display: block;
}

.article  .contenu {
	padding: 0 5px 5px 10px;	
	color: #666 !important;
}

.article  .contenu p {
	margin: 0; 
	padding: 3px 0 0 0 ; 
}


.article_largeur_totale {
	width: 657px; 
	clear:both;
	background: transparent url('/img/article/2.jpg') repeat-y top left;
}



.article_largeur_totale  h3 {
	font-size:10px;
	background: transparent url('/img/article/1.jpg') no-repeat top left;
}

.article_largeur_totale  .visuel {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:15px;
}


.article_moitie {
	width:329px;
	margin-right:3px;
	float: left;
	background: white url('/img/article/5.jpg') repeat-y top left;
	 
}


.article_moitie  h3 {
	font-size:10px;
	background: transparent url('/img/article/4.jpg') no-repeat top left;
	
}

.article_moitie  .visuel {
	float:right;
	margin-top:0;
	margin-bottom:5px;
	margin-right:5px;
	padding-left:10px;
}



#AllArticles {
	width: 672px;
	float: left;
	margin-left:15px;
	text-align: left;
	margin-bottom:15px;
	clear:both;
	background: transparent url('/img/article/2.jpg') repeat-y top left;
	
}

#AllArticles h3 {
	margin:0;
	padding:10px 7px 0px 15px;
	font-size:10px;
	background: transparent url('/img/article/1.jpg') no-repeat top left;
	
}


#AllArticles div {
	
	padding: 0 30px;
}

#AllArticles span.infos {
	font-size:11px;
}

#ArticleDisplay div.date,
#AllArticles span.date {
	color:#999;
	font-size:9px;
}

#ArticleDisplay div.date {
    margin: 5px 10px 5px 10px;				
}
#AllArticles h4 {
	margin:0 0 10px 0;
	font-size:12px;
}
#AllArticles h4 a {
	color:black;
	text-decoration: none;
}
#AllArticles h4 a:hover {
	color:red;
}

#rideau{
	position:absolute;
	z-index:10001;	
}

.plugins_fla{
	text-align:left;
	display:block;
	width:450px;
	margin:5px auto;
	border:1px solid black;
	background-color: white;
	padding:10px 20px 5px 20px;
}
	.plugins_fla li{
		list-style-type: circle;
	}
	.plugins_fla a{
		color:black;
	}
	
	
#RechercheActu {
	margin-top:10px;
}	
	
	
	
#RechercheActu form {
	margin:0;
	padding:0;	
}
	#RechercheActu h2 {
		margin:0;
		padding:0;
		font-size:11px;
		color: #333;
		font-weight: normal;
	}
	
	#RechercheActu #q {
		border:1px solid #ccc;
		background: white url('/img/view.png') no-repeat 2px 50%;
		padding:3px 2px 3px 19px;
		width:140px;
	}
	
	#RechercheActu #btnSearch {
		border:1px solid #ccc;
		background: white;
		color: #333;
		padding:2px 0;
		cursor: pointer;
		width:80px;
	}
	
	
#CastingPortrait img{
	
	/*width:130px;*/
}
#CastingPortrait {
	position: absolute;
	top:5px;
	left:310px;
}


#fond_opaque {
                position:absolute;
                height:100%;
                width:100%;
                top:0;
                left:0;
                background-color: black;
                z-index: 10000;
                opacity:0.6;
                _filter : alpha(opacity=60);
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                _height:expression($$('body')[0].getDimensions().height);
                _width:expression($$('body')[0].getDimensions().width);
                
                cursor: pointer;
            }
        
            #showAlert {
                position:absolute;
                z-index: 1500000;        
                background: white;
                padding: 20px;
                width: 990px;
                top: 15px;
                left:50%;
                margin-left: -495px;
            }
            .closeAlert {
                color : #333;
                float: right;
                margin-right:15px;
            }
#BbodyL {
    position: absolute;
    top: 0;
    left:50%;
    margin-left:-500px;
    width:10px;
    height:500px;	
}
#BbodyR {
    position: absolute;
    top: 0;
    left:50%;
    margin-left:490px;
    width:10px;
    height:500px;	
}

#Bando {
	position:relative;
	height:150px;
	z-index: 9998;
	background: white url("/img/bandeau.jpg") no-repeat top left;
		
}

#Bando.groupe {
	background-image: url("/img/bando/bandeau-groupe.jpg");
}
#Bando.contact {
	background-image: url("/img/bando/bandeau-contact.jpg");
}
#Bando.trouver-un-logement {
	background-image: url("/img/bando/bandeau-trouver-un-logement.jpg");
}
#Bando.actu {
	background-image: url("/img/bando/bandeau-actu.jpg");
}
.Titre {
	height:30px;
	margin:10px 0 10px 20px;
}

	
	#Bando #Logo {
		position: absolute;
		top:20px;
		left:0;
		text-align: center;
		padding: 5px 0 0 25px;
		background: transparent;
	}
	
	


	
#MenuTop {
	margin: 0;
	padding:1px 0 0 0;
	height: 22px;
	background: transparent url("/img/menutop/all.jpg") repeat-x top left;
}


#MenuTop li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}


#MenuTop li a {
	display: block;
	line-height: 22px;
	height: 22px;
	padding:0 15px;
	text-align: center; 
	
	color:#666;
	font-size: 11px;
	text-decoration: none;
	width:126px;
	
	cursor: pointer;
}


#MenuTop li a#L4 {
    width :106px;
}

#MenuTop li a#L5 {
    width :146px;
}

#MenuTop li a#L6 {
	width :167px;
	border-right:0 !important;
}

#MenuTop li a:hover  {
	/*background-image: none !important;*/
	
}

#MenuTop li a.inactive {
	background-color: #9EB3BF;
	background-repeat: repeat-x;
	background-position: right -1px;
	background-image: url('/img/pied/btn-menu.jpg');
	color:#666;
}


#MenuTop li a.active {
	background-color:#d4f73c;
    background-repeat: repeat-x;
    background-position: right -1px;
    background-image: url('/img/pied/degrade-onglet.png');
	color: black !important;
}


#MenuTop li a.current {
	/*color:#99ac2c;
	text-decoration: underline;
	*/
	
    color: black;
    font-weight: bold;
	background-color:#efefef;
    background-image: url('/img/pied/degrade-onglet.png');
    background-repeat: repeat-x;
    background-position: right -1px;
	
}


#MenuShadow {
	line-height: 13px;
	height: 13px;
}

.Sinactive {
	background: transparent url('/img/pied/degrade-menu.png') no-repeat left top;
}

.Sactive {
	background: #d4f73c;
}

.menutop {
	position: absolute;
	z-index:15000;
	background: #bedd11 url('/img/pied/h_fd.jpg') repeat-x left top;	
	width:100%;
	left:0;
	min-height:180px;
	top:180px;
}



.menutop img.shadow {
	position: absolute;
	bottom:-13px;	
}

.menutop h3 {
	margin-top:0;
	font-size:13px;
	font-weight: bold;
}

.menutop a {
	color: #333;
	font-size:11px;
}
.menutop a:hover {
	text-decoration: underline;
	color: black;
}
.menutop a.lien {
	clear: both;
	display: block;
	margin:  0 0 15px 0;
	min-height:56px;
	text-decoration: none;
	
}
.menutop a.lien:hover  {
    background: #d4f73c;
	-moz-border-radius: 2%;
	border-radius: 2%;
}
.menutop a.lien:hover strong {
	text-decoration: underline;
	color: black;
}

.menutop a.ext-link,
.menutop a.ext-link:hover  {
    background-image: url("/img/extlink.gif") ;
    background-repeat: no-repeat;
    background-position: 98% 94% ;
}
span.ext-link {
    background:url("/img/extlink.gif") no-repeat scroll center center transparent;
    padding-left:15px;
    display: none;
}

	.menutop a.lien img {
		float: left;
		margin: 2px 10px 0 6px;
		width: 64px;
		height: 48px;
		border:2px solid #d4f73c;
		
	}


	.menutop a.lien strong {
		display: block;
		padding-right:5px;
	}
	.menutop a.lien em {
		display: block;
		font-style: normal;
		margin-top:5px;
		padding-right:5px;
		font-size:9px;
		line-height: 98%;
		text-decoration: none !important;
		color: #333 !important;
		font-weight: normal !important;
	}


table.top {
	width:99%;
	margin: 0 auto;	
	border-spacing: 0;
}

table.top tr {
	vertical-align: top;	
}
table.top td {
	width:33%;
	padding:10px;	
	background: transparent url('/img/pied/barre-separation.gif') no-repeat right 5px;
}

table.top td.end{
	background: none;
}

table.top td.nopadding {
	padding:0;
}
table.top td.valeurs {
	height:88px;
}
	table.top td.valeurs img{
		display: block;
	}


table.top ul {

}
	
	table.top ul li{
		list-style-image: url('/img/pied/puce.png');
	}
	table.top ul li a{
		color: #333;
		text-decoration: none;
	}
		table.top ul li a:hover {
			text-decoration: underline;
		}
		
	
.redir_groupe {
	text-align: center;
}		
	.redir_groupe em {
		color: #666;
		font-size:9px;
		font-style: normal;
	}		
	
	
/**
 * PANNEAU SAUMON


#MenuTop li.saumon  a.inactive {
   background-image: url('/img/pied/btn-menu-saumon.jpg');
} 

#MenuTop li.saumon a.active {
    background-image: url('/img/pied/degrade-onglet-saumon.png');
}


#MenuTop li a.active_saumon {
    background-color:#ffb294;
}

.menusaumon {
    background: #e07a61 url('/img/pied/h_fd-saumon.jpg') repeat-x left top;
}
    
.menusaumon a.lien:hover  {
    background: #f19570;    
}

.menusaumon table.top td {
    background: transparent url('/img/pied/barre-separation-saumon.gif') no-repeat right 5px;
}
.Sactive_saumon {
    background: #ffb294;
}


.menusaumon a.lien img {
    border:2px solid #ffb294;    ;
    
}
*/#FilAriane {
	margin:5px 0 0 10px;
	padding: 0;
	height:30px;
}

#FilAriane li {
	float: left;
	margin:0  10px 0 0;
	list-style: none;
}

#FilAriane li a {
	display: block;
	padding:0 0 0 15px;
	background: transparent url('/img/flechegrise.gif') no-repeat left 50%;
	text-decoration: none;
	color: #666;
}
#FilAriane li a:hover {
	text-decoration: underline;
	
}

#FilAriane li.first a {
	background-image: none;
}#Search {
	background: white url('/img/article/search.jpg') no-repeat top left;
	width: 248px;
	height: 112px;
}

#Search input, 
#Search label {
	display: block;
	margin-left:15px;
	width: 210px
}
#Search label {
	padding-top:10px;
	color :white;
	font-weight: bold;
}


#ArticlesResume {
	width: 672px;
	float: left;
	margin-left:15px;
	
}

#ArticleDisplay {
	width: 672px;
	float: left;
	margin-left:15px;
	background: white url('/img/article/fd_mi.jpg') repeat-y top left;
	text-align: left;
}


#ArticleDisplay img.hb {
	display: block;
}


#ArticleDisplay .chapo{
	font-size:10px;
	padding: 10px  3px 0 10px;
	font-style: italic;	
	color:#666;
}


#ArticleDisplay .contenu {
	margin: 0 6px 0 6px;
}

#ArticleDisplay .content {
	padding: 0  3px 0 10px;
	
}

#ArticleDisplay .entete {
	overflow: hidden;
	position: relative;
}

#ArticleDisplay .entete {
	width:660px;
	overflow:hidden;	
	
}

#ArticleDisplay .entete h2 {

	position: absolute;
	bottom:0;
	left:0;
	background-color: white;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	width:645px;
	margin:0;
	padding:7px 0 7px 15px;
	
	font-size:16px;
}


#ArticleDisplay .content {
	/*position:relative;*/
}



.carcan {
	margin: 0 0 0 0;
	width:100%;
}


div.tools {
	float: right;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:160px;
	min-height:480px;
	margin-left: 5px;
} 

div.tools ul.mise_en_page {
	margin:0;
	padding:2px;	
	height:21px;
	background-color: #728291;
}

div.tools ul.mise_en_page li {
	margin:0;	
	padding:3px 0 0 0;
	list-style: none;
	float: right;
}

div.tools ul.mise_en_page li a {
	display: block;	
	margin-left:2px;
}


div.tools h6 {
	color: #999;
	font-size:10px;
	padding-left:15px;	
	margin:15px 0 0 0;
}

div.tools ul.mots,
div.tools ul.acces {
	margin:15px 0 0 0;
	padding:0 5px 0 0 ;
}

div.tools ul.mots li,
div.tools ul.acces li {
	margin:0;
	padding:0 0 15px 15px;
	list-style: none;
	
}

div.tools ul.mots li a,
div.tools ul.acces li a {
	font-size:10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
div.tools ul.mots li a:hover,
div.tools ul.acces li a:hover {
	color: #BEDB11;
	text-decoration: underline;
}





.documents-externes {
	margin:15px;
	padding:3px;
	background-color: #efefef;
	
	clear:both
}


.documents-externes strong {
	color:#666;
}


.documents-externes li {
	list-style-type: square;
}
.documents-externes a {
	text-decoration: none;
	color: #666;
}

.documents-externes .doc-description {
	display: block;
	margin-left:10px;
	font-size:9px;
}


.origine_url {
	margin: 0 0 5px 10px;
	color: #666;
}
	
	.origine_url a {
		color: #666;
	}

.paragraphe {
	padding:0;
	color: #666;
	font-size:10px;
}



.paragraphe p {
	
	margin-top: 0;
	padding:0;
}

.paragraphe img {
	display: block;
	margin:5px;
}

.paragraphe h3 {
	font-size: 11px;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding:0;
	color: black;
	line-height: 1.5em;
}


.paragraphe_3 .img {
	float:right;
}

.paragraphe_5 .img {
	float:left;
}
#ArticlesMenu {
	position:absolute;
	right:0;
	top:305px;
	z-index:100;
}

.shingles {
	margin: 0px 1px;
	overflow: hidden;
	position: relative;
}

.shingles li {
	display: block;
	z-index: 1;
	width: 100%
}

.shingles img.photo {
	display: block;
	margin: 2px 3px -10px
}

.shingles .handle {
	padding-right: 15px;
	display: block;
	padding-left: 15px;
	background:
		url('/img/fd_menu_interactif.png')
		no-repeat -248px 100%;
	margin-bottom: -3px;
	padding-bottom: 8px;
	overflow: hidden;
	padding-top: 15px;
	height: 73px;
	cursor: pointer;
}

.shingles .handle:hover {
	text-decoration: none
}

.shingles .handle strong {
	display: block;
	font-weight: normal;
	font-size: 13px;
	overflow: hidden;
	color: #333;
	white-space: nowrap;
	height: 18px;
}

.shingles .handle .description {
	margin-bottom: 5px;
	overflow: hidden;
	color: #333;
	line-height: 14px;
	height: 28px;
}

.shingles .handle .more {
	color: #2971a7;
	zoom: 1
}

.shingles li.obscured .handle {
	background-position: 0px 100%
}

.shingles li.obscured .handle .description {
	color: #666
}

.shingles li.first .handle strong {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}

.shingles li.last .handle {
	padding-bottom: 9px
}

.shingles {
	border-top:1px solid #efefef;
	height: 714px; /*542 627*/
	background: #efefef;
}

.shingles li {
	position: absolute;
	top: 0;
}

img.ImgLeft {
	float:left;
	margin:0 10px 5px 50px;
}

img.ImgRight {
	float:right;
	margin:0 20px 5px 10px;
}

.mise-en-avant {
	font-size:90%;
	width:490px;
	overflow:hidden;
	background: transparent url('/img/textes/intro-degrade.jpg') repeat-y left top;
	margin:0 0 0 0;
	display: block;
}


.mise-en-avant .contenu {
	padding: 10px 5px 5px 20px;
	font-size:10px;
	font-weight: bold;
	
}

.mise-en-avant strong {
	font-size: 12px;
}
	

.mise-en-avant ul {
	margin-top: 0;
	margin-bottom: 10px;
}
	

.mise-en-avant-2 {
	color: #333;
	margin:10px 0 5px 150px;
}


.mise-en-avant-2 .contenu {
	padding: 0 5px 0 0;
	font-size:10px;
	font-weight: bold;
}

.mise-en-avant-2 strong {
	font-size: 11px;
}
	
#ContenuGeneral {
	margin: 0 300px 10px 20px;
	min-height:550px;
}


#ContenuDisplay {
	width: 672px;
	float: left;
	margin-left:15px;
	background: white url('/img/article/fd_mi.jpg') repeat-y top left;
	text-align: left;
	min-height: 500px;
}


#ContenuDisplay img.hb {
	display: block;
}


#ContenuDisplay .chapo {
	
}


#ContenuDisplay .contenu {
	margin: 0 6px 0 6px;
}

#ContenuDisplay .content {
	padding: 0 ;
}

#ContenuDisplay .entete {
	overflow: hidden;
	position: relative;
}

#ContenuDisplay .entete {
	width:660px;
	overflow:hidden;	
	
}



h3 {
	line-height: 23px;
	font-size:17px;
	font-weight: normal;
	margin: 15px 0 0 20px;
}


#ContenuDisplay .entete h2 {
	position: absolute;
	bottom:0;
	left:0;
	background-color: white;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	width:100%;
	margin:0;
	padding:7px 0 7px 15px;
	font-size: 15px;
}



#ContenuDisplay .content {
	position:relative;
}
h3 span.crD,
h3 span.crG,
#ContenuDisplay h2 span.crD, 
#ContenuDisplay h2 span.crG {
	font-size:17px;
	background: transparent url('/img/textes/crG.gif')  no-repeat left 50%;
}

h3 span.crD,
#ContenuDisplay h2 span.crD {
	background-image:url('/img/textes/crD.gif');
}


#ContenuDisplay h4 {
	background: transparent url('/img/textes/pointillees.jpg') no-repeat left 50%;
	padding-left: 55px;
	line-height:17px;
	font-size:12px;
	color:#333;
	margin:30px 0 5px 0;
}

#ContenuDisplay h4 span.crD, 
#ContenuDisplay h4 span.crG {
	font-size:14px;
	background: transparent url('/img/textes/textes_17.jpg') no-repeat left top;
}

#ContenuDisplay h4 span.crD {
	padding-left:10px;
	padding-right:20px;
	background-image:url('/img/textes/textes_20.jpg');
	cursor: pointer;
}


#ContenuDisplay p.texte {
	font-size:10px;
	margin: 3px 20px 3px 50px;
}

#ContenuDisplay .chapo {
	padding: 10px 0 0 10px;
	font-style: italic;	
	font-weight: bold;
	font-size: 10px;
	margin-left:30px;
	margin-right:20px;
	color:#333;
}



#LinkActions {

	display: block;
	width:200px;
	margin:15px auto;
	padding: 8px;
	font-weight: bold;
	background-color: #bedb11;
	color: #000;
}

/**
 *	TROMINOSCOPE MANAGEMENT
 */
 
 #Management {
	position: relative;
	width:99%;
	border: 1px solid white;
	text-align: left;
}

 #ManagementTest {
	position: absolute;
	background: pink;
	left:0 !important;
	top:0;
	height: 90px;
	width:90px;
}


div.management {
	text-align: center;
}

.management h3 {
	margin:8px 0 14px 10px;	
	height:24px;
	background: transparent url('/img/reseau/management/trombinoscope_10.png') no-repeat left top;
}

.management h3 span {
	display: none;
}
.management .contenu{
	width: 640px;
	text-align: left;
	margin:0 0 0 13px;
}


.management .tmanagement {
	background: black;
	width: 535px;
	margin:0 auto 3px auto;
	
}


.management .tmanagement_dir {
	width: 535px;
	margin-bottom:10px;
	
}

.management .tmanagement {
	border-spacing: 0;
	border-collapse: collapse;
}
.management .tmanagement img {
	display:block;
	width :107px;
	height :107px;
}
.management .tmanagement td {
	width :107px;
	height :107px;
	background: black;
}

.management .tmanagement_dir img {
	display:block;
	width :107px;
	height :107px;
}
.management .tmanagement_dir td {
	width :107px;
	height :107px;
	background: black;
}


.management table.noms {
	width: 535px;
	margin:0 auto;
	border-spacing: 0;
	border-collapse: collapse;
}
.management table.noms td {
	text-align: center;
	border:2px solid white;
}

.tmanagement td.instruction,
.management table.noms td.instruction {
	font-weight: bold;
	color: white;
	background-color: #879aab;
	text-decoration: none;
}
.tmanagement td.instruction {
    text-align: center;  
    padding:5px;
    height:96px; 
}

.management table.noms a {
	font-weight: bold;
	color: white;
	background-color: #879aab;
	display: block;
	text-decoration: none;
	padding:7px 0;
}
.management table.noms a em {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size:90%;
	line-height: 90%
	
}

.management table.noms a.current,
.management table.noms a:hover {
	background-color: #bedb11;
	color:#3e3f41;
}

.management .trombi {
	background: transparent url('/img/reseau/management/descriptif.png') repeat top left;
	height:100px;
	width: 180px;
	position: absolute;
	left:0;
	top:0;
	padding:5px;
}

.management .trombi span {
	display: block;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}
.management .trombi .agence {
	font-weight: normal;
}
.management .trombi .lieu {

}
.management .trombi .nom {
	font-weight: bold;
}
.management .trombi .texte {
	font-size:90%;
}




/**
 *	Page chiffres-clés
 */
 
.chiffres {
	position: relative;
	background: transparent url('/img/reseau/chiffres/mi.jpg') repeat-y left top;
	
}

.chiffres .illust {
	position: absolute;
	top:30px;
	left:10px;
	
	width: 300px;
	height: 360px;
}

.chiffres .illust img {
	margin-left:15px;	
}

.chiffres #Ch-groupe {
	background: transparent url('/img/reseau/chiffres/chiffres-cles1.png') no-repeat 15px 60px;
}

.chiffres #Ch-logement-locatif-social {
	background: transparent url('/img/reseau/chiffres/chiffres-cles2.png') no-repeat 15px 60px;
}

.chiffres #Ch-accession-a-la-propriete {
	background: transparent url('/img/reseau/chiffres/chiffres-cles3.png') no-repeat 15px 60px;
}

.chiffres #Ch-services-immobiliers {
	background: transparent url('/img/reseau/chiffres/chiffres-cles4.png') no-repeat 15px 60px;
}

.chiffres table {
	margin-bottom:60px;
	margin-top:60px;
	margin-left:320px;
	clear:both;
}

.chiffres table tr {
	
	vertical-align: baseline;
}

.chiffres .n1 th {
	width : 4em;
	background: transparent url('/img/reseau/chiffres/pointilles.jpg') no-repeat left 50%;
}

.chiffres .n1 strong {
	font-size:14px;
}

.chiffres .chif {
	text-align: right;
}

.chiffre-date {
	float: right;	
	margin: 10px 10px 0 0;
	font-size:11px;
	font-weight: bold;
}



#conteneur_timeline {
	width : 951px;
	margin:0 auto 30px auto;
}

#DemandeLogement {

	margin:5px 10px 30px 15px;
}

#DemandeLogement tr {
	vertical-align: top;
}


#DemandeLogement td,
#DemandeLogement th {

	padding:40px 8px 8px 8px;
	border-bottom: 1px solid #ccc;
}


#DemandeLogement td {}
#DemandeLogement th {
	background:transparent url('/img/textes/textes_22.jpg') no-repeat left 40px;
	padding-left:40px;
		width: 350px;		
	font-weight: normal;
}


#DemandeLogement a {
	background:transparent url('/img/pdf.gif') no-repeat left 50%;
	padding: 0 0 0 28px;
	display: block;
	text-decoration: none;
	color: #666;
}

#LienContact  {
	display: block;
	width: 350px;
	margin:0 auto;
	text-align: center;
	font-weight: bold;
	color: black;
}


a.DL {
    display: block;
    width: 120px;
    text-align: center;   
    color: #666;
    margin : 0 auto;
    border:1px solid #ccc;
    -moz-border-radius: 4%;
    -webkit-border-radius: 4%;
    border-radius: 4%;
    padding: 5px 5px 5px 35px;
    
    background: white url(/img/pdf.gif) no-repeat 5px 10px;
}

a.DL:hover {
    background-color: #efefef;
    }
table.tDemande {margin-left:50px;}
table.tDemande col.col1 {width:280px;}

table.tDemande tr{ vertical-align: top}
table.tDemande td { padding:10px;}

table.tDemande address {
        font-style: normal;
    margin:0 0 15px 15px;
}

table.tDemande h5 {
    margin: 0 0 10px 0;
    font-size: 1.2em;
    color: #333 ;
    
}


form.Fdemande select {width: 180px;font-size: 10px}
form.Fdemande input {display: block;margin: 10px 0}
    

#MpSociete {
	position: absolute;
	top:470px;
	left:40px;
	background-color: white;
	width:220px;
	z-index:10000;
	padding:10px;
	border:1px solid #ccc;
}

#MpSociete .close {
	display: block;
	text-align: right;
	color: #666;
	font-size:90%
}
#MpSociete a {
	color: #333;
	
}

.societe {
	margin-bottom: 10px;	
	
}
.societe strong {
	color: #bedb11;
	
}

.societes-partenaires tr {
	
	vertical-align: middle;

}

.societes-partenaires a {
	
	color: #bedb11;

}

.societes-partenaires p {
	margin:0 0 5px 0;
}

#TContact tr {
	vertical-align: middle;
	
}
#TContact th {
	height:25px;
}


#TContact th {
	text-align: right;
	padding-right:4px;
}

#TContact input.court {
	border: 0;
	display: block;
	width:182px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_06.jpg') no-repeat top left;
}

#TContact input.long {
	border: 0;
	display: block;
	width:446px;
	height:25px;
	background: transparent url('/img/contact/contact-cut_03.jpg') no-repeat top left;
}
#TContact textarea {
	border: 0;
	display: block;
	width:447px;
	height:113px;
	background: transparent url('/img/contact/contact-cut_09.jpg') no-repeat top left;
}

#TContact select {
	margin:3px 0;
	width:446px;
	border:1px solid #ccc;
}


#TContact input.submit {
	border:0;
	font-weight: bold;
	cursor: pointer;
	padding-right:25px;
	background: transparent url('/img/contact/contact-cut_13.jpg') no-repeat right 50%;
	display: block;
	height:30px;
	float: right;
}


#RechContact {
	position:absolute;
	right:0;
	top:270px;
	z-index:100;
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
	
}

#RechContact h2 {
	background: transparent url('/img/contact/contact-cut_23.jpg') no-repeat top left;
	width: 256px;
	height: 67px;
	margin:0;
	padding: 0;
 }


#RechContact h2 span {
	display: none;
 }
 
 
#RechContact h3 {
	background: transparent url('/img/contact/contact-cut_36.png') no-repeat left 50%;
	padding:0 0 0 30px;
	margin:10px 0 10px 0;
	font-size:11px;
	font-weight: bold;
	height: 22px;
	line-height: 22px !important;
	
 }
 
 
/*
#RechContact h3 span.lf { 
	background: transparent url('/img/contact/contact-cut_33.png') no-repeat left 50%;
	height:19px;
	float:left;
}

#RechContact h3 span.rg { 
	background: transparent url('/img/contact/contact-cut_31.png') no-repeat right 50%;
	height:19px;
	float:right;
	margin-right:10px;
}
*/


#RechContact h3 span.lf, 
#RechContact h3 span.rg {
	background: transparent url('/img/contact/contact-cut_31.png') no-repeat right 50%;
	font-size: 16px;
	
}

#RechContact h3 span.lf {

	background: transparent url('/img/contact/contact-cut_33.png') no-repeat left 50%;
}

#RechContact table {
	margin-left:40px;		
}

#RechContact input.court {
	border: 0;
	display: block;
	width:80px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_45.jpg') no-repeat top left;
}

#RechContact input.submit {
	border:0;
	cursor: pointer;
	display: block;
	height:23px;
	width:23px;
}

#RechContact ul {
	margin: 0;
	padding: 0;
	
}

#RechContact p {
	padding:0 0 0 15px;	
}
#RechContact ul li {
	margin: 0;
	padding: 0 0 0 45px;
	list-style: disc;
	list-style-position: inside;
}
#RechContact ul li a {
	color: black;
}
#RechContact ul li.current a{
	font-weight: bold;
}


#RechContact #NewRech {
	border: 0;
	display: block;
	width:150px;
	height:24px;
	background: transparent url('/img/contact/contact-cut_13.jpg') no-repeat right 50%;
	line-height: 24px;
	font-weight: bold;
	color:black;
	text-decoration: none;
	padding-right: 25px;
	text-align: right;
	float:right;
	margin:15px 15px 15px 0;
}



#Carte {
		margin:0 auto;
		width:660px;
		height:300px;
	}



.succursale-infos {
	width:98%;
	margin:0 auto;	
}
.succursale-infos td {
	width: 33%;
	font-weight: normal;
}


.succursale-infos strong {

	font-size:10px;	
}

.succursale-infos p {
	margin:0 0 4px 0;	
}

.hr_destinataire,
.hr_object {
	display: block;
	line-height:22px;
}


.itineraire {
	margin:15px  0;
	padding:5px;
	
}


.itineraire input#Gaddress {
	border:1px solid #ccc;
	padding:2px;
	background-color: #efefef;
	width : 260px;

}
.itineraire input#GoGoogle {
	border:1px solid #ccc;
	padding:2px;
	background-color: white;
	color: #666;

}

#RA {
	
	
}

table.rapports {
	width :97%;
	margin: 0 auto;
	border-spacing: 0;
	border-collapse: collapse;
	}

td.t1100,
td.t1101,
td.t1110,
td.t1011,
td.t1111,
td.t1001,
td.t0011,
td.t0111,
td.t0110 {
	border:1px dashed #999;
	padding: 15px 5px;
	width: 25%;
}
td.t1001 {
	border-width:1px 0 0 1px;
}
td.t0110 {
	border-width:0 1px 1px 0;
}
td.t1110 {
	border-width:1px 1px 1px 0;
}
td.t1111 {
	border-width:1px 1px 1px 1px;
}
td.t1011 {
	border-width:1px 0 1px 1px;
}
td.t1101 {
	border-width:1px 1px 0 1px;
}
td.t0111 {
	border-width:0 1px 1px 1px;
}
td.t0011 {
	border-width:0 0 1px 1px;
}
td.t1100 {
	border-width:1px 1px 0 0 ;
}


.rapport {
	} 
          
.rapport h6 {
	margin:0 0 10px 10px;
	padding:0;
	background: none;
	font-size:13px;
} 

.rapport div {
	width: 200px;
	height: 87px;
	position:relative;
} 
.rapport div a{
	text-decoration: underline;
	color: #666;
	background: transparent url('/img/presse/fl-m.gif') no-repeat right 50%;
	line-height:16px;
	padding-right:16px;
	font-size:9px;
}
.rapport div .a1  {
	position: absolute;
	top: 22px;
	left: 85px;
} 
.rapport div .a2  {
	position: absolute;
	top: 35px;
	left: 85px;
} 
.rapport div .a3  {
	position: absolute;
	top: 63px;
	left: 85px;
}

.rapport div .titre  {
    position: absolute;
    font-weight: bold;
    
    }
.rapport div .t-activites  {
    top: 10px;
    left: 75px;
}
.rapport div .t-chiffres  {
    top: 53px;
    left: 75px;
}


.rapport div .pdf  {
	position: absolute;
	top: 50px;
	left: 85px;
	color: #666;
	background: transparent url('/img/presse/icon_pdf.gif') no-repeat left 50%;
	padding-left:25px;
	line-height: 26px;
	display: block;
} 

h5.presse  {
	color: #5da9c3 !important;
	margin:10px 10px;
	font-size:14px;
}

#RechInfos {
	position:absolute;
	right:0;
	top:305px;
	z-index:100;
	width: 256px;
	
}

#RechDocs {
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
}

#RechDocs h2 {
	background: transparent url('/img/presse/presse-v02_03.jpg') no-repeat top left;
	width: 256px;
	height: 47px;
	margin:0;
	padding: 0;
 }


#RechDocs h2 span {
	display: none;
 }
 
#RechDocs p {
	margin:10px 15px;
}
#RechDocs address {
 display: block;
 margin: 10px 15px 10px 15px; 
 font-size:11px;
 font-weight: bold;
 }
#RechDocs a{
	text-decoration: underline;	
}
 a.o {
	position: relative;
	display:block;
	background: transparent url('/img/presse/fl-xl.gif') no-repeat right 50%;
	text-align: right;
	margin-right:15px;
	padding-right:25px;
	line-height:25px;
	font-size:13px;
	font-weight: bold; 
	color: black;
	text-decoration: none;
}
#RechDocs a.o img {
	position: absolute;
	top:0;
	left:30px;
}
#RechDocs h3 {
	background:transparent url(/img/contact/contact-cut_36.png) no-repeat scroll left 50%;
	font-size:11px;
	font-weight:bold;
	height:22px;
	line-height:22px !important;
	margin:10px 0 10px 15px;
	padding:0 0 0 30px;
}



#RechDocs {
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
}

#RechDocs h2 {
	background: transparent url('/img/presse/presse-v02_03.jpg') no-repeat top left;
	width: 256px;
	height: 47px;
	margin:0;
	padding: 0;
 }


#RechDocs h2 span {
	display: none;
 }
 
#RechDocs p {
	margin:10px 15px;
}
#RechDocs address {
 display: block;
 margin: 10px 15px 10px 15px; 
 font-size:11px;
 font-weight: bold;
 }
#RechDocs a{
	text-decoration: underline;	
}
#RechDocs a.o {
	position: relative;
	display:block;
	background: transparent url('/img/presse/fl-xl.gif') no-repeat right 50%;
	text-align: right;
	margin-right:15px;
	padding-right:25px;
	line-height:25px;
	font-size:13px;
	font-weight: bold; 
	color: black;
	text-decoration: none;
}
#RechDocs a.o img {
	position: absolute;
	top:0;
	left:30px;
}
#RechDocs h3 {
	background:transparent url(/img/contact/contact-cut_36.png) no-repeat scroll left 50%;
	font-size:11px;
	font-weight:bold;
	height:22px;
	line-height:22px !important;
	margin:10px 0 10px 15px;
	padding:0 0 0 30px;
}


#RechDocs ul {	
	margin: 0;
	padding:0
	}
#RechDocs li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding:0
}

#RechDocs li.doc-pdf a {
	background:transparent url(/img/presse/docs-pdf.png) no-repeat scroll left top;
}

#RechDocs li a {
	color:black;
	display:block;
	height:50px;
	margin-left:10px;
	padding-left:50px;
	text-decoration:none;
}

#RechDocs li a img {
		float:right;
		margin:10px 15px 5px 5px;
}

.o .pdf {
	font-size:10px;
	color: #999;	
	line-height: normal;
	font-weight: normal;
}

#RechOffreLocative .hide {
	display: none;
}
#RechOffreLocative {
	
	z-index:100;
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
	
}

#RechOffreLocative h2 {
	background: transparent url('') no-repeat top left;
	width: 256px;
	margin:0;
	padding: 0;
}
 
#RechOffreLocative h2 a {
	display: block;
	text-decoration: none;
}

#RechOffreLocative h2#st_garage {
	background-image: url('/img/offre-locative/ol-garage.jpg');
	height: 29px;
 }
#RechOffreLocative h2#st_logement {
	background-image: url('/img/offre-locative/ol-logement.jpg');
	height: 38px;
 }
#RechOffreLocative h2#st_surfacecomm {
	background-image: url('/img/offre-locative/ol-surfacecomm.jpg');
	height:47px;
 }

#RechOffreLocative h2#st_garage a { height: 29px;}
#RechOffreLocative h2#st_logement a {height: 38px;}
#RechOffreLocative h2#st_surfacecomm a {height:47px;}

#RechOffreLocative h2 span {
	display: none;
 }
 
 
#RechOffreLocative h3 {
	background: transparent url('/img/contact/contact-cut_36.png') no-repeat left 50%;
	padding:0 0 0 30px;
	margin:10px 0 10px 15px;
	font-size:11px;
	font-weight: bold;
	height: 22px;
	line-height: 22px !important;
	
 }
 
 
#RechOffreLocative form {
	margin: 0;
}

#RechOffreLocative form p {
	margin:0 0 3px 30px;
}


#RechOffreLocative #btnResearch {
	float: right;
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('/img/offre-locative/fl_big.gif') no-repeat right 50%;
	margin:10px 10px;
	line-height: 22px;	
	color: black;
	padding-right:25px;
}
 
.offre-accueil {
	float: left;
	width :218px; 
	overflow: hidden;
	margin:0;

}
 
.offre-accueil h5.offre-accueil-top,
.offre-accueil span.offre-accueil-bottom {
	display: block;
	background: transparent url('/img/offre-locative/of-accueil-top.jpg') no-repeat center top;
	height:51px;
	
}
 
.offre-accueil h5.offre-accueil-top {
	margin:0;	
	line-height: 60px;
	padding-left:20px;
	font-size:11px;
}
.offre-accueil span.offre-accueil-bottom {
	background-image: url('/img/offre-locative/of-accueil-bottom.jpg');
	height:10px;
}
 
.offre-accueil div.offre-accueil-contenu {
	background: transparent url('/img/offre-locative/of-accueil-contenu.jpg') repeat-y center top;
}
 
 
.offre-accueil p {
	margin:0;
	padding:0;
}
.offre-accueil img {
 	display: block;
 	width: 205px;
 	height:160px;
 	overflow: hidden;
 	margin:0;
 	margin-left:6px;
}
.offre-accueil div.desc {
 	margin-left:8px;
}


.offre-accueil a.link {
	text-align:right;
	 padding-right:20px;
	 background: transparent url('/img/offre-locative/fl_2.jpg') no-repeat right 50%;
	 margin: 0 15px 0 0;
	 color: #333;
	 text-decoration: none;
	 display: block;
}

.offre-accueil a.link:hover  {
	text-decoration: underline;
}
#Recherche table.navig {
	width: 100%;	
}

#Recherche table.navig tr {
	vertical-align: middle;
}

#Recherche table.navig a {
	padding: 5px 0;
	display: block;	
	color:black;
	text-decoration: none;
}
#Recherche table.navig a:hover {
	text-decoration: underline;	
}

#Recherche table.navig a.off{
	font-weight: bold;
}
#Recherche table.navig a.off,
#Recherche table.navig a.ssmenu {
	display: inline;
	width:15px;
}


/**
 * BARRE DE NAVIGATION 
 */
#Recherche #NavPage {
	text-align: center;	
}
#Recherche #NavPred {
	padding-left:25px;
	background: transparent url('/img/offre-locative/fl_1.jpg') no-repeat 2px 50%; 
}
#Recherche #NavPred:hover {
	cursor: pointer;
	text-decoration: underline;
}
#Recherche #NavNext {
	text-align:right;
	padding-right:25px;
	background: transparent url('/img/offre-locative/fl_2.jpg') no-repeat 98% 50%; 
}
#Recherche #NavNext:hover {
	cursor: pointer;
	text-decoration: underline;
}



#Recherche tr {
	vertical-align: top;
}

#Recherche col.COL1 {
	width:288px;	
}

#Recherche col.COL2 {
	width:450px;	
}




.offre {
	height:80px;
	width:288px;
}
.offre:hover {
	background-color: #f9f2ec;
}
	
.offre-line0 {
	background-color: #d3dae0;
}
.offre-line1 {
	background-color: #E0ECF2;
}
.offre-current-2,
.offre-current {
	background-color: white;
}

 
.offre img {
	float: left;
}
 
.offre em {
	font-style: normal;
	font-size:9px;
	color: #666;
	
}

 
.offre img.picto {
	
	margin:0;
	height:80px;
	width:80px;
}




.offre a {
	color: black;
}

.offre a:hover {
	font-weight: bold;
}

.offre .description {
	padding-top:10px;	
	padding-left:10px;
}



#Offre {
	background: white url('/img/offre-locative/fd_offre.jpg') repeat-y top left;
	
}

#Offre .image {
	position:relative;
	height:261px;
	overflow: hidden;
}

#Offre table.navig {
	width: 100%;
	border-spacing: 0;

}

#Offre table.navig a {
	background: #c8d3d9 url('/img/offre-locative/fl_4.jpg') no-repeat 4px 50%;
}



#Offre h3 {
	margin: 0;
	padding:5px 5px 5px 15px;
	font-size:13px;
	background: #879AAB;
	color:white;
	font-weight: bold;
}



#Offre h5 {
	margin: 10px 0 0 0;
	padding:0 0 0 20px;
	font-size:17px;
}



#Offre h5 em {
	font-style: normal;
	font-size:12px;
}



#Offre .infos {
	float: right;
	text-align: right;
	padding-right:5px;
}


.infos .prix td {
	font-size:17px;	
	font-weight: bold;
}


.footnotes,
.infos .prix sup {
	color: #999;
	font-size:10px;
	font-weight: normal;
	padding-left:5px
}
#Offre .options {
	padding-top:7px;
	padding-left:20px;
	padding-right:20px;
	color: #666;
}
#Offre .description {
	clear: both;
	position: relative;
    padding-top:30px;
	padding-left:20px;
	padding-right:0px;
}

#Offre .description h6 {
	margin:0;
	
	font-size:11px !important;
}

#Offre .google {
	float: right;
	display: block;
	width:6em;
	text-align: center;
	color:#666;
	text-decoration: none;	
}
#Offre .google:hover {
	color:#333;
	text-decoration: underline;
}
#Offre .contact {
	margin: 15px 0;
	padding-left:20px;
}
#Offre .contact a {
	
}
#Offre .contact a:hover {
	
}


#Offre .actions {
	/*position:absolute;
	bottom:4px;
	right:4px;*/
	clear: both;
	margin-top:15px;
	margin-right:15px;
	text-align: right;
	padding: 5px; 
	color:#998f83;
}

#Offre .actions a {
	color:#998f83;
	text-decoration: none;
}
#Offre .actions a:hover {
	color:#736050;

}

#Offre table.navig {
	width: 100%;
}
#Offre table.navig col.COL1{ width:70%;}
#Offre table.navig col.COL2{ width:30%;}

#Offre table.navig .nav { 
	text-align: center;
	
}

#Offre table.navig  .ac {
	width: 100%;
}

#Offre table.navig #Zoom { 
	background-image:  url('/img/offre-locative/fl_4.jpg') 
	
}
#Offre table.navig #Zoom:hover { 
}

#Offre table.navig #Vue { 
	padding-left:35px; 
	background-position: 20px 50%;
	
}

#Offre table.navig #Vue:hover { 
}

#Offre table.navig #Vue2 { 
	padding-left:35px; 
	background-position: 20px 50%;
	
}

#Offre table.navig #Vue2:hover { 
}

#Offre table.navig a {
	display: block;
	line-height: 22px;	text-decoration: none;
	
}

#Offre table.navig a:hover {
	
}
 
 
 

.info_results {
	background: #e0ecf2 url('/img/offre-locative/p.2_03.jpg') repeat-y top left;
	line-height:25px;
	text-align: center;
	font-weight: bold;
}
.info_results img {
	display: block;
}


#OffreContent {
	/*position: relative;*/
}

#Offre #Contact {
	background: transparent url('/img/offre-locative/fl_big.gif') no-repeat right 50%;
	padding-right:25px;
	display: block;
	line-height: 20px;
	width: 12em;
	text-align: right;
	font-weight: bold;
	color: black;
	text-decoration: none;
	float: right;
	margin-right:15px;
}
#Offre #Contact:hover {
	text-decoration: underline;
}


#Offre #Image,
#Offre #Carte {
	background: #E0ECF2;
	width: 376px;
	height: 261px;
	text-align: center;
}

#Offre .succ_horaire {
	padding-left:30px;
	margin-top:5px;
	color: #666;
}

#Offre .succ_horaire strong {
	margin:0;
	padding:0;
	font-weight: normal;
	text-decoration: underline;
}

#Offre .succ_horaire p {
	margin:0 0 5px 0;
}





.offre-accueil-old {
	float: left;
	width :216px; 
	overflow: hidden;
	margin:6px 1px 0 1px;
	
	background-color: #e0ecf2;
}
 
 
.offre-accueil-old p {
	padding:5px 10px;	
}
.offre-accueil-old img {
 
 	width: 216px;
 	height:200px;
 	overflow: hidden;
}


.offre-accueil-old a.link {
	 float: right;
	 padding-right:20px;
	 background: transparent url('/img/offre-locative/fl_2.jpg') no-repeat right 50%;
	 margin: 5px;
	 color: #333;
	 text-decoration: none;
}

.offre-accueil-old a.link:hover  {
	text-decoration: underline;
}



#RechOL {
	position:absolute;
	right:0;
	top:270px;
	z-index:100;
	width: 256px;
	
}

#RechOL #RechDocs {
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
}

#RechOL #RechDocs h2 {
	background: transparent url('/img/presse/presse-docs-a-telecharger_10.jpg') no-repeat top left;
	width: 256px;
	height: 47px;
	margin:0;
	padding: 0;
 }

 
a.dpe {		
    display: block;
    float: right;
    width :65px; 
    text-align: center;
    margin-left:10px;
    border:1px solid #ccc;
    background: #efefef;
    -moz-border-radius: 4%;
    border-radius: 4%;
}
a.dpe:hover {background-color:white;cursor: pointer;}
a.dpe em { display: block;font-style: normal; font-size:9px;}
a.dpe strong { display: block;text-align: center; display: block;font-weight: bold; font-size:15px;
    background: transparent url(/img/offre-locative/dpe_etiquette.jpg) no-repeat left top;
    width : 39px;
    height : 32px;
    margin: 4px auto;
    border:1px solid #ccc
}

a.dpe  strong.dpeA {background-position: left 0 }
a.dpe  strong.dpeB {background-position: left -32px}
a.dpe  strong.dpeC {background-position: left -64px}
a.dpe  strong.dpeD {background-position: left -96px}
a.dpe  strong.dpeE {background-position: left -128px}
a.dpe  strong.dpeF {background-position: left -160px}
a.dpe  strong.dpeG {background-position: left -190px}

a.dpe  strong span {display:none}

#DPE_Echelle {
    position: absolute;
    top:-200px;
    background: white; border:5px solid #ccc;
    width: 300px;
    height: 210px;
}
#DPE_Echelle .echelle {height: 150px; position:relative;}
#DPE_Echelle span.l {
    position: absolute; 
    text-align: center;
    background: transparent url(/img/offre-locative/fl_noire.gif) no-repeat right top; 
    color: white; 
    font-weight: bold;
    display: block;
    width: 55px;
    height : 24px;
    line-height : 24px;
    font-size:18px;
    text-align:right;
    padding-right:5px;
}
#DPE_Echelle span.l_A {top: 0px;}
#DPE_Echelle span.l_B {top: 31px;}
#DPE_Echelle span.l_C {top: 61px;}
#DPE_Echelle span.l_D {top: 91px;}
#DPE_Echelle span.l_E {top: 121px;}
#DPE_Echelle span.l_F {top: 147px;}
#DPE_Echelle span.l_G {top: 177px;}
#DPE_Echelle span.l em {font-size:9px; color: #333; display: block; font-weight: normal; }

.infos span.charges {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #BEDB11;
    padding: 2px 5px;
}
.mmf-accueil {
	position: relative;
	float: left;
	width :216px; 
	overflow: hidden;
	margin:0 1px 0 1px;
	
	background-color: #e0ecf2;
}
 
 
.mmf-accueil {
	height:327px;
	background:transparent url('/img/mmf/01-laxou.jpg') no-repeat 50% top;
}

.mmf-accueil span {
	display: block;
	position: absolute;
	bottom: 60px;
	left:10px;
	width: 196px;
	text-align: center;
	font-size:12px;
	color: #666;
	font-weight: bold;
}

.mmf-accueil a {
	position: absolute;
	bottom: 10px;
	right:10px;
}

#mmf-diapo {
	width: 623px;
        height: 530px;
	margin:5px auto;
    position: relative;
}

#mmf-diapo img.mmf-image {
   position: absolute;
    top:30px;
    left:0px;
    width:623px;
    height:398px;
}

	#mmf-diapo span.bande {
		display: block;
		padding: 0 10px;
		text-align: right;
		line-height:30px;
		height: 30px; 	
		color: #efefef;
		background: black;
	}
	#mmf-diapo span.bandebottom {
		position: absolute;
		top:428px;
		width:603px;
	}

	#mmf-diapo table {
		position: absolute;
        top:458px;
        width:623px;
		background:transparent url('/img/mmf/diaporama-bas.jpg') no-repeat left top;
	}
		
		#mmf-diapo table tr {
			vertical-align: middle;
		}
		#mmf-diapo table td {
			padding: 7px 5px 7px 5px;
		}
		#mmf-diapo table td.btn {
			width:35px;
			padding: 7px 0;
		}
	
	#mmf-diapo .mmf-image {
		display: block;
	}

        #stickerVisites {
            position: absolute;
            z-index: 999;
            top: 0;
            right: 20px;
        }
	
#mmf-infos {
	width:623px;
	background:transparent url('/img/mmf/fd-gris.jpg') repeat-y left top;
	margin: 0 auto;
}


#mmf-infos table {
	width : 100%;	
}
	#mmf-infos td {
		padding: 5px 0;	
	}
	#mmf-infos td.btn {
		padding: 5px 10px;
		text-align: right;	
	}
	
	#mmf-infos td.t-tva {
		width : 100px;
		text-align: center;	
	}
	
	#mmf-infos td.t-taux {
		padding-right:15px;
		background:transparent url('/img/mmf/calculatrice.png') no-repeat 5px 50%;
		padding-left:80px;
	}
	#mmf-infos td.t-security {
		padding-right:15px;
		background:transparent url('/img/mmf/verrou.png') no-repeat 5px 50%;
		padding-left:80px;
	}


	#mmf-infos td.t-tva-btn,
	#mmf-infos td.t-taux-btn,
	#mmf-infos td.t-security-btn {
		text-align: center;
	}
				
				
#mmf-evidence {
	width:623px;
	margin: 15px auto;
}
	#mmf-evidence .mmf-evidence-shadow {
		display: block;
	}
	
	#mmf-evidence .contenu {
		padding:0;
		margin:0;
		background:transparent url('/img/mmf/fd-vert-02.jpg') repeat-y left top;
	}			
		#mmf-evidence .contenu p {
			margin: 0;
			padding: 0 10px 10px 10px;
			font-size:15px;
		}			
		#mmf-evidence .contenu em {
		display: block;
			padding: 0 10px 0 10px;
			font-size:10px;
			font-style: normal;
		}
		
.mmf-textes {
	width:623px;
	margin: 15px auto;

}			
	.mmf-textes h3 {
		margin: 0;
		font-size:14px;
		font-weight: bold;
	
	}			
	.mmf-textes li,
	.mmf-textes p {
		color: #666;
	
	}		
	
#RechCoordonnees2,
#RechCoordonnees1 {
	width: 256px;
	background: transparent url('/img/contact/contact-cut_39.jpg') repeat-y top left;
}

#RechCoordonnees1 h2 {
	background: transparent url('/img/mmf/contact.jpg') no-repeat top left;
	width: 256px;
	height: 38px;
	margin:0;
	padding: 0;
 }
#RechCoordonnees2 h2 {
	background: transparent url('/img/mmf/coordonnees.jpg') no-repeat top left;
	width: 256px;
	height: 47px;
	margin:0;
	padding: 0;
 }


#RechCoordonnees2 h2 span,
#RechCoordonnees1 h2 span {
	display: none;
 }
 
#RechCoordonnees2 address,
#RechCoordonnees1 address {
 display: block;
 margin: 10px 15px 10px 15px; 
 font-size:11px;
 }
 
#RechCoordonnees2 a,
#RechCoordonnees1 a{
	text-decoration: underline;	
}

#RechCoordonnees2 a.o img,
#RechCoordonnees1 a.o img {
	position: absolute;
	top:0;
	left:30px;
}
#RechCoordonnees1 h3,
#RechCoordonnees2 h3 {
	background:transparent url(/img/contact/contact-cut_36.png) no-repeat scroll left 50%;
	font-size:11px;
	font-weight:bold;
	height:22px;
	line-height:22px !important;
	margin:10px 0 10px 15px;
	padding:0 0 0 30px;
}	



.mmf-droite {
	width:256px;
}
	.mmf-droite .contenu {
		clear:both;
		background:transparent url('/img/mmf/p-03.jpg') repeat-y left top;
		position: relative;
		height:90px;
		padding-top:1px;
	}
	
		
		
	.mmf-droite span {
		display: block;
		/*position: absolute;
		bottom: 60px;
		left:10px;*/
		margin: 10px 0 10px 45px;
		width: 196px;
		text-align: left;
		font-size:12px;
		color: #666;
		font-weight: bold;
	}
	
	.mmf-droite a {
	
	}
	
	
	
#CarteMMF {
		position: absolute;
		left:80px;
		top:300px;
		width: 800px;
		height:450px;	
		border:1px solid #ccc;
		background: white;
		z-index: 20000;
		text-align: center;
		
	}
		#CarteMMF iframe {
			margin: 0 auto;
			width:750px;
		}
		#CarteMMF a {
			display: block;
			font-size:16px;
			font-stretch: ultra-condensed;
			text-transform: uppercase;
			text-align: right;
			margin: 5px 5px 10px 0;
			text-decoration: none;
			color: #999;
			font-weight: bold;
		}
		
		#CarteMMF a:hover {
			color: #666;
		}	
		
ul.mmf-programme {}		
ul.mmf-programme li {margin: 5px 15px}		
ul.mmf-programme a { color: #666; font-weight: bold; font-size:12px;}		

#BoxMMFContact,
#BoxContact {
	background-color: white;
	width :400px;
	position: absolute;
	top: 700px;
	left:300px;
	z-index:4000;
	border:1px solid #ccc;
}
#BoxMMFContact  {
	top: 350px;
	left:200px;
	
}
#BoxMMFContact h3,
#BoxContact h3 {
	background-color: #879AAB;
	color:white;
	margin:0;
	padding:5px 15px;
}

#BoxMMFContact h3 a,
#BoxContact h3 a {
	display: block;
	float:right;
	color:white;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}



#BoxMMFContact .actions,
#BoxContact .actions {
	background-color: #879AAB;
	padding:4px 20px 4px 0;
	text-align: right;
	margin:0;
}
#BoxMMFContact .actions a,
#BoxContact .actions a {
	color: white !important;
}



.contact-buttons input {
	display: none;
}

table.fContact th {
	text-align: right;
	padding-right: 5px;
	width : 120px;
		
}

table.fContact input,
table.fContact textarea,
table.fContact select {
	background-color: #EBDBCB;
	border:1px solid #EBDBCB;
	margin:2px;
	font-size:9px;
	padding:2px;
}


table.fContact input, 
table.fContact textarea {
	width : 250px;
}

table.fContact textarea {
	height : 10em
}

table.fContact select {
	width : 22em
}


/** 
 *
 */
 
table.fContact {

		margin:30px 0;

}



#BoxItineraire {
	background-color: white;
	width :400px;
	position: absolute;
	top: 500px;
	left:300px;
	z-index:4000;
	border:1px solid #ccc;
}

#BoxItineraire h3 {
	background-color: #879AAB;
	color:white;
	margin:0;
	padding:5px 15px;
}

#BoxItineraire p {
	padding: 0 15px;	
}

#BoxItineraire table {
	margin:0 15px;
	width : 370px;
	
}

#BoxItineraire table td input {
	width: 100%;
	border:1px solid #ccc;
	background-color: #efefef;
	
}

#BoxItineraire .actions {
	background-color: #879AAB;
	padding:4px 20px 4px 0;
	text-align: right;
	margin:0;
}
#BoxItineraire .actions a {
	color: white !important;
}

#lecteur {
	position: relative;
	background: transparent url('/img/travailler-ensemble/video-v05-cut_15.png') no-repeat top left;
	width:509px;
	height:417px;
	margin:30px auto 10px auto;
	padding-top:40px;
}

.mea-lecteur {
	position: relative;
	width:655px;
	margin:0 0 0 6px;
	background: transparent url('/img/textes/intro-degrade.jpg') repeat-y top left;
	top:-15px
	
	
}
.mea-lecteur h2 {
	padding-top:15px;
	margin-left:15px;
	font-size:18px;
	font-weight: normal;
	
}

#offreEmploi {
	position: absolute;
	top:-6px;
	right:-10px;
}


#lecteur div {
	height:336px;
	width:396px;
	margin:0 auto;
	border:2px solid #3B393C;
	overflow: hidden;
}

#lecteur .legende {
	padding-left:40px;
	color:white;
	display: block;
	width:350px;
}

.persos {
	margin-left:50px;	
}

.persos tr {
	vertical-align: top
}
.persos td {
	width:180px;
	padding:0 0 15px 0;
}
	
	
.persoVideo {
	text-align: left;
}
	
	.persoVideo img {
		border:2px solid #ccc;
		display: block;
		margin-bottom:5px;
	}
	
	.persoVideo strong {
		display: block;
		color: #333;
	}
	.persoVideo em {
		display: block;
		color: #666;
		font-style:  normal;
		
	}
	.persoVideo a {
		display: block;
		background: transparent url('/img/travailler-ensemble/video-v05-cut_11.jpg') no-repeat right 50%;
		width:40px;
		color: #333;
		font-weight: bold;
		margin-top:4px;
	}
	.persoVideo a:hover {
		color: #999;
	}
	
	
	
#Pred {
	position: absolute;
	top:385px;
	right:62px;
	display: block;
	width:20px;
	height:25px;
	text-decoration: none;
	cursor: pointer;
	line-height:20px;
}
	
#Next {
	position: absolute;
	top:385px;
	right:40px;
	display: block;
	width:20px;
	height:25px;
	text-decoration: none;
	cursor: pointer;
	line-height:20px;
}
		
		
		
#Fvide {
	margin: 5px 0 0 0;
	padding:0 0 0 56px;
}		
			
	#Fvide select {
		width:350px;
	}		
	
.Edito {
	margin: 0 10px;	
}
.Edito p {
	padding-left:180px;
}#PiedDePage {
	margin: 0 0 0 8px;
	width:977px;
	background: transparent url('/img/pied/fd.png') no-repeat -40px top;
}


#PiedDePage h3 {
	margin:10px 0 0 0;
	font-size:12px;
	font-weight: bold;
}

#PiedDePage a {
	color: #333;
	text-decoration: none;
}


#PiedDePage div.contenu {
	padding-top: 70px;
	background: transparent url('/img/pied/fd_contenu.jpg') repeat-x left 74px;
	min-height:150px;
	width:977px;
}
#PiedDePage table.contenu {
	margin:10px auto;
	width: 950px;
	border-collapse: collapse;
	border-spacing:0;
	
}
#PiedDePage table.contenu tr{
	vertical-align: top;
}
#PiedDePage table.contenu td {
	padding: 0 20px 10px 0;	
	width:33%;
}


#PiedDePage h5 {
	margin:0 0 0;
	padding: 4px 0;
	font-size:11px;
}

#PiedDePage ul.actus {
	padding:0;
	margin:12px 0 0 0;

}
#PiedDePage ul.actus li {
	list-style: none;
	padding:0;
	margin:0 0 10px 0;
	background: transparent url('/img/pied/point.png') no-repeat left 5px;
	padding-left:10px;
}
#PiedDePage ul.actus strong{
	display: block;
	font-weight: normal;
	color: #333;
}
#PiedDePage em,
#PiedDePage ul.actus span {
	display: block;
	color: #666;
	font-size:90%;
	font-style: normal;
}

#PiedDePage table.formulaire {
	border-spacing: 0;
}
#PiedDePage table.formulaire td {
	padding:1px;
}
#PiedDePage table.formulaire .COL1 { width: 130px !important}
#PiedDePage table.formulaire .COL2 { }
#PiedDePage table.formulaire .COL3 {  }

#PiedDePage table.formulaire select {
	width: 130px;
	background: white;
	border:1px solid #ccc;
	padding:1px
}

a.soul {
	display: block;
	text-decoration: underline !important;
	color: #333;
}
a.fl {
	display: block;
	color: #333;
	background: transparent url('/img/pied/fl.gif') no-repeat left 50%;
	line-height: 12px;
	padding-left:18px;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}

#pdp-actu {
background: transparent url('/img/pied/nuage1.png') no-repeat left 40%;
	
}
#pdp-contact {
background: transparent url('/img/pied/nuage1.png') no-repeat left 60%;
	
}
#pdp-logement {
	
}



#PiedDePage dl.criteres  {
	margin-left:10px;
}
#PiedDePage .criteres dt {
	font-weight: bold;
	float: left;
	width:120px;
	color: #666
}
#PiedDePage .criteres dd {
	color: #666
}
#PiedDePage p.criteres,
#PiedDePage p.criteres a {
	color: #666;
	font-size: 12px;
	font-weight: bold;	
}


#PiedDePage a:hover,
#PiedDePage a:hover strong {
	/*color : #d4f73c;*/
	color : black;
	text-decoration: underline;
}
#PiedDePage a:hover span {
	font-weight: normal; 
	text-decoration: none;
	
	
}

@CHARSET "UTF-8";


h4#archives{
		margin: 20px 30px 10px 10px;
		border-bottom:1px solid #ccc;
		color: #666;
		font-weight: normal;
		font-size:11px;
}


 ul.archives{
		
}
	
	ul.archives ul {
			
		padding:0;
		margin: 0;
	}
	ul.archives li {
		list-style: none;
		padding:0;
		margin: 0;
	}
	
	ul.archives a{
		text-decoration: none;
		display: block;
		background: transparent url('/img/flechegrise.gif') no-repeat left 50%;
		padding-left:15px;
		margin-left:15px;
		line-height: 15px;
	}

 a.retour {
		display: block;
		padding: 0 30px 10px 0;
		text-align: right;
		color: #666;
		text-decoration: underline;
}
div.site {
	margin:30px 0 10px 10px;
	width:450px;
	min-height:90px;
	clear:left;
}

	div.site img {
		float:left;
		margin:0 0 0 0
	}
	
	div.site p {
		padding-left:140px;
	}
	
	div.site p.site_url {
		margin:3px 0
	}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}