/*
Theme Name: Eco Theme
Theme URI: http://ecochauffsystem.fr
Description: The first theme created by Sylvain Soria for Eco Chauff System.
Version: 4
Author: Sylvain Soria
 
Creation Theme by Sylvain Soria || 
 
*/

@import url(styles/base.css);
@import url(styles/slimbox.css);

/*** Wrappers ***/
#content-wrapper {
	width: 972px;
	margin:0 auto;
	background:url(images/bg_wrapper.png) repeat-y ;
	overflow:hidden;
	position:relative;
}
#slider-wrapper {
	width:960px;
	margin:0 auto;
	background:url(images/bg_slider-wrapper.png) #9b9682 repeat-x 0 0;
}

/***Liens d'évitement ***/	
ul#skip {
	width:920px;
	margin:0 auto;
	height:44px;
	list-style-type: none;
	background:#959D1D url(images/bg_skip.png) repeat-x 0 0;
}
ul#skip li {
	float:left;
	font-size:0.8em;
	margin-right:.5em;
	padding-top:16px;
}
ul#skip li a {
	color: #ede9cc;
	text-decoration: none;
	padding:13px 5px 12px 0;
}
ul#skip li a:hover,ul#skip li a:focus {
	background:url(images/arrow-top.gif) no-repeat top center;
	text-decoration: underline;
	color:#1D1D1D;;
}

/*** Entête ***/
#logo {
	float:left;
	padding-top:50px;
	padding-left:50px;
}
#head {
	width:960px;
	margin:0 auto;
	position:relative;
	height:229px;
	background:#FFF;
}
#head h1 {
	margin:0;
	font-size:100%;
}
#head h1 img{
	display:block;
	position:absolute;
	left:22%;
	top:10px;
	margin:0 0 35px;
	border-bottom:1px dotted;
}
#head span {
	display:block;
	position:absolute;
	top:98px;
	left:450px;	
	border-left:1px dotted #9C3 ;
	padding:15px 20px;
}
#slogan {
	color:#1D1D1D;
	padding:5px 0;
	float:right;
	width:500px;
}

/*** slider ***/
#slider{
	width: 900px;
	margin:0 auto;
	height: 337px;
	background:url(images/slider.png) no-repeat;
}
#slider p.slider_heading {
	color:#505F12;
	font-size:1.2em;
	font-weight:400;
	margin:10px 0 0;
	letter-spacing:-1px;
}
#slider p {
	color:#ede9cc;
	font-size:1em;
	padding:0 10px;
}
#slider p em {
	background:url(images/blacktrans.png) ;
	color:#fff;
	font:300 1em/1em "Trebuchet MS" ;
	padding:0 2px;
}
.slide {
	float:left;
	height:235px;
	margin:12px 0 0 10px;
	width:350px;
}
.slider_button_left {
	cursor:pointer;
	float:left;
	margin:150px 0 0 50px;
}
.slider_button_right {
	cursor:pointer;
	float:left;
	margin:150px 0 0 25px;
}
.sliderTextHolder {
	background: url(images/white-05.png);
	float:left;
	margin-top:165px;
	width:376px;
}
.sliderTextHolder li {
	height:145px;
}
.sliderImages {
	float:left;
	margin:20px 0 0 15px;
}

/*** Fil d'ariane ***/
#ariane {
	color:#FFF;
	height:20px;
	margin-bottom:9px;
	padding:25px 15px 0.4em;
}
#ariane a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

/*** Menu  Principal ***/
#menu {
	background:#131317 url(images/bg_menu.png) repeat-x 0 0;
	height:120px;
	list-style:none;
	margin:0 auto;
	width:960px;
}
#menu ul {
	list-style:none;
	margin:0 0 0 -40px;
	overflow:hidden;
	padding:0 0 0 40px;
}
#menu li.page_item {
	display:block;
	float:left;
	line-height:43px;
	margin-top:15px;
}
#menu li.page_item a {
	color:#9FD202;
	display:block;
	float:left;
	font-size:70%;
	font-weight:700;
	padding:3px 30px 0;
	text-decoration:none;
	text-transform:uppercase;
}
#menu li.page_item a:hover {
	border-bottom:4px solid #9FD202;
	color:#FFF;
}
#menu li.page_item.current_page_item a, #menu li.page_item.current_page_item a:hover {
	background:#FFF;
	color:#131317;
	border:none;
	padding-top:3px;
}
#menu li.page_item.devis a {
	background:#5F708B url(images/devis.png) no-repeat 0 0;
	color:#FFF;
	padding:3px 31px 0;
}
#menu li.page_item.devis a:hover {
border-bottom:4px solid #131317;
color:#131317;
}

