/* ---------  CSS generated for skin_transparence19  ----------- */
/* -------------- JeanDenis http://www.71site.fr --------------- */
/* -------------- version révisée en février 2020 -------------- */

html { font-size: 62.5%; } /* Taille équivalente à 10px */
body {
  font-size: 1.2rem;  /* Taille équivalente à 12px */
  background-size:100% auto;
}
/************
 * Général */
a { /* lien */   
    background: transparent;    
}
a.titre { /* lien titres */   
    background-color: transparent;   
}
a:hover { /* lien survolé */    
    background-color: transparent;
}
p { /* paragraphe */   
    background: transparent;
}
/******************************************
* Mise en page des blocks div principaux */
#MainContent { /* main area */
   background:url(img/fleurs.png)no-repeat 5% 0%, rgba(255,255,255, .3);   
}
#BottomBoxes, #footer {  
    max-width: 1280px;   
}
#skinCopyright {    
   padding:0px;
}
/***********************
 * Effet de parallaxe */
@media screen and (min-width: 760px), screen and (min-device-width: 760px) { /* paranav fixe en haut au dela de 760px */
#paranav {
  right: 0px;  
}
#paranav li {
  margin: 0 0 10px;
}
#paranav li a { 
  width: 40px;
  height: 28px;  
  border: none;  
  border-bottom: 1px solid rgba(255,255,255,0.6);
  border-left: 1px solid rgba(255,255,255,0.3);
  border-radius:4px 0px 0px 12px;
  box-shadow:0px 3px 10px rgba(0,0,0,0.7);
}
#paranav li:nth-child(1) a {  
  background: url(img/para1.png)no-repeat 50% 50%, #002400;
}
#paranav li:nth-child(1) a:hover {  
  background: url(img/para1hover.png)no-repeat 50% 50%, #002400;
}
#paranav li:nth-child(2) a {  
  background: url(img/para2.png)no-repeat 50% 50%, #003E00;
}
#paranav li:nth-child(2) a:hover {  
  background: url(img/para2hover.png)no-repeat 50% 50%, #003E00;
}
#paranav li:nth-child(3) a {  
  background: url(img/para3.png)no-repeat 50% 50%, #005100;
}
#paranav li:nth-child(3) a:hover {  
  background: url(img/para3hover.png)no-repeat 50% 50%, #005100;
}
} /* fin dispositions min-width: 760px pour paranav */
/*******************************************
 * Mise en page des blocks dans le header */
@media screen and (min-width: 760px), screen and (min-device-width: 760px) { /*pour résolution>760px*/
#TopBoxes .row.T0row0 {
    height:60px;
    background: rgba(0, 0, 0, .4);
    border-bottom:2px solid #566627; 
    box-shadow:10px 0px 10px #000000;	
}
#TopBoxes .row.T0row1, 
#TopBoxes .row.T0row2,
#TopBoxes .row.T0row3,
#TopBoxes .row.T0row4, 
#TopBoxes .row.T0row5,
#TopBoxes .row.T0row6 { /*maintient des lignes du TOP dans les limites du width*/
    width:1280px; 
    margin:0 auto;
}
}
 
#CenterBoxes, #BlogCenterBoxes { /* center area */
    margin: 4px 0px;    
}
/*********************************
 * bloc horizontal Menu sections */
div.menuIcons ul { /* block liste du menu */
    margin: 0px;
    padding-left: 0px;
}
div.menuIcons ul li a span { /* lien */    
    letter-spacing: 0rem;
}
@media screen and (min-width: 760px), screen and (min-device-width: 760px) { /* pas de boutons admin et connexion : laissés dans menu latéral */
div.menuIcons ul li.menu_connect, div.menuIcons ul li.menu_connect a span { /* section connexion */
	display:none;
}
div.menuIcons ul li.menu_admin, div.menuIcons ul li.menu_admin a span{ /* section admin */
	display:none;
}
.menuiconflag {float:right;} /* section drapeau */
div.menuIcons .menuIcons_flag a img { /* section drapeau */     
    display:none;
}
}

/*************************************
 * bloc boîte latérale Menu Sections */

