@font-face {
    font-family: Aharoni;
    src: url(ahronbd.ttf);
}

@font-face {
    font-family: Neuropolitical;
    src: url(neuropolitical.ttf);
}
@font-face {
    font-family: CalibriL;
    src: url(calibrilight.ttf);
}
@font-face {
    font-family: Zekton;
    src: url(zekton.ttf);
}

body{
	background:#ffffff;
	font-family: CalibriL, arial, verdana, sans-serif;
	font-size:20px;
	overflow-x:hidden;
}

table{
	width:100%;
}

td{
	color:white;
    background: rgba(17,17,17,0.9);
	box-shadow:inset 0px 0px 25px #000000;
	border-bottom:1px solid #FF9C00;
	text-align:center;
	padding:5px;
}

.StyleRed {
	color: #FF0000 !important;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.72), 0 0 10px rgba(255, 0, 0, 0.72);
}
.StyleBlue {
	color: #0099FF !important;
	text-shadow: 0 0 10px rgba(87, 188, 255, 0.72), 0 0 10px rgba(87, 188, 255, 0.72);
}
.StyleGreen {
	color: #00CC66 !important;
	text-shadow: 0 0 10px rgba(0, 234, 117, 0.72), 0 0 10px rgba(0, 234, 117, 0.72);
}
.StylePurple {
	color: #6342c2 !important;
	text-shadow: 0 0 10px rgba(126, 46, 241, 0.72), 0 0 10px rgba(126, 46, 241, 0.72);
}

.Ico{
	width:50px;
	height:50px;
	margin-top:-5px;
	margin-bottom:-15px;
	margin-right:10px;
}
.IcoBig{
	width:150px;
	height:150px;
	margin-top:-5px;
	margin-bottom:-15px;
	margin-right:10px;
}

.ImgDef{
	max-width:100%;
	float:left;
	margin:10px;
	margin-left:0px;
}
.Left{
	max-width:50%;
	float:left;
	margin:10px;
	margin-left:0px;
}
.Right{
	max-width:50%;
	float:right;
	margin:10px;
	margin-right:0px;
}

a{
	color:inherit;
	border-style:none;
	text-decoration:none;
}
a:link {
	color:inherit;
	text-decoration: none;
}
a:visited {
	color:inherit;
	border-style:none;
	text-decoration: none;
}
a:hover {
	color:inherit;
	border-style:none;
	text-decoration: none;
}
a:active {
	color:inherit;
	border-style:none;
	text-decoration: none;
}

.ancre{
	position:relative;
	top:-200px;
}

h1{
	position:relative;
	font-family: Neuropolitical, arial, verdana, sans-serif;
	font-size:40px;
	padding:0px;
	margin:0px;
	margin-top:30px;
	margin-bottom:5px;
	padding-left:0px;
	padding-top:30px;
	transition:padding-left 0.3s ease-in;
	line-height: 36px;
	text-align:left;
}
h2{
	position:relative;
	font-family: Zekton, arial, verdana, sans-serif;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	padding-left:36px;
	transition:padding-left 0.3s ease-in;
	line-height: 36px;
	text-align:left;
}
h3{
	position:relative;
	font-family: Zekton, arial, verdana, sans-serif;
	font-size:16px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	padding-left:36px;
	transition:padding-left 0.3s ease-in;
	line-height: 36px;
	text-align:left;
}
.H1T1,.H1T2,.H1T3{
	position:absolute;
	top:4px;
	left:0px;
	width:32px;
	height:30px;
	transform: rotate(180deg);
	transition:transform 0.3s ease-in;
}
.H1T1{
	background:url('H1T1.png') no-repeat center;
}
.H1T2{
	background:url('H1T2.png') no-repeat center;
}
.H1T3{
	background:url('H1T3.png') no-repeat center;
}
.B:hover h1,.B:hover h2,.B:hover h3{
	padding-left:32px;
}
.B:hover .H1T1{
	transform: rotate(0deg);
}
.B:hover .H1T2{
	transform: rotate(360deg);
}
.B:hover .H1T3{
	transform: rotate(0deg);
}

.TitreContinuum{
	transition:	top 0.3s ease-in;
	width:390px;
	position:absolute;
	top:-150px;
	left:25px;
	z-index: 10;
}

