@charset "utf-8";
a 		{color: #000000 ;text-decoration: none}
a:hover {text-decoration:underline; font-style:italic; color:#C93	}


html{
  padding:0;
  margin:0;
}

body {	
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 1em;	
	line-height: 2em;	
	color: #000;
	padding:0;
  	margin:0;
	}

header{
  margin:0;
  }



/* ------------------------- MENU principal -------------------------*/
.couleurMenu {
	color: #C93;   /*C93*/
	/*font-weight: bold;*/
	/*font-size:16px;*/ 
	font-style:normal;
	text-decoration: none;
	}

.nav-fade li {
			   background:#006334;
			   padding: 3px 8px;
			   display: inline-block;
			   transition: background .25s ease-in-out;
			   -moz-transition: background .25s ease-in-out;
			   -webkit-transition: background .25s ease-in-out;
			   }



.nav-fade  /*li:hover {background: #000; 			}*/
	       a:hover {text-decoration:underline;	} 

/* -----pour fixer le menu -------------------------*/

#navigation{
				height: 86px;
			}
			
.fixNavigation{
				z-index: 9999;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				/* Mise en forme 
				width: 1024px; margin:0 auto;*/			
			}

.fixNavigation2{
				z-index: 9999;
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				/* Mise en forme 
				width: 1024px; margin:0 auto;*/			
			}

/* -------------------------- CONTENEUR BOUTONS -----------------------*/

#conteneur-boutons{
	background:#CF9;
	width: 1024px;
	margin:0 auto;
	/*-moz-box-shadow: 0px 10px 10px 1px #656565;
	-webkit-box-shadow: 0px 10px 10px 1px #656565;
	-o-box-shadow: 0px 10px 10px 1px #656565;
	box-shadow: 0px 10px 10px 1px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);*/ 
			}


/* ----------------------------- BOUTONS -----------------------------*/

.mbja-bouton {
	float:left;
	height: 212px;
	width: 212px;
	border-radius: 10px 10px 10px 10px;
  	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset;
	}
	:hover {
      background:#006334;
	  	border-radius: 10px 10px 10px 10px;
  		box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset;
	}


.mbja-pub {
  	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),-1px 2px 20px rgba(255, 255, 255, 0.6) inset;
	}

.mbja-BI {
	border-radius: 10px 10px 10px 10px;
  	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7);
	}


/* ----------------------------- Zone Vignettes -----------------------------
#zoneVignette{
				width: 640px;
				height:665; 
				/*border: inset #006334;
				box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),
				-1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
				 margin-left:670px;
				 position:absolute;
			}
			
.fixVignette{
                 height:665;
				 }
*/







/* =Main Navigation
--------------------------------------------------------------
#site-navigation {
	margin: 10px 0 0;
	position: relative;
	z-index: 500;
	font-size: 100%;
	display: block;
	clear: both;
	float: left;
	}

	#site-navigation ul {
		padding: 0;
		margin: 0;
		}

	#site-navigation li {
		float: left;
		list-style-type: none;
		}

		#site-navigation li a {
			padding: 5px 20px;
			color: #345d79;
			font: bold 18px/42px Georgia, "Times New Roman", Times, serif;
			float: left;
			-webkit-border-radius: 8px 8px 0 0;
			-moz-border-radius: 8px 8px 0 0;
			border-radius: 8px 8px 0 0;
			margin: 0 3px 0 0;
			background: #ededed;
			background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));
			background: -moz-linear-gradient(top,  #fafafa,  #e1e1e1);
			border: 1px solid #ddd;
			border-bottom: 0;
			position: relative;
			}

		#site-navigation li a:hover,
		#site-navigation li.current-menu-item a,
		#site-navigation li.current-post-parent a {
			color: #fff;
			border: 0;
			top: 1px;
			margin-right: 5px;
			background: #37607d;
			background: -webkit-gradient(linear, left top, left bottom, from(#5e89a9), to(#37607d));
			background: -moz-linear-gradient(top,  #5e89a9,  #37607d);
			text-decoration: none;
			}

		#site-navigation li a:before {
			content: "";
			float: left;
			margin-right: 10px;
			background: url(images/sprite_bavotasan.png) 0 0 no-repeat;
			width: 45px;
			height: 42px;
			}

		#site-navigation li:nth-child(2) a:before {
			background-position: -45px 0;
			width: 42px;
			}

		#site-navigation li:nth-child(3) a:before {
			background-position: -87px 0;
			width: 47px;
			}

		#site-navigation li:nth-child(4) a:before {
			background-position: -134px 3px;
			width: 36px;
			}
			*/
	
#wrapper
{

width:300px; 
height:243px;
    border: 2px solid red;
}