@charset "utf-8";
/*
 * Starter Kit Joomla! CSS file
 *
 * Author : www.joomlatutos.com
 * Copyright (C) 2010 Mihàly Marti alias Sarki.
 */ 

/* CSS Document */

/* Page et style général */
html {
	height : 101%; /* Ascenceur forcé */
}
body {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   padding: 0;
   margin: 0;
   line-height: 120%;
   color: #666666;
   background: #2e5073 url(../images/page_bg.png) repeat-x;
}

/* Styles des liens */
a, a:link, a:visited, a:active, a:focus {
	color : #304b59;
	text-decoration : none;
	outline : none;
}
a:hover {
	color : #860d0d;
	text-decoration : none;
	outline : none;
}

/* Paragraphes */
p {
	margin: 5px 0 5px 0;
}

/* Contenu général */
body.contentpane {
	color : black;
	background : none;
	background-color : white;
}
#page {
	margin-left : auto;
	margin-right : auto;
	display : block;

}
/* Contenu */
/* Panneau déroulant du haut */
/* Modules dans le panneau déroulant */
.user1 a {
   color: #F5F5DC;
}
.user1 a:hover {
   color: #FFD700;
}
.user1  {
   float: left;
   color: #F5F5DC;
   padding-left: 20px;
   padding-top: 10px;
   width: 46%;
	font-size: 90%;
}
.user1 .inputbox {
	color: #ebe6e2;
   font-size: 100%;
	padding : 4px 3px 4px 2px;
	margin : 0;
	border : 1px solid #222222;
	background-color : #2c2f31;
}
.user1 .inputbox:hover {
	color: #fff;
	background-color : #373b3e;
   border: 1px solid #222222;
}
.user1 .button {
   color: #f3f2f1;
   font-size: 100%;
   background-color: #2c2f31;
   text-align: center;
   border: 1px solid #222222;
   padding: 0px 10px 3px 3px;
   margin: 0;
   list-style: none;
}
.user1 .button:hover {
	color : #f3df9e;
	background-color: #373b3e;
	border : 1px solid #222222;
   list-style: none;
}
.user1 .mod_login {
	font-size: 95%;
}
.user1 #mod_login_greeting {
	padding: 3px 0 0 16px;
}
.user1 #mod_login_messagestext {
	padding: 5px;
}
.user1 #mod_login_remembermetext {
	font-size: 95%;
	vertical-align: 2px;
}
.user1 #mod_login_remember {
	margin: 4px 5px 7px 7px;
}
.user2 a {
   color: #F5F5DC;
}
.user2 a:hover {
   color: #FFD700;
}
.user2 {
	float : right;
	color : #fafafa;
   padding-right: 20px;
   padding-top: 10px;
   width: 46%;
	font-size: 90%;
}
/* Fin modules dans le panneau déroulant */

#fxContainer {
	position : absolute;
	padding-top : 0;
	z-index : 999;
	width : 100%;
	height : 0;
}
#fxTarget {
   top: 0;
   z-index: 998;
   height: auto;
   overflow: hidden;
   background: url(../images/top_panel.png) repeat-x center 0px;
   opacity: 0.95;
   margin-left: 1px;
   margin-right: -1px;
   position: relative;
}
#fxPadding {
	visibility : hidden;
	padding : 0;
}
#fxTrigger {
	position : relative;
	cursor : pointer;
}
#fxTab {
	position : relative;
	z-index : 999;
	height : 32px;
	top: 0px;
	text-align: center;
	width: 40px;
}
span#fxTrigger {
	position : relative;
	cursor : pointer;
}
/* Bouton du panneau déroulant du haut */
#top_panel_buttons {
	width: 40px;
	height: 32px;
	position: relative;
   float: none;
   margin-left: 5px;
}
.top_panel_buttons {
	margin-left: auto;
	margin-right: auto;
	width: 40px;
}
.top_panel_inner {
	z-index: 999;
	background-image: url(../images/top_panel_button.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 32px;
	width: 40px;
	margin-left: auto;
	margin-right: auto;
}
/* - Fin panneau déroulant du haut */

/* Barre du haut */
.topbar {
   background: url(../images/topbar.png);
   height: 24px;
   display: block;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
}
/* Propriétés de la date à gauche de la barre du haut */
#date {
   padding: 5px 10px 0 46px;
   font-size: 80%;
   color: #cccbb9;
   float: left;
   width: auto;
   z-index: 1000;
}
/* Propriétés de l'heure à gauche de la barre du haut */
#time {
   padding: 5px 15px 0 0;
   font-size: 80%;
   color: #cccbb9;
   float: left;
   width: auto;
   z-index: 1000;
}
/* Menu dans la barre du haut à droite de l'heure */
#topmenu {
	padding: 4px 0 0 0;
	font-size: 80%;
	color: #cccbb9;
	float: left;
	white-space: nowrap;
}
#topmenu a {
	padding: 0px 10px 0 10px;
	color: #cccbb9;
	border-left: 1px solid #cccbb9;
	white-space: nowrap;
}
#topmenu a:hover {
   color: #e9b85e;
	border-left: 1px solid #cccbb9;
	white-space: nowrap;
}
/* Position top à droite de la barre du haut */
.top {
   padding: 5px 15px 0 10px;
	margin: 0px; 
   font-size: 80%;
   color: #cccbb9;
	float: right;
}
/* - Fin barre du haut */

/* Position banner située par dessus l'en-tête */
#banner {
	float : right;
	padding-top : 15px;
	padding-right : 40px;
}
/* Position banner contenu */
.banner_inner {
	border : 1px solid #e5dfda;
}

