@charset "UTF-8";
/*
 * 	Theme Name:
 *	Theme URI:
 *	Description:
 *	Author:
 *	Version: 1.0
 *	License:
 *	License URI:
 *	Tags:
**/
html{ background: #303030; }
body{ background: #303030 url(../images/body.png) repeat-x; margin: 0; padding: 280px 0 0 0; }
.innerwrap{ margin: 0 auto; position: relative; width: 840px; }

/*
	#header
*/
#header{ left: 0; position: absolute; top: 0; width: 100%; }
#header div.innerwrap{ background: url(../images/fr/pageHeader.jpg?20190329) no-repeat; height: 280px; overflow: hidden; }
html[lang=en] #header div.innerwrap{ background: url(../images/en/pageHeader.jpg?20190329) no-repeat; }

#header h2{ left: 0; position: absolute; top: 0; z-index: 1; }
#header h2 a{ display: block; height: 238px; overflow: hidden; text-indent: -99999px; width: 804px; }
#header ul{ margin: 0; padding: 0; }
#header ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
#header ul li a{ background: #FF3300; color: #fff; display: block; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; overflow: hidden; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; z-index: 333; }
#header ul li a:focus, #header ul li a:hover{ color: #fff; }
#header ul li.default a{ left: 874px; top: 20px; width: 110px; }
#header ul li.translate a{ right: 0; top: 0; width: 110px; }
/*
	#content
*/
#content{}
#content div.innerwrap{ background: #fefefe url(../images/pageContent.gif) repeat-x; border-top: 2px solid #303030; border-bottom: 5px solid #FF3300; padding: 25px; width: 790px; }

/*
	#footer
*/
#footer{ height: 52px; clear: both; }
#footer div.innerwrap{ padding: 15px; width: 810px; }
#footer div.innerwrap p{ color: #AAA; margin: 0; padding: 0;}


/*
	noscript
*/
noscript div{ background: #333; color: #fff; left: 50%; padding: 10px; position: absolute; top: 100px; width: 362px; z-index: 999; }
noscript div h3{ margin: 0; padding: 0; }
noscript div p{ margin: 0; padding: 0; }




/*
	ACCUEIL
	Page Index.php
*/
#content div.left{ float: left; width: 184px; }
#content div.right{ float: right; width: 590px; }
#content div.right address{ margin: 0 0 3em 0; }
#content div.commencer{ background: #EFEFEF; border: 1px solid #CCC; margin: 0 0 5em 0; padding: 15px;  }
#content form.inscription{ float: left; padding: 0 15px 0 0; width: 350px; }
#content form.inscription p.button a{ border: 1px solid red; padding: 3px 5px; }
#content form.connexion{ border-left: 1px dotted #AAA; float: right; padding: 0 15px; width: 303px; }
#content form.connexion dd{ margin: 0 0 1em 0; }


/*
	FORMULAIRE
	Page formulaire.php
*/
.numero-de-dossier{ float: left; margin-right: 50px; }
.numero-de-dossier dt{ font-size: 1em; font-weight: normal; margin: 0; }
.numero-de-dossier dd{ font-size: 1.5em; margin: 0 0 1em 0; }
.mot-de-passe{ float: left; }
.mot-de-passe dt{ font-size: 1em; font-weight: normal; margin: 0; }
.mot-de-passe dd{ font-size: 1.5em; margin: 0 0 1em 0; }

div.downloadable{ background: #FAFAFA; border: 1px solid #CCC; font-size: 1.25em; padding: 10px; position: absolute; right: 20px; top: 50px; width: 500px; }
div.downloadable h2{ font-size: 1.25em; margin: 0; }
div.downloadable ul{ margin: 0 0 0 2em; padding: 0; }
div.downloadable ul li{ list-style: square; margin: 0; padding: 0; }

ul.tabs{ display: none; }
ul.tabs, h2.legend{ border-bottom: 1px solid #ccc; height: 42px; margin: 2em 0 0 0; padding: 2px 2px 0 12px; }
ul.tabs li, h2.legend a{ display: inline; list-style: none; margin: 0; padding: 0; }
ul.tabs a, h2.legend a span{ background: #fff; border: 1px solid #eee; border-bottom: 0; border-radius: 8px 8px 0 0; color: #999; display: block; float: left; height: 39px; line-height: 42px; margin: 0 3px 0 0; padding: 0 12px; text-decoration: none; }
ul.tabs a:focus,
ul.tabs a:hover{ color: #000; }
ul.tabs a span{ display: block; line-height: 42px; }
ul.tabs li.active a{ background: #F3F3F3; border-color: #ccc; color: #333; height: 42px; }
ul.tabs li.loading a span{ background: url(../images/preloader.gif) no-repeat right center; padding-right: 32px; }

.js ul.tabs{ display: block; }
.js fieldset.tabs-content{ background: #F3F3F3; border: 1px solid #ccc; border-top: 0; display: block; padding: 2em 20px 3em 20px; }
.js fieldset.tabs-content{ display: none; }
.js fieldset.tabs-content.active{ display: block; }
.js fieldset.tabs-content h2.legend{ display: none; }
@media print {
	.js fieldset.tabs-content{ display: block; }
}

#s2_recommandation_0_filename_src{ position: relative; width: 500px; }
#s2_recommandation_0_filename_src a{ background: #fff; border: 1px solid #ccc; display: block; margin: 0 0 1em 0; padding: 0.5em 22px 0.5em 0.8em; word-break: break-all; }
#s2_recommandation_0_filename_src a.delete{ background: url(../images/actions/icon-close.png) no-repeat; border: 0; display: none; height: 16px; overflow: hidden; padding: 0; position: absolute; right: 5px; text-indent: -9999em; top: 5px; width: 16px; }
#s2_recommandation_0_filename_src:hover a.delete{ display: block; }
#s2_recommandation_1_filename_src{ position: relative; width: 500px; }
#s2_recommandation_1_filename_src a{ background: #fff; border: 1px solid #ccc; display: block; margin: 0 0 1em 0; padding: 0.5em 22px 0.5em 0.8em; word-break: break-all; }
#s2_recommandation_1_filename_src a.delete{ background: url(../images/actions/icon-close.png) no-repeat; border: 0; display: none; height: 16px; overflow: hidden; padding: 0; position: absolute; right: 5px; text-indent: -9999em; top: 5px; width: 16px; }
#s2_recommandation_1_filename_src:hover a.delete{ display: block; }

.uploader p.photo{ background: url(../images/preloader.gif) no-repeat center center; float: left; position: relative; width: 50px; }
.uploader p.photo img{ height: auto }
.uploader p.photo:hover::after{ background: url(../images/actions/icon-close.png) no-repeat; content: ""; cursor: pointer; display: block; height: 16px; line-height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }
.uploader.loading p.photo img{; opacity: 0.5; }
dl.photo{ min-height: 50px; margin: 0 0 2em 60px; }
dl.photo dt{ margin: 0; }
dl.photo dd{ margin: 0; }

dl.dl-item{ background: #FFF; border: 1px solid #CCC; margin: 0 20px 1em 20px; padding: 15px; }
dl.dl-item dt{}
dl.dl-item dd{}
dl.dl-item dd.ecoles select{}

dl.dl-row{}
dl.dl-row dt{ clear: left; float: left; width: 150px; }
dl.dl-row dd{ margin-left: 150px; }

table tbody td{ position: relative; z-index: 1; }
table tbody td.compositeur{ }
table tbody td.compositeur  input{ min-width: 80%; }
table tbody td.compositeur select{ min-width: 80%; }
table tbody td.oeuvre{}
table tbody td.oeuvre  input{ width: 80%; }
table tbody td.oeuvre  select{ width: 80%; }
table tbody td.tonalite{ width: 80px; }
table tbody td.minutage{ width: 160px; }
table tbody td.minutage select{ width: 45%; padding-left: 1px; }

p.total{ font-size: 1.5em; padding-right: 15px; text-align: right; }

ul.ul-paiement{}
ul.ul-paiement li{ list-style: none; }

ul.actions{ height: 50px; margin: 2em 0; padding: 0; }
ul.actions li{ display: inline; list-style: none; margin: 0; padding: 0; }
ul.actions li button{ float: left; }
ul.actions li.prev button{ float: left; }
ul.actions li.next button{ float: left; }
ul.actions li.submit button{ float: right; }
.js ul.actions li.prev button{ display: block; }
.js ul.actions li.next button{ display: block; }
#progress-bar{ float: left; height: 22px; line-height: 22px; margin-left: 10px; width: 300px; }
#progress{ background: #aaa; border: 1px solid #999; display: none; height: 20px; margin: 0; width: 200px; }
#progress.loading{ display: block; }
#progress .bar{ background: orange; display: block; height: 20px; width: 0; }
#progress .bar.complete{ background: green; }

#fixed{ background: #fff; border-top: 5px solid #ff9b28; box-shadow: 0 0 15px #333;  bottom: 0; height: 32px; left: 50%; margin: 0 0 0 -492px; padding: 10px 25px;  position: fixed; width: 934px; z-index: 2; }
#fixed .actions{ float: left; margin: 0; }
#fixed #update_fixed{ float: right; margin: 0; }

#s3211.loading{ background: url(../images/preloader.gif) no-repeat center center; height: 50px; }


/*
	#ajaxBox
*/
#ajaxBox{ background: #fff; border: 1px solid #ccc; position: absolute; width: 258px; z-index: 555; }
#ajaxBox{ -moz-box-shadow: 0 0 20px #888; -webkit-box-shadow: 0 0 20px #888; box-shadow: 0px 0px 20px #888; }
#ajaxBox ul{ margin: 0; padding: 3px 5px; }
#ajaxBox ul li{ list-style: none; margin: 0; padding: 0; }
#ajaxBox ul li a{ display: block; }
#ajaxBox ul li a:hover{ background: #FEFEFE; }
#ajaxBox p{ background: #ccc; font-size: 11px; margin: 0; padding: 3px 5px; }
#ajaxBox p a{ color: #555; }

/*
	SYSTEM
*/
#system{ bottom: 1em; position: fixed; right: 1em; max-height: 90%; overflow: auto; overflow-x: hidden; width: 300px; z-index: 9999; }
div.system{ border: 1px solid #000; cursor: pointer; margin: 0 auto; padding: 15px 18px 15px 35px; }
div.system ul{ margin: 0 0 0 25px; }
div.system ul li{ list-style: square; }
div.system.success{ background: #E4F1E2 url(../images/actions/accept.png) no-repeat 10px center; border: 1px solid #76CA6A; }
div.system.errors{ background: #F9E6E2 url(../images/actions/exclamation.png) no-repeat 10px center; border: 1px solid #F0785F; }
div.system.warnings{ background: #F6F0D5 url(../images/actions/error.png) no-repeat 10px center; border: 1px solid #F2D757; }
.field-errors{ background: #F9E6E2; }
.field-warnings{ background: #F6F0D5; }

/*
	LOADING
*/
#loading{ background: rgba(0,0,0,0.5); left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 3333; }
#loading .innerwrap{ background: #C4D8F2 url(../images/actions/loading.gif) no-repeat 10px center; border: 1px solid #3569BA; left: 50%; margin-left: -300px; padding: 15px 18px 15px 35px; position: fixed; top: 100px; width: 600px; }
#loading h2{ margin: 0; }
#loading{ display: none; }
.js  #loading{ display: block; }