
*,p{
  margin: 0;
  padding: 0;
}

body{
  text-align: center;
  margin: 0;
  padding: 0;
  color: #5f8028;
  font-family: 0.7em "Lucida Grande", helvetica, arial, sans-serif;
  background: #e9e9e9;
}

h1, h2, h3, h4, h5, h6{
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 20px;
  margin: 0px;
  font-weight: normal;
}

h1{
  color: #e48305;
  padding-bottom: 5px;
}

h3{
  color: #6890c3;
  font-size: 16px;
  font-family: 'georgia', times, serif;
  text-transform: uppercase;
}

h4{
  color: #5f84c3;
  font-family: "Trebuchet MS" arial helvetica sans-serif;
  font-size : 15px;
  padding-bottom: 5px;
}

h2{
  font-size: 12px;
  color: #537bad;
  padding-bottom: 5px;
}

hr{
  background: transparent;
  border-color: transparent;
  border-height: 0;
  display: none;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/ * html .clearfix { display:block; } /* End hide from IE-mac */

.clear {
	clear: both;
}

/**** BASIC COMPONENTS ****/

a{
	text-decoration: none;
	color: #e48305;
}

a:hover{
	text-decoration: underline;
	color: #e48305;
}

#layout{
  background: #e9e9e9 url("../images/main_tpl/bg_body.gif") repeat-y 50% 0;
}

#wrapper{
  margin: 0 auto;
  width: 780px;
}

#header{
  position: relative;
  width: 780px;
  height: 102px;
  background: transparent url("../images/main_tpl/header.gif") no-repeat 10px 0px;
}

#pagebody{
  margin-left: 10px;
  text-align: left;
  position: relative;
}

#teaser{
  width: 565px;
  height: 105px;
  border: 0px solid transparent;
  background: transparent url("../images/main_tpl/teaser.gif") no-repeat 0px 0px;
  text-align: left;
}

#pagecontent{
  padding: 20px;
  width: 525px;
  float: left;
  _margin: 12px;
}

* html #pagecontent {
  padding: 0px;
}

#sidebar{
  margin-top: -105px;
  margin-left: 1px;
  float: left;
  _margin-left: 5px;
}

#footer{
  clear: both;
  background: transparent url("../images/main_tpl/bg_footer.gif") no-repeat 50% 0;
  padding-top: 30px;
}

/**** HEADER COMPONENTS ****/

#mainnav{
  list-style: none;
  position: absolute;
  top: 30px;
  right: 30px;
  color: white;
  font-weight: bold;
  font-family: "arial", helvetica, sans-serif;
}

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

#mainnav a:hover{
  border-bottom: 1px dotted white;
}

#mainnav li{
  display: block;
  float: left;
  padding-left: 10px;
}

/**** TEASER COMPONENTS ****/

#teaser a{
  text-decoration: none;
  border-bottom: 1px dotted #6890c3;
  color: #537bad;
}

#teaser a:hover{
  border-bottom: 1px solid #537bad;
}

/**** SIDEBAR COMPONENTS ****/

/* SIDEBAR Actus - Stages */

#sidebar .title{
  background: transparent url("../images/main_tpl/sidebar_title.gif") no-repeat;
  width: 192px;
  height: 24px;
  color: #d8fbff;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 0 0 10px;
}

#sidebar .title.search {
  background-image: url("../images/main_tpl/bg_btn_search.gif");
  color: #fff;
  margin-bottom: 10px;
}

#sidebar .title.search a {
  color: #fff;	
}

#sidebar{
	text-align: left;
	color: #586976;
  font-size: 1em;
}

#sidebar .entries{
	margin: 10px 0;
}

#sidebar .entry{
  clear: both;
  width: 184px;
  padding: 0 6px 5px;
  position: relative;
  height: auto;
  display: block;
}

#sidebar .entry .content{
  width: 150px;
  padding: 13px 8px 0;
  text-transform: lowercase;
}

#sidebar .entry .frame-mid{
  padding: 5px;
  width: 158px;
}

#sidebar .content a{
  color: #586976;
  text-decoration: none;
  font-size: .9em;
}

#sidebar .content a:hover{
  color: white;
  font-size: .9em;
}

#sidebar .date{
  top: 0px;
  position: absolute;
}

#sidebar .entry .cart-mid{
  font-family: "trebuchet MS", helvetica, sans-serif;
  font-size: 11px;
  padding-top: 2px;
  _padding-top: 2px;
  color: #586976;
}

