/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Fichier: global.css * Website: Saint Roch * Type: XHTML 1.1 * Auteur: Expansion - www.expansion.be - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* BODY - HTML ==========================================================================================================================================================*/ * { margin: 0; padding: 0; } html,body { margin: 0; padding: 0; height: 100%; font-family: Verdana, sans-serif; font-size: 11px; background: url(../images/bg.jpg) #fff repeat-y top center; color: #666; } /* FIN BODY - HTML */ /* ELEMENTS ==========================================================================================================================================================*/ a { text-decoration: underline; outline: none; color: #666;cursor:pointer; } a:hover { text-decoration: none; } .clear { clear: both; } img { border: 0; } h1 { color: #cd071e; font-size: 20px; font-weight: bold; margin: 0 0 15px 35px; padding: 0; } h1.bleu { color: #0c3484; font-size: 20px; font-weight: normal; margin: 0 0 10px 35px; padding: 0; } h3 { color: #0c3484; border-bottom: 1px dotted #0c3484; font-weight: bolder; font-size: 12px; padding: 0 0 7px 0; margin: 20px 0 10px 0; } p { line-height: 16px; margin: 0 10px 15px 35px;text-align:justify; } #content p { line-height: 16px; margin: 0 10px 15px 0;text-align:justify; } #content p.sans_espacement {margin:0} #content p.petit_espacement {margin-bottom:5px} #content p.grand_espacement {margin-bottom:20px} #content p.tres_grand_espacement {margin-bottom:30px} /*table tr td{border:1px solid #333} table tr th{border-bottom:1px solid #333; background-color:#eaf1dd} table tr td.no_border{border-bottom:none} table{margin:0 0 20px 0} table tr.rose{background-color:#fde9d9} table tr.jaune{background-color:#ffff00} */ #content table tr td p, #content table tr th p{margin:0;text-align:left} #content table tr td p.text-center{text-align:center} p.text-right {text-align:right} p.text-center {text-align:center} ol {list-style-type:decimal:color:#cd071e;margin: 10px 0 10px 35px;} ol li{list-style-type: decimal;margin-bottom:3px;padding-left:15px;} ul { margin: 0 0 10px 30px; list-style-type:circle:color:#cd071e} ul.grand_espacement{margin:0 0 20px 30px} ul.tres_grand_espacement{margin:0 0 26px 30px} ul li { margin: 0 0 5px 0; } /* FIN ELEMENTS */ /* BLOCS STRUCTURE ==========================================================================================================================================================*/ #global { background: #fff; position: relative; width: 998px; padding: 0; margin: 0 auto; height: auto !important; height: 100%; min-height: 100%; } #header { margin: 0; padding: 108px 0 0 189px; background: url(../images/header.jpg) no-repeat 0 0; width: 804px; height: 39px; } #poucet { font-size: 9px; color: #a1a1a1; margin: -10px 0 15px 35px; } #content { float:left;padding: 10px 35px 20px 35px; background: #f0f0f0;width:672px } #content.large { padding: 10px 35px 20px 35px; width:923px } #left { display: inline; float: left; margin: 0; padding: 20px 30px 0 0; width: 742px; overflow: hidden; } #left.large { width: 998px;padding:20px 0 0 0;} #page { display: inline; float: left; margin: 0; padding: 20px 30px 0 0; width: 992px; overflow: hidden; } #center { display: inline; float: left; margin: 0; padding: 20px 30px 0 0; width: 963px; overflow: hidden;min-height:535px } #right { display: inline; float: left; margin: 0; padding: 55px 0 0 0; width: 221px; color: #000; font-size: 10px; } #footer { clear: both; margin: 0; padding: 30px 0 0 0; width: 993px; height: 40px; color: #8f8f8f; font-size: 10px; } /* FIN BLOCS STRUCTURE */ /* MENUS ==========================================================================================================================================================*/ #menu_particuliers, #menu_pro, #menu_apropos{ display: block; float: left; height: 29px; margin: 0; padding:10px 25px 0 25px; background:#FFF; color:#000; font:normal 17px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; margin-right:2px;} #menu_pro:hover, #menu_apropos:hover, #menu_particuliers:hover {color:#fff; background:#cd071e;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} #header .header_active { background:#cd071e; color:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} #header #lien_vers_accueil { height:77px;left:36px;position:absolute;top:27px;width:277px;} #top_menu { margin: 0; padding: 7px 0 0 0; width: 993px; height: 20px; text-align: right; color: #000; } #top_menu a { color: #000; } #top_menu #lang { margin: 0 10px 0 30px; font-size: 10px; } #top_menu #lang a.langue_courante{text-decoration:none} #menu { background: #cd071e; margin: 0; padding: 0 0 0 15px; width: 978px; height: 30px; font-size: 12px; font-family: Arial, sans-serif; } #menu ul { list-style-type: none; margin: 0; padding: 0; } #menu ul li { display: inline; float: left; margin: 0; padding: 0; } #menu ul li a { display: block; float: left; margin: 0; padding: 8px 20px 0 20px; color: #fd8b8b; height: 22px; text-decoration: none; } #menu ul li a:hover { color: #fff; background: #891825; } #menu ul li.menu_active a { color: #fff; background: #891825; } #sub_menu { background: #891825; margin: 0; padding: 0 0 0 15px; width: 978px; height: 30px; font-size: 12px; font-family: Arial, sans-serif; } #sub_menu ul { list-style-type: none; margin: 0; padding: 0; } #sub_menu ul li { display: inline; float: left; margin: 0; padding: 0; } #sub_menu ul li a { display: block; float: left; margin: 0; padding: 8px 20px 0 20px; color: #fff; height: 22px; text-decoration: none; } #sub_menu ul li a:hover { color: #fff; background: #521e24; } #sub_menu ul li.submenu_active a { color: #fff; background: #521e24; } #sub_menu2 { background: #521e24; margin: 0; padding: 0 0 0 15px; width: 978px; height: 30px; font-size: 12px; font-family: Arial, sans-serif; color:#fff;} #sub_menu2 ul { list-style-type: none; margin: 0; padding: 0; } #sub_menu2 ul li { display: inline; float: left; margin: 0; padding: 0; } #sub_menu2 ul li a { display: block; float: left; margin: 0; padding: 8px 20px 0 20px; color: #fff; height: 22px; text-decoration: none; } #sub_menu2 ul li a:hover { color: #fff; background: #371418; } #sub_menu2 ul li.submenu_active a { color: #fff; background: #371418; } div.conteneur {float:left;padding-bottom:15px;width:100%;} div.conteneur.titre {margin-top:25px;} div.conteneur span.obligatoire {color:#FF0000;float:left;margin-left:154px;} div.conteneur label span.obligatoire, div.conteneur span span.obligatoire {float:none;margin:0;} div.conteneur label.label, div.conteneur span.label {line-height:1.7em;text-align:right;width:170px;} div.conteneur label, div.conteneur span.label {display:block;float:left;padding-right:5px;} div.conteneur input.champ_texte, div.conteneur input.champ_fichier, div.conteneur textarea, div.conteneur select {border:1px solid #CCCCCC;float:left;font-size:1em;margin-right:8px;padding:2px 0 2px 3px;} div.conteneur span.erreur {color:#FF0000;display:block;font-size:12px;line-height:1.7em;} div.actions {padding:0 0 10px 230px;} .long {width:250px;} #left .connexion{float:left;width:270px; border-right:1px solid grey;padding: 0 30px 0 0; height:190px; position:relative} #left .connexion div.conteneur label {display:block;float:left;padding-right:5px;width:100px} #left .connexion div.buttonblock {display:block;float:right;} #left .connexion h2{margin-bottom:20px; font-size:16px} #left .connexion input[type=submit]{position:absolute; bottom:0; right:50px; background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:8px 27px; color:#fff; cursor:pointer; width:141px; border:none} #left .connexion input[type=text]{width:145px} #left .connexion input[type=password]{width:145px} #left #form_questionnaire h2{font:bold 16px Verdana; color:#0f3fa1} #left #form_questionnaire p.question, #left #form_questionnaire p.introduction{font:normal 12px Verdana; color:#666666} #left #form_questionnaire table{width:100%} #left #form_questionnaire table tr{height:35px} #left #form_questionnaire table tr td{font:normal 12px Verdana; color:#000; text-align:left; background:#dedede; padding:0 0 0 8px;} #left #form_questionnaire table tr td.radio_questionnaire{width:32px; text-align:center; padding:0} #left #form_questionnaire table tr td label{cursor:pointer} #left #form_questionnaire table tr td input[type=text]{height:18px; width:185px} #left #form_questionnaire div.action{float:right} #left #form_questionnaire div.action input{background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:12px 35px; color:#fff; cursor:pointer} #left #Register table{width:100%; float:left} #left #Register table tr{height:35px} #left #Register table tr td{font:normal 12px Verdana; color:#000; text-align:left; background:#dedede; padding:0 0 0 8px; vertical-align:middle; min-height:35px } #left #Register table tr td.radio_questionnaire{width:190px; text-align:right; padding:0 10px 0 0} #left #Register table tr td.newsletter{text-align:left; padding:0 0 0 20px} #left #Register table tr td label{cursor:pointer} #left #Register table tr td input[type=text]{height:18px; width:200px; float:left; margin:6px 0;} #left #Register table tr td input[type=password]{height:18px; width:200px; float:left; margin:6px 0;} #left #Register table tr td select{height:22px; width:200px; float:left; margin:6px 0;} #left #Register div.actions{float:right; margin: 10px 0 0;} #left #Register div.actions input{background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:12px 35px; color:#fff; cursor:pointer; border:none; width:140px} #left .register{float:left;width:340px; padding: 0 0 0 30px; height:190px; position:relative} #left .register p{text-align:left; margin-left:0} #left .register input[type=submit]{position:absolute; bottom:0; right:0; background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:8px 27px; color:#fff; cursor:pointer; width:135px; border:none;} #left .register a.bouton_submit{position:absolute; bottom:0; right:0; background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:9px 10px; color:#fff; cursor:pointer; width:115px; border:none; text-align:center; text-decoration:none} #left .register h2{font-size:16px; font-weight:normal} #left #Register div.conteneur input[type$="radio"]{margin:0 3px;} #left #Register div.conteneur label.label, div.conteneur span.label {line-height:1.7em;text-align:right;width:150px;} #left #Register span.erreur {float:right;font-size:11px;width:240px; color:#cd071e; line-height:35px; vertical-align:middle; margin:0 8px 0 0; text-align:right} #left #Register ul.checkbox{float:left; margin:7px 0} #left #Register ul.checkbox input {margin:0 3px;} #left #Register ul.checkbox li {list-style:none; background:none; list-style-image:none; padding-left:0} #left #Register span {float:none;margin:0 15px 0 0;padding:0;text-transform:none;} #left #Register span.is_last_1 {margin:0;} #left #Register input[type=radio] {float:none;margin:2px 6px 0 0;padding:0;} #left #Register span.obligatoire {float:none;margin:0;padding:0;text-transform:none; color:#cd071e} #left #Register div.div_obligatoire {color:#cd071e;float:left;margin:5px 0} #div_login_user{background-color:#FFFFFF;width:500px;height:200px;} #div_login_user .close_overlay{float:right;padding:5px 10px 0 0} #div_login_user h1{text-align:left;} #div_login_user form input[type$="text"], #div_login_user form input[type$="password"]{float:left; width:150px;} #div_login_user span#obligatoire {float:left;margin:0;padding:0;text-transform:none;color:red;width:170px;} /* #sub_menu2 { background: #521e24; margin: 0; padding: 0 0 0 15px; width: 978px; height: 30px; font-size: 12px; font-family: Arial, sans-serif; color:#fff;} #sub_menu2 ul {list-style:none; margin:0px 0 0 0px; padding-top:8px} #sub_menu2 li {float:left; display:inline; } #sub_menu2 a {display:block; color:#fff; text-decoration:none; height:22px; padding:8px 20px 0 20px; margin-top:0;} #sub_menu2 a:hover {background:#000;} /* FIN MENUS */ #forgotpassword {position:relative; height:115px} #forgotpassword input[type=submit]{position:absolute; bottom:0; right:0; background:#c6061f; font:normal 12px Verdana; text-transform:uppercase; padding:8px 27px; color:#fff; cursor:pointer; width:305px; border:none} #content .warning {color:#cd071e} #content .warning h2{color:#cd071e} #left.catalogue{display: block; float: left; margin: 0; padding: 20px 30px 0 0; width: 963px;} #informations h1.bleu { color: #0c3484; font-size: 20px; font-weight: normal; margin: 0 0 10px 35px; padding: 0; } #informations h3 { color: #0c3484; border-bottom: 1px dotted #0c3484; font-weight: bolder; font-size: 12px; padding: 0 0 7px 0; margin: 20px 0 10px 35px; } #informations p { line-height: 16px; margin: 0 10px 15px 35px;text-align:justify; } #informations ul { margin: 0 0 10px 60px; list-style-type:circle:color:#cd071e} /* RIGHT ==========================================================================================================================================================*/ #acces_catalogue {width: 206px; margin: 0 0 20px 0;} #rendement_peb {color:#ca0d13; display:block; width:200px; height:30px; margin:0 0 20px 0} #rendement_peb a img{margin:-4px 5px 0 0; float:left} #rendement_peb a{color:#da3948;font-size:16px; text-decoration:none; font-family:arial Narrow; margin:4px 0 0 0;float:left; font-weight:bold;} #newsletter { width: 206px; margin: 0 0 40px 0; padding: 40px 15px 0 0; background: url(../images/right_newsletter.jpg) no-repeat 0 0; } #newsletter.nl { background: url(../images/dut-NL/right_newsletter_nl.jpg) no-repeat 0 0; } #newsletter fieldset { border: 0px; } #newsletter input { border: 1px solid #c0c0c0; color: #666; font-size: 12px; padding: 2px; margin: 5px 0 5px 0; } #newsletter #submit { border: 1px solid #cd071e; background: #fff; color: #cd071e; font-size: 10px; padding: 1px 2px 1px 2px; cursor: pointer; } #newsletter_submit {float:right;} #newsletter_form #email {width:140px;float:left;display:block} #newsletter.nl #newsletter_form #email {width:120px;} #newsletter_form span.erreur {color:#FF0000;display:block;font-size:11px;line-height:1.7em;clear:both} #primes { width: 206px; margin: 0 0 50px 0; padding: 40px 15px 0 0; background: url(../images/right_primes.jpg) no-repeat 0 0; } #primes.nl { background: url(../images/dut-NL/right_primes-nl.jpg) no-repeat 0 0; } #actualites { width: 206px; margin: 0; padding: 40px 15px 50px 0; background: url(../images/right_actus.jpg) no-repeat 0 0; } #actualites.nl { background: url(../images/dut-NL/right_actus_nl.jpg) no-repeat 0 0; } #actualites ul { list-style-type: none; margin: 0; padding: 0; } #actualites ul li { clear: both;} #actualites ul li a { text-decoration: none; color: #000; float:left;width:148px;margin:0 0 15px 0} #actualites ul li a:hover { text-decoration: underline; } #actualites span { color: #898385; font-weight: bolder; display: block; float: left; width: 57px; } .right_more { background: url(../images/fleche_rouge.jpg) no-repeat 0 1px; display: block; cursor: pointer; clear: both; padding: 0 0 0 12px; margin: 20px 0 0 0px; color: #cd071e;text-align:right;float:right; } .right_more_actualite { background: url(../images/fleche_rouge.jpg) no-repeat 0 1px; display: block; cursor: pointer; clear: both; padding: 0 0 0 12px; margin: 5px 0 0 90px; color: #cd071e; } /* fin modifs jpa 26/11/11 */ #boule_feu{ width: 206px; margin:-41px 0 20px 0;} /* fin modifs jpa 26/11/11 */ #documents { width: 206px; margin: 0 0 50px 0; padding: 40px 15px 0 0; background: url(../images/right_documents.jpg) no-repeat 0 0; } #documents.nl { background: url(../images/dut-NL/right_documents_nl.jpg) no-repeat 0 0; } #documents ul { margin: 0 0 0 20px; } #documents ul a { color: #000; } #revendeur { width: 206px; margin: 0 0 50px 0; padding: 50px 15px 0 0; background: url(../images/right_revendeur.jpg) no-repeat 0 0; } #revendeur fieldset { border: 0px; margin: 10px 0 0 0; } #revendeur input { border: 1px solid #c0c0c0; color: #666; font-size: 10px; padding: 2px; margin: 5px 0 5px 0; } #revendeur #submit { border: 1px solid #cd071e; background: #fff; color: #cd071e; font-size: 10px; padding: 1px 2px 1px 2px; cursor: pointer; } #submit {float:right;} #input_revendeur {width:160px;} #guide { width: 206px; margin: 0 0 50px 0; padding: 40px 15px 0 0; background: url(../images/right_guide.jpg) no-repeat 0 0; } #acutalites_more {padding-left:25px;} #configurateur_etapes {margin-bottom:0; padding-bottom:0;} /* FIN RIGHT */ /* FOOTER ==========================================================================================================================================================*/ #footer a { color: #8f8f8f; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer span { margin: 0 0 0 25px; } #footer span.energroup a { color: #6a6969; text-decoration: underline; } #footer span.energroup a:hover { text-decoration: none; } /* FIN FOOTER */