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

html, body {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
}
body{
	height:100%;
	margin:0;
	padding:0;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e9e6c4 url(../_images/bg.jpg) repeat-x top center;
}
a img { border: none;}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -117px; /* the bottom margin is the negative value of the footer's height */
	text-align: center;
}
#wrapper {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 456px;
}
#wrapper404 {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 300px;
}

/* ---------------------------------------------------------
   Header Menu
   --------------------------------------------------------- */
#header_menu {
	position: relative;
	z-index: 10;
}
#logo {
	position: absolute;
	top: 38px;
	left: 91px;
	width: 205px;
	height: 114px;
	background: transparent url(../_images/logo.png) no-repeat top left;
}
#logo h1, #logo h2 {display: none;}

#nav { position: absolute; top: 66px; left: 290px;}
#nav span { float: left; width: 2px; height: 29px; background: transparent url(../_images/nav_divs.gif) no-repeat top left; }
#nav span i { display: none; }
#nav a { float: left; display: block; height: 17px; margin: 4px 11px 4px 10px; text-decoration: none; }
#nav a span { display: none; }

#nav .maisons { width: 61px; background: transparent url(../_images/nav_maisons_off_f.gif) no-repeat top left; }
#nav .projets { width: 54px; background: transparent url(../_images/nav_projets_off_f.gif) no-repeat top left; }
#nav .promotions { width: 84px; background: transparent url(../_images/nav_promotions_off_f.gif) no-repeat top left; }
#nav .apropos { width: 66px; background: transparent url(../_images/nav_apropos_off_f.gif) no-repeat top left; }
#nav .galerie { width: 102px; background: transparent url(../_images/nav_galerie_off_f.gif) no-repeat top left; }

#nav .maisons:hover,
#maisons #nav .maisons { background-image: url(../_images/nav_maisons_on_f.gif); }
#nav .projets:hover,
#projets #nav .projets { background-image: url(../_images/nav_projets_on_f.gif); }
#nav .promotions:hover,
#promotions #nav .promotions { background-image: url(../_images/nav_promotions_on_f.gif); }
#nav .apropos:hover,
#apropos #nav .apropos { background-image: url(../_images/nav_apropos_on_f.gif); }
#nav .galerie:hover,
#galerie #nav .galerie { background-image: url(../_images/nav_galerie_on_f.gif); }

#quick_nav {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 220px;
	height: 18px;
	padding-left: 20px;
	text-align: center;
	color: #900;
	background-color: #fff;
}


#quick_nav span { float: left; width: 10px; height: 8px; background: transparent url(../_images/mininav_divs.gif) no-repeat top left; }
#quick_nav span i { display: none; }
#quick_nav a { float: left; display: block; height: 8px; text-decoration: none; }
#quick_nav a span { display: none; }

#quick_nav .faq { width: 25px; background: transparent url(../_images/mininav_faq_off_f.gif) no-repeat top left; }
#quick_nav .liens { width: 35px; background: transparent url(../_images/mininav_liens_off_f.gif) no-repeat top left; }
#quick_nav .contact { width: 57px; background: transparent url(../_images/mininav_contact_off_f.gif) no-repeat top left; }
#quick_nav .english { width: 52px; background: transparent url(../_images/mininav_english_off.gif) no-repeat top left; }

#quick_nav .faq:hover,
#faq #quick_nav .faq { background-image: url(../_images/mininav_faq_on_f.gif); }
#quick_nav .liens:hover,
#liens #quick_nav .liens { background-image: url(../_images/mininav_liens_on_f.gif); }
#quick_nav .contact:hover,
#contact #quick_nav .contact { background-image: url(../_images/mininav_contact_on_f.gif); }
#quick_nav .english:hover { background-image: url(../_images/mininav_english_on.gif); }

#nav .dropdown {
	position: absolute;
	width: 224px;
	top: 28px;
	left: -24px;
	padding: 0;
	z-index: 20;
	background: transparent url(../_images/dropdown_top.png) no-repeat top left;
	height: 0;
	overflow: hidden;
}
#nav .dropdown ul {
	margin: 12px 0 0;
	padding: 0 0 3px;
	width: 224px;
	background: transparent url(../_images/dropdown_bottom.gif) no-repeat bottom right;
	list-style: none;
}
#nav .dropdown ul li {
	margin: 0;
	padding: 0 3px 5px 49px;
	display: block;
	width: 172px;
	background: transparent url(../_images/dropdown_bg.gif) repeat-y top right;
	font-size: 11px;
	list-style: none;
}
#nav .dropdown ul li.first {
	padding-top: 10px;
}
#nav .dropdown ul li.first a {
	border-top: none;
}
#nav .dropdown ul li a {
	margin: 0;
	float: none;
	padding: 5px 0 0 19px;
	color: #ada895;
	display: block;
	border-top: 1px solid #454545;
	background-color: #2D2D2B;
}
#nav .dropdown ul li a:hover {
	color: #fff;
	font-weight: bold;
	background: transparent url(../_images/dropdown_bullet.gif) no-repeat 5px 10px;
}

