/*
***********************
**      GMK CMS      **
**    STYLES CSS     **
***********************
*/

/*couleurs cms
#2784ab
#31a5d6
#7BD1F4
*/

/* Fonctions */
.myhandle {
	cursor: move !important;
}

.pointer {
	cursor: pointer;	
	text-decoration: underline;
}

.pointer:hover {
	text-decoration: none;
}

.defaultPointer {
	cursor: default !important;	
}

.wait,.wait a,.wait input,.wait select,.wait .pointer,.wait option {
	cursor:wait !important;
}

.cacher {
	display: none !important;
	visibility: hidden;
}
.biencacher {
     display: none;
	visibility: hidden;
}

/* overlay gmk */
.bgOverlayGMK {
	background-color: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000) \9;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.overlayGMK {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	padding: 20px;
	overflow: hidden;
	visibility: visible;
	box-sizing: border-box;
	text-align: center;
	z-index: 701;
}

.overlayGMK_wrapper {
	position: relative;
	display: block;
	text-align: left;
	width: auto;
	max-width: 100%;
	height: 100%;
	margin: 0px auto;
	max-width: 680px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 20;
}

.overlayGMK.isAnImage .overlayGMK_wrapper {
	max-width: 800px;
	display: inline-block;
}

.overlayGMK.fullScreenMode .overlayGMK_wrapper {
	max-width: inherit;
}

.insideOverlayGMK_table {
	display: table;
	height: 100%;
	width: 100%;
}

.insideOverlayGMK_tablecell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.insideOverlayGMK_content {
	background-color: #fff;
	display: inline-block;
	padding: 20px;
	width: 100% !important;
	height: auto !important;
	left: 0 !important;
	top: 0 !important;
	box-sizing: border-box;
}

.overlayGMK.isAnImage .insideOverlayGMK {
	padding: 15px;
}
.titreAlert {
	font-weight: bold;
	margin-bottom: 5px;
	color:#FFFFFF;
	background-color:#225588 !important;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:12px;
	padding-left:12px;
}
.contenuAlert {
	padding: 10px;	
	background-color:#ffffff;
}

.titreRedAlert{
	background-color:#EE2222 !important;
	color:#FFFFFF !important;
	font-weight: bold !important;
}

.titreOrangeAlert{
	background-color:#EDA00A !important;
	color:#FFFFFF !important;
	font-weight: bold !important;
}

.titreConfirmation {
	font-weight: bold;
	margin-bottom: 5px;
	color:#FFFFFF;
	background-color:#7BD1F4 !important;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:12px;
	padding-left:12px;
}
.contenuConfirmation {
	padding: 10px;	
}

.insideOverlayGMK {
	position:absolute;
	padding-bottom: 15px;
	left: 200px;
	top: 100px;
	z-index: 708;
}
/* fin overlay gmk */

/* localOverlay */
.localOverlay {
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	visibility:visible;
	width:100%;
	height:100%;
	z-index:90;
}

.localOverlay .localOverlayBg {
	background-color:#FFFFFF;
	height:100%;
	z-index:91;
}

.localOverlay .localOverlayInside {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	background-image: url("../images/loader.gif");
	background-repeat: no-repeat;
	background-position:center center;
	z-index: 92;
}
/* fin localOverlay */

.erreur {
	background-color:#BB3333 !important;;
	border:1px solid #EEEEEE;
	color:#EEEEEE !important;
}
.erreur a {
     color:#C1D1F1;
}
.erreur.erreurAndPadding {
     padding :5px;
}

.erreurMedia {
	background-color:#FBDDDD !important;
	border:1px solid #EEEEEE;
	color:#EEEEEE !important;
}

