/* CSS Document */

    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background-image:url(Galaxie-2.jpg);

    	margin: 0; 
    	padding: 30px;
    	text-align: center; 
    	color: #003366;
    }
	a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
		}
#platxt,#colexp,#visu{
	z-index: 98;
	position:fixed;
	background-color:#666666;
	display:none;
	width:220px;
	top:350px;
	right:9%;
	-webkit-border-radius: 10px / 10px;
	-moz-border-radius:    10px / 10px;
	border-radius:         10px / 10px;
	border:1px solid #bbbbbb;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #dddddd;
	font-weight: bold;
	padding:10px;
	margin-right: 100px;
}
#colexp{
	width:220px;
	position:fixed;
	left:10%;
	top:50px;
}
#visu{
	width:220px;
	position:fixed;
	top:100px;
	right:9%;
	display:block;
}

#container {
	width: 800px;
	background-image:url(Galaxie-2d.jpg);
	background-position:-550px -30px;
   	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	color:#FFFFFF;
	padding:0px;
    }
.oneColFixCtrHdr #header {
		/*background-image:url(Galaxie-2d.jpg);*/
		background-position:-550px -30px;
    	background:#666666;
    	padding: 0px;  
    }
.oneColFixCtrHdr #bdheader {
	/*background-image:url(Galaxie-2d.jpg);*/
		background-position:-550px -30px;
	background:#666666;
	padding: 0 10px;
	position: fixed;
	top: 0px;
	width: 780px;
}
.oneColFixCtrHdr #CompmainContent {
	padding: 80px 40px 1px 1px;
	background:#666666;
	margin-top: 200px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.oneColFixCtrHdr #footer {
	padding: 0 10px;
	background:#666666;
	/*background-image:url(Galaxie-2d.jpg);*/
	color:#FFFFFF;
	position: -webkit-sticky;;
	position:sticky;
	bottom: 0px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
} 
.twoColHybRtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
	/*background-image:url(Galaxie-2d.jpg);*/
}
.twoColHybRtHdr #container { 
	width: 800px;  
	/*background-image:url(Galaxie-2d.jpg);*/
	background:#CCCCCC;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 
.twoColHybRtHdr #header { 
	/*background-image:url(Galaxie-2d.jpg);*/
	background-position:-550px -30px;
	background:#666666;
	padding: 0 10px;  
} 
.twoColHybRtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

#sidebar1 {
	float: left; 
	width: 20em; 
	background-image:url(Galaxie-2d.jpg);
	background-position:-550px -30px;
	color:#FFFFFF;
	/*background: #EBEBEB; */
	padding: 15px 0; 
}
.twoColHybRtHdr  h3, .twoColHybRtHdr #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
	color:white;
}

.twoColHybRtHdr #mainContent {
margin: 2em 20px 0 22em;
background:#DDDDDD;
overflow: hidden;
	/*background-image:url(Galaxie-2d.jpg);*/
} 
.twoColHybRtHdr #footer { 
	padding: 0 10px; 
	background:#666666;
	/*background-image:url(Galaxie-2d.jpg);*/
	color:#FFFFFF;
} 
.twoColHybRtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
	/*background-image:url(Galaxie-2d.jpg);*/
}
    
.Style1 {
	color: #FFFFFF;
	text-decoration:none;
}
 

.Style1:hover  {/*  quand souris passe sur titre*/
	color:#FF0033;
	}
.mavisu:hover  {/*  quand souris passe sur titre*/
	color:#FF0033;
	/*left: 0;*/
	}
.mavisu:hover  .Style1{/*  quand souris passe sur titre*/
	color:#FF0033;
	/*left: 0;*/
	}
.Style1:hover .mavisu  /* mavisu quand souris passe sur titre*/{
	left: 0; /* Repositionnement normal */
	color:#FF0033;
	background-color:#CC0033;
	min-height: 0; /* Corrige un bug sous IE */
	border-bottom:2px solid #CC0033;
	border-top:2px solid #CC0033;
	}

.Style2 {
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}
.Style3 {background:#666666;font-size: small;color:#FFFFFF}
.Style6 {font-size: small; font-weight: bold; color:#000066; }
.Style7 {font-size: x-small; color:#003366;}
.Style9 {
	font-size: x-large;
	font-weight: bold;
}

.Style10 {color: #FFFFFF}
.Style11 {
	font-size: medium
}
.Style13 {
	color : #003366;
	font-size: medium;
	font-weight: bold;
}
.Style14 {color: #FFFFFF; font-style: italic; }
.Style15 {
	font-size: small;
	font-weight: bold;
	color:#FF0000; 
	font-style: italic; 
}
.Style16 {color: #FF0000; font-size: medium; font-style: italic; }
.menuaurasneutre {color:#FFFFFF; font-size:14px; font-weight:bold; font-style:italic;}

.Style17 {font-size: 10px}

#pospla{
width:250px;
border:1px navy;
margin-left:auto;
margin-right:auto;
padding:5px;
color:navy;
}
.listdir {
  background-color:#666666;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}
.listamis{
	width:550px;
	margin:auto;
	background-color:#666666;
	margin-bottom:50px;
	margin-top: 90px;
}
.friends{
	border-collapse:collapse;
	border-style:1px solid white;
	vertical-align:top;
	height:22px;
	border-bottom-size:1px;
	border-bottom-style:solid;
	border-bottom-color:#888888;
}

.menuauras {
  background-color:#666666;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}

.menuauras:hover,
.menuauras:focus {
  background-color:#003333;
  color:#FF0033;
  text-decoration: none;
}
.menuauras:active{
  background-color:#666666;
  color:#33CCFF;
  text-decoration: none;
}	

.retouraccueil{
text-align:right;
}

.TitreHoros{
text-align:center;
}



.boite {
  background:#666666 url('images/cadre-haut-gauche.png'); /* La couleur de fond de la boite... */
  margin: 7px; /* ... ainsi que la marge de la boite se définissent dans le bloc le plus externe */
}

.boite div {
  background: url('images/cadre-bas.png') 0 100% no-repeat;
}

.boite div div {
  background: url('images/cadre-droite.png') 100% 0 no-repeat;
}

.boite div div div {
  background: url('images/cadre-bas-droite.png') 100% 100% no-repeat;
  padding: 13px 16px 16px 13px; /* L'espacement intérieur de la boite se définit dans le bloc le plus interne */
}

/* Petit bonus de sécurité : */
.boite div div div div {
  background: none; /* Si la boite contient elle-même des div, éviter que ceux-ci aient cadre-bas-droite.png comme image de fond... */
  padding: 0;       /* ... et qu'elles aient un padding, définit dans la règle ci-dessus */
}
#fr_sel {
	z-index: 98;
	position:fixed;
	background-color:#666666;
	display:none;
	width:200px;
	top:150px;
	left:20px;
	-webkit-border-radius: 10px / 10px;
	-moz-border-radius:    10px / 10px;
	border-radius:         10px / 10px;
	border:1px solid #bbbbbb;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #dddddd;
	font-weight: bold;
	padding:10px;
	margin-right: 100px;
}