body
	{
	font-family: Georgia, Verdana;
	font-size: 10px;
	color: #666666;
	}

div
	{
	text-align: center;
	margin: 0 auto;
	}

	
.patienter
	{
	position : fixed;
	z-index: 9999;
	background: black;
	bottom : 100px;
	left : 50%;
	margin-left: -120px;
	}

#postit
	{
	position: absolute;
	top: 390px;
	left: 50%;
	margin-left: -480px;
	}

#compteur
	{
	line-height: 45px;
	}
	
#scrollToTop a
	{
    background-image: url(../img/fhaut.png);
    background-repeat: no-repeat;
	background-size: 20px;
    bottom: 0px;
    width: 20px;
	height: 22px;
    position: fixed;
	left: 50%;
	margin-left: 500px;
    text-indent: -50000px;
	z-index: 3;
	}

.fondbg
	{
	background-image:url(../img/accueil_fond.png);
	background-attachment:fixed;
	}

.fondbl
	{
	background-image:url(../img/blanc.jpg);
	background-attachment:fixed;
	}
	
div#general
	{
	padding-top: 30px;
	padding-bottom: 50px;
	}

div#haut
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 2;
	background: linear-gradient(gray, darkgray);
	}

div#haut_mob
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: left;
	border: 1px solid black;
	background: linear-gradient(to bottom right, RoyalBlue, RoyalBlue, LightSteelBlue);
	z-index: 2;
	}

div#nav
	{
	position: fixed;
	z-index: 3;
	top: 0;
	margin-left: -320px;
	left: 50%;
	width: 640px;
	height: 30px;
	background: linear-gradient(gray, darkgray);
	}

div#bas
	{
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-family: verdana;
	}
	
.separbas
	{
	border-right: 2px solid red;
	padding: 0 10px 0 10px;
	}

.barre_couleurs
	{
	position: fixed;
	bottom: 23px;
	left: 0;
	width: 100%;
	height: 30px;
	background: linear-gradient(darkgray, gray);
	z-index: 1;
	}

.barre_evens
	{
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1;
	}

	
.barre_even_mob
	{
	position: fixed;
	bottom: 1px;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	padding-left: 20px;
	height: 50px;
	border: 1px solid black;
	background: linear-gradient(to bottom right, RoyalBlue, RoyalBlue, LightSteelBlue);
	border-radius: 10px;
	}
	
div#plantitre
	{
	position: fixed;
	top: 2px;
	left: 2px;
	font-size: 15px;
	font-weight: bolder;
	color: black;
	text-shadow: 0 1px 0 white;
	z-index: 2;
	}

div#admin
	{
	position: fixed;
	top: 100px;
	width: 30px;
	height: 175px;
	margin-left: -8px;
	border: 1px solid #808080;
	background-color: #aaaaaa;
	z-index: 2;
	}
	
label
	{
    display: block;
    width: 120px;
    float: left;
	}

label300
	{
    display: block;
    width: 350px;
    float: left;
	}

	
.upload > input
	{
	display: none;
	}
	
.parcourir
	{
	background-image: url(../img/upload.png);
	background-position: 8px;
	background-size: 16px 11px;
	background-repeat: no-repeat;
	width: 30px;
	}

.trombone
	{
	height: 30px;
	background-image: url(../img/trombone.png);
	background-size: 30px;
	background-repeat: no-repeat;
	}

.corplan
	{
	z-index: 2;
 	}

.ici
	{
	padding: 3px;
	background-color: red;
	color : white;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}
	
div#info
	{
	position: fixed;
	z-index: 2;
	padding: 3px;
	color : white;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}

.erreur
	{
	position: fixed;
	font-size: 12px;
	z-index: 5;
	padding: 10px;
	bottom: 20px;
	right: 3px;
	color: beige;
	background: red;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}

.ok
	{
	position: fixed;
	font-size: 12px;
	z-index: 5;
	padding: 10px;
	bottom: 20px;
	left: 3px;
	color: beige;
	background: green;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}
	
.premium
	{
	padding: 0px 5px 0px 5px;
	background-color: yellowgreen;
	color: white;
	font-style: italic;
	}
	
