<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    padding-top: 120px;
}

.navbar-header {
	
	
}
.navbar-default {
	height:100px;
	padding-top:0px;
}

.navbar-light {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:0px solid ;
	background-color:#ffffff;
}

#gradient-line {
	margin-top:20px;
	height:20px;
	width:100%;
	background: linear-gradient(140deg, rgb(41, 160, 181) 22%, rgb(131, 193, 153) 100%);
}
.navbar-brand  {
	float: left;
	margin-left:30px !important;
}

.navbar-brand-title {
	float: left;
	padding-top:30px;
	padding-left:20px;
	font-size: 2em;
}

.navbar-right {
    float: right !important;
    margin-right: 20px;
    padding-top:20px;
   }
#dialogSelectAdditiveToolbar {
	
  background-color: #dddddd;
  margin-top:10px;
  width: 100%;
  height:30px;
}

.ui-dialog .ui-dialog-titlebar-close {
	top:15px;
}

.ui-dialog .ui-dialog-title {
	height:auto;
}
.ui-widget-overlay {
    background: #000000 url() repeat-x scroll 50% 50%;
        background-color: #AAA;
        background-image: url("images/ui-bg_flat_0_aaaaaa_40x100.png");
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: 50% 50%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    opacity: 0.6;
    background-color: #000000;
    background-image: url("");
}
#dialogSelectAdditiveContent {

}
#questionDescription {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:666666;
}
#questionDescription a {
	color:#009DE2;
	text-decoration:none;
}
#questionDescription a:hover {
	color:#009DE2;
	text-decoration:underline;
}
#main {
	width: 950px;   
	
	margin-left: -475px;      
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	border: 0px solid #FF0000;
	background:#FFFFFF;
}

#header {
	background:#FFFFFF url("../images/header.jpg") repeat-y top left;
	
	height:154px;
	/*margin-bottom:20px;*/
}
#langageBox {
	float:right;
	margin-top:10px;
	margin-right:10px;

}
.comboBox {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:10px;
}
#headerTitle {
	font-family:Arial, "Times New Roman", Times, serif;
	position: relative;
  	top: 40px;
  	left:190px;
	width:500px;
	text-align: center;
  	font-size:25px;
  	color:#FFFFFF;
	border:1px solid #ffffff;
  	
  	
}
/*
h2 {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	color:#000000;
	padding-top:10px;
	
}
h3 {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	padding-top:10px;
}
*/
#disclaimer {
	clear:both;
	margin-top: 70px;
	color:#7D7D7D;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
}
#productNameContainer {
	/*color:#7D7D7D;
	font-size:11px;
	
	text-align: justify;
	*/
	padding:10px 60px 0px 60px;
}

#mainContainer {
	/*color:#7D7D7D;
	font-size:11px;
	
	text-align: justify;
	*/
	padding:10px 60px 0px 60px;
}



#resultBox {
	float:left;
	width:80%;
	border: 0px solid #CCCCCC;
	margin:30px;
	padding:10px;
}
#leftBox {
	float:left;
	width:450px;
	height:400px;
	border: 0px solid #ff0000;
	padding:20px;
}
#rightBox {
	float:right;
	width:440px;
	
	border: 0px solid #ff0000;
	padding:0px 0px 30px 0px;
	background:#D6D1CD;
	border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-opera-border-radius:10px 0px 0px 10px;
	-khtml-border-radius:10px 0px 0px 10px;
}
#rightBoxTitle {
	font-size:20px;
	color:#FFFFFF;
	margin:20px 0px 30px 0px;
	text-align:center;
}
#rightBoxComment {
	font-size:11px;
	font-style:italic;
	padding:30px 20px 0px 20px;
	text-align:center;
	color:#009DE2;
	
}

#rightBoxNumber {
	float:left;
	font-size:11px;
	color:#444444;
	width:25px;
	text-align:right;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 10px;
}

