@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333;
	background:url(../images/background-creative-spirit.jpg) left top no-repeat #423A38;
	-webkit-background-size:1920px 1280px;
	   -moz-background-size:1920px 1280px;
	     -o-background-size:1920px 1280px;
	        background-size:1920px 1280px;
}

body#login-page {
	background:url(../images/background-creative-spirit.jpg) left top no-repeat #98CAE3;
}

body#societe-2 {
	background:url(../images/background-societe-2.jpg) #cdedfe;
}

#page {
	width:1200px; /*width:1000px;*/
	margin:3px;
}


#zone-logo {
	width:438px;
	height:110px;
	float:left;
}

#page-col-1 {
	float:left;
	width:150px;
	margin-right:30px;
	padding-top:25px;
}

#page-col-2 {
	float:left;
	width:1020px; /*width:820px;*/
	padding-top:25px;
}

.bt-logout {
	display:block;
	position:relative;
	float:right;
	width:25px;
	height:25px;
	margin: 7px 0 0 1px;
	background:url(../images/bt-logout.png) no-repeat;
}

.bt-logout:hover {
	background:url(../images/bt-logout-on.png) no-repeat;
}

#logout span {
	width:0;
	height:18px;
    left:-110px;
    padding:7px 0 0 5px;
    position:absolute;
    overflow:hidden;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}

#logout a:hover span {
	width:105px;
	overflow:visible;
	background:url(../images/bg-black-40.png);
}


/* --------------- MAINTENANCE ---------------- */

#maintenance {
	position:absolute;
	left:330px;
	top:60px;
	width:auto;
	color:#FFF;
	font-size:16px;
	padding:10px 20px;
	border-bottom:3px solid #FC0;
	background:url(../images/bg-black-70.png);
}

#maintenance span {
	display:block;
	padding:0 0 0 30px;
	background:url(../images/form-ic-warning.png) no-repeat;
}


/* --------------- ZONE CITATION ---------------- */

#zone-citation {
	width:468px;
	height:100px;
	margin:6px 90px 0 0;
	float:right;
	background:url(../images/bg-citation.png) no-repeat;
	color:#6b787f;
}

#zone-citation p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	text-align:center;
	margin:12px 10px 0 10px;
	line-height: 18px;
}

#zone-citation span {
	display:block;
	width:180px;
	position:absolute;
	top:65px; left: 895px;
	text-align:right;
}


/* --------------- ZONE MENU --------------- */

nav {
	display:block;
	margin:3px 0 0 0;
	padding:0px;
	font-size: 11px;
	text-transform:uppercase;
}

#menu-1, #menu-1 ul.sous-menu li {width:210px;}
#menu-2, #menu-2 ul.sous-menu li {width:140px;}
#menu-3, #menu-3 ul.sous-menu li {width:160px;}
#menu-4, #menu-4 ul.sous-menu li {width:210px;}
#menu-5, #menu-5 ul.sous-menu li {width:170px;}
#menu-6, #menu-6 ul.sous-menu li {width:150px;}
#menu-7, #menu-7 ul.sous-menu li {width:160px;}

#menu-supervisor-1, #menu-supervisor-1 ul.sous-menu li {width:80px;}
#menu-supervisor-2, #menu-supervisor-2 ul.sous-menu li {width:150px;}
#menu-supervisor-3, #menu-supervisor-3 ul.sous-menu li {width:165px;}
#menu-supervisor-4, #menu-supervisor-4 ul.sous-menu li {width:195px;}
#menu-supervisor-5, #menu-supervisor-5 ul.sous-menu li {width:160px;}
#menu-supervisor-6, #menu-supervisor-6 ul.sous-menu li {width:160px;}
#menu-supervisor-7, #menu-supervisor-7 ul.sous-menu li {width:170px;}
#menu-supervisor-8, #menu-supervisor-8 ul.sous-menu li {width:120px;}

nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
}

nav ul li a, nav ul li a:visited, nav ul li a:active {
	display:block;
	height:22px;
	padding-top:12px;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #c1e3f1;
	-webkit-transition:background 0.3s linear;
	   -moz-transition:background 0.3s linear;
	    -ms-transition:background 0.3s linear;
	        transition:background 0.3s linear;
}

nav ul li a:hover, nav ul li a:visited:hover, nav ul li a:active:hover {
	height:26px;
	margin:0;
	padding-top:8px;
	font-size:17px;
	color:#FFF;
	background:#ad0a6e;
}

nav ul li.menu-actif a {
	height:26px;
	margin:0;
	padding-top:8px;
	font-size:17px;
	background:#ad0a6e;
}

/* --- SOUS-MENU --- */

