Blog d'aide de Blog4ever

Décidément ! Ce blog va me faire devenir chèvre et mes cheveux vont devenir tous blanc

Je suis avec Mozilla, et je dois vous avoué que mon PC déconne mais c'est pas nouveau :oe:
Si vous allez voir mon blog vous verrez des choses bizarres :

Graph Ô Soleil

J'en peux plus de ce blog, je l'ai passé en Rapid Design pour justement ne plus avoir de soucis mais là ....
Je commence à saturée.

J'espère que vous trouverez une solution sinon je le fermerai.
Je vais manger poisson aubergine pomme de terre tomate en entrée une endives et en dessert un yaourt.
Si ça vous dit de m'accompagner je vous attend :ptdr:
:sol:

[Supprim?]

  mon petit soleil :sol: 
  Qui dit que c'est plus facile le Rapid Design !!! :ptdr: 
:ppc:  Ne fais pas attention à ce que je dis.
Bon, je constate la même chose qu'Anitagc,   et pour le reste, il semblerait que tout aille bien.
Mais je suppose qu'une fois que tu auras résolu ces problèmes de réglage de la structure des blocs principaux cela devrait aller mieux.
Ne te prends pas trop la tête  
Je suis persuadée que tu vas obtenir de l'aide de la part des modos.
Tu comprends pourquoi je ne veux pas m'y mettre :oe:  
Courage, fuyons !!! :ptdr:  (les chocottes, la fille)
pour le régime. C'est bien de t'y tenir, ma belle !  
Et puis, cela m'a l'air vraiment très bon, tout cela !
Je suis sur les rangs pour t'accompagner.

Les filessssssssssss !!!!
MERCIIIIIIIIIIII pour vos encouragements pour le blog et pour le régime :oe:

Je vous adoreeeeeeeeeee.
:sol:

:b1: Nana

Tu as probablement raison... mais en ce qui me concerne, j'aime bien ça :ptdr:  
C'est pourquoi je reste en MasterDesignDP1   
Mais un jour, qui sait !!!

Nana
Oui c'est vrai il est simple mais je voulais suivre les conseils de et j'ai fait des copier-coller de ses codes pour obtenir du joli volume.
Sinon ! Il est très bien le Rapid Design.

Je me demande aussi si cela vient de la barre de navigation que j'ai voulu en vertical sur le logo.

Je n'aurai peut-être pas dû la faire comme ça et peut-être que je n'aurai pas ces soucis.

:sol:

simon
Pourquoi j'ai en double des codes dans le CSS ???
exemple :
Deux header

re
Si tu vois double c'est que tu as trop bu

Ok dans ce  cas,  si 2 codes sont identiques il faut bien sûr en supprimer un.

avec le régime très stricte pas le droit à l'alcool :ba8:

Oui mais le souci est lequel je supprime ????
Car si tu regardes bien il y en a plusieurs en double :oe:

re

C'est fait ! :sol::sol::sol:

simon je t'ai envoyé un mp de mon blog Graph Ô Soleil l'as reçu ?????
:b2::sol:

:sol:vie tout a l'air d'être à sa place .et oui qui dit régime dit souvent énervement  courage ma grande 

Kikou Pixelles
Oui je pense que maintenant tout est normal !
:b2: énormément à simon 



J'ai regroupé dans mon CSS personnalisé comme ceci :

/*sauvegarde du 05_02_2017*/
 
/*___________________________________
          
          PARTIE MENU LATERAL

/*-----------------------------------*/

aside .bloc-cote a:hover {
  font-size : 15px;
  color : #c1f2e0!important;
  font-style : italic;
  font-weight : bold;
  text-decoration : underline;
}
aside .bloc-cote a {
  color : #480705;
  font-size : 15px;
  font-family : Arial;
  font-style : normal;
  font-weight : normal;
  text-decoration : none;
}

