/*copyright by kitgraphiquegratuit.org*/
body, html  {
     background:url(images/fond.jpg);
	 margin:0;
	 padding:0;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 background-attachment: fixed;
	 font-size:12px;
} 	  
#conteneur {
     width:1000px;
	 text-align:center;
	 margin:0 auto;
}	
#contenu {
     background: url(images/conteneur.png) repeat-y;
	 text-align:left;
	 width:880px;
	 padding:0 60px;
}	
#header{
     background: url(images/header.png) no-repeat;
     height:200px ;
     width:1000px;
}	
#left {
     float:left;
     width: 194px;
	 margin:0 0 0 14px;
}
#right {
     width:660px;
	 float:right;
	 color:#707070;
	 margin:-30px 0 0 0;
	 padding: 0;
}  
#pied {
     background: url(images/pied.png) repeat-x;
	 clear: both;
	 height:44px;
}	 
#header ul{
     list-style:none;
	 width:174px;
	 margin:105px 0 0 85px;
	 padding:0;
	 float:left;
}
#header ul li {
     float:left;
}
#header ul li a#bt_home {
     background:url(images/bt_home.png) top no-repeat;
	 margin:0 0 0 5px;
} 
#header ul li a#bt_home:hover {
     background:url(images/bt_home.png) bottom no-repeat;
}  
#header ul li a#bt_forum {
     background:url(images/bt_forum.png) top no-repeat;
	 margin:0 0 0 14px;
} 
#header ul li a#bt_forum:hover {
     background:url(images/bt_forum.png) bottom no-repeat;
}  
#header ul li a#bt_contact {
     background:url(images/bt_contact.png) top no-repeat;
	 margin:0 0 0 14px;
}
#header ul li a#bt_contact:hover {
     background:url(images/bt_contact.png) bottom no-repeat;
}
#header ul li a#bt_home,
#header ul li a#bt_forum,
#header ul li a#bt_contact {
     display : block;
	 text-indent : -9999px;	 
	 width:44px;
	 height:44px;
}
#slogan {
     float:left;
	 padding:0;
	 margin:35px 0 0 14px;
	 color:#fff;
	 width:305px;
	 font-size:12px;
	 font-weight:bold;
	 line-height:22px;
	 text-align:left;
	 font-variant: small-caps;

}	  
.copyright {
	 color:#fff;
	 padding:16px 0 0 0;
	 font-weight:bold;
	 font-size:10px;	 
	 font-variant: small-caps;
}   
.copyright a {
     color:#fff;
	 text-decoration: none;
	 outline:none;
	 font-weight:bold;
	 font-size:10px
}
.copyright a:hover {
color:#3b3b3b;
} 

.cadre {
     width:630px;
	 padding:10px;
     background:#FFF;
	 -moz-border-radius: 4px 4px 4px 4px;	 
	 -moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	 box-shadow: 0 1px 5px #555;
	 -webkit-box-shadow: 0 1px 5px #555;
	 position:relative;
	 margin:0 0 20px 0;
	 background:#FFF;
	 background: -moz-linear-gradient(top, #fcfdff, #e7ebf2);
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfdff), to(#e7ebf2));
	-pie-background: linear-gradient(#fcfdff, #e7ebf2 100%); 
}

.menu,#reseaux {
position:relative;
     width:164px;
	 padding:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 border-radius: 4px;
	 box-shadow: 0 1px 4px #555;
	 -webkit-box-shadow: 0 1px 4px #555;
	 position:relative;
	 text-align:left;
	 margin:0 auto 20px auto;
	background:#FFF;
	background: -moz-linear-gradient(top, #fcfdff, #e7ebf2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfdff), to(#e7ebf2));
	-pie-background: linear-gradient(#fcfdff, #e7ebf2 100%); 
}
.menu ul{
	 text-align:left;
	 width:164px;
	 margin:0;
	 padding:0;
}
.menu ul li {
     display: block;
	 text-decoration: none;
     background:#b9dc40;
	 padding:5px 10px;
	 margin:0 0 5px 0;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px; 
}
.menu ul li:hover {
     background:#a7a7a7;
}
.menu ul li a{
	 font-variant: small-caps;
	 width:126px;
	 color: #FFF;
}
.menu ul li a:hover{
	 color: #FFF;
}
a  {
     color:#b9dc40;
	 text-decoration:none;
	 outline:none;
	 font-weight:bold;
}	 
#reseaux {
	 text-align:center;
}

#reseaux ul{
	 text-align:left;
	 width:164px;
	 margin:0;
	 padding:0;
}
#reseaux ul li {
     float:left;
	 margin:0 5px;
     display:block;	 
}
#reseaux ul li:hover{
     float:left;
	 margin:0 5px;
     display:block;	 
}
.titre {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px;
	 color:#FFF;
     background:#b9dc40;
	 padding:8px 10px;
	 font-size:14px;
	 font-weight:bold;
	 font-variant: small-caps;
}
.photo_deco {
	 box-shadow: 2px 1px 6px #555;
}	
img, p, h1, h2, h3, h4, h5, h6, Span {
	 border:0;
	 margin:0;
	 padding:0
} 
.clear  {
	 clear: both;
	 visibility: hidden; 
}