/* Couleur de fond de la page */
html, body {
	background-color: white;
}


/** Logo bodet et date **/
.banniere_logo_bodet
{
	position: absolute;
	top: 3px;
	left: 5px;
	width: 75px;
	height: 32px;
	z-index: 3;
	background: transparent url("/open/images/logo/bandeau_logo_bodet.1724669499451.png") top no-repeat;
}

.banniere_dateheure
{
	position: absolute;
	top: 3px;
	left: 85px;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 12px;
	z-index: 3;
	color: white;
}

/** Logo client */
.zone_message_logo
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 38px;
	background: white url("/open/images/bandeau/bandeau_corner.1724669499471.png") top left no-repeat;
}

.logo_client
{
	position: absolute;
	top: 0px;
	height: 38px;
	right: 20px;
	z-index: 300;
}


/** Liens Aide / Compte / Quitter */
.common_header
{
	position: absolute; 
	z-index: 10; 
	top: 0px;
	left: 0px;
	height: 76px;
	width: 100%;
	background-color: #32383c; 
	overflow: hidden;
}

.common_actions
{
	position: relative;
	top: 45px;
	right: 0px;
	z-index: 10;
	color: white;
}
.common_actions a
{
	height: 32px;
	z-index: 500;
	padding: 0px 5px 0px 5px;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
}

#deconnexion
{
	font-family: Arial;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
}

/** Menu principal */
.menuPrincipal
{
	top: 38px;
	z-index: 1;
	text-align: center;
	background-color: #1ba6db;
	width: 100%;
	height: 38px
}

.menuPrincipal table
{
	height: 38px;
}

.tdapplication 
{
	height: 38px
	padding: 3px 3px 3px 3px;
	background-color: #1ba6db;
	width: 100px;
}
.application 
{
	color: #DFEFFF;
	font-weight: normal;
	background-color: #1ba6db;
	text-align: center;
}

.application:hover
 {
	color: white;
	background: transparent;
}

.tdapplicationselectionne
{
	font-weight: bold;
	background-color: #1ba6db;
	width: 100px;
	border-bottom: solid 4px white;
}

.mainText 
{
	color: black;
}

.applicationselectionne 
{
	color: white;
	background: transparent;
	text-align: center;
}

.applicationselectionne:hover 
{
	color: white;
	background: transparent;
	cursor: default;
}


/** Menu lateral */
.menu 
{
	position: relative;
	left: 10px;
	width: 235px;
	z-index: 10;
	background: none;
}

.menuItem 
{
	position: relative;
	top: 0px;
	background: none;
	height: 30px;
	width: 235px;
	padding-left: 2px;
}

.menuItem a 
{
	position: relative;
	background: transparent;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}

.menuItem a:hover,.menuItem a:focus 
{
	color: #000000;
	background: transparent;
}

.menuItem.selectionne
{
	background: white;
	font-weight: bold;
	border-left: solid 3px #1ba6db;
}

.menuItem.selectionne a 
{
	background: transparent;
	font-weight: bold;
}


/** BOUTONS D'ACTION */
.tdAction {
	background: none;
	padding: 0px;
}

.tdAction a {
	color: white;
	text-decoration:none;
	white-space: nowrap;
	height: 30px;
}

.boutonAction, a.action {
	color: white;
	background: #1ba6db;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;

	width: 100%;
	padding: 5px 15px 5px 15px;

	font-family: arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	float: none;
	cursor: pointer;
}
.boutonAction:hover, .boutonConfig:hover, .action:hover, .tdAction a:hover {
	color: white;
	background :#1ba6db;
	opacity: 0.5;
}

.boutonConfig {
	color: white;
	background: #1ba6db;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;

	padding: 5px 5px 5px 5px;

	font-family: arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	float: none;
	cursor: pointer;
	vertical-align:middle;
}

.titre {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	line-height: 21px;
	color:  #666666;
}

/**
 * tables
 */
table.bordered 
{
	background: #white; /*Fond blanc, utile uniquement pour les navigateurs foirant la gestion du collapse*/
	vertical-align: middle;
	border-spacing: 5px 0px;
}

 /** Entete de table */
.bordered td, th.bordered 
{
}

.bordered td td, .bordered th td 
{
	border: none;/*on évite de colorer les sous tables*/
}

.borderedSolid {
	border: 1px solid black;
	margin: 10px;
}

.borderedSolidGroup {
	border: 1px solid black;
	padding: 5px;
	margin: 10px 10px 10px 10px;
	height: 100px;
	overflow: auto;
}

