/* CSS Document */

* {
	margin:0;
	padding:0;
	/*background:none;*/
	/* pour résoudre le pblm "HasLayout" de float qui disparait sous IE */
	zoom:1;
	/* **************************************************** */
	}
a{
	color:#CC9900;
	text-decoration:none;
}	

a:hover{
	text-decoration:underline;
}	
html{
	height:100%;
	width:100%;
	}

strong, b {
	display:inline;
	font-weight:bold;
	padding:0;
	margin:0;
	}

em, i {
	display:inline;
	font-style:italic;
	padding:0;
	margin:0;
	}

img{
	border:0px;
	}
	
img.btn_back_office{
	border:1px solid #CCCCCC;
	}

body {
	height: 100%; min-height: 100%; 
	font: small Arial, Verdana, sans-serif; 
	color: #000; 
	margin: 0; 
	padding: 0; 
	background: #FFFFFF url(../img/bg_body.gif) repeat 0 0;
	text-align:center;
	}


#global {
	display:block;
/*	width: 776px;*/
	width: 1000px;
/*	height: 100%; min-height: 100%; */
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding: 0;
	text-align: left;
	background: #FFFFFF;
	border:1px solid #CCCCCC;
	background-image:url(../img/bg_leftcol.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
	
#sub_global {
	display:block;
	width: 1000px;
	height: 100%; min-height: 100%; 
	margin: 0;
	padding: 0;
	text-align: left;
	background-image:url(../img/anim_bando_final.gif);
	background-repeat:repeat-y;
	background-position:69px top;
	position:relative;
	top:0px;
	left:0px;
	}




/* ############ bloc drapeaux ############ */
div.bloc_drapeaux{
	position:absolute;
	top:10px;
	right:10px;
	z-index:98;
	width:150px;
	height:20px;
	}

div.bloc_drapeaux a{
	display:block;
	float:right;
	z-index:99;
	}




/* ##################### bloc_leftcol ###################### */
#bloc_leftcol{
	position:relative;
	display:block;
	float:left;
	clear:none;
	width:119px;
/*	height:auto;*/
	height:auto;
	border-right:1px solid #9f8f78;
	/*
	background-image:url(../img/bg_leftcol.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFFFFF;
	*/
	overflow:visible;
	}

#anim_bandeau{
	position:relative;
	top:0;
	left:69px; /* 120 - 50 -1 */
	width:50px;
	height:100%;
	min-height:500px;
	}


#sous_global{
	display:block;
	float:left;
	clear:none;
	/*position:relative;*/
	/*	
	top:0;
	left:0;
	*/
	width:880px;
	z-index:10;
	}

/* ##################### bloc 800 ###################### */
#bloc_800{
	display:block;
	float:left;
	width:695px;
	height:100%;
/*	background-color:#FFE1C4;*/
	background-color:#FFFFFF;
	border-top:1px dotted #c9baa5;
	}


/* ##################### bloc 1024 ###################### */
#bloc_1024{
	display:block;
	float:left;
	clear:none;
	position:absolute;
	left:815px;
	top:112px;
	z-index:50;
	width:185px;
	padding:0px;
	padding-top:0px;
	background-image:url(../img/bg_bloc_1024.gif);
	background-repeat:repeat-y;
	background-position:113px 0px;
	padding-bottom:50px;
	}
	
ul.menu_1024{
	display:block;
	width:204px;
	}
		
ul.menu_1024 li{
	display:block;
	float:left;
	clear:left;
	width:204px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}

ul.menu_1024 li a{
	display:block;
	width:204px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}

ul.menu_1024 li a:hover{
	color:#FF3300;
	}
	
ul.menu_1024 li img{
	margin-top:5px;
	border:1px solid #CCCCCC;
	}
	
	

/* ##################### header ##################### */
	
#header { float:left; clear:left; /*width: 776px;*/ width:880px; height: 112px; padding: 0; margin: 0; background: #FFFFFF; 
	background-image:url(../img/bg_header.gif); background-position:0 0; background-repeat:no-repeat; }
#header.en {background-image:url(../img/bg_header_en.gif)};
#header a {display:block; width:100%; height:100%; }
#header a span { display:none; }

.logo { float: none; position:relative; left:0px; top:0px; width: 138px; height: 60px; padding: 0; margin: 0; background-color:#FFFFFF; 
	background-image:url(../img/logo_satellite.gif); background-position:0px 5px; background-repeat:no-repeat;}
	
.logo a { float: none; position:absolute; left:0px; top:0px; width: 138px; height: 60px; padding: 0; margin: 0; }

.slogan { float: left; height:60px; line-height:60px; margin: 0; padding-left:200px;  background-color:#FFFFFF; 
	font-size:12px; font-weight:bold; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; }