#rightBoxQuestion {
	float:left;
	font-size:11px;
	color:#444444;
	width:270px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
}
#rightBoxQuestion a {
	color:#444444;
	text-decoration:none;

}
#rightBoxQuestion a:hover {
	color:#009DE2;
	text-decoration:underline;

}
#rightBoxReponse {
	float:left;
	font-size:11px;
	color:#009DE2;
	width:100px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
	padding-left:3px;
}

#rightBoxScore {
	float:left;
	font-size:11px;
	color:#ff0000;
	width:20px;
	border: 0px solid #ff0000;
	margin:0px 0px 0px 0px;
}


#nomProduit {
	
	/*font-size:22px;
	color:#009DE2;
	background:#FFFFFF url("../images/flecheVerte.jpg") no-repeat left 7px;
	border: 0px solid #FF0000;
	height:30px;
	padding-left:20px;
	margin-left:50px; 
	margin-right:50px; 
	margin-top:20px;
	*/
	
}
#questionLabel {
	
	font-size:14px;
	color:#444444;
	margin:30px 0px 0px 20px;
	
	border:0px solid #000000;
}
#questionForm {
	height:70px;
	font-size:14px;
	color:#009DE2;
	margin:30px 0px 0px 40px;
	
	border:0px solid #ff0000;
}
.classYes {
	float:left;
	margin:0px 0px 0px 20px;
	border:0px solid #000000;
}
#classCheckedYes {
	float:left;
	height:15px;
	margin:1px 0px 0px 10px;
	border:0px solid #000000;
	padding:0px;
}
.classNo {
	float:left;
	margin:0px 0px 0px 40px;
	border:0px solid #000000;
}
#classCheckedNo {
	float:left;
	height:15px;
	margin:1px 0px 0px 10px;
	border:0px solid #000000;
	padding:0px;
}

#btNext {
	text-align:right;
	margin-top:10px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
}
.formProduct {
	
	font-size:12px;
	color:#7D7D7D;
	border: 0px solid #FF0000;
	height:30px;
	margin-left:0px;
	margin-bottom:20px;
}
.formProductLabel {
	float:left;
	margin:6px 0px 0px 0px;
	
	border:0px solid #000000;
}
.formProductFleche {
	float:left;
	margin:8px 10px 0px 10px;
	border:0px solid #000000;
}
.formProductZone {
	float:left;
	width:265px;
	height:30px;
	background:#FFFFFF url("../images/cadreZone.jpg") no-repeat left 0px;
	border:0px solid #000000;
}
.formBtStart {
	float:left;
	
	height:30px;
	border:0px solid #000000;
}
.formProductInput {
	margin:3px 0px 0px 8px;
	border:0px;
	color:#009DE2;
	font-size:14px;
	padding-top:3px;
}

#formGrid {
	background:#D6D1CD;
	padding:10px 10px 10px 10px;
	margin:0px 10px 20px 10px;
	height:290px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	-khtml-border-radius:5px;
}

#formGrid table {
	border:1px solid #FFFFFF;
	
}

.line1 {
	font-family:Arial, "Times New Roman", Times, serif;
	width:100px;
	vertical-align:middle;
	font-size:10px;
	padding:3px;
	border-right:1px solid #B8D487;
	color:#FFFFFF;
	background:#FFFFFF url("../images/fondTableTitre.jpg") repeat-x left 0px;
}
.col1 {
	font-family:Arial, "Times New Roman", Times, serif;
	width:150px;
	font-size:11px;
	background:#BAD183;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	padding:3px;
	
}
.inputCell {
	
	font-size:12px;
	
	
	margin:3px;
	width:100px;
	
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-top:0px solid #AAAAAA;
	border-left:0px solid #AAAAAA;

	
	
}
.resultCell {
	font-family:Arial, "Times New Roman", Times, serif;
	background:#FFFFFF;
	font-size:11px;
	text-align:right;
	
	padding:3px;
	width:100px;
	
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-top:0px solid #AAAAAA;
	border-left:0px solid #AAAAAA;
}
.inactiveCell {
	background:#D6D1CD;
}
.inputfield {
	background:transparent;
	font-size:12px;
	
	border:1px solid #AAAAAA;
	padding:3px;
	width:150px;

	
	
}
.resultfield {
	background:transparent;
	font-size:10px;
	text-align:right;
	border:0px;
	
	padding:3px;
	width:100px;
}

