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

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

#main {
    position: relative;
	margin: 0 auto;
	width: 827px;
}

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

body { 
    background: #E2EEF7 url(img/degrade_repeat.jpg) left top repeat-x;
	font: 72%/1.4em Arial, "Dejavu Sans", sans-serif; color: #6A6A6A;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { text-decoration: underline; color: #F0B300; }
a:hover { text-decoration: none; }

h1 { }
	h1 a { display: block; width: 100%; height: 100%; }

h2 { font-size: 1.5em; color: #2FA612; margin-bottom: 20px; }
		
h3 { font-size: 1em; font-weight: bold; margin-bottom: 10px; }

#nav li, #nav a { font-weight: bold; color: #2FA612; }
#nav a { text-decoration: none; color: #2FA612; }
#nav a:hover { text-decoration: underline; }

#sidebar, #sidebar a { color: #FFF; }
#sidebar a, #formulaire_lettres p { font-weight: bold; }

#agenda-sidebar p { font-weight: bold; }

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

	#content .event-date { font-weight: bold; }
	#content .event-lieu { text-decoration: underline; }
	#content .event-descriptif { font-style: italic; }
	#content ul.liste-mois { text-align: center; font-style: italic; color: #A6A6A6; }
		#content ul.liste-mois a { color: #2FA612; }

/* -------------------------------------------------------------------------- */
/* >>> 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%; }
        #sidebar .forml { width: 90%; }
		#content button { 
			margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
			background-color: #2FA612; color: #FFF;
		}
        #sidebar button { display: none; }
		
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { 
	background: transparent url(img/bandeau.jpg) top center no-repeat;
	width: 100%; height: 277px; 
	position: relative;
}

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

#nav { 
    background: transparent url(img/menu_repeat.jpg) center top repeat-y; 
    float: left; margin-left: 6px; width: 199px;
}

    #nav ul { list-style-type: none; }
        #nav li { margin: 10px 25px; }
        #nav li.menu-separation { 
            background: transparent url(img/menu_separation.jpg) center top no-repeat;
            display: block; width: 100%; height: 8px; margin: 0; 
        }

        #nav li.sous-rubrique ul { list-style-type: disc; }

#nav-footer { 
    background: transparent url(img/menu_pied.jpg) center bottom no-repeat; 
    width: 100%; height: 53px;
}
	
/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
    background: transparent url(img/page_repeat.png) center top repeat-y;
    min-height: 493px; width: 100%; 
}

    #content-top { 
			position: relative; top: 0; right: 6px; 
      background: transparent url(img/ssbandeau.jpg) right top no-repeat;
      height: 31px; 
    }

    #content-main { float: left; margin-left: 15px; width: 377px; }
    #content-footer { clear: both; height: 1em; }

	#content p { margin: 1em 0; }
	#content ul li { margin-left: 25px; }  #content-main ul p { margin: 0.2em 0; }

	#content .spip-logos { float: left; margin-right: 15px; }
	#content .event { border-bottom: solid 1px #A6A6A6; margin: 0; padding: 15px 30px; }
	#content .ul-like { display: block; padding-left: 15px; }
	#content .event-date, #content p.event a, #content .ul-like a { display: list-item; }
	#content .event-descriptif { display: block; margin: 7px 0; }
	#content .fond-vert { background-color: #F0F8E8; }
	#content ul.liste-mois  { margin: 15px 0; }
		#content ul.liste-mois li { display: inline; margin: 0; }

	#content .spip_documents_left { float: left; margin-right: 15px; }
	#content .spip_documents_right { float: right; margin-left: 15px; }
	
	#content .thickbox img { margin: 10px 2px; }

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

#sidebar { float: right; width: 182px; margin-right: 6px; }

    #sidebar #agenda-sidebar h2 { background: transparent url(img/agenda_ht.jpg) center top no-repeat; width: 100%; height: 49px; }
    #sidebar #agenda-sidebar { background: transparent url(img/agenda_repeat.jpg) center top repeat-y; width: 100%; }    
    #sidebar #agenda-sidebar-footer { background: transparent url(img/agenda_pied.jpg) center bottom no-repeat; width: 100%; height: 28px; }
    
    #sidebar #le-saviez-vous h2 { background: transparent url(img/saviezvs_ht.jpg) center top no-repeat; width: 100%; height: 49px; }
    #sidebar #le-saviez-vous { background: transparent url(img/saviezvs_repeat.jpg) center top repeat-y; width: 100%; }    
    #sidebar #le-saviez-vous-footer { background: transparent url(img/saviezvs_pied.jpg) center bottom no-repeat; width: 100%; height: 28px; }

    #sidebar #newsletter h2 { background: transparent url(img/newsletter_ht.jpg) center top no-repeat; width: 100%; height: 49px; }
    #sidebar #newsletter { background: transparent url(img/newsletter_repeat.jpg) center top repeat-y; width: 100%; }    
    #sidebar #newsletter-footer { background: transparent url(img/newsletter_pied.jpg) center bottom no-repeat; width: 100%; height: 28px; }
    
        #sidebar p, #sidebar form { margin: 1em 18px 1em 14px; }
            #sidebar form p { margin: 1em 0; } 

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

#footer { 
    clear: both; position: relative;
    background: transparent url(img/pied.jpg) left bottom no-repeat;
    width: 100%; height: 58px; 
}

	#footer #legal { 
		position: absolute; top: 24px; right: 60px;
		text-decoration: none; text-transform: uppercase; font-weight: bold; color: #FFF; 
	}

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

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}

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