ul.menu_top { display:block; float:left; clear:left;  width:111px; list-style:none; }
ul.menu_top li { display:block; float:left; clear:left; width:109px; background:#e6e3d5; border-bottom:1px solid #FFFFFF; padding:5px; padding-top:2px; padding-bottom:2px; text-align:right; }
ul.menu_top li a { color:#000000; text-decoration:none; text-align:right; font-size:10px; }
ul.menu_top li a:hover { color:#d3a800; }


ul.menu_footer { display:inline; border-top: 1px solid #CCCCCC; width:auto; text-align:center; list-style:none; margin-left:auto; margin-right:auto; margin-top:2em; }
ul.menu_footer li { display:inline; clear:none; padding-left:10px; padding-right:10px; }
ul.menu_footer li a { color:#000000; text-decoration:none; font-size:11px; }
ul.menu_footer li a:hover { color:#d3a800; }



/* #################### menu vertical (nivo 0) ################### */
#menus{
	/*position:relative;*/
	/*top:-688px;*/ /* 112 - 800 */ 
	/*top:-388px;*/ /* 112 - 500 */ 
	/*
	top:112px;
	left:0px;
	*/
	margin-top:112px;
	overflow:visible;
	}
	
	
	

ul#menu_nivo0{
	display:block;
	float:left;
	padding:0; margin:0; width:111px; background:#FFFFFF; overflow:visible; 
	padding-left:4px; padding-right:4px;
	border-top:1px dotted #c9baa5; }

ul#menu_nivo0 li { display:block; float:left; clear:left; width:103px; overflow:visible;}

ul#menu_nivo0 li span { display:block; float:left; clear:left; width:103px; overflow:visible; 
	padding-left:4px; padding-right:4px; 
	padding-top:9px; padding-bottom:9px; 
	border-bottom:1px solid #CCCCCC;}

ul#menu_nivo0 li span a { display:table-cell; /*height:12px;*/ line-height:12px; width:95px; color:#000000; 
	text-decoration:none; font-size:11px; overflow:visible; text-align:center;
	border-left:4px solid #666666; border-right:4px solid #666666;
	text-transform:uppercase; }

ul#menu_nivo0 li a:hover{ color:#d3a800; cursor:pointer; }

ul#menu_nivo0 li.nivo0btn_on { }
ul#menu_nivo0 li.nivo0btn_on span a{ color:#d3a800; border-left:4px solid #d3a800; border-right:4px solid #d3a800; }


ul#menu_nivo0 ul				{ padding:0; margin:0; float:left; clear:left; }
ul#menu_nivo0 ul li				{ padding-left:4px; padding-right:4px; border-bottom:1px solid #CCCCCC; background-color:#EEEEEE; }
ul#menu_nivo0 ul li a			{ padding:0; margin:0; border:0px; color:#000000; text-decoration:none; font-size:11px; }
ul#menu_nivo0 ul li a span		{ padding:0; margin:0; border:0px; }

ul#menu_nivo0 ul li.btn_on a,
ul#menu_nivo0 ul li.btn_off a:hover,
ul#menu_nivo0 ul li.btn_on li.btn_off a:hover { color:#d3a800; }

ul#menu_nivo0 ul li.btn_off a, 
ul#menu_nivo0 ul li.btn_on li.btn_off a { color:#000000; }







/* ##################### chemin ##################### */

.chemin { float:left; color:#333333; padding-bottom:20px; }


/* ##################### bandeau homepage #################### */

#bandeau_home {
	display:block;
	float:left;
	/*clear:left;*/
	width:776px;
	height:150px;
	background-color:#FFFFFF;
	background-image:url(../img/bandeau.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}



/* ##################### contenu homepage ##################### */

#contenu {
	float:left;
	clear:both;
	width: 685px;
	/*height:300px;*/
	/*border-left:5px solid #FFCC00;*/
	padding-left:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	padding-top:15px;
	padding-bottom:30px;
	}

/*
#bloc1{
	float:left;
	clear:none;
	width:147px;
	background-color:#FFFFFF;
	text-align:center;
	}
*/
#bloc1{
	float:left;
	clear:none;
/*	width:236px;*/
	width:383px;
	border:1px solid #D4D4D4;
	}
	
#bloc2{
	float:left;
	clear:none;
	position:relative;
	top:0px;
	left:10px;
	z-index:50;
	width:794px;
	font-size:12px;
	border-bottom:1px dotted #D4D4D4;
	background:url(../img/bg_bloc2.gif) repeat-y left top;
	}
	
/* ################ liens homepage ############ */
#contenu a{
	color: #cc9900;
	text-decoration: none;
	}	

#contenu a:hover{
	color: #cc9900;
	text-decoration:underline;
	}	


	
/* ############### homepage colone 1 ################ */
#bloc2_col1{
	display:block;
	float:left;
	width:263px;
	border-left:1px solid #9f8f78;
	border-bottom:1px dotted #D4D4D4;
	padding-bottom:20px;
	}
	
#bloc2_col1 h1{
	background-color:#e89e00;
	color:#FFFFFF;
	border-left:20px solid #e8b800;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}	
	
#bloc2_col1 div.inside{
	padding:30px;
	}
	
	
/* ############### homepage colone 2 ################ */
#bloc2_col2{
	display:block;
	float:left;
	width:263px;
	border-left:1px solid #9f8f78;
	padding-bottom:20px;
	}
	
#bloc2_col2 h1{
	background-color:#9771ad;
	color:#FFFFFF;
	border-left:20px solid #ba95cf;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
#bloc2_col2 h2{
	color:#9771ad;
	margin:0; padding:0;
	padding-top:5px;
	height:20px;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	}

#bloc2_col2 div.inside{
	padding:30px;
	}
	
	
