.orc-h { margin:0 2px;height:1px; }
.orc-b { margin:0 1px;height:1px; }
.c-h3 { background-color:#1c58c3; }
.c-hb3 { background-color:#74abe8;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-t3b { background-color:#1567cf;border-left:1px #74abe8 solid;border-right: 1px #3366ff solid;border-bottom: 1px #3366ff solid; }
.c-t3b { background: url(/application/images/default/kit/bleu_xp/degrade_2.jpg);background-repeat: repeat-x;background-color:#1567cf; }
.c-t3b { color:#fff; }
.c-cont4b { border-left: 1px #ffffff solid;border-right: 1px #d8d2bd solid;border-top: 1px #ffffff solid;border-bottom: 1px #d8d2bd solid; }
.c-cont4b { background-color:#fff0ff;color:#996666; }
.c-cont4b a { color:#000; }
div.teas-t { text-align:center;padding:2px 0;height:22px;voice-family: "\"}\"";voice-family:inherit;height:17px; }
html>body div.teas-t { height:17px; }
.t-b { font-weight:bold; }


a:hover { text-decoration:none; }

body {
  background-color:#fbfbfb; /* e7e7e7 */
}

  /**********/
 /* entete */
/**********/
.entete q, .entete u {
  background-color:#6e6d8f;
}
.entete s {
  background-color:#1567cf;border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
}
.entete i {
  display:none;
  background-color:#fff0ff;border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
}
.entete u {
  display:none;
}
.entete .bread {
 border-left:1px #6e6d8f solid;
 border-right:1px #6e6d8f solid;
 padding:3px;
 background-color:#1567cf;
 color:#fff;
}
.entete .bread a {
 color:#fff;
 text-decoration:none;
}
.entete .content {
  border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
  background-color:#fff0ff;
}
.entete .logo {
  margin-left:5px;
  display:inline;
  float:left;
  width:20%;
  height:40px;
  background-image:url(http://www.yamafoto.com/application/images/default/logo_new.gif);
  background-repeat: no-repeat;
  background-position:-10px -4px;  
}
.entete .login {
  float:left;
  margin-top:5px;
  display:inline;
  width:40%;
  text-align:left;
}
.entete .login a {
  margin-right:3px;
  padding-left:20px;
  background-position:0 -3px;
  width:auto;
  color:#000;
  text-decoration:none;
}
.entete .login a:hover {
  text-decoration:underline;
}
.entete .login a.pass {
  padding:0;
  margin:0;
  display:block;
  width:auto;
  font-size:10px;
}
.entete input {
  position:relative;
  font-size:10px;
}
.entete .in {
  border: 1px solid #669999;background-color:#fff;
  color:#000;
  width:70px;
  height:15px;
  margin-right:3px;
  padding:1px;
  font-size:10px;
}
.entete .search {
  float:right;
  margin:5px 10px 0 0;
}
.pic-acc, .pic-acc:hover, .pic-fav, .pic-fav:hover, .pic-com, .pic-com:hover, .pic-qui, .pic-qui:hover {
/*
  display:block;
  float:left;
*/
  padding-left:20px;
  height:18px;
  background-repeat: no-repeat;
  color:#000; 
}
.pic-acc, .pic-acc:hover { width:auto;background-image:url(/application/images/default/cliparts/mini/accueil.gif); }
.pic-fav, .pic-fav:hover { width:auto;background-image:url(/application/images/default/cliparts/mini/28.gif); }
.pic-com, .pic-com:hover { width:auto;background-image:url(/application/images/default/cliparts/mini/62.gif); }
.pic-qui, .pic-qui:hover { width:auto;background-image:url(/application/images/default/pictos/annuler.gif); }

  /***********/
 /* onglets */
/***********/
.onglets {
  border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
  background-color:#fff0ff;
}
.onglets ul, .onglets li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.onglets li {
  display:block;
  width:105px;
  float:left;
  margin-left:5px;
  display:inline;
}
.onglets q { background-color:#607763; }
.onglets s { background-color:#6699ff;border-left:1px #607763 solid;border-right:1px #607763 solid; }
.onglets a {
  display:block;
  border-left:1px #607763 solid;border-right:1px #607763 solid;background-color:#6699ff; 
  text-align:center;
  padding:2px 0px 5px;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
}
.onglets .on q { background-color:#1567cf; }
.onglets .on s { background-color:#1567cf;border-left:1px #1567cf solid;border-right:1px #1567cf solid; }
.onglets .on a {
  display:block;
  border-left:1px #1567cf solid;border-right:1px #1567cf solid;background-color:#1567cf; 
  text-align:center;
  padding:2px 0px 5px;
  text-decoration:none;
  color:#fff;
}
.onglets .right { width:50px;float:right;height:19px;color:#fff;font-weight:bold;padding-top:3px; }
.onglets .right a { color:red;border:none;background-color:#fff0ff;padding:0;display:inline;width:auto; }
  /*****************/
 /* profil-entete */
/*****************/
.profil-entete {
  position:relative;
  background-color:#6699ff;
  border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
}
/* cover */
.profil-entete .cover { position:absolute;left:5px;top:5px;width:42px; }
.profil-entete .cover q, .profil-entete .cover u { background-color:#7f9faf; }
.profil-entete .cover s, .profil-entete .cover i { background-color:#6F6F6F;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.profil-entete .cover p { 
  background-color:#6F6F6F;
  border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; 
  height:40px;text-align:left;padding:0;
}
/*********/
.profil-entete .titre { 
  padding:8px 0 3px 50px; 
  font-weight:bold;
  text-align:left;
  color:#000;
  background-color:#1567cf;
}
.profil-entete .titre .l a {
  color:orange;
  text-decoration:none;
}
.profil-entete .titre .r {
  padding-right:3px;
}
.profil-entete .titre .r a {
  display:block;
  text-decoration:none;
  font-style: italic ;
  color:#fff;
}
.profil-entete .titre .r a:first-letter
{
  color:#1567cf;
  font-style: normal;
  font-weight:bold;
  font-size:14px;
  background-color:#fff;
  padding:2px;
}
.profil-entete .soustitre { 
  background-color:#6699ff; 
  border-left:5px #1567cf solid;
  border-right:5px #1567cf solid;
  padding-left:38px;
}
/*
.profil-entete .soustitre a {
  color:#fff;
}
*/
  /************/
 /* sous-nav */
/************/
.sousnav ul, .sousnav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sousnav ul {
  background-color:#6699ff;
  padding:3px 0 0 0;
}
.sousnav li {
  float:left;
}
.sousnav a 
{
  padding:3px 8px;
  display:block;
  float:left;
  font-weight:bold;
  color: #fff;
  text-decoration:none;
}
.sousnav a:first-letter
{
  color:orange;
  text-decoration:underline;
}
.sousnav .on a {
  background-color:#1567cf;
}
.sousnav .on a:first-letter {
  text-decoration:none;
}
.sousnav p { display:none;height:5px;overflow:hidden;background-color:#1567cf; }
.sousnav i { display:none;background-color:#1567cf;border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid; }
.sousnav u { display:none;background-color:#6e6d8f; }


  /********************/
 /* profil-container */
/********************/
.profil-container q, .profil-container u { display:none;background-color:#6e6d8f; }
.profil-container s, .profil-container i { display:none;background-color:#1567cf;border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid; }
.profil-container div.profil-container-content {
  border-left:1px #6e6d8f solid;border-right:1px #6e6d8f solid;
  background-color:#1567cf;
  padding:5px; /* Important: c'est ce padding qui règle l'écart entre les bords de l'interface et le contenu */
}

/* important: l'ordre a de l'importance ds le placement des class ds la css
   ici: il faut placer le block css profil-presentation après profil-container 
   car l'objet html profil-presentation est imbriqué ds profil-container 
   sinon ce sont les propriétés de profil-container qui vont s'afficher ds profil-presentation
*/

  /***********************/
 /* profil-presentation */
/***********************/
/* profil presentation */
.profil-presentation q { display:block;background-color:#fff0ff; }
.profil-presentation s { display:block;background-color:#fff0ff;border-left:1px #fff0ff solid;border-right:1px #fff0ff solid; }
.profil-presentation i { display:none; }
.profil-presentation u { display:none; }
.profil-presentation div { border:0 none;background-color:#fff0ff;padding:3px; }
.profil-presentation span { float:right;font-style:italic;font-weight:bold; }

  /**************/
 /* 2 colonnes */
/**************/ 
.cols-2 {
  width:100%;
  border:0 none;
  padding:0;
  margin:0;
}
.cols-2 tr {
  vertical-align:top;
}
.cols-2 td {

}
.cols-2 td.col1 {
  width:20%;
  background-color:#fff0ff;
  potision:relative;
}
.cols-2 td.col2 {
  background-color:#6699ff;
}
.cols-2 td.col2 .vide {
  padding:3px;
  color:#fff;
}
.cols-2 td.col2 .vide a {
  color:#fff;
  text-decoration:none;
}

  /******************/
 /* profil-content */
/******************/

.profil div {
background-color:#6699ff;
border:none;
color:#fff;
padding:3px;
}
.profil hr { border-top:1px #2F60FF solid;border-bottom:1px #90C8FF solid; }
.profil q, .profil u { display:none;background-color:#6699ff; }
.profil s, .profil i { display:none;background-color:#6699ff;border-left:1px #fff solid;border-right:1px #fff solid; }
.profil img {
  float:right;
  display:none;border:5px #fff solid;margin-left:3px;
}

  /*********/
 /* cover */
/*********/
.vignette-top h1 {
  font-size:14px;
  font-weight:bold;
  font-family:arial;
  padding:3px;
  background-color:#1567cf;
  color:#fff;
}
.vignette-top h1:first-letter {
  color:orange;
}
.vignette-top h2 {
  font-size:12px;
  font-weight:bold;
  font-family:arial;
  padding:3px;
}
.vignette-top h2 a{
  color:#000;
  text-decoration:none;
}
.vignette-top h2 a:hover{
  color:#000;
  text-decoration:underline;
}
.vignette-top h3 {
  display:none;
  font-size:12px;
  font-weight:bold;
  font-family:arial;
  padding:3px;

}


.vignette-top .cover { margin:5px auto;width:136px; }
.vignette-top .cover q, .vignette-top .cover u { background-color:#7f9faf; }
.vignette-top .cover s, .vignette-top .cover i { background-color:#6F6F6F;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.vignette-top .cover p { 
  background-color:#6F6F6F;
  border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; 
  height:134px;text-align:left;padding:0;
}

  /**********/
 /* footer */
/**********/
.footer p {
  background-color:#1567cf;
  padding:3px 5px 10px;
  color:#fff;
}
.footer a {
  color:#fff;
}
.footer q {
  background-color:#1567cf;
  margin-bottom:10px;
}
.footer s {
  background-color:#1567cf;border-left:1px #1567cf solid;border-right:1px #1567cf solid;
}

  /**********/
 /* liste-albums */
/**********/
.pair {
  background-color:#6699ff;color:#fff;
}
.pair hr {
 display:none;
 border-top:1px #2F60FF solid;border-bottom:1px #90C8FF solid;
}
.impair {
  background-color:#d5f5c8;color:#9bc28b;
}
.liste-albums {
/*
  border-top:1px #90C8FF solid;
  border-bottom:1px #2F60FF solid;
*/
  padding:3px;
}
.liste-albums .l     { float:left;text-align:center;width:76px;display:inline; }
.liste-albums .c     { float:left;color:#000; }
.liste-albums .c a   { padding-left:3px;display:block;font-weight:bold;color:#fff;text-decoration:none; }
.liste-albums .c a:first-letter  { font-size:14px;color:orange; }
.liste-albums .r     { text-align:right;float:right; }
.liste-albums .r img { margin:0 0 3px 0; } /* picto info */

.liste-albums .bas {
  margin-top:5px;
  color:#7184ac;
  background-color:#b8cdf8;
  padding:3px;
  border-bottom:3px #9fb2d7 solid;
}
.liste-albums .bas a {
  color:#7184ac;
  text-decoration:none;
}
.orderby {
  background-color:#1567cf;
  text-align:left;
  padding:0 0 3px 0;
}
.orderby select {
  font-size:10px;
}
/*
.liste-albums .d     { margin:0;height:76px;text-align:left; }
.liste-albums .d q, .liste-albums .d u  { display:block;background-color:#000; }
.liste-albums .d s, .liste-albums .d i, .liste-albums .d div  { display:block;background-color:#fff;border-left:1px #000 solid;border-right:1px #000 solid; }
.liste-albums .d div { position:relative;padding:3px;height:71px;overflow:auto;voice-family: "\"}\"";voice-family:inherit;height:65px; }
html>body .liste-albums .d div { height:65px; }
*/
.liste-albums .d q, .liste-albums .d u  { display:none; }
.liste-albums .d s, .liste-albums .d i  { display:none; }



.liste-albums .cover { width:72px; }
.liste-albums .cover q, .liste-albums .cover u { display:block;background-color:#7f9faf; }
.liste-albums .cover s, .liste-albums .cover i { display:block;background-color:#6F6F6F;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.liste-albums .cover p { 
  background-color:#6F6F6F;
  border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; 
  height:70px;text-align:left;padding:0;
}

.liste-album .content { min-width:300px; }

/* pagination */

.pagination {background-color:#999c9d;height:30px;}
.pagination a { color:orange; }
/*
.pagi-fl-l { background-image:url(http://www.yamafoto.com/application/images/default/pictos/fleche_left.gif); }
.pagi-fl-r { background-image:url(http://www.yamafoto.com/application/images/default/pictos/fleche_right.gif); }
.pagi-fl-dble-l { background-image:url(http://www.yamafoto.com/application/images/default/pictos/fleche_double_left.gif); }
.pagi-fl-dble-r { background-image:url(http://www.yamafoto.com/application/images/default/pictos/fleche_double_right.gif); }
*/
.pagi-fl-dble-l, .pagi-fl-l, .pagi-fl-r, .pagi-fl-dble-r { 
  width:16px;height:16px;
  overflow:hidden;
  display:block;
  background-color:#000;
  padding:1px;
  font-weight:bold;
  font-size:12px;
  background-repeat: no-repeat;
  background-position: 0 0px;
  text-decoration:none;
}
.off { display:none; }

.copyright { font-size:10px;text-align:right; }