/** Joomla! 1.0.11 xhtml compatible template - version 1.0 par u.deveaud 2006 **/ 
 
/** Composition CSS pour formation Joomla! **/ 

/** 
########################################################################################
########################################################################################
 **/ 
/** Base Core Joomla! **/ 
/**  Corps du site **/ 
body { 
margin : 0;  
background : #DFDFDF; /*background-image: url(../images/backgroundrepeatop.jpg)*/; 
background-repeat: repeat-x; 
background-position: top; 
font-family : "Verdana", "Helvetica", "sans-serif" ; 
color : #555555;
font-size : 0.8em; 
}


/**  général (ligne,tables,paragraphe,blocs **/  
td, tr, p, div { 
font-family :"Verdana", "Helvetica", "sans-serif"; 
color : #555555; 

} 
hr { 
color : #E0E0E0; 
height : 1px; 
width : 100%; 
} 


/** 
########################################################################################
########################################################################################
 **/ 
/** specials addons Joomla! **/ 

/* resize js (zone) */
#resizebar { margin-left: 8px; padding-top: 5px; width: 100%; }
#resize { text-align: left;width: 200px;}


/**  mise en forme (special module sans graphiques) **/ 
table.moduletable-arnold { padding-left: 10px; }


/**  header (entete de page) **/  
#Logo { display: block; background: url(../images/header.png) no-repeat; width: 788px; height: 158px; }


/**  Clear dc **/ 
#CLR { clear: both }


/** 
########################################################################################
########################################################################################
 **/ 
/** Standard MEP PAGES Joomla! **/ 

