/*

   CSS file for Guppy - 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© 2007 - 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/
           Design : Sabine Jeangérard - 2008
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

blockquote {
	margin: 1em;
	padding: 0.5em 1em 0 42px;
	background: url(/../img/citation.jpg) left top no-repeat;
	font-family: 'Montserrat', sans-serif;
	font-size : 14px;
	font-style: italic;
	color: #797342;
}

body { /*corps du document*/
margin : 0;
background: #EBF1DE;
font-family: 'Montserrat', sans-serif;

color :#272727;
}
a { /*lien*/
color : #003300;
background-color : inherit;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #F58309;
background-color : inherit;
text-decoration : none;
 position: relative;
 top: 1px;
 left: 1px;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-style : none none solid;
border-color : #EBF1DE;
border-width : 0 0 1px;
height : 1px;
width : 90%;
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
} 
h1 { /*titre niveau1*/
font-size : 24px;
} 
h2 { /*titre niveau2*/
font-size : 18px;
} 
h3 { /*titre niveau3*/
font-size : 16px;
} 
h4 { /*titre niveau4*/
font-size : 14px;
} 
.bordure { 
border : 0 solid #3e3e3e;
} 
/*********************************
* Mise en page des blocks div principaux */
#screen_choice { /*icone ecrab*/
z-index : 20;
position : absolute;
top : 30px;
right : 4px;
padding : 0;
margin : 0;
text-align : right;
} 
div#page { /* encadrement page*/
background: #FFFFFF;
margin-top: 8px;
margin-bottom: 8px;
text-align: left;
} 
#page { /* toute la page */
background: #ffffff;
color: inherit;
z-index : 10;
margin-top : 8px;
margin-bottom: 8px;
} 
#headTop { /* header top and middle (logo-banner + citation) */
z-index : 10;
margin : 0px;
padding-top : 20px;
text-align : left;
/* background: url(menu.png);  */
}
#headBottom { /* header bottom (logo-menu) */
z-index: 16;
margin-bottom : 0px;
padding-top : 0px;
height: 30px;
background: #FFFFFF;
} 
#mainContent { /* fond page derriere boites */
margin-top : 5px;
padding : 0;
background: url(main.png) no-repeat;
} 
#leftside {  /* zone boites de gauche */
margin-top : 180px;
padding-right : 0px;
}
#leftside a {
color: #003366;
}
#leftside a:hover {
color: #F58309;
} 
#rightside {  /* zone boites de droite */
margin-top : 230px;
padding-left : 0px;
} 
#endbox { /* optionnal area between main page and bottom */
padding : 4px;
text-align : center;
background: #FFFFFF;
} 
#foot { 
    font-family: 'Montserrat', sans-serif;
font-size : 0.8em; 
text-align : center;
} 
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
z-index : 30;
background-color : transparent;
padding : 0px;
text-align : right;
} 
div.banner { /*block banniere*/
background-repeat : no-repeat;
padding : 13px;
text-align : center;
}
/*************************
 * block boite citation */ 
