Souci photos dans le modules petites annonces

[mariok13]

bonjour

voila je crée une petites annonces mais quand je clique sur ajouter une photo il va bien me la chercher sur mon ordinateur mais il ne l'a met pas dans les photos


je crée l'annonce



je cherche la photo



je clique sur ouvrir et rien



annonce en attente



merci pour vos réponses

[mariok13]

Bonjour un.petit up

[Shadow]

Bonjour,

Après test c'est un souci avec l'un de vos codes java scripts, lequel je ne pourrais pas vous le dire mais l'un d'entre eux, empêche le bon fonctionnement de ce module.

[mariok13]

bonsoir tout d'abord merci
je viens de regarder mes codes java a part celui sur les image mobile et celui d'un herbergeur d'image j'en est aucun qui correspondent aux images je seche j'ai teste en désactivant les deux rien a faire je vous met mon CSS en cas

Code:

 /**===systeme rechercher par R-max===**/
input, select, textarea {
  background:white;
  color:black;
  border:1px solid #3775a8;
  padding:0px;
  box-shadow:1px 1px 5px #0786c8;
 
}
/**=====**/
button.button2, input.button2 {
  background-image:none;
  border:1px solid #3775a8;;
  background-color:transparent;
    background-position: top;
    background-repeat: repeat-x;
  color: black;
    font-family: time new roman;
    font-size: .7em;
    overflow: visible;
    padding: 1px 0;
    vertical-align: middle;
    width: auto!important;
  padding:2px;
 
 
}
/**=====fin systeme=====**/





/* enleve le soulignement des liens directs*/
a, a:hover {
    text-decoration: none !important;
}

/*sous forums dans un boutons*/
.sousforums{
    font-variant: small-caps ; /* texte en petites majuscules */
    text-align:left; /* texte centré dans le bloc */
}

.sousforums a {
 font-size:11px !important;
 display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */
 background:#f0f0f0; /* une couleur de fond derrière chaque lien */
 padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/
 margin:3px 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */
 box-shadow:0px 2px 2px #000000;
 border-radius: 5px 5px 0px 0px ;   
 
}

.sousforums a:hover {
  background:#000000; /*couleur de fond différente de l'état non survolé */
  color:#ffffff;/* couleur du texte différent de l'état non survolé */
 
}

/*Le bloc par utilisateur*/
.M14_membersList
{
background-color: white;
border: 1px solid black;
float: left;
height: auto;
margin: 10px;
min-height: 80px;
padding: 4px;
width: 22%;
font-size:10px;
font-style:italic;
color:black;
  box-shadow:0px 5px 5px #0ac2b3;
  border-bottom: 2px solid #375d81;
  border-radius: 0px ; 
 
 
}
/*L apparence des liens*/
.M14_membersList a[href^="/u"]{color:black;font-size:10px;font-style:italic;text-decoration:none !important;}
/*Les avatars*/
.M14_membersList .avatar.mini ,.M14_membersList .avatar.mini img
{
 width:24px ;
  height:24px ;
  border:none;
}
/*L image Web et MP*/
.M14_membersWeb , .M14_membersMP
{
float:right;
opacity:0;
}
/*Au survol on affiche les boutons*/
.M14_membres_first:hover .M14_membersWeb{opacity:1;}
.M14_membres_last:hover .M14_membersMP{opacity:1;}


/*onglets catégories*/
#cat-onglets {
  margin: 5px auto;
  margin-left: 8px;
}
 
.co-actif {
  background: #01B0F0!important;
  color: white!important;
}

.co-item {
  background: #D8D8D8;
  border-bottom: 3px solid #375d81;
  border: 1px solid #375d81;
  color: black;
  cursor: pointer;
  display: inline;
  margin: 0 1px;
  padding: 3px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
 }

.co-item:hover{
  background: white;
  border-bottom: 5px solid #375d81;
  border: 1px solid #375d81;
  color: black;
  cursor: pointer;
  display: inline;
  margin: 0 1px;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}