/**  Main (table de mise en page) **/ 
.MainFrame { width: 808px; }
.MainFrameLeft { background:url(../images2/frame_left.png); width: 4px; }
.MainFrameBody { background: #FFFFFF; width: 788px; }
.MainFrameRight { background:url(../images2/frame_right.png); width: 4px; }
.MainFrameBottom { background:url(../images2/frame_bottom.png); width: 808px; height: 9px; }
.MainTable { width: 775px; }
.MainFrameContact { text-align: center; width: 772px; height: 16px; padding-left: 16px;background: #FFFFFF;}
.LeftCol { width: 180px; background: url(../images/col_bg.gif) no-repeat; background-position:bottom; }
.RightCol { width: 180px; padding-left: 10px; }
.ContentCol { width: 100%; padding-left: 0px; }

#LeftColTop { display: block; width: 180px; height: 12px; background: url(../images/leftcol_top.gif) no-repeat; }
#LeftColBg { display: block; width: 180px; }	
#LeftColBottom { display: block; width: 180px; height: 19px; background: url(../images/leftcol_bottom.gif) no-repeat; }


/** 
########################################################################################
########################################################################################
 **/ 
/** MEP MODULES Joomla! **/ 

/**  modules (tables) **/ 
table.moduletable { width : 100%; padding-bottom: 10px; } 
table.moduletable th { font-size: 1.2em; font-weight: bold; text-align: left; color : #666666; background: url(../images/module_table_head.gif) no-repeat; height: 26px; padding-left: 10px; padding-right: 8px; padding-top: 2px; } 
table.moduletable td { padding-left: 2px; padding-right: 2px; margin: 0; } 
table.moduletable-ad { width : 100%; padding: 0; margin: 0; } 
table.moduletable-ad th { padding: 0; margin: 0; } 
table.moduletable-ad td { padding: 0; margin: 0; } 


/**  liens (général) **/ 
ul { margin-top: 0px; padding: 0; list-style: none;  padding-left: 0px;} 
li { line-height: 15px; padding-left: 0px; padding-top: 0px; background-image: url(../images/puce.jpg) ; background-repeat: no-repeat; background-position: 0px 3px; } 


/**  bouttons () **/ 
.button { background: url(../images/button_bg.png); font-size: 1em; padding: 2px 5px 2px 5px; color : #666666; margin : 5px; } 
.back_button { float: right; margin-top: -20px; text-align: center; font-size: 1em; border: outset #ffffff 0px; width: auto; background: url(../images/button_bg.png) repeat-x; padding: 0px 10px; line-height: 20px; }
.back_button a:link, .back_button a:visited { color: black; text-decoration : none; }


/**  Boites d'entrées (textes) **/ 
.inputbox { border : 1px solid #8e8e8e; background: url(../images/inputbox_bg.gif) no-repeat; color : #666666; margin : 5px; } 


/**  tableaux (2zones couleurs) **/ 
.sectiontableheader { font-size : 1em; font-weight : bold; text-align : left; color : #666666; background: url(../images/sectiontableheader_bg.gif); vertical-align : middle; height : 25px; border-right : 1px solid #fff; padding : 0px 10px; text-decoration : none; } 
.sectiontableentry1 { background: url(../images/sectiontable_bg.gif) no-repeat; padding : 3px 3px; text-decoration : none; } 
.sectiontableentry2 { background: url(../images/sectiontable_bg2.gif) no-repeat;  padding : 3px 3px; text-decoration : none; } 


/**  menus (général) **/ 
a.mainlevel { margin : 0px; padding-bottom: 2px; font-size : 1,1em; width : 100%x; } 
a.mainlevel:link, a.mainlevel:visited { display : block; color: #8D1105; padding-left: 5px;  } 
a.mainlevel:hover { text-decoration : none; color: #666666;  } 
#active_menu { font-weight : bold; color : #FF0000; padding-left: 5px;  } 
a#active_menu:hover { background-color: #DF8080;  } 
.sublevel { font-size : 1,1em; } 
#MenuBar {	display: block; width: 788px; text-align: center; height: 24px; margin-top: 0px; margin-bottom: 5px; }
#MenuBarLeft { display: block; background:url(../images/menubar_left.gif); height: 24px; width: 6px; float: left; }
#MenuBarMain { display: block; width: 646px; height: 24px; background: url(../images/menubar_bg.gif); float: left; padding-top: 0px;}
#MenuBarMain a:link , #MenuBarMain a:visited { color: #7B7C7E;}
#MenuBarSearch { display: block; width: 130px; height: 24px; background: url(../images/menubar_search_bg.gif); float: left; }
#MenuBarSearch .inputbox { border: solid #8e8e8e 1px; width: 100px; font-size: 0,9em; color: #8e8e8e; padding-left: 3px; margin-left: 15px; }
#MenuBarRight { display: block; background:url(../images/menubar_right.gif); height: 24px; width: 6px; float: left; }
ul#mainlevel-nav { padding : 0; margin-top: 5px; margin-left: 0; list-style : none; } 
ul#mainlevel-nav li { display : block; padding-left : 0px; padding-right : 0px;  float : left; font-size : 1em; white-space : nowrap; border-right: solid #da707a 1px; background-image: none; height: 16px; border-left : 0px solid #FFFFFF; } 
ul#mainlevel-nav li a { display : block; padding-left : 10px; padding-right : 10px; text-decoration : none; color : #666666; } 
ul#mainlevel-nav li a:hover { color : #C81906; } 
ul.mainlevel:hover { text-decoration : none; color: #666666 }
ul.latestnews { padding : 0; margin: 0; list-style : none; } 
ul.latestnews li { margin: 0px; padding-bottom: 3px; font-size: 1,1em; width: 140px; background-image: none; } 
ul.latestnews a:link, ul.latestnews a:visited { display : block; margin : 0; color: #C50A11; } 
ul.latestnews a:hover { text-decoration : none; color: #666666 } 
a:link, a:visited { color : #C50A11; text-decoration : none; } 
a:hover { color : #C50A11; text-decoration : none; } 
a.category:link, a.category:visited { font-weight : bold; } 


/**  mise en forme de lire la suite et la navigation **/ 
.readon { font-weight : bold; } 
.pagenavbar { padding : 3px; text-align : center; } 


/**  mise en forme du contenu **/ 
.contenttoc { width : 150px; background: url(../images/contenttoc_bg.gif) no-repeat; border : 1px solid #cccccc; margin-left: 10px; margin-bottom: 10px; } 
.contenttoc th { padding : 3px 5px; font-size : 1,3em; font-weight : normal; text-align : left;  color : #364572; } 
.contenttoc td { padding : 2px 5px; } 
.small { font-size : 0,9em; color : #666666; } 
.smalldark { font-size : 0,9em; color : #000000; } 
.createdate, .modifydate { font-size: 0,9em; color: #999999; } 
.article_seperator { display: block; padding: 10px; }
.content_rating { font-size : 0,9em; color : #FEC56A; } 
.content_vote { font-size : 0,9em; height : 22px; padding-top : 2px; padding-bottom : 2px; padding-left : 10px; padding-right : 10px; background-color : #F0F0F0; border : 1px solid #e0e0e0; } 


/**  pathway **/ 
#PathWay { display: block; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; }
.pathway { font-size : 11px; color : #000000; } 
a.pathway:link, a.pathway:visited { color : #364572; font-size : 1em; } 
a.pathway:hover { font-size : 1em; } 


/**  Contenus () **/ 
.contentpane { padding : 0px; } 
.contentpaneopen { text-align : justify; margin-left: 6px;} 
.componentheading { margin-bottom: 3px; font-size : 1,4em; font-weight : bold; text-align : left;  color : #666666; } 


/**  tête d'articles **/  
.contentheading { padding : 0px; font-size : 1.5em; font-weight : normal; text-align : left;  color : #c01120; } 
.contentpagetitle { font-weight : normal; color : #c01120; font-size: 1,4em; } 
a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active { text-decoration : none; } 
a.readon:link, a.readon:visited { color : #999999; font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size : 0,9em; font-weight : normal; white-space : nowrap; float : left; line-height : 10px; text-decoration : none; } 
a.readon:hover { color : #8D1105; font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size : 0,9em; font-weight : normal; white-space : nowrap; float : left; line-height : 10px; text-decoration : none; } 
 

/**  navigation (liens) **/ 
.pagenav a:link, .pagenav a:visited,  { color : #999999; font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size : 0,9em; font-weight : normal; background : #F0F0F0; border : 1px solid #E0E0E0; padding : 2px 4px 2px 4px; white-space : nowrap; float : left; line-height : 10px; text-decoration : none; } 
.pagenav a:hover,  { color : #8D1105; font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-size : 0,9em; font-weight : normal; background : #F0F0F0; border : 1px solid #E0E0E0; padding : 2px 4px 2px 4px; white-space : nowrap; float : left; line-height : 10px; text-decoration : none; } 
.buttonheading a:hover, .buttonheading a:link, .buttonheading a:visited { padding-right: 3px; }
.componentheading a:hover, .componentheading a:link, .componentheading a:visited { text-decoration: none; }