/*---------------------------- LES BALISES MAJEURES -----------------------------------------*/ body, td, input, select, ul, form, p {padding:0px;margin:0px;font:normal 11px Verdana;} body {background-color:white;color:black;} h1 {font:normal 18px Verdana;margin:0px;padding:15px 0px 30px 0px;} /* utilise pour titre page */ h2 {font:bold 11px Tahoma;margin:0px 0px 5px 0px;padding:15px 0px 5px 0px;} /* utilise dans menu gauche */ h3 {font:normal 12px Verdana;margin:0px;padding:0px 0px 0px 0px;font-weight:bold;} /* utilise dans menu gauche */ table {} td {vertical-align:top;} table.video {font-family: Arial, Verdana, Helvetica;} table.video td {background-color:#666666;padding-left:2px;height:22px;color:white;font-size: 9px;vertical-align:middle;} a {color:#CA5175;} a:hover {text-decoration:none;} select {width:250px;} input {border: solid 1px #CCCCCC;background-color:white;width:300px;height:18px; margin-bottom:5px;padding:3px 0px 0px 3px;} input.bouton {width:140px;height:22px;color:white;background-color:#0065B3;padding:2px 0px 0px 2px;} textarea {border: solid 1px #CCCCCC;background-color:white;width:300px;height:50px;margin:0px 0px 5px 0px;} input.radio {border:0px;width:15px;padding:0px;height:15px;} .alerte {background-color:#FFCC33;} .gris {color:#333333;} /* pour mise en valeur de texte non cliquable au centre de la page : appliquée sur strong */ ul {list-style:none;padding-left:40px;padding-right:40px;} /* Spécifique dossiers */ li {list-style:none; line-height:1.45em; margin:0px 0px 9px 0px; text-align:justify; padding-left:20px; background:url(images/picto-liste.gif) 0 0 no-repeat; } /*-----------------------------IMAGES --------------------------------------------*/ img {margin:0px;padding:0px;border:0px;} .float_right {float:right; margin:0px 0px 10px 10px;} /*coeur de page*/ .float_right_h1 {float:right; margin:0px 0px 0px 10px; font-size:11px;} /*div float dans une h1*/ .float_right_dossier {float:right; margin:0px 0px 50px 40px;} .float_left {float:left; margin:0px 20px 10px 0px;} /*actus*/ /*-----------------------------POINTILLES --------------------------------------------*/ .pointilles_h{background:url(images/pointilles-horiz.gif) top repeat-x; margin:0px 0px 10px 0px;height:1px;} /*-------------------------- PAGE ACCUEIL -------------------------------------------*/ #fond_acc {position:absolute;top:28px;left:50%;margin-left:-500px;background:url(images/fond-acc.jpg) repeat-x; height:600px;width:1000px;z-index:1;} #lg_acc {position:absolute;top:136px;left:50%;margin-left:380px;width:100px;text-align:right;font-size:14px;z-index:4} #lg_acc a {color:black;text-decoration:none;} #menu_gacc {position:absolute;top:220px;left:50%;width:200px;margin-left:-480px;z-index:3;} #menu_gacc td {vertical-align:middle;} #menu_gacc p {line-height:1.55em;} #bandeau_acc {position:relative;top:28px;left:50%;width:1000px;height:172px;margin-left:-500px;z-index:2;} #vague_acc {position:absolute;top:0px;left:0px;width:236px;height:172px;} #menuhaut_acc {position:absolute;top:0px;left:236px;width:764px;height:172px;} #top_bienvenue{position:relative;top:0px;margin-top:48px;left:21px;height:45px;font:normal 18px Arial;} #top_titre_acc{position:relative;top:0px;margin:10px 0px 17px 0px;left:21px;color:#0065B3;font-size:18px;letter-spacing:1px;} #centre_acc {position:relative;top:28px;left:50%;width:764px;margin-left:-264px;height:310px;z-index:2;} /* +20px height oct2010 APA */ .int_acc {position:relative;margin-top:15px;margin-bottom:25px;} .int_acc p {padding:0px 0px 0px 0px;line-height:1.55em;} /*-----------------------------LOGO --------------------------------------------*/ #logo {position:absolute;top:13px;left:50%;width:85px;height:86px;margin-left:-503px;z-index:10;} /*-----------------------------MENU GAUCHE --------------------------------------------*/ #menu_gmain {position:absolute;top:137px;left:50%;width:236px;margin-left:-500px;z-index:3; background:url(images/fond-menu-g.jpg) top repeat-x;} #menu_g {position:relative;top:30px;left:20px;width:209px;} /* permet d'eviter les decalages lies a padding left dans Firefox*/ #menu_g p {margin:0px;padding:0px 0px 10px 0px;text-align:left;} #menu_g p.prems {margin:0px;padding:5px 0px 10px 0px;text-align:left;} #menu_g p.sousnav {margin:0px;padding:0px 0px 5px 10px;text-align:left;} #menu_g a {text-decoration:none;color:black;} #menu_g a:hover{text-decoration:underline;} #menu_g a.on {text-decoration:none;color:#CA5175;font-weight:bold;} #menu_g h2 {background:url(images/trait-degrade-horiz-200px.jpg) bottom left no-repeat;} #zone_membre {position:relative;top:60px;left:0px;width:100%;background:url(images/fond-zone-membre.gif) 0 0 no-repeat;} #zone_membre p {padding:5px 5px 10px 0px;text-align:left;} #zone_membre p.phrasecle {position:relative;top:0px;left:15px;font:Tahoma;padding:0px;width:160px;margin-bottom:35px;color:#333333;} #zone_membre .float_right {float:right; margin:0px 5px 0px 0px;} /*----------------------------- LIEN VERS SITE SUMITOMO --------------------------------------------*/ #top_liengroupe {position:absolute;top:15px;left:50%;width:300px;margin-left:200px;text-align:right;} #top_liengroupe a {text-decoration:none;color:#0066B3;padding:2px 15px 0px 0px; background:url(images/picto-triple-fleche-sumitomo.gif) top right no-repeat; } /*----------------------------- BANDEAU --------------------------------------------*/ #bandeau {position:relative;top:35px;left:50%;width:1000px;height:225px;margin-left:-500px;z-index:1;} #vague {position:absolute;top:0px;left:0px;width:236px;height:102px;} .rub_agro #vague {background:url(images/fond-agro-g.jpg) 0 0 no-repeat;} /* .rub_agro est applique a body */ .rub_societe #vague {background:url(images/fond-societe-g.jpg) 0 0 no-repeat;} /* idem */ .rub_hygiene #vague {background:url(images/fond-hygiene-g.jpg) 0 0 no-repeat;} /* idem */ #menuhaut {position:absolute;top:0px;left:236px;width:764px;} /*Bandeau - Partie haute */ #top_titre {position:relative;width:100%;height:33px;border-bottom:1px solid white;color:white;font-size:10px;} #top_titre a {color:white;text-decoration:none;} #top_titre a.souligne {text-decoration:underline} /* lien fabricants, cliquez ici qui est souligne */ #top_titre h1 {padding:5px 0px 0px 0px;} .rub_agro #top_titre {background-color:#7EE007;} .rub_societe #top_titre {background-color:#0065B3;} .rub_hygiene #top_titre {background-color:#FFCC33;} #top_menu {position:relative;height:29px;width:100%;background-color:#7994C6;border-bottom:1px solid white;} #top_menu a{text-decoration:none;color:white;margin-left:4px} #top_menu td{vertical-align:middle;font:bold 11px Tahoma;font-variant:small-caps;} /* a cause de l'annulation body,td etc.*/ #top_menu td.agro{width:259px;} #top_menu td.hygiene{width:181px;} #top_menu td.agro:hover{background-color:#7EE007;} #top_menu td.hygiene:hover{background-color:#FFCC33;} #top_menu td.societe:hover{background-color:#0065B3;} #top_menu td.actus:hover{background-color:#C60000;} #top_menu td.contacts:hover{background-color:#666666;} /*----------------------------- CENTRE --------------------------------------------*/ #centre {position:relative;top:35px;left:50%;margin-left:-264px;width:760px;z-index:2;} #centre p{margin:0px 0px 15px 0px;line-height:1.45em;text-align:justify;} #centre p.titre{margin:0px 0px 10px 0px;font-weight:bold;font-size:13px;} #centre p.sur_titre_photo{margin:5px 0px 10px 0px;padding:0px;font-weight:bold;} /* not. pour photos microscope dossier cuivre */ #chemin {position:relative;top:18px;height:21px;background:url(images/pointilles-horiz-gris.gif) top left repeat-x; color:#CA5175;vertical-align:middle;margin-bottom:15px;} #chemin td {vertical-align:middle;} #chemin td.dr {background:url(images/pointilles-vertical-gris) 0 0 repeat-y;margin-right:2px;} #chemin a {text-decoration:none;} #fonddegrade {position:absolute;top:0px;left:0px;width:26px;height:176px; background:url(images/fond-degrade-centre.jpg) top left no-repeat;} /*----------------------------- DATE --------------------------------------------*/ #date {position:relative;top:45px;left:50%;width:990px;margin-left:-500px;z-index:10;text-align:right;font-size:10px;} /*----------------------------- PIED DE PAGE --------------------------------------------*/ #pied_page {position:relative;top:48px;left:50%;width:1000px;margin-left:-500px; border-top:4px solid #DB8AA3;padding-top:10px;z-index:10;} #pied_page p {margin-right:10px;padding:0px 0px 10px 0px;font:normal 10px Verdana;color:#333333;text-align:right;line-height:1.45em;} #pied_page a {text-decoration:none;font-weight:bold;color:#333333;} #pied_page a:hover {text-decoration:underline;color:#333333;} /*-----------------------------------------------------------------------------------------------*/ #contenu1 .c2 {width:40px;} /*A appliquer au tableau général pour colonnes 2 et 3 égales */ #contenu1 .c3 {width:350px;} #contenu1 .c4 {width:40px;} #contenu1 .c5 {width:350px;} #contenu1 .c5zoom {width:350px;background-color:#EBEBEB;} #contenu2 .c2 {width:40px;} /*A appliquer au tableau général pour : menu, col 2 principale, col 3 moins large */ #contenu2 .c3 {width:380px;} #contenu2 .c4 {width:40px;} #contenu2 .c5 {width:300px;} #contenu3 .c2 {width:40px;} /* A appliquer si 1 seule colonne centrale */ #contenu3 .c3 {width:720px;} #contenu_acc .c1 {width:21px;} #contenu_acc .c2 {width:455px;}/* zone centrale page accueil - pour alignement avec le menu */ #contenu_acc .c3 {width:21px;} #contenu_acc .c4 {width:247px;} #contenu4 .c2 {width:40px;} /*A appliquer au tableau général pour : menu, col 2 principale, col 3 moins large */ #contenu4 .c3 {width:450px;} #contenu4 .c4 {width:40px;} #contenu4 .c5 {width:230px;} .pave {position:relative;width:320px;margin-left:13px;padding:0px;}/*Utilisée pour matérialiser une zone Zoom - Ex p. s-sumiagro-activites-phytosanitaires.php - APA 10/07/2008*/ /* ------------------------Box -----------*/ .box {width:180px;} /*boites avec dégradés avec les classes ci-dessous*/ .box div {width:177px;background:url(images/bg2.jpg) 0 0 repeat-y} /* traits gauche droite en-dessous de bg1 */ .box div div {background:url(images/bg1.jpg) 0 0 no-repeat} /*dégradé + traits côtés + trait du haut*/ .box div div div {background:url(images/bg3.jpg) bottom left repeat-x} /*trait du bas*/ #centre .box p {text-align:left; margin:0px 8px 13px 16px; padding-top:7px;} /* ------------------------Tableaux produits -----------*/ .cle_tri {position:relative;padding:0px 0px 10px 20px;color:#333333;} .cle_tri .produit_nom{position:relative;padding:2px 0px 2px 20px;font-weight:bold;} .cle_tri .produit_intro{position:relative;padding:5px 0px 20px 20px;text-align:justify;} .entetetd {background:url(images/bg1bis.jpg) 0 0 repeat-x;color:#666666; border-bottom:solid 1px #CDCDCD;} /*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-ACCORDION-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/ @charset "UTF-8"; /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.5 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { border-left: dotted 1px #CECECE; border-right: dotted 1px #CECECE; border-bottom: dotted 1px #CECECE; overflow: hidden; width:298px; } .Accordion2 { border-left: dotted 1px #CECECE; border-right: dotted 1px #CECECE; border-bottom: dotted 1px #CECECE; overflow: hidden; width:720px; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { /* .Accordion2 est utilisé dans les dossiers */ margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. * * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */ .AccordionPanelTab { /* background-color: #CCCCCC; */ /*border-top: solid 1px black; border-bottom: solid 1px gray;*/ background:url(images/bg1bis.jpg) 0 0 repeat-x; color:#333333; margin: 0px 0px 5px 0px; padding: 2px 2px 2px 10px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } .Accordion2 .AccordionPanelTab { /* .Accordion2 est utilisé dans les dossiers */ /* background-color: #CCCCCC; */ /*border-top: solid 1px black; border-bottom: solid 1px gray;*/ background:url(images/bg1bis.jpg) 0 0 repeat-x; color:black; font-size:13px; margin: 0px 0px 0px 0px; padding: 5px 5px 10px 20px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow: auto; margin: 0px; padding: 0px; /* Attention padding à zéro OBLIGATOIRE */ /* height: 200px; */ } .AccordionPanelContent p {padding:2px 10px 2px 10px;} /* pour résoudre pb des padding impossibles dans PanelContent */ .Accordion2 .AccordionPanelContent p {padding:0px 40px 10px 40px;} /* pour résoudre pb des padding impossibles dans PanelContent */ .Accordion2 .AccordionPanelContent p.legende {padding:0px 0px 10px 10px;font-weight:bold;color:#666666;} /* pour résoudre pb des padding impossibles dans PanelContent */ /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { color:black; font-weight:bold; } .AccordionPanelOpen p {text-align:left;} /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { /* color:#72D200; */ text-decoration:underline; } .AccordionPanelOpen .AccordionPanelTabHover { /* color:#72D200; */ text-decoration:none; font-weight:bold; } .AccordionPanelOpen .AccordionPanelContent {} /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab {} /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {}