/* CSS */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
	margin:0;
	padding:0;
}

table, th, td, tr {
	font-weight:normal;
}

.display {
	position:absolute;
	bottom:10000000px;
}

h2 {
	color:#fb0015;
	font-size:15px;
}

h1 {
	color:#fb0015;
	font-size:27px;
	font-style:oblique;
}

legend {
	color:#343434;
	font-size:18px;
	text-transform:uppercase;
}

fieldset, img {
	border:none;
}


html {
	font-family:Verdana !important;
	font-size:12px;
	background:url(../images/bg_top.png) repeat-x left top #e0e0e0;
}

body {
	width:980px;	
	margin: auto;

}

a, a:visited {
	color:#757575;
	text-decoration:none;
}

a:hover {
	color:#fe000d;
	text-decoration:none;
}





#encart_mail {
	position:fixed;
	bottom:5px;
	right:10px;
	font-size:9px;
}

#container {
	width:980px;
	height:auto;
	position:absolute;
	margin:auto;
}

#header_home {
	width:980px;
	height:200px;
	position:relative;
}

#header {
	width:980px;
	height:165px;
	position:relative;
}

#logo {
	width:208px;
	height:81px;
	margin-left:0px;
	margin-top:20px;
	position:absolute;
}

.topbar {
	float:right;
	position:relative;
	width:130px;
	height:34px;
	margin-top:1px;
	padding-top:9px;
	font-size:11px;
	margin-right:10px;
	text-align:center;	
	
}
.topbar a {
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	margin-right:15px;
}
.topbar a:hover {
	color:#fe000d;
	text-decoration:none;
}	
ul.administration-menu {
    z-index: 1;
    width: 200px;
}
ul.administration-menu li{
    
}

#espace-aide {
	background:url(../images/btn_help.png) no-repeat;
}
#espace-compte {
	background:url(../images/btn_compte.png) no-repeat;
}
#espace-connexion {
	background:url(../images/btn_deconnexion.png) no-repeat;
}
#espace-administration {
	background:url(../images/btn_administration.png) no-repeat;
}
#espace-preventif {
	background:url(../images/btn_preventif.png) no-repeat;
}
#espace-kpi-etat-parc {
	background:url(../images/btn_preventif.png) no-repeat;
}

#fil-ariane {
	font-size:12px;
	width: 945px;
	height:10px;
	padding:15px;
	position:absolute;
	margin-top:135px;
	color:#757575;
}

#fil-ariane .select {
	color:#fe000d;
}

#fil-ariane ul, #fil-ariane li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}  

#encart-principal {
	height:auto;
	background:url(../images/bg_container.png) repeat-x;
	background-color:#f3f4f5;
	position:relative;
	margin-top:-1px;
	width:980px;
	padding: 0px 0px 10px 0px;
}

.commande, .survey {
	padding-left:150px;
	padding-right:150px;
}

.commande p {
	text-align:center;
}

/* Send button of order  */
#validation {
	background:url(../images/btn-commande.png) no-repeat;
	width:255px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-bottom:40px;
}

#prevbtn {
	background:url(../images/btn-commande-prev.png) no-repeat;
	width:255px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-bottom:40px;
}

#nextbtn {
	background:url(../images/btn-commande-next.png) no-repeat;
	width:255px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-bottom:40px;
}

/* create new application button */	
#cr-ndemande {
	display:block;
	background:url(../images/btn-commande-next.png) no-repeat;
	width:255px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	text-align: center;
	font-size:10px;
	font-weight:bold;
	margin-bottom:40px;
	padding-top: 6px;        
}

#go-demandes {
	/*display:block;*/
	width:5px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	text-align: center;
	font-size:10px;
	font-weight:bold;
	margin-bottom:40px;
	padding-top: 6px;        
}

/* buttons */
#annulation, #relance {
	width:100px;
	height:27px;
	border:0;
	color:grey;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;
}

/* buttons */
#accepter, #refuser, #arevoir, #infos {
	width:110px;
	height:27px;
	border:0;
	color:#808080;
	cursor:pointer;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

/* Pages containing bubbles */
.occurence {
	width: 920px;
	height:auto;
	margin-left:35px;
}

.grande_occurence h2.titre {
	margin-left:6px;
	padding-left:25px;
	height:18px;
	line-height:18px;
	background:url(../images/puce.png);
	background-repeat:no-repeat;
	font-size:18px;
	text-transform:uppercase;
}

.petite_occurence h2.titre {
	/*border:1px solid red;*/
	margin-left:6px;
	padding-left:20px;
	height:18px;
	line-height:11px;
	background:url(../images/puce2.png);
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
}

/* __NOUVELLE DEMANDE */

.grande_occurence {
	width:285px;
	height:285px;
	float:left;
	margin-right:10px;
	margin-left:10px;
}
.grande_occurence .illustration {
	background:url(../images/grande_bulle.png);
	background-repeat:no-repeat;
	width:255px;
	height:242px;
	margin-left:10%;
	margin-top:5px;
}

