/*
    CSS file for skin_meh3 - version 4.6.11

    CeCILL Copyright (C) 2004-2007 by GuppY Team
    Initiated by Laurent Duveau and Nicolas Alves
      Web site = http://www.freeguppy.org/
      e-mail   = info@freeguppy.org

    CSS History :
      v1.0 (01 May 2007)           : initial release (by "GuppY Design")
	
	Design LB © 2010
*/

html { /*  document */
	font: 11px arial, helvetica, sans-serif;
	color: #000000;
	background : url(img/html.png) repeat-y;
}
body { 
	margin : 0;
	font : 11px arial, helvetica, sans-serif;
	color : #476476;
	background : url(img/fond.png) no-repeat;
	background-position: 50% 0;
        background-attachment : fixed;
}
/******************************************
 * Mise en page des blocs dans le header */
div.logo { 
	background-color : transparent;
	padding : 30px 0 0 80px;
	text-align : center;
}
div.banner { 
	background-repeat : no-repeat;
	margin-bottom : 8px;
	padding : 16px 0px 0px 0px;
	text-align : center;
}
/************************
 * Bloc boîte citation */
div.quote { 
	white-space : nowrap;
	text-align : center;
	padding : 0 4px 8px 4px;
}
div.quote span.cita { 
	font : 12px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	font-style : normal;
	text-align : center;
	padding : 0 4px;
}
div.quote span.author { 
	font-style : normal;
}
div.quote span.cita b img { /* variable $web5 texte remplacé par image */
	display: inline;
}
div.quote span.cita img { /* image masquée dans citation */
	display: none;
}
/********************
 * Barre des menus */
div.menuIcons { /* block menu */
	margin: 0 2px;
	padding: 0 7px;
	height: 30px;
}
div.menuIcons ul li { /* toutes les sections */
	float: left;
	margin: -4px 3px 0 3px;
	padding-top: 5px;
	text-align: center;
	list-style-type: none;
	height: 20px;
}
div.menuIcons ul li span { /* toutes les sections */
	white-space: nowrap;
	padding: 0 7px;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	text-align: center;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
	margin:3px;
}
div.menuIcons ul li.menu_admin { /* section admin */
	float:right;
	padding-right:4px;
}
div.menuIcons ul li a span { /* lien */
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
	color: #ffff00;
	text-decoration: none;
	background-color: inherit;
}
div.menuIcons ul li a span.current { /* lien actif */
	color: #ffff00;
	background-color: inherit;
	text-decoration: none;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral */
	color: #000000;
	background-color: inherit;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
	color: #ff0000;
	background-color: inherit;
	text-decoration: none;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
	color: #000000;
	text-decoration: none;
	background-color: inherit;
}
div ul, ol { /* listes */
	padding : 8px 0 8px 8px;
	margin-left : 16px;
}
div li { /* espace entre lien menu */
	padding : 0;
	margin-left : 12px;
}
/******************************************
 * Mise en page des blocs div principaux */
#screen_choice { 
	z-index : 20;
	position : absolute;
	top : 1px;
	right : 1px;
	padding : 0;
	margin : 0;
	text-align : right;
}
div#page {
	margin-top: 0;
	margin-bottom: 0;
}
#page { 
	margin-top: 0px;
	margin-bottom: 0px;
}
#headTop { 
	height: 178px;
	z-index : 15;
	background: transparent url(img/header.png) no-repeat;
}
#headBottom { 
	margin : 0;
	padding : 2px;
	height: 34px;
	background-color: #444444;
	border-left : solid 3px #ff0000;
	border-right : solid 3px #ff0000;
	border-top : solid 3px #ff0000;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
