/*************************************************************************************************************** @copyright Copyright (c) 2006, lewebconcret.ch @author jose malvarez @package styles.css **************************************************************************************************************** Fichier : styles.css Description : feuille de styles Date : ***************************************************************************************************************/ /*-------------------------------------------------------------------------------------------------------------- ELEMENTS DE BASE --------------------------------------------------------------------------------------------------------------*/ html { margin: 0px; padding: 0px; } a { } body { background:#ffffff; font:9pt/10pt "Lucida Grande", Geneva, Arial, Verdana, serif; min-height:100%; min-width:100%; padding:0px; margin:0px;} div { font:9pt "Lucida Grande", Geneva, Arial, Verdana, serif; } form { } hr { } input { } li { } p { } pre { } span { } table { font:9pt/10pt "Lucida Grande", Geneva, Arial, Verdana, serif; } tbody { border:0px solid red;} td { } textarea { } th { } tr { } ul { } /*-------------------------------------------------------------------------------------------------------------- STRUCTURE --------------------------------------------------------------------------------------------------------------*/ table.bannUp { height:23px; text-align:right; border-spacing:0; width:750px; margin-left:25px;} table.bannBlock { height:78px; width:750px; margin-left:25px; border-spacing:0;} td.background { background-repeat:no-repeat;} /*-------------------------------------------------------------------------------------------------------------- GENERAL --------------------------------------------------------------------------------------------------------------*/ table.maximize { height:100%; padding:0px; border-spacing:0px; border-collapse:collapse; border:0px solid blue; } table.centered { margin-left:auto; margin-right:auto; padding:0; border-spacing:0; border-collapse:collapse;} td.roundCornersImage { padding:10px; background-color:#ffffff; border:1px solid #cccccc; -moz-border-radius:0.3em; border-radius:2px; } /*-------------------------------------------------------------------------------------------------------------- PRODUITS --------------------------------------------------------------------------------------------------------------*/ table.lagaListe { width:100%; border:0px; text-align:right; padding:0px; border-spacing:0px; } #lagaListeSlog { padding-top:10px; width:500px; font-family:"Lucida Grande", Geneva, Arial, Verdana, serif; text-align:right; color:#000000 ; font-weight: normal; text-decoration:none; font-size:18px; text-transform:uppercase; font-stretch:condensed; letter-spacing:1px; font-weight:normal;} #lagaListeDesc { padding-bottom:10px; width:500px; font-family:"Lucida Grande", Geneva, Arial, Verdana, serif; text-align:right; color:#000000 ; font-weight: normal; text-decoration:none; font-size:14px; font-stretch:condensed; letter-spacing:0px; font-weight:normal;} #lagaListeBlancSlog { padding-top:10px; width:500px; font-family:"Lucida Grande", Geneva, Arial, Verdana, serif; text-align:right; color:#ffffff ; font-weight: normal; text-decoration:none; font-size:18px; text-transform:uppercase; font-stretch:condensed; letter-spacing:1px; font-weight:normal;} #lagaListeBlancDesc { padding-bottom:10px; width:500px; font-family:"Lucida Grande", Geneva, Arial, Verdana, serif; text-align:right; color:#ffffff ; font-weight: normal; text-decoration:none; font-size:14px; font-stretch:condensed; letter-spacing:0px; font-weight:normal;} #lagaListeHarmSlog { padding-top :10px; width:500px; text-align:right; color:#ffffff ; font-weight: normal; text-decoration:none; font-size:18px; font-stretch:condensed; letter-spacing:1px; font-weight:normal;} #lagaListeHarmDesc { padding-bottom:10px; width:500px; text-align:right; color:#ffffff ; font-weight: normal; text-decoration:none; font-size:14px; font-stretch:condensed; letter-spacing:0px; font-weight:normal;} #lettrine { float: right; margin: 1px; padding-left: 10px; padding-bottom: 10px; line-height: 1em;} td.list_titr { font-size:13px; font-weight:bold; vertical-align:top; padding-top:15px;} td.list_titr_lame { font-size:12px; font-weight:normal; vertical-align:middle; text-align:left;} td.nomItemLeft { color:#000000; font-size:13px; font-weight:normal; text-align:left ; vertical-align:middle; } td.nomItemLeft a { cursor:pointer; font-family:verdana; color:#000000; text-decoration:none; font-size:13px; font-weight:normal; text-align:right ; vertical-align:middle;} td.nomItemLeft a:hover { } #prodLapr_desc { line-height:1.5em; padding-bottom:5px; padding-top:5px; font-size:13px; text-align:justify; } #prodLapr_texte { line-height:1.5em; padding-bottom:5px; padding-top:5px; font-size:12px; text-align:justify; } #prodLapr_memp { line-height:1.5em; padding-bottom:5px; padding-top:5px; font-size:12px; text-align:justify; } #prodLapr_notes { line-height:1.5em; padding-bottom:5px; padding-top:5px; font-size:12px; text-align:justify; } td.nomItemRight { font-family:verdana; color:#000000; font-size:13px; font-weight:normal; text-align:right ; vertical-align:middle; } td.nomItemRight a { font-family:verdana; color:#000000; text-decoration:none; font-size:13px; font-weight:normal; text-align:right ; vertical-align:middle;} td.nomItemRight a:hover { } td.sloganRight { font-style:italic;font-size:12px; font-weight:normal; text-align:right ; vertical-align:middle; cursor:default;} td.sloganLeft { font-style:italic;font-size:12px; font-weight:normal; text-align:left ; vertical-align:middle; cursor:default;} td.bloc_desc { font-size:12px; font-weight:normal; text-align:left; font-style:normal; text-align:justify; } td.titr_prod { font-size:13px; font-weight:bold; vertical-align:top; padding:0px;} td.text_prod { font-size:11px; font-weight:normal; text-align:justify;} td.memp_prod { font-size:14px; font-weight:bold; vertical-align:top; padding-bottom:15px;} /*-------------------------------------------------------------------------------------------------------------- CONTacts --------------------------------------------------------------------------------------------------------------*/ table.contact { margin-left:auto; margin-right:auto; padding:0; border-spacing:0; border-collapse:collapse; } td.libe { font:10pt "Lucida Grande", Geneva, Arial, Verdana, serif; font-weight:normal; width:100px; padding:0; vertical-align:middle; text-align:right;} td.field { font:10pt "Lucida Grande", Geneva, Arial, Verdana, serif; font-weight:normal; padding:0px; vertical-align:middle; width:250px; text-align:left;} td.interpellation { text-align:center; height:50px; width:100%; background-color:silver; vertical-align:middle; border:0px;} input.contact, select.contact { height:25px; width:300px; color:#666666; background-image:url("img/bgInput.png"); vertical-align:top; padding-left:8px; padding-right:8px; padding-top:2px; padding-bottom:2px; text-align:left; font-size:13px; border:1px solid #aaaaaa;} textarea { height:100px; width:430px; vertical-align:top; padding-left:8px; padding-right:8px; padding-top:2px; padding-bottom:2px; text-align:left; border:1px solid #666666; font-size:13px; } /*-------------------------------------------------------------------------------------------------------------- FAQS --------------------------------------------------------------------------------------------------------------*/ #faqsQuestion { width:500px; background-image:url("img/voileOpaque.png"); border:1px solid #808080; padding:8px; cursor:pointer; color:#ffffff;text-align:left;font-stretch:condensed; letter-spacing:1px; } #faqsQuestion:hover { width:500px; background-image:url("img/voileBlanc.png"); color:#666666;} #faqsQuestionOn { width:500px; background-color:#ffffff;;border:1px solid #808080; border-bottom:0px solid #ffffff; padding:8px; cursor:default;text-align:left;font-stretch:condensed; letter-spacing:1px; } #faqsAnswer { width:500px; background-image:url("img/voileBlanc.png"); padding:8px; border:1px solid #808080; border-top:0px solid #ffffff; text-align:justify;font-stretch:condensed; letter-spacing:1px; } #faqs_question_imag { font-weight:normal; padding:2px; padding-right:6px; vertical-align:middle; width:50px;} #faqs_answer_imag { font-weight:normal; padding:2px; padding-right:6px; vertical-align:middle; width:50px;} #faqs_question { } #faqs_answer { } tr.faqs_question { } td.faqs_answer { font-weight:normal; padding:2px; color:#333333;} table.faqs_question { background-color:#efefef; border:1px solid #cccccc; padding:8px; -moz-border-radius: 0.5em; border-radius: 2px; width:100%; } table.faqs_questionOn { background-color:#dddddd; border:1px solid #cccccc; padding:8px; -moz-border-radius: 0.5em; border-radius: 2px; width:100%; } table.faqs_answer { background-color:#ffffff; border:0px solid #888888; padding:8px; -moz-border-radius: 0.1em; border-radius: 2px; width:100%; } a:link.faqs_question { font-weight:normal; padding:2px; color:#999999; text-decoration:none;} a:visited.faqs_question { font-weight:normal; padding:2px; color:#999999; text-decoration:none;} a:hover.faqs_question { font-weight:normal; padding:2px; color:#000000; text-decoration:none;} a:link.faqs_questionOn { font-weight:bold; padding:2px; color:#000000; text-decoration:none;} a:visited.faqs_questionOn { font-weight:bold; padding:2px; color:#000000; text-decoration:none;} a:hover.faqs_questionOn { font-weight:bold; padding:2px; color:#000000; text-decoration:none;} /*-------------------------------------------------------------------------------------------------------------- PASTILLES --------------------------------------------------------------------------------------------------------------*/ td.roundCornersImage { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-color:#ffffff; border:1px solid #cccccc; -moz-border-radius: 0.3em; border-radius: 2px; } td.roundCornersImageBord { width:150px; text-align:center; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-color:#ffffff; border:1px solid #cccccc; -moz-border-radius: 0.3em; border-radius: 2px; vertical-align:top; } td.roundCornersImage_gris { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; background-color:#e3e3e3; border:1px solid #000000; -moz-border-radius: 0.3em; border-radius: 2px; } td.roundCornersTab { padding-left:05px; padding-right:05px; padding-top:10px; padding-bottom:10px; background-color:#ffffff; border:1px solid #cccccc; -moz-border-radius: 0.3em; border-radius: 2px; } td.pastilleName { text-align:left ; border-bottom:1px solid #cccccc; text-transform : uppercase; font-stretch : 2px;} td.pastilleCode { text-align:right ; border-bottom:0px solid #cccccc; text-transform : uppercase; font-stretch : 2px;} td.pastilleType { text-align:right ; border-top:0px solid #cccccc ; font-style : italic; font-size:9pt;} td.pastilleImag { text-align:center; width:100px; vertical-align:middle; border:0px solid #ffffff; } td:hover.pastilleImag { text-align:center; width:100px; vertical-align:middle; border:0px solid #efefef; } a:hover.pastilleImag { } td.harmProdNom { text-align:left ; border-bottom:1px solid #cccccc; text-transform : uppercase; font-stretch : 2px; background-color:#efefef; height:20px; vertical-align:middle;} td.harmProdDisp { padding-right:10px; padding-top:10px; } td.harmCoulDisp { padding-right:10px; padding-top:10px; } /*-------------------------------------------------------------------------------------------------------------- VOILES --------------------------------------------------------------------------------------------------------------*/ td.voileClair { cursor:default;} td.voileClairArchivesNews { } td:hover.voileClairArchivesNews { background-image:url("img/voileBlanc.png");} td:hover.voileClair { background-image:url("img/voileClair.png");} /*-------------------------------------------------------------------------------------------------------------- BIENVENUE & HOMEPAGES --------------------------------------------------------------------------------------------------------------*/ td.homepageTitre { cursor:default; color:#ffffff; background-image:url("img/voileSombre.png"); padding:10px; border:1px solid transparent; } td:hover.homepageTitre { cursor:default; color:#ffffff; background-image:url("img/voileClair.png"); border:1px solid #ffffff; -moz-border-radius:0.5em; border-radius:2px; } td.homepageTitre a { color:#dddddd; text-transform:uppercase; font-size:13px; font-weight:normal; text-decoration:none;} td.homepageTitre a:hover { color:#ffffff; } /*-------------------------------------------------------------------------------------------------------------- IMAGES --------------------------------------------------------------------------------------------------------------*/ img.update { max-width:500px; max-height:200px; min-width:20px; min-height:20px; } img.updateBorder { max-width:500px; max-height:200px; min-width:80px; min-height:20px; border:1px solid #000000; } img.probleme { max-width:200px; max-height:100px; min-width:20px; min-height:20px; } img.problemeBorder { max-width:200px; max-height:100px; min-width:20px; min-height:20px; border:1px solid #ffffff; } img.detail { max-width:500px; max-height:200px; min-width:80px; min-height:20px; } img.detailBorder { max-width:500px; max-height:200px; min-width:80px; min-height:20px; border:1px solid #000000; } img.liste { max-width:200px; max-height:200px; min-width:80px; min-height:80px; } img.listeBorder { max-width:300px; max-height:100px; min-width:80px; min-height:80px; border:1px solid #000000; } img.pastille { max-width:100px; max-height:100px; min-width:80px; min-height:80px; } img.pastilleBorder { max-width:100px; max-height:100px; border:0px solid #000000; } /*-------------------------------------------------------------------------------------------------------------- PASTILLES --------------------------------------------------------------------------------------------------------------*/ img.news { max-width:450px; max-height:300px; } img.newsBorder { max-width:450px; max-height:300px; border:1px solid #ffffff;} img.archivesNews { max-width:150px; max-height:100px; } img.archivesNewsBorder { max-width:150px; max-height:100px; border:1px solid #ffffff;} /*-------------------------------------------------------------------------------------------------------------- NEWS --------------------------------------------------------------------------------------------------------------*/ td.list_titr_news { font-stretch:condensed; letter-spacing:1px; font-weight:bold; border-bottom:1px solid #666666; color:#000000; } td.list_text_news { font-stretch:condensed; font-weight:normal; color:#000000; } /*************************************************************************************************************** * MODIFICATIONS * ************* * Date Auteur Description * ---------- ------ -------------------------------------------------------------------------------------------- ***************************************************************************************************************/