body {
	background-color: #030303;
	margin:0;
}

.cssform p {
	width: 350px;
	font-size: 0.8em ;
	margin: 0 auto;
	padding: 5px 0 8px 0;
	padding-left: 345px; 
	border-top: 1px dashed gray;
	height: 1%;
	}

.cssform p:first-child {
	border: none;
	}

.cssform label {
	font-family:verdana,sans-serif;
	float: left;
	margin-left: -345px; 
	width: 350px; 
	}

.cssform input[type="text"],.cssform input[type="email"]  { 
	width: 200px;
	}

#conteneur { 
	width:1320px;
	margin:0 auto;
	border: solid 1px #000;
	background-color: #202020;
	}
#header {
	position:relative;
	width:100%;
	height:100px;
	background-color: #000000;
	}

#corps { 
	background-color: #202020;
	background-image:url(../img/fondcorps_nuit.png);
	background-repeat :repeat-x;
	padding:10px 40px 10px 40px;
	color:#a00000;
	font-size:13px;
	min-height:400px;
	position:relative;
	}

#footer { 
	font-size: 0.9em;
	padding:5px;
	color:black;
	background-color:#202020;
	clear:both;
	}

#footer a { font-size:0.9em ; font-family: candara,"Times new roman",Arial ;color:#494949;}
#footer a:visited { color:#494949;}
#footer a:hover { color:#626262;}

#corps p , #corps ul {
	font-size:13px;
	text-align: justify; 
	font-family: tahoma,"trebuchet MS", Verdana,'sans serif' ;
	color:#a00000;
	line-height:1.6em;
	}
	
#corps .panes, #corps .panes  p{
	color:#efefef;
	}

#connexion {
	margin:0;
	width:100%;
	height:15px;
	background-color:#d00000;
	color:black;
	font-size:12px;
	}

	
#cookie_connexion {
	margin:0;
	width:100%;
	height:15px;
	background-color:#f27000;
	color:black;
	font-size:12px;
	}


hr {	
	margin-bottom:20px;
	border-color:#800000;
}

h1 {
	text-transform: uppercase;
	font-family: verdana,arial, "sans serif" ;
	font-weight : bold ;
	font-size: 1.3em ;
	color:#aa143b;
	margin-top: 0.3em ;
	margin-bottom: 0.7em ;
	text-shadow:2px 2px 4px #000000;
	}
	
h2 {
	text-transform: uppercase;
	font-family: verdana,arial, "sans serif" ;
	font-weight : bold ;
	font-size: 1.1em ;
	color:#804020;
	margin-top: 0.2em ;
	margin-bottom: 0.7em ;
	text-shadow:1px 1px 2px #000000;
	}
	
h3  {
	font-variant: small-caps;
	font-size:1.1em ; 
	font-family:Arial, "sans serif" ; 
	font-weight : bold ;
	color:#a9339a;
	}
	
