/* PLUME CMS Style Sheets for 1.2 version 
Template TeleQuartiers par Xa 
rouge 
	color: #cc071e
	
Rose
	background-color: #FFF3F8;
	border: 1px solid #FFE3EE;

gris
	border-bottom: 1px solid #EDEDED;
	background-color: #F9F9F9;	
	color: #6E6E6E;
blue
	color: #98B3C7;
	color: #036;
bleu clair
	background-color: #EFF4FA;

*/

html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 10px;
	padding: 0 0 30px 0;
	color: #000;
	font: .9em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

div
{
	margin: 0px;
	padding: 0px;
}

p, blockquote, li, dd, dt
{
	font-weight: normal;
}

h1
{
	margin: 5px 0 5px 0;
}

h2
{
	margin: 5px 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #6E6E6E;
}

h3
{
	margin: 15px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	text-decoration: none;
	color: #6887A4;
}

a:hover
{
	color: #FFF;
	background-color: #cc071e;
	text-decoration: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite
{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code
{
	margin: 10px;
	display: block;
}

q
{
	font-style: italic;
	color: #666;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;
	max-width: 1204px;
	border-width: 1px;
	border-color: #cc071e;
	border-style: solid;
}

#mainfloat
{
	float: left;
	width: 75%;
}

#content
{
	float: right;
	width: 73%;
	margin-top: 15px;
	font-family: "Optima", Arial, sans-serif;
}

* html #content
{
	margin-top: 54px; /* hack IE */
}

#top a
{
}

#menuleft
{
	margin-right: 75%;
	text-align: right;
	padding: 38px 5px 0 0;
}

#menuright
{
	margin-left: 75%;
	padding: 40px 10px 0 20px;
}

#menuleft, #menuright
{
	border: none;
}
/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	position: relative; 
}

#pied
{
	clear: both;
}

#next
{
	clear: both;
}
p.page_before
{
	float: left;
	background: url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat -23px 0 ;
	padding-left: 5px;
}
p.next_page
{
	float: right;
	background: url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat 30px bottom;
	padding-right: 5px;
}

.page_before a, .next_page a {
	display: block;
	color: #000;
}


#footer
{
	clear: both;
	border: none
}
div#footer
{
	text-align: center;
	margin: 0;
	color: #ccc;
	font-size: .8em;
}
#footer a
{
	text-decoration: none;
	border: none;
	color: #000;
}
#footer a:hover
{
	background-color: #fff;
	color: #cc071e;
}
#footer li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li:before
{
	content: '| ';
	color: #cc071e
}


/* ====================================================================
BANNER
-------------------------------------------------------------------- */

#banner
{
	margin: 0;
	padding: 0 10px;
	height: 72px;
	background-image: url(/xmedia/theme/xa/img/bandeauTQ.png);
	background-repeat: repeat-x;
}

#banner .description
{
	margin: 0;
	padding: 70px 0 0 0;
	color: #cc071e;
	font-size: 1em;
}

#banner h1
{
	display: none;
}

#easy-access
{
/*	margin: 30px 10px 0 0;
	padding: 0;
	float: right;*/
	
/*	position: fixed; */
	position: absolute;
	top: 30px; 
	right: 28px;
	Z-Index: 100;
}

#easy-access #q 
{
	width: 100px;
	height: 14px;
	vertical-align: top;
}


/* ====================================================================
CONTENT
-------------------------------------------------------------------- */

body.category #content h2, .comment-preview
{
	padding-bottom: 0;
	background-position: 0% 40%;
	font-size: 1.5em;
}


body.category #content h2 a
{
	color: #cc071e;
}

body.category #content h2 a:hover
{
	color: #FFF;
	background-color: #cc071e;
}

#menuleft h2
{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat 100% 100%;
	height: 25px;
	margin: 10px 0 0 0;
	padding-left: 5px;
	border-bottom: 1px solid #cc071e;
	text-align:left;
}

#menuright h2
{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background: transparent url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat 100% 100%;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #cc071e;
	text-align:left;
}

#menuright ul a, #menuleft ul a
{
	text-decoration: none;
}


#menuleft ul, #menuright ul
{
	margin:0;
}

#content h2 a 
{
	color: #000;
}

#content a:hover
{
	color: #FFF;
	background-color: #cc071e;
}

ol.tree
{
	text-align: right;
	margin: 0;
	padding: 0;
	color: #cc071e;
}

ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree li:before
{
	content: ' \00bb  ';
}

p.modified
{ 
	color: #666;
	font-size: .7em;
	padding: 4px 0 0 13px;
	margin-top: -5px;
	background: url("img/p-modified.png") 0% 80% no-repeat;
}

#content .modified a
{
	text-decoration: none;
}

p.modified a:hover
{
	color: #1771A0;
	text-decoration: underline;
}

.resources-number, .comment-closed
{
	color: #999;
	font-style: italic;
}

.resource
{
	border-bottom: 1px dotted #ccc;
}

.resource p
{ 
	margin-bottom: 20px;
}

#art-description {}

#footer img, div.col-content img
{
	border: none;
	vertical-align: bottom;
}

#banner h1 a
{
	margin: 0;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 100;
}

#art-title
{
	margin: 10px 0 -10px 0;
	font-size: 2.2em;
	color: #000;
	font-variant: small-caps;
	font-weight: 100;
}

#art-pages-list h3
{
	color: #000;
	font-weight: bold;
}


div.col-content
{
	margin: 20px 0;
}

div.col-content h2, div.col-content h3
{
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

div.col-content li
{
	list-style-type: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 1.2em;
}

/* div.col-content a
{
	text-decoration: underline;
} */

div.col-content ul, div.col-content ol
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}

#top-categories li, .top-categories li {
	background: url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat 0 100%;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #cc071e;
}

