/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Fichier: style.css * Version: 1.0.0 (02-10-2008) * Website: Wallonie - Déchets Sauvages * Type: XHTML 1.0 Transitional * Auteur: Expansion - www.expansion.be * Description: / * Commentaires: / == STRUCTURE =============================== * Layout: Centré vertical * Largeur de page: 900px * Nombre de colonnes: / ============================================ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* BODY - HTML ==========================================*/ * { margin: 0; padding: 0; } body { background: #E7E7E7; margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 11px; } /* FIN BODY - HTML */ /* ELEMENTS ==========================================*/ p { margin: 0; padding: 0; } a { text-decoration: underline; } a :hover { text-decoration: none; } .clear { clear: both; } img { border: 0; } /* FIN ELEMENTS */ /* BLOCS STRUCTURE ==========================================*/ #global { background: url(../images/fond_contenu.jpg) repeat-y 0 0; position: relative; width: 900px; padding: 0; margin: 0 auto 25px auto; } #banniere { background: url(../images/banniere.jpg) no-repeat 0 0; position: relative; width: 858px; height: 104px; padding: 0; margin: 0 auto; } #contenu { width: 858px; position: relative; margin: 0 auto; padding: 0; } #contenu_centre { background: #fff; width: 674px; margin: 0 0 7px 0; padding: 0 0 20px 0; float: left; min-height: 400px; height: auto !important; height: 400px; } #footer { background: url(../images/footer.jpg) no-repeat 0 0; width: 858px; height: 39px; position: relative; margin: 0 auto; padding: 8px 0 0 0; text-align: center; color: #fff; } #footer .signature { color: #B4B4B4; font-size: 10px; } /* FIN BLOCS STRUCTURE */ /* NAVIGATION RAPIDE ==========================================*/ #nav_top { position: relative; margin: 0 0 0 630px; padding: 10px 0 0 0; color: #6C6C6C; font-family: Arial, Verdana, sans-serif; } #nav_top a { color: #6C6C6C; text-decoration: none; } #nav_top a:hover { text-decoration: underline; } #back a { position: absolute; z-index: 99; top: 69px; left: 55px; display: block; width: 110px; height: 115px; margin: 0; padding: 0; } /* FIN NAVIGATION RAPIDE */ /* RECHERCHE ==========================================*/ #search { position: relative; height: 30px; margin: 0; padding: 5px 0 0 0; color: #666; font-family: Arial, Verdana, sans-serif; font-size: 10px; } #search p { margin: 0 0 0 85px; } #search a { color: #666; } #champ_recherche { border: 0; background: #F7F7F7; height: 17px; color: #666; padding: 0 5px 0 5px; } #chercher { padding: 0; cursor: pointer; background: url(../images/search.jpg) no-repeat 0 0; width: 78px; height: 22px; border: 0; color: #fff; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #taille_texte { float: right; margin: 5px 15px 0 0; padding: 0; font-size: 12px; } #taille_texte img { margin: 0; padding: 0; } #search form { float: left; } /* FIN RECHERCHE */ /* MENU PRINCIPAL ==========================================*/ #logo { background: url(../images/logo.jpg) no-repeat 0 0; width: 177px; height: 83px; margin: 0; padding: 0; } #slogan { color: #000; font-family: Arial, Verdana, sans-serif; font-size: 12px; text-align: center; margin: 0 5px 30px 5px; padding: 0; } #menu { width: 177px; margin: 0; padding: 0; float: left; text-align: center; background: url(../images/fond_menu_bas.jpg) #D5D5D5 no-repeat bottom left; } #menu ul { list-style-type: none; margin: 0 0 1px 0; padding: 0; } #menu li { margin: 0; padding: 0; } #menu li a { background: url(../images/fond_menu.jpg) no-repeat 0 0; display: block; width: 167px; margin: 0; padding: 8px 5px 8px 5px; color: #AF0C48; text-decoration: none; } #menu li a:hover { display: block; width: 167px; margin: 0; padding: 8px 5px 8px 5px; background: #7A7A7A; color: #fff; text-decoration: none; } #menu .menu_on a { display: block; width: 167px; margin: 0; padding: 8px 5px 8px 5px; background: #7A7A7A; color: #fff; text-decoration: none; } #menu .menu_on ul { list-style-type: none; margin: 5px 0 5px 0; padding: 0; } #menu .menu_on li { margin: 6px 0 6px 0; padding: 0; border: 0; text-align: left; } #menu .menu_on li a { display: inherit; margin: 0; padding: 0 0 0 21px; color: #656565; width: 148px; background: url(../images/fleche_menu.jpg) #D5D5D5 no-repeat 8px 0; text-decoration: none; } #menu .menu_on li a:hover { display: inherit; margin: 0; padding: 0 0 0 21px; color: #656565; width: 148px; text-decoration: underline; background: url(../images/fleche_menu.jpg) #D5D5D5 no-repeat 8px 0; } #menu li .sousmenu_on a { text-decoration: underline; } /* FIN MENU PRINCIPAL */ /* CENTRE ==========================================*/ #centre { width: 425px; margin: 0; padding: 0; float: left; padding: 5px 30px 0 30px; color: #666; } #centre a { color: #D41F42; } #centre a:hover { text-decoration: none; } #centre img { float: left; margin: 0 10px 15px 0; } #centre h1 { margin: 0 0 10px 0; padding: 0; color: #D41F42; font-size: 12px; font-weight: bolder; } #centre h2 { margin: 0 0 15px 0; padding: 0; color: #848484; font-size: 11px; font-weight: bolder; } #centre ul { margin: 20px 0 20px 25px; padding: 0; } #centre li { margin: 8px 0 8px 0; padding: 0; } #centre p { margin: 0 0 20px 0; } #poucet { font-size: 10px; margin: 5px 0 20px 0; padding: 0; } hr {color: #D41F42; background-color: #D41F42; height: 1px; border: 0; } #centre table { border: 1px solid #D5D5D5; } #centre table td { border: 1px solid #D5D5D5; padding: 5px; } #centre_seul { width: 609px; margin: 0; padding: 0; padding: 5px 30px 0 30px; color: #666; } #centre_seul a { color: #D41F42; } #centre_seul a:hover { text-decoration: none; } #centre_seul img { float: left; margin: 0 10px 15px 0; } #centre_seul h1 { margin: 0 0 10px 0; padding: 0; color: #D41F42; font-size: 12px; font-weight: bolder; } #centre_seul h2 { margin: 0 0 15px 0; padding: 0; color: #848484; font-size: 11px; font-weight: bolder; } #centre_seul ul { margin: 20px 0 20px 25px; padding: 0; } #centre_seul li { margin: 8px 0 8px 0; padding: 0; } #centre_seul p { margin: 0 0 20px 0; } #centre_seul table { border: 1px solid #D5D5D5; } #centre_seul table td { border: 1px solid #D5D5D5; padding: 5px; } /* FIN CENTRE */ /* COLONNE DROITE ==========================================*/ #droite { width: 184px; margin: 0; padding: 0; float: left; } #actualites { background: #EDEDED; margin: 20px 0 0 0; color: #666; font-size: 10px; } #actualites h1 { text-align: center; text-transform: uppercase; color: #fff; background: url(../images/fond_actualites.jpg) #D82145 no-repeat top left; font-size: 10px; font-weight: bolder; height: 21px; margin: 0; padding: 9px 0 0 5px; } #actualites ul { list-style-type: none; padding: 0 0 3px 0; } #actualites li { margin: 5px 0 10px 0; padding: 0 5px 0 5px; } #actualites a { color: #D41F42; } #actualites a:hover { text-decoration: none; } #quizz { background: #EDEDED; margin: 20px 0 0 0; color: #666; font-size: 10px; } #quizz h1 { text-align: center; text-transform: uppercase; color: #fff; background: url(../images/fond_quizz.jpg) #D82145 no-repeat top left; font-size: 10px; font-weight: bolder; height: 21px; margin: 0; padding: 9px 0 0 5px; } #quizz ul { list-style-type: none; padding: 0 0 3px 0; } #quizz li { margin: 5px 0 10px 0; padding: 0 5px 0 5px; } #quizz a { color: #D41F42; } #quizz a:hover { text-decoration: none; } /* FIN COLONNE DROITE */ /* FOOTER ==========================================*/ #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer table { margin:0 auto; position:relative; width:510px; } /* FIN FOOTER */ /* FORMULAIRE ==========================================*/ #form p { margin: 0 0 5px 0; padding: 0; } #form span { margin: 0 0 5px 0; padding: 0; float: left; width: 110px; } #form strong { color: #D82145; } #form input { color: #7A7A7A; border: 1px solid #7A7A7A; } #form textarea { color: #7A7A7A; border: 1px solid #7A7A7A; } #form #submit { background: #D82145; float: right; border: 0; color: #fff; padding: 3px; margin: 0 47px 0 0; cursor: pointer; } #form_envoi_logistique p { margin: 0 0 5px 0; padding: 0; } #form_envoi_logistique span { margin: 0 0 5px 0; padding: 0 10px 0 0; float: left; width: 205px; text-align: right; } #form_envoi_logistique strong { color: #D82145; } #form_envoi_logistique select { color: #7A7A7A; border: 1px solid #7A7A7A; width: 204px; } #form_envoi_logistique input { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_envoi_logistique textarea { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_envoi_logistique #submit { background: #D82145; float: right; border: 0; color: #fff; padding: 3px; margin: 5px 6px 0 0; cursor: pointer; } #form_envoi_financier p { margin: 0 0 5px 0; padding: 0; } #form_envoi_financier span { margin: 0 0 5px 0; padding: 0 10px 0 0; float: left; width: 205px; text-align: right; } #form_envoi_financier strong { color: #D82145; } #form_envoi_financier select { color: #7A7A7A; border: 1px solid #7A7A7A; width: 204px; } #form_envoi_financier input { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_envoi_financier textarea { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_envoi_financier #submit2 { background: #D82145; float: right; border: 0; color: #fff; padding: 3px; margin: 5px 6px 0 0; cursor: pointer; } /* FIN FORMULAIRE */ /* FORMULAIRE LOGISTIQUE ==========================================*/ #form_logistique p { margin: 0 0 10px 0; padding: 0; } #form_logistique span { margin: 0 0 5px 0; padding: 0; float: left; width: 190px; } #form_logistique strong { color: #D82145; } #form_logistique input { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_logistique select { color: #7A7A7A; border: 1px solid #7A7A7A; width: 180px; } #form_logistique textarea { color: #7A7A7A; border: 1px solid #7A7A7A; } #form_logistique #submit { background: #D82145; float: right; border: 0; color: #fff; padding: 3px; margin: 0; cursor: pointer; } #form_logistique .check { border: 0; } /* FIN FORMULAIRE LOGISTIQUE */ /* QUIZZ ==========================================*/ #questionnaire p { margin: 0 0 7px 0; padding: 0; } #questionnaire input { color: #7A7A7A; border: 1px solid #7A7A7A; border: 0; } #questionnaire #submit { background: #D82145; float: right; border: 0; color: #fff; padding: 3px; cursor: pointer; } .question { margin: 15px 0 0 0; } .conseil { display: none; color: #D41F42; margin: 2px 0 10px 0; } /* FIN QUIZZ */ /* PAGE ACCUEIL ==========================================*/ #haut_acceuil { background: url(../images/haut_accueil.jpg) no-repeat 0 0; width: 900px; height: 41px; margin: 0 auto; padding:0; } #flash_intro { background: #fff; width: 860px; margin: 0; padding: 0; height: 500px; } #intro { background: url(../images/intro.jpg) no-repeat 0 0; width: 830px; height: 90px; margin: 0; padding: 18px 0 0 30px; } #intro p { color: #737373; width: 640px; margin: 6px 0 6px 0; } /* FIN PAGE ACCUEIL */