h4 {font-weight:bold ; font-size:1.1em ; font-family:Arial, "sans serif" ; color:#88744a; }

img.photo {border : medium ridge #ee0077;}

.message_ok, .message_nok {
	padding:5px;
	font-size:17px;
	color:white;
	font-family: 'linux biolinum','pt-sans',verdana,arial, "sans serif" ;
	}
.message_ok{
	background-color:#00e000;
	}
.message_nok {
	background-color:#fe4545;
	}

	
a.lien { font-size:1.1em ; font-family: "Times new roman",Arial ;}
a.lien:visited { color:#febcb2;}
a.lien:hover { color:#f8ed85;}

a img{
	border:none;
	}

#corps a {text-decoration:none; color:#803e95; }
#corps a:visited { color:#887980; }
#corps a:hover { text-decoration:underline; }


table.tableau_setup {
	width:100%;
    border-collapse: collapse;
	font-family:arial,verdana,sans-serif;
	}


table.tableau_setup td, table.tableau_setup th {
    border: none;
	padding:2px;
	font-size:12px;
	} 


table.tableau_setup tr:nth-child(odd){
	background-color:#f1e0e0;
	}

table.tableau_setup tr:nth-child(even){
	background-color:#ddebfc;
	}

table.tableau_setup th{
	background-color:lightgrey;
	}

	
table.tableau_setup th {
    text-align:center;
	font-weight:bold;
	} 

table.tableau_setup h3 	{
	padding-top:0px;
	margin:3px 0 3px 0;
	}

span.separateur {
	position:relative;
	top:5px;
	font-size:34px;
	font-weight:bold;
	color:#7f508d;
}

/** formulaire contact **/

#div_action {
	line-height:32px;
	display:none;
	background-color:#9a9a9a;
	border:solid 1px #404040;
	z-index:50;
	padding:15px 10px 15px 10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	box-shadow: 0 0 20px #000;
}

input:read-only { 
    background-color: #a9a9a9;
	text-align:center;
}
input[type=text], input[type=number],textarea, select {
	margin:2px;
	padding:2px;
	border:1px solid #c51515;
	background-color:#dd5555;
	/* box-shadow:1px 1px 2px 0px dimgray inset; */
	}
	 
	 
input[type=image] {
	vertical-align: bottom;
	}
	
#calculer {
	border:1px solid grey;
	background-color: #8a0000;
	box-shadow:2px 2px 4px #303030 ;
	border-radius:5px;
	padding:8px;
	}

#calculer:hover {
	
	box-shadow:2px 2px 4px #808080 ;

	
}

#calculer:active {
	
	box-shadow:1px 1px 2px #808080 ;

	
}
	
	 
input[type=button],input[type=submit], input[type=reset]  {
	height:32px;
	color:#606060;
	background-color: #c90000;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
	border-color:#300000;
	}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
	background-position: 0 -32px;
	}

/****************************************************  REGEX ***********************************/
/* important ! : traitement des bbCode */
p.act_img_g  {margin-right:40px;float:left;}
p.act_img_c  {margin:0 auto;text-align:center;}
p.act_img_d  {margin-left:40px;float:right;}
p.act_img_g , p.act_img_c, p.act_img_d  {margin-bottom:20px;margin-top:30px;}
span.image  {
	display:block;
	margin:0 auto;
	margin-top:5px;
	font-size : 12px ;
	font-style: italic ;
	font-family  :Arial,"sans serif" ;
	text-align: justify;
	}
span.c_gros { font-size : 1.15em; }
span.c_petit { font-size : 0.8em; }
li.regex { margin:0;}
ul.regex br {display:none} /* astuce (?) pour supprimer les sauts de page */
ul.regex { margin-top:20px;}
div.regex {
	margin:0;
	clear:both;
	margin-bottom:20px;
	position:relative;
	}
hr.regex {margin:0 auto;
	width:600px;
	border-color:grey;
	margin-bottom:30px;
	clear:both
	}
.ombre {
	-moz-box-shadow:4px 4px 8px #303030 ;
	-moz-box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	-webkit-box-shadow:4px 4px 8px #303030 ;
	-webkit-box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	box-shadow:4px 4px 8px #303030 ;
	box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	}
img.regex {
	position:relative;
	z-index:+1000;
	margin-bottom:3px;
	border:4px ridge grey;
	}
span.actualite  {
	display:block;
	margin:0 auto;
	font-size : 0.8em ;
	font-family  :Candara,Verdana, Arial,"sans serif" ;
	text-align: justify;
	color:#606060;
	}

a.infobulle, span.infobulle {
	color:#fb4050 !important;
	}

div.video {
	text-align:center;
	margin-top:20px;
	}
video.video {
	border:2px solid grey;
	}
	
/*********** canvas ciel ****/
canvas { 
	width: 100%;
	height: 100% ;
	-moz-box-shadow:4px 4px 8px #303030 ;
	-moz-box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	-webkit-box-shadow:4px 4px 8px #303030 ;
	-webkit-box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	box-shadow:4px 4px 8px #303030 ;
	box-shadow:4px 4px 8px rgba(25,25,25,0.9) ;
	}

#div_canvas {
	position:relative;
	margin:0 auto;
	box-sizing:border-box;	
	margin-bottom:10px;
	width: min-content;
	min-height:420px;
	}

