@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../contenu/interface/bg.gif);
}
div.contenu {
	left:50%;
	top:28px;
	width:844px;
	background-color: #000000;
	margin-left: -435px;
	height: auto;
	padding: 14px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	margin-bottom: 300px;
}
div.ban {
	background-color: #FFFFFF;
	width: 824px;
	height: 190px;
	padding: 10px 10px 6px 10px;
	margin-bottom: 10px;
	float: left;
}
div.banlogo {
	width: 205px;
	float: left;
	height: 128px;
	margin-right: 15px;
	margin-bottom: 10px;
}
div.banmenu   {
	float: left;
	width: 820px;
}
div.banmenutop {
	width: 205px;
	float: left;
	padding: 8px;
}
div.banmenuanimation {
	z-index: 2;
	top: 162px;
	position: absolute;
	margin-left: -204px;
	left: 50%;
}
div.banmenuarts {
	z-index: 3;
	top: 162px;
	position: absolute;
	margin-left: 16px;
	left: 50%;
}
div.banmenumultimedia {
	z-index: 4;
	top: 162px;
	position: absolute;
	margin-left: 158px;
	left: 50%;
}

div.bonus {
	position:absolute;
	left:50%;
	top:42px;
	width:54px;
	height:54px;
	z-index:2;
	margin-left: 369px;
}
div.viganim {
	float: left;
	padding: 8px;
	height: 144px;
	background-color: #A0C20C;
	width: 170px;
	margin: 4px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 }
div.vigarts {
	float: left;
	padding: 8px;
	height: 144px;
	background-color: #341010;
	width: 170px;
	margin: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.vigmultimedia {
	float: left;
	padding: 8px;
	height: 144px;
	background-color: #CB004A;
	width: 170px;
	margin: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.viggoodies {
	float: left;
	padding: 8px;
	height: 144px;
	width: 170px;
	margin: 4px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}

div.titre {
	float: left;
	height: auto;
	width: auto;
	margin: 4px;
}
div.navprecedent {
	float: left;
	height: auto;
	width: auto;
	margin-top: 4px;
	margin-right: 10px;
}
div.navsuivant {
	float: left;
	height: auto;
	width: auto;
	margin-top: 4px;
	margin-left: 10px;
}

div.demo {
	float: left;
	height: auto;
	width: 721px;
	margin: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.bordure {
	float: right;
	height: auto;
	width: auto;
	margin-top: 4px;
	margin-right: 4px;
	background-image: url(../contenu/interface/bordure.gif);
	margin-bottom: 4px;
	margin-left: 4px;
}
div.paveaccueil {
	width: 840px;
	height: auto;
	float: left;
	margin-bottom: 6px;
}

div.kollectif {
	float: left;
	padding: 16px;
	height: auto;
	background-color: #E8E025;
	width: 688px;
	margin: 4px;
	color: #341010;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}
div.kollectif a:link {
	color: #341010;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}
div.kollectif a:visited {
	color: #341010;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}
div.kollectif a:hover {
	color: #341010;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}
div.kollectif a:active {
	color: #341010;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}




div.rubrique {
	float: left;
	height: auto;
	width: 720px;
	margin: 4px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.rubriqueanim {
	float: left;
	height: auto;
	width: 688px;
	margin: 0px 59px 15px 59px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #A0C20C;
	padding: 16px;
}
div.rubriqueanim   a:link    {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.rubriqueanim a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.rubriqueanim a:hover {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.rubriqueanim a:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}




div.rubriquearts {
	float: left;
	height: auto;
	width: 688px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #341010;
	margin-top: 4px;
	margin-left: 59px;
	margin-right: 59px;
	padding: 16px;
}
div.rubriquegoodies {
	float: left;
	height: auto;
	width: 690px;
	margin: 4px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	padding: 16px;
	text-align: justify;
}
div.rubriquekollectif {
	float: left;
	height: auto;
	width: 690px;
	margin: 4px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E8E025;
	padding: 10px;
	text-align: justify;
}
div.rubriquekollectif a:link {
	color: #000000;
	font-weight: bold;
}
div.rubriquekollectif a:visited {
	color: #000000;
	font-weight: bold;
}
div.rubriquekollectif a:hover {
	color: #000000;
	font-weight: bold;
}
div.rubriquekollectif a:active {
	color: #000000;
	font-weight: bold;
}






div.rubriquemultimedia {
	float: left;
	height: auto;
	width: 688px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CB004A;
	margin-left: 59px;
	margin-top: 4px;
	margin-bottom: 15px;
	padding: 16px;
	margin-right: 59px;
}



div.pied {
	text-align: center;
	width: 720px;
	height: auto;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8E025;
	font-size: 10px;
	margin-left: 60px;
}
div.vigcalendriers {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000000;
	margin: 4px 4px 4px 48px;
	padding: 10px;
	float: left;
	width: 250px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8E025;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8E025;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8E025;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E8E025;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#web2 {
	width: auto;
	margin-left: 450px;
	clip: rect(auto,auto,auto,50%);
	position: absolute;
	left: 50%;
	top: 50px;
	padding: 10px;
}