*
{
	padding:0px;
	margin:0px;
	
}

a
{
	text-decoration:none;
	color:#444;
}

body
{
	
	min-height:100%;
	
	background: #ddd; 
	
	background-image: -moz-radial-gradient(center top 40deg, circle farthest-side , #fff, #ddd);
	
	background-image: -webkit-gradient(radial,center 00,100,center 50,400,from(#fff),to(#ddd)); 
  	background-repeat: no-repeat;
  	
	margin:auto;
	
	font-family: 'Helvetica Neue';
	text-shadow: white 0px 1px 0px;
	color:#444;
}

header
{
	width:900px;
	margin:auto;
	position: relative;
	height:180px;
	margin-top:0px;
	display:block;
}


header h1
{
	
	
	font-family:"Tangerine";
	height:80px;
	font-size:80px;
	position:absolute;
	top:60px;
	left:70px;
}

header.genius
{
	width:600px;
	position:relative;
	margin:auto;
}
header.genius img
{
	float:left;
	position:relative;
	left:160px;
	top:80px;
	height:130px;
}


header.genius h1
{
	float:left;
	position:relative;
	left:60px;
	font-size:150px;

}

#baseLine
{
	
	position:absolute;
	left:250px;
	top:135px;
	width:350px;
	font-size:15px;
	font-family:"Cardo";
}


nav
{
	width:900px;
	position:relative;
	margin:auto;
	height:28px;
	display:block;
	
}

nav ul
{
	font-size:14px;
	
}

nav li
{
	float:left;
	list-style-type:none;
	line-height: 28px;
	padding:0px 10px;
}

nav li:hover
{
	text-shadow: 0px 0px 5px #fff;
	cursor:pointer;
}

nav li img
{
	margin-top:6px;
	margin-right:3px;
	box-shadow:0px 0px 5px black;
	border:none;
}

nav li.right
{
	float:right;
	position: relative;
	right:100px;
}
#line
{
	width:900px;
	position:relative;
	margin:auto;
	height:1px;
	border:none;
	
	
	
	background: -moz-radial-gradient(#777, RGBa(250,250,250,0));
	
	background-image: -webkit-gradient(radial,center 1,10,center 1,400,from(#aaa),to(RGBa(230,230,230,0))); 
	
}

#cabinet
{
	
	width:450px;
	height:281px;
	position:relative;
	margin:auto;
	
	margin-top:50px;
	margin-bottom:50px;
	
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	
	
	border:1px solid white;
	
	background: -moz-linear-gradient(#fff, #ddd);
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	padding:20px;
	
}

#cabinet h2
{
	width:100%;
	height:50px;
	line-height:40px;
	font-family:"Tangerine";
	font-size:45px;
}

#divant
{
	width:100%;
	height:230px;
}

textarea
{
	border:1px solid #aaa;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	font-size:14px;
	
	padding: 10px;
	outline:none;
	font-family:"Cardo";
	line-height:20px;
}

#divant textarea
{
	border:none;
	width:430px;
	max-width:430px;
	height:180px;
	max-height:180px;
	
	border:1px solid #ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	font-size:14px;
	outline:none;
	font-family:"Cardo";
	line-height:20px;
}


#validationCache
{
	width:100%;
	height:0px;
	float:left;
}

#validationArea
{
	
	width:430px;
	height:180px;
	float:left;
	top:-244px;
	left:1px;
	
	
	
	background:RGBa(0,0,0,0.8);
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	font-size:14px;
	position:relative;
	
	display:none;
	opacity:0;

}

#validationArea table
{
	width: 100%;
	height:100%;
}



.labelTd
{
	width:140px;
}



#validationArea label
{
	font-family:"Tangerine";
	font-size:35px;
	color:white;
	text-shadow: none;
}

input
{
	padding:0px 10px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	font-family:"Cardo";
	
	
	height:30px;
	
	
	outline:none;
	
	
	
	background:white;
}

#validationArea input
{
	width:90%;
	font-size:20px;
	line-height: 37px;
}





#validationArea input:invalid
{
	background:url("images/cancel.png") 250px center white no-repeat;
}

#validationArea input:valid
{
	background:url("images/valid.png")  250px center white no-repeat;
}


table#login
{
	width:100%;
}

table#login .inputTD
{
	width:160px;
}

table#login td input
{
	width:200px;
	border:solid 1px #aaa;
	font-size:17px;
	line-height: 20px;
}

table#login .labelTD
{
	text-align: right;
}

table#login .labelTD label
{
	margin-right: 10px;
}

#validButtonLogin
{
	margin-top:5px;
}

.button
{
	
	
	height: 25px;
	line-height:25px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	font-size:15px;
	padding:5px 20px;
	
	border:1px solid #aaa;
	
	text-align:center;
	
	background: white;
	
	background: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
	background: -moz-linear-gradient(#fff, #ddd);
	
}

.button:hover
{
	cursor: default;
	
}

.button:active
{
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	background: -moz-linear-gradient(#ddd, #fff);
}

#cabinet .button
{
	position:relative;
	
	width:150px;
	margin:auto;
	margin-top:3px;
}




#affichageReponse
{
	
	width:600px;
	position:relative;
	margin:auto;
	margin-top:50px;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	
	border:1px solid white;
	
	font-size:14px;
	font-family: "Cardo";
	
	background: -moz-linear-gradient(#fff, #ddd);
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	padding:20px;
	margin-bottom:30px;
	
}

#affichageReponse h2
{
	width:100%;
	height:50px;
	line-height:40px;
	font-family:"Tangerine";
	font-size:45px;
}

#content h2
{
	width:100%;
	height:50px;
	line-height:40px;
	font-family:"Tangerine";
	font-size:45px;
}

#affichageReponse #question
{
	border:none;
	width:580px;
	
	border:1px solid #aaa;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	margin-bottom: 20px;
	
	font-size:14px;
	font-family:"Cardo";
	line-height:20px;
	
	background:white;
}

#content #question
{
	border:none;
	width:595px;
	
	border:1px solid #aaa;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	margin-bottom: 20px;
	
	font-size:14px;
	font-family:"Cardo";
	line-height:20px;
	
	background:white;
}

#affichageReponse .dateQuestion
{
	float:right;
	position:relative;
	top:-30px;
	right:10px;
}

#content .dateQuestion
{
	float:right;
	position:relative;
	
	font-family: "Cardo";
	
	top:-30px;
	right:10px;
}

#affichageReponse #reponse
{
	border:none;
	width:580px;
	
	border:1px solid #aaa;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	margin-bottom: 0px;
	
	font-size:14px;
	font-family:"Cardo";
	line-height:20px;
	
	
	background:white;
}


#affichageReponse #reponse a
{
	text-decoration:underline;
}
#content #reponse
{
	border:none;
	width:595px;
	
	border:1px solid #aaa;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	padding:10px;
	margin-bottom: 0px;
	
	font-size:14px;
	font-family:"Cardo";
	line-height:20px;
	
	background:white;
}

#listeQuestion {
	margin-bottom: 50px;
	z-index:10;
}

#listeQuestion h2
{
	width:900px;
	margin:auto;
	height:50px;
	line-height:40px;
	margin-top:50px;
	font-family:"Tangerine";
	font-size:45px;
}

#listeQuestion #liste
{
	width:900px;
	position:relative;
	margin:auto;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	border:1px solid white;
	
	font-size:14px;
	font-family: "Cardo";
	
	margin-top :10px;
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	z-index:10;
}

#listeQuestion #liste table
{
	table-layout: fixed;
	border-collapse: collapse;
	width:100%;
	
}

#listeQuestion #liste table td
{
	border-bottom: solid 1px #ddd;
	padding:5px 0px 0px 0px;
	cursor:pointer;
	
}

#listeQuestion #liste tr
{
	background: none;
	
	width:100%;
}



#listeQuestion #liste td.nom
{
	padding:8px 10px;
	text-align:center;
	
	vertical-align: center;
	
	line-height: 20px;
	
	height:20px;
	
	width:170px;
	
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
    
}

#listeQuestion #liste td.question
{
	padding:5px 10px;
}

.questionContent
{
	overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis; /* pour le reste du monde */
}



.questionContainer
{
	height:25px;
	
	
	overflow: hidden;
	line-height:23px;
}

.answer textarea
{
	padding:10px;
}


.statusYes
{
	width:25px;
	background:url("images/valid.png") center center no-repeat;
}

.statusNo
{
	width:25px;
	background:url("images/cancel.png")  center center no-repeat;
}


#listeQuestion #liste .answer
{
	background:white;
	
	border:1px solid #ddd;
	
	border-radius:10px;
	padding:10px;
	width: 97%;
	margin:10px 0px;
}

#listeQuestion #liste .answer h3
{
	font-family: "Tangerine";
	font-size:25px;
	margin-bottom:10px;
}

#listeQuestion #liste .answer div
{
	
	
	
	
	width: 760px;
	//height: 150px;
}

#listeQuestion #liste .answer .buttonContainer
{
	width:100%;
	height:37px;
}


#listeQuestion #liste .answer .button
{
	width:180px;
	margin:0px 70px;
	float:left;
}


.bulle
{
	width:400px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	
	position:relative;
	margin:auto;
	
	padding:20px;
	
	border:1px solid #aaa;
	margin-top:40px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
	background: -moz-linear-gradient(#fff, #ddd);
}

.bulle h2
{
	font-family: "Tangerine";
	font-size:40px;
	margin-bottom:10px;
}

.post
{
	border:none;
	width:560px;
	
	position: relative;
	margin:auto;
	
	margin-top:60px;
	
	border:1px solid #aaa;
	
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	
	padding:20px 20px 10px 20px;
	margin-bottom: 40px;
	
	font-size:14px;
	line-height:20px;
	
	background:white;
}

.post a:hover
{
	text-decoration: underline;
}

.post h2
{
	line-height:45px;
	font-family:"Tangerine";
	font-size:45px;
}

.post .button
{
	width:200px;
	margin:auto;
	margin-top: 3px;
	position: relative;
	
}


.post textarea
{
	width:96%;
	max-width: 96%;
	min-width: 96%;
	padding:10px;
	min-height:200px;
	max-height:200px;
	height:200px;
	margin-top:20px;
}

.post input
{
	font-size:14px;
	border: solid 1px #aaa;
	margin-top:15px;
	line-height: 37px;
	width:220px;
}

footer
{
	clear:both;
	width:100%;
	height:20px;
	font-size:13px;
	line-height:22px;
	
	display:block;
	
	z-index:-10;
	
	position:absolute;
	bottom:2px;
}

footer ul
{
	clear:both;
	width:260px;
	height:20px;
	position: relative;
	margin:auto;
}

footer li
{
	clear:both;
	display:inline-block;
	list-style-type:none;
	padding:0px 10px;
}

#bandeauBeta
{
	width:160px;
	height:160px;
	position:fixed;
	top:0px;
	right:0px;
	background:url("images/beta.png");
}

#cache
{
	position:fixed;
	
	display:none;
	opacity:0;
	
	z-index:20;
	
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	top:0px;
	left:0px;
}

#ajax
{
	width:620px;
	
	display:none;
	
	opacity:0;
	
	height:22px;
	position:absolute;
	
	top:100px;
	
	z-index:20;
	
	margin:auto;
	
	border:1px solid #aaa;
	
	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	padding:10px;
	
	background: white;
}

#content
{
	
	position:relative;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	opacity:0;
}

#content a
{
	text-decoration: underline;
}
#buttonBlock
{
	 width:100%;
	 height: 23px;
	 
	 
}

#backButton
{
	width:30px;
	height:23px;
	background:url("images/backPressed.png");
}



/*//////Affichage d'une question :///////*/

ul.path
{
	
	clear: both
}

ul.path li:first
{
	
}

ul.path li
{
	display:inline;
	padding-left:3px;
	cursor:default;
}

ul.path li img
{
	display:inline;
	position:relative;
	top:2px;
	margin-right:4px;
}



ul.menuPath li
{
	display:inline;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: lighter;
	color:black;
	text-shadow: none;
	padding:4px 30px;
	margin-right:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-left:3px;
	background : RGBa(245,245,245,0.8) url("images/arrow.png") center right no-repeat;
	color:black;
	text-align:center;
}

ul.menuPath li:hover
{
	background : url("images/arrowWhite.png") center right no-repeat, url("images/menuBackground.png") center left repeat-x;
	
	color:white;
	cursor:default;
}



ul.menuPath li img
{
	display:inline;
	position:relative;
	top:2px;
	margin-right:4px;
}


.UIButton
{
	
	padding:8px 5px 5px 5px;
	white-space : pre;
}

.UIButton:hover
{
	cursor: default;
}

.UIButton img
{
	position:relative;
	top:9px;
	padding:4px 0px 3px 0px;
	//background: #ddd;
}

.UIButton span
{
	color:black;
	font-family: "Trebuchet MS";
	text-shadow:none;
	padding:6px;
	background: url("images/button.png") repeat-x top left ;
	
}


ul.terminal
{
	background:RGBa(0,0,0,0.9);
	color:white;
	text-shadow: none;
	font-size:10px;
	font-family:"Monaco";
	list-style-position: inside;
	list-style-type: none;
	margin: 0px 20px;
	padding:10px 10px 5px 10px;
	line-height: 7px;
}

ul.terminal div
{
	padding:3px 0px;
}

ul.terminal h4
{
	display:inline;
	padding-right:10px;
	font-size:12px;
	//font-weight:lighter;
	text-shadow:none;
	line-height: 12px;
}



ul.terminal table
{
	width:100%;
}

ul.terminal td.prefix
{
	width:120px;
	height:12px;
}

ul.terminal td.cmd
{
	position:relative;
	line-height: 14px;
	padding: 0px;
	border:none;
}

ul.terminal tr
{
	min-height:12px;
}

.important
{
	font-family: "Cardo";
	clear:both;
	font-weight: normal;
	color:#d00;
	text-align: justify;
	line-height:16px;
}


.important .imgImportant div
{
	width:50px;
	height:50px;
	color:white;
	text-align:center;
	font-size:40px;
	font-family: "Times";
	font-weight: lighter;
	vertical-align: center;
	line-height:50px;
	margin:auto 10px auto 0px;
	border:solid 1px red;
	-webkit-border-radius:250px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f66), to(#D00)); 
	background: -moz-linear-gradient(#f66, #d00);
}