/* body */ BODY { background-color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-face-color: #88A3BE; scrollbar-shadow-color: #334975; scrollbar-highlight-color: #D6E5FE; scrollbar-3dlight-color: #D6E5FE; scrollbar-darkshadow-color: #334975; scrollbar-track-color: #375066; scrollbar-arrow-color: #D6E5FE; } .Banimation{ background-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .Bpage{ background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/interface_01.jpg); background-color: #000080; background-attachment: fixed; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-face-color: #88A3BE; scrollbar-shadow-color: #334975; scrollbar-highlight-color: #D6E5FE; scrollbar-3dlight-color: #D6E5FE; scrollbar-darkshadow-color: #334975; scrollbar-track-color: #375066; scrollbar-arrow-color: #D6E5FE; } .Barticle{ background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/interface_00.jpg); background-color: #375066; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-face-color: #88A3BE; scrollbar-shadow-color: #334975; scrollbar-highlight-color: #D6E5FE; scrollbar-3dlight-color: #D6E5FE; scrollbar-darkshadow-color: #334975; scrollbar-track-color: #375066; scrollbar-arrow-color: #D6E5FE; } .Btexte{ background-color: #375066; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-face-color: #88A3BE; scrollbar-shadow-color: #334975; scrollbar-highlight-color: #D6E5FE; scrollbar-3dlight-color: #D6E5FE; scrollbar-darkshadow-color: #334975; scrollbar-track-color: #375066; scrollbar-arrow-color: #D6E5FE; } .Bimage{ background-color: #375066; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-face-color: #88A3BE; scrollbar-shadow-color: #334975; scrollbar-highlight-color: #D6E5FE; scrollbar-3dlight-color: #D6E5FE; scrollbar-darkshadow-color: #334975; scrollbar-track-color: #375066; scrollbar-arrow-color: #D6E5FE; } /* cellule */ .tdVisuel { background-color: #88A3BE; border-width: 2px; } .tdImageBas { background-color: #88A3BE; } .tdArticleBas { background-color: #88A3BE; } /* link */ a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold } a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight: bold } a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #D6E5FE; text-decoration: none; font-weight: bold } a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #E7B807; text-decoration: none; font-weight: bold } a.Level1:link { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level1:visited { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level1:active { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #D6E5FE; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level1:hover { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level2:link { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level2:visited { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level2:active { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level2:hover { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level3:link { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level3:visited { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level3:active { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.Level3:hover { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } #activeRubrique{ font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none } #activeSsRubrique { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } #activeLevel3 { font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 9pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.animation:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normale; font-weight: bold; font-variant: normal; color: #132BA3; text-decoration: none } a.animation:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normale; font-weight: bold; font-variant: normal; color: #132BA3; text-decoration: none } a.animation:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normale; font-weight: bold; font-variant: normal; color: #C6E5EB; text-decoration: none } a.coordonnees:link { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.coordonnees:visited { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.coordonnees:active { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } a.coordonnees:hover { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #C6E5EB; FONT-STYLE: normal; TEXT-DECORATION: none; } a.boutons:link { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 7pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.boutons:visited { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 7pt; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-STYLE: normal; TEXT-DECORATION: none; } a.boutons:active { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 7pt; TEXT-TRANSFORM: none; COLOR: #C6E5EB; FONT-STYLE: normal; TEXT-DECORATION: none; } a.boutons:hover { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bolder; FONT-SIZE: 7pt; TEXT-TRANSFORM: none; COLOR: #FFCC33; FONT-STYLE: normal; TEXT-DECORATION: none; } /* texte */ .titre { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bolder; color: #D6E5FE; font-style: normal } .ss-titre { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bolder; color: #FFFFFF; font-style: normal } .texte { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #D6E5FE; text-decoration: none } .prix { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: bold; font-weight: bold; color: #FFFFFF; text-decoration: none } .coordonnees { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bolder; color: #88A3BE; } .coordonnees_fond { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/coordonnees.jpg); } .coordonnees1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bolder; color: #88A3BE; } .form { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #0A2D5E; text-decoration: none } .texteArticle { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none } .texteAnimation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normale; font-variant: normal; color: #82C4ED; text-decoration: none } .phrase_deroulante{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bolder; color: #D6E5FE; text-decoration: none } .description { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #88A3BE; text-decoration: none } .legende { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: bolder; color: #FFFFFF; } /* image */ .logo { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/logo_01.jpg) } .bandeau { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/bandeau_01.jpg) } .menu_page { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/menu.page_01.jpg) } .bandeau2 { background-attachment: fixed; background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/bandeau2_01.jpg); background-repeat: no-repeat; background-position: left top; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #FFBF00; text-decoration: none } .menu { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/menu.rubrique_01.jpg) } .menuD { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/bandeauflash_01.jpg) } .menussRubrique { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/menu.ssrubrique_01.gif) } .interface { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/interface_01.jpg) } .webstudio { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/webstudio_01.gif) } .bouton { background-image: url(http://admin-sp.webstudiosi.fr/include/chartes/industrie//metal/bouton_01.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right center } /* style pour htdig */ h1.htdigResultH1Title { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bolder; color: #FFFFFF; font-style: normal } h2.htdigResultH2Title { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bolder; color: #F5C357; font-style: normal } .htdigResultLContainer { padding-left: 10px; margin: 5px; border-bottom: 1px solid #8BABC4; } .htdigResultDescContainer { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #8BABC4; text-decoration: none margin: 5px; padding-left: 10px; } .htdigResultAddInfo { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; } .htdigPagesContainer{ padding-left: 20px; } a.htdigResultATitle:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.htdigResultATitle:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.htdigResultATitle:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFB300; text-decoration: none; font-weight: normal; } a.htdigResultATitle:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #F5C357; text-decoration: none; font-weight: normal; } a.htdigResultATarget:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.htdigResultATarget:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-decoration: none; font-weight: normal; } a.htdigResultATarget:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #F5C357; text-decoration: none; font-weight: normal; } a.htdigResultATarget:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #F5C357; text-decoration: none; font-weight: normal; } .recherche{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #960E1D; text-decoration: none padding-left: 2px; width=85px; height=22px; background-color: #D0E0FE; border: 1px #959EAD solid; } .texte_gris { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #C0C0C0; font-style: normal } .table { border: 1px solid #B9274C; } .tdLegende { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normale font-weight: normal; color: #784004; text-decoration: none font-variant: normal; text-transform: none } .tdTableau_article { border: 1px solid #132B47; background-color: #88A3BE; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #EFD98B; font-style: normal } /* calendrier planning */ .fd_calendrier { background-image: url(http://www.tca-industrie.com/charte/industrie//metal/fond_calendrier_04.gif); background-attachment: fixed; background-repeat: repeat; background-color:#893D3D; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #CDBDA0; text-decoration: none;} .calendar{ background-color: #FF9933; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; } .calendar_mois{ background-color: #87A2BF; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #893D3D; text-decoration: none; } a.lienCal:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #F0EFE4; text-decoration: underline } a.lienCal:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #F0EFE4; text-decoration: underline } a.lienCal:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFFFF; font-style: normal; text-decoration: underline} a.lienCal:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFF00; text-decoration: underline } a.lienCals:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #F0EFE4; text-decoration: underline } a.lienCals:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #F0EFE4; text-decoration: underline } a.lienCals:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF; font-style: normal; text-decoration: underline} a.lienCals:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFF00; text-decoration: underline } a.lienCalToday:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFF00; text-decoration: underline } a.lienCalToday:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFF00; text-decoration: underline } a.lienCalToday:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFFFF; font-style: normal; text-decoration: underline} a.lienCalToday:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #F98139; text-decoration: underline } a.lienCalTodays:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #F2DCA7; text-decoration: underline } a.lienCalTodays:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt; font-weight: bold; color: #F2DCA7; text-decoration: underline } a.lienCalTodays:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt; font-weight: bold; color: #FFFFFF; font-style: normal; text-decoration: underline} a.lienCalTodays:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFC600; text-decoration: underline } a.lienCal2:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFFFF; text-decoration: underline } a.lienCal2:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFFFF; text-decoration: underline } a.lienCal2:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFFFFF; font-style: normal; text-decoration: underline } a.lienCal2:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #FFC600; text-decoration: underline } .calDaySelect{ background-color: "#663300"; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FFCCCC; text-decoration: none; } .tdEvenement1{ background-color: #87A2BF; } .tdEvenement2{ background-color: #365687; } .tdEvenement3{ background-color: #365687; } .titre_agenda { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; color: #F0BD89; font-style: normal} .information { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-style: normal; font-weight: bolder; color: #FFFFFF; text-decoration: none} .titre_evenement { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bolder; color: #FFFFFF; font-style: normal} .date_evenement { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none} .jour_mois { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none} a.lienCalDayCourants:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #893D3D; text-decoration: underline } a.lienCalDayCourants:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #893D3D; text-decoration: underline } a.lienCalDayCourants:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #893D3D; font-style: normal; text-decoration: underline} a.lienCalDayCourants:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #893D3D; text-decoration: underline } /* pour les menus dynamiques */ #nav, #nav ul { /* toutes les listes */ padding: 0; margin: 0; list-style: none; float : left; /* en plus pour vertical */ width : 1em; /* en plus pour vertical */ /*line-height: 1; /* en plus pour horizontal */ } /* #nav a { /* en plus pour horizontal -> pour éviter que le sous-menu s'affiche trop loin du père */ /* display: block; /* width: 10em; /* } */ #nav a.daddy { background: url(http://www.tca-industrie.com/charte/industrie//metal/fleche1.gif) center right no-repeat; /* Affiche la flèche au menu si c'est une rubrique */ } #nav li { /* tous les items de liste */ position : relative; /* en plus pour vertical */ float : left; line-height : 1.75em; /* en plus pour vertical -> Taille des lignes */ margin-bottom : -1px; /* en plus pour vertical -> largeur des barres entre les menus */ } #nav li ul { /* listes de deuxième niveau */ position : absolute; left: -999em; margin-left : 8.3em; margin-top : -1.8em; } #nav li ul ul { /* listes de troisième niveau et plus */ left: -999em; } #nav li a { width: 11em; w\idth : 10em; display : block; color : black; font-weight : bold; text-decoration : none; /*background-color : white;*/ border : 1px solid black; padding : 0 0.5em; } #nav li a:hover { color : white; background-color : black; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */ left: auto; } #content { margin-left : 12em; }