@charset "utf-8";
/*@charset "windows-1252";*/
/* CSS Document */
* {
	margin:0; 
	padding:0; 
	list-style:none;
}

body{ 
	display:block;
	width: 600px;
	padding:10px;
	margin:20px;
	position:absolute;
	font-family: Calibri; /*Helvetica, Arial, Verdana;*/
	font-size:1em;
	background-color: #b0f0f0; /*#cbd2dd; #363032;*/
	}
	
aside {
  /*  background-color: #AFD; */
	background-color: rgba(0,225,255,0.3); /* green with opacity  */
	top: 160px;
	margin-left: 5px;
	padding:5px;
    width: 30px;
    height: 70%;
    position: absolute;
}
#sidebar{
	background-color:rgba(0,175,255,0.3);
	display: block;
	/*position: fixed;*/
	position: absolute;
	/*position:fixed;*/
	/*position: absolute;*/
	/*position: relative;*/
	top:160px;
	left:400px; /*style="top:160px;left:469px"*/
	margin: 0px;
	margin-left: 5px;
	padding:5px;
	width:135px;
	height:70%;
	/*position: absolute;*/
	/*bottom: 0;*/
}	

#main {
	top: 160px;
	width:350px; /* largeur image*/
	position: absolute;
	margin-left: 45px; /* Aside left10+ aside Width 150 + 10*/
	background-color: #EAF7D4;
	margin-right:fixed;
	height:70%;
}

#content {
	margin-left: 5px;
	padding-left:10px;
	/*width:452px;*/
}



nav ul {
	width: 542px;
	font-family: Calibri; /*Helvetica; Arial, Verdana; */
	height:20px; /* 40 hauteur barre de navigation*/
	padding:0px; 
	margin:20px 0px 0px 0px; /* padding:0px Marge au dessus de la barre de navigation*/
	border-top:1px solid #2a323f;
	border-bottom:1px solid #2a323f;
	background: #485160;
	background: -moz-linear-gradient(top, #485160 0%, #39414c 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485160), color-stop(100%,#39414c)); 
	box-shadow: 0 2px 4px #424346;
	-moz-box-shadow: 0 2px 4px #424346;
	-webkit-box-shadow: 0 2px 4px #424346;
	}

nav li {
	position:relative;
	float:left;
	}

nav ul:before { 
	border-top: 1px solid #6d7581;  
	content: '';  
	width: 100%;  
	position: absolute;  
	}

nav ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

nav ul ul {
	display:none;
	width:100%;
	position:absolute;
	left:0;
	}

nav ul li {
	list-style:none;
	float:left;
	padding:0; margin:0;
	position:relative;
	}

nav ul li a {
	float:left;
	padding:0 20px 0 20px; 
	margin:0;
	height:20px; /*40 */
	line-height:20px; /*40 */
	color:#e0e1e3;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 1px #101215;
	-moz-transition: color 0.3s ease-in;
	/*-moz-transition: color 0.3s ease-in; */
	/*-webkit-transition: color 0.3s ease-in; -moz-transition: color 0.3s ease-in; -o-transition: color 0.3s ease-in;
	*/
	border-right:1px solid #2a323f;
	border-left: 1px solid #6d7581;
	}

nav li a {
	display:block;
	}

nav ul li:first-child a {
	border-left:none;
	}
nav ul li:last-child a {
	border-right:none;
	}

nav ul li a:hover {
	background: #586300; /* ORG #586375 */
	background: -moz-linear-gradient(top, #586375 0%, #4c5766 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#586375), color-stop(100%,#4c5766)); 
	color:#fff;
	}

nav ul li ul {
	position:absolute;
	top:40px; 
	left:0;
	border:none;
	background:#2a323f; /* ORG #2a323f fond du déroulant menu*/
	height:auto;
	width: 200px; /*130px; lien de Anne*/
	padding:1px 0 0 0; margin:0;
   -moz-border-bottom-right-radius: 10px;  /* 10px */
    -webkit-border-bottom-right-radius: 0px; /* 10px */
    border-bottom-right-radius: 0px; /* 10px */
	-moz-border-bottom-left-radius: 0px;  /* 10px */
    -webkit-border-bottom-left-radius: 0px; /* 10px */
    border-bottom-left-radius: 0px; /* 10px */ /*supprime l'effet radius (arrondis) */
	}

nav ul li ul:before { 
	border-top: none; 
	}

nav ul li ul li a {
	color:#a5a5a5;
	padding:0 0 0 20px; margin:0;
	width:140px; height:20px; line-height:20px; /* 180 30 30 largeur Texte Anne */
	border:none;
	border-top:1px solid #2a323f;
	}
nav ul li ul li a:hover {
	color:#fff;/* Color texte */
	background: #b64f40; /*color fond #b64f40*/
	background: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); /* -moz-linear-gradient(top, #ec6e59 0%, #b64f40 100%);  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6e59), color-stop(100%,#b64f40)); 
	border-top:0px solid #f28d7c; /* 1px solid #f28d7c; */
	box-shadow: 0 0px 8px #3b3b3b;
	-moz-box-shadow: 0 0px 8px #3b3b3b;
	-webkit-box-shadow: 0 0px 8px #3b3b3b;
	}

nav ul li ul li:last-child a {
	-moz-border-bottom-left-radius: 0px;  /* 10px */
	-webkit-border-bottom-left-radius: 0px;  /* 10px */
	border-bottom-left-radius: 0px; /* 10px */
	-moz-border-bottom-right-radius: 0px;  /* 10px */
	-webkit-border-bottom-right-radius: 0px;  /* 10px */
	border-bottom-right-radius: 0px;  /* 10px */ /*supprime l'effet radius (arrondis) */
	}


	
footer {
	background-color: #000;
	/*width: 90%;*/
	display: block;
	/*position: fixed;*/
	position: relative;
	top: 200px;
	margin: 0;
	height: 55px;
	color: #FFF;
	text-shadow: 2px 2px 2px #CCC;
	text-align: center;
	padding-top: 5px;
	width: 542px;
	}
	
footer a {
	font-size:11px;
    color: #FFF;
   /* text-shadow: 2px 2px 2px #333; */
    text-decoration: none;
     /*   -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
		*/
	}