@viewport
	{
	width: device-width; /* largeur du viewport */
	zoom: 1; 
	}

HTML
  {
	width:100%;
	height:100%;    
	margin: 0px 0px 0px 0px; 
	}

body	{
	margin: 0px 0.9% 0px 0.4%;
	padding:0;
	width:98.8%;
	min-width: 320px;
	font-size:12pt;
	line-height:14pt;
	font-family:Arial,sans-serif;
	overflow-x:hidden;
background-image:linear-gradient(90deg,#00103F,#2060FF,#2060FF,#2060FF,#00103F);
//    background-image:url(Imagerie/FdFractaleN928x1022.jpg); background-size:100% 100%;
//    background-image:url(Imagerie/FdCiel1200x1456.jpg);background-size:100% auto;
  background-color:black;
  color:white;
	}

H1 { font-family:F2;font-size:26pts;font-weight:bold;color:white;line-height:1.2em;}
h2 { display:inline-block;font-size:17pt;color:white;line-height:19pt;font-style:italic;}
H3 { font-family:F4; font-size:16pt;	color:green;  margin-top:0px; margin-bottom:0px;font-weight:bold;}
H4 { font-family:Verdana; font-size:1.2em;color:navy;margin-top:0px; margin-bottom:0px;font-style:italic;}
H5 { font-family:Verdana; font-size:12pt;line-height:12pt;color:navy;margin-top:0px; margin-bottom:0px;font-style:italic;}


INPUT {  font-size:13pt; font-weight:bold;text-align:center;	}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: green; text-align:center; font-style:italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #008080; text-align:center; font-style:italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #008080; text-align:center; font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: green; text-align:center; font-style:italic;
}


img { border:0px;}
img.ext { width:100%; height:auto;}



/*
:link { color:blue;	}
:hover	{	color:cyan;	}
:focus	{	color:green;	}
:visited	{	color:navy;	}
*/
.Intercalaire
	{
	width:100%;
	height:10px;
	background-image:linear-gradient(132deg,white,blue,white,red,white);
	}


INPUT[type="submit"]	{	cursor:pointer;font-size:16pt;font-weight:bold;border-radius:6px;font-style:italic;	}
BUTTON 	{	cursor:pointer;font-size:16pt;font-weight:bold;border-radius:5px;	}

SELECT {  font-family:Arial; font-size:1em; font-weight:bold; margin:3px 4px 3px 4px;	}
p { margin-top:0px; margin-bottom:0px;  font-family:Arial; font-size:12pt;vertical-align:middle; 	}



.Explique:hover { cursor:pointer;	}


.lien { font-family:Arial; font-size:14pt;	}
.select { font-family:Arial; font-size:15pt;	}
TEXTAREA {  font-family:Arial; font-size:1em;margin-top:2px;margin-bottom:2px;	}

.BlockH700	{	display:block;	}
.Block360	{	display:inline-block;	}
.Block480	{	display:inline-block;	}
.Block640	{	display:inline-block;	}
.Block700	{	display:inline-block;	}


.Cell480	{	display:table-cell;	}
.Cell640	{	display:table-cell;	}
.Cell700	{	display:table-cell;	}
.Cell1400	{	display:table-cell;	}
.Cell1600	{	display:table-cell;	}
.Cell800	{	display:table-cell;	}
.Block800	{	display:inline-block;	}

.Block900	{	display:inline-block;	}
.ColonneDChat  { min-width:250px; }
.Inline800	{	display:inline;	}
.InvertBlock480 { display:none; }
.InvertBlock640	{	display:none;	}
.InvertBlock700 { display:none; }
.InvertBlock800	{	display:none;	}
.InvertCell480 { display:none; }
.Row480		{	display:table-row;	}
.Table480	{	display:table;	}
.TopEntete {  top:150px;  }
.HIframe	{	height:24px;	}
.EspaceHaut	{	height:90px;	}

.Entete	{	display:inline-block;	}
.F300	{	width:300px;	}
.F400	{	width:400px;	}
.F500	{	width:500px;	}
.Texte	{	display:inline-block;	}
.ColCell	{	display:table-cell;	}




@media screen and (max-width: 1400px)
	{
	.Cell1400	{	display:none;	}
	}

@media screen and (max-width: 1600px)
	{
	.Cell1600	{	display:none;	}
	}



@media all and (max-width: 900px)
	{
	.Block900	{	display:none;	}
  .ColonneDChat  { min-width:190px; }
	}

@media all and (max-width: 800px)
	{
  Body  {   background-image:url(); }
	.Block800	{	display:none;	}
  .InvertBlock800	{	display:inline-block;	}
	.Cell800	{	display:none;	}
  .ColonneDChat  { min-width:160px; }
	.Inline800	{	display:none;	}
  .TopEntete {  top:120px;  }
	}


@media all and (max-width: 700px)
	{
	.Cell700	{	display:none;	}
	.Block700	{	display:none;	}
	.HIframe	{	height:44px;	}
	.F300		{	width:280px;	}
	.F400		{	width:300px;	}
	.F500		{	width:350px;	}
	.EspaceHaut	{	height:100px;	}
  .InvertBlock700 { display:inline-block; }
  .TopEntete {  top:90px;  }
	} 


