@charset "utf-8";
/* CSS Document */

/*BOBY*/
body {
  margin:0;
  background-image:url(images/bg.png);
  background-repeat:repeat-x;
  background-color:#000;
}

/*CONTENU*/
#contenu { 
  width: 721px;
  margin: auto;
  margin-top: 115px;
}

.header { 
  display: block;
  width: 721px;
  height: 79px;
  background-image:url(images/header_titre.png);
  margin:auto;
  border:none;
}
.header:hover {
  display:block;
  border:none;
  background-image:url(images/header_titre_hover.png);
}

/*TITRES RUBRIQUES*/

#titre_home {
  width: 175px;
  height: 50px;
  background-image:url(images/t_home.png);
  margin-left: 40px;
}
#titre_news {
  width: 175px;
  height: 50px;
  background-image:url(images/t_news.png);
  margin-left: 40px;
}
#titre_gallery {
  width: 175px;
  height: 50px;
  background-image:url(images/t_gallery.png);
  margin-left: 40px;
}
#titre_contact {
  width: 175px;
  height: 50px;
  background-image:url(images/t_contact.png);
  margin-left: 40px;
}

/*CORPS*/

#corps_top {
  width: 721px;
  height: 77px;
  margin-top:15px;
  background-image:url(images/c_haut.png);
  margin:auto;
}

#corps_top h1 {
  font-size:20px;
  color: #666666;
  font-weight:bold;
  text-align: center;
  margin:0;
  letter-spacing:1px;
}
#corps_top h2 {
  font-size: 18px;
  color: #999999;
  text-align:center;
  margin:0;
}
#corps_top a {
  font-size: 9px;
  color: #666666;
  text-decoration:none;
}
#corps_top a:hover {
  text-decoration:underline;
}

#corps_center {
  width: 721px;
  background-image:url(images/c_centre.png);
  background-repeat:repeat-y;
  margin: auto;
}

#corps_bottom {
  width: 721px;
  height: 152px;
  background-image:url(images/c_bas.png);
  margin:auto;
}

#corps_bottom p {
  font-size: 10px;
  color:#999;
  text-align:center;
  margin:0;
}
#corps_bottom a {
  font-size:11px;
  color: #999;
  text-decoration: none;
}
#corps_bottom a:hover {
  text-decoration:underline;
}

/*CONTENU TEXTE*/

#corps_texte {
  width: 470px;
  margin: 10px 0px 0px 25px;
  float: left;
}
#corps_texte h1 {
  font-size:22px;
  color: #666;
  letter-spacing:2px;
  font-style:italic;
  margin:0;
}

#corps_texte p {
  font-size: 12px;
  color: #000;
}
#corps_texte img {
  margin: 12px 11px 0 0;
  border: none;
}
#corps_texte a {
  font-size: 12px;
  color: #000;
  text-decoration:none;
  font-style:italic;
}
#corps_texte a:hover {
  text-decoration:underline;
}

#separateur {
   width: 193px;
   height:17px;
   background-image:url(images/separateur.png);
   margin: 10px 0 10px 0;
   margin:auto;
}
/*MENU*/

#menu {
    width: 147px;
	margin: 20px 40px 0 0;
	float: right;
}
#m_haut {
    width: 147px;
	height: 28px;
	background-image:url(images/m_haut.png);
}
#m_centre {
    width: 147px;
	height:169px;
	background-image:url(images/m_centre.png);
}
#m_bas {
    width: 147px;
	height: 27px;
	background-image:url(images/m_bas.png);
}

/*BOUTONS MENU*/

.home {
    display: block;
	width: 114px;
	height: 33px;
	margin-left:15px;
	background-image:url(images/b_home.png);
	background-repeat:no-repeat;
	border: none;
}
.home:hover {
    display:block;
	border: none;
	background-image:url(images/b_home_h.png);
}

.news {
    display: block;
	width: 114px;
	height: 38px;
	margin-left:15px;
	background-image:url(images/b_news.png);
	background-repeat:no-repeat;
	border: none;
}
.news:hover {
    display:block;
	border: none;
	background-image:url(images/b_news_h.png);
}

.gallery {
    display: block;
	width: 114px;
	height: 51px;
	margin-left:15px;
	background-image:url(images/b_gallery.png);
	background-repeat:no-repeat;
	border: none;
}
.gallery:hover {
    display:block;
	border: none;
	background-image:url(images/b_gallery_h.png);
}
.contact {
    display: block;
	width: 114px;
	height: 44px;
	margin-left:15px;
	background-image:url(images/b_contact.png);
	background-repeat:no-repeat;
	border: none;
}
.contact:hover {
    display:block;
	border: none;
	background-image:url(images/b_contact_h.png);
}

/*ICONES SOCIAUX*/

#icones {
   width: 300px;
   height: 40px;
   margin: auto;
}
.rss {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_rss.png);
  border:none;
}
.rss:hover {
  display:block;
  background-image:url(images/ico_rss_h.png);
  border:none;
}

.twitter {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_twitter.png);
  border:none;
}
.twitter:hover {
  display:block;
  background-image:url(images/ico_twitter_h.png);
  border:none;
}

.facebook {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_facebook.png);
  border:none;
}
.facebook:hover {
  display:block;
  background-image:url(images/ico_facebook_h.png);
  border:none;
}

.wordpress {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_wordpress.png);
  border:none;
}
.wordpress:hover {
  display:block;
  background-image:url(images/ico_wordpress_h.png);
  border:none;
}

.flickr {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_flickr.png);
  border:none;
}
.flickr:hover {
  display:block;
  background-image:url(images/ico_flickr_h.png);
  border:none;
}

.myspace {
  display:block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  float:left;
  background-image:url(images/ico_myspace.png);
  border:none;
}
.myspace:hover {
  display:block;
  background-image:url(images/ico_myspace_h.png);
  border:none;
}
.retour { clear: both; }

#liens {
  width: 230px;
  height: 18px;
  margin: auto;
}
#liens a {
  color:#666;
  font-size: 10px;
  text-decoration:none;
}
#liens a:hover {
  text-decoration:underline;
}

/*FORMULAIRE*/

INPUT { 
color: #000; 
font-size: 11px; 
font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background-color:#CCC;
}
SELECT { 
color: #000; 
font-size: 11px; 
font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background-color: #EEEEEE;
 }
TEXTAREA { 
color: #000;
 font-size: 11px; 
 font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
 background-color: #CCC; 
 }
.txterror { 
color: #993300;
font-size: 11px; 
text-align: center;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 }
 .txtinfo { 
color: #990000;
font-size: 11px; 
margin-left: 70px;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 }
 .txtradio { 
color: #990000;
font-size: 11px; 
text-align: center;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 }
.txtform { 
color:#666;
font-weight: bold; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 }