/* BDL */

*{
margin:0;
padding:0;}

:focus { -moz-outline-style: none; }

body{
background-color:white;
background-image:url(../images/bgrdegrade.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
color:white;
}


#splash{
width:924px;
height:430px;
margin: 50px auto;
}

#conteneur{
width:925px;
background-color:#3c4959;
margin-left:auto;
margin-right:auto;
margin-top:25px;
background-image: url(../images/navBg.png);
background-repeat:no-repeat;
background-position:0px 149px;
}

#entete{
width:925px;
height:260px;

}

#nav{
width:306px;
min-height:597px;
float:left;
overflow:hidden;
}


#partenaires{
width:500px;
background-color:white;}

#partenaires img{
margin-left:10px;}

#scroller{
width:215px;
height:250px;
background: url(../images/cadre.png) no-repeat;
margin-left:10px;
margin-top:25px;
padding-left:4px;
padding-top:4px;
}

#scroller2{
width:215px;
height:170px;
background: url(../images/cadre2.png) no-repeat;
margin-left:10px;
margin-top:25px;
padding-left:4px;
padding-top:4px;
}


#animPhoto{
	position: relative;
	width: 194px;
	height: 227px; 
	overflow: hidden;
	padding-top:5px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 4px;
}

	#marqueecontainer{
	position: relative;
	width: 196px;
	height: 230px; 
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color:black;
	font-size:12px;
	}
	
#vmarquee p{
margin-bottom:10px;
text-align:justify;
line-height:140%;}

#principale{
float:left;
width:560px;
min-height:500px;
height:auto !important;
padding-left:40px;
margin-bottom:15px;
font-size:13px;
line-height:130%;
}

#principale h1{
font-style:italic;
font-size:22px;
width:550px;
height:85px;
background-repeat:no-repeat;
}

#principale h2{
font-size:16px;
font-style:bold;
margin-top:25px;
color:#96B5E3;
}


#principale p{
width:500px;
margin-top:20px;
text-align:justify;
}

#principale a, #piedDePage a{
text-decoration:none;
color:white;
}

#principale a:hover, #piedDePage a:hover{
color:grey;
}

/* Services */

.services{
width:500px;
margin-bottom:50px;}



.services ul{
width:315px;
margin-top:10px;
float:right;
font-size:13px;
text-align:justify;
line-height:150%;}

.services img{
margin-top:10px;
float:left;
border:#96B5E3 2px outset; }

/* Galerie photo */

#galerie{
width:575px;
height:575px;
}


/* Contact */

#contact{
width:490px;
height:530px;
padding-bottom:20px;
border-bottom: 2px grey dotted;}


.contactG{
width:200px;
height:290px;
padding-right:10px;
padding-bottom:20px;
float:left;}

.contactG2{
width:200px;
height:290px;
padding-top:20px;
padding-right:10px;
float:left;}


.contactD{
width:270px;
height:270px;
padding-left:10px;
padding-top:20px;
float:left;}


#horaire{
width:200px;
height:270px;
float:left;
}


/* Maisons modeles */


.modeles{
width:500px;
height:180px;}


.modelesG{
width:230px;
height:180px;
padding-right:40px;
float:left;}


.modelesD{
width:230px;
height:180px;
float:left;}



/* Fiches produits  */


.projetCartes{
width:560px;
height:230px;
background-image:url(../images/cartes_bg.png);
margin-top:5px;}

.projetCartesG{
width:260px;
height:210px;
padding:10px;
float:left;

}

.projetCartesD{
width:260px;
height:210px;
padding:10px;
float:left;
}

.projet{
width:560px;
height:494px;
background-image:url(../images/projets_bg.png);
border:black thin solid;}

.projetReal{
width:560px;
height:402px;
background-image:url(../images/projets_bg.png);
border:black thin solid;}

.projet h4{
font-size:14px;
padding-bottom:5px;}

.projetImgs{
width:560px;
height:280px;
border-bottom:black thin solid;}

.projetImgsG{
width:360px;
height:245px;
margin:5px;
float:left;
border: thin white solid;}

.projetImgsD{
width:175px;
height:245px;
padding:5px;
float:left;}

.projetImgsD img{
border: thin white solid;}

.projetAdresse{
width:550px;
height:50px;
padding:5px;
border-bottom:black thin solid;}

.projetDimensions{
width:550px;
height:50px;
padding:5px;
border-bottom:black thin solid;}

.projetContact{
width:555px;
padding-left:5px;
height:100px;}

.projetContactG{
width:275px;
height:85px;
padding-top:5px;
float:left;}

.projetContactD{
width:270px;
height:85px;
padding-top:5px;
padding-left:5px;
float:left;
border-left:black thin solid;}

.voirplus{
text-decoration:underline;
font-size:14px;
}


#p1, #p2, #p3, #p4, #p5, #p6{
display:none;
}


/* Pied de page */
#piedDePage{
width:925px;
height:21px;
padding-top:4px;
text-align:center;
background-color:#26364A;
font-size:12px;
}

#piedDePage a{
text-decoration:none;
color:white;
}

#piedDePage a:hover{
color:grey;
}


.clear{
clear:both;
}