/* CSS Document */


/*************
 ************* RESET
 *************/
* {
	margin: 0px; padding: 0px;
	font-size: 1em; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	text-decoration: none;
	border: 0px; list-style: none;
}     
/*************
 ************* GLOBALS
 *************/
html, body {
	min-height:100%;
	overflow: auto;
}
body {
	background: #6DA5CB url(../img/bg/body.jpg) no-repeat bottom center;
	font-size: 12px; 
	color: #eceded;
	height:100%;
}
body.ete { background: #6DA5CB url(../img/bg/body2.jpg) no-repeat bottom center;}
body.delta { background: #6DA5CB url(../img/bg/body3.jpg) no-repeat bottom center;}
body.surf { background: #6DA5CB url(../img/bg/body4.jpg) no-repeat bottom center;}
a {color: #000;}
a *, a {cursor:pointer;}
a:hover {color: #000;}
strong {font-weight: bold;}
/*************
 ************* WRAPPER
 *************/ 
#wrapper {
	margin: 50px auto 0;
	height:600px; width:800px;
} 
/*************
 ************* TITLE
 *************/
 h1 {
	width: 610px; height: 59px;
	background: transparent url(../img/visu/studio-appartement-a-louer-bourg-st-maurice.jpg) no-repeat left top;
	text-indent:-9999px;
}      
/*************
 ************* CONTENT
 *************/ 
.content {
	clear:both;
	margin:0 0 0 0;
	width:775px; height:auto;
	background: transparent url(../img/bg/content-bg.png) repeat left top;
}   
/*************
 ************* MENU
 *************/ 
ul.menu {margin:10px 0 0 0;height:42px;}
ul.menu li {float:left;height:40px;}   
ul.menu li a {
	display:block;
	padding:7px 0 5px 0px;
	margin:0 5px 7px 0;
	height:23px; width:190px;
	font-size: 1.3em;
	text-align:center;
	/*font-weight: bold;*/
	background-color:#333;
	color:#eceded;           	   
}   
ul.menu li a:hover {
	display:block;
	margin:0 5px 0 0;
	height:30px;
	background-color:#E2EDF5;
	color:#333;           	   
}
.content .rightCol {
	float:left;
	width:388px; height:500px;
}
ul.menu li a.active {
	margin:0 5px 0 0;
	height:30px;
	background-color:#E2EDF5;
	color:#333;
}
/*************
 ************* LEFTCOL
 *************/ 
.content .leftCol {
	padding:30px 0 20px 20px;
	float:left;
	width:360px; height:370px;
	color:#333;
}
.content .leftCol h2 {
	font-size:1.3em;
	font-weight: bold;
}
.content .leftCol span {
	display:block;
	font-size:1.1em;
	margin:0 0 20px 0;
	}  
.content .leftCol h3  {
	margin:10px 0 0 0;
	padding: 0 0 0 15px;
	color:#e95d0f;
	font-size:1.2em;
	font-weight: bold;
	background: transparent url(../img/visu/puce.png) no-repeat 5px 5px;
}
.content .leftCol p { font-size:1em; width:360px; }
.leftCol .speakFrench {
	margin:100px 0 0 80px;
}
.leftCol .speakFrench p, .leftCol .speakFrench a {   	
	display:block;
	width:200px;
}
.content .leftCol a { color:#E95D0F;}
.content .leftCol a:hover { color:#333;}
 /*************
 ************* RIGHTCOL
 *************/ 
.content .rightCol {
	float:left;
    width:387px; height:420px;
}
.content .rightCol h2 {
	font-size:1.3em;
	font-weight: bold;
	color:#333;
}
.rightCol .wrapper {
	overflow:hidden;
	padding:0;
	position:relative;
	width:300px; height:225px;
}
.carousel {
	position:relative;
	margin:35px 0 0 45px;		
}
.carousel .wrapper ul li a {
	display:block;
	position:relative;
}
.carousel .wrapper li { float:left;}
.carousel .wrapper ul { position:relative;}
.carousel a.prev {
	position:absolute;
	display:block;
	left:-20px;
	top:100px;left:-30px;                  
	overflow: hidden;
	width:19px; height:28px;
	background: transparent url(../img/visu/arrow-carrousel-left.gif) no-repeat top left;
	text-indent:-9999px;
}
.carousel a.next {
	position:absolute;
	display:block;
	top:100px;left:310px;
	overflow: hidden;
	width:19px; height:28px;
	background: transparent url(../img/visu/arrow-carrousel-right.gif) no-repeat top left;
	text-indent:-9999px;
}
.carousel a.next:hover, .carousel a.left:hover {background-position: bottom;}
.carousel ul {display:block;}
.rightCol p {
	line-height:1.4em;
	margin:19px 0 0 50px;
	color:#333;
}
.tarifs {
	float:left;
    width:200px;
}
.rightCol .warning {
	float:left;
	margin:20px 0 0 0;
	width:110px; height:50px;
}
.rightCol p a.dispo,p a.contrat {
	display:block;
	margin:0;
	padding:0 0 0 8px;
	background: transparent url(../img/visu/arrow.gif) no-repeat 0px 4px;
	color:#E95D0F;
}
.rightCol p a.dispo:hover, p a.contrat:hover { color:#333;}
.rightCol.contact {	padding:30px 0 0 0px;}
.rightCol p.info { padding:30px 0 0 0px;}
.rightCol .speakEnglish { margin:100px 0 0 40px;}
.rightCol .speakEnglish p {
	margin:0px;
	padding:0px;
}
.rightCol .presentation h3 {
	margin:10px 0 0 0;
	padding: 0 0 0 15px;
	color:#e95d0f;
	font-size:1.2em;
	font-weight: bold;
	background: transparent url(../img/visu/puce.png) no-repeat 5px 5px;	
}
.rightCol .presentation p {
	margin:0;
	padding:0;	
}
.rightCol .presentation {
	padding:30px;	
}
p.download {
	clear:both;
}
/*************
 ************* GOOGLE MAP
 *************/
.googleMap { margin:30px 0 0 20px;}
.acces{	margin:75px 0 0 0;}
/*************
 ************* FOOTER
 *************/ 
.footer{
	clear:both;
	margin:10px 0 0 0;
	width:775px; height:30px;
	background: transparent url(../img/bg/content-bg.png) repeat left top;
}
.footer p{
	padding:7px 0 0 0;
	width:775px; height:23px;
	text-align:center;
	color:#333;
	font-size:1.1em;
}
.footer a {	color:#e95d0f;}
.footer a:hover {color:#333;}
/*************
 ************* ESAY CLEARING
 *************/ 
.content:after, ul.menu li a.active:after, .footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}