/* ---------  CSS generated for skin_transparence12  ----------- */
/* -------------- 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 */
p { background: transparent;}

/******************************************
* Mise en page des blocks div principaux */
#CenterBoxes, #BlogCenterBoxes { /* center area */
    margin: 6px 0px;
}
#skinCopyright {    
    padding:0px;   
}
.top {
    font: 1.2em "Times New Roman", Times, serif;
}

/***********************
 * Effet de parallaxe : complément de Config Look pour le survol */
#paranav li:nth-child(1) a:hover {
  background: url(img/para1hover.png);
}
#paranav li:nth-child(2) a:hover {
  background: url(img/para2hover.png);
}
#paranav li:nth-child(3) a:hover {
  background: url(img/para3hover.png);
}

/*******************************************
* Mise en page des blocks dans le header */

/*************************
* block boite citation */

/*********************************
* bloc horizontal Menu sections */
div.menuIcons ul { /* block liste du menu */
    margin: 10px 0; 
	padding-left: 0px;
}
div.menuIcons ul li { /* toutes les sections */    
    margin-right: 2px;    
}
div.menuIcons ul li a span { /* lien */
  letter-spacing:1px;
  background: linear-gradient( to bottom, rgba( 174, 113, 30, 1.0)0%, rgba( 219, 140, 37, 1.0)40%, rgba( 224, 162, 75, 1.0)100%);
}
div.menuIcons ul li a span.current { /* lien actif */
  background: linear-gradient( to bottom, rgba( 11, 21, 34, 1.0)0%, rgba( 22, 42, 67, 1.0)40%, rgba( 37, 71, 112, 1.0)100%);
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  background: linear-gradient( to bottom, rgba( 71, 35, 38, 1.0)0%, rgba( 111, 54, 60, 1.0)40%, rgba( 150, 73, 81, 1.0)100%);
}

@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 */     
    margin:10px 20px 0 0;
}
}
/*************************************
 * bloc boîte latérale Menu Sections */

/****************************
* Menu navigation latérale */
.sidemenu, .sidemenu:hover {    
    height: 48px;    
    background-color: rgba(111,54,60, 0.5);	
}
.sidemenu div.sidetexte, .sidemenu div.sideicon {
    border-radius:8px;
    margin: 7px 7px 0px 7px;
    padding:2px 8px;    
    background: linear-gradient( to bottom, rgba( 174, 113, 30, 1.0)0%, rgba( 219, 140, 37, 1.0)40%, rgba( 224, 162, 75, 1.0)100%);
	letter-spacing:1px;
}
.sidemenu div.sidetexte:hover, .sidemenu div.sideicon:hover {
	background: linear-gradient( to bottom, rgba( 71, 35, 38, 1.0)0%, rgba( 111, 54, 60, 1.0)40%, rgba( 150, 73, 81, 1.0)100%);
}
.sidenav, .sideconnect { background-color: rgba(111,54,60, 0.9);	 }
.sidenav .closebtn, .sideconnect .closebtn {background:none;}
.sidenav li a div {
    height:36px;
	padding:2px 20px;    
    background: linear-gradient( to bottom, rgba( 174, 113, 30, 1.0)0%, rgba( 219, 140, 37, 1.0)40%, rgba( 224, 162, 75, 1.0)100%);
	letter-spacing:1px;    
}
.sidenav li a div:hover {
    background: linear-gradient( to bottom, rgba( 11, 21, 34, 1.0)0%, rgba( 22, 42, 67, 1.0)40%, rgba( 37, 71, 112, 1.0)100%);
	transition: 0.1s;
}
#GY_sidenav { padding-left: 5px; padding-right: 5px; }

/****************
* Fil d"ariane */
.ariane { /* bloc fil d"ariane */
  font: 15px "Times New Roman", Times, serif;
}

/****************************************
 * Mise en page des blocs dans le corps */