/* En-tête de page */
#header_bg {
	height : 190px;
	background-image : url(../images/fond_haut_bg.jpg);
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
	display: block;
}
#header {
	height : 190px;
	background-image : url(../images/fond_haut.jpg);
	background-repeat: no-repeat;
   width: 100%;
}

/* Position Logo à gauche de l'en-tête */
#logo {
	float : left;
	padding : 10px 0 0 30px;
	position: relative;
   z-index: 9;
}
/* Position user3 à droite de l'en-tête */
#user3 {
	float : right;
	margin : 7px 7px 0 0;
	padding : 0;
	position: relative;
   z-index: 10;
}
/* Position user3 contenu */
.user3_inner {
	border: 1px solid #404549;
	background: transparent url(../images/backmodule.png);
	color: #fafafa;
	width: 170px;
	height: 168px;
	padding: 0px 5px 5px 5px;
	overflow: hidden;
	margin: 0px;
   z-index: 10;
}
/* - Fin En-tête de page */

/* Menu du haut */
.menutop {
	height: 46px;
	padding: 0;
	margin: 0;
	overflow: visible;
	background: url(../images/top_menu.png) repeat-x;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
}
#menutop {
	color : #ebe6e2;
	overflow : visible;
	width: auto;
	float: left;
	height: 45px;
	padding-top: 1px;
	list-style: none;
}
ul#mainlevel-menutop {
	list-style : none;
	margin : 0;	
	padding: 0;
}
ul#mainlevel-menutop li{
	color: #fffff0;
	float: left;
	margin: 0;
	padding: 0; 
   white-space : nowrap;
	background: none;
	letter-spacing: 1px;
	font: normal 100% Arial, Helvetica, sans-serif;
}
#mainlevel-menutop a:link {
	background: url(../images/menutop_a.png) repeat-x right;
	color: #ffffe0;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	list-style: none;
	margin: 0;
	border: none;
	padding: 14px 30px 14px 30px;
	height: 44px;
	line-height: 44px;
}
#mainlevel-menutop a:visited {
	background: url(../images/menutop_a.png) repeat-x right;
	color: #ffffe0;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	list-style: none;
	margin: 0;
	border: none;
	padding: 14px 30px 14px 30px;
	height: 44px;
	line-height: 44px;
}
#mainlevel-menutop a:hover {
	background: url(../images/menutop_active.png) repeat-x right;
	color: #f1dfa2;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	list-style: none;
  	margin: 0;
	padding: 14px 30px 14px 30px;
	height: 44px;
	line-height: 44px;
}
/* - Fin Menu du haut */

/* Position de module 4 */
#search_module {
	float: right;
	width: auto;
	margin-top: 12px;
	padding-right: 9px;
}
.menutop .inputbox {
	color: #ebe6e2;
   font-size: 11px;
	padding : 4px 3px 4px 2px;
	margin : 0 5px 0 5px;
	border : 1px solid #222222;
	background-color : #2c2f31;
}
.menutop .inputbox:hover {
	color: #fff;
	background-color : #373b3e;
   border: 1px solid #222222;
}
.menutop .button {
   color: #f3f2f1;
   background-color: #2c2f31;
   text-align: center;
   border: 1px solid #222222;
   padding: 3px 3px 3px 3px;
   margin: 0 0 0 1px;
   list-style: none;
}
.menutop .button:hover {
	color : #f3df9e;
	background-color: #373b3e;
	border : 1px solid #222222;
   list-style: none;
}

/* Panneau deroulant sous le menu avec position user5 et user6 */
#pannel_middle {
   background: #34373a url(../images/top_menu_two.png) repeat-x;
   float: left;
   padding: 0;
   margin: 0;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
}
/* Position user5 contenu */
#pannel_middle_inner {
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.user5 {
	color: #cccbb9;
	font-size: 90%;
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.user6 {
	color: #cccbb9;
	font-size: 90%;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 20px;
}
.user6 a {
	color: #cccbb9;
}
.user6 a:hover {
	color: #ffd700;
}
#top_footer {
	float: right;
	padding-top: 5px;
	padding-right: 4px;
	width: 30px;
}
.fontsize {
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}
#panel_buttons {
   background: url(../images/content_top.png) repeat-x;
   height: 30px;
   float: left;
   margin: 0;
   padding: 0;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
}
.panel_buttons {
	padding: 3px 0 0 15px;
	float: left;
}
#navigation {
	padding: 4px 3px 0 20px;
   font-size: 90%;
	float: left;
}
#breadcrumbs a {
   color: #e5b864;
   text-decoration: none;
}
#breadcrumbs a:hover {
   color: #ffa500;
   text-decoration: none;
}
.breadcrumbs {
	height : 20px;
	float: left;
   font-size: 90%;
   color: #cccbb9;
	padding: 4px 0 0 1px;
}

