/*  Theme Name: Rainbow Trance -- Referenceur TV  */
.cadredumenugauche {
float:left;
text-align:center;
width:500px;
padding:10px;
background-color:#ff9900;
border:1px solid #000000; 
color:#666666;
}

/*Général*/
{
    font-family: "Comic Sans MS", trebuchet ms, verdana , sans-serif;
}
a {
    color: #999999;
    text-decoration: none;
}
a:hover {
    color: #993300;
    text-decoration: none;
}

h1 {
	color: #990000;
	text-decoration: none;
	font-size: 18px;
	font-family: Georgia;
}

h2 {
	color: #333333;
	text-decoration: none;
	font-family: Comic Sans MS;
	font-size: 14px;
}

h3 {
	color: #ff9900;
	text-decoration: none;
	font-size: 14px;
	font-family: Comic Sans MS;
}

/* Header */
#header {	height:370px;
	background: url("http://referenceur-tv.com/themes/bg.jpg") repeat-x;}
.logoref {position : absolute; left: 20px; top: 30px;}
.bantv {position : absolute; right: 30px; top: 100px;}

/*Titre 2 Header*/
.titre2-header {
position: absolute;
top: 150px;
left: 31px;
font-family: Comic Sans MS;
font-weight: bold;
font-size: 12px;
color: white;
width: 15em;
}
.titre2-header a {
color: yellow;
	text-decoration: none;
}
.titre2-header a:hover {
	text-decoration: underline;
}

/* Texte header */  
.texte-header {
position: absolute;
top: 190px;
left: 31px;
font-style: italic;
font-size: 14px;
color: white;
height: 5em;
width: 19.5em;
}



/* etoile Header */
#etoile-gif {
 position : absolute;
 background:url(themes/tele-du-net.gif) no-repeat;
 width:11px;
 height:11px;
 left: 390px; 
 top: -50px;
 margin-top: 205px;
 margin-left: 104px;
}

#etoile2-gif {
 position : absolute;
 background:url(themes/live-television-gratuite.gif) no-repeat;
 width:11px;
 height:11px;
 left: -70px; 
 top: -110px;
 margin-top: 205px;
 margin-left: 104px;
}

#etoile3-gif {
 position : absolute;
 background:url(themes/tele-du-net.gif) no-repeat;
 width:11px;
 height:11px;
 left: 350px; 
 top: 80px;
 margin-top: 205px;
 margin-left: 104px;
}

/* Menu bouton */
div#bouton-orange { 
  position: absolute;
  top: 315px;
  left: 150px; 
  width:120px; 
  height:30px; 
  background-color: #FD8B04; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #ffffff;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
  div#bouton-orange a {
   color: #ffffff;
	text-decoration: none;
}
 div#bouton-orange a:hover {
	text-decoration: underline;
}

div#bouton-vert { 
  position: absolute;
  top: 315px;
  left: 280px; 
  width:120px; 
  height:30px; 
  background-color: #54E242; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
    div#bouton-vert a {
    color: #ffffff;
	text-decoration: none;
}
 div#bouton-vert a:hover {
	text-decoration: underline;
}
  
  div#bouton-bleu { 
  position: absolute;
  top: 315px;
  left: 410px; 
  width:120px; 
  height:30px; 
  background-color: #069FEF; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : --em; /* une taille qui te plaît */ 
  text-align: center;
  padding: 5px;
  } 
    div#bouton-bleu a {
    color: #ffffff;
	text-decoration: none;
}
 div#bouton-bleu a:hover {
	text-decoration: underline;
}
  
    div#bouton-violet { 
  position: absolute;
  top: 315px;
  left: 540px; 
  width:120px; 
  height:30px; 
  background-color: #D783D1; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
    div#bouton-violet a {
color: #ffffff;
	text-decoration: none;
}
 div#bouton-violet a:hover {
	text-decoration: underline;
}

    div#bouton-rouge { 
  position: absolute;
  top: 315px;
  left: 20px; 
  width:120px; 
  height:30px; 
  background-color: #F96262; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
    div#bouton-rouge a {
color: #ffffff;
	text-decoration: none;
}
 div#bouton-rouge a:hover {
	text-decoration: underline;
}
  
    div#bouton-jaune { 
  position: absolute;
  top: 315px;
  left: 670px; 
  width:120px; 
  height:30px; 
  background-color: #FFFF99; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
    div#bouton-rouge a {
color: #ffffff;
	text-decoration: none;
}
 div#bouton-rouge a:hover {
	text-decoration: underline;
}
  
  /* Sidebar */
    div#menu-side-googl { 
  position: absolute;
  top: 400px;
  left: 20px; 
  width:150px; 
  height: 20px; 
  background-color: #E696A3; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #000;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 0px;
  } 
  
  div#side-googl { 
  position: absolute;
  top: 420px;
  left: 20px; 
  width:150px; 
  height:30px; 
  background-color: #E3EAF4;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #6699CC;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
  
div#menu-side-lien {
	position: absolute;
	top: 400px;
	right: 20px;
	width: 150px;
	height: 20px;
	background-color: #FFD5A3;
	background-repeat:no-repeat;
	font-family:"Arial";
	color : #000;
	font-size : --em;  /* une taille qui te plaît */
	text-align: center;
	padding: 0px;
  } 
  
  div#side-lien { 
  position: absolute;
  top: 420px;
  right: 20px; 
  width: 150px; 
 
  background-color: #E3EAF4;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #6699CC;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
  
  div#menu-side-utile { 
  position: absolute;
  top: 720px;
  right: 20px; 
  width: 150px; 
  height: 20px; 
  background-color: #D783D1; 
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #000;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 0px;
  } 
  
  div#side-utile { 
  position: absolute;
  top: 740px;
  right: 20px; 
  width: 150px; 
 
  background-color: #E3EAF4;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #6699CC;
  font-size : --em;  /* une taille qui te plaît */
  text-align: center;
  padding: 5px;
  } 
    div#side-utile a {
color: #6699CC;
	text-decoration: none;
}
 div#side-utile a:hover {
	text-decoration: underline;
	}

	
/* moteur de recherche google */
div#moteur-googl {
position: absolute;
top: 323px;
left: 798px;
font-style: italic;
font-size: 14px;
color: white;
height: 13px;
width: 200px;
}

/* annonce google 468x15*/
div#googl-468x15 {
position: absolute;
top: 735px;
left: 266px;
height: 15px;
width: 468px;
}

div#googl-468x15-haut {
position: absolute;
top: 40px;
left: 506px;
height: 15px;
width: 468px;
}

  div#googl-468x60 { /* annonce chaine jeunesse*/
  position: absolute;
  top: 1567px;
  left: 260px; 
  width:470px; 
  height:65px; 
  background-color: #ffffff;
  background-repeat:no-repeat;
  padding: 5px;
  } 
  
  div#googl-728x15 {
   position: absolute;
   top: 2811px;
   left: 136px;
   height: 15px;
   width: 728px;
  }
  
/* pied de page */
  div#footer-noir { 
  position: absolute;
  margin-top: 15px;
  width: 100%;
  height: 60px;
  background-color: #000000;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #fff;
  font-size : 14px; /* une taille qui te plaît */ 
  padding: 5px;
  } 
    div#footer-noir a {
    color: #ffffff;
	text-decoration: none;
}
 div#footer-noir a:hover {
	text-decoration: underline;
} 

/* Ecran TV plasma */
div#streaming {
position: absolute;
top: 615px;
left: 225px;
height: 314px;
width: 533px;
}


/* copyrigth*/
  div#copyrigth { 
  position: absolute;
  margin-top: 80px;
  width: 100%;
  height: 10px;
  background-color: #ffffff;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #000000;
  font-size : 12px; /* une taille qui te plaît */ 
  padding: 5px;
  } 
    div#copyrigth a {
    color: #000000;
	text-decoration: none;
}
 div#copyrigth a:hover {
	text-decoration: underline;
}