body {
    color: #333;
    background-color: white;
    margin:0 auto;
    padding:0 0 5px;
	width:100%;
	font-family: sans-serif;
	font-size: 1.2em;
}
form {
 	margin: 20px 7%;
 	padding: 1% 5%;
/* 	border:1px solid #666;
 	border-radius: 10px; */
 	text-align: left;
 /*	background-color: blue; */
 }
 h3{
 	width:95%;
 	text-align: center;
 	padding: 12px auto 0px;
 }
 li {
 	list-style-type: none;
 	list-style-position: inside;
 }
 .image{
 	width: 95%;
 	margin:0 auto;
 }

.progress {
	border:1px solid #79c4f4;
	border-radius: 10px;
	padding:20px;
	text-align: center;
	color:#79c4f4;
}
.blue {
	background-color: #79c4f4;
	color:white;
}


a.premier:active, button.premier:active {
    background-color: #F7D04F;
    color:#B58E10;
}
button.deuxieme:active {
  	background-color: #F7B34F;
  	color:#B57210;
}
button.troisieme:active {
  	background-color: #3B6FA0;
  	color:#8BB1D6;
}

 a.premier, button.premier, button.deuxieme, button.troisieme, .normal {
  	display:block;
  	width:90%;
  	padding:5%;
 /* 	font-weight:bold; */
  	font-size:inherit;
  	background-color: #3D8EA5;
  	color:white;
  	margin:5px auto;
	border-top: 1px solid #3b8ea5;
	border-right: 1px solid #3b8ea5;
	border-bottom: 1px solid #3b8ea5;
	border-left: 1px solid #3b8ea5;

 }
 .deuxieme, .troisieme {
  	background-color: #F49E4C;
	border-top: 1px solid #F49E4C;
	border-right: 1px solid #F49E4C;
	border-bottom: 1px solid #F49E4C;
	border-left: 1px solid #F49E4C;
 } 
 .troisieme {
	background-color: #AB3428;
	border-top: 1px solid #AB3428;
	border-right: 1px solid #AB3428;
	border-bottom: 1px solid #AB3428;
	border-left: 1px solid #AB3428;
 }

a.premier:hover, button.premier:hover {
	background-color: white;
	color:#3D8EA5;
}

button.deuxieme:hover {
	background-color: white;
	color:#F49E4C;
}

button.troisieme:hover {
	background-color: white;
	color:#AB3428;
}

button.premier:active, button.deuxieme:active, button.troisieme:active, .normal:active {
	width: 90%;
}

a.premier, a.premier:active, a.premier:hover {
	width: 15%;
	padding: 1%;
	border-radius: 5px;
}

.sub {
  	margin: 10px 0;
  	text-align: center;
 }
 div.bold, button.bold {
 	margin: 20px 0;
 	font-size: 1em;
 }
 button.bold {
 	 border-radius: 5px;
 	 padding:10px 20px;
 	 background-color:#79c4f4;
 	 color:white;
 	 border: 1px solid #79c4f4; /* #19547A; */
 /*	 clear:both; */
 }
 button.bold:hover {
 	background-color:white;
 	border: 1px solid #79c4f4; /* #19547A; */
 	color:#79c4f4; /* #19547A; */
 	cursor: pointer;
 }
button, button.bold {
	display: block;
	margin: 20px auto;
} 

button.normal:hover {
	background-color: white;
	color:#3D8EA5;
}

 .bold input {
 /* 	font-size: 1.5em;*/
  	font-weight: bold;
 }
 .pourcentage, .resultext {
 	text-align: left;
 	padding: 5px 2%;
 }
 .pourcentage {
 	background-color:#EEE;
 	border-radius: 10px;
 }

footer button:active {
	background-color: transparent;
}

/* Evaluation */
p.form_group {
text-align: left;
}

.question, label.question{
	width:95%;
	margin: 10px auto;
	font-weight: bolder;
	font-size: 0.9em;
}
.wpforms-required-label {
	color:#ff0000;
}
ul {
	font-size: 1em;
	font-weight: normal;
}

textarea {
	width: 100%;
	margin: 0 auto 20px;
	font-size: 0.9em;
}

ul.horizontal {
	background: linear-gradient(to right, red,orange,yellow,green,blue); 
}

ul.horizontal li{
	display: inline-block;
	width:18%;
	text-align: center;
	color: white;
}
button.do_not_show {
    display: none;
}

