/*
	QCM DE CULTURE GENERALE.com

	Copyright © 2008 Qcm-de-culture-generale.com
	
	Tous les éléments de ce site doivent faire l'objet
	d'une demande au webmaster.
	
	Il est dans votre intéret d'avoir un site au design original,
	pour qu'il ait sa propre identité visuelle, plutot qu'un design plagié.*/

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

body {
	font: 11px verdana,arial,helvetica,sans-serif;
	color: #000;
	background:#DED8C3;
}


a:link,a:visited {
	text-decoration: none;
	color:#000;
}
a:hover,a:focus {
	color: #850;
	text-decoration: underline;
}
input, textarea,select {
	border: 1px solid #666;
	width: 150px;
}
select {
	width: 200px;
}
input:focus,textarea:focus,select:focus {
	border-color: #BC7400;
}
input.w {
	width: 400px;
}
input.xw {
	width: 550px;
}
textarea.s {
	height: 75px;
	width: 400px;
}
textarea.l {
	height: 100px;
	width: 500px;
}
input.s {
	width: 20px;
}
input.radio {
	width: 15px;
	border: 0px;
}
p.center {
	text-align: center;
}
.clear {
	clear: both;
}
.info {
	color: red;
	text-align: center;
}
.error {
	font-weight:bold;
	color: red;
	text-align: center;
}
.admin {
	text-align: right;
	color: #999;
}
.admin a {
	color: #999;
}
.half_l {
	width: 58%;
	float: left;
}
.half_r {
	width: 38%;
	float: right;
}
.fleft {
	float: left;	
}
#base {
	width: 900px;
	margin: 0 auto;
	border: 1px solid #000;
	background: #fff;
	position: relative;
}
.ban {
	background: #111;
	color: #fff;
	font-family: Trebuchet, Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 4px;
}
#base2 {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: #fff;
}
#top {
	position : relative;
}
#logoa {
	height: 150px;
	width: 550px;
	display: block;
	background: url(images/logo.png) no-repeat top left;
	position: relative;
}
#slide {
	position: absolute;
	height: 150px;
	width: 120px;
	top: 0px;
	left: 423px;
}
#menu ul {
	float: left;
	list-style: none;
	width: 900px;
	background:#98BE45;
	padding: 7px 0;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	float: left;
	display: block;
	width: 140px;
	text-align: center;
	background:#98BE45;
	line-height: 17px;
	border-right: 1px solid #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
#menu ul li a.w {
	width: 180px;
}
#menu ul li a.nob {
	border-right: 0px;
}
#menu ul li a:hover {
	background: #000;
}
#content {
	margin: 20px 10px 10px;
	position: relative;
}
#content ul {
	margin-left: 2em;
}
#content ul li {
	list-style: circle inside;
	margin: 0.5em 0;
}
#content ul li ul {
	margin-bottom: 1em;
}
#content ul li ul li {
	list-style: square inside;
	margin: 0.2em 0;
}
#content p {
	margin: 1em;
}
#content .img {
	float: right;
}
#content .img a:hover {
	text-decoration: none;
}
#content .img p {
	margin: 0;
	padding: 0;
	text-align: center;
}
#content .img p img{
	vertical-align: middle;
}
#content h1 {
	font-size: 20px;
	font-weight: bold;
	margin: 0.5em 0;
}
#content h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 0.5em 0;
}
#content h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0.5em 0;
}
#content .justify {
	text-align: justify;
}

/* QUESTION / REPONSES */
#content #qcm .question_q {
	background: url(images/quest_q_mid.png) repeat-y;
	width: 880px;
}
#content #qcm .question_q h2 {
	background: url(images/quest_q_top.png) no-repeat top left;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	height: 14px;
	padding: 6px 0 0 8px;
	margin: 0;
	width: 868px;
}
#content #qcm .question_q .bot {
	background: url(images/quest_q_bot.png) no-repeat top left;
	height: 15px;
}
#content #qcm .question_r {
	position: relative;
	background: url(images/reponses.png) no-repeat bottom left;
	padding-bottom: 10px;
}
#content #qcm .question_q .img {
	float: right;
	margin: 20px 20px 0 10px;
}

