*{
	margin:0;
	padding:0;
}
body {
/*background-color:#A0CBED;*/
color:#5C6063;
font-family:Arial,Helvetica,sans-serif;
font-size:0.75em;
}
a{
color:#5C6063;	
}
#page,#main{
	background-color:#FFFFFF;
	/*border:1px solid #0078C1;*/
	margin:2px auto 0;
	padding:0;
	text-align:left;
	width:980px;
}
#header{
	height: 208px;
	background: transparent url("../images/header.jpg") 0 0 no-repeat;
	padding:0;
	margin: 0;
}
#header h1{
	margin:0px;
	display: inline;
}
#header h1 a{
	display: block;
	text-indent:-9999px;
	height: 188px;
}
#content{
	padding: 0 10px;
	clear: both;
}
#content h1{
	color:#DF0073;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	text-transform:uppercase;
}
#content h2{
	color:#F7AE11;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	font-weight:bold;
	margin:0 0 0.5em;
	padding:0;
}
#column-left h4 {
    color: #DF0073;
    font-size: 1.2em;
    font-weight: bold;
}

#content h3{
	color:#006699;
	font-size:1.1em;
	text-transform:uppercase;
}
div#path {
	background-color:#fff;
	color:#000;
	font-weight:bold;
	padding:1.5em 0.5em 0.5em 170px;
	text-align: right;
}
div#lienRef {
	font-size:0.85em;
	font-weight:bold;
	padding:1% 1% 0 0;
	text-align: right;
}

div#footer {
	background-color: #006699;
	clear: both;
	height: 21px;
	color: #FFF;
	font-size: 0.85em;
}

div#footer a {
	color: #fff;
}

div#footer p {
	font-style:normal;
	line-height:21px;
	padding: 0 10px;
}


div.common {
	background-color: #fff ;
}

div.common div.fieldset {
	background-color: #FAFAFA;
	margin: 5px;
	padding: 10px;
	
}

div.common fieldset {
	border: 0px none;

}
div.common fieldset .none{
	border:0px none;			
}
div.common fieldset textarea{
	border:1px solid #3e5271;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	width:550px;
	height:100px;
}
div.common fieldset legend {
	color: #3E5271;
	font-size: 1.1em;
	font-weight: bold;
}

div.common dl {
	margin: 0px;
	padding: 0px;
	margin: 5px;
	padding: 10px;
}

div.common dl dt {
	margin:0px 15px 5px 0px; 
}
div.common label , .panel label{
	
}

div.common dl dt label, .panel label {
	float: left;
	width: 130px;
	text-align: right;
	padding-right: 2px;
	line-height: 1.1em;	
}
.fieldset a{
	color:#000;
}
.fieldset ul{
	
}
.fieldset ul li{
	list-style-type:none;
}
.fieldset li {
	line-height:1.25em;
}
#form-select-profile {
	padding-left: 1%;
}
#info-liste-container {
	border: 1px solid #bdbdbd;
	height: 150px;
	overflow: auto;
	background-color:#fff;
}
/* listitem*/
div.listitem{
	margin: 0px 2px;
	border-bottom:1px solid #000;
}
div.listitem span.titre{
	font-weight:bold;
	display:block;
}
div.listitem span.soustitre{
	display:block;
}
div.listitem div.details{
	width:250px;
	float:right;
}
div.listitem div.details ul{
	margin:2px;
	padding:0;
}
div.listitem div.details ul li{
	list-style-type:none;
}

div.listitem div.details ul li strong {
	
}

div.buttons{
	text-align:right;
}

p.buttons{
	clear:both;
 	 
    margin:0;
}

/* boutons */
.bt-edit, .bt-delete, .bt-delete-file, .bt-preview, .bt-reset, .bt-store, .bt-new-article, .bt-upload{
	display:block;
	color: #000;
	text-decoration: none;
	
	height: 25px;
	padding: 5px 0px 5px 25px;
	width:80px;
	float:left;
}

.bt-new-article {	
	background: transparent url("../images/btn-plus.gif") 0 0 no-repeat;
}
.bt-upload{
	background: transparent url("../images/btn-refresh.gif") 0 0 no-repeat;
	display:inline;
	float:none;
	width:100px;
}
.bt-store {
	
	background: transparent url("../images/btn-valid.gif") 0 0 no-repeat;
}

.bt-reset {
	background: transparent url("../images/btn-recharge.gif") 0 0 no-repeat;
}

.bt-preview {
	background: transparent url("../images/btn-visu.gif") 0 0 no-repeat;
}
.bt-delete, .bt-delete-file{
	background: transparent url("../images/btn-supprimer.gif") 0 0 no-repeat;
}
.bt-delete-file{
	display:inline;
	float:none;
	width:200px;	
}
.bt-edit{
	background: transparent url("../images/btn-info.gif") 0 0 no-repeat;
	
}
p.buttons a{
	display:inline;
}

/**/
#preview-content {
	font-size: 100%;
	width:530px;
	background: #fff url("../images/milieu.jpg") 0 0 repeat-y;
	padding: 2px;
	margin-left:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#preview-content div.titre{
	margin:15px 20px 10px 50px;	
}
#preview-content div.titre h1{
	color:#eab001;
	font-size:1.4em;
	margin:0;
	padding:0;
}
p#preview-description {
	color: #3E5271;
	font-size: 1.1em;
	margin: 0px 20px 10px 35px;
	padding: 0px;
	text-align: justify;
}

#preview-content #preview-h2 {
	color: #3E5271;
	font-size: 1.1em;
	margin: 20px 0px 10px;
	padding: 0pt;
}
#preview-content #textes{
	height:300px;
	overflow:auto;

}
#preview-content #preview-h3 {
	color: #3E5271;
	font-size: 1.1em;
	margin: 20px 0px 10px;
	padding: 0pt;
}

#preview-attachment p {
	margin: 0px 0px 30px;
	padding: 0pt;
	color: #3E5271;
	font-size: 1.1em;
	margin: 0px 0px 10px;
	padding: 0pt;
	text-align: justify;
}

#preview-attachment p a:hover {
	color: #EAB001;
}

#preview-attachement p a:visited {
	color: #3E5271;
}

p.panel{
	border:0px none;
	margin:2px;
	padding:10px;
	height:40px;	
}
#file-details-container{
		
}


#preview-header {
	background-color: #eee;
	border: 1px solid #000;
	padding: 2px;
}

#preview-header a {
	display:block;
	text-align:right;
	color:#000;
	text-decoration:none;
}

.calendarInput{
	width: 75px;
	border: 1px solid #333333;
	background:url('../images/btn-calendar.gif') no-repeat right center;
	padding-right:20px;
	height:22px;
}
.dispo_item{
	clear: both;
}
.dispo_item_day{
	font-weight: bold;
	font-size: 1.1em;
	text-transform: capitalize;
}
tr.current_item{
	background-color:yellow;
}
.dispo_1, .dispo_2{
	float:left;
	width:45%;
	margin:0px;
	padding:0px;
}
div.dispo_1 dl, div.dispo_2 dl{
	padding:0px;
	margin:0px;
}
.dispo_1 dl dd, .dispo_2 dl dd{
	padding:0px;
	margin:0px;
}
.dispo_1 dl dd label, .dispo_2 dl dd label{
	float: left;
	display: block;
	width:210px;
}
.dispo_1 dl dd label{
	width:280px;
}

.txt_20{
	border:1px solid #3E5271;
	font-size:1.1em;
	padding:1px 0 1px 2px;
	vertical-align:middle;
}