aside .bloc-cote {
    border: 2px solid #c1f2e0!important;
    width:270px;
    border-radius:30px;
    margin:10px;
    padding: 20px;
    clear: both;
    line-height: 20px;
    margin-left:-80px;
    box-shadow: -2px 4px 10px 3px rgba(0, 0, 0, 0.3),
            2px 1px 10px 3px rgba(0, 0, 0, 0.3)!important;
}
/*menu latéral enlever points noirs devant les titres des catégories*/
aside {
    color: transparent;
}
/* mis adresse image devant titres catégories ds menu latéral et ajouter padding-left */
aside li {
    background:
url(https://static.blog4ever.com/2013/02/727680/bulle-dev-titre-cat-menu-2017.png)
no-repeat 1px center !important;
    no-repeat 1px center !important;
    padding: 0 0 0 25px; /*position bulle*/
    font-size: 20pt !important;
}

/*enlever ombre noir menu*/
.layout-2  {
    -moz-box-shadow: inset 0px 0px 0px -0px rgba(0, 0, 0, 0.1)!important;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1)!important;
}
/*ici c'est pour mettre ou pas une couleur ou une image derrière les blocs menu H2 et titres catégories*/
.fond-cote {
  display:none;
} 

/*widget tweeter */
#twitter-widget-0 {
 border: 5px solid #ccc!important;
border-radius:30px;
 margin:10px 0 0 -80px;
width:300px!important;
}

#menu_partenaires h2 {
    background-image: url(https://static.blog4ever.com/2013/02/727680/H2-Partenaires-2017.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align:center;
    color: #480705;
    widht: 250px;
    height: 120px;
    border-radius: 10px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}
#menu_stats h2  {
 
 text-align:center;
  background-image: url(https://static.blog4ever.com/2013/02/727680/H2-Stats-2017.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 125px;
}

#menu_stats  {
  background-image: url(https://static.blog4ever.com/2013/02/727680/H2-Stats-2017.pn);
  background-repeat: no-repeat;
  background-position: center;
  color: #480705;!important;
  height: 250px;
  border-radius: 30px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
#menu_stats li{
 
font-size:13px!important
}

/*
--------------------
début bloc membres
--------------------
*/
#menu_blogmember_box {
background-image: url(https://static.blog4ever.com/2013/02/727680/H2-Memb-2017.png);
background-position: 50% 10px;
background-repeat: no-repeat;
}
#menu_blogmember_box h2 {
margin-top: 150px;
}
.menu_blogmember_box_avatars {
background: #42676a;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
            -1px 1px 10px 1px #000 inset;
}
.menu_blogmember_box_link {
width: 240px!important;
margin-top: 10px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px outset #000000;
}
.menu_blogmember_box_invite {
background-color: #D9E1EC;
color: #000 !important; 
padding: 10px;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
            -1px 1px 10px 1px #000 inset;
}
.menu_blogmember_box_register {
background-color: #4883d0 !important;
color: #fff !important; 
padding: 3px 10px;
box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
            -1px 1px 10px 1px #000 inset; 
}
/*
-------------------
 Fin bloc membres
-------------------
*/


/*___________________________________
  ___________________________________       
        
        FIN PARTIE MENU LATERAL
  ___________________________________
/*-----------------------------------*/


/*___________________________________
          
        DEBUT PARTIE FOND DE PAGE
/*+++++++++++++++++++++++++++++++++++*/

