@charset "UTF-8";
/* CSS Document pour le site web de Résidence du Mont */

/************************************************************************************
RESET
*************************************************************************************/
html{
	font-size:12pt;	
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body{
	background-color:#f0f0ee;
}

#main_page{
	position:relative; width:100%;
	background-image:url(../images/arbre-bg.png); background-repeat:no-repeat; background-position:bottom center;
}

#top_bg{
	position:absolute; width:100%; height:130px; z-index:5;
	
	/* Gradient background */
	background: #00604f; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a80', endColorstr='#00604f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#009a80), to(#00604f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #009a80,  #00604f); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top, #009a80, #00604f); /* for Opera */
	
	border-top:5px solid #000;
	border-bottom:3px solid #01382f;
}

#main_wrap{
	position:relative; z-index:100; width:1000px; margin:0 auto;
}

#top_section{
	position:relative; width:100%; height:133px; margin-bottom:10px;	
}

/*  ###############################################################################################################################################################################  */

#logo_container{
	position:absolute; top:5px; left:8px; z-index:999;
	width:230px; height:231px; 
	border-left:3px solid #fff; border-right:3px solid #fff; border-bottom:3px solid #fff;
	
	/* rounded corner */
	-webkit-border-radius: 0px 0px 16px 16px;
	-moz-border-radius: 0px 0px 16px 16px;
	border-radius: 0px 0px 16px 16px;
	
	/* Gradient background */
	background: #E2E4D3; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F2EC', endColorstr='#E2E4D3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F2EC), to(#E2E4D3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0F2EC,  #E2E4D3); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top, #F0F2EC, #E2E4D3); /* for Opera */
	
	/* Box shadow 
	-moz-box-shadow:    inset 0px 0px 10px 5px rgba(255,255,255,0.6);
    -webkit-box-shadow: inset 0px 0px 10px 5px rgba(255,255,255,0.6);
    box-shadow:         inset 0px 0px 10px 5px rgba(255,255,255,0.6);*/
}

#logo_container a{
	display:block; width:178px; height:200px; margin:18px auto 0px;
	background-image:url(../images/top-logo.png); background-repeat:no-repeat;
}

/*  ###############################################################################################################################################################################  */

#tel_container{
	float:right; margin-top:5px; width:324px; height:61px;
	
	border-left:3px solid #fff; border-right:3px solid #fff; border-bottom:3px solid #fff;
	
	/* rounded corner */
	-webkit-border-radius: 0px 0px 16px 16px;
	-moz-border-radius: 0px 0px 16px 16px;
	border-radius: 0px 0px 16px 16px;
	
	/* Gradient background */
	background: #E2E4D3; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F2EC', endColorstr='#E2E4D3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F2EC), to(#E2E4D3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0F2EC,  #E2E4D3); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top, #F0F2EC, #E2E4D3); /* for Opera */
	
	/* Box shadow 
	-moz-box-shadow:    inset 0px 0px 10px 5px rgba(255,255,255,0.6);
    -webkit-box-shadow: inset 0px 0px 10px 5px rgba(255,255,255,0.6);
    box-shadow:         inset 0px 0px 10px 5px rgba(255,255,255,0.6);*/
}

#tel_container img{
	display:block; float:left; width:50px; height:40px; margin-top:12px; margin-left:25px;
}

#tel_container p{
	display:block; float:right; margin-top:12px; margin-right:25px;
	font-family: 'MyriadProRegular'; color:#DB9D31; font-size:2.4em;
}

/*  ###############################################################################################################################################################################  */

#menu_container{float:right;margin-top:10px; width:50%;}

#menu_container a{
	display:block; float:right; padding:15px;
	font-family: 'MyriadProRegular'; color:#fff;
	text-align:center; font-size:1.2em; text-decoration:none;
	text-shadow: #000 0.1em 0.1em 0.2em;
}

#menu_container a:hover{
	/* Gradient background */
	background: #034E42; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034E42', endColorstr='#00604f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#034E42), to(#00604f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #034E42,  #00604f); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top, #034E42, #00604f); /* for Opera */
}

/*  ###############################################################################################################################################################################  */

#window_container{
	position:relative; width:100%; height:460px; margin-top:15px;	
}

/*  ###############################################################################################################################################################################  */

#box3_container{
	position:relative; width:980px; padding:10px; margin-top:10px;	
}

.box{
	float:left; width:320px; margin-right:10px;	
}

.last_box{
	float:left; width:320px;
}

.box_title{
	display:block; float:left; width:316px; padding:14px 0px; text-align:center;	
	font-family: 'MyriadProRegular'; color:#fff; font-size:1.2em;
	
	text-shadow: #000 0.1em 0.1em 0.2em;
	
	border-left:2px solid #013E34;
	border-right:2px solid #013E34;
	border-top:2px solid #013E34;
	
	/* Gradient background */
	background: #00604f; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a80', endColorstr='#00604f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#009a80), to(#00604f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #009a80,  #00604f); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top, #009a80, #00604f); /* for Opera */
}

.box_img{
	float:left;
}

/*  ###############################################################################################################################################################################  */

#text_container{
	position:relative; width:980px; padding:10px; z-index:9999; 
}

#left_text{
	position:relative; float:left; width:650px; margin-right:10px;
}

#left_text h1{
	width:100%; padding:5px 0px;	
	color:#DB9D30; font-size:1.3em;
	border-bottom:1px solid #DB9D30;
}

#left_text p{
	margin-top:10px; color:#55441a;	
}

.ul_style{
	color:#55441a;	margin-left:15px;
}

.main_text{
	font-size:10pt; color:#55441a;	
}

.textfield{
	width:300px; height:30px; line-height:30px;
}

#human{
	display:none;	
}

.textarea{
	width:300px; height:200px;	
}

#right_text{
	float:left; width:320px;
}

#right_text h2{
	width:100%; padding:5px 0px;	
	color:#DB9D30; font-size:1.3em;
	border-bottom:1px solid #DB9D30;
}

#right_text p{
	margin-top:10px; color:#55441a;	
}

#print_icon_container{
	position:absolute; top:40px; right:0px; z-index:10000;	width:84px; text-align:center;
}

/*  ###############################################################################################################################################################################  */

#bottom_container{
	position:relative; width:980px; padding:10px;
}

#bottom_left_float{
	float:left; width:40%;	
}

.bottom_left{
	float:left; width:45%; margin-right:30px;  margin-top:30px;
	color:#DB9D30;
}

.bottom_right{
	float:right; width:40%;
	color:#006756;
	text-align:right;
	 margin-top:30px;
}

.bottom_link{
	color:#DB9D30;	
}

.mapsize{width:600px; height:350px;}

/*  ###############################################################################################################################################################################  */

.mobile{display:none !important;}
.nonmobile{display:block !important;}

.clear{clear:both;}

/*     font-family: 'MyriadProRegular';     */