/*
   CSS file for skin_papinou09 - version 4.6  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
	   Design Papinou © 2007 - Site Papinou : http://www.papinou.info
	   contrat Creative Commons : http://creativecommons.org/licenses/by-sa/2.0/fr/
	   Valid W3C CSS : http://jigsaw.w3.org/css-validator/
*/

/* Le Bleu Archers Catalans est #A7CDD8 */

body { /*  corps du document */
	margin : 0;
	/*background-image : url(cfs.png);*/
	background-repeat : repeat;
	background-attachment : fixed;
	font : 12px arial, helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	background-position : center 0%;
} 
a { /* lien */
	color: blue; /*Modif color : #000;*/
	background-color : inherit;
	text-decoration : none;
} 
a:hover { /* lien survolé */
	color: red; /* Modif color : #363699;*/
	background-color : inherit;
	text-decoration : none;
	font-weight : bold;
	position : relative;
	top : 1px;
	left : 1px;
} 
p { /* paragraphe */
	margin : 4px 0;
} 
hr { /* ligne horizontale */
	border-style : none none dashed;
	border-color : #363699;
	border-width : 0 0 1px;
	height : 1px;
	width : 98%;
	visibility : hidden;
} 
ul, ol { /* listes */
	padding : 0;
	margin : 0;
	font : 12px arial, helvetica, sans-serif;
	color : #000;
	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;
} 
.bordure { 
	border : 0 solid #363699;
}
/**************************************************
 *     Mise en page des blocks div principaux     *
 **************************************************/
#screen_choice { 
	z-index : 20;
	position : absolute;
	top : 1px;
	right : 1px;
	padding : 0;
	margin : 0;
	text-align : right;
} 
div#page { 
	border : 1px solid #000;
	margin-top: 10px;
	margin-bottom: 10px;
} 
#page { /* all the page */
	z-index : 10;
	padding-top : 0;
	color : inherit;
	background-color : #fff;
} 
#headTop { /* header top and middle (logo-banner + citation) */
	z-index : 15;
	margin : 0;
	padding : 0;
	color : inherit;
	/*background : url(ban.png) repeat-x #8f98d8;*/
	/*background-color: transparent;*/
	background : url(ban.png) repeat-x;
	border-bottom: 1px solid #000;
} 
#headBottom {/* header bottom (logo-menu) */ 
	margin : 0 4px;
	padding : 0 4px;
} 
#mainContent { /* main page */
	margin : 10px 0;
	padding : 0;
} 
#leftside { /* leftboxes area */
	margin : 0;
	padding-right : 4px;
} 
#rightside { /* right boxes area */
	margin : 0;
	padding-left : 4px;
} 
#endbox { /* optionnal area between main page and bottom */
	margin : 0;
	padding : 4px;
	text-align : left;
} 
#foot { /* footer Copyright */
	font : 10px arial, helvetica, sans-serif;
	text-align : center;
	color : #000;
	background-color : inherit;
}
/*****************************************************
 *       Mise en page des blocks dans le header      *
 *****************************************************/
div.logo { /* block logo */
	background-color : transparent;
	padding : 8px;
	text-align : center;
} 
div.banner { /* block bannière */
	background-repeat : no-repeat;
	padding : 50px 25px;
	text-align : center;
}
/****************************************************
 *             block boite citation                 *
 ****************************************************/
div.quote { /* block citation */
	white-space : nowrap;
	text-align : center;
	padding : 0 0px;	/*Modif padding : 0 4px;*/
	 background-color: #A7CDD8; /*Modif ajout*/
}
div.quote span.cita { /* texte */
	font : 12px arial, helvetica, sans-serif;
	color : Navy;	/*Modif color : #000;*/
	background-color : inherit;
	font-style : normal;
	text-align : center;
	border : 0;
	margin : 0;
	padding : 0 8px;
} 
div.quote span.author { /* auteur */
	font-style : normal;
} 
/***************************************************
 *          block box Header Menu sections         *
 ***************************************************/
