@CHARSET "UTF-8";

/* CSS RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline:0 ;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body{
	margin:0px;
	padding:0px;
	background:#E7E7E7;
	font-family: helvetica;
	font-size:14px;
	color: #333333;
}
A {
	color: #333333;
}
.cls {clear:both;font-size:1px;height:1px;}
fieldset {
	border:1px solid #BFBFBF;
	padding:7px 4px 7px 6px;
}
label {
	font-size:14px;
}
legend {
	font-size:105%;
	font-weight:bold;
	margin-left:-3px;
	padding:2px 4px;
}
input,textarea{
	border:1px solid #CCC;
	background-color:#F3F3F3;
	font-size:14px;
	padding:2px;
	width:200px;
}
textarea{vertical-align:top;}
textarea.error, input.error{
	border:1px solid red;
	background: #FEEBEB;
	border:1px solid #FFAEAE;
}
input.btn  {
	width:100px;
	color:white;
	background:#558AE6;
	border:0px;
	border-radius:6px;
	-moz-border-radius:6px;
	font-size:14px;
	padding: 4px 0px;
	text-transform: capitalize;
	font-weight:bold;
}
input.btndark {
	background:#CACACA;
	color:black;
}

select {
	background-color:#F3F3F3;
	border:1px solid #CCCCCC;
	padding:4px;
	font-size:12‡px;
}

table  {
	border-collapse:collapse;
	font-size:100%;
	margin-bottom:15px;
	width:100%;
	border-spacing:0;
	border:0px;
	border-spacing: 0px 0px;
	border-color: gray;
	display: table;
}
table td a, table td a:hover {
	color:#333333 !important;
}
table tr {
	border-bottom:1px solid #E7E7E7;
}
table thead tr, table thead tr:hover  {
	background-color:#D9E9F9;
	background-color:#558AE6;
	border:1px solid #B6D5F3;
	color:#FFF;
}
table tr:hover,table tr.even:hover{
	background-color: #FFFFDD;
}
table, td, th {
	vertical-align:middle;
}
table th {
	font-weight:normal;
	padding:5px 10px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
	}
table td {
	border-color:-moz-use-text-color #E7E7E7 #E7E7E7;
	border:1px solid #E7E7E7;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	font-size:92%;
	padding:5px 10px;
	text-align:left;
}
table td.action, table td.action a, table td.action a:hover{
	color:#1B63AB !important;
	font-size:12px;
}
table tr.even {
	background-color:#F9F9F9;
}

h2 {
	border-bottom:2px solid #D6D6D6;
	color:#000000;
	display:block;
	font-size:105%;
	font-weight:bold;
	height:18px;
	margin:0 0 10px;
	padding:5px 0 3px;
	margin-top:10px;
}

h2.title {
	background: url(../img/content-title.gif) repeat-x;
	border:0px;
	color:white;
	font-size:18px;
	padding:6px 8px;
	border-radius:6px;
	-moz-border-radius:6px;
	margin-top:10px;
}

#container, #header_wrap,#footer{
	width:960px;
	margin:0 auto;
}
h1.titre_page{
	background-color:#558AE6;
	border-bottom:1px solid #B6D5F3;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
	font-size:16px;
	padding:10px 20px;
}
h1.titre_page span.subtitle {
	float:right;
	display:inline-block;
}
	
h1.titre_page span.subtitle A{
	color:black;
	font-weight:bold;
	font-size:14px;
}
h2 span {
	margin-left: 10px;
}
h2 span A{
	color:#1B63AB;
	font-size:12px;
}

a.button_add {
	background:url("../img/new.png") no-repeat scroll 0 20% transparent;
	display:inline;
	padding-left:20px;
	padding-top:4px;
	text-decoration:underline;
	width:100px;
	color:black;
	font-weight:bold;
}

div#msgStatus{
	position:absolute;
	background:red;
	display:inline;
	color:#FFF;
	top:0px;
	left:0px;
	z-index:10000;
}

#container {
	border:1px solid #CCCCCC;
	padding:0px;
	margin-top:20px;
	background:#FFF;
}
#container_wrapper{
	padding: 10px;
}
#header {
	background: #558AE5 url(../img/head_bg.jpg) repeat-x;
	padding: 20px 0px 0px 0px;
}
* html #header {
	background: #000;
}
#header_wrap {
	color:white;
}
#header_wrap #info_compte {
	width:300px;
	border:0px solid red;
	text-align:right;
	position:relative;
	top:34px;
	left: 660px;
	font-weight:bold;
	z-index:2;
}
#header_wrap #info_compte A{
	color:white;
	padding-left:20px;
}
#header_wrap #wrap_logo{
	width:210px;
	border:0px solid red;
	position:absolute;
	top:0px;
	left: 10px;
}
#header_wrap #logo_societe{
}

#header_wrap #nom_outil {
	text-align:right;
}
#header_wrap #nom_outil h1 {
	margin:0px;
	text-transform: uppercase;
	font-size:40px;
	font-weigh:bolder;
	border:0px solid red;
	padding:0px;
}
#header_wrap h2 {
	margin:0px;
	padding:0px;
	border:0px solid red;
	font-size:18px;
	padding-bottom:20px;
	color:white;
}


div.msgerror{
	background:url("../img/ico-error.gif") no-repeat scroll 10px 50% #FEEBEB;
	border:2px solid #FFAEAE;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:10px;
	padding-left:35px;
	margin-bottom:10px;
}
div.msginfo {
	background:url("../img/ico-notice.gif") no-repeat scroll 10px 50% #EAF7D9;
	background-color:#EAF7D9;
	border:2px solid #BBDF8D;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:10px;
	padding-left:35px;
	margin-bottom:10px;
}

div.row {
	margin: 6px 0px;
	text-align:right;
	width:400px;
}
div.btnContainer {
	margin-top:20px;
}

#footer_wrapper{
	border:1px solid #CCCCCC;
	background:white;
	margin-top:10px;
	padding:10px;
	margin-bottom:10px;
}
#footer_wrapper #copyright{
	font-size:11px;
	display:block;
	float:left;
}
#footer_link {
	text-align:center;
}


div.row_commentaire textarea {
	width:420px;
	height: 100px;	
}
div.row_commentaire {
	width:620px;
}