/*----BAMBINERIE---- couleurs menu bleu : 6cd0e7 rose : d99ce2 violet : 8580d8 vert : bce18e jaune : f0eb79 3 blocs vert 9AC844 rose EC3997 orange F0AC2F bleu head-foot-ligne : 58adc9 */ /*----Balises----*/ .balise-plusgrand { font-size:14px; } .balise-grostitre { color:#00A8CB; font-size:24px; font-weight:bold; text-align: center; } .balise-titrebleu { color:#58adc9; font-size:18px; font-weight:bold; } .balise-petittitrerose { color:#EC3997; font-size:14px; font-weight:bold; } .simulation-form-gauche { width: 140px; float: left; clear: none; margin: 0px 0px 0px 0px; } .simulation-form-droite { width: 400px; float: left; clear: none; margin: 0px 0px 0px 0px; } /*----GENERAL----*/ #global {width:958px; margin:0 auto; height:auto; background: url('back_gob.png') repeat-y; padding-left: 10px; } #header { position:relative; width:958px; height:174px; margin:0 auto; background:url(header.jpg) no-repeat; } #sheader { position:relative; width:958px; height:220px; margin:0 auto; background-color:#FFF; } #fil { display:block; width:708px; height:33px; background-color:#00a8cb; margin-left:0px; line-height:33px; color:#FFF; padding-left:250px; } div[id^="ssheader_cont"] { position:absolute; display: none; width:700px; height:175px; top:-33px; left:250px;} div[id^="ssheader_cont"] img { float: left; margin-left: 25px;} div[id^="ssheader_cont"] .txt { display: block; float: left; margin-left: 25px; color:#4fc3de; font-size: 25px; width: 300px; text-align: center;} #centre { position:relative; width:958px; min-height:500px; height:auto; margin:0 auto; background:url(centre_back.jpg) repeat-y; } #centre #col_menu { float:left; width:250px; height:480px; display:block; } #footer { position:relative; width:923px; height:78px; background:url(footer.jpg) no-repeat; margin:0 auto; text-align: center; padding-top: 72px; padding-left: 35px; font-size: 16px; color: #fff; } #header #adresses { position:absolute; width:230px; height:130px; color:#fff; top:10px; left:660px; font-size: 15px;} #footer a { font-size: 16px; color: #fff; text-decoration: none;} #footer .big { font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } /**INDEX***/ #index_p table { border-collapse: collapse; } #index_p th { background-color: #59ACCA; color: #fff; font-size: 12px; font-weight: normal; } #index_p td, th { border-collapse: collapse; } #index_p tr { margin-bottom: 20px; } /*---POUR CHANGER TAILLE POLICE TEXTE INDEX--*/ .contenupolice { font-size:13px; text-align:justify; } /*---POUR CHANGER TAILLE POLICE TEXTE INDEX--*/ #contenu_i { padding-top: 100px; width:900px;} #bl_table {width:550px; padding-left: 50px;} #tarif_table { border-collapse: collapse; border: 1px solid #000; } #tarif_table td {border: 1px solid #000; height:50px; width:150px; text-align: center; font-size: 12px;} #tarif_table .back { background-color: #80c7d6; color: #000; text-align: left;} #tarif_table th.back { background-color: #80c7d6; color: #000; text-align: center;} .index_ca_0 { display: block; width:25px; height:25px; background-color:#00a8cb; margin: 0 10px 0 10px; } .index_ca_1 { display: block; width:25px; height:25px; background-color:#6cd0e7; margin: 0 10px 0 10px; } .index_ca_2 { display: block; width:25px; height:25px; background-color:#d99ce2; margin: 0 10px 0 10px; } .index_ca_3 { display: block; width:25px; height:25px; background-color:#8580d8; margin: 0 10px 0 10px; } .index_ca_4 { display: block; width:25px; height:25px; background-color:#b727bf; margin: 0 10px 0 10px; } .index_ca_5 { display: block; width:25px; height:25px; background-color:#9AC844; margin: 0 10px 0 10px; } .index_ca_6 { display: block; width:25px; height:25px; background-color:#EC3997; margin: 0 10px 0 10px; } .index_ca_7 { display: block; width:25px; height:25px; background-color:#F0AC2F; margin: 0 10px 0 10px; } .index_ca { display: block; width:25px; height:25px; margin: 0 10px 0 10px; } /*MENU*/ ul.menu, ul.menu ul { list-style-type:none; margin: 45px 0 0 -50px; padding: 0; width: 250px;} ul.menu a { display: block; text-decoration: none; padding-left:30px; } ul.menu li { margin-top: 5px; margin-bottom:15px; color:#FFF ; padding-left:30px; } ul.menu li a { color: #fff; box-shadow:1px 2px 2px #c5c7c8; text-align: left; padding-right: 10px; } ul.menu li a .first { } ul.menu li a:hover { } ul.menu li ul { margin: 5px 0 0 -30px; } ul.menu li ul li { height:auto; background:none; color:#fff; margin-bottom:5px; } ul.menu li ul li .activemenu { color:#000; } ul.menu li ul li a { color:#000; padding-left: 20px; font-style:normal; width:215px; box-shadow:0 0 0 #c5c7c8; text-align: left; } ul.menu li ul li a:hover { color:#000; padding-left: 20px; text-decoration: underline;} .m0 { width:214px; height:26px; display:block; background-color:#00a8cb; line-height:26px; color:#FFF; } .m0:hover { width:214px; height:26px; display:block; background-color:#00a8cb; line-height:26px; color:#FFF; } .m1 { width:214px; height:26px; display:block; background-color:#6cd0e7; line-height:26px; color:#FFF; } .m1:hover { width:214px; height:26px; display:block; background-color:#6cd0e7; line-height:26px; color:#FFF; } .m2 { width:214px; height:26px; display:block; background-color:#d99ce2; line-height:26px; color:#FFF; } .m2:hover { width:214px; height:26px; display:block; background-color:#d99ce2; } .m3 { width:214px; height:26px; display:block; background-color:#8580d8; line-height:26px; color:#FFF; } .m3:hover { width:214px; height:26px; display:block; background-color:#8580d8; } .m4 { width:214px; height:26px; display:block; background-color:#b727bf; line-height:26px; color:#FFF; } .m4:hover { width:214px; height:26px; display:block; background-color:#b727bf; } .m5 { width:214px; height:26px; display:block; background-color:#9AC844; line-height:26px; color:#FFF; } .m5:hover { width:214px; height:26px; display:block; background-color:#9AC844; } .m6 { width:214px; height:26px; display:block; background-color:#EC3997; line-height:26px; color:#FFF; } .m6:hover { width:214px; height:26px; display:block; background-color:#EC3997; } .m7 { width:214px; height:26px; display:block; background-color:#F0AC2F; line-height:26px; color:#FFF; } .m7:hover { width:214px; height:26px; display:block; background-color:#F0AC2F; } .decal { margin-left:20px; color:#F00; } /*------PAGES------*/ #rappel_menu0 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#00a8cb; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu1 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#6cd0e7; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu2 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#d99ce2; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu3 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#8580d8; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu4 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#b727bf; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu5 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#9AC844; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu6 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#EC3997; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #rappel_menu7 { position:absolute; top:35px; right:-20px; width:360px; height:45px; background-color:#F0AC2F; line-height:45px; color:#FFF; padding-left:30px; font-size:18px; font-weight:bold; box-shadow:1px 2px 2px #c5c7c8; } #vignette_p0 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#00a8cb; } #vignette_p1 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#6cd0e7; } #vignette_p2 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#d99ce2; } #vignette_p3 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#8580d8; } #vignette_p4 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#b727bf; } #vignette_p5 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#9AC844; } #vignette_p6 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#EC3997; } #vignette_p7 { position:absolute; top:1px; left:250px; width:208px; height:135px; background-color:#F0AC2F; } .titre0 {font-size: 17px; color:#00a8cb;} .titre1 {font-size: 17px; color:#6cd0e7;} .titre2 {font-size: 17px; color:#d99ce2;} .titre3 {font-size: 17px; color:#8580d8;} .titre4 {font-size: 17px; color:#b727bf;} .titre5 {font-size: 17px; color:#9AC844;} .titre6 {font-size: 17px; color:#EC3997;} .titre7 {font-size: 17px; color:#F0AC2F;} /*---POUR CHANGER TAILLE POLICE TEXTE--*/ #contenu { position:relative; margin:0 0 0 290px; padding-top:150px; width:610px; height:auto; font-size:13px; text-align:justify; } /*---POUR CHANGER TAILLE POLICE TEXTE--*/ /*---TINY--*/ .grostitre { color:#00A8CB; font-size:24px; font-weight:bold;} .titre { color:#58adc9; font-size:18px; font-weight:bold;} .sous-titre { color:#EC3997; font-size:14px; font-weight:bold; } .texte-rose { color:#EC3997; font-size:14px; } .texte-normal { color:#434343; font-size:12px; } #vignettephot { width:205px; height:135px; top:0; left:0;} .border1 {border-bottom:25px solid #00a8cb;} /*------PRIVE--------*/ #menu_parents { position:absolute; top:95px; right:55px; width:200px; height:auto; background-color:#dff1f7; line-height:45px; color:#2a657b; padding-left:30px; font-size:13px; z-index: 500; } #menu_parents a {color:#2a657b; } label { display: inline-block; width:20% } /*------TABLE----*/ #p_bs table { border-collapse: collapse; border: 1px solid #000; } #p_bs th { background-color: #59ACCA; color: #fff; font-size: 13px; font-weight: normal; } #p_bs td, th { border-collapse: collapse;border: 1px solid #000; } #calendar { position:absolute; left:50px; height:50px; background-color:#F5F1E8; width:260px; height:210px; border:5px solid #e2dcd3; display:none; } .close { position:absolute; width:30px; height:30px; right:-15px; top:-15px; cursor:pointer; } #form label { display:block; text-transform:uppercase; font-size:11px; } #form .input { padding:5px; outline:none; width:500px; height:15px; margin-bottom:10px; border:1px solid #CCC; } #form .p150 { width:190px;} #form p { position:relative; } #form .input:focus { } #form .textarea { background-color:#FFF; width:500px; height:80px; margin-bottom:15px; outline:none; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #CCC; } #form .submit { background-color:#b3b2b2; color:#fff; width:100px; height:30px; border:0; margin-left:315px; } #form .submit:hover { background-color:#d67f0e; } #form fieldset { border: 1px solid #666; margin-bottom: 10px; width:550px; padding: 15px;} #form legend {color:#cc0066; font-weight: bold;}