/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 15px;
	height : auto;
	width : auto;
	color : #a99443;
	text-align: center;
	margin:0;
	overflow:auto;
	background-color: #FFF;
	background-repeat:no-repeat;
	
}


/************** LIENS *********************************************/

a,
a:link,  
a:visited
{
	color:#414135;
	text-decoration:none;
	outline:none;
	
}
a:hover{
	color:#a99443;
	text-decoration:none;
	outline:none;
}

a.on,
a.on:link,  
a.on:visited
{
	color:#765500;
	text-decoration:none;
	outline:none;
}
a.on:hover{
	color:#999;
	text-decoration:underline;
	outline:none;
}




img {
	border:0px;
	behavior: url("win_png.htc");

}

strong.spip{

	font-weight:bold;
	color:#A99443;

}

/************** page inspiration *********************************************/

#intro{
	position: absolute;
	top:30px;
	left:300px;
	width: 300px; 
	height: 300px;
	text-align: left;

}

#select_element{
	position: absolute;
	top:190px;
	left:0px;
	width: 300px; 
	height: 300px;
}


#image_element{
	position: absolute;
	top:230px;
	left:0px;
	width: 300px; 
	height: 300px;
}

#link_inspiration{
	position: absolute;
	top:0px;
	left:320px;
	width: 200px; 
	height: 100px;


}

#logo_element{
	position: absolute;
	top:150px;
	left:320px;
	width: 80px; 
	height: 100px;
}

#txt_element{
	position: absolute;
	top:240px;
	left:320px;
	width: 300px; 
	height: 300px;
}



.element_5{
	background-color:#A3A770;
	background-image:url(../../IMG/fond_heart.gif);
	color:#FFF;
	background-repeat:no-repeat;

}
.element_2{
	background-color:#C8CCCA;
	background-image:url(../../IMG/fond_air.gif);
	color:#FFF;
	background-repeat:no-repeat;


}
.element_4{
	background-color:#DD8F3B;
	background-image:url(../../IMG/fond_fire.gif);
	color:#FFF;
	background-repeat:no-repeat;

}
.element_3{
	background-color:#AFC3C0;
	background-image:url(../../IMG/fond_water.gif);
	color:#FFF;
	background-repeat:no-repeat;

}


#anim_flash_1{
	position: absolute;
	top:380px;
	left:320px;
	/*background-color: #8EC4B5;*/
	width: 340px; /* ou 100% pour largeur fluide pleine largeur */
	height: 260px;


}

#anim_flash_2{
	position: absolute;
	top:180px;
	left:70px;
	/*background-color: #8EC4B5;*/
	width: 340px; /* ou 100% pour largeur fluide pleine largeur */
	height: 260px;


}
/************** blocs principaux *********************************************/

.portfolio{
	background-color: #8EC4B5;
	color:#FFF;
}

.contact{
	background-color: #8EC4B5;
	color:#FFF;
	background-image:url(http://spaceinsiders.com/IMG/fond_contact.gif);
	background-repeat:no-repeat;

}

.news{
	background-color: #8EC4B5;
	color:#FFF;
	background-image:url(http://spaceinsiders.com/IMG/fond_news.gif);
	background-repeat:no-repeat;

}


.about{
	background-color: #C2BF9F;
 	background-image:url(http://spaceinsiders.com/IMG/fond_about.gif);
	background-repeat:no-repeat;
	color:#FFF;
}

.services{

	background-color: #CCB451;
	color:#FFF;
 	background-image:url(http://spaceinsiders.com/IMG/fond_services.gif);
	background-repeat:no-repeat;

}

.services strong.spip{

	font-weight:bold;
	color:#78692F;

}

.philo{

	background-color: #BF84A7;
	color:#FFF;
 	background-image:url(http://spaceinsiders.com/IMG/fond_philo.gif);
	background-repeat:no-repeat;
}

.philo strong.spip{

	font-weight:bold;
	color:#78692F;

}


.inspiration{

	background-color: #905D1F;
	color:#FFF;

}





#haut{
	position: absolute;
	top:0px;
	left:0px;
	/*background-color: #8EC4B5;*/
	width: 100%; /* ou 100% pour largeur fluide pleine largeur */
	height: 490px;
}







#haut #logo{
	position: absolute;
	top:63px;
	left:110px;

}

#haut #menu{
	position: absolute;
	top:270px;
	left:0px;
	width: 300px; /* ou 100% pour largeur fluide pleine largeur */
	height: 160px;
	text-align: left;
	z-index:999;
}

#haut #image_affich{
	position: absolute;
	top:-10px;
	left:300px;
	width: 640px; /* ou 100% pour largeur fluide pleine largeur */
	height: 480px;
	text-align: left;

}

#haut #nav_img{
	position: absolute;
	top:550px;
	left:290px;
	width: 150px; /* ou 100% pour largeur fluide pleine largeur */
	height: 30px;


}


#haut #colonne_left{
	text-align:justify;
	position: absolute;
	top:35px;
	left:280px;
	width: 750px; /* ou 100% pour largeur fluide pleine largeur */
	height: 480px;
z-index:100;

}

#bloc_news{
	position: absolute;
	top:440px;
	left:90px;
	text-align: right;
	width: 150px;
	line-height : 15px;
	color : #fff;
}


#bloc_news a,
#bloc_news a:link,  
#bloc_news a:visited
{
	color:#fff;
	text-decoration:none;
	outline:none;
	
}
#bloc_news a:hover{
	color:#a99443;
	text-decoration:none;
	outline:none;
}