div#login
	{
	position: fixed;
	z-index: 2;
	top: 5px;
	right: 5px;
	color: #333333;
	}

div#suppla
	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	}

div#barre_titre
	{
	position: fixed;
	z-index: 1;
	background-color: #dddddd;
	top: 32px;
	left: 50%;
	margin-left: -60px;
	width: 580px;
	padding: 3px;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}
	
div#barre_fuseaux
	{
	position: fixed;
	z-index: 1;
	background-color: #dddddd;
	top: 32px;
	left: 50%;
	margin-left: -510px;
	width: 400px;
	padding: 9px;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}

.time
	{
	background-color: black;
	color: yellowgreen;
 	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	}

div#message
	{
	padding: 10px;
	overflow: auto;
	height: 120px;
	background-color: white;
	border-radius: 3px;	
	}

div#ent_msg1
	{
	margin-top: 4px;
	margin-left: -5px;
	text-align: left;
	font-size: 9px;
	}

div#ent_msg2
	{
	margin-top: -12px;
	margin-right: 5px;
	text-align: right;
	font-size: 9px;
	}
	
.ancre 
	{
	position: relative;
	}

.ancre span 
	{
	position: absolute;
	top: -105px;
	}
	
.ancrem 
	{
	position: relative;
	}

.ancrem span 
	{
	position: absolute;
	top: -120px;
	}
	
img
	{
	border: none;
	}

form ,p {margin: 0; display: inline;}


select
	{
	color: #555555;
	background: #eeeeee;
	font-size: 9px;
	border: none;
	}

select:hover	
	{
	border: 1px solid black;
	margin: -1px;
	box-shadow: 0 0 8px #444;
	}
	
input, textarea, Envoyer
	{
	color: #555555;
	background-image: url(../img/bg.gif);
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid gray;
	border-radius: 3px;
	}

input:hover, textarea:hover, button:hover, Envoyer:hover	
	{
	border: 1px solid black;
	box-shadow: 0 0 8px #444;
	}

.normal
	{
	font-style: normal;
	font-weight: normal;
	}

.gris
	{
	color: #666666;
	}

.apercu
	{
 	font-size: 9px;
	}

.aperev
	{
	font-size: 7px;
	}

.apermois
	{
	font-size: 13px;
	font-style: italic;
	color: black;
	text-align: center;
	line-height: 16px;
	width: 70px;
	text-shadow: 0 1px 0 white;
	background: linear-gradient(to bottom right, white, gray);
	}

.aperlarg
	{
	width: 15px;
	}

div#accueil
	{
	height: 470px;
	width: 1000px;
	}

.titredemo
	{
	background-color: black;
	font-size: 14px;
	font-weight: bold;
	color: silver;
	padding: 3px;
	border-radius: 5px;
	box-shadow: 0 0 15px #444;
	}

	
.cycle-slideshow, .cycle-slideshow *
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.cycle-slideshow
	{
	padding: 0;
	}

.cycle-slideshow img
	{ 
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
	}
	
.cycle-overlay
	{ 
    position: absolute;
	z-index: 600;
    background: black;
	color: white;
	padding: 5px;
	opacity: .6;
	font-size: 20px;
	border-radius: 3px;
	left: 0px; bottom: 0px;
	}	

.overlay
	{ 
    position: fixed;
	z-index: 1;
	color: white;
	padding: 3px;
	opacity: .5;
	font-size: 9px;
	border-radius: 3px;
	}	
	
div#kezako
	{
	position: absolute;
	margin-left: 485px;
	margin-top: 25px;
	width: 232px;
	font-family: arial;
	font-size: 13px;
	color: black;
	text-align: left;
	text-shadow: 0 1px 0 gainsboro;
	}

div#contact
	{
	position: fixed;
	top: 200px;
	animation: 1s top;
	left: 50%;
	width: 400px;
	padding: 10px;
	margin-left: -200px;
	font-family: verdana;
	font-size: 13px;
	color: white;
	text-shadow: 0 1px 0 black;
	box-shadow: 0 0 10px #444;
	border-radius: 10px;
	background: linear-gradient(to bottom right, black, gray, gray);
	z-index: 601;
	}

