﻿@font-face {
font-family: "ISOCPEUR PERSO";
	src: url("../fonts/isocpeur.eot?") format('embedded opentype'),
	url("../fonts/isocpeur.ttf") format('truetype'),
    url("../fonts/isocpeur.otf") format('opentype'),
    url("../fonts/isocpeur.woff") format('woff'),
	url("../fonts/isocpeur.svg#QuadrantaBold") format('svg');
/**/font-weight: normal;
/**/font-style: normal;
/**/
}	

@font-face {
font-family: "Euro Technic Extended";
	src: url("../fonts/Euro Technic Extended Regular.eot?") format('embedded opentype'),
	url("../fonts/Euro Technic Extended Regular.ttf") format('truetype'),
    url("../fonts/Euro Technic Extended Regular.otf") format('opentype'),
    url("../fonts/Euro Technic Extended Regular.woff") format('woff'),
	url("../fonts/Euro Technic Extended Regular.svg#QuadrantaBold") format('svg');
font-weight: normal;
font-style: normal;
}	
#Banniere0 {

	font-weight: lighter;
	font-size:20px;
	letter-spacing: 30px;
	text-decoration: none;
	background-color: rgba(234,234,234,0.75);
	border-bottom: thin solid #999999;
	border-color: #999999;
	border-radius: 10px 10px 10px 10px;
	border-top: thin solid #999999;
	border-width: thin;
	height: 140px;
	margin: 0px auto 0px auto;
	min-height: 50px;
	padding: 0;
	position: fixed;
	text-align: center;
	top: 1px;
	width: 99%;
	z-index: 10;
	box-shadow: 0px -50px 100px -40px #999999 inset, 0px -30px 30px -40px #999999 inset; 
	/*background-image:url("../images/Reflet.png");
	
	/*opacity:0.9;
	/**/
}
#Banniere0  .fond{
	height: 100%;
    width: 100% ;
	left:0px;
	position:absolute;
	z-index:-10;
	opacity:0.5;
}

#Banniere0  .Logo {
	height: 30px;
    width: 500px;
    margin-top: 10px;
	position :relative;
}
#Banniere0  .Logo img{
	/*height: 30px;
    /**/width: 70%;
    /*margin-top: 10px;
	/*position :relative;
	/**/
}
#Banniere0 p {
	/*font-family: "Euro Technic Extended";*/
	margin-bottom:5px;
	margin-top:0px;
}
#Banniere0  .cmenue{
	left: auto;
    position: absolute;
    width: calc(100% - 35px);
	bottom: 1px;
}
#menue {
	color:rgba(0,0,0,1);
	font-family: "Euro Technic Extended",Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	text-align:center;
	
	height : 30px;
	margin : 0px auto 0px auto;
	-webkit-margin : 0px auto 0px auto;
	-ms-margin : 0px auto 0px auto;
	padding-top : 10px;
	padding-left : 0px;
	list-style-type : none;
	/**/display: inline-block;
	/*display: block;
	/*width : auto;
	/**/width : 100%;
	/**/position:relative;
	/*position:absolute;
	/**/left:0px;
	/**/right:0px;
	/**/top:0px;
	/**/bottom:0px;
}
#menue li {
	color:rgba(0,0,0,1);
	margin-left:0px;
	margin-right:-33px;
	padding-left:0px;
	text-align: center;
	display: inline-block;
    /*float: left;
	/**/
	/*page-break-after: left;	/*text-shadow: -4px 0px 6px rgba(73,73,73,1);*/
 }
#menue li:hover {
	/*margin-left:6px;*/
	/*text-align: center;*/
	/*float:left; /*pour IE*/
	/*text-shadow: -0px 0px 30px rgba(60,151,66,1);*/
 }
#menue li a {
	/*-webkit-border-left: 1px solid;*/
	/*border-left: 1px solid;*/
    border-right: 1px solid;
    color:  rgba(0,0,0,1);
    margin-left: -0px;
    margin-right: 0px;
	letter-spacing: 4px;
    padding-left: 14px; /* Respecter toujour un écart de 4px (letter-spacing)*/
    padding-right: 10px; /* padding-left=padding-right+letter-spacing*/
    position: relative;
    text-decoration: none;
    text-shadow: 0 -2px 15px rgba(51, 51, 51, 0.6), 0 4px 15px rgba(51, 51, 51, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.6), 0 -1px 1px rgba(130, 130, 130, 0.6);
    transition: text-shadow 0.6s  0s;
	-webkit-transition: text-shadow 0.6s  0s;
}
#menue li a:before{
    border-radius: 10px 10px 10px 10px;
    bottom: -15px;
    content: "";
    display: inline;
    height: 4px;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    top: 23px;
    /*transition: background-color 1.5s ease 0s;*/
    width: 100%;
    z-index: -1;
	/**/transition: background-color  1.1s, box-shadow 0.6s;
	/**/-webkit-transition: background-color  1.1s, box-shadow 0.6s;
    /*transition: background-color 1.5s;
	/**/
}
#menue li a:hover {
	text-shadow: 0px -12px 3px rgba(0,0,0,1),
	             0px -1px 0px rgba(255,255,255,1), 0 1px 1px rgba(130, 130, 130, 0.8);
				 
	/*transition: text-shadow 0.8s;
	/*-webkit-transition: text-shadow 0.8s;
	/**/
}

#menue li a:hover:before {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.7);     
	/**/transition: background-color  0.6s, box-shadow 0.8s;
	/**/-webkit-transition: background-color  0.6s, box-shadow 0.8s;
	/**/

}
#menue li a:focus {
	text-shadow: 0px -12px 3px rgba(0,0,0,1),
	             0px -1px 0px rgba(255,255,255,1);
	/*transition: text-shadow 1s;
	/**/
}
#menue li a:focus:before {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.7);
	/*transition: background-color  0.7s, box-shadow 1s;
	/**/
}
#Banniere0  .centre {
	/*font-family: "Century Gothic", ISOCPEUR, "BankGothic Md BT", sans-serif;*/
	/*font-family: "BankGothic Md BT,Euro Technic Extended",sans-serif;*/
	/*font-family: "Euro Technic Extended",Arial, Helvetica, sans-serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"ISOCPEUR PERSO","Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	letter-spacing: 1px;
	border-bottom:1px solid rgba(180,180,180,0.7);
	width:auto;
	position : relative;
	margin:0px auto 0px auto;
	display:inline-block;
}
/*
.centre  p{
	position : relative;
	left:-50%;
}
*/