/*** Contenu ***/
#content{
	width:960px;
	background:#EEE8DA url(images/bg_content.png) repeat-y 0 0;
	margin:0 auto;
	padding-bottom:35px;
	overflow:hidden;
}
#primaryContent{
	padding: 15px 20px 20px;
	width:643px;
	float:left;
}
#primaryContent h2 {
	background: url(images/hr.jpg) no-repeat left bottom;
	padding-bottom:40px;
	padding-top:10px;
	text-align:left;
	font-size:1.8em;
	font-weight:normal;
	color:#7E8F1A;
}
#primaryContent h2:before {
	content:url(images/tree.png) ;
	padding-right:15px;
}
#primaryContent h3 {
	background:url(images/puce.gif) no-repeat 16px 16px;
	padding:14px 0 15px 40px ;
}
#primaryContent h3.contact {
	background:url(images/contact.gif) no-repeat 20px 12px;
	color:#333;
	font-size:1.075em;
	margin-top:15px;
	padding-left:40px;
	padding-top:12px;
}
#primaryContent a,#primaryContent a:visited {
	color:#89B905;
	text-decoration:none;
}
#primaryContent a:hover,#primaryContent a:focus {
	color:#686B6F;
}
#primaryContent ul.check li{
	background: url(images/puce.png) no-repeat 5px 0;
	padding-left:30px;
}
#primaryContent ul.plus li{
	background: url(images/pucev.gif) no-repeat 5px 5px;
	padding-left:25px;
}
#primaryContent ul.float li{
	float:left;
	padding:5px;
}
#primaryContent p {
	overflow:hidden;
	clear:both;
}
#primaryContent p.intro {
	border:1px solid #B0ADA0;
	padding:15px;
}
#primaryContent p.intro img {
	margin-top:5px;
}
#primaryContent p#promo {
	border:1px solid #A19E8B;
	height:75px;
	margin:70px 30px 30px;
	padding:25px 15px 0 100px;
	position:relative;
	text-align:center;
	overflow:visible;
}
#primaryContent p#promo img {
	left:-40px;
	line-height:1.5em;
	position:absolute;
	top:-50px;
}
#primaryContent p.info {
	background:#EFEDE0;
	border:1px solid #B0ADA0;
	margin:20px auto;
	padding:0;
}
#primaryContent p.info span {
	background:#5F5C4D;
	border:1px solid #FFF;
	color:#99CC33;
	display:block;
	margin:5px;
	padding:10px;
        overflow:hidden;
}
#primaryContent p.info span a {
	color:#FFFFFF;
}
#primaryContent p.info span a:hover {
	color:#B2C2D9;
}
#primaryContent a.deco, #primaryContent a.deco2, #primaryContent a.deco:visited, #primaryContent a.deco2:visited {
	background:#131317;
	text-decoration:none;
	display:block;
	margin:10px auto;
	padding:5px;
	width:170px;
}
#primaryContent a.deco2, #primaryContent a.deco2:visited {
	width:262px;
	height:150px;
}
#primaryContent a.deco:hover,#primaryContent a.deco2:hover {
	background:#9C3;
	padding:4px;
	border:1px dotted #2F2F2F;
}
#primaryContent span.note {
	text-align:center;
	padding:0 10px;
	margin-bottom:5px;
	color:#6F6F6F;
	display:block;
	font-size:.8em;
}
#primaryContent a.deco img{
	display:block;
}

/*** Formulaire de recherche ***/
.searchbox input#s  {
	background: url(images/searchinputbg.jpg) no-repeat left top;
	width: 168px;
	height: 25px;
	display: block;
	float: left;
	font-size:130%;
	padding: 4px 0 0 7px;
	margin: 4px 0 0 40px;
	line-height: 25px;
	border: none;
}
.searchbox input.submit  {
	margin: 4px 0 ;
}

/*** Sidebar ***/
#sidebar{
	width:275px;
	font-size:75%;
	float:right;
	margin-bottom:35px;
}
#sidebar p{
	padding:0 20px;
	margin:0;
}
#box-nav{
	padding:7px 0;
	overflow:hidden;
	width:275px;
	margin:25px auto 0;
}
#box-nav h4 {
	font-size:1.25em;
	border-bottom:1px dotted;
	margin:0 auto 20px;
	padding-bottom:8px;
	text-align:center;
	width:200px;
	clear:both;
}

/*** Navigation sidebar ***/
ul.nav {
	margin:0 0 15px ;
	padding:0;		
}
ul.nav li, ul.nav li.cat-item  {
	list-style:none;
}
ul.nav li a, ul.nav li.cat-item a, ul.nav li a:visited, ul.nav li.cat-item a:visited {
	display:block;
	margin:0;
	padding:2px 0;
	text-decoration:none;
	text-transform:uppercase;
	color: #635537;
}
ul.nav li a:hover, ul.nav li.cat-item a:hover, ul.nav li a:focus, ul.nav li.cat-item a:focus {
	text-decoration:none;
	background:#131317 url(images/current.gif) no-repeat 0 center;
	color:#B2C2D9;
}
ul.nav li a span, ul.nav li.cat-item a span {
	display:block;
	margin:0;
	padding:6px 0 6px 60px;
	width:85%;
	cursor:pointer;
	text-align:left;
	background: url(images/pucea.gif) no-repeat 40px 9px;
}
ul.nav li a span:hover, ul.nav li.cat-item a span:hover {
	background: url(images/puceh.gif) no-repeat 40px 9px;
}
ul.nav li a.current, ul.nav li.current-cat a, ul.nav li.current_page_item a {
	background:#131317 url(images/current.gif) no-repeat 0 center;
	color:#FFF;
}
ul.nav li a.current span, ul.nav li.current-cat a span, ul.nav li.current_page_item a span {
	background:url(images/pucec.gif) no-repeat 40px 9px;
	color:#FFF;
}
ul.lienext {
	margin:0 0 15px;
	padding:0;
}
ul.lienext li {
	background: url(images/pucea.gif) no-repeat 95px 4px;
	cursor:pointer;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}
ul.lienext li:hover {
	background:url(images/puce_ext.gif) no-repeat 95px 4px;
}
ul.lienext li a {
	background:url(images/external.gif) no-repeat 170px 2px;
	color:#635537;
	display:block;
	margin:0;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
ul.lienext li a:hover {
	background: url(images/external_hover.gif) no-repeat 170px 2px;
	color:#5D6E89;
}
ul.partner {
	margin:25px 0;
	overflow:hidden;
	padding:0 0 0 28px;
}
ul.partner li {
	float:left;
	padding-right:4px;
}
ul.partner li a {
	display:block;
}
ul.partner li a img {
	display:block;
}

/*** Pied de page ***/
#footer{
	width: 960px;
	margin: 0 auto;
	background:url(images/bg_slider-wrapper.png) #9b9682 repeat-x 0 0;
	height:60px;
}
#footer a{
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover{
	color:#616161;
	text-decoration:none;
}
#footer p{
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	padding-top:25px;
	margin:0;
}

/*** Divers ***/
a.toTop {
	background: url(images/top.gif) no-repeat 160px 5px;
	bottom:80px;
	color:#536B11;
	display:block;
	font-size:0.85em;
	height:18px;
	padding:5px 10px;
	position:absolute;
	right:50px;
	text-decoration:none;
	width:160px;
	border:1px dashed;
}
a.toTop:hover {
	background:url(images/tophover.gif) no-repeat 160px 2px;
	color:#5D6E89;
}
#notfound {
	background:#EFEDE0;
	border:1px solid #B0ADA0;
	margin:25px auto;
	width:650px;
	padding:5px;
	color:#414141;
}
#notfound {
	background:#96A8C3;
	border:1px solid #818D9F;
	margin:25px auto;
	padding:0;
}
#notfound span {
	background:#838A94;
	border:1px solid #B3B8BF;
	color:#FFFFFF;
	display:block;
	margin:5px;
	padding:10px;
}
.center {
        background:none repeat scroll 0 0 #E3E1D3;
        border:1px solid #B0ADA0;
        display:block;
        margin:15px auto;
        padding:6px;
        text-align:center;
}
.left {
	float:left;
	padding:6px;
	margin:6px 15px 6px 0;
	background:#e3e1d3;
	border:1px solid #b0ada0;
}
.right {
	float:right;
	padding:6px;
	margin:6px 0 6px 15px;
	background:#e3e1d3;
	border:1px solid #b0ada0;
}
p#adress, p#tel, p#mailto {
	background:#AABF53;
	margin:0 auto 25px;
	padding:5px;
	text-align:left;
	width:200px;
}
p#adress span, p#tel span, p#mailto span {
	background:#FFF;
	border:1px solid #6D8412;
	display:block;
	padding:15px;
}

/*** Liens externes***/
a.ext {
	background:url(images/external.gif) no-repeat right 3px;
	padding:0 20px 0 0 ;
}
a.ext:hover {
	background:url(images/external_hover.gif) no-repeat right 3px;
}

/*** Tableau ***/
table {
	width:100%;
	border-collapse:collapse;
}
caption {
	caption-side:top;
	text-transform:uppercase;
	font-size:80%;
	color:#FFF;
	background:#131317;
	padding:5px;
}
thead tr, tbody th{
	font-size:80%;
}
thead p {
	padding: 5px;
}
th ,td {
	border: 1px solid #fff;
}
td {
	font:300 1em/1em "Trebuchet MS" ;
	background:#FFF;
}
td p {
	text-align:center;
	margin-top:.3em;
}
td.hover {
	background:#8B8CDF;
}

td.hover:hover {
	background:#131317;
	color:#74E800;
}