thème 6 - big bang

 
@font-face {font-family: "Caviar"; /*Caviar Dreams*/
 src: url('https://ekladata.com/RVD5XNlAwBGHYxvJPWxZyhvt62U/Caviar-Dreams-Bold.ttf');}
 
@font-face {font-family: "Phen"; /*phenomena*/
 src: url('https://ekladata.com/5QARWmb8tblgyxWEGvjRkGQ7IjM/Phenomena-Bold.otf');}
 
::-webkit-scrollbar {
  height: 3px;
  width: 10px;
  background-color: #eee; /* couleur de fond */
}
 
html > ::-webkit-scrollbar {
  width: 4px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #CABEB5; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #FFFFFF; /* couleur de fond */
}

/*----------------BODY & FENÊTRE----------------*/
 
#body {
    background:url('https://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif') repeat-x 50% 0%,
    url('https://ekladata.com/ajn4BZxQspjlimq5HqfTgZJyHp8/fond.png') repeat-y 50% 0%;
    background-color: #C1C1C1;
    font-family: calibri;
    font-size: 12px;
    border-bottom: 0px solid black;
}
 
#body a {
    text-decoration: none;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
 
body a:hover {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
 
.module_contenu img {text-align: center;
                     margin 0px;
}
 
 
/*----------------FOND PAGE----------------*/
 
#background {width: 950px;
    margin-top: 69px;
    baackground:transparent url("https://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif") no-repeat;
    baackground-color: #E5e5e5;
}
 
 
 
/*----------------HEADER----------------*/
 
#header {
    margin-top: 60px;
    height: 480px;  
    baackground:url('https://ekladata.com/An1DQTcuwjLKYg4uT4FoRlVdct0/new-world.gif') top center;
}
 
#menu a{
    text-transform: uppercase;
    color: #A19195;
    letter-spacing: 1px;
    min-width: 109px;
    height: 19px;
    margin-right: 25px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    
}
 
#menu a:hover{
    opacity: 0.8;
}
 
/*----------------MENU----------------*/
 
/****MENU 1*****/
 
#menu1 {
    text-align: center;
    font-family: arial;
    width: 270px;
    color: #808080;
}
 
#menu1 a{
    font-weight: bold;
    color: #A19195;
}
 
#menu1 a:hover{
    color: #445671;
}
 
#menu1 .module_menu_titre {
    height: 100%;
    padding: 15px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #C9B09A;
    border: 6px solid #f4f3f3;
    outline: 1px solid #C4C4C4;
    margin-bottom: 10px;
}
 
#menu1 .module_menu {
    margin-bottom: 50px;
}
 
#menu1 .module_menu_contenu {
    text-align: center;
    background-color: #F4F3F3;
    padding: 14px;
    font-size: 13px;
    color: #333333;
    border: 1px solid #C4C4C4;
}

#menu1 li{
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

 
/*NAVIGATION*/
 
.menu_liens a{
    display: block;
    width: 97,5%;
    padding: 3px;
    margin-bottom: 2px;
    background-color: #757E87;
    font-weight: none;
    color: #fff !important;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 2px;
    font-size: 11px;
}
 
.menu_liens a:hover{
    background-color: #484E53;
    color: #fff !important;
}
 
/***DERNIERS VISISTEURS***/
 
.module_menu_type_lastvisitors img{
    border-radius: 100px;
    border: 3px solid #6A86A7;
    max-height: 60px;
    max-width: 60px;
    margin: 5px;
}
 
.module_menu_type_lastvisitors img:hover{
    opacity: 0.7;
}
 
 
/*----------------ARTICLES----------------*/
 
 
.module_titre_contenu{
    height: 100%;
    color: #f4f3f3;
    text-align: center;
    padding: 20px;
    font-size: 12px;
    letter-spacing: 3px;
    word-spacing: 3px;
    text-transform: uppercase;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #445671;
    border: 6px solid #f4f3f3;
    outline: 1px solid #C4C4C4;
    margin-bottom: 10px;
}
 
