body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	font-family:arial;
	font-size:11px;
	color:#333333;
}

table {
	width:100%;
	border: 1px solid transparent;
	border-color:#808080;
	border-collapse: collapse;
	border-spacing: 0px;
}

th {
	text-align:center;
	font-weight:bold;
	size:15px;
	color: #000;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

td {
	text-align:center;
	border:#AAAAAA solid 1px;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.popups {
	position:absolute;
	top:80px;
	text-align:center;
	width:100%;
	height:100%;
}

#header {
	margin:auto;
	width:100%;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:10px;
	text-align:left;
	vertical-align:middle;
	
	background: #ffffff; /* Old browsers */
	
	border-bottom:#9F0002 solid 4px;
}

#sousHeader {
	height:35px;
	line-height:35px;
	
	padding-left:10px;
	vertical-align:middle;
	
	color:#333333;
	font-weight:bold;
	text-decoration:italic;
	font-size:15px;
	
	background-color:#D3D3D3;
}

.selectedVersion {
	background-color:#FFD08E;
}

#barreNoirLogin {
	background-color:#000000;
	height:30px;
	line-height:30px;
	width:100%;
	text-align: center;
}

#divDiffusion {
	padding-top:10px;
	text-align:center;
	margin:auto;
	line-height:50px;
	height:50px;
	background-color:#FFFFFF;
}


.imgNorm {
	width:24px;
	height:24px;
	vertical-align:middle;
}

.lienOnglet {
	color:#FFFFFF;
	text-decoration:bold;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
}

.onglet0 {
	
	color:#FFFFFF;
	text-decoration:bold;
	font-size:12px;
	text-align:right;
	display:inline-block;
	height:20px;
	
	vertical-align:middle;
	float:right;
	
	padding-right:15px;
	

}

.onglet {
	
	color:#FFFFFF;
	text-decoration:bold;
	font-size:12px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #aaaaaa;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	background-color:#AAAAAA;

}

.onglet:hover {
	
	
	background: #f8a61b; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8a61b 0%, #c67e04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8a61b), color-stop(100%,#c67e04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8a61b 0%,#c67e04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8a61b 0%,#c67e04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8a61b 0%,#c67e04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8a61b 0%,#c67e04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a61b', endColorstr='#c67e04',GradientType=0 ); /* IE6-9 */


}