#p_fov {
	border:1px solid #ffda00;
	position:absolute;
	margin:0;
	padding:0;
}

#corps #indic_mode, #corps #leve  {
	padding:2px 6px 2px 6px;
	position:absolute;
	margin:0;
	top:0;
	z-index:4000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	user-select:none;
}

#corps #indic_mode {
	background-color : rgba(100,100,100,0.5);
	color:#ee5555;
	width:80px;
	right:0;
}

#corps #leve {
	right:92px;
	width:278px;
}

#corps #leve[data-leve='oui'] {
	background-color : rgba(180,180,180,0.5);
}

#corps #leve[data-leve='non'] {
	background-color : rgba(190,180,0,0.5);
}


#svg_crtl { 
	background-color : rgba(0,0,0,0.9);
	position:absolute;
	top:0px;
	left:-100px;
	z-index:500;
	overflow:hidden;
}
	
.divcast {
	position :absolute;
	background-color:#303030;
	padding:5px;
	text-align:left;
	border:2px solid gold;
	z-index:2000;
	color:red;
	min-width:120px;
	cursor: url(../img/clorebn.png) 9 9, help !important;
}

.divcast p{
	color:red !important;
	font-size:12px !important;
	line-height:1.2em !important;
}
			
/******************************* pour actualites (aide) ***************************/

#section div.actualite  {
	margin: 20px 0 0 0;
	}
	
p.actualite ,p.first_actualite ,p.centre_actualite {
	word-wrap: break-word;
	margin:0px;
	font-size : 0.8em ;
	font-family  :verdana,"sans serif" ;
	}
	
p.centre_actualite {
	text-align:center;
	}

div.actualite  ul {
	font-size : 1em ;
	font-family  :Verdana, Arial,"sans serif" ;
	text-align: justify;
	}

	
/** aide **/
a.aide {
	font-size : 25px !important;
	color: #af8271 !important;

}
/******************* fin actualites ************************/	
/* clear fix */
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{
    display: block;
}
html[xmlns].clearfix{
    display: block;
}
*.clearfix{
    height: 1%;
}

/* spectre lumineux */
#id_spectre  {
	border: ridge 3px grey;
	background-image:url(../pages/img/spectre_lumiere_380_800.jpg);
	z-index:5000;
	position:absolute;
	width:870px;
	height:70px;
	display:none;
}

#id_curseur  {
	cursor:pointer;
	position:absolute;
	top:6px;
	left:100px;
}

#id_spectre a{
	font-size:9px;
	text-decoration:none;
	position:absolute;
	bottom:1px;
}


#id_hbeta{
	left:222px;
}

#id_halpha{
	left:562px;
}

#id_oiii{
	left:239px;
}

#id_fermer {
	position:absolute;
	bottom:0;
	right:0;
	font-size:12px !important;
}

/** formulaire calculatrice **/

.cssform2 p{
	width: 415px;
	font-family: Verdana, "sans serif" ;
	font-size: 0.8em ;
	clear: left;
	margin: 0;
	padding: 4px 0 4px 0;
	padding-left: 275px; /*width of left column containing the label elements*/
	border-top: 1px dashed #907070;
	height: 1%;
}

.cssform2 fieldset{
	font-family: tahoma,Verdana, "sans serif" ;
	margin: 0;
	padding: 4px 0 4px 10px;
}

.cssform2 fieldset label{
	font-weight: normal;
	font-size: 13px ;
	padding: 4px 0 4px 0;
	width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform2 p:first-child{
	border: none;
}

.cssform2 label{
	font-weight: normal;
	float: left;
	font-size: 13px ;
	margin-left: -265px; /*width of left column*/
	width: 295px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#astre{
	clear:both;
	margin-top:10px;
	width:60%;
	display:flex;
}

#div_init {
	position:fixed;
	background-color:rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	z-index:100000;
	text-align:center;"
}

#info {
	position:relative;
	top:49.5%;
	color:#ee5011;
	font-size:16px;
	font-family:arial;
}


.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 44px;
	text-align:left;
/*	height:20px;*/
}

/*.cssform2 select{ 
	height:20px;
}*/

.little {
	width: 36px !important;
}

