body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 11px;
	letter-spacing: normal;
	font-family:  Verdana, Helvetica, Arial, Geneva, sans-serif; 
	margin: 0px;
	padding: 0px; 
	text-align: center;
}

a:link, a:visited {
	color: #cc0000;
	text-decoration: underline;
}

a:hover, a:active {
	color: #999999;
	text-decoration: none;
}

a:focus {
	outline: none;
}

ul, li {
	list-style: none;
    margin: 12px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
}

li {
	list-style: none;
    margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

.noir a:link, .noir a:visited {
	color: #333333;
	text-decoration: underline;
}

.noir a:hover, .noir a:active {
	color: #999999;
	text-decoration: none;
}

li img {
	border: 0px;
    margin: 9px 9px 9px 0px;
}

#actualite img {
	border: 0px;
    margin: 0px 6px 9px 0px;
}

p {
    margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

img {
	border: 0px;
    margin: 0px 9px 9px 0px;
}

#detail {
	padding: 0px 0px 0px 580px;
}

.legende {
	font-size: 9px;
	color: #808080;
	float: right;
}

.img-legende {
	font-size: 9px;
	color: #808080;
}

#contenu_index img {
	border: 0px;
    margin: 0px 9px 0px 0px;
}

.nomargin {
	border: 0px;
    margin: 0px 0px 9px 0px;
}

.nobottommargin {
	border: 0px;
    margin: 0px 9px 0px 0px;
}

.onlytopmargin {
	border: 0px;
    margin: 9px 9px 0px 0px;
}

h1 {
	font-size: 11px;
	font-weight: normal;
    margin: 0px;
}

h2 {
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
    margin: 18px 0px 0px 0px;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
    margin: 18px 0px 2px 0px;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
    margin: 3px 0px 3px 0px;
}

h5 {
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
    margin: 0px 0px 6px 0px;
}

.rouge {
	color: #cc0000;
}

.noir {
	color: #000000;
}

.exposition {
	color: #333333;
	text-decoration: underline;
}

.edition {
	color: #cc0000;
	text-decoration: underline;
}

#left {
	float: left;
}

#right {
	float: left;
	margin: 160px 0px 0px 0px;
}

#cv {
	margin: 18px 180px 18px 60px;
	padding: 9px;
	background-color: #eeeeee;
	text-align: justify;
}

#cv h3 {
	font-size: 11px;
	font-weight: normal;
	color: #cc0000;
    margin: 0px 0px 2px 0px;
}

.clear {
	clear: both;
	}

.float {
	float: left;
    margin: 0px 18px 9px 0px;
	}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
margin-top: 36px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto; 
text-align: left;
}

#logo {
width: 900px;
height: 30px;
}

#logo a:link, #logo a:visited {
	color: #333333;
	text-decoration: none;
}

#logo a:hover, #logo a:active {
	color: #333333;
	text-decoration: none;
}

#navigation, #subnavigation {
width: 900px;
height: 30px;
}

#navigation ul, #subnavigation ul {
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navigation li, #subnavigation li {
	display: inline;
    margin: 0px 18px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.on {
	border-bottom: 1px solid #cc0000;
}

#navigation a, #navigation a:visited, #subnavigation a, #subnavigation a:visited {
	color: #cc0000;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active, #subnavigation a:hover, #subnavigation a:active {
	color: #cc0000;
	text-decoration: underline;
}

#entree {
width: 900px;
height: 430px;
}

#entree a:link, #entree a:visited {
	color: #cc0000;
	text-decoration: none;
}

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

#reflexion01 {
float: left;
width: 523px;
background: url("pix/reflexions/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#reflexion01 h1 {
margin: 150px 100px 0px 250px;
padding: 6px 12px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#reflexion02 {
float: left;
width: 377px;
background: url("pix/reflexions/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#reflexion02 h1 {
margin: 150px 200px 0px 80px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#photographie01 {
float: left;
width: 523px;
background: url("pix/photographie/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#photographie01 h1 {
margin: 100px 0px 0px 300px;
padding: 6px 36px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#photographie02 {
float: left;
width: 377px;
background: url("pix/photographie/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#photographie02 h1 {
margin: 150px 200px 0px 80px;
padding: 6px 15px 6px 18px;
text-align: right;
background-color: #ffffff;
}

#comestible01 {
float: left;
width: 540px;
background: url("pix/comestible/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#comestible01 h1 {
margin: 70px 0px 0px 230px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#comestible02 {
float: left;
width: 360px;
background: url("pix/comestible/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#comestible02 h1 {
margin: 120px 160px 0px 90px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#recyclage01 {
float: left;
width: 525px;
background: url("pix/recyclage/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#recyclage01 h1 {
margin: 320px 0px 0px 420px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#recyclage02 {
float: left;
width: 375px;
background: url("pix/recyclage/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#recyclage02 h1 {
margin: 150px 130px 0px 100px;
padding: 6px 15px 6px 12px;
text-align: right;
background-color: #ffffff;
}

#edition01 {
float: left;
width: 508px;
background: url("pix/edition/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#edition01 h1 {
margin: 320px 400px 0px 0px;
padding: 6px 15px 6px 6px;
text-align: left;
background-color: #ffffff;
}

#edition01 h2 {
margin: -230px 0px 0px 430px;
padding: 6px 12px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#edition02 {
float: left;
width: 392px;
background: url("pix/edition/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#edition02 h1 {
margin: 250px 100px 0px 120px;
padding: 6px 15px 6px 9px;
text-align: left;
background-color: #ffffff;
}

#bio01 {
float: left;
width: 494px;
background: url("pix/bio/entree01.jpg") no-repeat left bottom;
height: 430px;
}

#bio01 h1 {
margin: 300px 0px 0px 280px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#bio02 {
float: left;
width: 406px;
background: url("pix/bio/entree02.jpg") no-repeat right bottom;
height: 430px;
}

#bio02 h1 {
margin: 150px 160px 0px 120px;
padding: 6px 15px 6px 0px;
text-align: right;
background-color: #ffffff;
}

#contenu {
width: 900px;
}

/*#contenu a:link, #contenu a:visited {
	color: #cc0000;
	text-decoration: underline;
}

#contenu a:hover, #contenu a:active {
	color: #cc0000;
	text-decoration: none;
}*/

.text {
clear: both;
}

.pix {
float: left;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 36px 0px 0px 0px;
padding: 0px;
font-size: 10px;
}

#top {
color: #999999;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 6px 0px 0px;
}

#coordonnees {
color: #999999;
}

#webdesign {
margin: 24px 0px 0px 0px;
padding: 9px 0px 0px 0px;
text-align: right; 
color: #cccccc;
border-top: 1px solid #dddddd;
}

#webdesign a:link, #webdesign a:visited, #webdesign a:hover, #webdesign a:active {
	color: #cccccc;
	text-decoration: none;
}

/* popups texte */


.popuptxt {
text-align: left;
padding: 18px;
}

.bordblanc {
	margin: 0px 45px 9px 36px;
}