/*  
Theme Name: sooniweb
Version: 2.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; }

/*
	MENU
*/

.lavaLampWithImage {
	position: relative;
	float: right;
	height: 29px;
	background: transparent;
	padding: 85px 0 0 60px;
	*padding: 85px 0 0 20px;
	margin: 0;
	overflow: hidden;
}
.lavaLampWithImage li {
	float: left;
	list-style: none;
}
.lavaLampWithImage li.back {
	background: url("images/menu_selection.gif") no-repeat right -26px;
	width: 6px; height: 26px;
	z-index: 8;
	position: absolute;
}
.lavaLampWithImage li.back .left {
	background: url("images/menu_selection.gif") no-repeat top left;
	height: 26px;
	margin-right: 6px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
	font: normal 13px trebuchet MS;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #d36033;
	outline: none;
	text-align: center;
	left: 2px;
	top: 6px;
	z-index: 10;
	display: block;
	float: left;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin: auto 18px; 
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}

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

body 								{ font-family: Arial, Helvetica, sans-serif; background: #151003 url(images/bg_global.gif) repeat top left; font-size: 11px; }

.wrapper							{ margin: 0 auto; width: 915px; background: #151003 url(images/bg_wrap.jpg) no-repeat top left; }

.header		 						{ margin: 0; width: 915px; height: 128px; background: transparent url(images/headerline.png) no-repeat bottom center; }

.logo								{ display: block; margin: 0; width: 314px; position: relative; float: left; margin: 10px 0 0 10px; }

.content							{ margin: 0; padding: 65px 30px 20px 120px; background: transparent; }
.main								{ padding: 0; margin: 0; }
h1									{ font-size: 20px; margin: 20px 0 0 0; text-align: left; line-height: 29px; color: #d36033; }
h1 a, h1 a:hover					{ color: #d36033; text-decoration: none; }
p									{ display: block; width: auto; font-size: 15px; padding: 30px 0 0 0; text-align: left; line-height: 21px; color: #d5d3cf; }
img									{ display: block; border: 0; float: right; margin: 0 20px 20px 0; }
a 									{ outline: none; text-decoration: underline; color:#d36033; }
a:hover								{ color: #d5d3cf; text-decoration: none; }

.entete								{ display: block; background: none; margin: 10px 0; }

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

.bt-info 							{ margin: 15px 0 25px 0; width: 294px; height: 41px; display: block; background: #151003 url(images/bt_info.gif) no-repeat top left; border: 0; outline: none; }
.bt-info:hover						{ background-position: bottom left; border: 0; outline: none; }

ul.thumb_view						{ display: block; margin: 0; }
ul.thumb_view li					{ width: 250px; float: left; margin: 0 0 10px 0;}
ul.thumb_view li h2 				{ margin: 0; padding: 140px 0 10px 5px; font-weight: normal; font-size: 1.3em; }
ul.thumb_view li h2 a				{ color: #d36033; text-decoration: none; }
ul.thumb_view li h2 a:hover			{ color: #d5d3cf; }
ul.thumb_view li p					{ display: none; }
.content_block a img 				{ padding: 5px; background: #605b4d; margin: 0 15px 0 0; float: left; }
.content_block a:hover img			{ background: #3a362b; }
.heart								{ display:block; float:left; position: absolute; width:9px; height:8px; margin:-28px 5px 0 211px; padding:0; background: #000 url('images/coeur.gif') no-repeat 0 0; }
#tooltip							{ max-width:230px; position: absolute; padding:10px; background:transparent url('images/bg-tooltip.png') repeat 0 0; z-index:10; display:inline-block; /*important*/ font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px; color:#d36033; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.clearAll							{ clear:both; }

/*
	FOOTER
*/

#footer								{ width: 915px; height: 72px; background: #151003 url(images/bg_footer.jpg) repeat-x top left; }
#footer p							{ padding: 10px 0 0 0; color: #ffffff; font-size: 11px; text-align: center; }
#footer a							{ color:#d36033; text-decoration: none; letter-spacing: 1px;}
#footer a:hover						{ color: #ffffff; text-decoration: none; }

/*
	FORMULAIRE
*/

.contactform						{float: left; }
fieldset							{ border:0; color:#d5d3cf;}
ul.form								{ list-style:none;padding:0;margin:20px 0 0 0;width:390px;border:0;}
ul.form li							{ border-bottom:1px solid #29261e;font-size:14px;padding:6px 0;height:35px;}
.form_head							{ height:20px;width:400px;color:#d5d3cf;text-align:center;border-bottom:0 !important;}
ul.form li label					{ display:block;float:left;width:180px;}
.required							{ display:block;font-size:10px;color:#423f37;width:180px;float:left;clear:left;}
ul.form li input, ul.form li textarea	{width:200px;color:#fff;background-color:#d36033;border:none;padding: 1px 3px;}
ul.form li select 					{width:205px;color:#fff;background-color:#d36033;border:none;padding: 1px 3px;}
ul.form li.submit					{ text-align:right;margin-right:5px;border:0;}
ul.form li.submit input				{ background:#d36033;border:0 none;cursor:pointer;display:block;height:34px;color:#151003;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;display: block;height: 330px;margin: 25px 0 20px 30px;padding: 0 0 0 25px;background: transparent;border-left:1px solid #888;}
.coords-txt							{ color: #d5d3cf;padding: 0 0 10px 0; font-size: 14px; line-height: 22px}
.coords-txt a						{ color: #d36033; text-decoration: none; }
.coords-txt a:hover					{ color: #d5d3cf; text-decoration: none; }