div.head_encours{
	background: #777777 url(../images/thlistdark.gif) repeat-x top left;
	border-color: #000000;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size: 14px;
	padding: 4px;
	font-weight: bold;
	margin: 2px 0px;
	}

div.head_before{
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	color:#666666;
	border-color: #000000;
	border-style:solid;
	border-width:1px;
	font-size: 12px;
	padding: 2px;
	font-style: normal;
	margin: 2px 0px;
	}

div.head_next{
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	color:#666666;
	border-color: #000000;
	border-style:solid;
	border-width:1px;
	font-size: 12px;
	padding: 2px;
	font-style: italic;
	margin: 2px 0px;
	}

div.head_group_encours{
	border: 1px solid #808080;
	background: #a0ffa0;
	font-size: 14px;
	padding: 2px;
	font-weight: bold;
	margin: 2px 0px 0px 10px;
	}

div.head_group_before{
	border: 1px solid #808080;
	background: #f0f0ff;
	font-size: 12px;
	padding: 2px;
	color: #c0c0c0;
	font-style: normal;
	margin: 2px 0px 0px 10px;
	display: none;
	}

div.head_group_next{
	border: 1px solid #808080;
	background: #ffffff;
	font-size: 12px;
	padding: 2px;
	color: #c0c0c0;
	font-style: italic;
	margin: 2px 0px 0px 10px;
	display: none;
	}

div.head_section{

	border: 1px solid #B22222;
	-moz-border-radius: 5px 5px 0px 0px;
	background: #E43227;
	font-size: 14px;
	padding: 2px;
	font-weight: bold;
	margin: 2px 0px 0px 20px;
	color: #ffffff;
	}

div.content_section{
	border: 1px solid #B22222;
	margin: 0px 0px 0px 20px;
	-moz-border-radius: 0px 0px 5px 5px;
	}

div.content_section_langue{
	border: 0px solid #B22222;
	margin: 0px 0px 0px 0px;
	}

div.question{
	margin: 10px 0px 0px 20px;
	border: 0px solid #808080;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}

div.question_titre{
	margin: 0px 0px 2px 0px;
	border-bottom: 1px dashed #c0c0c0;
	}

div.question_content{
	margin: 4px 20px 4px 20px;
	vertical-align: middle;
	}

div.question_content textarea ,table.choixnote textarea{
	width: 99%;
	height: 100px;
	border: 1px solid #cccccc;
	background: #f0f0ff;
}

div.question_content input[type=text]{
	width: 99%;
	border: 1px solid #cccccc;
	background: #f0f0ff;
	vertical-align: middle;
}

div.question_content input[type=checkbox],div.question_content input[type=radio]{
	width: 20px;
	border: 0px solid #cccccc;
	background: none;
	vertical-align: middle;
}

div.question_content select{
	width: 99%;
	border: 1px solid #cccccc;
	background: #f0f0ff;
	}

table.choixnote{
	width: 99%;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}

table.choixnote th{
	text-align: center;
	background: #a0ffa0 url(../images/bg_quest.png) repeat-x top left;
	padding: 2px 0px;
	border: 1px solid #cccccc;
	}

table.choixnote th.thactif{
	text-align: center;
	background: #80ff80 url(../images/bg_quest.png) repeat-x top left;
	padding: 2px 0px;
	border: 1px solid #cccccc;
	}

table.choixnote td{
	text-align: center;
	border: 1px solid #cccccc;
	}
table.choixnote td.tdactif{
	text-align: center;
	border: 1px solid #cccccc;
	background: #f0f0ff;
	}

table.testlang{
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}

table.testlang th{
	text-align: left;
	padding: 4px 4px;
	border: 0px solid #cccccc;
	font-weight: bold;
	}

table.testlang td{
	text-align: left;
	padding: 2px 0px;
	border: 0px solid #cccccc;
	}

label{
	font-weight: normal;
	color: #505050;
	vertical-align: middle;
	}
label:hover{
	font-weight: normal;
	color: #000000;
	}

label.special{
	color: inherit;
	}
table.avancement{
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}

table.avancement th{
	text-align: left;
	padding: 0px 0px;
	border: 0px solid #cccccc;
	height: 30px;
	background: url(../images/abef.gif) repeat-x center left;
	}

table.avancement td{
	text-align: left;
	padding: 0px 0px;
	border: 0px solid #cccccc;
	height: 30px;
	background: url(../images/apost.gif) repeat-x center left;
	}

table.discret{
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}

table.discret th, table.discret td{
	vertical-align: top;
	text-align: left;
	padding: 4px;
	border: 0px solid #cccccc;
	width: 48%;
	}

div.infouser{
	padding: 4px;
	margin: 4px;
	text-align: right;
	font-style: italic;
	color: #666666;
	}

div.infolinguistique{
	text-align: right;
	padding: 2px 4px;
	font-style: italic;
	}

div.infofinalise{
	margin: 20px;
	border: 1px solid #B22222;
	background: #ffffa0;
	color: #B22222;
	font-weight: bold;
	padding: 10px;
	}

div#waitingtime{
	margin: 20px;
	border: 1px solid #cccccc;
	background: #fafaff;
	color: #000000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	}
div#finished{
	margin: 20px;
	border: 1px solid #cccccc;
	background: #fafaff;
	color: #000000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	display: none;
	}

