@font-face { font-family: Courgette; src: url(courgette.woff) format('woff'); }
/* mise en page */
html, body, div { margin: 0; padding: 0; }
body { font: 13px Verdana,sans-serif; }
#content { line-height: 1.4em; }
/* editor back office */
body.bo_edit { margin: 0 10px; line-height: 1.4em; }

/* styles */
h1, h2 { font-family: Courgette, cursive; }
h1 { font-size: 1.5em; margin: 10px 0; }
h2 { font-size: 1.4em; margin: 10px 0; }
h3 { font-size: 1.12em; margin: 10px 0; }
h4 { font-size: 1.06em; margin: 8px 0; }
h5 { font-size: 1.06em; margin: 8px 0; }
h1, h2, h3, h4, strong, .chapeau, .color1, .color2 { font-weight: bold; }
p { margin: 8px 0; text-align: justify; }
ul { list-style-image: url("../img/losange.gif"); margin-top: 0; margin-bottom: 10px; }
li { padding-bottom: 8px; }
table { border-collapse: collapse; margin : 20px auto; }
td, th { padding: 5px; }
div.align_right, img.align_right { float: right; margin: 10px 0 10px 20px; text-align: center; }
div.align_left, img.align_left { float: left; margin: 10px 20px 10px 0; text-align: center; }
div.align_center { margin: 20px 0; text-align: center; }
.link { text-decoration: underline; cursor: pointer; }
.legende { font-style: italic; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* couleurs */
h1, h4, .color1 { color: #900; }
strong { color: #000; }
h2, h3, h5, .chapeau, .color2, .link:hover, a:hover { color: #060; }
p, li, td { color: #333; }
.link, a { color: #30f; }
.legende { color: #999; }
td, th { border: 1px solid #fc9; }