/* ---------------------------------------------------------
   Header
   --------------------------------------------------------- */
#background_header {
	position: absolute;
	top: 65px;
	left: -18px;
	width: 1021px;
	height: 588px;
	background: transparent url(../_images/splash_white.png) no-repeat 0 0;
}
#header {
	position: absolute;
	top: 95px;
	left: 0;
	height: 379px;
}

#header .image_a {
	width: 495px;
	height: 379px;
}
#header .image_b {
	width: 463px;
	height: 379px;
}

#home #header {
	height: 588px;
	padding-top: 20px;
}


/* ---------------------------------------------------------
   Sidebar
   --------------------------------------------------------- */

#sidebar {
	position: absolute;
	top: 428px;
	left: 86px;
	width: 217px;
	height: 319px;
	background: transparent url(../_images/bg_sidebar.png) no-repeat top left;
}

#sidebar .wrapper {
	padding: 50px 40px 50px 23px;
}
#sidebar ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 2px 0 6px;
	list-style: none;
	background-image: url(../_images/sidebar_divs.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#sidebar li.last {
	background-image: none;
}
#sidebar li a,
#sidebar li span {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
#sidebar li span {
	text-transform: uppercase;
	color: #f8fab1;
}
#sidebar ul ul {
	margin-top: 0;
	margin-bottom: 4px;
}
#sidebar li li {
	padding: 0;
	background-image: none;
}
#sidebar li li a,
#sidebar li li span { 
	padding-left: 13px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}
#sidebar li li span {
	background-image: url(../_images/bullet_menu.gif);
	background-position: 3px 4px;
	background-repeat: no-repeat;
}

/*#sidebar #accordion .element { margin:0;padding:0;height:0;overflow:hidden;}*/
/* ---------------------------------------------------------
   Gallerie
   --------------------------------------------------------- */

#galeriephotos {
padding-right:12px;
padding-bottom:12px;
width:125;
height:83px;
float:left;
}

#galeriephotos img {
border:solid 1px #666666;

}
/* ---------------------------------------------------------
   Content
   --------------------------------------------------------- */

#content {
	position: relative;
	top: 484px;
	margin-left: 195px;
	margin-bottom: 30px;
	width: 706px;
	background-color: #fff;
	border: 1px solid #D3D0AD;
}

#content404 {
	position: relative;
	top: 200px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 30px;
	width: 706px;
	background-color: #fff;
	border: 1px solid #D3D0AD;
}

#content .wrapper {
	padding: 20px 20px 40px 125px;
	font-size: 11px;
}

#content .wrapper404 {
	padding: 20px 20px 40px 20px;
	font-size: 11px;
}

#content .wrapper2 {
	padding: 20px 20px 40px 20px;
	font-size: 11px;
}

#content h1 {
	font-size: 28px;
}
#content h2 {
	font-size: 14px;
	color:#a73c0c;
	font-weight:bold;
}
#content h3 {
	font-size:16px;
	color:#4cb2be;
}
#content h4 {
	font-weight:normal;
}
#content dt.first {
	border-top:none;
	margin-top: 15px;
}
#content dt {
	margin-top: 25px;
	border-top: 1px dotted #ddd;
	padding-bottom:10px;
	padding-top: 20px;
	font-size:16px;
	color:#4cb2be;
	font-weight: bold;
}

#content a { color:#4cb2be; }
#content a:hover { text-decoration: none; }

#corner_top {
	position: absolute;
	top: 464px;
	right: 35px;
	width: 62px;
	height: 64px;
	background: transparent url(../_images/content_corner_top.png) no-repeat top left;
}

#corner_top404 {
	position: absolute;
	top: -30px;
	right: -28px;
	width: 62px;
	height: 64px;
	background: transparent url(../_images/content_corner_top.png) no-repeat top left;
}

