* {
	padding: 0 ;
	margin: 0 ;
	}
body {
	color: #ffffff ;
	background-color: #ffffff ;
	font-family: "Comic Sans MS", Futura ;
	font-size: small ; 
	margin: 10px ; 
	}
h1 {
	text-align: center ;
	font-family: "Comic Sans MS", Futura ;
	font-size: 160% ;
	font-variant: small-caps ;
	padding: 5px 0px 0px 0px ;
	}
h2 {
	font-family: "Comic Sans MS", Futura ;
	text-align: center ;
	font-size: 130% ;
	padding: 5px 0px 0px 0px ;
	}
h3 {
	font-family: "Comic Sans MS", Futura ;
	font-weight: normal ;
	font-style: italic ;
	font-size: 1em ;
	text-align: center ;
	}
ul.liste {
	list-style-image: url(../img/fleur.gif) ;
	text-align: left; 
	font-family: "Comic Sans MS", Didot, Futura;
/*	font-size: 10pt ; */
	text-indent: 0px ;
	line-height: 25px ; 
	color: #00000 ;
	padding: 0 20 10 100px ;
	}
li.new {
	list-style-image: url(../img/new.gif) ;
	} 
address {
	text-align: center ;
	font-size: 80% ;
	font-style: normal ;
	font-weight: bold ; 
	letter-spacing: 2px ;
	line-height: 1.5em ;
	}	
#wrapper {
	color: #000000 ;
	background-image: url(../img/fond.jpg) ;
	background-color: #ffff00 ;
	width: 700px ;
	margin : 10 0 0 50px ;
	border: 2px solid #000000 ;
	}
#logo {
	color: #000000 ;
	}
#logo a, a:link, a:visited, a:hover, a:hover, a:active {
	text-decoration: none ; 
	color: #000000 ;
	}
#logo .titre {
	padding: 0px 0px 8px 30px ;
	}
#logo .flag {
	float: right ; 
	padding: 5px 5px 0px 0px ;
	border: none ;
	}
#nav {
	clear: both ; 
	width: 700px ;
	font-family: Arial  ;
	text-align: center  ;
	vertical-align: middle ; 
	height: 30px ;
	line-height: 30px ; 
	border-top: 0px  ;
	border-bottom: 0px  ;		
	background-repeat : repeat ; 
	background-attachment: fixed ;
	}
#nav ul {
	list-style: none ;
	margin: 0px ;
	padding: 0px 0px 0px 50px ; 
	}
#nav li {
	float: left ;
	display: inline ;
	font-size: 12pt ; 
	vertical-align: middle ; 
	width: 120px ; 
	background: url("../img/bouton.jpg") no-repeat 0 0 ;
	margin: 2px ;
	padding: 0px 0px 0px 0px ; 
	}
#nav a  {
	text-decoration: none ;
	color: #000000 ;
	display: block ;
	background: url("../img/bouton.jpg") no-repeat left top ;
	margin: 0px ;
	}
#nav a:hover {
	color: #0000ff ;
	background-position: 0 -36px ; 
	}
#nav a:link {	
	color: #ffffff ; 
	}
#nav a:visited { 
	color: #ffffff ; 
	}
#nav a:active {	
	color: #0000ff ; 
	}
#nav .vue  {
	color: #0000ff ;
	background-position: 0 -36px ; 
	}
#nav .vue a, a:active, a:visited {
	color: #0000ff ;
	background-position: 0 -36px ; 
	}
#photo {
	clear: both ;
	width: 700px ;
	line-height: 131px ; 
	padding: 5px 0px 0px 0px ;
	border: 0px ;
	margin: 0px 0px 0px 0px ;
	}
#photo img {
	float: left ;
	line-height: 131px ; 
	border: 0px ;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 10px 0px ;
	} 
#texte {
	clear: both ; 
	padding: 10px 0px 0px 0px ;
	font-size: 1.2em ;
	text-align: justify ;
	margin: 0px 0px 20px 0px ;
	}
#texte p {
	padding: 0px 20px 5px 20px ;
	}
#texte .photog {
	float: left ;
	margin: 2px 12px 2px 0px ;
	}
#texte .photod {
	float: right ;
	margin: 2 0 2 12px ;
	}
#texte .photoc {
	display: block ;
    margin-left: auto ;
    margin-right: auto ;
/*	margin: 2 0 2 12px ; */
	}
#pied {
	margin: auto ;
	padding: 1px 0px 80px 0px ;
	}
#pied a, a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: none ;
	color: #0000ff ;
	background-color: transparent ;
	outline: none ;
	}
.piedgauche {
	float: left ;
	width: 130px ; 
	padding: 1px 0px 0px 0px ;
	}
.piedcentre{
	float: left ;
	width: 440px ; 
	}
.pieddroite {
	float: right ; 
	width: 130px ;
	padding: 20px 0px 0px 0px ; 
	}
.pieddroite a, img {
	text-decoration: none ;
	border: none ;
	}

a[class="lien"] {
	text-decoration: none ;
	}
a:link[class="lien"] {
	color: #d90000 ;
	}
a:visited[class="lien"] {
	color: #2020f8 ;
	}
a:hover[class="lien"] {
	text-decoration: underline ;
	}
a:active[class="lien"] {
	color: #ffffff ;
	background-color: #2222c6 ;
	}
embed[class="vcr"] {
/*	border: 1px solid #000000 ; */
/*	background-color: black ; */
	text-align: center ;
	width: 404px ; 
	margin-left: 23%;
	margin-right: 77% ; 
	padding: 0px 2px 10px 2px ;
	}
.bord {
	border: 1px solid #000000 ;
	background-color: black ;
	text-align: center ;
	}
.bordtrans {
	border: 2px solid #000000 ;
	}
.info {
	text-align: justify ;
	color: #000000 ;
	margin: 0px 20px 0px 20px ;
	}
.rem {
	text-align: center ;
	font-size: 80% ;
	}
.centre {
	margin-left: auto;
	margin-right: auto;
	width: 600px ;
	text-align: center ; 
	padding: 0px 0px 0px 20px; 
	}
.galerie {
	text-align: center ;
	}
.galerie img {
	border: 3px solid #000000 ;
	margin: 4px 12px 4px 4px ;
	}
.photo {
	text-align: center ;
	margin: 10 10 10 10px ; 
	}
.photo img {
	border: 3px solid #000000 ;
	}
.fleche {
	text-align: center ;
	}