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

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; 	border: 0;
}

#main {
    background: transparent url(img/main_repeat.jpg) center top repeat-y;
    margin: 0 auto 10px; width: 860px;
}

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

body {
    font: 76%/1.5em Verdana, "Dejavu Sans", sans-serif; color: #605E5A;
	  quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
    background: transparent url(img/main_fond.jpg) left top repeat;
}

a, a:link, a:visited { text-decoration: none; color: #7F76A6; font-size: 0.925em; font-style: italic; font-weight: bold; }
a:hover { text-decoration: underline; }

#nav li a, #nav li a:link, #nav li a:visited { color: #FFF; }
.menu a, .menu a:link, .menu a:visited, .langues a, .langues a:link, .langues a:visited { color: #FFF; font-style: normal; }

h1 { }
	h1 a { display: block; width: 100%; height: 100%; }
h2 { font-size: 1.5em; font-style: italic; margin: 10px 0; color: #7F76A6; }
h3 { font-size: 1em; font-weight: bold; font-weight: bold; color: #D49751; margin-top: 1.2em; }

#sidebar { color: #715b7f; }
#sidebar h2 { display: none; }
#sidebar h3 { font-style: italic; font-weight: bold; color: #7F76A6; margin: 0; }
    #meteo dt { font-style: italic; font-weight: bold; color: #6a6396; }
    #meteo dd { color: #7F76A6; }
        #meteo dd span { color: #715b7f; }

    #TB_caption { font-size: 1.5em; color: #715b7f; }
    #TB_legend a { font-size: 1.2em; }

/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

    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: #AFA8C4; color: #FFF;
    }

    #content .checkbox label { float: none; width: auto; }
    #content .checkbox input { margin-left: 32%; }

		#content .formulaire_menu_lang, #content .formulaire_login { font-size: 0.9em; margin: 30px 0; }
		#content .formulaire_menu_lang .forml, #content .formulaire_login .forml { width: 45%; }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

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

    #header .menu, #header .langues { position: absolute; top: 45px; }
        #header .menu li, #header .langues li { list-style: none none inside; float: left; }
            #header .menu li a, #header .langues li a { display: block; width: 150px; text-align: center; }

    #header .menu { left: 5px; }
    #header .langues { left: 540px; }

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

#nav {
    position :absolute; top: 200px; left: 30px;
    width: 210px;
}
    #nav li { list-style: none none outside; height: 30px; width: 100%; }
        #nav a { display: block; }
            #nav a img { margin-left: 20px; }

        #nav-accueil { background: transparent url(img/puce1.png) left 8px no-repeat; }
        #nav-10 { background: transparent url(img/puce2.png) left 8px no-repeat; }
        #nav-20 { background: transparent url(img/puce3.png) left 8px no-repeat; }
        #nav-30 { background: transparent url(img/puce4.png) left 8px no-repeat; }
        #nav-contact { background: transparent url(img/puce5.png) left 8px no-repeat; }

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

#content { float: left; width: 622px; }

    .content-main, #hierarchie { margin: 0 14px 0 34px; }

    .content-main {
        background: transparent url(img/pied_article.jpg) center bottom no-repeat;
        padding-bottom: 15px;
    }

	#content p { margin-bottom: 0.5em; text-align; justify; }
    #content ul { margin: 1em 0 1em 40px; }
      #content li.spip { list-style-position: inside; }

    #content ul.alb-photos { margin: 1em 0; }
        #content ul.alb-photos li { float: left; list-style: none none inside; }
        #content ul.alb-photos li a { display: block; width: 184px; margin: 3px 0; text-align: center; }

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

#sidebar { float: right; width: 238px; }
    #sidebar #tourisme { background: transparent url(img/fond_tourisme.jpg) center top no-repeat; width: 100%; height: 195px; }
    #sidebar #localisation { background: transparent url(img/fond_localisation.jpg) center top no-repeat; width: 100%; height: 234px; }
    #sidebar #meteo { background: transparent url(img/fond_meteo.jpg) center top no-repeat; width: 100%; height: 223px; }

    #tourisme h3, #tourisme p { margin: 0 22px 0 35px; }
    #tourisme h3 { padding-top: 35px; }

    #localisation h3 { padding-top: 35px; }
    #localisation a { display: block; width: 100%; height: 136px; }

    #meteo dl { margin: 0 0 0 35px; padding-top: 35px; }
        #meteo dt { margin-top: 10px;  }

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

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

    #footer .menu, #footer .langues { position: absolute; bottom: 2px; }
        #footer .menu li, #footer .langues li { list-style: none none inside; float: left; }
            #footer .menu li a, #footer .langues li a { display: block; width: 210px; text-align: center; }

    #footer .menu { left: 5px; }
    #footer .langues { left: 425px; }

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

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

.spip_documents_left { float: left; margin-right: 15px; }
.spip_documents_right { float: right; margin-left: 15px; }
.spip_documents_center { display: block; text-align: center; }
.spip_documents_left, spip_documents_right, spip_documents_center, .photo { border: 2px solid #7F76A6; padding: 2px; }
.panoramique { height: 320px; border: 2px solid #7F76A6; padding: 2px; }

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