/*







    CSS file for mirror2008_02 Skin - 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







    CSS History :







      v1.0 (01 May 2007)           : Initial release (by deherve "GuppY Design")







*/















body { /*  corps du document */



 font: 12px arial, helvetica, sans-serif;



 color: #000;



 background: url(img/fond.jpg) center 0 #ffffff;



 background-attachment: fixed;



 margin: 0;



 padding: 0;







}







a { /* lien */







 color: #4F5A66;







 background-color:inherit;







 text-decoration: none;







}







a:hover { /* lien survolé */







 font-weight: bold;







 color: #FF8000;







 background-color: inherit;







 position: relative;







 top: 0px;







 left: 0px;







 text-decoration: none;







}







#leftside a { /* lien */







 color:#660000;







 font-weight: bold;







 background-color:inherit;







 text-decoration: none;







}







#leftside a:hover { /* lien survolé */







 font-weight: bold;







 color: #643FDA;







 background-color: inherit;







 position: relative;







 top: 0px;







 left: 0px;







 text-decoration: none;







}







#rightside a { /* lien */







 color: #660000;







 font-weight: bold;







 background-color:inherit;







 text-decoration: none;







}







#rightside a:hover { /* lien survolé */







 font-weight: bold;







 color: #643FDA;







 background-color: inherit;







 position: relative;







 top: 0px;







 left: 0px;







 text-decoration: none;







}







p { /* paragraphe */







 margin: 4px 0;







}















hr { /* ligne horizontale */







 border-style : none none solid;







border-color : transparent /*#4F5A66*/;







border-width : 0 0 1px;







height : 1px;







width : 100%;







} 







ul, ol { /* listes */







 font: 12px arial, helvetica, sans-serif;







 color: #000;







 background-color:inherit;







 margin: 0;







 padding: 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 #AEDAFC;







}















/******************************************







* Mise en page des blocs div principaux */







div#page { /* mask border for IE */



background-color: transparent;



/*opacity : 0.95;



    -moz-opacity : 0.95;



    -ms-filter: "alpha(opacity=95)"; /* IE 8 */



    /*filter : alpha(opacity=95); /* IE < 8 */ 



 /*border: 1px solid #E6E7EC;*/



/* -moz-border-radius-bottomright: 12px;



-moz-border-radius-bottomleft: 12px;



border-bottom-left-radius: 12px 12px ;



border-bottom-right-radius: 12px 12px;



-moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;







border-left: 4px solid #E6E7EC;



border-right:4px solid #E6E7EC;



border-top: 4px solid #E6E7EC;



border-bottom: 4px solid #E6E7EC;*/















 margin-top: 170px;







 







}







#screen_choice {







 margin: 0;







 padding: 0;















}







div#screen_choice {







 position: absolute;







 top: 8px;







 right: 20px;







}







#page { /* all the page */







 color:inherit;







 background-color: #C4C8CC;







 padding-top: 0;







}







#headTop { /* header top and middle (logo-banner + citation) */



width:1001px;







 color:inherit;



  -moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;



-moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;







border-left: 4px solid #E6E7EC;



border-right:4px solid #E6E7EC;







border-top: 4px solid #E6E7EC;





 background: transparent url(img/header.png) repeat-x;







  height: 35px;







 margin: 0;







 padding: 0;







}







#headBottom { /* header bottom (logo-menu) */











 color:inherit;







 background: transparent /*url(img/onglet1.png) repeat-x*/;







 /*background-color: #35648A;*/







 height: 23px;







 border: 0px solid #EEF6FD;







  margin:0;







 padding:0;







 }







#mainContent { /* main page */



padding-top:20px;



opacity : 0.95;



width:1001px;



    -moz-opacity : 0.95;



    -ms-filter: "alpha(opacity=95)"; /* IE 8 */



    filter : alpha(opacity=95); /* IE < 8 */ 



 border: 1px solid #E6E7EC;



 background-color: #C1C7CF;



