/* --- CSS ADMINISTRATION --- */
@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic");

*							{ margin:0; padding:0; }
html, body 					{ margin:0; padding:0; width:100%; height:100%; background-image: url("../../admin/images/ivy.jpg");background-size: cover; }
html 							{ font-family:Arial, sans-serif; color:white; font-size:10pt; text-align:left; text-decoration:none; background-color:#404d56; }

/* --- textes, tables, ... --- */
h1, h2, h3, h4, h5, h6 		{ margin:0; padding:5px; text-align:center; font-family: 'Roboto',Verdana; }
h1 							{color:white; text-align:center; font-size:4em;}
h2 							{ font-size:190%; color:white; margin:5px auto; text-align:center; }
h3 							{ color:white; margin:5px auto; text-align:center; font-size:2em; }
h4 							{ font-size:150%; color:white; text-align:left; }
p 							{ margin:0; padding:5px; text-align:center; font-size: 1.2em; }
hr 							{ clear:both; width:100%; height:1px; color:#21409A; background-color:#21409A; border:0; margin:5px auto; padding:0; outline:none; }
a 							{ color:white; text-decoration:none; }
a:hover 					{ color:#21409A; text-decoration:underline; }
table 						{ width:100%; border:2px solid #ccc; margin:0 auto; padding:0; background-color:#89714e; border-collapse: collapse; }
th 							{ color:white; padding:10px 2px; text-align:center; font-size:1.2em; border:1px solid #ccc; background-color:#bca579; font-weight: lighter;}
td 							{ text-align:center; padding:10px 2px; border:1px solid white; }

/* -------- IMAGE  -------- */
img 						{ border:none; }
a img 						{ border:none; }

/* --- ADMINISTRATION INDEX --- */
#boxIndexIdentificationForm	{ width:30%; min-width:380px; text-align:center; margin:100px auto; padding:10px; }

/* --- ADMINISTRATION CONTENU --- */
#mainCentrer 				{ width:90%; margin:0 auto; padding:0; min-height:100%; text-align:center; }

/* Top */
#containerTop				{ position:relative; clear:both; padding:5px 0 0; }
#boxBoutonTopLeft			{ position:absolute; top:0; left:0; }
#boxBoutonTopRight			{ position:absolute; top:0; right:0; display:none;}

/* Lisnting */
#newsArticleListing			{ clear:both; padding:0 0 5px; }

/* Contenus */
.adm_mainContenu 			{ width:100%; clear:both; margin:10px auto; padding:0; text-align:left;
							border:1px solid #fefefe; background:#89714e;
							border-radius:5px;
							}
.adm_mainContenu h4  		{ clear:both; margin:5px; text-align:center;
							border:1px solid #ccc; background:#bca579;
							border-radius:5px;
							}
.adm_mainContenu p  		{ clear:both; margin:10px 0; text-align:left; }

#containerCopyright 		{ width:90%; margin:15px auto; padding:0; min-height:100%; text-align:center; color:white; }

/* ----- formulaire ----- */
.adm_mainForm 				{ display:-webkit-flex; display:flex;min-height: 470px; }
.adm_mainForm_Left 			{ -webkit-flex:1 1 70%; flex:1 1 70%; width:70%; padding:10px 0; text-align:left; }
.adm_mainForm_Right 			{ -webkit-flex:1 1 30%; flex:1 1 30%; width:30%; min-width:240px; padding:10px 0; text-align:left; }

form 						{ margin:0; padding:0; }
fieldset 					{ margin:0; padding:0; border:0; }
label 						{ font-family: 'Roboto'; display:inline-block; width:42%; min-width:135px; color:white; font-size:1.5em; margin:0 10px 0 0; padding:0;}
label:hover 				{ cursor:pointer; }

select, input, textarea		{ display:inline-block; padding:10px; margin:3px 10px 0 0;  }
label + select, label + input, label + textarea		{ display:inline-block; width:65%; }
input.checkboxInput, input.radioInput 	{ width:auto; border:0; }
label.checkboxLabel, label.radioLabel, label[type="radio"], label[type="checkbox"]	{ display:inline-block; width:auto; }
/* ----- BOUTONS ----- */
.aRetourSite { position: relative; left:45%; top: 18em; font-family: 'Roboto', sans-serif; font-weight: lighter !important; border-top: 2px solid white; border-left: 2px solid white; border-bottom: 2px solid gray; border-right: 2px solid gray;}
button, .aRetourSite, .aLienRetour, .aLienAnnuler
							{ cursor:pointer; display:inline-block; padding:10px; font-weight:bold; color:white;
							background-color: #bca579;
							border-radius:5px; border:1px solid white;
							}
button:hover, .aRetourSite:hover, .aLienRetour:hover, .aLienAnnuler:hover
							{ background-color: #89714e; color:white; text-decoration:none; }

.aLienAnnuler:hover			{ background:#FFC6BF;/*rouge moyen*/ }

/* index */
button.btConnexion			{ margin:10px auto; padding:10px; font-family: 'Roboto'; font-weight: bold;}
button.btConnexion span		{ display:inline-block; min-height:24px; padding:2px 2px 2px 2px; }
.aRetourSite span			{ display:inline-block; min-height:24px; padding:2px 2px 2px 2px; }
/* Deconnexion */
.btDeconnexion span			{ display:inline-block; min-height:24px; background:url('../icones/Deconnexion.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }
/* Version Anglaise / Française */
.btFr span { display:inline-block; min-height:24px; background:url('../icones/fr.jpg') 0px 5px no-repeat; padding:4px 2px 0px 30px; }
.btEn span { display:inline-block; min-height:24px; background:url('../icones/en.jpg') 0px 5px no-repeat; padding:4px 2px 0px 30px; }
/* Ajouter */
.btAjouter span				{ display:inline-block; min-height:24px; background:url('../icones/Ajouter.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }
/* Retour */
.aLienRetour span			{ display:inline-block; min-height:24px; background:url('../icones/Retour.png') 0px 0px no-repeat; padding:2px 2px 2px 30px; }

/* ----- validation ----- */
#boxValidation				{ padding:5px; height:50px; }
/* Loading bar */
#boxLoading					{ clear:both; display:none; height:50px; margin:0 5px; background:url('../icones/loading_bar_animated_400.gif') center center no-repeat; }

.btValider, .btCorriger		{ float:right; }
.btValiderAjouter span		{ display:inline-block; height:22px; background:url('../icones/Ajouter.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }
.btValiderModifier span		{ display:inline-block; height:22px; background:url('../icones/Modifier.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }
.btValiderSupprimer span	{ display:inline-block; height:22px; background:url('../icones/Supprimer.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }
/* Annuler */
.aLienAnnuler span			{ display:inline-block; height:22px; background:url('../icones/Annuler.png') 0px 0px no-repeat; padding:2px 2px 2px 30px; }
/* Corriger */
.btCorriger span			{ display:inline-block; height:22px; background:url('../icones/Modifier.png') 0px 0px no-repeat; padding:4px 2px 0px 30px; }

/* icones */
span.icoCheckOui			{ display:inline-block; width:16px; height:16px; background:url('../icones/ico_checkOui.png') center no-repeat; padding:0 5px; }
span.icoCheckNon			{ display:inline-block; width:16px; height:16px; background:url('../icones/ico_checkNon.png') center no-repeat; padding:0 5px; }

/* infos de validation */
.boxMsgOk			 		{ margin:5px; padding:5px; text-align:center; font-weight:normal;
							color:#006600; border:1px solid #66cc66; background-color:#ccffcc;
							border-radius:5px;
							}
.boxMsgErreur		 		{ margin:5px; padding:5px; text-align:center; font-weight:normal;
							color:#800000; border:1px solid #ff6666; background-color:#ffcccc;
							border-radius:5px;
							}
/* video en fond */
video#bgvid {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
}
/* --------------------------- */