body
{
        font-family:Tahoma, Geneva, sans-serif;
        margin: 0px 0px 0px 0px;
				background-color:#FFF;
				font-size: 12px;
}

.hidden { visibility:hidden; }
.visible { visibility:visible; }

h1 { font-size: 16px }
h2 { font-size: 22px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }

/* HEADER */

header h1
{
        font-family: learning_curve_dashed_proRg;
        text-align:left;
        color: white;
        font-size: 40px;
				margin-top: 0px;
				margin-left: 10px;
}

header
{
				display:: inline-block;
        background-color:#333;
				height:50px;
				width:200px;
				position: fixed;
}



/* MENU */
nav 
{
	display:: inline-block;
  margin: 0px 0px 0px 0px;
}

div #menu
{
        background-color:#333;
				width:200px;
				height:100%;
				margin-top:2px;
				margin-bottom:2px;
				color:white;
}

nav #menu
{
        position: fixed;
        top: 50px;
        left 0px;
        text-align:left;
        height: 100%;
        width: 200px;

}

nav h2
{
	font-size:14px;
	text-align: center;
	text-transform:uppercase;
}


nav #menu li
{
        text-transform:uppercase;
        font-weight:bold;
        font-size:12px;
        list-style-type: none;
        /* display: inline-block; */
  			margin-left: -30px;
        vertical-align:top;
}
nav #menu a
{
        color: white;
        text-decoration:none;
}
nav #menu a:hover
{
        text-decoration: underline;
}

/* Sections */
section
{
        display: inline-block;
        margin-left: 210px;
		margin-top: 0px;
        width: 75%;
}

section.print { margin-left: 10px!important; }

table.liste, table.liste th, table.liste td {
   border: 1px groove black;
}
table.liste td { padding: 4px; }

table.liste th {
    background-color: #333;
    color: white;
		text-align:center;
}

table.liste th.totaux {
	background-color: #D5F3F3;
	color: black;
	border: 0px groove black;
}

table.liste th.sous_titre {
    background-color: #B2EEEA;
    color: black;
		border: 0px groove black;
		text-align:left;
}





table.liste tr:nth-child(even) {background-color: #f2f2f2}
table.liste tr:nth-child(odd) {background-color: #FFF}
table.liste tr:hover {background-color: #FFC; }





/* Formulaires / boutons */

.bouton a, .bouton_submit {
line-height:20px;
text-align:center;
font-size: 12px;
vertical-align:middle;
background-image:linear-gradient(black, grey);
color:white;
text-decoration:none;
display: table;
float: left;
margin-left:5px;
}

.bouton_submit {
	width:200px;
}

.bouton a:hover, .bouton_submit:hover {
background-image:linear-gradient(grey, white);
}


.block_formulaire
{
	background-color:#E6E6E6;
	border:1px solid #FFF;
	padding:5px;
	/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	border-radius:10px 10px;
}

table.formulaire, table.formulaire td, table.formulaire tr {
   border: 0px;
	 padding: 4px;
}


.input_titre
{
	font-weight:bold;
	font-size:22px;
}


.message_erreur
{
background-color:#CCC;
border:1px solid #FFF;
color: red;
padding:5px;
/*arrondir les coins en haut à gauche et en bas à droite*/
-moz-border-radius:10px 10px;
-webkit-border-radius:10px 10px;
border-radius:10px 10px;
}


.message
{
     -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
     background-size: 40px 40px;
     background-image: -webkit-gradient(linear, left top, right bottom,
                color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                         to(transparent));
     background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                         transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                         transparent 75%, transparent);
     background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                         transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                         transparent 75%, transparent);
     background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                          transparent 75%, transparent);
     background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                          transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                           transparent 75%, transparent);
     background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                           transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
     -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     
     border: 1px solid;
     color: #fff;
     padding: 15px;
     position: fixed;
     _position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     -webkit-animation: animate-bg 5s linear infinite;
     -moz-animation: animate-bg 5s linear infinite;
		 
		 top: 50%;
		 left: 50%;
		 
		 width: 500px;
		 margin-left: -250px;
		 
		 height: 50px;
		 margin-top: -25px;
		 
		 text-align:center;
		 font-weight:bold;
		 font-size:14px;
}
.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
		 vertical-align : middle;
}

#grayBack 
{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 1999;
     opacity: 0.5;
}