#content #qcm .question_q .intitule {
	font-size: 12px;
	font-weight: bold;
	padding : 20px 10px 10px;
	margin: 0px;
}
#content #qcm li {
	margin-bottom: 10px;
	list-style: none;
}
/* QUICK CORRECT */
#content #quickcorrect .question_q {
	background: #C0DD7D;
	border: 1px solid #C0DD7D;
	border-bottom : 0px;
	width: 780px;
	margin: 0;
}
#content #quickcorrect .question_q h2 {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	height: 14px;
	padding: 6px 0 0 8px;
	margin: 0;
	width: 780px;
}
#content #quickcorrect .question_q p{
	margin: 0px;
	padding: 10px;
}
#content #quickcorrect .question_r {
	background: #F7FDE9;
	border: 1px solid #C0DD7D;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#content #quickcorrect li {
	margin-bottom: 10px;
	list-style: none;
}
/* BOUTONS */
#content #qcm .boutons {
	margin: 0 20px;
	position: relative;
	height: 35px;
	color: #666;
}
#content .next {
	position: absolute;
	right: 0px;
	width: 160px;
	height: 35px;
	padding-right: 30px;
	padding-left: 5px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
	background: url(images/fleche-next.png) no-repeat top left;
}
#content button:hover,#content .boutons a:hover,#content .tostart a:hover,#content a.button:hover {
	color: #000;
}
#content .prev {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 160px;
	height: 25px;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 10px;
	background: url(images/fleche-prev.png) no-repeat top left;
	display: block;
}
#content .next.w {
	background: url(images/fleche-next-w.png) no-repeat top left;
	width: 300px;
}
#content #manager h3 {
	border-bottom: 1px dotted #666;
	margin-top: 1em;
}
#content #manager li {
	margin-bottom: 10px;
	list-style: square;
}
/* To start, lien pour commencer le qcm*/
#content .tostart p {
	text-align: center;
	margin: 0;
}
#content .tostart a {
	display: block;
	background: url(images/fleche-next-w.png) no-repeat top left;
	width: 300px;
	height: 35px;
	padding-right: 30px;
	padding-left: 5px;
	font-size: 10px;
	font-weight: bold;
	line-height: 35px;
	margin: 0 auto;
}
/* correction nav */
#content .boutons a.next {
	display: block;
	padding-right: 30px;
	padding-left: 10px;
	line-height: 35px;
	width: 120px;
	color: #666;
}
#content .boutons a.prev {
	display: block;
	padding-left: 30px;
	padding-right: 10px;
	line-height: 25px;
	width: 120px;
	color: #666;
}
/* link style button */
#content a.button {
	display: block;
	padding-right: 28px;
	padding-left: 7px;
	line-height: 35px;
	width: 125px;
	color: #666;
	font-weight: bold;
	background: url(images/fleche-next.png) no-repeat top left;
}
#content a.button.center {
	margin: 0 auto;
}
#content a.button.w {
	background: url(images/fleche-next-w.png) no-repeat top left;
	width: 300px;
	padding-right: 28px;
	padding-left: 7px;
	text-align: center;
}
/* Score */
#content h2.score {
	font-size: 42px;
	line-height: 115px;
	font-weight: normal;
	text-align: center;
	background: url(images/note.png) no-repeat 50% 50%;
	height: 115px;
	color: #A57E00;
}
.loginbox {
	border: 1px solid #C0E076;
	background: #F0FEC8;
	margin-bottom: 20px;
}
#resultats .half_l {
	border: 1px solid #FFE270;
	background: #FFF6D4;
}
#resultats .half_r input {
	width: 100px;
}
#resultats .half_r input.s {
	width: 20px;
}
/* Meilleurs SCORES */
#content #scores li {
	list-style: none;
}
#content #scores li img {
	vertical-align:middle;
}
#content  #scores .half_r {
	width: 49%;
}
#content #scores .half_l {
	width: 49%;
}
/* Liens de nav*/
#content #nav {
	margin: 0 0 10px 3px;
	height: 12px;
	font-size: 10px;
	color: #850;
}
#content #nav a {
	color: #850;
}
#content #nav a:hover {
	color: #F90;
}
#content .hidden {
	margin: 0;
	padding: 0;
}
#content .hidden a {
	color: #fff;
	font-size: 8px;
}
/* Correction */
#content  #correction {
	padding: 5px;
	margin: 5px 30px 5px 20px;
	border: 1px solid #666;
}
#content #correction h3 {
	font-size: 13px;
	font-weight: bold;
	color: red;
	margin: 0;
	padding: 5px 0 10px;
	line-height: 13px;
}
/* Aide */
#content #aide {
	position: absolute;
	top: 0px;
	right: 20px;
	height: 30px;
	width: 30px;
}
#content #aide_box {
	display: none;
	width: 400px;
	height: 200px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	position: absolute;
	background: #FCDFF2;/*#DFF3FC;/*#E8F8FF;/*#FFF2C9;*/
	top: -50px;
	left: 250px;
}
#content #aide_box2 {
	border: 2px solid #FFF;
	width: 396px;
	height: 196px;
}
#content #aide_box img {
	vertical-align: middle;
}

