/* CSS Document */
body {
  background: #000000;
  font: normal 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  text-align:center;
}
html, body {
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
#header {
  width:1090px;
  height:170px;
  background-image:url(../img/header.png);
  background-repeat:no-repeat;
  margin:0 auto;
}
#menu {
  width:990px;
  background:url(../img/barre_menu.png) top center no-repeat;
  margin:0 auto;
  padding:0;
  text-align:left;
}
#menu table {
  border-collapse:collapse;
  border:0;
  padding:0;
  margin:0 15px;
}
#menu tr {
  height:48px;
}
#menu td {
  width:120px;
  text-align:center;
  vertical-align:center;
}
#menu a {
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
}
#menu a:hover {
  color:#ff0000;
}
#menu1 {
  width:990px;
  background:url(../img/barre_menu.png) top center no-repeat;
  margin:0 auto;
  padding:0;
  height:50px;
  text-align:left;
}
#menu1 ul {
  list-style-type:none;
  padding:0;
  margin:0 0 0 40px;
}
#menu1 li {
  display:inline;
  color:#ffffff;
}
#menu1 li a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height:48px;
}
#menu1 li a:hover {
  color:#ff0000;
}
#page {
  width:990px;
  margin:0 auto;
  padding:0;
  background-color:#000000;
  text-align:left;
  color:#ffffff;
}
#page h1 {
  text-align:center;
  font-size:4em;
  color:#ffffff;
}
#page h2 {
  margin:10px 50px;
  font-size:2em;
  color:#ffffff;
}
#page p {
  margin:0 20px;
  text-align:justify;
}
#page a{
  font-size:1.2em;
  color:#C3C3C3;
  text-decoration:none;
  font-style:italic;
}
/*Ouverture d'un lien dans une nouvelle page*/
a.lien_ext:after {
content: "\0000a0[\2197]";
}
#sport {
  width:990px;
  margin:0 auto;
  padding:0;
  background:#000000 url(../img/drapeau_damier.jpg) top center no-repeat;
  text-align:left;
  color:#ffffff;
}
#sport h1{
  text-align:center;
  color:#FF0000;
}
#bas_page {
  position:relative;
  width:990px;
  margin:0 auto;
  padding:0;
  background:url(../img/bg_bas_page.png) bottom center no-repeat;
}
#album {
  width:990px;
  margin:0 auto;
  padding:0;
  background-color:#000000;
  text-align:center;
}
#footer p {
  text-align:center;
  font-size:11px;
  color:#ffffff;
  margin:0;
}
.gauche {
  float:left;
  margin:5px 10px 5px 20px;
}
.droite {
  float:right;
  margin-right:20px;
}
.clair{
  clear:both;
}
.centrer{
  text-align:center;
}
#flashcontent {
  width:970px;
	text-align: center;
	margin: 0 auto;
}

/*Style pour album photo avec javascript*/
div#galerie
{
	width: 980px ;
	background: #000 ;
	padding: 15px ;
	margin: 15px auto;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

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

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
.flip_container {
	width: 800px;
	height: 500px;
	margin:0 auto;
}
#photos {
	width:800px;
	height:210px;
	margin:0 auto;
	overflow-x:auto;
	overflow-y:hidden;
}
#photos_img {
	width:3000px;
}
  /*Formulaire de contact*/

#contact{
	width:900px;
	margin:50px;
	border:1px solid gray;
	background:#000000;
}
#contact p{
  text-align:left;
  margin:5px;
}
#contact label{
  float:left;
  text-align:right;
  width:200px;
  margin-right:10px;
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
}
input[type=submit] {
  background:#ddd;
  cursor:pointer;
  margin-left:210px;
}
input[type=submit]:hover {
  background:#fff;
}
textarea{
  width:600px;
  height:150px;
}
.error-message{
  color:#ff0000;
}
  /*Balise de retour en haut de page*/
.remonter{
  display:block;
  font-size:1.2em;
  margin:1em 2em;
  text-align:right;
  font-style:italic;
  font-weight:bold;
  text-decoration:none;
  color:#ff0000;
}
#flash{
  float:left;
  margin-right:10px;
}
#pub{
  margin:20px 45px;
}
#amis {
	height:175px;
	margin:0 auto;
	padding:0;

}
#amis ul{
  margin:0;
  padding:0;
}

#amis ul li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#amis ul li a{
	height:175px;
	width:160px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top left;
}
#amis ul li a:hover{
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#FFFF00;
}
#amis ul li a.musee{
	background-image:url(../img/Btn_musee.jpg);
}
#amis ul li a.gracay{
	background-image:url(../img/Btn_gracay.jpg);
}