/* ---------------------------------------print.css---------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ * { padding: 0; margin: 0; border: none; outline: none; background: none; text-decoration: none;} body { overflow-x: hidden; font-size: 8pt; font-family: "times new roman", serif; text-align: center;} .icon::before { display: inline-block; margin-right: 2px; font-family: Flaticon; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} /* -------------------------------------------------------------------------------------------------------- */ /* -----------------------------------------Connexion------------------------------------------------------ */ .page { width: 100%;} .page_inner { width: 100%;} .derouleur { width: 100%;} .connexion { display: none;} /* -------------------------------------------------------------------------------------------------------- */ /* --------------------------------------Border-Top : Menu----------------------------------------------- */ .vacBordertop { display: none;} /* -------------------------------------------------------------------------------------------------------- */ /* --------------------------------------Menu => multi-level----------------------------------------------- */ #menu { display: none !important;} /* -------------------------------------------------------------------------------------------------------- */ /* ---------------------------------Mise en page autour de la VAC------------------------------------------ */ .content { width: 100%; height:100%;} .content_inner { width: 100%;} .content .prevVac, .content .nextVac { display: none;} .content #nowVac { width: 100%; text-align: center;} /* -------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------Style de la VAC-------------------------------------------------- */ #vac { margin: 0 auto 0 auto; width: 18cm; background-color: transparent;} #vac .entete { padding: 1.1cm 0 0 0.6cm; width: 17.4cm; height: 1.4cm; background: url('../images/modeles/entete.jpg') center center no-repeat; text-align: left;} #vac .entete .title { font-size: 12.5pt; font-weight: bold;} #vac .numCycle { display: none;} #vac .t1 { border: 2px solid black; border-collapse: separate; border-spacing: 2px;} #vac .t1 table { border: none; border-collapse: collapse;} /* ------------------------------------Style des balises TH------------------------------------------------ */ #vac .t1 th { vertical-align: top; font-size: 9.5pt;} #vac .t1 .vac1th { width: 279px;} #vac .t1 .vac2th { width: 285px;} #vac .t1 .prep { width: 124px;} #vac .t1 th table th { padding: 2px 0; width: 91px; height: 65px; border: 2px solid black;} #vac .t1 th table .prep2 { padding-top: 4px; width: 120px; height: 63px; font-size: 17px;} #vac .t1 th table .nuit { width: 97px; border-left-width: 1px;} #vac .t1 th table .briefoui { display: block; position: absolute; top: 34px; width: 89px; text-align: center; color: rgb(0,150,0); font-size: 8.5pt; background-color: rgb(235,235,235); border: 1px solid rgb(215,215,215);} #vac .t1 th table .briefnon { display: block; position: absolute; top: 34px; width: 89px; text-align: center; color: rgb(180,0,0); font-size: 8.5pt; background-color: rgb(235,235,235); border: 1px solid rgb(215,215,215);} #vac .t1 th table th span { font-weight: normal; font-size: 7.5pt;} #vac .t1 .prep table .prep2 span { font-size: 8pt;} /* ----------------------------Style des balises TD premier tableau----------------------------------------- */ #vac .t1 .vac1 { width: 279px;} #vac .t1 .vac2 { width: 285px;} #vac .t1 .nom { width: 124px;} #vac .t1 .comment { width: 688px; height: 145px; border: 2px solid black; vertical-align: top;} #vac .t1 .comment .commentairesVAC { padding: 15px; text-align: left; font-size: 14px; color: rgb(50,50,50); line-height: 1.4;} #vac .t1 .comment .commentairesVAC img { vertical-align: middle;} #vac .t1 .repas { width: 688px; height: 100px; text-align: left; border: 2px solid black;} /* ----------------------------Style des balises TD deuxième tableau----------------------------------------- */ #vac .t1 td table tr { border-top: 1px solid black; border-bottom: 1px solid black; border-left: 2px solid black; border-right: 2px solid black;} #vac .t1 .repas table tr { border: none;} #vac .t1 td table .trAbs { display: none;} #vac .t1 td table td { width: 91px; height: 18px; font-family: arial, sans-serif; text-align: center; vertical-align: middle; overflow: hidden; white-space: nowrap;} #vac .t1 td table td .icon::before { margin: 0 5px; padding-top: 1px; font-size: 16px; color: rgb(130,130,130);} #vac .t1 td table td .icon-maladie::before { color: rgb(54,162,113);} #vac .t1 td table td .icon-congesex::before { color: rgba(100,100,100,0.6);} #vac .t1 td table td .d0 { width: 21px; height: 18px; line-height: 18px;} #vac .t1 td table td .d1 { width: 91px; height: 18px; line-height: 18px;} #vac .t1 td table td .d2 { width: 75px; height: 18px; line-height: 18px;} #vac .t1 .nom table td { width: 120px; height: 18px; font-size: 8pt;} #vac .t1 .nom table td .d0 { width: 120px; height: 18px; line-height: 18px;} #vac .t1 .vac2 table tr > td:first-child + td + td { width: 75px;} #vac .t1 .vac2 table tr > td:first-child + td + td + td { width: 21px;} #vac .t1 td table td img { width: 18px; height: 18px; vertical-align: middle;} #vac .t1 td table td span { color: rgb(70,70,70); font-size: 8.5pt; font-weight: bold;} #vac .t1 td table td .heure { color: rgb(0,150,0); font-size: 8.5pt; font-weight: bold;} #vac .t1 td table td .heure sup { line-height: 12px;} #vac .t1 td table td .cds2 { color: rgb(200,0,0); font-size: 9.5pt; font-weight: bold;} #vac .t1 td table td .astr { color: rgb(70,70,70); font-size: 9.5pt; font-weight: bold;} #vac .t1 td table td .rep img { margin-left: 5px; width: 18px; height: 18px; vertical-align: middle;} #vac .t1 td table td .rempla { color: rgb(113,74,166); font-size: 8pt; font-weight: bold;} #vac .t1 td table td .extraTxt { padding-left: 5px; color: rgb(100,100,100); font-size: 8pt;} /* --------------------------------Mise en forme des cellules repas--------------------------------------------- */ #vac .t1 .repas table .image { width: 164px; height: 100px; border-right: 1px solid black;} #vac .t1 .repas table .image img { width: 110px; height: 98px;} #vac .t1 .repas table .title { height: 19px; font-weight: bold; font-size: 10.5pt; text-align: center; vertical-align: middle; border-bottom: 1px solid black;} #vac .t1 .repas table .nomsR { padding: 5px 0 0 10px; width: 164px; height: 75px; text-align: left; vertical-align: top;} #vac .t1 .repas table .nomsR p { font-size: 9pt; line-height: 20px;} #vac .t1 .repas table .nomsR p span { display: block; margin-bottom: 4px; font-weight: bold; text-decoration: underline;} /* ----------------------------------------------------------------------------------------------------------- */ /* ---------------------------------Mise en page autour de la Grille------------------------------------------ */ .content #nowGrille { width: 100%; display: inline-block; text-align: center; vertical-align: middle;} /* ----------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------Style de la Grille-------------------------------------------------- */ #grille { margin: auto; width: 28cm; background-color: transparent;} #grille .volet-g { margin: 0 auto; display: inline-block; padding-right: 2px; width: 4.2cm; vertical-align: top;} #grille .volet-d { margin: 0 auto; display: inline-block; width: 23.5cm; overflow-x: hidden; vertical-align: top;} #grille table th, #grille table td { vertical-align: middle;} #grille .t1 { border-collapse: separate; border-spacing: 2px; table-layout: fixed;} #grille .t1 table { height: 100%; border: none; border-collapse: collapse; table-layout: fixed;} #grille .volet-g .t1 table { width: 100%;} #grille .t1 .dates { height: 56px;} /* ------------------------------------Style des balises TH------------------------------------------------ */ #grille .t1 th { border: 2px solid black;} #grille .t1 .entete { padding: 0 10px 0 10px; height: 80px; background-color: rgb(255,254,229);} #grille .t1 .entete span { display: block; font-weight: normal; font-family: "times new roman", serif;} #grille .t1 .entete > span:first-child { font-weight: bold; font-size: 12pt;} #grille .t1 .entete > span:first-child + span { margin-top: 8px; font-size: 9pt; font-weight: bold;} #grille .t1 .entete > span:first-child + span + span { margin-top: 9px; font-size: 9pt; font-style: italic;} #grille .t1 .mois { height: 20px; font-size: 10pt; font-weight: bold; background-color: rgb(255,254,229);} /* ----------------------------Style des balises TD premier tableau----------------------------------------- */ #grille .t1 td { border: 1px solid black;} /* ----------------------------Style des balises TD deuxième tableau----------------------------------------- */ #grille .t1 table td { width: 25px !important; border: 1px solid rgb(150,150,150);} #grille .t1 table .ligneSup td { border-top: 1px solid black;} #grille .t1 table .ligneInf td { border-bottom: 1px solid black;} #grille .t1 table .borderT2px { border-top: 2px solid black;} #grille .t1 table .borderT3px { border-top: 3px solid black;} #grille .t1 table .borderRdouble { border-right: 3px double black;} #grille .t1 table .borderTblack { border-top-color: black;} #grille .t1 table .borderRblack { border-right-color: black;} #grille .t1 table .borderBblack { border-bottom-color: black;} #grille .t1 table .borderLblack { border-left-color: black;} #grille .t1 table .strong { font-weight: bold;} #grille .t1 table .pair { background-color: rgb(255,254,229);} #grille .t1 table .impair { background-color: rgb(215,204,170);} #grille .t1 table .over { background-color: rgb(255,130,130);} #grille .t1 .dates td strong { font-size: 8.5pt;} #grille .t1 .dates .intitule td { padding: 1px 0; height: 18px; font-weight: bold;} #grille .t1 .noms td { height: 16px; font-size: 9pt; border-left: 1px solid black; border-right: 1px solid black;} #grille .t1 .bilan td { height: 16px; font-size: 9pt; border-left: 1px solid black; border-right: 1px solid black; background-color: rgb(255,254,229);} #grille .t1 .mois-d tr { background-color: rgb(195,195,195);} #grille .t1 .mois-d td { height: 16px;} #grille .t1 .mois-d td div { position: relative; width: 100%; height: 100%; line-height: 16px; font-family: arial, sans-serif; font-size: 7pt;} #grille .t1 .mois-d td div span { display: inline-block; height: 16px; line-height: 16px; vertical-align: top; color: rgb(130,130,130); font-weight: bold;} #grille .t1 .mois-d td div .vector { position: absolute; display: block; height: 16px; z-index: 1;} #grille .t1 .mois-d td div .vector img { height: 16px;} #grille .t1 .mois-d td div .icon::before { margin: 0 5px; font-size: 6pt; color: rgb(150,150,150);} #grille .t1 .mois-d td div .icon-maladie::before { color: rgb(54,162,113); font-size: 8pt;} #grille .t1 .mois-d td div .icon-congesex::before { padding-top: 2px; font-size: 8pt; color: rgba(100,100,100,0.6);} #grille .t1 .mois-b td { height: 16px; font-size: 7pt;} #grille .t1 .mois-b .absTot { font-weight: bold;} #grille .t1 .mois-b .absTot .warn { color: rgb(200,0,0);} #grille .t1 .mois-b .absTot .warn2 { color: rgb(130,0,0);} #grille .t1 .mois-b .absTot .rikiki { padding: 0 1px; font-size: 5pt;}