cssssssssssssssssssssssssssssssssssssssssss

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

a.topictitle:hover {
 text-decoration: none;
}

a.topictitle {
 font-family: georgia;
 font-style: italic;
 font-size: 11px;
 text-transform: lowercase;
}
.chatbox-title, .chatbox-title a.chat-title {
 font-family: Calibri;
 font-weight: 700;
 font-size: 12px;
 text-transform: uppercase;
 color: #ffffff;
 margin-top: 5px;
 margin-left: 5px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
 font-family: calibri;
 font-size: 12px;
 text-transform: uppercase;
 font-weight: 700;
 color: #ffffff;
}
#chatbox_header{background-color: #29293e;}
#chatbox_footer{background-color: #29293e;}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
 font-size:12px;
}
#chatbox_footer label {
 font-family: calibri;
 font-size: 12px;
 font-weight: 700;
 text-transform: uppercase;
 color: #ffffff;
}
#chatbox_members{
 font-size: 13px;
}

#logo-desc {
 margin-top: -4px;
}
#hermanos img {
 width: 50px;
 height: 50px;
 border: 2px solid #f7c282;
 border-radius: 50px;
 margin: 2px;
}
#elite img {
 width: 35px;
 height: 35px;
 border-radius: 35px;
 margin: 2px;
 border: 2px solid #f7c282;
}
.staff {
 opacity: 0;
 width: 80px;
 height: 60px;
 padding: 5px;
 background-color: white;
 -moz-transition-duration: 0.9s;
 -webkit-transition-duration: 0.9s;
 -o-transition-duration: 0.9s;
}
.staff:hover {
 opacity: 1;
 width: 70px;
 height: 50px;
 padding: 5px;
 background-color: white;
 -moz-transition-duration: 0.9s;
 -webkit-transition-duration: 0.9s;
 -o-transition-duration: 0.9s;
}
.post {
background: #e0e4cc;
box-shadow: 0 1px 2px #000;
margin-right: 5px;
}
.postbody {
background: transparent;
clear: both;
float: left;
line-height: 90%;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 10px;
text-align: justify;
font-size: 10px;
width: 500px;
}
.postbody p.author {
background: #29293e;
border: 2px solid #F2992E;
border-radius: 15px 15px 0 0;
border-top: transparent;
color: #ababab;
font-family: calibri;
font-size: 10px;
margin-top: 6px;
padding-top: 8px;
text-align: center;
text-transform: uppercase;
width: 500px;
}
p.author {
 text-align: center;
}
.postbody .topic-title {
text-align: left;
font-family: Calibri;
font-size: 9px;
font-style: normal;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.postbody ul.profile-icons {
 position:relative;
 top: -15px;
 right: -20px;
}
#message-box textarea {
 color: #000000;
}
#page-body ul.linklist {
background-color: #29293e;
font-size: 8px;
font-style: normal;
font-family: calibri;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto 20px 5px;
padding: 5px;
position: relative;
text-transform: uppercase;
top: 5px;
width: 705px;
color: #fff;
}
#page-body ul.linklist a {
 color: #fff;
}
.search-box {
 position: relative;
 right: -250px;
 bottom: -17px;
}
p.nomargin.path {
background-color: #29293e;
font-size: 8px;
font-style: normal;
font-family: calibri;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto 10px 5px;
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
text-transform: uppercase;
top: 5px;
width: 705px;
color: #fff;
}
p.nomargin.path a {
 color: #fff;
}
.pathname-box p {
background-color: #29293e;
font-size: 8px;
font-style: normal;
font-family: calibri;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
padding: 5px;
position: relative;
text-transform: uppercase;
color: #fff;
}

a.nav {
 color: #fff;
}
.pagination {
 background-color: #29293e;
font-size: 8px;
font-style: normal;
font-family: calibri;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin: 0 auto 10px 5px;
padding: 5px;
position: relative;
text-transform: uppercase;
top: 5px;
color: #fff;
line-height: 90%;
}
a[href$="?mark=topics"] {
 display: none;
}
.pagination a {
 color: #fff;
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}
#cp-main .panel.sig {
background-color: transparent;
}
.inputbox {
 border: transparent;
}
input {
color:#000000;}

div.sceditor-dropdown input{
   color: black !important;
}
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#29293e;
 border: transparent;
 color: #ffffff;
 display: inline-block;
 outline: medium none;
 padding:5px;
 text-transform:uppercase;
 font-size: 9px;
 font-weight: 400;
 letter-spacing: 2px;
 font-family: calibri;
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background:#29293e;
 border: transparent;
 color: #ffffff;
 display: inline-block;
 outline: medium none;
 padding:5px;
 text-transform:uppercase;
 font-size: 9px;
 font-weight: 400;
 letter-spacing: 2px;
 font-family: calibri;
}

