/* CSS Document */

.reset-style, .reset-style *
{
	all: revert;
}

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 800px;
}

body .DynarchCalendar-titleCont
{
	margin: auto;
}

div#wrapper
{
	display: table;
	width: 100%;
}

	div#header div.divMenu
	{
		border-bottom: 4px solid rgb(122, 186, 230);
		height: 28px;
		position: relative;
	}
	div#header div.divMenu::before {
		content: "";

		position: absolute;

		top: 0;
		left: 0;

		width: 100%;
		height: 5px;

		background: linear-gradient(180deg,rgb(201, 227, 245) 10%, rgba(255, 255, 255, 0) 40%);
	}
	div#header div.divMenu ul.mainMenu li
	{
		float: left;
		border-right: 2px solid transparent;
		border-image: linear-gradient(0deg,rgb(122, 186, 230) 0, rgba(255, 255, 255,0) 90%) 1;
	}
	div#header div.divMenu ul.mainMenu li:hover,
	div#header div.divMenu ul.mainMenu li.selected
	{
		text-decoration: none;
		color: darkblue;
		background: linear-gradient( 0deg, rgb(122, 186, 230) 0%, rgba(255, 255, 255, 0) 90% );
	}

			div#header div.divMenu ul.mainMenu li.desactive
			{
				color: grey;
			}
			div#header div.divMenu ul.mainMenu li.desactive:hover
			{
				border-right: 2px solid transparent;
  				border-image: linear-gradient(0deg,rgb(122, 186, 230) 0, rgba(255, 255, 255,0) 90%) 1;
			}
				div#header div.divMenu ul.mainMenu li.desactive:hover span.wrapper
				{
					background: none;

				}
				div#header div.divMenu ul.mainMenu li.desactive span.wrapper
				{
					display: block;
					padding: 4px 5px 0px 4px;
					margin: 0 4px;
					height: 100%;
					line-height: 22px;
					float: left;
				}
					div#header div.divMenu ul.mainMenu li.desactive span.wrapper a
					{
						background: none;
						color: grey;
					}

				div#header div.divMenu ul.mainMenu li a
				{
					display: block;
					padding: 5px 4px;
					margin: 0 4px;
					height: 21px;
					line-height: 22px;
					float: left;
					text-decoration: none;
				}

				div#header div.nomDuConnecte
				{
					display: block;
					float: right;
					margin-top: 12px;
					margin-right: 8px;
					font-weight: bold;
				}
