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

html {
	background-color: #DDEEFF;
}

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");*/
	background-color: #99AABB;
	height: 146px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*position: fixed;
	text-align: center;*/
	top: 0px;
	width: 100%;
}

#header img {
	background-image: url("images2/BeeServicesT-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/FondBoutons.png");*/
	background-color: #AABBCC;
	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 !important;
	margin-left: -12px ;/**/
	margin-top: 0;
	padding-left: 0px !important;
	padding-left: 12px;
}

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

.menuhaut a {
	/*background-image: url("images/boutonOFF.gif");
	background-repeat: no-repeat;*/
	background-color: #BBDDFF;
	border: 2px outset;
	color:blue;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 16px;
	line-height: 1em ;
	padding: 8px 0;
	text-align: center ;
	width: 127px;
}

.menuhaut a:hover {
	/*background-image: url("images/boutonON.gif");*/
	border: 2px inset;
	padding: 9px 1px;
}

/* 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-color: #BBCCFF;
	border: 2px outset;
	color:blue;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 15px;
	line-height: 1em ;
	margin-left: 4px;
	min-width: 155px;
	padding: 8px 0px;
	text-align: center ;
	width: 155px;
}

#btnlangues:hover {
	border: 2px outset;
	padding: 9px 1px;
}

#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 {
	background-color: #EEFFFF;
	border: 1px solid #000;
	color: black;
	float: left;
	font-size: 7pt;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-decoration: none;
	width: 100%;
}

#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-color: #BBCCFF;
	border: 2px outset;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 35px;
	line-height: 1em ;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-top: 0px;
	padding-left: 14px;
	padding-right: 14px;
	width: 127px;
}

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

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

.menugauche a {
	/*background-image: url("images/boutonOFF.gif");
	background-repeat: no-repeat;
	background-position: center top;*/
	background-color: #BBCCFF;
	border: 2px outset;
	color:blue;
	display: block ;
	font: 1em Arial,sans-serif ;
	font-weight: 200;
	height: 15px;
	line-height: 1em ;
	padding: 8px 0;
	text-align: center ;
	width: 155px;
}

.menugauche a:hover {
	/*background-image: url("images/boutonON.gif");*/
	border: 2px outset;
	padding: 9px 1px;
}

.menugauche a.btnttl {
	/*background-image: url("images/btnttlOFF.gif");*/
	background-color: #33CCDD;
}

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

/* Centre ********************************************/
#centre {
	background-attachment: fixed;
	background-color: #ffffdd;
	background-image: url(eos.png);
	background-position: center;  
	background-repeat: no-repeat;
	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 {
   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 {
	clear: both;
	padding-top: 1em;
	width: 100%;/**/
}

#centre div.inputd {
	float: right;
	padding-left: 2%;
	padding-top: 1em;
	text-align: left;
	width: 47%;
}

#centre div.inputg {
	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 {
	color:#336699;
   font-weight : 900;
   font-size : 1.8em;
	text-indent: 0%;
}

#centre h1.rouge {
   background : red;
   color: yellow;
   font-weight : 900;
   font-size : 1.8em;
	text-indent: 0%;
}

#centre h1.vert {
   background : lime;
   font-weight : 900;
   font-size : 1.8em;
	text-indent: 0%;
}

#centre h2 {
	color:#336699;
   font-weight : 800;
   font-size : 1.5em;
	text-indent: 0%;
}

#centre h3 {
	color:#336699;
   font-weight : 700;
   font-size : 1.3em;
}

#centre h4 { 
	color:#336699;
   font-weight : 400;
   font-size : 1.1em;
}

#centre h5 {
	color : rgb(255,0,255);
   background : #f4f498;
   font-weight : 600;
   font-size : 1em;
}

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

#centre li {
	color: #554400;
	font-style : oblique;
	margin-left: 20px;
	text-indent: 0;
}

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

#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-color: #554400;
	border: thin black solid;
	color: #ffeedd;
	margin-left: 10%;
	margin-right: 40%;
	padding: 0.5%; 
   font-family : monospace,courier;
	text-indent: 0;
	text-align : left;
}

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

#centre p.quote {
	background-color: #ffeedd;
	color: #332200;
	border: medium double #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 {
	text-indent: 0;
}

#centre span.citation {
	color: #AA7700;
	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: #336699;
}

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

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

#centre ol, ul { 
	background-color: #ffeedd;
	border: thin #554400 solid;
	padding:0;
}

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

#lang a {
	color: black;	
	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: black;
	font-weight: 800;	
	text-decoration: none; 
}

#droite a:hover {
	color: red;	
}

#droite div {
	background-color: white;	
	border: 3px outset #777777;
	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: yellow;
	color: red;
}

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

#pied {
	background-color: #FFEEDD;
	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 {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #ccffff;
  color: black;
  border:1px solid #000;
  width:250px;
  text-align:justify;
  font-weight:normal;
  font-size: small;
  padding:2px 4px;
}

.bkjaune {
	background-color:yellow;
}

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

.bkvert {
	background-color:lime;
}

.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: black;	
	text-decoration: none;
}

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

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

.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 {
	background-color: #fffff5;
	font-style: italic;
}

.subtitle:after {
	content: "]";
}

.subtitle:before {
	content: "[";
}

.transparent {
	background-color: transparent;
}