/*
	GENERAL LAYOUT
*/

@font-face {
	font-family: 'CarterOneRegular';
	src: url('../fonts/carterone-webfont.eot');
	src: url('../fonts/carterone-webfont.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/carterone-webfont.woff') format('woff'),
		 url('../fonts/carterone-webfont.ttf') format('truetype'),  
		 url('../fonts/carterone-webfont.svg#CarterOneRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AndikaRegular';
	src: url('../fonts/andika-r-webfont.eot');
	src: url('../fonts/andika-r-webfont.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/andika-r-webfont.svg#AndikaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?10si43');
  src: url('../fonts/icomoon.eot?10si43#iefix') format('embedded-opentype'),
       url('../fonts/icomoon.ttf?10si43') format('truetype'),
       url('../fonts/icomoon.woff?10si43') format('woff'),
       url('../fonts/icomoon.svg?10si43#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#mytextarea_ifr, body#tinymce, .mce-content-body, .tox, .tox-editor-header, .tox-toolbar-overlord, .tox-toolbar {
    background-color: transparent !important;
}

.tox-statusbar { display: none  !important; }
body {
	background: url(../images/stone_dark.gif) repeat center;
	color: #80662b;
    font-family: 'AndikaRegular';
	margin: 0; padding: 0;
	font-size: 20px;
}
.content {
	min-height: 250px;
	background: url(../images/sand_dark.gif) repeat center;
	padding: 30px 0;
}
.container {
	background: url(../images/sand_light.gif) repeat center;
	width: 80%; 
	border-radius: 20px;
	box-shadow: 5px 5px 10px 4px peru;
	padding : 20px; margin: 0 auto;
	text-align: center;
}
.gray_container {
	background: url(../images/stone_light.gif) repeat center;
	background-size: contain;
	width: 80%; 
	border-radius: 20px;
	box-shadow: 5px 5px 10px 4px peru;
	padding : 20px; margin: 0 auto; margin-bottom: 40px;
}
.errorMsg {
	color: #745b1b;
	background-color: #a52a2a40;
	width: 80%; 
	border-radius: 20px;
	padding : 20px; margin: 30px auto;
	text-align: center;
}
.block { display: block; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.explication {
	font-family: 'AndikaRegular';
	color: #b99b5f;
	font-size: 20px;
	margin: 5px 15px;
}

h1, h2, h3, h4 {
	color: #745b1b;
	font-family: 'CarterOneRegular';
    text-shadow: 1px 1px 0 #fff0d8;
}
h1 { font-size: 42px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 20px; margin: 5px 0px; text-shadow: none; }
a { text-decoration: none; }

/* 
	FORMS LAYOUT 
*/
/* - boutons */
button, .button_big {
	font-family: 'CarterOneRegular';
	font-size: 20px;
	color: #b99b5f;
    text-shadow: 1px 1px 0 #efd9c4;
	background: linear-gradient(#faf1d8,#fde3ab);
	border: 1px #d9b566 solid;
	border-radius: 5px;
}
button.big, .button_big {
	padding: 5px 35px; margin: 10px 5px;
	/* vert */
	color: #fcfcfc;
	text-shadow: 1px 1px 0 #216b20;
	background: linear-gradient(#7ab82d,#129b15);
	border: 1px #8e8878 solid;
	cursor: default;
}
button.big_deact, .button_big_deact {
	padding: 5px 35px; margin: 10px 5px;
	/* sable */
	color: #b99b5f;
    text-shadow: 1px 1px 0 #efd9c4;
	background: linear-gradient(#faf1d8,#fde3ab);
	border: 1px #d9b566 solid;
	cursor: default;
}
button:hover, .button_big:hover {
	color: #2e5306;
    text-shadow: 1px 1px 0 #f2fcd9;
}
button:active, .button_big:active {
	background: linear-gradient(#fde3ab,#faf1d8);
}
.round_button {
	color: #fcfcfc;
	font-size: 18px;
	text-shadow: 1px 1px 0 #216b20;
	border: 1px #8e8878 solid;
	background: linear-gradient(#7ab82d,#129b15);
	text-align: center;
	
	/* pour faire une jolie boule ronde au lien top */
	padding: 8px 10px;
	border-radius:50%; 	/* le rond */
	margin: 0 10px;
	cursor: default;
}
.round_button:hover {
	color: #2e5306;
    text-shadow: 1px 1px 0 #f2fcd9;
}
button .strong, .button_strong {
	color: #2e5306;
    text-shadow: 1px 1px 0 #f2fcd9;
}

/* - label+input */
form .label_value {
	display: flex;
	align-items: center;
	justify-content: center;
}
form .label_value label {
	width: 150px; margin: 0 5px;
	text-align: right;
}
form .label_value input, form .label_value select {
	margin: 5px; padding: 5px;
}

input, select, textarea, #theorie_ifr {
	background-color: #faf1d870;
	font-family: 'AndikaRegular';
	color: #b99b5f;
	font-size: 20px;
	padding: 1px 2px;
	border: 1px solid peru;
}

input[type="checkbox"] {
	appearance: none;
	background-color: transparent;
	margin: 0 5px;
	color: currentColor;
	width: 0.8em;
	height: 0.8em;
	border: 1px solid currentColor;
	border-radius: 0.15em;
}
input[type="checkbox"]:checked {
	background-color: currentColor;
}
input[type="checkbox"].correct {
	background-color: green;
}
input[type="checkbox"].correct:checked {
	background-color: green;
}
input[type="checkbox"].mauvais:checked {
	background-color: transparent;
	color: red;
}

.grade textarea {
	width: 400px;
}
input.opa10, select.opa10, textarea.opa10 {
	background-color: #faf1d810;
	border: none;
}

table { margin: 10px auto; border: 1px solid peru; border-spacing: 0; }
table.altern tr:nth-child(odd) { background-color : #faf1d850; }
table th { padding: 0 15px; height: 40px;}
table td { color: peru; padding: 5px 15px; }
table td.center, table th.center  { text-align: center; }
table td.indicateur {
	white-space: pre-wrap;
	width: 500px;
	text-align: left;
}
table td img { height: 30px; }

.icon-edit:before {
	font-family: 'icomoon' !important;
	content: "\e254";
}
.icon-eye:before {
	font-family: 'icomoon' !important;
	content: "\f06e";
}
.icon-print:before {
	font-family: 'icomoon' !important;
	content: "\e8ad";
}

/*
	HEADER
*/
header .forScreen {
	background: url(../images/sand_light.gif) repeat center;
	text-align: right;
	padding: 0 10%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .toPrint { display: none; }
footer .toPrint { display: none; }
.print_only { display: none; }

.menu_right_zone {
	display: flex;
	align-items: center;
}
.icon-home:before {
	font-size: 30px;
	font-family: 'icomoon' !important;
	content: "\f015";
}
.icon-pref:before {
	font-size: 30px;
	font-family: 'icomoon' !important;
	content: "\f013";
}

/*
	HOME PAGE
*/
.uaa_container {
	display : flex;
	align-items : flex-end;
	justify-content : center;
}

.uaa_container div img { max-height: 100px; max-width: 100px; }

.uaa_preview {
	width: 160px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin : 7px;
	padding : 5px;
	box-shadow: 2px 5px 3px 1px #745b1b;
}
.uaa_preview_large {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin : 7px;
	padding : 5px;
	box-shadow: 2px 5px 3px 1px #745b1b;
}
.jaune_uaa { background-color: #F4D03F !important; }
.bleu_uaa { background-color: #5DADE2 !important; }
.vert_uaa { background-color: #27AE60 !important; }
.mauve_uaa { background-color: #cc99ff !important; }
.orange_uaa { background-color: #E67E22 !important; }
.rose_uaa { background-color: #F5B7B1 !important; }
.jaune_txt { color: #F4D03F; }
.bleu_txt { color: #5DADE2; }
.vert_txt { color: #27AE60; }
.mauve_txt { color: #cc99ff; }
.orange_txt { color: #E67E22; }
.rose_txt { color: #F5B7B1; }
.jaune_border { border-color: #F4D03F; }
.bleu_border { border-color: #5DADE2; }
.vert_border { border-color: #27AE60; }
.mauve_border { border-color: #cc99ff; }
.orange_border { border-color: #E67E22; }
.rose_border { border-color: #F5B7B1; }

.progressionContainer {
	color: #745b1b;
	border : 1px solid #745b1b; /* #faf1d8,#fde3ab */
	position: relative;
	width: 100%;
}
.progressionCouleur {
	height: 100%;
	background-color: #fde3ab;
	position: absolute; top:0; left: 0;
}
.progressionTexte { 
	padding: 5px; width:95%; 
	color:transparent; 
}
.progressionTexte img { height: 15px; filter: grayscale(1); }
.progressionTexteAuDessus { 
	padding: 5px; width:95%;
	position: absolute; top:0; left: 0;  
}
.progressionTexteAuDessus img { height: 15px; filter: grayscale(1); }

.titre_theme {
	display:flex; 
	align-items : center;
	justify-content : space-around;
	padding-bottom: 20px;
}
img.theorie {
	height: 70px;
}
img.grade_categorie {
	height : 100px;
}
.themeLink {
	color: #745b1b;
    font-family: 'AndikaRegular';
	text-shadow: none;
	font-size: 20px;
	background: none;
	border : 0px;
}
.themeLink:hover { text-shadow: 1px 1px 0 #745b1b; }
.theme_zone {
	display:flex; 
	align-items : center;
	justify-content : space-around;
}
.theme_section {
	border: 1px solid peru;	
	border-radius: 10px;
	padding:15px;
}
.semi_transparent { opacity:0.3; }


.icon-done:before {
	font-family: 'icomoon' !important;
	content: "\f00c";
}
.icon-times:after {
	font-family: 'icomoon' !important;
	content: "\f00d";
}
.icon-flag:before {
	font-family: 'icomoon' !important;
	content: "\f024";
}
.icon-none:before {
	font-family: 'icomoon' !important;
	content: "\f110";
}
.icon-lock:before {
	font-family: 'icomoon' !important;
	content: "\f023";
}
.icon-unlock:before {
	font-family: 'icomoon' !important;
	content: "\f09c";
}
.red { color: red; }
.green { color: green; }
.orange { color: orange; }
.resumeBulletin {
	margin-top: 40px;
	padding: 10px;
	text-align : left;
	border : 1px solid black;
}


/*
	MISSIONS
*/
.mission, .grade { text-align: left; }
.mission h1 input {
	border: none; 
	background-color: transparent;
	font-size: 42px;
	color: #745b1b;
	font-family: 'CarterOneRegular';
    text-shadow: 1px 1px 0 #fff0d8;
	width: 70%;
}
.mission input, .mission select, .mission .descr {
	border: none; 
	background-color: transparent;
	color: #80662b;
    font-family: 'AndikaRegular';
	font-size: 20px;
}
.mission input.xp-max { width: 30px; text-align: center; }
.mission .descr {
	width: 100%;
    font-family: 'Courier';
	white-space: pre-wrap;
}
.mission textarea.descr {
	width: 900px;
	height: 250px;
}
.mission .mission_extra {
	margin: 50px 10%;
}
.mission .mission_extra img {
	height: 70px;
}
.mission .client {
	float:right;
	max-height: 50vh;
	width:auto;
}
.flex {
	display: flex;
	align-items : center;
	justify-content : space-between;	
}
.right { text-align: right; }
.left { text-align: left; }
.mission .xpdone {
	margin : 0; padding-right: 30px;
	text-align: center;
	color: #745b1b;
	font-family: 'CarterOneRegular';
    text-shadow: 1px 1px 0 #fff0d8;
	font-size: 42px;
}
.small {
	width: 50px;
	text-align: center;
}
.medium {
	width: 150px;
	text-align: center;
}
.missionNok { 
	font-weight: bold; 
	color: black;
}
.grade_fancy {
	font-size: 42px;
	font-family: CarterOneRegular;
	-webkit-text-stroke: .5px white;
	text-shadow: 3px 3px 0 gray;
}
#tableauMissions {
	background: url(../images/stone_light.gif) repeat center;
	background-size: contain;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 10px;
	box-shadow: 5px 5px 10px 4px peru;
}
#tableauMissions .postit:nth-child(even) {
	transform:rotate(4deg);
}
#tableauMissions .postit:nth-child(3n) {
  transform:rotate(-3deg);
}
#tableauMissions .postit:nth-child(5n) {
  transform:rotate(5deg);
}
.postit {
	margin: 20px 0px; padding: 10px;
	width: 250px;
	border: 2px solid #F7DC6F;
	background-color: #F9E79F;
	border-bottom-right-radius: 15px;
	box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.oblOK {
	background-color: #82E0AA;
	border: 2px solid #7DCEA0;
}
.oblKO {
	background-color: white; /*#F1948A;*/
	border: 4px solid #EC7063;
}
#xpBar {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 20px;
}
.scorebar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.icon-mandatory:before {
	font-family: 'icomoon' !important;
	content: "\f06a";
}

/*
	COTATIONS
*/
.multiselector {
	padding : 0 10%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 20px 0;
}
.rappelMission {
	text-align: left;
	width: 80%;
	margin: 0 auto;
	white-space: pre-wrap;
	border: 1px solid peru;
	background-color: #faf1d870;
	padding: 10px;
}
.gray_container .multiselector { justify-content: center; }

/*
	QUIZZ
*/
.quizzNav {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items : center;
}
.question {
	width: 100%;
	text-align: left;
	padding: 5px;
	margin: 10px 0;
}
.resultat .theorie {
	white-space: pre-wrap;
	width:100%;
	min-height: 150px;
	padding: 5px;
	margin: 10px 0;
}
.propositionZone {
	margin : 10px 0;
}
.proposition {
	white-space: pre-wrap;
	width:100%;
}
.icon-close:before {
	font-family: 'icomoon' !important;
	content: "\f00d";
}
.explication_quizz {
	font-family: 'AndikaRegular';
	font-size: 24px;
	font-weight: bold;
	margin: 5px 15px;
	padding-top: 30px;
}
.quizz_question {
	border : 1px solid gray;
	border-radius: 5px;
	margin: 5px 0;
	padding: 5px;
	width: 100%;
}
.quizzButton {
	border-radius: 50%;
	font-size: 24px;
	margin: 10px;
}
.icon-previous:before {
	font-family: 'icomoon' !important;
	content: "\e408";
}
.icon-next:before {
	font-family: 'icomoon' !important;
	content: "\e409";
}

/*
	SIPS1
*/
/* Sélection */
/*#listing_demandes .preview_client {
	height: 100px;
}
.forme {
	padding : 3px;
	height : 30px;
}
#listing_demandes td {
	border-bottom : solid 1px peru;
}
.demande_mouse:hover {
	background-color : #FFFFFF50;
}
.demande_selected {
	background-color : #FFFFFF80;
	border : solid 1px peru;
}*/
/* Affichage demandes avec détails */
.container_demandes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.demande_display {
	background: url(../images/stone_light.gif) repeat center;
	background-size: contain;
	width: 45%;
	border-radius: 20px;
	box-shadow: 5px 5px 10px 4px peru;
	padding : 20px; margin: 0 auto; margin: 10px 0;
	text-align : left;
}
.display_client { float: left; height : 200px; margin-top:-30px; margin-right : 15px; }
table.demandes_client td { border-bottom: 1px solid peru; }
table.demandes_client tr td:nth-child(4) { max-width: 350px; }
table.demandes_client td img { height: 60px; }
table.demandes_client textarea { width : 300px; height : 120px;}
table.demandes_client select { width : 200px; }
table.demandes_client input[type="text"] { width : 300px; }
table.demandes_client input[type="text"].small { width : 50px; }

.selection_quizz {
	display: flex; 
	align-items: center;
	justify-content: center;
	margin: 5px auto;
	padding-top: 30px;
}
.selection_quizz span {
	font-family: 'AndikaRegular';
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
}
.sips_legend {
	background-color : #FFFFFF80;
}

/*
	FOOTER
*/
footer .forScreen #signature {
	background: url(../images/stone_dark.gif) repeat center;
	color: #fcfcfc;
    font-family: 'AndikaRegular';
	text-align : center;
	padding: 30px 0;
}
footer .forScreen #logs {
	color: #fcfcfc;
    font-family: 'Courier';
	padding: 0 100px;
}
.icon-coeur:before {
	color: #7ab82d;
	font-family: 'icomoon' !important;
	content: "\f004";
}