/* -moz-border-radius-bottomright: 12px;



-moz-border-radius-bottomleft: 12px;



border-bottom-left-radius: 12px 12px ;



border-bottom-right-radius: 12px 12px;



-moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;







border-left: 4px solid #E6E7EC;



border-right:4px solid #E6E7EC;



border-top: 4px solid #E6E7EC;



border-bottom: 4px solid #E6E7EC;*/







 



 



 -moz-border-radius-bottomright: 12px;



-moz-border-radius-bottomleft: 12px;



border-bottom-left-radius: 12px 12px ;



border-bottom-right-radius: 12px 12px;



-moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;







border-left: 4px solid #E6E7EC;



border-right:4px solid #E6E7EC;



border-top: 4px solid #E6E7EC;



border-bottom: 4px solid #E6E7EC;















 padding: 0;







}







#leftside { /* leftboxes area */







   margin: 0;







 padding-right: 4px;







}







#rightside { /* right boxes area */







 margin: 0;



margin-right:-4px;



 padding-left: 4px;







}







#endbox { /* optionnal area between main page and bottom */







 text-align: left;







 







 background-color: transparent  /*url(img/onglet1.png) repeat-x #35648A;*/;







 padding : 0 4px 6px 4px;



 















}







#foot { /* footer Copyright */



width:1001px;



 font-family: arial, helvetica, sans-serif;



/* background-color: #C4C8CC;*/

 background: url(img/header1.png) repeat-x;



 opacity : 0.95;



    -moz-opacity : 0.95;



    -ms-filter: "alpha(opacity=95)"; /* IE 8 */



    filter : alpha(opacity=95); /* IE < 8 */ 



 



 margin-bottom: 15px;



  -moz-border-radius-bottomright: 12px;



-moz-border-radius-bottomleft: 12px;



border-bottom-left-radius: 12px 12px ;



border-bottom-right-radius: 12px 12px;



-moz-border-radius-topright: 12px;



-moz-border-radius-topleft: 12px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;







border-left: 4px solid #E6E7EC;



border-right:4px solid #E6E7EC;



border-top: 4px solid #E6E7EC;



border-bottom: 4px solid #E6E7EC;







 color: #F8F8F8;







 /*background: url(img/header1.png) repeat-x;*/







 text-align: center;







 







}















/*******************************************







 * Mise en page des blocs dans le header */







div.logo { /* block logo */







 text-align: center;







 padding: 35px 60px 0px ;







}







div.banner { /* bloc bannière */







 background-repeat: no-repeat;







 text-align: center;







 margin-left:-4px







}















/*************************







 * bloc boîte citation */







div.quote { /* bloc citation */







 white-space: nowrap;







 text-align: center;







 padding: 0 4px;







}







div.quote span.cita { /* texte */







 font: 12px arial, helvetica, sans-serif;







 font-style: normal;







 color: #000000;







 background-color: inherit;







 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 */







font: bold 13px Arial, Helvetica, sans-serif;







width: 100%; 







}







div.menuIcons ul { /* block liste du menu */







margin:0;







	padding:0;







	list-style:none;







	width:100%;







}







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:6px;







margin-top: 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;







border-left: 1px solid #EEECE8;







}







div.menuIcons ul li a span { /* lien menu horizontal repos */







padding: 8px 11px 7px;







text-decoration: none;







font: bold 12px arial, helvetica, sans-serif;







color: #ffffff;







background: url(img/onglet1.png) repeat-x ; 







border-right: 0px solid #EEECE8;







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: #333333;







background-color: inherit;







text-decoration: none;







font: bold 12px Arial, Helvetica, sans-serif;







}







div.menuIcons ul li a span.current { /* lien actif */







color: #FFFFFF; 







background: url(img/onglet3.png) repeat-x;







text-decoration: underline;







}







div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */







color:#FFFFFF;