div.menuIcons { /* block menu */
	padding : 2px 0;
} 
div.menuIcons ul { /* block liste du menu */
	margin : 0;
	padding : 0;
	list-style : none;
	width : 100%;
} 
div.menuIcons ul li { /* toutes les sections */
	float : left;
	margin-right : 1px;
	margin-left : 1px;
	text-align : center;
} 
div.menuIcons ul li span { /* toutes les sections */
	display : block;
	white-space : nowrap;
	color : #fff;
	background-color : inherit;
} 
div.menuIcons ul li.menu_flags { /* section drapeau */
	float : left;
	margin-right : 10px;
	text-align : center;
	margin-top : 10px;
} 
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
	margin : 2px;
}
div.menuIcons ul li.menu_admin { /* section admin */
	float : right;
	padding-right : 3px;
} 
div.menuIcons ul li a span, div.tblbox ul li a span { /* lien latéral */
	color : #000;
	background-color : #dedeea;
	text-decoration : none;
	font : bold 12px arial, helvetica, sans-serif;
	position : relative;
	padding : 3px 3px 3px 3px;
	margin-top : 10px;
	margin-right : 2px;
	margin-left : 2px;
	border-left : 1px solid #7381c8;
	border-top : 1px solid #7381c8;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
} 
div.menuIcons ul li a:hover, div.tblbox ul li a:hover { /* lien latéral survole*/
	background-color : transparent;
	position : static;
	top : 1px;
	left : 1px;
}

div.menuIcons ul li a:hover span { 
	background-color : transparent;
	position : static;
	top : 1px;
	left : 1px;
}
div.menuIcons ul li a span.current, div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
	color : White; /* #606cf0;*/
	background-color : #A7CDD8;/*#fffffe;*/
	text-decoration : none;
	font : bold 12px arial, helvetica, sans-serif;
	position : relative;
	padding : 3px 3px 3px 3px;
	margin-top : 10px;
	margin-right : 2px;
	margin-left : 2px;
	border-left : 1px solid #000;
	border-top : 1px solid #000;
	border-right : 1px solid #7381c8;
	border-bottom : 1px solid #7381c8;
}  
/*----------Particularité menu Nouvelles-----------*/
div.menuIcons ul li.menu_news a span { 
	color : red;
	background-color : yellow;
	text-decoration : none;
	font : bold 12px arial, helvetica, sans-serif;
	position : relative;
	padding : 3px 3px 3px 3px;
	margin-top : 10px;
	margin-right : 2px;
	margin-left : 2px;
	border-left : 1px solid #7381c8;
	border-top : 1px solid #7381c8;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
}
div.menuIcons ul li.menu_news a:hover span { 
	color : yellow;
	background-color : red;
	text-decoration : none;
	font : bold 12px arial, helvetica, sans-serif;
	position : relative;
	padding : 3px 3px 3px 3px;
	margin-top : 10px;
	margin-right : 2px;
	margin-left : 2px;
	border-left : 1px solid #000;
	border-top : 1px solid #000;
	border-right : 1px solid #7381c8;
	border-bottom : 1px solid #7381c8;
}
/*------------fin menu Nouvelles--------*/

div.menuIcons ul li a span:first-letter { /* Premiere lettre des menus */
	font : bold 12px arial, helvetica, sans-serif;
}
/****************************************************
 *       Mise en page des blocks dans le corps      *
 ****************************************************/

