*{
	//margin:0px;
	//padding:8px;
	//font-family: Avenir, sans-serif;
}

@media print {
  .new-page {
	page-break-before: always;
  }
}


p {
	//font-size:12px;
	//font-size:1.2em;
	//font-size:larger;
}

nav{
	width:100%;
	margin:-10 auto;
	//background-color:white;
	background:#FF8C00; /* couleur rouge, orange */
	//background:white;
	position: sticky;
	top: 0px;
	height:35px;
	font-weight: bold;
	text-align: left;
}

nav ul {
	list-style-type:none;
}

nav ul li {
	float:right;
	width:12%;
	height:20px;
	text-align:center;
	position:relative;
	margin:-10 auto;
	
}

nav ul::after{
	content:"";
	display:table;
	clear:both;
	
}

nav a {
	display:block;
	text-decoration:none;
	border-bottom:2px solid transparent;
	padding: 10px 0px;
	color:white;
	
}

nav a:hover{
	color:orange;
	border-bottom:2px solid gold;
	color:black;
	
}

.sous{
	display:none;
	box-shadow:0px 1px 2px #CCC;
	//box-shadow:0px 1px 2px transparent;
	//background-color:transparent;
	background-color:#FF8C00;
	font-size:10px;
	position: absolute;
	width:100%;
	z-index:1000;
}

nav > ul li:hover .sous{
	display:block;
}

.sous li{
	float:none;
	width:100%;
	text-align:left;
	height:45px;
}

.sous a{
	padding:10px;
	border-bottom:none;
	color:black;
	height:35px;
	text-align:left;
}

.sous a:hover{
	border-bottom:noe;
	color:#FF8C00;
	background-color:#EDEDED; 
	height:35px;
	text-align:left;
}

.deroulant{
	//content:" ~";
	font-size:12px;
	height:40px;
	width:120px;
}

.celluleasc {
        background-color: #CCC7C7;
        overflow:auto;
        height: 253px;
        // width: 228px;
	width: auto;
        clear: Aucune;
        float: Aucune;
        position: relative;
        text-align: left;
        vertical-align: top;
        display: block;
        font-family: "Courier New", Courier, mono;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 13px;
        font-style: normal;
}