body {
    background-color: #42676a;
    background-image: url(https://static.blog4ever.com/2013/02/727680/body-gos-2016-2017.png)!important;
    background-repeat: repeat;
    color: #000000 !important;
}

/*codes pour règler la partie article et menu c'est à dire l'article on le voit sans le menu vertical*/
body.type-article aside {
     display: none;
}
body.type-article article {
   width:92%  
}

/*___________________________________
          
       FIN PARTIE FOND DE PAGE
/*____________________________________*/



/*-----------------------------------
*************************************
      DEBUT PARTIE BARRE DE NAVIGATION

/*------------------------------------*/
nav {
    margin-top: -395px !important;
    height:395px; /*important car sinon impossible de régler la hauteur du bloc article et bloc menu vertical*/
    text-transform :uppercase;
    position:relative !important;
    z-index:4; 
    clear: both;   
    line-height: 1;
    background: transparent;
}
nav ul {
    margin: 0 0 0 0px !important;
    float: center;
}
nav li {
    display: inline-block;
    margin: 0 0 0 40px;
    width: 650px;
    height: 100px;
}
nav a {
    padding-top: 80px;
    width: 150px;
    height: 90px;
    background: url(https://static.blog4ever.com/2016/08/821467/nav-li-gos-2016-2017.png) no-repeat scroll 0 0;
    color: transparent;
    font-family: 'Courier New, HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    margin-left: 0px !important;
    line-height: 100px;
}

nav a:hover {
    padding-top: 80px;
    width: 150px;
    height: 90px;
    background: url(https://static.blog4ever.com/2016/08/821467/nav-li-survol3-gos-2016-2017.png) no-repeat scroll 0 0;
    margin-left: 0px !important;
    line-height: 100px;
    color: transparent;
    text-decoration: none;
}

nav .recherche_nav {
 display: none;
}

/*-----------------------------------
**************************************
      FIN PARTIE BARRE DE NAVIGATION

/*------------------------------------*/




/* BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */

.blogmember_menu{ /*Se trouve en haut du blog à droite "Notifications" "Speudo"*/
height: 33px !important;
margin-top: -60px!important;
margin-right:  2px !important;
background-color: #f3ded1 !important; 
border: 6px double #42676a !important;
border-radius: 12px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3) ; 
}

/* FIN BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */




/*--------------------
    DEBUT EN-TETE
~~~~~~~~~~~~~~~~~~~~~~~~*/

header .image {
    height: 393px;
    width: 1100px;
    overflow: hidden;
    position: relative;   
    border-radius: 10px;
}
/*--------------------
    FIN EN-TETE
~~~~~~~~~~~~~~~~~~~~~~~~*/




/*="="="="="="="="="="="=

     DEBUT PARTIE CONTENU QUI SE TROUVE DERRIERE
     ARTICLE ET MENU LATERAL

='='='='='='='='='='='='=*/


#contenu {
    background-image: url(https://static.blog4ever.com/2013/02/727680/fd-contenu-gos-2016-2017.png);
    background-repeat: repeat;
    width:1100px;
    margin: 60px auto 0; /*descendre le logo pour voir s'inscrire se connecter*/  
    border: 2px Solid #f3ded1;
    border-radius: 10px;  
    box-shadow: -2px 4px 20px 3px rgba(0, 0, 0, 0.5),
            2px 1px 20px 3px rgba(0, 0, 0, 0.5)!important;
}
/*="="="="="="="="="="="=

     FIN PARTIE CONTENU QUI SE TROUVE DERRIERE
     ARTICLE ET MENU LATERAL

='='='='='='='='='='='='=*/




/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-

       DEBUT PARTIE ARTICLE

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

aside .bloc-cote:first-child {
   
    margin-top: 30px;
}

article {
    min-height:300px;
    padding:20px;
    position:relative;
    background-image: url(https://static.blog4ever.com/2013/02/727680/fd-articles-transparent-2017.png);
    background-repeat: repeat;
    background-color: #42676a;
    color: #f3ded1;
    width:690px!important;
    font-family: Book Antiqua !important;
    margin-left: 20px !important;
    margin-top: 25px; 
    border: 2px solid #480705!important;
    border-radius: 30px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
article a { /*pour les liens directs */
    font-family: Comic Sans MS !important;
    color: #480705 !important;
}
article a:hover {/*survol pour tous liens 01 09 2016*/
    color: #f6935e!important;
}

/* taille écriture dans les articles*/
#articles_show_contenu_article,.articles_index_contenu_article {
    font-size: 18px;
}

#forum_haut_menu_visiteur form { /*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
    background-image: url(https://static.blog4ever.com/2013/02/727680/fd-notifications.png) !important;
    background-repeat: repeat !important;
}

#forum_haut_menu_visiteur .register {/*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
    color: #000000 !important;
}
#forum_haut_menu_membre {/*fond de notifications quand on clique sur "Notification" en haut à droite du blog*/
    background-image: url(https://static.blog4ever.com/2013/02/727680/fd-notifications.png) !important;
    background-repeat: repeat !important;
}

/* code donné par Nana sur forum aide pour changer la couleur fond du diapo galerie photos */

.jcbx-glry-classic{
 background-image: url(https://static.blog4ever.com/2016/08/821467/fond-diapo-.png)!important;
 background-repeat: repeat!important;
 border: 2px solid #c1f2e0 !important;
 border-radius: 10px;
 box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
            2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
}

/* ci dessous pour régler la couleur texte voir capture capt 1 dossier explication reçu par simon le 04 11 2016 */
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    color: blue;
    margin-top: 10px;
}
/* ci dessous pour réglage voir capture 3 dans dossier explication simon reçu le 04 11 2016*/
#droite .login .register a, #texte .login .register a, #contenu .login .register a, #rubriques .login .register a, #content .login .register a {
    display: block;
    margin: 0;
    padding: 3px 8px;
    text-align: center;
    background: white;
}

/*
--------------------------------
 Insérer un message à la fin des articles de
---------------------------------
*/
.bloc_fin{
 color:  #fff;
 width: 99%;
 margin: 20px auto;
 background-image: url(https://static.blog4ever.com/2016/08/821467/fd-gris-fonc---message-fin-art-noel-2016.png) !important; /*modifs faite le 13 10 2016 noel 2016*/
 background-repeat: repeat;
 padding: 5px;
 font-style: normal;
 font-size: 12pt;
 border: 2px solid #fff;
 border-radius: 10px;
 box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.5),
            -1px 1px 10px 1px #000 inset;
}

/*
-------------------------------
 Début css commentaires code fourni par Simon
---------------------------------
*/
/*poster un commentaire*/
.articles_show_stats_article {
    color: #000000 !important;
    font-style: italic;
}

/*****poster*******/

#article_commentaires ul li {
background-color: #42676a !important;  
background-image: url(https://static.blog4ever.com/2016/08/821467/fd-1-articles-comms-ul-li.png) !important;
background-repeat : repeat !important; 
border: 2px solid #c1f2e0 !important;
border-radius: 15px;
list-style-type: none;
position: relative;
margin-top: 80px !important;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3) ;
}
.post-comment .mini, .reply-comment .mini { /*rajouté le 27 02 2014 code de Simon*/
  background-image: url(https://static.blog4ever.com/2016/08/821467/fd-2-articles-comms.png) !important;
  background-repeat: repeat !important;
  color: #000000 !important;
  font-size: 20px !important;
  border: 6px double #42676a !important;
  height: 100px !important;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}

#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message { 
background-color: #c1f2e0 !important;
border: 2px solid #42676a!important;
border-radius: 15px;
color: #42676a !important;
font-size: 20px !important;
margin: 0 10px 0 70px !important;
padding: 10px;
text-align: justify;
width: auto !important;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3); 
}
#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover  {
   background: none repeat scroll 0 0 #42676a !important;
   margin-left: 75px;
   margin-top: -25px;
   text-align: left;
   white-space: nowrap;
   width: auto;
}
#article_commentaires .post-comment .blogmember_invite ul li, #photo_commentaires .post-comment .blogmember_invite ul li {
    background: none repeat scroll 0 0 #f6935e !important;
    list-style-type: square;
    text-align: center !important;
    color: #000;
    width: 300px !important;
    height: 20px !important;
    margin-top: 10px !important;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {
    background-color: #f3ded1 !important;
    color: #000000 !important;
    display: block;
    font-size: 11px;
    width: 40%;
}
.post-comment dl dd, .reply-comment dl dd {
    height: 220px;
    margin: 0 0 0 50px;
}
#article_commentaires dl dt.commentaire_auteur .popover, #photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #42676a !important;
border: 2px solid #f3ded1 !important;
text-align: left;
white-space: nowrap;
width: auto !important;
}
.post-comment .blogmember_invite {
    bottom: 10px !important;
    color: #000 !important;
    font-size: 11px;
    padding: auto !important;
    position: absolute;
    right: 250px !important;
    white-space: nowrap;
    width: -200px !important;
    height: 80px !important;
}
div.popover-content {
    background-color: 0!important;
}
/*
---------------------------------
 Fin css commentaires code fourni par Simon
---------------------------------
*/

