@media print{

@page {size: landscape;}

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

/* TABLES */
table.planning{
	position: relative;
	width: 100%;
	border: 0pt solid grey;
	margin: 0;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	-webkit-region-break-inside: avoid;
}

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

table.planning th{
	width: 120pt;
	height: 30pt;
	border: 0.1pt solid lightgrey;
	font: bold 11pt/1.5em Verdana;
	color: #FFFFFF;
	background: #808080;
	margin: 0;
	padding: 0;
}
table.planning tr{
	border: 0pt solid grey;
	margin: 0;
	padding: 0;
}
table.planning td{
	height: 20pt;
    text-align: center;
	border: 0.1pt solid lightgrey;
	margin: 0;
	padding: 0;
}

td.full {
	background: #CC0000;
	color: #FFFFFF;
	box-shadow: inset 0 0 0 10000px #CC0000;
}
td.not_full {
	background: #66FF33;
	box-shadow: inset 0 0 0 10000px #66FF33;
}

/* LAYOUT */

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

#headerwrap {
    display: none;
}

#header {
    display: none;
}

#navigationwrap {
    display: none;
}

#navigation {
    display: none;
}

#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 {
    display: none;
}

#leftcolumn {
    display: none;
}

#footerwrap {
    display: none;
}

#footer {
    display: none;
}

#div_flottante {
    width: 400px;
    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  {
    width: 250px;
    height: 260px;
    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;	
}


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: 1px solid lightgrey;
	border-bottom: 1px 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;
}

span.regulier { text-shadow: 0 0 3px #3333CC; }
span.occas { text-shadow: 0 0 3px #FF0066; }

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

.noprint{
	display: none;
}

/* TABLES PLANNING */

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

table.legende{
	border: 1px solid grey;
	border-spacing: 0;
}
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 grey;
	font: bold 11px/1.5em Verdana;
	color: #FFFFFF;
	background: #808080;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
table.planning tr{
	border: 0px solid grey;
}
table.planning td{
	height: 20px;
    text-align: center;
	border: 1px solid grey;
}
td.present { background: #66FF33; }
td.present_sup { background: #3D991F; }
td.absent { background: #E6E600; }
td.absent_jus { background: #FF9933; }
td.plan_erreur { background: #FFFF00; }
td.malade { background: #FF0066;}
td.conge { background: #A3007A;}
td.ferm_excep { background: #A3007A;}
td.conge_mat { background: #FF66FF;}
td.hospit { background: #FF0000;}
td.eviction { background: #FF0000;}
td.adapt { background: #33CCFF;}

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

span{}

span.present { background: #66FF33 !important; color: #000000; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.present_sup { background: #3D991F !important; color: #000000; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.present_nonfact { background: #92E1C0 !important; color: #000000; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.absent { background: #E6E600 !important; color: #000000; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.absent_jus { background: #FF9933 !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.malade { background: #FF0066 !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.conge { background: #A3007A !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.ferm_excep { background: #A3007A !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.conge_mat { background: #FF66FF !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.hospit { background: #FF0000 !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.eviction { background: #FF0000 !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.pre_insc { background: #CABDBF !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.adapt { background: #33CCFF !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }
span.conge_enfant_malade { background: #AC725E !important; color: #FFFFFF; border-color: grey;  -webkit-print-color-adjust: exact; color-adjust: exact; }

td.present { background: #66FF33 !important; box-shadow: inset 0 0 0 10000px #66FF33;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.present_sup { background: #3D991F !important; box-shadow: inset 0 0 0 10000px #3D991F;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.present_nonfact { background: #92E1C0 !important;  -webkit-print-color-adjust: exact; color-adjust: exact; }
td.absent { background: #E6E600 !important; box-shadow: inset 0 0 0 10000px #E6E600;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.absent_jus { background: #FF9933 !important; box-shadow: inset 0 0 0 10000px #FF9933;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.plan_erreur { background: #FFFF00 !important; box-shadow: inset 0 0 0 10000px #FFFF00;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.malade { background: #FF0066 !important; box-shadow: inset 0 0 0 10000px #FF0066;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.conge { background: #A3007A !important; box-shadow: inset 0 0 0 10000px #A3007A;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.ferm_excep { background: #A3007A !important; box-shadow: inset 0 0 0 10000px #A3007A;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.conge_mat { background: #FF66FF !important; box-shadow: inset 0 0 0 10000px #FF66FF;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.hospit { background: #FF0000 !important; box-shadow: inset 0 0 0 10000px #FF0000;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.eviction { background: #FF0000 !important; box-shadow: inset 0 0 0 10000px #FF0000;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.pre_insc { background: #CABDBF !important; box-shadow: inset 0 0 0 10000px #CABDBF;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.adapt { background: #33CCFF !important; box-shadow: inset 0 0 0 10000px #33CCFF;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.conge_enfant_malade { background: #AC725E !important; box-shadow: inset 0 0 0 10000px #AC725E;  -webkit-print-color-adjust: exact; color-adjust: exact;}

td.black { background: #000000 !important; box-shadow: inset 0 0 0 10000px #000000;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.weekend { background: #666699 !important; box-shadow: inset 0 0 0 10000px #666699;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.ferie { background: #660000 !important; box-shadow: inset 0 0 0 10000px #660000 ;  -webkit-print-color-adjust: exact; color-adjust: exact;}
td.present_previ { background: #c6ffb3 !important; box-shadow: inset 0 0 0 10000px #c6ffb3 ;  -webkit-print-color-adjust: exact; color-adjust: exact;}

td.stock1 { background: #b9f442 !important; box-shadow: inset 0 0 0 10000px #b9f442 ; -webkit-print-color-adjust: exact; color-adjust: exact;}
td.stock2 { background: #d1f442 !important; box-shadow: inset 0 0 0 10000px #d1f442 ; -webkit-print-color-adjust: exact; color-adjust: exact;}
td.stock3 { background: #e5f442 !important; box-shadow: inset 0 0 0 10000px #e5f442 ; -webkit-print-color-adjust: exact; color-adjust: exact;}
td.stock4 { background: #f4d742 !important; box-shadow: inset 0 0 0 10000px #f4d742 ; -webkit-print-color-adjust: exact; color-adjust: exact;}
td.stock5 { background: #f4b042 !important; box-shadow: inset 0 0 0 10000px #f4b042 ; -webkit-print-color-adjust: exact; color-adjust: exact;}
td.stock6 { background: #f47d42 !important; box-shadow: inset 0 0 0 10000px #f47d42 ; -webkit-print-color-adjust: exact; color-adjust: exact;}

}
</style>