/*******************************************************
Déplacement des images externes : voir choix.php
*******************************************************/
/* Conteneur ******************************************/
body {
	background-color:#000000;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

html {
	background-color: #000000;
}

p {
	margin: 0 0 10px 0;
}

#conteneur {
	/*background-color:#CCCCFF;*/
	height: 97%;
	position: absolute;
	width: 100%;
}

/* header et menu ************************************/
#header {
	/*background-image: url("images/Fond1.png");
	background-image: url("images/asterix.gif");*/
	height: 146px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*position: fixed;*/
	text-align: center;
	top: 0px;
	width: 100%;
}

#header img {
	background-image: url("images2/BeeServicesNoirT-IT-760.gif"); 
	background-repeat: no-repeat;
	background-position: center center;
	height: 126px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 760px;
}

#menu {
	background-image: url("images/FondBoutonsNoir.png");
	height: 40px;
	margin-top: 0px;/**/
	padding-top: 1px;
	/*position: fixed; Utiliser en même temps overflow pour le corps*/
	top: 146px;
	width: 100%;
}

.menuhaut {
	list-style: none ;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0px;
}

.menuhaut li {
	display: inline;
	float: left;
	margin-left: 1.75% ;/**/
	width: 18% ;
	min-width: 127px;
}

.menuhaut a {
	background-image: url("images/boutonNoirOFF.gif");
	background-repeat: no-repeat;
	color:cyan;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 26px;
	line-height: 1em ;
	padding: 8px 0;
	text-align: center ;
	width: 127px;
}

.menuhaut a:hover {
	background-image: url("images/boutonNoirON.gif");
	border: 0;
}

/* Corps *********************************************/
#corps {
	/*background-color: #FFFFDD;*/
	padding-bottom: 50px;
	/*padding-top: 200px !important;*/
	padding-top: 0;
	/*overflow: hidden; overflow est utilisé avec la position: fixed du menu*/
}

/* Gauche ********************************************/
#btnlangues {
	background-image: url("images/boutonNoirOFF.gif");
	background-repeat: no-repeat;
	background-position: center top;
	color:cyan;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 26px;
	line-height: 1em ;
	min-width: 155px;
	padding: 6px 5px;
	text-align: center ;
	width: 155px;
}

#btnlangues:hover {
	background-image: url("images/boutonNoirON.gif");
}

#btnlangues a {
	background-color: transparent;
}

#btnlangues a img {
	background-color: transparent;
	border: 0;
	margin-top: 4px;
	margin-left: 2px;
	margin-right: 2px;
}

#btnlangues a img:hover {
	height:16px;
	width:21px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#css { /* Cadre choix du graphisme + pub Firefox */
	background-color: #404040;
	border: 1px solid #000;
	color: white;
	float: left;
	/*font-size: 8.5px;*/
	font-size: 7pt;
	/*height: 100%;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-decoration: none;
	width: 100%;
}

#css a {
	color:cyan;
}

#css h1 {
	font-size: 12px;
	font-weight: 700;
}

#divmenu {
	color:red;
}

#gauche {
	/*background-color: red;*/
	float: left;
	/*position: absolute;*/
	text-align: center;
	text-indent: 0;
	width: 150px ;
}

img#langues {
	background-image: url(images/boutonNoirOFF.gif);
	background-color: transparent;
	border: 0;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-top: 0px;
	/*height: 35px;
	padding-left: 8px;
	padding-top: 0;
	width: 155px;*/
}

.menugauche {
	background-image: none;
	/*background-color: inherit;
	background-color: red;*/
	color: lime;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}

.menugauche li {
	display: inline;
	float: left;
	height: 30px;
	margin-left: 1.75% ;/**/
	width: 18% ;
	min-width: 155px;
}

.menugauche a {
	background-image: url("images/boutonNoirOFF.gif");
	background-repeat: no-repeat;
	background-position: center top;
	color:cyan;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 26px;
	line-height: 1em ;
	padding: 8px 0;
	text-align: center ;
	width: 155px;
}

.menugauche a:hover {
	background-image: url("images/boutonNoirON.gif");
	border: 0;
}

.menugauche a.btnttl {
	background-image: url("images/btnttlNoirOFF.gif");
	color:blue;
}

.menugauche a.btnttl:hover {
	background-image: url("images/btnttlNoirON.gif");
}

/* Centre ********************************************/
#centre {
	/*background-attachment: fixed;
	background-image: url(eos.png);
	background-position: center;  
	margin-left: 170px;
	margin-right: 170px;
	background-repeat: no-repeat;*/
	background-color: #404040;
	border: 3px solid #000;
	margin-left: 20px;
	margin-right: 10px;
	overflow: auto;
	padding: 1em 1em 1em 1em;	
   text-align : justify;
   text-indent : 5%;
}