div#ml
	{
	position: fixed;
	top: 130px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	height: 400px;
	padding: 10px;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: black;
	background-color: yellowgreen;
	overflow: auto;
	z-index: 601;
	box-shadow: 0 0 30px #444;
	}
	
.survol:hover 
	{
	box-shadow: 0 0 10px #444;
	font-weight: bold;
	}

.survol2:hover 
	{
	box-shadow: 0 0 10px #444;
	font-weight: bold;
	background-color: greenyellow;
	}
	
.survol3:hover 
	{
	box-shadow: 0 0 10px #444;
	color: black;
	}

.survol4:hover 
	{
	box-shadow: 0 0 40px black;
	}
	
.survolval:hover 
	{
	background-image: url(../img/valeur.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}
	
.survolcom:hover 
	{
	background-image: url(../img/modif.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}

.survolsup:hover 
	{
	background-image: url(../img/suppr.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}
	
.survolver:hover 
	{
	background-image: url(../img/pass2.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}

.survolvalm:hover 
	{
	background-image: url(../img/valeur.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}
	
.survolcomm:hover 
	{
	background-image: url(../img/modif.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}

.survolsupm:hover 
	{
	background-image: url(../img/suppr.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}
	
.survolverm:hover 
	{
	background-image: url(../img/pass2.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: 6px 0px;
	}
	
.repet:hover
	{
	box-shadow: 0 0 10px 3px red;
	}

.titremob
	{
	padding: 10px 30px;
	font-size: 60px;
	font-weight: bold;
	font-style: italic;
	box-shadow: 0 0 15px #444;
	border-radius: 10px;
	}

div#logotpmob
	{
	font-family: LeagueGothicRegular;
	font-style: italic;
	font-size: 80px;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
	padding: 30px 0;
	}
	
div#logotp
	{
	padding-bottom: 15px;
	font-family: LeagueGothicRegular;
	font-style: italic;
	font-size: 85px;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);
	margin-left: -120px; 
	margin-top: -5px;
	}

.formaccmob
	{
	margin-left: 7%;
	width: 80%;
	padding: 3%;
	font-family: Arial;
	font-size: 40px;
	color: gainsboro;
	background-color: #5C5858;
	border-radius: 20px;
	box-shadow: 0 0 50px black;
	text-shadow: 0 1px 0 black;
	}
	
.formacc
	{
	position: absolute;
	margin-left: 730px;
	min-width: 240px;
	padding: 10px;
	font-family: Arial;
	font-size: 11px;
	color: gainsboro;
	background-color: #5C5858;
	border-radius: 5px;
	box-shadow: 0 0 20px grey;
	text-shadow: 0 1px 0 black;
	}

	
.trad:hover 
	{
	border: 3px solid red;
	box-shadow: 0 0 50px red;
	margin: -3px;
	}

.formacc:hover 
	{
	box-shadow: 0 0 50px grey;
	}

div#demo
	{
	position: absolute;
	margin-left: 20px;
	margin-top: 15px;
	width: 445px;
	height: 239px;
	background-image: url(../img/accueil_plan.jpg);
	}

div#demo:hover 
	{
	box-shadow: 0 0 30px;
	}

div#formpremium
	{
	background-color: silver;
	width: 965px;	
	min-height: 300px;
	padding: 8px;
	text-align: left;
	color: #333333;
	font-size: 11px;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}

div#tarifpremium	
	{
	float: left;
	text-align: left;
	background-color: #dddddd;
	width: 610px;	
	padding: 8px;
	margin-right: 10px;
	border-radius: 3px;
	}

div#infospremium
	{
	float: left;
	text-align: left;
	margin-bottom: 10px;
	}

div#promopremium
	{
	background: #eeeeee;
	font-style: italic;
	font-size: 15px;
	margin: 15px 140px 15px 140px;
	padding: 5px;
	box-shadow: 0 0 10px #444;
	}
	
.tabpremium
	{
	float: left;
	width: 300px;
	margin: 5px 10px 5px 5px;
	padding: 5px;
	background: #eeeeee;
	font-size: 16px;
	}

.tabpremium2
	{
	float: left;
	width: 180px;
	margin: 0px 5px 0px 0px;
	padding: 5px;
	background: khaki;
	font-family: Arial;
	font-size: 10px;
	}
	
.paiepremium
	{
	float: left;
	width: 280px;
	margin: 5px;
	padding: 5px;
	background: #eeeeee;
	font-family: Arial;
	font-size: 10px;
	}
	
	
.fixeform
	{
	width: 200px;
	}
	
div#aide
	{
	animation: 1s slidein;
	position: absolute;
	background: linear-gradient(to bottom right, beige, silver);
	margin: 60px 0 0 -280px;
	width: 560px;
	left: 50%;
	padding: 10px;
	text-align: left;
	color: #333333;
	font-size: 13px;
	box-shadow: 0 0 15px #444;	
	}
	
div#aide2
	{
	z-index: 3;
	position: fixed;
	background: linear-gradient(to bottom right, beige, silver);
	animation: 1s slidein;
	top: 120px;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	padding: 10px;
	color: #333333;
	font-size: 13px;
	box-shadow: 0 0 15px #444;
	}
	
div#msg
	{
	background-color: Khaki;
	background-image: url(../img/odroid.png);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: -40px -20px;
	margin-top: 20px;
	width: 560px;	
	padding: 10px;
	text-align: left;
	color: #333333;
	font-size: 13px;
	box-shadow: 0 0 15px #444;	
	}
	
div#lettre
	{
	position: fixed;
	top: 110px;
	left: 50%;
	margin-left: -400px;
	width: 700px;
	text-align: left;
	padding: 10px 50px 3px 50px;
	background: #eeeeee;
	font-style: italic;
	font-size: 13px;
	box-shadow: 0 0 15px #444;
	}

div#pub
	{
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -364px;
	width: 728px;
	height: 90px;
	color: white;
	box-shadow: 0 0 15px #444;
	}

div#formcom
	{
	position: fixed;
	animation: 1s slidein;
	left: 50%;
	padding: 3px;
	background-color: silver;	
	box-shadow: 0 0 15px #444;
	z-index: 1;
	}

div#libjour
	{
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -80px;
	padding: 10px;
	background-color: silver;	
	box-shadow: 0 0 15px #444;
	z-index: 4;
	}

.inscription
	{
	padding: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: white;
	box-shadow: 0 0 15px #444;
	!text-shadow: 0 1px 0 #333333;
	}

.titre
	{
	padding: 3px 10px 3px 10px;
	font-size: 22px;
	font-style: italic;
	color: gainsboro;
	box-shadow: 0 0 15px #444;
	border-radius: 5px;	
	}


.fenetre
	{
	animation: 1s slidein;
	position: fixed;
	font-family: verdana;
	line-height: initial;
	font-size: 12px;
	color: #333333;
	z-index: 1;
	padding: 20px;
	top: 135px;
	left: 50%;
	width: 800px;
	height: 350px;
	margin-left: -400px;
	box-shadow: 0 0 10px #444;
	border-radius: 10px;
	background: linear-gradient(to bottom right, beige, silver);
	overflow: auto;
	}

.fenenfant
	{
	margin: 15px;
	padding: 15px;
	height: 280px;
	background: white;
	overflow: auto;
	}
	
.tipfen span 
	{
	display: none;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	}

.tipfen:hover span
	{
	display: inline;
	position: absolute;
	margin-top: 12px;
	white-space: normal;
	background: linear-gradient(to bottom right, beige, silver);
	z-index: 3;
	}
	
.arrondi
	{
	border-radius: 3px;
	}

.tiputil span 
	{
	display: none;
	padding: 5px;
	margin: -20px 0 0 50px;
	border: 1px solid black;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	text-shadow: 0 1px 0 black;
	z-index: 4;
	}

.tiputil:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: linear-gradient(to bottom right, black, Gray);
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: white;
	white-space: normal;
	}

.tipinfo span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: 40px;
	z-index: 3;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	width: auto;
	}

.tipinfo:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap;
	}

.tipcumul span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: 30px;
	z-index: 3;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	width: auto;
	}

.tipcumul:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap
	}
	
.tipinfoh span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: -40px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	width: auto;
	}

.tipinfoh:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap;
	}

