/*feuille de style pour la gestion de l'arborescence */
.elementPrincipal{
	width:655px;
	position:relative;
	overflow:hidden;
}
	.elementInformation {
		background-color:#000000;
		color:#FFFFFF;
		height:30px;
		left:0px;
		line-height:30px;
		position:absolute;
		top:0;
		width:655px;	
	}

#informationIkodz {
	position:absolute;
	top:505px;
	left:0px;
	height:30px;
	line-height:30px;
	width:655px;
	background-color:#00ABD3;
	color:#FFFFFF;
}	

	#informationIkodz label { 
		display:block;
		float:left;
		margin-left:20px;
		width:150px;
	}
	
#contentInformationIkodz {
	position:absolute;
	top:560px;
	left:0px;
	height:auto;
	line-height:30px;
	/*width:655px;*/
	color:#000000;
	width:365px;
}
	#contentInformationIkodz li {
		position:relative;
		top:0px;
		left:0px;
		height:30px;
		width:365px;
		font-size:13px;
		line-height:30px;
	}
		#contentInformationIkodz .infoIkodz {
			height:120px;
			line-height:25px;
		}
		#contentInformationIkodz label {
			float:left;
			width:150px;
			display:block;
		}
		#contentInformationIkodz textarea {
			height:70px;
			width:325px;
		}
		#contentInformationIkodz #googleMaps {
			height:260px;
			width:260px;
			position:absolute;
			top:30px;
			left:395px;
			background-image:url(../user/medias/images/site/backgroundGoogleMap.png);
		}		
		#contentInformationIkodz #googleMaps #map{
			height:240px;
			width:240px;
			position:relative;
			top:10px;
			left:10px;
			background-color:#333333;
			overflow:hidden;
		}
		
/*
###############################################
####
####	CSS POUR LES ELEMENTS DE LARBORESCENCE
####
###############################################
*/

#arborescenceIdentite {
	height:1100px;
}

	#arborescenceIdentite #actionElement {
		top:0px;
		height:30px;
		line-height:30px;
		background-color:#00ABD3;
	}
	
#arborescenceIdentiteApercu {
	height:880px;
}

	#arborescenceIdentiteApercu #actionElement {
		top:0px;
		height:30px;
		line-height:30px;
		background-color:#00ABD3;
	}
	
		#actionElement a {
			color:#FFFFFF;
			text-decoration:none;
			font-family:Arial,Times;
			font-size:11px;
		}
		#actionElement label {
			width:150px;
			margin-left:20px;
			display:block;
			float:left;
		}

#elementMove {
	height:435px;
	position:relative;
	top:50px;
	left:0px;
	width: 655px;
}

/*ELEMENT POUR AJOUTER UN  SITE DANS SA VIE VIRTUEL*/
#ajoutSiteElement {
	height:190px;
	width:450px;
	position:absolute;
	top:150px;
	left:100px;
	background-color:#EEEEEE;
	z-index:10;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#222222;
	z-index:2501;
}
	#ajoutSiteElement li {
		height:40px;
		line-height:40px;
		width:450px;
	}
	#ajoutSiteElement li label {
		width:120px;
		display:block;
		float:left;
		margin-left:10px;
	}
	#ajoutSiteElement #titleAjoutSite {
		font-size:22px;
		margin-left:10px;
		width:440px;
	}
	#ajoutSiteElement #informationValidationSite {
		height:20px;
		line-height:20px;
		text-align:center;
	}
	#ajoutSiteElement #apercuSiteAjout {
		position:absolute;
		top:94px;
		left:310px;
		width:120px;
		height:90px;
	}
	#ajoutSiteElement #submitLi {
		width:370px;
		height:50px;
		line-height:50px;
		text-align:center;
	}
	
	#ajoutSiteElement #submit {
		border:1px solid #AAAAAA;
		background-color:#EEEEEE;
		color:#003366;
		font-family:Arial;
		cursor:pointer;
	}

