body, p, div, h2{
  margin: 0px;
  padding: 0px
}

#header{
  width: 100%;
  height: 100px;
  background-color: #003b77
}

#headerLogo{
  width: 113px;
  height: 91px;
  position: absolute;
  top: 9px;
  left: 16px;
  border: 0px
}

#headerContact, #headerContact a{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #ff5a00;
  text-decoration: none;
}

#headerContact{
  position: absolute;
  top: 47px;
  left: 111px
}

#headerTitre{
  position: absolute;
  top: 0px;
  left: 577px;
  height: 100px;
  width: 323px;
  background: transparent
}
#headerTitre p, #headerTitre h2, #headerTitre span{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: right
}

#headerTitre p{
  margin-top: 50px   
}

#headerTitre h2{
  font-size: 18px;
  color: #00b6e5
}

#headerTitre img{
  margin: 0px 13px 0px 5px;
  float: right;
  border: 0px
}

#content{
  background: #00b5e4;
  width: 900px;
}

#menu{
  background: transparent;
  width: 150px;
  float: left
}

#menuLogo{
  border: 0px   
}

#mCaricature, #mTibitin, #mPublicite, #mBiblio, #mPresse, #mSalon, #mPeople, #mParcours, #mBoutique, #mNews{
  padding-right: 9px;
  margin-bottom: 8px;
  text-align: right   
}

#mCaricature img, #mTibitin img, #mPublicite img, #mBiblio img, #mPresse img, #mSalon img, #mPeople img, #mParcours img, #mBoutique img{
  border: 0px;
  vertical-align: text-bottom
}

#menu a.normal{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #003b77;
  text-decoration: none;
}

#menu a.over{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

#menu div.selected a{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #ff5b01;
  text-decoration: none;
}

#template{
  position: relative;
  background: white;
  width: 750px;
  min-height: 690px;
  float: left;
  padding-bottom: 20px;
  clear: right
}

* html #template{
  height: 690px
}

#breadcrumb{
  margin: 10px 0px 22px 16px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #00B5E4;
  font-weight: bold;
}

#breadcrumb a{
  color: #00B5E4;
  text-decoration: none
}

#breadcrumb a:hover{
  text-decoration: underline
}

p span.italic{
  font-style: italic
}

p span.bold{
  font-weight: bold
}

p span.clair{
  font-weight: bold;
  color: #00b5e4
}

p span.clairitalic{
  font-weight: bold;
  font-style: italic;
  color: #00b5e4
}

p span.strongitalic{
  font-weight: bold;
  font-style: italic;
  color: #003b77
}

#copyright{
  position: absolute;
  top: 171px;
  left: 0px   
}

#damier, #presentation, #presse, #salon, #people, #parcours, #salonDesc{
  position: relative;
  margin: 0px 0px 0px 27px;
  text-align: left
}

#damier div.element{
  position: relative;
  width: 113px;
  margin: 0px 9px 25px 9px;
  float: left;
  text-align: center;
  min-height: 157px
}

#damier div.element div.image{
  width: 113px;
  height:144px;
  text-align: center
}

#damier div.element div.image img{
  border: 0px;
  vertical-align: middle
}

#damier div.element p{
  position: absolute;
  top: 146px;
  left: 0px;
  width: 113px;
  text-align: center
}

#damier div.element p a{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 10px;
  color: #003B77;
  text-decoration: none    
}

#damierIntro{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #003B77;
  margin: 0px 50px 25px 27px;
  text-align: left
}

#photo{
  float: left;
  margin-right: 20px   
}

#presentation h2, #presse h2, #presse h3, #salon h2, #people h2, #parcours h2, #salonDesc h2{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 16px;
  color: #003B77;
  margin: 0px 0px 25px 0px
}

#salon h2, #salon h3, #people h2{
  color: #00b5e4   
}

#salon h3, #parcours h2{
  font-size: 14px;
  margin: 25px 0px   
}

#presentation div.description{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #003B77;
  margin: 0px 33px 25px 25px
}

#presse h3 img{
  vertical-align: bottom
}

#presse p.description, #salon p.description, #people p.description, #parcours p.description, #salonDesc p{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #003B77;
  margin: 0px 33px 0px 0px
}

#salon p.description, #presse p.description{
  margin: 0px 33px 40px 0px
}

#salon p.description a, #salonDesc p a{
  color: #00b5e4;
  font-weight: bold;
  text-decoration: none
}

#salon p.description a:hover, #salonDesc p a:hover{
    text-decoration: underline
}

div.photoList p a{
  color: #00b5e4;
  font-weight: normal;
  text-decoration: underline
}

div.photoList p a:hover{
  text-decoration: none
}

#presse div.revue, #parcours div.revue{
  height: 48px;
  width: 698px;
  margin-bottom: 6px;
  background: #f3f3f3 url(/images/pub/fond-revue.jpg) no-repeat top right;
  clear: both
}

#presse div.revue img, #parcours div.revue img{
  border: 0px;
  float: left
}

#presse div.revueText, #parcours div.revueText{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #003B77;
  padding: 7px 25px 0px 63px
}

#presse div.revueText span, #parcours div.revueText span{
  float: left
}

#presse div.revueText strong, #salonDesc p strong, #salonDesc p em, div.photoList p strong, div.photoList p em,
#parcours div.revueText strong{
  color: #00b5e4
}

#presse div.awdioPlayer{
  margin: 15px 0px;
  text-align: center
}

#people p span.italic{
  font-style: italic;
  color: #00b5e4
}

#salonDesc, #people{
  margin-bottom: 50px
}

div.photoList{
  margin: 0px 33px 16px 27px;
  clear: both
}

div.photoList img{
  float: left;
  margin-right: 15px
}

div.photoList p{
  font-family: Arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  color: #003B77
}

#boutique{
  background: transparent;
  margin: 46px 0px 0px 58px
}

#boutique div.article, #detail-article{
  position: relative;
  width: 154px;
  height: 333px;
  background: white url('/images/cadre-boutique.png') no-repeat 0px 0px;
  text-align: center;
  padding: 9px 10px 17px 8px;
  margin-right: 20px;
  float: left
}

#boutique h2, #detail-article h2{
  font-size: 13px;
  color: #00b5e4;
  text-align: left;
  margin-top: 10px
}

#boutique p.prix, #detail-article p.prix{
  font-size: 13px;
  color: #003b77;
  text-align: left;
  border-bottom: 1px solid #003b77;
  margin-top: 2px;
  padding-bottom: 4px
}

#boutique p.prix span, #detail-article p.prix span{
  font-weight: bold;
  color: #00b5e4
}

#boutique p.resume, #detail-article p.resume{
  margin-top: 15px;
  font-size: 12px;
  font-style: italic;
  color: #003b77;
  text-align: left
}

#boutique p.isbn{
  position: absolute;
  bottom: 17px;
  left: 8px;
  font-size: 12px;
  color: #003b77;
  text-align: left
}

#article{
  background: transparent;
  margin: 55px 0px 0px 68px
}

#detail-article p.isbn{
  font-size: 12px;
  color: #003b77;
  text-align: left;
  margin-top: 20px
}

#article img{
  float: left;
  margin-right: 33px
}

#cheque, #panier{
  position: absolute;
  bottom: 20px;
  margin: 0px;
  border: 0px
}

#cheque{
  left: 13px
}

#panier{
  left: 91px;
  float: left
}

#addCart {
  float: left;
  margin: 15px 0px 0px 28px
}