body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#333;
	background-color: #FFFFFF; 
}

/* LAYOUT */

#wrapper {
    width: 100%;
	background-color: #FFFFFF;
}

#headerwrap {
    width: 100%;
    float: left;
    margin: 0;
	background-color: #FFFFFF;
}

#header {
    border-radius: 0px;
    border: 0px solid #eb0f00;
    margin: 0px;
	background-color: #FFFFFF;
}

#navigationwrap {
    width: 100%;
    float: left;
    margin: 0;
	/* border-bottom: 1px solid lightgrey; */
	background-color: #FFFFFF;
}

#navigation {
    border-radius: 0px;
    border: 0px solid #1505eb;
    margin: 0px;
	background-color: #FFFFFF;
}

#contentwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
	background-color: #FFFFFF;
}

#content {
    border-radius: 10px;
    border: 0px solid #ebebeb;
    margin: 5px;
	background-color: #FFFFFF;
}

#leftcolumnwrap {
    width: 195px;
    float: left;
    margin: 0 auto;
	background-color: #FFFFFF;
}

#leftcolumn {
    border-radius: 10px;
    border: 0px solid #1fb8eb;
    margin: 5px;
	background-color: #FFFFFF;
}

#footerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both;
	background-color: #FFFFFF;
	border-top: 1px solid lightgrey;
}

#footer {
    height: 100px;
    border-radius: 10px;
    border: 0px solid #00eb55;
    margin: 5px;
	background-color: #FFFFFF;
}

#div_flottante {
    width: 400px;
    float: left;
    margin: 5px;
	padding: 3px;
	font: 11px/1.5em Verdana;
	border: 1px solid lightgrey;
	background-color: #FFFFFF
}
#div_flottante_mid {
    width: 700px;
    float: left;
    margin: 5px;
	padding: 3px;
	font: 11px/1.5em Verdana;
	border: 1px solid lightgrey;
	background-color: #FFFFFF
}
#div_flottante_full {
    width: 100%;
    float: left;
    margin: 5px;
	padding: 3px;
	font: 11px/1.5em Verdana;
	border: 1px solid lightgrey;
	background-color: #FFFFFF
}

#infos.enfants,#infos.parents, #infos.referents, #infos.contrats, #infos.sepa  {
    width: 280px;
    height: 390px;
    float: left;
    margin: 5px;
	padding: 3px 3px 10px 3px;
	font: 11px/1.5em Verdana;
	background-color: #FFFFFF
}
#infos.enfants{
	border: 2px dashed #FF7519;	
}

#infos.parents{
	border: 2px dashed #1919FF;	
}

#infos.referents{
	border: 2px dashed #33CC33;	
}

#infos.contrats{
	border: 2px dashed #FF0000;	
}
.resil{
	opacity: 0.3;
}
#infos.sepa{
	border: 2px dashed #d742f4;	
}


p.title{
	font: bold 12px/1.5em Verdana;
	color: #A0C809;
	text-align: center;
	border-bottom: 1px solid lightgrey;
	margin: 0px;
}

p.listing{
	border-bottom: 1px dashed lightgrey;
	margin: 0px;
}
p.footer{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #FF944D;
}
.button_bar{
	margin: 0px;
	padding: 2px 0px 1px 2px;
	border-top: 0px solid lightgrey;
	border-bottom: 0px solid lightgrey;
}


span.present, span.present_sup, span.present_nonfact, span.absent, span.absent_jus, span.malade, span.conge, span.ferm_excep, span.conge_mat, span.hospit, span.eviction, span.adapt, span.conge_enfant_malade  {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.regulier { /* text-shadow: 0 0 3px #3333CC; */ font: bold 14px Comic Sans MS; color: #3333CC; }
.flottant { /* text-shadow: 0 0 3px #3333CC; */ font: bold 14px Comic Sans MS; color: #32A8C9; }
.new { /* text-shadow: 0 0 3px #54B72D; */ font: bold 14px Comic Sans MS; color: #54B72D; }
.occas { /* text-shadow: 0 0 3px #FF0066; */ font: bold 14px Comic Sans MS; color: #FF0066; }
.employe { font: bold 16px Comic Sans MS; color: #FF944D; }

span.gras {
	font-weight: bold;
	color: #FF944D;
}
.italic {
	font-style: italic;
	color: #FF944D;
}

span.cliquable {
	text-decoration: underline;
	color: #0000EE;
}

/* TABLES PLANNING */

table.planning{
	width: 100%;
	border: 0px solid grey;
	border-collapse: collapse;
}

table.legende{
	border: 0px solid grey;
	border-collapse: collapse;
}
table.legende td{
	width: 60px;
	height: 20px;
    text-align: left;
	vertical-align: center;
	border: 1px solid grey;
	font: bold 8px/1.5em Verdana;
}

table.planning th{
	/* width: 120px; */
	height: 30px;
	border: 1px solid black;
	font: bold 11px/1.5em Verdana;
	color: #FFFFFF;
	background: #808080;
}
table.planning th:hover{
	/* width: 120px; */
	height: 30px;
	border: 1px solid black;
	font: bold 11px/1.5em Verdana;
	color: #FFFFFF;
	background: #606060;
}
table.planning tr{
	border: 0px solid grey;
}
table.planning tr:hover{
	background: #f2f3f4;
}
table.planning tr.table-context-menu td:hover{
	height: 20px;
    text-align: center;
	/* border: 1px solid grey; */
}

table.planning td{
	height: 20px;
    text-align: center;
	border: 1px solid grey;
}
table.planning td.firstcolumn{
	border: 0px solid grey;
}
table.planning td.meals{
	background: -webkit-repeating-linear-gradient(45deg,white,orange 20%); /* For Safari 5.1 to 6.0 */
	background: -o-repeating-linear-gradient(45deg,white,orange 20%); /* For Opera 11.1 to 12.0 */
	background: -moz-repeating-linear-gradient(45deg,white,orange 20%); /* For Firefox 3.6 to 15 */
	background: repeating-linear-gradient(45deg,white,orange 20%); /* Standard syntax (must be last) */
}
table.planning td.starthour{
	height: 20px;
    text-align: center;
	border-left: 1px solid grey;
	border-right: 1px dashed lightgrey;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
table.planning td.interhour{
	height: 20px;
    text-align: center;
	border-left: 1px dashed lightgrey;
	border-right: 1px dashed lightgrey;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}
table.planning td.currenttime{
	border-left: 1px solid red;
}
.pointer{
	cursor: pointer;
}
table.planning tr.table-context-menu td.selection:hover, table.planning td.selection:hover{
	height: 20px;
    text-align: center;
	border: 2px dashed red;
}

td.full { background: #CC0000; color: #FFFFFF; }
td.not_full { background: #66FF33; }

img.small_img{
	height: 80px;
	width: 80px;
}

#footer img {
	float: right;
	height: 50px;
	width: auto;
}

/*  FIX 1.2  -- images are bigger when mobile / tablet detected */
.tablet_mobile_size {
	height: 26px;
	width: 26px;
}

/* FIX 1.6 : blink image pour les fiches avec erreurs */
/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.roundedImage, .roundedImageShadow, .roundedImageBorder{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius: 50%;
	border-radius:50px;
	width:90px;
	height:90px;
}
.roundedImageShadow{
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}
.roundedImageBorder{
	border: 1px solid #006699;
}
.roundedImageLogo{
    overflow:hidden;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    width:150px;
    height:150px;
	
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}
.roundedImageSmall{
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:35px;
    height:35px;
	background-size: contain;
	
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}