#formTotal {
	background:#D6D1CD;
	padding:10px 10px 10px 10px;
	margin:0px 10px 50px 10px;
	
}

#formTotal table {
	border:1px solid #FFFFFF;
	
}
.totalField {
	width:100px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	padding:3px;
	border:0px solid #000000;
}

.totalFieldCol1 {
	width:150px;
	font-size:10px;
	
	border-right:1px solid transparent;
	
	padding:3px;
	
}



#idFleche {
	text-align:center;
	margin-top:15px;	
}

#idResultat {
	text-align:center;
	margin-top:15px;
	margin:0px;

	
	
}

.resultatFinal {
	font-size:12px;
	color:#009DE2;

	padding:8px 0px 10px 0px;
	
	border:0px solid #DD0000;
	background:#FFFFFF url("../images/cadreZone.jpg") no-repeat 350px 0px;
}
.buttonNext {
	float:right;
	height:30px;
	border:0px solid #000000;
}

.buttonPrint {
	float:left;
	height:30px;
	border:0px solid #000000;
}
.buttonRestart {
	float:right;
	height:30px;
	border:0px solid #000000;
}

.buttonLeft {
	float:left;
}

.buttonCenter {
	float:left;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	background:#FFFFFF url("../images/buttonCenter.png") repeat-x;
	padding:3px 15px 6px 15px;
}
.buttonCenter a {
	
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	text-decoration: none;
	
}
.buttonRight {
	float:left;
	
}
/*=======================================
Navbar
=========================================*/
#navbarContainer {
	width:100%;
	/*height:50px;*/
	border:0px solid #000000;
	margin-top:20px;
	text-align: center;
	font-size:22px;

	padding: 0px 60px 0px 60px;
}

.navbarItem {
	float:left;
	border:1px solid #ff0000;
	padding:5px 20px 20px 5px;
	/*text-transform: uppercase;*/
	margin-right: 0px;
	font-size:22px;
}



#navbarContainer .notValidated {
	background:#CCCCCC;
}

#navbarContainer .icon {
	padding-right:10px;
}