#centre a:link {
	color: aqua;
   background: transparent;
}

#centre a:visited {
	color: #00ccff;
   background: transparent;
}

#centre a:hover {
   color: black;
   background: lime;
}

#centre a:active {
   background : yellow;
}

#centre div.googleSearchUnitIframe {
	background-color: yellow;
   border: thin solid blue;
	margin-left: auto;
	margin-right: auto;
	width:50%;
}

#centre div.inputc {
	/*background-color:#EEFFDD;
   border: thin solid black;
	display: inline;*/
	clear: both;
	padding-top: 1em;
	/*padding-bottom: 0.5em;
	padding-left: 1em;
	padding-top: 0.2em;
	width: 100%;
	width:auto;*/
}

#centre div.inputd {
	/*background-color:#EEFFDD;
   border: thin solid black;
	display: inline;*/
	/*background-color: aqua;
	display: inline;*/
	float: right;
	padding-left: 2%;
	padding-top: 1em;
	text-align: left;
	width: 47%;/**/
}

#centre div.inputg {
	/*background-color:#EEFFDD;
   border: thin solid black;
	display: inline;*/
	/*background-color: lime;
	display: inline;*/
	float: left;
	padding-right: 2%;
	padding-top: 1em;
	text-align: right;
	width: 47%;/**/
}

#centre form {
	text-align: center;
	text-indent: 0;
}

#centre form p {
	margin-top: 1em;
}

#centre h1 {
   background : #000000;
   border: thin solid blue;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 900;
   font-size : xx-large;
   margin-left : 20%;
   margin-right : 20%;
	text-align : center;
	text-indent: 0%;
}

#centre h1.rouge {
   background : red;
   border: thin solid blue;
   color: yellow;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 900;
   font-size : xx-large;
   margin-left : 20%;
   margin-right : 20%;
	text-align : center;
	text-indent: 0%;
}

#centre h1.vert {
   background : lime;
   border: thin solid blue;
   color:black;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 900;
   font-size : xx-large;
   margin-left : 20%;
   margin-right : 20%;
	text-align : center;
	text-indent: 0%;
}

#centre h2 {
   background : #333333;
   border: thin solid blue;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 800;
   font-size : x-large;
   margin-left : 25%;
   margin-right : 25%;
   text-align : center;
	text-indent: 0%;
}

#centre h3 {
   text-align : center;
    text-indent: 0%;
   background : #777777;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 700;
   font-size : medium;
   border: thin solid blue;
   margin-left : 30%;
   margin-right : 30%;
}

#centre h4 { 
   background : #999999;
   font-family : sans-serif;
   font-style : normal;
   font-weight : 400;
   font-size : medium;
   border: thin solid blue;
   margin-left : 0%;
   margin-right : 50% !important;
   margin-right : 25%;
   text-align : left;
	text-indent: 0%;
}

#centre h5 {
   background : #c4c4c4;
   color : rgb(127,0,0);
   font-family : sans-serif;
   font-style : normal;
   font-weight : 600;
   font-size : small;
   text-align : left;
	text-indent: 0%;
   width: 30%;
}

#centre h6 {
   color : white;
   font-family : sans-serif;
   font-weight : 600;
   font-size : large;
   text-align : center;
   text-decoration : underline;
	text-indent: 0%;
}

#centre li {
	text-indent: 0;
}

#centre object {
	height: 1000px;
	margin-left: auto;	
	margin-right: auto;
	width: 100%;
}

#centre object.trad {
	border: 1px solid #000;
	height: 1000px;
	margin-left: -180px;	
}

#centre object.meteo {
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 600px;
}

#centre object.objectsearch {
	height: 1300px;
	width: 100%;
}

#centre p.center { 
	text-align: center;
	text-indent: 0%;
}

#centre p.code {
	background: #000000;
	color: #00FF00;
	border: thin #ca5b02 solid;
   font-family : monospace,courier;
   font-size: 0.85em;
   /*font-style : oblique;*/
   font-weight: 800;
	margin-left: 2%;
	margin-right: 2%;
	padding: 0.5%; 
	text-indent: 0;
	text-align : left;
}

#centre p.important {
	background-color: #ffcccc;
	border: medium double Red;
	border-top: medium double Red;
	color: #774444;
	padding: 1em;
	text-align: justify;
}

#centre p.quote {
	background-color: #ffeedd;
	border: medium double #332200;
	color: #332200;
	padding: 1em;
	text-align: justify;
}

