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

body,html
{
	height:100%;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#header
{
	height:;
	width:;
}

#conteneur
{	width:960px;
	height:630px;
	background: url(../images/bg-contenu.jpg) 0px 0px no-repeat;
	background-position: bottom;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#bloc1
{	
	width:240px;
	height:170px;
	background-color:#322f2f;
	border-bottom:1px solid #FFFFFF;
}

#bloc2
{	
	width:240px;
	height:94px;
	background-color:#322f2f;
	border-bottom:1px solid #FFFFFF;
	overflow:hidden;
	padding-top:5px;
}
#bloc2 ul {margin:0px;padding:0px;padding-left:0px;}
#bloc2 li{padding-left:5px;}
#bloc2 img {
	margin-right:1px;
}


#bloc3
{	
	width:240px;
	height:240px;
	background:url(../images/imghomme.jpg) left bottom no-repeat #322f2f;
	float:left;
}

#bloc4
{	
	width:720px;
	height:120px;
	background-color:#322f2f;
	margin-top:1px;
	float:left;
	
}
#bloc4 ul, #bloc4 ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:0px;
}
#bloc4 li {
	width:119px;
	border-left:1px solid #FFF;
	float:left;
	height:120px;
}
#bloc4 a{
	display:block;
	width:100%;
	height:70px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	padding-top:50px;
	font-weight:500;
}
#bloc4 a.accueil:hover{
	background:#e4395b;
}

#bloc4 a.societe:hover{
	background:#82a014;
}

#bloc4 a.demarche:hover{
	background:#0085ca;
}

#bloc4 a.partenaires:hover{
	background:#d9720e;
}

#bloc4 a.actu:hover{
	background:#1b9507;
}

#bloc5
{	
	width:720px;
	height:295px;
	background: url(../images/bgfille.jpg) 0px 0px no-repeat;
	float:right;
}

#bloc6
{	
	width:340px;
	height:215px;
	background: url(../images/batiment-intelligent.jpg) left top #322f2f;
	float:left;
	margin-top:1px;
	margin-left:1px;
}

#bloc7
{	
	width:385px;
	height:215px;
	background-color:#322f2f;
	float:right;
	margin-top: -215px;
	border-left:1px solid #FFFFFF;
}
#bloc567{	
	width:709px;
	float:right;
	height:511px;
	padding-left:10px;
	background: url(../images/background-page-gris.jpg) left bottom repeat-x #FFF;
}

.col3{
	width:205px;
	float:left;
	padding:15px;
}
#bloc567 h2{
	margin:0px;
	font-weight:500;
	font-size:16px;	
}
#bloc567 p {
	margin:0px;
	margin-top:10px;
	text-indent:25px;
	font-size:11px;
	text-align:justify;
}
.intro{
	margin-top:10px;text-align:justify;margin-bottom:5px;margin-left:15px;text-indent:25px;margin-right:20px;font-size:14px;
}
.aright{
	text-align:right;
}


#bloc7 ul, #bloc7 ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:0px;
	text-align:left;
	font-size:12px;
}
#bloc7 li {
	width:385px;
}
#bloc7 a{
	display:block;
	width:380px;
	height:70px;
	text-align:left;
	text-decoration:none;
	font-size:13px;
	padding-left:5px;
}

#bloc7 a.actu1{
	background:#FFFFFF;
	height:28px;
	padding-top:10px;
	color:#0067a3;
}

#bloc7 a.actu2{
	background:#322f2f;
	height:28px;
	padding-top:10px;
	color:#9eb93f;
}

#bloc8
{	
	width:70px;
	height:120px;
	float:left;
	background-color:#555252;
	margin-top:1px;
}
#bloc9{
	width:169px;
	height:90px;
	margin-top:1px;
	float:right;
	overflow:hidden;
	padding-top:30px;
}
#animateLogo{
	width:169px;
	height:80px;
	margin-bottom:10px;
}

#bloc1 img
{
	width:230px;
	height:49px;
	margin-left: 4px;
	margin-top:60px;
}

#bloc3 img
{
	width:240px;
	height:124px;
	margin-top:-124px;
}

#bloc8 p
{
	color:#cfcbcb;
	font-size:8px;
	margin-left:4px;
	margin-top:0px;
	padding-top:102px;
}

#bloc7 h2
{
	color:#cfcbcb;
	font-size:20px;
	margin-left:5px;
	margin-top:10px;
}

#bloc3 form {
	padding:10px;
	margin-right:auto;
	padding-top:15px;
}

#bloc3 fieldset 
{
	padding-left:auto;
	padding-right:auto;
	margin-bottom:10px;
	border:none;
}

#bloc3 legend {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	margin-left:48px;
	margin-bottom:4px;
}

#bloc3 label
 {
	color:#FFFFFF;
	text-decoration:none;
	width:100px;
	margin-left:3px;
	font-size:10px;
	padding-left:3px;
	padding-top:50px;
}

input.field 
{
	background-color:#FFFFFF;
	border:1px solid #666;
	width:115px;
	float:left;
	font-size:10px;
	margin-top:4px;
}

input[type=radio] 
{
	background-color:transparent;
	border:none;
}

input.field :focus {
	background-color:white;
	font-size:10px;
}

.button
{
	padding-top:50px;
	width:100px;
	height:36px;
	font-size:14px;
	color:#FFFFFF;
}

.sinscrire
{
	background:url(image/sinscrire.png);
	background-repeat:no-repeat;
	width:107px;
	height:53px;
	margin-top:-45px;
}

.spacer
{
clear:both;
}

#bloc5 p
{
	width:330px;
	font-size:12px;
	font-weight:500;
	text-align:justify;
	text-indent:25px;
	padding-left:18px;
}

#bloc5 h2
{
	width:400px;
	font-weight:500;
	font-size:15px;
	padding-left:18px;
	padding-top:5px;
	margin:0px;
}

#bloc5 h3
{
	width:400px;
	font-size:20px;
	padding-left:14px;
	padding-top:15px;
	display:none;
}

#slideshow {
    position:relative;
    height:100px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
.btonlogin{
	border:1px solid #e4395b;
	width:auto;
	height:auto;
	font-size:10px;
	margin-top:4px;
	margin-left:60px;
	padding:2px;
	color:#82a014;
	background:#322f2f;
}