/*-----------block lateral boxes--------------*/
.titrebox { /* Titre */
	border : 0 solid #fff;
	padding : 0;
	white-space : nowrap;
	font : bold 12px arial, helvetica, sans-serif;
	color : #fff;
	background-color : inherit;
	text-align : center;
} 
.tblbox { /* Corps */
	background-color : transparent;
	border : 0 solid #fff;
	padding : 4px;
	margin-bottom : 8px;
	text-align : left;
} 
.tblboxover { /* Corps survolé */
	background-color : transparent;
	border : 0 solid #fff;
	padding : 4px;
	margin-bottom : 8px;
	text-align : left;
} 
/*------------block central boxes------------*/
.titre { 
	border : 0 solid #fff;
	padding-bottom : 1px;
	white-space : nowrap;
	font : bold 13px arial, helvetica, sans-serif;
	color : #fff;
	background-color : inherit;
	text-align : center;
} 
.tbl { 
	border : 0 solid #fff;
	font : 12px arial, helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	padding : 4px;
	margin-bottom : 8px;
	text-align : left;
} 
.tblover { 
	font : 12px arial, helvetica, sans-serif;
	color : #363699;
	background-color : inherit;
	border : 0 solid #fff;
	padding : 4px;
	margin-bottom : 8px;
	text-align : left;
} 
div ul, ol { /* listes */
	padding : 8px 0 8px 8px;
	margin-left : 16px;
} 
div li { 
	padding : 0;
	margin-left : 12px;
} 
/**********************************************
 *       block box lateral Menu Sections      *
 **********************************************/
ul.boxmenu { /* block liste */
	margin : 0;
	padding : 4px 12px;
	color : #000;
	background-color : inherit;
	list-style : square;
} 
ul.boxmenu li { /* items liste */
	margin-bottom : 10px;
	font-weight : bold;
} 
ul.boxmenu li img { /* icons */
	vertical-align : middle;
	margin-right : 10px;
} 
/************************************************
 *           block box lateral Article          *
 * (menu list, menu dynamic 1, menu dynamic 2)  *
 ************************************************/
.rubr { /* catégories des articles */
	padding : 4px 2px;
	margin : 1px;
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : left;
} 
p.rubr { 
	padding : 4px 2px;
	margin : 1px;
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : left;
} 
.item { 
	padding : 2px 0;
	margin : 0;
	font : 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : left;
	list-style : none;
} 
ul.item { 
	margin : 0;
	padding : 0;
} 
ul.item li.item { /* titres des articles */
	padding : 2px 0 2px 10px;
	font : 10px Arial, Helvetica, sans-serif; /* Modif font : 12px Arial, Helvetica, sans-serif; */
	color : #000;
	background-color : inherit;
	text-align : left;
	list-style : none;
} 
.curr_item { 
	padding : 2px 0;
	background-color : inherit;
	font : 10px Arial, Helvetica, sans-serif; /* Modif font : 12px Arial, Helvetica, sans-serif; */
	color : #000;
	text-align : left;
	list-style : none;
} 
ul.item li.curr_item { /* titre article est affiché */
	background-color : inherit;
	padding : 2px 0 2px 10px;
	font : 10px Arial, Helvetica, sans-serif; /* Modif font : 12px Arial, Helvetica, sans-serif; */
	color : #000;
	text-align : left;
	list-style : none;
} 
/*********************************************
 *     block box central forum - tables      *
 *********************************************/
.forum { 
	padding : 5px 5px;
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	text-align : center;
} 
.forum2 { 
	padding : 5px 5px;
	font : 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	text-align : left;
} 
tr.forum2 { 
	padding : 5px 5px;
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	text-align : left;
} 
.quest { 
	padding : 5px 5px 5px 5px;
	font : 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	text-align : left;
} 
.rep { 
	padding : 10px 5px 5px 5px;
	font : 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #dedeea;
	border : 0 solid #000;
	text-align : left;
} 
.bord { 
	border : 0 solid #363699;
	padding : 1px;
} 
.bord2 { 
	border : 0 double #363699;
} 
/******************************************
 *               Calendar                 *
 ******************************************/