.paletteHead{
	color: white;
	background: #1ba6db;

	padding: 5px 5px 5px 5px;

	font-family: arial;
	font-style: normal;
	font-weight: bold;
	float: none;
	text-align: center;
}

/*fond blanc pour certaines tables contenus dans des tables bordurées*/
table.simple 
{
	border: 1px solid #666666;
}

/**
 * Coloration des headers
 */
.tabTitre {
	color: #666666; /*Un fond uni*/
	//border-right: 1px solid white;
	background: white;
	padding-top: 5px;
 	padding-bottom: 5px;
 	text-align: left;
}
.tabTitre2 {
	color:#1ba6db; /*Un fond uni*/
	//border-right: 1px solid white;
	background: white;
	padding-top: 5px;
 	padding-bottom: 5px;
 	border-bottom: solid 2px #1ba6db;
}

.tabImpair {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: #FFFFFF;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	//border-left: solid 1px #1ba6db;
	border-bottom: solid 1px #ebebeb;
	padding-left: 4px;
}

.tabPair {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: #ebebeb;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	//border-left: solid 1px #1ba6db;
	border-bottom: solid 1px #ebebeb;
	padding-left: 4px;
}

.lignePairImpairTableau tbody tr:nth-child(odd) {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: #ebebeb;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	//border-left: solid 1px #1ba6db;
	border-bottom: solid 1px #ebebeb;
	padding-left: 4px;
}
	
.lignePairImpairTableau tbody tr:nth-child(even) {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: #FFFFFF;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	//border-left: solid 1px #1ba6db;
	border-bottom: solid 1px #ebebeb;
	padding-left: 4px;
}

.bordered .tabTitre {
	padding-top:5px;
 	padding-bottom:5px;
}

.bordered .tabTitre2 {
	border-left: 1px solid white;/*les cellules sont séparées par du blanc (pour trancher sur le bleu) */
	border-top: 1px solid white; /*mais on garde une bordure propre en haut */
}
.bordered tr .tabTitreFirst {
}

.tabTitrePresence {
	color: white;/*Un fond uni*/
	background: #808080;//gris moyen
	padding-top: 5px;
	padding-left: 2px;
 	padding-bottom: 5px;
 	text-align: left;
}

table.presenceBordered {
	background: white; /*Fond coloré bleu, utile uniquement pour les navigateurs foirant la gestion du collapse*/
	border-collapse:collapse; /*Fusion des bordures */
	border: 1px solid #ebebeb;
}

/** Entete de table */
.presenceBordered td, th.bordered {
	border: 1px solid white; /*Coloration des contours de cellule en blanc */
}

.presenceBordered td td, .presenceBordered th td {
	border: none;/*on évite de colorer les sous tables*/
}

.tabPresencePair{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: #ebebeb;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	padding-left: 4px;
}

.tabPresenceImpair{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background-color: white;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	padding-left: 4px;
}

/** table des motifs d'absence **/
table.motifAbsences {
	background: #white; /*Fond blanc, utile uniquement pour les navigateurs foirant la gestion du collapse*/
}

table.motifAbsences tr td.solde_date {
	text-align: center;
}
table.motifAbsences tr td.solde_lbl {
	text-align: left; 
	border-right: none;
	width:200px;
}
table.motifAbsences tr td.solde_unit {
	border-left: none; 
	border-right: none;
	width: 20px;
	text-align: right;
}
table.motifAbsences tr td.solde_value {
	border-left: none; 
	border-right: none;
	padding-right: 20px;
	width: 50px;
	text-align: right;
}

table.motifAbsences tr td {
	vertical-align: middle;
}

table.motifAbsences tr th {
}

.mono_solde {
	background-position: right;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 20px;
}

table.motifsSoldes {
	/*on décale la table pour l'aligner*/
	margin-left: -5px;
	/*Mais sous IE c'est moche.*/
	_margin-left: -4px;
}


.horizontalTitleHR {
	background: url("../icon?color=406080&height=10&width=1&styleTrame=1") repeat-x;
	background-position: bottom;
	background-color: #406080;
}


dl.infos, dl.soldes 
{
	position: relative;
	left: 10px;
	width: 230px;
	background-color: white;
	border: none;
	border-top: 3px solid #1ba6db;
}

dl.soldes > dt > hr 
{
	background: none;
}

dl.infos dd, dl.soldes dd ol li 
{
	background: none;
	background-image: none;
	color: #666666;
}

dl.infos dd a, dl.soldes dd a
{
	text-decoration: none;
}

dl.infos dt, dl.soldes dt 
{
	left: 10px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
}

td.soldes
{
	color: #666666;
}