/*
--------------------------------
 Début "A decouvrir aussi" en bas de chaque article
juste au dessus des commentaires
---------------------------------
*/
#article_suggestions{
    background-image : url(https://static.blog4ever.com/2016/08/821467/body-gos-2016-2017.png);
    background-repeat : repeat;
    text-align : center;
    width : 90%;
    margin : 0px auto;
    padding : 10px;
    border : 2px solid #c1f2e0;
    border-radius: 10px;
    box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
            2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
}
#article_suggestions h4{ /*A decouvrir*/
    width : 200px;
    color : #c1f2e0;
    background-color : #42676a !important;
    font-family : Georgia;
    font-size : 16px;
    font-weight : bold;
    font-style : italic;
    text-align : center;
    text-decoration : none;
    margin : auto !important;
    padding : 20px;
    border : 2px solid #f6935e;
    border-radius: 10px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}
#article_suggestions a{
    color : #42676a !important;
    text-align : center;
    line-height: 2.2;
    background-color : #f3ded1;
    margin-left: -25px !important;
    margin-right: auto !important;
    padding: 15px 5px 15px 10px;
    border : 2px solid #42676a;
    border-radius: 10px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
} 
#article_suggestions a:hover{
    color : #f3ded1 !important;
    background-color : #42676a;
    border : 2px solid #f6935e;
    padding: 15px 5px 15px 10px;
}
#article_suggestions li{
    background-color : transparent;   
    margin : 20px;
    padding: 3px 15px 3px 15px;
}
/*
---------------------------------
 Fin "A découvrir aussi"
---------------------------------
*/

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-

       FIN PARTIE ARTICLE

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/