#Load1,#Load2{
	position:fixed;
	left:-25%;
	width:150%;
	height:100%;
	background:rgba(255, 255, 255, 1);
	border:1px solid rgba(0, 0, 0, 1);
	transition:	transform 2s linear,top 2s linear,bottom 2s linear;
	z-index:200;
}
#Load1{
	top:-50%;
}
#Load2{
	bottom:-50%;
}

#Verr1,#Verr2{
	transition:	left 0.5s linear;
	position:absolute;
	margin-left:-175px;
	width:350px;
	height:75px;
}
#Verr1{
	left:100%;
	background:url('Verr1.png');
	bottom:10px;
}
#Verr2{
	left:0%;
	background:url('Verr2.png');
	top:10px;
}

#Banner{
	position:relative;
	left:-8px;
	width:calc(100% + 16px);
	height:100vh;
	margin:0px;
	overflow:hidden;
	top:-80px;
}
#BannerIn{
	position:absolute;
	margin:20px;
	text-align:center;
	width: calc(100% - 40px);
	height:100vh;
}

.mTitreMobile{
	height: 15px;
	position: absolute;
	right: 20px;
	top: 2px;
}
.Header{
	position:fixed;
	width:100%;
	height:100px;
	left:0px;
	top:0px;
	border-bottom:1px solid #56b2ff;
	background: rgba(255,255,255,0.9);
	box-shadow:inset 0px 0px 30px rgba(250,250,250,1);
	z-index:100;
}
.HeaderIn{
	position:absolute;
	top:0px;
	left:50%;
	width:calc(100% - 400px);
	min-width:1000px;
	height:100%;
	margin-left:calc(-50% + 200px);
	text-align:right;
}
.HeaderInBouton{
	display:inline-block;
	position:relative;
	width:auto;
	margin-top:40px;
	height:50px;
	padding:5px;
	text-align:center;
	line-height:45px;
	font-family: Neuropolitical, arial, verdana, sans-serif;
	font-size:17px;
	overflow:hidden;
	color:black;
	background:rgba(255,255,255,0);
	box-shadow:inset 0px 0px 30px rgba(255,255,255,0);
	transition:background 0.3s ease-in,color 0.3s ease-in,box-shadow 0.3s ease-in;
}
.HeaderSep{
	display:inline-block;
	position:relative;
	width:20px;
	margin-top:40px;
	height:50px;
	padding:5px;
	text-align:center;
	line-height:45px;
	font-family: Neuropolitical, arial, verdana, sans-serif;
	overflow:hidden;
	color:#FF9C00;
	background:rgba(255,255,255,0);
	box-shadow:inset 0px 0px 30px rgba(255,255,255,0);
	transition:background 0.3s ease-in,color 0.3s ease-in,box-shadow 0.3s ease-in;
}
.HeaderInBouton:hover{
	background:rgba(10,10,10,0.9);
	box-shadow:inset 0px 0px 30px rgba(0,0,0,1);
	color:white;
}

.HeaderBtn{
	position:fixed;
	top:10px;
	right:0px;
	width:300px;
	height:30px;
	text-align:right;
	z-index:10;
}

#HeaderY{
	position: fixed;
    top: 101px;
    left: 0px;
    width: 100%;
	height: 0px;
	border-bottom: 1px solid #FF9C00;
	background: rgba(255,156,0,0.9);
	box-shadow:inset 0px 0px 50vw #af8208;
	opacity:0;
	transition:height 0.3s ease-in,opacity 0.3s ease-in;
}
.AffMenu{
	width:30px;
	height:26px;
	background:url('AffMenu.png');
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-15px;
}
#Logo{
	position:absolute;
	top:-100px;
	left:0px;
	width:100px;
	height:100px;
	transition:top 0.3s ease-in;
}
#Logo img{
	height:100px;
}

