/**
* main style sheet
* @author		mac@zestedegenie.com
* @creationDate 2011-03-22
* @editDate		2011-03-22
*/

/* max pixel for bg iPhone - 3 145 728 */

/* http://meyerweb.com/eric/tools/css/reset/ 	v2.0 | 20110126		License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;}

/* migth as well since inherit doesn't work for IE7 and below */
strong { font-weight: bold;}
em { font-style: italic;}

html { }
body { background: #9a0a80 url(../img/bg.jpg) center 0 no-repeat; font-size: 12px; line-height: 1.6; color: #4c4c4c; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center;}

/* iphone + ipad */
@media only screen and (max-device-width: 1024px) {
  body{ -webkit-text-size-adjust: none; background-image: url(../img/bg-ios.jpg)}
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 23, 2011 */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot?') format('eot'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#webfontxw08O89h') format('svg');
    font-weight: normal;
    font-style: normal;
}

#ls-succ .org { font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -0.04em;}

/** *******************************************************
 * links
 */
a { color: #ccdb29; text-decoration: none; }
a:hover, a:active, a:focus { color: #edf59c; text-decoration: none; outline: none;}
a.selected, .selected a, .disabled a { cursor: default !important; text-decoration: none!important;}
a.selected:hover, a.selected:active, a.selected:focus, .selected a:hover, .disabled a:hover { cursor: default!important;}
a:visited {}

/** *******************************************************
 * transitions
 */
/* { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} */
/* { opacity: 0.7;} */


/** *******************************************************
 * titles
 */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: normal; }
h1 a, h2 a, h3 a, h5 a, h6 a { }
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { }
 
h1 { } 
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/** *******************************************************
 * class gen
 */
.hide { position: absolute; margin-left: -9000px!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.ir { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}

.clear { clear: both;}
.clearer { display: block!important; width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important}
.selfclear { overflow: hidden;}

.center { text-align: center;}
.right { text-align: right;}

.fl { float: left!important;}
.fl-r { float: right!important;}
.no-fl { float: none!important;}

.no-space { margin-bottom: 0!important;}
.space-sml { margin-bottom: 5px!important;}
.space { margin-bottom: 10px!important;}
.spaced { margin-bottom: 15px!important;}
.space-top { margin-top: 15px!important;}
.space-big { margin-bottom: 30px!important;}
.space-bigger { margin-bottom: 45px!important;}
.space-top-big { margin-top: 30px!important;}

.sup { font-size: 0.83em; position: relative; top: -2px;}


/**
 * jquery-ui
 */
body #ui-datepicker-div { display: none;}
body .ui-widget { font-size: 1em;}
body .ui-dialog { text-align: left;}
	body .ui-dialog .ui-dialog-content { padding-top: 20px !important;}
	
#cboxLoadedContent { text-align: left;}
#cboxCurrent { font-size: 11px;}

/** *******************************************************
 * forms
 */
fieldset { margin-bottom: 30px;}
label { margin-right: 10px;}
	form input, form select, form textarea, button { font-size: 1em;}
	.i-txt, .i-area, .i-sel, .i-check, .i-file { margin-bottom: 15px;}
	.i-txt input,
	.i-area textarea { width: 200px; height: 20px; border: 1px solid #ccc; padding: 4px 5px 1px;}
	.i-area textarea { height: 150px;}
.label-in { color: #999;}
input.disabled, textarea.disabled { background-color: #ececec;}
.check-multi label { margin-right: 20px;}

.i-lg {}
	.i-lg label { float: left; width: 70px; margin: 6px 0 0; text-align: right; font-weight: bold;}
	.i-lg .i-txt input,
	.i-lg .i-file input,
	.i-lg .i-area textarea,
	.i-lg .i-sel select { float: left; margin-left: 10px;}
	.i-lg .submit, .inside { margin-left: 80px;}
	
	.i-lg .i-sel label,
	.i-lg .i-file label { margin-top: 3px;}

	.i-lg .i-area textarea { width: 325px;}
	.i-lg .i-xtra { float: left; margin: 6px 0 0 5px;}
	.i-lg .i-sel .i-xtra { margin-top: 3px;}

	.i-lg .i-check label { float: none; width: auto; margin: 0 0 0 5px; font-weight: normal;}
	.i-lg .i-check input { float: none; width: auto; margin: 0;}

.i-hg {}
	.i-hg label, .i-hg .label { display: block; font-weight: bold;}
	.i-hg .i-check label { display: inline; font-weight: normal;}
	.i-hg .i-area textarea { width: 98%;}

.submit { margin: 30px 0;}
	.submit button, .submit a { margin-right: 15px;}

button { display: inline; cursor: pointer; white-space: nowrap;}
	button>span { display: inline;}
	button span span, .bt {}
	button:hover span span, button:focus span span, .bt:hover, .bt:focus { }
	.bt { margin-top: 3px;}

.errors, .errors label { clear: both; float: none !important; display: block; width: auto!important; font-size: .916em; color: red; font-weight: normal; font-style: italic; text-align: left;}
.errors { margin: -15px 0 10px;}
	.errors label { font-size: 1em; padding-top: 0;}
	.i-lg .errors { padding: 0 0 15px 80px;}
	.i-lg ul.errors { padding-top: 0; padding-bottom: 0;}
	.i-lg ul.errors li { padding-top: 3px;}


/** *******************************************************
 * bts
 */
	

/**
 * cols
 */
#wrapper { position: relative; width: 858px; margin: 0 auto; text-align: left;}

/** *******************************************************
 * header
 */
#head { position: relative; width: 100%;}
	#head h1 { position: absolute; top: 50px; left: 254px;}
	#head h2 { float: left; width: 298px; height: 249px; margin: 116px 0 190px -13px; background-image: url(../img/bulle-green.png);}
	#head h3 { float: right; width: 169px; height: 151px; margin: 152px 101px 15px 0; background-image: url(../img/bulle-rose.png);}
	#head h4 { clear: right; float: right; width: 209px; height: 126px; margin: 0 94px 112px 0;}
		#head h4 a { height: 100%; background-image: url(../img/bulle-mauve.png);}

/** *******************************************************
 * content
 */
#content { float: left; width: 662px;}
	#t-prod { float: right; width: 559px; height: 106px; margin: 0 0 43px 0; background-image: url(../img/t-prod.png);}
	#ls-gal { clear: both; margin-bottom: 10px;}
		#ls-gal li { float: left; width: 208px; height: 165px; margin: 0 10px 10px 0; overflow: hidden; }
	#t-command { clear: both; width: 395px; height: 49px; margin-bottom: 10px; background-image: url(../img/t-command.png);}
	#link-command { position: relative; width: 443px; height: 20px; margin-bottom: 80px; background-image: url(../img/link-command.png);}
		#link-command a { position: absolute; top: 0; right: 0; width: 307px; height: 20px;}

#col { float: right; width: 193px; margin-top: 150px;}
	#t-tendances { width: 173px; height: 132px; margin-bottom: 15px; background-image: url(../img/t-tendances.png);}
	.addthis_toolbox { margin: 15px 0;}
	.addthis_toolbox li { display: inline;}

.text { margin-bottom: 30px;}
	.text p, .text ul, .text ol, .text dl { margin-bottom: 15px; line-height: 1.6;}
	.text ul, .text ol, #ls-members ul, .ls { list-style-type: disc; margin-left: 20px;}
	

/** *******************************************************
 * footer
 */
#foot { clear: both; color: #fff;}
	#t-succ { position: relative; float: left; width: 508px; height: 80px; margin: 0 0 20px -244px; background-image: url(../img/t-succ.png);}
	#foot h2 { float: right; width: 225px; margin-top: 5px; line-height: 1.4;}
	
	#ls-succ { clear: both; margin-bottom: 30px;}
		#ls-succ li { float: left; width: 200px; margin: 0 10px 20px 0;}
		#ls-succ .org { margin-bottom: 5px; font-size: 18px; text-transform: uppercase; line-height: 1; color: #ccdb29;}
		#ls-succ .adr, #ls-succ .tel { /* font-size: 11px; */ line-height: 1.2;}
		#ls-succ .tel { margin-top: 5px; font-weight: bold;}
		#ls-succ .postal-code { white-space: nowrap;}

/** *******************************************************
 * clear
 */
.clearfix:after,
.i-lg .i-txt:after,
.i-lg .i-area:after,
.i-lg .i-sel:after,
.i-lg .i-file:after,
.i-lg .i-check:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}