/*--formuaire mariok----*/
.formulaireannonce .resizebox{display:none;}
.formulaireannonce {

  padding: 10px;
  width: 400px;
margin-left:30%;
 box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
background-image:url(http://i21.servimg.com/u/f21/18/51/82/95/test_b11.png);
background-repeat:no-repeat;
background-position: center; 
 
}


 
.formulairrecherche{
  margin-bottom: 10px;
  margin-top: 40px;
  padding: 10px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
 box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
background-image:url(http://i21.servimg.com/u/f21/18/51/82/95/test_b14.png);
background-repeat:no-repeat;
background-position: center; 
 
}



/**==alerte R-max==**/
#alertBodyContainer{
  position:fixed;
top:120px;
right:20px;
 }

.realTime_alert{
  background:#f0f0f0 no-repeat 10px center;
-webkit-background-size:50px;
-moz-background-size:50px;
-o-background-size:50px;
background-size:50px;
-webkit-box-shadow:1px 3px 8px #0ac2b3;
-moz-box-shadow:1px 3px 8px #0ac2b3;
box-shadow:1px 3px 8px #0ac2b3;
position:relative;
    margin-bottom:10px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:#495cff;
  border-bottom:4px solid  #375d81;
  border-top:0px solid  #375d81;
  border-left:0px solid  #375d81;
  border-right:0px solid  #375d81;
 border-radius:8px;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:18px;
  color:blue;
  font-weight:bold;
  text-shadow:1px 1px 1px yellowgreen;
}
.realTime_alert .close{
position:absolute;
right:15px;
top:15px;
font-size:20px;
 color:red;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:red;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}
/**css queel par r-max**/
.votre_groupe{background:#f0f0f0;}
/**===infobulle queel===**/
.group{font-size:12px;font-weight:700;}

.infobulle_1{
  position: relative;display:inline;background:#f0f0f0;bottom:10px;}
 
.infobulle_1 .infobulle-hidden_1 {
  display: none; position: absolute;top:-145px!important;margin-left:-200px;margin-top:0px;visibility: visible;  z-index: 999;float:none;
  background-color:none;
  background-image:url(http://i21.servimg.com/u/f21/16/87/83/03/info410.png);
  background-position:top center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  color:blue!important;
   
  font-size:10px;
    font-weigth: bold;
  text-align:left;
  margin-top:15px;
 padding:15px;
  width:300px;height:100px;
  }
 
.infobulle_1:hover .infobulle-hidden_1 {
  display: inline;}



/*==titre==*/

.AMARID_1{
  color:#375d81 !important;
  font-size:25px !important;
  letter-spacing:5px !important;
  text-shadow:0px 2px 6px #0ac2b3;
}
/*===description===*/
.AMARID_2{
  color:#375d81 !important;
  font-size:12px !important;
  text-shadow:0px 2px 6px #0ac2b3;
}
/*==img logo==*/
#i_logo{
  box-shadow:0px 5px 5px #0ac2b3;
  border-bottom: 2px solid #375d81;
  border-radius: 15px;
}
/*==table du forum==*/
.forumline{
  padding:4px;
  background-color:#375d81; /*#c2f2f0;*/
  border:2px solid #fff;
  border-radius:10px;
  box-shadow:0px 5px 5px #0ac2b3;
}
.forumline{padding:5px;background-color:#375d81; /*#c2f2f0;*/border:1px solid #183152;border-radius:8px;}
.forumline_1{width:82%;border-bottom:1px solid #777;border-radius:0px 0px 50px 50px;box-shadow:0px 0px 10px #777;}
/*==fond blanc==*/
.bodyline{
  padding:25px;
  background-color:/*rgba(255,255,255,0.5);*/#f0f0f0;
  border-left: 5px  #375d81 solid;
  border-right: 5px  #375d81 solid;
  border-bottom: 5px  #375d81 solid;
  border-top: 0px  # solid;
  border-radius:20px 20px 20px 20px;
  box-shadow:0px 40px 40px #ffffff;
}
/*==debut queel par R-max==*/
/*==annulation row1 du queel==*/
#anniv .row1{
background: none;
}
 #lastco .row1{
background: none;
}
/*==derniere colonne queel anniversaire==*/
.case_pa_maze_1:hover{
  border:2px solid;
  border-color:#fff;/*f7f7f7;*/
  border-radius:0px;
  background-color:#fff;
  width:100%auto;
  height:200px;
  text-align:justify;
  color:#fff;
  padding:5px;
  margin:auto;
  box-shadow:1px 5px 10px #;
  display:block;
  overflow:auto;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.case_pa_maze_1{
  border:2px solid;
  border-color:#fff;/*grey;*/
  border-radius:0px;
  background-color:#f0f0f0;
  width:100%auto;
  height:200px;
  text-align:justify;
  color:#fff;
  padding:5px;
  margin:auto;
  box-shadow:1px 5px 10px #;
  display:block;
  overflow:auto;
}
/*==table queel==*/
.case_pa_maze_2{
  border:3px solid;
  border-color:grey;
  border-radius:0px;
  background-color:#fff;/*f0f0f0;*/
  width:100%auto;
  height:100%auto;
  padding:10px;
  margin:auto;
  box-shadow:1px 5px 10px #;
}
/*==encadrement titre du queel==*/
.case_pa_maze_3{
  border:3px solid;
  border-color:#fff;/*grey;*/
  border-radius:0px;
  background-color:#f0f0f0;
  width:100%auto;
  height:60px;
  top:0px;
  margin:auto;
  box-shadow:1px 5px 10px #;
  padding-top:3px;
  overflow:auto;
}
/*==1er colonne legende==*/
.case_pa_maze:hover{
  border:3px solid;
  border-color:#fff;/*f7f7f7;*/
  border-radius:0px;
  background-color:#fff;
  width:100%auto;
  height:200px;
  text-align:justify;
  color:#fff;
  padding:5px;
  margin:auto;
  box-shadow:1px 5px 10px #;
  display:block;
  overflow:auto;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}
.case_pa_maze{
  border:2px solid;
  border-color:#fff;/*grey;*/
  border-radius:0px;
  background-color:#f0f0f0;/****background-image:url(http://i19.servimg.com/u/f19/19/23/09/94/queel_10.png);***/
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
  width:100%auto;
  height:200px;
  text-align:justify;
  color:#fff;
  padding:5px;
  margin:auto;
  box-shadow:1px 5px 10px #;
  display:block;
  overflow:auto;
}
/*==titre du queel==*/
a.cattitle{
  color:#000;
  font-size: 20px;
  font-weight: 700;
  margin: auto;
  text-align: center;
  text-shadow: 1px 5px 10px grey;
}
/*==fin queel par R-max==*/
/**********************debut R-max************************************/
/**==================couleur d'un evenement du calendrier===========**/


#calendar_container a.gen[title~="Ev\e8nement"] b,#calendar_container a.gen[title~="Ev\e8nements"] b {
color:#f60000 !important ;
  font-weigt:bold;
}

 
#M14_LeG_Cal
{
position:absolute;
margin: 15px 0px 0px 5px;
font-size:11px;
color:white;
}
#M14_LeG_Cal span
{margin-left:5px;margin-right:5px;padding:0px 20px 0px;}
 

/**===========================fin couleur===========================**/


.calendar table[height]{ height: 200px; }
.calendar table[width]{ width: 200px; }


/**=========================fin calendar============================**/


/**====================onglet twitter a gauche =======================**/



#volet {
  width: 246px;                        /* Largeur du Volet */
  padding: 3px;                        /* Marge intérieure dans le Volet */
  background:#333;                /* Couleur de fond du Volet */
  color: #ffffff;                    /* Couleur texte dans Volet */
  height: 510px;                      /* Hauteur du Volet */
  border-radius:15px;
  border:2px solid blue;
}

#volet a.ouvrir,
#volet a.fermer {
  padding: 10px 26px;    /* Largeur et hauteur du bloc de Infos et de Fermer */
  /*background:#f0f0f0; */  /* Couleur de fond de Infos et de Fermer */
  color: #000;        /* couleur de Infos et de Fermer */
  text-decoration: none;  /* Décoration du texte Infos et de Fermer */
  /*border:1px solid #000;*/
}

#volet {
  position: absolute;    /* Positionnement du Volet */
  left: -258px;          /* Décalage de 270px vers la droite */
   
  /* Transition sur le volet */
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

#volet a.ouvrir,
#volet a.fermer {
  position: absolute;  /* Positionnement de Infos et Fermer */
  right: -75px;        /* Position gauche droite du bloc de Infos et de Fermer */
  top: 110px;          /* Position haut bas du bloc de Infos et de Fermer */
   
  /* quelques styles CSS3, comptabilité avec différents navigateurs */
  /*-webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);*/
  /* Bordures arrondies */
  -moz-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

#volet a.fermer {
  display: none;    /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet:target {
  left: 33px;        /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet:target a.fermer {
  display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet:target a.ouvrir {
  display: none;        /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer:target #volet {
  left: -258px;          /* Pour que le volet retourne à sa place */
}

#voletfermer {
  position: fixed;
  top: 65px; left: 0;  /* Positionnement haut bas de tout */
}


/**======================onglet facebook a gauche===========================**/


#volet_1 {
  width: 246px;                        /* Largeur du Volet */
  padding: 3px;                        /* Marge intérieure dans le Volet */
  background:#333;                /* Couleur de fond du Volet */
  color: #ffffff;                    /* Couleur texte dans Volet */
  height: 500px;                      /* Hauteur du Volet */
  border-radius:15px;
  border:2px solid blue;
 
}
#volet_1 a.ouvrir,
#volet_1 a.fermer {
  padding: 10px 26px;    /* Largeur et hauteur du bloc de Infos et de Fermer */
  /*background:#f0f0f0;  */  /* Couleur de fond de Infos et de Fermer */
  color: #000;        /* couleur de Infos et de Fermer */
  text-decoration: none;  /* Décoration du texte Infos et de Fermer */
  /*border:1px solid #000;*/
}

