/* jauge */

.jauge-container { position:relative;border: 1px black solid; height:17px;
voice-family: "\"}\"";voice-family:inherit;height:15px;
}
html>body .jauge-container { height:15px; }
/*
.jauge-container { border: 1px black solid; }
*/

.jauge-content { position:absolute;background-image:url(/edsa-yamafoto/images/default/jauge.gif);width:138px;height:15px; }

/*
.jauge-content { background-image:url(/edsa-yamafoto/images/default/jauge.gif);height:17px;voice-family: "\"}\"";voice-family:inherit;height:15px; }
*/
html>body .jauge-content { height:15px; }

/* Mon profile */
.profil { padding:3px; }
.a-profil0, .a-profil0:active, .a-profil0:visited,
.a-profil1, .a-profil1:active, .a-profil1:visited {
  background-repeat: no-repeat;
  background-position: 96px 0px;
  display:block;
  height:28px;
  color: #000;font-size:10px;text-decoration:none;
}
.a-profil1, .a-profil1:active, .a-profil1:visited  {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/abonne.gif);
}
.a-profil1:hover, .a-profil0:hover  {
  color:#fff; background-color:#6699ff;
  border-top:1px #99ccff solid;border-bottom:1px #0066ff solid;border-left:1px #99ccff solid;border-right:1px #0066ff solid;
  voice-family: "\"}\"";voice-family:inherit;height:26px;
}
html>body .a-profil1:hover, html>body .a-profil0:hover { height:26px; }

.a-profil0, .a-profil0:active, .a-profil0:visited {
  background-image: url(/edsa-yamafoto/images/default/cliparts/mini/membre_gratuit.gif);
}
.profil1 { width:96px;voice-family: "\"}\"";voice-family:inherit;width:95px; }
html>body .profil1 { width:95px; }
.profil1, .profil2 { padding:3px 0; }

.plus-container { margin-top:5px;text-align:center;height:24px; }
.a-plus { color:#0F67CF;width:100px;text-align:right;font-weight:bold;background-image: url(/edsa-yamafoto/images/default/plus.gif);font-size:14px;background-repeat: no-repeat;text-decoration:none;
voice-family: "\"}\"";voice-family:inherit;padding-left:15px;
 }
 html>body .a-plus { padding-left:20px; }



  /**********/
 /* global */
/**********/

.vign-decor {
  display:block;
  float:left;border:1px black solid;margin-right:15px;
}