/*perfil*/
.postprofile dt a img {
align: center;
max-height: 250px;
position: absolute;
top: 45px;
left: 20px;
max-width: 150px;
}
#contenidoperfil {
 width: 150px;
 height: 255px;
 overflow:hidden;
 position: relative;
 left: 20px;
 top:30px;
}
#contenidoperfil .efecto {
 background: #29293e;
 width: 0px;
 height: 0px;
 font-size: 0px;
 position: absolute;
 left: 0px;
 top: 0px;
 -webkit-transition-duration: 1s;  
}
#contenidoperfil:hover .efecto {
 background: #29293e;
 width: 100%;
 height: 100%;
 padding: 5px;
 position: absolute;
 left: 0px;
 top: 0px;
 text-align: left;
 margin-top: 4px;
 color: #ffffff;
 text-transform: uppercase;
 font-family: calibri;
 font-size: 9px;
 letter-spacing: 1px;
 -webkit-transition-duration: 1s;  
}

.postprofile dd img {
 display:none;
 transition-duration: 2s;
}

.postprofile:hover dd img {
 display: inline-block;
 transition-duration: 2s;  
}

.postprofile {
 display: block;
 text-align: center;
 width: 190px;
 background: #ffffff;
 border-bottom: 15px solid #29293e;
 border-left: none;
 position:relative;
 right: 0px;
 color: #fff;
 height: 310px;
}

.postprofile dt strong {
align: center;
background-color: #29293e;
display: block;
font-family: Georgia;
font-size: 12px;
left: 0;
letter-spacing: 1px;
max-height: 15px;
max-width: 190px;
min-height: 15px;
min-width: 190px;
padding-bottom: 0;
padding-top: 4px;
position: absolute;
text-align: center;
text-transform: lowercase;
font-style: italic;
top: 0;
}
#comments_scroll_container {
 height: 160px;
 padding: 8px;
 width: 180px;
 text-align: center;
 background:transparent;
 color: #000000;
 font-weight: 400;
 text-transform: uppercase;
 line-height: 100%;
 margin-left: -7px;
 letter-spacing: 3px;
 font-family: calibri;
 font-size: 8px;
}
/*Modelo de conexión*/
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
   border-color: transparent !important;
}
fieldset.fields1 {
display: block;
}

/*Scrollbar del foro*/

body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding: 2px;
right: 1px;
overflow-y: auto;
overflow-x: auto;
}


::-webkit-scrollbar {
width: 8px;
height: 10px;
}

::-webkit-scrollbar-track-piece {
background-color: #97C5E0;
}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
display: none;
}

::-webkit-scrollbar-thumb:vertical {
height: 90px;
background-color: #29293e;
border: none;
}

::-webkit-scrollbar-thumb:horizontal {
width: 2px;
background-color: #29293e;
border: none;
}
p.right.rightside + p {
    display:none;    
}
p.rightside {
 display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
    display: block;
}
/*Navegación del banner*/

ul.navlinks {
position: absolute;
margin-left: 745px;
top: 140px;
}

ul.linklist li {
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
padding-left: 10px;
}

a.mainmenu {
font-family: Georgia;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
font-style: italic;
text-align: center;
text-transform: lowercase;
background-color: #29293e;
color: #fff;
display: block;
width: 184px;
line-height: 100%;
margin-bottom: -20px;
padding-bottom: 7px;
padding-top: 7px;
opacity: 0.9;
box-shadow:2px 2px 0 rgba(0,0,0,0.15);
}

a.mainmenu:hover {
color: #fff;
}

/*Quitar links del footer*/

#page-footer div.navbar {
font-family: small fonts;
font-size: 0px;
}

#content-container div#left {
 background:#e0e4cc;
 padding:5px;
 box-shadow: 0px 1px 2px #000000;
 margin-right: 10px;
}