#volet_1 {
  position: absolute;    /* Positionnement du Volet */
  left: -258px;          /* Décalage de 270px vers la droite */
   
  /* Transition sur le volet */
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
 
}

#volet_1 a.ouvrir,
#volet_1 a.fermer {
  position: absolute;  /* Positionnement de Infos et Fermer */
  right: -75px;        /* Position gauche droite du bloc de Infos et de Fermer */
  top: 280px;          /* Position haut bas du bloc de Infos et de Fermer */
   
  /* quelques styles CSS3, comptabilité avec différents navigateurs */
  /*-webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);*/
  /* Bordures arrondies */
  -moz-radius: 0 0 0px 0px;
  border-radius: 0 0 0px 0px;
}

#volet_1 a.fermer {
  display: none;    /* Pour que ouvrir passe dessus fermer, lorsque c'est fermé */
}

#volet_1:target {
  left: 33px;        /* Espace entre l'extrémité gauche du Volet bord de l'écran */
}

/* Code pour la fermeture */
#volet_1:target a.fermer {
  display: block;        /* Pour que fermer apparaisse lorsque ouvrir apparait */
}

#volet_1:target a.ouvrir {
  display: none;        /* Pour que ouvrir disparaisse lorsque fermer apparait */
}

#voletfermer_1:target #volet_1 {
  left: -258px;          /* Pour que le volet retourne à sa place */
}