#top-categories li a, .top-categories li a {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	height: 25px;
	display: block;
	height: 23px;
	padding: 2px 0 0 0;
	white-space: nowrap;
}

#top-categories li a:hover, .top-categories li a:hover {
	color: #fff;
}

.top-categories li {
	list-style-type: none;
	padding-left:50px;
}

.top-categories ul {
	margin:0;
}

ol li.current a
{
	text-decoration: none;
	color: #6E6E6E;
}

.current  a:hover
{
	background-color : #fff;
}

#art-pages-list .current  a:hover
{
	background-color : #fff;
	color: #6E6E6E;
}

.feeds, .sitemap
{
	font-size: .9em;
	padding-left: 18px;
	color: #ccc;
}

.feeds
{
	background: transparent url("img/feeds.png") 4% 40% no-repeat;
}

.sitemap
{
	background: transparent url("img/sitemap.png") 0% 40% no-repeat;
}

.score
{
	font-size: 90%;
	color: #090;
	margin-top: -10px;
	text-align: right;
	border-top: 1px dotted #BEE5BE;
	padding: 2px 4px;
	background-color: #ECF7EC;
}

.err404
{
	padding: 20px 0 0 60px;
	background: transparent url("img/err404.gif") 0% 80% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}

#content img
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
	margin: 6px 10px 0 0;
	float: left;
	display: block;
}

#content img.center
{ 
	margin:8px auto 8px auto;
	display: block;
}

#content img.right
{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}

#menuright .feeds, #menuright .sitemap
{
	text-decoration: none;
	margin: 0;
}

#menuright a.feeds:hover
{
	color: #F7A802;
	background-color: #FFF;
}

#menuright a.sitemap:hover
{
	color: #8CAD36;
	background-color: #FFF;
}

.recent-news, .list-articles {
	background-color: #F9F9F9;
	border: 1px solid #EDEDED;
	margin: 4px ;
	color: #036;
	font-size: 90%;
	font-style: italic;
	text-decoration: none;
	text-align: left;
}


.recent-news li, .list-articles li {
	list-style-image: url(/xmedia/theme/xa/img/puce.png);
	list-style-position: inside;
	list-style-type: none;
	padding: 5px ;
}

ul.extra
{
	margin: 0;
	padding: 0;
}

ul.extra li
{
	display: inline;
	list-style-type: none;
	padding-right: 1em;
	padding-left: 0;
}