#centre p.warning {
	background-color: #ffcccc;
	border: medium double red;
	color: #ff0000;
	font-weight: 800;
	padding: 1em;
	text-align: center;
	text-decoration: blink;
}

#centre pre {
	background-color:#555555;
	border: medium double black;
	padding-left:2em;	
	text-indent: 0;
}

#centre span.citation {
	color: #FF9900;
	font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
	font-style: italic;
	font-weight: 600;
}

#centre span.prompt { /* prompt OS en ligne de commande dans code */
	color: #ffeecc;
}

#centre table {
	margin-left: auto;
	margin-right: auto;
	text-indent:0;
}

#centre table.bgr {
	background-color: #CCFF99;
}

#centre ol, ul { 
	color: rgb(150, 150, 150);
	text-align: justify;
	font-family: sans-serif;
	font-style: oblique;
	font-weight: 600;
	font-size: small;
	margin-left: 5%;
	margin-right: 3%;
	text-indent: 0;
}

#lang {
	float: right;
	font-weight: 800;
	padding-right: 1em; 
}

#lang a {
	color: white;	
	text-decoration: none;
}

#lang a:hover {
	color: red;	
	text-decoration: none;
}

/* Droite ********************************************/
#droite {
	/*background-color: lime;*/
	float: right;
	height: 100%;
	width: 160px;
}

#droite a {
	color: white;
	font-weight: 800;	
	text-decoration: none; 
}

#droite a:hover {
	color: red;	
}

#droite div {
	background-color: black;	
	border: 3px outset #777777;
	color:white;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: center;
}

#droite div.noborder {
	border: none;
	padding-bottom: 0px;
	padding-top: 0px;
}

#droite input.btnrech {
	font-size:0.6em;
}

#droite input.btnrech:hover {
	background-color: lime;
	color: red;
}

/* Pied **********************************************/
#copyright {
	color: red;
	font-size: 7pt;
	margin-left: 170px;
	margin-right: 170px;
	text-align: center;
}

#pied {
	background-color: #DDDDDD;
	bottom: 0;
	font-size: 7pt;
	height: 30px;
	/*margin-bottom: 0;
	margin-top: auto;*/
	position: fixed;
	width: 100%;
}

#pied a {
	color: black;	
	text-decoration: none;
}

#pied a:hover {
	color: red;	
	text-decoration: none;
}

#pied a img {
	border: 0px solid;
	float: right;
}

#pied a img#hautpage {
	border: 0px solid;
	float: left;
}

/* Divers et général *******************************/
a.bulle {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
}

a:hover.bulle {
  text-decoration: none;
  background: none;
}

a.bulle img {
display: none;
}

a:hover.bulle img {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #ccffff;
  color: black;
  border:1px solid #000;
  padding:2px 4px;
}

a.bulle span {
display: none;
}

a:hover.bulle span {
  background: #ccffff;
  border:1px solid #000;
  color: black;
  display: inline;
  font-size: small;
  font-weight:normal;
  left:0.5em;
  padding:2px 4px;
  position: absolute; 
  text-align:justify;
  top:1.5em;
  width:300px;
  z-index: 20;
}

.bkjaune {
	background-color:yellow;
	color:#333300;
}

.bkrouge {
	background-color:red;
	color:yellow;
}

.bkvert {
	background-color:lime;
	color: #005500;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-indent: 0;
	text-align : center;
}

.center-left {
	margin-left: auto;
	margin-right: auto;
	text-indent: 0;
	width: 40%;
}

.chemin {
	font-weight: 800;
	margin-left: 170px;
	margin-right: 170px;
}

.chemin a {
	color: white;	
	text-decoration: none;
}

.chemin a:hover {
	color: red;	
	text-decoration: none;
}

.encadre {
	background-color: #777777; 
	border:1px solid #999966;
	color:#AAAAAA;
	padding: 0.5%;
	margin-bottom: 1em;
}

.fondblanc {
	background-color: white;
}

.gris {
	color: #555555;
	font-weight: 600;
}

.left {
	float: left;
	margin-right: 2em;
	text-indent: 0;
}

.noindent {
	text-indent: 0%;
}

.orange {
	color: #FF7700;
	font-weight: 800;
}

.petitgris {
	color: #777777;
	font-size: 85%;
}

.plusgros {
	font-size: 140%;
}

.right {
	float: right;
	margin-left: 2em;
	text-indent: 0;
}

.rouge {
	color: red;
	font-weight: 800;
}

.subtitle {
   border: thin solid red;
}

.transparent {
	background-color: transparent;
}