/* ############### homepage colone 3 ################ */	
#bloc2_col3{
	display:block;
	float:left;
	width:264px;
	border-top:1px solid #9f8f78;
	border-left:1px solid #9f8f78;
	border-right:1px solid #9f8f78;
	padding-bottom:20px;
	}
	
#col3_element1{ 
	border-left:20px solid #6bb6be;
	}
	
#col3_element1 h1{
	color:#6bb6be;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
#col3_element1 div.inside{
	padding:15px;
	padding-left:12px;
	padding-top:0px;
	}
	
	
	
	
	
/* ##################################################### nouvelle homepage ##################################################### */
	
/* ############### homepage colone 1 ################ */
#new_bloc2_col1{
	display:block;
	float:left;
	width:263px;
	border-left:1px solid #9f8f78;
	padding-bottom:20px;
	}
	
#new_bloc2_col1 h1{
	background-color:#e89e00;
	color:#FFFFFF;
	border-left:20px solid #e8b800;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}	
	
#new_bloc2_col1 div.inside{
	padding:30px;
	}
	
	
#new_bloc2_col1 #col1_element1{ 
	border-left:20px solid #6bb6be;
	border-top:1px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	}
	
#new_bloc2_col1 #col1_element1 h1{
	color:#6bb6be;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
#new_bloc2_col1 #col1_element1 div.inside{
	padding:15px;
	padding-left:12px;
	padding-top:0px;
	}
	
#new_bloc2_col1 #col1_element1 h2{
	color:#6bb6be;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
	
#new_bloc2_col1 .logos_veritas{
	padding:20px 0px 0px 10px;
	}
	
/* ############### homepage colone 2 ################ */
#new_bloc2_col2{
	display:block;
	float:left;
	width:263px;
	border-left:1px solid #9f8f78;
	padding-bottom:20px;
	}
	
#new_bloc2_col2 h1{
	background-color:#9771ad;
	color:#FFFFFF;
	border-left:20px solid #ba95cf;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
	
#new_bloc2_col2 h1.implantations{
	background-color:#FFFFFF;
	color:#e8b800;
	border:none;
	border-top:1px dotted #CCCCCC;
	margin:0; padding:0;
	padding-left:30px;
	height:30px;
	line-height:30px;
	}
	
#new_bloc2_col2 h2{
	color:#9771ad;
	margin:0; padding:0;
	padding-top:5px;
	height:20px;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	}

#new_bloc2_col2 div.inside{
	padding:30px;
	}
	
#new_bloc2_col2 div.implantations{
	padding:10px 30px 30px 30px;
	}
	
	
/* ############### homepage colone 3 ################ */	
#new_bloc2_col3{
	position:relative;
	top:0px;
	left:0px;
	z-index:50;
	display:block;
	float:left;
	width:264px;
	border-left:1px solid #9f8f78;
	border-right:1px solid #9f8f78;
	padding-bottom:20px;
	}
	
#new_bloc2_col3 h1{
	background-color:#a6b70b;
	color:#FFFFFF;
	border:0px;
	border-left:20px solid #cccc00;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}
	
#new_bloc2_col3 #col3_element1{
	border:none;
	}
	
#new_bloc2_col3	#bloc_actus{
	border:none;
	}
	
#new_bloc2_col3 #col3_element1 h1.titre_actus{
	display:none;
	}
	
	
	




	

/* ##################### identification ##################### */
#login{
	width:25em;
	position:relative;
	top:2em;
	line-height:1.5em;
	margin:auto;
	border:1px solid #CCCCCC;
	padding-bottom:2em;
	}

h2.t_login{
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:8em;
	text-align:center;
	background-color:#FF00CC;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	margin:0;
	width:auto;
	margin-bottom:2em;
	}

#login label{
	width:5em;
	float:left;
	display:block;
	padding-left:3em;
	}
	
#login input{
	float:left;
	}

#b_ok{
	float:left;
	/*clear:left;	*/
	margin-left:8em;
	margin-top:0.5em;
	}



/* ##################### logos filiales ##################### */
ul#logos_filiales{
	list-style-type:none;
	}

ul#logos_filiales li{
	padding-bottom:10px;
	}


/* ##################### menu vertical ##################### */

ul#menu_vertical{
	border:1px solid #D4D4D4;
	border-bottom:none;
	list-style-type:none;
	}

ul#menu_vertical li{
	height:1.7em;
	line-height:1.7em;
	font-size:1em;
	border-bottom:1px solid #D4D4D4;
	}

ul#menu_vertical li a, ul#menu_vertical li a.over{
	display:block;
	font-weight:bold;
	color:#FF00CC;
	border-left:11px solid #FFFFFF;
	text-decoration:none;
	background-color:#F3F3F3;
	padding-left:7px;
	}

ul#menu_vertical li a:hover, ul#menu_vertical li a.over{
	color:#999999;
	border-left:11px solid #FF00CC;
	text-decoration:none;
	background-color:#FFFFFF;
	padding-left:7px;
	}


/* ##################### acces directs ##################### */

#bloc_acces_directs{
	display:block;
	float:left;
	clear:left;
	width:100%;
	border:1px solid #D4D4D4;
	margin-bottom:10px;
	}


ul#acces_directs{
	list-style-type:none;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:5px;
	}
	
ul#acces_directs li{
	display:block;
	float:left;
	clear:left;
	width:100%;
	height:0.85em;
	line-height:0.85em;
	padding-bottom:10px;
	}

