/* Élimination des styles par défaut
======================================*/

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,form,address,div {margin : 0 ; border : 0 ; padding : 0 ; font-size : 1em}
table {border-collapse : collapse}
th, td {padding : 0 ; vertical-align : top}
ul,ol,dl,li {list-style-type : none}
img, a {border : 0 ; display : block}
p img, li img, dt img, dd img {display : inline ; vertical-align : bottom}
p a, li a, dt a, dd a {display : inline}

/* Styles par défaut
======================================*/

label {cursor : pointer}
a.ancre {position : relative ; top : -5em}
p, li {text-align : justify}
.power {font-size : 0.8em ; padding-left : 0.1em ; position : relative ; top : -0.33em}
a {text-decoration : none}
a:hover {text-decoration : underline}
input.checkbox, input.radio {position : relative ; top : 3px}
label, .label, .handler {cursor : pointer}
p.l, table.l td, table.l th, tr.l td, tr.l th, td.l, th.l {text-align : left}
p.r, table.r td, table.r th, tr.r td, tr.r th, td.r, th.r {text-align : right}
p.c, table.c td, table.c th, tr.c td, tr.c th, td.c, th.c {text-align : center}
.fr {float : right ; margin-left : 12px ; margin-bottom : 10px}
.fl {float : left ; margin-right : 12px ; margin-bottom : 10px}
.colonnes {width : 100%}
.colonnes td {padding-right : 10px}
.clear {clear : both}
a.vert {color : #3A6F29}


/* Photos
======================================*/ 

div.illustration {background : #eee ; border : 1px solid #bbb ; text-align : center ; padding : 6px ; margin-bottom : 10px ; margin-top : 10px}
div.right {float : right ; margin-left : 18px}
div.left {float : left ; margin-right : 18px}
div.illustration img {border : 1px solid #bbb}
div.illustration p.credit {margin : 6px 3px 0 ; font : 9px/9px Arial ; text-align : right ; font-style : italic ; color : #999}
div.illustration p.legende {margin : 6px 3px 0 ; text-align : center}

/* Blocs de textes
======================================*/ 


.chapo {margin : 20px 0 16px 0}
.chapo p {text-align : left ; font : italic bold 12px/21px Georgia ; color : #666 ; text-align : justify}

div.hauteur {height : 62px} /* permet d'allonger les div où le texte ne suffit pas */

div.note, div.important, div.exemple {padding : 0 10px 10px 90px ; margin : 10px 0 16px}
div.note li.courant a {font-weight : normal ; color : #000}

div.note {background : #f4fbff url(/images/icones/note.gif) 10px 8px no-repeat ; border-top : 1px solid #a6cbe1}
div.note b {color : #0d88d4}
div.note a {color : #0d88d4 ; font-weight : bold}

div.important {background : #fff5ef url(/images/icones/important.gif) 10px 10px no-repeat ; border-top : 1px solid #ffa26f}
div.important b {color : #df4e00}
div.important a {color : #df4e00 ; font-weight : bold}

div.exemple {background : #f3e5ce url(/images/icones/exemple.gif) 10px 10px no-repeat ; border-top : 1px solid #87765b}
div.exemple b {color : #87765b}
div.exemple a {color : #87765b ; font-weight : bold}

a.discret {color : #666}

/* Listes
======================================*/ 

ul.grosse-liste li {padding : 4px 0 4px 20px ; background : url(/images/puces/carre-blanc.gif) 0 7px no-repeat}
ul.grosse-liste li .intitule {color : #c00 ; font-weight : bold ; font-variant : small-caps}

ul.petite-liste li {padding : 1px 0 1px 15px ; background : url(/images/puces/carre-orange.gif) 5px 9px no-repeat}