/* CSS  reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Document */

body{
margin:0 auto; 
background:url(../img/fond.jpg)repeat-x;
}
#wrapper{
width:1001px;
margin:0 auto;

}
#content{background:#fff;width:999px;padding-bottom: 50px;}


#footer {
    background-color: #002C53;
    height: 25px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 1000px;
}

#header{
height:119px;
background:url(../img/fondu.jpg) no-repeat right 92%;
}
h1{
border-top:4px solid #97b833;
float:left;
}
#header h2{
font-size:24px;
padding:30px 75px;
float:left;
}
.conection{
width:286px;
height:40px;
float:right;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border:1px solid #cccccc;
/* Anciens navigateurs */
background: #e7e7e7 url("gradient-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Navigateurs récents */
background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#fdfdfd),
	to(#e7e7e7)
);
background: -webkit-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: -moz-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: -o-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7);
}
p{
color:black;
font-size:12px;
font-weight:bold;
margin:13px 0 0 14px;
}
span{
font-size:12px;
font-weight:bold;

margin-left:4px;
}
a.deconnexion{
float:right;
margin-right:5px;
color:#607f00;
font-size:12px;
font-weight:bold;
margin-top:-20px;
padding:8px 19px;
border-radius: 6px;
border:1px solid #cccccc;
text-decoration:underline;
}
a.deconnexion:hover{
background:/* Anciens navigateurs */
	background: #f4f4f4 url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e6e6e6),
		to(#f4f4f4)
	);
	background: -webkit-linear-gradient(
		top,
		#e6e6e6,
		#f4f4f4
	);
	background: -moz-linear-gradient(
		top,
		#e6e6e6,
		#f4f4f4
	);
	background: -o-linear-gradient(
		top,
		#e6e6e6,
		#f4f4f4
	);
	background: linear-gradient(
		top,
		#e6e6e6,
		#f4f4f4
	);;
}

/* navigation */

ul.nav{margin-bottom:34px;}
ul.nav li{
float:left;
background:#fff;
}
ul.nav li a{
border-right:1px solid #648121;
display:block;
height:11px;
padding:10px 16px;
font-size:12px;
color:#3f3f3f;
font-weight:bold;
}
li.home-nav a.home{
border-left:1px solid #648121;
padding:10px 21px;
background:url(../img/icon_home.png) no-repeat 50% 50%;
}
ul.nav li.active{
background:#97b833;
}
ul.nav li.active a{
color:#fff;
}
.rubrique-nav, .actualite-nab{width:103px;}
.calendriers-nav, .utilisateur-nav{width:114px;}
.document-nav, .personnel-nav{width:105px;}
.ctc-nav{width:95px;}
.commissions-nav, .fiche-identite-nav{}
.tarif-nav{width:73px;}
ul.nav li a:hover{
color:#fff;
}
ul.nav li:hover{
background:#97b833;
}
/* sous-nav */
.icon{background:url(../img/btn-fleche.png) no-repeat 0% bottom;}
.icon:hover{background:url(../img/btn-fleche.png) no-repeat 0% top;}
ul.sous-nav{
margin-top:3px;
display:none;
width:0;
}
ul.nav li:hover ul.sous-nav {
display:block;
}
 li:hover ul.sous-nav li {
float:none;
width:160px;
background:#97b833;
position:relative;
z-index:200;
}
li:hover ul.sous-nav li a{
 border:0;
 margin-left:10px;
}
li:hover ul.sous-nav li:hover{
background:#e2e90a;
}
li:hover ul.sous-nav li a:hover{
color:#3f3f3f;
}

h3{
position:relative;
color:#97b833;
font-size:20px;
margin-left:182px;
top:20px;
}
/* bouton css3 ajout rubrique fond degrader */

