/*----------------------------------------------------------------------------- 
ACTE1/ENTREACTEURS Screen Stylesheet 

version:   1.0 
date:      15/01/2010 
author:    Carl Servant / SÉQUENCE DIGITALE SENC 
email:     info@sequencedigitale.com 
website:   www.sequencedigitale.com/web/ 
version history: /css/
-----------------------------------------------------------------------------*/

/*
 *	RESET
 *	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | 
 *	Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet
**/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	th, td{
		vertical-align: inherit;
	}

	article, aside, figure, footer, header,
	hgroup, nav, section { display: block; }
	nav ul { list-style: none; }
	blockquote, 
	q { quotes: none; }
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after { content: ''; content: none; }
	a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	ins { text-decoration: none; }
	mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
	del { text-decoration: line-through; }
	abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

	/* tables still need cellspacing="0" in the markup */
	table { border-collapse: collapse; border-spacing: 0; }
	hr { display: block; height: 1px; border: 0; border-top:1px solid #ccc; margin: 1em 0; padding: 0; }
	input, select { vertical-align: middle; }
	
	.clearfix{
		clear: both !important;
	}
	
/************************************
	HTML TAGS GLOBALE
************************************/	
	
	body{ background: #fff url(../images/style/acte1/body.jpg) repeat-x; }
	html.acte1 body{ background-image: url(../images/style/acte1/body.jpg); }
	html.entreacteurs body{ background-image: url(../images/style/entreacteurs/body.jpg); }
	html.productions body{ background-image: url(../images/style/productions/body.jpg); }

	a{ -moz-outline-style: none; }
	a:link{ color: #0699C9; }
	a:link:hover{ color: #000; text-decoration: underline !important; }
	html.acte1 a:link{ color: #F18F05; }
	
	h1{ background: #000; color: #0699C9; font: normal 34px/67px 'MigraineSans', arial; height: 67px; margin: 0; padding: 0 25px; vertical-align: middle;}
	h2{ background: url(../images/style/acte1/hr.png) no-repeat left bottom; color: #000; font-size: 1.6em; margin: 1em 0 0.45em 0; padding: 0.75em 0 0.75em 0; }
	html.acte1 h2{ background-image: url(../images/style/acte1/hr.png); }
	html.entreacteurs h2{ background-image: url(../images/style/entreacteurs/hr.png); }
	html.productions h2{ background-image: url(../images/style/productions/hr.png); }
	h3{ font-size: 1.1em; margin-bottom: 0.75em;}
	h4{} 
	h5{}
	
	address{ font-style: normal; }
	
	abbr{}
	acronym{}
	address{ font-style: normal; }
	
	blockquote{ margin: 1em 0em 2em 0em; }
	cite{}
	code{}
	
	hr{ border-top: 1px solid #CCC; height: 1px; margin: 2em 0; padding: 0; }
	
	img{}
	
	iframe{ margin: 0 0 1em 0; }

	p{ margin: 0 0 1em 0; }
	pre{}
	
	b{}
	big{ font-size: 1.667em; }
	small{ font-size: 0.9em; }
	strike{}
	strong{}
	sub{}
	sup{}

/*
	TABLEAUX
*/
	table{ border-color: none; margin: 0 0 1em 0; width: 100%; }		
	th, td{ border: 0; }
	thead th, 
	tbody td{ border-bottom: 1px solid #BBB; }
		
	tfoot td{ padding: 25px 0 0 0; }
		
	th, td{ overflow: hidden; padding: 5px; vertical-align: middle; }
	th[valign=top], td[valign=top]{ vertical-align: top; }
	th[valign=bottom], td[valign=bottom]{ vertical-align: bottom; }
		
	th{ color: #999; }
	th a{ color: #353530 !important; display: block; text-decoration: none; }

/*
	FORMULAIRES
*/
	fieldset{}	
	label[for]{ cursor: pointer; }
	legend{ margin: 0; padding: 0; }
	
	input, select, textarea{ border: 1px solid #CCC; padding: 4px 6px; }
	input:focus, select:focus, textarea:focus{ background-color: #fffdec !important; border: 1px solid #000; box-shadow: 0 0 20px #aaa; }	
	input.title{ font-size: 24px; line-height: 36px; }
	input.error{ background: #F9E6E2; border: 1px solid #F0785F; }
	
	input[type=radio]{ cursor: pointer; position: relative; top: -3px; }
	input[type=checkbox]{ cursor: pointer; }
	input[type=file]{ cursor: pointer; }
	select{ cursor: pointer; }
	
	#alert{ border: 1px solid #ccc; }
	#alert .title{ font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
	#alert ul{ margin-top: 0; margin-bottom: 0; }
	#alert ul a{ color: inherit; }
	#alert .errors{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; padding: 1em 0.8em; }
	#alert .success{ background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; padding: 1em 0.8em; }

	
	.field{ margin: 1em 0; }
	.field .label{ margin-bottom: 0.3333333333em; }
	.field .label small{ font-weight: normal; }
	.field .input{ margin-bottom: 1em; margin-left: 0; }
	.field label.error{ color: #EE0022; }
	.field input[aria-invalid],
	.field textarea[aria-invalid]{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; box-shadow: inset 1px 2px 2px #ffacac; }
	.field select[aria-invalid]{ background-color: #ffe7e2; background-image: url(../images/style/select-error.png); border-color: #EE0022; color: #EE0022; }
	.field .msg{ color: #EE0022; font-size: 0.9em; margin-top: -0.75em; }
	
	
	
	a.status, a.button, button{ background-color: #ECE9D8; color: #F35500; border: 1px solid #ccc; cursor: pointer; margin: 0; padding: 5px 8px; text-decoration: none; border-radius: 5px; }
	a.button:hover, button:hover{ border-color: #F97F3E; box-shadow: 0 0 15px #aaa; }
	a.button:visited, button:visited{ color: #B65D2E; }	
	a.button:active, button:active{ color:  #F9A070; }	
	a.button:focus, button:focus{ color: #9E3700; }
	button[disabled=disabled].save{ background-color: #efefef; background-image: url(../images/icons/lock.png); color: #ccc; }
	button[disabled=disabled].save:hover{ background-color: #efefef; }
	a.button.add, button.add{ background-image: url(../images/icons/add.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 30px; }
	a.button.add:hover, button.add:hover{ background-color: #77E93A; }
	a.button.add:visited, button.add:visited{}
	a.button.add:active, button.add:active{ background-color: #96E969; }
	a.button.add:focus, button.add:focus{ background-color: #308900; }
	a.button.cancel, button.cancel{ background-image: url(../images/icons/cancel.png); background-repeat: no-repeat; background-position: 5px 4px; padding-left: 30px; }
	a.button.cancel:hover, button.cancel:hover{ background-color: #77E93A; }
	a.button.cancel:visited, button.cancel:visited{}
	a.button.cancel:active, button.cancel:active{ background-color: #96E969; }
	a.button.cancel:focus, button.cancel:focus{ background-color: #308900; }	
	a.button.delete, button.delete{ background-image: url(../images/icons/delete.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 30px;}
	a.button.delete:hover, button.delete:hover{ border-color: #E10030; background-color: #F03C63; color: #fff; }
	a.button.delete:visited, button.delete:visited{}
	a.button.delete:active, button.delete:active{ background-color: #F06C88; }
	a.button.delete:focus, button.delete:focus{ background-color: #92001F; }
	a.edit{}	
	a.button.edit, button.edit{background-image: url(../images/icons/edit.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 30px;}	
	a.button.edit:hover, button.edit:hover{ background-color: #F9AF3E; }
	a.button.edit:visited, button.edit:visited{}
	a.button.edit:active, button.edit:active{ background-color: #F9C370; }
	a.button.edit:focus, button.edit:focus{ background-color: #9E6000; }
	a.button.save, button.save{ background-image: url(../images/icons/disk.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 30px; }
	a.button.save:hover, button.save:hover{ background-color: #77E93A; }
	a.button.save:visited, button.save:visited{}
	a.button.save:active, button.save:active{ background-color: #96E969; }
	a.button.save:focus, button.save:focus{ background-color: #308900; }

/*
	LISTES
*/
	dl{ }
	dt{ margin: 0 0 0.5em 0; }
	dd{ margin: 0 0 1em 0; }

	ol{ margin: 0.5em 1em 2em 2em; }
	ol ol{ margin: 1em 1em 1em 2em; }
	ol li{list-style: decimal outside;}
	ul{ margin: 0.5em 1em 2em 2em; }	
	ul ul{ margin: 1em 1em 1em 2em; }
	ul li{list-style: disc outside;}
		

	
	u, .underline{ text-decoration: underline; }	
	.success{ color: green; }
	.error{ color: red; }
	.warning{ color: orange; }
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }	 
	.clearfix { display: inline-block; }	 
	html[xmlns] .clearfix { display: block; }	 
	* html .clearfix {	 height: 1%; }

/*
	FONT-FACE
*/
@font-face {
    font-family: 'MigraineSans';
    src: url('fonts/migraine_sans.eot');
    src: url('fonts/migraine_sans.eot?#iefix') format('embedded-opentype'),
         url('fonts/migraine_sans.woff') format('woff'),
         url('fonts/migraine_sans.ttf') format('truetype'),
         url('fonts/migraine_sans.svg#migraine_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}