.btn-sep { padding-left:15px; }

.btn-cont { height:22px; }
.btn-l { float:left;height:18px;width:1px;margin:2px 0px; }
.btn-r, .btn-r2 { float:left;width:1px;margin:1px 0px;height:20px;voice-family: "\"}\"";voice-family:inherit;height:18px; }
html>body .btn-r, html>body .btn-r2 { height:18px; }
/*
.btn, .btn:link, .btn:active, .btn:visited, .btn:focus,
.btn-pic-l, .btn-pic-l:link, .btn-pic-l:active, .btn-pic-l:visited, .btn-pic-l:focus,
.btn-pic-r, .btn-pic-r:link, .btn-pic-r:active, .btn-pic-r:visited, .btn-pic-r:focus {
*/
.btn-c {
  float:left;
  height:22px;
  voice-family: "\"}\"";voice-family:inherit;height:20px;
}
html>body .btn-c { height:20px; }
.btn-ins {
  float:left;
  height:20px;
  voice-family: "\"}\"";voice-family:inherit;height:18px;
}
html>body .btn-ins { height:18px;float:none; }
.btn, .btn-pic-l, .btn-pic-r {
  display:block;
  float:left;
  margin:0;
  text-decoration: none;
  font-weight:bold;
  font-family:verdana,arial,helvetica;
  font-size:12px;
  background-repeat: no-repeat;
  height:16px;
  voice-family: "\"}\"";voice-family:inherit;height:14px;
}
html>body .btn, html>body .btn-pic-l, html>body .btn-pic-r { height:14px;float:none; }
.btn {
  padding: 2px 2px 2px 2px;
}
.btn-pic-l {
  padding:2px 2px 2px 20px;
}
.btn-pic-r {
  background-position: right 0;
  padding:2px 20px 2px 2px;
}
/*****/
/*
https://saruwakakun.com/en/css3-buttons
https://stackoverflow.com/questions/8195215/css-background-image-on-background-color
http://css.mammouthland.net/css3/plusieurs-background-image-sans-div.php
https://developer.mozilla.org/fr/docs/Outils/Pipette_%C3%A0_couleur
https://developer.mozilla.org/fr/docs/Web/CSS/Utilisation_de_d%C3%A9grad%C3%A9s_CSS
http://css.mammouthland.net/css3/degrades-sans-image.php
https://stackoverflow.com/questions/3087975/make-the-cursor-a-hand-when-a-user-hovers-over-a-list-item
*/
.btn-annuler, .btn-annuler:visited, .btn-valider, .btn-valider:visited, .btn-enregistrer, .btn-enregistrer:visited, .btn-diaporama, .btn-diaporama:visited, .btn-continuer, .btn-continuer:visited, .btn-ajoutercontacts, .btn-ajoutercontacts:visited, .btn-ok, .btn-ok:visited {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color:#ffffff;
    border:1px #000000 solid;
    border-radius: 3px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    font-size:12px;
    font-family:verdana, arial;
    background-repeat:no-repeat;
    cursor:pointer;
}
.btn-ok {
    background:linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
    padding:3px;
}
.btn-enregistrer, .btn-diaporama, .btn-ajoutercontacts, .btn-valider, .btn-annuler {
  padding:2px 2px 2px 20px;
}
.btn-modifier, .btn-modifier:active {
  background-color: orange;
  padding:5px;
  border-radius: 11px;
  text-decoration:none;
  margin:15px 5px 0 0;
  color:#ffffff;
}
.btn-continuer {
  padding:2px 20px 2px 2px;
  border-radius: 10% 90% 90% 10%;
}
.btn-annuler {
  background: url(/edsa-yamafoto/images/default/pictos/annuler.gif) no-repeat 2px 2px, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-valider {
  background: url(/edsa-yamafoto/images/default/pictos/valider2.gif) no-repeat 2px 2px, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-enregistrer {
  background:url(../../images/yamababy/enregistrer.gif) no-repeat left top, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-diaporama {
  background:url(/edsa-yamafoto/images/default/pictos/diaporama_transp.gif) no-repeat left top, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-ajoutercontacts {
  background: url(/edsa-yamafoto/images/default/pictos/ajouter.gif) no-repeat left top, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-continuer {
  background: url(/edsa-yamafoto/images/default/pictos/big_fleche_right.gif) no-repeat right top, linear-gradient(#ffcc99, #fd9738, #fd9738, #fd9738);
}
.btn-enregistrer:active, .btn-ok:active, .btn-continuer:active, .btn-annuler:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.btn-upload { background-image: url(/edsa-yamafoto/images/default/cliparts/mini/15.gif); }
.btn-organiser { background-image: url(/edsa-yamafoto/images/default/cliparts/mini/16.gif); }
.btn-supprimer { background-image: url(/edsa-yamafoto/images/default/cliparts/mini/21.gif); }
.btn-creer { background-image: url(/edsa-yamafoto/images/default/pictos/creer_album.gif); }
.btn-action { background-image: url(/edsa-yamafoto/images/default/puces/fleche_action.gif); }
/*
.btn-oui { background-image: url(/edsa-yamafoto/images/default/pictos/valider2.gif); }
.btn-non { background-image: url(/edsa-yamafoto/images/default/pictos/annuler.gif); }
*/
.btn-annuler { background-image: url(/edsa-yamafoto/images/default/pictos/annuler.gif); }
.btn-retour { background-image: url(/edsa-yamafoto/images/default/pictos/fleche_retour.gif); }
.btn-voir { background-image: url(/edsa-yamafoto/images/default/pictos/voir_album.gif); }
.btn-deplacer { background-image: url(/edsa-yamafoto/images/default/pictos/deplacer.gif); }
.btn-editer { background-image: url(/edsa-yamafoto/images/default/pictos/btn-editer.png); }
.btn-envoyer { background-image: url(/edsa-yamafoto/images/default/pictos/poster.gif); }
.btn-fermer { background-image: url(/edsa-yamafoto/images/default/pictos/fermer2.gif); }

.btn-fullscreen { background-position:0 0;background-image: url(/edsa-yamafoto/images/default/pictos/grand_format_0.gif); }
.btn-fullscreen:hover { background-image: url(/edsa-yamafoto/images/default/pictos/grand_format_1.gif); }
.btn-diapo { background-image: url(/edsa-yamafoto/images/default/pictos/diaporama_0.gif); }
.btn-diapo:hover { background-image: url(/edsa-yamafoto/images/default/pictos/diaporama_1.gif); }
.btn-fl-g { background-image: url(/edsa-yamafoto/images/default/pictos/fleche_left_album_0.gif); }
.btn-fl-g:hover { background-image: url(/edsa-yamafoto/images/default/pictos/fleche_left_album_1.gif); }
.btn-fl-d { background-image: url(/edsa-yamafoto/images/default/pictos/fleche_right_album_0.gif); }
.btn-fl-d:hover { background-image: url(/edsa-yamafoto/images/default/pictos/fleche_right_album_1.gif); }
.btn-retourindex { background-image: url(/edsa-yamafoto/images/default/pictos/bouton_index_album_0.gif); }
.btn-retourindex:hover { background-image: url(/edsa-yamafoto/images/default/pictos/bouton_index_album_1.gif); }
.btn-lire { background-image: url(/edsa-yamafoto/images/default/pictos/formulaire_transp.gif); }
.btn-nouveautes {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/6.gif);
}
.btn-annu {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/4.gif);
}
.btn-imprimer { background-image: url(/edsa-yamafoto/images/default/pictos/imprimer_transp.gif); }
.btn-delete { background-image: url(/edsa-yamafoto/images/default/pictos/delete.gif); }
.btn-stats { background-image: url(/edsa-yamafoto/images/default/cliparts/mini/22.gif); }
.btn-rediger { background-image: url(/edsa-yamafoto/images/default/pictos/crayon_transp.gif); }
/*
.btn-fl-g:hover { background-image: url(/edsa-yamafoto/images/pictos/grand_format_1.gif); }
*/
/*




.btn-nouveautes { background-image: url(/edsa-yamafoto/images/default/pictos/nouveautes.gif); }

.btn-diaporama { background-image: url(/edsa-yamafoto/images/default/pictos/diaporama_transp.gif); }
*/
/* bouton_visiter', 14, 'diaporama2.gif */
/*

.btn-lire { background-image: url(/edsa-yamafoto/images/default/pictos/bulles_transp.gif); }

.btn-imprimer { background-image: url(/edsa-yamafoto/images/default/pictos/imprimer_transp.gif); }

*/
/*
parfois il faudra inverser la fleche pour btn-continuer
et mettre font-size a 16px (cf site en ligne)
*/

.lien-pic-l {
  display:block;
  text-align:left;
  padding:2px 2px 2px 20px;
  margin:3px 0 0 0;
  background-repeat: no-repeat;
  height:16px;
  voice-family: "\"}\"";voice-family:inherit;height:14px;
}
html>body .lien-pic-l { height:14px; }

.lien-pic-l2 {
  display:block;
  text-align:left;
  padding-left:20px;
  margin-right:3px;
  background-repeat: no-repeat;
  height:22px;
}

.lien-pic-l3 {
  display:block;
  text-align:left;
  padding:2px 2px 2px 20px;
  margin:0;
  background-repeat: no-repeat;
  height:16px;
  voice-family: "\"}\"";voice-family:inherit;height:14px;
}
html>body .lien-pic-l { height:14px; }

.sousnav a, .sousnav a:active, .sousnav a:visited
{
  background-repeat: no-repeat;
  background-position: 0 0;
  padding:2px 0 0 20px;
  margin-right:3px;
  display:block;
  float:left;
  height:20px;
  font-weight:bold;
  color: #000;
}

#a-accueil, #a-accueil:active, #a-accueil:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/78.gif);
}
#a-profil, #a-profil:active, #a-profil:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/62.gif);
}
#a-compte, #a-compte:active, #a-compte:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/62.gif);
}
#a-albums, #a-albums:active, #a-albums:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/13.gif);
}
#a-contacts, #a-contacts:active, #a-contacts:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/25.gif);
}
#a-favoris, #a-favoris:active, #a-favoris:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/28.gif);
}
#a-partage, #a-partage:active, #a-partage:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/25.gif);
}

.btn-on {
  border:1px #000 solid;
  border-radius:5px;
  display:block;
}

/* nouveau teaser à déplacer */
/* NOUVEAU TEASERS */
.zgoum2, .zgoum3 {
  position:relative;
  background-color:#6699ff;
  border-left:1px #3c8eff solid;
  border-right:1px #3c8eff solid;
  border-bottom:1px #3c8eff solid;
  border-top:1px #3c8eff solid;
  /*
  width:94%;
  */
  width:150px;
  margin:auto;
  border-radius:5px 5px 0 0;
  background: linear-gradient(#99ccff, #3c8eff 20%, #6699ff 75%, #3c8eff 100%);
  background-repeat: repeat-x;background-color:#6699ff;
}
.zgoum2:before, .zgoum3:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 2px; /* dépend du border */
  left: 0;
  height:90%;
  width:99%;
  border-left:1px #99ccff solid;
  border-right: 1px #0066ff solid;
  border-bottom: 1px #0066ff solid;
}
.zgoum2-content, .zgoum3-content {
  position:relative;
  /*
  width:94%;
  */
  width:150px;
  margin:auto;
  padding-bottom:5px;
  border-left:1px #3c8eff solid;
  border-right:1px #3c8eff solid;
  border-bottom:1px #3c8eff solid;
  background-color:#fff0ff;
  color:#996666;
}
/* https://stackoverflow.com/questions/3747547/what-css-selector-can-be-used-to-select-the-first-div-within-another-div */
/* sinon le contenu n'est pas cliquable car .zgoum2-content:before qui sert uniquement à faire le border intérieur a un z-index de 10 */
/*
.zgoum2-content > div:first-of-type, .zgoum3-content > div:first-of-type{
  position:absolute;
  z-index: 11;
}
.zgoum2-content:before, .zgoum3-content:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height:99.5%;
  width:99%;
  border-left:1px #99ccff solid;
  border-right: 1px #996666 solid;
  border-bottom: 1px #996666 solid;
}
*/
.zgoum2-content a, .zgoum3-content a {
  color:#000;
}