@charset "utf-8";

body, html {
	margin: 0;
	padding: 0;
}

body {
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*background: #CCC49F*/	
	}
	
a, a:hover {
	text-decoration: none;
	}
	


/* ~~ heauder ~~ */
.header {
	background: #FFCC33;
	height: 30px;
	line-height:30px;
	}

.logo {
	color: #3498DB;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	float:left;
	font-size:xx-large
	}
	
.menu {
	float: right;
	}
.menu a {
	color: #FFFFFF;
	margin-right: 20px;
	font-size:large;
	}
.menu a:hover {
	color:#FF9933}
	
/* ----Bannière----*/
.banner {
	width: 100%;
	max-width:100%;
	}
.ban {
	width: 100%;
	max-width:100%;
	position: relative;
	}
.ban img {
	width: 100%;
	max-width:1000px;;
	max-height:55px;
	padding: 0, auto;
	
	}
.inner-banner {
	top:200px;
	width: 100%;
	text-align: center;
}

.inner-banner .btn-custem {
	background: #0066FF;
	color:#FFCC33;
	width: 160px;
	font-size: 20px;
}
.inner-banner .btn-custem:hover {
	background:#0000CC;
	color: #FFFFFF
}
	



footer {
	padding: 10px 0;
	background-color: #CCC49F;
	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
}

/*Prise en charge de HTML 5 - Définit les nouvelles balises HTML 5 sur display:block afin que les navigateurs sachent comment effectuer un rendu correct des balises. */
header, section, footer, aside, article, figure {
	display: block;
}

/*Chagement de bootstrap.min.css. */
.navbar-inverse {
    background-color: #162a83;
    border-color: #080808;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ddec8a;
}