@CHARSET "UTF-8";

/** START GOOGLE FONT **/
/* latin */
@font-face {
  font-family: 'Graduate';
  font-style: normal;
  font-weight: 400;
  src: local('Graduate'), local('Graduate-Regular'), url(fonts/Graduate/graduate.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Scope One';
  font-style: normal;
  font-weight: 400;
  src: local('Scope One'), local('ScopeOne-Regular'), url(fonts/Scope_One/ScopeOneLatinExt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Scope One';
  font-style: normal;
  font-weight: 400;
  src: local('Scope One'), local('ScopeOne-Regular'), url(fonts/Scope_One/ScopeOneLatin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** ENDOF GOOGLE FONT **/

body {
	font-family: "Scope One", tahoma;
	font-size: 16px;
	color: #333333;
}

#global { 
  max-width:1200px;
  min-width:500px;
  height:100%;
  margin:auto;
  /*
  background-image: linear-gradient(to top,darkgreen, white 50%,white);
  border-radius: 10px;
  */ 
}

a, .menuItem {
	color: #003200;
}


#header {
 	font-size: 30px;
 	color: darkgreen;
 	float:left;
 	font-family : "Graduate", Verdana, Arial;
 	padding:10px;
}

#header h1 {
	display:inline-block;
	margin:0 0 0 40px;
}

#login {
	float:right;
} 

#menu {
	width:25%;
	height:450px;
	float:left;
	clear:left;
	display:none;
}    
 
#page {
	min-height:450px;
	margin:10px;
	overflow:auto;
}

#wall {
	width:100%;
	min-height:450px;
	/*max-height:600px;*/
	background-color: lightgreen;
	border-radius: 10px; 
	float:right;
	overflow:auto;
} 

.tweetElement a {
	color:darkgreen;
	font-weight:bold;
}



.confirm,
.delete {
	font-weight:bold;
	cursor:pointer;
	margin:0 5px;
	padding:0 5px;
	display:none;
}

.delete {
	color:#ff0000;
	border:1px solid #ff0000;
}

.delete:before { 
	content: "\0058";
}

.confirm {
	color:#00ff00;
	border:1px solid #00ff00;
}

.confirm:before { 
	content: "\0056";
}

.dateElement {
	opacity:0.75;
	font-size:80%;
	font-style:italic;
	white-space:nowrap;
	display:none;
}

#page > *,
#wall > * {
	margin:5px;	
}

.tweetElement {
	color:#003200;
}

.section a { text-decoration : none;}

  
#pubs {
	margin: 5px;
	color: #003200;
}


h1 {
	font-weight: bold;
	text-transform:uppercase;
	font-size:24px;
}

h1.inverse {
	color: white;
	background-color: #003200;
	text-align: center;
}

p {
	line-height:120%;
}

ul {
	padding-left:20px;
}

hr {
	border-color:darkgreen;
}

fieldset {
	border:none;
}

textarea {
	resize: none;
}

.clicable,
.tweetElement a {
	cursor:pointer;
}

.clicable:hover,
.tweetElement a:hover{
	opacity:0.5;
}

.section {
	margin:7px 10px;
	padding:10px;
	border-radius:10px;
	background-color:lightgreen;
}

menuP {
	display:none;
	position:absolute;
	min-width:160px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	margin:0;
}
menuP a {
	display:block;
	margin:0;
}

#logUsername,
#logPassword,
#boutonLogin,
input, textarea {
	margin:0;
	border:none;
	color:white; 				/*pour le bouton*/ 
	background-color:darkgreen; /*pour le bouton*/
	border-radius: 10px;
	padding:5px 5px;
}

/* START BUG FIX pour les input **/
/* Change the background-color to input */
:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus, 
:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 99px darkgreen inset !important;
}
/*Change text in autofill textbox*/
:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}
/* ENDOF BUG FIX pour les input **/

/* START CHANGE PLACEHOLDER COLOR */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: lightgreen;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: lightgreen;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: lightgreen;
}
/* ENDOF CHANGE PLACEHOLDER COLOR */