div#traceroute{
	margin: 20px;
	border: 1px solid #cccccc;
	color: #808080;
	font-weight: normal;
	padding: 10px;
	text-align: left;
	font-style: italic;
	}

div#progressbar{
	border: 1px solid #505050;
	background: #f0f0ff;
	margin: 5px 20px;
	padding: 0px;
	height: 10px;
	line-height: 1px;
	}

div#progressbar img{
	margin:0px;
	border: 0px;
	padding: 0px;
	}

div.QuestSpecialTitleBloc{
	background: #777777 url(../images/thlistdark.gif) repeat-x top left;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px;
	border:1px solid #777777;
	margin: 0px 4px;
	}

div.QuestSpecialTitleGroup{
	background: #777777 url(../images/thlistdark.gif) repeat-x top left;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px;
	border:1px solid #777777;
	margin: 0px 4px;
	}

div.QuestSpecialTitleSection{
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px;
	border:1px solid #777777;
	margin: 0px 4px;
	}

table.QuestSpecialTable{
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}

table.QuestSpecialTable th{
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	border: 1px solid #777777;
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	color: #000000;
	}

table.QuestSpecialTable td{
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	border: 1px solid #777777;
	color: #000000;
	}

table.QuestSpecialTable td.tdactif{
	background: #777777 url(../images/thlistdark.gif) repeat-x top left;
	}

table.QuestSpecialTable td.tdinactif:hover{
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	}

table.QuestSpecialInfo{
	width: 100%;
	border: 0px solid #cccccc;
	border-collapse: collapse;
	}

table.QuestSpecialInfo td{
	vertical-align: middle;
	text-align: left;
	padding: 2px;
	border: 1px solid #777777;
	color: #000000;
	border-left: none;
	}

table.QuestSpecialInfo th{
	vertical-align: middle;
	text-align: right;
	padding: 2px;
	border: 1px solid #777777;
	border-right: none;
	color: #000000;
	}

table.QuestSpecialInfo th.title{
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	border: 1px solid #777777;
	background: #e3e3e3 url(../images/thlistlight.gif) repeat-x top left;
	color: #000000;
	}


/*input[type=text]{
	border: 1px solid #7F9DB9;
	padding-top: 2px;
	padding-bottom: 2px;
}*/


/*/////////////////////////////////////////////////////////////////
CATALOGUE ECOLINGUA
/////////////////////////////////////////////////////////////////*/
p.packinfo {
	margin-bottom: 0;
	color: red;
	font-size: 16px;
}
p.rythme_matiere {
	font-size: 20px;
	height: 30px;
}

table.catcourse,
table.catrythme,
table.catmois {
	border: 0px solid black;
	border-collapse: collapse;
	width: 100%;
}
table.catcourse,
table.catmois{
	margin-bottom: 10px;
}

table.catcourse th,table.catcourse td,
table.catrythme th,table.catrythme td {
	vertical-align: top;
}