.advert {
	margin-top: -8px;
	width: 99.5%;
	float: left;
}
.advert .moduletable h3 {
	color : #304b59;
	font-size : 140%;
	font-weight: bold;
	background-image: none;
	padding: 0;
}
.advert_top {
	width: 49.7%;
	float: left;
}
.advert1 {
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.advert2 {
	margin-left: 3px;
	margin-bottom: 15px;
}
#main_content {
   float: left;
	padding-top: 8px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 97%;
}
/*.content {
	margin-bottom: 10px;
}*/
#content_outer {
   background: #faf8f6;
	float: left;
	padding : 0;
	margin: 0;
	display: block;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   width: 100%;
}
.content_float {
   background: url(../images/content_bg.png) repeat;
}
#left_outer {
	float : left;
	margin: 0 0 5px 5px;
}
.left_inner {
	float : none;
	padding : 0;
	margin: 0;
	font-size: 90%;
}
.left_inner_float {
    text-align: center;
    width: 100%;
}
#right_outer {
	float : right;
	margin: 0;
    padding-right: 7px;
	padding-left: 7px;
}
.right_inner {
	float : none;
	padding : 0;
	margin: 0;
	font-size: 90%;
}
.right_inner_float {
	width : 100%;
}
.advert_bottom {
	width: 49.7%;
	float: left;
}
.advert3 {
	margin-left: 3px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.advert4 {
	margin-left: 3px;
	margin-bottom: 15px;
}
.bottom {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	border-top: 1px dashed Silver;
	float: left;
	width: 98%;
}
.bottom .moduletable h3 {
	color : #304b59;
	font-size : 150%;
	background-image: none;
	padding: 0;
	margin: 0;
}
.user_inner {
	/*margin: 10px 35px;*/
}
#footer {
   background-image: url(../images/footer.png);
   font-size: 80%;
   margin: 0 0 20px 0;
   float: left;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   border-bottom: 1px solid Silver;
   width: 100%;
}
#footer_panel {
   width: 100%;
   float: left;
   background: url(../images/footer_float.png) repeat;
   padding: 0;
   margin: 0;
   display: block;
}
#footer_panel_inner {
	width: auto;
	display: block;
   color: #FAFAD2;
   padding:0 ;
   margin: 0;
}
#footer_open {
   background: url(../images/content_foot.png) repeat;
   width: 100%;
   height: 30px;
   float: left;
}
.footer_open {
	padding-top: 5px;
	float: left;
}
#footer_top_left {
	padding-top: 5px;
	float: left;
	padding-left: 10px;
}
#footer_top_right {
	padding-top: 5px;
	float: right;
	padding-right: 10px;
}
.users {
	overflow: hidden;
	float: left;
	margin-left:1%;
}
.users_med, .users_big {
	overflow: hidden;
	float: left;
	margin-left: 0.6%;

}
.users_med {
	width: 32.9%;
}
.users_big {
	width: 49.7%;
}
div:first-child.users_med, div:first-child.users_big {
	margin-left: 0;
}

/* Pied de page */
#valid {
	text-align: center;
	height: 28px;
	padding-top: 15px;
	color: #cccbb9;
}
#infocopyright {
	text-align: center;
	height: 28px;
	padding-top: 15px;
	color: #cccbb9;
}
#infocopyright a {
   text-align: center;
   height: 28px;
   padding-top: 15px;
   color: #e5b763;
}
#infocopyright a:hover {
   text-align: center;
   height: 28px;
   padding-top: 15px;
   color: #FFA500;
}

#system-debug {
	clear: both;
	color: white;
}
#system-debug h4 {
	clear: both;
	color: white;
}

/* Tables */
td {
	/*text-align : left;
	margin : 0;
	padding : 0;*/
}
table.contentpaneopen {
	width : 100%;
	padding : 3px 0 2px 0;
	margin : 0 0 0 -1px;
}
table.contentpane {
	width : 100%;
	padding : 0;
	margin : 0;
}
table.contentpane li {
	margin: 0 0 15px 0;
}
table.searchinto {
	width : 99%;
}
table.poll {
	padding : 0;
	width : 99%;
	border-collapse : collapse;
}
table.pollstableborder {
	padding : 0;
	width : 99%;
	border : none;
	text-align : left;
}
table.pollstableborder img {
	vertical-align : baseline;
	padding-left : 10px;
}
table.pollstableborder td {
	padding : 2px;
	border-collapse : collapse;
	border-spacing : 0;
}
table.pollstableborder tr.sectiontableentry1 td {
	margin : 1px;
	padding : 4px 5px 3px 5px;
}
table.pollstableborder tr.sectiontableentry2 td {
	margin : 1px;
	padding : 4px 5px 3px 5px;
}
table.pollstableborder tr.sectiontableentry0 td {
	margin : 1px;
	padding : 4px 5px 3px 5px;
}
table.contenttoc {
	font-size : 11px;
	border : 1px solid #e5dfda;
	padding : 2px;
	margin-left : 10px;
	margin-bottom : 10px;
	float : right;
}
.toclink {
	padding: 4px;
}
table.contenttoc a:link, table.contenttoc a:visited {
	font-size : 11px;
	color : #666;
}
table.contenttoc a:hover {
	text-decoration : none;
	color : #999;
	font-size : 11px;
}
table.contenttoc td {
	font-size : 11px;
	padding : 2px;
	margin : 2px;
}
table.contenttoc th {
	font-size : 12px;
	font-weight : normal;
	background-color : #312a23;
	color : #fff;
	text-align : left;
	padding : 5px;
	margin : 5px;
}
table.moduletable td {
	padding : 0;
	margin : 0;
	font-weight : normal;
}
table.moduletable {
	margin : 0;
	padding : 0;
}
div.moduletable {
	padding : 0;
	margin : 0;
}
.moduletable_text {
	padding: 10px;
}