.h3 a {
 color: #fff;
}
.h3 {
background-color: #29293e;
color: #fff;
font-family: Georgia;
font-size: 25px;
font-style: italic;
font-weight: 400;
height: 30px;
letter-spacing: 1px;
line-height: 100%;
outline: 1px solid #fff;
outline-offset: -3px;
padding: 15px;
text-align: center;
text-transform: lowercase;
width: 685px;
}
#i_whosonline + p br + br + em {
 background: #29293e;
 border-radius: 15px 15px 15px 15px;
 display: block;
 padding: 5px;
 width: 100%;
 line-height: 120%;
}
.img-whois {
 width: 0;
 height: 0;
 border-bottom: 85px solid transparent;
 border-top: 85px solid transparent;
 border-right: 85px solid #29293e;
 position: relative;
 left: 20px;
}
#i_whosonline + p {
 height: 150px;
 width: 500px;
 overflow: auto;
 background: #e0e4cc;
 color: #000000;
 position: relative;
 padding: 10px;
 border-left: transparent;
 padding-left: 40px;
 padding-right: 50px;
 margin-left: -5px;
 font-family: calibri;
 font-size: 11px;
 box-shadow: 0 1px 2px #000;
}
#page-body p.page-bottom {
 display: inline-block;
 font-size: 8px;
 font-family: calibri;
 text-transform: uppercase;
 width: 230px;
 padding: 5px;
 text-align: center;
 color: #000000;
 background-color: #e0e4cc;
 margin-right: 2px;
 height: 30px;
 padding-top: 20px;
 box-shadow: 0 1px 2px #000;
 line-height: 110%;
}
.module .h3 {
box-shadow:2px 2px 0 rgba(0,0,0,0.15);
font-size:16px;
font-family:georgia;
font-style:italic;
height:15px;
position: relative;
left: -8px;
padding-bottom: 10px;
padding:8px;
width:180px;
background-color: #29293e;
color: #fff;
text-transform: lowercase;
text-align: center;
font-weight: normal;
outline: 1px solid #fff;
outline-offset: -3px;
}

/*FONDO CATEGORIAS*/
li.header {
text-align: center;  
background-color: #29293e;
color: #ffffff;  
padding: 15px;
height: 60px;
font-size: 0px;
outline: 1px solid #fff;
outline-offset: -3px;
}
ul.forums {
 background: #e0e4cc;
}
ul.topiclist.topics.bg_none {
background: #e0e4cc;
padding-bottom: 40px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #29293e;
border-left: 20px solid #F2992E;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}
.spoiler_content.hidden {
 color: #fff;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ffffff;
text-align: center;
margin-bottom:3px;
text-transform:lowercase;
font-size: 12px;
font-style: italic;
font-family:Georgia;
border-bottom:none;
}

dl.codebox code {
color:#ffffff;
font-family:,Arial,Helvetica,sans-serif;
font-size:11px;
border-bottom:none;
}


blockquote {
background-color: #29293e;
border-left: 20px solid #F2992E;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #29293e;
border-left: 20px solid #F2992E;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#ffffff;
font-family:,Arial,Helvetica,sans-serif;
font-size:11px;
border-bottom: none;
}

/*CABECERA DE LA CATEGORIA*/


#descsub {margin: 10px;
 width: 240px;
 height: 95px;
 overflow: hidden;
 position: relative;
 border: 2px solid #FFA361;
}
#descsub .info {
 position: absolute;
 bottom: -83px;
 width: 240px;
 height: 95px;
 transition:0.7s;
}
#descsub:hover .info {
 bottom: 0px;
 transition: 0.7s;
}

#descsub2 {
 margin: 10px;
 width: 375px;
 height: 95px;
 overflow: hidden;
 position: relative;
 border: 2px solid #FFA361;
}
#descsub2 .info {
 position: absolute;
 bottom: -83px;
 width: 375px;
 height: 95px;
 transition:0.7s;
}
#descsub2:hover .info {
 bottom: 0px;
 transition: 0.7s;
}