.tipinfor span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: -30px;
	margin-left: -150px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	z-index: 3;
	width: auto;
	}

.tipinfor:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap
	}	

.tiplog span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: 15px;
	margin-left: -400px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	z-index: 3;
	width: 400px;
	overflow:auto;
	height: 80px;
	}

.tiplog:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap
	}

.tiplog2 span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: -60px;
	margin-left: 5px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	z-index: 3;
	width: 550px;
	overflow:auto;
	height: 200px;
	}

.tiplog2:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap
	}
	
.tiplogs span 
	{
	display: none;
	padding: 3px 5px;
	margin-top: 25px;
	margin-left: -500px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	z-index: 3;
	width: 600px;
	overflow:auto;
	height: 500px;
	}

.tiplogs:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap
	}

.tipcom span 
	{
	display: none;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	padding: 3px 5px;
	margin-left: -20px;
	margin-top: 45px;
	width: auto;
	text-align: left;
	}

.tipcom:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	font-family: Verdana;
	font-size: 10px;
	background-color: white;
	color: blue;
	white-space: pre;
	}

.tipfact span 
	{
	display: none;
	padding: 3px 20px 3px 5px;
	margin-top: 13px;
	z-index: 3;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	}

.tipfact:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	background: black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: white;
	white-space: nowrap;
	overflow:auto;
	max-height: 200px;
	}

