body{margin:0;padding:0; font-family: 'Philosopher', sans-serif; font-size: 100%; background-color:#957BB7;color:#800080;}
p{margin:0;padding:0;}
a:link {color:#800080;text-decoration:none;}
a:visited {color:#800080;text-decoration:none;}
a:hover {color:#FF55FB;text-decoration:none;}
a:active {
	color:#800080;
	text-decoration:underline;
}
a img{display:block;border:none;margin:0 auto;}
h1{margin:0;padding:0;font-size:1.52em;}
h2{margin:0;padding:0;font-size:1em;}
h3{margin:0;padding:0;font-size:1em;}
.style-entete {background-color:#FFD9FF;-moz-border-radius: 0px 15px 0px 0px; -webkit-border-radius: 0px 15px 0px 0px; border-radius: 0px 15px 0px 0px; }
.style-entete-print {font-size:2em;}
.style-menu-titre {font-size:1.1em;border-bottom:1px solid #800080;}
.style-chemin{background-color:#FFFFFF;}
.style-chemin a{color:#0000FF; text-decoration:underline;}
.style-titre{font-size:1.3em;background-color:#FF55FE;color:#FFFFFF;font-weight:bold;line-height:45px; -moz-box-shadow: inset 0px 0px 10px #FFF; -webkit-box-shadow: inset 0px 0px 10px #FFF; box-shadow: inset 0px 0px 10px #FFF;}
.style-fond-0 {background-color:#957BB7;}
.style-fond-1 {background-color:#FFFFFF;-moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0;}
.style-fond-2 {background-color:#FFD9FF; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}
.style-fond-3 {background-color:#D2CAEC;background-image:url(http://www.coloring-life.com/images/arbre-zen-v3.jpg);background-repeat:no-repeat;background-position:center bottom;-moz-border-radius: 15px 0px 0px 15px; -webkit-border-radius: 15px 0px 0px 15px; border-radius: 15px 0px 0px 15px; -moz-box-shadow: inset 0px 0px 10px #FFF; -webkit-box-shadow: inset 0px 0px 10px #FFF; box-shadow: inset 0px 0px 10px #FFF; }
.style-fond-5 {background-color:#FFFFFF;-moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.style-fond-6 {background-color:#FFD9FF; }
.style-cat {font-size:1.4em; height: 40px;border-bottom:1px solid #976AA5;color: #976AA5;font-weight:bold;}
.style-more {font-weight:bold;}
.style-cookies {color:#FFFFFF; }
#style-cookies {color:#FFFFFF; }
.arrondi1{
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
 /*------------------------------------------------------------ Menu horizontal ---------------------------------------- */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#cssmenu {
  height: 40px;
  display: block;
  border: 1px solid;
  width: auto;
  border-color: #FF55FE;
  margin: 0;
  padding: 0;
}
#cssmenu > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  border-right: 1px solid #FF55FE;
  color: #ffffff;
  padding: 12px 20px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
  border-color: #FF4BFF;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #FF55FE;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu > ul > li.has-sub > a:hover,
#cssmenu > ul > li.has-sub:hover > a {
  background: #FF55FE;
  border-color: #FF55FE;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  background: #FF55FE;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 10px 0;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul ul ul {
  position: absolute;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
  top: -10px;
  border-radius: 5px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 20px;
}
#cssmenu,
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
  background: #FF4BFF;
  background: -moz-linear-gradient(top, #FF4BFF 0%, #FF9DFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4BFF), color-stop(100%, #FF9DFF));
  background: -webkit-linear-gradient(top, #FF4BFF 0%, #FF9DFF 100%);
  background: -o-linear-gradient(top, #FF4BFF 0%, #FF9DFF 100%);
  background: -ms-linear-gradient(top, #FF4BFF 0%, #FF9DFF 100%);
  background: linear-gradient(top, #FF4BFF 0%, #FF9DFF 100%);
}
#cssmenu > ul > li > a:hover {
  background: #FF55FE;
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

.cssmenu-titre {font-size:1.4em; height: 50px;border-bottom:1px solid #976AA5;color: #976AA5;font-weight:bold;}
.cssmenu-titre a{color: #976AA5;}

.cssmenu-fond-1 { background: #FFFFFF;}

.menu-arrondi1{
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
border:1px solid #976AA5;
}

 /*------------------------------------------------------------ Images ---------------------------------------- */
 
 #coloringlife-150-90 {
    height: 90px;
    width: 150px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) 0 -125px;
}

#coloringlife-logo-500-125 {
    height: 125px;
    width: 500px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) 0 0;
}

#coloring-life-logo-menu-gauche {
	height: 130px;
    width: 130px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -150px -125px;
}

#bambou-tres-petit {
	height: 125px;
    width: 122px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -280px -125px;
}

#drapeau-fr {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -409px -143px;
}

#drapeau-en {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -453px -143px;
}

#drapeau-es {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -431px -143px;
}

#drapeau-de {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -475px -143px;
}

#drapeau-it {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -475px -127px;
}

#drapeau-pt {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -409px -127px;
}

#drapeau-nl {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -431px -127px;
}

#drapeau-jp {
	height: 14px;
    width: 21px;
    background: url(http://www.coloring-life.com/images/sprite-2.jpg) -453px -127px;
}