/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Fichier: global.css * Website: ADISIF * Type: XHTML 1.1 * Auteur: Expansion - www.expansion.be - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* BODY - HTML ==========================================================================================================================================================*/ * { margin: 0; padding: 0; } body { background: url(../images/bg.jpg) #fff no-repeat top center; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; color: #474747; } /* FIN BODY - HTML */ /* ELEMENTS ==========================================================================================================================================================*/ a { text-decoration: underline; outline: none; color: #184f81; } a:hover { text-decoration: none; } a.no_link{ text-decoration: none; outline: none; color: #B8B8B8; } a.no_link:hover { text-decoration: none; } .clear { clear: both; } .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .text-justify{text-align:justify} hr {border:none;} img { border: none; } h1 { margin: 0 0 20px 25px; color: #174e80; font-size: 22px; } h2 { margin: 30px 0 10px 25px; color: #fdb814; font-size: 14px; } button {background:none; border:none;} table { margin: 10px 0 10px 25px; width: 95%; border: 0px; } table table { margin: 0; width: 100%; border: 0px; } th { text-align: left; background: url(../images/bg_table.jpg) repeat-x 0 0; color: #fff; height: 25px; padding: 0 10px 0 10px; } td { text-align: left; border: 0px; padding: 6px 10px 6px 10px; } table tr td p{ margin:0; line-height:16px} table tr th p { margin:4px 0 0 0; line-height: 16px; } td a { text-decoration: none; color: #444; } td a:hover { text-decoration: underline; } #left td th { text-align: left; background: #4478a7; color: #fff; height: 25px; padding: 0 10px 0 10px; } tr.row { background: #eee; } #left p { margin: 0 0 10px 25px; line-height: 22px; } #left p strong { color: #474747; } #left ul { margin: 20px 0 20px 60px; } #left ul li { margin: 0 0 5px 0; } #left ul li ul { margin: 5px 0 10px 30px; color: #959595; } #left .element_left { float: left; margin: 0 20px 20px 0; } #left .element_right { float: right; margin: 0 0 20px 20px; } #left .object-right { float: right; margin: 0 0 20px 20px; } #left .object-left{ float: left; margin: 0 20px 20px 0; } #left .renderedtable .firstRowRenderedTable{ text-align: left; background: url(../images/bg_table.jpg) repeat-x 0 0; color: #fff; height: 25px; padding: 0 10px 0 10px; } /* FIN ELEMENTS */ /* BLOCS STRUCTURE ==========================================================================================================================================================*/ #global { position: relative; width: 994px; padding: 0; margin: 0 auto; } #header { width: 994px; margin: 0; padding: 0; } #banniere { display: block; position: absolute; z-index: 2; } #logo { display: block; position: absolute; z-index: 3; } #left { width: 762px; float: left; display: inline; margin: 0; padding: 0 20px 0 0; } #content { clear: both; padding: 235px 0 0 0; margin: 0; } /* FIN BLOCS STRUCTURE */ /* MENUS ==========================================================================================================================================================*/ #topmenu { position: absolute; z-index: 4; right: 30px; width: auto; height: 23px; margin: 0; padding: 0; color: #949494; } #topmenu .left {float:left;width:10px;height:23px; background: url(../images/bg_topmenu_left.png) no-repeat top left;} #topmenu .right {float:left;width:auto;height:20px;background: url(../images/bg_topmenu_right.png) no-repeat top right;padding:3px 10px 0 0;} #topmenu a { color: #949494; text-decoration: none; } #topmenu a:hover { color: #3e3e3e; } #topmenu a.topmenu_active { color: #3e3e3e; } #menu { position: absolute; z-index: 5; top: 125px; background: url(../images/bg_menu.png) no-repeat 0 0 ; width: 954px; height: 99px; padding: 0 0 0 40px; margin: 0 !important; margin-left:50px; } #mainmenu { list-style-type: none; padding: 0; margin: 0; } #mainmenu li { float: left; display: inline; padding: 0; margin: 0; } #mainmenu li a { float: left; display: block; padding: 11px 26px 0 26px; margin: 23px 0 0 0; color: #323232; text-decoration: none; height: 27px; background: url(../images/mainmenu_separ.jpg) no-repeat -1px 5px; font-weight: bolder; font-size: 16px; } #mainmenu li a:hover { padding: 11px 25px 0 25px; color: #fff; background: url(../images/mainmenu_on.jpg) repeat-x 0 0; border-right: 1px solid #608599; border-left: 1px solid #608599; } #mainmenu li.mainmenu_active a { padding: 11px 25px 0 25px; color: #fff; background: url(../images/mainmenu_on.jpg) repeat-x 0 0; border-right: 1px solid #608599; border-left: 1px solid #608599; } #mainmenu li.mainmenu_first a { background: none; } #mainmenu li.mainmenu_first a:hover { padding: 11px 25px 0 25px; color: #fff; background: url(../images/mainmenu_on.jpg) repeat-x 0 0; border-right: 1px solid #608599; border-left: 1px solid #608599; } #submenu { clear: both; list-style-type: none; padding: 0; margin: 0; } #submenu li { float: left; display: inline; padding: 0; margin: 6px 0 0 0; } #submenu li a { float: left; display: block; padding: 0 10px 0 10px; margin: 0; color: #ffffff; text-decoration: none; height: 27px; font-size: 12px; border-left: 1px solid #66a0d3; height: 14px; } #submenu li a:hover { font-weight: bolder; color: #ffca4d; } #submenu li.submenu_active a { font-weight: bolder; color: #ffca4d; } #submenu li.submenu_first a { border: 0px; } /* FIN MENUS */ /* NEWS ==========================================================================================================================================================*/ #right { background: url(../images/right_bg.jpg) no-repeat 0 0; width: 176px; /*height: 492px;*/ float: left; display: inline; margin: 14px 0 0 0; padding: 0 24px 0 12px; color: #939393; min-height:492px; } #right h1 { background: url(../images/news_icon.jpg) no-repeat 0 2px; color: #184f81; font-size: 18px; margin: 10px 0 10px 0; padding: 0 0 0 22px; } #right h2 { color: #fdb915; font-size: 12px; margin: 0; padding: 0; } #right .news_date { font-weight: bolder; float: right; display: inline; margin: 0 0 10px 0; color: #8e8e8e; } #right p { clear: both; margin: 0 0 10px 0; } #right .news_more { background: url(../images/news_more.jpg) no-repeat right 3px; color: #656565; font-style: italic; margin: 0 0 10px 0; padding: 0 15px 15px 0; text-align: right; display: block; width: 160px; border-bottom: 1px solid #e4e4e4; } #right #news_voir { background: url(../images/news_voir.jpg) no-repeat 0 0; font-weight: bolder; color: #666; text-align: center; margin: 15px 0 0 0; padding: 5px 0 0 0; display: block; width: 170px; height: 20px; text-decoration: none; clear:both; } #content #left .nb_resultats{color:#174E80} #content #left span.resultats_titre {float:left;font-weight:bold;margin:35px 0 8px 27px;width:700px} #content #left h1.liste_actualite{color:#174E80;font-size:22px;margin:-15px 0 20px 25px;} #content #left h1.survey{color:#174E80;font-size:22px;margin:0 0 -8px 25px;} #content #left .barre_actualite {background-color:grey;clear:both;float:left;height:1px;margin:0 0 15px 25px;padding:0;width:95%;} #content #left #news_voir { background: url(../images/news_voir.jpg) no-repeat 100% center; font-weight: bolder; color: #666; text-align: right; margin:50px 0 0 0; padding: 5px 11px 0 0; display: block; width: 752px; height: 20px; text-decoration: none; clear:both; } #content #left #form_recherche_news{font-weight: bolder; color: #444444;} #content #left #form_recherche_news textarea.box{margin:10px 0 0 0} #content #left #form_recherche_news input {background: #f5f5f5; border: 1px solid #cecece;} #resultats_erreur{float:left;width:95%;margin:30px 0 10px 25px; color:red;font-weight:bold} #content #left h2 { margin: 25px 0 10px 25px; color: #fdb814; font-size: 14px} #content #left .aides{ margin: -7px 0 5px 0;float:left} /* #content #left table.tableau_donnees tr td {border:0 none;border-bottom:#174E80 1px dashed;padding:8px 4px;vertical-align:top;} */ /* FIN NEWS */ /* PAGINATION ==========================================================================================================================================================*/ #content #left ul.pagination {float:left;line-height:1.25em;margin:20px 0 10px;padding:5px 0 0;text-align:center;width:100%;} #content #left ul.pagination li {background:none repeat scroll 0 0 transparent;border-right:1px solid #8D8D8D;display:inline;padding:0 6px;} #content #left ul.pagination li a.on {color:#666666;font-weight:bold;text-decoration:none;} #content #left ul.pagination li a {color:#174E80;} /* FIN PAGINATION */ /* LOGIN ==========================================================================================================================================================*/ #content #left div.conteneur {float:left;font-size:0.8em;padding-bottom:15px;width:100% !important;} .conteneur_login {float:left;margin:20px 0 0;} #content #left div.conteneur label.login {font-size:12px;font-weight:bold;line-height:1.7em;text-align:right;width:240px;} #content #left div.conteneur label.label, div.conteneur span.label {float:left;font-size:12px;font-weight:bold;line-height:1.7em;text-align:right;width:319px;} #content #left div.conteneur label, div.conteneur span.label {display:block;float:left;padding-right:5px;} #content #left div.conteneur #id1, #content #left div.conteneur #id2 {background:none repeat scroll 0 0 #F5F5F5;border:1px solid #CECECE;margin:0;padding:2px 5px;width:130px;} #content #left div.conteneur #mdpPerdu {background:none repeat scroll 0 0 #F5F5F5;border:1px solid #CECECE;margin:0 0 0 10px;padding:2px 5px;width:220px;float:left} #content #left button, input[type="submit"] {cursor:pointer;} .bouton_envoyer_connexion {float:left;height:22px;text-align:center;width:100%;margin:15px 0 0;} #content #left .warning,#content #left .warning h2 {color:#FF1717; margin:25px 0 10px 10px;} #content #left div.conteneur .bouton_ok{float:left;margin:0 0 0 10px;} #content #left .bouton_ok img {cursor:pointer;} element.style { display:block; } #content #left #envoi_formulaire_login_extranet:hover{cursor:pointer} /* FIN LOGIN */ /* PASSWORD ==========================================================================================================================================================*/ #content #left div.form_password input {background:none repeat scroll 0 0 #F5F5F5;border:1px solid #CECECE;margin:0 0 0 10px;padding:2px 5px;width:220px;float:left} #content #left div.form_password label {float:left;font-size:12px;font-weight:bold;line-height:1.7em;text-align:right;width:319px;} #content #left div.conteneur .bouton_valider{float:left;margin:0 0 0 400px;background:url(../images/bt_ok.png); width:66px; height:21px; border:none} #content #left div.form_password span.obligatoire {color:#FF0000;} #content #left div.form_password span.erreur {margin:0 0 0 10px; float:left} #content #left div.form_password h2{margin:25px 0 20px 10px;} /* FIN PASSWORD */ /* SURVEY ==========================================================================================================================================================*/ #survey p {color:#666666;margin:10px 20px 0 0;padding:0;} #content #left #survey div.conteneur {float:left;padding-bottom:15px;width:100%;color:#474747;font-family:Arial,sans-serif;font-size:12px;} #content #left #survey div.conteneur.large {width:100%} #content #left #survey div.conteneur.espacement {padding-bottom:20px;} #content #left #survey div.conteneur span.required {color:#FF0000;float:right;margin-right:20%;margin-bottom:20px;height:30px;width:80%;text-align:right} #content #left #survey strong.required {color:#FF0000} #content #left #survey span.obligatoire {color:#FF0000} #content #left #survey div.conteneur label {font-weight:bold;width:270px;text-align:right;float:left;margin:0 10px 0 0;} #content #left #survey div.conteneur div label {font-weight:normal;width:auto;text-align:left;float:left} #content #left #survey div.conteneur div.survey-choices div.radiobuttonrow{float:left;width:auto;margin:0 30px 0 0} #content #left #survey div.conteneur div.survey-choices div.radiobuttoncolumn {float:left;width:auto;margin:0 0 10px 0;clear:both} #content #left #survey div.conteneur input {float:left;margin:0 10px 0 0} #content #left #survey div.conteneur input.numberOnly,div.conteneur input.box {background:none repeat scroll 0 0 #F5F5F5;border:1px solid #CECECE;margin:0;padding:2px 5px;width:130px;} #content #left #survey div.conteneur textarea.box{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #CECECE;OverFlow:auto} #content #left #survey div.required {margin:10px 0 25px 400px;color:#FF0000;} #content #left #survey .form_survey div.required {margin:10px 0 25px 400px;color:#FF0000;} #content #left #survey .bouton_envoyer_survey {float:left;height:22px;width:623px;margin:0px 0 10px 0;text-align:right} #content #left #survey .bouton_envoyer_survey #recherche_submit {width:84px;height:21px;background:url(../images/bt_envoyer.png) no-repeat top left;border:none} #content #left #survey div.conteneur span.erreur {color:#FF0000;display:block;font-size:12px;line-height:1.7em;font-weight:normal;float:left; margin:0 0 0 7px} #content #left #survey #email {width:215px} #content #left #survey #recherche_centre { background:none repeat scroll 0 0 transparent;border:0 none;height:auto;margin:15px 0 0 22px;padding:5px 0 0 40px;width:647px; } #content #left #survey fieldset.ani_survey_1,#content #left #survey fieldset.center_survey_text {background:none; padding: 25px 0 0px 40px; margin: 10px 0 0 22px; border: 0px; position:relative; overflow:hidden;} #content #left #survey fieldset.center_survey_text {padding:0 0 0 40px;} #content #left #survey fieldset.top_survey_text {height:auto} #content #left #survey fieldset p {display:inline;float:left;margin:0 15px 0 0;padding:0;} div.survey-choices div.radiobuttonrow{float:left;width:auto;margin:3px 30px 0 0} div.survey-choices div.radiobuttonrow div.element{margin:0 0 7px 0} div.survey-choices div.radiobuttoncolumn {float:left;margin:3px 15px 10px 0;/*min-width:300px;*/} #content #left #survey #recherche_centre div.survey-choices div.checkboxbuttonrow{float:left;width:auto;margin:3px 30px 0 0} #content #left #survey #recherche_centre div.survey-choices div.checkboxbuttonrow div.element{margin:0 0 7px 0} #content #left #survey #recherche_centre div.survey-choices div.checkboxbuttoncolumn {float:left;margin:0 15px 10px 0;width:auto;} #content #left #survey #recherche_centre div.survey-choices div.checkboxbuttoncolumn div.element{float:left;margin:3px 15px 10px 0;width:auto;} #content #left #survey .envoiSurvey {margin:20px 0 0 0} .input {margin:0 5px 0 0} span.erreur {color:#FF0000;} #content #left #survey #bouton_envoi_formulaire_survey{ background:url(../images/bt_envoyer_form.png) no-repeat top center;width:84px;height:21px;border:none; } /* FIN SURVEY */ /* MOT DE PASSE PERDU ==========================================================================================================================================================*/ #content #left div.conteneur #err_mdpPerdu {float:left;margin:5px 0 0 235px;text-align:left;width:235px;} #content #left div.conteneur span.erreur {color:#FF0000;display:block;font-size:12px;line-height:1.7em;} #content #left #forgotpassword p{line-height:22px; margin:0 0 40px 25px;} #content #left #forgotpassword div.conteneur label.label {float:left;font-size:12px;font-weight:bold;line-height:1.7em;text-align:right;width:219px;} /* FIN MOT DE PASSE PERDU */ /* FOOTER ==========================================================================================================================================================*/ #footer { clear: both; margin: 0; padding: 15px 0 0 0; height: 60px; } #footer p { text-align: center; color: #b8b8b8; font-size: 10px; margin: 7px 0 5px 0; } #footer_center { float: left; display: block; width: 834px; } #footer_left { float: left; display: block; margin: 0 0 0 10px; } #footer_right { float: left; display: block; } /* FIN FOOTER */ #left p.second{margin:5px 0 5px 25px;} #left ul li ul.second {margin: 0 0 5px 70px} #left p.third{margin:5px 0 0 25px;} #left ul li ul.third {margin: 0 0 5px 70px} #left form.form_resume{margin: 0 0 4px 25px} #left form.form_resume .button{} #left.extend{width:962px;} #left.extend table.layout{width:100%;} #left.extend form{width:98%;} #left.extend #form_front_editing .block input {height:auto;} #left.extend form .buttonblock {margin:0 0 0 5px;float:left;} #left.extend form .buttonblock select{max-width: 862px;} #left form .buttonblock {margin:0 0 0 20px;float:left;} #left.extend #form_front_editing .block {float:left; min-width:932px; min-width:962px; margin:25px 0 0 25px;} #left.extend #form_front_editing .block .date{float:left; width:762px;} #left.extend #form_front_editing .block .date .element{float:left; width:120px;} #left .form_front_editing_center {margin:3% 0 0 5%;}