/** Page de login */
/** TODO: la complexité vient de la page elle même. Il faut refaire la JSP */
body.login .logo_client {
	height: 45px;
}


body.login .logo_client{
	display: none;
}

.middle_logo img {
	background-color: white;
	padding: 10px 10px 10px 10px;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;
}

.middle_logo 
{
	position: absolute;
	width: 100%;
	top: 11%;
	left: 0px;
	height: 18%;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
	border: none;
	z-index: 0;
}
body.login .banniere {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 0;
	background-color: #EAF4FF;
	display: none;
}
body.login .logo_client {
	z-index: 100;
}

body.login {
	background: none;
	background-color: white;
	margin: 0px;
	padding: 0px;
}
body.login .banniere_milieu {
	height: 60px;
	z-index: 1;
}
body.login div#erreur {
	top: 7%;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	height: auto;
	background-color: white;
	padding: 5px 5px 5px 5px;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;
}

body.login fieldset#login {
	border: none;
}

body.login #footer{
	position: absolute;
	bottom: 0px;
}

.vide {
	background: none;
}

.menuTopIcone
{
	width: 48px;
	height: 48px;	
}

.menuTopTitle
{
	font-size: 14px;
	font-weight: bold;
	color: #1ba6db;
	vertical-align: middle;
	padding-left: 55px;
}

.menuTopIcone0 
{
	background: url("/open/images/module/icn_intranet_parametrage_espace_personnel.1724669499500.png") left no-repeat;
}

.menuTopIcone1
{
	background: url("/open/images/module/icn_intranet_badgeuse_virtuelle.1724669499512.png") left no-repeat;
}

.menuTopIcone2
{
	background: url("/open/images/module/icn_intranet_signalement_de_presence.1724669499532.png") left no-repeat;
}

.menuTopIcone3
{
	background: url("/open/images/module/icn_intranet_resultats_personnels.1724669499638.png") left no-repeat;
}

.menuTopIcone4
{
	background: url("/open/images/module/icn_intranet_exploitation_groupe.1724669499717.png") left no-repeat;
}

.menuTopIcone5
{
	background: url("/open/images/module/icn_intranet_tableau_temoin_visuel.1724669499761.png") left no-repeat;
}

.menuTopIcone6
{
	background: url("/open/images/module/icn_intranet_demande_absence.1724669499782.png") left no-repeat;
}

.menuTopIcone7
{
	background: url("/open/images/module/icn_intranet_signalement_de_presence.1724669499532.png") left no-repeat;
}

.menuTopIcone8
{
	background: url("/open/images/module/icn_intranet_declaration_activite.1724669499792.png") left no-repeat;
}

.menuTopIcone9
{
	background: url("/open/images/module/icn_intranet_std.1724669499816.png") left no-repeat;
}

.menuTopIcone10
{
	background: url("/open/images/module/icn_intranet_transfert_compteur.1724669499827.png") left no-repeat;
}

.menuTopIcone11
{
	background: url("/open/images/module/icn_intranet_std.1724669499816.png") left no-repeat;
}

.menuTopIcone12 
{
	background: url("/open/images/module/icn_intranet_cadenas.1724669499848.png") left no-repeat;
}

#tableContenu
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.colonneProprete
{
	width: 10px;
}

#tableContenu tr
{
	vertical-align: top;
}

.colonneGauche
{
	width: 250px;
	min-width: 250px;
	vertical-align: top;
	
}

.grayMenu
{
	background-color: #ebebeb;
	border: none;
}