.cal { 
	border-collapse : separate;
	border : 0 solid #dedeea;
	border-spacing : 1px;
	background-color : #fff;
	color : inherit;
} 
tr.cal { /* calendar nav bar */
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #ffffcc;
	text-align : center;
} 
td.cals { /* week */
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	width : 14%;
	text-align : center;
} 
td.cal0 { /* empty cell*/
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	width : 14%;
	text-align : center;
} 
td.cal1 { /* days */
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
	width : 14%;
	text-align : center;
	border : 1px solid #dedeea;
} 
td.cal2 { /* today */
	font : 11px Arial, Helvetica, sans-serif;
	color : #fff;
	background-color : #8787dc;
	width : 14%;
	text-align : center;
	border : 1px solid #dedeea;
} 
td.cal3 { /* sunday or special */
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #dedeea;
	width : 14%;
	text-align : center;
	border : 1px solid #8787dc;
} 
td.cal4 { /* today is sunday or special */
	font : 11px Arial, Helvetica, sans-serif;
	color : #fff;
	background-color : #8a93d2;
	width : 14%;
	text-decoration : underline;
	text-align : center;
	border : 1px solid #dedeea;
} 
td.calevt { /* planner event */
	font : bold 11px arial, helvetica, sans-serif;
	color : #fff;
	background-color : #ff9900;
	text-decoration : underline;
	text-align : center;
	width : 14%;
	border : 1px solid #dedeea;
} 
/*********************************************
 *            Formulaires (Forms)            *
 *********************************************/
form { /* formulaire */
	margin : 3px 0;
} 
fieldset { /* Encadrement des champs */
	border : 1px solid #000;
	margin : 8px;
} 
legend { /* légende des encadrements */
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
} 
input.bouton, button { /* bouton */
	cursor : pointer;
	margin : 4px 0;
	color : #000;
	border : 1px inset #000;
	background-color : #fff;
	font : 10px arial, helvetica, sans-serif;
} 
input.texte { /* champ texte */
	margin : 2px 0;
	background-color : #fff;
	font : 10px arial, helvetica, sans-serif;
	color : #000;
} 
select { /* champ select */
	color : #000;
	/* Modif pour combobox */
	/*  background-color : #fff;
		font : 12px Arial, Helvetica, sans-serif;*/
	background-color: #F0F0F0;
	font : bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	/* fin modif */
	border : 1px solid #000;
	margin : 4px 0;
} 
textarea { /* champ textarea */
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	overflow : auto;
	margin : 4px 0;
} 
/*******************************************
 *          Editeur FckEditor              *
 *******************************************/
.Code { 
	border : 1px solid #000;
	padding-right : 5px;
	padding-left : 5px;
	color : #000;
	font : 11px Arial, Helvetica, sans-serif, Monospace;
	background-color : #fff;
} 
/*******************************************
 *           Editeur pgeditor              *
 *******************************************/
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { 
	color : inherit;
	background-color : #fff;
} 
/*******************************************
 *  Mise en page des blocks dans le footer *
 *******************************************/
#foot span.copyright { /* Copyright */ 
	font : 1em Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
} 
/*******************************************
 *  Mise en page des blocks dans le corps  *
 *******************************************/
/* block lateral boxes */
.htable { 
	margin-bottom : 8px;
} 
.htable1 { 
	margin-bottom : 8px;
} 
.htable2 { 
	padding : 0 2px;
} 
.titrebox2 { /* Autre titre */
	font : bold 12px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : center;
} 
.box { 
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
} 
p.box { 
	margin : 0;
	font : 11px Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
} 
a.box { 
	color : #000;
	background : inherit;
	text-decoration : none;
	font : 11px Arial, Helvetica, sans-serif;
} 
a.box2 { 
	color : #000;
	background-color : inherit;
	text-decoration : none;
	font : bold 11px Arial, Helvetica, sans-serif;
} 
a:hover.box { 
	color : #ff9900;
	text-decoration : none;
	font : bold 11px Arial, Helvetica, sans-serif;
	background-color : inherit;
	position : relative;
	top : 1px;
	left : 1px;
} 
/****************************************
 *            pop comment 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 : #000;
	background-color : #fff;
	font : normal 12px Arial, Helvetica, sans-serif;
	border : 1px solid #aecbed;
	padding : 4px;
} 
/****************************************
 *         Divers, inclassables         *
 ****************************************/
.top { 
	font : 0.8em Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : center;
} 
.timer { 
	font : italic 1em Arial, Helvetica, sans-serif;
	color : #000;
	background-color : inherit;
	text-align : center;
	padding : 8px;
} 
.clsCursor { 
	cursor : pointer;
} 
.notice { 
	color : red;
	background-color : #ff9;
	padding : 2px;
}