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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, input, select, button { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content :''; }

html, body {
	background-color:#ffffff;
	text-align : center; /* ie */
	-moz-opacity:.999;
	}

#container {
	position : relative;
	width : 810px;
	margin : 0 auto;
	padding-top : 10px;
	text-align : left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #7c776e;
}

h1 {
	position : absolute;
	text-indent : -9999px;
}

h1 + p {
	position : absolute;
	text-indent : -9999px;
}

h2 {
	margin : 0 12px 0 12px;
	padding-left : 14px;
	line-height : 25px;
	background-color : #7C776E;
	color : #ffffff;
}

h6 {
	padding : 50px 0 25px 0;
	font-size : 13px;
	color : #C30;
}

p {
	margin-bottom : 10px;
}
img {
	padding : 0;
	margin : 0;
	border : 0; 
}

a {
	border : 0;
}

a:link {
	color : #7C776E;
	text-decoration : underline;
}   
a:visited {
	color : #7C776E;
}  
a:hover {
	color : #7C776E;
	text-decoration : none;
}  
a:active {
	color : #7C776E;
}

/* ---------- BRANDING ------------- */

div#branding {
	height : 177px;
	width : 810px;
	font-size: 0; /* delete gaps in ie6 */
}

/* ---------- MAIN NAV ------------- */

div#nav_main {
	position : relative;
	margin : 0;
	padding : 0;
	width : 810px;
	height : 22px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

ul#nav_sections {
	position : absolute;
	top : 0;
	left : 141px;
	margin : 0;
	width : 535px;
	height : 22px;
	background-image:url(../images/nav_sections_bg.gif);
}

ul#nav_sections li {
	display : inline;
	position : absolute;
}

li#nav_accueil {
	left : 0;
}
li#nav_entreprise {
	left : 69px;
}
li#nav_realisations {
	left : 168px;
}
li#nav_conception {
	left : 264px;
}
li#nav_chantier {
	left : 357px;
}
li#nav_joindre {
	left : 433px;
}


li#nav_accueil a {
	width : 69px;
	height: 22px;
}
li#nav_accueil a:hover {
	background-image : url(../images/nav_accueil_bg.jpg);
}
li#nav_accueil .on {
	background-image : url(../images/nav_accueil_bg.jpg);
}
li#nav_entreprise a {
	width : 99px;
	height: 22px;
}
li#nav_entreprise a:hover {
	background-image : url(../images/nav_entreprise_bg.jpg);
}

li#nav_entreprise .on {
	background-image : url(../images/nav_entreprise_bg.jpg);
}

li#nav_realisations a {
	width : 96px;
	height: 22px;
}
li#nav_realisations a:hover {
	background-image : url(../images/nav_realisations_bg.jpg);
}
li#nav_realisations .on {
	background-image : url(../images/nav_realisations_bg.jpg);
}
li#nav_conception a {
	width : 93px;
	height: 22px;
}
li#nav_conception a:hover {
	background-image : url(../images/nav_conception_bg.jpg);
}
li#nav_conception .on {
	background-image : url(../images/nav_conception_bg.jpg);
}
li#nav_chantier a {
	width : 76px;
	height: 22px;
}
li#nav_chantier a:hover {
	background-image : url(../images/nav_chantier_bg.jpg);
}
li#nav_chantier .on {
	background-image : url(../images/nav_chantier_bg.jpg);
}
li#nav_joindre a {
	width : 102px;
	height: 22px;
}
li#nav_joindre a:hover {
	background-image : url(../images/nav_joindre_bg.jpg);
}
li#nav_joindre .on {
	background-image : url(../images/nav_joindre_bg.jpg);
}

li#nav_accueil a, li#nav_entreprise a, li#nav_realisations a, li#nav_conception a, li#nav_chantier a, li#nav_joindre a {
	display : block;
	text-align : center;
	line-height : 22px;
	vertical-align: middle;
	color : #988F86;
	font-weight : bold;
	text-decoration : none;
}

/* --------- ACCUEIL ------------ */

div#animation {
	height : 348px;
	width : 810px;
	text-align : center;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
	font-size: 0; /* delete gaps in ie6 */
}	

/* --------- CONTENT ---------------- */

div#content {
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

div#content_sub, div#content_sub_int  {
	position : relative;
	float : left;
	width : 182px;
	height : 417px; 
	background-image : url(../images/content_sub_bg.jpg);
	background-repeat : repeat-y;
}

div#content_main {
	float:right;
	width : 628px;
}

div#clear {
	clear:both;
}

div#fioriture {
	width : 810px;
	height : 55px;
	padding : 0;
	margin : 0;
	text-align : center;
	background-image : url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

/* --------- ENTREPRISE ------------- */

div#content_entreprise {
	position : relative;
	height : 500px;
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

div#content_entreprise p {
	padding : 0 68px 0 68px;
	text-align : justify;
}

div#content_entreprise li.projets {
	top : 298px;
	left : 68px;
	font-weight:bold;
}
div#content_entreprise li.villas {
	top : 351px;
}
div#content_entreprise li.domaine {
	top : 302px;
	left : 184px;
}
div#content_entreprise li.manoirs {
	top : 332px;
	left : 448px;
}
div#content_entreprise li.maitre {
	top : 490px;
	left : 66px;
}
div#content_entreprise li.novo {
	top : 492px;
	left : 182px;
}
div#content_entreprise li.domus1 {
	top : 490px;
	left : 492px;
}
div#content_entreprise li.domus2 {
	top : 490px;
	left : 628px;
}

