﻿body 
{
	background-color: White;
	font-family:verdana;
	color:#6b8a97;
	margin:0; 
	padding:0; 
	text-align:center; 
	font-size:12px; 

}

h3
{
	padding:0px;
	margin: 8px 0px 12px 0px;
	font-size:14px;
}
h1
{
	padding:0px;
	margin: 8px 0px 12px 0px;
	font-size:14px;
}

a{	text-decoration:none;}

#pagewidth
{ 
	width:1024px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
} 



#header
{
    background-color:White;
	background-image:url(/App_Themes/Ghi/Images/header2.jpg);
	background-repeat:no-repeat;
	position:relative; 
	/*height:155px; */
	height:148px; 
	width:100%;
} 

#header2
{
    background-color:White;
	background-image:url(/App_Themes/Ghi/Images/header1.gif);
	position:absolute;
	background-repeat:no-repeat;
	left:290px;
	top: 30px; 
	height:110px; 
	width:730px;
} 


#middle
{
	background-image:url(/App_Themes/Ghi/Images/back.jpg);
	background-repeat:no-repeat;
	min-height:525px;
	height:auto !important;
    height:525px;
	padding: 5px 10px 5px 10px;
}
 
#footer
{
	background-image:url(/App_Themes/Ghi/Images/footer.gif);
	background-repeat:no-repeat;
	height:40px;
	width:100%; 
	clear:both;
 } 
 
 #bottom
{
	clear:both;
	height:100%;
	width:100%; 
 } 
 
 #content
 {
 	float:right;
 	display:inline; 
	position: relative;
	width:750px;
	z-index:400;
 }


 #leftcol
{
	width:240px; 
	float:left; 
	display:inline; 
	position: relative;
	display:inline; 
	z-index:400;
}

#rightcol
{
	width:200px; 
	float:right; 
	display:inline; 
	position: relative;
}

a
{
	color:#6b8a97;
}

a:hover
{
	color:Red;
}


a:hover.Menu1
{
	background-image:url(/App_Themes/Ghi/Images/menu1b.gif);
}


ul,li
{
	margin-left:15px;
	padding-left:0px;
}

/**/

#bloccarte
{
	background-image:url('images/blocarte2.gif');
	background-repeat:no-repeat;
	height:240px;
	width:240px;
}

.MoteurRechercheAgence
{
    margin-top:40px;
	width:240px;
}


.InfoGuide
{
	width:240px;
	height:100px;
	font-size:small;
	padding-top:20px;
}


.LogementUneCadre
{
    position:absolute;
    width:229px;
    height:220px;
    background-image:url('Images/cadrelau.gif');
    background-color:Transparent;
    padding:0px;
    margin:0px;
}







/* Page de recherche */

#centre {
	width:680px;
	float:left;
	color:#6B8A97;
	margin-top:10px;
	text-align:justify; 
	
}

#centre2 {
	width:680px;
	float:left;
	color:#004489;
	margin-top:10px;
	
	
}


/* text-align:justify; */


#moteur {
background:url(/images/fond-annonces.jpg);
width:680px;
}


#moteur h4{
width:680px;
height:30px;
background:url(/images/votre-recherche.jpg);
text-indent:-5000px;
}

#moteur #bas_moteur {
display:block;
height:30px;
width:680px;
background:url(/images/btn-valider-moteur.jpg) no-repeat bottom;
}

#recherchecol 
{
	display:block;
	padding-left:15px;
	padding-bottom:10px;
	width:205px;
	float:left;
}

#crit img 
{
	float:left;
}

#moteur #recherchecol label 
{
	display:block;
	width:80px;
}

#bloc-gauche 
{
	margin-top:11px;
}


/* MENU */


#menu
{
	height:35px;
	font-size:9px;
}

a#ctl00_UCMenu_Menu1
{
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	/*background-image:url('images/vmenu1.gif');*/
	background-repeat:no-repeat;
	width:106px;
	height:29px;
	text-decoration:none;
	display:block;
}    

a:hover#ctl00_UCMenu_Menu1hhhh
{
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	background-image:url('images/vmenu1b.gif');
	background-repeat:no-repeat;
	width:106px;
	height:29px;
	display:inline;
	text-decoration:none; 
	display:block;
}  

a#Menu1
{
    margin-left:20px;
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	background-image:url('images/vmenu1.gif');
	background-repeat:no-repeat;
	width:106px;
	height:29px;
	text-decoration:none;
	display:block;
}    

a:hover#Menu1
{
    margin-left:20px;
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	background-image:url('images/vmenu1b.gif');
	background-repeat:no-repeat;
	width:106px;
	height:29px;
	display:inline;
	text-decoration:none; 
	display:block;
}  

 

a#Menu2
{
    margin-left:20px;
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	background-image:url('images/vmenu2.gif');
	background-repeat:no-repeat;
	width:134px;
	height:29px;
	display:inline;
	display:block;
	text-decoration:none;
}    