#haut #colonne_news{

	text-align:justify;
	position: absolute;
	top:35px;
	left:300px;
	width: 455px; 
	height: auto;
	color : #fff;
}
#colonne_news strong{
	color : #a99443;

}

#colonne_news p.spip{
	margin:0 0 10px 0;
	padding:0;

}

#colonne_news #news{
	width: 355px; 
	border-top:dotted 1px #fff;
	padding:5px 0 0 0;
}


#news #news_images{
	position:absolute;
	width:150px;
	height:150px;
margin:0 0 0 375px;
}

#haut #colonne_left img{
	margin:10px 0 0 0;

}

#haut #colonne_left td{
	vertical-align: top;
	width:350px;
	padding:0 0 0 40px;
	line-height : 17px;

}

td span{

margin: 0 12px 0 0;
}

#haut #colonne_right{
	position: absolute;
	top:35px;
	left:700px;
	width: 350px; /* ou 100% pour largeur fluide pleine largeur */
	height: 480px;
}



#bas{
	position: absolute;
	top:490px;
	left:0px;
	background-color: #FFF;


	width: 800px; /* ou 100% pour largeur fluide pleine largeur */
	height:auto;
}


#bas #picto_element{
	position: absolute;
	top:10px;
	left:316px;
	width: 150px; /* ou 100% pour largeur fluide pleine largeur */
	height: auto;
	text-align: left;
	
	
}




#picto_element #menu_element{

position:absolute; 
top:0px; 
left:80px; 
width:70px;

}

#menu_element a,
#menu_element a:link,  
#menu_element a:visited,
#liste_projet a,
#liste_projet a:link,  
#liste_projet a:visited
{
	color:#414135;
	text-decoration:none;
	outline:none;
	display:block;
	height:8px;
}
#menu_element a:hover,
#liste_projet a:hover{
	color:#a99443;
	text-decoration:none;
	outline:none;
	display:block;
	height:8px;

}



#menu_element a.on,
#menu_element a.on:link,  
#menu_element a.on:visited,
#liste_projet a.on,
#liste_projet a.on:link,  
#liste_projet a.on:visited
{
	color:#a99443;
	text-decoration:none;
	outline:none;
	display:block;
	height:8px;

}
#menu_element a.on:hover,
#liste_projet a.on:hover{
	color:#a99443;
	text-decoration:none;
	outline:none;
	display:block;
	height:8px;

}





#bas #liste_projet{
	position: absolute;
	top:10px;
	left:470px;
	width: 160px; /* ou 100% pour largeur fluide pleine largeur */
	height: auto;
	text-align: left;



}

#bas #projet_txt{
	position: absolute;
	top:10px;
	left:650px;
	width: 290px; /* ou 100% pour largeur fluide pleine largeur */
	height: auto;
	text-align: left;




}

#projet_txt p.spip{

	margin: 0 0 10px 0;
}

#container{
	position: relative;
	text-align: center; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 0 auto 0 auto; /* auto pour centrer horizontalement la boite dans BODY 
			 pour le navigateurs autres que IE/WIN */
	padding: 0 0 0 0;
	width: 100%; /* ou 100% pour largeur fluide pleine largeur */
	height:auto;
	background-color: #8EC4B6;
	overflow:visible;
	margin: 100px 0 0 0;
}



#remarques{
	
	width: 438px;
	height:413px;

}

/***** Galerie Jquery***********/

#gallery{
	position:absolute;
	top:10px;
	left:310px;
	width:800px;
	z-index:200;
height:480px;
overflow:hidden;

}

#screen{
	width:800px;
	padding:0;
height:480px;
}			

#screen li{
	float:left;
	list-style:none;
height:480px;
}
#screen .jq-ss-crop{
	margin:0;
	float:left;	
height:480px;			
}
#left{
	position:absolute;
	top:450px;
	left:340px;
	z-index:900;
}

#right{
	position:absolute;
	top:450px;
	left:360px;
	z-index:900;
}

a#left,
a#left:link,  
a#left:visited,
a#right,
a#right:link,  
a#right:visited
{
	color:#fff;
	text-decoration:none;
	outline:none;
	
}
a#left:hover,
a#right:hover{
	color:#333;
	text-decoration:none;
	outline:none;
}



#view{
	margin:0;
	width:630px;
	height:412px;
	overflow:hidden;
}
			
#images{
	width:5000px !important;
	width:5000px;
	padding:0;
height:480px;			
}
#images li img{
	border:0;
}

/* MENU D?ROULANT CSS*/

	/*	#navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			background: #fff;
			color: #fff;
			width: 200px;
			font: 1.2em "Trebuchet MS", sans-serif;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
			background: #fff url(http://spaceinsiders.com/squelettes/inc/mini_menu/menu-item.png) left bottom no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(http://spaceinsiders.com/squelettes/inc/mini_menu/menu-item-deroule.png);
			}
		#navigation .open a, #navigation .open span {
			background-image: url(http://spaceinsiders.com/squelettes/inc/mini_menu/menu-item-enroule.png);
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			}
		#navigation .subMenu {
			font-size: .8em;
			background: #fff url(http://spaceinsiders.com/squelettes/inc/mini_menu/subMenu.png) 0 0 repeat-x;
			font-size: .9em;
			margin: 0;
			padding: 0;
			}
		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}
*/