body
{
	overflow  : hidden;
}

/* #######################################################
				structure de page
######################################################## */
#main_frame
{
	height: 100%;
	width : 100%;
	overflow: auto;
}
#content_frame
{
	width   : 100%;
	position: absolute;
	top     : 70px;
	bottom  : 30px;
	z-index : 10;
}
#content_menu_old
{
	height          : 70px;
	width           : 100%;
	background-color: #595959;
	top             : 0px;
	position        : absolute;
	z-index         : 100;
}
#logo_chronos
{
	height             : 100%;
	width              : 10%;
	float              : left;
	background-image   : url('../images/icone_interface_menu/separateur_menu.png');
	background-position: right;
	background-repeat  : no-repeat;
	z-index            : 9;
	text-align         : center;
}
#logo_chronos img
{
	display : block;
	position: relative;
	margin  : 0 auto;
	cursor  : pointer;
	width   : 92%;
}
#menu_top
{
	height       : 34px;
	width        : 90%;
	border-bottom: 1px solid #474A4C;
	z-index      : 12;
	position     : absolute;
	left         : 10%;
	text-align   : right;
}
#menu_bot
{
	position        : absolute;
	left            : 10%;
	top             : 35px;
	height          : 34px;
	width           : 90%; 
	background-color: #AED6F1;
	z-index         : 11;
	border-top      : 1px solid #0A4761;
	white-space     : nowrap;
}
#footer
{
	height          : 26px;
	width           : 100%;
    /*
	background-color: #37a9f7;
    background-color: #477BF6 ; 
	*/
    background-color: #748caa ; /*#5776C1;*/
	position        : absolute;
	bottom          : 0px;
	color           : white;
	font-family     : arial;
	font-weight     : bold;
	font-size       : 12px;
	padding         : 2px 0px;
	z-index         : 11;
	text-align      : center;
}
#footer span
{
	margin-top :5px;
	display    : inline-block;
}


.evenement_footer {
	display : inline-block;
	cursor:pointer;	
}


body #div_corps
{
    top       :70px;
    bottom    :30px;
}

/*####
#####*/

#bt_raccourci
{
	position:absolute;
	top     :2px;
	height  :25px;
	right   : 10%;
}
#bt_raccourci img
{
	border: 1px solid black;
	cursor: pointer;
	height: 24px;
}

#bt_raccourci div
{
	vertical-align  : top;
	border          : 1px solid black;
	width           : 23px;
	height          : 15px;
	padding-top     : 5px;
	background-color: #252728;
	cursor          : pointer;
	font-size       : 13px;
}

#bt_raccourci div:hover
{
	background-color:#00BFEE;
}

#info_user
{
	color    : white;
	position : relative;
	bottom   : 4px;
	font-size: 13px;
}
#info_user img 
{
	margin: 0 5px;
}

/* 	########################################################
				menus deroulant du header ### mode select 
############################################################ */

