/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	margin:10px 0;
	color: #545C66;
	background: #FFFFFF;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	line-height: 1.5;
}

body#bd {
	background: url(/artpublic/templates/temp/xxl/bg2.png) repeat-x top #586ca6;
	/*background-attachment: fixed;*/
}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;
}

body.fs1{
	font-size: 9px;
}

body.fs2{
	font-size: 10px;
}

body.fs3{
	font-size: 11px;
}

body.fs4{
	font-size: 12px;
}

body.fs5{
	font-size: 13px;
}

body.fs6{
	font-size: 14px;
}

/* Normal link */
a {
	color: #4F89D2;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #5FA4FB;
	text-decoration: none;
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar {
}

/* Heading */
h1 {
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.17em;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
}

p {
	margin: 5px 0 15px;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

/*
ul li {
	padding-left: 35px;
	background: url(../images/bullet-list.gif) no-repeat 20px 6px;
}
*/

ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 35px;
}

th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #C6CED9;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 1em;
}

/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #8E9CAE;
	background: #ECF0F4;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 15px 40px;
	background: url(../images/quote.gif) 10px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}

.dropcap {
	float: left;
	padding: 3px 3px 0 0;
	display: block;
	color: #646E7B;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 22px;
	color: #E50000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 22px;
	color: #4F89D2;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 22px;
	color: #E86D29;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	border-bottom: 1px dotted;
	background: #DFE5EC;
	font-weight: bold;
}

p.stickynote {
	padding: 25px 60px 15px 20px;
	background: url(../images/sticky-bg.gif) no-repeat top right #4F89D2;
	color: #FFFFFF;
}

p.clipnote {
	padding: 25px 60px 15px 20px;
	background: url(../images/clip-bg.gif) no-repeat top right #4F89D2;
	color: #FFFFFF;
}

.blocknumber {
	position: relative;
	clear: both;
	padding: 5px 10px 10px; 
}

.bignumber {
	float: left;
	font: 30px/normal Arial, sans-serif;
	font-weight: bold;
	color: #4F89D2;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button, .button:hover {
	border-top: 1px solid #DFE5EC;
	border-right: 1px solid #8E9CAE;
	border-bottom: 1px solid #8E9CAE;
	border-left: 1px solid #DFE5EC;
	padding: 1px 10px!important;
	padding: 1px 5px;
	background: url(../images/button-bg.gif) repeat-x top left #ECF0F4;
	color: #646E7B;
}

.button:active, .button:focus {
	border-top: 1px solid #8E9CAE;
	border-right: 1px solid #DFE5EC;
	border-bottom: 1px solid #DFE5EC;
	border-left: 1px solid #8E9CAE;
}

.inputbox {
	border: 1px solid #DFE5EC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #8E9CAE;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
	margin: 0 -10px 5px;
	padding: 5px 10px;
	color: #646E7B;
	font-size: 1em;
}

div.moduletable {
	padding: 10px;
}

/* ARTIPHP STYLE
--------------------------------------------------------- */

#contenupage{padding-left:0;padding-right:0}
#contenupage2{padding-left:0;padding-right:340px;} 
#contenupage3{padding-left:23%;padding-right:0;}	
#coulcentre {font-size:1.2em;width:100%;min-height:400px;padding:10px 0 5px 0; background:#FFFFFF} /*width:97% necessaire pour ie6*/

table.blog {
}

table.blog .article_seperator {
	display: block;
	background: url(../images/seperator.gif) repeat-x center;
	height: 10px;
}

#ja-leftcol .article_seperator, #ja-rightcol .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 22px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 4px;
	border-bottom: 5px solid #FFFFFF;
	background: #DFE5EC;
	color: #646E7B;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
}

.blog_more strong {
	margin: 0 0 5px;
	padding-left: 13px;
	display: block;
	color: #646E7B;
	text-transform: uppercase;
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading {
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(../images/seperator2.gif) no-repeat bottom right;
	color: #4F89D2;
	font-size: 1.7em;
	line-height: normal;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 1.17em;
	font-weight: bold;
}

.contentheading {
	color: #4F89D2;
	font-size: 1.7em;
}

a.contentpagetitle {
	text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none!important;
}

a.readon {
	float: right;
	padding: 1px 5px 1px 16px;
	display: block;
	background: url(../images/arrow-readon.gif) no-repeat 5% 55% #4F89D2;
	color: #FFFFFF;
	font-size: 0.87em;
	text-decoration: none;
}

a.readon:hover, a.readon:active, a.readon:focus {
	color: #FFFFFF;
	background: url(../images/arrow-readon.gif) no-repeat 5% 55% #5FA4FB;
	text-decoration: none!important;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
	padding-bottom: 10px;
	color: #8E9CAE;
	font-weight: bold;
	line-height: 10px;
}

.modifydate {
	color: #8E9CAE;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	color: #8E9CAE;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	text-decoration: none;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
	padding: 5px;
	background: #DFE5EC;
	color: #646E7B;
	font-weight: bold;
}

tr.sectiontableentry1 td {
	padding: 5px;
	background: url(../images/seperator.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 5px;
	background: url(../images/seperator.gif) repeat-x bottom;
}

.small {
	color: #8E9CAE;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 95%;
	text-align: left;
	min-width: 850px;
	max-width: 2000px;
	border: 10px solid #FFFFFF;
}

.narrow #ja-wrapper {
	width: 850px;
}

.wide #ja-wrapper {
	width: 980px;
}

