-----

-----

$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
  -webkit-border:
    top-left-radius: 1px
    top-right-radius: $tiny_radius
    bottom-left-radius: $tiny_radius
    bottom-right-radius: $tiny_radius

=downsmallround
  -webkit-border:
    top-left-radius: 0px
    top-right-radius: 0px
    bottom-left-radius: $small_radius
    bottom-right-radius: $small_radius

=smallround
  -webkit-border:
    top-left-radius: 1px
    top-right-radius: $small_radius
    bottom-left-radius: $small_radius
    bottom-right-radius: $small_radius

=largeround
  -webkit-border:
    top-left-radius: 1px
    top-right-radius: $large_radius
    bottom-left-radius: $large_radius
    bottom-right-radius: $large_radius

=first_round_base
  -webkit-border:
    top-left-radius: 1px
    bottom-left-radius: 1px
    bottom-right-radius: 1px

=large_first_round
  -webkit-border:
    top-right-radius: $large_radius
    bottom-right-radius: 1px

=small_first_round
  -webkit-border:
    top-right-radius: $small_radius
    bottom-right-radius: 1px

=tiny_first_round
  -webkit-border:
    top-right-radius: $tiny_radius
    bottom-right-radius: 1px

.corps h1
  -webkit-border:
    top-left-radius: 0px
    top-right-radius: 29px
    bottom-left-radius: 0px
    bottom-right-radius: 29px

.corps h2
  -webkit-border:
    top-left-radius: 0px
    top-right-radius: $small_radius
    bottom-left-radius: 0px
    bottom-right-radius: $small_radius

.corps h3,
.corps h4
  -webkit-border:
    top-left-radius: 0px
    top-right-radius: $tiny_radius
    bottom-left-radius: 0px
    bottom-right-radius: $tiny_radius

.corps h1,
.corps h2,
.corps h3,
.corps h4
  -webkit-box-shadow: 0 1px white

// ------- 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
  -webkit-box-shadow: 0px 2px 5px #333333

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

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

#entete, #sousliens, .corps
  +white

.date
  -webkit-border:
    top-left-radius: 1px
    top-right-radius: $tiny_radius
    bottom-left-radius: $tiny_radius
    bottom-right-radius: $tiny_radius

.month
  -webkit-border:
    top-right-radius: $tiny_radius

.year
  -webkit-border:
    top-right-radius: 1px
    bottom-left-radius: $tiny_radius
    bottom-right-radius: $tiny_radius