-----
-----
!rouge_clair = #cc0000
!rouge_fonce = #6c0000
!blanc_fonce = #ddd
!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.active,
blockquote
  +smallround

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

/* Shadows */
.corps, #bottom, #sousliens 
  -moz-box-shadow: 0px 2px 5px #333
#titre, #entete, .date
  -moz-box-shadow: 0px 0px 5px #000

=white
  background-image: -moz-radial-gradient(30% 150, 0, 30% 150, 300, from(#fff), to(#ddd) ) 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