-----

-----

$rouge_clair: #cc0000
$rouge_fonce: #6c0000
$blanc_fonce: #dddddd
$gris_fonce: #888888
$texte_normal: #222222
$texte_attenue: #666666

$tiny_radius: 10px
$small_radius: 20px
$large_radius: 27px

=tinyround
  -moz-border-radius:
    topleft: 1px
    topright: $tiny_radius
    bottomleft: $tiny_radius
    bottomright: $tiny_radius

=downsmallround
  -moz-border-radius:
    topleft: 0px
    topright: 0px
    bottomleft: $small_radius
    bottomright: $small_radius

=smallround
  -moz-border-radius:
    topleft: 1px
    topright: $small_radius
    bottomleft: $small_radius
    bottomright: $small_radius

=largeround
  -moz-border-radius:
    topleft: 1px
    topright: $large_radius
    bottomleft: $large_radius
    bottomright: $large_radius

=first_round_base
  -moz-border-radius:
    topleft: 1px
    bottomleft: 1px
    bottomright: 1px

=large_first_round
  -moz-border-radius:
    topright: $large_radius
    bottomright: 1px

=small_first_round
  -moz-border-radius:
    topright: $small_radius
    bottomright: 1px

=tiny_first_round
  -moz-border-radius:
    topright: $tiny_radius
    bottomright: 1px

=large_first_round
  +first_round_base

=small_first_round
  +first_round_base

=tiny_first_round
  +first_round_base

.corps h1
  -moz-border-radius:
    topleft: 0px
    topright: 29px
    bottomleft: 0px
    bottomright: 29px

.corps h2
  -moz-border-radius:
    topleft: 0px
    topright: $small_radius
    bottomleft: 0px
    bottomright: $small_radius

.corps h3,
.corps h4
  -moz-border-radius:
    topleft: 0px
    topright: $tiny_radius
    bottomleft: 0px
    bottomright: $tiny_radius

// -----
=large_first_round
  +first_round_base

=small_first_round
  +first_round_base

=tiny_first_round
  +first_round_base

// ------- Fin des definitions ------------
#entete
  +downsmallround

#titre
  +largeround

.encadre,
.black,
.red,
.shadow,
.return a,
#liens ul li a:hover,
#liens ul li span.active,
#choixlang a,
#clickcomment,
#rss,
blockquote
  +smallround

#whatsthis,
img
  +tinyround

#sousliens,
pre.twilight,
#bottom,
#blocMessage,
#presentation,
#Menu,
table.description tr td,
.corps
  +tinyround

.nojsbutton,
.corps
  +largeround

// --- bords arrondis
#content
  +largeround

// --- les ombres

#choix ul li.activelang
  +tinyround

.impact, .darkimpact
  +largeround

#rss a
  +smallround

#menuMessage
  +downsmallround

.corps h1.first
  +large_first_round

.corps h2.first
  +small_first_round

.corps, #bottom, #sousliens
  -moz-box-shadow: 0px 2px 5px #333333

#titre, #entete, .date
  -moz-box-shadow: 0px 0px 5px black

=white
  background-image: -moz-radial-gradient(30% 150, 0, 30% 150, 300, from(white), to(#dddddd)) no-repeat

#entete, #sousliens, .corps
  +white

.date
  -moz-border-radius:
    topleft: 1px
    topright: $tiny_radius
    bottomleft: $tiny_radius
    bottomright: $tiny_radius

.month
  -moz-border-radius:
    topright: $tiny_radius

.year
  -moz-border-radius:
    topright: 1px
    bottomleft: $tiny_radius
    bottomright: $tiny_radius