/********************************************************************************/
/*										*/
/*				STYLE Hollywood					*/
/*	# utilisation et reproduction autorisé sous réserve de siter l'auteur	*/
/*	# Copyright Sarl DMD  www.d-m-d.fr					*/
/*										*/
/********************************************************************************/
*{
	margin:0px;
	padding:0px;
}
body{
	font-size:12px;
	background:#000 url(./images/planete/dmdflip.jpg) center right no-repeat;
	font-family: Times, Arial, Helvetica, sans-serif;
	color:#aff;
}
img{
	border-width:0px;
}
a{	
	text-decoration:none;
	color:#aff;
}
	
#index{
	width:990px;
	height:550px;
	position:relative;
	margin:auto;
}

#home{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:20px;
}
/*------------------Menu de style----------------*/
#style{
	position:absolute;
	left:20px;
	top:400px;
	text-align:left;
	background-color:transparent;
}
#style a img{
	width:40px;
	margin:5px;
}
#style a:hover img{
	width:45px;
	margin:5px 0px 0px 5px;
}
#bandeliens{
	text-align:right;
	height:132px;
	background-color:transparent;
	
}
ul#listeliens{
	list-style-type:none;	
}
#listeliens li{
	float:right;
	display:inline;
}	
a#qui , #quoi , #contact{
	display:block;
	width:125px;
	height:100px;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	background:transparent url("./images/planete/liens.png") center center no-repeat;
	margin:20px;
	
}
#qui a:hover , #quoi a:hover , #contact a:hover{
	background:none; !important!
}
#qui span , #quoi span , #contact span{
	color:#ababab;
	font-weight:bold;
	font-size:19px;
	display:none;
}
/*-----------block span en etat de survol-----------*/	
a:hover#qui span , a:hover#quoi span , a:hover#contact span{
	display:block;
	width:400px;
	height:333px;
	background:transparent url("./images/planete/thumliens.png") top left no-repeat;
	color:#aff;
	text-align:left;
	padding-left:40px;
	padding-top:18px;
	position:absolute;
	top:30px;
	right:0px;
}

a:hover#qui span em , a:hover#quoi span em , a:hover#contact span em{
	display:block;
	width:310px;
	text-indent :30px; 
	text-align : justify;
	background-color:transparent;
	color:#9ff;	
	font-size:14px;
	line-height:1.3em;
	margin-top:70px;	
}
		
#qui strong , #quoi strong , #contact strong{
	display:block;
	width:100px;
	height:60px;
	background-color:transparent;
	color:#ababab;
	font-size:8px;
	text-align : center;
	line-height:1.4em;
	margin:12px;		
}

#copyright{		
	position:absolute;
	left:0px;
	bottom:0px;
	color:#9d9c9c;	
	margin-left:5px;
}	
#page{
	width:550px;
	height:400px;
	color:#9b9c9c;
	background:transparent url("./images/planete/fondpage.png") top left no-repeat;
	overflow:hidden;
	margin-left:0px;
				
}
#cont{
	width:530px;
	height:380px;
	background-color:transparent;
	overflow:auto;
	margin:10px 10px 0px 0px;
				
}
#page h1{
	font-style:italic;
	font-weight:bold;
	color:#ababab;
	margin:13px 0px 10px 20px;
}
#page p{
	text-indent :40px; 
	color:#ababab;
	font-weight:bold;
	text-align : justify;
	
	margin:0px 20px 5px 30px;
}
form{
	margin:auto;
}
label {
	display:block;
	width:490px;
	text-align:right;
	margin:0px;
	cursor: pointer;
}
input,textarea{
	width:280px;
}
.note_erreur{
	color:#f00;
	margin-left:10px;
}
/*--------------------------------------------------------------------------------------*/
/*-------------------------boutons de navigation----------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.submit {
	display: block;
	height: 35px;
	width: 160px;
	color: #a9a9a9;
	font-size: 17px;
	font-weight:bold;
	
	text-decoration: none;
	background: transparent url(./images/planete/bouton.png) top left no-repeat;
	line-height: 35px;
	border:0px;
	text-align:center;
	margin-left:20px;
}
.submit:hover{
	color: #6f6f6f;
	font-size: 16px;
	text-decoration: none;
	background-position: 0% -35px;
}

/*--------------------------------------------------------------------------------------*/
/*-------------------------nuage de tags----------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.tag1{
	font-size:12px;
}
.tag2{
	font-size:14px;
	font-weight:bold;
}
.tag3{
	font-size:16px;
}
.tag4{
	font-size:18px;
	font-weight:bold;
}
.tag5{
	font-size:20px;
}
.tag6{
	font-size:22px;
	font-weight:bold;
}
.tag7{
	font-size:23px;
}
.tag8{
	font-size:24px;
	font-weight:bold;
}
.tag9{
	font-size:26px;
}
.tag10{
	font-size:28px;
	font-weight:bold;
}