/*   CSS file for meric08_13 - 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 Meric© 2008 - Site Meric: http://www.meric-graphisme.info	   contrat Creative Commons : http://creativecommons.org/licenses/by-sa/2.0/fr/	   Valid W3C CSS : http://jigsaw.w3.org/css-validator/*/html { /*  document */  font: 12px Arial, Helvetica, sans-serif;  color: #330099;  background-color: #030406;  }body { /*  corps du document */  margin: 0;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  background:url(arriere_plan.png) repeat #030406;  background-attachment : fixed;}a { /* lien */  color: #FFFFFF;  background: inherit;  text-decoration: none;}a:hover { /* lien survolé */  color:#1084CF;  text-decoration: none;  background-color: inherit; position: relative; top: 0px; left: 0px;}p { /* paragraphe */  margin: 4px 0px;}hr { /* ligne horizontale */  border: 0px dashed #1084CF;  width: 98%;}ul, ol { /* listes */	padding:0;	margin:0;}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: 1px solid #2B4657;}/******************************************* Mise en page des blocks div principaux */#screen_choice {  z-index:20;  position:absolute; top: 25px; right: 2px;  padding: 0;  margin: 0;  text-align: right;}#page{ /* all the page */  z-index: 10;  padding-top:15px;  padding-bottom: 15px;  } div#page { /* encadrement page*/border : 0px solid #6B8FDA;} #headTop { /* header top and middle (logo-banner + citation) */  z-index: 15;  border: 1px solid #3D637A;  margin: 0;  padding:0;  }#headBottom { /* header bottom (logo-menu) */  margin-left: 0;  margin-right: 0;  padding: 0 2px;  }#mainContent { /* main page */  margin: 0;  padding:0;  background: url(main.png) repeat-x #27465A;  color: inherit;}#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: 0px;  padding: 0px;  text-align: left;   }#foot { /* footer Copyright */  font-family: Arial, Helvetica, sans-serif;  text-align: center;  background: url(head.jpg) repeat-x transparent;  padding: 0;  border: 0px solid #1D3442;}/******************************************* * Mise en page des blocks dans le header */div.logo { /* block logo */  padding: 2px 8px;  text-align: center;}div.banner { /* block bannière */  background-repeat: no-repeat;  padding: 8px;  text-align: center;}/************************* * block boite citation */div.quote { /* block citation */  white-space: nowrap;  text-align: center;  padding: 0px 4px;}div.quote span.cita { /* texte */  font: 12px Arial, Helvetica, sans-serif;  color: #f7f7f7;  background: inherit;	font-style: normal;  text-align: center;  border: 0;  margin: 0;  padding: 0px 8px;}div.quote span.author { /* auteur */	font-style: normal;}/*********************************** * block box Header Menu sections */div.menuIcons { /* block menu */font: bold 13px Arial, Helvetica, sans-serif;width: 100%; }div.menuIcons ul { /* block liste du menu */margin: 0 15px 0 0;padding: 0 ;float: left;width: 100%; border: 1px solid #385C72; background: url(barre_onglet.png) center center repeat-x;}div.menuIcons ul li { /* toutes les sections */display: inline;}div.menuIcons ul li span { /* toutes les sections */display:block;white-space:nowrap;}div.menuIcons ul li.menu_flags { /* section drapeau */float:left;margin-right:4px;text-align:center;}div.menuIcons ul li.menu_flags img { /* séparation drapeau */margin:3px 0px 3px 0px;}div.menuIcons ul li.menu_admin { /* section admin */margin-right:0px;float: right;}div.menuIcons ul li a span { /* lien menu horizontal repos */padding: 5px 10px;text-decoration: none;font: 12px arial, helvetica, sans-serif;color: #ffffff;background: url(onglet2.png) repeat-x; background-color: inherit;border-left: 1px solid #f7f7f7;position: relative;display: block;float: left;cursor: pointer;}div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos*/color: #FFFFFF;background-color: inherit;text-decoration: none;font: 12px Arial, Helvetica, sans-serif;}div.menuIcons ul li a span.current { /* lien actif */color: #FFFFFF; padding-top: 6px; padding-bottom: 4px; background: #465564 url(onglet3.png) center center repeat-x;text-decoration: none;}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.menuIcons ul li a:hover span { /* lien survolé horizontal*/color: #1084CF; padding-top: 6px; padding-bottom: 4px;text-decoration: underline; background: #465564 url(onglet2.png) center center repeat-x;}div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/color: #1084CF;text-decoration: none;background-color: inherit; position: relative; top: 1px; left: 1px;}/****************************************** * Mise en page des blocks dans le corps *//* block lateral boxes */.htable {  margin-bottom: 0px;}.htable1 {  margin-bottom: 0px;}.htable2 {  padding: 0;}.spacer {  padding: 8px 2px;}.titrebox { /* Titre */  background-color:#62768A;  background-image: url(titre.png);  border: 0px solid #A6C4E0;  padding: 4px;   white-space: nowrap;  font: bold 14px Georgia,Helvetica,sans-serif;  color: #FFFFFF;  text-align: center;}.titrebox2 {  /* Autre titre */  font: bold 15px Arial, Helvetica, sans-serif;  color: #330099;  background-color: #9C969A;  text-align: center;}.tblbox {  /* Corps */  color:#1084CF;  background-color: #0D181E;  border: 0px solid #A6C4E0;  padding: 4px 2px 4px 2px;  margin-bottom: 8px;  text-align:left;}.tblboxover { /* Corps survolé */  color: #1084CF;  background-color: #0D181E;  border: 0px solid #A6C4E0;  padding: 4px 2px 4px 2px;  margin-bottom: 8px;  text-align:left;}/* boites centrale */.titre {  background-color: #62768A;  background-image: url(titre.png);  padding: 5px;  white-space: nowrap;  font: bold 15px Georgia,Helvetica,sans-serif;  color: #FFFFFF;  text-align: center;}.tbl { background: url(fond_table.png) repeat-x #27465A;  border: 0px solid #A6C4E0;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  padding: 0px;  margin-bottom: 8px;  text-align:left; }.tbl a{ text-decoration: underline; }.tbl a:hover{ text-decoration: none; }.tblover {   background: url(fond_table.png) repeat-x #27465A;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  border: 0px solid #A6C4E0;  padding: 0px;  margin-bottom: 8px;  text-align:left;}.tblover a{ text-decoration: underline; }.tblover a:hover{ text-decoration: none; }div ul, ol { /* listes */padding:8px 0px 8px 8px; margin-left:16px;}div li{padding:0px; margin-left:12px;}/************************************ * block boite laterale Menu Sections */ul.boxmenu { /* block liste */	margin:0;	padding:5px 0px;	list-style:square;}ul.boxmenu li { /* items liste */	margin-bottom: 7px;}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 */  background-color: inherit;  padding: 2px;  margin: 1px;  font: bold 12px Arial, Helvetica, sans-serif;  color: #1084CF;  text-align:left;}.item {  padding: 2px 0px;  margin: 0px;  background-color: inherit;  font: 12px Arial, Helvetica, sans-serif;  color: #330099;  text-align:left;  list-style: none;}ul.item {	margin:0;	padding:0;}ul.item li.item { /* titres des articles */  background-color: inherit;  padding: 2px 0px 2px 10px;  font: 12px Arial, Helvetica, sans-serif;  color: #1084CF;  text-align:left;  list-style: none;}.curr_item {  padding: 2px 0px;  background-color: inherit;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;  list-style: none;}ul.item li.curr_item { /* titre article est affiché */  background-color: inherit;  padding: 2px 0px 2px 5px;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;  list-style: none;}/************************************* * block box central forum - tables */.forum {  background-color:#1D3444;  padding: 5px 5px;  font: bold 12px Arial, Helvetica, sans-serif;  color: #ffffff;  text-align: center;  border: 1px solid #385C72;}.forum2 {  background-color: #1D3444;  padding: 5px 5px;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;   border: 1px solid #385C72;}tr.forum2 {  background-color: #1D3444;  background-image: url(titre.png);  padding: 5px 5px;  font: bold 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;}.quest {  background-color: #1D3444;  padding: 5px 5px 5px 5px;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;}.rep {  background-color:#1D3444;  padding: 10px 5px 5px 5px;  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  text-align:left;}.bord {  border: 0px solid #2B4657;}.bord2 {  border: 0px double #2B4657;}/************* * Calendar */.cal {  border-collapse: separate;  border: 1px solid #1084CF;  border-spacing: 1px;  color:inherit;  background-color: #A9C5EB;}tr.cal { /* calendar nav bar */  font: 12px Arial, Helvetica, sans-serif;  color: #000000;  background-color: #77A7D3;  text-align: center;}td.cals { /* lettres semaine */  font: 12px Arial, Helvetica, sans-serif;  color: #1084CF;  background-color: #2B4657;   width: 14%;  text-align: center;}td.cal0 { /* cases vides*/  font: 12px Arial, Helvetica, sans-serif;  color: #000000;  background: url(bouton.png) repeat-x #E3E3E3;  width: 14%;  text-align: center;}td.cal1 { /* jours */  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  background-color: #0D181E;  width: 14%;  text-align: center;}td.cal2 { /* aujourdhui*/  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  background-color: #979B9B;  width: 14%;  text-align: center;}td.cal3 { /* mois dimanche et special */  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  background-color: #1D3442;  width: 14%;  text-align: center;}td.cal4 { /* aujourdhui si dimanche et special */  font: 12px Arial, Helvetica, sans-serif;  color: #000000;  background-color: #E2CBF1;  width: 14%;  text-align: center;}td.calevt { /*evenement */  font: bold 12px Arial, Helvetica, sans-serif;  color: #000000;/*  background-color:#EFB007 couleur orange initiale */background-color:#1084CF  
text-decoration: underline;  text-align: center;  width: 14%;}/************************ * Formulaires (Forms) */form { /* formulaire */  margin: 3px 0px;}fieldset { /* Encadrement des champs */  border: 1px solid #1084CF;  margin: 8px;}legend { /* légende des encadrements */  font: 12px Arial, Helvetica, sans-serif;  color: #FFFFFF;  background-color:inherit;  font-weight: bold;}input.bouton, button { /* bouton */  cursor: pointer;  color: #FFFFFF;  border: 1px solid #385c71;  font: 11px Arial, Helvetica, sans-serif;  height: 20px;   margin: 2px 0px;   padding-bottom: 2px;   vertical-align: top;   text-decoration: none;   background: url(bouton.png) repeat-x #385C72; }input.texte { /* champ texte */  background-color: #3D637A;  font: 11px Arial, Helvetica, sans-serif;  color: #FFFFFF;  border: 1px inset #385c71;  margin: 4px 0px;}select { /* champ select */  color: #FFFFFF;  background-color: #3D637A;  font: 11px Arial, Helvetica, sans-serif;  border: 1px solid #385c71;  margin: 4px 0px;}textarea { /* champ textarea */  color: #000099;  background-color: #FFFFFF;  border: 1px solid #385C71;  overflow: auto;  margin: 4px 0px;}/********************** * Editeur FckEditor */.Code {  border: #385C72 1px solid;  padding-right: 5px;  padding-left: 5px;  color: #000000;  font: 11px Arial, Helvetica, sans-serif, Monospace;  background-color: #1084CF;}/********************** * Editeur pgeditor */div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { color: inherit; background-color: #E2CBF1;}/******************* * 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: #330099;  background-color: #FFFFFF;  font: normal 12px Arial, Helvetica, sans-serif;  border: 1px solid #2B4657;  padding: 4px;}/******************************************* * Mise en page des blocks dans le footer */#foot a.copyright { /* Copyright */    font: 1em Arial, Helvetica, sans-serif;    color: #FFFFFF;    background-color: inherit;    text-align: center;	padding: 0;	margin: 0;}#foot a:hover.copyright { /* Copyright */    font: 1em Arial, Helvetica, sans-serif;    color: #FF0000;    background-color: inherit;    text-align: center;}/************************ * Divers, inclassables */.box {  font: 11px Arial, Helvetica, sans-serif;  color: #1084CF;  background-color: inherit;  padding-left: 3px;}p.box {  margin: 0px;  font: 11px Arial, Helvetica, sans-serif;  color: #1084CF;  background-color: inherit;}.box a {  color: #1084CF;  background-color: inherit;  text-decoration: none;  font: 11px Arial, Helvetica, sans-serif;}.box2 a {  color: #FF3366;  background-color: inherit;  text-decoration: none;  font: 11px Arial, Helvetica, sans-serif;  font-weight: bold;}.box a:hover {  color: #FFFFFF;  text-decoration: none;  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;}.timer {  font: italic 0.9em Arial, Helvetica, sans-serif;  color: #FFFFFF;  background-color: inherit;  text-align: center;  padding: 8px;}.clsCursor {  cursor: pointer;}.notice {  color:red;  background-color:#FF9;  padding:2px;}.band {  }/*Contour du document*/.topl { background-image: url(haut_gauche.png); background-position: top left; width: 15px; height: 17px;} .topc { background-image: url(haut_centre.png); background-repeat: repeat-x; height: 17px;} .topr { background-image: url(haut_droit.png); background-position: top right; width: 15px; height: 17px;} .left { background-image: url(bord_gauche.png); background-repeat: repeat-y; width: 15px;} .right { background-image: url(bord_droit.png); background-repeat: repeat-y; width: 15px;} .bottoml { background-image: url(bas_gauche.png); background-position: bottom left; width: 15px; height: 17px;} .bottom { background-image: url(bas_centre.png); background-repeat: repeat-x; height: 17px;} .bottomr { background-image: url(bas_droit.png); background-position: bottom right; width: 15px; height: 17px;}