/*  
Theme Name: LE COMPAGNON FALCK
Version: 1.0
Author: David Tisserand
Author URI: http://www.pixemotion.fr
*/


/*
	RESET
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-family: 'Trebuchet MS', helvetica, sans-serif;font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/*
	ELEMENTS
*/
* 									{ margin: 0; padding: 0; }

html, body 							{ font-family: 'Helvetica', Arial, sans-serif; background: #666 url('images/bg-body.jpg') no-repeat top left; font-size: 11px; height: 100%; }

.wrapper							{ position: relative; margin: 0 auto; width: 100%; min-height:100%; padding-bottom: 0; background: none; }

.header		 						{ margin: 0; width: 100%; height: 136px; background: transparent url('images/bg-header.png') repeat-x top left; position: relative; padding: 0; }

.container							{ width: 100%; background: none; margin: 0 auto; padding-bottom: 8em; }

.content							{ width: 1000px; background: none; margin: 0 auto; padding: 20px 0; }

.menuFlash							{ display:block; width:910px; height:136px; margin:0 auto; padding:0; background: none; border: 0; outline: 0; }
.galerie-charpente					{ display:block; width:994px; height:217px; margin: 15px 0 0 0; padding:0; border: 3px solid #101010;}
.slideshow-zinc						{ display:block; float:right; width:200px; height:136px; margin: 15px 0 0 15px; padding:0; border: 3px solid #101010;}

h1									{ font-family: 'Trebuchet MS', sans-serif; font-weight: normal; font-size: 20px; padding: 0; margin: 0 0 20px 0; text-align: left; line-height: 26px; color: #5e472c; }
h1 span 							{ padding: 2px 10px; color: #8f5137; font-size: 15px; background: #5e472c; }
h1 a, .left h1 a:hover				{ color: #5e472c; text-decoration: none; }
h2									{ font-family: 'Trebuchet MS', sans-serif; font-size: 17px; margin: 15px 0 0 0; text-align: left; line-height: 24px; color: #fff; }
h2 span 							{ padding: 2px 8px 3px; color: #fff; background: #e8003c; }
h2 a								{ color: #00957b; text-decoration: underline; }
h2 a:hover							{ text-decoration: none; }
h3									{ font-family: 'Trebuchet MS', sans-serif; padding: 4px 15px 5px; letter-spacing: 1px; font-size: 18px; margin: 15px 0 0 0; text-align: left; line-height: 26px; background: #010101; color: #e8003c; }
h3 span 							{ color: #fff; }
h3 a								{ color: #e8003c; text-decoration: underline; }
h3 a:hover							{ text-decoration: none; }

p									{ font-size: 14px; margin: 12px 0 0 0; text-align: justify; line-height: 18px; color: #fff; }
p span								{ font-weight: bold; background-color: #010101; padding: 2px 5px 1px 5px; }
img									{ display: block; border: 0; margin: 0; }

ul.liste1							{ margin: 6px 0 0 0; list-style-type: none; font-size: 14px; font-weight: bold; line-height: 18px; color: #fff; }
ul.liste1 li						{ padding: 6px 0 6px 15px; background: url('images/puce.gif') no-repeat 0 0.6em; }
ul.liste1 li span 					{ color: #5e472c; font-size: 15px; text-transform: uppercase; }
ul.liste1 li a						{ text-decoration: underline; color: #fff; }
ul.liste1 li a:hover				{ text-decoration: none; }

ul.liste2							{ margin: 10px 0 0 0; list-style-type: none; font-size: 14px; font-weight: bold; line-height: 18px; color: #fff; }
ul.liste2 li						{ padding: 5px 0 5px 15px; background: url('images/puce.gif') no-repeat 0 0.4em; }

a 									{ outline: none; text-decoration: underline; color: #fff; }
a:hover								{ text-decoration: none; }
a.googlemap 						{ background-color: #e8003c; padding: 3px 3px 2px 3px; color: #fff; text-decoration: none; }
a.googlemap:hover					{ background-color: #c80034; }

.partenaires						{ width: 60%; min-height:150px; margin: 20px auto; }
.partenaires ul						{ list-style-type: none; }
.partenaires ul li					{ margin-bottom: 1px; }
.partenaires li a					{ display: block; padding: 5px; background-color: #101010; }
.partenaires li a:link, #partlist a:visited { color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; }
.partenaires li a:hover				{ background-color: #e8003c; }

.bt-toiture 						{ margin: 5px 0 0 0; width: 210px; height: 177px; display: block; background: transparent url('images/toiture.jpg') no-repeat top left; border: 0; outline: none; }
.bt-toiture:hover					{ background-position: bottom left; }
.bt-charpente 						{ margin: 5px 0 0 0; width: 210px; height: 177px; display: block; background: transparent url('images/charpente.jpg') no-repeat top left; border: 0; outline: none; }
.bt-charpente:hover					{ background-position: bottom left; }
.bt-couverture 						{ margin: 5px 0 0 0; width: 210px; height: 177px; display: block; background: transparent url('images/couverture-zinguerie.jpg') no-repeat top left; border: 0; outline: none; }
.bt-couverture:hover					{ background-position: bottom left; }
.bt-ravalement 						{ margin: 5px 0 0 0; width: 210px; height: 177px; display: block; background: transparent url('images/ravalement-etancheite.jpg') no-repeat top left; border: 0; outline: none; }
.bt-ravalement:hover					{ background-position: bottom left; }
.bt-sooniweb 						{ margin: 3px auto 0 auto; width: 50px; height: 20px; display: block; background: transparent url('images/bt-sooniweb.png') no-repeat top left; border: 0; outline: none; }
.bt-sooniweb:hover					{ background-position: bottom left; }

.clearAll							{ clear:both; }


.blocLeft							{ display: block; float: left; width: 760px; margin: 0; padding: 25px 0 0; }
.blocRight							{ display: block; float: right; width: 210px; margin: 0; border: 0; }
.blocZinc							{ display: block; float: right; width:260px; background:transparent url('images/bg-black-60.png') repeat top left; margin-top:10px; padding:0 10px 10px; }

/*
	FOOTER
*/

#footer								{ position: absolute; width: 100%; height: 6em; bottom: 0; left: 0; border-top: 4px solid #e8003c; background: transparent url('images/bg-black-60.png') repeat top left; margin: 0; padding: 15px 0 0 0; }
#footer p							{ margin: 0 auto; letter-spacing:2px; padding: 0; font-size: 10px; color: #e8003c; text-align: center; }
#footer a							{ color:#e8003c; text-decoration: none; background: none;}
#footer a:hover						{ text-decoration: underline; }

/*
	FORMULAIRE
*/	

.contactform						{ float: left; padding: 20px; margin: 20px 20px 0 0; background:transparent url('images/bg-black-60.png') repeat top left; }
fieldset							{ background: transparent; border:0; color:#fff;}
ul.form								{ list-style:none;padding:0;margin:15px 0 0 0;width:500px;border:0;}
ul.form li							{ background: transparent; border-bottom:1px solid #000;font-size:14px;padding:6px 0;height:35px;}
.form_head							{ height:20px;width:500px;color:#fff;text-align:center;border-bottom:0 !important;}
ul.form li label					{ display:block;background: transparent;float:left;width:200px;}
.required							{ display:block;background: transparent;font-size:10px;color:#e8003c;width:270px;float:left;clear:both;}
ul.form li input, ul.form li textarea	{width:290px;color:#101010;background-color:#fff;border:none;padding: 1px 3px;}
ul.form li select 					{width:295px;color:#101010;background-color:#fff;border:none;padding: 1px 3px;}
ul.form li.submit					{ text-align:right;margin-right:5px;border:0;}
ul.form li.submit input				{ background:#e8003c;border:0 none;cursor:pointer;display:block;height:34px;color:#fff;font-size:14px;width:110px;overflow:hidden;float:right;}
#comment							{ width:500px;border:2px solid #e8003c;}
ul.form li textarea					{ height:90px;width:490px;}
ul.form li.comment .required, ul.form li.comment label	{width:120px; background: transparent;}
li.comments							{ height:130px !important;}
.valid								{ border:none !important;}
.invalid							{ border:2px solid #e8003c !important;}
/* EXTRA DATA*/
.coords 							{ float: left; margin: 20px 0 10px 0; padding: 0 0 0 20px; border-left: 1px solid #000;}
.coords	p							{ font-size: 14px; color: #fff;}