/*BODY,TD,TH,UL,OL,LI,TEXTAREA {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color:#FFFFFF;
    color: #666666;
}

BODY {
    margin: 0px;
    background-color:#FFFFFF;
    padding: 0px;
	top: 0px;
/*	margin-top: -10px;
}
FORM{margin:0px;padding:0px;}

INPUT {

/*    border:2px solid #666;
    margin-left:0px;
    padding-left:2px;
    height:14px;
    margin:0;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    
}
.valid_button:hover,  .btn:hover {
	border: 2px inset rgb(238,238,238);
	background-color: rgb(238,238,238);
}

.valid_button, .btn {
	position: relative;
	display: inline-block;
	color: #666666;
	border: 2px outset rgb(204,204,204);
	padding: 2px;
	background-color: rgb(204,204,204);
	margin: 2px;
	border-radius: 8px;
	padding-left: 8px;
	padding-right: 8px;
}


SELECT,OPTION {
    border:1px solid #666;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    color: #666666;

}
table.joli { border: 1px solid black;  border-collapse: collapse; }
th.joli { border-bottom: 1px solid black; border-left: 1px solid gray; }
th.joli1 { border-bottom: 1px solid black; }
td.joli { border-left: 1px solid gray; border-top: 1px dotted gray; }
td.joli1 { border-left: 1px solid gray; }


.plgd {
    margin: 10px;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    color: #000000;
}
.rad,.ckb,OPTION,.img {
    border:0px solid #666;
}

.noborder {
    border: 0px solid #666;
}

.testretourprint {page-break-after : always;}

.fauxlink {
    color: #0000FF;
    text-decoration:underline;}
    
    
FIELDSET{
    border:1px solid #336299;
    padding:10px 20px;
    clear:both;
    margin:0px;
}

FIELDSET LEGEND { 
    color:#336299;
    font-size:12px;
}

FIELDSET DIV{
    padding:0 0 10px 0;
}


.fichevalid {
}

.fichetovalid {
}

.ficheinvalid {
}

.etatok {
	font-weight:bold;
	color: #66CC00;
}
.etatko {
	font-weight:bold;
	color: #CC0000;
}
.etatincertain {
	font-weight:bold;
	color: #FF8000;
}
.msgparent {
	font-weight:bold;
	color: #CC0000;
}
.txtnormal {
	font-weight:normal;
}

#ifraaddr {
	border:1px solid #666666;
}
*/
textarea {
	border:1px solid #666666;
}

table.tabdates {
    padding: 4px;
	border-spacing:1px;		
	text-align: center;
}

th.periodedate{
	background-color:#336299;
	color:#FFFFFF;
	text-align: center;
	padding : 4px;
	width: 130px!important;
}

td.periodeconge {
	background-color:#DFB87E;
	text-align: center;
	padding : 4px;
}

td.periodeouvert {
	background-color:#A6E3EC; 
	color:#000000;
	padding : 4px;
	text-align: center;
}