text-decoration: underline; 







background-color: inherit;







}







div.menuIcons ul li a:hover span { /* lien survolé horizontal*/







color: #FFFFC6; 







text-decoration: none; 







background: url(img/onglet2.png) repeat-x;







}







div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/







color: #0E13D3;







text-decoration: none; 







background-color: inherit; position: relative; top: 1px; left: 1px;







}







div.menuIcons ul li a span:first-letter { 







font : bold 13px georgia, helvetica, sans-serif;







}















/******************************************







 * Mise en page des blocs dans le corps */







/* block lateral boxes */







.titrebox { /* Titre */







 font: bold 15px georgia, helvetica, sans-serif;







 color: #FFFFFF;







 background: url(img/laterale_haut.png) no-repeat #C4C8CC;







 line-height: 37px;







 height: 33px;







 border-bottom: 0px solid #004A6E;







 white-space: nowrap;







 text-align: center;







  width: 179px;







}







.tblbox { /* Corps */







 color: inherit;







background-color: #E6E7EC;







-moz-border-radius-bottomright: 8px;



-moz-border-radius-bottomleft: 8px;



border-bottom-left-radius: 8px 8px ;



border-bottom-right-radius: 8px 8px;



/*-moz-border-radius-topright: 8px;



-moz-border-radius-topleft: 8px;



border-top-left-radius: 12px 12px ;



border-top-right-radius: 12px 12px;*/







border-left: 1px solid #FFF;



border-right:1px solid #FFF;



border-top: 1px solid #FFF;



border-bottom: 1px solid #FFF;







/*border: 1px solid #444C51;*/







 text-align: left;







 margin-bottom: 12px;







 padding: 4px;







}







.tblboxover { /* Corps survolé */







 color: inherit;







 background-color: #FFF;







 border: 2px solid #444C51;







 text-align: left;







 margin-bottom: 8px;







 padding: 4px;







}







.titre { /* block central boxes */







 font: bold 16px georgia, helvetica, sans-serif;







 color: #FFFFFF;







 background: url(img/titre.png) no-repeat;







 background-color: inherit;







 background-position: center center;







 border: 0px solid #264864;







 white-space: nowrap;







 text-align: center;







 line-height: 37px;







 height: 48px;







 padding: 0 5px 0 5px;







}







.titre a{







font: bold 16px georgia, helvetica, sans-serif;







 color: #FED2AB;







 background-color: inherit;







 }







 .titre a:hover{







 font: bold 16px georgia, helvetica, sans-serif;







 color: #CCFFFF;







 background-color: inherit;







 }















.tbl {







 font: 12px arial, helvetica, sans-serif;







 color: #000000;







 background-color:#C1C7CF;







border: 0px solid #264864;







 text-align: left;



margin-left:0px;



 margin-bottom: 8px;







 padding: 4px;







}







.tblover {







 font: 12px arial, helvetica, sans-serif;







 color: #000000;







 background-color: #C4C8CC;







 text-align: left;







 margin-bottom: 8px;







 padding: 4px;







}







div ul, ol { /* listes */







 margin-left: 16px;







 padding: 8px 0 8px 8px;







}







div li {







 margin-left: 12px;







 padding: 0;







}















/************************************







 * block box lateral Menu Sections */







ul.boxmenu { /* block liste */







 list-style: square;







 margin: 0;







 padding: 4px 7px;







}







ul.boxmenu li { /* items liste */







 margin-bottom: 6px;







}







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 */







 color: #000000;







 background-color: inherit;







 padding: 2px 2px;







 margin: 1px;







 font: bold 12px Arial, Helvetica, sans-serif;







 text-align:left;







}







.item {







 padding: 2px 0px;







 margin: 0px;







 color: #000;







 background-color: inherit;







 font: 12px Arial, Helvetica, sans-serif;







 text-align:left;







 list-style: none;







}







ul.item {







 margin:0;







 padding:0;







}