/* SIDEBAR BANNERS */

#sidebar .banners{
	text-align: center;
	padding-top: 10px;
	margin-left: -10px;
}

#sidebar .banners img{
	border: 2px solid white
}

/* SIDEBAR CATALOGUE */

#sidebar .menu-catalogue{
	width: 184px;
  padding: 0 6px 5px;
  position: relative;
  height: auto;
  display: block;
}

#sidebar .menu-catalogue a{
	color: #586976;
}

#sidebar .menu-catalogue a:hover{
	color: #FFF;
	text-decoration: none;
}

#sidebar .menu-catalogue ul{
  list-style: none;
  margin: 0;
  margin: 10px 0 10px 10px;
}

#sidebar .menu-catalogue li{
  margin: 5px 0;
}

#sidebar .menu-catalogue li ul li{
  margin: 0 10px;
}

#sidebar .menu-catalogue li ul{
  margin: 5px 0;
}

/**** PAGECONTENT COMPONENTS ****/

#pagecontent h3{
	padding-bottom: 10px;
}

#pagecontent p{
	padding-bottom: 10px;
	text-align: justify;
}

/**** VARIOUS COMPONENTS ****/

/* CARTRIDGE */

.cart-start,
.cart-mid,
.cart-end{
  height: 22px;
}

.cart-start{
  width: 9px;
  float: left;
  background: transparent url("../images/main_tpl/cart_left.gif") no-repeat;
}

.cart-mid{
  background: transparent url("../images/main_tpl/cart_mid.gif") repeat-x;
  float: left;
}

.cart-end{
  width: 17px;
  background: transparent url("../images/main_tpl/cart_right.gif") no-repeat;
  float: left;
}

.frame-top{
  width: 168px;
  height: 6px;
  background: transparent url("../images/main_tpl/sidebar-frame-top.gif") no-repeat;
}

.frame-mid{
  width: 168px;
  background: transparent url("../images/main_tpl/sidebar-frame-mid.gif") repeat-y;
  _margin-top:-10px;
}

.frame-bot{
  width: 168px;
  height: 6px;
  background: transparent url("../images/main_tpl/sidebar-frame-bottom.gif") no-repeat;
}

/* ACCUEIL */

.accueil h1{
	margin-bottom: 10px;
}

.accueil p{
	line-height: 1.5em;
}

.accueil img{
	float: left;
	margin: 0 10px 0px 0;
	border: 1px solid #537bad;
}

/* ARTICLE & STAGE ENTRIES */

.entry{
  padding: .6em 0;
}

.date {
  font-family: verdana;
  font-size: .8em;
  color: #5f8028;
}

.date-left{
  float: left;
  height: 13px;
  width: 5px;
  background: transparent url("../images/main_tpl/date_bg_left.gif") no-repeat;  
}

.date-mid{
  height: 13px;
  background: transparent url("../images/main_tpl/date_bg_mid.gif") repeat-x;
  float: left; 
}

.date-right{
  float: left;
  height: 13px;
  width: 5px;
  background: transparent url("../images/main_tpl/date_bg_right.gif") no-repeat;
}

.entrytitle {
  clear: both;
  text-transform: uppercase;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  padding-left: 5px;
  padding-top: 5px;
  color: #5f84c3;
}

.entrybody{
	clear: both;
  padding-left: 5px;
}

.entrybody p{
  line-height: 120%
}

.entry a{
  text-decoration: none;
  color: #5f84c3;
}

.entry .intro{
  color: #5f84c3;
}

.body{
  padding-top: 1em;
}

.more {
  font-size: .90em;
  letter-spacing: .05em;
  color: #e48305;
  background: transparent url("../images/main_tpl/bg_more.gif") no-repeat -1px;
  padding-left: 8px;
  border-bottom: 1px dotted #e48305;
}

/*CATALOGUE - LIENS */

h4.cftitle {
	display: block;
	background-image: url("../images/main_tpl/titre_vert_bg_mid.gif");
	padding: 2px 5px;
	height: 17px;
	margin-bottom: 20px;
}

h4.cftitle .floatr {
	font-size: 10px;
	color: #e48305;
	padding-top: 5px;
	padding-right: 5px;
}

h4.cftitle a{
	color: #5f84c3;
}

.ctitle{
	text-transform: uppercase;
	color: white;
	font-family: "Trebuchet MS" arial helvetica sans-serif;
	margin: 0;
	height: 17px;
	width: 215px;
}

.ctitle-left,
.cftitle-left{
  float: left;
  height: 17px;
  width: 5px;
  background: transparent url("../images/main_tpl/titre_bg_left.gif") no-repeat;
  display: block;
}

.ctitle-mid,
.cftitle-mid{
  float: left;
  padding-top: 1px;
  padding-left: 5px;
  height: 17px;
  background: transparent url("../images/main_tpl/titre_bg_mid.gif") repeat-x;
  width: 200px;
}

.ctitle-right,
.cftitle-right{
  float: left;
  height: 17px;
  width: 5px;
  background: transparent url("../images/main_tpl/titre_bg_right.gif") no-repeat;
  display: block;
}

.cftitle-left{
	background-image: url("../images/main_tpl/titre_vert_bg_left.gif");
	border: 1px solid red;
}

.cftitle-mid{
	background-image: url("../images/main_tpl/titre_vert_bg_mid.gif");
	color: #586976;
}

.cftitle-right{
	background-image: url("../images/main_tpl/titre_vert_bg_right.gif");
}

/*familles*/

.nb-articles {
	font-size: 11px;
}

.retour {
	font-size: 10px;
}

.liens-familles,
.catalogue-articles,
.catalogue-famille,
.catalogue-subarticles{
	list-style: none;
	margin: 0;
	padding: 0;
}

.liens-familles li,
.catalogue-famille li,
.catalogue-subarticles li{
	clear: both;
	padding: 5px 0;
	width: 215px;
}

.catalogue-famille a:hover div{
	color: #e48305;
}

.liens-familles li ul,
.catalogue-subarticles li ul{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	margin-top: 10px;
}

.liens-familles li ul li,
.catalogue-subarticles li ul li{
	margin: 0;
	padding: 0;
}

.catalogue-articles li{
	padding-left: 10px;
}

.catalogue-articles li a{
	color: #537bad;
}

/* Produits */

.line-entry{
	clear: both;
	border-bottom: 3px solid #ededed;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 500px;
}

.line-entry .floatl {
	margin: 0 10px 10px 0;
}

.produit-line .nom-produit {
	color: #586976;
}

.last {
	border: 0;
	margin: 0;
}

img,
a img {
	padding: 4px;
	border: 1px solid #ededed;
	background: white;
}

img.floatl {
	margin-right: 10px;
}

img.floatr {
	margin-left: 10px;
}

/* Titres des embed*/

h2.titre {
	width: 100%; 
	padding: 5px
}

#promotion .titre {
	background: #ffb51d; 
	color: white; 
}

#zoom-realisation .titre{
	background: #b6d854;
	color: white;
}

/* Bloc texte */
.bloc-texte{
	padding-bottom: 10px;  
}

/*** CHANTIERS ***/

.ecojolies h1{
	margin-bottom: 10px;
}

.chantier{
	clear: both;
	margin-bottom: 20px;
}

.chantier h2{
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0;
}

.chantier .photolisting{
	float: left;
}

.chantier .photolisting img{
	padding : 1px;
	background: #586976;
}

.chantier .intro{
	padding: 0;
	margin: 0;
	padding-left: 210px;
}

.chantier .intro p{
	margin-top: -5px;
	line-height: 1.3em;
}

.chantier .more {
	float: right;
}

.chantier .description{
	clear: both;
	color: #586976;
}

.chantier .photos{
	width: 100%;
	text-align: center;
}

.chantier .photos img{
	padding : 1px;
	background: #586976;
	margin: 10px;
}

#pagecontent .chantier .photos p{
	text-align: center;
}

/*** CONTACT ***/

.contact img{
	float: right;
	margin: 0 10px 0px 0;
	border: 1px solid #537bad;
}

/*** Pagination ***/

#pagecontent p#pagin {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/*** Page de recherche avancée ***/

.btn_newsearch, .btn_newsearch span {
	background: transparent url('../images/main_tpl/bg_btn	.gif') no-repeat;
	clear: both;
	display: inline;
	float: left;
	height: 25px;
	line-height: 25px;
}

.btn_newsearch span {
	background-position: 100% 0;
	padding-right: 15px;
	position: relative;
	right: -15px;
	font-weight: normal;
}

.btn_newsearch {
	color: #5F84C3;	
}

.btn_newsearch:hover {
	text-decoration: none;
	color: #000;
}

.advancedsearch h1 {
	line-height: 20px;	
}

.maincontentheader p {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.maincontentheader .search_reload {
	border: 0;
	display: inline;	
}

