html, body {
	margin: 0;
	padding: 0;
}
 
body {
	background-color: white; 
	font-family: Verdana, sans-serif; 
	font-size: 100%;
}

/*mise en forme des titres*/
h1, h2, h3, h4, h5, h6 {
	color: #000000; 
	text-align: center;
}
h1 {
	font-size: 200%; 
}
 
h2 {
	font-size: 175%; 
}

h3 {
	font-size: 150%; 
}

h4 {
	font-size: 125%; 
}

p,ul,li,td {
 color: black; 
 }
 
/*mise en forme des liens */
a:link {
	color: blue;
	text-decoration: underline;
}

a:visited {
	color: #539bdb;
}

a:hover {
	color: red;
	text-decoration: none;
}

a:active, a:focus {
	color: red;
}

.alerte {
	font-weight: bold;
	color: red;
}

/*style des tableaux*/
caption
{
caption-side:top;
font-weight:bold;
font-style:italic;
margin:4px;
}

.tableau
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	text-align:center;
	margin: 0 auto;
}
.tableau td, th
{
    border: 1px solid black;
	padding: 5px;
	vertical-align:middle;
	font-size: 0.75em;
}
.tableau th{
	background: #cccccc;
}

.tableau tr:nth-child(odd) td
{
  background-color: #E8E8FF;
}

.tableau td {
	min-width : 50px;
}

.tableau_200 {
	min-width : 350px;
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	text-align:center;
	margin: 0 auto;
}
.tableau_200 td, th
{
    border: 1px solid black;
	padding: 5px;
	vertical-align:middle;
	font-size: 0.75em;
}
.tableau_200 th{
	background: #cccccc;
}

.tableau_200 tr:nth-child(odd) td
{
  background-color: #E8E8FF;
}

.tableau_200 td {
	min-width : 50px;
}

.icone{
	margin: 0 auto;
}

.icone td{
	padding: 25px;
	vertical-align:middle;
}

.rapport th {
	background : #ccc;
}

.rapport td {
	border: 1px solid black;
	padding: 15px;
	vertical-align:middle;
}

/*style des formulaires */
.label01
{
	font-style: italic
	display: block;
	width: 250px;
	height: 25px;
	float: left;
	text-align: left;
	display: block;
    padding: 1px 10px;
    border-radius: 2px 2px 0 0;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    background: #DDD;
    cursor: pointer;
    position: relative;
    top: 4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 auto;
}
.label03
{
	font-style: italic;
	display: block;
	width: 250px;
	height: 20px;
	float: left;
	text-align: right;
	display: block;
    padding: 2px 10px;
    border-radius: 2px 2px 0 0;
    font-size: 0.65em;
    font-weight: normal;
    text-transform: uppercase;
    background: #F2F2F2;
    cursor: pointer;
    position: relative;
    top: 6px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 auto;
}
.label02
{
	display: block;
	width: 250px;
	height: 25px;
	float: left;
	text-align: left;
	display: block;
    padding: 1px 10px;
    border-radius: 2px 2px 0 0;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    background: #CCC;
    cursor: pointer;
    position: relative;
    top: 4px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 auto;
}

.champ_pers {
    height: 30px;
    width: 300px;
	font-size: 1.2em;
	border-radius:6px;
}

.champ_pers01 {
	height: 160px;
    width: 300px;
}

.champ_pers02 {
    height: 20px;
    width: 200px;
	font-size: 0.85em;
	border-radius:6px;
	font-style: italic;
}

.champ_pers03 {
    height: 20px;
    width: 200px;
	font-size: 0.85em;
	border-radius:6px;
	font-style: italic;
}

.champ_pers_long {
    height: 30px;
    width: 500px;
	font-size: 1.2em;
	border-radius:6px;
	text-align: center;
}