.loginR, .loginL {
	width: 49%;
	float: right;
	text-align: left;
	margin: 10px 0;
	height: 50px;
	padding: 2px 0 0;
}
.loginL {
	float: left;
	text-align: right;
	line-height: 1.7em;
}
/* FIN Evaluation */
.erreur {
	width: 95%;
	margin:10px auto;
	color:red;
	font-weight: bold;
	text-align: center;
}
.full{
	width:100%;
	clear:both;
	text-align: right;
	font-size: smaller;
}
.center {
	text-align: center;
}

label {
	display: none;
}

input, select, button.premier, button.deuxieme, button.troisieme {
	width: 94%;
	font-size: 0.9em;
	border-radius: 5px 5px 5px 5px;
	padding: 10px 3%;
	overflow: hidden;
	border-width: 1px;
	margin: 20px auto;
	border:1px solid #3D8EA5;
	background-color: #3D8EA5;
}

 button.deuxieme, .troisieme {
  	background-color: #F49E4C;
	border-top: 1px solid #F49E4C;
	border-right: 1px solid #F49E4C;
	border-bottom: 1px solid #F49E4C;
	border-left: 1px solid #F49E4C;
 } 
 
 button.troisieme {
	background-color: #AB3428;
	border-top: 1px solid #AB3428;
	border-right: 1px solid #AB3428;
	border-bottom: 1px solid #AB3428;
	border-left: 1px solid #AB3428;
 }

 input, select {
 	background-color: white;
 }

select.genre {
	width: 50%;
}

.whoareyou {
	display: none;
}

.demi, .right {
	width: 45%;
	margin: 20px 2.5%;
	float:left;
}

.demi:hover {
	width: 45%;
}

.demi:active {
	width: 45%;
}

.right {
	float:right;
}
h2 {
	color:#79c4f4;
	text-align: center;
	width: 100%;
}

h3 {
	color:#79c4f4;
	text-align: center;
	width:95%;
	margin: 0 auto;
}

h3 {
	color:#3C90C7;
	margin: 15px auto 10px;
}
a, a.normal {
	font-size: 1em;
	color:#3C90C7;
	text-decoration: none;
}

a.normal {
	background-color: #79c4f4;
	border:1px solid #79c4f4;
	border-radius: 5px;
	padding: 10px 20px;
	color: white;
	text-align: center;
}

a:hover, a.normal:hover {
	color:#79c4f4;
	text-decoration: underline;
}

a.normal:hover {
	background-color: white;
	color: #79c4f4;
	text-decoration: none;
}

a.interface {
	color: #79c4f4;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

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

.ColLeft {
	width: 70%;
	float: left;
	margin: 20px 2%;
	text-align: justify;
}

.ColRight {
	width: 25%;
	float:right;
	font-size: 0.8em;
}

.ColRight div {
	background-color: rgb(250,250,250);
	border-radius: 5px;
	margin:10px auto;
}

p.titre {
	font-size: 0.8em;
	font-weight: bold;
}

.ColRight input {
	padding: 10px;
	margin: 10px auto;
}
/*.line {
width: 100%;
height: 6px;
position: relative;
bottom: 15px;
}*/
body.student h4, body.student h5 {
margin: 0 0 0 3%;
}

ul.results li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 1em;
}

ol li {
	list-style-type: upper-greek;
	list-style-position: outside;
	padding: 5px 0 5px 15px;
}


button.discret {
	color: #888;
	background-color: white;
}

button.discret:hover {
	color: white;
	background-color: #888;
}

.academic_year::after, .academic_year::before {
	content: '-----';
}

.academic_year {
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.intitule {
	text-align: center;
	font-style: italic;
	color:#666;
}

 /*
}
@media only screen and (min-width: 769px) {
	body {
		width: 50%;
	}
} 
*/

h5 a, h5 a.normal {
	font-size:1.0em;
}

@media only screen and (max-width: 768px) {
	body {
		width: 94%;
		font-size: 1em;
	}
	div.bold, button.bold {
 	font-size: 1em;
 	}
	.question {
		font-size: 1em;
	}
	input, select {
		margin: 5px auto 0;
	}
	.ColLeft {
		width: 94%;
		float: none;
	}

	.ColRight {
		width: 94%;
		float:none;
/*		font-size: 0.8em;*/
	}
}