@charset "utf-8";
/**********************************/
/*****     CSS Document       *****/
/*****                        *****/
/*****       Site School      *****/
/*****          QUIZZ         *****/
/***** Auteur: Yann Choinard  *****/
/*****   c/o: MERYAN PROD     *****/
/*****                        *****/
/*****  Date: Novembre 2020   *****/
/**********************************/

/** ARCHIVE
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
**/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	margin: 0px auto;
	padding: 0px;
	font-family: 'Source Sans Pro', Arial, 'Trebuchet MS', sans-serif;
	color: #000;
	font-size: 14px;
	background: #cdcdff;
	/*background: #000;*/
}
/*********************************************/
.typ-01{
	font-size: 22px;
	font-weight: 900;
}

.typ-quest-01{
	font-size: 28px;
	text-shadow: 2px 2px 4px #000;
}

.typ-quest-01-fx{
	font-size: 24px;
	text-decoration: underline;
	font-weight: 600;
	color: #ff6666;
	text-shadow: 2px 2px 4px #000;
	letter-spacing: 2px;
}

.typ-info{
	font-size: 18px;
	text-shadow: 2px 2px 4px #000;
}

.etq-qcm{
	font-size: 24px;
}

.typ-btn-choix{
	margin: 0px 30px;
	padding-top: 5px 10px;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	background: linear-gradient(0deg, #0000ff, #1111ff, #0000aa);
	box-shadow: 4px 4px 6px #333;
	cursor: pointer;
}
/***************************************/
/*****     SCREEN MAIN DECIMAL     *****/
/***************************************/
.container-quizz-01{
	margin: 10px auto;
	padding: 5px 10px;
	max-width: 800px;
	/*border: 23px solid #cc0000;
	background-color: #000;*/
	box-shadow: 0px 20px 30px #333;
}

.container-quizz-01-outer{
	text-align: center;
	color: #fff;
	border: 2px solid #000;
	background-color: darkslategrey;
}

.container-quizz-01-inner{
	padding: 2px 20px;
	background-color: rgb(110, 105, 184);
}

.qcm-checkbox-prt{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

/*******************************************/
.qcm-valid-prt{
	margin: 20px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.btn-nav-rep{
	height: 50px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	box-shadow: 4px 4px 12px #000;
	cursor: pointer;
}