/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#333333;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px solid #999;
}
#contenu h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:1px;
margin:0 0 10px;
border-bottom:1px solid #fff;
text-transform:uppercase;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p span.couleur{
font:bold 12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#fff;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#fff;
}
#contenu a:hover, #contenu a:active{
color:#333333;
background:none;
}
/***************** STYLE ISOLATION *****************/
#encarts{
float:left;
width:780px;
}
#encart-description{
float:left;
width:760px;
background:#ccc;
padding:10px;
}

#encarts img.separ{
float:left;
width:780px;
height:16px;
}
/***************** encart left *****************/
#avantages{
float:left;
width:400px;
background:url(../images/isolation/bg-titre-avantages.jpg) center top no-repeat;
margin-top:20px;
padding-top:60px;
}
#avantages-milieu{
float:left;
width:400px;
background: #999 url(../images/isolation/bg-milieu-avantages.jpg) center top repeat-y;
}
#avantages-bas{
float:left;
width:400px;
background: #999 url(../images/isolation/bg-bas-avantages.jpg) center bottom no-repeat;
height:20px;
}

#avantages ul{
	padding-left:12px;
	padding:0 20px;
}
#avantages ul li{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
margin-bottom:1.2em;
}
/***************** encart right image*****************/
#encart-right-iso{
float:left;
width:380px;
margin-top:9px;
height:240px;
}
/***************** encart combles perdus *****************/
#encart-perdus{
float:left;
width:378px;
background:none;
margin:20px 20px 0 2px;
}
#encart-perdus ul{
	padding-left:12px;
	padding:0 20px;
}
#encart-perdus ul li{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
margin-bottom:1.2em;
}
#encart-perdus a span {
	display:none;
}
#encart-perdus a.btn-devis {
	margin:30px 0 0 50px;
	float:left;
	width:250px;
	height:50px;
	background:url(../images/isolation/btn-devis.jpg) center top no-repeat;
}
#contenu #encarts #encart-perdus a.btn-devis:hover{
	background:url(../images/isolation/btn-devis.jpg) center bottom no-repeat;
}

/***************** encart combles amenage *****************/
#encart-amenages{
float:left;
width:380px;
background:none;
margin:20px 0px 0 0px;
}
#encart-amenages ul{
	padding-left:12px;
	padding:0 20px;
}
#encart-amenages ul li{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333333;
margin-bottom:1.2em;
}

/*** CONTACT FORM***/

.formulaire-global  
{
    width:  400px;
    margin: 10px 0;
    padding:0px 10px;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    border: 1px solid #e3e7ec;
    background: #999999;	 
    margin: auto;
    clear: both;
}
.formulaire-global fieldset {margin: 10px 0; border: 1px solid #e3e7ec;}
.formulaire-global a {color: #000; text-decoration: none;}
/*.formulaire-global a:hover {color: #c87b02;}*/
  
.formulaire-global legend 
{
    background: #999; 
    color: #fff;
    padding: 3px 5px;
    border: none;
    text-transform: uppercase;
}
	  
.formulaire-global label 
{
    width: 100px;
    float: left;
    clear: both;
    padding: 3px 10px;
    margin: 3px 0;
}
          
.formulaire-global input, .formulaire-global textarea 
{
    border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #666666; 
    border-top: 1px solid #666666;
    background: #fff; 
    padding: 0px 3px;
    margin: 3px 0;
    width: 250px;
}

.formulaire-global input:active, .formulaire-global input:focus, .formulaire-global input:hover { background: #FFFFFF;}
.formulaire-global textarea:active, .formulaire-global textarea:focus, .formulaire-global textarea:hover { background: #FFFFFF;}

.formulaire-zone table, .anfrage table, .captcha table { border-spacing:0px; width:370px; border:0px solid;}
.label { width:100px; padding:0px;}
.field { width:250px; padding:0px;}
.error { width:200px; padding:0px 0px 0px 5px;}
.captchareload { padding-left:10px;}
input.errordesignfields, textarea.errordesignfields { background-color:#B9B9B9;}

.buttons { text-align: center;}
.buttons input { width:80px;}
.buttons input, .captchareload img { background: #333333; color: #b3cc36;}
.buttons input:hover, .captchareload img:hover { background: #6F6F6F; color: #fff;}

.pflichtfeld 
{
    color: #FFF; 
}
.centre	{
	text-align:center;
}
/*** Fin contact ***/