/* 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;
}



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: 97%;
	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-image: url(/artpublic/templates/temp/xxl/cellpic3.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
	background-color:#586CA6;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	/*height: 30px;*/
	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: 2px;*/
	top: 0;/*verifier affichage sous ie*/
	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{
	text-align:center;
	/*background:#FFFFFF;*/
	background:transparent url(/artpublic/templates/temp/xxl/site_logo.gif) repeat-x scroll center bottom;
	height:100px;	
	/*border:1px solid #A7BDDF;*/
	border-left:1px solid #B3CAEF;
	border-right:1px solid #B3CAEF;
	border-top:1px solid #B3CAEF;
        border-bottom:0px solid #B3CAEF
}
	#topimg img {height:120px;width:848px}
	
       

#header3{ 
 position:relative;z-index:180; /* 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/cellpic1.gif);*/
 background-image:url(/artpublic/templates/temp/xxl/cellpic3.png);
 background-position: top left;
 background-repeat:repeat-x;
 /*background-color:#8198CF;*/
 background-color:#FFF;
 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}
*/
/* #header3a{margin-left:13%} */



/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	float: left;
	width: 100%;
	font-size: 1em;
	/*line-height: normal;*/
	line-height: 8px;
	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;
	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 {
	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 5px 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 {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 1er MENU HORIZONTAL TransMenu
-------------------------------------------------
Originally developed by Aaron Boodman
http://www.youngpup.net/
--------------------------------------------------
NOTE: TransMenu background and some
configurations are located in the ja-transmenu.js.
-------------------------------------------------*/


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	/*position: absolute;*/
	position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.transMenu.top .items {
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}
/* another hack for IE5.5 et plus */
* html .transMenu .background {
top:10px;
t\op:0px;
}


/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	width: 2px;
	position: absolute;
	z-index: 3;
	top: 3px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute;
	z-index: 1;
	left: 3px;
	height: 2px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* each TR.item is one menu item */
.transMenu .item {
	color: #FFFFFF;
   text-decoration: none;
	text-transform: none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	color: #FFFFFF;
	background: #3E4B6F;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left: 10px;
}

/* ----------------------------------------------------------------
- Added classes by Khanh - 050629
- Style and mark-up improved by Hieu Nguyen & Ha Le Viet - 060718
-------------------------------------------------------------------*/
.transMenu .item#active {
	background: #3E4B6F;
	color: #FFFFFF;
	/* -moz-opacity: .6;
	filter: alpha(opacity=60); */
}

.transMenu .item#active:hover {
	color: #FFFFFF;
	background: #545C66;
}

#ja-mainnav div.transmenu-inner {
	float: left;
	width: 100%;
	background: #586CA6;
}

/* For first level menu.*/
#ja-transmenu {
	margin: 0;
	padding: 0;
	background: #545C66;
}

#ja-transmenu li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
}

#ja-transmenu li a { /* common styles for 1st level menu */
	padding: 5px 20px;
	float: left;
	text-decoration: none;
	display: block;
	text-align: center;
	color: #DFE5EC;
	border-right: 1px solid #8EA0CF;
}

#ja-transmenu li a:hover { /* common styles for 1st level menu */
	color: #FFFFFF;
	text-decoration: none;
}

a.havechild-mainlevel-trans {
	background: url(img/arrow-off.gif) center right no-repeat;
}

a.mainlevel-trans:active {
	color: #FFFFFF;
	background: url(img/arrow-off.gif) center right no-repeat #3E4B6F;
}

a.havechild-mainlevel-active-trans,
a.havechild-mainlevel-active-trans:active
a.havechild-mainlevel-active-trans:focus {
	color: #FFFFFF;
	background: url(img/arrow-off.gif) center right no-repeat #3E4B6F;
}

a.jahover {
	color: #FFFFFF;
	background: url(img/arrow-off.gif) center right no-repeat #3E4B6F;
}

a.jahover-active {
	color: #FFFFFF!important;
	background: url(img/arrow-off.gif) center right no-repeat #3E4B6F;
}

a.mainlevel-trans {
}

a.mainlevel-trans:hover,
a.mainlevel-trans:active,
a.mainlevel-trans:focus {
	color: #FFFFFF;
	background: #3E4B6F;
}

a.mainlevel-active-trans {
	color: #FFFFFF!important;
	background: #3E4B6F;
}

a.mainlevel-active-trans:hover,
a.mainlevel-active-trans:active,
a.mainlevel-active-trans:focus {
	background: #3E4B6F;
	color: #FFFFFF;
}
/* FIN 1er MENU HORIZONTAL TransMenu
-------------------------------------------------*/


/* 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:1.1em; 
position:relative;
z-index:100;
margin:0
padding:0;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
float:right;
list-style:none;
position:relative;
right:50%;
padding:0;
margin:0;
}
.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;
display:block;
margin:0;
padding:0;
left:50%;
}
.menu li li {
left:0;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
/* font-size:15px; */
text-decoration:none; 
color:#FFFFFF; 
/*width:109px;*/
width:auto; 
height:30px; 
border:1px solid #B3CAEF; 
border-width:0 1px 1px 1px; 
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
}

.menu  ul ul a, .menu  ul ul a:visited {
border:1px solid #EFEFEF; 
border-width: 2px 0 0 1px; 
border-bottom:1px solid #586CA6;
border-right:1px solid #586CA6;}


/* 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:#C3CBDF url(/artpublic/templates/temp/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#B5BCCF url(/artpublic/templates/temp/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#B5BCCF 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;
border:1px solid #EFEFEF; 
border-width: 2px 0px 0px 1px; 
border-bottom:1px solid #586CA6;
border-right:2px solid #586CA6;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#B5BCCF;

}


/* 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:#C3CBDF; 
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:#1A202F;
background:#B5BCCF;
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----------------------------------------- */
    
    
/* ARTIPHP STYLE
--------------------------------------------------------- */   
#contenupage{padding-left:0;padding-right:0}
/*#contenupage2{padding-left:21%;padding-right:180px;} */
#contenupage2{padding-left:190px;padding-right:180px;} 
/*#contenupage3{padding-left:21%;padding-right:0;}*/	
#contenupage3{padding-left:190px;padding-right:0;}	
#coulcentre {font-size:1.2em;width:97%;min-height:400px;padding:10px 5px 5px 5px; background:#FFFFFF} /*width:96% necessaire pour ie6*/


/* 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:170px;margin:0 0 2em 0}
	#conttag h2 {padding:0.2em 0 0.2em 0;margin:1em 0 0 0; text-align:center;color:#FFFFFF;background:#586CA6;font-size:1em;
			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:69%;border:0;padding:0 0 1px 2px;border-bottom: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:#D1DAEF} 
	.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}
.md li{list-style-position:inside}/* necessaire pour integrer les puces dans le menu boutique*/
/* .puceboutique{padding:1em} necessaire pour affichage correct des puces dans le menu boutique-plus besoin apparemment avec prestashop */

/* 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:#666}
	.lien-bulle-g a:hover{color:#FF0000}
	.lien-bulle-g li{list-style-position:inside}/* necessaire pour affichage correct des puces des membres en ligne */			
.lien-bulle-d{display:block;clear:left;font-weight:bold;text-align:right;background:#D1DAEF;color:#666;font-size:0.9em;padding: 0 0.4em 0.3em 0;border-top:1px dotted #999;
			background-image:url(/artpublic/templates/temp/xxl/fdtag2.gif);background-position:left bottom;
			background-repeat:no-repeat}
	.lien-bulle-d a{color:#666}
	.lien-bulle-d a:hover{color:#FF0000}



/* zones publicitaires */

#pub001 {
        border:1px #47567F solid;
        width:auto;
	background:#EEE;
        padding:10px;
        margin:0.5em 0;
        font-size:0.94em
}

#pub002 {
        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(../images/footer-bg.gif) repeat-x top #434952;*/
	/*background: url(../images/footer-bg.gif) repeat-x top #636F91;*/
	color: #C6CED9;
	border-bottom: 1px solid #545E7C;
	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,glossaire, citations*/
/********************************************************************/
	/* 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 0 1em 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; border-left:#EF9700 1px dotted}
		DIV.sscat_titre img {float:left;margin-right:1em;height:50px}
  		DIV.sscat_titre h3 {display:inline}
  		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}/* enlever affichage date*/
		#mod_annuaire 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}
		#mod_citations DIV.titre SPAN {display:none;}/*enlever date et nbre de fois lu*/	
		DIV.titre img {float:left;padding-right:0.5em;padding-top:10px}
		                .titre h1{background:none;color:#586CA6;border-bottom:1px solid #EF9700} /*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;background:#DFEBFF;height:auto}
		DIV.chapo img {float:left;padding-right:1em}

	DIV.texte {margin:1em 0 1em 0;text-align:justify}

	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 {text-align:left;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}

#alphab {float:left; width:98%; text-align:center; border:1px dotted #586CA6; background:#EEE; margin:1.5em auto; padding:0.5em;}
    #alphab a {font-size:1.2em; font-weight:bold; color:#586CA6;}
    #alphab a:hover, a:active, a:focus{color:#5FA4F8;}
#nbdef,#nbadresses {float:left; width:98%; text-align:right; padding:0.2em;}

/*annuaire - parametrage necessaire pour affichage largeur correcte page soumission*/
#mod_annuaire fieldset{width:90%}
#mod_annuaire #texte{width:94%}
#mod_annuaire #adresse_annuaire{width:90%}
#mod_annuaire #url_annuaire{width:50%}
#mod_annuaire  #mail_annuaire{width:50%}
#mod_annuaire   #flux_annuaire{width:50%}

/*guestbook*/
	/* h1{margin-bottom:1em}  necessaire pour la page ajouter un message-espace entre titre et cadre */
	DIV.guest_ajout {
	background:#dfebff;
	margin:2em 0 2em 0;border-top:1px dotted #EF9700; 
	text-align:center;font-size:1em;font-weight:bold;
	padding:0.5em 0 0.5em 0;
	border-bottom:1px dotted #EF9700;
 }
        DIV.guest_ajout a {color:#003399}
        DIV.guest_ajout a:hover {color:#61676F}

	DIV.guest {width:100%}

	DIV.guest_titre {background:#8196CF;padding:2px}
		DIV.guest_titre h2 {display:inline;padding-left:1em;font-size:1.2em;color:#37466F}
		DIV.guest_titre SPAN {padding-left:1em;color:#45506F;font-size:0.8em}

	DIV.guest_texte {padding:1em;margin-bottom:2em;border:1px solid #8196CF}

        .bonjour{font-weight:bold;font-size:11px;color:#586ca6;padding:0;margin-bottom:1em}

/*agenda calendrier
----------------------------------------------------------- */
/* .caltable {width:100%; border: 1px solid #D1DAEF;border-bottom:0; text-align:center; margin-top:0} */
.caltable {float:right;width:180px; border: 1px solid #D1DAEF;border-bottom:0; text-align:center; margin-top:0}
.caltable img {border:0; margin:0 5px 0 5px; vertical-align:middle;}
.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} */
.calhead {font-size:0.85em;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:0.9em}
.calsuiv {padding-right:3px; float:right;width:48%;font-size:0.9em}
.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}