

body {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  background-image: url('sources/site_fond.jpg');
  text-align: center;
}

#blocgeneral {
  width: 1000px;
  margin: 20px auto 20px auto;
  padding: 0px;
  text-align: center;
  background-color: #FFFFFF;
  color: #003355;
  border: 1px solid #325310;
}



/*===========================================================================*/
/*  TITRES ENTETE                                                            */
/*===========================================================================*/

#bandeau {
  background-image: url('sources/bandeau.jpg');
  background-repeat: no-repeat;
  background-position: top;
  height: 150px;
  width: 100%;
  border-bottom: 0px solid #000000;
}


/*===========================================================================*/
/*   BARRE MENU PRINCIPAL AVEC BOUTONS                                       */
/*===========================================================================*/

#mainmenu {
	height: 25px;
	text-align: right;
  background-image: url('sources/menu_fond.jpg');
  background-repeat: no-repeat;
  background-position: top;
	padding: 0px;
  margin-bottom: 50px;
  clear: both;
}

#mainmenu ul {
	padding: 0px;
  margin: 0px 0px 0px 90px;
}

#mainmenu li {
  display: inline; /* correction pour IE 5 et 5.5 */
	float: left;
} 

#mainmenu li a {
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
	background-position: left top;
	background-image: url('sources/bouton.png');
  text-decoration: none;
	text-align: center;
  color: #FFFFFF;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size : 12px;
  font-weight: bold;
}

#mainmenu li a:hover, #mainmenu a:focus {
	background-position: left bottom;
}


/*===========================================================================*/
/* Textes et photos dans pages principales                                   */
/*===========================================================================*/

#colonne1, #colonne2, #colonne3, #colonne4, #colonne5 {
  width: 550px;
  float: left;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  text-align: left;
}

#colonne2 { width: 400px; float: right; text-align: center; }
#colonne3 { width: 620px; }
#colonne4 { width: 260px; float: right; text-align: center; padding: 10px; }
#colonne5 { width: 100%; }


#colonne1 h2, #colonne2 h2, #colonne3 h2, #colonne4 h2, #colonne5 h2 {
  margin: 5px 0px 20px 20px;
  padding: 0px;
  text-align: left;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  color: #006600;
}

#colonne1 p, #colonne2 p, #colonne3 p, #colonne4 p, #colonne5 p {
  margin: 20px;
  padding: 0px;
  text-align: justify;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #003366;
}

#colonne1 img, #colonne3 img, #colonne4 img {
  border: 1px solid #000000;
  margin: 4px;
}

#colonne2 img {
  border: 1px solid #000000;
  margin: 5px 2px 2px 2px;
}

#colonne2 a img {
  border: 2px solid #555555;
  margin: 1px;
  padding: 1px;
  background-color: #FFFFFF;
}

#colonne2 a:hover img, #colonne2 a:focus img {
  border: 2px solid #009900;
  background-color: #009900;
}

#colonne2 span {
  text-align: center;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
}



#colonne1 .imgb0, #colonne2 .imgb0 {
  border: 0px solid #000000;
  margin: 5px;
}

#colonne3 .imgb1, #colonne4 .imgb1 {
  border: 1px solid #000000;
  margin: 5px;
  width:  240px;
  height: 180px;
}

#colonne5 table {
  border: 1px solid #000000;
  border-collapse: collapse;
  background-color: #F4EBD7;
  color: #003355;
  margin: 20px;
  padding: 0px;
}

#colonne5 table td {
  border: 1px solid #000000;
  padding: 3px 6px 3px 6px;
}


#bloctitre h1 {
  margin: 20px;
  padding: 0px;
  text-align: center;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 30px;
  font-style: normal;
  color: #000080;
}

#bloctitre h2 {
  margin: 20px;
  padding: 0px;
  text-align: center;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 30px;
  font-style: normal;
  color: #3366FF;
}

#colonne2 .pgb, #colonne2 .pde, #colonne2 .pit {
  margin: 0px 20px 20px 20px;
  padding: 0px 0px 0px 10px;
  text-align: justify;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  color: #AA0000;
}
#colonne2 .pde { color: #006633; }
#colonne2 .pit { color: #880066; }

#langgb, #langde, #langit {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}


#langgb img, #langde img, #langit img {
  border: 1px solid #000000;
  margin: 3px 3px 3px 0px;
 	float: left;
}

#countrychoice {
  margin: 20px;
  padding: 0px;
  text-align: center;
}

#countrychoice a img {
  border: 1px solid #000000;
  margin: 2px 5px 2px 5px;
  padding: 0px;
}
#countrychoice a:hover img, #countrychoice a:focus img {
  border: 1px solid #009900;
}

#countrychoice .img0 {
  border: 0px solid #000000;
  margin: 0px;
  padding: 0px;
}


/*========================================================================*/
/*  BLOC PHOTOS                                                           */
/*========================================================================*/

#blocgeneral_photos {
  width: 900px;
  margin: 20px auto 20px auto;
  padding: 0px;
  text-align: center;
  background-color: #FFFFFF;
  color: #003355;
  border: 1px solid #325310;
}

.blocphotos, .blocphotos2 {
  margin: 0px auto;
  padding: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  text-align: center;
  background-color: #F4EBD7;
  color: #003355;
}

.blocphotos img {
  border: 1px solid #000000;
  margin: 10px;
}

.blocphotos2 img {
  width: 60px;
  height: 60px;
  border: 1px solid #000000;
  margin: 5px;
}



/*========================================================================*/
/*  BLOC CREDITS                                                          */
/*========================================================================*/

#bloccredits {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  margin: 15px;
}


/*========================================================================*/
/*  GITES DE FRANCE                                                       */
/*========================================================================*/

#gdf {
  float: right;
  position: relative;
  top: 50px;
  font-size: 12px;
  font-style: normal;
  text-align: center;
}
#gdf img { border: 0px; }

#gdf2 {
  position: relative;
  left: 20px;
}
#gdf2 img { border: 0px; }





