* {
	margin : 0;
	padding : 0;
}

body {
	font-family : Arial;
	font-size : 12px;
	line-height : 17px;
	color : #333333;
	text-align : center;
}

a img {
	border : 0;
}

#global {
	width : 1000px;
	text-align : left;
	margin : 30px auto 0;
}

#menu, #menu_footer {
	width : 100%;
	margin : 0 0 60px 0;
	height : 37px;
}

#menu_footer {
	margin : 15px 0 0;
	float : left;
}

#copyright {
	float : left;
	clear : left;
	margin : -15px 0 20px 30px;
	color : #666;
	font-size : 11px;
}

#menu div, #menu_footer div {
	float : left;
	padding : 0 30px
}

#menu div a, #menu_footer div a {
	color : #333333;
	text-decoration : none;
	text-transform : uppercase
}

#menu div a:hover, #menu_footer div a:hover {
	color: #000 ;
}

#menu div ul, #menu_footer div ul {
	position : absolute;
	z-index : 1;
	margin : 5px 0 0 0;
}

#menu_footer div ul {
	margin : -37px 0 0 0;
}

#menu ul, #menu li, #menu_footer ul, #menu_footer li {
	list-style : none;
}

#menu ul li, #menu_footer ul li {
	font-size : 11px;
	width : 300px;
}

#menu ul li a, #menu_footer ul li a {
	color:#999999;
	text-decoration: none;
}

#menu ul li a:hover, #menu_footer ul li a:hover {
	color: #666666 ;
}

#menu #langue a {
	margin-right : 10px
}

#illustration_alea {
	margin : 0 5px 0 5px;
	width : 490px;
	height : 260px;
	float : left;
	clear : left;
	margin-bottom : 10px;
}

#logo {
	float : left;
	width : 460px;
	height : 220px;
	margin : 20px 0 0 30px;
}

#categories {
	width : 100%;
	float : left;
	margin : 0 0 50px 
}

#categories_artiste {
	width : 750px;
	float : left;
	margin : 0 0 50px 
}

#galerie {
	width : 750px;
	float : left;
	margin : 0 0 10px 
}

#categories .colonne, #categories_artiste .colonne, #galerie .colonne {
	margin : 0 5px;
	float : left;
	width : 240px;
}

#galerie .bas_galerie {
	float : right;
	margin : 10px 194px 0 0;
}

#galerie .colonne, #galerie .colonne_galerie {
	width : 177px;
}

#galerie .colonne_galerie {
	float : left;
	margin : 0 10px 10px 0
}

#categories .colonne .illustration, #categories_artiste .colonne .illustration, #galerie .colonne .illustration {
	width : 240px;
	height : 240px;
	background : #b9b3ae;
}

#galerie .colonne .illustration {
	width : 177px;
	height : 177px;
}

#categories .colonne .large, #categories_artiste .colonne .large {
	height : 330px;
}

#galerie .colonne .large {
	height : 364px;
}

#categories .colonne .categorie, #categories_artiste .colonne .categorie {
	color : #fff;
	font-weight : bold;
	font-size : 20px;
	float : left;
	margin : -16px 0 20px -2px;
	text-transform : uppercase;
	position : absolute;
}

#categories .colonne .contenu, #categories_artiste .colonne .contenu {
	width : 210px;
	margin : 0 0 0 30px;
	float : left;
	clear : left;
}

#categories .colonne .contenu .titre, #categories_artiste .colonne .contenu .titre {
	text-transform : uppercase;
	margin-bottom : 15px;
	font-weight : bold;
	margin-top : 20px;
}

#categories .colonne .contenu .texte, #categories_artiste .colonne .contenu .texte {
	margin-bottom :5px;
}

#categories .colonne .contenu .suite a, #categories_artiste .colonne .contenu .suite a {
	text-transform : uppercase;
	text-decoration : underline;
	color : #00aeef
}

#categories .colonne .contenu .suite a:hover, #categories_artiste .colonne .contenu .suite a:hover {
	text-decoration : none;
	color : #999999
}

#rubrique {
	color : #00aeef;
	font-size : 20px;
	font-weight : bold;
	line-height : 26px;
	width : 240px;
	margin : 30px 5px 0;
	float : left;
	clear : left;
}

#rubrique ul {
	margin : 20px 0;
	list-style : none;
	line-height : 18px;
}

#rubrique ul li a{
	font-size : 12px;
	color : #333333;
	font-weight : normal;
	text-decoration : none;
	text-transform : uppercase;
}

#rubrique ul li a:hover{
	color : #999999
}

/* PAGE ARTICLE */

#article {
	margin : 0 5px 50px 5px;
	width : 490px;
	float : left;
	text-align : left;
}

#article ul {
	margin : -16px 0 0 15px;
	list-style : square;
}

#article a{
	color : #333333
}

#article a:hover{
	color : #999999
}

#article #illustration {
	float : left;
	margin : 0 10px 0px 0
}

#article #titre {
	text-transform : uppercase;
	margin-bottom : 15px;
	margin-top : 115px;
	font-weight : bold;
}

/* PAGE RUBRIQUE */

#articles {
	margin : 0 5px 50px 0px;
	width : 500px;
	float : left;
	text-align : left;
}

#articles .article {
	margin : 0 5px 50px;
	float : left;
	width : 240px;
}

#articles .article .illustration {
	margin : 0 0 20px 0;
}

#articles .article .contenu {
	margin : 0 0 0 30px;
	width : 210px;
}

#articles .article .titre {
	text-transform : uppercase;
	margin-bottom : 15px;
	font-weight : bold;
}

#articles .article .texte {
	margin-bottom :5px;
}

#articles .article .suite a {
	text-transform : uppercase;
	text-decoration : underline;
	color : #00aeef
}

#articles .article .suite a:hover {
	text-decoration : none;
	color : #999999
}

#article #texte span{
	margin-right : 18px;
	float : left;
}

.scrolling-content {
	width : 500px;
	position: absolute;
}

#forum {
	margin-bottom : -60px;
}