#ja-container,
#ja-container-fr,
#ja-container-fl,
#ja-container-f {
	clear: both;
	padding: 0;
}

#ja-container,
#ja-container-fr {
	background: #FFFFFF;
}
/*#ja-container-fr {
	background: url(/artpublic/templates/temp/images/container-bg.gif) repeat-y 20% 0 #FFFFFF;
}*/


#ja-container-fl,
#ja-container-f {
	background: #FFFFFF;
}

#ja-contentwrap {
	background: url(../images/grad1.gif) repeat-x top;
}

#ja-content {
	padding: 10px 15px 20px;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
	clear: both;
	/*background: url(../images/header-bg.jpg) top right repeat-x #586CA6;*/
	background: url(/artpublic/templates/temp/xxl/cellpic3.gif)bottom right repeat-x #586CA6;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	height: 25px;
	position: relative;
}

#ja-header h1 {
	font-size: 2em;
	position: absolute;
	top: 12px;
	left: 15px;
}

#ja-header h1 img {
	float: left;
}

#ja-usertoolswrap {
	position: absolute;
	top: 0;
	right: 15px;
	height: 27px;
	padding: 0;
	padding-left: 4px;
	background: url(../images/usertools-left-bg.gif) top left no-repeat;
}

#ja-usertools {
	padding: 0;
	float: left;
	display: block;
	font-size: 11px;
	height: 27px;
	background: url(../images/usertools-right-bg.gif) top right no-repeat;
}

#ja-usertools span {
	float: left;
	margin: 0 10px 0 10px;
	display: block;
}

#ja-usertools img {
	padding: 9px 2px 0;
}

#ja-usertools a {
}

#ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus {
}

#ja-search {
	float: left;
	display: block;
	margin: 5px 15px 5px 10px;
}

#ja-search div.search {
	padding-left: 18px;
	background: url(/artpublic/templates/temp/images/default/icon-search.gif) no-repeat center left;
}

#ja-search .inputbox {
	border: none!important;
	width: 100px;
	color: #DFE5EC;
	background: #8393BF;
	padding-left: 5px;
}

#ja-usertools .inputbox:hover,
#ja-usertools .inputbox:focus {
}

#header2{
	background: white url(/artpublic/templates/temp/xxl/logo_boutique.jpg);margin:0;left:0;
	height:146px;background-position:left;
	background-repeat:no-repeat;	
	/*border:1px solid #A7BDDF;*/
	border-left:1px solid #B3CAEF;
	border-right:1px solid #B3CAEF;
	border-top:1px solid #B3CAEF;
}
	#topimg {height:140px;float:right;margin:2px;padding:0;width:74%;border:1px solid #6B82BF }
	#topimg img {height:140px}
	
        #topimg1 {float:left;text-align:left;width:25%;height:140px;margin:0;padding:0}
	#topimg1 form, #ident1a form div {display:inline}
	#topimg1 p{font-size:1.2em;font-weight:bold;text-decoration:underline;text-indent:5px;margin:5px 0 7px 0;color:#586CA6}
	/*#topimg1 { background-image:url(/artpublic/templates/temp/xxl/encadre1.jpg);
        background-position: bottom left;
        background-repeat:no-repeat;}*/

	/*#topimg3 {float:left;text-align:left;width:10%;height:140px;margin:0;padding:0}*/


#header3{ 
 position:relative;z-index:600; /* necessaire pour ie pour permettre le deroule du menu en page accueil*/
 clear:left;
  width:100%; /* necessaire pour affichage correct du menu sous ie6 */
 height:30px;
 background-image:url(/artpublic/templates/temp/xxl/cellpic3.png);
 background-position: top left;
 background-repeat:repeat-x;
 background-color:#728CCD;
  border-top:1px solid #B3CAEF; 
 border-bottom:1px solid #B3CAEF; 
}	#hh04{float:left; font-size:11px; font-weight:bold; padding-top:0; padding-bottom:0;margin-left:0}              
       /* #hh04 ul {margin-bottom:0; margin-right:1em; display:inline; border-right:1px solid #92B9F4;padding:0}		
        #hh04 ul li {border-left:1px solid #92B9F4; display:inline; padding:2px 0.6em 0 1em} */
		
        #hh04 a {color:#003399}		
        #hh04 a:hover {color:#FF6600}


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	float: left;
	width: 100%;
	font-size: 1em;
	line-height: normal;
	background: #586CA6;
	border-bottom: 5px solid #5FA4FB;
}

#ja-subnavwrap {
	clear: both;
	float: left;
	width: 100%;
	background: #5FA4FB;
	border-bottom: 5px solid #5FA4FB;
}

#ja-subnav {
	padding: 0 10px;
}

/* Menu par défaut */
a.mainlevel {
	padding: 3px;
	border-bottom: 1px solid #C6CED9;
	display: block;
	color: #646E7B;
	text-decoration: none;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #4F89D2;
	background: #DFE5EC;
	text-decoration: none;
}