/* Signaler & editer liens correction */
#content .report {
	color: #aaa;
	font-size: 10px;
	margin: 0px;
	padding: 5px 0px 0px 20px;
}
#content .report a {
	color: #aaa;
}
#content .report a:hover {
	color: #000;
}
#report,#prop_correct {
	display: none;
	border: 1px solid #ccc;
}

#manager .img_preview {
	width: 100px;
	height: 100px;
	overflow:hidden;
	float: right;
	border: 1px dotted #666;
}
#manager .img_preview img {
	height: 100px;
}
#bottom {
	text-align: center;
	font-size: 10px;
	padding: 5px 0;
	background: #98BE45;
	color: #fff;
	border: 1px solid #fff;
	height: 12px;
}
#bottom a {
	color: #fff;
}
.question {
	border-bottom: 1px dotted #666;
	padding: 10px;
	margin-bottom: 10px;
}
.notice {
	font-style: italic;
	font-size: 10px;
}

#top_search {
	position: absolute;
	top: 15px;
	right: 5px;
	background:url(images/zone_recherche.png) no-repeat;
	width:250px;
	height:110px;
	padding-left:60px;
	padding-top:4px;
	padding-bottom:3px;
}

#top_search p {
	background:#F5F4F1;
	height:16px;
	padding-left:7px;
	padding-top:3px;
	width:190px;
	margin-bottom:2px;
}

#recherche_accueil {
	width:140px;
	height:12px;
	font-size: 9px;
}

#valider_recherche {
	cursor:pointer;
	border:0;
	width:12px;
	height:14px;
	background:url(images/bouton_recherche.gif) left 1px no-repeat;
}

#passup {
	background:url(images/reponses.png) no-repeat bottom left;
	margin: 0 auto 20px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#qcm_new_box {
	background: url(images/reponses.png) no-repeat bottom left;
	padding: 0 10px 10px;
	text-align: center;
}
#qcm_new_box table {
	width:100%;
}
#qcm_new_box input {
	width: 200px;
}
#qcm_new_box label{
	display: block;
}
#today {
	border: 2px solid #67BAE6;
	-moz-border-radius: 8px;
	margin-top: 20px;
	background: #E2F1FF;
}
#today h3 {
	color: #fff;
	background:  #67BAE6;
	margin: 0px;
	padding: 2px 2px 3px; 
	text-align: center;
}
#today p {
	margin: 0px;
	padding: 5px 5px 5px 10px;
}
#today p.c2 {
	background: #fff;
}
#today p.c2s {
	background: #fff;
	text-align: center;
	-moz-border-radius: 0px 0px 8px 8px;
	border: 1px solid #fff;
}
#today input.submit,#home_newsl input {
	font-size: 11px;
}
#home_links {
	border: 2px solid #FF9600;
	-moz-border-radius: 8px;
	margin-top: 20px;
	background:#FFF4E2;
	text-align: center;
}
#home_links h3 {
	color: #fff;
	background: #FF9600;
	margin: 0px;
	padding: 2px 2px 3px; 
	text-align: center;
}