p.ajout-rubrique, p.ajout-tache, p.ajout-periodicite{margin:15px 182px 15px 0;float:right;height:32px;width:135px;border-radius: 6px;border:1px solid #cccccc;
/* Anciens navigateurs */
background: #e7e7e7 url("gradient-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Navigateurs récents */
background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#fdfdfd),
	to(#e7e7e7)
);
background: -webkit-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: -moz-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: -o-linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7
);
background: linear-gradient(
	top,
	#fdfdfd,
	#e7e7e7);
}
p.ajout-rubrique:hover, p.ajout-tache:hover, p.ajout-periodicite:hover{background:#e7e7e7;}
/* --------- tableau ------------------ */

p.ajout-rubrique a, p.ajout-tache a, p.ajout-periodicite a{position:relative;left:10px;top:10px;color:#3f3f3f;font-weight:bold;font-size:12px;}

p.ajout-tache{
	margin-right:0px;
	margin-top:0px;
	width:120px;
}
p.ajout-periodicite{
	margin-right:0px;
	margin-top:0px;
	width:150px;
}

table{margin:0 auto;position:relative; clear:both;}
tr{border-bottom:1px solid #000;}
tr:hover{background:#f0f0f0;}
td{font-size:12px;padding:2px 0 4px 30px;}
tr.tab-entete{color:#fff;font-weight:bold;background:#427408;border:0;}
td.rubrique{padding-left:5px;}
td.activer{padding-left:18px;}
a.bottom{display:block;height:10px;width:20px;background:url(../img/bottom.png) no-repeat 100% 0%;}
a.top{display:block;height:10px;width:10px;background:url(../img/top.png) no-repeat;float:left;}
a.voir{display:block;height:10px;width:19px;background:url(../img/voir.png) no-repeat;}
a.modifier{margin:0 auto;display:block;height:14px;width:13px;background:url(../img/modifier.png) no-repeat;}
a.supprime{margin:0 auto;display:block;height:14px;width:14px;background:url(../img/supprime.png) no-repeat;}
#footer p.support{margin:0;padding:7px 7px 0 0;background:#427408 url(../img/service-technique.png) no-repeat 83% 40%;height:18px;text-align:right;}
a.assistance{color:#fff;font-weight:bold;font-size:12px;}

/* feuille de style IE */
.ie ul.nav li a{
padding:10px 14px;
}
.ie li.home-nav a.home{
padding:10px 15px;
}
.ie .fiche-identite-nav{width:129px;}




/*FORMULAIRES*/
#organisation .form{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;	
	padding : 20px 20px 20px 20px;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
	border:1px solid #cccccc;
}
.form{
	margin-left:80px;
	margin-right:80px;
	margin-bottom:50px;
	padding-top:60px;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
}

.form h3{	
	color:#97b833;
	font-size:20px;
	top:0;
	margin-left:0;
}

.retour{
text-align: right;
}
.retour a{
	color: #000;
	font-weight:bold;
	font-size:12px;
}

.form label{
	font-size:12px;
	color: #686868;
	display:block;
	width:120px;
	float:left;
}

.form input{
	width:185px;	
}

.form div.input{
	margin-bottom:8px;

}

.form div.error input{
	
}
.form table {
		
	margin: 15px 0;
}
.form tr{
	border-bottom-width:0;	
}
.form tr:hover{background:#fff;
}
.form td{
	padding:0;
}

.form .submit{
	margin-top:20px;
	margin-left:120px;	
}
.form .submit2{
	margin-top:20px;
	margin-left:440px;
}

.form .submit,.form .submit2{
color: #000;
}

.error-message{
	color:#e43715;	
	top:0;
}

.champ-double{
	margin-bottom:5px;
}
.champ-double label{
	padding-left:40px;
	width:400px;
}
.champ-double input{
	width:70px;
	margin-right:40px;
}

.champ-double-heure{
	margin-bottom:5px;
	font-size: 12px;
	color: #686868;
}
.champ-double-heure label{	
	width:120px;
}
.champ-double-heure input{
	width:30px;
	margin-right:10px;
}

.form .ss-titre{
	font-size:15px;	
	color:#97B833;
}

.ui-datepicker-calendar tr{

	border-bottom-width:0;
}

.list-select{	
	margin: 20px 0px 20px 183px;	
}
.list-select label{
	width:50px;
	height:25px;
	display:block;
	float:left;
	vertical-align:middle;
	font-size: 12px;
}



/*LOGING*/

.form-log{
	padding-top:50px;	
	margin:0 auto;position:relative;
	width:300px;
}

.form-log div.input{
	margin-bottom:10px;
}

.form-log label{
	width:100px;
	display:block;
	font-size: 12px;
	color: #686868;
	float:left;
	}

.form-log p{
	padding-left:50px;
	margin-bottom:25px;
}


/*Error*/


div.alert-message{margin:15px 182px 15px 60px;height:32px;width:400px;border-radius: 6px;border:1px solid #cccccc;
	
z-index:999;
position: absolute;
left :350px;

/* Anciens navigateurs */
background: #3E72A5 url("gradient-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Navigateurs récents */
background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#fdfdfd),
	to(#3E72A5)
);
background: -webkit-linear-gradient(
	top,
	#fdfdfd,
	#3E72A5
);
background: -moz-linear-gradient(
	top,
	#fdfdfd,
	#3E72A5
);
background: -o-linear-gradient(
	top,
	#fdfdfd,
	#3E72A5
);
background: linear-gradient(
	top,
	#fdfdfd,
	#3E72A5);
}

div.alert-message p {margin-top:10px; color:#fff;width:360px;float:left;}
div.alert-message:hover{background:#7C9BB5;}

div.alert-message a{position:relative;top:10px;color:#fff;font-weight:bold;font-size:12px;}

/*droits*/

div#droits{clear:both; margin-bottom: 25px;}
div#droits div{
	float:left;	
}
div#droits div.label{	
	width:70px;
	color: #686868;
	font-size:12px;
	padding-top:4px;
}

/*tiny*/

div.tiny table{
	clear:none;
}

div.tiny table tr:hover{background:#F0F0EE;}



/*pointeuse*/

.cf {
}
.cf:before, .cf:after {
    content: "";
    display: block;
}
.cf:after {
    clear: both;
}


#content1 h2.titre {
    color: #97B833;
    font-size: 22px;    
}
.form-imprim{
	width:610px;
	height:70px;
	padding-top:20px;
	padding-left:10px;
}
.form-imprim-suivi{
	
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
}
.form-imprim-suivi label{font-size:12px;width:120px;display:inline-block;}
.form-imprim,.form-imprim-suivi{
		
	margin-bottom:20px;
	margin-top:20px;
	
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
	border-radius: 6px;border:1px solid #cccccc;
}
#content-liste{
width:610px;
min-height:400px;	
}
#content-liste-suivi{
min-height:400px;	
}

#content-liste td,#content-liste-suivi td{
	padding-left:10px;
	padding-right: 10px;	
}
#content-liste .jour{
	width:100px;
	padding-left:5px;
}

div.pointeuse-left{

	width:620px;
	/*float:left;*/	
}

div.pointeuse-left table{clear:none;}


div.pointeuse-right{

	float:right;

	/*margin-left:620px;*/	
	margin-bottom:20px;
	margin-top:20px;	
	
	
}

div.pointeuse-right div.champ-form{
margin-bottom:9px;


}

div.pointeuse-right div.champ-form label{
display: inline-block;
width:60px;
}

.lien_edit_tache a{
	color: #97B833;
	text-decoration: underline;
}


#content1 {
    background-color: #FFFFFF;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
}

#content1 #organisation,#content1 #personnel {  
  background-color: #FFF;
  padding: 25px 30px 40px 30px;
  border: 1px solid #ccc;
}
#content1 #organisation #cdr1,#content1 #organisation #cdr2 {  
  background-color: #FFF;
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;  
}
#content1 #organisation #cdr1{margin-top: 10px;}
#content1 #organisation #cdr1 #left {	
	width:120px;
	}
 .form #cdr1 #left span{
	color: #686868;   
    font-size: 12px;
    font-weight: normal; 
    display : inline-block;
    margin-bottom: 10px;    
	}
