body{background: #fff;} #content0{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -100;background: rgba(81,131,173,0.1);} #fond{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -100;} #header{position: fixed;top: 0.1%;bottom: 89.9%;left: 0.2%;right: 4.2%;background: rgba(81,131,173,0.9);} #logo{position: fixed;top: 0.1%;bottom: 89.9%;left: 0.2%;right: 90.8%;} #menu1{position: fixed;top: 17.3%;bottom: 0.1%;left: 0.2%;right: 87.8%;background: none;overflow-y: auto; z-index: 100;} #menu2{position: fixed;top: 10.3%;bottom: 82.8%;left: 0.1%;right: 0.2%;z-index: 1000;background: rgba(81,131,173,0.6);border-radius: 0px 0px 10px 10px ;} #menu3{position: fixed;top: 17.3%;bottom: 0.1%;left: 0.2%;right: 87.8%;background: none;overflow-y: auto; z-index: 100;} #menu3_finan{position: fixed;top: 24.3%;bottom: 0.1%;left: 0.2%;right: 87.8%;background: none;overflow-y: auto; z-index: 100;} #menu4{position:fixed; top: 17.3%;bottom: 0.1%;left: 13.2%;right: 0.2%; width:15%; background: beige;overflow-y: auto; z-index:1000;} #menu7{position:fixed; top: 47.3%;bottom: 0.1%;left: 13.2%;right: 0.2%; width:15%; background: beige;overflow-y: auto; z-index:1000;} #menu8{position:fixed; top: 17.3%;bottom: 52.7%;left: 13.2%;right: 0.2%; width:15%; background: beige;overflow-y: auto; z-index:1000;} #menu5{position:fixed; top: 26.3%;bottom: 4.2%;left: 12.5%;right: 0.2%; width:13%; background: none;overflow: auto; } #menu_ar{position:fixed; top: 17.3%;bottom: 0.1%;left: 13.2%;right: 0.2%; width:10%; background: beige;overflow-y: auto; z-index:1000;} #menu6{position:fixed; top: 26.3%;bottom: 4.2%;left: 25.8%;right: 0.2%; width:16%; background: none;overflow-y: auto; } #menu_5{position:fixed; top: 17.3%;bottom: 0.1%;left: 13.2%;right: 0.2%; width:11%; background: beige;overflow-y: auto; z-index:1000;} #content{position: fixed;top: 17.4%;bottom: 4.3%;left: 0.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_finan{position: fixed;top: 23.4%;bottom: 4.3%;left: 0.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_payement{position: fixed;top: 17.4%;bottom: 4.3%;left: 13.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #sous_matieres{position: fixed;top: 17.4%;bottom: 4.3%;left: 26%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #sous_matieres2{position: fixed;top: 17.4%;bottom: 4.3%;left: 42.1%;right: 42.1%;background: none;text-align: center;overflow-x: auto;} #notes_controle{position: fixed;top: 34.4%;bottom: 4.3%;left: 42.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins0{position: fixed;top: 17.4%;bottom: 0.1%;left: 42.1%;right: 0.1%;background: rgba(81,131,173,0.2);text-align: center;overflow-x: auto;} #bulletins_header{position: fixed;top: 17.4%;bottom: 69.3%;left: 42.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_content{position: fixed;top: 47.8%;bottom: 4.3%;left: 42.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_content2{position: fixed;top: 50.8%;bottom: 45.2%;left: 44.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_content_info{position: fixed;top: 30.8%;bottom: 52.3%;left: 42.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_logo{position: fixed;top: 17.4%;bottom: 70.3%;left: 42.1%;right: 47.1%;background: none;text-align: center;overflow-x: auto;z-index: -1000;} #bulletins_devise{position: fixed;top: 17.4%;bottom: 69.3%;left: 85.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;z-index: -1000;} #bulletins_info{position: fixed;top: 34.8%;bottom: 55.3%;left: 86.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_info2{position: fixed;top: 34.8%;bottom: 50.3%;left: 42.1%;right: 40.1%;background: none;text-align: center;overflow-x: auto;} #ma_content{position: fixed;top: 17.4%;bottom: 48.3%;left: 28.3%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #eva_content{position: fixed;top: 52.8%;bottom: 0.1%;left: 28.3%;right: 0.1%;background: none;text-align: center; overflow-x: auto; box-shadow: 1px 0 1px 0;} #fcontent{position:fixed; top: 17.4%;bottom: 0.1%;left: 28.5%;right: 0.1%;background: beige;text-align: center; overflow: auto; } #fcontent1{position:fixed; top: 17.4%;bottom: 74.1%;left: 28.5%;right: 1.1%;background: none;text-align: center; overflow: auto;z-index: -1000; } #fcontent2{position:fixed; top: 50.4%;bottom: 0.1%;left: 28.5%;right: 0.1%;background: beige;text-align: center; overflow: auto; } #livret_logo{position:fixed; top: 26.4%;bottom: 55.1%;left: 55.5%;right: 27.1%;background: none;text-align: center; overflow: auto;z-index: -1000; } #content_ar{position:fixed; top: 17.4%;bottom: 0.1%;left: 35.5%;right: 0.1%;background: beige;text-align: center; overflow: auto; } #footer{position: fixed;top: 95.9%;bottom: 0.1%;left: 16.3%;right: 0.2%;background: #fff;} #hcontent{position:fixed; top: 23.2%;bottom: 4.2%;left: 12.3%;right: 1%;background: none;text-align: center;overflow: auto;} #menu_pe_controle{position: fixed;top: 26.3%;bottom: 73.8%;left: 55.1%;right: 20.2%;background: none;border-radius: 0px 0px 10px 10px ;} #resultats_content{position: fixed;top: 26.3%;bottom: 4.3%;left: 26.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #passages_content{position: fixed;top: 34.4%;bottom: 4.3%;left: 13.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #eleves_content{position: fixed;top: 27.4%;bottom: 4.3%;left: 11.5%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #finance_content{position: fixed;top: 31.4%;bottom: 4.3%;left: 11.5%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bilan_content{position: fixed;top: 31.4%;bottom: 4.3%;left: 25.5%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #menu_passants{position: fixed;top: 26.3%;bottom: 73.8%;left: 40.1%;right: 28.2%;background: none;border-radius: 0px 0px 10px 10px ;} #menu_bilan_option{position: fixed;top: 24.4%;bottom: 68.8%;left: 40.1%;right: 32.2%;background: none;border-radius: 0px 0px 10px 10px ;} #menu_ins{position: fixed;top: 24.8%;bottom: 69%;left: 40.1%;right: 28.2%;background: none;border-radius: 0px 0px 10px 10px ;} #menu_salle{position: fixed;top: 18.3%;bottom: 73.8%;left: 18.1%;right: 7.2%;background: none;border-radius: 0px 0px 10px 10px ;} #menu_archives{position: fixed;top: 17.3%;bottom: 0.1%;left: 0.2%;right: 91.8%;background: none;overflow-y: auto; z-index: 100;} #menu_arc{position: fixed;top: 17.3%;bottom: 82.8%;left: 8.1%;right: 0.2%;background: rgba(81,131,173,0.9);border-radius: 0px 0px 10px 10px ; } #menu_finan{position: fixed;top: 17.3%;bottom: 82.8%;left: 0.1%;right: 0.2%;background: rgba(81,131,173,0.9);border-radius: 0px 0px 10px 10px ; } #menu5_scolarite{position:fixed; top: 17.3%;bottom: 4.2%;left: 12.5%;right: 0.2%; width:11%; background: none;overflow: auto; } #menu5_scolarite_finan{position:fixed; top: 24.3%;bottom: 4.2%;left: 12.5%;right: 0.2%; width:11%; background: none;overflow: auto; } #menu5_depense_finan{position:fixed; top: 24.3%;bottom: 4.2%;left: 0.2%;right: 0.2%; width:11%; background: none;overflow: auto; } #content_scolarites{position: fixed;top: 17.4%;bottom: 4.3%;left: 23.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_scolarites_finan{position: fixed;top: 24.3%;bottom: 4.3%;left: 23.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_depense_finan{position: fixed;top: 24.3%;bottom: 4.3%;left: 12.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} /*TOUS CE QUI CONCERNNENT LES ARCHIVES*/ #menu3_archives{position: fixed;top: 24.3%;bottom: 0.1%;left: 9.2%;right: 77.8%;background: none;overflow-y: auto;} #hcontent_archives{position:fixed; top: 24.2%;bottom: 4.2%;left: 22.3%;right: 1%;background: none;text-align: center;overflow: auto;} #menu3_archives2{position: fixed;top: 23.3%;bottom: 0.1%;left: 8.5%;right: 82.8%;background: none;overflow-y: auto;} #content_archi{position: fixed;top: 24.4%;bottom: 4.3%;left: 10.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_archi_pay{position: fixed;top: 24.4%;bottom: 4.3%;left: 17.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #menu3_archives_cont{position: fixed;top: 24.3%;bottom: 0.1%;left: 9.2%;right: 81.8%;background: none;overflow-y: auto;} #menu5_archives{position:fixed; top: 24.3%;bottom: 4.2%;left: 18.5%;right: 0.2%; width:12%; background: none;overflow: auto; } #menu5_archives2{position:fixed; top: 24.3%;bottom: 4.2%;left: 18.5%;right: 0.2%; width:15%; background: none;overflow: auto; } #menu6_archives{position:fixed; top: 24.3%;bottom: 4.2%;left: 30.8%;right: 0.2%; width:16%; background: none;overflow-y: auto; } #menu6_archives2{position:fixed; top: 24.3%;bottom: 4.2%;left: 30.8%;right: 0.2%; width:13%; background: none;overflow-y: auto; } #menu_pe_controle_archives{position: fixed;top: 24.3%;bottom: 73.8%;left: 55.1%;right: 20.2%;background: none;border-radius: 0px 0px 10px 10px ;} #notes_controle_archives{position: fixed;top: 32.4%;bottom: 4.3%;left: 47.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #sous_matieres_archives{position: fixed;top: 24.3%;bottom: 4.3%;left: 35%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #resultats_content_archives{position: fixed;top: 24.3%;bottom: 4.3%;left: 31.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins0_archives{position: fixed;top: 24.3%;bottom: 0.1%;left: 44.1%;right: 0.1%;background: rgba(81,131,173,0.2);text-align: center;overflow-x: auto;} #bulletins_header_archives{position: fixed;top: 24.3%;bottom: 66.3%;left: 44.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_content_archives{position: fixed;top: 54.8%;bottom: 0.1%;left: 44.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_content_info_archives{position: fixed;top: 33.8%;bottom: 50.2%;left: 44.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_logo_archives{position: fixed;top: 24.3%;bottom: 66.3%;left: 44.1%;right: 47.1%;background: none;text-align: center;overflow-x: auto;z-index: -1000;} #bulletins_devise_archives{position: fixed;top: 24.3%;bottom: 66.3%;left: 87.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;z-index: -1000;} #bulletins_info_archives{position: fixed;top: 37.8%;bottom: 47.3%;left: 84.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #bulletins_info2_archives{position: fixed;top: 37.8%;bottom: 47.3%;left: 44.1%;right: 40.1%;background: none;text-align: center;overflow-x: auto;} #menu_passants_archives{position: fixed;top: 24.3%;bottom: 68.8%;left: 40.1%;right: 33.2%;background: none;border-radius: 0px 0px 10px 10px ;} #passages_content_archives{position: fixed;top: 31.4%;bottom: 4.3%;left: 18.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} #content_scolarites_archives{position: fixed;top: 24.3%;bottom: 4.3%;left: 31.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} /*#menu2{position: fixed; top: 10.3%; bottom: 82.8%;left: 0.1%; right: 0.1%;z-index: 1000; background: rgba(165,111,19,0.6); border-radius: 0px 0px 10px 10px ; } */ @media print{ #header, #footer, #menu2, #menu3, #menu_eleve2, #impression, .menu-U, .menu-A, .menu-C, #logo, #menu4{ display : none; } } /*designe sur les titres*/ .titre1{padding: 0; margin: 0; color: white; text-align: center; font-size: 30px;text-shadow: 3px 2px 2px #000;font-weight: bold;} .titre2{padding: 0; margin: 0; color: white; text-align: center; font-size: 16px;} .titre1_bulletin{padding: 0; margin: 0; color: rgba(81,131,173,0.9); text-align: center; font-size: 23px;text-shadow: 1px 1px 1px #000;font-weight: normal;} .titre2_bulletin{padding: 0; margin: 0; color: rgba(81,131,173,0.9); text-align: center; font-size: 12px;} .titre2_bulletin2{padding: 0; margin: 0; color: rgba(81,131,173,0.9); text-align: center; font-size: 11px;} .titre2_bulletin3{padding: 0; margin: 0; color: #000; text-align: center; font-size: 13px;} .titre2_bulletin4{padding: 0; margin: 0; color: #000; text-align: center; font-size: 9px;} .titre2_bulletin5{padding: 0; margin: 0; color: #000; text-align: center; font-size: 17px;text-decoration: underline;} .titre2_bulletin6{padding: 0; margin: 0; color: #000; text-align: left; font-size: 15px;} .titre2_bulletin7{padding: 0; margin: 0; color: #000; text-align: left; font-size: 15px;} .bmenu1{border: none;width: 100%;padding-bottom: 10px;padding-top: 10px;text-align: left;background: rgba(81,131,173,0.9); border-bottom: 1px solid white;color: white;font-size: 14px;} .bmenu1:hover{cursor: pointer;padding-bottom: 12px;padding-top: 12px;background: white;color: rgba(81,131,173,0.9); font-size: 14px;} .bmenu1_retard{border: none;width: 100%;padding-bottom: 10px;padding-top: 10px;text-align: left;background: greenyellow; border-bottom: 1px solid white;color: white;font-size: 14px;} .bmenu1_retard:hover{cursor: pointer;padding-bottom: 12px;padding-top: 12px;background: red;color: white; font-size: 14px;} .bmenu2{width: 100%;padding-bottom: 3px;padding-top: 2px;margin-top: 3px;text-align: center; background: none;color: white;border: none;border-left: 1px solid white; font-size: 16px;margin-left: 20px;margin-right: 20px;} .bmenu2:hover{cursor: pointer;padding-top: 0px;color: white;font-size: 18px; text-shadow: 1px 1px #333;box-shadow: none;background: rgba(81,131,173,0.9);border-radius: 10px 10px 10px 10px;} .b_deifitif{border: none;width: 100%;padding-bottom: 10px;padding-top: 10px;text-align: left;background: rgba(81,143,240,0.9); border-bottom: 1px solid white;color: white;font-size: 14px;} .b_deifitif:hover{cursor: pointer;padding-bottom: 12px;padding-top: 12px;background: white;color: rgba(81,131,173,0.9);font-size: 14px;} .bmenu2_archiv{width: 100%;padding-bottom: 3px;padding-top: 2px;margin-top: 3px;text-align: center; color: rgba(81,131,173,0.9);border: none;border-left: 1px solid white; font-size: 16px;margin-left: 20px;margin-right: 20px;} .bmenu2_archiv:hover{cursor: pointer;padding-top: 0px;color: white;font-size: 18px; text-shadow: 1px 1px #333;box-shadow: none;background: rgba(81,131,173,0.9);border-radius: 10px 10px 10px 10px;} .bmenu2_finan{width: 100%;padding-bottom: 3px;padding-top: 2px;margin-top: 3px;text-align: center; color: rgba(81,131,100,0.9);border: none;border-left: 1px solid white; font-size: 16px;margin-left: 20px;margin-right: 30px;} .bmenu2_finan:hover{cursor: pointer;padding-top: 0px;color: white;font-size: 19px; text-shadow: 1px 1px #333;box-shadow: none;background: rgba(81,131,173,0.9);border-radius: 0px 10px 10px 10px;} .Couleur_footer{color: black;font-size: 13px;} table.c1{background: rgba(255,255,255,0.4);box-shadow: 1px 1px rgba(81,131,173,0.9);} .signature{padding-bottom: 8%;} /*designe sur le tableau*/ /*.table80{margin-left: 15%;width: 80%;}*/ .table80{margin-left: 2%;width: 97%;} .table81{margin-left: 14%;width: 83%;} .table99{margin-left: 13%;width: 86%;} .table100{margin-left: 1%;width: 98%;} .table85{margin-left: 25%;width: 72%;} .table72{margin-left: 5%;width: 90%;} .table97{margin-left: 2%;width: 97%;} .table97_finan{margin-left: 15%;width: 65%;} .table_bulletin{margin-left: 0%;width: 99%;} .table60{margin-left: 20%;width: 60%;} .table_detail{margin-left: 2%;width: 97%;} .table_detail2{margin-left: 60%;width: 35%;} .table90{margin-left: 5%;width: 90%;} .table20{margin-left: 30%;width: 40%;} .table_ar{margin-left: 5%;width: 95%;} .table95{margin-left: 1.5%;width: 97%;} .table98{width: 98%;margin-left: 1%;} .titre3{font-size: 17px;text-align: center;text-transform: uppercase;text-shadow: 1px 1px white; margin: 1%;color: rgba(81,131,173,0.9)} .th{border: none;border-bottom: 1px solid black;background: rgba(81,131,173,0.8);color: white; border-color: white;text-shadow: 1px 1px 1px #000;border-left: 1px solid white; } th:first-child{border-left: none !important;} #fir:first-child{border-left: none !important;} .td{border: none;color: rgba(81,131,173,0.9);font-size: 15px;} .blanche{color: white;text-align: left;} .bo{border-radius: 10px 0 0 0;} .l1{background: rgba(81,131,173,0.2); border-bottom: 1px solid rgba(81,131,173,0.9);} .l1_bulletin{background: rgba(81,131,173,0.4);} /*.bajouter{border:none;background: rgba(165,111,19,0.9);text-align: center;padding: 5px 10px;border-radius: 5px; text-align: center;padding: 0%;color: white;font-size: 18px;width: 20%;} .bajouter:hover{cursor: pointer;border:none;background: #fff;text-align: center;padding: 5px 10px;border-radius: 3px; text-align: center;padding: 0%;color: rgba(165,111,19,0.9);font-size: 18px;width: 20%;} .bmodifier{ border:none;background: rgba(165,111,19,0.9);text-align: center;border-radius: 5px; text-align: center;padding: 0%;color: white;width: 100%;font-size: 16px;} .bsupprimer{border:none;background: rgba(165,111,19,0.9);text-align: center;border-radius: 5px; text-align: center;padding: 0%;color: white;width: 100%;font-size: 16px;} .bmodifier:hover{cursor: pointer;border:none;background: white;htext-align: center;border-radius: 5px; text-align: center;padding: 0%;color: rgba(165,111,19,0.9);width: 100%;font-size: 18px;} .bsupprimer:hover{cursor: pointer;border:none;background: white;text-align: center;border-radius: 5px; text-align: center;padding: 0%;color: rgba(165,111,19,0.9);width: 100%;font-size: 18px;}*/ .bmod{border: none; background: none;padding: 1.5px 3px;border-radius: 3px; } .bmod:hover{background: rgba(81,131,173,0.6); cursor: pointer;box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(81,131,173,0.7);} .bul_bmod{border: none; background: none;margin-left: 90%;padding: 1.5px 3px;border-radius: 3px; } .bul_bmod:hover{background: green; cursor: pointer;box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(81,131,173,0.7);} .bilan_bmod{border: none; background: green;margin-left: 90%;padding: 1.5px 3px;border-radius: 3px; } .bilan_bmod:hover{background: orange; cursor: pointer;box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(81,131,173,0.7);} .c1{box-shadow: 1px 1px black;} .droite{text-align: right !important;} .gauche{text-align: left;} .rouge{color: red;} .chocola{color: beigne;} .bleu{color: blue; border-color: black;font-weight: normal;font-size: 14px;} .vert{color: green; border-color: black;} .vert1{color: green;} .vert1:hover{color: green;} .jaune{color: yellow; border-color: black;} .jaune1{color: yellow;} .Gras{color: none; font-weight: bold;} .Italique{color: none; font-style: italic;} .normal{color: none; font-style: normal;font-size: 18px;} .bleu1{color: rgba(81,131,173,0.9);font-weight: bold;} .gras{font-weight: bold;} .bpayer{background: rgba(81,131,173,0.5);color: white;border-radius: 10px;} .bpayer:hover{cursor: pointer; font-size: 18px;background: rgba(81,139,215,0.9);color: white;border-radius: 10px;} .bpayer_annuler{background: greenyellow;color: white;border-radius: 10px;} .bpayer_annuler:hover{cursor: pointer; font-size: 18px;background: red;color: white;border-radius: 10px;} .b_conduire{background: rgba(81,131,173,0.5);color: white;border-radius: 10px;} .b_conduire:hover{cursor: pointer; font-size: 18px;background: greenyellow;color: white;border-radius: 10px;} .b_nouv_annee{background: yellow;color: black;border-radius: 10px;width: 120px;margin-left: 20px;} .b_nouv_annee:hover{cursor: pointer; font-size: 14px;background: greenyellow;color: black;border-radius: 10px;} .titre4{color: white;font-size: 18px;text-align: center;text-transform: uppercase;text-shadow: 1px 2px black; margin: 1%;} #f1conteneur{position: fixed;top: 22%;bottom: 20%;left: 30%;right: 30%;} #f1header{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f1content{position: absolute;top: 10%;width: 100%;height: 80.5%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: black;overflow: auto;} #f1footer{position: absolute;top: 90%;width: 100%;height: 15%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #f3conteneur{position: fixed;top: 32%;bottom: 42%;left: 30%;right: 30%;} #f3header{position:absolute;top:0%;width: 100%;height:17%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 20px 20px 0 0;font-size: 20px;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f3content{position: absolute;top: 15%;width: 100%;height: 78%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top:8%;} #f3footer{position: absolute;top: 92%;width: 100%;height: 30%;text-align: right; border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;padding-bottom: 2%;background: rgba(81,139,215,0.9)} #f4conteneur{position: fixed;top: 22%;bottom: 10%;left: 20%;right: 13%;} #f4header{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f4content{position: absolute;top: 10%;width: 100%;height: 80.5%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: black;overflow: auto;} #f4footer{position: absolute;top: 90%;width: 100%;height: 15%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} .fbutton{margin:2%;border:none;background: rgba(81,131,173,0.9);font-size: 15px; padding: 1% 1%;border-radius: 4px 4px 4px 4px;color: white;} .fbutton:hover{cursor: pointer;font-size: 20px;color: #fff;background: rgba(32,31,130,0.9);} .fbutton2{margin:2%;border:none;background: rgba(165,110,22,0.9);font-size: 15px; padding: 1% 1%;border-radius: 4px 4px 4px 4px;color: white;} .fbutton2:hover{cursor: pointer;font-size: 20px;color: rgba(165,111,19,0.9);background: #fff;} #f2conteneur{position: fixed;top: 22%;bottom: 20%;left: 30%;right: 30%;} #f2header{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f2content{position: absolute;top: 10%;width: 100%;height: 90.5%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: black;overflow: auto;} #f2footer{position: absolute;top: 100%;width: 100%;height: 15%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #f3conteneur_archives{position: fixed;top: 30%;bottom: 40%;left: 34%;right: 26%;} #f3header_archives{position:absolute;top:0%;width: 100%;height:15%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 20px 20px 0 0;font-size: 20px;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f3content_archives{position: absolute;top: 15%;width: 100%;height: 78%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top:8%;} #f3footer_archives{position: absolute;top: 92%;width: 100%;height: 30%;text-align: right; border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;padding-bottom: 2%;background: rgba(81,139,215,0.9)} #f2conteneur_archives{position: fixed;top: 22%;bottom: 20%;left: 34%;right: 30%;} #f2header_archives{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f2content_archives{position: absolute;top: 10%;width: 100%;height: 90.5%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: black;overflow: auto;} #f2footer_archives{position: absolute;top: 100%;width: 100%;height: 15%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #f1conteneur_ins{position: fixed;top: 22%;bottom: 20%;left: 30%;right: 30%;} #f1header_ins{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f1content_ins{position: absolute;top: 10%;width: 100%;height: 90.5%; text-align: center; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: black;overflow: auto;} #f1footer_ins{position: absolute;top: 100%;width: 100%;height: 15%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} .bmatiere{border: none;width: 87px;height: 65px;margin-bottom: 1px;padding-bottom: 15px;padding-top: 15px; text-align: center;background: rgba(165,111,19,0.9); color: black;font-size: 16px; border-radius: 10px 10px 20px 10px; box-shadow: 3px 1px gray;} .bmatiere:hover{cursor: pointer;background: rgba(165,111,19,0.9);color: white; text-shadow: 1px 1px rgba(165,111,19,0.9); box-shadow: 2px 2px yellow;} .bhoraire{border: none;width: 100%;margin-bottom: 1px;padding-bottom: 15px;padding-top: 15px;text-align: center;background: none; color: black;font-size: 17px; border-top:1px solid rgba(81,139,215,0.7);border-left:1px solid rgba(81,139,215,0.7);} .bhoraire:hover{cursor: pointer;background: rgba(81,139,215,0.9);color: white; text-shadow: 1px 1px #333;} .ho1 {background: rgba(81,131,173,0.2); } .pth{border: none;background: rgba(81,131,173,0.8);color: white;font-weight: normal; height: 25px;width: 32%;font-size: 16px; } .bdeconn{border:none;background: none;text-align: center;margin-left: 20% ; margin-bottom: 2%;border-radius: 5px;text-align: center;padding: 0%;font-size: 40px;} .bdeconn:hover{cursor: pointer;background: none;text-align: center;text-align: center;padding: 0%;font-size: 43px;margin-left: 20% ;margin-bottom: 2%;} /************ Authentification *****************/ #deconnexion{position: fixed;top: 0.1%;bottom: 89.9%;left: 95.9%;right: 0.1%;background: rgba(81,131,173,0.9);} #con_content{position: fixed;top: 10.2%;bottom: 0.1%;left: 0.1%;right: 0.1%;background: none;text-align: center;} #connexion{position: fixed;top: 30%;bottom: 25%;left: 33%;right: 33%;} #connexion_header{position: absolute;top:0%;width: 100%;height:15%; text-align: center;background: rgba(81,139,215,0.9); border-radius: 10px 10px 0 0;font-size: 20px;box-shadow: 1px 0px #000;} #connexion_content{position: absolute;top: 15%;width: 100%;height: 85%; text-align: left; box-shadow: 1px 0px #000;background: rgba(81,131,173,0.6);padding-top: 2%;color: white;} #connexion_footer{position: absolute;top: 100%;width: 100%;height: 20%;text-align: right; background: rgba(81,139,215,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #content1{position: fixed;top: 17.2%;bottom: 0.1%;left: 0.1%;right: 0.1%;background: none;text-align: center;overflow-x: auto;} .ligne{background-color: #CAF1F6; border-top-style: groove; } .haut{border-bottom-style: double;} .pied{border-top-style: groove; } .taille_moy{font-weight: bold;font-size: 15px; } .taille_moy3{font-weight: bold;font-size: 15px;height: 120px;text-align: left; } #image {position: fixed; top:10%; left:0.1%; right:0.1%; background: none;} #menuDeroulant{ list-style-type: none; margin: 0; padding: 0; z-index: -1000; } #menuDeroulant li { width: 110px; float: left; } #menuDeroulant .sousmenu li { float: none; margin-top: 15px; padding: 0; border: 0; height: 0; background: #26bdef; } #menuDeroulant li a:link, #menuDeroulant li a:visited { display: block; height: auto; color: #000; margin: 0; padding: 0px 0px; text-decoration: none; font-size: 12px; } #menuDeroulant .sousmenu li a:link, #menuDeroulant .sousmenu li a:visited { display: block; color: #000; margin: 0; border: 0; text-decoration: none; } #menuDeroulant .sousmenu li a:hover { color: white; background: rgba(81,131,173,0.9); z-index:1000; } #menuDeroulant .sousmenu li { float: left; padding-top: 3px; width: 85px; border-bottom: 1px solid white; width: 100px; background: #26bdef; margin-left: 25px; } #menuDeroulant .sousmenu { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; z-index: -1000; } #menuDeroulant li:hover > .sousmenu { display: block; } /*----------------------------------------------------------------------*/ /* code css pour l'appli boutique */ .bmenu1_boutique{border: none;width: 100%;padding-bottom: 10px;padding-top: 10px;text-align: left;background: rgba( 247, 129, 157); border-bottom: 1px solid white;color: white;font-size: 14px;} .bmenu1_boutique:hover{cursor: pointer;padding-bottom: 12px;padding-top: 12px;background: white;color: rgba( 247, 129, 157); font-size: 14px;} #menu2_boutique{position: fixed;top: 10.3%;bottom: 82.8%;left: 0.1%;right: 0.2%;z-index: 1000;background: none;border-radius: 0px 0px 10px 10px ;} .bmenu2_boutique{width: 100%;padding-bottom: 3px;padding-top: 2px;margin-top: 3px;text-align: center; background: rgba( 247, 129, 157);color: white;border: none;border-left: 1px solid white; font-size: 18px;margin-left: 20px;margin-right: 20px;border-radius: 10px 10px 10px 10px;} .bmenu2_boutique:hover{cursor: pointer;padding-top: 0px;color: white;font-size: 21px; text-shadow: 1px 1px #333;box-shadow: none;background: red;border-radius: 10px 10px 10px 10px;} #menuDeroulant_boutique{ list-style-type: none; margin: 0; padding: 0; z-index: -1000; } #menuDeroulant_boutique li { width: 148px; float: left; } #connexion{position: fixed;top: 30%;bottom: 25%;left: 33%;right: 33%;} #connexion_header_boutique{position: absolute;top:0%;width: 100%;height:15%; text-align: center;background: rgba(247, 129, 157,0.9);border-radius: 10px 10px 0 0;font-size: 20px;box-shadow: 1px 0px #000;} #connexion_content_boutique{position: absolute;top: 15%;width: 100%;height: 85%; text-align: left;box-shadow: 1px 0px #000;background: rgba(247, 129, 157,0.4);padding-top: 2%;color: white;} #connexion_footer_boutique{position: absolute;top: 100%;width: 100%;height: 20%;text-align: right;background: rgba(247, 129, 157,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #f1conteneur_boutique{position: fixed;top: 22%;bottom: 20%;left: 30%;right: 30%;} #f1header_boutique{position:absolute;top:0%;width: 100%;height:10%; text-align: center;background: rgba(247, 129, 157,0.9);border-radius: 10px 10px 0 0;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f1content_boutique{position: absolute;top: 10%;width: 100%;height: 80.5%; text-align: center;box-shadow: 1px 0px #000;background: rgba(247, 129, 157,0.5);padding-top: 2%;color: black;overflow: auto;} #f1footer_boutique{position: absolute;top: 90%;width: 100%;height: 15%;text-align: right;background: rgba(247, 129, 157,0.9);border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;} #f3conteneur_boutique{position: fixed;top: 30%;bottom: 40%;left: 30%;right: 30%;} #f3header_boutique{position:absolute;top:0%;width: 100%;height:15%; text-align: center;background: rgba(247, 129, 157,0.9);border-radius: 20px 20px 0 0;font-size: 20px;box-shadow: 1px 0px #000;border-bottom: 1px solid black;} #f3content_boutique{position: absolute;top: 15%;width: 100%;height: 78%; text-align: center;box-shadow: 1px 0px #000;background: rgba(247, 129, 157,0.6);padding-top:8%;} #f3footer_boutique{position: absolute;top: 92%;width: 100%;height: 30%;text-align: right;border-radius: 0 0 15px 15px ;box-shadow: 1px 1px #000;padding-bottom: 2%;background: rgba(247, 129, 157,0.9)} .fbutton_boutique{margin:2%;border:none;background: rgba(240, 100, 150,0.9);font-size: 15px; padding: 1% 1%;border-radius: 4px 4px 4px 4px;color: white;} .fbutton_boutique:hover{cursor: pointer;font-size: 20px;color: #fff;background: red;} .titre3_boutique{font-size: 17px;text-align: center;text-transform: uppercase;text-shadow: 1px 1px white;margin: 1%;color: rgba(240, 100, 150,0.9)} .th_boutique{border: none;border-bottom: 1px solid black;background: rgba(240, 100, 150,0.8);color: white;border-color: white;text-shadow: 1px 1px 1px #000;border-left: 1px solid white;} .bmod_boutique{border: none; background: none;padding: 1.5px 3px;border-radius: 3px; } .bmod_boutique:hover{background: red; cursor: pointer;box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(81,131,173,0.7);} .bmod_boutique2{border: none; background: rgba(240, 100, 150,0.6);padding: 1.5px 3px;border-radius: 10px;color: white; } .bmod_boutique2:hover{background: red; cursor: pointer;font-size: 18px;} .l_boutique1{background: rgba(240, 100, 150,0.2); border-bottom: 1px solid rgba(240, 100, 150,0.9);} table.c2{background: rgba(255,255,255,0.4);box-shadow: 1px 1px rgba(240, 100, 150,0.9);} .td_boutique{border: none;color: red;font-size: 15px;}