/* * { padding:0; margin:0; } */
html{
	font-size: 100%;
}

body
{
	margin: 0; padding:0;
	background: #EEEDEB url('images/bg/page_grey_dots.png') repeat 0 0;
	font-size: 0.76em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;*/
}

/* Added with JS to avoid having to write in a superluous div
 */
#screen_wrapper
{
	margin: 0; padding: 0;
	background: transparent url('images/bg/page_grey_gradient.png') repeat-x 0 0;
}
#wrapper
{
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	max-width: 900px; min-width: 760px;
	width: expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 900? "900px" : "auto");
}
#screen_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#banner
{
	position: relative;
	background:#fff;
	max-width: 900px; min-width: 760px; height: 140px;
	background: transparent url('images/bg/banner_160.png') no-repeat 0 -20px;
}

#left
{
	position: absolute;
	left: 0px; top: 140px;
	width: 175px;
	background: #FFF url('images/bg/left_col_gradient.png') no-repeat 0 0;
}

#right
{
	position: absolute;
	right: 0px; top: 140px;
	width: 200px;
	padding-top: 30px;
	background:#FBFBFB;
	/*border:1px dashed #DDD;*/
}


/* Special home page */

#home_banner
{
	position: relative;
	background:#fff;
	max-width: 900px; min-width: 760px; height: 211px;
	background: transparent url('images/bg/banner_160_high.png') no-repeat 0 -0px;
}

#home_left
{
	position: absolute;
	left: 0px; top: 211px;
	width: 250px;
	padding-top: 30px;
	background: #FFF url('images/bg/left_col_gradient.png') no-repeat 0 0;
}

#home_right
{
	position: absolute;
	right: 0px; top: 211px;
	width: 400px;
	padding-top: 30px;
	background:#FBFBFB;
	/*border:1px dashed #DDD;*/
}

/* */

#content
{
	margin-left: 175px;
	margin-right:200px;
	padding: 2em;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*border:1px dashed #DDD;*/
	background:#fff;
	voice-family: "\"}\""; voice-family: inherit;
	margin-left: 175px;
	margin-right:200px;
}
html>body #content
{
	margin-left: 175px;
	margin-right: 200px;
}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



body#admin #content, #content.Wide { margin-right: 0; }

#footer
{
	clear: both;
	max-width: 900px; min-width: 760px; height: 83px;
	padding-top: 10px;
	background: #FFF url('images/bg/footer_bg.png') no-repeat right 0;
}
#footer p
{
	margin: 0 auto;
	padding-top: 10px;
	max-width: 900px;
/*	font-family: arial, sans-serif;*/
	font-size: .8em;
	text-align: center;
	color: #8C8C8C;
}
#footer div
{
	margin: 1em auto;
	text-align: center;
}
#footer img { vertical-align: middle; }
/* ---------------------------------------------- LINKS */

a:link, a:visited { 
/*	font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;*/
	font-weight: normal; 
	color: #F3983A; 
	color: #F58B28;
	text-decoration: none; 
}
a:hover { color: #9E0B0F; } 

a img { border-width: 0!important; }

#content a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url('images/misc/icon_mailto.png') no-repeat center right;
}
#content a[href ^="mailto:"]:hover { background-image: url('images/misc/icon_mailto-hl.png'); }

#content a[rel $='popup'] {
   padding-right: 18px;
   background: transparent url('images/misc/icon_popup.png') no-repeat center right;
}
#content a[rel $='popup']:hover { background-image: url('images/misc/icon_popup-hl.png'); }

#content a[href ^="http://"] {
	padding-right: 18px;
	background: transparent url('images/misc/icon_external.png') no-repeat center right;
}
#content a[href ^="http://"]:hover { background-image: url('images/misc/icon_external-hl.png');}

#content a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url('images/misc/icon_pdf.png') no-repeat center right;
}
#content a[href $='.pdf']:hover { background-image: url('images/misc/icon_pdf-hl.png'); }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *										NAVIGATION
 */
 


/* *******************************************************************************
 *								CONTENT
 */
 

p { margin: 1em 0; max-width: 434px; line-height: 1.5em; }
 
p, li, td, th, dt, dd
{
	color: #393939;
/*	font-family: verdana, tahoma, arial, sans-serif;*/
/*	font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;*/
	font-size: 1em;
	max-width: 434px;
}

#content p {  text-align: justify; }
form p { text-align: left!important; }
p.Address { margin: 1em 0 1em 3em; }

p.DateLine
{
	margin: 0;
	font-size: .8em;
	font-weight: bold;
	color: #666;
}