.texto1sub {
 text-align: center;
 padding-top: 2px;
 color: #fff;
 line-height: 100%;
 font-family: calibri;
 text-transform: uppercase;
 font-size: 8px;
 letter-spacing: 1px;
 font-style: normal;
}
.texto2sub {
 padding: 8px;
 text-align: justify;
 text-transform: none;
 font-size: 10px;
}
.menusub a {
 background-color: #F2992E;
 border-left: 10px solid #29293e;
 display: block;
 color: #ffffff;
 font-family: Calibri;
 font-size: 9px;
 font-style: normal;
 margin-bottom: 1px;
 padding-bottom:1px;
 padding-top:1px;
 float: center;
 text-align: center;
 text-transform: uppercase;
 font-weight: 700;
 width: 120px;
 letter-spacing: 2px;
 -webkit-transition-duration: 0.3s;
}
.menusub a:hover {
 background-color: #29293e;
 border-left: 10px solid #F2992E;
 position: center;
 text-align: center;
 color: #ffffff;
 -webkit-transition-duration: 0.3s;
}
.menusub a:active, .menusub a:link, .menusub a:visited {
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 -o-transition-duration: 2s;
 transition-duration: 2s;
}

dd.lastpost span.color-groups {
 float: center;
 text-align: center;
}
.forabg li.header dd.topics {
display:none;  
}
.forabg li.header dd.posts {
display:none;  
}

.forabg li.header dd.lastpost {
 display:none;
}
.forabg ul.topiclist.forums li.row dd.dterm {
 height: 160px;
 width: 500px;
}
.forabg li.row dd.lastpost {
position:relative;
margin-top: -80px;
width: 150px;
padding: 5px;
color: #29293e;
font-family: calibri;
font-size: 8px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
 text-align: center;
}
.forabg li.row dd.topics {
position:relative;
width: 150px;
padding: 5px;
background-color: #29293e;
color: #fff;
font-family: calibri;
font-size: 8px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin-top: 25px;
text-transform: uppercase;
 text-align: center;
}
.forabg li.row dd.posts {
position:relative;
width: 150px;
padding: 5px;
background-color: #29293e;
color: #fff;
font-family: calibri;
font-size: 8px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 1px;
margin-top: 55px;
text-transform: uppercase;
 text-align: center;
}
.forabg li.row dd.topics::after {content: "Temas";}
.forabg li.row dd.posts::after {content: "Mensajes";}
/*TITULO CATEGORIAS*/
a.forumtitle {
 font-family: georgia;
 font-size: 16px;
 font-style: italic;
 display: block;
 text-align: center;
 width: 400px;
 font-weight: 700;
}
a.forumtitle {
 text-decoration: none;
}
.table-title h2 {
text-align: center;
color: #ffffff;
line-height: 100%;
font-size: 40px;
font-family: Georgia;
text-transform: lowercase;
font-style: italic;
letter-spacing: 1px;
font-weight: 400;
}
h1.page-title {
color: #fff;
font-family: Georgia;
font-size: 25px;
font-style: italic;
font-weight: 400;
letter-spacing: 1px;
line-height: 100%;
text-align: center;
text-transform: lowercase;
width: 685px;
background-color: #29293e;
height: 30px;
outline: 1px solid #fff;
outline-offset: -3px;
padding: 15px;
text-align: center;
}
h1.page-title a {
 color: #fff;
}
 
.forabg li.header dd.dterm {
 text-align: center;
 width: 100%;
}

/*TITULOS DE LOS FOROS*/


.headerbar{
 margin-left: -25px;
 margin-right: -25px;
}

#wrap {
margin-top: -10px;
margin-bottom: -10px;  
border-radius: 0px;
max-width: 950px;
min-width: 950px;
background-color: #f7c282;
}

p em b a.gensmall {
  font-family: Calibri;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
}
#i_whosonline + p a span strong {
 text-shadow: 1px 1px 0px #000000;
 font-size: 20px;
 letter-spacing: 1px;
 text-transform:lowercase;
 font-weight: 400;
 font-style: italic;
 font-family: georgia;
}
p em {
 font-style: normal;
 color: transparent;
}

.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"] {
   display: none;
   color: transparent; font-size: 0px;
}

