* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url('images_css/bandeau.jpg');
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #7D807A;
}
body.preprod {
	background-image: url('images_css/bandeau_preprod.jpg');
}

h1, h2, h3 {
	color: #AA2808;
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 2em;
}

img {
	border:none;
}

li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-collapse:collapse;
	border:5px solid white;
}

th {
	text-align: center;
	border:none;
}

dl {
	display: block;
	width: 80%;
	border: 1px solid #b8b4b4;
	margin: 1em auto;
	padding: 5px;
}
dt {
	font-weight: bold;
	margin-top: 1em;
}
dd {
	margin-bottom: 1em;
}

td {
	border:none;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: #C11414;
}

/*****************************************************************************
 Header
*****************************************************************************/

#header {
	height: 85px;
	width:auto;
	overflow: hidden;
}

img .bg_img {
	overflow: hidden; 
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: 9; 
}

/***************************************************************************
 Logo 
***************************************************************************/

#logo {
	display: block;
	z-index: 1; 
	width: 800px;
	height: 60px;
	margin: 0px;
	padding-left: 20px;
	text-align: left;
	background: url('images_css/bandeau_titre.jpg') no-repeat left top;
	position: absolute;
	top: 0;
	left: 0; 
}

#logo h1 {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font: normal 30px;
	color: #FFFFFF;
}

#logo .titre {
	margin: 10px 0 0 15px;
	padding: 5px 0 0 0;
	letter-spacing: 2px;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
}

#help {
	float: right; 
}

/*********************************************************************************/
/* Menu */
/*********************************************************************************/

#menu table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-collapse:collapse;
	border:none;
}
#menu th, td {
	vertical-align:top;
	height:1em;
	border:none;
}


#contenu {
	background-color: white;
}

/*********************************************************************************/
/* footer */
/*********************************************************************************/
#footer {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	height: 50px;
	padding: 0px;
	/*background: url(images_css/footer.jpg) repeat left top;*/
	color: #4C4C4C;
}

.footer-centre {
	background: url(images_css/footer_centre.jpg) repeat-x;
}

#footer p {
	margin: 0;
	padding: 5px 40px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	text-decoration: underline;
	color: #808080;
}

#footer a:hover {
	text-decoration: none;
}

#aide {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*********************************************************************************/
/* fieldset */
/*********************************************************************************/
fieldset {
	display:block;
	width:auto;
	margin: 5px 10px 5px 10px;
	padding:10px 15px 10px 15px;
	border: 1px gray solid;

	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 

}

.formulaire table {
	border: none;
}
.formulaire td {
	border:none;
}

legend {
	padding: 0px 10px 0px 10px;
	letter-spacing: -1px;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	color: #AA1C1F;
}

.submit {
	cursor:pointer;
	border:outset 1px #ccc;
	background:white;
	/*color:#666;*/
	font-weight:bold;
	font-style: italic;
	margin-top: 10px;
	padding: 1px 2px;
}

/*********************************************************************************/
/* Divers */
/*********************************************************************************/

.uppercase {
	  text-transform:uppercase; 
}

.capitalize {
	  text-transform: capitalize; 
}

.message_vert {
	font-size: 100%; 
	color: green;
}
.message_rouge {
	font-size: 100%; 
	color: red;
}
/* Fond de couleur pour dépassement HC CDDs */
.cdd_hc {
	font-size: 100%; 
	color: blackck;
	background-color: #fedede;
}

/*********************************************************************************/
/*                           Presentation tableau liste contrats                 */
/*********************************************************************************/
.contrats th, td {
	white-space:nowrap;
	text-align:left;
	padding:0px 5px 0px 5px;
}
.contrat a {
	text-decoration: none;
	color: black;
}
.contrat a:hover {
	color: olive;
	text-decoration: underline; 
}

/***************************************************************************
 css saisie avenant contrat et plateau jour 
***************************************************************************/

/* Types de plages */

.plage_nuit {
	background-color: #0000FF;
	color:white;
}
.plage_nuit a {
	color:white;
}
.plage_echange_abandonnee {	
	background-color: #DEDEDE;	
	color:white;
}
.plage_echange_effectuee
{
	background-color: #DCFFC9;
	color:black;
}
.plage_plus {
	background-color: #66CC66;
	color:black;
}
.plage_6 {
	background-color: #A9F5BC;
	color:black;
}
.plage_4 {
	background-color: #A9D0F5;
	color:black;
}
.plage_moins {
	background-color: #99FFFF;
	color:black;
}
.plage_moins {
	background-color: #99FFFF;
	color:black;
}
.plage_sans_activite {
	background-color: silver;
	color:black;
}
.plage_rappel {
	background-color: #2BAAA4;
	color:black;
}
/* Types de réunions */

.type_reunion_id {
	visibility:hidden;
}
.type_reunion_coordination {
	background-color: #F79F81;
	color:black;
}
.type_reunion_supervision {
	background-color: #F7D358;
	color:black;
}
.type_carnet_adresses {
	background-color: #A901DB;
	color:white;
}
.type_carnet_adresses a {
	color:white;
}
.type_reunion_autres {
	background-color: #f0f3ad;
	color:black;
}
.type_reunion_annulee {
	background-color: #cccccc;
	color:red;
}

/* Types de congés */

.type_absence_conges {
	background-color: #DF3A01;
	color:white;
}
.type_absence_maladie {
	background-color: #86B404;
	color:white;
}
.type_absence_formation {
	background-color: #FFFF00;
	color:black;
}
.type_absence_maternite {
	background-color: #FF00FF;
	color:black;
}
.type_absence_sans_solde {
	background-color: #BDBDBD;
	color:black;
}
.type_absence_autres {
	background-color: #acc1c0;
}
.type_tchat {
	background-color: #ffe300;
	color:black;
}

