html, body {
	height: 100%;
	margin: 0;
	font: 90% "Trebuchet MS", sans-serif;
	background: #fff;
	}

/* div global */

div#global {
	min-height: 100%;
	width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	background: url(./img/global.png) center repeat-y;
	}

/* div entête */

div#header {
	background: #000 url(./img/culture.jpg) no-repeat;
	color: #ccc;
	height: 75px;
	position: relative;
	}
	
div#header h1 {
    margin: 0;
	position: absolute;
	top: 5px;
	left: 75px;
	font: 2em Georgia, serif;
	}

/* div central */

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px;
	overflow: auto;
	}

/* div pied de page */

div#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	background: #000;
	color: #666;
	}

div#footer p {
    text-align:center;
    margin: 5px 0;
	font-size: 0.9em;
    }

/* div menu lateral */

div#sidebar {
	float: left;
	width: 150px;
	}

div#sidebar h3, div#sidebar p  {
	padding: 5px 0;
	}

/* menu accueil */

ul#menu_accueil {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#menu_accueil li a {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #696969;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_accueil li a:hover {
	color: #fff;
}

/* menu sdap68 */

ul#menu_sdap68 {
	margin: 0;
	padding: 0;
	list-style: none;
	}

h2#sdap68 {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #6699CC;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
    }

ul#menu_sdap68 a {
	display: block;
	height: 15px;	
	padding-left: 10px;
	margin: 0px 0;
	color: #6699CC;
	background-color: #000 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_sdap68 li a:hover {
	color: #fff;
}

/* menu protection */

ul#menu_protection {
	margin: 0;
	padding: 0;
	list-style: none;
	}

h2#protection {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #336666 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
    }
    
ul#menu_protection a {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #336666;
	background-color: #000 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_protection li a:hover {
	color: #fff;
}

/* menu conseil */

ul#menu_conseil {
	margin: 0;
	padding: 0;
	list-style: none;
	}

h2#conseil {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #FFCC33 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
    }

ul#menu_conseil a {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFCC33;
	background-color: #000 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_conseil li a:hover {
	color: #fff;
}

/* menu liens */

ul#menu_liens {
	margin: 0;
	padding: 0;
	list-style: none;
	}

h2#liens {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #C0C0C0 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
    }
    
ul#menu_liens a {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #C0C0C0;
	background-color: #000 ;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_liens li a:hover {
	color: #fff;
}

/* menu contact */

ul#menu_contact {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#menu_contact li a {
	display: block;
	height: 15px;
	padding-left: 10px;
	margin: 0px 0;
	color: #FFF;
	background-color: #696969;
	font: small-caps 0.9em/15px "Trebuchet MS", sans-serif;
	text-decoration: none;
    }

ul#menu_contact li a:hover {
	color: #fff;
}

/* div content */

div#content {
	float: right;
	width: 580px;
	margin-right: 10px; /*pb*/
	}
	
div#content p {
	text-align:justify;
	}
	
div#content h2 {
	padding-left: 35px;
	background: #fff left center no-repeat;
	color: #666;
	}
div#content h3 {
	font-variant: small-caps;
	}

.titre_sdap68 {
    color: #6699CC;
    text-decoration: none;
}

.titre_protection {
    color: #336666;
    text-decoration: none;
}

.titre_conseil {
    color: #FFCC33;
    text-decoration: none;
}

.titre_lien {
    color: #C0C0C0;
    text-decoration: none;
}

.white {text-align:justify;color:white;font: 100% "Trebuchet MS", sans-serif;
}
.yellow {text-align:justify;color:#FFFF00;font: 100% "Trebuchet MS", sans-serif;
}
.orange {text-align:justify;color:#FFCC00;font: 100% "Trebuchet MS", sans-serif;
}
.grey {text-align:justify;color:gray;font: 100% "Trebuchet MS", sans-serif;
}