.menuGauche
{
	top: 20px;
	width: 250px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.bandeauOption 
{
	color: darkgray;
	font-size: 12px;
	font-weight: bold;
}

.buttonSeparator {
	background-color: transparent;
}

.activeWizardZone 
{
	border: solid 1px #666666;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;
}

tr.onglet {
	background: none;
}

tr.onglet td.interOnglet {
	background-color: white;
}

td.ongletOn {
	background-color: #1ba6db !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;-o-border-radius: 3px 3px 0px 0px;-khtml-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;;
}

td.ongletOn:hover{
	color: white;
	background :#1ba6db;
	opacity: 0.5;
}

td.ongletOff {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:  white;
}

td.ongletOff a {
	color: #406080;
}
td.ongletOff a:hover {
	color: #6699cc;
}

.ongletComplement {
	width: 100%;
	background-color: white;
}

.pasClickable {
	background-color: white;
}

.popup {
	background-color: #6699CC;
}
.popupHeader {
	background-color: #6699CC;
	color: white;
}
.popupContent {
	background-color: white;
}
.legend {
	background-color: #DFEFFF;
}

.header {
	text-align: center;
	color: #ffffff;
	padding-top: 2px;
	background-color: #1ba6db;
	border-bottom: 1px solid black;
	font-weight: bold;
}
.oddRow {
	background-color: #DFEFFF;
	font-size: 10pt;
}
table.calendar  {
	background-color: #6692BC;
}

.jourCalendrier, .calendrierMoisJour  {
	background-color: white;
}

#popupcalendar img
{
	width: 14px;
	height: 14px;
}

#popupcalendar 
{
	background-color: #ebebeb;
}

.cal-Table
{
	border: 1px solid #444444;
	_border: 1px solid #444444;
}


.tdCalHeader select  
{
	margin-top: 8px;
}

.modal
{
	background-color: white;
	border: 1px solid black;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;
}

.modal .header img {
	cursor: pointer;
}

.modal .header td
{
	-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;-o-border-radius: 3px 3px 0px 0px;-khtml-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;
	height: 20px;
	background-color: #1ba6db;
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
.modalContent
{
	padding: 10px 10px 10px 10px;
}
.calendrierAnneeJourFerie 
{
	background-color: #004286;
}

.banniere_title{
	font-size: 30px;
	color: white;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 200;
}

a.astuce:hover div 
{
	border: solid 1px #666666;
	background-color: #eeeeee;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;;
}

.cal-SelectDayCell {
    background-image: url('/open/img/selectionDate.1720028668000.gif');
}
.cal-ToDayCell {
    background-image: url('/open/img/entouredate.1720028668000.png');
}
dl#erreur dd {
	background: url('/open/portail/img/liens_puce.1720028668000.gif') no-repeat 0 center;
}
div.presenceAnomalie {
	background: url('/open/images/anomalies/icn_anomalie_a_corriger_eventuellement_large.1724669499884.png') no-repeat right top;
}
dl.anomalies dd {
	background: url('/open/images/anomalies/icn_anomalie_a_corriger_eventuellement_large.1724669499884.png') no-repeat left top;
}
dl.anomalies dd.bloquant {
	background: url('/open/images/anomalies/icn_anomalie_a_corriger_absolument_large.1724669499887.png') no-repeat left top;
}

.jourFerie 
{
	box-shadow: inset 0px 0px 0px 1px red;
}

.finMois {
	border-right-color: #1ba6db !important;
	border-right-width: 1px !important;
}

/* Ajout de code lié à la popup "Mon compte" */
.portailPopup .categoryPopupPortail .titrePortail
{
	background: url('/open/img/puce.1720028668000.gif') no-repeat left center;
	font-weight: bold;
}


/* fieldset (par exemple dans la badgeause virtuelle) */
fieldset
{ 
    background-color: white;
    margin: 0 auto 15px auto;
    padding: 10px;
    border: 1px solid darkgray;
 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* légende du fieldset */
legend
{
	color: #666666;
	font-size:12pt;
	font-family:arial;
	font-weight:bold;
}

select
{
    border: none;
    color: #444;
    background: transparent;
    padding: 2px 10px;
    width: 100%;
}

#mainselection
{
	position: relative;
    overflow: hidden;
	margin-left: auto;
	margin-right: auto;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	border: none;
    background: no-repeat scroll 319px 5px grey;
}

/* 
 * pour faire une bordure arrondie 
 * on a une div de la couleur de la bordure et une div banche superposée plus petite
 */
#mainselection_border
{
	background: white;
 	-moz-border-radius: 5px 5px 5px 5px;
 	-webkit-border-radius: 5px 5px 5px 5px;
 	border-radius: 5px 5px 5px 5px;
 	margin: 1px;
}

input, textarea
{
	font-family: arial;
	border: solid 1px #666666;
	color: #666666;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;;
}

.zoneFiltre
{
	width: 100%;
	margin-bottom: 10px;
	border: solid 1px darkgray;
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;;
}

.zoneFiltre table tr td
{
	vertical-align: middle;
}

.etatEnAttente {
	color: #1ba6db;
}

dl.infos dd.etatRefuse a {
	color: #FF0000;
}

dl.infos dd.etatAccepte a {
	color: #008000;
}

dl.infos dd.etatEnAttente a {
	color: #1ba6db;
}

dl.infos dd.AutreEtat a {
	color: #000000;
}

.action_pnl {
   width : 90%;
}

.tbl_actions {
	float: right;
	border-spacing: 20px;
}

/*---------------------------------------------------------------------------*/
/* Styles du calendrier jsp                                                  */
/*---------------------------------------------------------------------------*/

.calendrierMoisTitre {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 28px;
	vertical-align: bottom;
	background-color: #1ba6db;
}

.calendrierMoisTitreSemaine {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: darkgray;
	line-height: 28px;
	vertical-align: middle;
	border-bottom: solid 1px #ebebeb !important;
}

.tableAbsenceBordered {
	background: #white; /*Fond blanc, utile uniquement pour les navigateurs foirant la gestion du collapse*/
	border-collapse:collapse; /*Fusion des bordures */
	vertical-align: middle;
	//border-spacing: 5px 0px;
}


.calendrierMoisGroupeTitre {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	line-height: 40px;
	color: #FFFFFF;
	background: #1ba6db;
	border-left: solid 3px white;
	border-right: solid 3px white;
}

.calendrierMoisGroupeTitreFirst {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	line-height: 40px;
	color: darkgray;
}

.calendrierMoisGroupeLibelleCourant {
    font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	line-height: 30px;
	color: #1ba6db;
}

.calendrierMoisGroupeLibelle {
    font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	line-height: 30px;
	color: #666666;
}

.calendrierMoisGroupeJour {
    font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	line-height: 20px;
	color: darkgray;
	background: #FFFFFF;
	text-align: center;
	border: solid 1px #ebebeb;
}

.calendrierMoisGroupeJourFirst {
	background: #FFFFFF;
}

.calendrierMoisTodayTitre {
	background: #e8f6fb;
	color: #404040;
}

.calendrierMoisToday {
	background: #e8f6fb;
}

.boutonMois {
	background: #FFFFFF;
}

.boutonMoishover {
	//background: #d1e6fb;
}

.boutonSemaine {
	background: #F3F2F9;
	text-decoration: none;
}

.boutonSemaine:hover {
	background: #d1e6fb;
}

.tdCalAnnee {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background-color: #ebebeb;
	text-align: center;
	vertical-align: middle;
	line-height: 17px;
}

.tdCalMois {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 17px;
}

.tdCalMoisSelect {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #1ba6db;
	text-align: center;
	vertical-align: middle;
	line-height: 17px;
	border-bottom: solid 2px #1ba6db;
}

.jourService {
	background-color: #DFEEFE;
	border-top: solid 3px #1ba6db;   
}

.jourWE {
	border-right: solid 3px #ebebeb;
}

.moisTitre
{
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #666666;
	line-height: 28px;
	vertical-align: bottom;
}

.calendrierMoisJourWE {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFCC;
}

.lignePlanningGroupeFirst {
	height: 120px; 
	border-top: 1px solid white; 
	border-bottom: 1px solid #ebebeb;
}

.lignePlanningGroupe,.lignePlanningGroupeLegende {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	//white-space: nowrap;
	background-color: #FFFFFF;
	border: solid 1px #ebebeb;
	text-align: left;
}

.tabSep {
	line-height: 1px;
	text-decoration: none;
	color: #ffffff;
	background-color: #1ba6db;
}

.headerCalendrierMois {
}

.separatorCalendrierMois {
	height: 2px;
	background: #1ba6db;
}


.selectionSalarieFiltre > td
{
	vertical-align: middle;
}

.selectionSalarieFiltre > td
{
	vertical-align: middle;
}

#activiteCentreChargeEnCours
{
	position: relative; 
	left: 0px; 
	margin-top: 5px; 
	height:25px; 
	border:dashed 1px darkgray; 
	font-size: 10pt; 
	font-weight: bold;
}

#containerBadgeuse
{
	position: relative;
	margin: auto;
}

.bva_container
{
	position: relative;
	top: 12px;
	left: 0px;
	width: 100%;
}

#activiteCentreCharge
{
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;;
	border: solid 1px gray;
}

#activiteCentreChargeSimplifie
{
	top: 10px;
}

#favoris
{
	-webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;-khtml-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;;
	border: solid 1px gray;
}

.separateur
{
	font-size: 1pt;
	height: 10px;
}

.bva_action_link
{
	display: block;
	width: 80px;
	height: 20px;
}

.ligne_separation
{
	height: 10px;
	font-size: 1px;
}

.colonne_separation
{
	width: 10px;
	font-size: 1px;
}

.alignBoutonRadio {
    margin-top: -1px;
    vertical-align: middle;
}

#marqueurDate1Abs, #marqueurDate2Abs
{
	position: relative;
	width: 100%;
	height: 20px;
	background-repeat: repeat;
}

#tableContenu540{
	margin-top: 7.5%;
}

#afficheBandeauMessagesContenu540{
	width:90%;
	margin:auto;
}

@media screen and (max-width: 600px) {
  .message_recette {
    display: none;
  }
}