/* Moduletable h3 */
.moduletable_text h3, .moduletable_menu h3, div.moduletable h3 {
	background-image: url(../images/module_h3.png);
   background-repeat: no-repeat;
   background-position: top right;
   color: #ebe9ce;
   text-align: left;
   font-weight: normal;
   letter-spacing: 1px;
   height: 30px;
   line-height: 30px;
   font-size: 110%;
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 15px;
   margin: 5px 0 2px 0;
   overflow: hidden;
}
.user_inner .moduletable h3 {
	background-image: url(../images/module_h3_bright.png);
	background-repeat: no-repeat;
	background-position: top right;
	color : #ffffff;
	text-align : left;
	font-weight : normal;
	height : 30px;
	line-height : 30px;
	font-size : 110%;
	padding-left : 20px;
	margin : 2px 0 0 0;
	overflow : hidden;
}

/* Menu */
.moduletable_menu ul.menu {
	margin : 0;
	padding : 0;
	list-style : none;
	background : none;
	font-size : 100%;
}
.moduletable_menu ul.menu li {
	margin : 0;
	padding : 0;
	list-style : none;
	background : none;
}
.moduletable_menu ul.menu li a, a.mainlevel:link, .moduletable_menu ul.menu li a:active, a.mainlevel:visited {
	background-image: url(../images/menu_a.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-color: #2c2c2c;
	border: 1px solid #222222;
	display : block;
	vertical-align : middle;
	color : #e5dfda;
	text-align : left;
	height : 22px;
	padding : 7px 10px 0 28px;
	text-decoration : none;
	margin-bottom : 1px;
}
.moduletable_menu ul.menu li a span {
	background : none;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:focus, a.mainlevel:hover, a.mainlevel#active_menu:hover {
	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-color: #2c2f31;
	border: 1px solid #2c2f31;
	text-decoration : none;
	color : #fff;
	text-align : left;
}
.moduletable_menu ul.menu li.active a, a.mainlevel#active_menu {
	background-image: url(../images/menu_over.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-color: #2c2f31;
	border: 1px solid #2c2f31;
	text-decoration : none;
	color : #f1dfa1;
	text-align : left;
}
.moduletable_menu ul.menu li.active a span {
	background : none;
}
.moduletable_menu ul.menu li li a span {
	list-style : none;
	background : none;
}
.moduletable_menu ul.menu li ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.moduletable_menu ul.menu li li {
	margin : 0;
	padding : 0;
	list-style : none;
	background : none;
}
.moduletable_menu ul.menu li li a, a.sublevel:link, a.sublevel:visited {
	color: #e5dfda;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	height: 20px;
	list-style: circle;
	vertical-align: middle;
	padding: 6px 10px 0 28px;
	margin-bottom: 1px;
	background-color: #2c2c2c;
	background-image: url(../images/menusub_over.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	border: 1px solid #404549;
}
.moduletable_menu ul.menu li li a:hover, a.sublevel:hover, a.sublevel#active_menu:hover {
	color : #fff;
	text-decoration : none;
	height : 20px;
	list-style : none;
	padding : 6px 10px 0 28px;
	margin-bottom : 1px;
	background-color: #373b3e;
	background-image: url(../images/menusub_over.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	border: 1px solid #373b3e;
}
.moduletable_menu ul.menu li li.active a, .moduletable_menu ul.menu li li a:active, .moduletable_menu ul.menu li li a:focus, a.sublevel#active_menu {
	color : #e5dfda !important;
	text-decoration : none;
	list-style : none;
	padding : 6px 10px 0 28px;
	margin-bottom : 1px;
	background-color: #2c2c2c;
	background-image: url(../images/menusub_over.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	border: 1px solid #404549;
}
.moduletable_menu ul.menu li li a span {
	list-style : none;
}

/* Blog */
.blog {
	width : 100%;
}
.blog_more {
	margin : 10px 5px 20px 5px;
}
.blog_more strong {
	margin : 2px;
	display : block;
	font-size : 14px;
	font-weight : bold;
}
.blog_more ul {
	margin : 5px;
	padding : 0;
}
.blog_more ul li a {
	color : #888;
}
.blog_more ul li {
	color : #888;
	text-align : left;
	padding-left : 25px;
	background-image : url(../images/li.png);
	background-repeat : no-repeat;
	background-position : 0 2px;
}
.blog_more ul li:hover {
	color : #484848;
	text-align : left;
	padding-left : 25px;
	background-image : url(../images/li_hover.png);
	background-repeat : no-repeat;
	background-position : 0 2px;
}
/* Article */
.article_separator {
   clear: both;
   display: block;
   height: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
   background: url(../images/article_sep.png) no-repeat center;
}
.article_column {
	padding : 0 5px 0 0;
	margin : 0;
}
.article_column column_separator {
	padding : 10px;
	margin : 5px;
}
/* Button */
.button, .validate {
	color : #f3f2f1;
	background-color : #2c2c2c;
	text-align : center;
	font-size : 10px;
	border : 1px solid #404549;
	padding : 3px 4px;
	margin : 2px;
}
.button:hover, .validate:hover {
	color : #f3df9e;
	background-color: #363a3d;
	border : 1px solid #2d2d2d;
}

.invalid {
	border-color : #e5dfda;
}
label.invalid {
	color : #860d0d;
}
.pagenavbar {
	text-align : left;
}
.pagenav {
	font-size : 95%;
	padding : 0;
	margin : 0;
	width: 100%;
}
.back_button {
	text-align : center;
	font-size : 95%;
	margin : 2px;
}
/* Banner */
.bannerheader {
	font-size : 12px;
	font-weight : bold;
	color : #484848;
	padding-left : 5px;
}
.banneritem_text {
	padding : 2px 5px;
}
.banneritem_text a {
	color : #a04343;
}
.banneritem_text a:hover {
	color : #c05e5e;
}
.bannerfooter_text {
	padding : 2px 5px;
	font-size : 12px;
	font-weight : bold;
}
/* Form */
#form-login .input {
	padding : 2px;
	margin : 2px;
	color : #888;
	background : none;
	border : none;
	font-size : 11px;
}
form {
	margin : 0;
	padding : 0;
	border : none;
}
form label {
	cursor: pointer;
}
#form-login {
	border : none;
	margin: 0;
	padding: 0;
}
#form-login-username {
	border : none;
	margin: 0;
	padding: 5px 0;
}
#form-login-password {
	border : none;
	margin: 0;
	padding: 5px 0;
}
#form-login-username {
	border : none;
	margin: 0;
	padding: 5px 0;
}
#form-login-remember {
	border : none;
	margin: 0;
	padding: 5px 0;
}
#form-login ul {
	padding : 0;
	margin : 0;
	list-style : none;
}
#form-login li {
	padding : 2px;
	margin : 0;
	background : none;
	list-style : none;
}
#form-login li a {
	font-size : 11px;
}
#form-login li a:hover {
	font-size : 11px;
}
/* Inputbox */
.inputbox {
	padding: 3px;
	border: 1px solid #e5dfda;
	background-color: #faf8f6;
	color: #66615a;
}
.inputbox:hover {
	border : 1px solid #dbd5d1;
	background-color : #f7f6f4;
}