a.mainlevel#active_menu {
	background: #4F89D2;
	color: #FFFFFF;
	text-decoration: none;
}

a.sublevel {
	padding: 2px 4px 2px 12px;
	display: block;
	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;
	text-decoration: none;
	color: #646E7B;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	text-decoration: none;
	background: url(../images/bullet-list3.gif) no-repeat 2% 50%;
	color: #4F89D2;
}

#active_menu {
	background: url(../images/bullet-list3.gif) no-repeat 2% 50%;
	color: #4F89D2;
}

#ja-rightcol a.mainlevel {
	border: none;
}
/*End: Menu par défaut  */

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {display:none;
	color: #D9E5F4;
	/*background: url(../images/topsl-bg.gif) bottom repeat-x #545C66;*/
	background: #586CA6;
	padding: 10px;
}

#ja-topsl a {
	color: #5FA4FB;
}

#ja-topsl h3 {
	padding: 0;
	margin: 0 0 5px;
	color: #FFFFFF;
	font-size: 1em;
}

#ja-topsl div.moduletable {
	background: url(../images/topsl-modules-bg.gif) repeat-x top;
	margin: 0;
	padding: 5px 10px 10px;
	border-right: 2px solid #545C66; 
}

#ja-botsl {
	background: url(../images/botsl-bg.gif) top left repeat-x #545C66;
	color: #C6CED9;
	padding: 15px 20px;
}

#ja-botsl a {
	color: #C6CED9;
}

.ja-box {
	float: left;
	overflow: hidden;
}

#ja-botsl h3 {
	padding: 0;
	margin: 0 0 5px;
	color: #FFFFFF;
	font-size: 1em;
}

#ja-botsl div.moduletable {
	margin: 0 20px 0 0;
	padding: 0;
}

#ja-botsl ul {
	padding: 0;
	margin: 0!important;
}

#ja-botsl li {
	list-style-type:none; /*necessaire pour ie */
	padding: 0;
	margin: 0;
	background: none;
	line-height: 170%;
}

#ja-botsl li a {
	padding-left: 13px;
	background: url(../images/arrow-readon.gif) no-repeat 0 50%;
	text-decoration: none;
}

#ja-botsl li a:hover,
#ja-botsl li a:active,
#ja-botsl li a:focus {
	color: #5FA4FB;
	background: url(../images/arrow-readon2.gif) no-repeat 0 50%;
	text-decoration: none;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
	display: none;
}

#ja-botsl table,
#ja-topsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

.box-ended div.moduletable {
	margin-right: 0!important;
	border: none!important;
}

/* PATHWAY : fil d'ariane
---------------------------------------------------------*/
#ja-pathway {
	padding: 7px 0 9px;
	text-indent: 10px;
	background: url(/artpublic/templates/temp/images/pathway-bg.gif) repeat-x bottom #FFFFFF;
	color: #646E7B;
}

#ja-pathway strong {
	margin-right: 10px;
}

#ja-pathway img {
	margin: 0 5px;
}

#ja-pathway a {
	color: #646E7B;
	text-decoration: none;
}

#ja-pathway a:hover, #ja-pathway a:active {
	color: #646E7B;
	text-decoration: none;
}


/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
}

#ja-mainbody {
	float: left;
	width: 80%;
}

#ja-mainbody #ja-contentwrap {
	float: right;
	width: 75%;
}

#ja-mainbody-fl {
	float: left;
	width: 80%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 100%;
}

#ja-mainbody-fr {
	float: left;
	width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
	float: right;
	width: 80%;
}

#ja-mainbody-fr #ja-leftcol {
	width: 20%;
}

#ja-mainbody-f {
	float: left;
	width: 100%;
}

/* LEFT COLUMN
--------------------------------------------------------- */
/* 
#ja-leftcol {
	float: left;
	width: 25%;
}

#ja-leftcol div.moduletable h3 {
	margin: 0 -10px 5px;
	padding: 5px 10px;
	background: url(../images/h3-bg.gif) no-repeat center right #D0DCE7;
	color: #646E7B;
	font-size: 1em;
}

#ja-leftcol div.moduletable {
	padding: 0 10px 10px;
	background: url(../images/modules-bg.gif) repeat-y top right #ECF0F4;
}
*/

/* Menu Gauche */

#menuboutique{display:none}
#menuboutique2{display:none}
#menumediatheque{display:none}
#menupub1{display:none}

/* bouton page precedente */
#bouton_retour {padding:2px 0 2px 0; 0;margin:1em 0 0 0;text-align:center;background:#586CA6;height:16px;font-size:11px;
			background-image:url(/artpublic/templates/temp/xxl/bouton_transparent.gif);background-position:left top;
			background-repeat:no-repeat;
	}
#bouton_retour a{color:#FFFFFF;font-weight:bold}




#menugauche {display:none;float:left;width:170px;margin:0 0 2em 0}
	#menugauche h2 {padding:0.2em 0 0.2em 0;margin:2em 0 0 0;text-align:center;color:#FFFFFF;background:#586CA6;font-size:1.1em;
			background-image:url(/artpublic/templates/temp/xxl/fdtag.gif);background-position:left top;
			background-repeat:no-repeat;
	}

