body { scrollbar-base-color:#000; scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#ccc; scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-highlight-color : #ccc; scrollbar-shadow-color : #fff; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em; color:#300;margin: 0;padding: 0; background-image: url("/images/bkgd.jpg")} dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;} #conteneur { position: absolute; width:802px; margin-left: 0px; margin-top:0px; background-image:url(/images/bkgd_content.jpg); background-repeat:repeat-y; } #link{position:absolute; top:0px; margin:0 auto; height:90px;background : transparent} #link a {display :block;background:transparent url(/images/alpha.gif) repeat;height: 90px;} #link a:hover {background : transparent;text-decoration : none} #header {height: 90px; background-image: url("/images/header.jpg"); background-repeat:no-repeat} a{font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#999; text-decoration:none} a:hover{text-decoration:underline;color:#333;} .contact a{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#f60; text-decoration:none} .contact a:hover{text-decoration:underline;color:#333;} #titre{ width:802px; background-color:#FFFFFF; height:65px; background-repeat:no-repeat; } #titre_big{ width:802px; background-color:#FFFFFF; height:90px; background-repeat:no-repeat; } #haut {height:90px; margin-top:50px; margin-left:12px; margin-right:15px;padding-right:5px; border-bottom:1px solid #666} #construct_signature{ font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color:#999; border-top: 1px dotted #ccc; display:block;} #centre_index {margin-left:0px;margin-top: 0px;margin-right:0px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666;} #centre { margin-left: 0px;margin-top: 0px;margin-right:240px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666; background-image:url(/images/fond_bloc_text.gif); background-position:left top; background-repeat:no-repeat; padding-top:15px;padding-left:15px;} #content{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666; margin-left:0px;} #centre_left{ width:204px; float:left; height:485px; background-repeat:no-repeat; margin:0; padding:0} #centre_right{width:580px; float:left; background-color:#fff; padding-left:0px ; display:block; padding-top:0px; margin-right:5px} #centre_conteneur{width:580px; float:right; height:100%; background-color:#FFFFFF} #bloc_select{ float:right; width:204px; height:50px; font-size:9px; padding-left:0px} #bloc_select_int{ float:right; width:204px; height:50px; background-color:#FFFFFF; font-size:10px;} #bloc_select_footer{clear:both; height:30px; with:150px; padding-left:-10px} #activity_title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:16px; margin-left:5px} .course_title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:16px; margin-left:5px; display:block} .detail_title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url(/images/arrow02.gif); background-repeat:no-repeat; background-position:left; margin-left:10px; padding-left:10px; margin-bottom:5px; margin-top:15px} .bloc_content{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; margin-left:10px; margin-right:19px; text-align:justify; line-height:16px} .bloc_link_subtitle{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:10px; font-weight:bold} .bloc_link{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:20px; margin-bottom:12px; padding-bottom:5px; display:block;} .bloc_link a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:10px;} .bloc_link a:hover{ color:#fc0;} .bloc_link_all{display:block; float:left; width:450px; margin-right:5px; border-bottom:1px dashed #ccc; margin-bottom:25px; padding-bottom:15px; margin-left:0px} #bloc_titre {height:18px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#c00; padding-left:18px; padding-top:7px; background-image:url(/images/arrow.gif); background-position:left; background-repeat:no-repeat} #bloc_titre_savoir { margin-left:30px;height:18px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#c00; padding-left:18px; padding-top:7px; background-image:url(/images/arrow.gif); background-position:left; background-repeat:no-repeat} .bloc_content_contact{ border-left:1px dashed #ccc;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333; margin-left:0px; text-align:justify; display:block; padding-left:15px; margin-top:5px} .bloc_news{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:25px; margin-bottom:12px; padding-bottom:5px; display:block;} .bloc_news_link{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:0px; margin-bottom:12px; padding-bottom:5px; display:block} .bloc_news_link a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:0px;} .bloc_news_link a:hover{ color:#fc0;} .select {width:190px;height:18px;border-color:#CCCCCC; margin:-2px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px} .present{ width:550px; margin-bottom:5px; display:block} .detail{ display:block; float:left; width:400px; margin-right:20px; margin-left:10px} #detail_left{ display:block; float:left; width:205px; margin-right:0px; margin-left:10px} .slideshow_all{ width:530px; height:258px;} #slideshow{ float:left; margin-left:5px; margin-top:15px; width:283px; height:211px} #slideshow_footer{ background-image:url(/images/footer_slideshow.jpg); background-repeat:no-repeat; height:23px; width:283px; font-size:9px; background-color:#999999} #tarif{ margin-top:15px;display:block; width:200px;float:left; margin-left:15px; color:#333; height:160px;} .tarif_titre{ width:200px; height:25px; background-color:#999999; display:block; background-image:url(/images/tarif_titre.jpg); background-repeat:no-repeat; float:left} .tarif_content{display:block; width:190px; float:left;height:160px; overflow:auto;float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666} #all_day{ display:block; margin-left:2px; color:#ccc; font-size:10px; clear:both; width:200px} #day{display:block; float:left; width:80px; height:20px; border-top:1px solid #ccc; border-right:1px dashed #ccc} #day_input{display:block; float:right; width:117px; height:20px; border-top:1px solid #ccc;text-align:center; font-size:12px} #half_day{display:block; float:left;width:80px; height:20px; clear:both; border-right:1px dashed #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc} #half_day_input{display:block; float:right; width:117px; height:20px; text-align:center; font-size:12px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;} .contenant {display : block;border: 1px solid #ccc;overflow:scroll;height:280px;width:600px} #pied { clear:both;height:44px; background-image: url("/images/footer.jpg"); background-repeat:no-repeat; text-align:right; font-size:9px; color:#666; padding-top:55px; background-color:#CCCCCC} #pied a {text-align:center; font-size:9px; color:#999} #pied a:hover {text-align:center; font-size:9px; color:#f90} .menuhaut {width:100%;padding-right:5px;list-style-type: none;} .menuhaut li {display: block;float:left} .menuhaut a {background : transparent url(/images/bkgd_menu.gif) repeat-x;padding-top: 5px;height: 22px;text-align: center;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666;display : block;width: 83px;text-decoration: none} .menuhaut a:hover {color:#666;background : transparent url(/images/bkgd_menu_hover.gif) repeat-x;text-decoration : underline} .on{color:#333;background:url(/images/bkgd_menu_hover.gif);text-decoration : none} form { margin: 0px; padding: 0px; } #link_box{position:absolute; margin-left:800px; width:60px ; height:280px; display:block;} #langues{ display:block; float:left; width:36px; margin-left:0px; position:absolute; margin-top:100px} #langues02{ display:block; float:left; width:36px; margin-left:0px; position:absolute; margin-top:130px} #contact{ display:block; float:left; width:36px; margin-left:0px; position:absolute; margin-top:15px} .link_right01{ display:block;width:43px; padding-left:2px; float:left; margin-top:39px} .link_right{ display:block;width:43px; padding-left:2px; float:left} /* Menu horizontal */ #menuhorizontal_all { float:right; margin-left:205px; clear:both; display:block; padding: 0px; width:350px; height:25px; padding-top:40px; } #menuhorizontal { float:right; margin-left:0px; margin-right:17px; padding-top:43px; display:block; height:21px; width:451px; background-image:url(/images/stage_sousmenu_bkgd.jpg); background-repeat:no-repeat; background-position:bottom; } #menuhorizontal ul { margin: 0px; padding-top: 0px; list-style-type: none; } #menuhorizontal ul li { margin-left:10px; padding-top:0px; text-decoration: none; float: left; } #menuhorizontal_stage { vertical-align:bottom; margin-left:150px; clear:both; display:block; padding-top: 5px; height:20px; background-image:url(/images/stage_sousmenu_bkgd.jpg) } #menuhorizontal_stage ul { margin: 0px; padding-top: 0px; list-style-type: none; } #menuhorizontal_stage ul li { margin-left:10px; padding-top:0px; text-decoration: none; float: left; } .menu_01 a{background-image:url(/images/menu_stage_01_off.jpg); background-repeat:no-repeat;width:68px;height:21px;float:left;margin:0px;} .menu_01 a:hover{background-image:url(/images/menu_stage_01_on.jpg); background-repeat:no-repeat;width:68px; height:21px;float:left;margin:0px;} .menu_01_on a{background-image:url(/images/menu_stage_01_on.jpg); background-repeat:no-repeat;width:68px; height:21px;float:left;margin:0px;} .menu_02 a{background-image:url(/images/menu_stage_02_off.jpg); background-repeat:no-repeat;width:68px;height:21px;float:left;margin:0px;} .menu_02 a:hover{background-image:url(/images/menu_stage_02_on.jpg); background-repeat:no-repeat;width:68px; height:21px;float:left;margin:0px;} .menu_02_on a{background-image:url(/images/menu_stage_02_on.jpg); background-repeat:no-repeat;width:68px; height:21px;float:left;margin:0px;} .menu_03 a{background-image:url(/images/menu_stage_03_off.jpg); background-repeat:no-repeat;width:90px;height:21px;float:left;margin:0px;} .menu_03 a:hover{background-image:url(/images/menu_stage_03_on.jpg); background-repeat:no-repeat;width:90px; height:21px;float:left;margin:0px;} .menu_03_on a{background-image:url(/images/menu_stage_03_on.jpg); background-repeat:no-repeat;width:90px; height:21px;float:left;margin:0px;} .coeur_out { float:left; margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; width:239px; margin-bottom:20px;} .coeur { float:right; margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(/images/add_repeat.jpg); background-repeat:repeat-y; display:block; width:157px; margin-bottom:0px; border:1px solid #ccc} .coeur_content { padding-left:0px; margin-bottom:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF} .coeur_titre {font-family:Arial, Helvetica, sans-serif; font-size:12px;display:block; width:157px; height:25px; background-image:url(/images/add_header.jpg); background-repeat:no-repeat} .coeur_footer {font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; width:157px; height:38px;background-image:url(/images/add_footer.jpg); background-repeat:no-repeat; clear:both} .coeur_img{ padding-left:10px; background-image:url(/images/bkgd_in.jpg); width:130px; margin-left:2px} .coeur a {padding-left:0px;color: #ccc;text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:14px; padding-top:0px; background-image:url(/images/deco/bkgd_menu.jpg); display:block;} .coeur a:hover{background-image:url(/images/deco/arrow.gif); background-position:left; background-repeat:no-repeat; color:#fff} .news{ display:block; width:313px; background-image:url(/images/news_bkgd.jpg); float:left; clear:both; margin-left:5px} .news_header{ display:block; width:313px; background-image:url(/images/news_header.jpg); background-repeat:no-repeat; height:35px} .news_titre{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; display:block; width:200px; margin-bottom:5px; border-bottom:1px dashed #fff} .news_content{ display:block; width:283px;height:90px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; padding:15px; text-align:justify} .news_link{ display:block; width:120px;height:22px; float:right;} .news_link a{ display:block; width:120px;height:22px; float:right;} .news_link a:hover{ display:block; width:120px;height:22px; float:right; border-bottom:1px dashed #333} .news_footer{ display:block; width:313px; background-image:url(/images/news_footer.jpg); background-repeat:no-repeat; height:27px; margin-top:5px} .add{ display:block; width:213px; background-image:url(/images/add_bkgd.jpg); float:right; margin-left:10px; margin-right:10px} .add_header{ display:block; width:213px; background-image:url(/images/add_header.jpg); background-repeat:no-repeat; height:31px} .add_titre{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; display:block; width:200px; margin-bottom:5px; border-bottom:1px dashed #fff} .add_content{ display:block; width:183px;height:90px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; padding:15px; text-align:justify} .add_link{ display:block; width:120px;height:22px; float:right;} .add_link a{ display:block; width:120px;height:22px; float:right;} .add_link a:hover{ display:block; width:120px;height:22px; float:right; border-bottom:1px dashed #333} .add_footer{ display:block; width:213px; background-image:url(/images/add_footer.jpg); background-repeat:no-repeat; height:27px} .add_form{ display:block;float:right; margin-left:10px; margin-right:18px} .news_liste_all{display:block; float:left; width:480px; margin-left:20px; border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:15px;} .news_liste_all_bottom{display:block; float:left; width:480px; margin-left:20px; border-bottom:1px dashed #ccc; margin-bottom:0px; padding-bottom:0px;} .news_liste_gen{display:block; float:left; width:200px; margin-bottom:25px; padding-bottom:15px;} .news_liste_title{display:block; float:right; width:240px; margin-bottom:25px; padding-bottom:15px} .news_liste_gen_bottom{display:block; float:left; width:200px; margin-bottom:0px; padding-bottom:5px;} .news_liste_title_bottom{display:block; float:right; width:240px; margin-bottom:0px; padding-bottom:5px} .news_bloc_link{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; text-decoration:none;margin-left:20px; margin-bottom:5px; padding-bottom:5px; float:left} #news_bloc_content{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; margin-left:10px; margin-right:19px; text-align:justify; line-height:18px} .img_intro{ margin-left:1px; float:left} .contact_link a{ color:#FF6600; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:-10px} .contact_link a:hover{ color:#666; text-decoration:underline} .titre_cgv{ font-weight:bold; display:block; width:100%; border-bottom:1px dashed #fff; margin-bottom:10px;margin-top:25px; font-size:14px;} .bloc_cgv{display:block; width:550px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; margin-left:10px} .bold_cgv{ font-weight:bold} .big_title_cgv{ font-weight:bold; font-size:16px} .centerdiv{ /*IE method of centering a relative div*/ text-align: center; } .centerdiv>div{ /*Proper way to center a relative div*/ margin: 0 auto; } .groupe_formulaire{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666; margin-bottom:5px; float:left} .groupe_formulaire_bis{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666; margin-bottom:5px; float:left; margin-top:10px} p.formulaire_user{float:left;margin:0;padding:0;} div.groupe_formulaire2{clear:both;margin:0;padding:0;width:200px;} .select_gen{ background-color:#fff; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:15px; width:200px} .textarea_gen{ width:350px; border:1px solid #ccc; margin:1px; background-color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .textarea_gen_pro{ width:525px; border:1px solid #333; margin:1px; background-color:#000;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .textarea_gen_pro_pro{ width:222px; border:1px solid #333; margin:1px; background-color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .input_gen{border:1px solid #ccc; width:350px; margin:1px;font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px; background-color:#fff;padding:0px;} .input_gen_pro{border:1px solid #333; width:222px; margin:1px;font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; background-color:#000000;padding:0px;} p.formulaire_champ{ float:left;margin: 1px 1px 1px 0px; width:350px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .formulaire_champ .focus{ padding:0px; width:350px; margin:1px; background-color:#fff;color: #333; border:1px solid #333;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .formulaire_champ .normal{padding:0px; width:350px; margin:1px; background-color:#fff;color: #999; border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .formulaire_champ_pro_big .focus{ padding:0px; width:515px; margin:1px; background-color:#333;color: #cccccc; border:1px solid #999;font-family:Arial, Helvetica, sans-serif; font-size:12px;} .formulaire_champ_pro_big .normal{padding:0px; width:515px; margin:1px; background-color:#000;color: #999999; border:1px solid #333;font-family:Arial, Helvetica, sans-serif; font-size:12px;} /* FORMULAIRE corpFormulaire*/ /*** Mise en forme des lignes du formulaire ***/ #corpFormulaire p { padding: 0 0 0 0 ;margin: 0 0 0 0;} /*** Mise en forme des intitul�s de champs ***/ #corpFormulaire fieldset.field_groupe_formulaire label {margin-left:0px;float: left; /*** Tr�s important, ne pas suprimer ! ***/width:120px; /*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***//*** ... et ils sont align�s � droite... ***/margin-top:0;padding: 0 0 0 0;/*** ... et centr�s verticalement. ***/display:inline;} /*** Mise en forme des intitul�s de champs ***/ #corpFormulaire fieldset.field_groupe_formulaire label.normal { text-align:left;display:inline;} /*** Mise en forme des intitul�s de champs ***/ #corpFormulaire fieldset.field_groupe_formulaire label.mini { float: left; /*** Tr�s important, ne pas suprimer ! ***/width: 50%; /*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/text-align: right; /*** ... et ils sont align�s � droite... ***/margin: 0;padding: 0 0 0 0;line-height: 1.8; /*** ... et centr�s verticalement. ***/} /*** Mise en avant des champs en cours d'utilisation ***/ /*** Retour � l'�tat normal apr�s l'utilisation ***/ #titreFormulaire{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333} legend{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333333} .groupe_formulaire_gen{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666;} .groupe_formulaire_gen_right{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666} div.groupe_formulaire_gen{ float:left;margin:1px;padding:0px;width:520px; } .field_groupe_formulaire_pro{ display:block;margin:56px 0 0 0; padding:0px; width:199px; color:#2E566D; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal} .field_groupe_formulaire_bis{ display:block; float:left; margin:0px 0 0 5px; width:282px; color:#2E566D; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal} div.groupe_formulaire_gen_pro{ float:left;margin:0px;padding:0px;width:199px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666 } div.groupe_formulaire_gen_bis{ display:block; float:left;margin:1px;padding:0px;width:200px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999} p.formulaire_intitule_pro{float:left;width:100px;margin:1px;padding:0;} div.groupe_formulaire_gen_right{ float:right;margin:0;padding:0;width:490px; } p.formulaire_intitule{float:left;width:140px;margin:1px;padding:0; font-weight:bold} a.info_aide {position:relative;text-decoration:none;color:black;cursor:default;} a.info_aide span {display:none;} a.info_aide:hover {background:none;text-decoration:none;cursor:default;} a.info_aide:hover span {display:inline;position:absolute;z-index:500;top:30px;left:20px;background:#CCC;text-align:center;color:#666;padding: 5px;} #corpFormulaire fieldset.field_groupe_formulaire label.mini {/*** Mise en forme des intitul�s de champs ***/float: left; /*** Tr�s important, ne pas suprimer ! ***/width: 50%; /*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/text-align: right; /*** ... et ils sont align�s � droite... ***/margin: 0;padding: 0 0 0 0;line-height: 1.8; /*** ... et centr�s verticalement. ***/} p.formulaire_commun{float:left;width:350px;margin:0;padding:0;} .field_groupe_formulaire{ display:block; float:left; width:515px; color:#2E566D; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal} .legend{color:#CCC; border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold} .input_message{border:1px solid #ccc; margin:1px; height:80px;} .login_bloc_all{ clear:both; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666} .login_bloc{ float:left; display:block;clear:both; width:200px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666} .login_bloc ul{margin: 0px;padding: 0px;list-style-type: none;} .login_bloc li{text-decoration: none;margin: 0px; background-image:url(/images/picto_list.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px} .login_bloc a{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666} .login_bloc a:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff} .login_submit{float:left; display:block; margin-bottom:5px; margin-left:0px; clear:both} /*FIN FORMULAIRE corpFormulaire */ .table_border{ border:1px solid #ccc; background-color:#CCCCCC} .td_border{ background-color:#fff} .input_gen_small{border:1px solid #ccc; margin:1px;font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px; background-color:#fff;padding:0px;} .error{ display:block; float:left; font-weight:bold;width:95%; color:#FF0000; clear:both; padding: 12px 0 7px 35px; background-image:url(/images/msg_error.gif); background-position:left; background-repeat:no-repeat} .ok{ display:block; float:left; font-weight:bold; color:#00CC00; clear:both; height:23px; padding: 12px 0 7px 35px; background-image:url(/images/msg_ok.gif); background-position:left; background-repeat:no-repeat} .warning{ display:block; float:left; width:95%;color:#FF6600; padding: 12px 0 7px 35px; background-image:url(/images/msg_warning.gif); background-position:left; background-repeat:no-repeat} .success{ display:block; float:left; font-weight:bold; color:#00CC00; clear:both; height:23px; padding: 12px 0 7px 35px; background-image:url(/images/msg_ok.gif); background-position:left; background-repeat:no-repeat}