td.periodetitre {
	background-color:#336299; 
	color:#FFFFFF;
	padding : 4px;
}
.periodeenfmax {	color:#1529E3;}
.periodeenfattente {	color:#D86F1E;}
.periodeenfconf {color:#007D3F;}

.masked { display:none; }
iframe.masked { display:none; }

input[readonly], input[readonly="readonly"]  {
	background-color: #EEE!important;
}

body {
	padding-left: 5px;
	padding-right: 5px;
	min-width: 940px;
	background-color: lightgrey!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
select {
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	font-size: 14px!important;
	overflow: hidden;

}
option {
	color: #555555;
	font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
}
tr td:first-child {
	text-align: right;
	padding-right: 10px;
}
.erreur {
	color: red!important;
	display: inline;
	margin-left: 10px;
	
}
.warning {
	color: orange!important;
	display: inline;
	margin-left: 10px;
}
.good {
	color: green!important;
	display: inline;
	margin-left: 10px;
}
.txt_err {
	color: red!important;
}
.centered {
	text-align: center!important;
}
.lefted {
	text-align: left!important;
}
.righted {
	text-align: right!important;
}
#mainpannel {
  width: 900px;
  margin: 10px auto!important;
  padding: 20px;
  background-color: white;
  border:1px solid darkgrey;
  border-radius: 10px;
}
#submitok, #submitko {
	margin-right: 5px;
	border:1px solid darkgrey;
}
#tab_user {
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0 auto;
}
.inline { display: inline!important;}
#tab_user input, input[type="text"], input[type="file"], input[type="password"] {
  	padding: 5px 5px;
  	font-size: 14px;
  	line-height: 1.42857143;
  	color: #555;
  	background-color: #fff;
  	background-image: none;
  	border: 1px solid #ccc;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.animorg {
  	width: 300px!important;
	display: inline!important;
}
.animdate {
  	width: 100px!important;
	display: inline!important;
}
#accueil .list-group .btn {
	width: 255px;
}
#accueil #submitok, #accueil #submitko {
	width :auto;
}
#tab_user select {
	width: 260px !important;
}
.input-group {
	border-radius: 0!important;
}
.input-group div.panel {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
}
.input-group .input-group-addon label .switch {
	padding-top:0!important;
	padding-bottom:0!important;
	margin: 0!important;
	text-align: left;
}
.inline-bordered, .group-inline-bordered {
	width: 100%;
	margin-top: 15px;
}
.inline-bordered div, .group-inline-bordered .input-group div {
	border-radius: 0!important;
}
.inline-bordered div.input-group-addon:first-child, .inline-bordered div.panel:first-child  {
	border-radius: 4px 0 0 4px!important;
}
.inline-bordered div.input-group-addon:last-child, .inline-bordered div.panel:last-child {
	border-radius: 0 4px 4px 0!important;
}
.inline-bordered div, .group-inline-bordered div {
	margin-bottom: 0;
}
.group-inline-bordered .input-group div {
	border-bottom: 0!important;
}
.group-inline-bordered .input-group:last-child div.input-group-addon , .group-inline-bordered .input-group:last-child div.panel{
	border-bottom: 1px solid lightgrey!important;
}
.group-inline-bordered .input-group:first-child div.panel:first-child, .group-inline-bordered .input-group:first-child div.input-group-addon:first-child {
	border-radius: 4px 0 0 0!important;
}
.group-inline-bordered .input-group:first-child div.input-group-addon:last-child, .group-inline-bordered .input-group:first-child div.panel:last-child {
	border-radius: 0 4px 0 0!important;
}
.group-inline-bordered .input-group:last-child div.panel:first-child, .group-inline-bordered .input-group:last-child div.input-group-addon:first-child {
	border-radius: 0 0 0 4px!important;
}
.group-inline-bordered .input-group:last-child div.input-group-addon:last-child, .group-inline-bordered .input-group:last-child div.panel:last-child {
	border-radius: 0 0 4px 0!important;
}
:root input[type="checkbox"].yesnoswitch  { /* :root here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}
:root input[type="checkbox"].yesnoswitch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em!important;
	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent), linear-gradient(90deg, #D9EDF7 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	background-color: #555;
	border-radius: 10px!important;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
}

:root input[type="checkbox"].yesnoswitch:checked + div {
	padding-left: 2em;	width: 1em;
	background-position: 0 0;
}
:root input[type="checkbox"].yesnoswitch + div:before {
	content: 'OUI';
	float: left;
	width: 1.65em; height: 1.70em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: rgb(49, 112, 143);
	/*text-shadow: 0 -1px 1px rgba(0,0,0,.3);*/
	text-indent: -2.5em;
}
:root input[type="checkbox"].yesnoswitch:active + div:before {
	background-color: #eee;
}
:root input[type="checkbox"].yesnoswitch + div:before,
:root input[type="checkbox"].yesnoswitch + div:after {
	font: bold 60%/1.7 sans-serif;
	text-transform: uppercase;
	border-radius: 10px!important;
}
:root input[type="checkbox"].yesnoswitch + div:after {
	content: 'NON';
	float: left;
	text-indent: .5em;
	color: #FFF;
	text-shadow: none;
}
#contrat .switchbtn label {
	margin-bottom:0px;
	border-bottom: 1px solid darkgrey;
	border-radius: 10px;
}

