/*  
Theme Name: j.l.elec
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: 'Trebuchet MS', Helvetica, sans-serif; background: #00364c url(images/bg_global.jpg) repeat-x; font-size: 11px; }

.wrapper							{ margin: 0 auto; width: 854px; padding: 0; background: transparent url(images/bg-content.jpg) repeat-y top left; }

.topheader							{ display: block; border: 0; margin: 0 auto; width: 854px; height: 61px; background: transparent url(images/top-header.gif) no-repeat top left; position: relative; padding: 0; }
.header		 						{ display: block; width: 854px; height: 353px; margin: 50px 0 0 0; padding: 0; border: 0; }

.content							{ width: 854px; margin: 0 auto; padding: 0; background: transparent; }
.main								{ padding: 40px 23px 40px 23px; margin: 0; background: transparent url(images/bg-content.jpg) repeat-y top left; }
.main h1							{ background-color: #e00000; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 20px; margin: 14px 0 0 0; padding-left: 6px; text-align: left; line-height: 29px; color: #fff; }
.main p								{ display: block; width: auto; font-size: 17px; margin: 20px 0 0 0; text-align: left; line-height: 21px; color: #00364c; }
.main p span 						{ background-color: #00364c; color: #fff; }
.main img							{ display: block; border: 5px solid #fff; float: left; margin: 20px 25px 20px 0; }
ul.presta							{ margin: 10px 0 0 70px; font-size: 17px; line-height: 30px; color: #00364c; }
ul.presta li							{ padding: 0; display : list-item; list-style-image: url(images/puce.gif);}
a 									{ outline: none; text-decoration: none; color:#e00000; }
a:hover								{ text-decoration: none; color:#00364c;}
.galerie							{ display: block; width: 660px; margin: 20px auto 0 auto; }
.sequence		 					{ float: left; display: block; width: 370px; height: 208px; margin: 0 20px 20px 0; padding: 0; border: 5px solid #fff; }

.partenaires						{ width: 640px; margin: 20px auto; }
.partenaires ul						{ list-style-type: none; }
.partenaires a						{ color: #fff; display: block; padding: 5px; width: 600px; background-color: #005172; border-bottom: 1px solid #00364c; }
.partenaires a:link, .partlist a:visited { color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; }
.partenaires a:hover				{ background-color: #00364c; }

.bt-sooniweb 						{ margin: -5px auto 0 auto; width: 74px; height: 28px; display: block; background: #00364c 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; }

/*
	NAVIGATION
*/

.container							{ width: 854px; height: 80px; position: absolute; top: 61px; left: 50%; margin: 0 0 0 -427px; overflow: hidden; background: transparent url(images/bg_menu.jpg) no-repeat top left; }
*+html .container					{ margin: 0 0 0 -427px; }
ul#topnav							{ margin: 0; padding: 7px 0 0 25px; list-style: none; font-size: 1.3em; clear: both; float: left; width: 854px; }
ul#topnav li						{ margin: 0; padding: 0; overflow: hidden; float: left; height:40px; }
ul#topnav a, ul#topnav span 		{ padding: 10px 20px; float: left; font-family: 'Trebuchet MS', Arial, Helvetica, Sans serif; font-weight: normal; text-decoration: none;  color: #fff; text-transform: uppercase; clear: both; height: 20px; line-height: 20px; background: transparent; 
}
ul#topnav a							{ color: #e00000; width: 100% }
ul#topnav span						{ display: none; width: 100%; }

/*
	FOOTER
*/

.footer								{ width: 854px; min-height: 10px; display: block; background: transparent url(images/bg-footer-top.jpg) no-repeat top left; margin: 0 auto; padding: 20px 0;}
.footer p							{ margin: 0 auto; padding: 0 0 15px 0; color: #ffffff; text-align: center; }
.footer a							{ color:#fff; text-decoration: none; background: none;}
.footer a:hover						{ color: #e00000; text-decoration: none; }
.partenaire							{ margin:10px 0 5px 0; }
.partenaire p						{ margin: 0 auto; text-align: center; color: #76808c; }
.partenaire a						{ color: #76808c; font-size: 11px; text-decoration: none; }
.partenaire a:hover					{ color: #ffffff; text-decoration: none; }

/*
	FORMULAIRE
*/

.contactform						{ float: left; padding-right: 20px; border-right:1px solid #096b84; }
fieldset							{ border:0; color:#00364c;}
ul.form								{ list-style:none;padding:0;margin:15px 0 0 0;width:390px;border:0;}
ul.form li							{ border-bottom:1px solid #096b84;font-size:14px;padding:6px 0;height:35px;}
.form_head							{ height:20px;width:390px;color:#096b84;text-align:center;border-bottom:0 !important;}
ul.form li label					{ float:left;width:180px;}
.required							{ font-size:10px;color:#8097a2;width:180px;float:left;clear:both;}
ul.form li input, ul.form li textarea	{width:200px;color:#096b84;background-color:#fff;border:none;padding: 1px 3px;}
ul.form li select 					{width:205px;color:#096b84;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:#e00000;border:0 none;cursor:pointer;display:block;height:34px;color:#fff;font-size:14px;width:110px;overflow:hidden;float:right;}
#comment							{ width:390px;border:2px solid #fff;}
ul.form li textarea					{ height:90px;width:380px;}
ul.form li.comment .required, ul.form li.comment label	{width:120px; }
li.comments							{ height:130px !important;}
.valid								{ border:none !important;}
.invalid							{ border:2px solid #fff !important;}
/* EXTRA DATA*/
.coords 							{ float: left; margin: 0;padding: 0 0 0 20px; }