/*
colors
bleu foncé= color:#24252e;
vert = color:#cedc36;
bleu gris= color:#8c949e;
orange = color:#e1a200;
beige = color:#dbd9d4;
*/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color:#24252e;
}


/* général --------------------- */

p {
	margin:0px;
	padding:0px;
	color:#dbd9d4;
	font: 90% 1.1em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	color:#8c949e;
	outline: none;
}


img {
	margin:0px;
	padding:0px;
}


h1 {
	margin:0px;
	padding:0px;
	font-size:1.8em;
	text-transform: uppercase;
	letter-spacing: 1px; 
}

h2 {
	margin:0px 0px 15px 0px;;
	padding:0px;
	font: 1.5em "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #cedc36;
	font-weight:bold;
	}

h3 {
	color: #b50101; 
	margin:0px;
	padding:0px;
}

span {
	color:#e1a200;
}

em {
	color:#8c949e;
}

/* container --------------------- */

#container {
	width: 960px;
	height:400px;
	margin: 200px auto;
	background: url(../images/elements-decor/fond-index.jpg) no-repeat ;
}

#bloc-navig ul {
	margin: 0px 0px 0px 650px;
	padding:160px 0 0 0px;
	
	}
	#bloc-navig ul li {

	list-style:none;
	}	
	
	#bloc-navig ul li a {
		margin-top:0px;
		margin-right:0px;
		padding:0 7px 0px 7px;
		display:block;
		height:18px;
		line-height:13px;
		font-weight:normal;
		text-decoration:underline;
		color:#fff;
		
	}
	
	#bloc-navig ul li a:hover {
		color:#cedc36;
		border-left:1px solid #deddd9;
		border-rigth:1px solid #deddd9;
	}
	#bloc-navig ul li a:active {	
		color:#bbbaba;
			
	}




/*P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */