/* CSS Document */

HTML, BODY {
	position: relative;
	background-color: Black;
	margin: 0;
	padding: 0;
	width: 100%;
  	font-family: Arial, Helvetica, sans-serif ;
	color: gray;
	text-align: left;
}

a {
	text-decoration: none;
	Color: gray;
}

a:hover {
	color: gray;
	text-decoration: underline;
}


a:focus {
	text-decoration: none;
	Color: white;
}


DIV {
	margin: 0;
	padding: 0;
}

/* Structure de Page */
#page {
	margin:20px 0 10px 0;
	text-align: center;
}

#pageinner {
	margin: 0 2px 0 0;	
	position: relative;
	width: 950px;
	margin: 0px auto;
	min-width: 950px;
}

#titre{
	position:absolute;
	top: 27px;
	left:24px;
	font-family: "Arial", serif;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	Color: Gray;
	width: 450px;
}

#en-tete {
	position: relative;
	height: 310px;
	top: 0;	
}

#corps {
	position: relative;
	width: 100%;	
}
	
#gauche {
	z-index: 2;
	margin-right: 6px;	
	margin-top: 206px;
	position: absolute;
	top: 0;
	left:0;
	width: 158px;
}

#gaucheinner{
	position:relative;
	margin: 0 0 0 7px;
}

#centre{
	position:relative;
	margin: 0px 162px 0px 158px;
	min-height: 340px;	
}

#contenu {
	position: relative;
	padding: 0px 20px 30px 30px;
	left: 0px;
}

#logo_gen{
	float:right; 
	width: 320px; 
	height: 240px; 
	margin: 6px 0 0 8px;
}

#boucles{
	float:right; 
	width: 300px; 
	height: 240px; 
	margin: 8px 0 8px 8px;
}

.boucles{
	font-size:9pt;
}

#bouclette{
	clear:right;
	font-size: 10pt;
	color:#CCCCCC;
	text-align:center;
}


#droite {
	margin: 0 5px 0 2px;	
	position: absolute;
	top: 0;
	right:0;
	width: 162px;
}
#droiteinner{
	position: relative;
	top: 0;	
}

#pied {	
	margin: 30px 185px 0px 175px;
	position: relative;
	width: auto;
	text-align: center;	
}

/* Images */

#immeubles{
	position:relative;
	top: 0;
	text-align:left;
	margin-bottom: 20px;
}


/* Menu */

#menu{
	position:absolute;
	width: 710px;
	height:191px;
	top:80px;
	left:130px;
}

#TV {
	position:absolute;
	width: 270px;
	left: 215px;
 }
 
#cadre {
	z-index: 5;
	position:absolute;
	width: 270px;
}

#ecran_vide {
	visibility: visible;
	z-index: 4;
	position:absolute;
}

#vitrine {
	z-index: 2;
	visibility: visible;
	position:absolute;
 }

#monthy {
	z-index: 2;
	visibility: visible;
	position:absolute;
}

#clap {
	z-index: 2;
	visibility: visible;
	position:absolute;
 }

#mouches {
	z-index: 2;
	visibility: visible;
	position:absolute;
}

#videos {
	z-index: 2;
	visibility: visible;
	position:absolute;
}

#collaborateurs {
	z-index: 2;
	visibility: visible;
	position:absolute;
}

#liens {
	z-index: 2;
	visibility: visible;
	position:absolute;
}


/* textes */
#textes_gauche{
	position:absolute;
	width: 210px;
}

#blank_gauche{
	width: 212px;
	height: 155px;
	background-color: black;
	z-index: 3;
	position:absolute;
	top:2px;
}

#assoc {
	z-index: 1;
	visibility: visible;
	width:210px;
	top: 25px;
	background-color:#000000;
	padding:2px;
}

#collabos {
	position:absolute;
	z-index: 1;
	visibility: visible;
	padding: 4px;
	width:210px;
	top: 75px;
	background-color:#000000;
	padding:2px;
}

#t_videos {
	position:absolute;
	z-index: 1;
	visibility: visible;
	width:210px;
	top: 125px;
	background-color:#000000;
	padding:2px;
}

#textes_droite{
	width: 210px;
	position:absolute;
	left: 484px;
}

#blank_droite{
	width: 214px;
	height: 157px;
	background-color: black;
	z-index: 3;
	position:absolute;
	top:2px;
}

#programme {
	position:absolute;
	z-index: 1;
	visibility: visible;
	width:210px;
	top: 25px;
}

#realisations {
	position:absolute;
	z-index: 1;
	visibility: visible;
	padding: 4px;
	width:210px;
	top: 85px;
}

#t_liens {
	position:absolute;
	z-index: 1;
	visibility: visible;
	padding: 4px;
	width:210px;
	top: 140px;
}

.textes-menu{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9pt;
	font-weight: normal ;
	font-style: normal ;
	text-align: justify ;
	Color: white ;
	background: transparent;
}

.contenu{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
	text-align:justify;
}

.contenu-gris{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11pt;
	font-weight: normal ;
	font-style: normal ;
	Color: gray;
	text-align:justify;
}

.contenu-titre{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal ;
	Color: white ;
	text-align:justify;
	text-transform: uppercase ;
}

a.contenu{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
}

a.contenu:hover{
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
}

.gaucheinner{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 8pt;	
	font-weight: normal ;
	font-style: normal ;
}

.droiteinner{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10pt;
	font-weight: normal ;
	font-style: normal ;
	text-align:justify;
}

.menu_programme{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10pt;
	font-weight: normal ;
	font-style: normal ;
}

.pied{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 7.5pt;
	font-weight: normal ;
	font-style: normal ;
}

.titre_menu_programme{
	color:#FFFFFF;
	font-size: 10pt;
	text-transform: uppercase ;
}

.titre_droite{
	color:#FFFFFF;
	font-size: 10pt;
	text-transform: uppercase ;
}

#real{
	position:relative;
	overflow: auto;
	padding: 0px 1px 40px 0px;
}

#realinner{
	position:relative;
	height:300px;
	width:95%;
	padding: 0px 8px 10px 3px;
}

.real{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
	text-align:justify;
}

.real-titre{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12pt;
	font-weight: bold ;
	font-style: normal ;
	Color: white ;
	text-align: center;
	text-transform: uppercase ;
}

a.real{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
}
a.real:hover{
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10pt;
	font-weight: normal ;
	font-style: normal ;
	Color: white ;
}

#logos{
	margin-top: 5px;
	margin-bottom:15px;
}

#bio{
	position:relative;
}

#tvbox{
	float:right;
	text-align:right;
	font-size: 7.5pt;
	margin-left: 6px;
}