.ongletSelected {

	background: #d10000; /* Old browsers */
	background: -moz-linear-gradient(top,  #d10000 1%, #910000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d10000), color-stop(100%,#910000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d10000 1%,#910000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d10000 1%,#910000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d10000 1%,#910000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d10000 1%,#910000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10000', endColorstr='#910000',GradientType=0 ); /* IE6-9 */


	
}

.fondNoir {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(0, 0, 0, 0.3);
}

.titreLabelPopup {
	font-weight:bold;
	font-size:15px;
}

.popup {
	text-align:left;
	background-color: rgba(255, 255, 255, 1);
	border:#AAAAAA solid 1px;
	display:inline-block;
	padding:20px;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
	-webkit-box-shadow: 2px 2px 8px 0px rgba(47, 50, 50, 0.84);
	-moz-box-shadow:    2px 2px 8px 0px rgba(47, 50, 50, 0.84);
	box-shadow:         2px 2px 8px 0px rgba(47, 50, 50, 0.84);
}

.itemFormPopup {
	width:200px;
}


.labelFormPopup {
	text-align:left;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
}

.labelBtFormPopup {
	text-align:left;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
	font-size:15px;
}

.btNorm {
	display:inline-block;
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
}

.btFormContent {
	width:100%;
	text-align:center;
}

.btForm {
	display:inline-block;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
	color:#333333;
	cursor:  pointer;
	margin-left:10px;
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
	border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	
	-webkit-box-shadow: 2px 2px 8px 0px rgba(47, 50, 50, 0.84);
	-moz-box-shadow:    2px 2px 8px 0px rgba(47, 50, 50, 0.84);
	box-shadow:         2px 2px 8px 0px rgba(47, 50, 50, 0.84);
}


.btDesactive {

	background: #ef4243; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef4243 0%, #d92126 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4243), color-stop(100%,#d92126)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef4243 0%,#d92126 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef4243 0%,#d92126 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef4243 0%,#d92126 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef4243 0%,#d92126 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4243', endColorstr='#d92126',GradientType=0 ); /* IE6-9 */

}

.btActive {
	background: #b1d235; /* Old browsers */
	background: -moz-linear-gradient(top,  #b1d235 0%, #83c042 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d235), color-stop(100%,#83c042)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b1d235 0%,#83c042 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b1d235 0%,#83c042 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b1d235 0%,#83c042 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b1d235 0%,#83c042 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d235', endColorstr='#83c042',GradientType=0 ); /* IE6-9 */

}

.btLogsTop {
	float:right;
}

.labelLogsTop {
	text-align:left;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
}

.tableLogs {
	width:100%;
}

.niveau_1 {
	background-color:#fcabab;
	/* rouge */
}
.niveau_2 {
	background-color:#fceeab;
	/* jaune */
}
.niveau_4 {
	background-color:#ffffff;
	/* blanc */
}
.niveau_3 {
	background-color:#c6f0ff;
	/* bleu */
}

.workflow_wait_download {
	background-color:#c6f0ff;
	/* bleu */
}

.workflow_wait_install {
	background-color:#fceeab;
	/* jaune */
}

.workflow_error {
	background-color:#fcabab;
	/* rouge */
}

.workflow_completed {
	background-color:#A2EEB0;
	/* vert */
}

.workflow_cancelled {
	background-color:#ffffff;
	/* blanc */
}

.workflow_download {
	background-color:#c6f0ff;
	/* bleu */
}

.workflow_install {
	background-color:#FDC7A4;
	/* orange */
}

.workflow_wait_synchronised {
	background-color:#ffffff;
}

.blocPlanification {
	display:inline-block;
	width:300px;
	background-color:#DDDDDD;
}

#page {
	width:100%;
	height:100%;
	display:table;
}

.surLeftMenuClass {
	display:table-cell;
	width:200px;
	background-color:#F7F7F7;
	vertical-align:top;
	
}

.leftMenuClass {
	
	width:190px;
	border:#AAAAAA solid 1px;
	position:relative;
	top:5px;
	left:5px;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.leftMenuHeaderClass {
	
	color:#606060;
	font-weight:bold;
	font-size:17px;
	width:100%;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	
	border-bottom:#AAAAAA solid 1px;
	
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;

	
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f6f6 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}

.leftMenuListesClass {
	
}

caption {
	color:#9F0002;
	text-align:left;
	font-weight:bold;
	font-size:20px;
}

.caption {
	color:#9F0002;
	text-align:left;
	font-weight:bold;
	font-size:20px;
}

.menu {
	cursor:  pointer;
	font-weight:bold;
	font-size:15px;
	padding-left:5px;
	padding-top:5px;
}

.menu:hover {
	color:#f8a61b;
}

.menu2 {
	cursor:  pointer;
	padding-right:30px;
	font-size:12px;
	padding:2px;
	margin-top:2px;
	margin-bottom:2px;
	line-height:20px;
}

.menuSelect {
	color:#9F0002;
}

#content {
	
	display:table-cell;
	
}

.espace {
	display:table-cell;
	width:10px;
}

.red {
	color:#BC2121;
}

.green {
	color:#23BA41;
}

.panelClientContent {
	display:table;
}

.leftPannel {
	display:table-cell;
}

.rightPannel {
	border-left:#aaaaaa solid 1px;
	padding-left:20px;
	display:table-cell;
}

.contentAbonnement {
	border:#AAAAAA solid 1px;
}

.contentTable {
	display:table;
	width:100%;
}

#contentGauche {
	display:table-cell;
	padding-left:10px;
}

#contentDroite {
	display:table-cell;
	padding-right:10px;
	width:200px;
}

.bloc_news {
	border:#AAAAAA solid 1px;
	width:100%;
}

.titreNews {
	width:100%;
	display:inline-block;
	vertical-align:middle;
	height:30px;
	line-height:30px;
	
	background: #d10000; /* Old browsers */
	background: -moz-linear-gradient(top,  #d10000 1%, #910000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d10000), color-stop(100%,#910000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d10000 1%,#910000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d10000 1%,#910000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d10000 1%,#910000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d10000 1%,#910000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10000', endColorstr='#910000',GradientType=0 ); /* IE6-9 */
	
}


.titreText {
	background-color:#eeeeee;
}

.textNewsTitre {
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding-left:10px
}

.textNewsText {
	font-weight:bold;
	font-size:15px;
	margin:10px;
	display:inline-block;
}

.auteurNews {
	float:right;
	display:inline-block;
	color:#ffffff;
	font-size:10px;
	font-style:italic;
	padding-right:10px;
}



.bloc_news2 {
	border:#AAAAAA solid 1px;
	width:100%;
}

.titreNews2 {
	width:100%;
	display:inline-block;
	vertical-align:middle;
	height:20px;
	line-height:20px;
	
	background: #d10000; /* Old browsers */
	background: -moz-linear-gradient(top,  #d10000 1%, #910000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d10000), color-stop(100%,#910000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d10000 1%,#910000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d10000 1%,#910000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d10000 1%,#910000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d10000 1%,#910000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10000', endColorstr='#910000',GradientType=0 ); /* IE6-9 */
	
}


.titreText2 {
	background-color:#eeeeee;
}

.textNewsTitre2 {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding-left:10px
}

.textNewsText2 {
	font-weight:bold;
	font-size:12px;
	margin:10px;
	display:inline-block;
}

.auteurNews2 {
	float:right;
	display:inline-block;
	color:#ffffff;
	font-size:8px;
	font-style:italic;
	padding-right:10px;
}

.rang_1 {
	color:#ffffff;
}
.rang_2 {
	color:#f8a61b;
}
.rang_3 {
	color:#d10000;
}
.rang_4 {
	color:#d10000;
}