/* #menugauche {
	margin:10px 0 10px 0;
	border:#B3C6EF 1px solid;	
        width:170px;
	float:left;
	clear:left;
	background:#EAF3FB 
} */

	.mg1 {clear:left; font-size:9pt; color:#000099; font-weight:bold; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em;
		border-bottom:#B3C6EF 1px solid; background-image:url(/artpublic/templates/temp/xxl/cellpic1.gif); 
 		background-position: bottom left;  background-repeat: repeat-x}
	.mg3 {color:#000; padding:0.4em; line-height:15px}
	.mg3 p{margin:0;padding:0 0 0 5px}
	.mg3 a {color:#666}
	.mg3 form {padding:0;margin:0}
	.mg3-recherche {padding-left:15px;margin:0}
	div.mg3{padding:0;background:#D1DAEF} 


/* DEBUT MENU AUTO HORIZONTAL
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
--------------------------------------------------------- */

.menu {
width:100%;
height:30px;
/* background:#FFFFFF; */
/* font-size:0.85em; */
position:relative;
z-index:100;
margin:0
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
/*width:120px;*/
width:auto;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
font-size:1.1em;
float:left;
/*width:120px;*/
width:auto;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
/* font-size:11px; */
text-decoration:none; 
color:#FFFFFF; 
/*width:109px;*/
width:auto; 
height:30px; 
border:1px solid #B3CAEF; 
border-width:0 1px 1px 0; 
padding-left:20px; 
padding-right:20px; 
line-height:30px;

      background:url("/artpublic/templates/temp/tabrightE.png") repeat-x left top;
}

.menu a span, .menu a:visited span {
	color:#37466F;
	font-weight:bold
}



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:120px;
w\idth:109px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(/artpublic/templates/temp/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(/artpublic/templates/temp/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(/artpublic/templates/temp/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
/* background:#e2dfa8; */
background-position:100% -42px;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;

}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:120px; 
top:0;
width:120px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-120px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#D1DAEF; 
color:#2F3C5F; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:99px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:120px;
w\idth:99px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#FFFFFF; 
background-position:0% -42px;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#586CA6;
/*background:#949e7c;*/
background-position:0% -42px;
}

.menu a:hover span, .menu ul ul a:hover span{
color:#101C3F
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


    
/* DEBUT MENU AUTO VERTICAL
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
--------------------------------------------------------- */

.menu2 {
font-size:1em;
margin:0;
padding: 0 0 5px 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:170px;
}
/* style the list items */
.menu2 li {
background:#D1DAEF url(/artpublic/templates/temp/shade.gif);
height:24px;
/* for IE7 */
float:left;
}
.menu2 li.sub {background:#D1DAEF url(/artpublic/templates/temp/sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu2 a, .menu2 a:visited {
display:block; 
text-decoration:none;
height:23px;
line-height:23px;
width:170px;
color:#223C4F;
text-indent:5px;
border-top:1px solid #FFFFFF;

}
/* hack for IE5.5 */
* html .menu2 a, * html .menu2 a:visited {width:170px; w\idth:169px;}
/* style the link hover */
* html .menu2 a:hover {color:#efa; background:#7891CF; position:relative;}

.menu2 li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu2 a:active, .menu2 a:focus {color:#efa; background:#7891CF;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu2 li:hover > a {color:#efa; background:#7891CF;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:140px;
/* set up the overrun area */
padding:29px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

.menu2 li ul li {
border-right:1px #586CA6 solid;
border-left:1px #FFFFFF solid;
border-top:1px #FFFFFF solid;
border-bottom:1px #586CA6 solid;
}


/* for browsers that understand this is all you need for the flyouts */
.menu2 li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */

.menu2 ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu2 ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu2 ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu2 ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu2 ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu2 ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu2 ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/*FIN MENU AUTO VERTICAL----------------------------------------- */
    
        
    

/* RIGHT COLUMN
--------------------------------------------------------- */
#ja-rightcol {
	float: left;
	width: 20%;
	padding-top: 10px;
	background: url(../images/grad1.gif) repeat-x top;
}

#ja-rightcol div.moduletable h3 {
	margin: 0 0 5px;
	padding: 0 10px 4px 14px;
	/*color: #646E7B;*/
	color: #4F89D2;
	background: url(../images/h3right-bg.gif) no-repeat bottom left;
	font-size: 1em;
}

#ja-rightcol div.moduletable {
	margin-bottom: 5px;
	padding: 5px 0 10px;
	width: 92%;
}

#ja-rightcol div.moduletable-hilite h3 {
	margin: 0 -10px 5px;
	padding: 10px 10px 4px 8px;
	color: #FFFFFF;
	background: url(../images/h3-bg-hilite.gif) no-repeat top right #FFFFFF;
	font-size: 1em;
}

#ja-rightcol div.moduletable-hilite {
	margin-bottom: 5px;
	padding: 0px 10px 10px;
	color: #FFFFFF;
	background: #4F89D2;
	border-right: 10px solid #FFFFFF; 
}

/* Menu Droit */

	#conttag {float:right;width:336px;margin:0 0 2em 0}
	#conttag h1{background:none}
		#conttag h2 {padding:0.2em 0 0.2em 0;margin-bottom:10px; text-align:center;color:#FFF;background:#47567F;font:bold 1.2em Georgia, "Times New Roman", Times, serif}		
			/*background-image:url(/artpublic/templates/temp/xxl/fdtag.gif);background-position:left top;
			background-repeat:no-repeat;*/
	}
	#conttag div.menucat_agenda {width:100%;background:#D1DAEF;padding-bottom:5px} 
	.menucat_agenda form {margin:0;padding-left:5px}
	.menucat_agenda fieldset {width:99%;border:0;padding:2px 0 2px 2px;border-top:1px dashed #999;margin:0;_margin-bottom: -15px}
	.menucat_agenda legend {display:none}
	.menucat_agenda label {display:block;font-weight:bold;padding:2px 0 1px 0;margin:0}
	.menucat_agenda input, 	.menucat_agenda select {_margin-bottom: 0px}
	.menucat_agenda input {font-size:0.95em}
	.menucat_agenda select {width:110px}
	.adgtheme{font-size:0.95em}

	.md {color:#000; padding:0.4em; line-height:15px}
	.md p{margin:0;padding:0 0 0 5px}
	.md a {color:#666}
	.md form {padding:10px;margin:0}
	.md-recherche {padding-left:15px;margin:0}
	div.md{padding:0;background:#FFF;margin:0 10px;border:1px solid #555} 
	.md h4{margin:0;padding:5px 0 0 10px} /* necessaire pour affichage correct recherche librairie */
	.md #tagcloud{margin:0 2px 2px 2px;background:#FFFFFF} /* necessaire pour nuage de tag articumulus et couleur de fond sous windows */
	.md img{margin:2px 2px 0 2px}

/* autres liens */
.lien-bulle-g{display:block;clear:left;font-weight:bold;text-align:left;background:#D1DAEF;color:#666;font-size:0.9em;padding: 0 0 0.3em 0.4em;border-top:1px dotted #999;
			background-image:url(/artpublic/templates/temp/xxl/fdtag2.gif);background-position:left bottom;
			background-repeat:no-repeat}
	.lien-bulle-g a{color:#fff}
	.lien-bulle-g a:hover{color:#FF0000}		
.lien-bulle-d{display:block;clear:left;font-weight:bold;text-align:right;color:#fff;font-size:0.95em;padding: 0.2em 1.2em 0 0;
			/*background-image:url(/artpublic/templates/temp/xxl/fdtag2.gif);background-position:left bottom;
			background-repeat:no-repeat*/}
	.lien-bulle-d a{color:#D1DAEF}
	.lien-bulle-d a:hover{color:#29385F}



/* zones publicitaires */

#pub001 {
        border:2px #47567F solid;
        width:auto;
	background:#EEE;
        padding:15px;
        margin:1em 0
}

#pub002 {display:none;
        clear:both;
        width:auto;
	min-height:30px;
        border-bottom:1px #586ca6 dotted;        
	background: url(../images/pub-bg.gif) repeat-x top #ECF0F4;
	color: #646E7B;
        padding-top:10px;
        margin-top:0
}
/* fin zones publicitaires */


/* FOOTER
--------------------------------------------------------- */
#ja-footer {	
	font-size:11px;font-weight:normal; /*necessaire pour ie*/
	clear: both;
	background:#636F91;
	/*background: url(/artpublic/templates/temp/images/footer-bg.gif) repeat-x top #636F91;*/
	color: #C6CED9;
	/*border-bottom: 1px solid #3A4048;*/
	position: relative;
	height: 60px;
}

#ja-footer a {
	color: #C6CED9;
	text-decoration: none;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
	color: #5FA4FB;
}

#ja-bottomline {
	position: absolute;
	top: 10px;
	left: 15px;
}

#ja-cert {
	position: absolute;
	top: 25px;
	right: 15px;
}

#ja-cert a {
	padding-left: 5px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	color: #8E9CAE;
	background: none!important;
	text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
	width: 90%;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
	border: none;
	background: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/* JA CoolAds Module */
#ja-coolads {
	height: 0;
	overflow: hidden;
	position: relative;
}

#ja-coolads-container {
	margin-right: 5%;
	overflow: hidden;
}

#ja-coolads-container div.moduletable {
	overflow: hidden;
}