/* Section */
.sectiontableheader {
   color: #f1f2f3;
   background: #312a23 url(../images/tableheader.png) repeat;
   text-align: left;
   height: 30px;
   margin: 0;
   padding: 0px 10px 0px 3px;
}
.sectiontableheader img {
	vertical-align : baseline;
	margin: 0px 5px 0px 5px;
}
.sectiontableheader a:link {
	color : #ffebcd;
}
.sectiontableheader a:hover {
	color : #ffa500;
}
.sectiontablefooter {
	padding : 2px;
	margin : 0;
	text-align : left;
}
.sectiontableentry1 {
	background-color : #faf8f6;
	color: #333333;
	text-align : left;
}
.sectiontableentry1 a:link {
	color : #304b59;
}
.sectiontableentry1 a:hover {
	color : #860d0d;
}
.sectiontableentry2 {
	color: #161616;
	background-color : #f7f6f4;
	text-align : left;
	margin: 0px;
	padding: 0px;
}
.sectiontableentry1 a:link {
	color : #304b59;
}
.sectiontableentry1 a:hover {
	color : #860d0d;
}
.sectiontableentry1 td {
	padding : 5px 5px 5px 5px;

	border-bottom : 1px solid #e5dfda;
	vertical-align: top;
}
.sectiontableentry2 td {
	padding : 5px 5px 5px 5px;
	margin : 2px;
	border-bottom : 1px solid #dbd5d1;
	vertical-align: top;
	line-height: 140%;
}

/* Liste des catégories de liens */
.category {
	font-weight: bold;
	vertical-align: top;
	font-size: 120%;
}

/* Liste des catégories des liens */
.description {
	vertical-align: top;
	margin-left: 10px;
}

/* Lire la suite... */
.readon {
	font-size : 95%;
}
a.readon a:link {
	color : #a04343;
}
a.readon a:visited {
	color : #a04343;
}
a.readon a:hover {
	color : #c05e5e;
	text-decoration : none;
}
/* Plus récents */
ul.mostread, ul.latestnews, ul.users_med, ul.users_big, ul.users {
	margin : 0;
	padding : 0;
}
.mostread li, .latestnews li, .users_med li, .users_big li, .users li {
	background-image: url(../images/user_li.png);
	background-repeat: no-repeat;
	background-position : 15px center;
	background-color: #2c2f31;
	border: 1px solid #373b3e;
	list-style : none;
	text-align : left;
	padding: 5px 25px;
	margin: 1px 0;
}
.mostread li:hover, .latestnews li:hover, .users_med li:hover, .users_big li:hover, .users li:hover {
	color: #f3f2f1;
	background-image: url(../images/user_li_hover.png);
	background-repeat: no-repeat;
	background-position : 15px center;
	background-color: #373b3e;
	border: 1px solid #404549;
}
.mostread li a, .latestnews li a, .users_med li a, .users_big li a, .users li a {
	color: #f3f2f1;
	padding-left : 15px;
}
.mostread li a:hover, .latestnews li a:hover, .users_med li a:hover, .users_big li a:hover, .users li a:hover {
	color: #f3f2f1;
}
/* En-têtes de page ou contenus */
.componentheading {
   color: #4c4c4c;
   font-size: 140%;
   font-weight: bold;
   padding: 3px 0px 4px 0;
   margin: 0;
}
.contentheading {
	background-image : url(../images/content_head.png);
	background-repeat : no-repeat;
	color : #304b59;
	font-size : 140%;
	font-weight : bold;
	padding : 0px;
}
.contentpagetitle {
	color : #304b59;
	font-size : 140%;
	padding : 0;
	margin : 0 0 0 -1px;
}

/* Général */
.clr {
	clear : both;
}
ul, ol, li {
	margin : 0;
	padding : 0;
}
ul, ol {
	margin : 10px 0;
	padding-left : 10px;
}
ol li {
	list-style-type : decimal;
	line-height : 14px;
}
ul {
	margin : 5px;
	padding : 2px;
	list-style : none;
}
li {
	text-align : left;
	padding-left : 25px;
	background-image : url(../images/li.png);
	background-repeat : no-repeat;
	background-position : 0 2px;
	list-style-type : none;
}
li:hover {
	text-align : left;
	padding-left : 25px;
	background-image : url(../images/li_hover.png);
	background-repeat : no-repeat;
	background-position : 0 2px;
}

