body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 90%;
}

p {
line-height: 1em;
}

ul {
        list-style: none;
		  width: 70%;
        margin: 0;
        padding: 0;
        }
		  
img {
border: none;
}

/*----  ligne horizontale  ----*/

.header {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 260px;
	width: auto;
	height: 100px;
	background-repeat: repeat-x;
}

#atelier-head { background-image: url(../a2ce-images/head-atelier.png); }
#think-head { background-image: url(../a2ce-images/head-think.png); }
#design-head { background-image: url(../a2ce-images/head-design.png); }
#espace-head { background-image: url(../a2ce-images/head-espace.png); }
#expos-head { background-image: url(../a2ce-images/head-expos.png); }
#events-head { background-image: url(../a2ce-images/head-events.png); }
#contact-head { background-image: url(../a2ce-images/head-contact.png); }
#presse-head { background-image: url(../a2ce-images/head-presse.png); }
#links-head { background-image: url(../a2ce-images/head-links.png); }

/*-----  liste icones projets  -----*/

.headericon ul {
	position: absolute;
	top: 0;
	left: 20px;
	width: 800px;
	height: 80px;
	text-align: center;
}

.headericon li {
	float: left;
	text-align: center;
	height: 80px;
}

.headericon a{
	display: block;
	margin: 15px 10px 0;
	width: 50px;
	height: 50px;
	border: none;
}

/*-----  icones projet  -----*/

#hicon3s1 { background-image: url(../a2ce-images/3s1.png); }
#hicon3s2 { background-image: url(../a2ce-images/3s2.png); }
#hicon3s3 { background-image: url(../a2ce-images/3s3.png); }
#hiconblouson { background-image: url(../a2ce-images/blouson.png); }
#hiconnospring { background-image: url(../a2ce-images/nospring.png); }
#hiconfrog { background-image: url(../a2ce-images/frog_ska.png); }
#hiconapicula { background-image: url(../a2ce-images/apicula.png); }
#hiconb1 { background-image: url(../a2ce-images/b1.png); }
#hiconboa { background-image: url(../a2ce-images/boa.png); }
#hiconholala { background-image: url(../a2ce-images/holala.png); }
#hiconmondrian { background-image: url(../a2ce-images/mondrian.png); }
#hiconfredbar { background-image: url(../a2ce-images/fredbar.png); }
#hiconredesign { background-image: url(../a2ce-images/redesign.png); }
#hicontv { background-image: url(../a2ce-images/tv.png); }
#hiconradio { background-image: url(../a2ce-images/radio.png); }
#hiconjournal { background-image: url(../a2ce-images/journal.png); }
#hiconflyers { background-image: url(../a2ce-images/flyers.png); }
#hiconvideos { background-image: url(../a2ce-images/video.png); }
#hiconbooking { background-image: url(../a2ce-images/booking.png); }
#hicongaleries { background-image: url(../a2ce-images/galeries.png); }
#hiconexpos { background-image: url(../a2ce-images/expo.png); }

/*-----  boite grande icone  -----*/

.iconbox {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 260px;
	height: 230px;
	background-repeat: no-repeat;
}

#atelier-iconbox { background-image: url(../a2ce-images/iconbox-atelier.png); }
#think-iconbox { background-image: url(../a2ce-images/iconbox-think.png); }
#design-iconbox { background-image: url(../a2ce-images/iconbox-design.png); }
#espace-iconbox { background-image: url(../a2ce-images/iconbox-espace.png); }
#expos-iconbox { background-image: url(../a2ce-images/iconbox-expos.png); }
#events-iconbox { background-image: url(../a2ce-images/iconbox-events.png); }
#contact-iconbox { background-image: url(../a2ce-images/iconbox-contact.png); }
#presse-iconbox { background-image: url(../a2ce-images/iconbox-presse.png); }
#links-iconbox { background-image: url(../a2ce-images/iconbox-links.png); }

/*-----  container grandes icones  -----*/

.bigiconbox {
padding: 0;
margin: 0;
position: absolute;
z-index: 5;
background-repeat: no-repeat;
height: 180px;
width: 230px;
top: 10px;
right: 10px;
}

/*----- grandes icones  -----*/