table.catcourse th,
table.catrythme th,
table.catmois th {
	color: white;
	font-size: 11px;
	padding: 4px 0;
	vertical-align: middle;
}

table.catcourse td,
table.catrythme td {
	font-size: 11px;
	padding: 2px;
}
table.catmois td {
	padding: 3px 5px;
	border-bottom: 1px solid black;
}

table.catcourse td.niveau,
table.catrythme td.niveau {
	font-weight: bold;
}

table.catcourse th.public,
table.catcourse td.public,
table.catrythme th.public,
table.catrythme td.public {
	width: 50px;
}

table.catcourse td.objectif,
table.catcourse td.programme,
table.catrythme td.objectif,
table.catrythme td.programme {
	font-size: 10px;
}

table.catcourse th.objectif,
table.catcourse td.objectif {
	width: 130px;
}
table.catrythme th.objectif,
table.catrythme td.objectif {
	width: 200px;
}

table.catcourse th.programme,
table.catcourse td.programme {
	width: 220px;
}
table.catrythme th.programme,
table.catrythme td.programme {
	width: 300px;
}

table.catcourse td.programme ul,
table.catrythme td.programme ul {
	margin: 0;
	padding: 0 0 0 15px;
}

table.catcourse th.rythme,
table.catcourse td.rythme,
table.catrythme th.rythme,
table.catrythme td.rythme {
	width: 120px;
}

table.catcourse th.date,
table.catcourse td.date,
table.catrythme th.date,
table.catrythme td.date {
	width: 90px;
	text-align: center;
}

p.prixht {
	text-align: right;
	font-style: italic;
}

fieldset p#rythme_session label,
fieldset p#rythme_niveau label {
	font-weight: bold;
}

fieldset p#rythme_session span.label,
fieldset p#rythme_niveau span.label {
	float: left;
	width: 120px;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

fieldset.rythme_creercompte {
	width: 45%;
	float: left;
	margin-top: 15px;
}

fieldset.rythme_connection {
	width: 45%;
	float: right;
	margin-top: 15px;
}

fieldset.rythme_creercompte legend,
fieldset.rythme_connection legend {
	padding: 4px 10px;
	border: 1px solid black;
	background-color: #F0F0F0;
}

fieldset.rythme_connection p {
	overflow: auto;
}

fieldset.rythme_connection p label {
	float: left;
	width: 80px;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}

fieldset.rythme_connection p input#rythme_password {
	border: 1px solid #7f9db9;
}

fieldset.rythme_date p label {
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}

fieldset.rythme_date p select {
	width: 200px;
	background-color: white;
	border: 1px solid #7f9db9;
}

p#rythme_boutonretour {
	clear: both;
}