ul#acces_directs li a{
	display:block;
	font-size:0.85em;
	margin-right:10px;
	text-decoration:none;
	padding-left:20px;
	color:#FF00CC;
	background: url(../img/puce_acces_directs.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a:hover{
	color:#999999;
	}
	
/*
ul#acces_directs li a.btn_contrats_bails{
	background: url(../img/picto_contrats_bails.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a.btn_gestion_contacts{
	background: url(../img/picto_gestion_contacts.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a.btn_M{
	background: url(../img/picto_m10.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a.btn_etats_locatifs{
	background: url(../img/picto_etatslocatifs.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a.btn_evlocatifs{
	background: url(../img/picto_evlocatifs.gif) no-repeat 0 0;
	}
	
ul#acces_directs li a.btn_phototheque{
	background: url(../img/picto_phototheque.gif) no-repeat 0 0;
	}
*/

/* ##################### bloc actus ##################### */

#bloc_actus{
	display:block;
	float:left;
	clear:left;
	width:100%;
	border-top:1px dotted #9f8f78;
	margin-bottom:10px;
	}

.titre_actus{
	color:#a6b70b;
	margin:0; padding:0;
	padding-left:10px;
	height:30px;
	line-height:30px;
	}

.titre_actu{
	font-size:1.05em;
	font-weight:bold;
	padding-bottom:2px;
	text-align:left;
	}

ul#liste_actus{
	list-style-type:none;
	padding:10px;
	}
	
ul#liste_actus li{
	display:block;
	border-top:1px dotted #D4D4D4;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	clear:left;
	font-size:xx-small;
	}
	
ul#liste_actus li.first_actu{
	padding-top:0px;
	border:0px;
	}

ul#liste_actus li img{
	display:block;
	width:100px;
	/*height:75px;*/
	border:1px solid #D4D4D4;
	float:left;
	margin-right:5px;
	}

ul#liste_actus li img.more_info, img.more_info{
	width:44px;
	height:14px;
	border:1px solid #D4D4D4;
	margin:0;
	padding:0;
	margin-top:3px;
	float:none;
	}




/* ########## annonces ######### */
div.annonce{
	border-bottom:1px solid #e6e3d5;
	margin-bottom:10px;
	padding:0px;
	}

div.annonce div{
	padding:0;
	margin:0;
	}



/* ##################### contenus_A ##################### */
#contenu_A {
	/*
	position: absolute;
	width: 100%;
	*/
	display:block;
	float:left;
	clear:both;
/*	width:776px;*/
	width:650px;
	height:100%;
	padding:0;
	/*border-left:5px solid #FFCC00;*/
	}

#bloc_A1{
	display:block;
	float:left;
	clear:none;
	width:139px;
	/*border-top:15px solid #FFFFFF;*/
	/*background-color:#FFFFFF;*/
	min-height:1px;
	}

#bloc_A2{
	float:left;
	clear:none;
	/*width:624px;*/
	width:650px;
	width:620px;
	/*background-color:#FFFFFF;*/
	padding:15px;
	padding-left:30px;
	padding-right:45px;
	z-index:10;
	}


/* #################### formulaire ####################### */

#bloc_A2 label {
	display:block;
	float:left;
	clear:left;
	width:150px;
	height:18px;
	margin-top:10px;
	font-weight:bold;
	text-align:left;
	}

#bloc_A2 input,
#bloc_A2 select,
#bloc_A2 textarea {
	display:block;
	float:left;
	width:350px;
	margin-top:10px;
	}
	
#bloc_A2 input.button {
	width:150px;
	}
	
#bloc_A2 input.checkb {
	width:auto;
	clear:none;
	/*margin-left:150px;*/
	}

#bloc_A2 label.checkb {
	width:auto;
	float:left;
	clear:none;
	}

#bloc_A2 div.bloc_btnradio {
	display:block;
	float:left;
	width:350px;
	text-align:left;
	}
	
#bloc_A2 div.bloc_btnradio input.checkb{
	width:auto;
	float:left;
	clear:left;
	margin-left:0;
	}
	
#bloc_A2 span.label_radio{
	display:block;
	float:left;
	clear:none;
	margin-top:10px;
	}

#bloc_A2 div.form_commentaire{
	display:block;
	float:left;
	clear:none;
	width:350px;
	margin-left:0;
	margin-top:3px;
	color:#666666;
	text-align:left;
	}

#bloc_A2 h3.h3_form{
	display:block;
	float:left;
	clear:both;
	border-bottom:1px solid #999999;
	padding-top:15px;
	font-size:15px;
	width:500px;
	}	

table#table_feedback_form{
	width:100%;
	}

table#table_feedback_form td{
	vertical-align:top;
	background-color:#EEEEEE;
	padding:5px;
	}
	
table#table_feedback_form td.label{
	background-color:#333333;
	color:#FFFFFF;
	width:175px;
	}
	
table#table_feedback_form td ul{
	padding-left:15px;
	}

/* ##################### menu gauche du contenu_A ##################### */
	