.associated-link
{
	text-align: right;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #ccc;
}

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */

div.px-comment
{ 
	background-color: #FFFFF1;
	padding: 0 14px 0 16px;
	border: 1px solid #FFF2CB;
	margin-bottom: 6px;
	color: #666;
	font-style: italic;
}

div.px-comment a
{ 
	color: #666;
}

div.px-comment a:hover
{ 
	color: #000;
}

.px-comment-info
{ 
	font-weight: bold;
	padding-left:20px;
	background: url("img/comment-icon.png") 0% 70% no-repeat;
}

.px-comment .px-comment-info-website
{
	color: #ccc;
}

form.px-comment
{
	padding: 10px 16px 10px 16px;
	margin-bottom: 20px;
	background-color: #F9F9F9;	
	color: #6E6E6E;
	font: .8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
}

form.px-comment p
{
	margin: 0;
}

form.px-comment textarea
{
	width:100%;
}

form.px-comment textarea, form.px-comment input
{
	background-color: #fff;
}

.input-submit
{
	text-align: right;
	padding-top: 8px;
}

form.px-comment label
{
	float: left;
	display: block;
	width: 100px; 
	font-size: 110%;
}

.px-comment-add
{
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	font-variant: small-caps;
	font-size: 120%;
	clear: both;
}

form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error
{
	border: 1px dotted #FF8080;
	padding-bottom: 10px;
	width: 80%;
}

.px-comment-error ul
{
	padding-top: 6px;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	background: url("img/errmsg.gif") 0% 50% no-repeat;
	padding-left: 20px;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
	background: url("img/comment-preview.png") 0% 0% no-repeat;
}

.px-comment-validation
{
	padding-left: 16px;
	font-style: italic; 
	color: #999;
}

span.px-comment-required-email
{
	font-size: 90%;
	font-style: italic;
	color: #666;
}

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */

div.gallery {}
div.gallery-top {}

div.gallery-bottom 
{ 
	clear: left;
}

div.gallery-thumb a 
{	
	float: left;
	display: block;
}

#content img.gallery-thumb 
{	
	margin: 0 0 10px 0;
}

div.gallery-img 
{ 
	float: left;
	width: 200px;
	padding: 0 0 0 10px; 
	margin: 0 10px 10px 0;
}

p.gallery-legend
{ 
	text-align: center;
	line-height: 100%;
	font-style: italic;
	color: #A5A569;
}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap
{
	padding: 0 20px;
	margin-bottom: 20px; 
}

#sitemap h1
{
	padding: 20px 0 0 0;
	font-weight: 200;
	color: #0E5A8A;
}

#sitemap h3
{
	font-size: 120%;
	border-bottom: 1px solid #EDEDED;
	background-color: #F9F9F9;
	padding: 0px 4px;
}

#sitemap h3 a, #sitemap li.subcatlism a
{
	color: #cc071e;
}

#sitemap li
{
	font-size: .9em;
	color: #6887A4;
}

#sitemap li.nodeco
{
	list-style-type: none;
}

#sitemap li.nodeco a
{
	color: #98C6E6;
}

#sitemap li.nodeco li
{
	list-style-type: circle;
	color: #98C6E6;
}

#sitemap li.subcatlism
{
	list-style-type: circle;
	color: #cc071e;
}

#sitemap li.subcatlism p
{
	padding: 10px 0 0 0;
}

#sitemap p
{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -10px;
}
div.video {
	padding: 10px 0;
	text-align: center;
	background: url("/xmedia/theme/xa/img/load.gif") no-repeat 50% 50%;
	height: 350px
}

p.follow {
	margin-bottom: 30px;
	padding:0;
	background: url("/xmedia/theme/xa/img/bg-ligne.png") no-repeat -30px 0;
	clear: both;
}
p.follow a {
	padding-left: 38px;
	height: 50px
}
p.follow a:hover {
	padding: 1px 20px 0 38px;
}

hr
{
	color: #FFF;
	background-color: #FFF;
	height: 0px;
	border: 0;
}
.clear
{
	clear: both;
}