#voletfermer_1 {
  position: fixed;
  top: 65px; left: 0;  /* Positionnement haut bas de tout */
}

/************===================fin onglet twitter et facebook====================******************/

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

/****************************************fin R-max**************************************************/




/*===================== adapté par Rotorman ====================*/

/*===================menu barre ========================*/

/*====================== fond ==========================*/
#containez {background-color:#01B0F0;background-color:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background-color:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:absolute;margin:auto;padding:auto;
width:82%;/*box-shadow:0 6px 30px rgba(0,0,0,0.4);*/  line-height: 1;display: block;font-family: 'PT Sans', sans-serif;border-radius:10px;z-index:200;}
/*====================== menu =========================*/
#cssmenu {background-color:#01B0F0;background-color:-moz-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#01B0F0),color-stop(100%,#495CFF));background-color:-webkit-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-o-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:-ms-linear-gradient(top,#01B0F0 0%,#495CFF 100%);background-color:linear-gradient(to bottom,#01B0F0 0%,#495CFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01B0F0',endColorstr='#495CFF',GradientType=0);position:absolute!important;z-index:200;
margin:auto;padding:auto;width:82%;margin-left:auto;margin-right:auto;line-height: 1;display: block;font-family: 'Arial', Gadget, sans-serif;border-radius:10px;}
#cssmenu{position:absolute!important;}