/****************************
* Menu navigation latérale */
.sidemenu div.sideicon { padding: 4px 10px;}
.sidemenu div.sidetexte:hover {border-radius: 12px;}
.sidemenu div.sideicon:hover { background-color:#566627;color:#BBBEAD;border-radius: 10px;}
.sidenav, .sideconnect { background-color: rgba(187, 190, 173, 0.9);}
.sidenav .closebtn, .sideconnect .closebtn {background:none;}
.sidenav li a div {
    height:43px;	
	padding:2px 0px 2px 30px;	
}
.sidenav li a div:hover {
	transition: 0.1s;
}
#GY_sidenav { padding-left: 5px; padding-right: 5px; }

/****************
 * Fil d"ariane */
.ariane.ARNT0 {  
 text-align: right;
}
/****************************************
 * Mise en page des blocs dans le corps */
/* bloc boîtes latérales */
.titrebox { /* Titre */
    letter-spacing:0rem;
    text-shadow: 1px 1px 0px #F8893F;
    border-bottom: 2px solid #003E00;
    box-shadow:0px 2px 1px #AAAAAA;
}
.titre {
    text-shadow: 1px 1px 0px #F8893F;
    border-bottom: 2px solid #003E00;
    box-shadow:0px 2px 1px #AAAAAA;
}
#BottomBoxes .tblbox, #TopBoxes .tblbox {
    margin:0px 5px 2px 5px;
    padding:4px 10px;    
}
#BottomBoxes .titrebox, #TopBoxes .titrebox {    
    margin:6px 5px 0px 10px;   
}
/* bloc boîtes centrales */
.titre {
    letter-spacing:0rem;
}
.titre a {
    background-color: transparent;    
}
.titre a span {
    background-color: transparent;
}
a.top:hover {    
    color: #008040;    
}
/* boîtes diverses */
/* search boxes */
/*********************
 * bloc boîtes menus */
.curr_item {    
  border-radius:4px;
  padding-left:4px;
  margin:0px 4px;
}
.link.curr_item.niv2, .link.curr_item.niv1 {
  padding-left:4px;
  margin:0px 4px;
}
ul.item li.curr_item a { /* titre article est affiché */   
    padding: 2px 0 2px 4px;
}
/**********
 * Photos */
.phimgs {    
    background: rgba(0, 0, 0, .4);
    border-radius: 6px;
}
.phimg { /* encadrement et ombre pour les miniatures */
    margin: 4px 4px 10px;
	border: 1px solid #C0C0C0 !important;
	border-radius: 4px;
    box-shadow: 1px 2px 2px #404040;	
}
/*********
 * Liens */
/*******
 * FAQ */
/*******************
 * Téléchargements */
.rep.maindwnld { 
  background:rgba(255,255,255,.7);
}
/**************
 * info bulle */
/**************
 * Calendrier */
.CAL1L0.tblbox, .CAL1R0.tblbox, .CALBG0.tblbox { 
   background:transparent;
}
.cal {
    border: 0px solid #C0C0C0; /* pour supprimer encadrement agenda */
}
select.cal { /* select month and year */
    color: #000; 
    background-color: #FFF;
    border: 1px solid #C0C0C0;
}
td.cal2, td.cal4  { /* today  & today is sunday or special */    
    background-image: url(img/cadre.png);
	background-size: 100% 100%; 
}
/***********************
 * Formulaires (Forms) */
/***********************************
 * boîtes centrales forum - tables */
.rep {
    background: rgba(0,0,0,.3);    
    border-radius:6px;
}
.quest {
    background:rgba(86,102,39,.5);    
    border-radius:6px;
}
.bord2 { border: none; }
.forum, .forum a, .forum2, .trhtblfr {
  background: rgba(192,192,192, .8);
  border-radius:6px; 
}
p.titre.textCenter.textUpper, p.titre.textCenter.textUnderline {   
  text-transform: lowercase;
  text-decoration: none;
}
p.titre.textCenter.textUpper u {
  text-decoration: none;
}
.Code {
    border: 1px solid #C0C0C0;
    padding-right: 5px;
    padding-left: 5px;
    color: #101010;
    font-size: 30px;
    letter-spacing:0rem;
    text-transform: lowercase;
    background: rgba(86,102,39, .5);    
    border-radius:6px;
}

/*********************
 * Editeur pgeditor */
/************************
 * Divers, inclassables */
/*******
 * Rss */
/*************
 * Postguest */
blockquote.citation, .hljs {
    border: 1px dotted #566627 !important;
    border-left-width: 1px !important;
}

/*********************
 * Boîte Préférences */
/*************************
 * Boîte Infos Webmestre */