#mainContent { 
	margin: 0 0 8px 0;
	padding-bottom: 8px;
	background-color : #444444;
	border-left : solid 3px #ff0000;
	border-right : solid 3px #ff0000;
	border-bottom : solid 3px #ff0000;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
}
#mainData {
	margin: 3px 0 8px -12px;
	padding: 2px;
	float:right; 
	position: relative; 
	text-align:right; 
	width: 624px;
	right: 4px;
	background-color: #ebedef;
	border : solid 1px #cfdde7;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#mainData2 {
	margin: 0 4px 8px 4px;
	padding: 2px;
	text-align:right; 
	width: auto;
	background-color: #ebedef;
	border : solid 1px #cfdde7;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#leftside { 
	float:left;
	position: relative; top: 0px; left: 0px;
	width: 172px;
	padding: 0 2px 2px 2px;
	margin: 0 2px 4px 0;
	color: inherit;
}
#rightside { 
	float:left;
	position: relative; top: 0px; left: 0px;
	width: 172px;
	padding: 0 2px 2px 2px;
	margin-bottom: 4px;
	color: inherit;
}
#endbox { 
	margin : 3px 0 0 0;
	background-color: #444444;
	text-align : left;
}
#foot { 
	font : 10px arial, helvetica, sans-serif;
	text-align : center;
	color : #ffffff;
	border-top: 1px solid #cfdde7;
	height : auto;
	background-color: #444444;
/*	background: #444444 url(img/footer.png) no-repeat;
	background-position: 50% 0;
	height : 164px;
	padding-top: 60px;
	padding-bottom: 20px;*/
}
/****************************
 * bloc boîte section menu */
ul.boxmenu { /* bloc liste */
	margin : 0;
	padding : 4px;
	list-style : circle;
}
ul.boxmenu li { /* liste des items */
	margin-bottom : 10px;
}
ul.boxmenu li img { /* icônes */
	vertical-align : middle;
	margin-right : 10px;
}
/*******************************************************************
 * bloc boîte article (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { 
	padding : 0 2px;
	margin : 1px;
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : left;
}
p.rubr { 
	padding : 0 2px;
	margin : 1px;
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : left;
}
.item { 
	padding : 2px 0;
	margin : 0;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : left;
	list-style : none;
}
ul.item { 
	margin : 0;
	padding : 0;
}
ul.item li.item { 
	padding : 2px 0 2px 10px;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : left;
	list-style : none;
}
.curr_item { 
	padding : 2px 0;
	background-color : inherit;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	text-align : left;
	list-style : none;
}
ul.item li.curr_item { 
	background-color : #f3f3f3;
	padding : 2px 0 2px 10px;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	text-align : left;
	list-style : none;
}
/************
 * pop RSS */
.pop { 
	z-index : 30;
	width : 380px;
	text-align : left;
}
.pop a { 
	display : block;
}
.pop span { 
	z-index : 30;
	display : none;
}
.pop a:hover span { 
	display : block;
	width : 280px;
	position : absolute;
	top : 2em;
	left : 2em;
	color : #000000;
	background-color : #ececff;
	font : 11px arial, helvetica, sans-serif;
	border : 1px solid #a4a4c7;
	padding : 4px;
}
.notice { /* very important */
 color: #F00;
 background-color: #FFB;
 padding: 2px;
}
/*************
 * Calendar */