/* Mon profile */
.profil td { font-size:11px;color:#3F77AF; }

.hr-monsite { background-image:url(images/hr.gif); }

/* jauge */
.jauge-container { position:relative;border: 1px black solid; height:17px;
voice-family: "\"}\"";voice-family:inherit;height:15px;
}
html>body .jauge-container { height:15px; }
.jauge-content { position:absolute;background-image:url(images/default/jauge.gif);background-repeat:repeat-x;width:138px;height:15px; }
html>body .jauge-content { height:15px; }


.img-pagi { width:16px;height:16px; }
.t-p { font-size:11px; }
.t-b { font-weight:bold; }

.ovale-left {
  background-image:url(images/yamababy/ovale_left.gif);
  background-repeat:no-repeat;
  background-position:left top;
  height:40px;
  padding-left:5px;
}
.ovale-right {
  background-image:url(images/yamababy/ovale_right.gif);
  background-repeat:no-repeat;
  background-position:right top;
  height:40px;
  padding-right:10px;
}

.footer {
  background-image:url(images/yamababy/ovale_footer.gif);
  background-repeat:no-repeat;
  height:40px;
  padding-left:5px;
}
.m-r {
  margin-right:15px;
}

.b-on { display:block; }
.b-off { display:none; }
.on { display:inline; }
.off { display:none; }

.tooltip1 { width:100px; }
.tooltip2 { width:190px; }

a, a:active, a:visited, a:link { color:#3F77AF; }
a:hover { text-decoration:none; }

form { margin: 0; padding: 0; }

img { border:none; }

p { margin:0;padding:0; }

body {
  background-image:url(images/fond.gif);
  background-color:#9FC8EF;
  text-align:center;
  /* margin:0 15px 0px 15px auto; */
  margin:0;
  padding:0;
  font-family:Roboto, comic sans ms,arial,helvetica;
  font-size:14px;
  color:#3F77AF;
}
body, td {
  font-family:Roboto, arial, helvetica;
  font-size:12px;
  color:#3F77AF;
}
td {
  text-align:left;
}
h2 {
  font-family:Roboto, arial, helvetica;
  font-size:18px;
  color:#CFC840;
  border-bottom: 1px #cfc840 solid;
  margin-right:5px;
}

h5 {
  font-size:16px;
  color:#CFC840;
  margin-right:5px;
  width:69%;margin:0;padding:0;
  text-align:left;
  float:left;
}

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

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

.none {}

.spacer { clear: both; }


.d-vignette40 { width:40px;height:40px;text-align:left;padding:0;border:0 none; }
.d-vignette70 { width:70px;height:70px;text-align:left;padding:0;border:0 none; }
.d-vignette162 { width:162px;height:162px;text-align:left;padding:0;border:0 none; }

div#margeur { height:15px; }

.img-sub { position:absolute;left:0px;top:0px;width:1px;height:1px;border:none; }
.img-vign {  }

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

.table-nospace { border-collapse:collapse;border-spacing:0;margin:auto; }
.td-nospace { padding:0;border:0 none;font-size:12px;text-align:left; }

  /***************/
 /* entete page */
/***************/

/* entete properties */
.ent-c { position:relative; }
.ent-cov { position:absolute;left:4px;top:3px;width:46px; }

/* entete couleurs */
.ent-1 { background: url(images/default/kit/1567cf/degrade_1.gif);border-left:1px #74abe8 solid;border-right:1px #3366ff solid; }
.ent-2 { background-color:#fff0ff;border-left: 1px #ffffff solid; border-right: 1px #d8d2bd solid; border-top: 1px #ffffff solid;  } /* border-bottom: 1px #d8d2bd solid; */

/* entete padding */
.ent-1, .ent-2 { padding:3px; }
.ent-t, .ent-t2 { padding-left:48px; }

/* entete dimensions */
.ent-1 { height:22px;voice-family: "\"}\"";voice-family:inherit;height:16px; }
html>body .ent-1 { height:16px; }

.ent-t2 { height:30px;voice-family: "\"}\"";voice-family:inherit;height:22px; }
html>body .ent-t2 { height:22px; }

  /***********/
 /* teasers */
/***********/

/* teaser dimensions */
.teaser { width:150px; }
div.teas-t { text-align:center;padding:0;height:22px; }

  /**********/
 /* footer */
/**********/

/* footer centrage */
.foo-copy { margin:0 auto; text-align:right; }
.foo-cont { text-align:left; }

/* footer padding */
.foo-cont { padding:3px; }

/* footer dimensions */
.foo-cont { height:20px;voice-family: "\"}\"";voice-family:inherit;height:16px; }
html>body .foo-cont { height:16px; }

/* footer lien */
.foo-cont a:link, .foo-cont a:active, .foo-cont a:visited { color: #fff; }

  /***********/
 /* encarts */
/***********/

/* encart entete margin */
.orc-h { margin:0 2px;height:1px; }
.orc-b { margin:0 1px;height:1px; }

  /****************/
 /* 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-size:12px;
  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; }

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

/* onglets */
h2 { margin:0; }
h3 { margin:0;padding:0;font-size:14px; }

.onglet {
  width:105px;
}
.ong-right { height:22px; } /* float:right; */
.onglet-content {
  width:105px;
  voice-family: "\"}\"";voice-family:inherit;width:103px;
}
html>body .onglet-content { width:103px; }
.ong-t {
  height:20px;
  color:#{ONGLET_TEXT_COLOR};
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  padding:2px 0px;
  voice-family: "\"}\"";voice-family:inherit;height:16px;
}
html>body .ong-t { height:16px; }

/* lien onglet */
.ong-t a, .ong-t a:link, .ong-t a:active, .ong-t a:visited {
  text-align:center;
  font-family:comic sans ms, verdana;display:block;color:#{ONGLET_LINK_COLOR};font-weight:bold;font-size:14px;
  color:red;
  text-decoration:none;
}
.ong-t img {
  border: 0 none;
}

.ong-1, .ong-2 { position:relative;left:0px; } /* absolute */
.ong-1 { top:1px; }
.ong-2 { top:0px; }

/* Paul */

	  /* footer */
	  .nuages-container {
	    position:relative;
	  }
	  .nuages {
            position:absolute;
	    left:-14px; top:0;
	    text-align:left;
	    width:780px;
	    height:70px;
  	    background-image:url(images/nuages2.gif);background-position:4px 0;
		background-repeat:no-repeat;
	    padding:25px 0 0 20px;
	  }
	  .nuages a {
		font-size:12px;
	  }

.decor {
  margin:13px;
  text-align:center;
  /*height:114px;*/
  width:104px;
  float:left;
  width:20%;
  text-align:center;
  margin-left:0.5em;
  padding:0.5em 0;
}
.decornom {
  font-size:0.5em;
  margin-bottom:0.3em;
  display:inline-block;
}
.cover {
  overflow:hidden; /* pour cacher le nom dans la pochette quand ça dépasse */
}
.decor-bebe1_sorciere,
.decor-bebe1_ski,
.decor-bebe1_foret,
.decor-bebe1_foot,
.decor-bebe1_panda,
.decor-bebe1_poussin,
.decor-bebe1_cigognes,
.decor-bebe1_naissancerose,
.decor-bebe1_naissancebleu,
.decor-bebe1_fille,
.decor-bebe1_garcon,
.decor-bebe1_halloween,
.decor-bebe1_pirate,
.decor-bebe1_soleil,
.decor-bebe1_espace,
.decor-bebe1_vroum,
.decor-bebe1_ski,
.decor-bebe1_rose,
.decor-bebe1_poissons,
.decor-bebe1_oiseaux,
.decor-bebe1_nounours,
.decor-bebe1_noel,
.decor-bebe1_noel2,
.decor-bebe1_indien,
.decor-bebe1_halloween,
.decor-bebe1_grenouilles,
.decor-bebe1_girafes,
.decor-bebe1_fraises,
.decor-bebe1_etoiles,
.decor-bebe1_cowboy,
.decor-bebe1_coeur,
.decor-bebe1_cirque,
.decor-bebe1_bateau,
.decor-bebe1_abeilles,

.decor-bebe1_poissons, .decor-bebe1_cowboys, .decor-bebe1_ski, .decor-bebe1_etoile {
  background-repeat: no-repeat;
  background-position: 0 0;
  height:100px;
  width:100px;
}

.decor-bebe1_sorciere { background-image: url(images/yamababy/decors_choix_mini/bebe1_sorciere.gif); }
.decor-bebe1_ski { background-image: url(images/yamababy/decors_choix_mini/bebe1_ski.gif); }
.decor-bebe1_foret { background-image: url(images/yamababy/decors_choix_mini/bebe1_foret.gif); }
.decor-bebe1_foot { background-image: url(images/yamababy/decors_choix_mini/bebe1_foot.gif); }
.decor-bebe1_panda { background-image: url(images/yamababy/decors_choix_mini/bebe1_panda.gif); }
.decor-bebe1_poussin { background-image: url(images/yamababy/decors_choix_mini/bebe1_poussin.gif); }
.decor-bebe1_cigognes { background-image: url(images/yamababy/decors_choix_mini/bebe1_cigognes.gif); }
.decor-bebe1_naissancerose { background-image: url(images/yamababy/decors_choix_mini/bebe1_naissancerose.gif); }
.decor-bebe1_naissancebleu { background-image: url(images/yamababy/decors_choix_mini/bebe1_naissancebleu.gif); }
.decor-bebe1_fille { background-image: url(images/yamababy/decors_choix_mini/bebe1_fille.gif); }
.decor-bebe1_garcon { background-image: url(images/yamababy/decors_choix_mini/bebe1_garcon.gif); }
.decor-bebe1_halloween { background-image: url(images/yamababy/decors_choix_mini/bebe1_halloween.gif); }
.decor-bebe1_pirate { background-image: url(images/yamababy/decors_choix_mini/bebe1_pirate.gif); }
.decor-bebe1_soleil { background-image: url(images/yamababy/decors_choix_mini/bebe1_soleil.gif); }
.decor-bebe1_espace { background-image: url(images/yamababy/decors_choix_mini/bebe1_espace.gif); }
.decor-bebe1_vroum { background-image: url(images/yamababy/decors_choix_mini/bebe1_vroum.gif); }
.decor-bebe1_rose { background-image: url(images/yamababy/decors_choix_mini/bebe1_rose.gif); }
.decor-bebe1_poissons { background-image: url(images/yamababy/decors_choix_mini/bebe1_poissons.jpg); }
.decor-bebe1_oiseaux { background-image: url(images/yamababy/decors_choix_mini/bebe1_oiseaux.gif); }
.decor-bebe1_nounours { background-image: url(images/yamababy/decors_choix_mini/bebe1_nounours.gif); }
.decor-bebe1_noel { background-image: url(images/yamababy/decors_choix_mini/bebe1_noel.gif); }
.decor-bebe1_noel2 { background-image: url(images/yamababy/decors_choix_mini/bebe1_noel2.gif); }
.decor-bebe1_indien { background-image: url(images/yamababy/decors_choix_mini/bebe1_indien.gif); }
.decor-bebe1_halloween { background-image: url(images/yamababy/decors_choix_mini/bebe1_halloween.jpg); }
.decor-bebe1_grenouilles { background-image: url(images/yamababy/decors_choix_mini/bebe1_grenouilles.gif); }
.decor-bebe1_girafes { background-image: url(images/yamababy/decors_choix_mini/bebe1_girafes.gif); }
.decor-bebe1_fraises { background-image: url(images/yamababy/decors_choix_mini/bebe1_fraises.gif); }
.decor-bebe1_etoiles { background-image: url(images/yamababy/decors_choix_mini/bebe1_etoiles.jpg); }
.decor-bebe1_cowboy { background-image: url(images/yamababy/decors_choix_mini/bebe1_cowboy.jpg); }
.decor-bebe1_coeur { background-image: url(images/yamababy/decors_choix_mini/bebe1_coeur.jpg); }
.decor-bebe1_cirque { background-image: url(images/yamababy/decors_choix_mini/bebe1_cirque.gif); }
.decor-bebe1_bateau { background-image: url(images/yamababy/decors_choix_mini/bebe1_bateau.gif); }
.decor-bebe1_abeilles { background-image: url(images/yamababy/decors_choix_mini/bebe1_abeilles.gif); }

.menu-site {
  margin:0 0 0 15px;
  text-align:left;
  list-style-type:none;
  list-style-image:url(images/yamababy/puce_etoile.gif);
  list-style-position:outside;
}
/* menu album */
.menu-album {
  border:1px #80a0af solid;margin:2;padding:0;
  text-align:left;
  list-style-type:none;
}
.menu-album a {
  margin:0;
  padding:2px 0 0 8px;
  font-size:11px;
  border-top: 1px #ffc7de solid; border-right: 1px #e090a0 solid;border-bottom: 1px #e090a0 solid;border-left:1px #ffc7de solid;
  background-image: url(images/yamababy/bord_menu_0.gif);
  background-repeat:no-repeat;
  display:block;
  color:#000;
  height:22px;
  voice-family: "\"}\"";voice-family:inherit;height:18px;
}
html>body .menu-album a { height:18px; }

.menu-album a:hover {
  background-image: url(images/yamababy/bord_menu_1.gif);
  color:#ffefff;
  background-color:#e5d8ef;
}
td {
  color:#101F80;font-weight:normal;font-size:14px;
}

/* Index albums */
.vign-index {
  width:166px;margin:0 5px 15px 5px;
}
.lien-index {
  width:166px;height:25px;overflow:hidden;
  voice-family: "\"}\"";voice-family:inherit;width:140px;height:19px;
}
html>body .lien-index { width:140px;height:19px; }


.t-etoile { color:red; }

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

/*
.c-hcover { background-color:#7f9faf; }
.c-bcover { background-color:#fff;border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.c-ccover { border-left:1px #7f9faf solid;border-right:1px #7f9faf solid; }
.c-tcover { background-color:#6F6F6F;border-left:1px #fff solid;border-right: 1px #dfd7cf solid; }
*/
.c-hcover { background-color:#73b2de; }
.c-bcover { background-color:#a5cfef;border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-ccover { border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-tcover { background-color:#a5cfef;border-left:1px #a5cfef solid;border-right: 1px #a5cfef solid; }

.c-hdesc { background-color:#73b2de; }
.c-bdesc { background-color:#fff;border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-cdesc { border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-tdesc { background-color:#edf4ff;border-left:1px #fff solid;border-right: 1px #fff solid;color:#73b2de; }

/* encadre coin */
.c-coin1 {background:url(images/default/kit/creme/coin_right.jpg );}
.c-coin-l1 { background-color:#3088FF; }
.c-coin-r1 { border-top:1px #3088FF solid;background-color:#FFFFFF; }
.c-coin-main1 { border-top:1px #3088FF solid; }
.c-coin-p1 {
background-color:#FFF4E1;
background: url(images/default/kit/creme/degrade_2.jpg);
border-top: 1px #FFFFFF solid;
color:#00367C;
}

/* boutons couleurs */
.c-l1 { background-color:#3088FF; }
.c-lr1 { border-top:1px #3088FF solid;border-bottom:1px #3088FF solid;background-color:#FFFFFF; }
.c-rl1 { border-top:1px #3088FF solid;border-bottom:1px #3088FF solid;background-color:#FFEFD3; }
.c-btn-inside-1 {
background-color:#FFF4E1;
background: url(images/default/kit/creme/degrade_2.jpg);
background-repeat: repeat-x;
border-top: 1px #FFFFFF solid;border-bottom: 1px #FFEFD3 solid;
}
.c-btn-1 { border-top:1px #3088FF solid;border-bottom:1px #3088FF solid;color:#141E84; }
.c-a1, .c-a1:link, .c-a1:active, .c-a1:visited { color:#141E84; }

/*
.c-hh1 { background-color:#3088FF; }
*/
.c-hb1 { background-color:#FFFFFF;border-left:1px #3088FF solid;border-right:1px #3088FF solid; }
.c-bh1 { background-color:#FFEFD3;border-left:1px #3088FF solid;border-right:1px #3088FF solid; }

.c-h1 { background-color:#3088FF; }
/*
.c-b1 { background-color:#FFFFFF;border-left:1px #3088FF solid;border-right:1px #3088FF solid; }
*/
.c-b1b { background-color:#;border-left:1px #3088FF solid;border-right:1px #3088FF solid; }
.c-b1c { background-color:#;border-left:1px #3088FF solid;border-right:1px #3088FF solid; }

.c-c1 { border-left:1px #3088FF solid;border-right:1px #3088FF solid;border-bottom:1px #FFF0DF solid; } /* Patch */
.c-c1b { border-left:1px #3088FF solid;border-right:1px #3088FF solid; }
.c-t1, .c-t1b { background-color:#FFF4E1;border-left:1px #FFFFFF solid;border-right: 1px #FFEFD3 solid;border-bottom: 1px #FFEFD3 solid; }
.c-t1c { background-color:#FFF4E1;border-left:1px #FFFFFF solid;border-right: 1px #FFEFD3 solid; }
/* .c-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */
.c-t1d { border-left:1px #FFFFFF solid;border-right: 1px #FFEFD3 solid; }
.c-t1, .c-bord1 { background: url(images/default/kit/creme/degrade_1.jpg);background-repeat: repeat-x; }
.c-t1b, .c-t1c, .c-cont1c { background: url(images/default/kit/creme/degrade_2.jpg);background-repeat: repeat-x;background-color:#FFF4E1; }
/* texte des entetes */
.c-t1, .c-t1b, .c-t1c, .c-t1d, .c-bord1 { color:#00367C; }
.c-cont1, .c-cont1c { border-left:1px #FFFFFF solid;border-right: 1px #FFEFD3 solid; }
.c-cont1b { border-left: 1px #FFFFFF solid;border-right: 1px #FFEFD3 solid;border-top: 1px #FFFFFF solid;border-bottom: 1px #FFEFD3 solid; }
.c-cont1d { border-left: 1px #FFFFFF solid;border-right: 1px #FFEFD3 solid;border-bottom: 1px #FFEFD3 solid; }
/* texte du contenu */
.c-cont1, .c-cont1b, .c-cont1c, .c-cont1d { background-color:#FFF4E1;color:#00367C; }
/* texte 2 du contenu a placer dans un */
.c-cont1 .t2, .c-cont1b .t2 { color:#; }
/* lien du contenu */

.c-t1c a, .c-t1c a:link, .c-t1c a:active, .c-t1c a:visited,
.c-cont1 a, .c-cont1b a, .c-cont1c a, .c-cont1d a,
.c-cont1 a:link, .c-cont1 a:active, .c-cont1 a:visited,
.c-cont1b a:link, .c-cont1b a:active, .c-cont1b a:visited,
.c-cont1c a:link, .c-cont1c a:active, .c-cont1c a:visited,
.c-cont1d a:link, .c-cont1d a:active, .c-cont1d a:visited { color:#141E84; }


/* encadre coin */
.c-coin2 {background:url(images/default/kit/bleu2/coin_right.jpg );}
.c-coin-l2 { background-color:#3c8eff; }
.c-coin-r2 { border-top:1px #3c8eff solid;background-color:#99ccff; }
.c-coin-main2 { border-top:1px #3c8eff solid; }
.c-coin-p2 {
background-color:#6699ff;
background: url(images/default/kit/bleu2/degrade_2.jpg);
border-top: 1px #99ccff solid;
color:#fff;
}

/* boutons couleurs */
.c-l2 { background-color:#3c8eff; }
.c-lr2 { border-top:1px #3c8eff solid;border-bottom:1px #3c8eff solid;background-color:#99ccff; }
.c-rl2 { border-top:1px #3c8eff solid;border-bottom:1px #3c8eff solid;background-color:#0066ff; }
.c-btn-inside-2 {
background-color:#6699ff;
background: url(images/default/kit/bleu2/degrade_2.jpg);
background-repeat: repeat-x;
border-top: 1px #99ccff solid;border-bottom: 1px #0066ff solid;
}
.c-btn-2 { border-top:1px #3c8eff solid;border-bottom:1px #3c8eff solid;color:#fff; }
.c-a2, .c-a2:link, .c-a2:active, .c-a2:visited { color:#fff; }

/*
.c-hh2 { background-color:#3c8eff; }
*/
.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-b2 { background-color:#99ccff;border-left:1px #3c8eff solid;border-right:1px #3c8eff solid; }
*/
.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-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */
.c-t2d { border-left:1px #99ccff solid;border-right: 1px #0066ff solid; }
.c-t2, .c-bord2 {
/*  background: url(images/default/kit/bleu2/degrade_1.jpg); */
/* background: linear-gradient(#e66465, #9198e5); */
  background-repeat: repeat-x;
}
.c-t2b, .c-t2c, .c-cont2c {
  /* background: url(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-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-h3 { background-color:#73b2de; }
.c-hb3 { background-color:#a5cfef;border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-c3 { border-left:1px #73b2de solid;border-right:1px #73b2de solid;border-bottom:1px #73b2de solid; }
.c-t3d { border-left:1px #73b2de solid;border-right: none; }
.c-bord3 { background-color:#a5cfef; }
.c-t3d { color:#fff; }

/* encadre coin */
.c-coin4 {background:url(images/default/kit/gris_xp_clair/coin_right.jpg );}
.c-coin-l4 { background-color:#7f9db9; }
.c-coin-r4 { border-top:1px #7f9db9 solid;background-color:#ffffff; }
.c-coin-main4 { border-top:1px #7f9db9 solid; }
.c-coin-p4 {
background-color:#fff0ff;
background: url(images/default/kit/gris_xp_clair/degrade_2.jpg);
border-top: 1px #ffffff solid;
color:#fff;
}

/* boutons couleurs */
.c-l4 { background-color:#7f9db9; }
.c-lr4 { border-top:1px #7f9db9 solid;border-bottom:1px #7f9db9 solid;background-color:#ffffff; }
.c-rl4 { border-top:1px #7f9db9 solid;border-bottom:1px #7f9db9 solid;background-color:#d8d2bd; }
.c-btn-inside-4 {
background-color:#fff0ff;
background: url(images/default/kit/gris_xp_clair/degrade_2.jpg);
background-repeat: repeat-x;
border-top: 1px #ffffff solid;border-bottom: 1px #d8d2bd solid;
}
.c-btn-4 { border-top:1px #7f9db9 solid;border-bottom:1px #7f9db9 solid;color:#000; }
.c-a4, .c-a4:link, .c-a4:active, .c-a4:visited { color:#000; }

/*
.c-hh4 { background-color:#7f9db9; }
*/
.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(images/default/kit/gris_xp_clair/degrade_1.jpg);background-repeat: repeat-x; }
.c-t4b, .c-t4c, .c-cont4c { background: url(images/default/kit/gris_xp_clair/degrade_2.jpg);background-repeat: repeat-x;background-color:#fff0ff; }
/* texte des entetes */
.c-t4, .c-t4b, .c-t4c, .c-t4d, .c-bord4 { color:#fff; }
.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-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; }


/* encadre coin */
.c-coin5 {background:url(images/default/kit/rouge/coin_right.jpg );}
.c-coin-l5 { background-color:#9e0038; }
.c-coin-r5 { border-top:1px #9e0038 solid;background-color:#ff908f; }
.c-coin-main5 { border-top:1px #9e0038 solid; }
.c-coin-p5 {
background-color:#ff0000;
background: url(images/default/kit/rouge/degrade_2.jpg);
border-top: 1px #ff908f solid;
color:#fff;
}

/* boutons couleurs */
.c-l5 { background-color:#9e0038; }
.c-lr5 { border-top:1px #9e0038 solid;border-bottom:1px #9e0038 solid;background-color:#ff908f; }
.c-rl5 { border-top:1px #9e0038 solid;border-bottom:1px #9e0038 solid;background-color:#e10023; }
.c-btn-inside-5 {
background-color:#ff0000;
background: url(images/default/kit/rouge/degrade_2.jpg);
background-repeat: repeat-x;
border-top: 1px #ff908f solid;border-bottom: 1px #e10023 solid;
}
.c-btn-5 { border-top:1px #9e0038 solid;border-bottom:1px #9e0038 solid;color:#fff; }
.c-a5, .c-a5:link, .c-a5:active, .c-a5:visited { color:#fff; }

/*
.c-hh5 { background-color:#9e0038; }
*/
.c-hb5 { background-color:#ff908f;border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }
.c-bh5 { background-color:#e10023;border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }

.c-h5 { background-color:#9e0038; }
/*
.c-b5 { background-color:#ff908f;border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }
*/
.c-b5b { background-color:#ffffff;border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }
.c-b5c { background-color:#d8d2bd;border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }

.c-c5 { border-left:1px #9e0038 solid;border-right:1px #9e0038 solid;border-bottom:1px #9e0038 solid; }
.c-c5b { border-left:1px #9e0038 solid;border-right:1px #9e0038 solid; }
.c-t5, .c-t5b { background-color:#ff0000;border-left:1px #ff908f solid;border-right: 1px #e10023 solid;border-bottom: 1px #e10023 solid; }
.c-t5c { background-color:#ff0000;border-left:1px #ff908f solid;border-right: 1px #e10023 solid; }
/* .c-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */
.c-t5d { border-left:1px #ff908f solid;border-right: 1px #e10023 solid; }
.c-t5, .c-bord5 { background: url(images/default/kit/rouge/degrade_1.jpg);background-repeat: repeat-x; }
.c-t5b, .c-t5c, .c-cont5c { background: url(images/default/kit/rouge/degrade_2.jpg);background-repeat: repeat-x;background-color:#ff0000; }
/* texte des entetes */
.c-t5, .c-t5b, .c-t5c, .c-t5d, .c-bord5 { color:#fff; }
.c-cont5, .c-cont5c { border-left:1px #ff908f solid;border-right: 1px #e10023 solid; }
.c-cont5b { border-left: 1px #ff908f solid;border-right: 1px #e10023 solid;border-top: 1px #ff908f solid;border-bottom: 1px #e10023 solid; }
.c-cont5d { border-left: 1px #ff908f solid;border-right: 1px #e10023 solid;border-bottom: 1px #e10023 solid; }
/* texte du contenu */
.c-cont5, .c-cont5b, .c-cont5c, .c-cont5d { background-color:#ff0000;color:#fff; }
/* texte 2 du contenu a placer dans un */
.c-cont5 .t2, .c-cont5b .t2 { color:#fff; }
/* lien du contenu */

.c-t5c a, .c-t5c a:link, .c-t5c a:active, .c-t5c a:visited,
.c-cont5 a, .c-cont5b a, .c-cont5c a, .c-cont5d a,
.c-cont5 a:link, .c-cont5 a:active, .c-cont5 a:visited,
.c-cont5b a:link, .c-cont5b a:active, .c-cont5b a:visited,
.c-cont5c a:link, .c-cont5c a:active, .c-cont5c a:visited,
.c-cont5d a:link, .c-cont5d a:active, .c-cont5d a:visited { color:#fff; }


/* encadre coin */
.c-coin6 {background:url(images/default/kit/rose_bonbon/coin_right.jpg );}
.c-coin-l6 { background-color:#DB576F; }
.c-coin-r6 { border-top:1px #DB576F solid;background-color:#FFB9E4; }
.c-coin-main6 { border-top:1px #DB576F solid; }
.c-coin-p6 {
background-color:#FF81B1;
background: url(images/default/kit/rose_bonbon/degrade_2.jpg);
border-top: 1px #FFB9E4 solid;
color:#fff;
}

/* boutons couleurs */
.c-l6 { background-color:#DB576F; }
.c-lr6 { border-top:1px #DB576F solid;border-bottom:1px #DB576F solid;background-color:#FFB9E4; }
.c-rl6 { border-top:1px #DB576F solid;border-bottom:1px #DB576F solid;background-color:#F8759E; }
.c-btn-inside-6 {
background-color:#FF81B1;
background: url(images/default/kit/rose_bonbon/degrade_2.jpg);
background-repeat: repeat-x;
border-top: 1px #FFB9E4 solid;border-bottom: 1px #F8759E solid;
}
.c-btn-6 { border-top:1px #DB576F solid;border-bottom:1px #DB576F solid;color:#fff; }
.c-a6, .c-a6:link, .c-a6:active, .c-a6:visited { color:#fff; }

/*
.c-a6, .c-a6:link, .c-a6:active, .c-a6:visited { color:#00377f; }
.c-hh6 { background-color:#DB576F; }
*/
.c-hb6 { background-color:#FFB9E4;border-left:1px #DB576F solid;border-right:1px #DB576F solid; }
.c-bh6 { background-color:#F8759E;border-left:1px #DB576F solid;border-right:1px #DB576F solid; }

.c-h6 { background-color:#DB576F; }
/*
.c-b6 { background-color:#FFB9E4;border-left:1px #DB576F solid;border-right:1px #DB576F solid; }
*/
.c-b6b { background-color:#ffffff;border-left:1px #DB576F solid;border-right:1px #DB576F solid; }
.c-b6c { background-color:#d8d2bd;border-left:1px #DB576F solid;border-right:1px #DB576F solid; }

.c-c6 { border-left:1px #DB576F solid;border-right:1px #DB576F solid;border-bottom:1px #DB576F solid; }
.c-c6b { border-left:1px #DB576F solid;border-right:1px #DB576F solid; }
.c-t6, .c-t6b { background-color:#FF81B1;border-left:1px #FFB9E4 solid;border-right: 1px #F8759E solid;border-bottom: 1px #F8759E solid; }
.c-t6c { background-color:#FF81B1;border-left:1px #FFB9E4 solid;border-right: 1px #F8759E solid; }
/* .c-t1d: utilise ds les listes pour adjoindre un bkgd different du degrade a une entete de liste (ex: bkgd-checked) */
.c-t6d { border-left:1px #FFB9E4 solid;border-right: 1px #F8759E solid; }
.c-t6, .c-bord6 { background: url(images/default/kit/rose_bonbon/degrade_1.jpg);background-repeat: repeat-x; }
.c-t6b, .c-t6c, .c-cont6c { background: url(images/default/kit/rose_bonbon/degrade_2.jpg);background-repeat: repeat-x;background-color:#FF81B1; }
/* texte des entetes */
.c-t6, .c-t6b, .c-t6c, .c-t6d, .c-bord6 { color:#00377f; }
.c-cont6, .c-cont6c { border-left:1px #FFB9E4 solid;border-right: 1px #F8759E solid; }
.c-cont6b { border-left: 1px #FFB9E4 solid;border-right: 1px #F8759E solid;border-top: 1px #FFB9E4 solid;border-bottom: 1px #F8759E solid; }
.c-cont6d { border-left: 1px #FFB9E4 solid;border-right: 1px #F8759E solid;border-bottom: 1px #F8759E solid; }
/* texte du contenu */
.c-cont6, .c-cont6b, .c-cont6c, .c-cont6d { background-color:#FF81B1;color:#00377f; }
/* texte 2 du contenu a placer dans un */
.c-cont6 .t2, .c-cont6b .t2 { color:#00377f; }
/* lien du contenu */

.c-t6c a, .c-t6c a:link, .c-t6c a:active, .c-t6c a:visited,
.c-cont6 a, .c-cont6b a, .c-cont6c a, .c-cont6d a,
.c-cont6 a:link, .c-cont6 a:active, .c-cont6 a:visited,
.c-cont6b a:link, .c-cont6b a:active, .c-cont6b a:visited,
.c-cont6c a:link, .c-cont6c a:active, .c-cont6c a:visited,
.c-cont6d a:link, .c-cont6d a:active, .c-cont6d a:visited { color:#00377f; }

.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;
}
/*****/
.btn-continuer { background-image: url(images/yamababy/big_fleche_right.gif); }
.btn-fleche { background-image: url(images/yamababy/big_fleche_right.gif); }
.btn-enregistrer { background-image: url(images/yamababy/enregistrer.gif); }
.btn-valider { background-image: url(images/yamababy/valider2.gif); }
.btn-oui { background-image: url(images/yamababy/oui2.gif); }
.btn-non { background-image: url(images/yamababy/annuler.gif); }
.btn-retour { background-image: url(images/yamababy/fleche_retour.gif); }
.btn-voir { background-image: url(images/yamababy/picto_voir_album.gif); }
.btn-deplacer { background-image: url(images/yamababy/picto_deplacer.gif); }
.btn-editer { background-image: url(images/yamababy/picto_editer.gif); }
.btn-diaporama { background-image: url(images/default/pictos/diaporama_transp.gif); }

.btn-annuler { background-image: url(images/default/pictos/annuler.gif); }
.btn-haut { background-image: url(images/default/pictos/fleche_haut_page.gif); }
.btn-coeur {
  font-family:comic sans ms, verdana, arial, helvetica;
  font-size:12px;
  background-image: url(images/yamababy/puce_coeur.gif);
  background-position:2px 5px;
}
.btn-etoile {
  background-image: url(images/yamababy/puce_etoile.gif);
  background-position: 0 5px;
}

.btn-fullscreen { background-position:0 0;background-image: url(images/default/pictos/grand_format_0.gif); }
.btn-fullscreen:hover { background-image: url(images/default/pictos/grand_format_1.gif); }
.btn-diapo { background-image: url(images/default/pictos/diaporama_0.gif); }
.btn-diapo:hover { background-image: url(images/default/pictos/diaporama_1.gif); }
.btn-fl-g { background-image: url(images/default/pictos/fleche_left_album_0.gif); }
.btn-fl-g:hover { background-image: url(images/default/pictos/fleche_left_album_1.gif); }
.btn-fl-d { background-image: url(images/default/pictos/fleche_right_album_0.gif); }
.btn-fl-d:hover { background-image: url(images/default/pictos/fleche_right_album_1.gif); }
.btn-retourindex { background-image: url(images/default/pictos/bouton_index_album_0.gif); }
.btn-retourindex:hover { background-image: url(images/default/pictos/bouton_index_album_1.gif); }
.btn-imprimer { background-image: url(images/default/pictos/imprimer_transp.gif); }
.btn-fermer { background-image: url(images/default/pictos/fermer2.gif); }
.btn-action { background-image: url(images/default/puces/fleche_action.gif); }
/*



.btn-oui { background-image: url(images/default/pictos/oui-2.gif); }
.btn-nouveautes { background-image: url(images/default/pictos/nouveautes.gif); }
.btn-ajouter { background-image: url(images/default/pictos/ajouter.gif); }

*/
/* bouton_visiter', 14, 'diaporama2.gif */
/*
.btn-rediger { background-image: url(images/default/pictos/crayon_transp.gif); }
.btn-lire { background-image: url(images/default/pictos/bulles_transp.gif); }
.btn-envoyer { background-image: url(images/default/pictos/poster.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-left: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;
  font-size:14px;
}

.btn-supprimer { background-image: url(images/default/cliparts/mini/21.gif); }

.btn-envoyer { background-image: url(images/default/pictos/poster.gif); }

.btn-ajoutercontacts { background-image: url(images/default/pictos/ajouter.gif); }

.cross_css {
  border:1px #000 solid;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  background-color:#fff;
  color:#000;
  width:30px;
  height:30px;
}

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

.spacer { clear: both; }

  /***********/
 /* encarts */
/***********/

/* encart entete margin */
.orc-h { margin:0 2px;height:1px; }
.orc-b { margin:0 1px;height:1px; }

.c-h2 { background-color:#3c8eff; }
.c-hb2 { background-color:#99ccff;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; }

  /***********/
 /* teasers */
/***********/

/* teaser dimensions */
.teaser { width:160px; }

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-t,.t-tb  { color:#fff; }
.t-tb { font-weight:bold; }

.c-t2, .c-t2b { background-color:#6699ff;border-left:1px #99ccff solid;border-right: 1px #0066ff solid;border-bottom: 1px #0066ff solid; }
.c-t2b, .c-t2c, .c-cont2c, .c-bkgd2 {
/*  background: url(/edsa-yamafoto/images/default/kit/bleu2/degrade_2.jpg); */
  background: linear-gradient(#e66465, #9198e5);
  background-repeat: repeat-x;background-color:#6699ff;
}
.c-t2, .c-t2b, .c-t2c, .c-t2d, .c-bord2 { color:#fff; }

.c-teaser {
  background-color:#fff0ff;color:#996666;
}
.c-teaser a { color:#000; }

/* NOUVEAU TEASERS */
.zgoum2 {
  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%;
  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 {
  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 {
  position:relative;
  width:94%;
  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;
}
/* 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{
  position:absolute;
  left:50px; top:50px;
  z-index: 11;
}
.zgoum2-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 {
  color:#000;
}
/***********************************************/
.orc-h { margin:0 2px;height:1px;position: relative;height:2px; }
.orc-h:before { /* Source d'inspiration: https://css-tricks.com/snippets/css/multiple-borders/ */
  content: "";
  position: absolute;
  z-index: 1;
  top: 1px;
  left: -2px;
  margin:0 1px;
  height:1px;
  width:100%;
  background-color:#99ccff;
  border-left:1px #3c8eff solid;
  border-right:1px #3c8eff solid;
}
.orc-b { margin:0 1px;height:1px; }
.c-h2 { background-color:#3c8eff; }
.c-hb2 { background-color:#99ccff;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-t2, .c-t2b { background-color:#6699ff;border-left:1px #99ccff solid;border-right: 1px #0066ff solid;border-bottom: 1px #0066ff solid; }
.c-t2b, .c-t2c, .c-cont2c, .c-bkgd2 {
  background: linear-gradient(#99ccff, #3c8eff 20%, #6699ff 75%, #3c8eff 100%);
  background-repeat: repeat-x;background-color:#6699ff;
}
.c-t2, .c-t2b, .c-t2c, .c-t2d, .c-bord2 { color:#fff; }

/***********************************/
.page_type {
  background-color:green;
  color:#fff;
  padding:5px;
  position:relative;
  width:50%;
  margin-top: 5px;
}
/*
.arrow {
  display:block;
  width:26px;
  height:26px;
  background-color:grey;
  position:absolute;
  right:-4%;
  top:0;
}
.arrow:before {
  content:"",
  position:absolute;
  right:-5%;
  top:35%;
  top:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8.5px 0 8.5px;
  border-color: #ff00ff transparent transparent transparent;
}
*/
.arrow { /* http://apps.eky.hk/css-triangle-generator/ */
  text-decoration: none;
  position:absolute;
  right:-5%;
  top:35%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8.5px 0 8.5px;
  border-color: #ff00ff transparent transparent transparent;
}
.bas {
  transform:rotate(180deg);
}
.type_page_album_photo, .type_page_site_guestbook {
  width:300px;
  height:300px;
  background-repeat: no-repeat;
  background-size:contain;
  position:absolute;
  right:-90%;
  top:0;
}
.type_page_album_photo {
  background:url('http://127.0.0.1/edsa-websites/htdocs/images/album_photo.jpg');
  background-size:contain;
  background-repeat: no-repeat;
}
.type_page_site_guestbook {
  background:url('http://127.0.0.1/edsa-websites/htdocs/images/livre_d_or.jpg');
  background-size:contain;
  background-repeat: no-repeat;
}

/* sitebook admin */

.btn-nouveau {
  float:left; /* le float permet au bouton de se resizer auto sur la taille du texte */
  padding:15px;
}

.misajour {
position:absolute;right:0;top:-30px;display:inline-block;border-radius:11px;margin-top:5px;padding:5px;background-color:red;color:#fff;font-weight:bold;animation: 5s dissolve 1s forwards;
}

/* dissolve effect */
@keyframes dissolve { /* https://www.sitepoint.com/community/t/help-with-fade-out-or-dissolve-text-in-css-animation/354436 https://stackoverflow.com/questions/12991164/maintaining-the-final-state-at-end-of-a-css-animation */
  0% {
    opacity: 1;
  }
  100% {
    filter: blur(50px);
    opacity: 0;
    display:none;
  }
}

/* boutons de la page */
.btnpage {
font-size:15px;float:right;margin-left:5px;
}