a:hover#Menu2
{
    margin-left:20px;
	float:left;
    text-indent:30px;
    font-weight:bold;
    padding-top:11px;
	background-image:url('images/vmenu2b.gif');
	background-repeat:no-repeat;
	width:134px;
	height:29px;
	display:inline;
	display:block;
	text-decoration:none; 
}  

a#Menu3
{
    margin-left:20px;    
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu3.gif');
	background-repeat:no-repeat;
	width:95px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu3
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu3b.gif');
	background-repeat:no-repeat;
	width:95px;
	height:29px;
	display:block;
	text-decoration:none; 
}  


a#Menu4
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu4.gif');
	background-repeat:no-repeat;
	width:95px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu4
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu4b.gif');
	background-repeat:no-repeat;
	width:95px;
	height:29px;
	display:block;
	text-decoration:none; 
}  

a#Menu5
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu5.gif');
	background-repeat:no-repeat;
	width:85px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu5
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu5b.gif');
	background-repeat:no-repeat;
	width:85px;
	height:29px;
	display:block;
	text-decoration:none; 
}

a#Menu6
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu6.gif');
	background-repeat:no-repeat;
	width:85px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu6
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu6b.gif');
	background-repeat:no-repeat;
	width:85px;
	height:29px;
	display:block;
	text-decoration:none; 
}

a#Menu7
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu7.gif');
	background-repeat:no-repeat;
	width:105px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu7
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu7b.gif');
	background-repeat:no-repeat;
	width:105px;
	height:29px;
	display:block;
	text-decoration:none; 
}

a#Menu8
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu8.gif');
	background-repeat:no-repeat;
	width:148px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu8
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu8b.gif');
	background-repeat:no-repeat;
	width:148px;
	height:29px;
	display:block;
	text-decoration:none; 
}

a#Menu9
{
    margin-left:20px;
	float:left;
    color:White;
    font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu9.gif');
	background-repeat:no-repeat;
	width:115px;
	height:29px;
	display:block;
	text-decoration:none;
}    

a:hover#Menu9
{
    margin-left:20px;
	float:left;
	color:White;
	font-weight:bold;
    text-indent:30px;
    padding-top:11px;
	background-image:url('images/vmenu9b.gif');
	background-repeat:no-repeat;
	width:115px;
	height:29px;
	display:block;
	text-decoration:none; 
}


h3
{
	padding:0px;
	margin: 8px 0px 12px 0px;
	font-size:14px;
}

.Ghec
{
	display:block;
	font-weight:bold;
	background-image:url('/App_Themes/Ghi/Images/blocGHEC.gif');
	padding-top:98px;
	height:30px;
	width:200px;
	padding-left:42px;
	background-repeat:no-repeat;
	text-decoration:none;
}

a.Ghec
{
	display:block;
	font-weight:bold;
	background-image:url('/App_Themes/Ghi/Images/blocGHEC.gif');
	padding-top:98px;
	height:30px;
	width:200px;
	padding-left:42px;
	background-repeat:no-repeat;
	color:White;
	text-decoration:none;
}



#modalPage2
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}


#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); 
    -moz-opacity:0.4; 
    opacity: 0.4;
    width: 100%; 
    height: 100%; 
    background-color: #999999;
    position: fixed;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: auto;
    left: 50%;
    top: 50%;
    z-index: 48000;
}
.modal
{
    background-color: #6b8a94;
    border: solid 2px White;
    position: relative;
    z-index: 1000;
    padding: 0px;
}

.modalimage
{
   
    
    position: relative;
    z-index: 1;
    margin-left:200px;
    margin-bottom:-12px;
    margin-top:-28px;
}

.modalTop
{
    width: 700px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modal a, .modal a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}

/**/


.photo{
	border: 1px solid #13B8E9;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#col2{	
	float:left;
	width:320px;
}

#col1
{
	float:left;
	margin-right:25px;
	width:310px;
}

#colonnegauche 
{
display:block;
float:left;
margin-right:5px;
width:330px;
}

#colonnedroite
{
display:block;
float:right;
margin-left:20px;
width:310px;
}

#bon 
{
margin-left:5px;
width:294px;
}

#menuint
{
display:block;
float:right;
margin:0px 15px 15px;
width:270px;
}

.col1
{
float:left;
margin-left:15px;
margin-right:25px;
width:130px;
}

.col2 {
float:left;
margin-right:25px;
width:150px;
}

.col3 {
float:left;
margin-right:20px;
width:145px;
}

.col4 {
float:left;
width:140px;
}

.deuxcol {
display:block;
float:left;
}

hr 
{
background-color:#A1E3F6;
border:medium none;
clear:both;
color:#A1E3F6;
height:1px;
margin:-7px 0pt 5px;
padding:0pt;
}


.Estimation
{
	border-style:solid;
	border-color:#6b8c94;
	border-width:1px;
	background-color:#ebf2f5;
}

.body2 
{
	background-color: White;
	font-family:verdana;
	color:#4E646E;
	margin:0; 
	padding:0; 
	
	font-size:12px; 

}