#planning a:hover {
	text-decoration: underline;
	color: red;
}

#planning table {
width: 90%;
margin-left: auto;
margin-right: auto;
border-spacing:0;
}
#planning th, td {
width: auto;
white-space: nowrap;
padding-right: 1em;
padding-left: 1em; 
border-spacing: 0;
border-collapse:collapse;
border: 1px gray solid;
}
/***********Ligne des mois ************/
.mois {
text-align:center;
text-transform: uppercase;
font-weight: bold; 
}
/*********** Ligne des semaines ************/
.semaines {
text-align:center;
}
/*********** Ligne des jours ************/
.jour  {
text-align:center;
white-space: nowrap;
background-color:white;
color: black;
}
.jour_week_end {
text-align:center;
white-space: nowrap;
background-color: #ff8000;
color: white;
}
.jour_vacance {
text-align:center;
white-space: nowrap;
background-color:#ff8000;
color: white;
}
.jour_ferie {
text-align:center;
white-space: nowrap;
background-color:red;
color: white;
}
.jour_ferie a {
text-decoration: none;
color: white;
}
.jour_ferie a:hover {
text-decoration: underline;
color: white;
}

/*********** Ligne/Colonne des horaires ************/
.horaires {
	text-align:center;
	white-space:nowrap;
	border-spacing: 0;
	border-collapse:collapse;
	border: 1px gray solid;
}
.vide {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px gray solid;  
}

/*********************************************************************************/
/* css plateau planning_jour */
/*********************************************************************************/

.ecoutant {
	width:auto;
	white-space:nowrap;
	text-align:left;
}
.ecoutant a:link  {
	text-decoration: none;
}
.ecoutant a:hover  {
	text-decoration: none;
	color:gray;
}
.CDD {
	width:auto;
	white-space:nowrap;
	text-align:left;
	background-color:#E6E6E6;
}

/*********************************************************************************/
/* cellules effectifs plateau */
/*********************************************************************************/

.horaire_normal 
.horaire_sur_effectif 
.horaire_sous_effectif 
.horaire_declenchement td {
	width:30px;
	font-size:smaller;
	text-align:center;
	border-spacing: 0;
	border-collapse:collapse;
	border: 1px gray solid;
}

.horaire_normal {
	text-align:center;
	background-color:white;
}
.horaire_sur_effectif {
	text-align:center;
	background-color:#f0c1f2;
}
.horaire_sous_effectif {
	text-align:center;
	background-color:#ff8000;
}

.horaire_declenchement {
	text-align:center;
	color:white;
	background-color:red;
}
.horaire_declenchement a:link  {
	text-decoration: none;
	color:white;
	font-size:smaller;
	text-align:center;
}
.horaire_declenchement a:hover  {
	text-decoration: none;
	color: #ff8000;
	font-size:smaller;
	text-align:center;
}


/*********************************************************************************/
/* ligne liens déclenchements plateau */
/*********************************************************************************/

.lien_declenchement {
	text-align:center;
}
.cellule_vide {
	border:none;
}


/*********************************************************************************/
/*  Absence depuis planning_jour                                                 */
/*********************************************************************************/
.div_menuAbsence{
	position:absolute;
	width:450px;
	height:220px;
	background-color: lightyellow; 
	border: 1px solid #565248;
	border-radius: 6px;
	text-align:center;
	padding:0px 4px 2px 4px;
	font-size: 1.0em;
	display:none;
}
	
#table_menuAbsence {
	border:none;
}
.tr_menuAbsence{
	border:none;
}
.td_menuAbsence{
	border:none;
	vertical-align: middle;
	height:40px;
}

.td_etendue{
	color: red;
	background-color: lightyellow; 
}

.btn-primary {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: background-color .15s linear;
	background-color: #AA1C1F;
	color: white;
}
.btn-primary:hover {
	color: white;
	background-color: #7f1517;
}

.icone-absence {
	opacity: 0.7;
	margin-bottom: -4px;
	transition: opacity .15s linear;
}
.icone-absence:hover {
	opacity: 1;
}

/*********************************************************************************/
/*  Barre de navigation (version HTML 5 - 2024)                                  */
/*********************************************************************************/
nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	z-index: 100;
	border-top: 1px solid rgb(153, 153, 153);
	border-bottom: 1px solid rgb(153, 153, 153);
	background-color: rgb(238, 238, 238);
	margin-bottom: 1em;
}
nav .nav-item {
	border-left: 1px solid rgb(153, 153, 153);
	position: relative;
}
nav .nav-item:last-child {
	border-right: 1px solid rgb(153, 153, 153);
}
nav a, nav .nav-intitule {
	display: block;
	padding: 0.75em 1em;
	transition: all 0.15s linear;
	cursor: pointer;
	text-decoration: none;
	background-color: rgb(238, 238, 238);
	color: black;
	font-style: normal;
}
nav a:hover, nav .nav-intitule:hover, nav a.active, nav .nav-intitule.active {
	background-color: #AA1C1F;
	color: white;
}
nav .nav-item:has(a.active) .nav-intitule, nav .nav-item:has(a.active) > a {
	background-color: #AA1C1F;
	color: white;
}
nav .nav-item ul {
	display: none;
	position: absolute;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	list-style: none;
}
nav .nav-item:hover ul {
	display: block;
}
nav .nav-item ul li a {
	display: block;
	line-height: 1.33;
}
nav .nav-item ul .dropdown-header {
	padding: 0.25em 1.25em;
	border-top: 1px solid #AA1C1F;
	border-bottom: 1px solid #AA1C1F;
	background-color: white;
	font-style: normal;
	text-align: center;
}