/*
ul#menu_nivo0 ul#menu_A{
	list-style-type:none;
	}
	
ul#menu_nivo0 ul#menu_A li{
	display:block;
	float:left;
	clear:left;
	}

ul#menu_nivo0 ul#menu_A li a{
	display:block;
	text-decoration:none;
	color:#000000;
	}

ul#menu_nivo0 ul#menu_A li.btn_on a,
ul#menu_nivo0 ul#menu_A li.btn_on a:hover{
	border-left:5px solid #FFFFFF;
	background-color:#ffcc00;
	color:#FFFFFF;
	font-weight:bold;
	}

ul#menu_nivo0 ul#menu_A li.btn_off a,
ul#menu_nivo0 ul#menu_A li.btn_off a:hover,
ul#menu_nivo0 ul#menu_A li.btn_on li.btn_off a,
ul#menu_nivo0 ul#menu_A li.btn_on li.btn_off a:hover{
	border-left:5px solid #FFCC00;
	background-color:#EEEEEE;
	color:#000000;
	font-weight:normal;
	}

ul#menu_nivo0 ul#menu_A li a:hover,
ul#menu_nivo0 ul#menu_A li.btn_off a:hover,
ul#menu_nivo0 ul#menu_A li.btn_on li.btn_off a:hover{
	border-left:5px solid #ff9900;
	background-color:#FFFFFF;
	color:#000000;
	}
	
ul#menu_nivo0 ul#menu_A li a span,
ul#menu_nivo0 ul#menu_A li a:hover span{
	display:block;
	cursor:pointer;
	}
*/



/* ##################### droite du contenu_A ##################### */

h1{
	color:#e8b800;
	font-weight:bold;
	font-size:19px;
	padding-bottom:15px;
	}

h2{
	color:#000000;
	font-weight:bold;
	font-size:16px;
	padding-bottom:15px;
	}
	
h2.titre_annonce{
	padding-bottom:0px;
	}
	
h2.titre {
	clear:left;
	color:#999933;
/*	border-bottom:1px solid #FF00CD;*/
	border-bottom:1px dotted #999933;
	font-size:1.7em;
	padding-bottom:0;
	width:620px;
	}
	
h3{
/*	color:#9c7c00;*/
	color:#000000;
	font-weight:bold;
	font-size:16px;
	padding-top:1em;
	padding-bottom:0.2em;
	background:url(../img/puce_h3.gif) no-repeat 0px 1.1em;
	padding-left:15px;
	}
	
h4{
/*	color:#333333;*/
	color:#000000;
	font-weight:bold;
	font-size:13px;
	padding-top:1em;
	padding-bottom:0.2em;
	}



/* menu content (menu qui se trouve dans le content des rubriques et pages) */
div#menu_content{
	display:block;
	float:left;
	clear:left;
	/*border:1px dashed #CCCCCC;*/
	width:100%;
	margin-bottom:10px;
	font-size:12px;
	}


/* liste sous rubriques */
/* OLD STYLE *//*
ul#liste_ssrubs {
	display:block;
	float:left;
	clear:left;
	padding:5px;
	padding-left:10px;
	list-style-type:none;
	}
	
ul#liste_ssrubs li {
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#d3a800;
	background-image:url(../img/puce_liste.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding-left:10px;
	}

ul#liste_ssrubs li a{

	color:#d3a800;
	text-decoration:none;
	}

ul#liste_ssrubs li a:hover{
	text-decoration:underline;
	}
/*
/*OLD STYLE*/
/* NEW STYLE */
ul#liste_ssrubs
{
	display:block;
	background-color:#fff;
	border:1px dotted #CC9900;
	float:left;
	padding:1em;
	line-height:1.4 em;
	margin-bottom:1em;
	margin-top:1em;
	
	list-style:none;
}
ul#liste_ssrubs li a{
color:#000000;
text-decoration:none;
background-image:url('../img/puce_smenus.gif');
background-repeat:no-repeat;
background-position:2px 3px;
padding-left:10px;
}
ul#liste_ssrubs li a:hover{
color:#CC9900;
}
ul#liste_ssrubs li{
}
ul#liste_ssrubs li.on{
	background-color:#CCCC66;
	display:block;
	padding:0.2em 0.5em 0.2em 0.5em;
	list-style:none;
}
/* NEW STYLE */


/* liste pages */
ul#liste_pages {
	display:block;
	float:left;
	clear:left;
	padding:5px;
	padding-left:10px;
	list-style-type:none;
	}
	
ul#liste_pages li {
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#FF00CD;
	background-image:url(../img/puce_lien.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding-left:20px;
	}

ul#liste_pages li a{
/*	color:#FF00CD;*/
	color:#FF6600;
	text-decoration:none;
	}

ul#liste_pages li a:hover{
	text-decoration:underline;
	}

/* fin du menu content */


#contenu_A div.paragraphe{
	display:block;
	float:left;
	clear:left;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
	/*margin-right:15px;*/
	width:620px; /* largeur de #bloc_A2 = 650px ... -15 px de marge à droite = 635px */
	text-align:justify;
	}
	
	
#contenu_A div.styleparag_focus{
	display:block;
	float:left;
	clear:left;
	padding:10px;
	padding-top:0px;
	background-color: #F1EFE7;
	margin-top:1em;
	margin-bottom:1em;
	width:628px;
	border:1px dotted #e4c54a;
	border-bottom-color: #d3a800;
	border-right-color: #d3a800;
	text-align:justify;
	}
	
