body
{
	background-color: rgb(32, 41, 50);
	height: 100%; 
	background: url('../images/oldmap_fondu_rogne_1900.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: rgb(32, 41, 50);
}

#global{
    width: 100%;
    height:100%;
}

#global > .container{
    width: 75%;
}

input:invalid {
  border: 1px solid red;
}

#register-form input:valid {
  border: 1px solid green;
}

#tabscontent{
	font-size: 0.9em;
}

#titre{
	width: 55%;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 21px;
}

#titre img{
	width:100%;
}

#corps
{
	padding: 15px;
	background-color: rgba(240, 240, 230, 0.85);
	border: 1px solid #aac;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px #666;
	color: rgb(28,18,8);
}

#corps h1
{
	text-align: center;
	color: maroon;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
	text-align: center;
	color: navy;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	height: 30px;
	background-repeat: no-repeat;
}

#corps td
{
	color: navy;
}

#corps .pseudo
{
	text-decoration: underline;
	text-indent: 0px;
	position: relative;
	left: 40px;
}

#corps label
{
	font-size:1em;
	text-indent:0px;
}

#corps label:first-letter
{
	text-indent:0px;
}

#corps .news
{
	border: medium;
	border: outset;
	margin: 15px;
}

#corps .signature
{
	font-size: 0.95em;
	text-align: right;
	color: rgb(100,105,155);
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

a
{
	color: navy;
}

#corps .div_inscrire
{
	width: 500px;
	height: 30px;
	margin-left: 80px;
	text-align: center;
	font-weight: bold;
	font-style: oblique;
}

#corps .div_date_sortie
{
	height: 30px;
	text-align: center;
	font-weight: bold;
}

#pied_de_page
{
	padding: 15px;
	margin-top: 10px;
	text-align: center;
	background-color: rgba(240, 240, 230, 0.85);
	border: 1px solid #aac;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px #666;
	color: rgb(28,18,8);
}

/* Police gelio */
@font-face {
	font-family: "Gelio Fasolada";
	src: url('../polices/Gelio_Fasolada.ttf');
}

.gelio{
	font-family : "Gelio Fasolada", sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	text-align: center;
}


/*Login + Connexion */

.panel-login {
	background-color: rgba(240, 240, 230, 0.85);
	border: 1px solid #aac;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 5px #666;
}
.panel-login>.panel-heading {
	color: #00415d;
	text-align:center;
}
.panel-login>.panel-heading a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
	color: #029f5b;
	font-size: 18px;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	font-size: 16px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: underline;
	color: #666;
}

.btn-register {
	background-color: #1CB94E;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #1CA347;
	border-color: #1CA347;
}


/* Onglets sur l'index */
#tabContainer {
	padding:15px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

#tabs{
	height:30px;
	overflow:hidden;
}

#tabs > ul{
	font: 1em;
	list-style:none;
}

#tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #C9C9C9; /* old browsers */
	background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */
}

#tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

#tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

#tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:10px 10px 25px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
	margin:0;
	color:#333;
}