div.selectmenu
{
	display         : inline-block; 
	*display        : inline;
	*zoom           : 1;
	vertical-align  : middle;
	overflow        : hidden;
	cursor          : pointer;
	padding         : 1px;
	color           : white;
	background-color: transparent;
	font-weight     : bold;
	font-size		: 12px; 	
	padding-left    : 15px;
	float           : left;
}
div.selectmenu#selectmenu-espace
{
	min-width:140px;
	text-align: center;
	border-left:1px solid silver;
	border-right:1px solid silver;
	background: #099ECA; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5OWVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #099eca 0%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#099eca), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099eca', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}
div.selectmenu .arrow
{
	display            : block;
	float              : right;
	height             : 11px;
	width              : 14px;
	margin             : 11px 5px;
	background-image   : url('../images/icone_interface_menu/ico_arrow.png');
	background-repeat  : no-repeat;
}
div.selectmenu#selectmenu-espace .arrow
{
	position: relative;
	right: 5%;
}
ul.selectmenu 
{
	z-index : 100;
	position: relative;
	max-height: 80%;
    overflow-y: auto;
}
ul.selectmenu li 
{
	padding         : 1px 8px;
	list-style-type : none;
	border          : 1px solid #dddddd;
	background-color: #a7a6a6;
	overflow        : hidden;
	color           : white;
	font-weight     :bold;
	border-top      : none;
	cursor          : pointer;
	*width          : 160px;
	font-size       : 12px;
	*margin-bottom  : -4px;
}
ul.selectmenu li:hover
{
	background: #099ECA; /* Old browsers */
	color : white;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5OWVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #099eca 0%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#099eca), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #099eca 0%,#207cca 100%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099eca', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}
ul.selectmenu li.selected 
{
	background-color: #ddeeff;
	font-weight     : bold;
	color           :black;
}
.selectmenu .image
{
	display : block;
	float   : left;
	position: relative;
	top     : 6px;
	max-height:22px;
}
.selectmenu .text 
{
	display    : block;
	float      : left;
	height     : 27px;
	line-height: 32px;
	padding    : 0px 10px;
}

/* 	########################################################
				menus deroulant du header ### mode inline
############################################################ */
#menu_top div a:first-child
{
	border-left: 1px solid silver;
}
body a.espace_inline, body a.espace_inline_selected
{
	border-right   : 1px solid silver;
	text-align     : center;
	display        : inline-block; 
	*display       : inline;
	*zoom          : 1;
	position       : relative;
	padding-top    : 5px;
	padding-bottom : 5px;
	height         : 24px;
	overflow       : hidden;
	cursor         : pointer;
	color          : white;
	font-size      : 12px; 
	float          : left;
	min-width      : 120px;
	vertical-align : middle;
	text-transform : uppercase;
	text-decoration: none;
	line-height: 24px;
}
a.espace_inline_selected
{
	background-color  : RGB(9,158,202);
}
a.espace_inline:hover
{
	background-color  : LightSkyBlue;
	-webkit-transition: background 400ms ease-in;
	-moz-transition   : background 400ms ease-in;
	-ms-transition    : background 400ms ease-in;
	-o-transition     : background 400ms ease-in;
	transition        : background 400ms ease-in;
}
a.espace_inline img, a.espace_inline_selected img
{
	margin-left   : 2px;
	height        : 24px;
	position      : relative;
	bottom        : 2px;
	vertical-align: middle;
}

/* 	########################################################
				liste des sous-menus du header
############################################################ */

#list_menu li:last-child img.separateur
{
	display: none;
}
#list_menu
{
	display        :block;
	position       :absolute;
	list-style-type:none;
	text-align     :center;
	height:100%;
}
#list_menu_user 
{
	display        :block;
	list-style-type:none;
	text-align     :center;
	float		   :left;
}
#list_menu .menu
{
	text-align    : center;
	font-size     : 12px;
	float         : left;
	color         : white;
	padding       : 2px 2px;
	margin        : 0px 5px;
	cursor        : pointer;
	background    : #AED6F1;
	min-width     : 112px;
	position      : relative;
	text-transform: lowercase;
	
}
#list_menu_user .menu
{	float         : left;
	cursor        : pointer;
	margin-right  : 3px;
}
.ss_menu
{
	opacity: 0;
	visibility: hidden;
	zoom: 1;
}
#list_menu .menu_selectionne,
#list_menu_user .menu_selectionne
{
	color: rgb(9, 158, 202);
	font-weight: bold;
}
#list_menu .menu img.separateur,
#list_menu_user .menu img.separateur
{
	height  : 20px; 
	width   : 2px;
	position: absolute;
	right   : -8px;
	top     : 7px;
	z-index : 5000;
}
#list_menu .menu img.ico_titre,
#list_menu_user .menu img.ico_titre
{
	position    : relative;
	top         : 6px;
	margin-right: 5px;
}

#list_menu .menu img.arrow_ss_menu,
#list_menu_user .menu img.arrow_ss_menu
{
	position: absolute;
	top     : -11.2px;
	left    : 35px;
	height  : 12px;
	z-index : 51;
}

#list_menu .menu .level1 {
	padding-bottom : 6px;
}
#list_menu_user .menu .level1 {
	padding-bottom : 10px;
	
}
#list_menu .ss_menu,
#list_menu_user .ss_menu
{
	z-index              : 50;
	min-width            : 100%;
	list-style-type      : none;
	display              : block;
	opacity              : 0;
	background-color     : #AED6F1;
	position             : absolute;
	top                  : 100%;
	left				 : -999999px;
	right				 :auto;
	padding              : 5px 0px 5px 5px;
	border               : 1px solid white;
	cursor               : pointer;
	box-shadow           : 0px 2px 10px 0px #666;
	border-radius        : 3px;	
	box-sizing           : border-box;
	transition			 : visibility 0s, opacity 0.5s linear;
}
#list_menu .ss_menu:last-child:hover
{
	left:-50px;
}
#list_menu .ss_menu .link,
#list_menu .ss_menu .content_ss_ss_menu > a,
#list_menu_user .ss_menu .link
{
	font-size          : 11px;
	text-align         : left;
	margin             : 5px 3px;
	padding            : 1px 14px;
	text-transform     : lowercase;
	background-image   :url("/../images/puce_menu.gif");
	background-repeat  : no-repeat;
	background-position: 3px 6px;
	display            : block;
	color              : white;
	text-decoration    : none;
}
#list_menu .ss_menu .link_selectionne,
#list_menu .ss_menu .link:hover,
#list_menu_user .ss_menu .link:hover,
#list_menu_user .ss_menu .link_over
{
	font-size          : 11px;
	text-align         : left;
	margin             :5px 3px;
	background-image   :url("/../images/puce_menu_over.png");
	background-repeat  : no-repeat;
	background-position: 10px 4px;
	padding            : 1px 4px 1px 24px;
	background-color   : white;
	color              : #AED6F1;/
	transition         : padding-right .15s ease-in, padding-left .15s ease-in, background-position .10s ease-in;
}
#list_menu .ss_menu .link_selectionne{
    background  : rgb(9, 158, 202);
    color: white;
}
#list_menu .ss_menu .link .puce,
#list_menu_user .ss_menu .link .puce
{
	position    : relative;
	height      : 5px;
	top         : 2px;
	margin-right: 2px;
}