.tiphelp span 
	{
	display: none;
	top: 40px;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
	box-shadow: 0 0 100px 50px #444;
	background: white;
	}

.tiphelp:hover span
	{
	display: inline;
	animation: .2s slidein;
	position: fixed;
	z-index: 2;
	}
	
.tipalert p 
	{
	display: none;
	padding: 3px 5px;
	z-index: 3;
	margin: -30px 0 0 -100px;
	border-radius: 3px;
	box-shadow: 0 0 10px #444;
	width: auto;
	}

.tipalert:hover p
	{
	display: inline;
	animation: .2s slidein;
	position: absolute;
	font-family: arial;
	font-size: 12px;
	color: white;
	text-shadow: 0 1px 0 black;
	white-space: nowrap;
	}
	
div#factures
	{
	float: right;
	z-index: 2;
	padding: 2px;
	top: 55px;
	right: 5px;
	border-radius: 3px;
	box-shadow: 0 0 8px #444;
	}
	
a:link, a:visited, a:hover 
	{
	text-decoration: none;
	color: inherit;
	}

tr.sel:hover input
	{
	background: darkslategray;
	color: white;
	box-shadow: 0 0 8px #444;	
	}

tr.sel:hover textarea
	{
	background: darkslategray;
	color: white;
	box-shadow: 0 0 8px #444;	
	}
	
.nom_ress
	{
	border-top: 1px dashed #aaaaaa;
	border-bottom: 1px dashed #aaaaaa;
	}

.evh_ress
	{
	border-top: 1px dashed #aaaaaa;
	}	

.evb_ress
	{
	border-bottom: 1px dashed #aaaaaa;
	}	

.separ
	{
	border-bottom: 1px solid black;
	line-height: 0px;
	}

.nomgrp
	{
	background-color: gray;
	color: white;
	max-width: 14px;
	min-width: 14px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	}
	
.vertical
	{

	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	}
	
.tdblanc
	{
	background: white;
	}

.tdsep
	{
	white-space: nowrap;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}

.thr
	{
	width: 20px;
	}

.tleg
	{
	font-family: Verdana;
	min-width: 82px;
	max-width: 82px;
	font-size: 8px;
	text-align: left;
	background-color: beige;
	overflow: hidden;
	}

.tlegbas
	{
	width: 100px;
	font-size: 9px;
	text-align: left;
	background-color: beige;
	}

.droite
	{
	text-align: right;
	}

.gauche
	{
	text-align: left;
	}

.centre
	{
	text-align: center;
	}

.centab
	{
	margin: 0 auto;
	}

.tab
	{
	margin-left: 60px;
	}
	
.valeur
	{
	margin-top: -2px;
	text-align: right;
	font-family: verdana; 
	font-size: 7px;
	color: black;
	text-shadow: 0 1px 0 white;
	}

.bigtext
	{
	font-size: 15px;
	}

.texte
	{
 	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	}

.text8
	{
 	font-family: verdana;
	font-size: 8px;
	font-weight: normal;
	line-height : 9px;
	}

