;} /* lorsque le menu est actif*/ #menu li a.menuLienActifAccueil{ color:#FFFFFF; background-image:url(../images/menu/ico_home_on.gif);} #menu li a.menuLienActifProduits{ color:#FFFFFF; background-image:url(../images/menu/ico_produits_on.gif);} #menu li a.menuLienActifReferences{ color:#FFFFFF; background-image:url(../images/menu/ico_references_on.gif);} #menu li a.menuLienActifActualite{ color:#FFFFFF; background-image:url(../images/menu/ico_actualite_on.gif);} #menu li a.menuLienActifPresse{ color:#FFFFFF; background-image:url(../images/menu/ico_presse_on.gif);} #menu li a.menuLienActifTelechargement{ color:#FFFFFF; background-image:url(../images/menu/ico_telecharger_on.gif);} #menu li a.menuLienActifContact{ color:#FFFFFF; background-image:url(../images/menu/ico_contact_on.gif);} #menu li a.menuLienActifAccueil:hover, #menu li a.menuLienActifProduits:hover, #menu li a.menuLienActifReferences:hover, #menu li a.menuLienActifActualite:hover, #menu li a.menuLienActifPresse:hover, #menu li a.menuLienActifTelechargement:hover, #menu li a.menuLienActifContact:hover{border-bottom:none; } /* -------------------- Fin Definition menu ------------------------ */ /* -------------------- Definition Article ------------------------ */ #article.archive{ margin:10px 0; } #article h2{ color:#54A203; font-size:1.4em; line-height:1.8em; font-weight:bold; display: inline; } #article h2 .titreArticle{ border-bottom:#DFDFDF 5px solid; padding:0 2em 0 1.4em; } #article h2 a{ color:#54A203; padding:0 2em 0 1.4em; border-bottom:#DFDFDF 5px solid; text-decoration:none; background-image:url(../images/body/lien_article.gif); background-repeat: no-repeat; background-position: right center; } #article h2 a:hover{ border-bottom:#54A203 5px solid;} #article h2 a.pagePrecedente{ float:right; font-size:0.8em; font-weight:normal; color:#19426A; padding:0 1.4em 0 2em; background-image:url(../images/body/retour_article.gif); background-repeat: no-repeat; background-position: 0 0.7em; margin-top:-0.35em; margin-bottom:-1em; } /* -------------------- Fin Definition Article ------------------------ */ /* -------------------- Definition Post ------------------------ */ #post p{ display:block; font-family:Tahoma, Verdana, Arial; font-size:1.1em; line-height:1.4em; text-align:justify; color:#6A6A6A; margin-bottom:10px; } #post p a, #post li a{ display:inline; color:#19426A; text-decoration:none; border-bottom:#7EBD00 2px solid; padding:0 0.1em 0 0.7em; background-image: url(../images/body/fleche_lien_off.gif); background-repeat: no-repeat; background-position: 0.15em 0.45em; } #post p a:hover, #post li a:hover{ color:#FFF; background-image:url(../images/body/fleche_lien_on.gif); background-color:#7EBD00; } /* -- lienSurParagraphe -- */ #post p a.lienSurParagraphe, #post li a.lienSurParagraphe{ display: block; color:#19426A; text-decoration:none; background-color:#f7f7f7; } #post p a.lienSurParagraphe:hover, #post li a.lienSurParagraphe:hover{ color:#FFF; background-color: #7EBD00; } #post p a.lienSurParagraphe:hover strong, #post li a.lienSurParagraphe:hover strong{ color:#FFFFFF;} /* -- Fin lienSurParagraphe -- */ #post img{ display:block; border:0; } #post .postImgLegende { width:50%; color:#19426A; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; border-top:#CCCCCC 1px dashed; background-color:#F5F5F5; padding:5px; background-color: #F4F4F4; margin-bottom:10px; } #post.postPasDePuce{ background-image:none;} /* --------------------------------- positionnement d'image dans un post ---------------------------------------- */ /* ------------------------------------ sans bordure --------------------------------------- */ #post .postImageFloatGaucheBordureOff { display:inline; float:left; margin:0 5px 5px 0;} #post .postImageFloatDroiteBordureOff { display:inline; float:right; margin:0 0 5px 5px;} /* ------------------------------------- avec bordure et gestion des liens --------------------------------------- */ #post .postImageFloatGauche { float:left; margin:0 15px 0 0; display: inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; } #post .postImageFloatDroite { float:right; margin:0 0 0 15px; display: inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; } #post a.postImageFloatDroite, #post a.postImageFloatGauche { padding:6px; border:#DDD 2px solid; border-bottom:#6AB818 4px solid; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; background-color:#FFF; margin-top:3px; line-height: 1px; } #post a.postImageFloatDroite:hover, #post a.postImageFloatGauche:hover{ border:#6AB818 2px solid; border-bottom:#6AB818 4px solid; background-color:#FFF; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; } /*----------------------------------------- fin positionnement d'image dans un post -----------------------------------------*/ #post ul{ font-family:Tahoma, Verdana, Arial; font-size:1.1em; line-height:1.4em; color:#6A6A6A; margin: 10px 0 10px 20px; list-style-type: square; } #post a.pagePrecedente{ position: absolute; width:5px; height:13px; margin-left:5px; background-image: url(../images/body/retour_article.gif); background-repeat: no-repeat; background-position: -0.6em 0.1em; border:none; } #post a.pagePrecedente:hover{ background-image: url(../images/body/retour_article_on.gif); background-repeat: no-repeat; background-position: -0.6em 0.1em; } /* -------------------- Fin Definition Post ------------------------ */ /* -------------------- Definition postImage ------------------------ */ #postImage .postImage { display:inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; clear:both; } #postImage .postImageLeft { float:left; } #postImage .postImageRight { float:right; } #postImage a.postImage{ padding:6px; border:#DDD 2px solid; border-bottom:#6AB818 4px solid; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; background-color:#FFF; margin-top:3px; float:left; line-height: 1px; } #postImage a.postImage:hover{ border:#6AB818 2px solid; border-bottom:#6AB818 4px solid; } #postImage a.postImage img{ text-align:center;} /* -------------------- Fin Definition postImage ------------------------ */ /* -------------------- Definition Formulaire ------------------------ */ td, input, select, textarea { font-family:Tahoma, Verdana, Arial; font-size:1.1em; color:#6A6A6A; vertical-align:top; } td td { font-size:1em;} input, td select, td textarea { font-size:1em; color:#19426A; padding:2px; text-indent:2px; border:#CCCCCC 1px solid; } input .inputNoBorder { border:none;} select { width:148px;} .FormChampObligatoire { color:#54A203; font-weight:bold;} #contact .contactTel{ border-top:#CCCCCC 1px dashed; background-color:#F5F5F5;} #contact td {font-size:0.9em;} #contact a{ color:#19426A; text-decoration:none; border-bottom:#7EBD00 1px solid; padding:0 0.1em 0 0.7em; background-image: url(../images/body/fleche_lien_off.gif); background-repeat: no-repeat; background-position: 0.15em 0.45em; } #contact a:hover{ color:#FFF; background-color:#7EBD00; background-image:url(../images/body/fleche_lien_on.gif); } /* -------------------- Fin Definition Formulaire ------------------------ */ /* CSS Document */ /* -------------------- General ------------------------ */ * { margin:0; padding:0; font-family:Tahoma, Verdana, Arial; } body { font-size:62.5%; background-color:#FFFFFF; background-image:url(../images/body/haut_page.gif); background-repeat: no-repeat; background-position: center top; } a img {border:none;} .separateur { clear:both; visibility:hidden;} strong{ font-weight:bold; color:#19426A;} /* -------------------- Definition bloc ------------------------ */ #ombre { background-image:url(../images/body/bas_page.gif); background-repeat:no-repeat; background-position: bottom; padding-bottom:20px; margin-top:20px; } #page { width:725px; margin-left:auto; margin-right:auto; border:#A9A9A9 1px solid; } #hautDePage { height:39px; padding:3px 0; text-align:center; } #flash { height:190px; width:725px; padding-bottom:2px; border-bottom:#C4C1C1 1px solid; } #menu { height:3em; background-image:url(../images/menu/bg.gif); background-repeat: repeat-x; margin-bottom:1.5em; } #article{ background-image:url(../images/body/bg_h2_article.gif); background-repeat:repeat-x; height: auto; margin-bottom:10px; } #post{ padding:10px 20px 10px 35px; background-image:url(../images/body/puce_post.gif); background-repeat:no-repeat; background-position:0 11px; } #postImage { position:relative; float:right; width:180px; text-align:center; margin-left:20px; } #contact { border-left:#CCCCCC 1px dashed; } #piedPage { display:block; padding:5px 18px; color:#999999; font-size:0.9em; text-align:center; } /* -------------------- Fin Definition Bloc ------------------------ */ /* -------------------- Definition Top ------------------------ */ #hautDePage #logo { float:left; margin-left:14px; width:134px;} #hautDePage h1 { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip: rect(1px 1px 1px 1px); } #hautDePage h2 { color:#9D9D9D; font-size:1.8em; font-weight:bold; line-height:2.2em; display:inline; } #hautDePage #choixLangues { float:right; width:134px; text-align:right; margin:14px 14px 0 0; } #hautDePage #choixLangues img{ margin-left:0px; } /* -------------------- Fin Definition Top ------------------------ */ /* -------------------- Definition menu ------------------------ #menu ul{ height:20px;}*/ #menu li{ float:left; list-style-type:none; margin-top:3px; } #menu li a{ color:#7D7D7D; text-decoration:none; font-size:1.1em; font-weight:bold; padding:5px 5px 5px 21px; margin-left:5px; line-height:28px; background-repeat:no-repeat; } #menu li a:hover{ border-bottom:#7EBD00 2px solid; background-repeat:no-repeat;} #menu li a.menuAccueil { background-image:url(../images/menu/ico_home_off.gif);} #menu li a.menuAccueil:hover { background-image:url(../images/menu/ico_home_off2.gif);} #menu li a.menuProduits { background-image:url(../images/menu/ico_produits_off.gif);} #menu li a.menuProduits:hover { background-image:url(../images/menu/ico_produits_off2.gif);} #menu li a.menuReferences { background-image:url(../images/menu/ico_references_off.gif);} #menu li a.menuReferences:hover { background-image:url(../images/menu/ico_references_off2.gif);} #menu li a.menuActualite { background-image:url(../images/menu/ico_actualite_off.gif);} #menu li a.menuActualite:hover { background-image:url(../images/menu/ico_actualite_off2.gif);} #menu li a.menuPresse { background-image:url(../images/menu/ico_presse_off.gif);} #menu li a.menuPresse:hover { background-image:url(../images/menu/ico_presse_off2.gif);} #menu li a.menuTelechargement { background-image:url(../images/menu/ico_telecharger_off.gif);} #menu li a.menuTelechargement:hover { background-image:url(../images/menu/ico_telecharger_off2.gif);} #menu li a.menuContact { background-image:url(../images/menu/ico_contact_off.gif);} #menu li a.menuContact:hover { background-image:url(../images/menu/ico_contact_off2.gif);} /* lorsque le menu est actif*/ #menu li a.menuLienActifAccueil{ color:#FFFFFF; background-image:url(../images/menu/ico_home_on.gif);} #menu li a.menuLienActifProduits{ color:#FFFFFF; background-image:url(../images/menu/ico_produits_on.gif);} #menu li a.menuLienActifReferences{ color:#FFFFFF; background-image:url(../images/menu/ico_references_on.gif);} #menu li a.menuLienActifActualite{ color:#FFFFFF; background-image:url(../images/menu/ico_actualite_on.gif);} #menu li a.menuLienActifPresse{ color:#FFFFFF; background-image:url(../images/menu/ico_presse_on.gif);} #menu li a.menuLienActifTelechargement{ color:#FFFFFF; background-image:url(../images/menu/ico_telecharger_on.gif);} #menu li a.menuLienActifContact{ color:#FFFFFF; background-image:url(../images/menu/ico_contact_on.gif);} #menu li a.menuLienActifAccueil:hover, #menu li a.menuLienActifProduits:hover, #menu li a.menuLienActifReferences:hover, #menu li a.menuLienActifActualite:hover, #menu li a.menuLienActifPresse:hover, #menu li a.menuLienActifTelechargement:hover, #menu li a.menuLienActifContact:hover{border-bottom:none; } /* -------------------- Fin Definition menu ------------------------ */ /* -------------------- Definition Article ------------------------ */ #article.archive{ margin:10px 0; } #article h2{ color:#54A203; font-size:1.4em; line-height:1.8em; font-weight:bold; display: inline; } #article h2 .titreArticle{ border-bottom:#DFDFDF 5px solid; padding:0 2em 0 1.4em; } #article h2 a{ color:#54A203; padding:0 2em 0 1.4em; border-bottom:#DFDFDF 5px solid; text-decoration:none; background-image:url(../images/body/lien_article.gif); background-repeat: no-repeat; background-position: right center; } #article h2 a:hover{ border-bottom:#54A203 5px solid;} #article h2 a.pagePrecedente{ float:right; font-size:0.8em; font-weight:normal; color:#19426A; padding:0 1.4em 0 2em; background-image:url(../images/body/retour_article.gif); background-repeat: no-repeat; background-position: 0 0.7em; margin-top:-0.35em; margin-bottom:-1em; } /* -------------------- Fin Definition Article ------------------------ */ /* -------------------- Definition Post ------------------------ */ #post p{ display:block; font-family:Tahoma, Verdana, Arial; font-size:1.1em; line-height:1.4em; text-align:justify; color:#6A6A6A; margin-bottom:10px; } #post p a, #post li a{ display:inline; color:#19426A; text-decoration:none; border-bottom:#7EBD00 2px solid; padding:0 0.1em 0 0.7em; background-image: url(../images/body/fleche_lien_off.gif); background-repeat: no-repeat; background-position: 0.15em 0.45em; } #post p a:hover, #post li a:hover{ color:#FFF; background-image:url(../images/body/fleche_lien_on.gif); background-color:#7EBD00; } /* -- lienSurParagraphe -- */ #post p a.lienSurParagraphe, #post li a.lienSurParagraphe{ display: block; color:#19426A; text-decoration:none; background-color:#f7f7f7; } #post p a.lienSurParagraphe:hover, #post li a.lienSurParagraphe:hover{ color:#FFF; background-color: #7EBD00; } #post p a.lienSurParagraphe:hover strong, #post li a.lienSurParagraphe:hover strong{ color:#FFFFFF;} /* -- Fin lienSurParagraphe -- */ #post img{ display:block; border:0; } #post .postImgLegende { width:50%; color:#19426A; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; border-top:#CCCCCC 1px dashed; background-color:#F5F5F5; padding:5px; background-color: #F4F4F4; margin-bottom:10px; } #post.postPasDePuce{ background-image:none;} /* --------------------------------- positionnement d'image dans un post ---------------------------------------- */ /* ------------------------------------ sans bordure --------------------------------------- */ #post .postImageFloatGaucheBordureOff { display:inline; float:left; margin:0 5px 5px 0;} #post .postImageFloatDroiteBordureOff { display:inline; float:right; margin:0 0 5px 5px;} /* ------------------------------------- avec bordure et gestion des liens --------------------------------------- */ #post .postImageFloatGauche { float:left; margin:0 15px 0 0; display: inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; } #post .postImageFloatDroite { float:right; margin:0 0 0 15px; display: inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; } #post a.postImageFloatDroite, #post a.postImageFloatGauche { padding:6px; border:#DDD 2px solid; border-bottom:#6AB818 4px solid; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; background-color:#FFF; margin-top:3px; line-height: 1px; } #post a.postImageFloatDroite:hover, #post a.postImageFloatGauche:hover{ border:#6AB818 2px solid; border-bottom:#6AB818 4px solid; background-color:#FFF; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; } /*----------------------------------------- fin positionnement d'image dans un post -----------------------------------------*/ #post ul{ font-family:Tahoma, Verdana, Arial; font-size:1.1em; line-height:1.4em; color:#6A6A6A; margin: 10px 0 10px 20px; list-style-type: square; } #post a.pagePrecedente{ position: absolute; width:5px; height:13px; margin-left:5px; background-image: url(../images/body/retour_article.gif); background-repeat: no-repeat; background-position: -0.6em 0.1em; border:none; } #post a.pagePrecedente:hover{ background-image: url(../images/body/retour_article_on.gif); background-repeat: no-repeat; background-position: -0.6em 0.1em; } /* -------------------- Fin Definition Post ------------------------ */ /* -------------------- Definition postImage ------------------------ */ #postImage .postImage { display:inline; padding:6px; border:#DDD 2px solid; background-color:#FFF; margin-top:3px; clear:both; } #postImage .postImageLeft { float:left; } #postImage .postImageRight { float:right; } #postImage a.postImage{ padding:6px; border:#DDD 2px solid; border-bottom:#6AB818 4px solid; background-image: url(../images/body/bg_lien_img.gif); background-repeat: no-repeat; background-position: left bottom; background-color:#FFF; margin-top:3px; float:left; line-height: 1px; } #postImage a.postImage:hover{ border:#6AB818 2px solid; border-bottom:#6AB818 4px solid; } #postImage a.postImage img{ text-align:center;} /* -------------------- Fin Definition postImage ------------------------ */ /* -------------------- Definition Formulaire ------------------------ */ td, input, select, textarea { font-family:Tahoma, Verdana, Arial; font-size:1.1em; color:#6A6A6A; vertical-align:top; } td td { font-size:1em;} input, td select, td textarea { font-size:1em; color:#19426A; padding:2px; text-indent:2px; border:#CCCCCC 1px solid; } input .inputNoBorder { border:none;} select { width:148px;} .FormChampObligatoire { color:#54A203; font-weight:bold;} #contact .contactTel{ border-top:#CCCCCC 1px dashed; background-color:#F5F5F5;} #contact td {font-size:0.9em;} #contact a{ color:#19426A; text-decoration:none; border-bottom:#7EBD00 1px solid; padding:0 0.1em 0 0.7em; background-image: url(../images/body/fleche_lien_off.gif); background-repeat: no-repeat; background-position: 0.15em 0.45em; } #contact a:hover{ color:#FFF; background-color:#7EBD00; background-image:url(../images/body/fleche_lien_on.gif); } /* -------------------- Fin Definition Formulaire ------------------------ */