#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
padding-left:90px !important;padding-top:8px !important;}
/*test no_way*/

#fa_toolbar :link, #fa_toolbar :visited {
  color: #000!important;
  text-decoration: none;
}
#fa_left{padding-right:30px!important;}
#fa_search{display:none !important;}

#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}

/*=========================== sous-menus =========================*/
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
  width: 300px;
  border-right: solid 2px red;
z-index:0;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 0;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 1;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 350px;
  padding: 7px 7px 7px 7px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: red;
  /*font-weight:bold;*/
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
/*=================================== menu droit ================================*/
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
/*=================================== menu droit ================================*/
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
/*no_way ok*/
/*========================================== onglets ==========================================*/
#cssmenu > ul > li:after {
  Border-radius:5px 5px 0 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 1;
  background:white;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;

}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #000000;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}

#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}

#cssmenu > ul > li > a {
  color: #000000;
  padding: 15px 20px;
  /*font-weight: 700; */
  letter-spacing: 1px;
  /*text-transform: uppercase; */
  font-size: 12px;
  z-index: 2;
  position: relative;
}
/*no_way ok*/
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #000000;
}
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #000000;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block; 
}

#cssmenu > ul > li {
  width:auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
/*no_way ok*/
/*============================================ menu drop mobile ====================================*/
#cssmenu > ul > li > ul > li {
  width: 370px;
  display: block;
}  /**800 - 1024 - 192 dpi**/
@media all and (max-width: 600px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 500px), only screen and (min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min-resolution: 96dpi) and (max-width: 500px), only screen and (min-resolution: 2dppx) and (max-width: 500px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease-out;
    -moz-transition: max-height 0.25s ease-out;
    -ms-transition: max-height 0.25s ease-out;
    -o-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;

  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    /*text-transform: uppercase;
    font-weight: 700; */
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}
/*************************fin R-max************************************/
/**========================= fond dans réponse ===================================**/
.sceditor-container iframe, .sceditor-container textarea {
background:url("http://i19.servimg.com/u/f19/19/23/09/94/test_b20.png")!important;
background-repeat:no-repeat!important; 
background-position:center!important;
}

/*apparence citations, codes et spoilers*/
 
dl.codebox {
  background: rgb(249, 249, 249);  /*couleur de fond des contenus*/
  border: 1px solid grey;
  border-radius: 10px;
  box-shadow: 1px 1px 2px grey;
}
.codebox dd {
  background: none;
  padding: 5px;
  border: none;
}
.codebox dt {
  background-color: rgb(0, 102, 153);  /*couleur de fond des en-têtes*/
  padding: 2px 5px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  color: black;  /*couleur du texte des entêtes*/
  font-size: 11px;  /*taille du texte des en-têtes*/
}
dl.codebox dt .genmed {
  color: white;  /*couleur du texte des en-têtes pour les spoilers*/
  font-size: 11px;  /*taille du texte des en-têtes pour les spoilers*/
}
.spoiler_content {
  background: none;
  border: none;
}
dd.spoiler_closed {
  display: none;
}
 
/*fin apparence citations, codes et spoilers*/

/* Afficher avatar du membre dans la toolbar plus couleur toolbar supresssion des boutons réseaux sociaux DEBUT */


.fa_avatar {
  width: 45px;
  height: 45px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/* Afficher avatar du membre dans la toolbar FIN */

#fa_toolbar {
  /*left: 0px;*/
  position:center;
  margin:auto;
  width:100%;
  height: 50px !important;
  background-color:#f0f0f0!important;
  color: #fff;
  font-family: Helvetica, Verdana, Arial;
  font-size: 16px;
  z-index: 999;
  border-bottom: 2px #375d81 solid;
  border-radius:0px 0px 35px 35px; 
  width:auto !important;
  box-shadow:0px 5px 15px #375d81;
}
#fa_welcome, #fa_right #fa_notifications {
  line-height: 60px !important;
  padding: 0px 5px;
  color: #000 !important;
}
#fa_left{padding-top:9px !important;}
span#fa_share {display:none!important;}
#fa_search #fa_textarea {
 display:none;
}

