/*  
Template name: Simple Organization
Template URI: http://templates.arcsin.se/simple-organization-website-template/
Release date: 2009-09-20
Last updated: 2009-09-24
Description: A simple and elegant template suitable for organizations.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* 
   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, textarea, input, select {margin: 0; padding: 0; /*border: 0;*/ font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	/* padding-bottom: 1px; *//* force scrollbars */
}

body 
{
	/* DAHER */
	background:url(Images/fond-site.png) repeat-x top #fff;
	color: #444;
	/* DAHER END */
	font: normal 75% sans-serif;
	line-height: 1.5;
}
body.popup
{
    /* IE7 : permet de ne pas avoir de scrollbar horizontal dès l'apparition d'une scrollbar vertical dans les popups */
    *width: 96%;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1
{
	color: #004481;
	font-size: 2.6em;
}
h2 
{
	font-size: 2em;
	/* DAHER */
	color: #004481;
	font-weight: bold;
	padding-top: 20px;
	/* DAHER END */
}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover {color: #039;}
a {
	color: #456;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

a.feed {
	background: url('img/icon-feed.gif') no-repeat left center;
	padding-left: 18px;
}
a.more {
	color: #579;
	font-weight: bold;
}
a.more:hover {color: #234;}


/* Text elements */

p {margin-bottom: 1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {
	list-style-type: decimal;
	margin-left: 1.9em;
}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {
	list-style: none;
	margin-top: 0;
}

ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {
	border-top: 1px solid #EEE;
	list-style: none;
	padding: 4px 0;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}


/* Tables */
/*
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
}
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 10px;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
}
table.data-table tr.even td {background: #FCFCFC;}
*/

/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet, .quiet a {color: #999;}
.loud, .loud a {color: #000;}
.highlight, .highlight a {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}

.validation-summary-errors, .error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.validation-summary-errors ul { margin-bottom: 0px; }
.validation-summary-errors, .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.validation-summary-errors, .error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}


/* Labels */
.label {
	border-left-style: solid;
	border-left-width: 4px;
	margin-bottom: 0.2em;
	padding-left: 10px;
}

.label-blue {border-left-color: #55AADA;}
.label-green {border-left-color: #B7D897;}
.label-orange {border-left-color: #FA8F6F;}


/* 
   Forms 
------------------------------------------------------------------- */

/* DAHER */
label, .form-property span
{
	color:#8e8e8e;
	font-weight:bold;
}
/* DAHER END */
label.checkbox, label.radio {font-weight: normal;}
legend {
	font-weight: bold;
	font-size: 1.2em;
	/* DAHER */
	text-transform: uppercase;
	color: #004481;
	/* DAHER END */
}
textarea {overflow: auto;}
.t-datepicker .t-input, .t-timepicker .t-input, .t-datetimepicker .t-input, .t-numerictextbox .t-input,
input.text-box, textarea.text-box, select  {
	/* Copie du style t-widget Telerik avec Windows7 */
	border-width: 1px;
	border-style: solid;
	border-color: #a5b3c5;
	background-color: #fcfcfc;
	color: #000;
}

.t-datepicker .t-input:focus, .t-timepicker .t-input:focus, .t-datetimepicker .t-input:focus, .t-numerictextbox .t-input:focus,
input.text-box:focus, textarea.text-box:focus, select:focus {background: #FFFFF5;}

.t-datepicker .t-input:disabled, .t-timepicker .t-input:disabled, .t-datetimepicker .t-input:disabled, .t-numerictextbox .t-input:disabled,
input.text-box:disabled, textarea.text-box:disabled, select:disabled 
{
	color: #999;
	border-color: #c2cedb;
	cursor: default;
	outline: none;
}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}

.groupe {
	margin-bottom: 24px;
	border-bottom: 3px solid #DDD;
	*overflow: auto;
}

/* Specific */

.form-error {border-color: #F00;}
.form-row {
	padding: 5px 0;
	overflow: auto;
	*overflow: hidden;
}
.form-row .t-button
{
	margin-left: 10px;
}
.two-columns .form-row
{
	display: inline-block;
	*float: left;
	*height: 32px;
	width: 45%;
}
.label_presta_language {display : table-cell; width:12em; vertical-align:top}
.form-row.long {width: 100%; display: table}
.form-row.big {*height: 110px; } /* IE7 only : IE8 s'agrandit de lui-même */
.form-row.required > label, .form-property.required span{ font-weight: bold; }
/* DAHER : IE8 only */
/*.form-row.required label:after, .form-property.required span:after { content: " *" }*/
/* DAHER END */

.form-row-submit {
	padding: 8px 0 10px 0px;
	margin-top: 10px;
	clear:both;
}
.menu-vertical + .main .form-row-submit { clear:none; }
.form-row-submit .t-button { margin-right: 9px; }

.legend {
	background: #F0FAF0;
	border: 1px solid #D6DFD6;
	font-size: 1.5em;
	margin: 0;
	padding: 8px 14px;
}
fieldset .form-row > label {
	width: 13em;
}
.form-row > label, .form-value { float: left; }
.form-row > label {
	width: 12em;
}

.form-value {
	padding-left: 16px;
	display: inline-block;
}

td.form-value {
	display: table-cell;
}

.grid_recherche
{
    width:976px;
}

.form-error {border-color: #F00;}
fieldset 
{
	/* DAHER */
	border:#dbd7d7 solid 1px;
	padding: 10px 0em 1em 1em;
	/* DAHER END */
	margin: 1em 0em;
}

/* Spécifiques aux formulaires découpés en blocks. cf. Paramétrage d'un critère de déclencheur */
.form-group
{
    margin-top: 20px;
}
.sub-form
{
    padding-left: 40px;
}

.multiple-choice
{
    margin-bottom: 5px;
}
.multiple-choice input[type=radio],
.multiple-choice input[type=checkbox]
{
}

.multiple-choice span.form-row 
{
    margin-left: 15px;
    /*display: inline-block;*/
    padding: 0;
    float: none;
}

.multiple-choice .form-value 
{
    float: none;
}

.form-row.choice input[type=radio],
.form-row.choice input[type=checkbox]
{
    float: left;
    margin-right: 5px;
}

.form-value.choice
{
    padding-left: 0px;
}

/* Fin spécifiques */


.field-validation-error 
{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url('Images/warning.png');
	margin-left: 5px;
	/*background-image: url('Windows7/sprite.png');
	background-position: -16px -336px;*/
	text-indent: -3000px;
}

table .field-validation-error
{
	float: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('Images/warning.png');
	margin-left: 0px;
	/*background-image: url('Windows7/sprite.png');
	background-position: -16px -336px;*/
	text-indent: -3000px;
}

.field-download-link
{
	float: left;
	display: block;
	width: 20px;
	/* background-image: url('Images/warning.png'); */
	margin: auto 5px;
	/*background-image: url('Windows7/sprite.png');
	background-position: -16px -336px;*/
	/* text-indent: -3000px; */
}

/* Surcharge de Telerik pour uniformisation entre composants */
.t-numerictextbox .t-input,
.form-value input.t-widget,
.form-value input.text-box,
.form-value textarea.text-box,
.t-grid-edit-row input.text-box
{
	width: 145px; 
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	padding-left: 3px;
	vertical-align:top;
}
.kpi .form-value input.text-box
{
    width: 40px; 
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	padding-right: 3px;
	vertical-align:top;
	text-align:right;
}
.t-grid-edit-row input.text-box 
{
	min-width: 145px;
	max-width: 145px;
}

.t-grid .t-grid-edit-row .field-validation-error
{
	display: inline-block;
}

/* Champs long. Par exemple description */
.form-row.long .form-value input.t-widget,
.form-row.long .form-value input.text-box,
.form-row.long .form-value textarea.text-box
{
	width: 300px;
}

.form-row.vingtCaract .form-value input.t-widget,
.form-row.vingtCaract .form-value input.text-box,
.form-row.vingtCaract .form-value textarea.text-box
{
	width: 230px;
}

.form-value .t-button 
{
	padding-bottom: 1px;
	padding-top: 1px;
}

/* surcharge pour les tableaux ASP.NET Webforms */
td.form-value { padding-left: 0px; }

.saisie-passage-grid  
{
    width: 990px;
    table-layout: fixed;
}

.saisie-passage-grid .column-label  
{
    width: 13%;
    *width: 82px;
}

.saisie-passage-grid .column-control  
{
    width: 12%;
    *width: 165px;
}

.saisie-passage-grid .img-symbol  
{
    *position: absolute;
}

/*td.form-value.extended-col > .riTextBox {width: 90%;}
td.form-value.extended-col .RadPicker {width: 100%;}
td.form-value.extended-col .RadPicker .riTextBox {width: 100%;}*/
.saisie-passage-grid .field-validation-error {float: none; display: block;}
.saisie-passage-grid .form-property {/*width: 11em; float:left;*/}
.saisie-passage-grid .form-value {position: relative;}
.saisie-passage-grid .form-value .ref-valid 
{
	*width : 100px; 
	margin: 0px 0px 0px 3px;
	*position: absolute;
	top: 50%;
	right: 0px;
	margin-top: 0px; /* (Taille du bouton ref)/2 */
	float: left; 
	display: table-cell;
	vertical-align:middle;
}
.saisie-passage-grid .form-value .ref-valid * {float:left;}
.saisie-passage-grid .form-value.telerik-cell .ref-valid {width : 57px;}
.saisie-passage-grid .form-value.telerik-cell.telerik-dt .ref-valid {right: 0px;}
.saisie-passage-grid .form-value .inputs 
{
    *margin-right: 103px;
    padding-right : 3px;
    vertical-align : middle;
    display:table-cell;
    width:100%;
    }
    
 .div-input
 {
     display : table;
     width : 100%;
 }
.saisie-passage-grid .form-value.telerik-cell .inputs {margin-right: 50px;}
.saisie-passage-grid .form-value.telerik-cell.telerik-dt .inputs .RadPicker {width: 100%;}
.saisie-passage-grid .form-value.telerik-cell.telerik-dt .inputs .rcCalPopup, /* Telerik Date Control */
.saisie-passage-grid .form-value.telerik-cell.telerik-dt .inputs .rcTimePopup {width: 24px; margin-right: 0px;} /* Telerik Time Control */
.saisie-passage-grid .form-value .ref-valid { float: left; /*display: block;*/}
.saisie-passage-grid .form-value .inputs .riTextBox, .RadComboBox {width: 100%;}

/*td.form-property,*/ td.form-value {float:none;}
.t-button:disabled{ color:#808080; }
.saisie-passage-grid .form-value .t-button 
{
	padding-bottom: 2px; 
	margin: 2px;
}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}
.fieldsetRecherche
{
	float:left;
    height: 140px;
	width:47%;
	margin:0 1px; 
}

/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #E5E5E5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 32px 0;}
.archive-separator {margin-bottom: 20px;}


/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 20px;}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {
	color: #777;
	margin: 2px 0 10px;
}
.post-date a {color: #444;}

.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

.post-body {font-size: 1.1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}


/* Archives */
.archive-pagination {
	color: #777;
	padding: 10px 0;
}
.archive-pagination-top {
	border-bottom: 2px solid #DDD;
	margin-bottom: 24px;
}
.archive-pagination-bottom {
	border-top: 2px solid #DDD;
	margin-top: 24px;
}

.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}


/* 
   Comments 
------------------------------------------------------------------- */

.comment-input-text textarea {width: 80%;}

/* Comment list */

.comment-list-wrapper {
	background: #F6F6F6;
	margin: 10px 0 0;
	padding: 5px 12px 10px 7px;
}
.comment-list {
	margin: 0;
	padding: 0;
}
.comment-list li {list-style: none;}
.comment-list ul {margin-bottom: 0;}

.comment-profile-wrapper {
	text-align: center;
	width: 105px;
}

.comment-gravatar {margin-bottom: 3px;}

.comment-content-wrapper {
	float: right;
	width: 481px;
}

.comment-parent, .comment-single {margin-top: 15px;}

.comment-list ul.children, #comments #respond ul {
	border-left: 1px solid #CCC;
	margin: 0 0 0 130px;
}
.comment-list ul.children ul.children {margin-left: 15px;}

.comment-list ul.children li {
	background: url('img/comment-reply.gif') no-repeat left top;
	margin: 0;
	padding: 10px 0 0 15px;
}

.comment-body {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px 12px 0;
}
.comment-list ul.children .comment-body {background: #FCFCFC;}

.comment-author {padding-top: 2px;}

.comment-text p {margin-bottom: 0.8em;}

.comment .post-date, .comment-author {font-size: 0.9em;}
.comment .post-date .right a {color: #BBB;}
.comment .post-date .right a:hover {color: #234;}

.comment-arrow {
	background: url('img/comment-arrow.gif') no-repeat left top;
	display: block;
	float: left;
	height: 45px;
	margin: 3px 0 -45px -41px;
	position: absolute;
	width: 29px;
}

/* Respond */

#respond li {list-style: none;}
#respond {
	background: #F6F6F6;
	padding: 10px 12px;
}
#respond ul {margin: 0;}
#respond .legend {margin-bottom: 10px;}

#comments #respond {padding: 0;}
#comments #respond .legend {
	border-bottom: 0;
	margin-bottom: 0;
}
#comments #respond ul {
	background: url('img/comment-reply.gif') no-repeat left top;
	padding: 10px 0 0 15px;
}
#comments ul.children #respond ul {
	margin-left: 30px;
	padding: 0;
}

#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}
#comments #respond .comment-body {background: #FFF;}
#comments #respond .comment-content-wrapper {
	float: none;
	width: 100%;
}


/* 
   Layout 
------------------------------------------------------------------- */

/* Wrapper */
#site-wrapper {
	margin: 0 auto;
	width: 990px;
	/* DAHER */
	border: none;
	position: relative;
	/* DAHER END */
}


/* Header */
#header  
{
	/* DAHER */
	padding-top: 5px;
	margin-bottom: 10px;
	position: relative;
	/* DAHER END */
}
/* DAHER */
.div-header-image{width:675px; height:70px; position:absolute; top:20px; left:152px;  }
/* DAHER END */
.div-header-image h1
{
	text-align: center;
	position: relative;
	top: 50%;
	margin-top: -0.5em;
}

#header #userLogonData
{
	position: absolute;
	right: 0px;
}
#header #userLogonData label
{
	display: block;
}

/* Top */
#top 
{
	/* DAHER */
	border: none;
	padding: 0px;
	margin-bottom: 0px;
	/* DAHER END */
}


/* Logo */
#logo 
{
	/* DAHER */
	border: none;
	padding: 10px 40px 10px 0;
	/* DAHER END */
	margin-right: 40px;
}
#logo img {}


/* Navigation */
.navigation a {
	color: #888;
	text-decoration: none;
}
.navigation a:hover {color: #002;}
.navigation li.current-tab a {color: #222;}

#main-nav li:first-child {margin-left: 0;}

/* Main navigation */
/* DAHER */
#main-nav {padding: 40px 20px 0 0;}
/* DAHER END */
#main-nav li {margin: 0 1.5em;}
#main-nav a {
	font-size: 1.8em;
	line-height: 2em;
	padding-bottom: 2px;
}
#main-nav li.current-tab a {color: #333;}
#main-nav a:hover {color: #002;}
#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}


/* Menu */
.menu { margin-bottom: 15px; }
.menu-vertical { float: left; margin: 15px 15px 15px 0px; }

/* Main */
/*.main {margin: 24px 0;}*/

.main { /*overflow: auto;*/ min-height:400px; }
.menu-vertical + .main { margin-left: 200px; }
.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns-left {background: url('img/main-two-columns-left.gif') repeat-y left top;}
.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}

/* Sidebar */
#sidebar {width: 255px;}


/* Columns */
.col3, .col3-mid {width: 31%;}
.col3-mid {margin-left: 3%;}

/* Sections */
.section { margin-bottom: 24px; }
.section-title {
	background-color: #F9F9F9;
	border-top: 2px solid #DDD;
	color: #7A7A7A;
	font: bold 1.2em sans-serif;
	margin-bottom: 16px;
	padding: 7px 10px 6px;
}
#sidebar .section-title {margin-bottom: 8px;}


/* Footer */

#footer 
{
	/* DAHER
	border-top: 1px solid #DDD;
	padding: 16px 0 4px;
	overflow: auto; */
	padding: 0 0 4px 0;
	/* DAHER END */
	color: #777;
	clear: both;
}
#footer-left
{
	width: 459px;
}
/* DAHER */
#footer-left img.left
{
	position: relative;
	bottom: 16px;
}
/* DAHER END */
#footer-right {
	width: 459px;
	text-align: right;
}
#footer p {margin-bottom: 0.4em;}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {color: #000;}

/* DAHER */
#footer .large .quiet { color: #004481; font-weight:bold; padding:3px 10px; background:#FFF; margin:0 6px 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-width:1px; border-color:#c2cedb; border-style:solid; display:inline-block; }
#footer .large .quiet:hover { text-decoration:none; }
#footer .large .quiet img { vertical-align:middle; }
/* DAHER END */


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}


/* 
   IE Fixes (zzz)
------------------------------------------------------------------- */

* html .navigation, * html #footer, * html .comment ul {height: 0.01%;}
* html #footer-left {width: 500px;}
.navigation, .comment ul {min-height: 0.01%;}
.t-formatted-value { line-height: 15px; }
.t-formatted-value {
	position: absolute;
	padding: 3px 4px 2px 4px;
}
/* DAHER */
.label-checkbox{margin-bottom:1em; clear:both;}
/* DAHER END */

/*
	Spécifique à certaines pages
------------------------------------------------------------------- */
#Div_AddEditEtapeTab #TabStrip-2
{
	padding: 20px 15px 20px 15px;
}

.mode-correction 
{
	background-color: Orange;
	text-align: center;
}

/*
	Suppléments aux styles Telerik
------------------------------------------------------------------- */
/* DAHER */
.t-tabstrip
{
	background-color: transparent;
	border: none;
}
.t-tabstrip .t-item
{
	position: relative;
	top: 8px;
	background: #F1F5FB;
}
* + html .t-tabstrip .t-item { top:9px; }
.t-tabstrip .t-state-hover,
.t-tabstrip .t-state-hover:hover { background-color: #d1e4fc; border-color: #8daed5; }
.t-tabstrip .t-item a { color:#4b7aa4; font-weight:bold; }
.t-tabstrip .t-item a:hover { text-decoration:none; }
.t-tabstrip .t-item.t-state-active { top:2px; background:#FFF; }
.t-tabstrip .t-item.t-state-active a { color:#004481; font-size:15px; }
.t-tabstrip .t-content { border-width:3px; }
.t-tabstrip .t-state-active { border-width: 3px 3px 0; border-color:#7d9ebb; }
.t-tabstrip div.t-state-active { border-width: 3px; }

.t-menu { border:none; background:none; font-size:13px; }
.t-menu .t-item { margin: 0 5px 0 0; border:none; background:#004481; }
.menu-vertical .t-menu .t-item { margin: 5px 0 0 0; width: 185px; }
.t-menu .t-item a,
.t-menu .t-item span { font-weight:bold; color:#fff; }
.t-menu .t-item li { margin:0; }
.t-animation-container .t-group li span { border-bottom:1px solid #255f92; }
#Menu .t-state-hover { color:#004481; background:#dbd7d7; }
.t-menu .t-highlighted, .t-menu .t-state-selected { background:#7d9ebb; color:#FFF; }

.t-tabstrip .form-row,
.t-tabstrip .t-widget, .t-tabstrip .t-widget, form .text-box { color:#004481; }
a.t-button, input.t-button { font-weight:bold; color:#004481; text-transform:uppercase; }
.t-grid-toolbar a.t-button { *padding-top : 3px;}
.t-toolbar { background:none; }

.t-grid { border:none; }
.t-grid .t-grid-toolbar { background:transparent; padding:0 0 14px 0; }
.t-grid .t-grid-top input { margin:0; }
.t-grid .t-grid-header-wrap table th.t-header { background:#7d9ebb; color:#fff; font-weight:bold; }
.t-grid .t-grid-header-wrap table th.t-header a { color:#fff; }
.t-grid .t-grid-pager { background:#7d9ebb; color:#fff; font-weight:bold; }
.t-grid .t-grid-pager .t-pager { color:#004481; }
.t-grid .t-grid-pager .t-pager a { color:#fff; }
.t-grid .t-grid-pager .t-pager .t-state-active { border-width:1px 1px 0; }
.t-grid .t-grid-header,
.t-grid .t-grid-pager .t-status { background-color: #7d9ebb; }
.t-grid td {padding:2px 0.6em;}
.t-grid td.t-hierarchy-cell { padding-right: 0px; }
/*
.t-menu .t-highlighted {
	border-color: #8daed5;
	background-color: #d1e4fc;
}
*/
/* DAHER END */

/* CORRECTION DES AJOUTS DE DAHER */
.t-tabstrip .t-item.t-state-disabled a { color:#999; }

/*
	Linked List Box : double liste communicante.
------------------------------------------------------------------- */
.t-linkedlistbox 
{
	-moz-user-select: none;
	background-color: transparent;
	border-width: 0;
	position: relative;
	display: inline-block;
	height: 240px;
	width: 432px;
	display: inline-block;
}
.t-linkedlistbox-wrap {
	height: 100%;
	width: 100%;
}
.t-listbox-part
{
	height: 240px;
	margin: 0;
	min-width: 0;
	outline: medium none;
	padding: 0;
	position: absolute;
	top: 0;
	width: 200px;
}
	
.t-listbox-arrows .t-button {
	height: 20px;
	margin: 4px;
	min-width: 0;
	outline: medium none;
	padding: 0;
	width: 20px;

}

.t-listbox-available {
	right: 0;
}
	
.t-listbox-previous {
	left: 0;
}
	
.t-listbox-arrows {
	width: 28px;
	margin-left: 200px;
	padding:64px 0;
}
		   
t-listox-part t-listox-label
{
	clear: both;
	font: 1.3em "Segoe UI",Tahoma,sans-serif;
	margin: 0;
}
	
.t-button-increase 
{
	top:0;
}
	
.t-button-decrease 
{
	bottom:0;
}
	
t-listox-control
{
		
}
.listbox 
{
	width: 200px;
	height: 200px;
}
.form-linkedlistbox 
{
	width:432px; 
	height:240px;
	overflow: hidden;
}
/*
	Liste éléments fils avec Alerte
------------------------------------------------------------------- */
.listAlert
{
	background-color: Orange; 
	border-color: Red;
}
/*
	Bouton ADD liste des éléments fils
------------------------------------------------------------------- */
.t-button-asp .rtbText
{
    font-weight:bold;
    text-transform: uppercase;
    color:#004481;
    
}

/*
	Bouton dictionnaire avec champ designation dans les champs contextualisés.
-------------------------------------------------------------------------------- */
.dico-control a 
{
	display: block;
	float: left;
}

.dico-control div 
{
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}

.contexte-champ-tri div.t-widget
{
	position: relative;
	top: -4px;
}

/*
	CSS pour les tableaux avec body scrollable
------------------------------------------------------------------- */
.dage-grid-scrollable 
{
	overflow-x:scroll;
	width: 97%;
	float: left;
}

.expander 
{
    overflow-x:hidden;
    overflow-y:scroll;
	height: 400px; /* inner table height */
	float:left; 
	width: 16px; 
	position: relative;
	top: 131px;  
}

.expander *
{
    display: block;
    width: 10px;
}

.dage-grid-scrollable .big-table 
{
	/*width: 746px;*/
	width: 850px;
	border-width: 1px;
	border-collapse:collapse;
}

.dage-grid-scrollable .big-table .t-header
{
	padding: 0;
    padding-top: 6px;
	padding-left: 6px;
	*padding-left: 0;
}
.dage-grid-scrollable .big-table .t-header.nopadding 
{
    padding-left: 0px;
}

.dage-grid-scrollable .big-table .row-header 
{
	width: 230px;
}

.dage-grid-scrollable .big-table .row-cell 
{
	width: 60px;
}

.dage-grid-scrollable .big-table .row-cell2 
{
	width: 80px;
}

.dage-grid-scrollable .big-table .inner-cell-container 
{
	padding: 0px;
}

.dage-grid-scrollable .big-table .inner-table
{
	width: 100%;
	height: 400px;
	overflow-y: hidden;
	overflow-x: hidden;
}

.dage-grid-scrollable .big-table .inner-table .inner-big-table
{
	padding: 0;
	border-collapse:collapse;
	border-width: 1px;
	width: 100%;
	*width: 850px;
}

.dage-grid-scrollable .big-table .inner-table .inner-big-table td 
{
	*padding-left: 0;
	*padding-right: 0;
}

/*
	CSS pour le TreeView
------------------------------------------------------------------- */
table.tree-view-details 
{
	border: 1px solid #999;
	border-collapse: collapse;
	margin: 5px 0 5px 0;
}

table.tree-view-details tr, table.tree-view-details td
{
	border: 1px solid #AAA;
}

table.tree-view-details tr th 
{
	background-color: #7d9ebb;
	color: #FFF;
	padding: 3px;
}

table.tree-view-details .champ-etape 
{
	background-color : #ebeff3;   
}

tree-view-details strong { text-decoration: underline; }

table.tree-view-details td.litige-Leve { background-color : #B9DFBD; }
table.tree-view-details td.litige-BloquantNotLeve { background-color : #FFA6A6; }
table.tree-view-details td.litige-NotBloquantNotLeve { background-color : #FFD6B9; }

div.tree-view-filter div.left { margin-right: 40px; }
div.tree-view-filter .form-row { height: 32px; }
div.tree-view-filter div.form-row.date > label { width: 50px; }
div.tree-view-filter div.form-row.reference label { display: block; }
div.tree-view-filter div.form-row.reference label img { margin-right: 12px; }
div.tree-view-filter div.form-row.reference label div { float: left; }

div.tree-view-filter.compare .form-row { float: left; width: 15%; }
div.tree-view-filter.compare .form-row label { width: 25px; }

.TreeViewLeft{*float: left; width:100%}
/*
	CSS pour le ColorPicker
------------------------------------------------------------------- */
#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(/Content/Images/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(/Content/Images/select.png) center;
}

/*
	CSS Aide à la saisie SNECMA
------------------------------------------------------------------------*/
.table-SNECMA
{
	width: 100%;
}

.table-SNECMA-td
{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.table-SNECMA-tr
{
}

/*
    CSS pour la création d'icone 
-------------------------------------------------------------------------*/
.delete-icon
{
    background-image: url(Images/IcoSupprimer.jpg);
    background-position: -1px -292px;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0;
    text-align: center;
    vertical-align: top;
    cursor: hand;
    border: 0px #000000 solid;  
}

/*
    CSS pour la gestion de l'affichage des cycles
*/
.cycle-ouvert
{
    width:450px;
    float:left;
    border-style:solid;
    border-width:1px;
    border-color:Silver;
    margin-right:5px;
    margin-top:5px;
    padding-left:5px;
    padding-top:5px;
}

.cycle-title
{
    font-size: 135%;
    font-weight: bold;
}

.passage-reel
{
    font-size: 110%;
    margin-left: 15px;
    font-weight: bold;
}

.passage-previsionnel
{
    font-size: 110%;
    margin-left: 15px;
}

.valeur-passage-cycle
{
    margin-left: 30px;   
}
/*
    CSS pour le bouton d'ajout de relance
-------------------------------------------------------------------------*/
a.t-button.t-button-icon.add-relance span 
{
    background: url('/Content/Images/add_relance.png');
    background-repeat:no-repeat;
}

a.t-button.t-button-icon.add-relance.disabled span
{
    background: url('/Content/Images/add_relance_disabled.png');
}

/*
        Affichage de la loupe 
-----------------------------------------------------------------------*/
.t-magnifier
{
    background: url('/Content/Images/loupe-recherche.png');
    background-position: 0 -200px;
    margin: 0px 0px 0px 0px;
    width: 21px;
    height: 21px;
    border: 1px 1px 1px 1px;
}

/*
    CSS pour que le texte de l'entête d'une colonne et l'icône de filtrage soient bien séparés
-------------------------------------------------------------------------*/

.headerWithFilter .t-link
{
    word-wrap:break-word;
    white-space:normal;
}

/*
    CSS pour le contrôle calendrier (paramétrage des calendriers)
-------------------------------------------------------------------------*/

/* Pour les attributs d'un calendrier */
.combo-long
{
    width: 400px;
}

/* Elements de type tableau, ligne et colonne du controle calendrier */
div.div-ctrl-calendrier
{
    width: 210px;
    height: 172px;
    display: inline-block;
}

table.tableau-ctrl-calendrier
{
	width: 210px;
	border-spacing: 0px;
	border-collapse: collapse;
}

td.colonne-entete-calendrier
{
	width: 100%;
}

tr.ligne-ctrl-calendrier
{
	height: 20px;
}

td.colonne-btn-ctrl-calendrier
{
	width: 20px;
}

td.colonne-titre-ctrl-calendrier
{
	width: 130px;
}

td.colonne-cellule-jour-ctrl-calendrier
{
	width: 30px;
}

div.titre-ctrl-calendrier
{
    width: 128px;
    background-color: White;
    border-color: Black;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	font-weight: bold;
}

/* Div pour Boutons du controle calendrier */

div.btn-ctrl-calendrier
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	width: 18px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.btn-ctrl-calendrier-survole
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background: Blue;
	color: White;
	width: 18px;
	display: block;
	text-align: center;
	cursor: pointer;
}

/* Div pour cellules Jour du controle calendrier */

div.cellule-jour-ctrl-calendrier-ouvre
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	color: Black;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-non-ouvre
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: Silver;
	color: Black;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-ouvre-ex
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	color: Red;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-non-ouvre-ex
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: Silver;
	color: Red;
	font-weight: bold;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-survole
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: Blue;
	color: White;
	font-weight: bold;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-selectionnee
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: Blue;
	color: White;
	font-weight: bold;
	width: 28px;
	display: block;
	text-align: center;
	cursor: pointer;
}

div.cellule-jour-ctrl-calendrier-inactive
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: Gray;
	color: Gray;
	width: 28px;
	display: block;
	text-align: center;
}

div.entete-cellule-jour-ctrl-calendrier
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	background-color: White;
	color: Black;
	font-weight: bold;
	width: 28px;
	display: block;
	text-align: center;
}

/*
    CSS pour l'écran de paramétrage d'une semaine type
*/
.table-SemaineType
{
	width: 100%;
	padding: 4px 3px;
}

.table-SemaineType-td
{
    text-align: right;
	padding: 4px 0px;
	width: 48px;
	vertical-align: middle;
}

.colonne-ouvre-semaine-type
{
    text-align: center;
	padding: 4px 25px 4px 0px;
	width: 48px;
	vertical-align: middle;
}

.table-titres-semaine-type
{
    width: 64px;
	padding: 4px 3px;
}

.colonne-titres-semaine-type
{
    text-align:left;
	padding: 4px 0px;
	width: 64px;
	vertical-align: middle;
}

.table-semaine-type-ouvre
{
    width: 48px;
}

.table-semaine-type-ouvre .table-SemaineType-td .t-input
{
    background-color: White;
    width: 48px;
}

.table-semaine-type-non-ouvre
{
    width: 48px;
}

.table-semaine-type-non-ouvre .table-SemaineType-td .t-input
{
    background-color: Silver;
    width: 48px;
}

.table-SemaineType-td .t-timepicker
{
    width: 48px;
}

.erreur-separation 
{
    margin-bottom: 10px;
}