a[href="/viewonline"] {
 display:none;
}
a[href="/statistics"] {
 display:none;
}
@font-face {
 font-family: 'Dorsa', sans-serif;
 font-style: normal;
 font-weight: 400;
 src: local('Dorsa'), local('Dorsa-Regular'), url(http://themes.googleusercontent.com/static/fonts/dorsa/v4/2nGoyekyJwdQo01pNwjk8w.woff) format('woff');
}


@font-face {
 font-family: 'Economica';
 font-style: normal;
 font-weight: 400;
 src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 400;
 src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}


@font-face {
 font-family: 'Playfair Display';
 font-style: normal;
 font-weight: 400;
 src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://fonts.gstatic.com/s/playfairdisplay/v9/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2'), url(http://fonts.gstatic.com/s/playfairdisplay/v9/2NBgzUtEeyB-Xtpr9bm1CZa6Tn9fxpDPuRSK4Gn5Ybw.woff) format('woff');
}
@font-face {
 font-family: 'Playfair Display';
 font-style: italic;
 font-weight: 400;
 src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(http://fonts.gstatic.com/s/playfairdisplay/v9/9MkijrV-dEJ0-_NWV7E6NwXiAI3F8adTt8b-_w2WoPM.woff2) format('woff2'), url(http://fonts.gstatic.com/s/playfairdisplay/v9/9MkijrV-dEJ0-_NWV7E6N3aqFElqJjV-H5EUExnZgmU.woff) format('woff');
}


div.page-bottom, #chatbox_popup, p.page-bottom:last-of-type + .h3 {
   display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
 display: none;
}
form#forum-search {
 display: none;
}



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

h1 .insetshadow {
 color: rgba(218, 227, 246, 1);
 background-color: #2d2d2d;
 letter-spacing: 0.1em;
 text-shadow: #fff 1px 0 10px;
 padding: 5px;
 vertical-align: middle !important ;
 line-height: 100%;
  font-size: 25px;
 text-align: center;
 text-transform: uppercase;
 text-rendering: optimizeLegibility;
 font-family: "Kanit", sans-serif;
}

.snip1369 h3 {
 font-weight: 700;
 text-transform: uppercase;
 font-size: 16px;
 margin-bottom: 15px;
 color: #EEE;
 font-style: oblique;
}

p .question{
 color:#D3D3D3;
}

h10 {
 font-family: "Bebas Neue", cursive;
}

.question {
 font-family: "Libre Baskerville", serif;
 width: 290px;
 margin-bottom: 10px;
 font-style: oblique;
 color: #17202a;
}
.question h10 {
 margin-top: -2px;
 font-size: 13px;
 display: inline-block;
 margin-bottom: 0px;
}

#Bakkuguraundo {
 width: 600px;
 height: auto;
 border: 5px solid #2a1c18;
 margin: auto;
 padding: 10px;
 color:#17202a;
 background-image: url("https://i.servimg.com/u/f38/11/61/94/18/79341810.jpg");
 font-size: 12px;
 font-family: "Libre Baskerville", serif;
}
/*image 1*/
#Ga {
 width: 600px;
 height: 200px;
}

#Gazo1 {
 width: 600px;
 height: 200px;
 border: 1px solid #2a1c18;
}
#Gazo1 img {
 transition: transform 0.5s, filter 1.5s ease-in-out;
 filter: grayscale(100%);
}
/* The Transformation */
#Gazo1:hover img {
 filter: grayscale(0);
 transform: scale(1);
}
/* premier text*/
#Joho1 {
 margin-top: 10px;
 padding: 5px;
 width: 590px;
 height: 180px;
 border: 1px solid #2a1c18;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 background-color: rgba(218, 227, 246, 0.7);
}
/*image et autre*/
#GazoJoho2 {
 display: flex;
}

.snip1369 {
 font-family: "Raleway", Arial, sans-serif;
 position: relative;
 overflow: hidden;
 margin: 10px 10px 10px 0px;
 min-width: 200px;
 max-width: 200px;
 width: 100%;
 height: 320px;
 background: #000000;
 text-align: left;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 font-size: 12px;
}
.snip1369 * {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
.snip1369 > img,
.snip1369 .image img {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
 max-width: 100%;
}
.snip1369 > img {
 vertical-align: top;
 position: relative;
 -webkit-filter: blur(5px);
 filter: blur(5px);
 opacity: 0.6;
}
.snip1369 figcaption,
.snip1369 .image {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.snip1369 .image {
 position: absolute;
 top: 0;
 bottom: 15%;
 right: 0;
 left: 0;
 overflow: hidden;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);
}
.snip1369 .image img {
 position: absolute;
 top: 0;
}
.snip1369 figcaption {
 position: absolute;
 top: 85%;
 bottom: 46px;
 left: 20px;
 right: 20px;
 padding-top: 20px;
 z-index: 1;
}
.snip1369 h3,
.snip1369 p {
 margin: 0;
}

.snip1369 a {
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 position: absolute;
 z-index: 1;
}
.snip1369:hover .read-more,
.snip1369.hover .read-more,
.snip1369:hover figcaption,
.snip1369.hover figcaption {
 opacity: 1;
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
.snip1369:hover figcaption,
.snip1369.hover figcaption,
.snip1369:hover .image,
.snip1369.hover .image {
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}
.snip1369:hover figcaption,
.snip1369.hover figcaption {
 top: 1%;
}
.snip1369:hover .image,
.snip1369.hover .image {
 bottom: 100%;
}
.snip1369:hover p,
.snip1369.hover p {
 opacity: 1;
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}

#Mentaru {
 background-color: rgba(218, 227, 246, 0.7);
 height: 310px;
 width: 380px;
 margin-top: 10px;
 padding: 5px;
 text-align: justify;
}
.mentale {
 padding: 0px;
 height: 240px;
 overflow: auto;
}
#Rekishi {
 background-color: rgba(218, 227, 246, 0.7);
 min-height: 200px;
 width: 590px;
 padding: 5px;
 text-align: justify;
}

