/*
	Feuille CSS générale pour tout le LMS
*/

/* Polices */
/* Lato - Régulier */
@font-face {
  font-family: 'Lato';
  src: url('./polices/Lato-Regular.ttf'); /* IE9 Compat Modes */
  src: local('Lato'), local('Lato-Regular'),
       url('./polices/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./polices/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./polices/Lato-Regular.woff') format('woff'), /* Modern Browsers */
       url('./polices/Lato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Lato - Bold */
@font-face {
  font-family: 'Lato1';
  src: url('./polices/Lato-Bold.ttf'); /* IE9 Compat Modes */
  src: local('Lato1'), local('Lato1-Bold'),
       url('./polices/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./polices/Lato-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('./polices/Lato-Bold.woff') format('woff'), /* Modern Browsers */
       url('./polices/Lato-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Lato - Italic */
@font-face {
  font-family: 'Lato2';
  src: url('./polices/Lato-Italic.ttf'); /* IE9 Compat Modes */
  src: local('Lato2'), local('Lato2-Italic'),
       url('./polices/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./polices/Lato-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./polices/Lato-Italic.woff') format('woff'), /* Modern Browsers */
       url('./polices/Lato-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Lato - Hairline */
@font-face {
  font-family: 'Lato3';
  src: url('./polices/Lato-Hairline.ttf'); /* IE9 Compat Modes */
  src: local('Lato3'), local('Lato3-Hairline'),
       url('./polices/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./polices/Lato-Hairline.woff2') format('woff2'), /* Super Modern Browsers */
       url('./polices/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
       url('./polices/Lato-Hairline.ttf') format('truetype'), /* Safari, Android, iOS */
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body { background-color: #000000; font-family: Lato; color: #e8e8e8; }
	a { color: inherit; }
.marge { margin: 1em; }
.bouton_transparent { cursor: pointer; }
.bouton_transparent:hover { color: #bd902d; }

.choix_categorie_criteres { width: 45%; display: inline-block; vertical-align: middle; }
.choix_categorie_description { width: 40%; display: inline-block; vertical-align: middle; }
#selection_categorie_titre { display: inline-block; }
.formulaire_identification_candidature { width: 50%; display: inline-block; text-align: left; vertical-align: top;}
.champ_formulaire_candidat, .champ_formulaire_repondant { width: 50%; display: inline-block; text-align: left; vertical-align: top; }

.div_choix { cursor: pointer; }
.div_choix:hover { border: 1px solid #e9ca86; }

.texte_normal { font-family: Lato; }
.texte_bold { font-family: Lato1; }
.texte_italic { font-family: Lato2; }
.texte_hairline { font-family: Lato3; }
.petit_texte { font-size: 0.7em; font-family: Lato1; }
.petit_titre { font-size: 1.2em; font-family: Lato1; }

.jaune_pale { color: #e9ca86; }
.jaune_fonce { color: #bd902d; }
.gris { color: #a9acac; }
.blanc { color: #e8e8e8; }

.boite_funy { font-size: 0.8em; color: black; width: 95%; display: inline-block; border-radius: 10%; background: #fcf5ba; background: -moz-linear-gradient(top, #fcf5ba 0%, #d3c330 100%); background: -webkit-linear-gradient(top, #fcf5ba 0%,#d3c330 100%); background: linear-gradient(to bottom, #fcf5ba 0%,#d3c330 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5ba', endColorstr='#d3c330',GradientType=0 ); cursor: pointer; }
.boite_nomine { display: inline-block; width: 50%; text-align: center; vertical-align: top;}

#detail_candidature { width: 100%; height: 100%; position: absolute; z-index: 102; top: 0; left: 0; text-align: center; display: none; background-color: rgba(0,0,0,0.8); }
#detail_candidature_contenu { position: relative; width: 90%; display: inline-block; background-color: black; border: 1px solid #bd902d; }

@media screen and (max-width: 12800px) {
	.choix_categorie_criteres { width: 45%; display: inline-block; vertical-align: middle; }
	.choix_categorie_description { width: 40%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: none; }
	#selection_categorie_titre { display: inline-block; }
	.formulaire_identification_candidature { width: 50%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 50%; }
	.formulaire_identification_candidature { width: 50%;}
	.boite_nomine { width: 50%; }
}

@media screen and (max-width: 1280px) {
	.choix_categorie_criteres { width: 45%; display: inline-block; vertical-align: middle; }
	.choix_categorie_description { width: 40%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: none; }
	#selection_categorie_titre { display: inline-block; }
	.formulaire_identification_candidature { width: 50%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 50%; }
	.formulaire_identification_candidature { width: 50%;}
	.boite_nomine { width: 50%; }
}

@media screen and (max-width: 1000px) {
	.choix_categorie_criteres { width: 45%; display: inline-block; vertical-align: middle; }
	.choix_categorie_description { width: 40%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: none; }
	#selection_categorie_titre { display: inline-block; }
	.formulaire_identification_candidature { width: 50%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 50%; }
	.formulaire_identification_candidature { width: 100%;}
	.boite_nomine { width: 50%; }
}

@media screen and (max-width: 800px) {
	.choix_categorie_criteres { width: 100%; display: none; vertical-align: middle; }
	.choix_categorie_description { width: 85%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: inline-block; }
	#selection_categorie_titre { display: none; }
	.formulaire_identification_candidature { width: 100%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 100%; }
	.formulaire_identification_candidature { width: 100%;}
	.boite_nomine { width: 100%; }
}

@media screen and (max-width: 700px) {
	.choix_categorie_criteres { width: 100%; display: none; vertical-align: middle; }
	.choix_categorie_description { width: 85%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: inline-block; }
	#selection_categorie_titre { display: none; }
	.formulaire_identification_candidature { width: 100%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 100%; }
	.formulaire_identification_candidature { width: 100%;}
	.boite_nomine { width: 100%; }
}

@media screen and (max-width: 500px) {
	.choix_categorie_criteres { width: 100%; display: none; vertical-align: middle; }
	.choix_categorie_description { width: 85%; display: inline-block; vertical-align: middle; }
	.bouton_categorie_criteres { display: inline-block; }
	#selection_categorie_titre { display: none; }
	.formulaire_identification_candidature { width: 100%; display: inline-block; text-align: left; }
	.champ_formulaire_candidat, .champ_formulaire_repondant { width: 100%; }
	.formulaire_identification_candidature { width: 100%;}
	.boite_nomine { width: 100%; }
}