body
{
	font-size: 11px;
	color: #214273;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: #E3F3FF;
}

div.subheader { height: 15px; margin-top:10px; margin-right:20px; text-align:right }

div.headerHome { margin-bottom:10px; height: 125px; padding: 2px 5px 5px 175px; color:#111111 }
div.header { margin-bottom:10px; height: 125px; padding: 2px 5px 5px 400px; background-image: url(../images/logo-header.gif); background-repeat: no-repeat; background-position: 10px 0px; background-color: #E3F3FF; color:#111111 }
div.header a:link, div.header a:visited, div.header a:active { color: #808000; text-decoration: none; }
div.header a:hover { color: #bbbbbb; text-decoration: none; }
.header h1{color:#111;}

#infosUtilisateur { display:block; float:left; width:300px}

#infosAccompagnant { display:block; float:left; margin-left:10px}
#infosAccompagnant table { border-width: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color: #214273 }
#infosAccompagnant table th {font-weight:normal; text-align:left; vertical-align:top; color:#808080;}
#infosAccompagnant table td { padding-left: 5px; vertical-align:top;}



div.menu { margin-left:20px; }


div.affichage
{
	background-color: #f8f8ff;
	border-right: #e3e3e3 thin solid;
	border-top: #e3e3e3 thin solid;
	margin: 5px 20px 20px 20px;
	border-left: #e3e3e3 thin solid;
	border-bottom: #e3e3e3 thin solid;
	padding: 20px;
}


div.footer { clear: both; font-size: 10px; color: #000000; margin-top:10px;}
div.footer a:link { color: #808080; text-decoration: none; }
div.footer a:visited { color: #808080; text-decoration: none; }
div.footer a:active { color: #808080; text-decoration: none; }
div.footer a:hover { color: #EEB724; text-decoration: none; }
.version { display:block; text-align: center; font-size: 10px; color: #111111; margin-top: 5px; position: static; }



td {  font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #214273 }

a:link { color: #000000; text-decoration: underline}
a:visited { color: #000000; text-decoration: underline}
a:hover { color: #0070B5; text-decoration: underline}
a:active { color: #0070B5; text-decoration: underline}
a img{ border:0px;}

select       { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; background-color: #E8E8E8;}
input        { font-size: 10pt; background-color: #E8E8E8; border: 1px solid #7F9DB9; margin: 2px;}
input.bouton
{
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	font-size: 9pt;
	background-image: url(../images/fondBouton.gif);
	margin: 1px;
	border-left: #7f9db9 1px solid;
	color: #214273;
	border-bottom: #7f9db9 1px solid;
	background-color: #e0e0e0;
}
textarea     { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; background-color: #E8E8E8; border: 1px solid #7F9DB9; }

H1 {  font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: #214273; margin-top: 0; margin-bottom: 0}
H2 {  font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #b5db15}

label { display: inline-block; font-weight: bold; color: #20446b; margin:2px;}

.info { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #20446B; }
.alerte { background-image: url(../images/pictos/alerte.gif); background-repeat: no-repeat; background-position: 0,0; display:block; padding-left:20px; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #0055BB; }
.erreur { background-image: url(../images/pictos/erreur.gif); background-repeat: no-repeat; background-position: 0,0; display:block; padding-left:20px; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }
.entete { font-family: Verdana,Arial,Helvetica,sans-serif; color: #20446B; }
.memo {font-family: Verdana,Arial,Helvetica,sans-serif; color: #707070; font-size: 9px; font-style: italic; vertical-align:bottom;}
.lbl { font-family: Verdana,Arial,Helvetica,sans-serif; color: #111111; font-weight: bold;}
.aide { background-image: url(../images/pictos/aide.gif); background-repeat: no-repeat; display: block; padding: 5px 5px 5px 24px; margin: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: #0055BB; background-color: #EBFACA; }
.gros { display:inline-block; font-size:24px; vertical-align:middle; padding-bottom:5px; }
.prix { font-family: Verdana,Arial,Helvetica,sans-serif; color: #505050; font-weight: bold;}
.titre { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px; color: #808080; font-weight: bold; margin-top:20px;}
strong { color: #ff0000;}
a.dernierRDV { font-weight:bold; }


table.normal { border-width: 1px; border-color: #000000; border-style: solid; border-collapse: collapse; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 5px 0px 0px 0px; background-color: #FFFFFF; }
table.normal th { padding-left: 10px; padding-right: 10px; border-width: 1px; border-color: #C0C0C0; border-style: solid; background-image: url(../images/fondThNormal.gif);}
table.normal td { padding-left: 5px; padding-right: 5; border-width: 1px 0px 0px; border-color: #D0D0D0; border-style: solid; }
table.normal a:link { color: #20446B; text-decoration: none; border-color:#000000; }
table.normal a:visited { color: #20446B; text-decoration: none; border-color:#000000; }
table.normal a:active { color: #20446B; text-decoration: none; border-color:#000000; }
table.normal a:hover { color: #909090; text-decoration: none; border-color:#000000; }
td.normalClasse { padding-left: 10px; padding-right: 10px; border-width: 1px 0px 0px; border-color: #D0D0D0; border-style: solid; background-color: #eff7f7; }


table.planning { border-width: 1px; border-color: #000000; border-style: solid; border-collapse: collapse; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 5px 0px 0px 0px; background-color: #FFFFFF; }
table.planning th { padding-left: 10px; padding-right: 10px; border-width: 1px; border-color: #C0C0C0; border-style: solid;}
table.planning td { padding-left: 5px; padding-right: 5; border-width: 1px; border-color: #D0D0D0; border-style: solid; }
table.planning a:link { color: #20446B; text-decoration: none; border-color:#000000; }
table.planning a:visited { color: #20446B; text-decoration: none; border-color:#000000; }
table.planning a:active { color: #20446B; text-decoration: none; border-color:#000000; }
table.planning a:hover { color: #909090; text-decoration: none; border-color:#000000; }
td.planningClasse { padding-left: 10px; padding-right: 10px; border-width: 1px 0px 0px; border-color: #D0D0D0; border-style: solid; background-color: #eff7f7; }

table.suivi { border-width: 1px; border-color: #000000; border-style: solid; border-collapse: collapse; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 5px 0px 0px 0px; background-color: #FFFFFF; width:auto; }
table.suivi th { padding-left: 10px; padding-right: 10px; border-width: 1px; border-color: #C0C0C0; border-style: solid;}
table.suivi th[scope="row"] { text-align:left; }
table.suivi td { padding-left: 5px; padding-right: 5; border-width: 1px; border-color: #D0D0D0; border-style: solid; text-align:right; width:75px; }
table.suivi a:link { color: #20446B; text-decoration: none; border-color:#000000; }
table.suivi a:visited { color: #20446B; text-decoration: none; border-color:#000000; }
table.suivi a:active { color: #20446B; text-decoration: none; border-color:#000000; }
table.suivi a:hover { color: #909090; text-decoration: none; border-color:#000000; }
td.suiviClasse { padding-left: 10px; padding-right: 10px; border-width: 1px 0px 0px; border-color: #D0D0D0; border-style: solid; background-color: #eff7f7; }



.toolbar { height: 25px; margin-top:10px; background-color: #20446B; background-image: url(../images/fondThNormal.gif); }
.toolbar a:link { color: #000000; text-decoration: none; margin-top:0px; }
.toolbar a:visited { color: #000000; text-decoration: none; }
.toolbar a:active { color: #000000; text-decoration: none; }
.toolbar a:hover { color: #909090; text-decoration: none; }
.toolbar img{ vertical-align:middle;}


.tachesCourantes {font-size:9px; float:right; margin-top:10px; padding:5px; padding-bottom:10px; border: #20446B 1px solid; background-color: #F0F0F0; }
.tachesCourantes img{ vertical-align:middle;}
.tachesCourantes hr{ color:#c0c0c0; height:1px; width:150px; }
.tachesCourantes a:link { color: #000000; text-decoration: none; margin-top:0px; }
.tachesCourantes a:visited { color: #000000; text-decoration: none; }
.tachesCourantes a:active { color: #000000; text-decoration: none; }
.tachesCourantes a:hover { color: #909090; text-decoration: none; }

.picto img{margin:0px; border:0px; padding:0px;}
img.picto {margin:0px; border:0px; padding:0px;}
td.picto { padding:0px; margin: 0px; width:30px;}

.cadreDetail { margin: 10px; padding:5px; }
.cadreSousDetail { display:block; float:left; margin-right:20px; margin-bottom:40px;}
.cadreSousDetail label { display: inline-block; margin:2px;}
.cadreSousDetail span { display: inline-block; margin:2px;}
.cadreSousDetailFixe { display:block; margin-top:10px; margin-bottom:40px; clear:both}
.cadreSousDetailFixe label { display: inline-block; font-weight: bold; color: #20446b; margin:2px;}
.cadreSousDetailFixe span { display: inline-block; margin:2px;}
.titreSousDetail { display: block; font-size: 12px; font-weight: bold; color: #111111; border-bottom: #111111 1px solid; margin-top: 10px; margin-bottom: 10px; }

div.colonneGauche { float:left; }
div.colonneDroite { float:right; }
div.colonneFixe { display:inline-block; }
div.endblock { clear:both; }

td.urgenceR { background-color: #ff0000; color:#ffffff}
td.urgenceR a:link, td.urgenceR a:visited, td.urgenceR a:active { color:#ffffff}
td.urgenceO { background-color:#ffcc00}
td.urgenceV { background-color:#99cc00}

.navigation { font-size:9px; text-align:right}
.selection { font-size:9px; color: #909090; font-weight:bold;}

td.nb { text-align:right; padding-right:5px; }
th.entete { text-align:left; }