.Kankei {
 background-color: rgba(218, 227, 246, 0.7);
 display: flex;
 justify-content: space-between;
 text-align: justify;
 width: 600px;
}

.Ettoi {
 padding: 5px;
 margin: 2px;
 width: 550px;
}

#Gazo3 {
 width: 100px;
 height: 100px;
 border: 1px solid #2a1c18;
 border-radius: 0% 0% 0% 0% / 0% 0% 0% 0%;
 transition: all 0.8s ease;
 align-self: center;
}

#Gazo3:hover {
 border-radius: 100%;
 box-shadow: 10px 10px rgba(0, 0, 0, 0.25);
}

/** début signature**/
.hlsa8 {
 width: 430px;
 height: 160px;
 padding: 10px;
 border: 1px solid #eecfcd;
 text-shadow: 1px 1px 2px #5e3b4d, 0 0 1em #426568, 0 0 0.2em #426568;
}

.hlsa1 {
 width: 400px;
 height: 130px;
 background-image: url(https://i.ibb.co/grw6x6d/himanisigna.gif);
 padding: 15px;
 position: relative;
 overflow: hidden;
}

.hlsa2 IMG {
 width: 60px;
 height: 60px;
 padding: 6px;
 border: 1px solid #eecfcd;/**petite image*/
 position: absolute;
 top: 28px;
 left: 440px;
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa1:hover .hlsa2 IMG {
 left: 129px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa3 {
 font: 32px/32px roboto;
 color: #eecfcd; /*HIMANI nom*/
 letter-spacing: -1px;
 text-transform: uppercase;
 position: absolute;
 top: 111px;
 left: 225px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa1:hover .hlsa3 {
 left: 20px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa4 {
 border-left: 10px;
 border-right: 10px;
 width: 1px;
 height: 130px;
 position: absolute;
 left: 525px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa1:hover .hlsa4 {
 left: 214px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa5 {
 width: 186px;
 height: 120px;
 padding: 10px 0px 0px 0px;
 position: absolute;
 left: 537px;
 font: 15px consolas;
 color: #400010;/** écriture du haut**/
 text-align: justify;
 text-transform: lowercase;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa1:hover .hlsa5 {
 left: 226px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa5 b {
 border: 1px solid #eecfcd;
 padding: 2px 4px;
 margin-right: 4px;
 background-color: rgb(225, 170, 184, 0.5);
}

.hlsa6 {
 position: absolute;
 top: 120px;
 left: 537px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa1:hover .hlsa6 {
 left: 226px;
 transition: all 2s ease-in-out 0s;
 -webkit-transition: all 2s ease-in-out 0s;
 -moz-transition: all 2s ease-in-out 0s;
 -o-transition: all 2s ease-in-out 0s;
}

.hlsa7 {
 font: 12px/12px consolas;
 color: #400010;
 text-transform: uppercase;
 border: 1px solid #eecfcd;
 padding: 4px 7px;
 margin-right: 10px;
 position: relative;
 background-color: rgb(225, 170, 184, 0.5);
}

.hlsa7 a {
 font: 15px consolas !important;
 color: #400010 !important;
 text-transform: uppercase !important;
}
.hlsa5 a {
 
 color: #400010 !important;
 text-transform: uppercase !important;
}