#content1 #organisation #cdr1 #left .radio{
	
}

#content1 #organisation #cdr2 #right{	
	float: right;
	width:55%;
	margin-left:20px;
}
#content1 #organisation #cdr1 #right{	
	float: right;
	width:80%;
	margin-left:20px;
	padding-left:20px;
	border-left: 1px solid #ccc;		
}
#content1 #organisation #cdr1 #right span,#content1 #organisation #cdr2 #right span{
	font-weight: normal;
	margin-left: 0px;
	color: #686868;
}

#content1 #organisation #cdr1 #right input.text,#content1 #organisation .input.occu input{	
	width:20px;		
}
#content1 #organisation .input.date input{	
	width:70px;		
}

#content1 #organisation #cdr1 #right #jours{	
	margin-left:100px;	
}

#content1 #organisation #cdr1 #right #jours span.jour{	
	width:70px;
	font-weight: normal;
	display: inline-block;	
	margin-left: 0px;
}

#content1 #personnel h3,#content1 #organisation h3{ 
	top:0px; 
    margin-left : 0px;
    font-size : 16px;
}


#content1 #personnel .ajout-rubrique{
	margin-right:0px;
	margin-top:0px;
}

.ligne.red{color:#ff0000;}
.ligne.off{text-decoration:line-through;}

#onglet li {
  float: left;
  padding: 8px 20px;
  margin: 30px 3px 0 0;
  background: #eee url(../img/deg-onglet.png) repeat-x left bottom;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#onglet li.current {
  background-color: #fff;
  font-weight: bold;
}
#onglet li.current a {
  color: #97B833;
}
#onglet li a {
  color: #333;
}

.content_imprim_btn{	
	float:right;
	margin-right:10px;
	margin-top:5px;
}

#annee,#mois{
	width:180px;
}



/*Home*/
#home {
	color: #58585A;
    padding-top: 120px;
    text-align: center;    
}

#home .txt {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-left: 0px;
}
/*
#home span.btn{
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E6E6E6;
    background-image: linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: no-repeat;
    border-bottom-color: #BBBBBB;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CCCCCC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    margin-left:0px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: linear;

}
*/

#home .btn{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #E6E6E6;
    background-image: linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: no-repeat;
    border-bottom-color: #BBBBBB;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CCCCCC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;

    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    margin-left: 0px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: linear;
}
#home .btn:hover {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-position: 0 -15px;
    color: #333333;
}
#home .btn:focus {
    outline-color: #666666;
    outline-style: dotted;
    outline-width: 1px;
}
#home .btn.primary {
    background-color: #0064CD;
    background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
    background-repeat: repeat-x;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: rgba(0, 0, 0, 0.1);
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#home .btn.active, .btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
#home .btn.disabled {
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
#home .btn[disabled] {
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}
#home .btn.large {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 15px;
    line-height: normal;
    padding-bottom: 9px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 9px;
}
#home .btn.small {
    font-size: 11px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 7px;
}