/* bloc boîtes latérales */
.tblbox {  /* Corps */
   background: linear-gradient( to bottom, rgba( 2, 2, 12, 0.0)0%, rgba( 2, 2, 12, 0.6)40%, rgba( 2, 2, 12, 1.0)100%);
}
.titrebox { /* Titre */ 
    letter-spacing:1px;
    border-bottom: 1px solid #E4BA56;
    background:linear-gradient(rgba(22, 42, 67, 1)0%,rgba(22, 42, 67, .8)15%, rgba(22, 42, 67, .4)50%, rgba(22, 42, 67, .1)100%);
}
/* bloc boîtes centrales */
.tbl {
    background: linear-gradient( to bottom, rgba( 2, 2, 12, 0.0)0%, rgba( 2, 2, 12, 0.6)40%, rgba( 2, 2, 12, 1.0)100%);
}
.titre { 
    letter-spacing:1px;
    border-bottom: 1px solid #E4BA56;
    background:linear-gradient(rgba(219, 140, 37, 1)0%,rgba(219, 140, 37, .8)15%, rgba(219, 140, 37, .4)40%, rgba(219, 140, 37, .05)100%);
}
.titre a {  
  background:none;
}
/* boîtes diverses */
#TopBoxes .titrebox, #BottomBoxes .titrebox { /* Titre boites haut et bas */
    margin:4px 6px 2px 6px; 
    background:linear-gradient(rgba(111, 54, 60, 1)0%,rgba(111, 54, 60, .8)15%, rgba(111, 54, 60, .4)50%, rgba(111, 54, 60, .1)100%);
}
#TopBoxes .tblbox, #BottomBoxes .tblbox { /* Corps boites haut et bas */
    margin:0px 6px 8px 6px;
}
/* search boxes */
/*********************
 * bloc boîtes menus */
/**********
 * Photos */
.phimgs {    
    background: linear-gradient( to bottom, rgba( 11, 21, 34, 1.0)0%, rgba( 22, 42, 67, 1.0)40%, rgba( 37, 71, 112, 1.0)100%);
    border-radius: 8px;
}
 .phimg { /* encadrement et ombre pour les miniatures */
    margin: 4px 4px 10px;
	border: 1px solid #0B1522 !important;
	border-radius: 4px;
    box-shadow: 1px 2px 2px #0B1522;	
}
/*********
 * Liens */
/*******
 * FAQ */
/*******************
 * Téléchargements */
/**************
 * info bulle */
/**************
 * Calendrier */
 .cal {
    border: 0px solid #C0C0C0; /* pour supprimer encadrement agenda */
}
select.cal { /* select month and year */
    color: #162A43; 
    background-color: #E4BA56;
    border: 1px solid #964951;
}
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 */
.quest {
    background-color:#6F363C;
    background: linear-gradient( to bottom, rgba( 71, 35, 38, 1.0)0%, rgba( 111, 54, 60, 1.0)40%, rgba( 150, 73, 81, 1.0)100%);
    border-radius:8px;   
}
.quest a {
  background:none;
}
.rep  {
    background-color:#162A43;
    background: linear-gradient( to bottom, rgba( 11, 21, 34, 1.0)0%, rgba( 22, 42, 67, 1.0)40%, rgba( 37, 71, 112, 1.0)100%);
    border-radius:8px;    
}
.rep.fullNews { margin-top: 4px; }
.forum, .forum a, .forum2, .trhtblfr {
    background-color: #DA8D25;
    background: linear-gradient( to bottom, rgba( 174, 113, 30, 1.0)0%, rgba( 219, 140, 37, .7)40%, rgba( 224, 162, 75, .4)100%);
    color:#162A43;
    border-radius:8px;    
}
.forum a {background:none;}
.thtbldiv a {
  color:#162A43;
}
.thtbldiv a:hover { 
  color:#472326;
}
.frbottom { margin-bottom: 10px; }
.bord2 { border:none; }
p.titre.textCenter.textUpper, p.titre.textCenter.textUnderline {   
  text-transform: lowercase;
  text-decoration: none;
}
p.titre.textCenter.textUpper u {
  text-decoration: none;
}
.Code {text-transform: lowercase; font-size:20px;border-radius:6px;letter-spacing:1px;}