.VideBan{
	position:relative;
	height:90px;
}
.BannerMess{
	position:fixed;
	top:50%;
	left:200px;
	margin-top:-100px;
	width:40vw;
	height:0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	overflow:hidden;
	opacity:0;
	transition:height 0.3s ease-in,margin-top 0.3s ease-in,opacity 0.3s ease-in;
}
.BannerMessIn{
	position:absolute;
	top:50%;
	margin-top:-100px;
	font-size: 50px;
	text-align: center;
	padding: 20px;
	width: calc(100% - 40px);
}
.BannerMess2{
	position:fixed;
	bottom:150px;
	right:300px;
	margin-bottom:100px;
	width:25vw;
	height:0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	overflow:hidden;
	opacity:0;
	color:#FF9C00;
	transition:height 0.3s ease-in,margin-top 0.3s ease-in,margin-bottom 0.3s ease-in,opacity 0.3s ease-in;
}
.BannerMessIn2{
	position:absolute;
	top:50%;
	margin-top:-50px;
	font-size: 35px;
	text-align: center;
	padding: 20px;
	width: calc(100% - 40px);
}

.TimeChrono{
	height:100px;
	background: rgba(17,17,17,0.9);
	box-shadow:inset 0px 0px 50vw #000000;
	overflow:hidden;
	border:1px solid black;
	
	position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -8px;
    margin-right: 0px;
    width: calc(100% + 16px);
	border-top: 1px solid #FF9C00;
}

.Footer{
	position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -8px;
    margin-right: 0px;
    width: calc(100% + 16px);
    height: auto;
	min-height:100px;
	padding-top:20px;
	padding-bottom:20px;
	background: rgba(17,17,17,0.85);
	box-shadow:inset 0px 0px 50vw #000000;
	z-index:100;
	border-top: 1px solid #FF9C00;
}
.FooterIn{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:calc(100% - 16px);
	height:auto;
	text-align:center;
}
.FooterBouton{
	display:inline-block;
	width:120px;
	color:white !important;
	font-size:15px;
}
.FooterBtn{
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:50px;
	text-align:center;
}

.Zone0,.Zone1,.Zone2,.Zone3{
	position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -8px;
    margin-right: 0px;
    width: calc(100% + 16px);
    height: auto;
	padding-top:0px;
	padding-bottom:20px;
	border-top: 1px solid #FF9C00;
}
.Zone{
	position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -8px;
    margin-right: 0px;
    width: calc(100% + 16px);
	height: 30px;
    background: rgba(255,255,255,0.9);
	box-shadow:inset 0px 0px 50vw #bbbbbb;
	border-top: 1px solid #FF9C00;
}
.Zone0{
    background: rgba(255,255,255,0.9);
	box-shadow:inset 0px 0px 50vw #bbbbbb;
}
.Zone1{
	color:white;
    background: rgba(17,17,17,0.9);
	box-shadow:inset 0px 0px 50vw #000000;
}
.Zone2{
	background: rgba(124,188,242,0.9);
	box-shadow:inset 0px 0px 50vw #305371;
}
.Zone3{
	background: rgba(255,156,0,0.9);
	box-shadow:inset 0px 0px 50vw #af8208;
}
.Zone1 .B{
	color:white;
}
.Contenu{
	position:relative;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	min-width:100px;
	width:calc(100% - 400px);
	height:auto;
	text-align:center;
}

.Block,.BlockTri,.BlockTri2,.BlockBi{
	position:relative;
	margin:5px;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	text-align:justify;
	vertical-align:top;
	color:#111111;
	text-align:left;
}

.B{
	
}

.B:hover{
	
}

.Corner1,.Corner2,.Corner3,.Corner4,.CornerA1,.CornerA2,.CornerA3,.CornerA4{
	position:absolute;
	width:30px;
	height:30px;
	margin:0px;
	transition:margin 0.15s ease-in;
	z-index:20;
}
.B:hover .Corner1,.B:hover .Corner2,.B:hover .Corner3,.B:hover .Corner4{
	margin:10px;
}
.HeaderInBouton:hover .CornerA1,.HeaderInBouton:hover .CornerA2,.HeaderInBouton:hover .CornerA3,.HeaderInBouton:hover .CornerA4{
	margin:7px;
}
.Corner1,.Corner2,.CornerA1,.CornerA2{
	top:-5px;
}
.Corner3,.Corner4,.CornerA3,.CornerA4{
	bottom:-5px;
}
.Corner1,.Corner4,.CornerA1,.CornerA4{
	left:-5px;
}
.Corner2,.Corner3,.CornerA2,.CornerA3{
	right:-5px;
}
.Corner1{
	background:url('Corner1.png');
}
.Corner2{
	background:url('Corner2.png');
}
.Corner3{
	background:url('Corner3.png');
}
.Corner4{
	background:url('Corner4.png');
}
.CornerA1{
	background:url('CornerA1.png');
}
.CornerA2{
	background:url('CornerA2.png');
}
.CornerA3{
	background:url('CornerA3.png');
}
.CornerA4{
	background:url('CornerA4.png');
}

