/* Menu En tete - Accueil, Newsletter et Contact */


#menu-holder {
	position:absolute;
	top:0px;
	left:446px;
	width:336px;
	overflow:hidden;
}
#menu {
	width:336px;
	height:46px;
	margin:0;
	padding:0;
	position:relative;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#menu li, #menu a {
	height:46px;
	display:block;
}




#accueil {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:107px;
}
#newsletter {
	text-indent:-300em;
	overflow:hidden;
	left:107px;
	width:114px;
}
#contact {
	text-indent:-300em;
	overflow:hidden;
	left:221px;
	width:100px;
}

#accueil a:hover {
	background:transparent url(../images/menu/menu.jpg) 0px 0px no-repeat;
}
#newsletter a:hover {
	background:transparent url(../images/menu/menu.jpg) -107px 0px no-repeat;
}
#contact a:hover {
	background:transparent url(../images/menu/menu.jpg) -221px 0px no-repeat;
}





/* Colonne News et Menu : Aspect General */

#content .col02 {
	float:right;
	width:212px;
	font-size:11px;
	line-height:16px;
}



/* News et commentaires*/

#content .col02 .news {
	width:212px;
	background:url(../images/postitBack.gif) repeat-y;
}
#content .col02 .news ul {
	padding:0px 12px 0;
	margin:0;
}
#content .col02 .news ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
	padding:0;
	margin:0;
}

.date {
	text-align:right;
	display:block;
	font-size:11px;
}
.titre {
	text-align:right;
	display:block;
	font-size:16px;
	font-weight:bold;
}
.dev {
	text-align:justify;
	display:block;
	font-size:12px;
}




/* Bouton spécifique Voir toutes les news */

#content .col02 .postit-bas {
	width:188px;
	height:62px;
	background:url(../images/postit-bottom.gif) no-repeat;
	padding:12px 12px 0;
	font-size:11px;
	text-align:right;
}
#content .col02 .postit-bas ul li {
	list-style:none;
	align:center;
}
#content .col02 .postit-bas ul li a {
	background: url("../images/menu/news.png") 0 0;
	display:block;
	width : 150px;
	height : 21px;
}
#content .col02 .postit-bas ul li a:hover {
	background-position: -150px 0;
}




/* Menu par catégories */

#content .col02 .menutop {
	height:124px;
	background:url(../images/menu.png) no-repeat;
}

#content .col02 .menudetail {
	background:url(../images/categories-back.gif) repeat-y;
}
#content .col02 .menudetail ul {
	margin:0;
	padding:15;
}
#content .col02 .menudetail ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
}
#content .col02 .menudetail ul li a {
	margin:0 auto;
	display:block;
	padding:0px 0px 0px 25px;
}
#content .col02 .menubas {
	height:68px;
	background:url(../images/categories-btm.gif) no-repeat;
}




#toiles  {
	overflow:hidden;
	width:50px;
}
#toiles a {
	background: url("../images/menu/toiles.png") 0 0;
	display:block;
	width : 50px;
	height : 21px;
}
#toiles a:hover {background-position: -50px 0;}




#photos  {
	overflow:hidden;
	width:60px;
}
#photos a {
	background: url("../images/menu/photos.png") 0 0;
	display:block;
	width : 60px;
	height : 21px;
}
#photos a:hover {background-position: -60px 0;}




#webdesign  {
	overflow:hidden;
	width:90px;
}
#webdesign a {
	background: url("../images/menu/webdesign.png") 0 0;
	display:block;
	width : 90px;
	height : 21px;
}
#webdesign a:hover {background-position: -90px 0;}




#agenda  {
	overflow:hidden;
	width:150px;
}

#agenda a {
	background: url("../images/menu/agenda.png") 0 0;
	display:block;
	width : 150px;
	height : 21px;
}
#agenda a:hover {background-position: -150px 0;}



#goodies  {
	overflow:hidden;
	width:78px;
}
#goodies a {
	background: url("../images/menu/goodies.png") 0 0;
	display:block;
	width : 78px;
	height : 21px;
}
#goodies a:hover {background-position: -78px 0;}




#livreor  {
	overflow:hidden;
	width:78px;
}
#livreor a {
	background: url("../images/menu/livreor.png") 0 0;
	display:block;
	width : 78px;
	height : 21px;
}
#livreor a:hover {background-position: -78px 0;}



#livres  {
	overflow:hidden;
	width:55px;
}
#livres a {
	background: url("../images/menu/livres.png") 0 0;
	display:block;
	width : 55px;
	height : 21px;
}
#livres a:hover {background-position: -55px 0;}




#movieart  {
	overflow:hidden;
	width:70px;
}
#movieart a {
	background: url("../images/menu/movieart.png") 0 0;
	display:block;
	width : 70px;
	height : 21px;
}
#movieart a:hover {background-position: -70px 0;}




#sculptures  {
	overflow:hidden;
	width:78px;
}
#sculptures a {
	background: url("../images/menu/sculptures.png") 0 0;
	display:block;
	width : 78px;
	height : 21px;
}
#sculptures a:hover {background-position: -78px 0;}




#side  {
	overflow:hidden;
	width:100px;
}
#side a {
	background: url("../images/menu/side.png") 0 0;
	display:block;
	width : 100px;
	height : 21px;
}
#side a:hover {background-position: -100px 0;}





/* Menu toiles */
#viewtoiles  {
	overflow:hidden;
	width:110px;
}
#viewtoiles a {
	background: url("../toiles/images/voirtoiles.png") 0 0;
	display:block;
	width : 110px;
	height : 21px;
}
#viewtoiles a:hover {background-position: -110px 0;}

#coeur  {
	overflow:hidden;
	width:150px;
}
#coeur a {
	background: url("../toiles/images/coeur.png") 0 0;
	display:block;
	width : 150px;
	height : 21px;
}
#coeur a:hover {background-position: -150px 0;}

#picto  {
	overflow:hidden;
	width:200px;
}
#picto a {
	background: url("../toiles/images/picto.png") 0 0;
	display:block;
	width : 200px;
	height : 21px;
}
#picto a:hover {background-position: -200px 0;}

#autres  {
	overflow:hidden;
	width:150px;
}
#autres a {
	background: url("../toiles/images/autres.png") 0 0;
	display:block;
	width : 150px;
	height : 21px;
}
#autres a:hover {background-position: -150px 0;}

#politiques  {
	overflow:hidden;
	width:150px;
}
#politiques a {
	background: url("../toiles/images/politiques.png") 0 0;
	display:block;
	width : 150px;
	height : 21px;
}
#politiques a:hover {background-position: -150px 0;}