/*.navbarItem{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 15px 20px 15px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:normal; color: #FFFFFF;
 background-color: #a9db80; background-image: -webkit-gradient(linear, left top, left bottom, from(#a9db80), to(#96c56f));
 background-image: -webkit-linear-gradient(top, #a9db80, #96c56f);
 background-image: -moz-linear-gradient(top, #a9db80, #96c56f);
 background-image: -ms-linear-gradient(top, #a9db80, #96c56f);
 background-image: -o-linear-gradient(top, #a9db80, #96c56f);
 background-image: linear-gradient(to bottom, #a9db80, #96c56f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9db80, endColorstr=#96c56f);
}

.navbarItem:hover{
 border:1px solid #74bf36;
 background-color: #8ed058; background-image: -webkit-gradient(linear, left top, left bottom, from(#8ed058), to(#7bb64b));
 background-image: -webkit-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -moz-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -ms-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -o-linear-gradient(top, #8ed058, #7bb64b);
 background-image: linear-gradient(to bottom, #8ed058, #7bb64b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ed058, endColorstr=#7bb64b);
}
*/
.navbarItem{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:20px;font-family:arial, helvetica, sans-serif; padding: 15px 20px 15px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:normal; color: #FFFFFF;
 background-color: #a9db80; background-image: -webkit-gradient(linear, left top, left bottom, from(#8bcf54), to(#4ba614));
 background-image: -webkit-linear-gradient(top, #8bcf54, #4ba614);
 background-image: -moz-linear-gradient(top, #8bcf54, #4ba614);
 background-image: -ms-linear-gradient(top, #8bcf54, #4ba614);
 background-image: -o-linear-gradient(top, #8bcf54, #4ba614);
 background-image: linear-gradient(to bottom, #8bcf54, #4ba614);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9db80, endColorstr=#96c56f);
}

.navbarItem:hover{
 border:1px solid #74bf36;
 background-color: #8ed058; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#36780E));
 background-image: -webkit-linear-gradient(top, #4ba614, #36780E);
 background-image: -moz-linear-gradient(top, #4ba614, #36780E);
 background-image: -ms-linear-gradient(top, #4ba614, #36780E);
 background-image: -o-linear-gradient(top, #4ba614, #36780E);
 background-image: linear-gradient(to bottom, #4ba614, #36780E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ed058, endColorstr=#7bb64b);
}

#navbarContainer .current {
	background:#4ba614;
}

#navbarContainer .notValidated {
	background:#CCCCCC;
}

#navbarContainer .first {
	-webkit-border-radius: 50px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius: 50px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius: 50px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#navbarContainer .middle {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#navbarContainer .last {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-radius: 1px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

/*=======================================
previousNextContainer
=========================================*/
#previousNextContainer {
	
	height:60px;
	border:0px solid #000000;
	margin-top:0px;
	padding:0px 200px 0px 200px;
	
	font-size:22px;

}
#previousNextContainer a, #previousNextContainer a:hover {
	color:#ffffff;
	text-decoration: none;
}
#previousNextContainer .iconLeft {
	padding-right:10px;
}
#previousNextContainer .iconRight {
	padding-left:10px;
}
#previousNextContainer .first {
	-webkit-border-radius: 50px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius: 50px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius: 50px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#previousNextContainer .last {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-radius: 1px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.navButtonNext {
	float:right;
	border:1px solid #ff0000;
	padding:5px 20px 20px 5px;
	/*text-transform: uppercase;*/
	margin-right: 0px;
	font-size:22px;
}
.navButtonPrevious {
	float:left;
	border:1px solid #ff0000;
	padding:5px 20px 20px 5px;
	/*text-transform: uppercase;*/
	margin-right: 0px;
	font-size:22px;
}

/*=======================================
New
=========================================*/
.greyBox {
	width:100%;
	height:auto;
	min-height:50px;
	border:1px solid #DDDDDD;
}
tr .lineItem {
	border-bottom:1px solid #DDDDDD;

}
.lineItem:hover {
	background:#E5E5E5;
}
.formItem {
	border-bottom:1px solid #DDDDDD;
}
.textColumn_id {
	padding:5px 10px 5px 10px;
	width:80px;
	
	color:#444444;
	
	
	}
.textColumn {
	padding:5px 10px 5px 10px;
	width:500px;
	border-bottom:0px solid #DDDDDD;
	
	color:#444444;

	
}

.menuIcon {
	font-size: 18px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
}

.buttonColumn {
	float:right;
	color:#ffffff;
	
	padding:5px 10px 5px 10px;
	border-radius:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
}

.buttonText {
	margin-left:10px;
}
.buttonDelete {
	/*width: 100%;*/
	max-width:11px;
	padding:5px 7px 5px 7px;
	margin-left:3px;
	
	background-image:linear-gradient(#99222b, #841d25);
}
.buttonDelete:hover {
	
	background-image:linear-gradient(#ae2730, #99222b);
}
.buttonEdit {
	width: 10px;
	background-image:linear-gradient(#003972, #002c58);
}
.buttonEdit:hover {
	background-image:linear-gradient(#00468c, #003972);
}
.buttonAdd {
	background-image:linear-gradient(#018b00, #017200);
	transition: background-image 2s;
}
.buttonSelect {
	background-image:linear-gradient(#cccccc, #aaaaaa);
	transition: background-image 2s;
}
.buttonUnSelect {
	background-image:linear-gradient(#018b00, #017200);
	transition: background-image 2s;
}
.buttonAdd:hover, .buttonAdd.on { 
	background-image:linear-gradient(#01a500, #018b00);
}

.buttonAdd:hover, .buttonEdit:hover, .buttonDelete:hover, .sectionTitle:hover {
	cursor: pointer;
}

.buttonInfo {
	float: left;
	padding:0px 3px 0px 3px;
	color:#005ec9;
	font-size:16px;
	/*background-image:linear-gradient(#cccccc, #aaaaaa);*/
	transition: background-image 2s;
}
.buttonInfo:hover {
	
	/*background-image:linear-gradient(#dddddd, #bbbbbb);*/
	cursor: pointer;
}
.buttonWarning {

	padding:0px 3px 0px 3px;
	float: left;
	color:#f06800;
	font-size:16px;
	/*background-image:linear-gradient(#cccccc, #aaaaaa);*/
	transition: background-image 2s;
}
.buttonWarning:hover {
	
	/*background-image:linear-gradient(#dddddd, #bbbbbb);*/
	cursor: pointer;
}


/*========================================
Section
===================================*/
.sectionTitle {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:16px;
	color:#ffffff;
	margin-top: 0px;
	padding:8px 10px 8px 10px;
	/*background-image:linear-gradient(#808080, #676767); */
}
.sectionTitle:hover {
	/*background-image:linear-gradient(#9a9a9a, #808080);*/
}


.buttonTitleIcon {
	font-size: 18px;
	padding-top:5px;
	padding-left:3px;
	padding-right: 10px;
}

#additiveTotal {
	
}

#materialTotal {
	
}
.inputfieldNew {
	background:transparent;
	font-size:12px;
	
	border:2px solid #BBBBBB;
	padding:3px;
	margin:4px 3px 4px 0px;
	width:100px;


	border-radius:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;

	
	
}

.inputfieldConcentration {
	background:transparent;
	font-size:12px;
	
	border:2px solid #cccccc;
	padding:3px;
	margin:4px 3px 4px 0px;
	width:80%;
	max-width:80px;



	border-radius:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;

	
	
}
.bgConcentrationRed {
	background-color:#ffd8d8;
	border-color:#f00400;
	margin-left:5px;
}

.bgConcentrationGreen {
	border-color:#4ba614;
	background-color:#ceffce;
	margin-left:5px;
}

.unite {
	color:#444444;
	padding-left:3px;
	border:0px solid #000000;
}
.tableTitle {
	background-color: #CCCCCC;
	
}
.tableTitle th {
	color:#000000;
	padding: 5px 10px 5px 10px;
}

#sectionTotal {
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	color:#ffffff;
	margin-top: 20px;
	padding:8px 10px 8px 10px;
	/*margin: 20px 150px 0px 400px;
	padding:8px 10px 8px 10px;
	*/
}
.sectionTitleTotal {

	background-image:linear-gradient(#808080, #676767);
}
.sectionTitleTotalRed {
	background-image:linear-gradient(#f00400, #C00300);
}
.sectionTitleTotalGreen {
	background-image:linear-gradient(#4BA614, #3C8510);
}
/*======================================================
	DialogBox
======================================================*/
.dialogIconNotification {
	color:#00c200;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconInfo {
	color:#0068f0;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconWarning {
	color:#f09c00;
	font-size: 26px;
	padding-right:20px;
}
.dialogIconError {
	color:#f00400;
	font-size: 26px;
	padding-right:20px;
}

/*======================================
Placeholder outline-style: 
========================================*/
::-webkit-input-placeholder {
 font-size: 12px;
 color: #444444;
 font-style: italic;
}
:-moz-placeholder { /* older Firefox*/
 font-size: 12px;
 color: #444444;
 font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */ 
 font-size: 12px;
 color: #444444;
 font-style: italic;
} 
:-ms-input-placeholder { 
 font-size: 12px;
 color: #444444;
 font-style: italic;
}

.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

</pre></body></html>