#page
{
	background: none;
	margin-top: 10px;
	width: 100%;
}
	#page #sidebar
	{
		background: #C6E5FF;
		width: 165px;
		padding: 5px;
		padding: 5px;
		color: white;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
		#page #sidebar .boite
		{
			border: 1px solid #000000;
			margin-bottom: 10px;
			padding: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
		}
			#page #sidebar .boite h3
			{
				text-align: center;
				border-bottom: 1px solid #CCCCCC;
				padding-bottom: 5px;
				margin-bottom: 5px;
				font-weight: bold;
				line-height: 16px;
			}

			#page #sidebar div.buttons
			{
				text-align: center;
			}
				#page #sidebar div.buttons input
				{
					display: block;
					width: 75%;
				}
				#page #sidebar div.buttons a
				{
					display: block;
					width: 95%;
					height: 20px;
					line-height: 20px;
					background: #EEEEEE;
					border: 1px solid #AAAAAA;
					margin: auto;
					text-align: center;
					white-space: nowrap;
					margin-bottom: 2px;
					padding-left: 3px;
					padding-right: 3px;
					color: black;
					-moz-border-radius: 5px;
					border-radius: 5px;
					-webkit-border-radius: 5px;
    				-khtml-border-radius: 5px;
				}
				#page #sidebar div.buttons a:hover
				{
					background: #DDDDDD;
					text-decoration: none;
				}

/* Ajouter la désactivation des liens */
			#page #sidebar .search label.flL
			{
				display: block;
				width: 50px;
				line-height: 21px;
			}
			#page #sidebar .search select.flL
			{
				width: 100px;
			}
			#page #sidebar .search .periode1
			{
				display: block;
				float: left;
			}
			#page #sidebar .search .periode2
			{
				display: block;
				margin-top: 4px;
			}

			#page #sidebar .search .center
			{
				display: block;
				text-align: center;
			}
		#page #sidebar .files
		{
			height: 156px;
			color: #000000;
			font-weight: bold;
		}
			#page #sidebar .files .icones
			{
				text-align: right;
				margin-bottom: 3px;
			}
			#page #sidebar .files ul li
			{
				display: none;
			}
				#page #sidebar .files ul img
				{
					vertical-align: middle;
					max-width: 153px;
					max-height: 115px;
				}
			#page #sidebar .files .pager
			{
				margin-top: 3px;
				text-align: center;
				line-height: 17px;
			}

	#page #content
	{
		padding-right: 5px;
		padding-left: 10px;
		vertical-align: top;
		margin: auto;
		font-weight: normal;
		margin-top: 75px;
		margin-bottom: 75px;
	}
		#page #content h1
		{
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 15px;
			color: #78BBE6;
		}
		#page #content h2
		{
			background: url(../images/h3Arrow.gif) no-repeat left center;
			padding-left: 20px;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 5px;
			margin-top: 0px;
			color: #78BBE6;
		}
		#page #content h3
		{
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
			margin-top: 0px;
			color: #78BBE6;
		}
		#page #content input,
		#page #content select,
		#dhtmlwindowholder input,
		#dhtmlwindowholder select
		{
			background-color: #FFFFFF;
			border: 1px solid #888888;
			font-size: 11px;
			border-radius: 5px;
		}

		#page #content div.boite
		{
			height: 450px;
			border: 1px solid #CCCCCC;
		}

		/*  */
		#content .htmlarea table td
		{
			vertical-align: middle;
		}

div#footer
{
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid black;
}

div#btAction
{
	padding-bottom: 5px;
}

td.onglet
{
	padding:3px;
}

/* --- Fenetre intervenants MC */
.intervenantTab
{
	height: 200px;
	width: 90%;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color:#EEEEEE;
    border:1px solid black;
}

.intervenantTableD, .intervenantTableG
{
	border-spacing: 2px;
	border-collapse:separate;
}
.intervenantTableTdIconD
{
  width:17px;
}
.intervenantTableTdNomD
{
 	width:100%;
	text-align:left;
}
.intervenantTableTdIconG
{
    width:100%;
}
.intervenantTableTdNomG
{
    text-align:right;
    width:100%;
}

/* Postit d'aide contextuel */
div#helpContextuelDiv
{
	position: absolute;
	font-family: cursive;
}
table#helpContextuel
{
	width: 90%;
    border:none;
	margin: 0 auto;
	/*margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;*/
	opacity: 0.80;
    -khtml-opacity:0.80;
    -moz-opacity : 0.80;
    -ms-filter: "alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
	z-index:-1;
}
div#helpContextuel
{
	height: 100px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
    border:none;
	opacity: 1.0;
}
.postit-tutorials-titre
{
	margin-bottom: 5px;
	color: black;
	font-weight: bold;
	font-size: 15px;
	padding: 2px;
}
.postit-paragraphe
{
	color: black;
	padding: 2px;
	margin-left: 30px;
	margin-top: 5px;
}
.postit-paragraphe b
{
	font-weight: bold;
}
.postit-paragraphe i
{
	font-weight: normal;
	font-style: italic;
}

/* --- Explication des contrainte du password */
div#contraintePassword
{
	padding-left: 25px;
	padding-right: 0px;
}
div#contraintePassword ul
{
	padding-left: 30px;
}
div#contraintePassword li
{
	list-style: square;
}
div#deconnexion
{
    padding: 10px;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
    position: fixed;
    top: 10px;
    left: 10px;
    width: 280px;
	font-weight: bold;
	color: #FF0000;
	z-index: 12;
}

.rougeGras {
	color: #FF0000;
	font-weight: bold;
}
.wrap {
	white-space: normal;
}

div.disabledDiv {
    pointer-events: none;
    opacity: 0.4;
}
.imageDisabled {
	/*Propriété dépréciée*/
	/*-webkit-filter: grayscale(100%)
	-moz-filter: grayscale(100%);*/
	filter: grayscale(100%);
}