.c-i { border: 1px solid #669999;background-color:#fff;color:#000; }

.lien-pic-l2 {
  display:block;
  text-align:left;
  padding-left:20px;  
  margin-right:3px;  
  background-repeat: no-repeat;
  height:22px;  
  text-decoration:none;
}
.btn-action, .btn-action:hover { background-image: url(/application/images/default/puces/fleche_action.gif); }

  /****************/
 /* encadre coin */
/****************/
.encadre-prefix { float:left;width:5px; }
.encadre-coin { float:left;width:20px;height:20px; }
.encadre-l { float:left;width:1px;margin:2px 0 0 0; }
.encadre-r { float:left;width:1px;margin:1px 0 0 0; } 
.encadre { float:left;margin:0;padding:0; }
.encadre p { 
  display:block;
  float:left;
  padding: 2px 3px 0 3px;
  margin:0;
  text-decoration: none;
  font-weight:bold;
}

.encadre p { height:19px;voice-family: "\"}\"";voice-family:inherit;height:16px; }
html>body .encadre p { height:16px; }
.encadre { height:20px;voice-family: "\"}\"";voice-family:inherit;height:19px; }
html>body .encadre { height:19px; }
.encadre-l { height:18px;voice-family: "\"}\"";voice-family:inherit;height:18px; }
html>body .encadre-l { height:18px; }
.encadre-r { height:19px;voice-family: "\"}\"";voice-family:inherit;height:18px; }
html>body .encadre-r { height:18px; }

.c-coin3 {background:url(/application/images/default/kit/bleu_xp/coin_right.jpg );}
.c-coin-l3 { background-color:#1c58c3; }
.c-coin-r3 { border-top:1px #1c58c3 solid;background-color:#74abe8; } 
.c-coin-main3 { border-top:1px #1c58c3 solid; }
.c-coin-p3 { 
background-color:#1567cf;
background: url(/application/images/default/kit/bleu_xp/degrade_2.jpg);
border-top: 1px #74abe8 solid;
color:#fff;
}

.c-hb3 { background-color:#74abe8;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }
.c-bh3 { background-color:#3366ff;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }

.teas-t { font-weight:bold;text-align:center;padding:2px 0;height:22px;voice-family: "\"}\"";voice-family:inherit;height:17px; }
html>body .teas-t { height:17px; }


.c-h3 { background-color:#1c58c3; }
.c-hb3 { background-color:#74abe8;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }
/*
.c-b3 { background-color:#74abe8;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }
*/
.c-b3b { background-color:#ffffff;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }
.c-b3c { background-color:#d8d2bd;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }

.c-c3 { border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;border-bottom:1px #1c58c3 solid; }
.c-c3b { border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid; }
.c-t3, .c-t3b { background-color:#1567cf;border-left:1px #74abe8 solid;border-right: 1px #3366ff solid;border-bottom: 1px #3366ff solid; }
.c-t3c { background-color:#1567cf;border-left:1px #74abe8 solid;border-right: 1px #3366ff solid; }
/* .c-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */ 
.c-t3d { border-left:1px #74abe8 solid;border-right: 1px #3366ff solid; }
.c-t3, .c-bord3 { background: url(/application/images/default/kit/bleu_xp/degrade_1.jpg);background-repeat: repeat-x; }
.c-t3b, .c-t3c, .c-cont3c, .c-bkgd3 { background: url(/application/images/default/kit/bleu_xp/degrade_2.jpg);background-repeat: repeat-x;background-color:#1567cf; }
/* texte des entetes */
.c-t3, .c-t3b, .c-t3c, .c-t3d, .c-bord3 { color:#fff; }
.c-cont3, .c-cont3c { border-left:1px #74abe8 solid;border-right: 1px #3366ff solid; }
.c-cont3b { border-left: 1px #74abe8 solid;border-right: 1px #3366ff solid;border-top: 1px #74abe8 solid;border-bottom: 1px #3366ff solid; }
.c-cont3d { border-left: 1px #74abe8 solid;border-right: 1px #3366ff solid;border-bottom: 1px #3366ff solid; }
/* texte du contenu */
.c-cont3, .c-cont3b, .c-cont3c, .c-cont3d { background-color:#1567cf;color:#fff; }
/* texte 2 du contenu a placer dans un */
.c-cont3 .t2, .c-cont3b .t2 { color:#fff; }
/* lien du contenu */

.c-t3 a, .c-t3 a:link, .c-t3 a:active, .c-t3 a:visited,
.c-t3c a, .c-t3c a:link, .c-t3c a:active, .c-t3c a:visited,
.c-cont3 a, .c-cont3b a, .c-cont3c a, .c-cont3d a, 
.c-cont3 a:link, .c-cont3 a:active, .c-cont3 a:visited,
.c-cont3b a:link, .c-cont3b a:active, .c-cont3b a:visited,
.c-cont3c a:link, .c-cont3c a:active, .c-cont3c a:visited,
.c-cont3d a:link, .c-cont3d a:active, .c-cont3d a:visited { color:#fff; }



.c-hb2 { background-color:#99ccff;border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }
.c-bh2 { background-color:#0066ff;border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }

.c-h2 { background-color:#3c8eff; }
.c-b2b { background-color:#ffffff;border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }
.c-b2c { background-color:#d8d2bd;border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }

.c-c2 { border-left:1px #3c8eff solid;border-right:1px #3c8eff solid;border-bottom:1px #3c8eff solid; }
.c-c2b { border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }
.c-t2, .c-t2b { background-color:#6699ff;border-left:1px #99ccff solid;border-right: 1px #0066ff solid;border-bottom: 1px #0066ff solid; }
.c-t2c { background-color:#6699ff;border-left:1px #99ccff solid;border-right: 1px #0066ff solid; }

.c-t2d { border-left:1px #99ccff solid;border-right: 1px #0066ff solid; }
.c-t2, .c-bord2 { background: url(/application/images/default/kit/bleu2/degrade_1.jpg);background-repeat: repeat-x; }
.c-t2b, .c-t2c, .c-cont2c, .c-bkgd2 { background: url(/application/images/default/kit/bleu2/degrade_2.jpg);background-repeat: repeat-x;background-color:#6699ff; }
/* texte des entetes */
.c-t2, .c-t2b, .c-t2c, .c-t2d, .c-bord2 { color:#fff; }
.c-cont2, .c-cont2c { border-left:1px #99ccff solid;border-right: 1px #0066ff solid; }
.c-cont2b { border-left: 1px #99ccff solid;border-right: 1px #0066ff solid;border-top: 1px #99ccff solid;border-bottom: 1px #0066ff solid; }
.c-cont2d { border-left: 1px #99ccff solid;border-right: 1px #0066ff solid;border-bottom: 1px #0066ff solid; }
/* texte du contenu */
.c-cont2, .c-cont2b, .c-cont2c, .c-cont2d { background-color:#6699ff;color:#fff; }
/* texte 2 du contenu a placer dans un */
.c-cont2 .t2, .c-cont2b .t2 { color:#fff; }
/* lien du contenu */

.c-t2 a, .c-t2 a:link, .c-t2 a:active, .c-t2 a:visited,
.c-t2c a, .c-t2c a:link, .c-t2c a:active, .c-t2c a:visited,
.c-cont2 a, .c-cont2b a, .c-cont2c a, .c-cont2d a, 
.c-cont2 a:link, .c-cont2 a:active, .c-cont2 a:visited,
.c-cont2b a:link, .c-cont2b a:active, .c-cont2b a:visited,
.c-cont2c a:link, .c-cont2c a:active, .c-cont2c a:visited,
.c-cont2d a:link, .c-cont2d a:active, .c-cont2d a:visited { color:#fff; }

.c-hb4 { background-color:#ffffff;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
.c-bh4 { background-color:#d8d2bd;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }

.c-h4 { background-color:#7f9db9; }
/*
.c-b4 { background-color:#ffffff;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
*/
.c-b4b { background-color:#ffffff;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
.c-b4c { background-color:#d8d2bd;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }

.c-c4 { border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid;border-bottom:1px #7f9db9 solid; }
.c-c4b { border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
.c-t4, .c-t4b { background-color:#fff0ff;border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid;border-bottom: 1px #d8d2bd solid; }
.c-t4c { background-color:#fff0ff;border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid; }
/* .c-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */ 
.c-t4d { border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid; }
.c-t4, .c-bord4 { background: url(/application/images/default/kit/gris_xp_clair/degrade_1.jpg);background-repeat: repeat-x; }
.c-t4b, .c-t4c, .c-cont4c, .c-bkgd4 { background-color:#fff0ff; }
/* texte des entetes */
.c-t4, .c-t4b, .c-t4c, .c-t4d, .c-bord4 { color:#996666; }
.c-cont4, .c-cont4c { border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid; }
.c-cont4b { border-left: 1px #ffffff solid;border-right: 1px #d8d2bd solid;border-top: 1px #ffffff solid;border-bottom: 1px #d8d2bd solid; }
.c-cont4d { border-left: 1px #ffffff solid;border-right: 1px #d8d2bd solid;border-bottom: 1px #d8d2bd solid; }
/* texte du contenu */
.c-cont4, .c-cont4b, .c-cont4c, .c-cont4d { background-color:#fff0ff;color:#996666; }
/* texte 2 du contenu a placer dans un */
.c-cont4 .t2, .c-cont4b .t2 { color:#000; }
/* lien du contenu */

.c-t4 a, .c-t4 a:link, .c-t4 a:active, .c-t4 a:visited,
.c-t4c a, .c-t4c a:link, .c-t4c a:active, .c-t4c a:visited,
.c-cont4 a, .c-cont4b a, .c-cont4c a, .c-cont4d a, 
.c-cont4 a:link, .c-cont4 a:active, .c-cont4 a:visited,
.c-cont4b a:link, .c-cont4b a:active, .c-cont4b a:visited,
.c-cont4c a:link, .c-cont4c a:active, .c-cont4c a:visited,
.c-cont4d a:link, .c-cont4d a:active, .c-cont4d a:visited { color:#000; }


/*********************************/
p { margin:0;padding:0; }

.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;
}
.btn-nouveautes {
  background-image: url(/application/images/default/cliparts/mini/6.gif);
}
.btn-annu {
  background-image: url(/application/images/default/cliparts/mini/4.gif);
}

.img-pagi { width:16px;height:16px; }
.pagi-fl-l { background:url(/application/images/default/pictos/fleche_left.gif); }
.pagi-fl-r { background:url(/application/images/default/pictos/fleche_right.gif); }
.pagi-fl-dble-l { background:url(/application/images/default/pictos/fleche_double_left.gif); }
.pagi-fl-dble-r { background:url(/application/images/default/pictos/fleche_double_right.gif); }
.pagi-fl-dble-l, .pagi-fl-l, .pagi-fl-r, .pagi-fl-dble-r { 
/*
ne pas mettre width et height sinon le lien n'est pas cliquable sous ie5 windows
  width:16px;
  height:16px;
*/
  background-repeat: no-repeat;
  background-position: 0 0px;
  text-decoration:none;
}

.t-etoile {
  color:#ff0000;text-decoration:none;
}
form { margin: 0; padding: 0; } 

.img-sub { position:absolute;left:0px;top:0px;width:1px;height:1px;border:none; }
  
.b-on { display:block; }
.b-off { display:none; }
.on { display:inline; }
.off { display:none; }

.d-vignette70 { width:72px;height:72px;text-align:left;padding:0;border:0 none; }
.d-vignette40 { width:42px;height:42px;text-align:left;padding:0;border:0 none; }

h3 { font-size:12px;margin:0;padding:0; }

body { 
  background:url(/application/images/default/);
  background-color:#fff; 
  text-align:center; 
  margin:5px 0;padding:0;
  font-family:verdana,arial,helvetica;
  font-size:12px; 
}

.l { float:left;text-align:left; }
.lr { float:left;text-align:right; }
.r { float:right;text-align:right; }
.rl { float:right;text-align:left; }

.yam { width:750px; margin:0px auto; padding:0; text-align:left; }

.none {}

.spacer { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#margeur { height:15px; }

img { border:none; }

.pad, .p { padding:3px; }
.p-form { padding:0 3px 3px 3px; }

/* header */
.logo { float:left;width:165px; }
.logo a { background-image:url(/application/images/default/logo_new.gif);display:block;background-repeat: no-repeat;background-position: 0px 0px;height:54px; }

.header { float:right;width:585px; }
.header-hl { height:24px;margin:2px 0 0 1px; }
.header-hr { width:183px;margin:2px 1px 0 0; }
.header-bl { width:315px;margin:2px 0 2px 1px; }
.header-br { width:255px;padding:3px;margin:2px 0 0 0; }
.header-content { border-left: 1px #99ccff solid; border-right: 1px #0066ff solid; }
.header-bottom-left { position:absolute;left:2px;bottom:2px;width:360px; }
.header-bottom-right { position:absolute;right:2px;bottom:2px; }
.header-id { padding:2px 1px 0 0; }
.header-i { position:relative;width:87px;height:22px;margin-right:3px; }
.header-i input { display:block;position:absolute;left:0px;top:0px;width:87px;margin:0;padding:1px;height:22px;voice-family: "\"}\"";voice-family:inherit;width:83px;height:18px; }
@media all and (min-width: 0px){ 
  .header-i input { width:87px;height:22px; }
}

/*
.header a:link, .header a:active, .header a:visited { color:#fff; }
*/
.pic-acc:link, .pic-acc:active, .pic-acc:visited, 
.pic-fav:link, .pic-fav:active, .pic-fav:visited, 
.pic-com:link, .pic-com:active, .pic-com:visited, 
.pic-qui:link, .pic-qui:active, .pic-qui:visited 
{
  display:block;
  float:left;
  padding-left::20px;
  height:18px;
  background-repeat: no-repeat;
  /* background-position: 0px -2px; */
  color:#fff; 
}
.pic-acc { width:90px;background-image:url(/application/images/default/cliparts/mini/accueil.gif); }
.pic-fav { width:90px;background-image:url(/application/images/default/cliparts/mini/28.gif); }
.pic-com { width:95px;background-image:url(/application/images/default/cliparts/mini/62.gif); }
.pic-qui { width:65px;background-image:url(/application/images/default/pictos/annuler.gif); }
/*
.hea-bot-l { padding:3px; }
.hea-bot-r { padding-right:3px; }
*/
/*
.header-container { height:50px;position:relative;border-left: 1px #3c8eff solid; border-right: 1px #3c8eff solid; background:url(/application/images/default/kit/6699ff/degrade_2.gif); }
.header-top-left { position:absolute; left:2px;;top:2px;;width:385px; }
.header-top-right { position:absolute;right:2px;;top:2px;;width:205px; }
*/

  /***********/
 /* onglets */
/***********/

.onglet { width:105px; }
.onglet a { text-decoration:none; }
.ong-right { float:right;height:22px; }
.ong-t { height:20px;voice-family: "\"}\"";voice-family:inherit;height:16px; }
html>body .ong-t { height:16px; }


.ong-t { text-align:center;padding:2px 0px; }



.orc-h { margin:0 2px;height:1px;overflow:hidden; }
.orc-b { margin:0 1px;height:1px;overflow:hidden; }

a:hover { text-decoration:none }

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

.interfh{
margin:0 2px;height:1px;background-color:#1c58c3;overflow:hidden;
}
.interfb{
margin:0 1px;height:1px;background-color:#74abe8;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;overflow:hidden;
}
.interfc{
border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;
}
.interft{
background-color:#1567cf;border-left:1px #74abe8 solid;border-right: 1px #3366ff solid;
background: url(/application/images/default/kit/bleu_xp/degrade_1.jpg);background-repeat: repeat-x;
color:#fff;
padding:3px 3px 0 3px;
}
.interft a{
text-decoration:none;color:orange;
}
.interfbh{
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
}
.interfcontent {
background-color:#6097FF;border-left:1px #9FC8FF solid;border-top:1px #9FC8FF solid;border-right:1px #0060FF solid;
}
/************************/
.ent-cov { position:absolute;left:4px;top:2px;width:46px; }
.ent-t { padding-left:48px; font-weight:bold;
height:15px;overflow:hidden;width:690px;
float:left;text-align:left;
 }
 /* les couleurs d texte et des liens de ent-t ne sont pas prises en compte par safari
 ce sont les couleurs de .interft qui sont prises en compte
  */
.ent-t
  color:#000;
}
.ent-t a, .ent-t a:active, .ent-t a:visited, .ent-t a:link {
/*
  color:red;
*/
  text-decoration:none;
}
.ent-t2 { padding-left:48px; }
.ent-t2, .ent-t2 a, .ent-t2 a:active, .ent-t2 a:visited, .ent-t2 a:link {
  color:#fff;
}
.ent-1 { 
/*
background: url(/application/images/default/kit/1567cf/degrade_1.gif);border-left:1px #74abe8 solid;border-right:1px #3366ff solid;
*/
padding:3px;
height:22px;voice-family: "\"}\"";voice-family:inherit;height:16px; 
}
html>body .ent-1 { height:16px; } 
.ent-2 { 
width:740px; /* laisser cette width sinon les bords arrondis du footer disparaissent sur "mot de passe" et "album vide" */
background-color:#6097FF;
border-top:1px #9FC8FF solid;
border-left:1px #9FC8FF solid;
border-right:1px #0060FF solid;
/*
background-color:#fff0ff;border-left: 1px #ffffff solid; border-right: 1px #d8d2bd solid; border-top: 1px #ffffff solid;
*/
padding:3px 3px 0 3px;
} /* border-bottom: 1px #d8d2bd solid; */
/*
.yam { width:750px; margin:0px auto; padding:0; text-align:left; }
*/
/*************/

.albopth{
margin:0 2px;height:1px;background-color:#fff;overflow:hidden;
}
.albopthb {
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}
.alboptc{
border-left:1px #fff solid;border-right:1px #fff solid;
}
.alboptt{
background-color:#fff;border-left:1px #fff solid;border-right: 1px #fff solid;
background-color:#fff;color:#996666;padding:3px;
}
.alboptt a{
  color:#000;
}
.alboptbh {
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}



.diaporama {
  display:block;
  text-decoration:none;
  background:url(http://www.yamafoto.com/application/compiled/fr_fr/yamafoto/visite/diaporama.gif);
  background-repeat:no-repeat;
  width:98px;
  height:22px;
}

.optinterfc{
border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;
}
.optinterft{
background-color:#6097FF;border-left:1px #9FC8FF solid;border-right:1px #0060FF solid;
padding:3px;
}

.albumoptions {
padding-bottom:3px;
}
.optajfav{
width:32%;
padding:3px;
float:left;
}
.optajfav a{
text-decoration:none;
}
.optmenfav {
width:32%;
float:left;
}
.optmenfav select{
font-size:11px;
}
.optmenalb {
width:32%;
float:left;
}
.optmenalb select {
font-size:11px;
}
.optecrire{
clear:both;
width:32%;
padding:3px;
float:left;
}
.optecrire a{
text-decoration:none;
}
.optguest{
width:32%;
padding:3px 0;
float:left;
}
.optguest a{
text-decoration:none;
}
.optinviter{
width:32%;
padding:3px 0;
float:left;
}
.optinviter a{
text-decoration:none;
}

.descinterfc{
border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;
}
.descinterft{
background-color:#6097FF;border-left:1px #9FC8FF solid;border-right:1px #0060FF solid;
padding:0 3px;
}

.albumdescriptionc { background-color:#f0f0ff;margin-bottom:3px; }
.albumdescription { font-size:10px; padding:0 5px; }
.coinleft { background-image:url(http://www.yamafoto.com/application/images/default/petit_coin_gauche.gif);background-repeat:no-repeat;background-position:left top;text-align:left;height:5px;overflow:hidden; }
.coinright { background-image:url(http://www.yamafoto.com/application/images/default/petit_coin_droit.gif);background-repeat:no-repeat;background-position:right top;height:5px;overflow:hidden; }

.footerh{
margin:0 2px;height:1px;background-color:#1c58c3;overflow:hidden;
}
.footerb{
margin:0 1px;height:1px;background-color:#74abe8;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;overflow:hidden;
}
.footerc{
border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;
}
.footert{
background-color:#1567cf;border-left:1px #74abe8 solid;border-right: 1px #3366ff solid;
background: url(/application/images/default/kit/bleu_xp/degrade_2.jpg);background-repeat: repeat-x;background-color:#1567cf;
color:#fff;
text-align:left;padding:3px;height:20px;voice-family: "\"}\"";voice-family:inherit;height:16px;
}
html>body .footert { height:16px; }
.footert a, .footert a:active, .footert a:visited, .footert a:hover {
color:#fff;font-size:11px;
}
.footerbh{
margin:0 1px;height:1px;background-color:#3366ff;border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;overflow:hidden;
}
.responsable {
float:left;font-size:10px;color:#000;
}
.copyright{
float:right;text-align:right;font-size:10px;color:#000;
}
.msg-alb {
  text-align:center;font-size:14px;
  margin-bottom:15px;
}

/* tooltip */
.tooltiph{
margin:0 2px;height:1px;background-color:#fff;overflow:hidden;
}
.tooltiphb{
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}
.tooltipc{
border-left:1px #fff solid;border-right:1px #fff solid;
}
.tooltipt{
background-color:#fff;border-left:1px #fff solid;border-right: 1px #fff solid;
font-size:12px;
color:#000;
padding:3px;
text-align:right;
}
.tooltipt a{
color:#000;
}
.tooltipbh{
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}
.tooltip1 { width:90px;text-align:right;font-weight:bold;padding-right:2px; }
.tooltip2 { width:190px;text-align:left; }

/* Block planche kontakt / photo */
/* interface */
.photointerfh{
display:none;
}
.photointerfhb{
display:none;
}
.photointerfc{
border-left:1px #1c58c3 solid;border-right:1px #1c58c3 solid;border-bottom:1px #1c58c3 solid;
}
.photointerft{
background-color:#6097FF;border-left:1px #9FC8FF solid;border-right:1px #0060FF solid;border-bottom:1px #0060FF solid;
padding:0 3px 20px 3px; 
}
.photointerfbh{
display:none;
}
 /**************/
/* navigation */
# navDiv {

}
.photonav {
/*
margin-left:1px;
*/
width:322px;
height:21px;
padding:3px 0 0 3px;
background-image:url(http://www.yamafoto.com/application/images/default/album/fond_nav.gif);
background-repeat:no-repeat;
/*
width:327px;

*/
float:left;text-align:left;
}
.photonavh{
display:none;
/*
margin:0 2px;height:1px;background-color:#fff;overflow:hidden;
*/
}
.photonavhb {
display:none;
/*
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
*/
}
.photonavbh {
display:none;
/*
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
*/
}
.photonavc{
/*
border-left:1px #fff solid;border-right:1px #fff solid;background-color:#fff;
padding-left:3px;
*/
}
.photonav a {
color:#000;
}
/* fleches photo */
.btn-retourindex, .btn-fullscreen, .btn-diapo, .btn-fl-g, .btn-fl-d { 
  display:block;
  float:left;
  text-decoration:none;
  height:16px;
  overflow:hidden;
  background-image: url(/application/images/default/pictos/album_nav.gif);
  background-repeat: no-repeat;
  margin-right:7px;  
}
.btn-retourindex, .btn-fullscreen, .btn-diapo { padding:2px 0 0 20px; }
.btn-retourindex:hover { background-position:0 -18px; }
.btn-fullscreen { background-position:0 -36px; }
.btn-fullscreen:hover { background-position:0 -54px; }
.btn-diapo { background-position:0 -72px; }
.btn-diapo:hover { background-position:0 -90px; }
.btn-fl-g, .btn-fl-d { width:20px;height:18px; }
.btn-fl-g { background-position:0 -108px; }
.btn-fl-g:hover { background-position:0 -126px; }
.btn-fl-d { margin:0;background-position:0 -144px; }
.btn-fl-d:hover { background-position:0 -162px; }

.photoselect{
width:319px;
height:21px;padding:2px 0 0 3px;
background-image:url(http://www.yamafoto.com/application/images/default/album/fond_nav.gif);
background-repeat:no-repeat;
float:right;text-align:left;
}
.photoselect select {

margin-left:5px;
width:306px; /* 356 */
font-size:10px;
}

/* waiting */
.waiting-container { position:relative;z-index:1;width:0;height:0; }
#waitingDiv {
  position:absolute;
  z-index:1;
  left:0;
  top:8px;
  width:230px;
  color:#fff;
  font-weight:bold;
  visibility:visible;
}
.waitingh{
margin:0 2px;height:1px;background-color:#ff0000;overflow:hidden;
}
.waitinghb{
margin:0 1px;height:1px;background-color:#ff0000;border-left:1px #ff0000 solid;border-right:1px #ff0000 solid;overflow:hidden;
}
.waitingc{
background-color:#ff0000;
}
.waitingbh{
margin:0 1px;height:1px;background-color:#ff0000;border-left:1px #ff0000 solid;border-right:1px #ff0000 solid;overflow:hidden;
}
.waiting { padding:3px;text-align:left; }

/* planche contact */
#indexDiv {
  width:100%;z-index:0;
}
.plchkonth{
margin:0 2px;height:1px;background-color:#000;overflow:hidden;
}
.plchkontb{
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
}
.plchkontc{
background-color:#000;
}
.plchkontt{ /* thumbnails */
color:#fff;
padding:3px 0 0 8px;
/*
z-index:1111;
position:relative;
height:340px;overflow:auto;clip:rect(0 100px 340px 0);
*/

}
.plchkontt a, .plchkontt a:active, .plchkontt a:visited, .plchkontt a:hover{
  color:#fff;
}
.plchkontbh{
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
}
/* vignette */
.v {
  position:relative;
  float:left;text-align:center;
  width:76px;
  height:100px;
  display:inline;
  margin-right:5px; /* on place la marge a droite sinon le design est cassé quand on revient sur la planche contact depuis la photo */
  padding:3px 0px;
  voice-family: "\"}\"";voice-family:inherit;height:94px;  
}
html>body .v { height:94px; }
.v a, .v a:active, .v a:visited {
  font-size:11px;
  text-decoration:none;
}
/*
.new {
  position:absolute;left:51px;top:-3px;
}
.vignette {
  height:76px; width:76px;
  margin:auto; 
}
*/
.c-hcover { background-color:#7f9faf; }
.c-bcover { background-color:#fff;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.c-ccoverb { border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.c-tcoverb { background-color:#6F6F6F;border-left:1px #fff solid;border-right: 1px #dfd7cf solid; }
.c-tcoverb img { border:1px #fff solid; }
/*
.a-vign {
  display:block;
  width:76px;
  height:16px;
  overflow:hidden;
  color:#fff;
  font-size:10px;
}
*/
.v u, .v i, .v h1, .v h2, .v h3, .v h4 {
  display:block;margin:0;padding:0;
}
.v u { position:absolute;left:51px;top:-3px; }
.v u img { border:none; }
.v i { height:76px; width:76px;margin:auto;  }
/*
.v h1 { margin:0 2px;height:1px;overflow:hidden;background-color:#7f9faf; }
.v h2 { margin:0 1px;height:1px;overflow:hidden;background-color:#fff;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.v div { border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.v .vign { text-align:left;display:block;width:72px;height:72px;background-color:#6F6F6F;border-left:1px #fff solid;border-right: 1px #dfd7cf solid; }
.v img { border:1px #fff solid; }
*/
.v h1 { margin:0 2px;height:1px;overflow:hidden;background-color:#000; }
.v h2 { margin:0 1px;height:1px;overflow:hidden;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid; }
.v div { border-left:1px #000 solid;border-right:1px #000 solid; }
.v .vign { text-align:left;display:block;width:72px;height:72px;background-color:#000;border-left:1px #000 solid;border-right: 1px #000 solid; }
.v img { border:1px #fff solid;  }
.v b {
  font-weight:normal;
  font-style: italic;
  display:block;
  width:76px;
  height:16px;
  overflow:hidden;
  color:#fff;
  font-size:10px;
  line-height:18px;
}

/* nextprev */
.nextprev a, .nextprev a:active, .nextprev a:visited, .nextprev a:link {
  color:#000;
}
 /*********/
/* photo */
#photoDiv {
height:324px; /* rq: obligŽ de spŽcifier la height sur photoDiv car si il est vide au lancement, il ne prend pas la height du contenu une fois rempli */
}
.imagecontainer {
height:320px;width:320px;
}

.phocomcontainer{
padding:3px 0;background-color:#fff;
}
.phocomcontainerh{
margin:0 2px;height:1px;background-color:#fff;overflow:hidden;
margin-top:3px;
}
.phocomcontainerhb{
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}
.phocomcontainerbh{
margin:0 1px;height:1px;background-color:#fff;border-left:1px #fff solid;border-right:1px #fff solid;overflow:hidden;
}
.phocomcontainerb{
margin:0 2px;height:1px;background-color:#fff;overflow:hidden;
}

.photocontainer2{
float:left;text-align:left; 
width:322px;
/* position:relative; */
/* margin:1px 0 2px 2px; */
/*margin:2px 0 2px 0;*/
}
.photocontainerbis{ /* a virer */
background-color:green;position:relative;
}
.photocommentcontainer{
float:right;text-align:left;width:380px;
}
#commentsDiv{
position:relative;text-align:left;height:324px;overflow:auto; /* --- */
}
.photoh{
margin:0 2px;height:1px;background-color:#000;overflow:hidden;
}
.photohb{
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
}
.photoc{
background-color:#000;
/*
border-left:1px #000 solid;border-right: 1px #000 solid;border-bottom: 1px #000 solid;
*/
}
.photot{
/*
background-color:#000;border-left:1px #000 solid;border-right: 1px #000 solid;
background-color:#000;
color:#fff;
*/
}
.photot a{
  color:#fff;
}
.photobh{
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
}


.photocommenth{
/*position:absolute;left:0;top:-2px;width:736px;*/
margin:0 2px;height:1px;background-color:#000;overflow:hidden;
display:none;
}
.photocommenthb{
/*position:absolute;left:0;top:-1px;width:736px;*/
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
display:none;
}
.photocommentc{
background-color:#fff;border-left:1px #000 solid;border-right: 1px #000 solid;border-bottom: 1px #000 solid;
border:none;
}
.photocommentt{
border-left:1px #000 solid;border-right: 1px #000 solid;color:#000;
border:none;
}
.photocommentbh{
/*position:absolute;left:0;bottom:-2px;width:736px;*/
margin:0 1px;height:1px;background-color:#000;border-left:1px #000 solid;border-right:1px #000 solid;overflow:hidden;
display:none;
}
.photocommentb{
/*position:absolute;left:0;bottom:-3px;width:736px;*/
margin:0 2px;height:1px;background-color:#000;overflow:hidden;
display:none;
}

/* photo */

.t-pseudo { text-decoration:none;color:orange; }
.comment1 { float:left;text-align:right;width:150px;font-weight:bold;font-size:12px;margin-right:3px;color:#000; }
.comment2 { float:left;text-align:left;width:210px;font-size:12px;color:#000; }
.lien-pic-l3 {
  display:block;
  text-align:left;
  padding:2px 0 0 22px;  
  background-repeat: no-repeat;  
  height:20px;  
  voice-family: "\"}\"";voice-family:inherit;height:20px;
}
html>body .lien-pic-l { height:20px; }



.vide {
  padding:3px;text-align:center;
}