body {
  margin-left: auto; 
  margin-right: auto;
  font-family: sans-serif;
  /* font-size: 90%; */
}

html {
  color:#000000 ;
  background-color: #D0E7FE;
  margin:0px;
  padding:0px;
  width:100%;
}
.main {
  position:absolute;
  width:100%;
  height:100%;
  color:#000000 ;
  background-color: #D0E7FE;
  margin:0px;
  padding:0px;
  margin-left: auto; 
  margin-right: auto;
}

.header {
  top: 0px;
  height:110px;
  width:100%;
  background-color: #104B8E;
  position:relative;
}

.headerg {
  float:left;
}

.song {
  bottom:1px;
  position:absolute;
  color: #D0E7FE;
  font-size: 80%;
}


.headerd {
  float:right;
  margin-right:15px;
}

.centre {
  position: relative;
  top:0px;
  min-width:320px;
  margin-left:160px;
  margin-right:160px;
  text-align: center;
}

.gauche {
  border:2px solid #104B8E;
  width:150px;
  position:absolute;
  top:120px;
  left:10px
}

ul.g {
  list-style:none;
  margin:0px;
  padding:0px;
}

ul.d {
  list-style:none;
  margin:0px;
  padding:0px;
  text-align:right;
}

.droite {
  width: 150px;
  border:2px solid #104B8E;
  position:absolute;
  top:120px;
  right:10px;
}
	

.footer {
  bottom:0px;
}
	
a:link			{ text-decoration: underline; color:#111122 }
/* A:visited		{ text-decoration: underline; color:#003366 } */
a:visited		{ text-decoration: underline; color:#104B8E }
a:active		{ text-decoration: underline; color:#003366 }
a:hover			{ text-decoration: underline; color:#104B8E }


.border { 
  background-color:#104B8E;
  text-align: right; 
}

.clair  { 
  background-color:#4475A2 ; 
}

.ref 	{ 
  background-color:#6E9ECA ; 
  font-size:90% ; 
}

.fonce  { 
	background-color:#6E9ECA ; 
	padding:5px;
  /* font-size: 90%; */
}
.quote { 
    color: #D0E7FE; 
}


.code {
  /*
  border:1px solid black;
  text-align:left;
  padding:5px;
  background-color: #6E9ECA;
  text-indent:0;
   */
  background-color: #EAEAF4;
  border: 1px solid rgb(65%,65%,85%);
  padding: .25em;
  text-indent: 0em;
  font-family: monospace;
  /* font-size: 100%; */
}

.blog {
  /* font-size: 90%; */
  text-align: justify;
  margin: 15px;
}
.smallnav {
  color: #4475A2;
  border: thin solid #6E9ECA;
  max-width: 400px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}
.navlink {
  text-decoration: none;
}
.navlink:hover {
  text-decoration: none;
  color: #D0E7FE;
  background: #003366;
}
.news  {  
	/* font-size: 90%; */
	color: #000000;
}

.saut {
  font-size: 90%; 
  color: #000000;
  text-align: center;
  text-decoration: underline;
}
.signature {
  text-align: right;
  font-size: 90%; 
  color: #000000;
}

.post {  
  color: #000000; 
  margin-right: 10px;
}

.titre { 
  color: #104B8E;
  font-size: 120%;
  text-decoration: underline;
}

.gros {  
  font-size: 200%; 
  font-style: italic; 
  color: #000000;
}

.petit {  
  font-size: 70%; 
  color: #000000;
}

.maintit {
  background-color:#4475A2;
  font-size: 120%;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  text-align: center;
  color: #D0E7FE;
}
div.retraitgeneral {
  margin-left:10px; 
  margin-right:10px;
}

img {
  border: 0px;
}

.lastfm {
  font-size: 90%;
}