#fa_toolbar #fa_hide,#fa_toolbar_hidden #fa_show{
background-image: url('http://2img.net/i/fa/empty.gif')!important;
width: 31px;
height: 32px;
background-position: 0px 0px;
}
/*no_way ok*/

/*====Couleur fond widgets======*/
/*==Couleur fond widgets==*/
div#left td.catLeft {
  background: #0ac2b3;
  border: none;
  }


/***************DEBUT EFFET TOGGLE FAQ PAR Milouze14***************/
/*Les questions de la FAQ*/
div[onclick^="return"] a
{
color:grey !important;/*on demande une couleur de police*/
font-weight:normal;/*on demande en caractere normal*/
font-style:italic;/*on demande en style italic*/
text-decoration:none !important;/*on supprime le soulignement*/
}

/******Les reponses*******/
/*on depose un style pour l effet de transition en relation avec le script*/
.M14_effet_Faq
{
position:fixed;/*on fixe le bloc*/
left:45%;/*on le positionne a 45 pourcent de la gauche*/
right:45%;/*on le positionne a 45 pourcent de la droite*/
width:10%;/*il reste 10 pourcent pour la largeur*/
top:10%;/*on le place a 10 pourcent du haut*/
min-height:30px;/*on lui donne une largeur minimale*/
height:auto;/*on demande une hauteur en automatique*/
max-height:250px;/*on impose une hauteur maximale*/
overflow-y:auto; /*on demande en cas dde depassement un scroll*/
z-index:999;/*Au premier plan*/
-moz-opacity:0;/*Opacity a 0 navigateurs recents*/
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
  /*on ajoute un entourage flou avec une couleur grise*/
  -moz-box-shadow: 0px 0px 30px 20px grey;
-webkit-box-shadow: 0px 0px 30px 20px grey;
-o-box-shadow: 0px 0px 30px 20px grey;
box-shadow: 0px 0px 30px 20px grey;
  /*les bordures arrondies*/
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*La table dans le bloc*/
.M14_effet_Faq table
{
border:2px solid grey;/*bordure epaisseur 2px style solid couleur grise*/
background-color:white;/*couleur de fond*/
cursor:pointer; /*on demande un style cursor*/
-moz-border-radius: 5px;/*les bordures arrondies*/
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*La petite croix de fermeture*/
.M14_Close_Faq
{
color:grey;/*on demande une couleur de police*/
font-weight:bold;/*on demande en caractere gras*/
position:absolute;/*on demande une position bien definie*/
top:10px;/*a 10px du haut*/
left:96%;/*a 96 pourcent de la gauche*/
cursor:pointer; /*on demande un style cursor*/
}
/*La cellule laissant apparaitre le contenu*/
.M14_effet_Faq td
{
/*on demande un espace en haut 10px a droite 35px puis 5px en bas et a gauche*/
/*le 35px est impose pour laisser la place au bouton de fermeture*/
padding: 10px 35px 5px  5px;
}
/*Apparence du texte et son placement*/
.M14_effet_Faq span.postbody
{
color:grey;/*on demande une couleur de police*/
font-weight:bold;/*on demande en caractere gras*/
font-style:italic;/*on demande en style italic*/
padding-right: 35px;/*on demande un espace de 35px a doite pour placer le bouton*/
}
/*Apparence des liens*/
.M14_effet_Faq span.postbody a
{
color:orange;/*on demande une couleur de police*/
font-weight:normal;/*on demande en caractere normal*/
font-style:italic;/*on demande en style italic*/
text-decoration:none !important;/*on supprime le soulignement*/
}
/***************FIN EFFET TOGGLE FAQ***************/



/*Le bouton pour l ouverture de la fenetre*/
.M14_open_Body
{
width: 16px;
height: 16px;
right: 10px;
float: right;
cursor:pointer;
}
/*Le bouton pour la fermeture de la fenetre*/
.M14_close_Body
{
position: absolute;
width: 16px;
height: 16px;
top: 10px;
right: 10px;
cursor:pointer;
}
/*On place les transitions sur les messages*/
.postbody
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*La fenetre agrandie*/
#M14_Effet_body.postbody
{
/*On donne une position relative*/
position: relative;
/*On demande une marge negative a gauche pour la correction de la fenetre*/
left:-80px;
/*La couleur de fond*/
background: white;
/*La couleur de police*/
color:black;
/*La taille de police*/
font-size:14px;
/*On donne un espace conséquent si besoin peut etre supprime*/
padding: 20px 30px 10px 10px;
/*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
  /*la couleur de bordure*/
border:2px solid #006699;
  /*Les bordures arrondies sur la plupart des navigateurs*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


/** bouton haut bas forum **/
a.M14_ToP
    {
    width:24px; /*largeur de l image*/
    height:24px;/*hauteur de l image*/
    position:fixed;/*on fixe le bouton */
    bottom:20px;/*on le place a 100px du bas*/
    right:10px;/*on le place a 40px de la droite*/
    display:none;/*on cache le bouton*/
      /*l image du bouton */
    background: url('http://i21.servimg.com/u/f21/18/51/82/95/remont10.png') no-repeat ;
    }
a.M14_BoTTom
    {
    width:24px; /*largeur de l image*/
    height:24px;/*hauteur de l image*/
    position:fixed;/*on fixe le bouton */
    top:70px;/*on le place a 100px du bas*/
    right:10px;/*on le place a 40px de la droite*/
    background: url('http://i21.servimg.com/u/f21/18/51/82/95/decsen10.png') no-repeat ;
}


/* POPUP d inscription */
 
#login_popup .row1 {
  background: url(http://i18.servimg.com/u/f18/19/23/09/94/amarid14.png);
}
 
#login_popup_buttons {
  padding-bottom: 10px;
  width: 100%;
  right: 0;
  text-align: center;
 
}





/* Les cellules zoomees*/
td#M14_Zoom
{
padding:5px;
border:5px solid white;
z-index:999;
box-shadow: 3px 3px 10px 2px black;
border-Radius:6px;
cursor:pointer;
-webkit-transform: rotate(360deg) scale(2);
-moz-transform: rotate(360deg) scale(2);
-o-transform: rotate(360deg) scale(2);
-ms-transform: rotate(360deg) scale(2);
transform: rotate(360deg) scale(2);
}
/*L apparence des couleurs et tailles de police*/
td#M14_Zoom a.gensmall ,td#M14_Zoom .gensmall{font-size:15px;}
/*On depose les transitions sur tous les styles*/
td.row3.over,  td.row3Right
{
cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Pensez à valider les modifications en cliquant sur le bouton 


/*  Afficher les images sur la version mobile */

.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }

.cat_no_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/dossie11.png);
background-repeat:no-repeat;
}
 
