/* top right bottom left */

    body {
        margin:0px;
        padding:0px 0px 25px 0px;
        color: black;
        border: 0;
        text-align: center;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        background: #fff3e2;
        background: #A86B6B;
        background: #CC8F82;
        background: #B67677;
        background: #A83229;
        background: #AC2929;
        background: #C65A39;
    }

    form { margin: 0; padding: 0}
    a {margin: 0; padding: 0}
    img { margin: 0; padding: 0; border: 0;}
    input {margin: 0; padding: 0; z-index: 10;}
    select {margin:0; padding: 0; z-index: 10;}
    div {margin: 0; padding: 0;}
    ul {margin: 0 0 0 0px; padding: 0px;}
    li {margin: 0 0 0 25px; padding: 0;}
    p { margin: 0; padding: 0; display: block; padding-bottom: 10px; }

    .imgleft {
        float: left;
        margin: 10px 20px 10px 0px;
    }
    
    .imgright {
        float: right;
        margin: 10px 0px 10px 10px;
    }

    .dropcap {
        float: left;
        font-size: 20px;
        padding-right: 5px;
        padding-bottom: 5px;
    }

    #borderTop {
        padding: 0;
        margin: 0;
    }

    a:link { 
        text-decoration: none; 
        color: #a55b06;
    }

    a:visited { 
        text-decoration: none; 
        color: #a55b06;
    }

    a:hover, a:active { 
        text-decoration: underline; 
        color: #dd8500;
    }

    #wrapper {
            background: transparent;
            padding: 0px;
            margin:  10px auto;
            border-top: 3px solid #7f7f7f;
            text-align: left;
            width: 780px;    /* bmh */
    }

    #extracontent {
        background: transparent;
        margin: 0;
        padding: 10px 0 0 0;
        float: left;
    }


    #pagebody {
        margin: 0;
        padding: 0;
        border: 0;
        text-align: left;
        background: transparent;
        clear: both;
    }


    #maincontent {
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 15px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-top: 0px solid red;
        border-bottom: 0;
        margin: 0;
        background: #fff url('/images/mainbg.gif') no-repeat;
        height: 500px;
        min-height: 400px;
    }

    #innercontent {
        background: transparent;
        float: left;
        margin: 0;
        margin-right: 10px;
        margin-bottom: 0px;
        width: 594px;  /* box model hack */ 
        padding: 0;
        display: inline;
        border: 0;
    }

    html>body #wrapper #maincontent   {
        width: 568px;
        height: auto;
    } 

    #tb {
        background: url('/images/top-border.gif') no-repeat bottom;
        width: 595px;
        height: 12px;
        padding: 0;
        margin: 0;
        border: 0;
    }

    #bb {
        background: url('/images/bottom-border.gif') no-repeat top;
        width: 595px;
        height: 12px;
        padding: 8px 0px 0px 0px; 
        margin: 0;
        border: 0;
        text-align: center;
        color: #aaa;
        font-size: 9px;
    }

    #mbb {
        background: url('/images/mbottom-border.gif') no-repeat top;
        width: 175px;
        height: 12px;
        padding: 0;
        margin: 0;
        border: 0;
    }

    #mtb {
        background: url('/images/mtop-border.gif') no-repeat bottom;
        width: 175px;
        height: 12px;
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    #banner {
        background:transparent;
        font-size: 0px;
        padding: 0;
        margin: 0;
    }

    html>body #banner {
    }

    #margecontainer {
         padding-left: 5px;
         padding-top: 0px;
         padding-right: 5px;
         padding-bottom: 0px;
         margin: 0px 0px 0px 615px;
         color: #000;
         background: transparent; 
        border: 1px solid blue;
        width: 154px;
         /* compensates for IE Win bungling */
         height: 100%;

    }
        
    #footer {
        border: 0;
        padding-top: 0px;
        width: 593px;
        padding-bottom: 0px;
        clear: both;
        font-size: 10px;
        text-align: center;
        color: #bbb;
        margin: 0 0 10px 0;
    }

    #footer p {
        padding: 0; margin: 0;
        font-size: 10px;
        color: #eee;
        text-align: center;
    }


    html>#footer {

    }

    #margecontent {
        margin: 0;
        float: left;
        width: 175px;
    }

    html>body #wrapper #margecontent {
        width: 153px;
    }

    h1,h2,h3, pre {
        margin:0px 0px 10px 10px;
    }

    h1 {
        color: #896000;
        font-size:18px;
        padding-top:10px;
    }

    h2 {
        color: #896000;
        font-size: 15px;
        padding-top: 10px;
    }
    
    h3 {
        color: #896000;
        font-size: 13px;
        padding-top: 10px;
    }
        
    #banner h1 {
        font-size:14px;
        padding:10px 10px 0px 10px;
        margin:0px;
    }

    /* Menu */

    #line {
        border-top: 1px solid red;
        width: 100%;
    }


    #dmenu {                        /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        height: 25px;
        position: static;           /* need this so that the z-index stuff works correctly */
        background: #ead8b4 url('/images/menuBg.gif');
        font-family: Verdana, sans-serif;
        font-size: 11px;
        border-bottom: solid 1px #777;
        border-left: solid 1px #777;
        border-right: solid 1px #777;
        color: #fff;                /* the default font color (not links) within the main menu container */
        z-index: 200;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
    }

    .mainLi {                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        padding: 5px 0px;
        margin: 0px;                /* spacing between main menu items */
        width: 121px;               /* the width of each main menu item */
        display: block;
        border-top: none;
        border-left: none;
        border-bottom: none;
        border-right: solid 1px #777;
        background: url('/images/menuBg.gif');
        z-index: 999;
    }

    #dmenu > li {
        width: 120px;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 5px 0px 0px -61px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        background-color: #eee;     /* sub-menu default background color */
        border-top: #777 solid 1px;     /* the border around the sub-menu list */
        border-left: #777 solid 1px;     /* the border around the sub-menu list */
        border-right: #777 solid 1px;     /* the border around the sub-menu list */
        border-bottom: 0;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 999;                /* want to be sure this is above the rest of the menu */
        text-align: left;
    }
    #dmenu li > ul {                /* NON-IE Browsers */
    width: auto;
        margin-left: -1px;
        margin-top: 5px;
        min-width: 120px;
    }

    #dmenu li > ul { *margin: 5px 0px 0px -61px; }

    #dmenu ul li {                   /* second-level or greater menu element links */
        color: #fff;                /* default font color (not links) for sub-menu container */
        margin: 0px;                /* spacing between sub-menu containers */
        padding-top: 3px;               /* This is for padding between menu items in the drop-downs */
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 3px;
        background: #eee url('/images/menuBg.gif');
        background: #FFEFDF;
        border-top: none;               /* sub-menu item border settings */
        border-left: none;               /* sub-menu item border settings */
        border-right: none;               /* sub-menu item border settings */
        border-bottom: 1px solid #777;
        height: 18px;
        width: 100%;
        white-space: nowrap;
        clear: both;
        z-index: 999;
        width: 120px;
    }

    #Cineclubs ul li {
        width: 290px;
    }

    #Administration ul li {
        width: 130px;
    }

    #dmenu ul>li {
        width: auto;
        height: 13px;
    }

    /* #dmenu ul>li { *width: 600px;  } */

    #dmenu li a {                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        display: block;
        color: #663400;
        font-weight: bold;
        text-decoration: none;
    }

    #dmenu ul a {                   /* all the other level menu link elements */
        text-align: left;
        text-decoration: none;
        font-weight: normal;
        display: block;
        border: 0;
        width: 100%;
    }

    #dmenu li:hover {
        display: block;
        background: url('/images/menuBgHover.gif');
        z-index: 1;
    }
    
    #dmenu ul li li:hover {
        display: block;
        min-width: 102px;               /* should be set to the same value as #dmenu ul li width */
        width: 100%;
        background: #FFf9d9;
        /*color: #053188;*/
    }

    #SeancesScolaires {
        width: 140px;
    }

    html > body #SeancesScolaires {
        width: 140px;
    }

    #SeancesScolaires ul {
        margin: 5px 0px 0px -70px;
    }

    #SeancesScolaires ul li {
        width: 175px;
    }

    html > body #SeancesScolaires ul li {
        width: 170px;
    }

    html > body #SeancesScolaires ul { *margin: 5px 0px 0px -71px; }
    html > body #dmenu ul li { *width: 112px; }
    html > body #dmenu li#SeancesScolaires ul li { *width: 170px; }
    html > body #dmenu li#Administration ul li { *width: 130px; }
    html > body #dmenu li#Cineclubs ul li { *width: 290px; }
    html > body #dmenu li#Archives ul li { *width: 120px; }


    #dmenu ul ul {                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-top: -22px;           /* this will push the sub-menu up to the level of it's parent */
        margin-left: 65px;
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul {
        margin-left: 115px;         /* this should be the width of #dmenu ul li */
        margin-top: -21px;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul {
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul {
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

    #rechlabel {
        font-size: 10px;
    }

    input, textarea, select {
        background: #f7f7f7;
        font-size: 12px;
        border: 1px solid #aaa;
    }

    #rechbtn {
        
        background: #994f00;
        font-size: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        border: 1px solid #7f7f7f ;
        width: 25px;

    }

    #logo {
        margin-left: auto;
        margin-right: auto;
        border: 0;
    }

    #logodiv {
        text-align: center; 
        width: 100%;
    }

    #siteinfo {
        width: 175px;
        margin-bottom: 10px;
    }

    #isiteinfo {
        padding: 0px 5px 5px 5px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        background-color: #fff;
    }

    html>body #wrapper #margecontent #siteinfo {
        width: 175px;
    }

    .afftoday {
        width: 160px;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

    .afftoday li {
        width: 160px;
        list-style: none;
        padding: 5px 0px 5px 4px;
        margin: 0;
        border-top: 1px solid #ccc;
        border-left: 3px solid #fff;
        cursor: pointer;
    }

    html > body .afftoday li {
        width: 153px;
    }

    .imgtoday {
        border: 1px solid #ccc;
        padding: 1px;
        margin: 0px 35px 10px 34px;
    }

    #isiteinfo h3 {
        margin: 0 0 10px 3px;
        padding: 0;
        background: #fff;
    }

    .imgtoday img {
        padding: 0; margin: 0;
    }

    .afftoday li:hover {
        background: #fff4e3;
        border-left: 3px solid #C65A39;
    }

    .afftoday li .titletoday {
        font-weight: bold;
        color: #000;
    }

    .afftoday p {
        margin: 0px; padding: 0;
    }


    .afftoday li .realtoday {
        font-size: 9px;
        color: #000;
        font-style: italic;
    }

    #rechdiv {
        text-align: left; 
        width: 175px;
        height: 55px;
        background: url('/images/style/rechbg.gif');
        margin-bottom: 10px;
    }

    #rechlabel {
        width: 173px; 
        padding: 2px 5px 2px 5px; 
        background: #e5ae5b;
        background: #E0BA8B;
        color:  #663400;
        font-weight: bold; 
        font-size: 10px; 
    }

    #newsdiv {
    	text-align: left;
	width: 175px;
	height: 85px;
	background: url('/images/style/newssub.gif');
	margin-bottom: 10px;
    }

    html>body #wrapper #margecontent #rechdiv #rechlabel  {
        width: 163px;
    }

    #rechbox {
        padding: 24px 0px 0px 9px;
        margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

    #newsbox {
    	padding: 24px 3px 0px 5px;
	margin: 0;
	background-color: transparent;
	line-height: 11px;
    }

    #newsbox label {
    	font-style: italic;
	font-size: 9px;
	color: #666;
	margin-bottom: 0px;
	display: block;
    }

    #clear {
        clear: both;
        overflow: hidden;
        height: 1px;
    }
    
    html>body #wrapper #margecontent #rechdiv #rechbox {
        width: 163px;
    }



    #ss {
        width: 130px; height: 17px; margin-right: 5px; float: left; vertical-align: middle;
    }

    #address {
    	height: 17px; float: left; vertical-align: middle; margin-right: 5px;
    }

    html>body #wrapper #margecontent #rechdiv #rechbox #ss {
    }

    #rechgo {
        height: 21px; width: 21px; border: 0; background: transparent;
    }

    .indent {
        margin-left: 25px;
    }

    .submit {
     /*   
        padding: 3px 10px;
        border: 1px solid #777;
        background: #ffdeba;
        color:  #663400;
        font-weight: bold;
     */
    }

    .clear {
        clear: both;
    }

    div.dynamic h3 {

        background: #fff3e1;
        margin: 0 0 10px 0;
        padding: 2px 5px;

    }

    div.dynamic img.left { padding: 0 10px 10px 0; float: left; }
    div.dynamic img.right { padding: 0 0 10px 10px; float: right; }

    div.dynamic h4 { margin: 5px 0px 8px 0px; font-weight: bold; font-size: 14px; color: #000; }
    div.dynamic p.soustitre { margin-bottom: 5px; margin-top: 5px; font-weight: bold; color: #333; padding-bottom: 5px; }