/*annuaire, dossiers, news, agenda,download,faq*/
/***********************************************/
	/* h1 {color:#000;font-weight:bold;font-size:2.5em;margin:0;padding:0;width:99%;border-bottom:1px #900 solid} */
	h1 {color:#FFFFFF;background-color:#333F6A;background-image: url("/artpublic/templates/temp/xxl/bandeau_dossiers.png");background-repeat:no-repeat;font-family: arial;font-weight:bold;font-size:1.3em;margin:0;padding:6px}

	/* Liste des categories (index.php) */
	DIV.cat {width:98%}
		DIV.cat_titre {margin-top:3em;  padding:0.4em}
		DIV.cat_titre img {float:left; margin:0 1em 0 0; border:#999 1px solid}
		DIV.cat_titre h2 {display:inline}
		DIV.cat_titre span {font-size:0.8em;color:#999;padding-left:4px}	

  	DIV.cat_texte {background:#DFEBFF;color:#3E4B6F;margin:0 0 5px 55px; padding:0.5em}

  	DIV.sscat {margin:2em 0 0 40px}
  		DIV.sscat_titre {margin-left:2em; padding:0.3em; border-bottom:#EF9700 1px dotted}
		DIV.sscat_titre img {float:left;margin-right:1em;height:50px}
  		DIV.sscat_titre h3 {display:inline;font-size:1.4em}
  		DIV.sscat_titre span {font-size:0.8em;padding-left:4px;color:#586CA6}

  	DIV.sscat_texte {margin-left:6em; margin-bottom:2em; padding:0.2em}

 	/* affichage deux colonnes */
 	DIV.catcol1 {position:relative; float:left; width:47%; padding:6px}
 	DIV.catcol2 {position:relative; width:47%; float:right; padding:6px}

	/* les dossiers dans une cat (cat.php) */
	DIV.catphp {float:left; width:98%; margin-top:2em}
		DIV.catphp_titre img {float:left;margin-right:1em;padding-top:5px}
		DIV.catphp_titre h2 {display:inline}
		/*DIV.catphp_titre span {padding-left:2em;color:#666;font-size:0.8em}*/
		DIV.catphp_titre span {display:none}
		
	DIV.catphp_texte{margin-top:0.2em;border-top:1px dotted #999;padding:0.5em;width:96%}

	/* lien theme agenda */
	.liencat2 {display:block;margin-top:5px;border-top:1px dashed #999;padding-top:4px}
	.liencat2 img {float:left;margin:0 1em 0 0;padding:0}

	

	/* affichage des souscatégories */
	DIV.catphp_sscat {width:100%; margin-top:2em;padding:0.4em 0 0.4em 0;margin-left:1em}
		DIV.catphp_sscat span {font-weight:bold;float:left;width:95%;background:#586CA6;color:#FFFFFF;padding:2px}
		DIV.catphp_sscat div {float:left;width:45%;border-bottom:1px solid #999;padding:5px;margin-bottom:1em}
		DIV.catphp_sscat img {float:left;margin-right:5px;height:40px}
		DIV.catphp_sscat A {font-weight:bold;color:#c00;font-size:1.2em}

	/* class supplémentaire pour présentation deux colonnes */
	/*DIV.col1 {float :left; width:45%; padding:6px;margin-left:1em}
	DIV.col2 {width:45%; float:left; padding:6px;margin-left:1.2em}*/

	.liencat {font-weight:bold;background:#D1DAEF;display:block;text-align:right;padding:1px;margin-top:2em}

	/*notation*/
	.catphp p.static {float:right;width:45%}
	.catphp div.ratingblock ul {float:left;width:45%}
	.catphp div.ratingblock {width:98%;border-top:1px dotted #999;padding-top:0.4em}

	/* dossier specifique (site.php, commentaire.php) */
	DIV.dossier {width:96%; border:dotted 1px #B3C6EF;padding:10px}
		/*DIV.titre SPAN {display:block;text-align:right;margin-right:10px;font-size:0.8em}*/
		DIV.titre span {display:none}/*supprimer affichage date*/
		DIV.titre img {float:left;padding-right:0.5em;padding-top:10px}
		     .titre h1{background:none;color:#586CA6;font-size:1.4em} /*permet de supprimer le background-image pour le titre des dossiers specifiques*/
	        DIV.option {float:right; margin-right:5px; margin-top:-2px} 
	DIV.chapo {margin-top:1em;font-style:italic;padding:1em;border:1px solid #EF9700}
		DIV.chapo img {float:left;padding-right:1em}

	DIV.texte {margin:1em 0 1em 0}

	DIV.suite {border-top:1px solid #EF9700;font-weight:bold;font-size:1.5em;padding-top:0.5em}
		DIV.suite A {padding-left:2em;font-weight:normal;font-size:0.7em;}
		DIV.suite A:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#EF9700;}

	DIV.debut_suite {text-align:center;border-top:1px solid #EF9700;font-weight:bold;padding-top:0.5em}

	DIV.auteur {margin-top:3em;text-align:right;font-weight:bold;border-top:1px solid #EF9700;border-bottom:1px solid #EF9700;padding:0.4em 0 0.4em 0}


	DIV.commentaire {width:90%;margin:1em 0 0 3em; padding:0.5em 0 0.2em 0; font-weight:bold}
		.commentaire h2 {color:#EF9700;border-bottom:1px #EF9700 solid;margin:2em 0 0 0;padding:0}
        	#comlien {margin-bottom:2em;background:#DFEBFF;padding:0.3em;font-weight:bold}

	DIV.commentaire_login {font-weight:bold;background:#586CA6;color:#FFFFFF;padding-left:1em;margin-top:1em}
	DIV.commentaire_texte {text-align:left;padding:1em;margin-bottom:2em;background:#eee;border:1px solid #586CA6}

	DIV.supplement {margin:1em 0 1em 0;text-align:center}

	.tags {font-size:0.8em;border-top:1px dotted #999;border-bottom:1px dotted #999;height:1.4em;background:#eee}
	.tags img {float:left;margin-right:0.5em}




/*agenda calendrier
----------------------------------------------------------- */
.caltable {width:100%; border: 1px solid #D1DAEF;border-bottom:0; text-align:center; margin-top:0}
.caltop {width:14%; font-size:1em; background-color:#D1DAEF;color: #586CA6; font-weight:bold}
.calhead {font-size:0.96em;font-weight:bold; background-color:#8396BF; color:#000099}
.caltoday {width:14%; font-size:0.9em; font-weight:bold; color:#990000; background-color:#8EA0CF}
.caltoday a {color:#FFFFFF;}
.caldays {width:14%; font-size:0.9em; color:#306424; background-color:#D1DAEF; text-align:center}
.calok {width:14%; font-size:0.9em; color:#306424; background-color:#B3C3EF; text-align:center}
.calprec {padding-left:4px; float:left;width:48%;font-size:1em}
.calsuiv {padding-right:3px; float:right;width:48%;font-size:1em}
.calprec a, .calsuiv a {color:#666666}
.calcache {position: absolute; clip:rect(1px, 1px, 1px, 1px); clip:rect(1px 1px 1px 1px);}

/*menuagenda*/
.menuagenda {background-color:#306424; width:98%; text-align:center; margin-bottom:1em; padding:1px 0 1px 0}
.menuagenda label {color:white; font-weight:bold}
.menuagenda select {_margin-bottom: -15px}
.menuagenda input {_margin-bottom: -15px}
.left {float:left; padding-right:0.5em}
.right {float:right; padding-left:0.5em}

/*tags
----------------------------------------------------------- */
	/*nuage tags*/
	#tagcloud  {margin: 0;padding:0.5em;display:block;border:1px solid #eee;border-bottom:0px;background:#D1DAEF;text-align:center}
	#tagcloud li {display: inline;   margin: 0 .15em}
	#tagcloud li.cloud1 a { font-size: 1em; }
	#tagcloud li.cloud2 a { font-size: 1.1em; }
	#tagcloud li.cloud3 a { font-size: 1.2em; }
	#tagcloud li.cloud4 a { font-size: 1.3em; font-weight:bold;}
	#tagcloud li.cloud5 a { font-size: 1.4em; font-weight:bold;} 

	#lientag {display:block;clear:left;text-align:right;font-weight:bold;background:#D1DAEF;color:#666;font-size:0.8em;padding: 0 0.4em 0.3em 0;margin-bottom:2em;border-top:1px dotted #999;
			background-image:url(/artpublic/templates/temp/xxl/fdtag2.gif);background-position:left bottom;
			background-repeat:no-repeat;}
	#lientag:hover {color:red}

	/*page tags*/
	.afftags {width:99%;font-weight:bold}
	.afftags h2 {background:#666;color:#FFFFFF;font-size:1em;padding:0.2em;margin-top:2em}

	#tag_gen {width:90%;margin:2em;text-align:center;background:#eee}
	#tag_gen  li {float: left;display: inline;margin: 1em}
	#tag_gen li.tag_1 a { font-size: 0.85em; color:#999}
	#tag_gen li.tag_2 a { font-size: 0.95em; color:#666}
	#tag_gen li.tag_3 a { font-size: 1em; color:#000}
	#tag_gen li.tag_4 a { font-size: 1.1em; font-weight:bold;}
	#tag_gen li.tag_5 a { font-size: 1.2em; font-weight:bold;}
	
	
/* MINI-CHAT
----------------------------------------------------------- */
  .messchat1 {background:#D0E0FF; padding:2px}
  .messchat1 span {color:#000000; font-weight:bold; margin:0; font-size:7pt}
  .messchat1 span span {color:#800000; font-weight:bold; margin:0; font-size:7pt}
  .messchat1 a {color:#000080;}
  .messchat1 img {vertical-align:middle;border:0}
  
  .messchat2 {background:#E0E7FF; padding:2px}
  .messchat2 span {color:#000000; font-weight:bold; margin:0; font-size:7pt}
  .messchat2 span span {color:#800000; font-weight:bold; margin:0; font-size:7pt}
  .messchat2 a {color:#000080;}
  .messchat2 img {vertical-align:middle;border:0}
  
  #fchat {background-color:transparent;width:158px;border:0;font-size:9pt}
  #fchat img {border:0}
  #framechat {width: 158px; height: 250px; overflow: auto; border:1px solid #B3C6EF; padding:2px; margin: 0 3px 3px 3px; background:#D8D8D8;}
  #chatform {margin-left:2px; margin-top:20px;}
  #chatform input {border: 1px solid #000000;}
  #chatform p {margin:0;}
  #chatconx {text-align:center; margin-bottom:0; font-weight:bold;}
  .linkchat {text-align:center; margin-bottom:0;}
  #minichat{text-align:center}

  
  /*suivant et precedent - News, Dossier et Agenda
  ----------------------------------------------------------- */
   	.suiv_preced {padding:20px 0 20px 0;width:100%;overflow:auto; margin-top:20px}
  	.suiv_preced span {font-size:0.85em}
 	#suite{ width:40%; float:right;text-align:right;margin-right:20px;}
 	#suite A{ font-weight:bold; color:#586CA6;}
 	#suite A:hover{ font-weight:bold;color:#000099;background:none}
 	#debut{ width:40%; float:left;text-align:left;margin-left:20px;}
   	#debut A{ font-weight:bold;color:#586CA6}
   	#debut A:hover{ font-weight:bold; color:#000099;background:none}
   	


/*style pour encadrement des blocks
  ----------------------------------------------------------- */
/* #div_content{
position:relative;
display:block;
width:980px;
margin-left:auto;
margin-right:auto;
} */

#div_content .block{
position:relative;
display:block;
margin-top:23px;
width:100%;
max-width:980px;
}
#div_content .block .middle{
position:relative;
background:url(/artpublic/templates/temp/xxl/contents_middle.png) #636F91 top left no-repeat;
border-left:1px solid #000;
border-right:1px solid #000;
}
*html #div_content .block .middle{
margin-right:1px;
}


#div_content .block .fin{
display:block;
height:11px;
margin-right:4px;
background:url(/artpublic/templates/temp/xxl/contents_bottoms.png) transparent bottom left no-repeat;
}
#div_content .block .fin .bout{
position:absolute;
bottom:0;
right:0;
display:block;
height:11px;
width:4px;
background:url(/artpublic/templates/temp/xxl/contents_bottoms.png) transparent bottom right no-repeat;
}
#div_content .block .debut{
display:block;
height:47px;
margin-right:4px;
background:url(/artpublic/templates/temp/xxl/contents_tops.png) transparent top left no-repeat;
overflow:hidden;
padding-left:57px;
}
#div_content .block .debut .bout{
position:absolute;
top:0;
right:0;
display:block;
height:47px;
width:4px;
background:url(/artpublic/templates/temp/xxl/contents_tops.png) transparent top right no-repeat;
}
#div_content .block .debut h1{
color:#30416F;
font-style:italic;
font-size:22px;
line-height:47px;
font-family:Arial, Verdana;
}
#div_content .block .debut .dropShadow{

}
#div_content .block .debut h1 a{
color:#484646;
}
 #div_content .ico_actu,#div_content .ico_actu2,#div_content .ico_coeur,#div_content .ico_cadeaux,#div_content .ico_news,#div_content .ico_nouveau,#div_content .ico_motscles,#div_content .ico_articles,#div_content .ico_catalog,#div_content .ico_tuning,#div_content .ico_medias,#div_content .ico_boutique,#div_content .ico_annuaire,#div_content .ico_forums{
background:url(/artpublic/templates/temp/xxl/ico.packed.png) transparent top left no-repeat;
position:absolute;
top:2px;
left:5px;
display:block;
width:47px;
height:47px;
}
/*
#div_content .block .debut .ico_news{
background-position:0 0;
}
#div_content .block .debut .ico_articles{
background-position:0 -47px;
}
#div_content .block .debut .ico_catalog{
background-position:0 -94px;
}
#div_content .block .debut .ico_tuning{
background-position:0 -141px;
}
#div_content .block .debut .ico_forums{
background-position:0 -188px;
}
#div_content .block .debut .ico_medias{
background-position:0 -235px;
}
#div_content .block .debut .ico_annuaire{
background-position:0 -282px;
}
#div_content .block .debut .ico_boutique{
background-position:0 -329px;
}
*/
#div_content .block .debut .ico_actu{top:0;left:10px;
background:url(/artpublic/templates/temp/xxl/newspaper_48.png) transparent top left no-repeat;
}
#div_content .block .debut .ico_actu2{top:5px;left:12px;
background:url(/artpublic/templates/temp/xxl/newspaper_40.png) transparent top left no-repeat;
}
#div_content .block .debut .ico_cadeaux{top:8px;left:13px;
background:url(/artpublic/templates/temp/xxl/cadeaux.png) transparent top left no-repeat;
}
#div_content .block .debut .ico_coeur{top:11px;left:14px;
background:url(/artpublic/templates/temp/xxl/heart.png) transparent top left no-repeat;
}
#div_content .block .debut .ico_nouveau{top:9px;left:12px;
background:url(/artpublic/templates/temp/xxl/arrow_right_40.png) transparent top left no-repeat;
}
#div_content .block .debut .ico_motscles{top:9px;left:12px;
background:url(/artpublic/templates/temp/xxl/cle.png) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_news{
background:url(/artpublic/templates/temp/xxl/ico_news.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_articles{
background:url(design/ico_articles.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_catalog{
background:url(/artpublic/templates/temp/xxl/ico_catalog.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_tuning{
background:url(design/ico_tuning.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_medias{
background:url(design/ico_medias.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_boutique{
background:url(design/ico_boutique.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_annuaire{
background:url(design/ico_annuaire.gif) transparent top left no-repeat;
}
*html #div_content .block .debut .ico_forums{
background:url(design/ico_forums.gif) transparent top left no-repeat;
}


#div_content .block a.followlinks{
display:block;
position:absolute;
top:1px;
right:4px;
width:106px;
height:46px;
background:url(/artpublic/templates/temp/xxl/blocks_more.gif) transparent top left no-repeat;
z-index:1000;
}
#div_content .block a.followlinks span,#div_content .block a.followrss span{
display:none;
}
#div_content .block a.followrss{
display:block;
position:absolute;
top:1px;
right:118px;
width:65px;
height:46px;
background:url(/artpublic/templates/temp/xxl/rss.gif) transparent top left no-repeat;
z-index:1000;
}
*html #div_content .block a.followrss{
background:url(/artpublic/templates/temp/xxl/rss.gif) transparent top left no-repeat;
}