div.quote {
text-align:center;
white-space:nowrap;
width:100%;
}
div.quote span.cita {
border:0pt none;
color:#617434;
font-family: 'Montserrat', sans-serif;
font-size:14px;
font-style:normal;
margin-top:0pt;
padding:0pt;
text-align:center;
width:80%;
}
div.quote span.author {
font-family: 'Montserrat', sans-serif;
}
/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
margin: 4px;
float: left;
color: #FFFFFF;
}
div.menuIcons ul { /*block liste du menu*/
margin : 0;
padding : 0px;
list-style : none; width : 100%;
}
div.menuIcons ul li { /*toutes les sections*/
float : left;
margin: 2px;
text-align : center;
}
div.menuIcons ul li span {/*toutes les sections*/ 
padding-top: 4px;
display : block;
padding-right: 0px;
padding-left: 0px;
white-space : wrap;
color : #FFFFFF;
}
div.menuIcons ul li.menu_flags { /*section drapeau*/
float : left;
margin-right : 2px;
text-align : center;
margin-top : 0px;
}
div.menuIcons ul li.menu_flags img { /*separation drapeau*/ 
margin : 2px;
}
div.menuIcons ul li.menu_admin { /* section admin */
	position: absolute; bottom: 4px; right: 10px;
	padding-right:0px;
}
div.menuIcons ul li.menu_admin span {
  font-family: 'Montserrat', sans-serif;
  color: #c0c0c0;
  background: transparent;
  border: 0px;
}
div.menuIcons ul li.menu_admin span.current {
  color: #ffffff;
  background: transparent;
  border: 0px;
}
div.menuIcons ul li a span { /* lien menu horizontal */
font-family: 'Montserrat', sans-serif;
font-size: bold 14px;
color: #77933C;
background: url(onglet.png);
height: 22px;
width: 130px;
text-decoration: none;
cursor: pointer;
} 
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos */
  color: #77933C;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font: bold;
  font-variant: small-caps;
}
div.menuIcons ul li a span.current { /* lien actif */
color:#FFFFFF;
background: url(ongletA.png);
text-decoration: none;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
color:#617434;
border: 0px inset #617434;
padding : 1px;
}
div.menuIcons ul li a:hover span { /* lien survolé horizontal*/
color: #FFFFFF;
background: url(ongletH.png);
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
color: #92D050;
width: 50px;
background-color: inherit; position: relative; top: 0px; left: 1px;
}
/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox { /*Titre*/
padding: 2px;
margin-top: 8px;
padding-left: 4px;
white-space : nowrap;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
font: bold;
font-variant: small-caps;
color: #617434;
background: #EBF1DE;
text-align : left;
} 
.tblbox { /*corps*/
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color: #797342;
padding-top : 5px;
margin-bottom : 8px;
text-align : left;
font : bold;
} 
/*boites centrales*/
.titre { 
white-space : rap;
font-family: 'Montserrat', sans-serif;
font : bold;
font-size : 18px;
font-variant: small-caps;
color : #797342;
padding-top: 4px;
padding-left: 5px;
padding-bottom: 25px;
margin-top: 2px;
text-align : left;
height: 24px;
} 
.tbl { /*corps*/
border : 1px solid #EBF1DE;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
background: #ffffff;
padding : 5px;
margin-bottom : 8px;
text-align : left;
} 
div ul, ol { /*listes*/
padding : 8px 0 8px 8px;
margin-left : 16px;
} 
div li { 
padding : 0;
margin-left : 13px;
} 
/************************************
 * block box lateral Menu Sections */
ul.boxmenu { /* block liste */
 list-style: none;
 margin: 2px;
 padding: 4PX;
 color: inherit;
}
ul.boxmenu li { /* items liste */
 margin :6px 20px;
 text-align: left;
 color: inherit;
}
ul.boxmenu li img { /* icons */
 vertical-align: middle;
 margin-right: 10px;
}
/**************************************************************************
 * block box lateral Article (menu list, menu dynamic 1, menu dynamic 2) */ 
.rubr {
padding : 4px 2px;
margin : 1px;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
text-align : left;
} 
p.rubr { /*categorie des artcles*/
padding : 1px 4px;
margin : 1px;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font : bold;
color : #617434;
text-align : left;
} 
.item { 
padding : 2px 0;
margin : 0;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
background-color : inherit;
text-align : left;
list-style : none;
} 
ul.item { 
margin : 0 0 0 4px;
padding : 0 0 0 5px;
} 
ul.item li.item { /*titre des articles*/
padding : 1px 0 1px 4px;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
color : #617434;
text-align : left;
list-style : none;
} 
.curr_item { 
padding : 2px 0;
background-color : #EDF0FA;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
color : #617434;
text-align : left;
list-style : none;
}
ul.item li.curr_item { 
background-color : inherit;
padding : 2px 0 2px 10px;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
text-align : left;
list-style : none;
}

/*************************************
 * block box central forum - tables */