#list_menu li.menu:hover .ss_menu,#list_menu .ss_menu:hover ,
#list_menu_user li.menu:hover .ss_menu,#list_menu_user.ss_menu:hover {
	visibility:visible;
	opacity	  : 1;
	left      : -5px;
	
}

.content_ss_ss_menu
{
	height:auto;
}
.content_ss_ss_menu > a
{
	background-image   :url("/../images/puce_menu_over.png");
	background-repeat  : no-repeat;
	background-position: 10px 4px;
	display         : block;
	width           : 86%;
	padding         : 1px 0px 1px 14px;
	color           : white;
	text-decoration : none;
}
.content_ss_ss_menu div
{
	overflow       : hidden;
	padding-left   : 10px;
}
.content_ss_ss_menu div .link:first-child
{
	margin-top: 0px !important;
}
.content_ss_ss_menu div .link:last-child
{
	margin-bottom: 2px !important;
}

/* 	########################################################
				icone de notification
############################################################ */
	div.bloc_icone_notification  {
		line-height: 13px;
		float: right;
		font: inherit;	   
		margin-top: 4px;
		position: relative;    
		margin-right: 12px;
		cursor: pointer;
	}

	div.bloc_icone_notification  span{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 12px;
		line-height: 14px;
		color: #fff;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
		padding-top: 0px;
		padding-bottom: 0px;
		background: #e04c4c;
		font-size: 10px;
		position: absolute;
		left: 16px;
		top: -1px;
	}

	div.bloc_icone_notification img {
		width: 24px;
	}
	
/* ############################################################################
###############################        footer        #######################
############################################################################ */

#div_langues
{
	position:absolute;
	right:3%;
	top:5px;
}
#div_langues img
{
	height:17px;
	border:1px solid silver;
	cursor:pointer;
}
.footer_element
{
	position:absolute;
	top:8px;
	text-align:center;
	display:inline-block;
}
.copyright
{
	left:50px;
}
.exercice_compta
{
	left:350px;
	text-decoration: underline;
	cursor: pointer;
}
.evenement_footer img
{
	height:18px;
	margin-left:5px;
	position:relative;
	top:2px;
	right:3px
}

@media screen and (max-width: 1322px) {
	.bloc_icone_notification {
		display: none;
	}
}
@media screen and (max-width: 1280px) {
	#info_user {
		display: none;
	}
}