/* ==========================================================================
   Summary

	1 = Basic Style
	2 = Header
	3 = Upload
	4 = Selection
	5 = Options
	6 = Uploading
	7 = Upload finished & links
	8 = Downlod Page
	9 = Delete Page
	10 = Password Page
	11 = Install
	12 = Admin Login
	13 = Admin Interface
	14 = TOS & Copyright

   ========================================================================== */

/* ==========================================================================
   1 = Basic Style
   ========================================================================== */

body {
  font-family: sans-serif;
  text-align: center;
  margin: 2ex auto;
  background: white;
  font-size: 1em;
  /* border: #8B4513 5px solid; */
}

fieldset {
  text-align: left;
  width: 50em;
  margin: auto;
  background: #E2f5ff;
  border: 2px solid #464B4B;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

fieldset legend {
  color: white;
  background: #464B4B;
  border: 2px solid #464B4B;
  padding: 1px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* Bouton Submit INACTIF */
input[type="submit"]:disabled {
	position: relative;
	margin: auto;
    cursor: not-allowed;
	color: #464B4B;
	border: 1px solid #000000;
	background-color: #DDDDDD;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	font-size: 1em;
	font-weight: bold;
	width: 180px;
	height: 35px;
}

/* Bouton Submit ACTIF */
input[type="submit"]:enabled,
input[type="submit"]:focus:enabled,
input[type="submit"]:visited:enabled,
input[type="submit"]:active:enabled {
	position: relative;
	margin: auto;
    cursor: pointer;
	color: #464B4B;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	font-size: 1em;
	font-weight: bold;
	width: 180px;
	height: 35px;
}

/* Bouton Submit */
input[type="submit"]:hover:enabled {
	border: 1px solid #081F8F;
	background-color: #081F8F;
	color: #FFFFFF;
	outline: none;
}

/* ==========================================================================
   2 = Header
   ========================================================================== */

/* Cadre entete */
#header {
	background-color: #FFFFFF;
	margin: 0;
	text-align: center;
	height: 160px;
}

/* Cadre du Logo */
#logo-mazars {
	position: absolute;
	top: 40px;
	left: 40px;
	float:left;
}

/* Cadre des titres */
#title {
	padding: 20px;
}

/* Titre */
#title1 {
	font-size: 50px;
	color: #464B4B;
}

/* Sous-titre */
#title2 {
	font-size: 30px;
	color: #464B4B;
}

/* ==========================================================================
   3 = Upload
   ========================================================================== */
/* Cadre Drag and Drop */
#upload fieldset {
background: url(upload.png) no-repeat center #E2f5ff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#upload > form {
  text-align: center;
}

#file_select {
  position: relative;
  width: 100%;
  height: 10em;
  cursor: pointer;
  opacity: 0;
}

#upload.file-selected #file_select {
  opacity: 1;
  height: 2em;
}

#upload.file-selected fieldset {
  background-image: none;
}   



/* h1 {
  width: 100%;
  text-align: center;
  background: url('bandeau.png') left top repeat-x;
  height: 70px;
  padding-top: 30px;
}
h1 a {
  text-decoration: none;
  color: white;
} */

/* Centrage de la sélection du fichier */
fieldset p {
  text-align: center;
}

.jyraphe_info {
  font-size: small;
  margin-left: 30%;
}


/* ==========================================================================
   4 = Selection
   ========================================================================== */
 /* Selection du fichier */ 
#file_select {
  font-size: 1em;
}

/* 
.info {
  text-align: left;
  width: 40em;
  margin: auto;
  background: #E2f5ff;
  border: 2px solid #02233f;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.info h2 {
  text-align: center;
}
.info h3 {
  text-align: center;
}
.info p {
  margin-left: 5%;
  margin-right: 5%;
}
*/



/* ==========================================================================
   5 = Options
   ========================================================================== */
/* Cadre des options */
#options {
	/* border: 1px solid #000000; */
	height: auto;
	margin: 0 auto 15px auto;
	text-align: center;
}   
   
/* Table des options */
#option_table {
	width: 100%;
	border: none;
	text-align: left;
} 

#CGU_table {
	height: auto;
	width: 100%;
	border: 2px solid #FF0000;
	text-align: center;
	background-color: #FFBBBB;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}   

/* Hauteur des lignes de la table des options */
#option_table tr,
#CGU_table tr {
	height: 2em;
}

/* 1ere ligne de la table */
#option_table tr {
	width: 100%;
	height: 100%;
}

/* 1ere colonne de la table */
#option_table td:first-child {
	width: 50%;
	text-align: right;
}