#bigicon3s1 { background-image: url(../a2ce-images/big3s1.png); }
#bigicon3s2 { background-image: url(../a2ce-images/big3s2.png); }
#bigicon3s3 { background-image: url(../a2ce-images/big3s3.png); }
#bigiconapicula { background-image: url(../a2ce-images/bigapicula.png); }
#bigiconb1 { background-image: url(../a2ce-images/bigb1.png); }
#bigiconblouson { background-image: url(../a2ce-images/bigblouson.png); }
#bigiconboa { background-image: url(../a2ce-images/bigboa.png); }
#bigiconfredbar { background-image: url(../a2ce-images/bigfredbar.png); }
#bigiconfrogska { background-image: url(../a2ce-images/bigfrogska.png); }
#bigiconholala { background-image: url(../a2ce-images/bigholala.png); }
#bigiconjournal { background-image: url(../a2ce-images/bigjournal.png); }
#bigiconmondrian { background-image: url(../a2ce-images/bigmondrian.png); }
#bigiconnospring { background-image: url(../a2ce-images/bignospring.png); }
#bigiconradio { background-image: url(../a2ce-images/bigradio.png); }
#bigiconredesign { background-image: url(../a2ce-images/bigredesign.png); }
#bigicontv { background-image: url(../a2ce-images/bigtv.png); }

/*-----  ligne verticale  -----*/

.rside {
	margin: 0;
	padding: 0;
	top: 220px;
	right: 0;
	bottom: 0;
	height: auto;
	width: 180px;
	background-repeat: repeat-y;
	position: absolute;
	/*line-height: 30px;*/
}

#atelier-rside { background-image: url(../a2ce-images/rside-atelier.png); }
#think-rside { background-image: url(../a2ce-images/rside-think.png); }
#design-rside { background-image: url(../a2ce-images/rside-design.png); }
#espace-rside { background-image: url(../a2ce-images/rside-espace.png); }
#expos-rside { background-image: url(../a2ce-images/rside-expos.png); }
#events-rside { background-image: url(../a2ce-images/rside-events.png); }
#contact-rside { background-image: url(../a2ce-images/rside-contact.png); }
#presse-rside { background-image: url(../a2ce-images/rside-presse.png); }
#links-rside { background-image: url(../a2ce-images/rside-links.png); }

/*-----  boite description projet (droite)  -----*/

#descript {
width: 150px;
min-width: 150px;
height: 350px;
min-height: 350px;
right: 0;
margin: 0px 40px 20px;
padding: 0px;
overflow: auto;
line-height: normal;
}

/*-----  image hebergeur  -----*/

#horus {
	margin: 50px 40px 20px;
	padding: 0;
	width: 180px;
	height: 72px;
	right: 0;
}

/* -----  titre central  ----- */

#titre {
position: absolute;
top: 180px;
left: 120px;
width: 600px;
height: 80px;
text-align: center;
}

/*-----  boite centrale  -----*/

#content{
	position: absolute;
	margin: 0;
	padding: 20px;
	min-width: 430px;
	width: auto;
	min-height: 470px;
	height: auto;
	top: 110px;
	left: 120px;
	right:180px;
	bottom: 0px;
	overflow: auto;
}

/*----- menu  -----*/

#menutop {
	background: url(../a2ce-images/menutop.png);
	border: none;
	position: absolute;
	height: 50px;
	width: 120px;
	top: 200px;
	left: 0;
}

#menubottom {
	background: url(../a2ce-images/menubottom.png) repeat-y;
	border: none;
	position: absolute;
	width: 100px;
	top: 628px;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 40px 10px 20px;
	line-height: 20px;
}

#menu {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 378px;
	left: 0;
	top: 250px;
	position: absolute;
	background: url(../a2ce-images/menu.png) top left no-repeat;
}

#batelier{
	float: left;
	height: 42px;
	width: 120px;
	top: 0;
	left: 0;
}

#bthink{
	float: left;
	height: 42px;
	width: 120px;
	top: 42px;
	left: 0;
}

#bdesign{
	float: left;
	height: 42px;
	width: 120px;
	top: 84px;
	left: 0;
}

#bespace{
	float: left;
	height: 42px;
	width: 120px;
	top: 126px;
	left: 0;
}

#bexpos{
	float: left;
	height: 42px;
	width: 120px;
	top: 168px;
	left: 0;
}

#bevents{
	float: left;
	height: 42px;
	width: 120px;
	top: 210px;
	left: 0;
}

#bcontact{
	float: left;
	height: 42px;
	width: 120px;
	top: 252px;
	left: 0;
}

#bpresse{
	float: left;
	height: 42px;
	width: 120px;
	top: 294px;
	left: 0;
}

#blinks{
	float: left;
	height: 42px;
	width: 120px;
	top: 336px;
	left: 0;
}