* {margin:0;padding:0;}

html,body {height: 100%;}
fieldset{border:none;}
body
{
	font: normal 76% Verdana, Arial, sans-serif;
	color: #47445d;
	background: #fff;
}
.debug{border:1px solid red;}
/* ----------------------------------------header */
.headalpha[class]
{
	background:transparent url(../images/assets/grad_head.png) repeat-x bottom left;
	height: 145px;
}

#logo
{
	height:145px;
	width:300px;
	float:left;
	position:relative;
}

#logo a
{
	bottom:8px;
	right:30px;
	position:absolute;
}

#title
{
	position:relative;
	margin:0 0 0 300px;
	height:145px;
}

#title a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#title a:hover 
{
	color: #333;
}

#title h1{
	font-family: "Century Gothic", Arial;
	padding:0 0 0.2em 1.2em;
	position:absolute;
	bottom:0;
	left:0;
}

#login-box
{
	position:absolute;
	right:0;
	margin: 1em 5em 0 0;	
	text-align: right;
}

#login-box p
{
	margin: 0.5em 0;
	line-height: normal;
}

#login-box fieldset
{
	padding: 0.5em 0;
	font-size: 1em;
	border-style:none;
	float:left;
}

#login-box label
{
	float: left;
	margin: 0 0 0.2em 0;
}

#login-box input.homowidth
{
	margin: 0 0 0.2em 4em;
	display: block;
	width:140px;
}

#login-box .button
{
	height: 17px;
	width: 59px;
	border: none;
	cursor: pointer;
	background:transparent url(../images/picto/button.gif) no-repeat top left;
	margin: 0 0 0 5px;
	display: inline;
}
.name
{
	color: #690;
	text-decoration: none;
	font-weight: bold;
}

/* ----------------------------------------menu */

/* ----------------level 0 */
#left ul
{
	list-style-type: none;
	height:1%;
}
#left ul li
{
	border-bottom: 1px solid #ccc;
}
#left ul li a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #47445d;
	line-height: 2em;
	padding: 0 0 0 0.6em;
	height: 1%;
}
#left ul li a:hover 
{
    color: #000;
    height: 1%;
}
#left ul li a.selected
{
	color: #fff;
	background: #47445d url(../images/picto/square_orange.gif) no-repeat right center;
}

/* ----------------level 1 */

#left ul ul
{
	padding: 0.5em 0 0.5em 1.5em;
}

#left ul li li
{
	border-style: none;
	padding-bottom: 0.1em;
}

#left ul li li a
{
	line-height: normal;
	padding: 0;
}

#left ul li li a.selected
{
	color: #fc7519;
	background:none;
}

/* ----------------level 2 */

#left ul ul ul 
{
	padding: 0 0 1em 0;
}

#left ul li li li a
{
	font-weight: normal;
}

#left ul li li li.selected
{
	list-style-image: url(../images/picto/arr_orange.gif);
}

/* ----------------submenu */
.submenu
{
	padding: 0.5em 0 0 0.6em;
}

.submenu a
{
	color: #47445d;
	text-decoration: none;
	font-weight: normal;
}

.submenu a.selected
{
	color: #fc7519;
}

/* ----------------------------------------content */


#center ul li.selected a{
	color:#FC7519;
}

#center ul {
	line-height:1.4em;
	list-style-type:square;
	padding:0pt 0pt 1.5em 2em;
}

#center ol {
	line-height:1.4em;
	padding:0pt 0pt 1.5em 2em;
}

.working_space #center ul.listright{margin:0;padding:0;}
.working_space #center .listright li{list-style-type:none;border-bottom:1px dashed #3e9edb; padding:0.5em 0; margin:0;}

/* ----------------------------------------crumbtrail */
#crumbtrail
{
	border-bottom: 1px solid #ccc;
	padding: 0.4em 0 0.4em 35px;
	margin: 0 0 1.5em -35px;
	color: #47445d;
	font-size: 0.9em;
}

#crumbtrail ul
{
	padding: 0 !important;
	line-height: normal !important;
}

#crumbtrail li
{
	list-style-type: none;
	display: inline;
	padding: 0 0.3em 0 0;
}

#crumbtrail a 
{
	color: #47445d;
	text-decoration: none;
	font-weight: normal;
}

#crumbtrail a:hover 
{
	color: #000;
}

#crumbtrail a.selected
{
	color: #fc7519;
}

/*-----------------------Inner*/

#inner{
  height:1%;
  padding:0 3em 0 0;
  margin-bottom:1.5em;
}

/*-----------------------End Inner*/

