@charset "utf-8";

.back {
background-color:white;
background-image:url(<?php echo $row_Recordset5['tampon']; ?>);
background-repeat:no-repeat;
border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchejaune21 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: black;
	background-color:#f3dcad;
	text-align: center;
    border: none;
    font-weight: bold;
}
.grandastoriagauchejaune21b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#f3dcad;
	text-align: center;
	border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchevert21 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#cff0b8;
	text-align: center;
	border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchevert21b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#cff0b8;
	text-align: left;
	border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchebleu21 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: black;
	background-color: #c4dee5;
	text-align: center;
    border: none;
	border-right : solid 1px;
	border-left: solid 1px;
    font-weight: bold;
}
.grandastoriagauchebleu21b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: black;
	background-color: #c4dee5;
	text-align: center;
    border-top : solid 1px;
	border-right : solid 1px;
	border-left: solid 1px;
    font-weight: bold;
}
.grandastoriagauchebleu29 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0px;
	color: black;
	background-color: #c4dee5;
	text-align: center;
    border: none;
	border-right : solid 1px;
	border-left: solid 1px;
    font-weight: bold;
}
.grandastoriagauchebleu29b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0px;
	color: black;
	background-color: #c4dee5;
	text-align: center;
    border-top : solid 1px;
	border-right : solid 1px;
	border-left: solid 1px;
    font-weight: bold;
}
.grandastoriagauchebleu22 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #c4dee5;
	text-align: center;
}
.grandastoriagauchejaune22 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#f3dcad;
	text-align: center; 
}
.grandastoriacentretablette2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 50px;
	color: #333;
	text-align: center;	
}
.grandastoriacentretablette3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 45px;
	color: #333;
	text-align: center;	
}
.Titreastoria {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	    background: -moz-linear-gradient(#02707e, #83bdc5);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #02707e),color-stop(1, #83bdc5));
        background: -webkit-linear-gradient(#02707e, #83bdc5);
        background: -o-linear-gradient(#02707e, #83bdc5);
        background: -ms-linear-gradient(#02707e, #83bdc5);
        background: linear-gradient(#02707e, #83bdc5);
}
.grandastoriacentretablette {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: #333;
	text-align: center;		
}
.grandastoriagauchetablette {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: #333;
	text-align: left;	
}
.Titreastoria33 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	background-color: #02707e;
}
.gris {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: black;
	background-color: #e0e5ea;
}
.trespetit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0px;
	color: #333;
	text-align: left;
}
.grandastoriagauchevert9 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#70c931;
	text-align: center;
		border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.mormalsousTitreastoria {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-align: left;
	background-color: #02707e;
	padding-left: 10px;
	border-width: 1px;
    border-style:solid; 
    border-color: black;
	margin-left:1px;
}	

.mormalsousTitreastoriacentre2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	background-color: #02707e;
	padding-left: 10px;
	border-width: 1px;
    border-style:solid; 
    border-color: black;
	margin-left:1px;	
    webkit-transform: rotate(-90deg); 
    moz-transform: rotate(-90deg);
}

.normatexteastoria {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
	text-align: left;
	background-color: #ffffff;
	padding-left: 10px;
	border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.normatexteastoriax {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
	text-align: left;
	background-color: #ffffff;
	padding-left: 10px;
	border: none;
}
.grandastoriagauchevert {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#83bdc5;
	text-align: center;
		border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchevert9 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#70c931;
	text-align: center;
		border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchevert3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#c6e6eb;
	text-align: center;
		border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagauchejaune {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background-color:#FC6;
	text-align: center;
	border-width: 1px;
	border-style:solid;
	border-color:black;
}
.grandastoriagauchebleu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #0CF;
	text-align: center;
    border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.grandastoriagaucherouge {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #FFA6A6;
	text-align: center;
	border-width: 1px;
	border-style:solid;
	border-color:black;
}
.mormalsousTitreastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
    text-align: center;
	background-color: #02707e;
	padding-left: 1px;
	border-width: 1px;
    border-style:solid; 
    border-color:black;  
}	
.normatexteastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
    text-align: center;
	background-color: #ffffff;
	padding-left: 1px;
	border-width: 1px;
    border-style:solid; 
    border-color:black;
}
.normalastoriagauche {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
}
.normalastoriadroit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: right;	
}
.Normalastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    color: #333;
	text-align: center;	
}
.grandastoriagauche {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	text-align: left;
}
.grandastoriadroit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	text-align: right;		
}
.grandastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #333;
	text-align: center;	
}
.petitastoriagauche {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: left;
	text-decoration: none;
}
.petitastoriagauche8 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7px;
	color: #333;
	text-align: left;
	text-decoration: none;
}
.petitastoriagaucheb {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #fff;
	text-align: left;
	text-decoration: none;
}
.petitastoriadroit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: right;		
}
.Petitastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: center;	
}
.TITREgrandastoriagauche {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 32px;
	color: #02707e;
	text-align: left;
}
.TITREgrandastoriagauche2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #02707e;
	text-align: left;
    background-color: #c6e6eb;
	border: none
}
.TITREgrandastoriagauche3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #001b3a;
	text-align: left;
    background-color: #ffffff;
	border: none
}
.TITREgrandastoriacentre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #02707e;
	text-align: center;
	border: 0;
}
.TITREgrandastoriagauchegras {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 32px;
	color: #02707e;
	text-align: left;
	font-weight: bolder;
}
.menu {
	line-height:27px;
	list-style:none;
	width:97,5%;
	height:30px;
	border-bottom:#02707e solid 3px;
	background-color:#fff;
	margin:10px 0 0 0;
	text-align:left;	
}
.menu li {
	float:left;
	margin-left:0px;
}
.menu li a {
	color:#02707e;
	font-size:14px;
	font-family:arial, verdana, sans-serif;
	text-align:left;	
	margin-left:3px;
	text-decoration:none;
	line-height:27px;
	height:34px;
	display:block;
	float:left;
	padding:0 0 0 7px;
	cursor:pointer;
}
.menu li a span {
	float:left;
	display:block;
	padding:0 14px 0 7px;
	background:url(../_images/ongletbleu2.png) no-repeat right top;
}
.menu li.actif a {
	color:#fff;
	background:url(../_images/ongletbleu1.png) no-repeat right top;
}
.menu li.actif a span {
	background:url(../_images/ongletbleu1.png) no-repeat right top;
}
.menu li a:hover {
	color:#fff;
	background:url(../_images/ongletbleu1.png) no-repeat right top;
}
.menu li a:hover span {
	background:url(../_images/ongletbleu1.png) no-repeat right top;
}
.astoriapetitvertclair {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #83bdc5;
	text-align: centre;	
}
.tableau {
	width:100%;
	margin-left:auto;
    margin-right:auto;
	border: 1px solid #000;
	vertical-align: top;
	word-spacing: 0px;
	padding: 2px;
	border-collapse:collapse;
}
.tableau2 {
	width:90%;
	margin-left:5%;
    margin-right:5%;
	border: 0px solid #693;
	vertical-align: top;
	word-spacing: 0px;
	padding: 2px;
	border-collapse:collapse;
}	
.tableau3 {
	width:100%;
	margin-left:2px;
    margin-right:2px;
	border: 0 px solid #000;
	vertical-align: top;
	word-spacing: 0px;
	padding: 2px;
	border-collapse:collapse;
	cellspacing=:4px;
}
.encadrer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #000;
	text-align: center;
	font-style: normal;
}
.encadrercol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
	text-align: center;
	background-color: #02707e;
	padding-left: 0px;
	border-width: 0px;
    border-style:solid; 
    border-color: black;
    
}
.encadrerg {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #000;
	text-align: left;
	font-style: normal;
}.bouton2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	background-image: url(../_images/ongletvert2.png);
}
.surbrillance {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000;
	text-align: center;
	background-color: #FF0;
}
.grandastoriagauchevert2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: black;
	background-color:#83bdc5;
	text-align: center;
	border-top-width: 1;
	border-right-width: 1;
	border-bottom-width: 1;
	border-left-width: 1;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
}
.grandastoriagaucherouge2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #fff;
	background-color:#F60;
	text-align: center;
	border-top-width: 1;
	border-right-width: 1;
	border-bottom-width: 1;
	border-left-width: 1;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
}

.griscomplet {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#FFFFFF;
	text-align: center;
}


.zaza {
	text-decoration: none;
	text-align: center;
}
.zaza:hover {
	background: none;
}
.zaza span {
	display: none;
}
.zaza:hover span {
	display: inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	position: absolute;
	margin-top:40px;
	left: 40%;
	width: 500px;
	border:1px solid #009900;
	background:#fcd209;
	text-align: center;
}
.astoriarouge {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #F00;
	background-position: center;
	text-align: center;
}
/* css for timepicker */
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 80px; }
table#table-utilisateurs {
	position: relative;
	left: 50%;
	width: 70%;
	margin-left: -35%;
	border: 1px solid #000000;
	border-collapse: collapse;
}
td.cellule {
	text-align: center;
	border: 1px solid #000000;
	cursor: pointer;
}
div#info {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 40pt;
}