div#content_entreprise li {
	position : absolute;
}

div#content_entreprise li p {
	text-align : center;
}

/* témoignages */

div#content_sub_temoignages  {
	position : relative;
	width : 182px;
	background-image : url(../images/content_sub_bg.jpg);
	background-repeat : repeat-y;
}

div#content_main_temoignages {
	width : 628px;
}

div#content_main_temoignages p {
	padding : 5px 40px 0 40px;
}

/* --------- RÉALISATIONS -------- */

div#title {
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

div#content_main_photos, div#content_main_photos_int {
	float:right;
	width : 628px;
	height : 417px;
	background-image:url(../images/content_main_photos_bg.jpg);
	background-repeat:repeat-y;
}

div#content_sub_int {
	height : 621px;
}

div#content_main_photos_int {
	height : 621px;
}

div#content_realisations {
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

div#content_realisations p {
	padding : 0 68px 0 68px;
	text-align : justify;
}

div#content_realisations ul {
	padding : 40px 0 20px 66px;
}

div#content_realisations li {
	display : inline;
	margin : 0;
	padding : 0;
}

div#spacer_gallery {
	padding : 4px;
	background-color:#FFF;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

div#gallery {
	position : absolute;
	width : 172px;
	left : 12px;
}

div.thumbleft
{
  padding: 0 0 5px 0;
  height: auto;
  width: auto;
  float: left;
  display: block;
  background-color:#FFF;
}

div.thumbright
{
  padding: 0 0 5px 5px;
  height: auto;
  width: auto;
  float: left;
  display: block;
  background-color:#FFF;
}

div.thumblast
{
  padding: 0 5px 5px 0;
  height: auto;
  width: auto;
  float: left;
  display: block;
  background-color:#FFF;
}

div#photo {
	position : relative;
	width : 619px;
	background : #FFF;
}

div#photo img {
	position : absolute; /*!important*/
	background-color : white;
}

/* Visite */

div#content_visite {
	width : 810px;
	padding-top : 5px;
	padding-left : 12px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

/* --------- CONCEPTION ----------*/

div#content_conception {
	width : 810px;
	background-image : url(../images/content_bg.jpg);
	background-repeat : repeat-y;
}

div#content_conception p {
	padding : 0 68px 0 68px;
	text-align : justify;
}

div#gallery_conception {
	margin : 25px 0 0 59px;
	width : 744px;
	text-align : center;
}

div.thumb {
  margin : 0 4px 4px 4px;
  height : auto;
  width : auto;
  float : left;
  text-align: center;
  }	
  
div.thumb img {
  padding : 0;
  margin : 0;
  display: inline;
}

div.titlethumb {
  padding-left : 7px;
  text-align : left;
  font-weight : normal;
  font-size : 10px;
  font-weight : bold;
}


div#content_conception_plan {
	width : 810px;
	background-image : url(../images/content_bg.jpg);
	background-repeat : repeat-y;
}

div#plan_info {
	position : relative;
	background-image : url(../images/content_bg.jpg);
	background-repeat : repeat-y;
}

div#plan_info ul {
	position : relative;
	margin : 0 12px 0 257px;
	padding : 0 0 0 22px;
	height : 158px;
	background-color : #F3F3EA;
}

div#plan_info li {
	position : relative;
	line-height: 18px;
}

.plan_info_first {
	padding-top : 13px;
	font-weight : bold;
}

div#plan_info h3 {
	margin : 0 12px 0 257px;
	padding-left : 22px;
	height : 23px;
	line-height : 23px;
	font-size : 16px;
	color : #ffffff;
	background-color : #7C776E;
}

.photo_plan {
	position : absolute;
	top : 209px;
	left : 12px;
	z-index:20;
}

.plan {
	margin : 0px;
	padding : 0 0 0 12px;
	width : 810px;
}

/* --------- CHANTIER ----------- */

div#content_chantier {
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}
	
div#content_chantier p {
	text-align : justify;
	padding : 0 68px 0 68px;
}

div#content_chantier img {
	padding : 20px 0 30px 65px;
}

/* --------- NOUS JOINDRE ------- */

div#content_joindre {
	position : relative;
	width : 810px;
	background-image: url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}

.map {
	position : absolute;
	top : 40px;
	left : 314px;
}

div#coords{
	width : 280px;
	text-align:right;
}

div#coords ul {
	padding : 25px 0 50px 0; 
}

div#coords li {
	padding-top : 15px;
	line-height : 14px;
}

.strong {
	font-weight : bold;
}

/* --------- CREDITS ------------ */

div#credits {
	position : relative;
	height : 28px;
	width : 810px;
	text-align:right;
	background-image:url(../images/credits.jpg);
	background-repeat:no-repeat;
}

h4 {
	padding : 12px 4px 0 0;
	font-size : 10px;
	font-weight : normal;
	color : #CECEC1;
}

.fioriture_sub {
	position : absolute;
	z-index:10;
	left : 27px;
	top : -61px;
}

.fg {
	color : #CECEC1;
	text-decoration : none;
}