.Block{
	min-height:25px;
	height:auto;
}

.BlockTri{
	display:inline-block;
	width:calc(33.33% - 37px);
	height:auto;
}

.BlockTri2{
	display:inline-block;
	width:calc(66.66% - 36px);
	height:auto;
}

.BlockBi{
	display:inline-block;
	width:calc(50% - 36.5px);
	height:auto;
}

.ImgBlock{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.ImgBlockI{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	z-index:0;
	transition:filter 0.3s ease-in;
}
.ImgBlockIn{
	position:absolute;
	top:0px;
	left:0px;
	width:calc(100% - 20px);
	min-height:35px;
	max-height:35px;
	height:100%;
	padding:10px;
	background:rgba(255,255,255,0.5);
	z-index:1;
	overflow:hidden;
	transition:background 0.3s ease-in,max-height 0.3s ease-in,height 0.3s ease-in;
}
.B:hover .ImgBlockI{
	filter: grayscale(100%);
}
.B:hover .ImgBlockIn{
	max-height:1500px;
	background:rgba(255,255,255,0.8);
}

.Q{
	display:block;
	width:calc(100% - 20px);
	height:auto;
	padding:10px;
	background: rgba(255,255,255,0.9);
	margin-top:-10px;
	margin-bottom:-10px;
	color:black;
}
.R{
	display:block;
	border-top:1px solid #FF9C00;
	width:calc(100% - 20px);
	padding:0px;
	overflow:hidden;
	max-height:0px;
	opacity:0;
	transition:opacity 0.3s ease-in,max-height 0.3s ease-in,height 0.3s ease-in,padding 0.3s ease-in;
	color:black;
}
.Q:hover{
	cursor: pointer;
}
.QIco{
	width:20px;
	height:20px;
	background:url('Q.png');
	float:left;
	margin-right: 10px;
	top: 5px;
	position: relative;
}
.RIco{
	width:20px;
	height:20px;
	background:url('R.png');
	float:left;
	margin-right: 10px;
}

.BoutonCat{
	display:inline-block;
	position:relative;
	width:245px;
	height:295px;
	
	vertical-align:bottom;
	
	text-align:left;
	
	margin: 5px;
	padding:20px;
	font-size: 16px;
	
	background: rgba(255,255,255,0.9);
	box-shadow:inset 0px 0px 50vw #bbbbbb;
	
	border:1px solid #ff9c00;
}

.Cat1{
	height: auto;
	width: 364px;
}

.Cat2{
	height: auto;
	width: calc(100% - 53px);
}
.Add{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background:url('Add.png');
	z-index:10;
}
.Up{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background:url('Up.png');
	z-index:10;
}
.Dn{
	display:block;
	position:absolute;
	left:30px;
	width:30px;
	height:30px;
	background:url('Dn.png');
	z-index:10;
}
.Suppr{
	display:block;
	position:absolute;
	right:0px;
	width:30px;
	height:30px;
	background:url('Suppr.png');
	z-index:10;
}
.ModArticle{
	position:fixed;
	bottom:-50%;
	left:50%;
	width:800px;
	height:500px;
	padding:20px;
	margin-bottom:-270px;
	margin-left:-420px;
	border:1px solid black;
	background:white;
	z-index:1000;
	transition:bottom 0.3s ease-in;
}
.ZoneTitre{
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	z-index:20;
}
.Color{
	position:absolute;
	top:30px;
	left:0px;
	width:600px;
	height:auto;
	z-index:10;
}
.Col{
	margin:0px;
}
.BtnBlock{
	margin-left:5px;
	margin-right:5px;
	z-index:10;
}
.AddArticle{
	position:absolute;
	bottom:0px;
	z-index:10;
}
.UpDownArt{
	position:absolute;
	top:-20px;
	z-index:10;
}
textarea{
	width:100%;
	height:400px;
	border:1px solid black;
	background:#eeeeee;
}
input{
	min-width:250px;
	width:auto;
	border:1px solid black;
	background:#eeeeee;
}

#Map{
	position:relative;
	border:1px solid #FF9C00;
}