.tblbox { /* calendar box */
	padding : 12px 2px 14px 2px;
	margin : -8px  0 16px 0;
	width : 170px;
	height : auto;
	color : #000000;
	background-color : #ebedef;
	text-align : left;
	border-left : solid thin #41566c;
	border-right : solid thin #41566c;
	border-bottom : solid thin #41566c;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}
.tblboxover { /* calendar box survolé */
	padding : 12px 2px 14px 2px;
	margin : -8px  0 16px 0;
	width: 170px;
	color : #000000;
	background-color : #ebedef;
	text-align : left;
	border-left : solid thin #41566c;
	border-right : solid thin #41566c;
	border-bottom : solid thin #41566c;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}
.cal { 
	border-collapse : separate;
	border : 0 solid #444444;
	border-spacing : 1px;
	background-color : #ebedef;
	color : inherit;
	margin-left : 0px;
	width : 156px;
} 
tr.cal { /* calendar nav bar */
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	text-align : center;
} 
td.cals { /* week */
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	width : 14%;
	text-align : center;
} 
td.cal0 { /* empty cell*/
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	width : 14%;
	text-align : center;
} 
td.cal1 { /* days */
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	width : 14%;
	text-align : center;
} 
td.cal2 { /* today */
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ffffff;
	width : 14%;
	text-align : center;
	border : 1px solid #444444;
} 
td.cal3 { /* sunday or special */
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #d3d3d3;
	width : 14%;
	text-align : center;
	border : 1px solid #444444;
}
td.cal4 { /* today is sunday or special */
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #f3ffff;
	width : 14%;
	text-decoration : underline;
	text-align : center;
	border : 1px solid #444444;
}
td.calevt { /* planner event */
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ffff00;
	text-decoration : none;
	text-align : center;
	width : 14%;
	border : 1px solid #444444;
}
/************************
 * Formulaires (Forms) */
form { 
	margin : 3px 0;
}
fieldset { 
	border : 1px solid #444444;
	margin : 8px;
}
legend { 
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
}
input.bouton, button { 
	cursor : pointer;
	margin : 4px 0;
	color : #000000;
	border : 1px solid #444444;
	background-color : #ffffff;
	font : 10px arial, helvetica, sans-serif;
}
input.texte { 
	margin : 2px 0;
	background-color : #ffffff;
	font : 10px arial, helvetica, sans-serif;
	color : #000000;
	border : 1px solid #444444;
}
select { 
	color : #000000;
	background-color : #ffffff;
	font : 11px arial, helvetica, sans-serif;
	border : 1px solid #444444;
	margin : 4px 0;
}
textarea { 
	color : #000000;
	background-color : #ffffff;
	border : 1px solid #444444;
	overflow : auto;
	margin : 4px 0;
}
/************
 * Général */
a { /* lien hypertexte */
	color : #000000;
	background-color : inherit;
	text-decoration : none;
}
a.titre { /* lien titres */
 color: inherit;
 background-color: transparent;
 text-decoration: none;
}
a:hover { /* lien hypertexte survolé */
	color : #ff0000;
	background-color : inherit;
	text-decoration : none;
	position : relative;
	top : 1px;
	left : 1px;
}
p { /* paragraphe */
	margin : 4px 0;
	font-size : inherit;
}
p.box { 
	margin : 0;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
}
.titre { /* all the page */
	margin: 10px 10px 0 10px;
	font : bold 17px arial, helvetica, sans-serif;
	color : #000000;
	background: transparent;
	height: 26px;
	text-align : center;
	border-bottom: 1px dashed #444444;
}
.titrebox { /* all the page */
	padding : 6px 0 0 0;
	margin : 0 0 0px 0;
	height: 24px;
	width: 174px;
	font : bold 14px arial, helvetica, sans-serif;
	color : #ffffff;
	text-align : center;
	background : #ebedef url(img/box.png) repeat-x;
	border-left : solid thin #41566c;
	border-right : solid thin #41566c;
	border-top : solid thin #41566c;
	border-bottom : dashed thin #41566c;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}
.box { 
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
}
.box:hover {
 color: #000;
 background-color: inherit;
}
.bordure { 
	border : 0 solid #444444;
}
hr { /* ligne stylée */
	border-style : none none dashed;
	border-color : #000000;
	border-width : 0 0 1px;
	height : 1px;
	width : 98%;
}
ul.item {
 margin: 0;
 padding: 0 10px;
}
li.item {
 list-style-type: none;
 margin-left: 0;
 padding: 0;
}
li.curr_item {
 list-style-type: none;
 margin-left: 0;
}
ul, ol { 
	padding : 0;
	margin : 0;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
}
dl, dd, dt, address, dir, menu, blockquote, td {
 font: 11px arial, sans-serif;
 color: #000000;
 background-color: inherit;
}
h1 { /* titre niveau 1 */
	font-size : 24px;
}
h2 { /* titre niveau 2 */
	font-size : 18px;
}
h3 { /* titre niveau 3 */
	font-size : 16px;
}
h4 { /* titre niveau 4 */
	font-size : 14px;
}
/************************
 * bloc forum - tables */
.forum, td.forum a { 
	padding : 5px;
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	border : 1px solid #000000;
	text-align : center;
}
.forum2 { 
	padding : 5px;
	font : italic 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ffffff;
	border : 1px solid #000000;
	text-align : left;
}
tr.forum2 { 
	padding : 5px;
	font : bold 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	border : 1px solid #000000;
	text-align : left;
}
.quest { 
	padding : 5px;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ffffff;
	border : 1px solid #000000;
	text-align : left;
}
.rep { 
	padding : 10px 5px 5px 5px;
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : #ebedef;
	border : 0 solid #444444;
	text-align : left;
}
.bord { 
	border : 0px solid #444444;
	padding : 1px;
} 
.bord2 { 
	border : 0 double #444444;
} 
/****************************************************
 * Mise en forme des boîtes centrales et latérales */
.tbl { 
	font : 12px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	padding : 2px;
	margin-bottom : 8px;
	text-align : left;
}
.tblover { 
	font : 12px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	padding : 2px;
	margin-bottom : 8px;
	text-align : left;
}
.htable { 
	margin-bottom : 8px;
}
.htable1 { 
	margin-bottom : 8px;
}
.htable2 { 
	padding : 0 2px;
}
.titrebox2 { 
	font : 11px arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : center;
}
a.box { 
	color : #000000;
	background : inherit;
	text-decoration : none;
	font : 11px arial, helvetica, sans-serif;
}
a.box2 { 
	color : #000000;
	background-color : inherit;
	text-decoration : none;
	font : 11px arial, helvetica, sans-serif;
}
a:hover.box { 
	color : #999;
	text-decoration : none;
	font : 11px arial, helvetica, sans-serif;
	background-color : inherit;
	position : relative;
	top : 1px;
	left : 1px;
}
.top {
	font : 0.8em arial, helvetica, sans-serif;
	color : #ffffff;
	background-color : inherit;
	text-align : center;
}
a.top:hover {
	color : #ffffff;
	font-weight : bold;
	background-color : inherit;
}
#foot span.copyright { 
	font : 1em arial, helvetica, sans-serif;
	color : #ffffff;
	background-color : inherit;
}
/**********************
 * Editeur FckEditor */
.Code {
 font: 11px "comic sans ms", arial, monospace, sans-serif;
 color: #309;
 background-color: #CFE5F9;
 border: 1px solid #00C;
 padding: 0 5px 0 5px;
}
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { 
	color : inherit;
	background-color : #f7fafd;
}
/***********
 * Divers */
.clscursor {
 cursor: pointer;
}
.timer { 
	font : italic 1em arial, helvetica, sans-serif;
	color : #000000;
	background-color : inherit;
	text-align : center;
	padding : 8px;
}
/************
 * pop info */
a.info_bulle span { 
	position : absolute; 
	top : -2000em; 
	left : -2000em; 
	width : 1px; 
	height : 1px; 
	padding : 4px;
	overflow : hidden; 
	background : #ffffff;
	border : 1px solid #444444;
} 
a.info_bulle { 
	color : #000000; 
	text-decoration : none; 
	padding : 2px 16px 2px 4px;
	background : transparent url("img/info.gif") no-repeat right center; 
	position : relative; 
} 
a.info_bulle:hover { 
	border : 0;
} 
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span { 
	top : auto; 
	left : -228px; 
	width : 220px; 
	height : auto; 
	overflow : visible; 
}