html 
{   
    	margin: 0px;
    	padding: 0px;
	    border: none;
    	color: #00FF00;
        font-family: 'Orbitron', sans-serif;
        font-size: 12px;
}

body 
{
	    text-align: center;
	    background-image: url("../img/layout/fond.jpg"); 
	    background-repeat:repeat;
        overflow: hidden; 
        min-width: 100%;
        min-height: 100%;
        width: 1920px;
        height: 1080px;
}

div
{
        margin: 0px;
	    padding: 0px;
}

p
{
		margin: 5px 5px 5px 5px;	
}

h1
{
    background-color: grey;
}

a
{
		color: coral;
}

a:hover
{
        opacity : 0.9;
        -moz-opacity : 0.9;
        -ms-filter: "alpha(opacity=90)"; /* IE 8 */
        filter : alpha(opacity=90); /* IE < 8 */
}

img:hover
{
        opacity : 0.9;
        -moz-opacity : 0.9;
        -ms-filter: "alpha(opacity=90)"; /* IE 8 */
        filter : alpha(opacity=90); /* IE < 8 */
}

button
{
		position: absolute;
		bottom: 5px;
		right: 50px;
		width: 180px;
		color: #00FF00;
		background-color: coral;
        border-radius: 10px;
}

.logout
{
		position: sticky;
		width: 180px;
		color: #00FF00;
		background-color: coral;
        border-radius: 10px;	
}

.validation_enreg
{
		position: sticky;
		width: 180px;
		color: #00FF00;
		background-color: coral;
        border-radius: 10px;	
}

.menu
{
		position: fixed;
		top: 25px;
		left: 25px;
        text-align: center;
        width: 150px;
}

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, grey 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, black 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40;
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0;
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  padding: 8px 0;
  font-size:1.2em;
  color: coral;
}
#menu-accordeon button {
  display:block;
  text-decoration: none;
  padding: 8px 0;
  font-size:1.2em;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: grey;
}
#menu-accordeon li li:hover {
   background: grey;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}

.bandeau
{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 25px;
}

.parent
{
		position: absolute;
		top: 100px;
		left: 185px;
		width: 1600px;
		height: auto;
		text-align: center;
}

.container
{
		margin: 5px;
        border: 2px solid #2E3335;
        text-align: center;
        border-radius: 10px;
        width: 1540px;
		background-color: black;
}

.container_error
{
		position: absolute;
		top: 150px;
		left: 185px;
		background-color: black;
		margin: 5px;
        border: 2px solid #2E3335;
        text-align: center;
        border-radius: 10px;
        width: 85%;
}

.porte_carte_accueil
{
		background-color: black;
		height: auto;
		width: 500px;
		overflow: auto;
		float: left;
		margin: 5px;
        border: 2px solid #2E3335;
        text-align: center;
        border-radius: 10px;
}

.porte_carte
{
		background-color: black;
		height: 250px;
		width: 373px;
		overflow: auto;
		float: left;
		margin: 5px;
        border: 2px solid #2E3335;
        text-align: center;
        border-radius: 10px;
}

.carte
{
		width: 100%;
		float: right;
        border: 2px solid #2E3335;
        align-content: center;
        overflow: hidden;
}

text_align1
{
		text-align: center;
}

.info
{
        position: absolute;
		top: 140px;
		left: 400px;
        width: 490px;
        height: 400px;
        background-color: black;
        display: none;
        z-index: 100;
        border-radius: 10px;
        text-align: center;
        cursor: initial;
        letter-spacing : 2px;
}

.popUp
{
        position: absolute;
		top: 75px;
		left: 75px;
        width: 250px;
        height: 100px;
        background-color: black;
        display: none;
        z-index: 100;
        opacity: 0.9;
        filter: alpha(opacity=90); /* For IE8 and earlier */
        border-radius: 10px;
        text-align: center;
        cursor: initial;    
}

.quitter
{
        position: absolute;
        top: 10px;
		right: 10px;
        width: 25px;
        height: 25px;
        z-index: 3;
        opacity : 1;
        -moz-opacity : 1;
        -ms-filter: "alpha(opacity=100)"; /* IE 8 */
        filter : alpha(opacity=100); /* IE < 8 */
        cursor: pointer;
}

.ajouterReponse
{
		background-color: black;
		height: 500px;
		width: 600px;
		overflow: auto;
		float: left;
		margin: 5px;
        border: 2px solid #2E3335;
        text-align: center;
        border-radius: 10px;
        z-index: 10;
}

.footer
{
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-color: black;
}