#contenu_A div.styleparag_focus2{
	display:block;
	float:left;
	clear:left;
	padding:10px;
	background-color: #F1EFE7;
	margin-top:1em;
	margin-bottom:1em;
	width:388px;
	border:1px dotted #e4c54a;
	border-bottom-color: #d3a800;
	border-right-color: #d3a800;
	text-align:justify;
	}
	
#contenu_A div.styleparag_focus div.paragraphe{
	width:628px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	}	
	
	
	
#contenu_A div.paragraphe ul{
	list-style-type:none;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#contenu_A div.paragraphe ul li{
	list-style-type:none;
	background:url(../img/puce_liste.gif) no-repeat 2px 3px;
	padding-left:10px;
	}
	
	
#contenu_A div.actu{
	display:block;
	float:left;
	clear:left;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
	/*margin-right:15px;*/
	width:630px; /* largeur de #bloc_A2 = 592px ... -15 px de marge à droite = 577px */
	text-align:justify;
	}

img.left, div.left{
	display:block;
	float:left;
	padding:0;
	margin:0;
	margin-right:10px;
	/*border:1px solid #CCCCCC;
	padding:2px;*/
	font-size:0.75em;
	color:#999999;
	background-color:#FFFFFF;
	}
	
img.right, div.right{
	display:block;
	float:right;
	padding:0;
	margin:0;
	margin-left:10px;
	/*border:1px solid #CCCCCC;
	padding:2px;*/
	font-size:0.75em;
	color:#999999;
	}

img.center, div.center{
	display:block;
	padding:0;
	margin:0;
	/*border:1px solid #CCCCCC;
	padding:2px;*/
	font-size:0.75em;
	color:#999999;
	}

.texte_image
{
float:left;


}
.texte_image h3
{
padding-top:0;
background:url(../img/puce_h3.gif) no-repeat 0px 0.15em;
}

/* #################### liste de liens #################### */
ul.liste_liens{
	list-style-type:none;
	padding-left:15px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	
	}
#contenu_A div.paragraphe ul.liste_liens li
{
background:none;
}

ul.liste_liens li{
	padding-left:20px;
	height:1.7em;
	line-height:1.7em;
	/*background-repeat:no-repeat;
	background-position:0 0.4em;*/
	background:none;
	}
ul.liste_liens li a{
	background-image:url('../img/puce_smenus.gif');
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:10px;
	color:#000000;
}
ul.liste_liens li a:hover{
color: #CC9900;
}


ul.liste_liens li.lien_ext{
	background-image:url(../img/liens_icones/site_ext_icone.gif);
	}
	
ul.liste_liens li.lien_int{
	background-image:url(../img/liens_icones/site_int_icone.gif);
	}

ul.liste_liens li.lien_pdf{
	background-image:url(../img/liens_icones/pdf_icone.gif);
	}
	
ul.liste_liens li.lien_doc{
	background-image:url(../img/liens_icones/doc_icone.gif);
	}
	
ul.liste_liens li.lien_xls{
	background-image:url(../img/liens_icones/xls_icone.gif);
	}
	
ul.liste_liens li.lien_file{
	background-image:url(../img/liens_icones/file_icone.gif);
	}
	
	
	
/* ############ bloc et liste normale (pour la home) ########## */
div.bloc_texte{
	text-align:justify;
	padding:10px;
	font-size:12px;
	}
div.bloc_texte_home{
	text-align:left;
	padding:10px;
	font-size:12px;
}
ul.liste_normale{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	}
	
ul.liste_normale li{
	list-style:none;
	background-image:url(../img/puce_liste_home.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:12px;
	margin-bottom:5px;
	}	
	



/* ############ form identification BLOG ############# */

#bloc_login_blog label{
	display: block;
	float: left;
	clear: left;
	width: 150px;
	height: 18px;
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
	}
	
	
#bloc_login_blog input{
	display: block;
	float: left;
	clear: none;
	width: 150px;
	height: 18px;
	margin-top: 10px;
	}
	
#bloc_login_blog input.submit{
	height:auto;
	}
	
	
#bloc_login_blog  a.envoyer_login{
	display:block;
	float:left;
	clear:left;
	width:150px;
	margin-left:150px;
	background-color:#CCCCCC;
	border:1px solid #000000;
	border-bottom-width:2px;
	border-right-width:2px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	}
	
#bloc_login_blog hr{
	clear:both;
	margin:0;
	padding:0;
	height:0;
	line-height:0;
	width:0;
	visibility:hidden;
	}

/* ############# gallerie d'images références ################ */

div.ref_gal ul{
	list-style-type:none;
	padding:0.5em 0.5em 0.5em 0;
	}

div.ref_gal ul li{
	display:inline;
	float:left;
	width:100px;
	padding:0.5em 0.5em 0.5em 0;	
	}


/* ############### popup images reférences gallerie ################ */
div.popup_refgal{
	position:absolute;
/*	position:fixed;*/
	left:0px;
	top:0px;
	display:none;
	width:100%;
	height:100%;
	line-height:100%;
/*	padding-top:50px;*/
	text-align:center;
	background:url(../img/bg_popup.gif) repeat 0 0;
	z-index:50;
	}
	
div.popup_refgal_content{
	border:2px solid #999999;
	background-color:#FFFFFF;
	padding:10px;
	margin:auto;
	text-align:left;
	position:relative;
	top:50%;
	}