.forum {
padding : 5px 5px;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font : bold;
color : #313131;
background-color : #92D050;
border : 0px dotted #617434;
text-align : left;
}
.forum2 {
padding : 5px 5px;
font-family: 'Montserrat', sans-serif;
font-size : 18px;
color : #993300;
background: #ffffff;
border : 0px inset #C00000;
text-align : left;
} 
.forum2 a {
color: #FF9900;
}
tr.forum2 {
padding : 5px 5px;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
font : bold;
color : #313131;
background-color : #ffffff;
border : 0px dotted #92D050;
text-align : left;
} 
.quest { 
padding : 5px 5px 5px 5px;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
color : #617434;
background-color : #F4F8EF;
border : 0px solid #707380;
text-align : left;
} 
.rep { 
padding : 10px 5px 5px 5px;
font-family: 'Montserrat', sans-serif;
font-size : 14px;
color : #313131;
background-color : #FFFFFF;
border : 0px dotted #EBF1DE;
text-align : left;
} 
.rep a {
color : #809944;
}
.rep a:hover {
color: #F58309;
}
.bord { 
border : 1px solid #EBF1DE;
padding : 1px;
} 
.bord2 { 
border : 0 double #707380;
} 
/*************
* Calendrier*/
.cal { 
border-collapse : separate;
border-spacing : 0px;
margin-top: 4px;
background-color : #EBF1DE;
color : #617434;
} 
.cal a {
color: #617434;
}
.cal a:hover {
color: #000000;
}
tr.cal { 
font-family: 'Montserrat', sans-serif;
font-size : 13px;
text-align : center;
} 
td.cals { /* lettres semaine */
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #000000;
background-color :#FFC000;
width : 14%;
text-align : center;
} 
td.cal0 {/* cases videsl*/
font-family: 'Montserrat', sans-serif;
font-size : 13px;
width : 14%;
text-align : center;
} 
td.cal1 {/* tous les jours */
font-family: 'Montserrat', sans-serif;
font-size : 13px;
width : 14%;
text-align : center;
} 
td.cal2 {  /* aujourdhui*/
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font : bold;
color : #FFFFFF;
background-color: #92D050;
width : 14%;
text-align : center;
} 
td.cal3 {  /* mois, dimanche et special */
font-family: 'Montserrat', sans-serif;
font-size : 13px;
width : 14%;
text-align : center;
} 
td.cal4 { /* aujourdhui, si dimanche ou special */
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #FFFFFF;
background-color: #92D050;
width : 14%;
text-decoration : none;
text-align : center;
} 
td.calevt { /* evenement */
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font : bold;
color : #617434;
background-color : #FFFFFF;
text-decoration : none;
border: 1px outset #92D050;
text-align : center;
width : 14%;
} 
/************************
 * Formulaires (Forms) */
form { /*formulaire*/
margin : 3px 0;
} 
fieldset { /*encadrement des champs*/
border : 1px solid #617434;
margin : 8px;
} 
legend { /*legende des encadrements*/
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
background-color : inherit;
} 
input.bouton, button {/*bouton*/
cursor : pointer;
margin : 2px 0;
color : #617434;
border : 1px solid #FFC000;
background-color : #FFFFFF;
height: 22px;
padding-bottom: 2px;
font-family: 'Montserrat', sans-serif;
font-size : 11px;
} 
input.texte { /*champ texte*/
margin : 2px 0;
border : 1px solid #FFC000;
background-color : #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
} 
select { /*champ select*/
color : #617434;
background-color : #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
border : 1px solid #404040;
margin : 4px 0;
} 
textarea { 
color : #617434;
background-color : #FFFFFF;
border : 1px solid #617434;
overflow : auto;
margin : 4px 0;
} 
/**********************
 * Editeur FckEditor */
.Code { 
border : 0px solid #617434;
padding-right : 5px;
padding-left : 5px;
color : #617434;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
background-color : #FFFFFF;
} 
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { 
color : inherit;
background-color : #FFFFFF;
} 
/*******************************************
 * Mise en page des blocks dans le footer */
#foot span.copyright { 
font-family: 'Montserrat', sans-serif;
font-size : 1em;
color : #617434;
} 
/********************
 * Divers, inclassables */
.htable { 
margin-bottom : 8px;
} 
.htable1 { 
margin-bottom : 8px;
} 
.htable2 { 
padding : 0 0px;
} 
.titrebox2 { 
font-family: 'Montserrat', sans-serif;
font-size : 13px;
font : bold;
color : #617434;
text-align : center;
} 
.box {
font-family: 'Montserrat', sans-serif;
font-size : 18px;
color : #617434;
margin: 0 0px 0 0px;
padding : 0 5px 0 5px;
} 
p.box {
margin : 0 1px 0 2px;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
color : #617434;
} 
a.box { 
color : #C9C70B;
text-decoration : none;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
} 
a.box2 { 
color : #C9C70B;
text-decoration : none;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
} 
a:hover.box {
color : #C9C70B;
text-decoration : none;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
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 : #617434;
font-family: 'Montserrat', sans-serif;
font-size : 13px;
border : 1px solid #617434;
padding : 4px;
} 
.top { 
font-family: 'Montserrat', sans-serif;
font-size : 0.8em;
color : #617434;
text-align : center;
} 
.timer { 
font-family: 'Montserrat', sans-serif;
font-size : 1em;
font-style: italic;
color : #617434;
text-align : center;
padding : 8px;
} 
.clsCursor { 
cursor : pointer;
} 
.notice { 
color : #617434;
background-color : #FFFFFF;
padding : 2px;

}