/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * 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; } 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 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:310px; border-right:1px solid grey;padding: 0 30px 0 0} #left .connexion div.conteneur label {display:block;float:left;padding-right:5px;width:100px} #left .connexion div.buttonblock {display:block;float:right;} #left .register{float:left;width:300px; padding: 0 0 0 30px;} #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 div.conteneur span.erreur {float:right} #left #Register div.conteneur ul.checkbox{float:left} #left #Register div.conteneur ul.checkbox input {margin:0 3px;} #left #Register div.conteneur ul.checkbox li {list-style:none;} #left #Register div.conteneur span {float:none;margin:0 15px 0 0;padding:0;text-transform:none;} #left #Register div.conteneur span.obligatoire {float:none;margin:0;padding:0;text-transform:none;} #left #Register div.actions {float:right;margin:0;padding:0 100px 0 0;text-transform:none;} #left #Register div.div_obligatoire {color:red;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 */ #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 ==========================================================================================================================================================*/ #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; } #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 */