/*-----------------------Fox infos box*/

#infos
{
	padding: 0 0 1em 0;	
}

#infos_box
{
	padding: 0 5em 0 0;
}

/*-----------------------End Fox infos box*/

.leftcol
{
	float:left;
	padding: 0 0em 4em 0;
	margin-right:20px;
	width:369px;
	height:1%;
}

.left
{
	float: left;
	padding: 0 0 5em 0;
	height:1%;
}

.rightcol
{
	height:1%;
	margin: 0 0 3em 370px;
	padding: 0 5em 3em 2em;
	border-left: #09F;
	border-width: 0 0 0 1px;
	border-style: none none none dotted;
}

.formulate-middle
{
	margin-left:410px;
}

.right
{
	margin:0 0 0 320px;
	padding: 0 0 5em 2em;
	height:1%;
}

#steps{margin-top:-16px;}
/* ----------------------------------------sitemenu */

#sitemenu
{
	color: #47445d;
}

#sitemenu ul
{
	padding: 0 !important;
	line-height: normal !important;
}

#sitemenu li
{
	list-style-type: none;
}

#sitemenu ul li.selected, #sitemenu ol li.selected
{
	list-style-image: url(../images/picto/tarr_orange.gif);
}

#sitemenu ol{padding:1em 0;}
#sitemenu ol li.selected{font-weight:bold;}

#sitemenu a
{
	color: #47445d;
	text-decoration: none;
	font-weight: normal;
}

#sitemenu a:hover 
{
	color: #000;
}

#sitemenu a.selected
{
	color: #fc7519;
	font-weight: bold;
}

/* ----------------------------------------footer */
.footeralpha[class]{
  background-image: url(../images/assets/lang_grad1.png);
	background-repeat: repeat-x;
}

.credits
{
	margin: 0 0 0 300px;
	padding: 1em 0 1em 35px;
	font-size: 0.88em;
}

.credits a
{
	color: #47445d;
	text-decoration: none;
	font-weight: bold;
}
.credits a:hover 
{
	color: #333;
}



/* ----------------------------------------general */

h1
{
	font: 2.3em "Century Gothic", Helvetica;
	color: #fc7519;
}
h2
{
	font-weight: bold;
	font-size: 1.4em ;
	color: #47445d;
	margin: 1em 0 1em 0;
}


h3
{
	font-weight: bold;
	font-size: 1.3em;
	color: #47445d;
	margin: 1em 0 1em 0;
}

h4
{
	font-weight: bold;
	font-size: 1.2em;
	color: #47445d;
}

.font-middle
{
	font-size: 1.3em;
}

p
{
	line-height: 1.15em;
	margin: 0 0 1em 0;
}


a
{
	color: #47445d;
	text-decoration: none;
	font-weight: bold;
}