.textarea_pers {
	height: 300px;
    width: 300px;
	font-size: 1.2em;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.textarea_prest {
	height: 100px;
    width: 275px;
	font-size: 1.2em;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

input[type=submit]{
	
	/* Submit button */
	
	opacity:0.9;
	/*position:absolute;
	top:262px;
	left:25px;
	width: 239px;
	height:36px;*/
	cursor:pointer;
	border-radius:6px;
	box-shadow:0 1px 1px #888;
	border:none;
	color:#fff;
	font:14px/36px 'Segoe UI Light','Segoe UI',Arial,sans-serif;
	
	/* CSS3 Gradients */
	
	background-image: linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);
	background-image: -o-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(80,102,127) 50%, rgb(87,109,136) 50%, rgb(106,129,155) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, rgb(80,102,127)),
		color-stop(0.5, rgb(87,109,136)),
		color-stop(1, rgb(106,129,155))
	);
}

input[type=submit]:hover{
	opacity:1;
}

.enregistrer[type=submit]{
	
	/* Submit button */
	
	opacity:0.9;
	cursor:pointer;
	border-radius:16px;
	box-shadow:0 1px 1px #888;
	border:none;
	color:#fff;
	font:14px/36px 'Segoe UI Light','Segoe UI',Arial,sans-serif;
	
	/* CSS3 Gradients */
	
	background-image: linear-gradient(bottom, rgb(224,13,13) 50%, rgb(241,150,141) 50%, rgb(234,33,12) 100%);
	background-image: -o-linear-gradient(bottom, rgb(224,13,13) 50%, rgb(241,150,141) 50%, rgb(234,33,12) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(224,13,13) 50%, rgb(241,150,141) 50%, rgb(234,33,12) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(224,13,13) 50%, rgb(241,150,141) 50%, rgb(234,33,12) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(224,13,13) 50%, rgb(241,150,141) 50%, rgb(234,33,12) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, rgb(224,13,13)),
		color-stop(0.5, rgb(241,150,141)),
		color-stop(1, rgb(234,33,12))
	);
}

.enregistrer[type=submit]:hover{
	opacity:10;
	color:#000;
}

fieldset
{
    border:1px solid #777777;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
}

.set1{
	width: 75%;
}

.set2{
	width: 60%;
}

.set3{
	width: 45%;
	float: left;
}

.set4{
	width: 30%;
	float: left;
}

/*Boite texte */
.no_bord_01 {
	text-align: center; 
	height: 25px;
    width: 150px;
	border: 0;
}

.no_bord_02 {
	text-align: center; 
	height: 25px;
    width: 100px;
	border: 0;
}

.no_bord_03 {
	text-align: center; 
	height: 25px;
    width: 50px;
	border: 0;
}

.bord_01 {
	text-align: center; 
	height: 25px;
    width: 150px;
	border: 1;
}

.bord_02 {
	text-align: center; 
	height: 25px;
    width: 100px;
	border: 1;
}

.bord_03 {
	text-align: center; 
	height: 25px;
    width: 50px;
	border: 1;
}

.tabs {
  width: 90%;
  float: none;
  display: block;
  list-style: none;
  position: relative;
  margin: 15px 5px 0 10px;
  text-align: center;
  min-height: 250px;
}
.tabs li {
  float: left;
  display: block;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  /*display: block;*/
  z-index: 3;
  padding: 5px 5px;
  margin : 1px;
  border-radius: 2px 2px 0 0;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  background: #777777;
  cursor: pointer;
  position: relative;
  top: 10px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: #CCCCCC;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  /*overflow: hidden;*/
  width: 100%;
  min-width: 750px;
  min-height: 300px;
  font-size: 15px;
  line-height: 25px;
  padding: 5px;
  position: absolute;
  top: 45px;
  left: 0;
  background: #EEEEEE;
}
.tabs [id^="tab"]:checked + label {
  top: 10px;
  padding-top: 5px;
  background: #EEEEEE;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

.bouton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:16px;
	-moz-border-radius-topleft:16px;
	border-top-left-radius:16px;
	-webkit-border-top-right-radius:16px;
	-moz-border-radius-topright:16px;
	border-top-right-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	-moz-border-radius-bottomright:16px;
	border-bottom-right-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-moz-border-radius-bottomleft:16px;
	border-bottom-left-radius:16px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
}
.bouton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.bouton:active {
	position:relative;
	top:1px;
}

.nowrap {
	white-space: nowrap;
}

.rouge {
	color: red;
}

.hide {
	display:none;
}

#dataTable span {
	display:none;
}