/* General */


a {
    background-color: #222;
    color: rgb(100, 200, 40);
    text-align: center;
}

body{
	background-color: #222;
    color: rgb(100, 200, 40);
    text-align: center;
}

body::selection, br::selection {
    background-color: rgb(100, 200, 40);
    color: #222;
}

article {
    margin: 20px;
    padding: 5px;
    border: 3px #999 outset;
}

header {
    background-color: #222;
    color: rgb(100, 200, 40);
    margin: 0px;
    padding: 10px;
    border-bottom: 3px rgb(100, 200, 40) solid;
    text-align: center;
}

header a {
    color: rgb(100, 200, 40);
}

nav {
    text-align: center;
}

#navLinks a {
    color: rgb(100, 200, 40);
    padding-left: 70px;
    padding-right: 70px;
    background-color: #222;
    font-size: 4ex;
    border: 3px rgb(100, 200, 40) outset;
    border-collapse: collapse;
    text-decoration: none;
}

footer {
    border-top: 10px rgb(100, 200, 40) double;
    background-color: #222;
    text-align: center;
    height: 250px
}

#bienvenue {
    border-bottom: 3px rgb(100, 200, 40) solid;
    font-size: 20px;
}

#bande {
    display: block;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

#copyright {
    float: left;
    color: rgb(100, 200, 40);
}

#me_contacter {
    float: right;
    color: rgb(100, 200, 40);
}

a #haut_de_page {
    background-color: rgb(100, 200, 40);
    color: #222;
    position: relative;
    top: 10px;
    padding: 10px;
}
/* 404 */
#universe_text{
	word-wrap: break-word;
}
#add_universe{
	text-align: center;
	margin : 50px auto;
	border: 5px solid rgb(100, 200, 40);
	background-color: #222;
}


/* Login & Register */


#loginForm {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 100px;
}

#headDisconnectForm {
    display: inline;
}

#disconnectText, #passwordChangedText {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 20px;
    font-size: 30px;
}

#headLoginForm {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline;
}

#headRegisterForm {
    display: inline;
}

#registerForm, #changePasswordForm{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 20px;
}


/* Projet/Versions */


.project_option_img {
    display: inline;
}

.disabeled{
	opacity : 0.2;
}

.project_option {
	
}

.versionTable {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    margin-top: 0px;
    border-collapse: collapse;
}

td, th {
    background-color: #222;
    color: rgb(100, 200, 40);
    text-align: center;
    border: 1px solid black;
}


/* Disposition with width */


.nav2x2{
	display:none;
}

.navV{
	display:none;
}

@media screen and (max-width: 1050px){ /* Cacher bandeau */
	#bande{
		display:none;
	}
}

@media screen and (max-width: 705px){ /* Cacher login/register */
	#headLoginForm , #headRegisterForm{
		display:none;
	}
}

@media screen and (max-width: 1180px){ /* Afficher nav2x2 */
	.nav2x2{
		display:inline;
	}
	#navLinks a {
		display: inline-block;
		width : 250px;
		font-size: 3ex;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 615px){ /* Afficher navV */
	.navV{
		display:inline;
	}
	#navLinks a {
		display: inline-block;
		width:200px;
		font-size: 2ex;
		padding-left: 30px;
		padding-right: 30px;
	}
}