﻿body {
	padding:0px;
	margin:0px;
	background-color:#e4e4e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#container {
	background-image: url(../images/main_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	width:933px;
	height:auto;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	margin-left:25px;
}
#menu_up {
	height:26px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	color:#666666;
	font-size:12px;
}
#menu_up a {
	color:#666666;
	text-decoration:none;
}
#menu_up a:hover {
	color:#cc0000;
	text-decoration:underline;
}
#menu {
	padding-left:8px;
}
#main {
	margin-top:10px;
	padding-left:8px;
	padding-right:8px;
}
#footer {
	height:69px;
	margin-top:20px;
	margin-left:-19px;
	margin-right:-19px;
	margin-bottom:-20px;
	background-color:#000;
	padding-top:35px;
	clear:both;
}
#footer img {
	float:left;
	margin-left:152px;
}
#presentation {
	color:#FFF;
	width:480px;
	float:left;
	height:32px;
	margin-left:48px;
	font-size:14px;
}
#colone_g {
	width:252px;
	float:left;
}
#colone_g img {
	margin-bottom:15px;
}
#colone_m {
	width:424px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:40px;
	text-align:left;
	color:#666;
}
#colone_d {
	width:200px;
	float:right;
}
ul {
	margin-left:0px;
	padding-left:0px;
	margin-bottom:60px;
	margin-top:20px;
}
ul li {
	list-style:none;
	text-indent:15px;
	background-image:url(../images/li_fleche.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
ul li ul {
	margin-left:20px;
	margin-top:10px;
	margin-bottom:auto;
}
ul li ul li {
	list-style:none;
	background-image:none;
	margin-bottom:auto;
}
h1 {
	color:#cc0000;
	font-size:22px;
	margin-top:0px;
	background-image:url(../images/separation-h1.png);
	background-position:bottom;
	background-position-x:-20px;
	background-repeat:no-repeat;
	padding-bottom:25px;
}
h2 {
	color:#333333;
	font-size:18px;
	margin-top:0px;
	font-weight:bolder;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
}
#bloc_clients, #bloc_refs {
	background-image:url(../images/bloc_clients_m.png);
	background-repeat:repeat-y;
	background-position:left top;
	height:auto;
	width:200px;
	margin-bottom:15px;
}
.bloc_h {
	width:160px;
	background-image:url(../images/bloc_clients_h.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.bloc_h p {
	color:#666666;
	font-size:20px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:4px solid #cc0000;
	display:block;
	margin:0px;
	padding:0px;
}
.bloc_m {
	width:160px;
	background-image:url(../images/bloc_clients_b.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
}
.bloc_m img {
	margin-bottom:13px;
}
.bloc_m p {
	margin-top:0px;
	color:#666666;
}
.bloc_m p strong {
	color:#666666;
}
#bloc_refs a, #bloc_contact a {
	color:#666666;
	text-decoration:none;
	display:block;
}
#bloc_refs a:hover, #bloc_contact a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#cc0000;
	padding-left:3px;
}

/************************ Colone de gauche *********************/
#bloc_contact {
	background-image:url(../images/bloc_gauche_m.png);
	background-repeat:repeat-y;
	background-position:left top;
	height:auto;
	width:250px;
	margin-bottom:15px;
}
.bloc_gauche_h {
	width:210px;
	background-image:url(../images/bloc_gauche_h.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.bloc_gauche_h p {
	color:#666666;
	font-size:20px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:4px solid #cc0000;
	display:block;
	margin:0px;
	padding:0px;
}
.bloc_gauche_m {
	width:210px;
	background-image:url(../images/bloc_gauche_b.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
}

/* Onglets du menu espace client */
.filterDiv {
	clear:both;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}

#graphDiv {
	clear:both;
}

#ec_a_menu {
	border-bottom:#cccccc solid 1px;
	float:left;
	width:100%;
	margin-bottom:10px;
}

.ec_tab {
	border-top:#cccccc solid 1px;
	border-bottom:none;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	text-align:center;
	float:left;
	margin-left:5px;
	background-color:#F5F5F5;
}

.ec_tab a {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-decoration:none;
	color:#cccccc;
}

.ec_tab a:hover {
	color:#666666;
	border-top:#cccccc solid 1px;
	border-bottom:#ffffff solid 1px;
	background-color:#ffffff;
	margin-bottom:-2px;
}

.selected {
	border-top:#cccccc solid 1px;
	border-bottom:#ffffff solid 1px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background-color:#ffffff;
	margin-bottom:-2px;
}

.selected a {
	font-weight:bold;
	color:#7085FB;
}

.logout {
	color:#ffffff;
	font-weight:bold;
}

.logout img {
	margin-bottom:2px;
}

.logout a:hover {
	background-color:#FFEDED;
	border:none;
	margin-bottom:0px;
}

div.logout {
	float:right;
}

.selected a:hover {
	background-color:#ffffff;
}

.filterDiv {
	width:896px;
	border: solid 1px #cccccc;
	padding:10px;
	-moz-border-radius:10px;
	margin-bottom:15px;
}

.filterDiv select {
	font-size:14px;


}

.filterDiv input {
	font-size:14px;
	font-weight:bold;
	font-family:"Arial";
}

.tickets {
	width:896px;
	border: solid 1px #cccccc;
	padding:10px;
	margin-bottom:20px;
	float:left;
}

.tickets .info {
	font-weight:bold;
	font-size:12px;
	color:#6685B9;
}

.tickets .contenu {
	padding-top:5px;
	padding-bottom:8px;
}

.tickets .action {
	text-align:left;
}

.tickets .etat_0 {
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	color:#cc0000;
}

.tickets .etat_1 {
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	color:#ff8000;;
}

.tickets .etat_2 {
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	color:#008000;
}

.tickets .bande_0 {
	float:right;
	position:relative;
	background-color:#cc0000;
	width:10px;
	height:100px;
}

.tickets .bande_1 {
	float:right;
	position:relative;
	background-color:#ff8000;
	width:10px;
	height:100px;
}

.tickets .bande_2 {
	float:right;
	position:relative;
	background-color:#008000;
	width:10px;
	height:100px;
}

.result_cont {
	clear:both;
}
.result {
	width:290px;
	height:195px;
	border:1px solid #cccccc;
	float:left;
	margin-right:6px;
	margin-left:6px;
	margin-bottom:15px;
	-moz-border-radius:10px;
}

.result .title {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	width:270px;
	height:30px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:22px;
	background-color:#F5F5F5;
}

.result .number {
	font-size:100px;
	border-right:2px solid #cccccc;
	width:143px;
	text-align:center;
	margin-top:10px;
	float:left;
}

.result .fluct {
	width:145px;
	height:145px;
	text-align:center;
	float:left;
}

.button {
	border:1px solid #cccccc;
	font-weight:bold;
	font-size:12px;
	padding:4px;
	padding-right:8px;
	background-color:#e4e4e4;
	color:#666666;
}

.del_but:hover {
	color:#cc0000;
	background-color:#FFEDED;
}

.mod_but:hover {
	color:#7085FB;
	background-color:#daf0fe;
}

.val_but:hover {
	color:#008000;;
	background-color:#bef4bd;
}

.export {
	width:115px;
	position:relative;
	float:right;
}

.error {
	clear:both;
	font-weight:bold;
	background-color: #FEE7E7;
	border: 1px solid #CC0000;
	background-image: url(../images/core/icons/msg_info_error.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:15px;
	padding-right:15px;
	margin-bottom:15px;
	color:#BC3535;
}

.attention {
	clear:both;
	font-weight:bold;
	background-color: #FFF4D8;
	border: 1px solid #FF9900;
	background-image: url(../images/core/icons/msg_info_attention.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:15px;
	padding-right:15px;
	margin-bottom:15px;
	color:#F9AE1F;
}

.information {
	clear:both;
	font-weight:bold;
	background-color:#E9F5FE;
	border: 1px solid #3399FF;
	background-image: url(../images/core/icons/msg_info_info.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:15px;
	padding-right:15px;
	margin-bottom:15px;
	color:#31A2E1;
}

.exclamation {
	clear:both;
	font-weight:bold;
	background-color:#E9F5FE;
	border: 1px solid #3399FF;
	background-image: url(../images/core/icons/msg_info_message.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:15px;
	padding-right:15px;
	margin-bottom:15px;
	color:#31A2E1;
}

.valide {
	clear:both;
	font-weight:bold;
	background-color:#E1FDDB;
	border: 1px solid #009900;
	background-image: url(../images/core/icons/msg_info_valid.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-top:15px;
	padding-left:60px;
	padding-bottom:15px;
	padding-right:15px;
	margin-bottom:15px;
	color:#598338;
}

#kwd_modif {
	border:1px solid #cccccc;
	border-top:none;
	padding:10px;
	float:right;
	margin-top:11px;
	margin-left:310px;
	background-color:#E9F5FE;
	width:555px;
	height:150px;
	position:absolute;
}

.list {
	list-style:none;
	margin-top:0px;
}

.list_elem {
	border:1px solid #cccccc;
	display:inline;
	margin-right:3px;
	margin-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	width:auto;
	background-color:#ffffff;
	width:160px;
	height:20px;
}

.kwd_close {
	float:right;
	margin-top:5px;
	margin-right:-3px;
	display:block;
	position:relative;
}

#kwd_add {
	width:272px;
	font-style:italic;
	font-weight:normal;
	font-size:14px;
}

#kwd_add_btn {
	font-size:12px;
	width:90px;
}

.links_web {
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
	text-indent:12px;
	background-image:url(../images/li_fleche.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
}

#c_header {
	height:52px;
	background-color:#333333;
}

#c_logo {
	margin-left:20px;
	margin-top:8px;
}

#login_box {
	-moz-border-radius:10px;
	border:1px solid #cccccc;
	width:250px;
	/*margin-left:auto;
	margin-right:auto;*/
	padding:20px;
	background-color:#ffffff;
}

#login_box .text_f {
	width:240px;
	font-size:30px;
	border:1px solid #cccccc;
	color:#666666;
	background-color:#FBFBFB;
}

.head_lb {
	width:100px;
	display:block;
	font-weight:bold;
}