.href
	{
	height: 18px;
	width:  30px;
	min-width: 30px;
	max-width: 30px;
	overflow: hidden;
	}

.href2
	{
	height: 13px;
	width:  9px;
	}

.hrefm
	{
	height: 26px;
	width:  44px;
	min-width: 44px;
	max-width: 44px;
	overflow: hidden;
	}
	
.hrefevm
	{
	height: 40px;
	width:  49px;
	border-radius: 10px;
	overflow: hidden;
	}
	
.jhref
	{
	width:  32px;
	min-width: 32px;
	max-width: 32px;
	}

.tdress
	{
	width:  112px;
	min-width: 112px;
	max-width: 112px;
	white-space: nowrap;
	overflow: hidden;
	}

.cellule
	{
	color: #555555;
	background-image: url(../img/bg.gif);
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 3px;
	}

.rib
	{
	width: 35px;
	color: blue;
	}
	
.panneauh
	{
	background-image:  url(../img/bleu.gif);
	height: 50px;
	width: 115px;
	}

.mois
	{
	font-size: 15px;
	font-weight: bolder;
	font-style: italic;
	text-align: center;
	color: black;
	min-width: 110px;
	text-shadow: 0 1px 0 white;
	background: linear-gradient(to bottom right, white, gray);
	}


.contjour
	{
	font-size: 12px;
	font-weight: bolder;
	font-style: italic;
	background: #eeeeee;
	color: #555555;
	text-align: center;
	padding: 3px;
	}

.semaine
	{
	font-size: 15px;
	font-weight: bolder;
	color: silver;
	background: #eeeeee;
	}

.bordure
	{
	padding: 1px;
	font-size: 10px;
	text-align: center;
	}

.entete
	{
	text-align: center;
	background-color: #fff8dc;
	}

.fond
	{
	background-color: #ececec;
	}

.grisrelief
	{
	background-image: url(../img/bg.gif);
	}
	

.g0,.g6,.gC,.gI,.gO,.gU,.gY
	{
	background-color: #d1f2eb;
	}

.g1,.g7,.gD,.gJ,.gP,.gV
	{
	background-color: #f6ddcc;
	}

.g2,.g8,.gE,.gK,.gQ,.gW
	{
	background-color: #e8daef;
	}

.g3,.g9,.gF,.gL,.gR,.gX
	{
	background-color: #fbfcfc;
	}

.g4,.gA,.gG,.gM,.gS,.gY
	{
	background-color: #fcf3cf;
	}

.g5,.gB,.gH,.gN,.gT,.gZ
	{
	background-color: #e5e8e8;
	}

.actoff, .uti0
	{
	padding: 3px;
	background-color: gray;
	color: white;
	text-align: center;
	}

.acton, .uti1
	{
	padding: 3px;
	background-color: lime;
	color: black;
	text-align: center;
	}

.u1
	{
	background-color: lime;
	color: black;
	}

.uti2
	{
	padding: 3px;
	background-color: blue;
	color: white;
	text-align: center;
	}

.u2
	{
	background-color: blue;
	color: white;
	}

.uti3
	{
	padding: 3px;
	background-color: orange;
	color: white;
	text-align: center;
	}
	
.u3
	{
	background-color: orange;
	color: white;
	}
	
.uti4
	{
	padding: 3px;
	background-color: violet;
	color: white;
	text-align: center;
	}
	
.uti5
	{
	padding: 3px;
	background-color: darkgoldenrod;
	color: white;
	text-align: center;
	}
	
.u5
	{
	background-color: darkgoldenrod;
	color: white;
	}
	
.moi
	{
	background-color: red;
	color: white;
	width: 15px;
	text-align: center;
	}

.aujourd
	{
	background-color: #F6CECE;
	color: black;
	text-align: center;
	}
	
.aujplan
	{
	text-align: center;
	background-color: #F6CECE;
	}


.WE
	{
	text-align: center;
	background-color: #E6E6E6;
	}

.fondplan
	{
	text-align: center;
	background-color: #fff8dc;
	}

.comprv
	{
	box-shadow: 0 0 1px 1px white, -1px -1px 10px 2px blue;
	}

