body { color: #333; font-family: arial, verdana, sans; background-color: white; background-image: url(http://www.petittheatre.qc.ca/fonds/fond0.gif); background-repeat: repeat-y; background-position: left 100%; margin: 0; padding: 0; } #logo { background-image: url(http://www.petittheatre.qc.ca/images/logo.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 100px; } #head1 { background-color: white; background-image: url(http://www.petittheatre.qc.ca/fonds/bande1.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 660px; height: 33px; border-width: 0; } #head2 { background-color: white; background-image: url(http://www.petittheatre.qc.ca/fonds/bande2.gif); background-repeat: no-repeat; position: absolute; top: 33px; left: 140px; width: 660px; height: 33px; border-width: 0; } #head3 { color: #f85036; font-size: 10px; font-family: verdana; font-weight: bold; background-color: white; text-align: right; letter-spacing: 5px; position: absolute; top: 66px; left: 140px; width: 660px; height: 34px; } #colleft { position: absolute; top: 100px; width: 140px } #colright { background-color: #e6e5e5; position: absolute; top: 100px; left: 650px; width: 145px; padding-right: 1px; padding-left: 1px; } #colright2 { padding-right: 1px; padding-left: 1px; position: absolute; top: 100px; left: 645px; width: 145px; } #colcenter { position: absolute; top: 100px; left: 186px; width: 420px; } #colcenter2 { position: absolute; top: 100px; left: 186px; width: 610px } .blocreponse { background-color: #f73c3c; vertical-align: text-top; position: absolute; top: 100px; left: 190px; width: 420px; } #bloccenter { width: 420px; } #colcenterforum { position: absolute; top: 100px; left: 190px; width: 540px; } #colrightforum { position: absolute; top: 100px; left: 236px; width: 548px; } #affiche { background-color: #fff; position: absolute; top: 0; left: 410px; width: 200px; height: 200px; } #bulletin { position: absolute; top: 100px; left: 410px; float: right; } #bloc_cal { background-color: #e6e6e6; width: 414px; padding-top: 2px; padding-left: 3px; } A { color: #f85036; font-size: 11px; text-decoration: none } A:hover { color: #f85036; text-decoration: underline } B { } I {font-style: italic} p { color: #000; font-size: 11px; font-family: arial, verdana, sans; text-align: justify; } .TexteCorp { COLOR:#000000; font-size: 11px; font-family: arial, verdana, sans; text-align: justify; } .required { color: #000000; font-size: 11px; font-family: arial, verdana, sans; text-align: justify } .attributeinput { color: #000000; font-size: 11px; font-family: arial, verdana, sans; text-align: justify } .attributename { color: #000000; font-size: 11px; font-family: arial, verdana, sans; text-align: justify } h3 { color: #7e7e7e; font-size: small; font-weight: normal; background-color: transparent; padding-left: 10px; padding-right: 10px; margin: 0 0 1px; } .Ligne { padding-top: 15px; padding-bottom: 15px; } .Pied { COLOR:#f85036; font-size: xx-small; font-family: arial, verdana, sans; text-align: center; } .TexteTitre { color: #7e7e7e; font-size: 18pt; font-family: arial, verdana, sans; font-weight: bold ; vertical-align: top; } .Datenews { color: #c9c7c7; font-size: small; font-family: arial, verdana, sans; font-weight: bold; } .TexteTitre02 { color: #7e7e7e; font-size: 18px; font-family: arial, verdana, sans; font-weight: bold } .TexteTitre03 { color: #7e7e7e; font-size: 18px; font-family: arial, verdana, sans; font-weight: bold; font-style: italic; } .TexteTitre2 { color: #7e7e7e; font-size: 16px; font-family: arial, verdana, sans; font-weight: bold; } .TexteBdv {COLOR:#000000; font-size: 11px; font-family: arial, verdana, sans} .TexteScBold {COLOR:#194d62; font-size: 12px; font-family: arial, verdana, sans; font-weight: bold} .TexteCorpSerif {COLOR:#000000; font-size: 14px; font-family: Times New Roman, Times, Serif} ul { color: #000; font-size: 11px; font-family: arial, verdana, sans; margin: 0 0 5px 5px; padding-right: 0; padding-bottom: 0; padding-left: 8px; list-style-image: url(http://www.petittheatre.qc.ca/images/tri2.gif); } #divtablenews { padding-top: 5px; } #listings { } #listings2 { color: #4a4949; font-size: xx-small; margin-right: 5px; margin-left: 5px; } h4 { font-size: x-small; font-weight: bold; color: #666; margin:5px; } dt { color: #666; font-size: x-small; padding-left: 10px; margin: 0; } dd { color: #666; font-size: x-small; margin: 0 0 10px; padding-left: 10px; } table { position: relative; left: -1px; } #diaporama { position: absolute; top: 300px; left: 300px; } @charset "UTF-8"; /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 5px 10px; margin: 0px 1px 0px 0px; font: bold 1em sans-serif; background-color: #e6e5e5; list-style: none; border-left: solid 1px #999; border-bottom: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { background-color: #CCC; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { background-color: #FFF; border-bottom: 1px solid #999; text-decoration: underline; outline: none; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 0px #CCC; border-bottom: solid 0px #CCC; border-top: solid 0px #999; border-right: solid 0px #999; background-color: #FFF; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 0px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanelsX { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroupX { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTabX { position: relative; top: 1px; float: left; padding: 5px 10px; margin: 0px 1px 0px 0px; font: bold 1em sans-serif; color: #f85036; background-color: #FFF; list-style: none; border-left: solid 0px #999; border-bottom: solid 0px #999; border-top: solid 0px #999; border-right: solid 0px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHoverX { background-color: #FFF; color: #f85036; text-decoration: underline; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelectedX { background-color: #FFF; border-bottom: 1px solid #999; outline: none; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTabX a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroupX { clear: both; border-left: solid 0px #CCC; border-bottom: solid 0px #CCC; border-top: solid 0px #999; border-right: solid 0px #999; background-color: #FFF; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContentX { padding: 0px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisibleX { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanelsX .TabbedPanelsTabGroupX { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanelsX .TabbedPanelsTabX { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanelsX .TabbedPanelsTabSelectedX { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanelsX .TabbedPanelsContentGroupX { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /* SpryMasterDetail.css */ /* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main Master/Detail structure container. * * If you want to constrain the width of the Master/Detail structure, set a width on * the Master/Detail container. By default, our structure expands horizontally to fill * up available space. */ .MasterDetail { font-family: arial, verdana, sans; margin: 2px; } /* This is the selector for the Master Container element which houses all the MasterColumn * classes. By default the Master column occupy about 35% from the width of the * entire structure. */ .MasterDetail .MasterContainer { background-color: #EAEAEA; border: 0px solid gray; width: 180px; float: left; overflow: hidden; } /* This is the selector for a Master Column element which holds the actual data for * a master column. */ .MasterDetail .MasterColumn { font-size: 100%; background-color: #FFFFFF; padding:5px; cursor:pointer; } /* This is the selector for a highlighted Master Column element. */ .MasterDetail .MasterColumnHover { background-color: #EAEAEA; } /* This is the selector for a selected Master Column element. */ .MasterDetail .MasterColumnSelected { background-color:#DDD; color: #f85036; } /* This is the selector for the Detail Container element which houses all the DetailColumn * classes. By default the Detail column occupy about 60% from the width of the * entire structure. */ .MasterDetail .DetailContainer { border: 0px solid gray; width: 210px; margin: 2px; float: right; } .MasterDetail .MasterColumn2 { font-size: 100%; background-color: #FFFFFF; padding:5px; } .MasterDetail .MasterColumnSelected2 { background-color:#DDD; color: #f85036; padding:5px; } /* This is the selector for a Detail Column element which holds the actual data for * a detail column. */ .MasterDetail .DetailColumn { margin-bottom: 1px; } #bloc_ageduree { background-color: #f85036; width: 204px; padding-top: 3px; padding-left: 3px; color: #FFF; font-size: 12px; text-align: right; padding-right: 3px; padding-bottom: 3px; font-weight: bold; } #bordure_image { border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; color: #FFF; text-decoration: none; }