@charset "utf-8";
/* CSS Document */

html,body {

margin: 0px;
padding: 0px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #666666;
}

a,a:visited{
	color:#333333;
	text-decoration: none 
}
a:hover{
color:#ffffff;
}

h1 {
font-family:Georgia, Times New Roman, Times, serif;
font-size: 20pt;
color:#236895;
font-weight:100;
}
h2 {
font-size: 24px;
color:#000000;

}

h3 {
font-size: 14px;
color:#000000;

}

#main{
width:1000px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
top-margin:0px;

}

#header{
width:1000px;
height:121px;
background-image:url(../images/header_bg.png);
float:left;



}
#header-left{
width:500px;
height:121px;
float:left;
font-size:11px;
text-align:left;
padding-left:5px;
padding-top:5px;
}

#header-right{
width:490px;
height:121px;
float:right;
font-size:11px;
text-align:right;
padding-right:5px;
padding-top:5px;

}


#menu{
width:1000px;
height:53px;

float:left;
margin-top:-1px;


}

#middle{
width:1000px;
height:449px;
background-image:url(../images/middle_bg.jpg);
float:left;
margin-top:-1px;


}

#home1{
width:305px;
height:370px;
float:left;
margin-top:10px;
text-align:center;

}

#home2{
width:385px;
height:370px;
float:left;
margin-top:10px;
}

#home3{
width:305px;
height:370px;
float:left;
margin-top:10px;
}

#htrait{
width:1px;
height:250px;
background-color:#000000;
float:left;
margin-top:70px;

}
#htrait2{
width:1px;
height:250px;
background-color:#ffffff;
float:left;
margin-top:70px;

}

#htrait3{
width:1px;
height:250px;
background-color:#000000;
float:left;
margin-top:20px;

}
#htrait4{
width:1px;
height:250px;
background-color:#ffffff;
float:left;
margin-top:20px;

}


#htrait31{
width:1px;
height:250px;
background-color:#000000;
float:left;
margin-top:20px;

}
#htrait41{
width:1px;
height:250px;
background-color:#ffffff;
float:left;
margin-top:20px;
margin-right:15px;
}


#vtrait1{
width:1000px;
height:1px;
background-color:#000000;
float:left;
margin-top:20px;

}
#vtrait2{
width:1000px;
height:1px;
background-color:#ffffff;
float:left;
margin-bottom:5px;

}


input.btn { 
width:61px; 
height:21px; 
font: bold 84% 'Arial',helvetica,sans-serif;  
font-size:11px;
color:#000000;
background : url(../images/btn_bg.png) left top no-repeat;
border:0px; 
cursor:pointer;
}

input.mes { 
width:503px; 
height:70px; 
font: 'Arial',helvetica,sans-serif;  
font-size:11px;
color:#ffffff;
background : url(../images/mes_bg.png) left top no-repeat;
border:0px; 
cursor:text;
}


input{ 
width:249px; 
height:21px; 
font: 'Arial',helvetica,sans-serif;  
font-size:11px;
color:#FFFFFF;
background : url(../images/input_bg.png) left top no-repeat;
border:0px; 
cursor:text;
}

#appart1{
width:330px;
height:300px;
float:left;
margin-top:10px;



}

#offre1{
width:222px;
height:269px;
float:left;
margin-top:10px;
margin-right:15px;



}

#tarifs1{
width:270px;
height:90px;
float:left;
margin-top:10px;


}

#tarifs2{
width:230px;
height:90px;
float:left;
margin-top:10px;

}

#tarifs11{
width:270px;
height:50px;
float:left;
margin-top:10px;


}

#tarifs21{
width:230px;
height:50px;
float:left;
margin-top:10px;

}

#resa1{
width:305px;
height:320px;
float:left;
margin-top:10px;



}

#resa2{
width:690px;
height:320px;
float:left;
margin-top:10px;



}