.grande_occurence .illustration .image {
	height:127px;
	width:169px;
	margin-top:50px;
	margin-left:25px;
	position:absolute;	
	text-align: center;
}

/* __NOUVELLE DEMANDE 2B*/
.ligne1 {
	height:200px;
	margin-bottom:30px;
	overflow:hidden;
}

.ligne2 {
	height:200px;
	margin-bottom:10px;
	width:750px;
	margin-left:100px;
	overflow:hidden;
}

.ligne3 {
	height:200px;
	overflow:hidden;
	padding-left:90px;
}

.petite_occurence {
	width:180px;
	height:190px;
	position:relative;
	float:left;
	margin-left:2px;
	margin-right:2px;
}

h3.sous-titre {
	font-size:11px;
	text-transform:uppercase;
	color:#757575;
	margin-left:26px;
	font-weight:bold;
	text-decoration:none;
}

.petite_occurence .illustration {
	background:url(../images/petite_bulle.png);
	background-repeat:no-repeat;
	width:144px;
	height:146px;
	margin-left:13%;
	margin-top:5px;
}

.petite_occurence .illustration .image {
	height:76px;
	width:95px;
	margin-top:30px;
	margin-left:20px;
	position:absolute;	
	text-align: center;
}

.petite_occurence .illustration .image img {
	height:76px;
}

/* __HOME */
#texte-accueil {
	width:700px;
	margin-top:40px;
	margin-left:180px;
	height:100px;
	position:absolute;
}

#texte-accueil .gauche {
	width:355px;
	height:100px;
	padding-left:10px;
	float:left;
}

#texte-accueil .gauche p {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
}

.nouvelle-demande {
	display:block;
	width:235px;
	height:27px;
	background:url(../images/btn-nouvelle-demande.png) no-repeat;
}

	
/* send button of order */
#creation {
	background:url(../images/btn-commande.png) no-repeat;
	width:255px;
	height:27px;
	border:0;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.important {
	font-weight:bold;
	color:#e3000b;
	margin-bottom:8px;
}

#texte-accueil .droite {
	width:300px;
	height:78px;
	padding-left:25px;
	float:right;
	margin-top:20px;
	border-left:2px solid #eaeaea;
}

#texte-accueil .droite img {
	margin-left:-35px;
	float:left;
}

#filtre {
	width:960px;
	height:30px;
	margin-left:5px;
	margin-top:150px;
	position:absolute;
}

#filtre legend {
	color:#343434;
	font-size:16px;
	text-transform:uppercase;
	margin-left:20px;
}

#filtre .select {
	width:800px;
	position:absolute;
}

#filtre select {
	width:200px;
	margin-left:10px;
	margin-top:-20px;
}

/** ACCUEIL - TABLEAU */

.vide {
	margin-right:6px;
	height:10px;
	margin-top:3px;
        cursor:pointer;
}

.videbtn {
	margin-right:6px;
	height:10px;
	margin-top:3px;
        cursor:pointer;
}

.tabstat tr {
    width: 10px;
}

.tabstat td {
    border: 1px solid; text-align: left; font-weight: bold; cursor: pointer;
}

.tabstat th {
	height:26px;
	background:url(../images/header_tableau.png) repeat-x left top;
	color:#FFFFFF;
	border-right:2px solid #b7b7b7;	
	font-weight:bold;
	text-align:center;
	padding-left:7px;
}


table {
	width:972px;
	margin-left:4px;
	/*margin-top:-45px;*/
	font-size:12px;
	border-collapse:collapse;
	background-color:#FFFFFF;
}

table thead th {
	height:26px;
	background:url(../images/header_tableau.png) repeat-x left top;
	color:#FFFFFF;
	border-right:2px solid #b7b7b7;	
	font-weight:bold;
	text-align:left;
	padding-left:7px;
}
table thead th a {	
	color:#FFFFFF;
        text-decoration: none;
}

table h4 {
	font-size:12px;
}

table h4 span {
	text-decoration:underline;
}

table tbody, .navigation {
	padding-bottom:5px;
	border-bottom:3px solid white;
	border-collapse:collapse !important;
}

table tbody tr {
	height:35px;
	background:url(../images/fond_tableau.png) repeat-x left top;
	text-align:left;
	background-color:#f4f4f4;
	/*cursor:pointer;*/
}

table tbody td {
	padding-left:7px;
	border-bottom:2px solid #d5d5d5;
}

table tbody td img {
	float:left;
}

table tbody td .note img {
	float:none;
}	

.info_supp {
	border-top:none;
	display:normal; /* Hide information */

}

.info_supp p span {
	height:31px;
	line-height:31px;
}

.info_supp p {
	border-bottom:1px solid #d5d5d5;
	width:95%;
}

.info_supp .supp_border {
	border-bottom:none;
	width:95%;
}

.info_supp .cell-vide {
	padding:0;
	border-bottom:0 none;
}

.info_supp td {
	background: #f3f4f5;
	border-collapse:collapse;
	border-bottom:1px solid #d5d5d5;
	padding-left: 28px;
	line-height:16px;
}

#footer_table {
	width:345px;
	height:26px;
	background:url(../images/footer_tableau.png) no-repeat;
	float:right;
	margin-right:2px;
	text-align:center;

}

#footer_table a {
	font-size:10px;
	float:right;
	margin-right:10px;
	margin-top:5px;

}

.toggleTable h4 {
	color:#000000;
	text-decoration:underline;
	font-size:12px;
}

#footer {
	width:980px;
	height:10px;
	position:relative;
	margin-top:5px;
}	

#footer p {
	font-size:11px;
	color: #707070;
	margin-left:16px;
}	

.clear {
	clear:both;
}

.tableAcc .title.open .more {
	display:none;
}
.tableAcc .title.closed .less {
	display:none;
}

.input-list {
	text-align: left;
	display: inline-block;
}

.input-list input {
	margin-top: 3px;
}

.survey .jsok {
	padding-top: 10px;
}
.survey .note img {
	float:none;
}

form#formDialogStation {
    width: 80%;
    margin: 0 auto;
}

#formDialogStation label,#formDialogStation input {
    display: inline-block;
}

#formDialogStation label {
    width: 30%;
    text-align: right;
}

#formDialogStation label +#formDialogStation input {
    width: 30%;
    margin: 5% 30% 5% 4%;
}

#formDialogStation input +#formDialogStation input {
    float: right;
}

#btn-parking_valid {
    padding: 2px;
    border-radius: 5px;
}

#delete-dem-parked {
    float: right;
    margin-right: 2px;
}

.container-messages > div {
    margin: 10px 10px 10px 10px;
}
.container-messages > legend {
    margin: 10px 10px 10px 10px;
}
.container-messages td.msg {
    width: 50%;
    max-width: 50%;
}
.container-messages td.msg textarea {
    width: 491px;
    max-width: 491px;
    min-height: 35px;
    max-height: 100px;
}
.container-messages td.msg-info {
    width: 45%;
    font-weight: bold;
    font-size: 10px;
}
.container-messages td.msg-icon-gerant {
    width: 4%;
    background: url("../images/gasstations.png") no-repeat;
    background-color: #9A9A9A;
    background-position: 50% 50%;
    background-size: 35px 35px;
}
.container-messages td.msg-icon-siege {
    width: 4%;
    background: url("../images/headquarters.png") no-repeat;
    background-color: #9A9A9A;
    background-position: 50% 50%;
    background-size: 35px 35px;
}
.container-messages td.msg-icon-sous-traitant {
    width: 4%;
    background: url("../images/subcontractors.png") no-repeat;
    background-color: #9A9A9A;
    background-position: 50% 50%;
    background-size: 35px 35px;
}
.container-messages td.msg-icon-unknown {
    width: 4%;
    background: url("../images/unknownprofiles.png") no-repeat;
    background-color: #9A9A9A;
    background-position: 50% 50%;
    background-size: 35px 35px;
}
.container-messages > form {
    margin: 10px 5px 10px 5px;
}
.container-messages > form > textarea {
    float: left;
    width: 84%;
    max-width: 84%;
    height: 50px;
    max-height: 50px;
}
.container-messages > form > input[type="submit"] {
    float: right;
    width: 15%;
    height: 50px;
    cursor:pointer;
}

table.form-t1 {
    margin-bottom: 20px;
}
table.form-t1 td label {
    font-weight: bold;
}
table.form-t1 td textarea {
    max-width:80%;min-width:50%;max-height:60px;min-height:59px;
}
table.form-t1 td {
    padding: 15px 0 0 15px;
    border: 0;
    background: 0;
    background-color: #f4f4f4;
}


table.form-t1 button,
table.form-t1 a.button,
table.form-t1 input[type="reset"],
table.form-t1 input[type="submit"],
table.form-t1 input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: white 0 1px 1px;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0;
}
table.form-t1 button:hover,
table.form-t1 a.button:hover,
table.form-t1 input[type="reset"]:hover,
table.form-t1 input[type="submit"]:hover,
table.form-t1 input[type="button"]:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  text-decoration: none;
}
table.form-t1 button:active,
table.form-t1 a.button:active,
table.form-t1 input[type="reset"]:active,
table.form-t1 input[type="submit"]:active,
table.form-t1 input[type="button"]:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
  background-image: -moz-linear-gradient(#dddddd, #eeeeee);
  background-image: -o-linear-gradient(#dddddd, #eeeeee);
  background-image: linear-gradient(#dddddd, #eeeeee);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd;
}

.panel-info {
    width: 100%;
    height: 60px;
    border-style: solid;
    border-color: #eee5ca;
    background-color: #f8f4ea;
    font-weight: bold;
    margin-bottom: 5px;
}

.status-ok      {color: #8deb00;}
.status-warn    {color: #f2b400;}
.status-alert   {color: #ea0000;}

body.nojs .js-wrapper { display: none; }