/* ----------------------------------------------------------------- */
/* >>> GLOBAL */ 

* {margin: 0; padding: 0; border: none; }
img { border: none; }

body { background: transparent url(img/gris_repeat.png) top left repeat; }
#body2 { background: transparent url(img/fond_repeat.png) top center repeat-x; }

#main { background: transparent url(img/main_repeat.png) top center repeat-y; } 
#main2 { background: transparent url(img/main_repeat2.png) top center repeat-y; }
#main, #main2 { width: 827px; margin: 0 auto; position: relative; }

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body { 
font: 72%/1.4em Arial, "Dejavu sans", sans-serif; color: #515151;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { text-decoration: underline; color: #515151; }
a:hover { text-decoration: none; }
a.puce img { display: inline; }

h1 { position: absolute; top: 46px; left: 20px; width: 200px; height: 190px;  }
	h1 a { display: block; width: 100%; height: 100%; }
#content-main h2 { 
    position: relative; left: -10px; 
    margin-bottom: 10px; padding-left: 10px; 
    border-left: 2px #DA0036 solid; 
}
#sidebar h2 { margin: 0.25em 0; }
h3 { font-size: 11px; font-weight: bold; margin-bottom: 10px;  }
h4 { font-size: 11px; font-weight: bold; margin: 0 0 10px 10px;  }
#content-main h3 { color: #DA0036; }

#content-main p { text-align: justify; }

table { text-align: center; }
    td.ville { text-align: left; font-weight: bold; }


p#hierarchie { color: #FFF; }
    #hierarchie a { text-decoration: none; color: #FFF; }
    #hierarchie a:hover { text-decoration: underline; }
		
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { font-weight: bold; margin-bottom: 1em; }
		label { cursor: pointer; }
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 30%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 60%; }
		#content button { 
			margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
			background-color: #f098ae; color: #FFF;
		}
		
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { background: transparent url(img/main_bandeau.png) top center no-repeat; }
#header2 { background: transparent url(img/main_bandeau2.png) top center no-repeat; }
#header, #header2 { width: 100%; height: 246px; }

    p#hierarchie { 
        margin: 0 45px; padding-top: 6px;
        height: 26px; line-height: 26px; 
    }

        p#hierarchie #nav-haut { float: right; }
            #nav-haut a { margin: 0; }

/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { float: left; width: 230px; }

    #nav img { display: inline; }
    #nav a { text-decoration: none; }
    #nav a:hover { text-decoration: underline; }

    #nav-main { background: transparent url(img/menu_repeat.png) center top repeat-y; width: 100%; }
    #nav dl, #nav ul { margin: 0 40px 0 45px; }
	    #nav dt, #nav li { 
            background: transparent url(img/puce_menu.png) left center no-repeat;
            list-style: inside none none; padding-left: 20px; }
        #nav dd ul { list-style: inside none none; margin: 0 0 10px 5px; font-size: 0.8em; }
            #nav dd li { 
                list-style: inside url(img/puce_small2.png); 
                background-image: none; padding-left: 0; 
            }
                #nav dd li a { margin-left: 5px; }

    #nav-header { background: transparent url(img/menu_ht.png) center top no-repeat; width: 100%; height: 12px; }
    #nav-footer { background: transparent url(img/menu_pied.png) center bottom no-repeat; width: 100%; height: 48px; }

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { background: transparent url(img/main_ht.png) top center no-repeat; float: left; width: 827px; }
#content-tab { background: transparent url(img/main_ht2.png) top center no-repeat; width: 827px; }

    #content-main {  width: 364px; margin: 0 27px 0 245px; }
    #content-tab #content-main { width: 560px; margin: 0 10px 0 240px; }
	   
        #content-main p, #content-main table { margin: 1em 0; }
        #content-main table, #content-main th, #content-main td { border: 1px solid #515151; border-collapse: collapse; } 
        #content-main th, #content-main td { padding: 0 2px; }

        #content-main ul li { margin-left: 20px; }        

        #content-main ul#glossaire { margin-bottom: 20px; text-align: center; }
		    #content-main ul#glossaire li { display: inline; margin: 0 0.2em; }

        #content-main .puce li, #content-main ul.spip li { 
            background: transparent url(img/puce_content.png) left 6px no-repeat; 
            list-style: inside none none; 
            padding: 0 0 6px 20px;
        }
        #content-main ul.spip li { padding-bottom: 3px; }

        #content-main .plan { margin: 0 auto; }
        #content-main .separateur { 
            background: transparent url(img/content_separation.png) center top no-repeat; 
            width: 364px;; height: 6px; margin: 10px 0;
        }

        #content-main .alb-photos li { list-style: inside none none; margin: 0; }

/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { float: right; width: 155px; margin: 0 25px; }
    #sidebar .puce li {
        background: transparent url(img/puce_part_droite.png) left center no-repeat; 
        list-style: inside none none; 
        padding: 0 0 3px 15px;
    }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { background: transparent url(img/main_pied.png) bottom center no-repeat; }
#footer2 { background: transparent url(img/main_pied2.png) bottom center no-repeat; }
#footer, #footer2 { width: 100%; height: 18px; clear: both; }

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}
.jeremy { margin-bottom: 15px; }

.spip_documents_left { float: left; margin-right: 15px; }
.spip_documents_right { float: right; margin-left: 15px; }
.spip_documents_center { display: block; text-align: center; }

/* ----------------------------------------------------------------- */