/*  
Theme Name: ENERGIE CREATION
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; }

body 								{ font-family: 'Arial', Helvetica, sans-serif; background: #3e3732 url(images/bg-wood.jpg) repeat top left; font-size: 11px; }

.wrapper							{ margin: 0 auto; width: 100%; padding:0; display: block; background: transparent; }

.header		 						{ margin: 0 auto; width: 100%; height: 155px; background: transparent url(images/bg-header.png) repeat-x top left; position: relative; padding: 0; }
.topheader							{ margin: 0 auto; width: 722px; height: 155px; background: transparent; position: relative; }
.content							{ position: relative; width: 100%; margin: 0; padding: 0; background: #3e3732; }

.main								{ padding: 30px 0; width: 722px; margin: 0 auto; background: transparent;}
h1									{ font-family: 'Trebuchet ms', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 21px; padding: 0; margin: 0 0 20px 0; text-align: center; line-height: 29px; color: #968b85; }
h1 a, .left h1 a:hover				{ color: #2d8ac8; text-decoration: none; }
h2									{ font-family: 'Arial', Helvetica, sans-serif; font-size: 15px; margin: 18px 0 0 0; text-align: left; color: #3e3732; }
h2 span 							{ padding: 1px 3px 0 3px; background-color: #8eb7b7;}
h2 a, .left h2 a:hover				{ color: #a4d3ff; text-decoration: none; }
p									{ font-size: 13px; margin: 15px 0 0 0; text-align: justify; line-height: 17px; color: #8eb7b7; }
p span								{ padding: 2px 0 1px 0; text-transform: uppercase; border-top: 1px dotted #389cdf; border-bottom: 1px dotted #389cdf; }
img									{ display: block; border: 1px solid #2e2824; margin: 12px 0; }
ul.liste1							{ margin: 10px 0 0 0; list-style-type: none; font-size: 16px; line-height: 22px; color: #8eb7b7; }
ul.liste1 li						{ padding: 6px 0 6px 36px; background: url(images/puce.gif) no-repeat 0 -0.10em; }
ul.liste1 li span 					{ color: #8eb7b7; font-size: 15px; text-transform: uppercase; font-weight: bold; }
ul.liste1 li a						{ color: #6cb74e; text-decoration: underline; }
ul.liste1 li a:hover				{ text-decoration : none; }
ul.liste2							{ margin: 15px 0 0 0; list-style-type: none; font-size: 14px; line-height: 20px; color: #fff; }
ul.liste2 li						{ padding: 7px 0 7px 30px; background: url(images/puce2.gif) no-repeat 0 0.10em; }

.galstore							{ display: block; float: right; border: 3px solid #fff; width: 290px; height: 290px; margin: 20px 0 15px 15px; }

a 									{ outline: none; text-decoration: underline; color: #8eb7b7; }
a:hover								{ text-decoration: none; }
a.googlemap 						{ background-color: #6cb74e; padding: 3px 3px 2px 3px; color: #fff; text-decoration: none; }
a.googlemap:hover					{ background-color: #8dc776; }

.partenaires						{ width: 700px; min-height:150px; margin: 20px auto; }
.partenaires ul						{ list-style-type: none; }
.partenaires a						{ display: block; padding: 5px; background-color: #2b4040; border-bottom: 1px solid #3e3732; }
.partenaires a:link, #partlist a:visited { color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; }
.partenaires a:hover				{ background-color: #3a5454; }

.bt-sooniweb 						{ margin: -5px auto 0 auto; width: 74px; height: 28px; display: block; background: #bbc0bc url(images/bt-sooniweb.gif) no-repeat top left; border: 0; outline: none; }
.bt-sooniweb:hover					{ background-position: bottom left; border: 0; outline: none; }


.clearAll							{ clear:both; }

/*
	GALERIE
*/

div#photos                			{overflow:auto;}
div.photo                			{float:left; display:inline; margin:10px 0 0 0;}
div.photo  img          			{border:3px solid #fff; margin: 0 10px 10px 0; width: 120px; height:75px;}
div.photo a:hover img          		{border:3px solid #dfcfe5; }

/*
	FOOTER
*/

.footer								{ width: 100%; background: transparent url(images/bg-footer.png) repeat-x top left; margin: 0; padding: 0;}
.footer-data						{ width: 722px; background: #2b4040 url(images/bg-footer.png) repeat-x top left; margin: 0 auto; padding: 25px 0 10px 0; }
.footer-data p						{ margin: 0 auto; letter-spacing:1px; padding: 0 0 15px 0; font-size: 10px; color: #8eb7b7; text-align: center; }
.footer-data a						{ color: #8eb7b7; text-decoration: none; background: none;}
.footer-data a:hover				{ color: #8eb7b7; text-decoration: underline; }
.footer .partenaire					{ margin:10px 0 5px 0; }
.footer .partenaire p				{ margin: 0 auto; text-align: center; color: #76808c; }
.footer .partenaire a				{ color: #76808c; font-size: 11px; text-decoration: none; }
.footer .partenaire a:hover			{ color: #ffffff; text-decoration: none; }

/*
	FORMULAIRE
*/

.contactform						{ float: left; padding-right: 30px; margin: 20px 0 0 30px; border-right:1px solid #968b85; }
fieldset							{ background: transparent; border:0; color:#c3bbb2;}
ul.form								{ list-style:none;padding:0;margin:15px 0 0 0;width:350px;border:0;}
ul.form li							{ background: transparent; border-bottom:1px solid #968b85;font-size:14px;padding:6px 0;height:35px;}
.form_head							{ height:20px;width:350px;color:#1278c2;text-align:center;border-bottom:0 !important;}
ul.form li label					{ display:block;background: transparent;float:left;width:170px;}
.required							{ display:block;background: transparent;font-size:10px;color:#8eb7b7;width:170px;float:left;clear:both;}
ul.form li input, ul.form li textarea	{width:170px;color:#6b706c;background-color:#eef0ee;border:none;padding: 1px 3px;}
ul.form li select 					{width:175px;color:#6b706c;background-color:#eef0ee;border:none;padding: 1px 3px;}
ul.form li.submit					{ text-align:right;margin-right:5px;border:0;}
ul.form li.submit input				{ background:#968b85;border:0 none;cursor:pointer;display:block;height:34px;color:#fff;font-size:14px;width:110px;overflow:hidden;float:right;}
#comment							{ width:350px;border:2px solid #8eb7b7;}
ul.form li textarea					{ height:90px;width:340px;}
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 #8eb7b7 !important;}

/* EXTRA DATA */
.coords 							{ float: left; margin: 20px 0 30px 0; padding: 0 0 0 30px; }
.coords	p							{ font-size: 15px; }