#divcasier .switchbtn {
	display: inline;
}

input.NumCB {
	height:34px;
	font-size: 20px!important;
	font-weight: bold;
	width: 230px;
	margin-right: 10px;
	display: inline;
}
div.inl { display: inline;}

input[type="file"] { 
	display: inline!important;
}

.grassoul {
	text-decoration:underline;
	font-weight:bold;
}

.green {
	background-color: #75D032!important;
	border-color: #AAAAAA!important;
}
.colorgreen {
	color: #5B1!important;
	
}

#contrat_student_descr {
	font-weight:bold;
	margin-top: 15px;
}
#adressefull,#faita {
	width: 500px;
}

#eidimg {
	cursor : pointer;
}
a.btn {
	background-color: rgb(212,208,200)!important;
}

#menu{
        width: 100%;
        margin: 0px;
		margin-bottom: 10px;		
        padding: 10px 0 0 0;
        list-style: none;
        background: #051C6A;
        background: -moz-linear-gradient(#3A4CA0, #051C6A);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #051C6A),color-stop(1, #3A4CA0));
        background: -webkit-linear-gradient(#3A4CA0, #051C6A);
        background: -o-linear-gradient(#3A4CA0, #051C6A);
        background: -ms-linear-gradient(#3A4CA0, #051C6A);
        background: linear-gradient(#3A4CA0, #051C6A);
        -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;
		min-width: 700px;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 2px;
	margin-right: 2px
}

#menu li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu a{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: #DDDDDD;
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
        color: #FF0000;
}

*html #menu li a:hover{ /* IE6 */
        color: #FF0000;
}

#menu li:hover > ul{
        display: block;
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;

    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color: #051C6A;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
	
}

#menu ul li:first-child a{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Rétablissement du flottement */
#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

#actionpannel {
	position: absolute;
	border: 0px;
	margin: 0px;
	top:0px;	
	left:0px;
	right:0px;
}

.curs_pointer {
	cursor: pointer;
}
.curs_default {
	cursor: default;
}

#admincontent {
	margin-top: 50px;
}

div.divselectblock {
	position: relative;
	border: 0px;
	margin: 0px;
	width:20%;
	min-width: 188px;
	float: left;
}

div.oneitem  {
	position: relative;
	border: 0px;
	margin: 0px;
	width: 80%;
	text-align: left;
	padding-left: 5px;
	float: right;
}

 label {
 	font-weight: normal!important;
}

#calendar {
	left: 0px;
	top: 48px;
	right: 322px;
	position: absolute;
}
#filteruser {
	border: 1px solid #AAA;
	top: 48px;
	right: 0px;
	width: 320px;
	position: absolute;
	padding: 4px;
}
table.bordered, tr.bordered, td.bordered {
	border: 1px darkgray solid;
	text-align: center;

}
table.fullwidth {
	width: 100%;
	text-align: center;

}
th.width1 {
	width: 80px;
	text-align: center;
}
th.aligntop {
	vertical-align: top;
}
div.objreciever {
	width: 100%;
	position: relative;
	text-align: center;
	height: 100%;
}

.myhr {
	margin: 2px 0 2px;
	border: 1px solid #000000;
}

div[draggable=true] {
    cursor: move;
}

img.posbg {
	
	float: right;
	margin-top: -34px;
}

.air td, .air th {
	padding-right: 10px;
}

.air tr {
	border: 1px solid black;
}

.smallcalendar table, .smallcalendar tr, .smallcalendar td, .smallcalendar th{
	border: 1px solid black;
	padding: 0px;
	text-align: center;
}
#animcal td, #animcal th {
	padding: 0.5px;
} 
.orange {
	width: 80px;
}
.nopad .smallcalendar th {padding : 0px;}
.smallcalendar th {padding : 5px;}