ul.item li.item { /* titres des articles */







 background-color: inherit;







 padding: 1px 0px 1px 10px;







 font: 12px Arial, Helvetica, sans-serif;







 color: #000000;







  text-align:left;







 list-style: none;







}







.curr_item {







 padding: 2px 0px;







 background-color: #FFFFFF;







 font: 12px Arial, Helvetica, sans-serif;







 color: #000000;







 text-align:left;







 list-style: none;







}







ul.item li.curr_item { /* titre article est affiché */







 background-color: #FFFFFF;







 padding: 2px 0px 2px 10px;







 font: 12px Arial, Helvetica, sans-serif;







 color: #000000;







 text-align:left;







 list-style: none;







}















/*************************************







 * block box central forum - tables */







.forum {







 font: bold 12px arial, helvetica, sans-serif;







 color: #FFFFFF;







 background-color: #4F5A66;







 border: 1px solid #7B8999;







 text-align: center;







 padding: 5px 5px;







}







.forum2{







 font: bold 12px arial, helvetica, sans-serif;







 color: #FFFFFF;







  background: url(img/onglet4.png) repeat-x;







 * background-color: #FF0000; */







 border: 1px solid #7B8999;







 text-align: left;







 padding: 5px 5px;







}







.forum2 a{







 font: bold 12px arial, helvetica, sans-serif;







 color: #C2DBEF;







 background-color: transparent;







 border: 0px solid #7B8999;







 text-align: left;







 padding: 5px 5px;







}







.forum2 a:hover{







 font: bold 12px arial, helvetica, sans-serif;







 color: #FFFF00;







 background-color: transparent;







 border: 0px solid #7B8999;







 text-align: left;







 padding: 5px 5px;







}







tr.forum2 {







 font: bold 12px arial, helvetica, sans-serif;







 color: #FFFFFF;







 background-color: #4F5A66;







 border: 1px solid #7B8999;







 text-align: left;







 padding: 5px 5px;







}







.quest {







 font: 12px arial, helvetica, sans-serif;







 color: #000;







 background-color: #F7F7F7;







 text-align: left;







 padding: 5px;







}







.rep {







 font: 12px arial, helvetica, sans-serif;







 color: #000;







 background-color: #E9E9E9;







 text-align: left;







 padding: 10px 5px 5px 5px;







}







.bord {







 border: 0px solid #7B8999;







 padding: 2px;







}







.bord2 {







 border: 1px solid #7B8999;







}















/*************







 * Calendar */







.cal {







  border-collapse: separate;







  border: 1px solid #0C4278;







  border-spacing: 1px;







  color:inherit;







  background-color: #FFFFFF;







}







tr.cal { /* calendar nav bar */







  font: 12px Arial, Helvetica, sans-serif;







  color: #000;







  background-color: #9C8C74;







  text-align: center;







}







td.cals { /* week */







  font: 12px Arial, Helvetica, sans-serif;







  color: #FFFFFF;







  background-color: #4F5A66;







  width: 14%;







  text-align: center;







}







td.cal0 { /* empty cell*/







  font: 12px Arial, Helvetica, sans-serif;







  color: #000;







  background: url(img/champ.png) repeat-x #C4C8CC;







  width: 14%;







  text-align: center;







}







td.cal1 { /* days */







  font: 12px Arial, Helvetica, sans-serif;







  color: #000;







  background-color: #F5FAFE;







  width: 14%;







  text-align: center;







}







td.cal2 { /* today */







  font: 12px Arial, Helvetica, sans-serif;







  color: #ffffff;







  background-color: #4F5A66;







  width: 14%;







  text-align: center;







}







td.cal3 { /* sunday or special */







  font: 12px Arial, Helvetica, sans-serif;







  color: #092F55;







  background-color:#E4E7E9;







  width: 14%;







  text-align: center;







}