.cat_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/nouvea10.gif);
background-repeat:no-repeat;
}

.forum_no_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/folder10.png);
background-repeat:no-repeat;
}
 
.forum_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/nouvea10.gif);
background-repeat:no-repeat;
}

.folder_no_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/dossie11.png);
background-repeat:no-repeat;
}

.folder_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/nouvea10.gif);
background-repeat:no-repeat;
}

.folder_hot
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/dossie11.png);
background-repeat:no-repeat;
}


.folder_hot_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/nouvea10.gif);
background-repeat:no-repeat;
}

.folder_no_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/dossie11.png);
background-repeat:no-repeat;
}

.folder_global
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/annonc10.png);
background-repeat:no-repeat;
}

.folder_global_new
{
background:url(http://i21.servimg.com/u/f21/19/23/09/94/annonc10.gif);
background-repeat:no-repeat;
}

/* sujet verouillé */


.M14_sujet_ferme
{
margin: 15px 0px;/*on decale de 15px du haut puis 0 */
width:20%;/*on demande une largeur de 20%*/
padding: 13px 10px 13px 50px;/*l espace interieur du bloc*/
border: 1px solid #20aec8;/*la bordure*/
background-image: url(LE LIEN DE L IMAGE);/*le lien de l image 16 px*/
background-repeat: no-repeat;/*on ne repete pas l image*/
background-position: 10px center;/*on place l image a 10 px du haut puis on la centre*/
color: #20aec8 !important;/*la couleur de police*/
background-color: #F0F0F0;/*la couleur de fond*/
-webkit-border-radius: 10px;/*les bordures arrondies*/
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;/*on centre le texte*/
font-size: 18px;/*on donne une taille de police*/
}

/* menus deroulants modo */

 

          #M14_bloc_deroulant {background:transparent;float:left;height:20px;width:20px;display: block;margin-right: 40px;
margin-top: -10px;margin-left: -40px;}
        #M14_bloc_deroulant ul {text-align:center;}
        #M14_bloc_deroulant ul li {display:inline;}
       
        #M14_bloc_deroulant ul li a {display:block;}
        #M14_bloc_deroulant ul li ul
        {
        position:absolute;
        background:#FFF;
        width:80px;
        height: auto;
        padding:2px 30px 10px 10px;
        border:1px solid #666;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        }
        #M14_bloc_deroulant ul li ul li.M14_soustitre1 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre2 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre3 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre4 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre5 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre6 ,
        #M14_bloc_deroulant ul li ul li.M14_soustitre7
        {
       
        padding:0;
        height:20px;


        }
       
        #M14_bloc_deroulant ul li ul li a.sceditor-button
        {display:inline;padding:5px;color:#444;font-size:11px;text-decoration:none!important;width:80px;margin:2px 0px 2px 0px;}
        #M14_bloc_deroulant ul li ul li:hover a.sceditor-button {background:transparent;}
        #M14_bloc_deroulant ul li ul.fallback {display:none;padding:2px;}
        #M14_bloc_deroulant ul li:hover ul.fallback {display:block;}
        #M14_bloc_deroulant a.sceditor-button:hover {box-shadow:none!important;}




/* solution resolu */


#M14_ReSoLu , #M14_ReSoLuHref{display:none;}
#M14_ReSoLuHref{position: relative;top: 4px;}

/* message de remiercement */
.post.thanked td, #fa_thanks td, #fa_thanks + tr td {
  background-color:#F0F0F0 !important;
} 
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
}