.contact_email {
	padding : 5px;
	margin : 5px;
}
#component-contact {
	margin-top : 10px;
}
.content_rating {
	padding: 0 0 0 1px;
}
.content_rating img {
	margin: 5px 2px 1px 4px;
}
.content_vote {
	padding: 0 0 0 1px;
}
.contentdescription {
	padding: 0;
}
img {
	border : none;
}
div.mosimage {
	border : 2px solid #e5dfda;
	background-color : #fcfcfc;
}
.mosimage {
	margin : 0;
	background-color : #fdfefe;
}
.mosimage_caption {
	margin-top : 0;
	background-color : #fdfefe;
	padding : 0;
	color : #888;
	font-size : 10px;
}
.error {
	font-style: normal;
	text-transform : uppercase;
	padding : 5px;
	color : #903a3a;
	font-size: 100%;
	font-weight : bold;
}

div.message {
	font-weight : bold;
	font-size : 14px;
	color : #666;
	text-align : center;
	width : auto;
	background-color : #f8fbfd;
	border : 1px solid #e5dfda;
	margin : 3px 0 10px;
	padding : 3px 20px;
}
.small {
	color : #484848;
	font-size : 90%;
}
.createdate {
	font-size : 90%;
	color : #999999;
}
.modifydate {
	color : #484848;
	font-size : 90%;
	padding: 5px 0 5px 2px;
}
.highlight {
	background-color : #f7f6f4;
	color : #4c4c4c;
	padding : 0;
}
.code {
	background-color : #f7f6f4;
	border : 1px solid #e5dfda;
}
fieldset {
	margin : 10px;
	padding : 10px;
	border : 1px solid #e5dfda;
	background-color : #f7f6f4;
}

/* Bulles d'info */
.hasTip {
	color : #666;
	border : none;
}
.tool-tip {
	color: #efefef;
	width: 145px;
	z-index: 13000;
}
.tool-title {
   font-weight: normal;
   font-size: 11px;
   font-weight: bold;
   margin: 0;
   color: #FFFFF0;
   padding: 8px 8px 4px;
   background: url(../images/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}

/* Système */
table.paramlist {
	margin-top : 5px;
}
table.paramlist td.paramlist_key {
	width : 128px;
	text-align : left;
	height : 30px;
}
#system-message {
	margin : 10px;
}
#system-message dd.message ul li {
	background: none;
	line-height : 140%;
	margin : 5px;
	color : #3f3c37;
	font-size : 120%;
	font-weight : bold;
	list-style-image : none;
}
#system-message dd.error ul li {
	background: none;
	line-height : 140%;
	margin : 5px;
	color : #3f3c37;
	font-size : 120%;
	font-weight : bold;
	list-style-image : none;
}
#system-message dd.notice ul li {
	background: none;
	line-height : 140%;
	margin : 5px;
	color : #3f3c37;
	font-size : 120%;
	font-weight : bold;
	list-style-image : none;
}


/* Styles des titres */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
}
h1 {
	color : #555;
	font-size : 180%;
	line-height : 200%;
}
h2 {
	color : #555;
	font-size : 20px;
	line-height : 22px;
	font-weight : normal;
}
h3 {
	color : #555;
	font-size : 18px;
	line-height : 20px;
	font-weight : normal;
}
h4 {
	color : #555;
	font-size : 16px;
	line-height : 18px;
	font-weight : bold;
}
h5 {
	color : #555;
	font-size : 14px;
	line-height : 16px;
	font-weight : bold;
}
h6 {
	color : #555;
	font-size : 12px;
	line-height : 14px;
	font-weight : bold;
}
/* Fin styles des titres */

/* Style marge 5 pixels */
div.marge_cinq, p.marge_cinq, span.marge_cinq {
	padding: 5px 5px 5px 5px;
}
/* Fin style marge 5 pixels */

/* Styles de retrait (blockquote) */
blockquote.citation {
   font-size: 110%;
   text-align: justify;
	margin: 10px 0 10px 0px;
	padding: 10px 0px 10px 27px;
	background: url(../images/typography/blockquote_start.png) 0 0 no-repeat;

}
blockquote.citation p {
	margin: 0;
	padding: 0 27px 10px 0;
	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}
blockquote.citation div {
	margin: 0;
	padding: 0 27px 10px 0;
	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}
/* Fin styles de retrait (blockquote) */