a:hover {color: #000}

a.underline:link
{
	color: #47445d;
	text-decoration: underline;
	font-weight: normal;
}
a.underline:hover
{
	color: #000;
	
}

#inner a{text-decoration:underline;}
#inner a:hover{text-decoration:none;}

fieldset fieldset{
  border:1px solid #CCC;
  padding:0.5em 1.5em 1.5em;
  margin-bottom:1em; 
  background:#F3F3F3;
}

legend
{
  font-size:1.1em;
  padding:0;
	font-weight:bold;
}

img { border-style: none; }

/* ----------------------------------------colors */

.alpha[class], .working_space .alpha[class], .project_space .alpha[class], .orangealpha[class], .postulate_space .alpha[class]
{
  width:100%;
  position:relative;
	padding: 0.7em 3em 0.7em 35px;
	margin:0 -3em 2em -35px;
	height:1%;
}
.alpha[class]
{
	background: url(../images/assets/trans_general.png);
}

.orangealpha[class]
{
	background:transparent url(../images/assets/trans_orange.png);
}

/* ----------------------------------------working space */
.working_space .alpha[class]
{
	background:transparent url(../images/assets/trans_blue.png);
}

.working_space h1, .working_space h2, .working_space .plain-html h3, .working_space legend, .working_space #crumbtrail a.selected
{
	color: #3e9edb;
}

.working_space #left ul li a.selected
{
	background-image: url(../images/picto/square_blue.gif);
	background-position: right center;
}
.working_space #left ul li li a.selected
{
	color: #3e9edb;
	background:none;
}
.working_space #left ul li li li.selected
{
	list-style-image: url(../images/picto/arr_blue.gif);
}

.working_space .dragging
{
  border:1px solid #3E9EDB;
}

/* ----------------------------------------project space */
.project_space .alpha[class]
{
	background:transparent url(../images/assets/trans_green.png);
}

.project_space h1, .project_space h2, .project_space .plain-html h3, .project_space legend, .project_space #crumbtrail a.selected
{
	color: #90a400;
}
.project_space #left ul li a.selected
{
	background-image: url(../images/picto/square_green.gif);
	background-position: right center;
}
.project_space #left ul li li a.selected
{
	color: #90a400;
	background:none;
}
.project_space #left ul li li li.selected
{
	list-style-image: url(../images/picto/arr_green.gif);
}

.project_space .dragging
{
  border:1px solid #90a400;
}
/* ----------------------------------------postulate space */
.postulate_space .alpha[class]
{
	background:transparent url(../images/assets/trans_red.png);
}

.postulate_space h1, .postulate_space h2, .postulate_space .plain-html h3, .postulate_space legend, .postulate_space #crumbtrail a.selected
{
	color: #d32567;
}
.postulate_space #left ul li a.selected
{
	background-image: url(../images/picto/square_red.gif);
	background-position: right center;
}
.postulate_space #left ul li li a.selected
{
	color: #d32567;
	background:none;
}
.postulate_space #left ul li li li.selected
{
	list-style-image: url(../images/picto/arr_red.gif);
}

.postulate_space .dragging
{
  border:1px solid #d32567;
}
/*-----------------------Class tools*/

.bold {font-weight: bold;}
.clear {clear:both; height:1%}
.clear-l {clear:left; height:1%}

.float-l{float:left;}
.float-r{float:right}
.float-n{float:none;}

.full{width:100%;clear:left;}
.ninety {width:90%}
.seventy {width:70%}
.half{width:50%}
.forty{width:40%}
.third{width:33%}
.twentyfive {width:25%}
.twenty {width:20%}
.fifteen {width:15%}
.ten{width:10%}
.five{width:5%}

.padding-0 {padding: 0 !important}
.margin-0 {margin: 0 !important}
.border-padding{ border: 1px solid #999; padding:1em}

.border-outside {border: 1px solid #999}
.border-t { border-top: 1px solid #999 }
.border-b { border-bottom: 1px solid #999 }
.border-l { border-left: 1px solid #999 }
.border-r { border-right: 1px solid #999 }


.no-border {border:0 !important}
.bg-eee { background-color: #eee}
.bg-ccc { background-color: #ccc}
.bg-999 { background-color: #999}
.bg-fff { background-color: #fff}
.padding1{ padding:1em}
.padding05{ padding:0.5em}

img.icon{vertical-align:middle;}

.normal { font-weight: normal !important; }
.center {text-align: center}
.leftalign{ text-align: left;}
.rightalign { text-align: right; }
.violet-gris {color: #47445d !important;}
.red {color: #d32567 !important;}
.orange {color: #fc7519 !important;}
.white { color: white; }
.error{color:#fc7519 !important;}
.debug
{
  position:fixed;
  bottom:0;
  background:#000;
  color:#FFF;
  z-index:100;
  width:100%;
  border:none;
  opacity:0.7;
}

.debug pre{ overflow:auto;height:150px; font-size:11px; }
.debug .title{
  color:#3E9EDB;
  background:#111;
  margin:0;
  padding:0;
}
.inplaceeditor-saving{
  background: transparent url(../images/img/progressbar.gif) repeat-x center left;
  height:16px;
  text-align:left;
  font-weight:bold;
}
.editable{height:1%}
/*-----------------------End Class tools*/


/* ---------------------------------------- tables */

.tablewrap
{
border:1px solid #999;
float:left;
width:100%;
margin-bottom:2em
}


.tablehead
{
	float: left;
	width: 100%;
	border-color: #999;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.tablebody
{
	float: left;
	width: 100%;
	border-color: #999;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.tablist
{
	padding: 0.5em 1.5em 1em 3em !important;
}

.tablist-s
{
	padding: 0.5em 1em 1em 2.5em !important;
}

.tablist-l
{
	padding: 0.5em 1em 1em 1.2em !important;
}

.bad-score
{
	color: #95a900 !important;
	padding: 0;
	margin: 0;
	text-align: right;
}

.good-score
{
	color: #d32567 !important;
	padding: 0;
	margin: 0;
	text-align: right;
}

#infos_box table, table.border{
  margin:0.5em 0 1em 0;
}

#infos_box table, table.border, #infos_box table th, table.border th, #infos_box table td, table.border td{
  border-collapse:collapse;
  border:1px solid #CCC;
  padding:0.75em;
}

table.cv{
  width:100%;
}

table.cv th{
  text-align:left;
  border-bottom:1px solid #999;
}

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

/*tbody need to be a block level element to allow scriptaculous effect on it*/
table.cv tbody{
  display:block;
}

/* ----------------------------------------forms */

#list-2 {  }

.select-mini, .input-text-mini
{
	min-width: 250px;
	width: 250px;
	border: 1px solid #999999;
	padding: 0.1em;
}
.select-min, .input-text
{
	min-width: 330px;
	width: 330px;
	border: 1px solid #999999;
	padding: 0.1em;
}

.select-middle, .input-text-middle
{
	min-width: 380px;
	width: 380px;
	border: 1px solid #999999;
	padding: 0.1em;
}

.select-large, .input-text-large
{
	min-width: 600px;
	width: 600px;
	border: 1px solid #999999;
	padding: 0.1em;
}

.overflow-box{
  overflow:auto;
  height:150px;
  padding:1em 3em 1em 1em;
  margin-bottom:1em;
}
/*
#inner
{
  font: normal 1.2em Arial, Verdana,sans-serif;
}
*/
textarea, select, option, label, input, .submit
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	padding: 0.1em;
}

textarea, select 
{
	border:1px solid #999999;
	background-color: #fff;
}

#inner a.icon-open, #inner a.icon-close{text-decoration:none;padding:0 0.4em;}

.icon-close{background:transparent url(../images/picto/plus_blue.gif) no-repeat center center}

.icon-open{background:transparent url(../images/picto/minus_blue.gif) no-repeat center center}

.sortableZone{
}
.sortableZone ul.list-item 
{
	list-style-position:outside;
	list-style-type:none !important;
	margin: 0;
	padding: 0.5em !important;
}

.sortableZone ul.moveable li 
{
 	margin: 0.2em 0;
	border:1px solid #CCC;
	background-color:#EEE;
	padding:0.25em 0.5em;
	cursor:move;
	zoom:1;
}

.dropZone
{
	background-color: #fff;
	border: 1px dashed #999999;
	width: 300px;
	min-height:250px;
}

.form-1 fieldset, .form-2 fieldset, .form-3 fieldset
{
	border-style: none;
}
.form-1 label
{
  clear:left;
	float: left;
	margin: 0 0 0.8em 0;
	width:165px;
	height:1%;
}
.form-1 input, .form-1 textarea
{
	margin: 0 0 0.8em 165px;
	display: block;
}
.form-1 select
{
	border: 1px solid #999999;
	margin: 0 0 0.5em 165px;
	padding: 0.1em;
	display: block;
}
.form-1 .captcha
{
	margin: 0 0 0.5em 165px;
	width:150px;
}
.form-1 .error
{
	font-weight:bold;display:block;
}

.form-2 label
{
	float: left;
	margin: 0 0 0.8em 0;
	font-weight: bold;
}
.form-2 input
{
	margin: 0 0 0.8em 200px;
	display: block;
}

.form-2 textarea
{
	margin: 0 0 0.8em 0;
	display: block;
}
.form-2 select
{
	border: 1px solid #999999;
	margin: 0 0 0.5em 200px;
	padding: 0.1em;
	display: block;
}

form.labels div {padding:1em 0;clear:left}

form.labels div label{width:220px;padding-right: 2em;text-align:left;float:left}

form.labels div input{float:left}

form.labels div div input, form.labels div div label {float:none; }

form.labels div div {float:left;clear:none}

form.labels label span{display:block;margin:1em 0 }

/*---------Eric----------*/
.result-error{color:#fc7519 !important;}
.result-success{color:#AABF00;}
.result-error, .result-success{
  background:#EEE;
  border-bottom:1px solid #FFF;
  display:block;
  font-weight:bold; 
  font-size:1.2em; 
  width:100%;
	padding: 0.7em 2.4em 0.7em 35px;
	margin:0 2.4em 0 -35px;
	height:1%;
	position:relative;
}

.form-3 legend
{
	display:block;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em;
}
.form-3 div{margin-right:0.5em;}
.form-3 label{display:block;}
.form-3 .submit{clear:left;margin:1em 0 !important;}
.form-4 label{display:inline;}

h3.letter{color:#FC7519;font-size:3em;margin:0; font-weight:normal;}
.alphabetical-index ul{list-style:none;margin:0;}
.alphabetical-index ul li{display:inline;margin: 0 1em 0 0;font-size:2em;}
h3.letter, .alphabetical-index{font-family: "Century Gothic", Arial;}