#home_newsl {
	border: 2px solid #AA87EC;
	-moz-border-radius: 8px;
	margin-top: 20px;
	background:#E6D9FF;
	text-align: center;
}
#home_newsl h3 {
	color: #fff;
	background: #AA87EC;
	margin: 0px;
	padding: 2px 2px 3px; 
	text-align: center;
}

#contact {
	/*text-align: center;*/
	background: url(images/mail.png) no-repeat bottom left;
	width: 610px;
	padding: 0px 10px 10px;
	margin: 20px auto 0;
}

#contact label {
	display:block;
}


#content #desc {
	background: url(images/desc_m.png) repeat-y top left;
	color: #534300;
	text-align: justify;
	width: 420px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#content #desc #desc_t {
	height: 15px;
	width: 420px;
	background: url(images/desc_t.png) no-repeat top left;
}
#content #desc #desc_f {
	height: 15px;
	width: 420px;
	background: url(images/desc_f.png) no-repeat top left;
}
#content #desc #desc_m {
	margin: 0 10px;
}
#rech_exemples {
	background: url(images/rech_bulle.png) no-repeat;
	display:none;
	margin-top: 10px;
	margin-right: 2px;
	padding: 10px 25px 17px 10px;
	height: 150px;
	position: absolute;
	right: 200px;
	top: 50px;
	width: 315px;
	z-index:100;
	color :#003399;
}
#rech_exemples p {
	margin: 0;
	padding: 0;
	background: none;
	width: 310px;
}
.newsl {
	border: 1px solid #C0E076;
	background: #F0FEC8;
	padding: 10px;
	margin: 0px 20px 10px;
}