.module_titre_contenu a{
    color: #f4f3f3;
    text-align: center;
    padding-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
 
.article_info {
    font-size: 0px;
    text-align: right;
    font-style: italic;
    margin-bottom: 0px;
}
 
.module_contenu {
    background-color: #F4F3F3;
    color: #333333;
    text-align: justify;
    font-size: 13px;
    font-family: arial;
    padding: 20px;
    margin-bottom: 50px;
    border: 1px solid #C4C4C4;
}
 
.module_contenu a {
    color: #A19195;
    font-weight: bold;
    
}
 
.module_contenu a:hover {
    color: #C9B09A;
}

 
    
/*----------------COMMENTAIRE----------------*/
 
.comment_normal, .comment_admin {
    width: 98%;
}
 
div.commentheader{
    background-color: #AE9EA9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 8px;
    margin-top: 28px;
    font-family: arial;
    padding: 5px;
    color: white;
    opacity: 0.9;
}
 
div.commentbody {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #EFEFEF;
    padding: 5px;
    margin-top: -10px;
}
 
.block-reply {
    border-left: 3px solid #6A86A7;
}
 
.comment-reply a{
    color: #616161;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
}
 
.comment-reply a:hover{
    color: #5D8A64;
}
 
.commentnumber {
    font-family: Arial;
    color: white;
    font-size: 15px;
    padding-left: 5px;
    opacity: 0.6;
}
 
.commentpseudo {
    font-family: "Caviar";
    color: white;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 
.commentpseudo a {color: white;}
 
.commentpseudo a:hover {color: white; opacity: 0.5;}
 
.commentavatar img {
    border: 3px solid #6A86A7;
    border-radius: 100px;
    margin-left: -5px;
}
 
.commentdate {
    font-size: 0px;
    text-align: left;
    font-family: arial;
    font-style: italic;
    text-transform: uppercase;
}
 
 
 
/*----------------PIED DE PAGE----------------*/
 
#footer {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #212121;
}
 
#footer a {
    color: #82678C;
    font-weight: bold;
}
 
#footer a:hover {
    color: #5D8A64;
}
 
#footer:after {content: " Thème de Fabule";}
 
 
/*----------------HELPBUBBLES----------------*/
 
#help_bubble {
    background-color: #212121;
    color: #F1F1F1;
    border: 2px solid black;
    border-radius: 10px;
    opacity: 0.7;
}
 
 
/*----------------BOUTONS----------------*/
 
input[type=button],input[type=submit], button {
    margin: 9px;
    margin-left: 0px;
    min-width: 20px;
    min-height: 20px;
    background-color: #AAAAAA;
    color: white;
    font-family: calibri;
    border: 3px solid grey;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
}
 
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
    background-color: #888888;
    color: white;
    border: 3px solid #6F6F6F;
}
 
/*******FORUMS********/
 
.post_table_msg {
    background-color: #e5e5e5;
    padding: 10px;
    border-bottom: 1px solid #F9F9F9;
}
 
.post_table_head {color: #F7F7F7;
                  font-size: 0px;
}
 
.post_table_profile img{
    border: 3px solid #4B545C;
    margin-left: 10px;
    margin-top: -177px;
    margin-bottom: 10px;
    padding: 0px;
    border-radius: 100px;
}
 
.post_table_profile a{
    color: white;
    font-size: 14px;
    font-style: italice;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: "Phen";
    display: block;
    width: 79px;
    background-color: #4B545C;
    text-align: center;
    border-radius: 5px;
    margin-top: 105px;
    margin-left: 10px;
    text-align: center;
}
 
.post_table_profile a:hover{
    opacity: 0.7;
    color: white;
}
 
.post_table_profile {
    background-color: #6F7B86;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 1px; solid #E5E5E5;
}
 
 
.forum-description {
    background-color: #E7E7E7;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}
 
 
/*******************BALISES******************/
 
.fond_image{
    background:url('https://ekladata.com/WG5kdFRQtF2_LnL5OttHcDBAOhg/jvhhkkj5.png') repeat;
    border: 1px solid #ccc;
    padding: 15px;
    width: min-content;
    margin-left: auto;
    margin-right: auto;
}

.image_divers img{
    border: 5px solid #EDECEC;
    outline: 1px solid #C4C4C4;
    margin-top: 1px;
    margin-left: 1px;
}