/* On cache le bouton des  smileys*/
#quickEmojInternal {
    margin-top: -65px;
}


/**------img dans menu -----fleche------------------------**/
#imgg{width:20px;height:20px;float:left;margin-right:7px;}
/**------ img dans menu----logo------------------------**/
#imggmi {
    float: left;
    height: 20px;
    margin-right: 7px;
    width: 20px;
    margin-top: -3px;
}
/**------fin img dans menu--------------------------------**/

/** ---- reduction image pour calendrier --------**/


#M14_Cal_IMG img
{
max-width:400px;
max-height:400px;
}

/**-- couleur de message online de message privé--**/

#fa_toolbar #live_notif .fa_notification {
  background:#333 !important;
  border:1px solid #000;
  border-radius:3px !important;
  box-shadow:0 3px 12px rgba(0, 0, 0, 0.175);
  opacity:0.8 !important;
  margin-top:5px;
}
 
#fa_toolbar #live_notif .fa_notification .content {
  color:#FFF !important;
  }
 
#fa_toolbar #live_notif .fa_notification a { color:#fff !important }
#fa_toolbar #live_notif .fa_notification a:hover { color:#CCC !important }


/**--couleur et fond de l'encadre notification --**/

#fa_toolbar #fa_right #notif_list li.see_all { background:#FFF !important }
#fa_toolbar #fa_right #notif_list {
  border:none !important;
  border-right:2px solid #F00 !important;
}

/**-- couleur et fond encadre membre--**/

 
/*La  couleur de fond*/
 
#fa_menulist
{
background:white !important;
color:white !important;
text-decoration:none !important;
border-right:2px solid #F00 !important; 
}
/*La couleur de police*/
#fa_right.M14_Admin #fa_usermenu , #fa_right.M14_Admin #fa_menulist li a
{
color:black !important;
text-decoration:none !important;
}