.erreur option {
	color:#EEEEEE !important;
}
.floatL {
	float: left;
	margin: 15px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.floatLmini {
	position: relative;
	top: 5px;
	left: 5px;
	float: left;
	margin: 2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.floatR {
	float: right;
	margin: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}
.floatRmini {
	float: right;
	margin: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

.clearFloat {
	clear: both;
}
.border {
	border: #000000 solid 1px;
}

.option_window {
	position: absolute;
	background-color:#FFFFFF;
	border: #000000 solid 1px;
	z-index: 12;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.option_window a:hover{
	text-decoration: none;
	color: #363636;
}
.option_windowA {
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
}
.option_windowA:hover{
	text-decoration: none;
}


.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}

.elementOverlay {
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	visibility:visible;
	width:100%;
	height:100%;
	z-index:80;
}
.isRelative {
     position:relative;
}
.elementOverlay .elementOverlayBg {
	background-color:#FFFFFF;
	height:100%;
	z-index:91;
     opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}

.tableau.tinformations {
     position:relative;
}

.elementOverlay .insideOverlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	background-image: url("../images/loader.gif");
	background-repeat: no-repeat;
	background-position:center center;
	z-index: 92;
}

input.calendar,
select.calendar {
	width: 120px;
}

button.calendar {
	background: url("../images/calendar-icon.gif");
	border: 0;
	cursor: pointer;
	float: left;
	position:absolute;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url("../images/calendar.png");
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	

div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	
	
div.calendar caption {
	color: #333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url("../images/calendar-prev.gif");
	left: 0;
}
div.calendar caption a.next {
	background-image: url("../images/calendar-next.gif");
	right: 0;
}
div.calendar caption a:hover {
	background-position: 0 12px;
}
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.calendar caption span.month {
	padding-right: 8px;
}
div.calendar caption span.month:after {
	content: ',';
}
div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 0;
	color: #0597DB;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url("../images/calendar-valid.gif");
	color: #0597DB;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url("../images/calendar-hilite.gif");
}
div.calendar td.inactive {
	background: url("../images/calendar-td.gif") 0 100%;
	color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
	background: url("../images/calendar-valid.gif") 0 100%;
	color: #FFF;
	cursor: pointer;
}

/* LOG */
.logtitle {
	color:#FFFFFF;
	background-color: #31a5d6 !important;
	padding: 5px;
	text-align:right;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #7BD1F4;
}

.titleInfo {
	position:absolute;
	left: 10px;	
}
.informationBouton {
	position:relative;
	right:0px;

}
.logResize {
	cursor: se-resize;
}
.global_information {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.global_pageInfo {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index:500;
	width:280px;
}

.global_pageInfo .title {
	position:relative;
	background-color:#31A5D6 !important;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-align:left;
}
.global_pageInfo .corps {
	background-color: #FFFFFF;
	color:#777777;
	border:1px solid #7BD1F4;
	font-size:11px;
	padding:5px;
	text-align:left;
}
.edit_group {
	position:absolute;
	z-index:12;
	right:75px;
	border: #999999 solid 1px;
	width:230px;
	overflow-y: scroll;
	background-color: #FFFFFF;
}
.log {
	color:#222222;
	background-color: #FFFFFF;
	font-family: verdana;
	text-align:left;
	font-size: 9px;
	border: #999999 solid 1px;
	overflow-y: scroll;
	width:750px;
	height:300px;
}	
.log_fichier {
	color:#336699;
	font-style: italic;
}

.log_typeService {
	color:#90D791;
	font-weight:bold;
	font-style: italic;
}

.log_titreService {
	font-style: italic;
	padding-right:5px;
}
.log_erreur {
	color:#DD1111;
	font-style: italic;
}

.log_ok {
	color:#22DD22;
	font-style: italic;
}

.bouton_action_cms {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 6px;
}

.bouton_action_cms a {
	display: block;
	position: relative;
	overflow: hidden;
	float: right;
	background-image: url("../../templates/cms/images/iconAction_BG.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

.bouton_action_cms a:hover{
	overflow: visible;
	background-position: center top;
}

.bouton_action_cms a.red, .bouton_action_cms a.erreur {
	background-position: center -18px;
}
.bouton_action_cms a.green {
	background-position: center -36px;
}
.bouton_action_cms a.orange {
	background-position: center -54px;
}
.bouton_action_cms a.gris {
	background-position: center -72px;
	cursor: default;
}
.bouton_action_cms img {
	padding: 2px;
	margin: 0px;
}
.bouton_action_cms a.lock {
	cursor: default;
}
.bouton_action_cms a span {
	position: absolute;
	background-image: url("../../templates/cms/images/BG_bulle.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	top: -16px;
	right: 0px;
	padding: 3px;
	padding-top: 0px;
	line-height: 12px;
	color:#FFFFFF;
}

.mode_draft {
	position : absolute;
	font-size:10px;
	text-align:center;
	font-variant:small-caps;
	color:#FFFFFF;
	padding:2px;
	right:-30px;
	background-color:#FC9323;
	font-weight: bold;
}
.global_pageInfo .mode_draft{
	position : relative;
	right:inherit;
}

.gmk_gallery_wrapper {
	position: fixed;
	background-color: #fff;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.gmk_gallery_wrapper .gmk_gallery_images,
.gmk_gallery_wrapper .gmk_gallery_images div {
	width: 100%;
	height: 100%;
}

.gmk_gallery_wrapper .gmk_gallery_images div {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	text-align: center;
}

.gmk_gallery_wrapper .gmk_gallery_images img {
	width: auto;
	height: 100%;
}

.gmk_gallery_wrapper .gmk_gallery_previous_wrap {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 75px;
	z-index: 110;
}

.gmk_gallery_wrapper .gmk_gallery_next_wrap {
	position: absolute;
	top: 50%;
	right: 0%;
	width: 75px;
	z-index: 110;
}

.gmk_gallery_wrapper .gmk_gallery_close_wrap {
	position: absolute;
	top: 0%;
	right: 0%;
	width: 75px;
	z-index: 110;
}

.gmk_gallery_wrapper .gmk_gallery_button {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 100%;
	width: 24px;
	cursor: pointer;
	text-indent: -9999px;
}

.gmk_gallery_wrapper .gmk_gallery_button:hover {
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 
}

.gmk_gallery_wrapper .gmk_gallery_legende_wrap {
	position : fixed !important;
	bottom:0px;
	height:30px !important;
	text-align: center !important;
	z-index: 101 !important;
	top: auto !important;
	background-color: #F2F1F1;
}
.gmk_gallery_wrapper .gmk_gallery_legende {
	padding-top :5px;
	color : #6F6F6F;
	font-weight: bold;
	font-size: 18px;
}

/******** BOUTONS **********/

.relativeMenu,
.btn,
.boutonStyle {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    border: #aaa solid 1px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
    line-height: 23px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    height: 23px;
    top: 0px;
    text-decoration: none;
}

input[type=text]+a.relativeMenu,
input[type=text]+a.btn,
input[type=text]+a.boutonStyle {
    left: -1px;
}

.tcolonne .relativeMenu,
.tcolonne .btn,
.tcolonne .boutonStyle {
    top: 0px;
}

.relativeMenu a:before,
.btn:before,
.boutonStyle:before {
    color: #a3a3a3;
    font-size: 17px;
    line-height: 24px !important;
    margin-right: 5px;
    float: left;
}

.relativeMenu.icone_seul a:before,
.btn.icone_seul:before,
.boutonStyle.icone_seul:before {
	margin-right: 0px;
}

.tcolonne .relativeMenu a:before,
.tcolonne .btn:before,
.tcolonne .boutonStyle:before {
    margin-right: 0px;
    float: none;
}

.relativeMenu:hover:before,
.btn:hover:before,
.boutonStyle:hover:before {
    color: #000;
}

.btn_vert:before,
.btn_vert:hover:before,
.btn_orange:before,
.btn_orange:hover:before,
.btn_rouge:before,
.btn_rouge:hover:before,
.btn_bleu:before,
.btn_bleu:hover:before {
    color: #fff;
}

.btn_inactif:hover:before {
    color: #a3a3a3;
}

.relativeMenu.floatR,
.btn.floatR,
.boutonStyle.floatR {
	margin-right: 3px;
}

a.btn_carre {
    width: 7px;
}

a.btn_carre.icon:before {
    margin-left: -5px;
    margin-right: 0;
}

button.btn,
button.boutonStyle {
    padding-bottom: 4px;
    padding-top: 2px;
	height: 25px;
}

.relativeMenu a,
.btn a,
.boutonStyle a {
	text-decoration: none;
}

.btn_valider {
	background: #7cd0f2; /* Old browsers */
    background: -moz-linear-gradient(top, #7cd0f2 0%, #38a8d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7cd0f2 0%,#38a8d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7cd0f2 0%,#38a8d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd0f2', endColorstr='#38a8d7',GradientType=0 ); /* IE6-9 */
    border: #0d648f solid 1px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
}

.btn_check {
	background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #aaa solid 1px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;    
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
	height: 23px;
	text-decoration: none;
}

.relativeMenu:hover,
.btn_check:hover,
.btn:hover,
.btn.hover,
.boutonStyle:hover,
.boutonStyle.hover {
	background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(top, #e6e6e6 0%, #fefefe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6e6e6 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.btn.selected {
	background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #e4e4e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#e4e4e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bbbbbb 0%,#e4e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}

.btn_valider:hover {
	background: #38a8d7; /* Old browsers */
    background: -moz-linear-gradient(top, #38a8d7 0%, #7cd0f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #38a8d7 0%,#7cd0f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #38a8d7 0%,#7cd0f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a8d7', endColorstr='#7cd0f2',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.btn_check.selected {
	background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #e4e4e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#e4e4e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bbbbbb 0%,#e4e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
    color: #333;
}

.btn_vert {
	background: #59b48a; /* Old browsers */
    background: -moz-linear-gradient(top, #59b48a 0%, #499471 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #59b48a 0%,#499471 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #59b48a 0%,#499471 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b48a', endColorstr='#499471',GradientType=0 ); /* IE6-9 */
    border: #2a865c solid 1px;
	color: #fff;
}

.btn_orange {
	background: #fab049; /* Old browsers */
    background: -moz-linear-gradient(top, #fab049 0%, #f89305 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fab049 0%,#f89305 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fab049 0%,#f89305 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab049', endColorstr='#f89305',GradientType=0 ); /* IE6-9 */
    border: #f67c00 solid 1px;
	color: #fff;
}

.btn_rouge {
	background: #f03136; /* Old browsers */
    background: -moz-linear-gradient(top, #f03136 0%, #c5282c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f03136 0%,#c5282c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f03136 0%,#c5282c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03136', endColorstr='#c5282c',GradientType=0 ); /* IE6-9 */
    border: #c20207 solid 1px;
	color: #fff;
}

.btn_bleu {
	background: #7cd0f2; /* Old browsers */
    background: -moz-linear-gradient(top, #7cd0f2 0%, #38a8d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7cd0f2 0%,#38a8d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7cd0f2 0%,#38a8d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd0f2', endColorstr='#38a8d7',GradientType=0 ); /* IE6-9 */
    border: #0d648f solid 1px;
	color: #fff;
}

li:hover .btn_vert,
.btn_vert:hover {
	background: #499471; /* Old browsers */
    background: -moz-linear-gradient(top, #499471 0%, #59b48a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #499471 0%,#59b48a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #499471 0%,#59b48a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499471', endColorstr='#59b48a',GradientType=0 ); /* IE6-9 */
    border: #2a865c solid 1px;
	color: #fff;
}

li:hover .btn_orange,
.btn_orange:hover {
	background: #f89305; /* Old browsers */
    background: -moz-linear-gradient(top, #f89305 0%, #fab049 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f89305 0%,#fab049 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f89305 0%,#fab049 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89305', endColorstr='#fab049',GradientType=0 ); /* IE6-9 */
    border: #f67c00 solid 1px;
	color: #fff;
}

li:hover .btn_rouge,
.btn_rouge:hover {
	background: #c5282c; /* Old browsers */
    background: -moz-linear-gradient(top, #c5282c 0%, #f03136 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c5282c 0%,#f03136 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c5282c 0%,#f03136 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5282c', endColorstr='#f03136',GradientType=0 ); /* IE6-9 */
    border: #c20207 solid 1px;
	color: #fff;
}

li:hover .btn_bleu,
.btn_bleu:hover {
	background: #38a8d7; /* Old browsers */
    background: -moz-linear-gradient(top, #38a8d7 0%, #7cd0f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #38a8d7 0%,#7cd0f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #38a8d7 0%,#7cd0f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a8d7', endColorstr='#7cd0f2',GradientType=0 ); /* IE6-9 */
    border: #0d648f solid 1px;
	color: #fff;
}

.btn_inactif,
li:hover .btn_inactif,
.btn_inactif:hover {
	background: #e6e6e6;
    border: #aaa solid 1px;
	color: #aaa;
    opacity: 0.5;
    cursor: default;
}

.icone span.icone {
	background-repeat: no-repeat;
	background-position: left 4px;
	display: inline-block;
	padding-left: 20px;
    height: 23px;
}

.icone span.icone_seul {
	padding-left: 15px;
}

.icone:hover span.icone {
	background-position: left -46px;
}

.boutonMenuDeroulant li ul li .icone:hover span.icone {
	background-position: left -96px;
}

.btn_vert.icone span.icone,
.btn_orange.icone span.icone,
.btn_rouge.icone span.icone,
.btn_bleu.icone span.icone,
.btn_gris.icone span.icone {
	background-position: left -96px;
}

.btn_vert .btn_icone,
.btn_orange .btn_icone,
.btn_rouge .btn_icone,
.btn_bleu .btn_icone,
.btn_gris .btn_icone,
.btn_vert:hover .btn_icone,
.btn_orange:hover .btn_icone,
.btn_rouge:hover .btn_icone,
.btn_bleu:hover .btn_icone,
.btn_gris:hover .btn_icone{
	background-position: center -82px;
}

.icon.vert:before {
    color: #59b48a;
}

.icon.rouge:before {
    color: #f03136;
}

.icon.orange:before {
    color: #fab049;
}

.icon.bleu:before {
    color: #7cd0f2;
}

.icone span.icone span {
	background-image: none;
	padding-left: 0px;
}

.btn [class^="icon-"] {
	font-size: 18px;
	line-height: 13px;
	position: relative;
	top: 3px;
	color: #a3a3a3;
}

.btn:hover [class^="icon-"] {
	color: #000;
}

/******** BOUTON SELECT **********/

.relativeMenu {
	position: relative;
    display: inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 23px;
	height: 23px;
}

.relativeMenu .viewer {
	background-image: url("../images/btn_select.gif");
	background-repeat: no-repeat;
	background-position: right 10px;
	padding-left: 8px;
	padding-right: 20px;
	display: inline-block;
}

.relativeMenu .viewer:hover {
	background-position: right -36px;
}

.relativeMenu ul {
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: #aaa solid 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    list-style: none;
    position: absolute;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    min-width: 100%;
    float: left;
    left: -1px;
    top: 100%;
    z-index: 80;
}

.menuRelActif ul {
	display: block;
}

.menuRelInactif ul {
	display: none;
}

.relativeMenu ul li {
	line-height: 18px;
}

.relativeMenu ul li a:not(.details_arbo) {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 18px;
    padding: 3px 8px;
    white-space: nowrap;
    text-decoration: none;
}

.relativeMenu ul li a.titre_select {
    background: #8da2ac; /* Old browsers */
    background: -moz-linear-gradient(top, #b4c2c8 0%, #8da2ac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4c2c8 0%,#8da2ac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4c2c8 0%,#8da2ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c2c8', endColorstr='#8da2ac',GradientType=0 ); /* IE6-9 */
}

.relativeMenu ul li a:hover {
	background-color: #31A5D6;
	color: #fff;
}

#choix_vue_global.relativeMenu ul li a:hover {
	background-color: rgba(0,0,0,0.5);
}

.form_zone .relativeMenu a.viewer {
	display: block;
    padding-left: 8px;
    padding-right: 18px;
    color: #333;
	text-decoration: none;
	height: 23px;
}

.relativeMenu.menuPriorite {
	position: relative;
	background-image: none;
	border: 0px none;
	left: -6px;
}

.relativeMenu.menuPriorite a.viewer {
	padding-left: 0px;
    padding-right: 0px;
}

.relativeMenu.menuPriorite a.viewer .LTexte {
	background-image: url("../images/btn_select.gif");
    background-position: 9px -85px;
    background-repeat: no-repeat;
	position: absolute;
	text-indent: -9999px;
	height: 25px;
	width: 25px;
	left: 0px;
	top: 0px;
}

.relativeMenu.menuPriorite a.viewer .LImage {
	background-position: center bottom;
    background-repeat: repeat-x;
	display: inline-block;
	height: 23px;
	width: 23px;
	-moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}

.relativeMenu.menuPriorite a.viewer .LImage.normal {
	background-image: url("../images/BG_btn_vert.png");
    border: 1px solid #2A865C;
}

.relativeMenu.menuPriorite a.viewer .LImage.important {
	background-image: url("../images/BG_btn_orange.png");
    border: 1px solid #F67C00;
}

.relativeMenu.menuPriorite a.viewer .LImage.urgent {
	background-image: url("../images/BG_btn_rouge.png");
    border: 1px solid #C20207;
}

.relativeMenu.menuPriorite ul li#priorite_ticket_1 a:hover {
	background-color: #57b58a;
}

.relativeMenu.menuPriorite ul li#priorite_ticket_2 a:hover {
	background-color: #f79405;
}

.relativeMenu.menuPriorite ul li#priorite_ticket_3 a:hover {
	background-color: #f24449;
}

.relativeMenu.menuType {
	text-align: left;
}

.relativeMenu.menuType a.viewer {
	padding-left: 3px;
    padding-right: 13px;
}

.relativeMenu.menuType a.viewer .LTexte {
	display: none;
}

.relativeMenu.menuType .LImage {
	background-repeat: no-repeat;
	display: inline-block;
}

.relativeMenu.menuType a.viewer .LImage {
	background-position: center 6px;
	height: 23px;
	width: 23px;
}

.relativeMenu.menuType a.viewer:hover .LImage {
	background-position: center -33px;
}

.relativeMenu.menuType ul li .LImage {
	background-position: center 0px;
	position: relative;
	height: 13px;
	width: 20px;
	top: 3px;
	left: -3px;
}

.relativeMenu.menuType ul li:hover .LImage {
	background-position: center -89px;
}

/******** LABELS **********/

.label {
	background-color: #990000;
    border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    display: inline-block;
    top: -1px;
    min-width: 7px;
    min-height: 12px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 1px 4px 2px !important;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.label_info {
	background-color: #31a5d6;
    border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    display: inline-block;
    top: -1px;
    min-width: 7px;
    min-height: 12px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 1px 4px 2px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
	cursor: default;
}

.boutonTag01 {
	display: inline-block;
	background-color: #7dcced;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    min-height: 12px;
    padding: 1px;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    margin-right: 5px;
}

.boutonTag01 .boutonTag02 {
	position: relative;
	top: 1px !important;
	margin-right: 4px !important;
	margin-left: 4px !important;
	line-height: 10px;
}

.boutonTag01 a {
	background-color: #36a8d8;
	display: inline-block;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
	min-width: 8px;
	text-align: center;
    padding: 1px 4px 2px;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

/********* BOUTON INFOS *********/

.infosSurvol,
.btn_infos,
.input_wrapper:hover .btn_infos:hover,
a:hover .infosSurvol:hover,
a:hover .btn_infos:hover,
.label_info:hover .btn_infos:hover {
    background-color: #000 !important;
    border-radius: 3px;
    position: absolute;
    bottom: 0%;
    right: 0%;
    max-width: 0px;
    max-height: 0px;
    font-size: 0px;
    line-height: 0px;
    opacity: 0;
    color: #fff !important;
    white-space: nowrap;
    -webkit-filter: blur(15px);
    filter: blur(15px);
	transition: all 0ms ease 200ms, opacity 200ms ease 0ms, filter 200ms ease 0ms;
	-webkit-transition: all 0ms ease 200ms, opacity 200ms ease 0ms, -webkit-filter 200ms ease 0ms;
    box-shadow: 0px 0px 20px rgba(255,255,255,1);
	z-index: -1;
}

.input_wrapper:hover .btn_infos,
a:hover .infosSurvol,
a:hover .btn_infos,
.label_info:hover .btn_infos {
    bottom: 100%;
    right: 50%;
    max-width: 300px;
    max-height: 300px;
    padding: 8px;
    font-size: 12px;
    line-height: 12px;
    margin-right: -10px;
    filter: blur(0px);
    transform: translate(0,-6px);
	transition: all 0ms ease 1s, opacity 400ms ease 1s, transform 400ms ease 1s;
	-webkit-transition: all 0ms ease 1s, opacity 400ms ease 1s, transform 400ms ease 1s;
    opacity : 1;
	z-index: 1000;
}

.label_info:hover .btn_infos {
	transition: all 0ms ease 0s, opacity 400ms ease 0s, transform 400ms ease 0s;
	-webkit-transition: all 0ms ease 0s, opacity 400ms ease 0s, transform 400ms ease 0s;
}

.infosSurvol:before,
.btn_infos:before {
	background-color: #000 !important;
    position: absolute;
    content: " ";
    width: 0px;
    height: 0px;
    bottom: -3px;
    right: 7px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	transition: all 0ms ease 200ms, opacity 200ms ease 0ms;
	-webkit-transition: all 0ms ease 200ms, opacity 200ms ease 0ms;
}

.input_wrapper:hover .btn_infos:before,
a:hover .infosSurvol:before,
a:hover .btn_infos:before,
.label_info:hover .btn_infos:before {
    width: 8px;
    height: 8px;
	transition: all 0ms ease 1s, opacity 400ms ease 1s;
	-webkit-transition: all 0ms ease 1s, opacity 400ms ease 1s;
}

.label_info:hover .btn_infos:before {
	transition: all 0ms ease 0ms, opacity 400ms ease 0s;
	-webkit-transition: all 0ms ease 0ms, opacity 400ms ease 0s;
}

/* infosRight */
.infosSurvol.infosRight,
.btn_infos.infosRight,
.input_wrapper:hover .btn_infos.infosRight:hover,
a:hover .infosSurvol.infosRight:hover,
a:hover .btn_infos.infosRight:hover,
.label_info:hover .btn_infos.infosRight:hover {
    bottom: 0%;
    right: initial;
    left: 0%;
}

.input_wrapper:hover .btn_infos.infosRight,
a:hover .infosSurvol.infosRight,
a:hover .btn_infos.infosRight,
.label_info:hover .btn_infos.infosRight {
    bottom: 100%;
    right: initial;
    left: 50%;
    margin-right: 0px;
    margin-left: -10px;
}

.infosSurvol.infosRight:before,
.btn_infos.infosRight:before {
    bottom: -3px;
    right: initial;
    left: 7px;
}

/* infosBottom */
.infosSurvol.infosBottom,
.btn_infos.infosBottom,
.input_wrapper:hover .btn_infos.infosBottom:hover,
a:hover .infosSurvol.infosBottom:hover,
a:hover .btn_infos.infosBottom:hover,
.label_info:hover .btn_infos.infosBottom:hover {
    bottom: initial;
    top: 0%;
}

.input_wrapper:hover .btn_infos.infosBottom,
a:hover .infosSurvol.infosBottom,
a:hover .btn_infos.infosBottom,
.label_info:hover .btn_infos.infosBottom {
    bottom: initial !important;
    top: 100%;
    transform: translate(0,6px);
}

.infosSurvol.infosBottom:before,
.btn_infos.infosBottom:before {
    bottom: initial;
    top: -3px;
}

/* infosMiddle */
.infosSurvol.infosMiddle,
.btn_infos.infosMiddle,
.input_wrapper:hover .btn_infos.infosMiddle:hover,
a:hover .infosSurvol.infosMiddle:hover,
a:hover .btn_infos.infosMiddle:hover,
.label_info:hover .btn_infos.infosMiddle:hover {
    bottom: initial;
    top: 0%;
}

.input_wrapper:hover .btn_infos.infosMiddle,
a:hover .infosSurvol.infosMiddle,
a:hover .btn_infos.infosMiddle,
.label_info:hover .btn_infos.infosMiddle {
    bottom: initial !important;
    top: 50%;
    right: 100%;
    margin-right: 0px;
    margin-top: -14px;
    transform: translate(-6px,0px);
}

.infosSurvol.infosMiddle:before,
.btn_infos.infosMiddle:before {
    bottom: initial;
    top: 10px;
    right: -3px;
}

.input_wrapper:hover .btn_infos.infosMiddle.infosRight,
a:hover .infosSurvol.infosMiddle.infosRight,
a:hover .btn_infos.infosMiddle.infosRight,
.label_info:hover .btn_infos.infosMiddle.infosRight {
    left: 100%;
    right: initial;
    margin-right: -10px;
    margin-left: 0px;
    transform: translate(6px,0px);
}

.infosSurvol.infosMiddle.infosRight:before,
.btn_infos.infosMiddle.infosRight:before {
    left: -3px;
    right: 0;
}

/********* NOTIFICATIONS *********/
.co_feedTest {
    position: absolute;
    width : 265px;
    height : 0px;
    bottom: 0px;
}

.co_feedTest_wrapper {
    border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
    position : fixed;
    right : 0px;
    bottom : 0px;
    width : 265px;
    height : 200px;
    border : solid 1px #BCBCBC;
    border-right : solid 0px #BCBCBC;
    z-index : 1100;
    background-color:#FFF;
}

.co_feedTest #someWhere_wrapper {
    left:-400px;
    z-index : 10;
}

.co_feedTest .feedHead {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
    -moz-border-radius: 2px;
	border-bottom: solid 1px #BCBCBC;
    border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
	color: #333 !important;
	width: auto !important;
	font-weight: normal !important;
    top : 0px;
    height : 36px;
    font-size: 17px;
    line-height: 27px;
    text-align : center;
    color : #FFF;
    text-decoration: none;
    width : 250px;
    font-weight: bold;
    padding-top:5px;
}
.co_feedTest .innerWrappFeed {
    overflow : hidden;
    text-align:left;
}
.co_feedTest .innerFeed {
    position: absolute;
    bottom: 0;
    width: 265px;
    height: 164px;
    padding: 8px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
}
.co_feedTest .co_feedTest_wrapper .innerFeed {
    position: relative;
}
.co_feedTest .oneFeed {
    position : relative;
    padding: 5px;
    margin-top: 5px;
    width : 220px;
    border : solid 1px #EDEDED;
}
.co_feedTest .oneFeed:first-child {
    margin-top: 0px;
}
.co_feedTest .oneFeed .titre {
    font-weight:bold;
    font-size : 14px;
    color : #336699;
    padding-right : 4px;
}
.co_feedTest .oneFeed .titre.red {
    color : #E22;
}
.co_feedTest .oneFeed .log_date {
    color : #bbb;
    font-size:9px;
    padding-right:4px;
    font-style:italic;
}
.co_feedTest #upcomingFeeds {
    position : absolute;
}
.co_feedTest #displayedFeeds {
    position : relative;
}

/********* RECARDAGE *********/

.overlayGMK.fullScreenMode .overlayGMK_wrapper {
    max-width: inherit;
}

#gmkResizeOverlay {
    height: 80vh;
}

#gmkResizeOverlay .cadreArrondiBordureBlancTL,
#gmkResizeOverlay .cadreArrondiBordureBlancBL {
    display: none;
}

#gmkResizeOverlay .cadreArrondiBordureBlancC,
#gmkOverlay .cadreArrondiBordureBlancC {
    position: relative;
    border: 0px none;
    height: 100%;
    padding: 0;
}

#gmkResizeOverlay .cadreArrondiBordureBlancC h1 {
    position: absolute;
    color: #900;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}

.overlay_selectMedia h3 {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 30px;
}

#gmkResizeOverlay .cadreArrondiBordureBlancC #closeResizerLink,
#listingMediaOverlay~a.icone_fermer {
    position: absolute;
    right: -5px;
    top: -5px;
}

#gmkResizeOverlay .cadreArrondiBordureBlancC #resizer {
    height: 100%;
    padding-top: 30px;
    box-sizing: border-box;
}

#gmkResizeOverlay .cadreArrondiBordureBlancC iframe {
    border: 0px none !important;
    height: 100%;
    width: 100%;
}