/* Général */
body {padding: 5px 5px; background:#DE2512 url(../imgs/back_body.png) repeat-x;}
/* Fin Général */
#centre 
{
}
#centre-bis 
{
width: 100%;
overflow: hidden;
margin: auto;
}

#global
{
background: #FF9900;
}
/* Contenu principal */
#principal 
{
	height: 150px;
	background: #FF9900 url(../imgs/back_banniere.png) repeat-x top;
	border-top: 1px solid #fe5c10;
}
.banniere
{
height: 150px;
width:450px;
background: #FF9900 url(../imgs/ban_herv.png) no-repeat top;
float: left;
}
.menu_top
{
float: left;
height: 150px;
margin-left: 50px;
width:500px;
background:url(../imgs/entete2.png) no-repeat top;
}
.menu
{
	padding:0px;
	height:36px;
}

#navigation 
{
	padding:0px;
	height:36px;
}
.confiance
{
color: #EAEAEA;
background: white url(../imgs/bg_scroll.png);
height: 20px;
margin-bottom:2px;
}
#secondaire 
{
	
	margin-top: 0px;
	margin-bottom: 5px;
	background: #666666 url(../imgs/arrondis.png) no-repeat top right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	height: 940px;
}
#secondaire_console_menu
{
	
	margin-top: 0px;
	margin-bottom: 5px;
	background: #666666 url(../imgs/arrondis.png) no-repeat top right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	height: 540px;
}
#secondaire_auto
{
	
	margin-top: 0px;
	margin-bottom: 5px;
	background: #666666 url(../imgs/arrondis.png) no-repeat top right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
}
#secondaire_form 
{
	
	margin-top: 0px;
	margin-bottom: 5px;
	background: #666666 url(../imgs/arrondis.png) no-repeat top right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	height: 1370px;
}
#secondaire_console 
{
	
	margin-top: 0px;
	margin-bottom: 5px;
	background: #666666 url(../imgs/arrondis.png) no-repeat top right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	height: 4310px;
}
.contenu
{
	font-size: 0.8em;
    line-height: 18px;
	background: #FF9900;
	padding: 2px;
	border: 1px solid #e9e9e9;
	height: 920px;
}
.acceuil1
{
width:75%;
height: 580px;
float: left;
margin: 5px;
}
.text1_acceuil1
{
height: 370px;
width: 519px;
border:1px solid white;

}
.text1_acceuil1 li 
{
color: white;
font-weight: bold;
font-size: 0.9em;
}
.text1_acceuil1 li  a
{
color: white;
font-weight: bold;
font-size: 0.9em;
}
.img_acceuil1
{
background: white;
}
.acceuil2
{
width:23%;
height: 790px;
background:url(../imgs/planifier.png) no-repeat top center;
float: right;
margin-left: 5px;
}
.contenu p
{
text-align: justify;
padding: 2px;
font-size: 0.9em;
color: black;
text-indent: 20px;
}
h3
{
	color: #fff;
	font-size: 1.5em;
}
/* Pied de page */
#pied 
{
	height:30px;
	width: 98%;
}
.pied table td a{color: white;text-decoration: none;}.liens_bottom{color:white;text-decoration: none;}.liens_bottom:hover{text-decoration:underline;}

/*=================================================================== */

.preload1 {background: url(../imgs/blank_over.png);}
.preload2 {background: url(../imgs/blank_overa.png);}

#nav {padding:0; margin-top:0px;margin-left:5px; list-style:none;  background:#FF9900; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:white; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../imgs/blank.png);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../imgs/blank.png) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../imgs/blanka.png) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(../imgs/blank_over.png) no-repeat;}
#nav li a.top_link:hover span {background:url(../imgs/blank_over.png) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(../imgs/blank_overa.png) no-repeat right top;}


#nav li:hover ul.sub
{left:0; top:31px; background: #ff3200; padding:3px; border:1px solid #ffd187; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:white; text-decoration:none;}

#nav li ul.sub li a.fly
{background:#fff url(../imgs/arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:white; color:#f69d00; font-weight: bold; border: 1px solid #ffd693;} /*-- --*/
#nav li:hover ul.sub li a.fly:hover
{background:#3a93d2 url(../imgs/arrow_over.gif) 80px 7px no-repeat; color:#fff;}


/*-- *selected *--*/
.selected{display:block; float:left; height:36px; line-height:27px; color:white; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../imgs/blank_over2.png);}
.selected span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../imgs/blankovera2.png) right top;}
/*-- *fin selected *--*/

#nav li:hover > a.top_link {background: url(../imgs/blank_over.png) no-repeat;}
#nav li:hover > a.top_link span {background:url(../imgs/blank_over.png) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../imgs/blank_overa.png) no-repeat right top; color:white;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*================== CONSTRUCTION ===================*/
.part1_const_index
{
width: 70%;
line-height: 18px;
background: #f6f6f6;
padding: 5px;
border: 1px solid #e9e9e9;
float: left;
height: 900px;
}
.part1_console
{
width: 70%;
line-height: 18px;
background: #f6f6f6;
padding: 5px;
border: 1px solid #e9e9e9;
float: left;
height: 880px;
}
.part1_console_admin
{
width: 98%;
line-height: 18px;
background: #f6f6f6;
padding: 5px;
border: 1px solid #e9e9e9;
float: left;
height: 4280px;
}
.part1_console_menu
{
width: 70%;
line-height: 18px;
background: #f6f6f6;
padding: 5px;
border: 1px solid #e9e9e9;
float: left;
height: 510px;
}
.part1_const_index_form
{
width: 71%;
line-height: 18px;
background: #f6f6f6;
padding: 5px;
border: 1px solid #e9e9e9;
float: left;
}
.part1_const_index_form h3
{
color: white;
font-size: 1.5em;
background: #ff7900 url(../imgs/h3.png) top repeat-x;
padding: 5px;
border: 1px solid white;
}
.part1_const_index p
{
text-align: justify;
padding: 2px;
color: black;
font-size: 0.9em;
}

.part1_const_index h3
{
color: white;
font-size: 1.5em;
background: #ff7900 url(../imgs/h3.png) top repeat-x;
padding: 5px;
border: 1px solid white;
}
.part1_console_menu h3
{
color: white;
font-size: 1.5em;
background: #ff7900 url(../imgs/h3.png) top repeat-x;
padding: 5px;
border: 1px solid white;
}
.part1_console_admin h3
{
color: white;
font-size: 1.5em;
background: #ff7900 url(../imgs/h3.png) top repeat-x;
padding: 5px;
border: 1px solid white;
}
.part1_console h3
{
color: white;
font-size: 1.5em;
background: #ff7900 url(../imgs/h3.png) top repeat-x;
padding: 5px;
border: 1px solid white;
}
.part1_const_index b
{
color: #ff7900;
}
.part1_const_index li
{
color: #686868;
font-size: 0.9em;
}
.partenaires li
{
color: #fc3900;
font-size: 0.9em;
}
.part2
{
width: 27%;
height: 700px;
float: right;
margin-left: 5px;
padding: 0px;
}
.part2_form
{
width: 27%;
height: 1100px;
float: right;
margin-left: 5px;
}
.part2_console_menu
{
width: 27%;
height: 400px;
float: right;
margin-left: 5px;
padding: 0px;
}
.part2_console
{
width: 27%;
height: 400px;
float: right;
margin-left: 5px;
padding: 0px;
}
.pub
{
width: 98%;
height: 420px;
background: url(../imgs/pub.png) no-repeat center;
}
.pub_adsense
{
width: 98%;
height: 420px;
}
.connexion
{
width: 98%;
height: 170px;
margin-left: auto;
margin-right: auto;
background: url(../imgs/connexion.png) no-repeat left;
position: relative;
padding: 5px;
}
.connexion_ok
{
width: 100%;
height: 210px;
margin-left: auto;
margin-right: auto;
background: url(../imgs/connexion_ok.png) no-repeat left;
padding: 1px;
}
.connexion_table
{
margin: auto;
margin-top: 60px;
position: absolute;
width: 100px;
}
.label
{
font-size: 0.8em;
color: black;
}
.input
{
}
.connexion_table2
{
height: 80px;
width: 50%;
margin: auto;
margin-top: 50px;
}
.label2
{
font-size: 0.9em;
font-weight: bold;
color: black;
background: #f9f9f9;
}
.label3
{
font-size: 0.9em;
font-weight: bold;
color: white;
background: black;
}
    /*======== Popup ============*/
	
	img {
	border: none;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 600;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
	color: #ff9900;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup b {
	color: #ff7900;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }
/*========================FIN CONSTRUCTION ==================*/
/*============================ CONSOLE=========================*/



/*============CONSOLE ACCEUIL=========================*/
.console_acceuil
{
width: 100%;/*min 660px */
height: 300px;
background: #FF9900;
}
.administration
{
width: 220px;
height: 220px;
}
.information
{
width: 440px;
height: 220px;
background: url(../imgs/information.png) no-repeat left;

}
.console_acceuil_menu
{
background: white url(../imgs/acceuil_menu.png) repeat-x top;
padding: 2px;
margin: 2px;
height: 20px;
border: 1px solid #ffb04f;
text-align: center;
}
.console_acceuil_menu a
{
font-weight: bold;
color: black;
text-transform: uppercase;
text-decoration: none;
display: block;
}


/*==========CONSOLE ADMIN =========================*/

.preload3 {background: url(../imgs/h4.png);}
.preload4 {background: url(../imgs/black_td.png);}
.preload5 {background: url(../imgs/marron_td.png);}
.preload6 {background: url(../imgs/hover_td.png);}

.menu_console
{
width : 250px;
height: 1270px;
background: #ff9900;
float: left;
}
h4
{
background: white url(../imgs/h4.png) top repeat-x;
text-align: center;
margin: 2px;
color: black;
font-size: 0.8em;
border: 1px solid #ffc36d;
}
.console_menu
{
width: 100%;
margin-left: 2px;
margin-right: 2px;
}
.first
{
background: #323232 url(../imgs/black_td.png) top repeat-x;
padding: 2px;
border: 1px solid #ffbb4f;
}
.order
{
background: #FF9900 url(../imgs/marron_td.png) top repeat-x;
padding: 2px;
border: 1px solid #e98800;
}
.console_menu td:hover
{
background: #FF9900 url(../imgs/hover_td.png) top repeat-x;
}
.console_menu td a
{
color: white;
font-weight: bold;
font-size: 0.8em;
text-decoration: none;
display: block;
}
.console_menu td a:hover
{
color: white;
}
.operations
{
width: 73%;
height: 4270px;
background: #ffe7bf;
border: 1px solid #ffeacd;
float: right;
}
.table_affichage
{
width: 99%;
border-collapse: collapse;
}
.table_affichage th 
{
background: #de2511;
color: white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}
.table_affichage tr
{
background: #747474;
}
.table_affichage tr:hover
{
background: #89d600;
}
.table_affichage td
{
color: white;
font-weight: bold;
font-size: 0.8em;
border-left: 1px solid white;
border-bottom: 1px solid white;
}
.table_affichage td a
{
color: #efefef;
font-weight: bold;
text-decoration:none;
}
.table_affichage td a:hover
{
color: white;
text-decoration: underline;
}
.admin_td
{
background: #666666;
color: white;
font-weight: bold;
font-size: 0.8em;
}
.admin_td2
{
background: #bdbdbd;
color: white;
font-weight: bold;
font-size: 0.8em;
}
.caption
{
background: #232323;
color: white;
font-weight: bold;
font-size: 0.8em;
}
.controle_photo
{
background : white;
text-align: center;
width: 206px;
}
.controle_photo2
{
background : white;
text-align: center;
}
.a1
{
font-size: 0.7em;
font-weight: bold;
color : red;
text-decoration: none;
}
.a1:hover
{
color : #ff9900;
text-decoration: underline;
}
.a2
{
font-weight: bold;
font-size: 0.7em;
color : #007811;
text-decoration: none;
}
.a2:hover
{
color : #ff9900;
text-decoration: underline;
}
.photo_partenaire
{
width: 100%;
height: 200px;
}
.photo_partenaire table
{
border-collapse: collapse;
margin-left: 2px;
border: 1px solid white;
background: white;
}
.photo_appartement
{
width: 100%;
height: 280px;
}
.photo_appartement table
{
border-collapse: collapse;
margin-left: 20px;
margin-bottom: 5px;
border: 1px solid white;
background: white;
}
.photo_appartement2
{
width: 100%;
height: 580px;
}
.photo_appartement2 table
{
border-collapse: collapse;
margin-left: 20px;
margin-bottom: 5px;
border: 1px solid white;
background: white;
}
.adresse
{
background: #323232 url(../imgs/black_td.png) repeat-x;
color: white;
font-weight: bold;
text-align: left;
font-size: small;
}
.type_choix
{
background: #FF9900 url(../imgs/marron_td.png) top repeat-x;
color: white;
font-weight: bold;
text-align: center;
text-transform: capitalize;
}

/*=================================================================== K.T-Maquette*/