/* Seconde colonne de la table */
#option_table td:second-child {
	width: 50%;
	text-align: left;
}

/* Alignement des label à droite (2de et 3eme ligne) */
#option_table label {
  float: right;
  width: 12em;
}

/* Mise en forme input sélection fichier et mot de passe */
input[type="text"],
input[type="password"],
select {
  /* font-family: 'Open Sans', sans-serif; */
  border: 1px;
  padding: 5px 5px;
  font-size: 1em;
}

/* Mise en forme input checkbox */
input[type="checkbox"] {
  padding: 5px 5px;
  font-size: 1em;
}

/* ==========================================================================
   6 = Uploading
   ========================================================================== */
/* Cadre principal */   
#uploading {
  color: #464B4B;
  text-align: center;
  width: 50em;
  background: #E2f5ff;
  border: 2px solid #464B4B;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: auto;
}

/* ==========================================================================
   7 = Upload finished & links
   ========================================================================== */
/* Cadre principal */
#upload_finished {
  text-align: center;
  width: 50em;
  background: #E2f5ff;
  border: 2px solid #464B4B;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: auto;
  color: #464B4B;
  font-weight: bold;
}

/* Paragraphe des différents liens */
#upload_finished_download_page,
#upload_finished_preview,
#upload_direct_download,
#upload_delete,
#upload_validity {
	border-top: 1px dotted #000000;
	width: 100%;
	text-align: center;
}

/* Mise en forme des liens */

#upload_finished a,
#upload_finished a:hover,
#upload_finished a:focus {
  color: #464B4B;
  font-weight: normal;
}



/* Image email */
#upload_image_email {
  padding-left: 20px;
  padding-bottom: 15px;
  background: url(email.png) no-repeat;
  margin-left: 10px;
}

/* Lien email */
#upload_link_email:link,
#upload_link_email:hover
#upload_link_email:visited {
	color: #464B4B;
	text-decoration: none;
	font-size : small;
	margin-left : 20px;
}


/* Décalage des boutons de copie des liens */
#upload_link_button,
#preview_link_button,
#direct_link_button,
#delete_link_button {
  margin-left: 10px;
}


/* ==========================================================================
   8 = Download page
   ========================================================================== */
/* Message téléchargement unique */
#self_destruct {
  font-weight: bold;
  color: red;
  padding-bottom: 10px;
}

/* Mise en page des boutons de téléchargement et de prévisualisation*/
#submit_download {
	margin-right: 10px;
}
#submit_preview {
	margin-left: 10px;
}

/* Cadre principal du message d'erreur */
.error {
  margin: 5ex auto;
  padding-bottom: 1ex;
  background-color: #FFBBBB;
  text-align: center;
  width: 50em;
  margin: auto;
  border: 2px solid #FF0000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #464B4B;
}

/* Image croix rouge */
.error p:before {
  content: url('error.png');
  padding-right: 1ex;
}

/* ==========================================================================
   9 = Delete page
   ========================================================================== */
/* Mise en forme de la table pour page Delete et Download */
fieldset table {
  width: 100%;
  text-align: center;
  font-size: 1em;
}

/* Confirmation de suppression */
.message {
  text-align: center;
  width: 50em;
  margin: auto;
  background: #BBFFBB;
  border: 2px solid #008000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #464B4B;
  /*
  padding: 1ex;
  border: green 2px solid;
  background-color: #BBFFBB;
  */
}

/* Image OK */
.message p:before {
  content: url('ok.png');
  padding-right: 1ex;
}

/* ==========================================================================
   13 = Admin Interface
   ========================================================================== */

/* ==========================================================================
   14 = TOS / Copyright
   ========================================================================== */
/* Alignement du texte du ToS à gauche */
#tos_text {
	text-align: left;
	color: #464B4B;
	margin-left: 10px;
	margin-right: 10px;
}

/* Mise en forme choix langue */
#tos_lang_choice {
	text-align: center;
}

/* Mise en forme titre */
#tos_title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/* mise en forme titre paragraphe */
#tos_title1 {
	font-weight: bold;
}

/* Mise en forme en gras */
.tos_bold {
	font-weight: bold;
}

/* Mise en forme des paragraphes */
#tos_p {
	margin-left: 20px;
	margin-right: 10px;
}

/* Mise en forme CGU et Mentions Légales */
#copyright {
  text-align: center;
  font-size: smaller;
}

/* mise en forme des liens */
#copyright a {
  text-decoration: none;
  color: #464B4B;
}

#copyright a:hover {
  text-decoration: none;
  color: #B0BDBD;
}