html { 
  margin:0;
  padding:0;
  background: url(photos/4_Nature/images/201407138801.jpg) no-repeat center fixed; 
  
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

body
{
  margin:0;
  padding:0;
}
#divfond {
 position: fixed; 
 top: 0; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 background-color: rgba(255, 255, 255, 0.2);
 z-index:3;
}
h1 {
	font-size:28;
	text-decoration : none;	
	margin:0px;
	padding:0px;
	border-bottom: 2px solid #CCC;
}

#header {	
	width: 1536px;
	height: 60px;
	margin: 0 auto;
	background-color:#FFFFFF;
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;
	font-size:24px;	
}

#categories {	
	margin-top:15px;
	width: 1536px;
	height: 20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;
	font-size:14px;	
}

/*
MENU PRINCIPAL
*/
#centeredmenu {
	float: left;
   width:1536px;
   background:#fff;
   overflow:hidden;
   position:relative;
   height:60px;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   height:60px;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   height:60px;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color:#000;
   text-decoration:none;
   line-height:2.25em;
   height:60px;
}
#centeredmenu ul li a:hover {
   background:#CCC;
   color:#fff;
   height:60px;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
      height:60px;
}
/*
MENU CATEGORIES
*/
#centeredmenuCat {
	float: left;
   width:1536px;
   background:#fff;
   overflow:hidden;
   position:relative;
   height:20px;
}
#centeredmenuCat ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   height:20px;
}
#centeredmenuCat ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   height:20px;
}
#centeredmenuCat ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color:#000;
   text-decoration:none;
   line-height:1em;
   height:20px;
}
#centeredmenuCat ul li a:hover {
   background:#CCC;
   color:#fff;
   height:20px;
}
#centeredmenuCat ul li a.active,
#centeredmenuCat ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
      height:20px;
}
/* Page */

#page {
	width: 1536px;
	margin: 0 auto;
	padding: 0px;
	height: 600px;
}

/* Content */

#content {
	margin-top:30px;
	float: left;
	width: 500px;
}




/* Sidebar */

#sidebar2 {
	float: right;
	padding:10px;
	width: 450px;
	margin-top:30px;
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;	
	background-color:#FFFFFF;
}
#sidebar3 {
	float: right;
	padding:10px;
	width: 450px;
	margin-top:30px;
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;	
	background-color:#FFFFFF;
}
#sidebar {

	margin-top:30px;
	padding: 10px;	
	float: right;
	width: 450px;	
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;	
	background-color:#FFFFFF;
}

/*
OLD
*/
.btnInscription {
	background-color:#000000;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0;
	border:3px solid #ccc;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:84px;
	text-decoration:none;
	text-align:center;
}.btnInscription:hover {
	background-color:#ccc;
}.btnInscription:active {
	position:relative;
	top:1px;
}
.btnSend {
	background-color:#000000;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0;
	border:3px solid #ccc;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:27px;
	line-height:7px;
	width:84px;
	text-decoration:none;
	text-align:center;
}.btnSend:hover {
	background-color:#ccc;
}.btnSend:active {
	position:relative;
	top:1px;
}

a {
	color: #FF0000;
  text-decoration: none;
}

a:hover {
	text-decoration: none;
}
#juicebox-container {
background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding-top:10px;
	-moz-box-shadow: 8px 8px 12px #333; 
	-webkit-box-shadow: 8px 8px 12px #333; 
	box-shadow: 8px 8px 12px #111;	

}

#juicebox-content {
	margin-left:auto;
	margin-right:auto;
	width:1536px;
}