nav ul li ul.sous-menu {
	display:none;
	position:absolute;
	left:0; top:34px;
	z-index:99;
	max-height:0em;
	overflow:hidden;
    -webkit-transition:1s max-height 0.3s;
	   -moz-transition:1s max-height 0.3s;
	    -ms-transition:1s max-height 0.3s;
		    transition:1s max-height 0.3s;
}

nav ul li:hover ul.sous-menu {
	max-height:40em; /*max-height:13em;*/
}

nav ul li ul.sous-menu li {
	display:block;
	float:left;
	border-top:1px solid #c1e3f1;
}

nav ul li ul.sous-menu li a, nav ul li.menu-actif ul.sous-menu li a {
	display:block;
	/*height:23px;*/
	height:auto;
	margin-right:1px;
	padding-top:11px;
	padding-bottom:10px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	background:#333;
	border-right:none;
}

nav ul li ul.sous-menu li a:hover, nav ul li ul.sous-menu li a:visited:hover, nav ul li ul.sous-menu li a:active:hover {
	display:block;
	/*height:23px;*/
	height:auto;
	margin-right:1px;
	padding-top:11px;
	padding-bottom:10px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	background:#ad0a6e;
	border-right:none;
}

section {
	overflow:hidden;
}


/* --------------- TITRES --------------- */

h1 {
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	padding:14px 0px 10px 30px;
	border-bottom:2px #333 solid;
}

