/* PLUME CMS Style Sheets for 1.2 version */

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

body
{
	margin: 0px;
	padding: 0px;
	color: #000;
	background: #fff url("img/bg-body.png") repeat-x;
	font: 12pt Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

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

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

h1
{
	margin: 0px;
}
h1#top {
	font-size: 1em;
}

h2, h3
{
	font-size: 1em;
	font-weight: bold;
	color: #467361;
}


a
{
	text-decoration: none;
	color: #467361;
}

hr
{
	display: 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: 100%;
	margin-left: auto;
	margin-right: auto;
}

#mainfloat
{
	float: none;
	width: 100%;
}

#content
{
	float: none;
	/*width: 73%;*/
	width: 95%;
	margin-top: 14px;
	font-family: Optima, Arial, sans-serif;
}

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

#menuleft
{
	display:none;
}

#menuright
{
	display:none;
}


#main_menu
{
	display:none;
}



div#footer
{
	display:none;
}

#footer
{
	padding: 0em;
	clear: both;
	border: none;
	
}


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

#banner
{
	
}


#top
{
	margin: 12px 0 0 0;
}

#logo 
{
	padding-top:18px;
	display: none;
	
}

#logo img 
{
	border:none;	
}
#easy-access
{

display: none;
}


/* ====================================================================
CONTENT
-------------------------------------------------------------------- */
/*#content {border: 1px solid #c8dd00; padding:0.2em}*/


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

body.category #content h2.restitle, body.news #content h2.restitle
{
	color: #f06;
	font-size: 1.4em;
	padding-bottom: 4px;
}

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

body.category #content h2 a:hover
{
	color: #999;
	text-decoration: none;
}



#content h2 a 
{
	color: #000;
}

#content a:hover
{
	text-decoration: underline;
}

#footer a
{
	text-decoration: none;
	border: none;
	color: #000;
}


ol.tree
{
	display: none;
}


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

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



.resource
{
	float: none;
	padding-top:2em;
	
}

.resource p , .resource li
{ 
	margin-bottom: 12px;
	color: black; /*#69737a;*/
	font-size: 0.9em;	
	text-align: justify;
}


#bienvenue > div > p {
	text-align: justify;
	font-size: 0.8em;
}





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

#footer p
{
	color: #ccc;
	font-size: .8em;
}

#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
{
	font-weight: bold;
}




.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;
}


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



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



/* ====================================================================
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: #f06;
}

#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: #f06;
}

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

#sitemap p
{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -10px;
}



#animation {
	float: right;
	display: none;
}






body.category #content h2, h2.restitle
{
    padding-bottom: 4px;
    padding-left: 20px;
    background-position:  0% 40%;
    background-repeat: no-repeat;
    background-image: url("/xmedia/main_theme/chevron_h2.png");
    font-size: 1.4em;
    font-style: italic;
    color : #467361;
    text-align: center;
    border-bottom: 1px dotted;
}

.resource > p {
	text-align : justify;
	/*text-indent: 1em;*/
}

.resource > h2  {
	 color : #467361;
}
body.category #content h3  {
	color : #467361;
	padding-bottom: 4px;
    	padding-left: 15px;
	background-position:  0% 40%;
	background-repeat: no-repeat;
    	background-image: url("/xmedia/main_theme/chevron_h3.png");
}



/* ====================================================================
Contenu alternatif de l'animation principale - page d'acceuil
-------------------------------------------------------------------- */

#cadre {

	display: none;
}

#site_name {
	margin: auto;
	height: 20px;
	width: 307px;
	
}


#carres_mobility {
	margin: auto;
	background: transparent url(/xmedia/main_theme/trois_carres_mobility.png) no-repeat bottom;
	height: 112px;
	width: 363px;
	padding-top: 1em;
}

/* ====================================================================

-------------------------------------------------------------------- */

a.pilote {

	border: 0px solid rgb(170, 170, 170);
	font-weight: bold;
	color : #a1d100;

	
}

a.pilote:hover {

	
	font-weight: bold;
	text-decoration: none;
	
}


#pilotes > ul {
	border-bottom: 1px dotted rgb(170, 170, 170);
}
#pilotes > ul > li > ul {
	padding-top:1em
}
#pilotes > div {
	width: 160px;
	
}
#pilotes > div a {
	
	 border: none;
	 display: block;
	 margin: auto;
	 padding : 5px;	
}
#pilotes > div a:hover {
	 border: 1px solid rgb(170, 170, 170);
	 padding : 4px;	
	 margin: auto;
	  
}
/*.logo_pilote {
	list-style-type:none;
}*/

img.logo_pilote  {
	display: block;
	float: none;
	/*border: 1px solid rgb(170, 170, 170);*/
	border : none;
	padding : 5px;	
	vertical-align: middle;
       	
}
.contact {

    padding-bottom: 4px;
    padding-left: 20px;
    background-position:  0% 40%;
    background-repeat: no-repeat;
    background-image: url("/xmedia/main_theme/contact.png");
}
.pdf {

    padding-bottom: 4px;
    padding-left: 20px;
    background-position:  0% 40%;
    background-repeat: no-repeat;
    background-image: url("/xmedia/main_theme/pdf.png");
}

/* ====================================================================
MENU DEROULANT Vertical
-------------------------------------------------------------------- */
/* CSS issu des tutoriels http://css.alsacreations.com */


#menu {

display : none;

}

/* Menu déroulant FIN */


a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }



div#agenda_header {
    clear: both;
    height: 50px;
    padding: 1px;
}

#agenda_header ul {list-style: none}