/*
	Couleur du theme :
	gris foncé : 132133
	gris clair : D6D6D6
	rouge : FF0000
	vert : 49A715
	bleu : 0C59F2
*/

.Alerte {
    background-color: #FFC3C3;
    border: 1px solid #FF0000;
    color: #FF0000;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    width: 100%;
}

#statistique {
float: left;
margin: 0 0 0 30px;
padding : 5px;
width:650px;
}

#accueil, .titre {
background-color: #D6D6D6;
display: block;
font-size: 20px;
font-weight: bold;
padding: 5px;
width: auto;
}

#accueil {
border: 1px solid #132133;
margin-bottom:15px;
}

.titre {
border-bottom: 1px solid #132133;
}

#contenu_statistique {
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
}

#block_contenu {
margin : 10px;
}

#version {
background-color: #D6D6D6;
display: block;
font-size: 10px;
padding: 5px;
width: auto;
border-bottom:1px solid #132133;
border-left:1px solid #132133;
border-right:1px solid #132133;
}

#document {
background-color: #D6D6D6;
display: block;
font-size: 12px;
padding: 5px;
margin-bottom:15px;
width: auto;
border:1px solid #132133;
}
/*-------------------Navigation par onglet----------------------------*/
#navigation {
border-bottom:1px solid;
height:24px;
}

#menuDeroulant {
width: 480px;
list-style-type: none;
margin: 0;
padding: 0 10 0 0;
border: 0;
position: absolute;
}

#menuDeroulant li {
 float: left;
 width: 120px;
 margin: 0;
 padding: 0;
 border: 0;
}	
#menuDeroulant .sousMenu {
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}			
#menuDeroulant .sousMenu li {
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited {
display: block;
height: 1%;
color: #FFF;
background-image: url('../../Statistiques/Images/foxmenu_bg-OVERb.gif');
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-image: url('../../Statistiques/Images/foxmenu_bg-OFF.gif'); }
#menuDeroulant li a:active { background-image: url('../../Statistiques/Images/foxmenu_bg-OVERb.gif'); }

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover {
background-image: none;
background-image: url('../../Statistiques/Images/foxmenu_bg-OFF.gif');
}	

#menuDeroulant li:hover > .sousMenu { display: block; }	
/*--------------------------------------------------------------------*/

/*-------------------Mise en forme des formulaires--------------------*/

form#form_stat {
width: 100%;
}

form#form_stat p {
margin: 5px;
clear:both;
}
form#form_stat .p label{
margin: 0px;
padding-bottom: 5px;
clear:both;
}
form#form_stat .p label{
margin-bottom: 5px;
}
form#form_stat .p ul {
list-style-type:none;
width:50%;
padding-left:50%;
}

form#form_stat .p ul li{
float:left;
width:100px;
}

/* fieldset , legend */
form#form_stat fieldset {
margin-bottom: 10px;
border: 1px solid #D6D6D6;
}

form#form_stat fieldset legend {
padding: 0 10px;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
font-size: 1.2em;
color: #132133;
}

/* Label */
form#form_stat label {
background-color: #D6D6D6;
display: block;
width: 45%;
float: left;
padding-right: 1%;
text-align: right;
letter-spacing: 1px;
}

form#form_stat label:hover {
font-weight: bold;
}

/* Input */
form#form_stat select.date_stat {
width: 70px;
margin-left:10px;
}

form#form_stat input {
margin-left:1%;
}

form#form_stat input[type="text"] {
width: 50%;
margin: 0px 0px 0px 5px;
padding: 0px;
border:1px solid #D6D6D6;
}

form#form_stat input[type="text"]:hover, form input[type="text"]:focus {
width:50%;
border:1px solid #132133;
}
/* button submit */
form#form_stat input[type="submit"] {
width: 100%;
clear:both;
}
form#form_stat p.bouton {
margin-left: auto;
margin-right: auto;
width: 50%
}
form#form_stat input#T_voile {
width: 40%;
}

/*Rose des vents*/
.rose_des_vents {

height : 170px;
width : 170px;
margin-left : 300px
}

.hidden {
display : none;
}

.N, .NO, .NE, .O, .E, .SO, .S, .SE, .centre, .N_cheked, .NO_cheked, .NE_cheked, .O_cheked, .E_cheked, .SO_cheked, .S_cheked, .SE_cheked {
height : 50px;
width : 50px;
margin : 0;
padding : 0;
float : left;
}

.N {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -50px 0px transparent;
}
.N_cheked, .N:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -200px 0px transparent;
}

.NO {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll 0px 0px transparent;
}
.NO_cheked, .NO:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -150px 0px transparent;
}

.O {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll 0px -50px transparent;
}
.O_cheked, .O:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -150px -50px transparent;
}

.SO {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll 0px -100px transparent;
}
.SO_cheked, .SO:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -150px -100px transparent;
}

.S {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -50px -100px transparent;
}
.S_cheked, .S:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -200px -100px transparent;
}

.SE {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -100px -100px transparent;
}
.SE_cheked, .SE:hover{
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -250px -100px transparent;
}

.E {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -100px -50px transparent;
}
.E_cheked, .E:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -250px -50px transparent;
}

.NE {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -100px 0px transparent;
}
.NE_cheked, .NE:hover {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -250px 0px transparent;
}

.centre {
background: url("../../Statistiques/Images/rose_des_vents.png") no-repeat scroll -50px -50px transparent;
}

/*--------------------------------------------------------------------*/
/*------------------Tableau-------------------------------------------*/
#tableau {
border-collapse: collapse;
float: left;
width: 100%;
}

#tableau thead {
background-image: url('../../Statistiques/Images/foxmenu_bg-OVERb.gif');
height:24px;
color:#FFF;
}

td img, td a img {
height: 24px;
}

#tableau tr td {
border : #000 1px solid;
padding: 0px 5px 0px 5px;
}

#tableau tr td ul {
list-style-type:none;
margin : 0;
padding : 0;
}

/* Alternance de couleur des lignes */
.ligne0 td {
height:35px;	
background-color: #FFF;
list-style-type: none;
}
.ligne1 td{
height:35px;
background-color: #D6D6D6;
}
.tablien {
height:35px;
background-color: #0C59F2;
color: #FFF;
}

/*----------------------graphique-------------------------------------*/
#graph {
clear: both;
margin: 10px;
padding: 10px;
}
/*--------------------------------------------------------------------*/