/*
=================================
 DEBUT PARTIE MESSAGE PRIVE
---------------------------------
*/

#private-messages {
  background-image:url(https://static.blog4ever.com/2016/08/821467/fond-diapo-.png)!important;
  baclground-repeat: repeat !important;
  width: 700px !important;
  padding: 5px;
  border : 2px solid #f6935e;
  border-radius: 10px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}
#private-messages h2 { 
  text-align: center;
  color: #000000;
}
#private-messages .conversation-interface.dizperso2 {
width: 700px !important;
}
#private-messages .conversation-messages table td {
border: 4px double #f6935e !important;
}
/* Liste des conversations */
#private-messages .pm-conversation-list {
  width:200px !important;
  background-image: url(https://static.blog4ever.com/2016/08/821467/fd-1-MP-gos-2016-2017.png);
  background-repeat: repeat;
  margin-left: 5px;
  border: 2px dotted #c1f2e0;
  padding: 10px 0;
  border-radius: 10px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}
#private-messages div.pm-conversation.active {
  color: #42676a !important;
  background-color: #f3ded1 !important;
}
 #private-messages .pm-conversation-list .username .date{ 
 font-size: 12px;  
 }
/* Titre de la conversation */
#private-messages div.conversation-title h4 { 
  font-style: italic;
  color: #000000 !important;
}