div#cat_contenu_admin div.intitule {
	margin: 0 0 0 10px;
	padding: 8px 0 0 0;
}
div#cat_contenu_admin div#div_matiere_1 div.intitule {
	background: url('../images/catalogue_node_en.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_1 div.intitule.last_node {
	background: url('../images/catalogue_last_node_en.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_2 div.intitule {
	background: url('../images/catalogue_node_de.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_2 div.intitule.last_node {
	background: url('../images/catalogue_last_node_de.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_3 div.intitule {
	background: url('../images/catalogue_node_fr.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_3 div.intitule.last_node {
	background: url('../images/catalogue_last_node_fr.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_4 div.intitule {
	background: url('../images/catalogue_node_it.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_4 div.intitule.last_node {
	background: url('../images/catalogue_last_node_it.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_5 div.intitule {
	background: url('../images/catalogue_node_es.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_5 div.intitule.last_node {
	background: url('../images/catalogue_last_node_es.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_6 div.intitule {
	background: url('../images/catalogue_node_cjra.gif') left center no-repeat;
}
div#cat_contenu_admin div#div_matiere_6 div.intitule.last_node {
	background: url('../images/catalogue_last_node_cjra.gif') left center no-repeat;
}
div#cat_contenu_admin p.intitule {
	cursor: pointer;
	margin: 0 0 0 8px;
}
div#cat_contenu_admin div.contenu {
	margin: 0;
}
div#cat_contenu_admin div.contenu div.contenu {
	margin: 0 0 0 10px;
}
div#cat_contenu_admin div#div_matiere_1 div.contenu {
	background: url('../images/catalogue_fil_en.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_1 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div#div_matiere_2 div.contenu {
	background: url('../images/catalogue_fil_de.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_2 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div#div_matiere_3 div.contenu {
	background: url('../images/catalogue_fil_fr.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_3 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div#div_matiere_4 div.contenu {
	background: url('../images/catalogue_fil_it.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_4 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div#div_matiere_5 div.contenu {
	background: url('../images/catalogue_fil_es.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_5 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div#div_matiere_6 div.contenu {
	background: url('../images/catalogue_fil_cjra.gif') left top repeat-y;
}
div#cat_contenu_admin div#div_matiere_6 div.contenu.last_node {
	background: none;
}
div#cat_contenu_admin div.contenu p.intitule {
	padding: 5px;
}

table.list th {
  cursor: pointer;
}

span.pack_title {
	font-size: 14px;
	font-weight: bold;
}

#popup_reassign select {
	width: 400px;
	background-color: white;
	border: 1px solid #7f9db9;
}

select {
	background-color: white;
	border: 1px solid #1F96C0;
}
div.ui-dialog div.main_body {
	margin: 0;
}
input.required.noanswer,
select.required.noanswer,
textarea.required.noanswer{
	border: 1px solid #ff0000;
	background-color: #FAEBD7;
}
input.required.answer,
select.required.answer,
textarea.required.answer{
	border: 1px solid #1F96C0;
	background-color: #FFF;
}
div.question_content input.required.noanswer,
div.question_content select.required.noanswer,
div.question_content textarea.required.noanswer{
	border: 1px solid #ff0000;
	background-color: #FAEBD7;
}
div.question_content input.required.answer,
div.question_content select.required.answer,
div.question_content textarea.required.answer{
	border: 1px solid #1F96C0;
	background-color: #FFF;
}
input,
select,
textarea {
	font-family: arial, sans-serif;
	font-size: 12px;
}
hr {
	border: none;
	border-top: 1px solid #777777;
}
.extruder { position:fixed; cursor:default; background:transparent }
.extruder .header { height:27px; }
.extruder .content { display:none; background:#222; }
.extruder.open .content { -moz-box-shadow:#999 2px 1px 5px; -webkit-box-shadow:#999 2px 1px 5px }
.extruder .footer{ display:none;height:10px;background:#000;-moz-border-radius:0 0 8px 8px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-box-shadow:#999 2px 1px 5px;-webkit-box-shadow:#999 2px 1px 5px}
.extruder.left{height:100%;background:transparent}
.extruder.left.open .content{-moz-box-shadow:#999 2px 0px 5px;-webkit-box-shadow:#999 2px 0px 5px}
.extruder.left .content{border-right:3px solid #000}
.extruder.left .ext_wrapper{height:100%}
.extruder.left .footer{display:none}
.extruder.left .flap{font-size:18px;color:white;top:0;padding:10px 0 10px 10px;margin-right:-37px;background:#222;width:30px;position:absolute;right:0;border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-box-shadow:#999 2px 0px 5px;-webkit-box-shadow:#999 2px 0px 5px}
.extruder.left .flap .flapLabel{background:#222}
.extruder .voice{padding:0px;position:relative}
.extruder .voice:last-child{border-bottom:none}
.extruder .voice .disabled{cursor:default}
.extruder .text{ background:#222;color:gray;padding:10px 0px}
.extruder .voice a.label{display:block; line-height:22px;color:white;padding:2px 10px;text-decoration:none; color:#eee; font-family:Verdana,sans-serif;font-size:12px; font-weight:bold; background:#222}
.extruder .voice a.label:hover{color:#ffffA0; font-weight:bold; background:#666}
.extruder .voice span.label{display:block;padding:0px;margin:0px}
.extruder h2{color:#5691e6;margin:10px 5px 5px 5px;}

td.user_lastname, span.user_lastname { text-transform:uppercase; }
td.user_firstname, span.user_firstname { text-transform:capitalize; }

h1 img { vertical-align:middle; }