@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 : relative;

	/*top : 0;

	left : 141px;*/

	margin : 0 auto;

	width : 636px;

	height : 22px;

	background-image:url(../images/nav_sections_bg.gif);

}



ul#nav_sections li {

	display : inline;

	/*position : absolute;*/
	float:left;

}


/*
li#nav_accueil {

	left : 0;

}

li#nav_entreprise {

	left : 69px;

}

li#nav_temoignages {

	left : 168px;

}

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_temoignages a {

	width : 100px;

	height: 22px;

}

li#nav_temoignages a:hover, li#nav_temoignages .on {

	background-image : url(../images/nav_temoignages_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, li#nav_temoignages 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 */
	text-align:center;

}	



/* --------- 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 : 540px;

	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 : 540px;

	left : 130px;

}

div#content_entreprise li.novo {

	top : 542px;

	left : 240px;

}

div#content_entreprise li.domus1 {

	top : 540px;

	left : 492px;

}

div#content_entreprise li.domus2 {

	top : 540px;

	left : 628px;

}



div#content_entreprise li {

	position : absolute;

}



div#content_entreprise li p {

	text-align : center;

}

div#content_entreprise a.projet-1
{
    width:223px; height:135px;
    display:inline-block;
    background:url(/images/projet-maison-temoin-laval.gif);
}
div#content_entreprise a.projet-1:hover
{
    background:url(/images/projet-maison-temoin-laval-on.gif);
}
div#content_entreprise a.projet-2
{
    width:226px; height:135px;
    display:inline-block;
    background:url(/images/projet-maison-ile-perrot.gif);
}
div#content_entreprise a.projet-2:hover
{
    background:url(/images/projet-maison-ile-perrot-on.gif);
}



/* 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;

}

div#plan_info h3 a 
{
    position:absolute;
    right:20px;
    color:White;
    font-size:.8em;
    font-weight:normal;
}



.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;

}


/* --------- construire ------- */


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

div#content_construire div.construire_inner p 
{
    padding:10px 50px;
    color:White;
}

div#content_construire div.construire_inner
{
    height: 399px;
    margin:0 12px;
    background: url(../images/construire-bg.jpg) no-repeat;
}

/* --------- projet ------- */


div#content_projet 
{
    position : relative;
    padding:10px 0 50px;
	width : 810px;
	background: url(../images/content_bg.jpg) repeat-y;
}


div#content_projet table
{
    margin:0 12px;
}


/* --------- 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;

}