/*element de personnalisation */
#personnaliseSpace {
	height:250px;
	width:450px;
	position:absolute;
	top:90px;
	left:100px;
	background-color:#EEEEEE;
	z-index:10;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#222222;
	z-index:2500;
}
	#personnaliseSpace #corpPersonnalise{ 
		position:absolute;
		top:0px;
	}
	#personnaliseSpace li{ 
		height:40px;
		width:450px;
		line-height:40px;
		position:relative;
		top:0px;
		left:0px;
	}
	#personnaliseSpace #titlePersonnalise{ 
		font-size:22px;
		margin-left:10px;
		width:430px;
		text-align:center;
	}
	#personnaliseSpace #menuAction {
		width:450px;
		height:20px;
		line-height:20px;
		
	}
		#personnaliseSpace #menuAction label {
			height:20px;
			line-height:20px;
			width:100px;
			text-align:center;
			display:block;
			float:left;
			margin-left:5px;
			background-color:#DDDDDD;
			cursor:pointer;
		}
		
		#personnaliseSpace #menuAction label:hover {
			background-color:#CCCCCC;
		}
	#personnaliseSpace #informationPersonnalise {
		height:20px;
		width:450px;
		line-height:20px;
		text-align:center;
	}	
	#personnaliseSpace #elementPersonnalisable {
		height:160px;
		width:440px;
		line-height:20px;
		margin-left:5px;
	}
		#elementPersonnalisable li {
			position:absolute;
		}
		#elementPersonnalisable #titlePutBackground {
			height:25px;
			line-height:25px;
			width:150px;
			top:0px;
			left:0px;
		}
		#elementPersonnalisable #titleCouleurBackground {
			height:25px;
			width:150px;
			line-height:25px;
			top:60px;
			left:0px;
		}
		
		#elementPersonnalisable #titleApercuBackground {
			height:25px;
			line-height:25px;
			width:150px;
			top:0px;
			left:250px;
		}
		#elementPersonnalisable #typeBackgroundPerso {
			height:30px;
			line-height:30px;
			width:200px;
			top:25px;
			left:0px;
		}
		#elementPersonnalisable #apercuBackground {
			height:80px;
			width:150px;
			top:30px;
			left:250px;
		}
		#elementPersonnalisable #champsTypeBackground {
			height:25px;
			width:250px;
			top:90px;
			left:0px;
		}
		#elementPersonnalisable #submitBackground {
			position:absolute;
			height:25px;
			width:250px;
			line-height:25px;
			top:125px;
			left:0px;
		}
		
		#elementPersonnalisable .colorPicker {
			height:20px;
			width:250px;
		}
		.colorBackground {
			height:20px;
			width:20px;
			display:block;
			float:left;
		}
		.colorBackground:hover{
			height:25px;
		}
	#personnaliseSpace #titleSlideElement {
		position:absolute;
		top:0px;
		left:0px;
		width:200px;
		height:20px;
		line-height:20px;
	}	
	#personnaliseSpace #slideOpacityElement {
		position:absolute;
		top:20px;
		left:0px;
		width:250px;
		height:40px;
		line-height:40px;
	}
		
	#personnaliseSpace #barreSliderElement {
		height:10px;
		width:150px;
		position:relative;
		left:50px;
		top:15px;
		background-color:#333333;
		margin-top:5px;
		margin-bottom:5px;
	}
	#personnaliseSpace #slider {
		position:absolute;
		height:20px;
		width:20px;
		top:-5px;
		left:0px;
		background-color:#AAAAAA;
	}
	#personnaliseSpace #titleApercuElement {
		position:absolute;
		top:0px;
		left:300px;
		width:140px;
		height:20px;
		line-height:20px;
	}
	#personnaliseSpace #titleColorElement {
		position:absolute;
		top:60px;
		left:0px;
		width:200px;
		height:20px;
		line-height:20px;
	}	
	#personnaliseSpace #colorElement {
		position:absolute;
		top:80px;
		left:0px;
		width:250px;
		height:30px;
		line-height:30px;
	}	
	#personnaliseSpace #submitOpacityElement {
		position:absolute;
		top:110px;
		left:0px;
		width:250px;
		height:30px;
		line-height:30px;
	}	

	#personnaliseSpace #apercuOpacityElement {
		position:absolute;
		top:40px;
		left:320px;
		width:50px;
		height:50px;
	}	


	#personnaliseSpace #titleUpdatePhotoProfil {
		height:20px;
		line-height:20px;
		width:300px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	
	#personnaliseSpace #champsUpdatePhotoProfil {
		height:30px;
		line-height:30px;
		width:300px;
		position:absolute;
		top:30px;
		left:0px;
	}
	#personnaliseSpace #submitUpdatePhotoProfil {
		height:20px;
		line-height:20px;
		width:300px;
		position:absolute;
		top:70px;
		left:0px;
	}
	#personnaliseSpace #titleApercuPhotoProfil {
		height:20px;
		line-height:20px;
		width:300px;
		position:absolute;
		top:0px;
		left:300px;
	}
	#personnaliseSpace #apercuUpdatePhotoProfil {
		height:100px;
		width:100px;
		position:absolute;
		top:20px;
		left:300px;
	}
	
	
/*element de transparence*/
#elementTransparence {
	width:655px;
	height:435px;
	position:absolute;
	top:50px;
	left:0px;
	background-color:#333333;
	z-index:2000;
}
	#elementTransparence label{
		position:absolute;
		top:0px;
		height:35px;
		line-height:35px;
		left:585px;
		width:70px;
		display:block;
		color:#FFFFFF;
		cursor:pointer;
		border-left:1px solid #666666;
		border-bottom:1px solid #666666;
		text-align:center;
	}
	
	