/* Styles des blocs de texte */
span.bloc_gris,
span.bloc_jaune,
span.bloc_bleu,
span.bloc_rouge,
span.bloc_vert,
span.bloc_idee,
span.bloc_info,
span.bloc_alerte,
span.bloc_note,
span.bloc_go,
span.bloc_cadenas,
span.bloc_ok,
span.bloc_non,
span.bloc_plus,
span.bloc_moins,
span.bloc_telecharger,
span.bloc_recherche {
	display: block;
}
div.bloc_gris, p.bloc_gris, span.bloc_gris,
div.bloc_jaune, p.bloc_jaune, span.bloc_jaune,
div.bloc_bleu, p.bloc_bleu, span.bloc_bleu,
div.bloc_rouge, p.bloc_rouge, span.bloc_rouge,
div.bloc_vert, p.bloc_vert, span.bloc_vert {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 10px;
}
div.bloc_gris, p.bloc_gris, span.bloc_gris {
	background: #f9faef;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_jaune, p.bloc_jaune, span.bloc_jaune {
	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_bleu, p.bloc_bleu, span.bloc_bleu {
	background: #eff6fc;
	border-top: 1px dotted #b9d1e4;
	border-bottom: 1px dotted #b9d1e4;
}
div.bloc_rouge, p.bloc_rouge, span.bloc_rouge {
	background: #fff5eb;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
div.bloc_vert, p.bloc_vert, span.bloc_vert {
	background: #f5faeb;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.bloc_note, p.bloc_note, span.bloc_note,
div.bloc_idee, p.bloc_idee, span.bloc_idee,
div.bloc_info, p.bloc_info, span.bloc_info,
div.bloc_alerte, p.bloc_alerte, span.bloc_alerte,
div.bloc_go, p.bloc_go, span.bloc_go,
div.bloc_cadenas, p.bloc_cadenas, span.bloc_cadenas,
div.bloc_ok, p.bloc_ok, span.bloc_ok,
div.bloc_non, p.bloc_non, span.bloc_non,
div.bloc_plus, p.bloc_plus, span.bloc_plus,
div.bloc_moins, p.bloc_moins, span.bloc_moins,
div.bloc_telecharger, p.bloc_telecharger, span.bloc_telecharger,
div.bloc_recherche, p.bloc_recherche, span.bloc_recherche {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}
div.bloc_note, p.bloc_note, span.bloc_note {
	background: #f9faef url(../images/typography/bloc_note.png) 3px 2px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_idee, p.bloc_idee, span.bloc_idee {
	background: #fffdeb url(../images/typography/bloc_idea.png) 3px 2px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_info, p.bloc_info, span.bloc_info {
	background: #eff6fc url(../images/typography/bloc_info.png) 3px 2px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
div.bloc_alerte, p.bloc_alerte, span.bloc_alerte {
   background: #fff5eb url(../images/typography/bloc_alert.png) no-repeat 3px 2px;
   border-top: 1px dotted #ffb4a0;
   border-bottom: 1px dotted #ffb4a0;
}
div.bloc_go, p.bloc_go, span.bloc_go {
	background: #f5faeb url(../images/typography/bloc_go.png) 3px 2px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_cadenas, p.bloc_cadenas, span.bloc_cadenas {
	background: #f9faef url(../images/typography/bloc_lock.png) 3px 2px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}
div.bloc_ok, p.bloc_ok, span.bloc_ok {
	background: #f5faeb url(../images/typography/bloc_yes.png) 3px 2px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_non, p.bloc_non, span.bloc_non {
	background: #fff5eb url(../images/typography/bloc_no.png) 3px 2px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
div.bloc_plus, p.bloc_plus, span.bloc_plus {
	background: #eff6fc url(../images/typography/bloc_plus.png) 3px 2px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
div.bloc_moins, p.bloc_moins, span.bloc_moins {
	background: #fffdeb url(../images/typography/bloc_minus.png) 3px 2px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
div.bloc_telecharger, p.bloc_telecharger, span.bloc_telecharger {
	background: #f5faeb url(../images/typography/bloc_download.png) 3px 2px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
div.bloc_recherche, p.bloc_recherche, span.bloc_recherche {
	background: #f9faef url(../images/typography/bloc_search.png) 3px 2px no-repeat;
	border-top: 1px dotted #b5bcc2;
	border-bottom: 1px dotted #b5bcc2;
}

/* Fin styles des blocs de texte */

/* Styles de texte avec image */
span.texte_bloc {
	padding: 0 2px 0 2px;
	background:#f4f5f6;
	border: 1px dotted #aab4be;
}
span.texte_note,
span.texte_idee,
span.texte_info,
span.texte_alerte,
span.texte_ok,
span.texte_cadenas,
span.texte_attention,
span.texte_dossier,
span.texte_fichier,
span.texte_pdf,
span.texte_excel,
span.texte_word,
span.texte_image,
span.texte_media,
span.texte_audio,
span.texte_archive,
span.texte_telecharger,
span.texte_star,
span.texte_fils_rss,
span.texte_recherche,
span.texte_accueil,
span.texte_coeur,
span.texte_contact,
span.texte_groupe,
span.texte_telephone,
span.texte_portable,
span.texte_imprimer,
span.texte_email,
span.texte_lien,
span.texte_carte,
span.texte_calendrier,
span.texte_montre,
span.texte_caddie {
	padding: 0 0 0 18px;
}
div.texte_note, p.texte_note, span.texte_note {
	background: transparent url(../images/typography/text_note.png) no-repeat;
	padding: 0 0 0 18px;
}
div.texte_idee, p.texte_idee, span.texte_idee {
	background: transparent url(../images/typography/text_idea.png) no-repeat;
}
div.texte_info, p.texte_info, span.texte_info {
	background: transparent url(../images/typography/text_info.png) no-repeat;
}
div.texte_alerte, p.texte_alerte, span.texte_alerte {
	background: transparent url(../images/typography/text_no.png) no-repeat;
}
div.texte_ok, p.texte_ok, span.texte_ok {
	background: transparent url(../images/typography/text_yes.png) no-repeat;
}
div.texte_cadenas, p.texte_cadenas, span.texte_cadenas {
	background: transparent url(../images/typography/text_lock.png) no-repeat;
}
div.texte_attention, p.texte_attention, span.texte_attention {
	background: transparent url(../images/typography/text_alert.png) no-repeat;
}
div.texte_dossier, p.texte_dossier, span.texte_dossier {
	background: transparent url(../images/typography/text_folder.png) no-repeat;
}
div.texte_fichier, p.texte_fichier, span.texte_fichier {
	background: transparent url(../images/typography/text_file.png) no-repeat;
}
div.texte_pdf, p.texte_pdf, span.texte_pdf {
	background: transparent url(../images/typography/text_pdf.png) no-repeat;
}
div.texte_excel, p.texte_excel, span.texte_excel { 
	background: transparent url(../images/typography/text_excel.png) no-repeat;
}
div.texte_word, p.texte_word, span.texte_word { 
	background: transparent url(../images/typography/text_word.png) no-repeat;
}
div.texte_image, p.texte_image, span.texte_image { 
	background: transparent url(../images/typography/text_image.png) no-repeat;
}
div.texte_media, p.texte_media, span.texte_media { 
	background: transparent url(../images/typography/text_media.png) no-repeat;
}
div.texte_audio, p.texte_audio, span.texte_audio {
   background: transparent url(../images/typography/text_sound.png) no-repeat;
}
div.texte_archive, p.texte_archive, span.texte_archive { 
	background: transparent url(../images/typography/text_archive.png) no-repeat;
}
div.texte_telecharger, p.texte_telecharger, span.texte_telecharger { 
	background: transparent url(../images/typography/text_download.png) no-repeat;
}
div.texte_star, p.texte_star, span.texte_star {
   background: transparent url(../images/typography/text_star.png) no-repeat;
}
div.texte_fils_rss, p.texte_fils_rss, span.texte_fils_rss { 
	background: transparent url(../images/typography/text_rss.png) no-repeat;
}
div.texte_recherche, p.texte_recherche, span.texte_recherche {
   background: transparent url(../images/typography/text_search.png) no-repeat;
}
div.texte_accueil, p.texte_accueil, span.texte_accueil { 
	background: transparent url(../images/typography/text_address.png) no-repeat;
}
div.texte_coeur, p.texte_coeur, span.texte_coeur {
   background: transparent url(../images/typography/text_love.png) no-repeat;
}
div.texte_contact, p.texte_contact, span.texte_contact { 
	background: transparent url(../images/typography/text_contact.png) no-repeat;
}
div.texte_groupe, p.texte_groupe, span.texte_groupe { 
	background: transparent url(../images/typography/text_group.png) no-repeat;
}
div.texte_telephone, p.texte_telephone, span.texte_telephone { 
	background: transparent url(../images/typography/text_phone.png) no-repeat;
}
div.texte_portable, p.texte_portable, span.texte_portable { 
	background: transparent url(../images/typography/text_mobile.png) no-repeat;
}
div.texte_imprimer, p.texte_imprimer, span.texte_imprimer { 
	background: transparent url(../images/typography/text_print.png) no-repeat;
}
div.texte_email, p.texte_email, span.texte_email { 
	background: transparent url(../images/typography/text_email.png) no-repeat;
}
div.texte_lien, p.texte_lien, span.texte_lien { 
	background: transparent url(../images/typography/text_link.png) no-repeat;
}
div.texte_carte, p.texte_carte, span.texte_carte { 
	background: transparent url(../images/typography/text_card.png) no-repeat;
}
div.texte_calendrier, p.texte_calendrier, span.texte_calendrier { 
	background: transparent url(../images/typography/text_calendar.png) no-repeat;
}
div.texte_montre, p.texte_montre, span.texte_montre { 
	background: transparent url(../images/typography/text_time.png) no-repeat;
}
div.texte_caddie, p.texte_caddie, span.texte_caddie { 
	background: transparent url(../images/typography/text_shop.png) no-repeat;
}
/* Fin styles de texte avec image */

/* Styles de listes à puces */
.liste_note, .liste_idee, .liste_info, 
.liste_alerte, .liste_go, .liste_cadenas, 
.liste_ok, .liste_non, .liste_plus, 
.liste_moins, .liste_telecharger, .liste_recherche {}
ul.liste_note li,
ul.liste_idee li,
ul.liste_info li,
ul.liste_alerte li,
ul.liste_go li,
ul.liste_cadenas li,
ul.liste_ok li,
ul.liste_non li,
ul.liste_plus li,
ul.liste_moins li,
ul.liste_telecharger li,
ul.liste_recherche li {
	margin: 7px 0 7px 0px;
	padding: 6px 0 6px 30px;
	font-style: normal;
   list-style: none;
}
ul.liste_note li {
   background: url(../images/typography/list_note.png) no-repeat 0 0;
}
ul.liste_idee li {
   background: url(../images/typography/list_idea.png) no-repeat 0 0;
}
ul.liste_info li {
   background: url(../images/typography/list_info.png) no-repeat 0 0;
}
ul.liste_alerte li {
   background: url(../images/typography/list_alert.png) no-repeat 0 0;
}
ul.liste_go li {
   background: url(../images/typography/list_go.png) no-repeat 0 0;
}
ul.liste_cadenas li {
   background: url(../images/typography/list_lock.png) no-repeat 0 0;
}
ul.liste_ok li {
   background: url(../images/typography/list_yes.png) no-repeat 0 0;
}
ul.liste_non li {
   background: url(../images/typography/list_no.png) no-repeat 0 0;
}
ul.liste_plus li {
   background: url(../images/typography/list_plus.png) no-repeat 0 0;
}
ul.liste_moins li {
   background: url(../images/typography/list_minus.png) no-repeat 0 0;
}
ul.liste_telecharger li {
   background: url(../images/typography/list_download.png) no-repeat 0 0;
}
ul.liste_recherche li {
   background: url(../images/typography/list_search.png) no-repeat 0 0;
}
/* Fin styles de listes à puces */

/* Ajout pour l'éditeur JCE */
/* .jcepopup {} */
.jcetooltip {}
.correct-png {}