.ombre
	{
	box-shadow: 0 0 10px grey;
	}

.ombre2
	{
	box-shadow: 0 0 20px black;
	}

.shr
	{
	border: 3px solid black;
	box-shadow: 0 0 10px #444;
	}
	
.rhr
	{
	border: 3px solid red;
	box-shadow: 0 0 10px #444;
	}

.nhr
	{
	border: 3px solid silver;
	}


.hr
	{
	border: 1px solid black;
	}

.lhr
	{
	border: 1px solid silver;
	}

.shr_off
	{
	border: 3px solid transparent;
	}
	
.horj
	{
	background-color: beige;
	height: 20px;
	text-align: right;
	font-size: 9px;
	overflow: hidden;
	}

.shorj
	{
	border: 1px solid #F6E497;
	background-color: #F6E497;
	width: 15px;
	height: 13px;
	text-align: right;
	}

.zonea
	{
	border-top: 3px solid orangered;
	}

.zoneb
	{
	border-top: 3px solid yellow;
	}

.zonec
	{
	border-top: 3px solid greenyellow;
	}

.lzonea
	{
	color: orangered;
	font-weight: bold;
	vertical-align: +16px;
	padding: 1px;
	}

.lzoneb
	{
	color: yellow;
	font-weight: bold;
	vertical-align: +16px;
	padding: 1px;
	}

.lzonec
	{
	color: greenyellow;
	font-weight: bold;
	vertical-align: +6px;
	margin-left: -18px;
	padding: 1px;
	}
	
.jour
	{
	color: black;
	font-style: italic;
	font-weight: bold;
	}

.coulmat	
	{
	color: black;
	font-weight: bold;
	}

.lien
	{
	color: blue;
	text-decoration: underline;
	}
	
.rouge
	{
	color: red;
	}	

.hrrouge
	{
	border-color: red;
	}

.noir
	{
	color: black;
	}

.sombre
	{
	color: #333333;
	}

.bleu
	{
	color: blue;
	}

.blanc
	{
	color: white;
	}
	
.clair
	{
	color: #CCCCCC;
	}
	
.pn
	{
	color: #A7A37E;
	}
	
.black
	{
	text-align:center;
	background-color: #000000;
	}
	
.degradgris
	{
	background: linear-gradient(beige, silver, beige);
	}

.surligne
	{
	text-align:center;
	background: orange;
	box-shadow: 0 0 10px black;
	color: black;
	}
	
.vert2,.vert2h:hover
	{
	color: green;
	}

.violet,.violeth:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #EE82EE, #EE82EE, white);
	color: black;
	}

.yellow,.yellowh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FFFF00, #FFFF00, white);
	color: black;
	}
	
.yellowgreen,.yellowgreenh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #9ACD32, #9ACD32, white);
	color: black;
	}
	
.cornflowerblue,.cornflowerblueh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, cornflowerblue, cornflowerblue, white);
	color: white;
	}
	
.wheat,.wheath:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #F5DEB3, #F5DEB3, white);
	color: black;
	}

.turquoise,.turquoiseh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #40E0D0, #40E0D0, white);
	color: black;
	}
	
.tomato,.tomatoh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FF6347, #FF6347, white);
	color: white;
	}
	
.thistle,.thistleh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #D8BFD8, #D8BFD8, white);
	color: black;
	}
	
.springgreen,.springgreenh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #00FF7F, #00FF7F, white);
	color: black;
	}
	
.skyblue,.skyblueh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #87CEEB, #87CEEB, white);
	color: black;
	}
	
.red,.redh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FF0000, #FF0000, white);
	color: white;
	}
	
.vert,.verth:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, green, green, white);
	color: white;
	}
	
.orange,.orangeh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FFA500, #FFA500, white);
	color: black;
	}
	
.lightyellow,.lightyellowh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FFFFE0, #FFFFE0, white);
	color: black;
	}
	
.lightsalmon,.lightsalmonh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FFA07A, #FFA07A, white);
	color: black;
	}
	
.lightcyan,.lightcyanh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #E0FFFF, #E0FFFF, white);
	color: black;
	}
	
.khaki,.khakih:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #F0E68C, #F0E68C, white);
	color: black;
	}
	
