/*----------- Contenu principal ------------*/

#atelier-content
{
  width:  600px;
  float:  left;
  margin-right: 10px;
}

#atelier-content h1
{
  border-bottom: 2px solid #1ddd7c;
  text-align: left;
  margin-bottom:  10px;
}

p#description
{
  font-size:  12px;
  color:  black;
  text-align: left;
  margin-left:  5px;
}

#orange, #mauve
{
  width:  293px;
  min-height: 365px;
  margin-top: 15px;
}


/*-----------Box Orange ------------*/

#orange
{
  background: #fff2ec url(../images/atelier-enfant/box-corner-bottom.gif) no-repeat bottom right;
}

#orange-titre
{
  background: #ff8040 url(../images/atelier-enfant/box-corner-top.gif) no-repeat top right;
}

#orange-titre h2
{
  font-size:  16px;
  color:  white;
  text-align: right;
  padding: 8px 15px 0px 0px;
  letter-spacing: 1px;
}

#orange-header-left
{
  background: #ff8040 url(../images/atelier-enfant/orange-bottom.gif) no-repeat bottom left;
}

#orange-content
{
  background: #fff2ec;
}

#orange-content ul
{
  padding: 0px;
  list-style-type:  none;
}

#orange-content ul li, #orange-content p
{
  font-size:  14px;
  margin: 15px;
  text-align: left;
}

/*-----------Box Mauve ------------*/
#mauve
{
  float:  right;
  background: #f2e6f2 url(../images/atelier-enfant/box-corner-bottom.gif) no-repeat bottom right;
}
#mauve-titre
{
  background: #800080 url(../images/atelier-enfant/box-corner-top.gif) no-repeat top right;
}

#mauve-titre h2
{
  font-size:  16px;
  color:  white;
  text-align: right;
  padding: 8px 15px 0px 0px;
  letter-spacing: 1px;
}

#mauve-header-left
{
  background: #800080 url(../images/atelier-enfant/mauve-bottom.gif) no-repeat bottom left;
}

#mauve-content
{
  background: #f2e6f2;
}

#mauve-content p.date
{
  font-size:  14px;
  margin: 15px 0px 8px 15px;
  text-align: left;
}

#mauve-content p.activite
{
  font-size:  14px;
  color:  #800080;
  padding: 0px 15px 5px 0px;
  text-align: right;
}

/*----------- Contenu publicitaire ------------*/

#pub
{
  width:  160px;
  float:  left;
}

#telechargement
{
  background: #b10000;
  width:  160px;
}

#telechargement h3
{
  font-size:  14px;
  color:  white;
  text-align: center;
  padding-top: 5px;
  margin-bottom:  10px;
}

p#dl
{
  font-size:  12px;
  color: white;
  text-align: left;
  margin-left:  2px;
}

#dl span.link a
{
  font-weight:  bold;
  color:  white;
  text-decoration: underline;
  padding:  8px;
}

p#acrobat
{
  padding: 15px 2px 2px 0px;
  text-align: right;
}

p#acrobat a
{
  color:  white;
}

#tarif
{
  margin-top: 20px;
  background: #008080;
  text-align: left;
}

#tarif h3
{
  font-size:  14px;
  color:  white;
  padding:  5px;
  margin-bottom:  10px;
  border-bottom:  2px solid white;
  text-align: center;
}

#tarif div.texte
{
  width: 130px;
  float: left;

}

#tarif div.prix
{
  width: 30px;
  float: left;
}

#tarif p
{
  font-size:  12px;
  margin: 2px 0px;
  color:  white;
}

#infos
{
  background: #ffbf9f url(../images/atelier-enfant/box-corner-bottom-left.gif) no-repeat bottom left;
  margin-top: 20px;
}

#infos h3
{
  background: transparent url(../images/atelier-enfant/box-corner-top.gif) no-repeat top right;
  font-size:  14px;
  color:  black;
  padding:  5px;
  margin-bottom:  17px;
  text-align: center;
}

#infos p
{
  padding-bottom:  20px;
}

#infos p a
{
  font-size:  12px;
  color:  black;
  text-decoration:  underline;
}

#infos p a:hover
{
  text-decoration:  none;
}

/*-------------- CLEANER ---------------*/

#bandeau-horizontal
{
  
  margin: 30px 0px;
}

#apporte, #detail, #cheque-cadeau
{
  float:  left;
}

#apporte
{
  padding-right:  10px;
}

#apporte p
{
  font-size:  14px;
  font-weight:  bold;
  text-align: left;
}

#apporte p.rouge
{
  color:  #b10000;
  margin:  5px 0px 20px 5px;
}

#apporte p.vert
{
  color:  #008080;
  margin-left: 17px;
}

#detail
{
  padding:  5px 10px;
  border-left: 2px dashed #b10000;
  border-right: 2px dashed #b10000;
}

#detail p, #cheque-cadeau p
{
  font-size:  14px;
  color:  black;
  text-align: center;
}

#cheque-cadeau
{
  text-align: center;
  margin-left:  10px;
}

#cheque-cadeau p
{
  margin: 10px 0px;
  font-size:  14px;
}

#cheque-cadeau div.texte
{
  width: 110px;
  float: left;
}

#cheque-cadeau div.texte p
{
  text-align: left;
  color:  #800080;
  font-weight:  bold;
  margin: 0px;
}

#cheque-cadeau div.prix
{
  /*width: 35px;*/
  float: left;
}

#cheque-cadeau div.prix p
{
  color:  #800080;
  font-weight:  bold;
  margin: 0px;
}

/*-------------- Création des enfants ---------------*/

#creation-enfant
{
  background: #e6fcff;
  margin-top: 30px;
}
#creation-enfant h2
{
  font-size:  18px;
  font-weight:  normal;
  color:  #00e2ff;
  letter-spacing: 13px;
}

#titre-creation
{
  text-align: right;
}

#titre-creation-vertical
{
    float: right;
}

#content-creation
{
  margin-top: 20px;
}

#content-creation div.photo-detail
{
  float:  left;
  margin-left:  30px;
  margin-bottom:  40px;
  width:  180px;
  height: 220px;
}

#content-creation div.photo-detail img
{
  border: 2px solid #00e2ff;
}

#content-creation div.photo-detail p.description
{
  font-size:  14px;
  color:  black;
  margin-top: 15px;
}

/*-------------- Spécial Anniversaire ---------------*/

#specialAnniversaire{
  background: #FF8040;
  padding: 5px
}

#specialAnniversaire h3{
  font-size: 16px;
  color: white;
  margin: 0px 0px 20px 0px
}

#specialAnniversaire p{
  font-size: 14px;
  color: black;
  text-align: left
}

#specialAnniversaire p.forfait{
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-align: left;
  margin: 15px 0px 3px 0px
}

#specialAnniversaire p.mat{
  font-size: 12px;
  font-style: italic;
  color: black;
  text-align: right;
  margin: 15px 0px 3px 0px
}

#specialAnniversaire span.prix1{
  margin: 0px 0px 0px 48px
}

#specialAnniversaire span.prix2{
  margin: 0px 0px 0px 40px
}


/*-------------- CLEANER ---------------*/

div .cleaner
{
  display:  block;
  clear:  both;
}