* {
    padding: 0;
    margin: 0;
} 
body {
	background: #6ea6ea;
	background-image: url(images/fond.png);
	background-repeat: repeat-x;
	font-size: 1em;
	font-family: georgia, "trebuchet ms", arial, serif;
}
h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px #000;
}
h2 {color: #6ea6ea;text-align: center;text-shadow: 4px 4px 6px #888;font-size:2em}
h3 {color: #d53f09;text-align: center;font-size:1.4em}
h4 {color: #d53f09;text-align: left;font-size:1.2em}

#cadre {
	width: 1040px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#cadreHaut {
	height: 30px;
	background-image: url(images/fond_haut.png);
	background-repeat: no-repeat;
}
#cadreBandeau {
	height: 260px;
	background-image: url(images/fond_noir.png);
	background-repeat: repeat-y;
}
#cadreCentre {
	min-height: 100px;
	background-image: url(images/fond_jaune.png);
	background-repeat: repeat-y;
}
#cadreBas {
	height: 30px;
	background-image: url(images/fond_bas.png);
	background-repeat: no-repeat;
}
#marge {
	width: 170px;
	float: left;
	margin-left: 30px;
	}
#contenu {
	text-align: justify;
	margin-left: 210px;
	width: 780px;
	padding: 10px;
	/*background-color: #FFFFCC;*/
	}
#contenu a { color: #6ea6ea; text-decoration: none; }
#contenu a:hover { color: #ea662c; text-decoration: none; }

#photos {
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	background: #000;
	}
#photos a { color: #6ea6ea; text-decoration: none; }
#photos a:hover { color: #ea662c; text-decoration: none; }
#photos p { color: #fff;}

#xphotos {
	background: #f1f1f1;
	margin-left: 30px;
	margin-right: 30px;
	padding: 10px 0 0 0;
	}
#droits {
	padding: 0 0 0 0;
	text-align: center;
	font-size: .8em;
	color: #333;
	}
#droits a { color: #333; text-decoration: none; }
#droits a:hover { color: #fff; text-decoration: underline; }

.droite { 
	background-color: #6ea6ea;
	margin-left:10px; 
    float: right; 
    width: 120px; /* important */ 
    border-collapse: collapse; /* cosmétique */ 
} 
.droite td { 
    padding: 5px; /* cosmétique */ 
}
.droite p {font-size:.8em;}
.gauche { 
	background-color: #6ea6ea;
	margin-right: 10px; 
    float: left; 
    width: 120px; /* important */ 
    border-collapse: collapse; /* cosmétique */ 
} 
.gauche td { 
    padding: 5px; /* cosmétique */ 
}
.gauche p {font-size:.8em;}

#bandeau {
	height: 200px;
	width: 800px;
	margin-left: 210px;
}

#logo {
	height: 250px;
	width: 170px;
	float: left;
	margin-left: 30px;
}

#menu {
	width: 800px;
	margin-left: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.spacer {
  clear: both;
}