.smallcalendar .weektosel {
	background-color: white;
}
.smallcalendar .weekselected {
	background-color: darkblue;
	color: white;
}
.smallcalendar .weektosel:hover {
	background-color: lightblue;
}

.smallcalendar .status1 {
	background-color: green;
}
.smallcalendar .status2 {
	background-color: red;
}
.smallcalendar .status3 {
	background: url("/green.png") no-repeat scroll 0% center / 50% 100% #FF0000
}

.smallcalendar .status4 {
	background: url("/green.png") no-repeat scroll 100% center / 50% 100% #FF0000
}
#animcal table, #animcal tr, #animcal td, #animcal th {
	border: 1px darkgray solid;
	text-align: center;
}
.respo {
	text-decoration: underline;
	border-bottom: 1px black solid!important;
	width: 60px;
}

.orange {
	background-color: orange;
}
.red {
	background-color: red!important;
}
.lightred {
	background-color: #F77!important;
}

.sign_college .smalltextarea {
	width: 250px;
	height: 50px;
}
.sign_college tr, .sign_college td {
	text-align: center;
}
	
.largecells th{
	width:75px;
}
.smallcalendar .largecells .weekselected {
   color: #FF0000;
}

.tab_perso table {
	min-width: 100%;
	max-width: 100%;
}

.tab_perso td, .tab_perso th {
	padding: 3px;
	
}

.tab_perso th {
	padding: 5px;
}

.tab_perso td, .tab_perso th {
	border: 1px black solid;
}

.tab_perso2 {
	min-width: 100%;
	max-width: 100%;

}

.tab_perso th { align: center;}

.tab_perso .btn { padding: 2px 12px; }

.month01, .month03, .month05, .month07, .month09, .month11 { background-color: #DDF;}
.month02, .month04, .month06, .month08, .month10, .month12 { background-color: #EEF;}

.contrat { background-color: white;}

.fauxboutton {
	border: 1px solid black;
}

.hideme {
	visibility: hidden;
}

.status_anim, .status_student {
	display: inline;
	text-align: center;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	font-weight: bold;
	width: 35px;
}
.jours, .days {
	display: inline;
}
.max_anim, .max_student {
	display: inline;
	float: right;
	width: 90px;
	
}
.min_anim, .min_student {
	display: inline;
	float: left;	
	width: 90px;
}

.total, .total1 {
	font-weight: bold;
}

.total1 {
	font-size: 20px;
}

.modal-dialog {
    width: 850px!important;
}

input[type="date"] {
	line-height: inherit!important;
}


@media print {
	#filteruser {
		display: none;
		visibility: hidden;		
	}

  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }

}
table.pressub {
	border:0px;
	width: 140px;
	height: 100%;
}

table.pressub tr {
	width: 100%;
	height: 30px;
}
table.pressub tr:last-child td{
	width: 50%;
	height: 30px;
}

table.pressub td{
	width: 100%;
	height: 100%;
}



table.tab_perso tr.separator, table.tab_perso tr.separator td {
	height: 25px;
	border: 0;
}

table.tab_perso td.txtmegatotal {
	text-align:right;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	padding-top :10px;
	font-weight: bold;
	font-size: 20px;
	
}
table.tab_perso td.megatotal {
	text-align:center;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	padding-top :10px;
	font-weight: bold;
	font-size: 20px;
	
}
table.tab_perso td.premegatotal {
	border-left:0;
	border-right:0;
	border-bottom:0;
	
}
table.tab_perso td.subtotal,table.tab_perso td.subtotal2 {
	font-weight: bold;
}
table.tab_perso td.bigtot {
	font-weight: bold;
	font-size: 17px;
}
table.tab_perso tr {
	border:0;
}

table.lstanim td {
	padding: 2px 5px 2px 5px;
}

table.lstanimone td{
	padding:2px;
	text-align: left;
	border: 1px solid black;
}
table.lstanimone tr{
	border: 1px solid black;
}
table.lstanimone th{
	padding:2px;
	font-weight: bold;
}


form#grille>div#filteruser {
	position: fixed;
}


#ui-datepicker-div {
	z-index:300!important;
}