/*h1, h3, h4, h5, h6	{ font-family: georgia; margin: 0;} */
h1	{ font-size: 1.5em; max-width: 434px;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;
}
h2 /* main page header */
{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;
	background: url('images/bg/hdr_orange_bar.png') no-repeat 0 0;
	margin: 0 0 1em;
	padding: 10px;
	font-size: 1.6em;
	letter-spacing: .1em;
	color: #393939;
	max-width: 434px;
}

h3
{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;
	margin: 0; padding-bottom: .4em;
	font-size: 1.3em;
	color: #393939;
	background: transparent url('images/bg/hr_dotted_grey.png') no-repeat 0 bottom;
	max-width: 434px;
}
h4
{
font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	margin: 0 0 .4em 0;
	font-size: 1.2em;
	color: #393939;
	max-width: 434px;
}
h5	{ 
font-family:"Trebuchet MS", verdana, tahoma, arial, sans-serif;	
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	margin: 0; font-size: 1.1em; max-width: 434px; }
#side_login h5 { font-weight: normal; font-size: 1.3em; text-align: center; color: #9C9C9C; }

h6 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; font-size: 1em; }

h3 + h5, h5 + h6 { margin-top: 0; }

h4 + p {margin-top: 0; }



ul
{
	list-style-type: disc;
	margin: 1em 2em;
	padding-right: 0.5em;
}
ul.Plain { list-style-type: none; }

li { padding-bottom: .4em; }