.gold,.goldh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FFD700, #FFD700, white);
	color: black;
	}
	
.fushsia,.fushsiah:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #FF00FF, #FF00FF, white);
	color: white;
	}
	
.beige,.beigeh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, beige, beige, silver);
	color: black;
	}
	
.darkseagreen,.darkseagreenh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #8FBC8F, #8FBC8F, white);
	color: black;
	}

.brown,.brownh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #A52A2A, #A52A2A, white);
	color: white;
	}

.blueviolet,.bluevioleth:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #8A2BE2, #8A2BE2, white);
	color: white;
	}

.darkblue,.darkblueh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #00008B, #00008B, white);
	color: white;
	}

.darkgoldenrod,.darkgoldenrodh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #B8860B, #B8860B, white);
	color: white;
	}

.darkgreen,.darkgreenh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #006400, #006400, white);
	color: white;
	}

.darkmagenta,.darkmagentah:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #8B008B, #8B008B, white);
	color: white;
	}

.darkred,.darkredh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #8B0000, #8B0000, white);
	color: white;
	}

.darkolivegreen,.darkolivegreenh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #556B2F, #556B2F, white);
	color: white;
	}
	

.darkslateblue,.darkslateblueh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #483D8B, #483D8B, white);
	color: white;
	}
	

.darkslategray,.darkslategrayh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, #2F4F4F, #2F4F4F, white);
	color: white;
	}

.mobile,.mobileh:hover
	{
	animation: 1s infinite alternate slidein;
	text-align:center;
	background: linear-gradient(to bottom right, cyan, red, blue);
	color: white;
	}

.teal,.tealh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, teal, teal, white);
	color: white;
	}


.slateblue,.slateblueh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, slateblue, slateblue, white);
	color: white;
	}


.salmon,.salmonh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, salmon, salmon, white);
	color: white;
	}
	
	
.blackwhite,.blackwhiteh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, black, black, white);
	color: white;
	}

	
.redyellow,.redyellowh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, red, yellow);
	color: black;
	}

.blueyellow,.blueyellowh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, blue, yellow);
	color: white;
	}

.greenyellow,.greenyellowh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, green, yellow);
	color: white;
	}

.bluered,.blueredh:hover
	{
	text-align:center;
	background: linear-gradient(to bottom right, blue, red);
	color: white;
	}

.b_cyan,.b_cyanh:hover
	{
	text-align:center;
	background: cyan;
	color: black;
	}
	
.b_black,.b_blackh:hover
	{
	text-align:center;
	background: black;
	color: white;
	}

.b_blue,.b_blueh:hover
	{
	text-align:center;
	background: blue;
	color: white;
	text-shadow: 0 1px 0 black;
	}

.b_fuchsia,.b_fuchsiah:hover
	{
	text-align:center;
	background: fuchsia;
	color: black;
	}
	
.b_green,.b_greenh:hover
	{
	text-align:center;
	background: green;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_gray,.b_grayh:hover
	{
	text-align:center;
	background: gray;
	color: white;
	text-shadow: 0 1px 0 black;
	}

.b_lime,.b_limeh:hover
	{
	text-align:center;
	background: lime;
	color: black;
	}

.b_maroon,.b_maroonh:hover
	{
	text-align:center;
	background: maroon;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_navy,.b_navyh:hover
	{
	text-align:center;
	background: navy;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_olive,.b_oliveh:hover
	{
	text-align:center;
	background: olive;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_purple,.b_purpleh:hover
	{
	text-align:center;
	background: purple;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_red,.b_redh:hover
	{
	text-align:center;
	background: red;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_silver,.b_silverh:hover
	{
	text-align:center;
	background: silver;
	color: black;
	}
	
.b_teal,.b_tealh:hover
	{
	text-align:center;
	background: teal;
	color: white;
	text-shadow: 0 1px 0 black;
	}
	
.b_white,.b_whiteh:hover
	{
	text-align:center;
	background: white;
	color: black;
	}

.b_yellow,.b_yellowh:hover
	{
	text-align:center;
	background: yellow;
	color: black;
	}

.b_greenyellow,.b_greenyellowh:hover
	{
	text-align:center;
	background: greenyellow;
	color: black;
	}