#corner_bottom {
	position: absolute;
	bottom: -35px;
	right: 35px;
	width: 62px;
	height: 78px;
	background: transparent url(../_images/content_corner_bottom.png) no-repeat top left;
}
#corner_bottom404 {
	position: absolute;
	bottom: -35px;
	right: -28px;
	width: 62px;
	height: 78px;
	background: transparent url(../_images/content_corner_bottom.png) no-repeat top left;
}

#corner_bottom404:focus { outline:none; }
#corner_bottom404 span { display: none; }

#corner_bottom:focus { outline:none; }
#corner_bottom span { display: none; }

#liens #content ul { padding-left: 20px; }
#liens #content li { list-style-image: url(../_images/bullet.gif); }

.promotion { margin:0; padding:0; color:#5c7930; font-style:italic; }
.promotion b { margin:0; padding:0; font-size:140%; font-style:normal; }
.promotion a { font-style:normal; }

/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */
#home #push { height:275px; }
#push {	height: 117px; }
#footer {
	text-align: center;
	background-image:url(../_images/footerdiv_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 117px;
}
#footer p {
	margin: 0;
	padding: 60px 0 0 0;
	font-size:10px;
	color:#564c45;
}
#footer a {
	color:#564c45;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#home #footer a.accueil,
#maisons #footer a.maisons,
#projets #footer a.projets,
#promotions #footer a.promotions,
#galerie #footer a.galerie,
#apropos #footer a.apropos,
#faq #footer a.faq,
#liens #footer a.liens,
#contact #footer a.contact { font-weight: bold; }


/* ---------------------------------------------------------
   Promo
   --------------------------------------------------------- */

#promo { position: absolute; top: 128px; right: 0; background: transparent url(../_images/promo_bg.png) no-repeat top left; width: 224px; height: 172px; color: #2F3F4E; font-size: 10px; }
#promo-button { display: block; position: absolute; top: 160px; right: 0; width: 60px; height:83px; }
#promo em, #promo i, #promo strong, #promo b { font-weight: bold; color:#5e5e5f; font-style:normal; }
#promo p { padding: 69px 47px 0 25px; margin:10px 0 0 0; font-size:130%; }

/* ---------------------------------------------------------
   Other
   --------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

ul.bullet_list li {
	list-style-image:url(../_images/bullet.gif);
}

ul.contact li {
padding-bottom:5px;
}

ul.bullet_list  {
	padding-bottom:5px;
}

.text10px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3b3b3b;
	font-weight:normal;
}

.text11px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3b3b;
	font-weight:normal;
}

.text12px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b3b3b;
	font-weight:normal;
}

.text14px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3b3b3b;
	font-weight:normal;
}

.text16px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3b3b3b;
	font-weight:normal;
}

.text18px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3b3b3b;
	font-weight:normal;
}

.text10pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4cb2be;
	font-weight:normal;
}

.text11pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4cb2be;
	font-weight:normal;
}

.text12pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4cb2be;
	font-weight:normal;
}

.text14pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4cb2be;
	font-weight:normal;
}

.text16pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4cb2be;
	font-weight:normal;
}

.text18pxBLEU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4cb2be;
	font-weight:normal;
}

.text11pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a73c0c;
	font-weight:normal;
}

.text12pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a73c0c;
	font-weight:normal;
}

.text10pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a73c0c;
	font-weight:normal;
}

.text14pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a73c0c;
	font-weight:normal;
}

.text16pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#a73c0c;
	font-weight:normal;
}

.text18pxORANGE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#a73c0c;
	font-weight:normal;
}

#content a.linkORANGE:link {
	color:#a73c0c;
	text-decoration: underline;
	
}
#content a.linkORANGE:visited {
	color:#a73c0c;
	text-decoration: underline;
	
}
#content a.linkORANGE:hover {
	color:#a73c0c;
	text-decoration: underline;
	
}

a.linkBLEU:link {
	color:#4cb2be;
	text-decoration: underline;
	
}
a.linkBLEU:visited {
	color:#4cb2be;
	text-decoration: none;
	
}
a.linkBLEU:hover {
	color:#4cb2be;
	text-decoration: underline;
	
}

a.linkGRIS:link {
	color:#8b8b8b;
	text-decoration: none;
	
}
a.linkGRIS:visited {
	color:#8b8b8b;
	text-decoration: none;
	
}
a.linkGRIS:hover {
	color:#8b8b8b;
	text-decoration: underline;
	
}