@CHARSET "UTF-8";

/*****************
 * Générique
 */
 
html{
	font-family:sans-serif;
	
	}
	
body{
	margin:0;
	background-color: #FFF;
	background-image: url('/img/fondPortail.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	width: 100%;
	overflow-x: hidden;
	}
	
a {
	color: #026D6B;
}
a:focus{
	outline:thin dotted
	}
	
a:active,a:hover{
	outline:0
	}
	
h1{
	margin:.67em 0;
	font-size:2em
	}

.note {
	font-size: 11px;
	text-align: right;
	font-style: italic;
}

/*input:invalid, input.error {
  background-color: #ffdddd;
}*/
input.error {
  background-color: #ffdddd;
}

.error, .comExists {
    color: red;
}

.pointer {
	cursor: pointer;
}

.inline {
	display: inline;
}

.vcenter {
    display: flex;
    align-items: center;
}

.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-12 { margin-top: 1.2em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }

.margin-left-05 { margin-left: 0.5em; }
.margin-left-10 { margin-left: 1.0em; }
.margin-left-15 { margin-left: 1.5em; }
.margin-left-20 { margin-left: 2.0em; }
.margin-left-25 { margin-left: 2.5em; }
.margin-left-30 { margin-left: 3.0em; }
.margin-left-50 { margin-left: 5.0em; }

.margin-right-05 { margin-right: 0.5em; }
.margin-right-10 { margin-right: 1.0em; }
.margin-right-15 { margin-right: 1.5em; }
.margin-right-20 { margin-right: 2.0em; }
.margin-right-25 { margin-right: 2.5em; }
.margin-right-30 { margin-right: 3.0em; }
.margin-right-50 { margin-right: 5.0em; }

/*****************
 * Boutons
 */
input[type=button], input[type=submit], button[type=button], button[type=submit], 
button[type=button].ui-state-default, button[type=button].ui-widget-content button[type=button].ui-state-default,
.divButton {
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
	color: #ddd;
	background: #1DBC9C;
	border-color: #1DBC9C;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	height: 40px;
	min-width: 90px;
}
.divButton {
	padding-top: 8px;
}
button[type=button].floatLeft, .divButtonLeft {
	float: left;
}

.divButtonCenter {
	float: none;

}

input[type=buton].ui-dialog-titlebar-close {
	margin: -10px 0 0 0;
}
input[type=button]:hover, input[type=submit]:hover, button[type=button]:hover, button[type=submit]:hover, .ui-button .ui-state_defaut .ui-state-hover {
  opacity:0.5;
 }
  
input[type=button].delete, div.delete input[type=submit], button[type=button].delete, div.delete button[type=submit], button.error {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
input[type=button].delete:hover, input[type=submit].valid:hover, button[type=button].delete:hover, button[type=submit].valid:hover, button.error:hover {
	opacity:0.5;
}

input[type=submit].dupliquer {
	width: auto;
	float: left;
}

.boutonDetail {
    float: right;
    margin-right: 5%;
    margin-top: 10px;
}
.contact {
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
	color: #ddd;
	background: #f06521;
	border-color: #f06521;
	display: inline-block;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 0;
	height: 40px;
	width: 150px;
}
.contact:hover {
	opacity: 0.5;
}

/*******************
 * Listes / Pagination
 */
 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, 
 .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #026D6B;
    border-color: #026D6B;
 }
 
 .pagination > li > a, .pagination > li > span {
    color: #026D6B;
}

/**
 *
 */
.nowrap {
    white-space:nowrap;
    }
    
.titre {
	position: relative;
	color: #D6E5DF;
	text-shadow: -3px 2px 8px #000;
	font-size: 3.2em;
	font-weight: bold;
}
.titre1 {
	/*left: 268px;*/
	/*top: 130px;*/
	left: 50px;
	top: 50px;
}
.titre1 img {
	width: 480px;
}
.titre2 {
	left: 268px;
	top: 140px;
}

.divApp {
	position: absolute;
	left: 58px;
	top: 282px;
	width: 943px;
	min-height: 602px;
	background-color: #D6E5DF;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: -8px 8px 15px #000; 
    -moz-box-shadow: -8px 8px 15px #000; 
  	-webkit-box-shadow: -8px 8px 15px #000; 
    padding: 30px 20px 20px 20px;
	margin-bottom: 30px;
}

.acc_login {
	margin: auto auto;
	width: 220px;
	padding: 40px;
}

.titreBloc {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 100%;
}

.listeContenu {
	position: absolute;
	left: 10px;
	top: 15px;
}

.tblSimValues {
	width: 100%;
	color: #026D6A;
}
.trSimLbl td {
	padding-top: 20px;
}

.trSimValue td {
	vertical-align: top;
}
.trSimValue td input{
	height: 40px;	
}
.trSimVide {
	height: 50px;
}

.trSimValue td h1 {
    margin: 0 0 .67em 0;
    font-size: 2em;
    
}

.table.noborder > tbody > tr > td, .table.noborder > tbody > tr > th, .table.noborder > tfoot > tr > td, .table.noborder > tfoot > tr > th, 
.table.noborder > thead > tr > td, .table.noborder > thead > tr > th {
    border: none;
}

.btAnneePrec {
	float: right;
margin-top: -40px;
}

/****************
* Menu
*/

.navbar {
	min-height: 30px;
}
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin: 10px 0;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-collapse.collapse.in{
  display:block !important;
  background: #026D6B;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: unset;
    z-index: 1030;
}
.navbar-inverse {
    background-color: #026D6B;
    border-color: #026D6B;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #A9CBB4;
}
button[type=button].navbar-toggle {
	color: #fff;
	background: #026D6B;
	border-color: #026D6B;
	display: inline-block;
	padding: auto;
	padding-top: 5px;
	margin: auto;
	height: auto;
	width: auto;
}

/****************
* Resultats
*/
.panel-default > .panel-heading {
	color: #ddd;
	font-weight: bold;
	font-size: 13px;
}
.panel-heading {
    padding: 10px 5px;
    text-align: center;
    color: #ddd;
}
.panel-body {
	padding: 15px 15px;
}
.coutEstime > .panel-heading {
	background-color: #026c6b;
}
.refSecteur > .panel-heading {
	background-color: #f06521;
}
.gainPotentiel > .panel-heading {
	background-color: #8bc63f;
}

.padding0 {
	padding: 0;
}
.panel-body {
	text-align: center;
    background-color: #2a2938;
}

.bodyValeurs {
	height: 93px;
}

.bodyGraphs {
	height: 336px;
}

.result1 {
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background-color: #2a2938;
    color: #ddd;
}
.result2 {
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #2a2938;
    color: #ddd;
}

.result3 {
	margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #2a2938;
    color: #ddd;
}

.panel {
	margin-bottom: 5px;
	margin-top: 0;
}

.titreResultat {
	color: #006a66;
}
.resultatCommentaires {
	padding-left: 25px;
	padding-right: 10px
}

.commentaires > .panel-heading {
	background-color: #8bc63f;
}
.commentaireBody {
	height: 330px;
	overflow: auto;
	text-align: left;
	color: #ddd;
}

.graphATMP {
	width: 10px;
	height: 10px;
	background-color: #e52c39;
	display: inline-block;
	margin-right: 5px;
}

.graphAbsATMP {
	top: 155px;
	left: 90px;
	position: absolute;
	color: #ddd;
}

.uv-arc-categories > text {
	color: #ddd;
}

#slider-handle-amelioration, #slider-handle-degradation {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    color: #ddd;
  }
  
 #sliderAmelioration, #sliderDegradation {
 	margin: 0 20px 4px 20px;
 }
 
 #slider-handle-amelioration, #sliderAmelioration {
 	background-color: #8bc63f;
 }
 
 #slider-handle-degradation, #sliderDegradation {
 	background-color: #e52c39;
 }
 
 .ui-widget {
    font-size: 0.8em;
}
.ui-slider-horizontal {
    height: .3em;
}
.titreAmelioration {
	margin-top: -5px;
}
.titreDegradation, .titreAmelioration {
	color: #ddd;
	margin-bottom: 2px;
}