td.cal4 { /* today is sunday or special */







  font: 12px Arial, Helvetica, sans-serif;







  color: #FFFFFF;







  background-color: #0C4279;







  width: 14%;







  text-align: center;







}







td.calevt { /* planner event */







  font: bold 12px Arial, Helvetica, sans-serif;







  color: #FFFFFF;







  background-color: #776957;







  text-decoration: underline;







  text-align: center;







  width: 14%;







}















/************************







 * Formulaires (Forms) */







form { /* formulaire */







  margin: 3px 0;







}







fieldset { /* Encadrement des champs */







 border: 1px solid #4F5A66;







 margin: 8px;







}







legend { /* légende des encadrements */







 font: bold 12px arial, helvetica, sans-serif;







 color: #000;







 background-color:inherit;







}







input.bouton, button { /* bouton */







 font: 11px "trebuchet ms", helvetica, sans-serif;







 color: #000000;







 background: url(img/bouton.png) repeat-x #9C8C74;







 border: 1px solid #4F5A66;







 cursor: pointer;







 margin: 4px 0;







}







input.texte { /* champ texte */







 font: 11px "trebuchet ms", helvetica, sans-serif;







 color: #000;







background: url(img/champ.png) repeat-x #9C8C74;







 border: 1px solid #4F5A66;







 margin: 4px 0;







}







select { /* champ select */







 font: 11px "trebuchet ms", helvetica, sans-serif;







 color: #000;







 background-color:#E3E6E8;







 border: 1px solid #4F5A66;







 margin: 4px 0;







}







textarea { /* champ textarea */







 color: #000;







 background-color: #FFF;







 border: 1px solid #7F7F7F;







 overflow: auto;







 margin: 4px 0;







}















/**********************







 * Editeur FckEditor */







.Code {







 font: 11px arial, helvetica, sans-serif , monospace;







 color: #000;







 background-color: #E9E9E9;







 border: 1px solid #4F5A66;







 padding-right: 5px;







 padding-left: 5px;







}







/**********************







 * Editeur pgeditor */







div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {







 color: inherit;







 background-color: #9C8C74;







}







/*******************************************







 * Mise en page des blocs dans le footer */







#foot span.copyright { /* Copyright */







 font: 1em arial, helvetica, sans-serif;







 color: inherit;







 background-color: inherit;







}















/************************







 * Divers */







.box {







 font: 11px arial, helvetica, sans-serif;







 color: #000000;







 background-color: inherit;







}







p.box {







 font: 11px arial, helvetica, sans-serif;







 color: #000000;







 background-color: inherit;







 margin: 0;







}







a.box {







 font: bold 11px arial, helvetica, sans-serif;







 color: #433A2E;







 background-color: inherit;







 text-decoration: none;







}







a.box:hover {







 font: bold 11px arial, helvetica, sans-serif;







 color: #B22222;







 background-color: inherit;







 text-decoration: none;







 position: relative;







 top: 1px;







 left: 1px;







}















/*******************







 * pop comment RSS */







.pop {







 z-index: 30;







 width: 400px;







 text-align: left;







 position: relative;







}







.pop a {







 display: block;







}







.pop span {







 z-index: 30;







 display: none;







}







.pop a:hover span {







 font: 12px arial, helvetica, sans-serif;







 font-weight: normal;







 color: #000;







 background-color: #E8E9EA;







 border: 1px solid #4F5A66;







 display: block;







 width: 280px;







 position: absolute;







 top: -2em;







 left: 2em;







 padding: 4px;







}







.top {







 font: 0.8em arial, helvetica, sans-serif;







 color: inherit;







 background-color: inherit;







 text-align: center;







}







.timer {







 font: italic 1em arial, helvetica, sans-serif;







 color: inherit;







 background-color: inherit;







 text-align: center;







 padding: 10px;







}







.clsCursor {







 cursor: pointer;







}







.notice {







 color: #FF0000;







 background-color: #FF9;







 padding: 2px;







}