a.close{
	text-decoration:none;
	background:url(../img/puce_close.gif) no-repeat 0px 2px;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	height:15px;
	line-height:15px;
	padding-left:15px;
	padding-bottom:5px;
	}
	
a.btn_save{
	display:block;
	clear:both;
	padding:0.2em;
	margin:0 0 1em 0;
	background:#EEEEEE url(../back/img/icones/btn_save.gif) no-repeat 3px 3px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:2px solid #777777;
	border-bottom:2px solid #777777;
	width:220px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}
	
a.btn_print{
	position:relative;
	top:-20px;
	right:0px;
	display:block;
	float:right;
	background:url(../img/ico_print.gif) no-repeat 3px 3px;
	width:50px;
	height:20px;
	line-height:20px;
	text-align:left;
	padding-left:25px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	}
	
div.annonce a.close{
	display:block;
	float:left;
	padding:5px;
	padding-left:25px;
	background-position:10px 8px;
	}
	
a.moreinfo{
	display:block;
	text-decoration:none;
	background:url(../img/moreinfo.gif) no-repeat 0px 1px;
	width:46px;
	height:16px;
	}
	
a.moreinfo span{
	visibility:hidden;
	}
	
a.repondre{
	display:block;
	float:left;
	text-decoration:none;
	background:url(../img/ico_fleche.gif) no-repeat 5px 8px;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	height:15px;
	line-height:15px;
	width:120px;
	padding:5px;
	padding-left:20px;
	border:1px solid #cc9900;
	border-bottom:none;
	}
	

/* ################## videos ######################## */

div.bloc_video_popup{
	position:absolute;
/*	position:fixed;*/
	left:0px;
	top:0px;
	display:none;
	width:100%;
	height:100%;
	padding-top:50px;
	text-align:center;
	vertical-align:middle;
	background:url(../img/bg_popup.gif) repeat 0 0;
	z-index:50;
	}

div.popup_video_handle{
	display:block;
	width:480px;
	background-color:#e3e3e3;
	height:18px;
	background-image:url(../img/bg_video_handle.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	border-bottom:1px solid #3f3f3f;
	text-align:right;
	}
	
div.popup_video_handle a{
	font-size:12px;
	color:#000000;
	display:block;
	height:18px;
	line-height:18px;
	padding-right:5px;
	}

div.popup_video_handle a:hover{
	color:#CC0000;
	}
	
div.popup_video_content{

	}


/* ##################### fiches références ##################### */
ul.ssrubs_soeurs
{
	display:block;
	background-color:#fff;
	border:1px dotted #CC9900;
	float:left;
	padding:15px;
	line-height:1.4 em;
	margin-bottom:1em;
	list-style:none;
	width:610px;
}
ul.ssrubs_soeurs li a{
color:#000000;
text-decoration:none;
background-image:url('../img/puce_smenus.gif');
background-repeat:no-repeat;
background-position:2px 3px;
padding-left:10px;
}
ul.ssrubs_soeurs li a:hover{
color:#CC9900;
}
ul.ssrubs_soeurs li{
}
ul.ssrubs_soeurs li.on{
	background-color:#CCCC66;
	display:block;
	padding:0.2em 0.5em 0.2em 0.5em;
	list-style:none;
}

ul.barre_nav{
	display:block;
	background-color:#ffffff;
	float:left;
	margin:0;
	padding:0;
	display:block;
	border-top:1px solid #000000;
	padding-top:1em;
	margin-top:1em;
	width:650px;

}
ul.barre_nav li{
	display:block;
	padding:0.2em 0.5em 0.2em 0.5em;
	float:left;
	background-color: #fff;
	border: 1px solid #CC9900;
}
ul.barre_nav li a{
text-decoration:none;
color:#000000;
}
ul.barre_nav li a:hover{
color: #CC9900;
}
ul.barre_nav li.next_btn{
margin-left:1em;
}

/* fiche */

#bloc_A2.fiche h2.titre
{
color:#666666;
font-size:normal;
font-weight:lighter;
padding:0.4em 0.4em 0.4em 0;
}
#bloc_A2.fiche h3
{
padding-top:0;
padding-left:0;
margin-top:0;
margin-left:0;
background-image:none;
}


/* ##################### fiches références ##################### */







/* ################# plan site ################# */
#bloc_A2 ul.plansite{
	list-style:none;
	padding:0;
	padding-left:20px;
	padding-bottom:10px;
	}	
	
#bloc_A2 ul.plansite li{
	list-style:none;
	background-image:url(../img/puce_smenus.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:10px;
	padding-bottom:0px;
	}
	
#bloc_A2 ul.plansite li li 		{ background-position:0px 5px; }
#bloc_A2 ul.plansite li li li	{ background-position:0px 5px; }
#bloc_A2 ul.plansite li li li li { background-position:0px 4px; }
	
#bloc_A2 ul.plansite li a{
	font-weight:bold;
	font-size:16px;
	color:#000000;
	text-decoration:none;
	}
	
#bloc_A2 ul.plansite li a:hover { color:#cc9900; }
	
#bloc_A2 ul.plansite li li a 		{ color:#333333; font-size:12px; font-weight:bold; }
#bloc_A2 ul.plansite li li li a 		{ color:#666666; font-size:11px; font-weight:normal; }
#bloc_A2 ul.plansite li li li li a 	{ color:#999999; font-size:10px; font-weight:normal; }





