/*  ***************************************************
	CSS it ZEN
	Copyright it ZEN
	Version :  1.0
	Date    :  09/02/2016
	***************************************************
*/




/*  ***************************************************
	BODY 
*/



body {
	width: 940px;
	margin: 0 auto;
	font: 10pt/1.5em Helvetica,"Helvetica neue", Arial, sans-serif;
	
	
}

/*HTML 5 specific*/
header,section,article,aside,footer{
	display: block;
	
	
}




/*
a:link {  font-family: Arial, Helvetica, sans-serif; color: #c0c0c0; text-decoration: underline}
a:visited {  font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
a:hover {  font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
*/


/*  ***************************************************
	MENU 
*/
#navigation { 
  background-color: #eee;

}
#navigation ul {
  margin: 0;
  padding: 0; 
  
}
#navigation li {
  border-right: 1px solid #ddd;
  display: block;
  float: left;
  margin: 0;
}
#navigation li:last-child {
  border-right-width: 0;
}
#navigation a {
  background-color: #eee;
  color: #333;
  display: block;
  padding: .75em 1.5em;
  text-decoration: none;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
#navigation a:hover {
  background-color: #ddd;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after, 
.clearfix:before {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}

nav-rapide
{
    position: absolute;
    right: 30px;
    top: 50px;
	
}



/*  ***************************************************
	SOUSMENU (GAUCHE) 
*/
#navsousmenu
{
	

	
    position: absolute;
	width: 200px;
	left: 65px;
	
	list-style: none;
	margin: 0;
	padding: 0;

}

#navsousmenu a,li {

	font-size: 18px;
    font-style: normal;
	line-height: normal;
  	color: #A2CdF5;
	

	border-collapse: collapse;
	border: 1px solid #cacaca;
	display: block;

	background-color: #ffffff;
	text-decoration: none;
}




/*  ***************************************************
	CONTENU 
*/
section
{
	height:70%;
	bottom:20px;
    margin-left: 170px;
    border: 1px solid black;
	
	
	
}




/*  ***************************************************
	FOOTER 
*/
footer{
	clear:both !important;
	width:940px;
	height: 30px;
	padding: 10px;
	color:#200f08 ;
	background:#ddd3bf;
	
	/*Opacity*/
	filter:alpha(opacity=50); /* msie */  
	-moz-opacity: 0.50; /* firefox 1.0 */  
	-khtml-opacity: 0.50; /* webkit */  
	opacity: 0.50; /* css 3 */

	/*Gradient*/
	background-image: -moz-linear-gradient(top, #c0c0c0, #cacaca); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd3bf),color-stop(1, #bcae91)); /* Saf4+, Chrome *
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd3bf', EndColorStr='#bcae91'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd3bf', EndColorStr='#bcae91')"; /* IE8 */

	/*Round corners*/
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px; /* Opera 10.5, IE 9 */
}