/*
Theme Name: Smalt 1.0
Theme URI: http://www.smaltenergie.com
Description: *
Version: 1.0
Author: Raphael Bastide
Author URI: http://www.raphaelbastide.com
*/

/* ### STANDARD VALUES ### */
* {
padding: 0;
margin: 0;
font: normal 14px Verdana;
text-decoration: none;
border: none;
}

body {
background:white url(img/bg_header.jpg) repeat-x;
color:#272727;
}

#header {
height: 147px;
padding-top: 25px;
}

#page {
width: 849px;
margin-left: auto;
margin-right: auto;
}

/* ##### HEADER ##### */

#logo{
margin:50px 0 0 0;
float:left;
}

#header h1 a {
display:none;
}
.description{display:none;}

/* ##### TOPMENU ##### */

#topmenu{
text-align:right;
float:right;
display:block;
margin:-51px 0 0 0;
}

#topmenu ul{
margin:0;
padding:0;
text-align:right;
}

#nav{
width: 100%;
}

#nav ul { 
width: 100%;
list-style: none;
font-size: 14px;
padding: 0;
margin: 0;
float: left;
}


#nav ul li a {
font-size:1.2em;
display : block;
text-decoration : none;
color:white;
padding: 0px;
margin:0px;
}

#nav li:hover {
color:#e2eef3;
background:#4DBCE3;
}
#nav li {
color: #ffffff;
float: left;
margin:0 1px 0 0;
padding: 4px 12px 4px 12px;
}

#nav li ul {
display:none; /*empeche l'affichage au chargement*/
background-color: #f9fbfc;
position:absolute;
height:auto;
left:auto;
z-index:10;
width:auto;
border:1px solid #dae9ef;
border-top:0px;
font-weight : normal;
margin : 4px 0px 0px -25px;
}

#nav li li a{
padding:4px 15px 7px 0;
color:#2f83a3;
}
#nav li li a:hover{
color:#5dc5ed;
}
#nav li li:hover{
background:transparent;
}
#nav li ul li{
clear:both;
width:auto;
display:block;
background:transparent;
}

.clearfix:after {
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#nav ul li.current_page_item a {
font-weight:bold;
}

/* ### POST ### */

#content {
text-align:justify;
width: 100%;
padding: 0px;
padding-top: 10px;
}

#content h1, #content h1 a{
color:#604c3f;
font-size:20px;
font-weight:bold;
font-style:italic;
margin:0 0 20px 0;
padding:0 0 3px 0;
border-bottom:1px solid #F7F2EF;
}

.post{
margin:0px 0 20px 0;
}

p {
padding-bottom: 10px;
color: #555;
line-height: 18px;
}

code{ /* texte de description*/
color:#604c3f;
font-size:16px;
margin:0 0 10px 0;
line-height:23px;
}

code a{
color:#8E9F18;
font-style:italic;
}

/* ### MISE EN PAGE ### */

#postintro{
margin:0 0 20px 0;
font-size:35px;
color:#604c3f;
line-height:20px;
min-height:70px;
}

.postlist {
clear:both;
background:#f4f4f4;
border:solid 1px #dfdfdf;
padding:10px 270px 10px 20px;
line-height:17px;
}
.postlist.photo{
background: #f4f4f4 url(img/postlist_photo.png) top right no-repeat;
}
.postlist.thermique{
background: #f4f4f4 url(img/postlist_thermique.png) top right no-repeat;
}

.liste{margin:0 0 5px 0; padding:4px;}
.liste li{padding:4px 0;}
.ml{background:url(img/m_m_l.jpg) top right no-repeat;height:209px;}
.bl{background:url(img/m_b_l.jpg) top right no-repeat;height:209px;}
.vl{background:url(img/m_v_l.jpg) top right no-repeat;height:209px;}
.jl{background:url(img/m_j_l.jpg) top right no-repeat;height:209px;}
.ms{background:url(img/m_m_s.jpg) top right no-repeat;height:131px;}
.bs{background:url(img/m_b_s.jpg) top right no-repeat;height:131px;}
.vs{background:url(img/m_v_s.jpg) top right no-repeat;height:131px;}
.js{background:url(img/m_j_s.jpg) top right no-repeat;height:131px;}

.lsv{background:url(img/m_lsv.jpg) top right no-repeat;
height:266px; padding:36px 0 0 133px; font-size:12px;}



/* ### FOOTER ### */

#footer{
padding: 3px 0 3px 0;
border-top: solid 5px #5dc5ed;
margin:30px 0 20px 0;
}
#fcontent{
font-size:9px;
width:855px;
color:#65b5d4;
margin: 0 auto;
}

#fcontent a{text-decoration:underline; color:#65b5d4;}
#fcontent a:hover{color:#2D81A3;}
#copy{float:left;}
#dsnr{float:right;}

/* Others */

/* voir homepage*/

#imgmap{
position:relative;
}

#imgmap a{ /*IE hack pour les boutons*/
background:url(img/transbg.gif);
}

#imgmap a:hover{
background:#5dc5ed;
    filter : alpha(opacity=10); 
    -moz-opacity : 0.1; 
    opacity : 0.1; 
}

#imgmap a:active{
background:#5dc5ed;
    filter : alpha(opacity=100); 
    -moz-opacity : 0; 
    opacity : 0; 
}

#lastActu{
width:407px;
float:right;
}
#lastRea{
width:407px;
float:left;
}
#lastActu ul, #lastRea ul{
border-left:solid 4px #b2ca06;
list-style-type:none;
padding:0 0 0 10px;
}

h2{
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
margin:15px 0 10px 0;
color:#3FA6CB;
}

h3{
font-size:14px;
font-weight:bold;
font-style:italic;
color:#695749;
margin:0 0 5px 0;
}

h4{
color:#604c3f;
font-size:18px;
font-weight:bold;
font-style:italic;
margin:0px 0 10px 0;
border-bottom:1px #604c3f solid;
}

h5, h5 a{             
font-weight:bold;
color:#604c3f;
font-size:12px;
letter-spacing:0.02em;
}

h5 a:hover{             
font-weight:bold;
color:#2b190e;
font-size:12px;
letter-spacing:0.02em;
}

a{color:#2D81A3;}
a:hover{color:#55595B;}


ol, ul {
	padding: 0 20px 10px 10px;
	list-style-position: inside;
	color: #555;
}
em {
	color: #aaa;
	font-size: 11px;
	display: block;
	margin-bottom: 5px;
}

img {
	padding-right: 10px;
}

.size-medium{
padding: 7px;
margin:10px;
border:1px #E7E7E7 solid;
}

.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.clear {
	float: none;
	clear: both;
	overflow: hidden;
}
canvas{z-index:-1;} /* pour la fonte genere*/


/* ### CONTACT ### */

.tableadress{
width:990px;
}
#adressbox{
background:#F3F3F3 url(img/contactbottom.png) no-repeat center bottom ;
height:510px;
padding:10px 0 0 10px;
margin:0 10px 0 0 ;
}
input, textarea{
border:solid 1px #B1C903;
width:300px;
}

.wpcf7-form{ 
width:500px;
height:500px;
display:block;
background:#F5F7E4;
padding:10px;
font-size:14px;}

.wpcf7-form p{
width:250px;
float:left;
line-height:24px;
}
.message{
height:200px;
clear:both;
width:490px;
}
.envoyer{
width:490px;
}

input{padding:3px;width:196px;}