#ajoutUpdateSite {
	height:190px;
	width:450px;
	position:absolute;
	top:150px;
	left:100px;
	background-color:#EEEEEE;
	z-index:10;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#222222;
	z-index:2500;
}
		#ajoutUpdateSite li{
			height:40px;
			line-height:40px;
			width:305px;
			margin-left:5px;
		}
		#ajoutUpdateSite #titleUpdateSite {
			font-size:22px;
			margin-left:10px;
			text-align:center;
			width:440px;
		}
		
		#ajoutUpdateSite #informationSubmitUpdateSite {
			height:20px;
			line-height:20px;
			width:300px;
		}
		
		#ajoutUpdateSite #informationUpdateSite {
			height:40px;
			line-height:20px;
		}
		#ajoutUpdateSite label{
			display:block;
			float:left;
			width:95px;
		}
		#ajoutUpdateSite #champsUpdateSite {
			height:40px;
			width:305px;
		}
		#ajoutUpdateSite #apercuUpdateSite {
			height:90px;
			width:120px;
			position:absolute;
			left:315px;
			top:60px;
			margin-left:0px;
		}
		#ajoutUpdateSite #deleteSite {
			height:40px;
			width:40px;
			position:absolute;
			top:150px;
			left:400px;
			margin-left:0px;
		}
		#ajoutUpdateSite #submitUpdateSite {
			text-align:center;
			width:240px;
		}

/* APERCU SITE COTE VISITEUR */
#apercuSite {
	height:215px;
	width:215px;
	top:160px;
	left:220px;
	position:absolute;
	z-index:2500;
	background-color:#333333;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
}
	#apercuSite a {
		color:#999999;
		text-decoration:none;
	}
	#apercuSite a:hover {
		text-decoration:underline;
	}
	#apercuSite #titleSiteApercu {
		position:relative;
		top:0px;
		left:0px;
		width:215px;
		height:40px;
		line-height:40px;
		text-align:center;
		font-size:18px;
	}
	
	#apercuSite #captureSiteApercu {
		position:absolute;
		top:45px;
		left:45px;
		width:120px;
		height:90px;
	}
	
	#apercuSite #informationSiteApercu {
		position:absolute;
		top:140px;
		left:10px;
		widht:200px;
		height:auto;
		font-size:11px;
	}
	#apercuSite #informationSiteApercu span {
		font-size:10px;
		color:#999999;
	
	}
	#apercuSite #closeSiteApercu {
		position:absolute;
		top:0px;
		left:180px;
		widht:50px;
		height:20px;
		font-size:11px;
		cursor:pointer;
	}
	
#messagerieIkodz {
	background-color:#000000;
	color:#FFFFFF;
	height:30px;
	left:0;
	line-height:30px;
	position:absolute;
	top:880px;
	width:655px;
}

#messagerieIkodz label {
	display:block;
	float:left;
	margin-left:20px;
	width:250px;
}

#elementMessagerie {
	color:#FFFFFF;
	height:80px;
	left:0;
	line-height:30px;
	position:absolute;
	top:920px;
	width:655px;
}

#elementMessagerie textarea{
	width:645px;
	height:75px;
}



.elementPage {
	width:655px;
	height:435px;
	position:absolute;
	top:0px;
	left:0px;
}

.elementSite {
	width:50px;
	height:50px;
	text-align:center;
	position:absolute;
	background-color:#FFFFFF;
}

.elementSiteVoid {
	width:50px;
	height:50px;
	text-align:center;
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
}

.elementSiteVoid:hover {
	background-image:url(../user/medias/images/site/hoverAjoutSite.gif);
}

.elementSiteVis {
	width:50px;
	height:50px;
	text-align:center;
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
}

.elementSiteVoidVis {
	width:50px;
	height:50px;
	text-align:center;
	position:absolute;
	background-color:#FFFFFF;
}

#profilPhoto {
	width:215px;
	height:215px;
	position:absolute;
	top:160px;
	left:220px;
	z-index:500;
	text-align:center;
}

/*class globales*/
.Liste {
	margin:0px;
	padding:0px;
	list-style:none;
}
.submit {
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	color:#003366;
	font-family:Arial;
	cursor:pointer;
}

.colorCategorie {
	position:relative;
	top:0px;
	left:0px;
	height:10px;
	width:100%;	
	display:block;
}
.faviconSite {
	position:absolute;
	top:5px;
	left:0px;
	height:16px;
	width:100%;	
	display:block;
}

.nameSiteTronc {
	position:absolute;
	top:21px;
	left:0px;
	height:20px;
	width:100%;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	display:block;
	line-height:20px;
}

iframe {
	display:none;
}
/*
#body {
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}



#######################################
####
####	Type Ikodz =>	1
####
#######################################
*/
#typeIkodzTexte {
	height:250px;
}
	#typeIkodzTexte #actionElement{
		top:0px;
		height:30px;
		line-height:30px;
		background-color:#00ABD3;
	}

	#typeIkodzTexte #inputTexteIkodz{
		height:150px;
		position:absolute;
		top:50px;
		left:40px;
	}
	#typeIkodzTexte #messagerieIkodz{
		background-color:#000000;
		color:#FFFFFF;
		height:30px;
		left:0;
		line-height:30px;
		position:absolute;
		top:100px;
		width:655px;
	}
	#typeIkodzTexte #elementMessagerie{
		color:#000000;
		height:80px;
		left:0;
		line-height:30px;
		position:absolute;
		top:140px;
		width:655px;
	}