dl { margin-left: 2em; }
dt { font-weight: bold; color: #666; }
dd { margin-left: 2em; }
dd + dt {margin-top: 2em; }








/* ******************************** NEWS ******************** */
.NewsItem
{
	clear: both;
	margin: 1em 0;
	padding-bottom: 2em;
	background: transparent url('images/bg/hr_dotted_grey.png') no-repeat 0 bottom;
}


#news_item h5 { color: #F3983A; }
#news_item h6 { color: #9A9A9A; }

#member_list
{
	width: 80%;
	margin: 2em auto 0;
	list-style-type: none;
}
#member_list li
{
	margin-left: 2em;
	padding: .3em 0 0;
	font-weight: bold;
}



/* Gallery example image. Sits in RH column.
*/
#gallery_promo
{
	width: 174px;
	margin: 0 auto 2em;
	text-align: center;
	background-color: #F0F0F0;
}
#gallery_promo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#gallery_promo .Caption { width: 100px; margin: 1em auto; font-size: .9em; color: #333; }
#gallery_promo a { font-weight: bold; }

#promo_img { margin: 10px 0 0; }



table#form_amounts
{
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}

table#form_amounts th { text-align: right; padding-right: 1em;}
table#form_amounts td { text-align: right; width: 3em; border-bottom: 1px solid #222; }




/* ********************* FORMS */
fieldset
{
	clear: both;
	font-size: 1em;
	padding: 10px;
	margin: 1em 0 2em 0;
	border: none;
}
fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

fieldset fieldset { margin: 0; border: none; max-width: 500px!important; white-space: normal!important;}

fieldset.Submit
{
	width: 40px;
	margin: 0 0 0 300px;
}

legend
{
	display: block;
	color: #999;
	min-width: 260px;
	margin: 0 0 1em 0;
	padding: 0 0 5px;
	background: transparent url('images/bg/hr_dotted_grey.png') no-repeat 0 bottom;
	font-size: 1.3em;
	font-weight: bold;
}

label, fieldset fieldset legend, p.Label
{
	display: block;
	margin: 1em 0 .5em;
	font-weight: bold;
	color: #666;	
}
label { max-width: 460px; }
fieldset fieldset legend
{
	max-width: 500px!important;
	display: inline;
	font-size: .9em;
	white-space: normal!important;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea { overflow: auto; width: 30em;}

#body_admin textarea { width: 100%; }

input[type='text'], input[type='password']
{
	width: 30em;
	border: 1px solid #E4E4E4;
	color: #8E8E8E;
	padding: .1em .3em;
}
input[type='text'].Short { width: 20em; }
input[type='text'].ExtraShort { width: 5em; }

input[type='checkbox'] { float: left; margin: .3em 1em 0 0; }
input[type='submit']
{
	display: block;
	float: right;
	width: 75px;
	padding-right: 24px;
	text-align: right;
	line-height: 15px;
	background: transparent url('images/misc/arrow_r.png') no-repeat right 0;
	text-transform:lowercase;
	border: 0;
	cursor: pointer;
	color:#F58B28;
	margin-left: .6em;
/* Franck Le 20081009 Enlever pour ajouter un intitulé ŕ gauche du bouton
	width: 15px; height: 15px;
	margin-left: .6em;
	background: transparent url('images/misc/arrow_r.png') no-repeat 0 0;
	border: 0;
	cursor: pointer;
*/	
}
input[type='submit']:hover
{
	background-image: url('images/misc/arrow_r_hl.png');
	color:#9E0B0F;
}

input[type='submit'].Connexion
{
	width: 90px;
	font-size:.9em;
}

div.RadioGroup { clear: both; margin-bottom: 1.5em; }
div.RadioGroup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
input.RadioGroup, input.RadioGroup + label { float: left; margin: .3em 1em 0 0; }
div.RadioGroup p { margin: 1.5em 0 .4em; }

option { padding: 0 .5em; }
button.AsyncSave
{
	display: block;
	float: right;
	width: 6em;
	margin-right: 1em;
	font-weight: bold;
	color: #666;
}

div.submit
{
	clear: both;
	margin: 2em 0 0 0;
}

div.FloatSubmit
{
	float: left;
	margin: 2em 30px 0 0;
}


ul.checkboxMultiple
{
	width: 40em!important;
	max-width: 680px!important;
	height: 16em;
	overflow: auto;
	margin: .5em auto 2em;
	padding: .4em 0;
	list-style-type: none;
	/*
	background-color: #E9E9E9;
	border: 1px solid #D1D1D1;
	*/
}
ul.checkboxMultiple li
{
	display: block;
	float: left;
	width: 15em;
	height: 2.2em;
	margin: 0 3em 0 0;
	text-align: right;
	line-height: 1em;
}

ul.checkboxMultiple.small
{
	margin: 0;
	height: auto!important;
	width: 20em!important;
	max-width: 340px!important;
	background: none;
	border: none;
}
ul.checkboxMultiple.small li { width: 6em; margin: 0 1em 0 0; }



ul.checkboxMultiple li input { float: right; margin-left: 1em;}





.Required,
div.Required label,
.required,
div.required label,
div.error-message
{ font-weight: bold; color: #991100; }
div.error-message { background-color: yellow; }

input.Required, .Required input, textarea.Required, .required input, textarea.required { font-weight: normal; color: #333; }

.Required span { color: #666; }

.Login
{
	width: 80%;
}
/*
#login_box { margin-bottom: 2em; }
#login_box #UserEmail, #login_box #UserPassword { width: 120px!important; }
#login_box a { font-size: .8em; line-height: 3em; }
*/

#side_login
{
	width: 150px;
	margin: 2em 0 20px 13px;
	padding: 1em 5px; 
	background-color: #F5F5F5;
/*	-moz-border-radius: 15px;*/
/*	border-radius: 15px;*/
}
#side_login input[type='text'], #side_login input[type='password']
{
	width: 134px;
	padding: 0 2px;
}
input[type='submit'] { float: right; margin: 10px; }
#site_search_box input { float: none; margin: 0; }
#site_search_box input[type=text] { font-size: .8em; height: 1.2em!important; }
#side_login label { font-size: .9em; font-weight:normal; }

#side_login form { background: transparent url('images/bg/hr_dotted_grey.png') no-repeat 0 bottom; }
#side_login form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#side_login a
{
	clear: both;
	display:block;
	margin: 1em auto 0;
	font-size: .9em;
	text-align: center;
}



#site_search_box
{
	position: absolute;
	right: 0;
	top: 35px;
	margin-right: 2em;
}
#site_search_box form {line-height: 24px;}
#site_search_box input[type=text] { width: 120px; height: 15px; margin: 0 1em 0 0;}


	
div.Note {
  width: 100%;
  height: auto;
  margin: 3em auto 0;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #F3F3F3;
  color: #666666;
  font-size: 90%;
}
legend + div.Note { margin-top: 0; }

div.Note h4
{
	min-width: 20px;
	margin: 0;
	padding-bottom: 6px;
	text-align: center;
	background-image: url("images/misc/info.png");
	background-repeat: no-repeat;
	background-position: top left;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: .9em;
}

div.Note p {
  margin: 0em 0em 1.2em 0em;
  font-weight: normal;
  color: #666666;
}

div.Note p.last {
  margin: 0em;
}


#attachment_elements { margin-top: 2em; }

div.DeleteForm
{
	float: right;
	padding: .5em;
}
div.DeleteForm div.submit { clear:none; margin: 0; }

div.DeleteForm input[type=submit]
{
	padding: 0.25em;
	background-image: none;
	width: 7em; height: auto;
	border: 3px double #999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	background-color: #EEE;
	font-weight: bold;
	text-transform: uppercase;
	color: #900;
}

div.ResetForm
{
	float: right;
	padding: .5em;
}
div.ResetForm div.submit { clear:none; margin: 0; }

div.ResetForm input[type=submit]
{
	padding: 0.25em;
	background-image: none;
	width: 18em; height: auto;
	border: 3px double #999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	background-color: #EEE;
	font-weight: bold;
	text-transform: uppercase;
	color: #900;
}

/* ---------------------------------------------- LIVESEARCH */

#livesearch { width: 180px!important; }
#livesearch_loading
{
	display: none;
	width: 20px;
	margin: 10px auto;
}
#livesearch_results
{
	width: 180px;
	margin: 0 0 1em;
	padding: .1em .3em;
	list-style-type: none;
	background-color: #FBFBFB;
	border: 1px solid #CCC;
	display: none;
}
#livesearch_results li { padding: .1em .5em; }




#flash_msg
{
	position: absolute;
	left: 250px; right: auto; top: 0;
	z-index: 100;
	width: 40em;
	margin: 100px auto;
	padding: 1em;
	background: #FAFAFA;
	border: 1px solid #666;
	font-size: 1em;
	font-weight: bold;
	color: #910;
}
#flash_msg a { text-align: center; }

.wrap1, .wrap2, .wrap3 {
display:inline-table;
/* \*/display:block;/**/
}



/* ************************************************************************
 *							ONION SKIN DROP SHADOWS
 *
 * http://www.alistapart.com/articles/onionskin/
 * http://15daysofjquery.com/wrap-it-up-lazy-mans-html-generation-with-jquery/10/
 */
/*
.wrap1 { float:left; background:url('images/bg/shadow.png') right bottom no-repeat; }
.wrap2 { background:url('images/bg/corner_bl.png') left bottom no-repeat; }
.wrap3 { padding:0 4px 4px 0; background:url('images/bg/corner_tr.png') right top no-repeat; }
*/
  
/*
CSS from:
http://www.alistapart.com/articles/onionskin/
modified to use descendant selectors instead of class names,
as suggested by Sergio: http://www.alistapart.com/discuss/onionskin/3/#c8219
*/
div.OSDropShadow, div.OSDropShadow div, div.OSDropShadow div div {
	display:inline-table;
	display:inline;
	/* \*/display:block;/**/
}
div.OSDropShadow {
	float:left;
	background:url("images/bg/shadow.png") right bottom no-repeat;
}
div.OSDropShadow div {
	background:url("images/bg/corner_bl.png") -16px 100% no-repeat;
}
div.OSDropShadow div div {
	padding:0 8px 8px 0;
	background:url("images/bg/corner_tr.png") 100% -16px no-repeat;
}
div.OSDropShadow div div img {
	display:block;
}
/*
.ShowcaseThumb div.OSDropShadow:hover {
	background:url("images/bg/shadow_hover.png") right bottom no-repeat;
}
.ShowcaseThumb div.OSDropShadow div:hover {
	background:url("images/bg/corner_bl_hover.png") -16px 100% no-repeat;
}
.ShowcaseThumb div.OSDropShadow div div:hover {
	background:url("images/bg/corner_tr_hover.png") 100% -16px no-repeat;
}
*/

/* ************************************************************************
 *							IMAGE REPLACEMENT
 */

 
#banner h1
{
 	overflow: hidden;
	position: absolute;
	left: 45px; top: 26px;
	width: 225px; height: 0;
	padding-top: 69px;
	background: url('images/headers/logo_black_orange_shadow.png') no-repeat 100% 0;
	color: #FFF;    /* to hide when IE screws up and shows underlying text (clicking a named anchor) */
}
#repertoire h2
{
	position: absolute;
	left: 0; top: -20px;
	z-index: 50!important;
 	overflow: hidden;
	width: 203px; height: 0;
	padding: 113px 0 0 0;
	background: url('images/headers/hdr_repertoire.png') no-repeat 100% 0;
	color: #FFF;
	margin: 0;
}

#gallery_promo h5
{
/* 	overflow: hidden;
	width: 174px; height: 0;
	padding-top: 102px;
	background: url('images/headers/hdr_repertoire_sidebar.png') no-repeat 100% 0;
	color: #FFF;
	margin: 0;*/
}

#hdr_portfolio
{
 	overflow: hidden;
	width: 186px; height: 0;
	padding-top: 35px;
	background: url('images/headers/hdr_portfolio.png') no-repeat 100% 0;
	color: #FFF;
	margin: 0!important;
}

div.hr {
	margin:5px 0px 5px 0px;
	height: 1px;
	width:200px;
	background: transparent url('images/bg/hr_dotted_grey.png') no-repeat 0 bottom;
}
div.hr hr {
	display: none;
}

p.ThumbInformation{
	width:100%;
	max-width:100%;
	text-align:center;
	font-size: 1em;
}