* { padding:0; margin:0; border:0 }

body { background:url(motif_fond.jpg) repeat; font-family:verdana,arial; font-size:11px; text-align:justify; color:#000 }
a { color:#333; text-decoration:none }
a:hover,a:active { text-decoration:underline }
a:focus { outline:none }

p { margin-top:14px }
p:first-child { margin-top:0 }
h2 { font-size:12px }

.nodisplay { display:none }
.clear { clear:both; }

#bulleDiv { display:none; padding:5px; padding-top:3px; padding-bottom:3px; color:#111; background:#FFF; border:1px solid #000; font-weight:bold }

/* ----- Design global ----- */
#main { margin:0 auto; width:1024px; background:url(etoile_fond.png) top left no-repeat }
#bulle { background:url(bulle.png) left 25px no-repeat }
#bulle_texte { background:left 25px no-repeat }
#cadre { background:245px 30px no-repeat }
#support { background:url(support.png) 315px 110px no-repeat }
#presse { background:url(dossier-presse.png) 770px 27px no-repeat }
#tete { background:180px 125px no-repeat }
#robe { background:90px 100px no-repeat; height:540px }

/* ----- Menu ----- */
#menu { padding-left:264px; padding-top:30px; height:80px }
#menu a { display:block; float:left; background:center top no-repeat }
#menu a#actu { width:80px; height:65px; background-image:url(menu-actu-rollout.png) }
#menu a#actu:hover,#menu a#actu:active { background-image:url(menu-actu-rollin.png) }
#menu a#bio { width:80px; height:65px; background-image:url(menu-bio-rollout.png) }
#menu a#bio:hover,#menu a#bio:active { background-image:url(menu-bio-rollin.png) }
#menu a#disco { width:92px; height:65px; background-image:url(menu-disco-rollout.png) }
#menu a#disco:hover,#menu a#disco:active { background-image:url(menu-disco-rollin.png) }
#menu a#photo { width:117px; height:65px; background-image:url(menu-photos-rollout.png) }
#menu a#photo:hover,#menu a#photo:active { background-image:url(menu-photos-rollin.png) }
#menu a#part { width:85px; height:65px; background-image:url(menu-partenaires-rollout.png) }
#menu a#part:hover,#menu a#part:active { background-image:url(menu-partenaires-rollin.png) }
#menu a#contact { width:64px; height:65px; background-image:url(menu-contact-rollout.png) }
#menu a#contact:hover,#menu a#contact:active { background-image:url(menu-contact-rollin.png) }

#menu a#dossier { width:64px; height:40px; padding-left:61px; padding-top:40px; width:140px; color:#a3569a; font-weight:bold; font-size:11px }
#menu a#dossier:hover,#dossier a#contact:active { }

#coeur { padding-left:280px; height:410px  }
#coeur #texte { float:left; padding-left:43px; padding-top:45px; width:395px; height:280px; overflow:auto }

a#retour { margin-top:50px; margin-right:50px; clear:right; float:right; width:60px; height:27px; background:url(bouton_retour_accueilrollout.png) center center no-repeat }
a#retour:hover,a#retour:active { background-image:url(bouton_retour_accueilrollin.png) }

a#mentions { clear:both; font-size:10px; margin-right:50px; clear:right; float:right; width:100px; color:#000 }
a#mentions:hover,a#mentions:active { color:#FFF; text-decoration:none }