/************************** **************************/
table.calc
{	
    border-collapse: collapse;
	margin: 0 auto;
	font-family: Verdana, "sans serif" ;
	font-size: 0.9em ;
	float:right;
}
table.calc caption {
	font-size:1.3em;
	font-style:bold;
	margin-bottom:8px;
}
table.calc td, table.calc th /* Mettre une bordure sur les td ET les th */
{
    border: 2px solid black;
	padding:7px 6px 7px 6px;
	text-align:center;
}
table.calc th /* Mettre une bordure sur les td ET les th */
{
    background-color:#340000;
	width:360px;
}

table.calc td{
	color: #a00000;
	font-weight:bold;
	min-width:100px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

table.calc[data-calc] td{
	color: #e04586;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.info_simu {
	color:#b04000;
}

fieldset.actualite {
 padding:20px;
 /*width: 400px;*/
 }
 
.enreg {
	color: rgb( 185, 40,150 ); 
	font-weight:bold !important;
}

#calculatrice input[type="text"], #calculatrice input[type="number"]{
	width: 92px;
	height:12px;
	font-size:12px;
	background-color:#cc4444;
}

#calculatrice select{
	height:20px;
	font-size:12px;
	background-color:#cc4444;
}


.aff_objet {
	 font-weight:bold;
	 background-color:#323232;
}
input[type='radio']:after {
        width: 9px;
        height: 9px;
        border-radius: 9px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #d15454;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid red;
    }
input[type='radio']:checked:after {
        width: 9px;
        height: 9px;
        border-radius: 9px;
        top: 0px;
        left: 0px;
		position: relative;
        background-color: #000000;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid red;
    }
	
input[type='checkbox']:after {
        width: 9px;
        height: 9px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #d15454;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid red;
    }
input[type='checkbox']:checked:after {
        width: 9px;
        height: 9px;
        top: 0px;
        left: 0px;
		position: relative;
        background-color: #000000;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid red;
    }
	
#date_obs {
	background:#d15454;
}

body::-webkit-scrollbar, div::-webkit-scrollbar, p::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  background-color: #400000; 
}

body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb, p::-webkit-scrollbar-thumb, input::-webkit-scrollbar-thumb{
  width: 14px;
  height: 14px;
   background-color: #f00; 
}
body::-webkit-scrollbar-corner ,div::-webkit-scrollbar-corner , p::-webkit-scrollbar-corner , input::-webkit-scrollbar-corner {
  width: 14px;
  height: 14px;
   background-color: #f0c; 
}
body, div, p {
	scrollbar-base-color: #f00000;
	scrollbar-arrow-color: black;
	-ms-scrollbar-face-color: red;  
}

*[onclick], #dmd_fen_chp_aladin, #mode {
	cursor:pointer;
}

input[type="radio"] {
	cursor:pointer;
}

/** media query **/

@media only screen and (max-width: 1280px)
{
	#conteneur { 
		width:1012px;
		}

	#corps { 
		font-size:11px;
		padding:5px 5px 5px 5px;
		}

	#footer { 
		font-size: 0.8em;
		}

	#footer a { font-size:0.8em }

	#corps p , #corps ul {
		font-size:10px;
		line-height:1.4em;
		}

	table.calc
	{	
		font-size: 0.8em ;
	}
	
	table.calc caption {
		font-size:1.1em;
		}

	.cssform2 p{
		width: 300px;
		font-size: 0.7em ;
		padding-left: 185px; /*width of left column containing the label elements*/
	}

	.cssform2 p:first-child{
		border: none;
	}

	.cssform2 label{
		font-size: 11px ;
		margin-left: -180px; /*width of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

	table.calc th { /* Mettre une bordure sur les td ET les th */

		width:240px;
	}

	#svg_crtl { 
		left:0px;
		/*background-color : rgb(0,0,0,0.3);*/
	}
		
}

.anim{
	cursor:pointer;
    background:#9f6666;
	animation:clignote 1s infinite; 
  }

.nonanim{
	cursor:pointer;
	background:#9f6666;
  }


@keyframes clignote
{
from   {background:#9f6666;} to {background:red;}

}