h2 {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

h3 {
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
}

h4 {
	font-size:12px;
	font-weight:bold;
}

.title-bloc {
	display:block;
	padding:7px;
	margin:5px 0 0 0;
	background:url(../images/bg-black-50.png);
	font-size:14px;
	line-height:0.9em;
	letter-spacing: -.035em;
	color:#fff;
	font-weight:normal;
}


/* --------------- LIENS --------------- */

a {
	text-decoration:underline;
	color:#333;
}

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

a:visited {
	text-decoration:underline;
	color:#333;
}

a:active {
	text-decoration:underline;
	color:#333;
}

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

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


/*---------- LIENS BOUTON ----------*/

a.lien-simul-bt, span.lien-simul-bt, a.lien-simul-bt:visited, span.lien-simul-bt:visited, a.lien-simul-bt:active, span.a.lien-simul-bt:active {
	margin-top:5px;
	padding:5px 15px 6px;
	cursor: pointer;
	text-align: center;
	display:inline-block;
	border:1px solid #ad0b6f;
	font-size:0.9em;
	line-height:1.4em;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing: -.015em;
	color:#fff;
	background:#ad0b6f;
	/* gradient */
	background: -moz-linear-gradient(top, #bd3b8b 40%, #ad0b6f);
	background: -webkit-linear-gradient(top, #bd3b8b 40%, #ad0b6f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd3b8b', endColorstr='#ad0b6f');
	/* corner */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.formee a.lien-simul-bt, .formee span.lien-simul-bt, .formee a.lien-simul-bt:visited, .formee span.lien-simul-bt:visited, .formee a.lien-simul-bt:active, .formee span.a.lien-simul-bt:active {
	font-size:1.4em;
	line-height:1.4em;
}

.formee .grid-2-16 a.lien-simul-bt, .formee .grid-2-16 span.lien-simul-bt, .formee .grid-2-16 a.lien-simul-bt:visited, .formee .grid-2-16 span.lien-simul-bt:visited, .formee .grid-2-16 a.lien-simul-bt:active, .formee .grid-2-16 span.a.lien-simul-bt:active {
	font-size:1.2em;
	line-height:1.2em;
	margin-top:0px;
	padding: 4px 5px 5px;
}

a.lien-simul-bt:hover, a.lien-simul-bt:visited:hover, a.lien-simul-bt:active:hover, span.lien-simul-bt:hover {
	background:#bd3b8b;
	/* gradient */
	background: -moz-linear-gradient(top, #ce6ca8 40%, #bd3b8b);
	background: -webkit-linear-gradient(top, #ce6ca8 40%, #bd3b8b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6ca8', endColorstr='#bd3b8b');
}


/* --------------- AUTRES --------------- */

.right {
	text-align:right;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.justify {
	text-align:justify;
}

.clear{
	clear:both;
	overflow:hidden;
}

.small {
	font-size:11px;
}

.white {
	color:#FFF;
}

.light-grey {
	color:#ececec;
}

.attention, .formee-title h3.attention {
	color:#ea1919;
	font-weight:bold;
}

.attention a, .attention a:visited, .attention a:active {
	text-decoration:underline;
	color:#ea1919;
	font-weight:bold;
}

.attention a:hover, .attention a:visited:hover, .attention a:active:hover {
	text-decoration:none;
	color:#ea1919;
	font-weight:bold;
}

img {
	border:0px;
}

.bg-white-20 {background:url(../images/bg-white-20.png)}
.bg-white-40 {background:url(../images/bg-white-40.png)}
.bg-white-50 {background:url(../images/bg-white-50.png)}
.bg-black-20 {background:url(../images/bg-black-20.png)}
.bg-black-50 {background:url(../images/bg-black-50.png)}
.bg-black-60 {background:url(../images/bg-black-60.png)}
.bg-black-90 {background:url(../images/bg-black-90.png)}

ul.liste-standard {
	margin: 15px 10px 15px 30px;
	padding: 0px;
	text-align: left;
}

ul.liste-standard li {
	list-style: none;
	background: url(../images/bullet-1.png) no-repeat 0 6px;
	padding: 2px 0 3px 10px;
	text-align: justify;
}
.auto-columns ul.liste-standard li {
	display:block;
	border-bottom:1px solid #FFF;
	padding: 3px 0 4px 10px;
	overflow:hidden;
}

ul.liste-standard li ul {
	margin: 3px 10px 1px 10px;
}

ul.liste-standard li ul li {
	list-style: none;
	background: url(../images/bullet-2.png) no-repeat 0 6px;
	padding: 2px 0 3px 10px;
}

.last-modification, .formee p.last-modification {
	margin: 5px 5px 5px 10px;
	font-size:11px;
	font-style:italic;
	text-align:left;
}


/* --------------- FORMULAIRES --------------- */


.formee fieldset {
	border:none;
}

.formee-bg {
	margin:0px auto 1px auto;
	padding:4px 0;
	background:url(../images/bg-white-50.png);
}

.formee-bg-compta {
	margin:0px auto 1px auto;
	padding:4px 0;
	background:url(../images/bg-compta.png);
}

/* hover effect */
.grid-1-16:hover, .grid-2-16:hover, .grid-3-16:hover, .grid-4-16:hover, .grid-5-16:hover, .grid-6-16:hover, .grid-7-16:hover, .grid-8-16:hover, .grid-9-16:hover, .grid-10-16:hover, .grid-11-16:hover, .grid-12-16:hover, .grid-13-16:hover, .grid-14-16:hover, .grid-15-16:hover, .grid-16-16:hover {}
.field-button:hover {background:transparent;}


/* Form legend and titles */

.formee {font:  normal 10px/1.1em Helvetica, Arial, sans-serif;}
.formee legend, .formee h3 {
	font-size:14px;
	line-height:0.9em;
	letter-spacing: -.035em;
	/*color:#fff;*/
	font-weight: normal;
}

.formee-title {
	padding:0;
	margin:5px 0 1px 0;
	background:url(../images/bg-black-50.png);
	clear:both;
	overflow:hidden;
}

.formee-title-black {
	padding:0;
	margin:5px 0 1px 0;
	background:url(../images/bg-black-60.png);
	clear:both;
	overflow:hidden;
}

.formee-title h3, .formee-title-black h3 {
	color:#fff;
}

.formee .formee-title-2w {
	background:url(../images/bg-white-50.png);
}

.formee .formee-title-2b {
	background:url(../images/bg-black-50.png);
}

.formee .formee-title-2w h3, .formee .formee-title-2b {
	padding: 5px 10px;
}

.formee-title .grid-1-16, .formee-title .grid-2-16, .formee-title .grid-3-16, .formee-title .grid-4-16, .formee-title .grid-5-16, .formee-title .grid-6-16, .formee-title .grid-7-16, .formee-title .grid-8-16, .formee-title .grid-9-16, .formee-title .grid-10-16, .formee-title .grid-11-16, .formee-title .grid-12-16, .formee-title .grid-13-16, .formee-title .grid-14-16, .formee-title .grid-15-16, .formee-title .grid-16-16 {
	padding:7px 0;
}

.formee-title .title-separator {
	border-left:1px solid #FFF;
	padding-left:1%;
	margin-left:0;
}

.first-title {
	margin-top:0;
}

/* form elements  */
.formee-lbl, .formee label, .formee p {
	font-size:12px;
	line-height: 1.3em;
	vertical-align:middle;
	text-align:right;
}
.formee label.left, .formee p.left {
	text-align:left;
}
.formee label.center, .formee p.center {
	text-align:center;
}
.formee-req {
	font-weight: bold;
	font-style:normal;
	color:#ad0a6e;
	font-size:1.2em;
	line-height: .85em;
}
.formee .formee-txt, .formee input[type="text"], .formee input[type="password"], .formee input[type="file"], .formee textarea, .formee select {
	border-color:#fff;
	background: #fff;
	color:#333;
	font-size:13px;
	font-family:inherit;
}
.formee input[type="text"].alerte, .formee input[type="text"].alerte:hover, .formee input[type="text"].alerte:focus {
	color: #FFF;
	background: #b01717;
}
.formee select {
	border-color:#fff;
	background: #fff;
	color:#333;
}
.formee .auto-columns select {
	float:left;
}
.formee .formee-txt:hover, .formee input[type="text"]:hover, .formee input[type="password"]:hover, .formee input[type="file"]:hover, .formee textarea:hover, .formee select:hover {
	color:#333;
	background: #fff none;
	border-color:#fff;
}
form .formee-txt:focus, .formee input[type="text"]:focus, .formee input[type="password"]:focus, .formee input[type="file"]:focus, .formee textarea:focus, .formee select:focus  {
	color:#333;
	background: #fff none;
	border-color:#ad0a6e #ad0a6e #ad0a6e;
	outline: 0;
}

.formee input[readonly], .formee input[readonly]:hover {
	background:url(../images/bg-white-40.png);
}

.formee input[readonly]:focus {
	 border-color:#fff #fff #fff;
	 background:url(../images/bg-white-40.png);
}

/* form msg status  */
.msg-info, .msg-warning, .msg-error, .msg-success {
	position:absolute;
	top:156px; left:700px;
	width:455px;
	color:#2b2b2b;
	/*corner
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.msg-project {
	top:293px;
}

.msg-info h3, .msg-warning h3, .msg-error h3, .msg-success h3 {
	line-height:1.1em;
	letter-spacing:-.02em;
	padding:0;
	margin:0 0 .3em 0;
}
.msg-info {
	background: #B1CAEA url(../images/form-ic-info.png) no-repeat 12px 10px;
}
.msg-warning {
	background: #ffb400 url(../images/form-ic-warning.png) no-repeat 12px 10px;
}
.msg-error {
	background: #EA1919 url(../images/form-ic-error.png) no-repeat 12px 10px;
}
.msg-success {
	background: #95E437 url(../images/form-ic-success.png) no-repeat 12px 10px;
}

.msg-success strong, .msg-success a{color:#62b548;}
.msg-info strong, .msg-info a {color:#11689e;}
.msg-warning strong, .msg-warning a {color:#957210;}
.msg-error strong, .msg-error a {color:#b01717;}

/* form buttons */
.formee-button, .formee input[type="submit"], .formee input[type="button"], .formee input[type="reset"] {
	font:Helvetica, Arial, sans-serif;
	font-size:1.4em;
	line-height:1em; /*line-height:1.4em;*/
	text-transform: uppercase;
	letter-spacing: -.015em;
	color:#fff;
	border-color:#ad0b6f;
	background:#ad0b6f;
	/* gradient */
	background: -moz-linear-gradient(top, #bd3b8b 40%, #ad0b6f);
	background: -webkit-linear-gradient(top, #bd3b8b 40%, #ad0b6f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd3b8b', endColorstr='#ad0b6f');
	/* corner */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.formee-button:hover, .formee input[type="submit"]:hover, .formee input[type="button"]:hover, .formee input[type="reset"]:hover {
	background:#bd3b8b;
	/* gradient */
	background: -moz-linear-gradient(top, #ce6ca8 40%, #bd3b8b);
	background: -webkit-linear-gradient(top, #ce6ca8 40%, #bd3b8b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6ca8', endColorstr='#bd3b8b');
}
.formee ul.liste-standard label {
	display:inline;
	text-align:left;
	margin:0 0 0 5px;
}

.formee .div-button {
	text-align:right;
}

.formee .no-margin {
	margin:0px;
}

.formee .no-margin-top-bottom {
	margin-top:0px;
	margin-bottom:0px;
}

.formee input[type="text"].fill-input, .formee textarea.fill-input, .formee select.fill-input {
	text-align:center;
	color:#CCC;
}

.toggle {
	clear:both;
}

.toggle-title {
	position:relative;
	cursor:pointer;
}

.toggle-open-close {
	display:block;
	position:absolute;
	top:8px; left:985px;
	width:15px; height:10px;
	background:url(../images/icon-toggle-close.png) no-repeat;
}

.toggle-open {
	background:url(../images/icon-toggle-open.png) no-repeat;
}

.bt-del-form {
	display:block;
	width:12px;
	height:11px;
	margin: 1px 0 0 0;
	padding:6px 6px;
	background:url(../images/bt-del-b.png) no-repeat;
	background-position:6px 6px;
	cursor:pointer;
}

.bt-del-form:hover {
	background:url(../images/bt-del-on.png) no-repeat;
	background-position:6px 6px;
}

.bt-add-form {
	display:block;
	width:12px;
	height:11px;
	margin: 1px 0 0 0;
	padding:6px 6px;
	background:url(../images/bt-add-b.png) no-repeat;
	background-position:7px 6px;
	cursor:pointer;
}

.bt-add-form:hover {
	background:url(../images/bt-add-on.png) no-repeat;
	background-position:7px 6px;
}

.bt-pdf-form {
	display:block;
	width:25px;
	height:25px;
	margin: 0;
	background:url(../images/bt-pdf-col2.png) no-repeat;
	cursor:pointer;
}

.bt-pdf-form:hover {
	background:url(../images/bt-pdf-col2-on.png) no-repeat;
}

.bt-file-form {
	display:block;
	width:25px;
	height:25px;
	margin: 0;
	background:url(../images/bt-file-col2.png) no-repeat;
	cursor:pointer;
}

.bt-file-form:hover {
	background:url(../images/bt-file-col2-on.png) no-repeat;
}


/* --- jtip --- */

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	margin-top:5px;
	margin-left:5px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
}


/* --------------- TABLEAUX LISTE --------------- */

.zone-liste {
	padding: 10px 30px;
	text-transform:uppercase;
	background:url(../images/bg-white-50.png);
}

.zone-liste table {
	width:100%;
	border-collapse:collapse;
}

.zone-liste table tr {
	border-bottom:1px solid #FFF;
}

.zone-liste table tr:hover {
	background:url(../images/bg-white-50.png);
}

.zone-liste th {
	font-weight:normal;
	text-align:left;
	color:#333;
	padding:3px 0px 3px 10px;
	background:#fff;
}

.zone-liste td {
	color:#666;
	padding:3px 0px 3px 10px;
}

.zone-liste td:hover {
	/*cursor: pointer;*/
}

.zone-liste a, .zone-liste a:visited, .zone-liste a:active {
	text-decoration:none;
}

#page-col-2 .zone-liste {
	/*margin-top:25px;*/
}

.td-icon {
	width:25px;
}

.bt-modif {
	display:block;
	width:12px;
	height:11px;
	margin: 1px 0 0 0;
	background:url(../images/bt-modif-b.png) no-repeat;
}

.bt-input-modif {
	width:12px;
	height:11px;
	margin: 1px 0 0 0;
	background:url(../images/bt-modif-b.png) no-repeat;
	border:0px;
}

td:hover .bt-modif, td:hover .bt-input-modif {
	background:url(../images/bt-modif-on.png) no-repeat;
}

.bt-del {
	display:block;
	width:12px;
	height:11px;
	margin: 1px 0 0 0;
	background:url(../images/bt-del-b.png) no-repeat;
}

td:hover .bt-del {
	background:url(../images/bt-del-on.png) no-repeat;
}


/* --- TABLEAUX LISTE dans FORMULAIRE --- */

#page-col-2 .formee .zone-liste {
	margin-top:0px;
	margin-bottom:1px;
}

.formee .zone-liste {
	padding:0px;
	text-transform:uppercase;
	background:url(../images/bg-black-70.png);
	font-size:11px;
}

.formee .zone-liste table tr {
	border-bottom:1px solid #333;
	text-align:center;
}

.formee .zone-liste table tr.checkbox-tr, .formee .zone-liste table tr.checkbox-tr:hover {
	background:#ad0a6e;
}


.formee .zone-liste table tr:hover {
	background: url(../images/bg-white-20.png);
}

.formee .zone-liste th {
	padding:8px;
	color:#fff;
	text-align:center;
	background:#333;
}

.formee .zone-liste td {
	padding:8px;
	color:#fff;
}

.formee .zone-liste td.td-title {
	background:#242424;
}

.formee .zone-liste a, .formee .zone-liste a:visited, .formee .zone-liste a:active {
	color:#fff;
	text-decoration:none;
}

.formee .zone-liste .bt-modif {
	background:url(../images/bt-modif-w.png) no-repeat;
}

.formee .zone-liste td:hover .bt-modif {
	background:url(../images/bt-modif-on.png) no-repeat;
}

.formee .zone-liste .bt-del {
	background:url(../images/bt-del-w.png) no-repeat;
}

.formee .zone-liste td:hover .bt-del {
	background:url(../images/bt-del-on.png) no-repeat;
}

/* --- TABLEAUX LISTE BLANC dans FORMULAIRE --- */


.zone-liste-white {
	padding: 0px;
	text-transform:uppercase;
	background:url(../images/bg-white-50.png);
}

.zone-liste-white table {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #FFF;
	font-size:12px;
}

.zone-liste-white table tr {
	border-bottom:1px solid #FFF;
}

.zone-liste-white table tr:hover {
	background:url(../images/bg-white-50.png);
}

.zone-liste-white th {
	font-weight:normal;
	text-align:left;
	color:#333;
	padding:3px 0px 3px 10px;
	background:#fff;
}

.zone-liste-white td {
	color:#666;
	padding:3px 0px 3px 10px;
}

.zone-liste-white a, .zone-liste-white a:visited, .zone-liste-white a:active {
	text-decoration:none;
}


/* --------------- PAGINATION --------------- */

.pagination {
	width: auto;
	margin: 10px auto;
	padding: 4px;
	text-align: center;
	font-size:12px;
	text-transform:uppercase;
}

.pagination a, .pagination a:active, .pagination a:visited {
	margin: 30px 2px 30px 0px;
	padding: 5px 10px 4px 10px;
	background:url(../images/bg-black-50.png);
	color: #fff;
	text-decoration: none;
}

.pagination a:hover, .pagination a:active:hover, .pagination a:visited:hover {
	margin: 30px 2px 30px 0px;
	padding: 5px 10px 4px 10px;
	background:url(../images/bg-black-40.png);
	color: #fff;
	text-decoration: none;
}

.pagination a.page-active, .pagination a.page-active:hover {
	margin: 30px 2px 30px 0px;
	padding: 5px 10px 4px 10px;
	background:#ad0a6e;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


/* --------------- COULEURS PROJECT MANAGEMENT --------------- */

.bg-subcontractor {background:#71a6bf}
.bg-freelance {background:#ac92c2}

.formee .zone-liste table tr.bg-subcontractor:hover {
	background: url(../images/bg-white-20.png) #71a6bf;
}

.formee  .zone-liste table tr.bg-freelance:hover {
	background:url(../images/bg-white-20.png) #ac92c2;
}


/* --------------- COULEURS SECTEURS --------------- */

.bg-secteur-01 {background:#d5c7e1}
.bg-secteur-02 {background:#aba3cd}
.bg-secteur-03 {background:#bae8fe}


/* --------------- PAGE LOGIN --------------- */

#zone-login fieldset {
	width:300px;
	margin: 100px auto;
	padding:10px;
	background:url(../images/bg-white-50.png);
}


/* --------------- PAGE MESSSAGES --------------- */

#zone-message {
	width:50%;
	margin: 100px auto;
	padding: 30px;
	text-align:center;
	font-size:16px;
	background:url(../images/bg-white-50.png);
}

#zone-message a.lien-simul-bt {
	margin-top:20px;
}


/* --------------- PAGE REMINDER --------------- */

.zone-message-reminder {
	margin: 10px auto;
	padding: 15px 30px;
	text-align:center;
	font-size:16px;
	background:url(../images/bg-white-50.png);
}

.zone-message-reminder h2 {
	text-align:left;
	color:#da0000;
	border-bottom:2px solid #da0000;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.zone-message-reminder a.lien-simul-bt {
	margin-top:15px;
}

.reminder-title-h2 {	
	display:block;
	padding:7px;
	margin:20px 0 0 0;
	background:url(../images/bg-black-50.png);
	line-height:0.9em;
	letter-spacing: -.035em;
	color:#fff;
	font-weight:normal;
}

.reminder-bloc-01, .reminder-bloc-02, .reminder-bloc-03, .reminder-bloc-04 {
	padding:25px 0 0 0;
}

.reminder-title {
	display:block;
	position:relative;
	padding:8px 0px 7px 30px;
	color:#fff;
	cursor:pointer;
}

.reminder-count-1 {
	display:block;
	position:absolute;
	top:-20px; left:1080px;
	width:41px; height:41px;
	font-size:34px;
	line-height:1.3em;
	color:#ad0068;
	text-align:center;
	background:url(../images/reminder-count-1.png) no-repeat;
}

.reminder-count-2 {
	display:block;
	position:absolute;
	top:-20px; left:1080px;
	width:61px; height:41px;
	font-size:34px;
	line-height:1.3em;
	color:#ad0068;
	text-align:center;
	background:url(../images/reminder-count-2.png) no-repeat;
}

.reminder-bloc-01 .reminder-title {background:#990066;}
.reminder-bloc-02 .reminder-title {background:#bc2f8d;}
.reminder-bloc-03 .reminder-title {background:#e771c0;}
.reminder-bloc-04 .reminder-title {background:#fbbde7;}

.reminder-open-close {
	display:block;
	position:absolute;
	top:10px; left:1170px;
	width:15px; height:10px;
	background:url(../images/icon-toggle-close.png) no-repeat;
}

.reminder-open {
	background:url(../images/icon-toggle-open.png) no-repeat;
}

.reminder-infos {
	padding: 10px 30px;
	text-transform:uppercase;
	background:url(../images/bg-white-50.png);
}

.reminder-infos table {
	width:100%;
	border-collapse:collapse;
}

.reminder-infos table tr {
	border-bottom:1px solid #FFF;
}

.reminder-infos table tr:hover {
	background:url(../images/bg-white-50.png);
}

.reminder-infos th {
	font-weight:normal;
	text-align:left;
	color:#333;
	padding:3px 0px 3px 10px;
	background:url(../images/bg-black-20.png);
}

.reminder-infos td {
	color:#666;
	padding:3px 0px 3px 10px;
}

.reminder-infos .td-employe 	{width:170px; color:#ad1978}
.reminder-infos .td-client 		{width:auto; color:#333}
.reminder-infos .td-dossier 	{width:110px;}
.reminder-infos .td-budget 		{width:110px;}
.reminder-infos .td-echeance	{width:100px;}
.reminder-infos .td-statut 		{width:100px;}

.reminder-infos .td-ref 		{width:200px;}
.reminder-infos .td-projet 		{width:auto;}
.reminder-infos .td-num 		{width:130px;}
.reminder-infos .td-budget 		{width:130px;}
.reminder-infos .td-icon 		{width:40px;}

#mois-planning-occupation {
	margin-bottom:-20px;
}

#mois-planning-occupation h3 {
	margin-top:8px;
}


/* --------------- PAGE INFOS PROJETS --------------- */

#infos-projets {
	width:100%;
	margin-top:30px;
	padding-bottom:25px;
	background:url(../images/bg-infos-projet.png) no-repeat bottom;
	overflow:hidden;
}

#infos-projets a, #infos-projets a:visited, #infos-projets a:active {
	text-decoration:underline;
	color:#fff;
}

#infos-projets a:hover, #infos-projets a:visited:hover, #infos-projets a:active:hover {
	text-decoration:none;
	color:#fff;
}

.infos-projets-h1 {
	margin-top:-20px;
	padding-left:180px;
}

.h1-2col {
	padding-left:180px;
}

#infos-projets table {
	width:1170px;
	border-collapse:separate;
	margin: 0 0 0 26px;
	text-transform:uppercase;
}

#infos-projets td {
	color:#fff;
	padding:3px 0px 2px 10px;
	background:#bd3b8b;
}

.infos-projets-col-1 {width:25%}
.infos-projets-col-2 {width:45%}
.infos-projets-col-3 {width:auto}

#infos-projets td.infos-projets-td-bg {
	background:#ce6ca8;
}

#zone-bt-col-1 {
	float:right;
	width:auto;
}

.bt-close {
	display:block;
	float:left;
	width:38px;
	height:38px;
	margin: 0 0 3px 1px;
	background:url(../images/bt-close.png) no-repeat #333;
}

.bt-close:hover {
	background:url(../images/bt-close-on.png) no-repeat #454545;
}

.bt-pdf {
	display:block;
	float:left;
	width:38px;
	height:38px;
	margin: 0 0 3px 1px;
	background:url(../images/bt-pdf.png) no-repeat #333;
}

.bt-pdf:hover {
	background:url(../images/bt-pdf-on.png) no-repeat #454545;
}

.bt-trash {
	display:block;
	float:left;
	width:38px;
	height:38px;
	margin: 0 0 0 1px;
	background:url(../images/bt-trash.png) no-repeat #333;
}

.bt-trash:hover {
	background:url(../images/bt-trash-on.png) no-repeat #454545;
}

.bt-col-1-grey-add {
	display:block;
	width:130px;
	margin:0 0 1px 0;
	padding:12px 10px 12px 10px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background:url(../images/bg-black-50.png);
}

.bt-col-1-grey-add span {
	display:block;
	/*height:14px;*/
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-add.png) no-repeat 0 0;
}

.bt-col-1-grey-add:hover  {
	color:#fff;
	background:url(../images/bg-black-40.png);
}

.bt-col-1-grey {
	display:block;
	width:140px;
	margin:0 0 1px 0;
	padding:15px 5px 15px 5px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background:url(../images/bg-black-50.png);
}

.bt-col-1-grey span {
	color:#fff;
}

.bt-col-1-grey:hover  {
	background:url(../images/bg-black-40.png);
}

.bt-col-1-purple {
	display:block;
	width:140px;
	margin:0 0 1px 0;
	padding:15px 5px 15px 5px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	background:#ad0a6e;
}

.bt-col-1-purple span {
	color:#fff;
}

.bt-col-1-purple:hover  {
	background:#bd3b8b;
}

#page-col-1 h3 {
	text-align:center;
	margin:4px 0;
	font-weight:bold;
}

.bt-open {
	display:block;
	float:left;
	width:28px;
	height:25px;
	margin: 2px 7px 0 7px;
	background:url(../images/bt-open.png) no-repeat;
}

.bt-open:hover {
	background:url(../images/bt-open-on.png) no-repeat;
}

.bt-open-details {
	display:block;
	float:left;
	width:28px;
	height:25px;
	margin: 2px 7px 0 7px;
	background:url(../images/bt-open-details.png) no-repeat;
}

.bt-open-details:hover {
	background:url(../images/bt-open-details-on.png) no-repeat;
}

.bt-open-update {
	display:block;
	float:left;
	width:28px;
	height:25px;
	margin: 2px 7px 0 7px;
	background:url(../images/bt-open-update.png) no-repeat;
}

.bt-open-update:hover {
	background:url(../images/bt-open-update-on.png) no-repeat;
}

.button-next-to-title {
	position:absolute;
	z-index:99;
	margin-top:5px;
	left:850px;
}

.button-next-to-first-title {
	position:absolute;
	z-index:99;
	left:850px;
}

.button-next-to-title-2 {
	position:absolute;
	z-index:99;
	margin-top:5px;
	left:350px;
}

.button-next-to-first-title-2 {
	position:absolute;
	z-index:99;
	left:340px;
}

.bt-col-2-grey, .bt-col-2-grey-add, .bt-col-2-grey-link, .bt-col-2-grey-update, .bt-col-2-grey-del {
	display:block;
	width:auto;
	margin:0;
	padding:5px 15px 5px 10px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border-left:1px solid #c1e3f1;
	border-right:1px solid #c1e3f1;
	background:#ad0a6e;
	/*background:url(../images/bg-black-50.png);*/
}

.bt-col-2-grey:hover, .bt-col-2-grey-add:hover, .bt-col-2-grey-link:hover, .bt-col-2-grey-update:hover  {
	color:#fff;
	background:#bd3b8b;
	/*background:url(../images/bg-black-40.png);*/
}

.bt-col-2-grey span {
	display:block;
	height:14px;
	padding: 2px 0 0 0;
	color:#fff;
}

.bt-col-2-grey-add span {
	display:block;
	height:14px;
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-add.png) no-repeat 0 0;
}

.bt-col-2-grey-link span {
	display:block;
	height:14px;
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-link.png) no-repeat 0 0;
}

.bt-col-2-grey-update span {
	display:block;
	height:14px;
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-update.png) no-repeat 0 0;
}

.bt-col-2-grey-del span {
	display:block;
	height:14px;
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-del-col2.png) no-repeat 0 0;
}


.alert-next-to-first-title {
	position:absolute;
	z-index:99;
	left:800px;
}

.bt-col-2-alert {
	display:block;
	width:auto;
	margin:0;
	padding:5px 15px 5px 10px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border-left:1px solid #c1e3f1;
	border-right:1px solid #c1e3f1;
	background:#ea1919;
}

.bt-col-2-alert:hover {
	color:#fff;
	background:#ff2626;
}

.bt-col-2-alert span {
	display:block;
	height:14px;
	padding: 2px 0 0 22px;
	color:#fff;
	background:url(../images/bt-alert.png) no-repeat 0 0;
}

.icon-valid, .icon-invalid {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	margin-bottom: -4px;
	float: none;
}

.icon-valid {
	background: url(../images/icon-valid.png) no-repeat 0 0;
}

.icon-invalid {
	background: url(../images/icon-invalid.png) no-repeat 0 0;
}


/* --------------- PAGE PROJECT MANAGEMENT --------------- */

.formee-title-project {
	padding:6px 0;
	margin:0 0 1px 0;
	background:#AD0A6E;
	clear:both;
	overflow:hidden;
}

.formee-title-project h3 {
	color:#fff;
}

#project-gestion #page-col-2 .formee .zone-liste {
	margin-top:0px;
	margin-bottom:10px;
}

#project-gestion .bg-project-activity {
	background:#414141;
	/*border-bottom:1px solid #999;*/
	margin:1px 0;
}

#project-gestion .bg-project-activity label {
	color:#FFF;
	margin:3px 0;
}

#project-gestion .formee .zone-liste th {
	color:#FFF;
	background:#555555;
}

#project-gestion .zone-liste table tr.no-hover:hover {
	background:none;
}

#project-gestion .formee .zone-liste td {
	color:#333;
}

#project-gestion .attention {
	background:#ea1919;
}

#project-gestion .attention h3 {
	margin-left:5px;
}






.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#fff;
	border-radius:5px;
	padding:8px 10px;
	color:#000;
	font-size:13px;
}