@charset "UTF-8";

body {
	margin:0;
	padding:0;
	background:#efefef url(../images/bg.png) repeat-x left -6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#818289;
}

p,ol,ul,li,h1,h2,h3,h4,h5,h6,form,hr {
	margin:0;
	padding:0;
}

a {
	outline:none;
	text-decoration:none;
	color:#447d94;
}

#global {
	position:relative;
	margin:0 auto;
	background:transparent url(../images/header-bg.png) no-repeat center -6px;
	width:955px;
}

#header {
	position:relative;
	height:148px;
}

#header #logo {
	position:absolute;
	top:40px;
	left:30px;
}

#header #recherche {
	position:absolute;
	width:270px;
	right:15px;
	bottom: 20px;
	text-align:right;
	
}

#header #recherche input.champs {
	height:17px;
	width:180px;
	border:1px solid #dededf;
	background:#fff url(../images/champstxt-bg.png) repeat-x left top;
	padding: 7px 0 0 5px ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	vertical-align:top;
}

#header #recherche input.btn-go {
	width: 44px;
	border:medium none;
}
ul#navbar {
	height:65px;
	width:955px;
	overflow:hidden;
	background:transparent url(../images/navbar-bg.png) no-repeat left top;
}

ul#navbar li {
	list-style: none;
	float:left;
	text-indent:-9999px;
	height:65px;
}
ul#navbar li a {
	display:block;
	height:65px;
}
ul#navbar li a.accueil {
	width:140px;
	background:transparent url(../images/navbar-accueil.png) no-repeat left top;
	margin-left:42px;
}
ul#navbar li a.actualites {
	width:154px;
	background:transparent url(../images/navbar-actualites.png) no-repeat left top;
}
ul#navbar li a.batir {
	width:192px;
	background:transparent url(../images/navbar-batir.png) no-repeat left top;
}
ul#navbar li a.actions {
	width:163px;
	background:transparent url(../images/navbar-actions.png) no-repeat left top;
}
ul#navbar li a.projets {
	width:196px;
	background:transparent url(../images/navbar-projets.png) no-repeat left top;
}
ul#navbar li a:hover,  ul#navbar li a.current{background-position:left bottom;}


#homephoto {
	position:relative;
	height:314px;
	background:transparent url(../images/bg-homephoto.png) no-repeat left top;
}
#homephoto .photo{
	position:absolute;
	top:14px;
	width:450px;
	height:280px;
	overflow:hidden;
}
#homephoto .photo.left { left:24px; }
#homephoto .photo.right{ right:24px; }


#homephoto p{
  margin: 1.12em 0; 
  line-height:17px;
}

#homephoto a{
	text-decoration:none;
	font-weight:bold;
	color:#447d94;
}
#homephoto a:hover{
	text-decoration:underline;
}

#homephoto #content-objet, #homephoto #content-actu {
	position:absolute;
	top:14px;
	width:420px;
	background:#000 no-repeat left top;
	padding:15px;
	height:250px;
	overflow:hidden;
	display:none;
	color:#fff;
	opacity: 0.7;
	z-index:100;
}

#homephoto #content-actu { right:24px; }
#homephoto #content-objet {	left:24px; }

#content {
	background:transparent url(../images/content-middle.png) repeat-y left top;
	position:relative;
}
#content #middle{
	background:transparent url(../images/content-top.png) no-repeat left top;
	padding:30px 40px 10px 40px;
}
#content #bas{
	background:transparent url(../images/content-bas.png) no-repeat left bottom;
	height:20px;
}

.section_title{
	font-size:2em;
	font-weight:normal;
}

#content #middle  p{
	  margin: 1.12em 0;
	  text-align:justify;
	  line-height:18px;
}
.post {
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:2px dotted #f1f1f1;
	float:left;
	clear:left;
	width:100%;
}
.news_title {
	color:#447D94;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
}
.news_date {
	background:url(../images/colonnedroite-bg.png) repeat-x scroll left top transparent;
	border:0 solid #D4D4D4;
	color:#787878;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:1.4em;
	margin-right:10px;
	padding:4px 6px;
}
.news_entry { padding-bottom:5px; }
.news_pic {
	padding:5px 10px 5px 5px;
}
.news_pic.alignleft {
	float:left;
}
.news_pic.aligncenter {
	text-align:center;
	padding:7px;
}

#colonnedroite {
	float:right;
	width:296px;
}
.blocdroit {
	background:#f7f7f7 url(../images/colonnedroite-bg.png) repeat-x left top;
	padding:0 15px;
	margin-bottom:10px;
	overflow:hidden;
}
.blocdroit h3 {
	font-size:14px;
	font-weight:normal;
	height:40px;
	line-height:42px;
	cursor:pointer;
}
.blocdroit h3:hover {	color:#447d94; }

ul.listeInfo { list-style:none; overflow:hidden; padding-bottom:3px;}
ul.listeInfo li{
	margin:10px 0;
	padding-left:15px;
	background:transparent url(../images/fleche01.png) no-repeat left 4px;
	line-height:17px;
}
ul.listeInfo li a{ text-decoration:none; color:#818289; }
ul.listeInfo li a:hover{ color:#447d94; }

ul#splashhome {
	height:113px;
    padding: 0 0 0 12px ;
	margin:0;
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}

ul#splashhome li {
	list-style: none;
	float:left;
	text-indent:-9999px;
	margin:0 4px;
}

ul#splashhome li a {
	display:block;
	height:113px;
	width:302px;
}

ul#splashhome li a.splash-actu {
	background:transparent url(../images/splash-actualite.png) no-repeat top left;
}
ul#splashhome li a.splash-objet {
	background:transparent url(../images/splash-objet.png) no-repeat top left;
}
ul#splashhome li a.splash-projet {
	background:transparent url(../images/splash-projet.png) no-repeat top left;
}

ul#splashhome li a.splash-actu:hover, ul#splashhome li a.splash-objet:hover, ul#splashhome li a.splash-projet:hover{
	background-position:left bottom;
}
ul#splashhome li a.active{
	background-position:left bottom;
}



#formContact .champsA {
	border:1px solid #dededf;
	background:#fff url(../images/champstxt-bg.png) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #909192;
	width:200px;
	height:14px;
	padding:4px;
}
#formContact .sujet {
	width:350px;
}
#formContact .message {
	width:350px;
	height:150px;
	font-weight:normal;
}

#footer {
	position:relative;
	height:59px;
	background:transparent url(../images/footer-bg.png) no-repeat center top;
	padding:10px 30px;
}
#footer p#legal {
	float:left;
	font-size:0.9em;
	font-weight:bold;
	line-height:65px;
	padding-left: 50px;
	color:#a5a6ab;
}
#footer ul#liensfooter {
	float:right;
	padding-right:17px;
	line-height:63px;

}
#footer ul#liensfooter li{
	float:right;
	list-style:none;
	margin:0 10px;
}
#footer ul#liensfooter li.separateur {
	background:transparent url(../images/separateur.png) no-repeat left center;
	text-indent:-9999px;
	width:2px;
}

#footer ul#liensfooter li a{
	font-size:12px;;
	color:#a5a6ab;
	text-decoration:none;
}
#footer ul#liensfooter li a:hover{
	text-decoration:underline;
	color:#447d94;
}