.Mail{
	border-bottom:1px solid #FF9C00;
}
.Mail textarea,.Mail input{
	width:calc(100% - 22px);
	border:1px solid black;
	color:white;
    background: rgba(17,17,17,0.9);
	box-shadow:inset 0px 0px 25px #000000;
	padding:10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.Mail textarea{
	height:150px;
}
.Mail input{
	max-width:400px;
}
.Mail .Valide{
	border:1px solid black;
	background: rgba(255,156,0,0.9);
	box-shadow:inset 0px 0px 25px #af8208;
	text-align:center;
	color:black;
	font-weight:bold;
	font-size:20px;
	width:calc(100% - 0px);
	font-family: Neuropolitical, arial, verdana, sans-serif;
}
.Valide:hover{
	cursor: pointer;
}

.Bouton{
	display:inline-block;
	border:1px solid black;
	background: rgba(255,156,0,0.9);
	box-shadow:inset 0px 0px 25px #af8208;
	padding:5px 10px;
	text-align:center;
	color:black;
	font-weight:bold;
	font-size:20px;
	width:auto;
	min-width:200px;
	font-family: Neuropolitical, arial, verdana, sans-serif;
}
.Bouton:hover{
	cursor: pointer;
}

.GradR1,.GradR2,.GradR3,.GradR4{
	position:fixed;
	top:0px;
	height:100%;
}
.GradR1{
	opacity:0.02;
	right:10px;
	width:10px;
	background:url('GradR1.png') repeat;
	animation: GradR1 0.6s linear infinite;
}
.GradR2{
	opacity:0.02;
	right:20px;
	width:35px;
	background:url('GradR2.png') repeat;
	animation: GradR2 50s linear infinite;
}
.GradR3{
	opacity:0.02;
	right:40px;
	width:35px;
	background:url('GradR3.png') repeat;
	animation: GradR3 75s linear infinite;
}
.GradR4{
	opacity:0.02;
	right:25px;
	width:35px;
	background:url('GradR4.png') repeat;
	animation: GradR4 90s linear infinite;
}

#ScrollBot{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	z-index:20;
	text-align:center;
	opacity: 0.6;
	transition:bottom 0.3s ease-in;
}
#ScrollBot1,#ScrollBot2,#ScrollBot3{
	position:relative;
	display:inline-block;
	bottom:0px;
	width:34px;
	height:26px;
	background:url('ScrollBot.png') no-repeat center;
	margin-left:-10px;
	margin-right:-10px;
	z-index:10;
}
#ScrollBot4{
	position:absolute;
	display:block;
	bottom:0px;
	width:34px;
	height:26px;
	left:50%;
	background:url('ScrollBot2.png') no-repeat center;
	margin-left:-17px;
}
#ScrollBot1,#ScrollBot3{
	animation: ScrBotA 1.2s ease-in infinite;
}
#ScrollBot2{
	animation: ScrBotB 1.2s ease-in infinite;
}
#ScrollBot4{
	animation: ScrBotB 1.2s ease-in infinite;
	animation-delay: 0.5s;
}
@keyframes ScrBotA { 0% {bottom:0px;}	50% {bottom:7px;}	100% {bottom:0px;} }
@keyframes ScrBotB { 0% {bottom:7px;}	50% {bottom:0px;}	100% {bottom:7px;} }


@keyframes GradR1 { 0% {background-position-y:0px;}	100% {background-position-y:-5px;} }
@keyframes GradR2 { 0% {background-position-y:0px;}	100% {background-position-y:518px;} }
@keyframes GradR3 { 0% {background-position-y:0px;}	100% {background-position-y:-516px;} }
@keyframes GradR4 { 0% {background-position-y:0px;}	100% {background-position-y:661px;} }

.Disabled{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}