html{
	background-color: #A9E2F3;
}

#wrapper{

}



p{
	padding: 15px;
}

a:hover{
	cursor:pointer;
}

/*
--------------------MISE EN PAGE--------------------
 */
#mainheader{
	height    : 70px;
	padding   : 20px;
	background-color:white;
	background-image:url('../img/logo.png');
	background-size: 130px;
	background-repeat:no-repeat;
	text-align: center;
}

h1{
	font-size: 25px;
	font-weight: bold;
	margin:10px;
}
#mainheader h2{
	font-size: 15px;
	font-weight: bold;
	margin:5px;
}

#mainheader div#status{
	text-align: right;
}





section#nav{
	float : left;
	width : 15%;
	height: 69%;
	margin: 20px;
}

section#main{
	width : 79%;
	height: 75%;
	margin-left: 16%;
	margin-top: 10px;
	background-color: #A9E2F3;
}
section#connexion{
	height: 53%;
}


section#recherche{
	/*border: solid 1px black;*/
}
section#res{
	height:50%;
}
section#res table{
	margin: 10px auto;
}

p#nb, p#action{
	margin-right: 100px;
	text-align: right;
}
section#stats table{
	margin: 10px auto;
}


footer{
	/*border-top: solid 1px;*/
	text-align: center;
	clear     : both;
	height:auto;
}

/*
-------------Tableau-Licenciés--------------

Header de tableaux fixe, contenu défilant
 */

thead.fixedHeader {
	width: 500px;
	display: block;
}
thead.fixedHeader tr th, tbody.scrollContent tr td{
	width:250px;
}
tbody.scrollContent{
	background-color: white;
	display: block;
	width: 500px;
	overflow-y: auto;
	height: 200px;
}

.iconeliste{
	width: 20px;
	height: 20px;
}



/*
--------------------FORM--------------------
*/
form{
	margin: 0px auto;
	background-color: #A9E2F3;
}
form p{
	padding: 0px;
}
form p{
	margin-top: 10px;
}
form p label{
	display:block;
	float: left;
	width:180px;
	margin-right:5px; 
	text-align:right;
}

#tab1, #tab2, #tab3{
	position: relative;
	background-color: white;
	z-index: 0;
	top: -2px;
	border: 1px solid black;
	height: 550px;
	overflow-y: auto;
	padding-left: 10px;
}

#div_button{
	width:100%;
	text-align: center;
	padding-top: 275px;
	/*border: 1px solid blue;*/
}

form h2{
	margin: 10px;
}
#tab2 div{
	margin-top: 10px;
}

#tab1 label.bold, #tab2 label.bold, #tab2 h2, #tab3 h2{
	font-weight: bold;
}

#tab2 label.bold{
	display: inline-block;
	width:150px;
}

#tab2 input{
	margin-right: 10px;
}

#tab3 label{
	display: block;
	height: 150px;
	width:200px;
	vertical-align: bottom;
	text-align: center;
}
#tab3 select{
	height: 150px;
	width:200px;
}
#tab3 .left{
	display:inline-block;
}
/*
	CORRECTIF PROBLEME 
	AFFICHAGE DES COURS 
	CHROME

#tab3 select{
	display: block;
	height: 150px;
	width:200px;
}
#tab3 .left{
	float: left;
}
*/

div#content{
	height:300px;
}

textarea#titre_mail{
	width: 400px;
}

textarea#corps_mail{
	height:100px;
	width: 400px;
}



/*
--------------------FORM RECHERCHE--------------------
*/
#recherche{
	text-align: center;
}
#recherche div{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}

#recherche label{
	display: block;
}

#recherche select, #recherche input{
	margin-bottom: 10px;
	width:200px;
}

/*
--------------------FORM LOG--------------------
 */
#connexion{
	padding: 0% 40%;
}
#connexion form{
	margin-top: 200px;
}
#connexion p{
	text-align: center;
}




/*
--------------------MENU NAV--------------------
 */
#nav ul li{
	margin: 0px auto;
	text-align: center;
}

#nav li a:hover{
	background: -webkit-linear-gradient(#0080C0, white);
	background:    -moz-linear-gradient(#0080C0, white);
	background:     -ms-linear-gradient(#0080C0, white);
	background:      -o-linear-gradient(#0080C0, white);
	background:         linear-gradient(#0080C0, white);
}

#nav li a{
	background-color: #0080C0;
	width          : 50%;
	overflow       : hidden;
	display        : block;
	color          : black;
	text-decoration: none;
	text-align     : center;
	padding        : 5px;
	margin         : 0px auto;
	border         : solid 1px;
}

@media screen {
	#nav li ul{
		display: none;
	}
}

#nav li:hover > ul{
	display: block;
}

#nav li ul li a{
	background-color: #A9E2F3;
}
#nav li ul li a:hover{
	background: -webkit-linear-gradient(#A9E2F3, white);
	background:    -moz-linear-gradient(#A9E2F3, white);
	background:     -ms-linear-gradient(#A9E2F3, white);
	background:      -o-linear-gradient(#A9E2F3, white);
	background:         linear-gradient(#A9E2F3, white);
}


/*
#nav li a{
	font-weight: bold;
	color          : black;
	text-decoration: none;
	text-align     : center;
	margin         : 10px auto;
}*/

/*
--------------------TABLEAU--------------------
 */
table{
	border: 1px solid black;
}
td, th{
	min-width: 150px;
	text-align: center;
	padding: 5px;
}

tr:nth-child(even) {
	background: #E6E6E6
}

tr:nth-child(odd) {
	background: #CECECE
}

th{
	font-weight: bold;
	background: #A0A0A0
}

tr.tireur:hover{
	background: #F5A9A9;
	cursor:pointer;
}

tr.reduc:nth-child(even), tr.sstotal{
	background: #F5DA81
}
tr.reduc:nth-child(odd) {
	background: #F3F781
}
tr.total{
	background: #F78181
}

/*
---------------ONGLETS FICHE--------------
 */
#onglets{
	border-bottom: 1px solid black;
}
a.button{
	background-color: white;
	position: relative;
	
	text-decoration: none;
	color          : black;
	border-top     : 1px solid black;
	border-left    : 1px solid black;
	border-right   : 1px solid black;
	text-align     : center;
	width          : 150px;
	display        : inline-block;
	padding        : 5px;
}

a.select{
	z-index: 1;
	background-color: white;
	border-bottom: 0px solid white;
}

a.nselect{
	z-index: 0;
	background-color: grey;
	border-bottom: 1px solid black;
}

a.nselect:hover{
	background-color: white;
}

/*
---------------VUE TIREUR-------------------
 */

#general, #paiement{

	width:400px;
	/*border: solid 1px black;*/
	display: inline-block;
}
#general{
	float: left;
}

#general label{
	display: inline-block;
	width:200px;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
}

#general h3, #paiement h3{
	font-weight: bold;
}

#paiement label{
	font-weight: bold;
}

#general p, #paiement p{
	padding: 5px;
}

#cours li, #paiement li{
	list-style-type:disc;
	margin-left: 50px;
}

#action_licencie{
	text-align: right;
	margin-right: 10%;
}

#action_licencie a{
	color:black;
	text-decoration: none;
	margin-right: 40px;

}

#action_licencie a:hover, #deco_button:hover{
	opacity: 0.5;
}

#info_tireur{
	width: 800px;
	margin:20px auto;
}