/************************
* Divers, inclassables */

/***************************
* Evaluation mot de passe */

/*******
* Rss */
.boxnet {margin: 5px auto 0;}
/***********************
* Postguest - Editeur */
blockquote.citation, .hljs {
    border: 1px dotted #C0C0C0 !important;
    border-left-width: 1px !important;
}

/*********************
* Boîte Préférences */

/*************************
* Boîte Infos Webmestre */

/***********************
* Barre de navigation */

/*************
* Guestbook */

/**********
* Agenda */

/*********
* Forum */
.frbottom { padding: 0 0 20px 0;} /*bas forum*/

/***********
* Sondage */

/*****************
* Lettre d"info */

/*******************
* Réseaux sociaux */

/*************
* Nouvelles */

/**********************
* Nouveautés du site */

/***********
* Contact */

/********
* Blog */
#BlogRightBoxes p.item, #BlogLeftBoxes p.item {
  background:transparent;
}
/****************
* Statistiques */

/************
* Articles */

/***********
* Membres */

/********************
* Menus déroulants */
ul.dropdown li {
 letter-spacing:1px; 
}
ul.dropdown li:hover {   
  background: #6F363C;
  background: linear-gradient( to bottom, rgba( 71, 35, 38, 1.0)0%, rgba( 111, 54, 60, 1.0)40%, rgba( 150, 73, 81, 1.0)100%);
}
ul.dropdown li.dd_current {    
  background: #152A43;
  background: linear-gradient( to bottom, rgba( 11, 21, 34, 1.0)0%, rgba( 22, 42, 67, 1.0)40%, rgba( 37, 71, 112, 1.0)100%);  
}
ul.dropdown ul li {    
  background: #DB8C25;
  background: linear-gradient( to bottom, rgba( 200, 200, 200, 1.0)0%, rgba( 225, 225, 225, 1.0)40%, rgba( 250, 250, 250, 1.0)100%); 
}
ul.dropdown-linear li {
  margin:0px 6px;
}
ul.dropdown-vertical { 
  margin-bottom:4px;
  margin-left:-4px;
}
ul.dropdown-vertical li {
  float: left;
}
ul.dropdown-horizontal {
  margin-left:16px;
}
ul.dropdown-horizontal li {
  margin-right:12px;
}

/********************
* Menus déroulants MOB */
 
/*************
* Mots-clés */

/************************
* Cryptogrammes texte */

/***Complément pour bs4style***/
/***********
* Onglets */
.nav-tabs .nav-link {
border: 1px solid #E4BA56;
border-radius: 8px 8px 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(22,42,67,.5); /*#162A43*/}
.card .card-header.collapsed.card-link { background-color:rgba(192,192,192,.5); /*#C0C0C0*/;}
.card .card-header.collapsed.card-link:hover { background-color:rgba(111,54,60,.5); /*#6F363C*/}

/****************
* Fenêtre modale */

/**************
* Info bulle */

/***********
* Boutons et icones font-awesome */
.btn-lg {    
    padding:2px 5px;
}
.btn-info:hover { /*bouton envoi au survol*/
    color: #FFFFFF;
    background-color: #162A43;
	border: 1px solid #FFFFFF;
}
.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: #DB8C25; 
}
.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: #FFFFFF;
}
.far.fa-user, .fas.fa-at { /*icones user et @*/
	color:#FFFFFF;
}
.boxprint i.fas.fa-eye, .boxprint i.fas.fa-print { /*icones oeil et impression*/
    font-size:1.5rem;
	padding-top:.3rem;
}
.boxprint i.fas.fa-eye:hover, .boxprint i.fas.fa-print:hover { /*icones oeil et impression au survol*/
    color: #DB8C25;
}
.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 */