#bulle_docu {
	position: absolute;
	background: url(images/bulle_doc.png) no-repeat top left;
	width: 189px;
	height: 85px;
	left: -185px;
	top: 10px;
}
#bulle_docu p {
	padding: 20px 22px 2px 2px;
	margin: 0px;
	text-align: center;
	color:#833E00;
}
/* ---------------------------------------------------------------------menu qcm compte
*/
#qcm_compte {
	background: #E4E0C8;
	color:#7F7539;
	height: 24px;
	line-height: 24px;
	font-size: 11px;
}
#qcm_compte a,#qcm_compte input,#qcm_compte label {
	color:#7F7539;
	font-size: 11px;
}
#qcm_compte a:hover {
	color: #000;
}
#qcm_compte table {
	width: 100%;
}
#qcm_compte input {
	border: 1px solid #CDC48D;
	background: #F1EFE1;
	width: 150px;
	font-size: 11px;
}
#qcm_compte input:hover,#qcm_compte input:focus {
	background: #fff;
}
#qcm_compte input.s {
	width: 80px;
}
#qcm_compte input.submit {
	background: #CDC48D;
	/*border: 1px solid #947A3B;*/
	width: 20px;
	color:#947A3B;

}
#qcm_compte img {
	margin-right: 10px;
}
/*-----------------------------------------------------------------------compte
*/
#content #qcm_main {
	margin:0px 10px;
	font-size: 11px;
	color: #000;
	font-family: Verdana,Arial,Helvetica, sans-serif;
}
#content .qcm_over {
	overflow:hidden;
}
#content #qcm_main h2.title img {
	vertical-align: middle;
}
#content #qcm_main #qcm_left2 {
	float: left;
	width: 60%;
	text-align: center;
}
#content #qcm_main #qcm_left {
	float: left;
	width: 50%;
	text-align: center;
}
#content #qcm_main #qcm_left p{
	margin: 10px 0px;
}
#conteneur #content #qcm_main #qcm_left #inscript {
	text-align: center !important;
}
#content #qcm_main #qcm_right2 {
	float: right;
	width: 38%;
}
#content #qcm_main #qcm_right {
	float: right;
	width: 48%;
}
#content #qcm_main #qcm_right div,#content #qcm_main #qcm_right2 div,#loginbox {
	text-align: center;
	margin: 15px 2px 10px;;
	border: 1px solid #C2D792;
	background: #F1FFD2;
	padding: 5px;
	-moz-border-radius: 4px;
}
#content #qcm_main #qcm_right p,#content #qcm_main #qcm_right2 p {
	margin: 6px 0px;
}
#content #qcm_main #qcm_right h2,#content #qcm_main #qcm_right2 h2 {
	font-size: 14px ;
	font-weight: bold ;
	text-align: center;
	margin-top: 20px;
}
#content #qcm_main #qcm_right a,#content #qcm_main #qcm_right2 a {
	text-decoration: none;
}
#content #qcm_main #qcm_right a:hover,#content #qcm_main #qcm_right2 a:hover {
	text-decoration: underline;
}
#content #qcm_main #qcm_right2 #inscript {
	border: 1px solid #BC471A;
	margin-top: 20px;
	background: #FFE6DF;
	text-align: left;
}
#content #qcm_main #qcm_right2 #inscript * {
	color: #BC471A;
}
#content #qcm_main #qcm_right ul {
	margin-left: 0px;
}
#content #qcm_main #qcm_right ul li {
	list-style-type: circle;
	margin-left: 10px;
	text-align: left;
}
#content #qcm_main #qcm_right ul.sup {
	font-size: 12px;
}
#content #qcm_main #qcm_right2 #inscript ul li {
	background: url(images/fleche2.png) no-repeat 0% 0%;
	line-height: 16px;
	margin-left: 0px;
	padding-left: 22px;
	list-style: none;
	margin-bottom: 10px;
}

#loginbox {
	margin: 0 auto;
	width: 400px;
}
#loginbox label {
	display: block;
}
#loginbox p {
	margin: 1em 0;
}
#content #qcm_main #qcm_right #loginbox {
	padding-bottom: 0px;
}

#qcm_main input,#qcm_main select,#qcm_main textarea {
	border: 1px solid #ccc;
	background: #fff;
}
#qcm_main textarea,#qcm_main #qcm_new textarea {
	height: 200px;
	width: 600px;
}
*>body #qcm_main input,*>body #qcm_main select,*>body #qcm_main textarea {
	background: #eee;
	width: 150px;
}
#qcm_main input:focus,#qcm_main select:focus,#qcm_main textarea:focus {
	border: 1px solid #666;
	background: #fff;
}
#qcm_main input:hover,#qcm_main select:hover,#qcm_main textarea:hover {
	background: #fff;
}
#qcm_main input.submit {
	width: 120px;
	background: #eee;
	border: 1px solid #999;
	font-size: 11px;
}

#content #qcm_main table {
	width: 100%;
}
#content #qcm_main #fc {
	width: inherit;

}

#content #qcm_main #qcm_new label {
	display: block;
	cursor: pointer;
}
#content #qcm_main #qcm_new {
	text-align: center;
}
#qcm_main #qcm_new input,#qcm_main #qcm_new select {
	width: 200px;
}
#content #qcm_main #qcm_new p {
	margin: 10px 0px;
}
#content #qcm_main #qcm_new input.submit {
	width: 150px;
}
#content #qcm_main #qcm_new input.w {
	width: 300px;
}
#content #qcm_main #qcm_new .radio {
	width: 12px;
	vertical-align: middle;
	border: 0px;
	background: none;
}
#content #qcm_main #qcm_new .w input {
	width: 500px;
}
#content #qcm_main #qcm_new ul {
	text-align: left;
	margin: 10px 0px 10px 80px;
}
#content #qcm_main #qcm_new li {	list-style-type: square;
}