a.btn_video_fr{
	width:112px;
	height:23px;
	float:left;
	clear:both;
	background:url(../img/b_video.gif) no-repeat 0 0;
	text-decoration:none;
	}
	
a.btn_video_fr:hover{
	background:url(../img/b_video_on.gif) no-repeat 0 0;
	}
	
a.btn_video_en{
	width:132px;
	height:23px;
	float:left;
	clear:both;
	background:url(../img/b_video_en.gif) no-repeat 0 0;
	text-decoration:none;
	}
	
a.btn_video_en:hover{
	background:url(../img/b_video_en_on.gif) no-repeat 0 0;
	}
	
	
	
	
	
a.btn_video_tramways_fr{
	width:112px;
	height:23px;
	float:left;
	clear:both;
	background:url(../img/b_video.gif) no-repeat 0 0;
	text-decoration:none;
	/*margin-left:10px;	*/
	}
	
a.btn_video_tramways_fr:hover{
	background:url(../img/b_video_on.gif) no-repeat 0 0;
	}
	
a.btn_video_tramways_en{
	width:132px;
	height:23px;
	float:left;
	clear:both;
	background:url(../img/b_video_en.gif) no-repeat 0 0;
	text-decoration:none;
	/*margin-left:10px;	*/
	}
	
a.btn_video_tramways_en:hover{
	background:url(../img/b_video_en_on.gif) no-repeat 0 0;
	}




a.btn_video_fr span, 
a.btn_video_en span, 
a.btn_video_tramways_fr span, 
a.btn_video_tramways_en span{
	visibility:hidden;
	}






/* ################## formulaire de recherche (annonces) ################## */
#frm_search{
	background-color:#ece9df;
	border:1px solid #999999;
	padding:1px;
	}

#frm_search div.half_col{
	width:270px;
	padding:10px;
	display:block;
	float:left;
	clear:none;
	}
	
#frm_search div.half_col select{
	width:270px;
	}

#frm_search div.half_col label.checkb{
	width:130px;
	padding-left:5px;
	font-weight:normal;
	}
	
#frm_search div.half_col input.checkb{
	clear:both;
	}


#frm_search div.footer_form{
	clear:both;
	background-color:#e6e3d5;
	padding:20px;
	}


#frm_search a.btn_envoi{
	padding:5px;
	padding-left:20px; padding-right:20px;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	border:1px solid #d0a521;
	}

#frm_search a.btn_envoi:hover{
	text-decoration:none;
	color:#d0a521;
	}




/* ########### fake select ############ */

.fakeselect{
	position:relative;
	}
	
.fakeselect_opener, 
.fakeselect_opener_on{
	cursor:pointer;
	border:1px solid #7f9db9;
	padding:2px;
	width:294px;
	height:14px;
	background:#FFFFFF url(../img/select_fleche_off.gif) no-repeat 282px 1px;
	}
	
.fakeselect_opener_on { background-image:url(../img/select_fleche_on.gif); }
	
	
.fakeselect_list{
	position:absolute;
	left:0;
	top:19px;
	display:none;
	z-index:50;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	width:298px;
	height:214px;
	}
	
	
#frm_search div.half_col .fakeselect_list input.checkb,
#frm_search div.half_col .fakeselect_list label.checkb{
	margin-top:5px;
	width:auto;
	}
	
.fakeselect_list_elements{
	padding:2px;
	padding-left:5px;
	height:190px;
	overflow:auto;
	}
	
.fakeselect_list_close{
	background-color:#e6e3d5;
	height:18px;
	padding-top:2px;
	padding-left:5px;
	}
	
.fakeselect_list_close a.close{
	display:block;
	background-position:0px 4px;
	}


.votre_recherche{
	font-size:12px;
	border:1px solid #999999;
	border-top-color:#FFFFFF;
	background-color:#ece9df;
	padding:5px 10px 5px 10px;
	}



/* ########## fieldsets ########## */

fieldset {
	padding: 1em;
	display: block;
	float: left;
	clear: left;
	width: 600px;
	margin-top: 1em;
	margin-bottom: 1em;
	}

legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #666666;
	}



/* ############## temoignages ############## */
table.temoignages td.temoignages{
	text-align:center;
	vertical-align:top;
	background-color:#F2F2F2;
	padding: 0.8em;
	}
	
table.temoignages h4{
	float:left;
	text-align:left;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	background:url(../img/puce_h3.gif) no-repeat 2px 0.1em;
	padding-top: 0;
	padding-left:15px;
	}

.pop_temoign_img{
	float:left;
	width:100px;
	font-size:0.8em;
	line-height:0.9em;
	color:#999999;
	}

.pop_temoign_txt{
	float:left; 
	width:490px; 
	padding-left:10px; 
	text-align:justify;
	}

.pop_temoign_txt h3{
	padding-top:0px;
	line-height:18px;
	background-position:0px 0.1em;
	}
	
a.pop_temoign_link{
	background-image: url(../img/ico_fleche.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 2px 3px;
	padding-left: 15px;
	}
	
	

/* ##################### footer ##################### */

#footer{
	clear:both;
	width:100%;
	height:20px;
	text-align:center;
	/*background: #CCCCCC url(../img/bg_footer.gif) repeat-x 0 0;*/
	}