/***********************
 * Barre de navigation */
/*************
 * Guestbook */
.forum.tdtbldiv {
  border-radius:6px;
}
.quest.tdtbldiv {
  border-radius:6px;
}
/**********
 * Agenda */
/*********
* Forum */
.frbottom { padding: 0 0 20px 0;} /*bas forum*/

/***********
 * Sondage */
/*****************
 * Lettre d"info */
/*******************
 * Réseaux sociaux */
/*************
 * Nouvelles */
.rep.fullNews {
  border-radius:0px 0px 6px 6px;
  margin-top:4px;
}
/**********************
 * Nouveautés du site */
/***********
 * Contact */
/********
 * Blog */
.rep.text2Blog, .rep.blog3Blog {
  background:none;
}
.CATBG0.tblbox {
  padding: 2px 4px;
}
/****************
 * Statistiques */
/************
 * Articles */
/***********
 * Membres */
/********************
 * Menus déroulants */
ul.dropdown li {
    letter-spacing:0rem;
	background: rgba(0,62,0, .6);
}
ul.dropdown li:hover {
	background: rgba(204,1,7, .7);
}
ul.dropdown ul li {
	background: rgba(255,255,255, .7);    
}
ul.dropdown li.dd_current {
    background: rgba(211,130,127, .7);    
}
ul.dropdown-linear {margin-top:20px;}
ul.dropdown-linear li {
    margin:0px 6px;      
}
ul.dropdown-linear li:hover {    
    background: rgba(0,62,0, .9);
    color:#FFFFFF;
}
ul.dropdown-vertical li, ul.dropdown-horizontal li  {
    float: left;
}
ul.dropdown-horizontal {
  margin-left:16px;
}
ul.dropdown-horizontal li {
  margin-right:12px;
}
ul.dropdown-horizontal ul:hover {background:none;}

/********************
* Menus déroulants MOB */
 
/*************
* Mots-clés */

/************************
* Cryptogrammes texte */

/***Complément pour bs4style***/
/***********
* Onglets */
.nav-tabs .nav-link {
border: 1px solid #003E00;
border-radius: 6px 6px 0px 0px;
margin:0px 2px; 
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
font-weight: normal;
border-bottom-width: 1px;
}

/**********************
* Accordéon vertical */
.card {background-color:transparent;border:none;} 
.card .card-header.card-link { background-color:rgba(0,62,0,.7); /*#003E00*/}
.card .card-header.collapsed.card-link { background-color:rgba(192,192,192,.0); /*#C0C0C0*/;}
.card .card-header.collapsed.card-link:hover { color:#003E00 !important; background-color:rgba(187,190,173,.8); /*#BBBEAD*/}

/****************
* Fenêtre modale */

/**************
* Info bulle */

/***********
* Boutons et icones font-awesome */
.btn-lg {    
    padding:2px 5px;
}
.btn-info:hover { /*bouton envoi au survol*/
    color: #566627;
    background-color: #C0C0C0;
	border: 1px solid #566627;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) { /*arrondis zones texte*/
	border-radius:4px;
}
.input-group-text, .btn.btn-outline-secondary  { /*suppression cadre et fond des icones font-awesome*/
	background-color:transparent;
	border: none;
	box-shadow: none;
}
.fa.icon-eye-open.fa-eye, .fas.fa-search, .fa.icon-eye-close.fa-eye-slash { /*icones oeil MDP et loupe*/
	font-size:1.8rem;
	padding-top:.2rem;
	color: #003E00;
}
.fa.icon-eye-open.fa-eye:hover, .fas.fa-search:hover , .fa.icon-eye-close.fa-eye-slash:hover { /*icones oeil MDP et loupe au survol*/
	color: #FF6019;
}
.boxprint i.fas.fa-eye, .boxprint i.fas.fa-print { /*icones oeil et impression*/
    font-size:1.5rem;
	padding-top:.3rem;
	color: #003E00;
}
.boxprint i.fas.fa-eye:hover, .boxprint i.fas.fa-print:hover { /*icones oeil et impression au survol*/
    color: #FF6019;
}
.form-control:focus, .btn-info.focus, .btn-info:focus, .btn.btn-info.btn-lg.submitButton:focus { /* focus zones texte et boutons*/
    color: #5C5C5C;
    background-color: #EEEEEE;
    border-color: #B5B5B5;    
    box-shadow: none;
}

/***************
* Formulaires */