@media screen and (max-width: 640px)
	{
	.Block640	{	display:none;	}
	.Cell640	{	display:none;	}
	.InvertBlock640	{	display:inline-block;	}
  }



@media all and (max-width: 480px)
	{

	.Block480		{	display:none;	}
  .InvertBlock480 { display:inline-block; }
	.InvertCell480	{	display:table-cell;	}

	.Table480	{	display:none;	}
	.Row480		{	display:none;	}
	.Cell480	{	display:none;	}
	.Entete		{	display:none;	}
	.F300		{	width:250px;	}
	.F400		{	width:200px;	}
	.F500		{	width:300px;	}
	.Texte		{	display:none;	}
	.ColCell	{	display:table-row;	}
	.EspaceHaut	{	height:110px;	}
  .TopEntete {  top:50px;  }

	} 

@media screen and (max-width: 361px)
	{
	.EspaceHaut	{	height:120px;	}
	.Block360		{	display:none;	}
	}

@media screen and (max-height: 700px)
	{
	.BlockH700		{	display:none;	}
	}

.bouton
  {
  filter:alpha(opacity = 100);
  opacity:1;
  }
.bouton:hover
  {
  filter:alpha(opacity = 50);
  opacity:0.5;

  }





.Ombre
  {
  -moz-box-shadow: 1px 4px 12px #202020; 
  -webkit-box-shadow: 1px 4px 12px #202020; 
  box-shadow: 1px 4px 12px #202020;  
  }



/* Texte défilant */


.defile {
	display:block;
	-webkit-animation:linear marqueelike 12s infinite ;
//	-moz-animation:linear marqueelike 20s infinite ;
//	-o-animation:linear marqueelike 20s infinite ;
//	-ms-animation:linear marqueelike 10s infinite ;
	animation:linear marqueelike 12s infinite ;
	margin-left:-100%;
	padding-top:3px;
	text-align:left;
	white-space: nowrap;
//	height:20px;
}

.defile:hover { -webkit-animation-play-state: paused; animation-play-state: paused }

.defile:after
	{
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:0px;
	}

@-webkit-keyframes marqueelike {	0%, 100% {margin-left:0;}	99.99% {margin-left:-100%;}	}

@keyframes marqueelike
	{
	0%, 100% {margin-left:0;}
	99.9999% {margin-left:-100%;}
	}

.Clignote
  {
  animation-duration: 2s;
  animation-name: cligne;
  animation-iteration-count:infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: cligne;
  -webkit-animation-iteration-count:infinite;
  }
@keyframes cligne
	{
	0% {  color:red;   }
	50% {  color:white;    }   
	100% {  color:red;   }
  }
@-webkit-keyframes cligne
  {
  0%, 50% {  color:red;    }   
  50%, 100% {  color:yellow;   }
   }



@font-face
	{
	font-family: FTexte;
	font-style: normal;
  font-weight:400;
	src: local('FTexte Regular'), local('FTexte-Regular'), url(FTextes.ttf);
  }


@font-face
	{
	font-family: 'F1';
	font-style: normal;
	font-weight: 800;
	src: local('F1 Regular'), local('F1-Regular'), url(F1.woff) format('woff');
  }


@font-face

	{
	font-family: 'F2';
	font-style: normal;
	font-weight: 400;
	src: local('F2 Regular'), local('F2-Regular'), url(F2.woff) format('woff');
  }



@font-face
	{
	font-family: 'F3';
  font-style: normal;
  font-weight: 300;
  src: local('F3 Light'), local('F3-Light'), url(F3light.woff2) format('woff2'), url(F3light.woff) format('woff');
}

@font-face 
	{
 	font-family: 'F3';
  font-style: normal;
  font-weight: 400;
  src: local('F3 Regular'), local('F3-Regular'), url(F3.woff2) format('woff2'), url(F3.woff) format('woff');
}

@font-face
	{
	font-family: 'F3';
  font-style: normal;
  font-weight: 700;
  src: local('F3 Bold'), local('F3-Bold'), url(F3bold.woff2) format('woff2'), url(F3bold.woff) format('woff');
}

@font-face
	{
  font-family: 'F4';
  font-style: normal;
  font-weight: 400;
  src: local('F4 Regular'), local('F4-Regular'), url(F4.woff) format('woff');
}

@keyframes movebg { from  { background-position : 0px 0px; } to { background-position : 0px 1456px; }   }
.movebg1  { 
  background-image: url('Imagerie/Ciel608x1456.jpg');
  background-repeat: repeat;
background-origin : content-box;
          animation:movebg;     
          animation-duration: 75s;   
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          }
          
@keyframes movebgH { from  { background-position : 0px 1456px; } to { background-position : 0px 0px; }   }
.movebg1H  { 
  background-image: url('Imagerie/Ciel608x1456.jpg');
  background-repeat: repeat;
background-origin : content-box;
          animation:movebgH;     
          animation-duration: 75s;   
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          }