#content #qcm_main #qcm_mess,.mess {
	color: red;
}
#content #qcm_main #qcm_mess2 {
	color: red;
	height: 11px;
}
#content #qcm_main h3 {
	font-size: 16px;
	color: #879663;/*#C2D792;*/
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
}
#content #qcm_main #qcm_new div {
	margin: 0px 20px 15px;
	border: 1px solid #C2D792;
	background: #F1FFD2;
	padding: 5px;
}
#content #qcm_main #qcm_new li div li {	list-style-type: circle;
	margin-left: 10px;
}
#content #qcm_main #qcm_new li div {
	background: #fff;
}
#content #qcm_main #qcm_new div.none {
	border: 0px;
	margin: 0;
}
#content #qcm_main #qcm_new #devoir {
	margin: 0 auto;
}
#content #qcm_main #qcm_new div.none div {
	border: 0px;
	margin: 0;
	padding: 0;
}
#content #qcm_main #qcm_new div.none table {
	width: inherit;
}
#content #qcm_main  #qcm_new h3.qcm_pres{
	color: #696334;
}
#content #qcm_main  #qcm_new div.qcm_pres{
	color:  #696334;
	border-color:#B8B38C;
	background: #F8F5DD;
}
#content #qcm_main #qcm_new div.qcm_pres a {
color: #696334;
}
#content #qcm_main #qcm_new #cal,#content #qcm_main #qcm_new #cal div {
	border: 0px;
}
#content #qcm_main #qcm_new #calform input,#content #qcm_main #qcm_new #calform select {
	width: 100px;
}
#content #qcm_main #qcm_right #accountbox {
	border: 1px solid #F69435;
	background: #FFF3E6;
	/*color: #DA6C00;*/
}

#content #qcm_main input.input_check {
	width: inherit;
}
#content .codegratis {
margin: 20px auto;
border: 1px solid #f69435;
background: #fff3e6 url(images/fleche-compte.png) no-repeat 30px 50%;
line-height: 38px;
height: 38px;
color: #da6c00;
width: 70%;
text-align :center;
}
#content .codegratis a {
color: #da6c00;
}

#main123ticket {
	z-index: 0;
	height: 327px;
	width: 403px;
	background: #fff;
	margin: 0;
	padding: 0;
	border: 0;
}
*>body #main123ticket {
	height: 320px;
	width: 403px; 
}
*+html #main123ticket {
	height: 327px;
	width: 403px;
}


#passup div.quote {
	background: url(images/citation1.png) no-repeat top left;
	border: 1px solid #ccc;
	margin: 10px auto 10px;
}
#passup  div.quote blockquote {
	background: url(images/citation2.png) no-repeat bottom right;
	text-align: justify;
	padding: 20px 40px;
}
#passup  div.quote blockquote .MsoNormal,#contenu_passup  div.quote blockquote .MsoBodyText2,#contenu_passup  div.quote blockquote .MsoBodyText {
	font: 11px Verdana, sans-serif !important;
}
#passup  div.quote blockquote *  span{
	font: 11px Verdana, sans-serif !important;
}

#content div.extrait {
	padding-top: 10px;
}
.nuage {
	background: url(/theme/images/nuage.png) no-repeat;
	height: 340px;
	width: 680px;
	margin: 0 auto;
}
.nuage p {
	padding: 120px 75px 50px;
}


.button_passup {
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
}
#content #contenu_passupform {
	position: relative;
}
#content #passupbox {
	position: absolute;
	width: 780px;
	height: 400px;
	display: none;
	top: -200px;
	left: 20px;
}
#content #passupbox_top {
	height: 32px;
	background: url(images/passupbox_top.png) no-repeat;
}
#content #passupbox_mid {
	background: url(images/passupbox_mid.png) repeat-y;
}
#content #passupbox_btm {
	height: 32px;
	background: url(images/passupbox_btm.png) no-repeat;
}
#content #passupboxc {
	margin: 0 25px;
}
#content #passupboxc p{margin: 0; padding-bottom: 1em;}