/* bouton nouveau messsage privé */
#private-messages div.conversation-title button.new-pm-conversation {
 background-color: #c1f2e0 !important;
 Color : #000000 !important;
}

/* zone de la conversation active */
#private-messages .conversation-messages { 
  border : 0px solid #000000;
  margin-left: 10px;
}
#private-messages .conversation-messages tr { 
  background-color: #42676a !important;
  border-bottom: 2px solid #c1f2e0 !important; 
}
#private-messages .conversation-messages tr:hover { 
  border: 2px solid #000000 !important;
  background-color: #c1f2e0 !important;
}
#private-messages .conversation-messages td { 
 background-color: #42676a !important;
 border: 2px dotted #c1f2e0;
 font-size: 20px !important;
}
#private-messages .conversation-messages td:hover { 
  border: 2px solid #000000 !important;
  background-color: #c1f2e0 !important;
  color: #000000 !important;
}
#private-messages .conversation-messages .message-date {
  color: #000000 !important;
}
/* Zone saisie réponse */
#private-messages form#conversation-reply textarea{
width: 400px !important;
font-size: 20px !important; 
border: 2px dashed #f6935e;
background-color: #ece1d9 !important;
border-radius: 5px;
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3),
    -2px 2px 12px rgba(0, 0, 0, 0.3);
}

/* bouton envoyer */
#private-messages form#conversation-reply  button {
background-color: #c1f2e0 !important;
color:  #000000 !important;
}

/*
=================================
 FIN PARTIE MESSAGE PRIVE
---------------------------------
*/






/* =*=*=*=*=*=*=*=*=*=*=*=*

     DEBUT PIED DE PAGE FOOTER

*=*=*=*=*=*=*=*=*=*=*=*=*/

footer {
width:98% !important;   
height: auto;
min-height: 90px;
padding: 30px 0 0 0;
text-align: center;   
overflow: hidden;
font-size : 15px !important;
margin: 10px auto 10px auto !important;
background-color: transparent; 
background-repeat: repeat;
color: #42676a !important;
border: 0px solid #fbfbfb;
border-radius:30px;
}

#barre_bas a {
    color: #000000 !important;
    font-size : 12pt !important;
    margin-left: 10px;
}
#barre_bas a:hover {
    color: #ed8d33 !important;
}

/* =*=*=*=*=*=*=*=*=*=*=*=*

      FIN PIED DE PAGE FOOTER

*=*=*=*=*=*=*=*=*=*=*=*=*/





/*===========================

    DEBUT FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG

===========================*/

#floating-form {
 background-color: #42676a !important;
 background-image: url(https://static.blog4ever.com/2013/02/727680/fd-contenu-gos-2016-2017.png);
 background-repeat: repeat;
 background-position: 50% 50%;
 margin-bottom: 100px;
 right: 10px;
 border: 2px solid #480705;
 border-radius: 10px;
-webkit-box-shadow: 2px 2px 20px #c1f2e0;
-moz-box-shadow: 2px 2px 20px #c1f2e0;
box-shadow: 2px 2px 20px #c1f2e0;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

#floating-form h3 {
 color: #990000;
}

#floating-form p.register{
 background-color: #c1f2e0;
 color: #000000;
 font-size: 11.5px;
 padding: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

#floating-form p.subscribers {
 color: #480705;
}

#floating-form button{
 background-color: #c1f2e0;
 color: #480705;
 border: 1px outset #000;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
  -webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

#floating-form input[type="text"]{
background-color: #f3ded1!important;
 color: #000000!important;
 border: 1px outset #000;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
  -webkit-box-shadow: 2px 2px 12px #000;
-moz-box-shadow: 2px 2px 12px #000;
box-shadow: 2px 2px 12px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}


/*===========================

FIN FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG

===========================*/


Peut-être que cela peut aider !?! :oe::sol: