/**
 * Référence couleur:
 * Rose:       #ca19bb
 * Rose:       #d04cbf
 * Rose pâle:  #f5c2ee
 * Rose clair: #f123db
 * Rose foncé: #54044c
 * Bleu pâle:  #96a3f4
 * Bleu:       #1d1dca
 * Bleu foncé: #0a103e
 * Noir:       #000000
 */

/**
 * General
 */
body, textarea {font-size: 13px; font-family: Trebuchet MS, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, img, table, th, td {margin: 0; padding: 0; border: 0;}
table {border-spacing: 0;}
a {color: inherit; text-decoration: none;}
strong {color: #1d1dca;}
.zyva {color: #1d1dca; font-weight: bold;}

/**
 * Container
 */
#container {margin: 0; padding: 0; border: 0; border-spacing: 0; width: 780px; margin-left: -390px; position: absolute; left: 50%;}
#content {vertical-align: top; width: 590px; padding-right: 30px;}
#frise {display: block;}
#logo {float: left; margin: 12px 10px 8px 10px;}

/**
 * Menu
 */
ul#menu {display: block; float: right;}
ul#menu li {display: block; float: left;}

/**
 * Submenu
 */
h1 {padding: 8px 2px 3px 3px; color: #54044c; border-bottom: solid 1px #54044c; font-family: Verdana; font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.7em;}
ul#submenu {height: 27px; display: block; float: right; border-right: solid 1px #54044c; color: #54044c; font-weight: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px;}
ul#submenu li {display: block; float: left;}
ul#submenu li.selected {color: #d04cbf;}
ul#submenu li a {display: block; padding: 4px 8px;}
ul#submenu li a:hover, ul#submenu li a:active {background-color: #f5c2ee;}

/**
 * Sidebar
 */
#sidebar {vertical-align: top; width: 180px; padding: 40px 10px; text-align: center; font-size: 12px; color: #ca19bb;}
#sidebar a {color: #f123db; font-weight: bold;}
#sidebar a:hover, #sidebar a:active {text-decoration: underline;}
#sidebar div {padding-bottom: 8px; border-bottom: solid 1px #1d1dca;}
#sidebar p {padding: 0 20px;}
#sidebar h3 {margin-top: 3px;}
#sidebar dt {margin-top: 6px; text-transform: uppercase; color: #1d1dca; font-size: 11px;}

/**
 * Content
 */
#content div {clear: both; margin-top: 20px; margin-left: 30px;}
#content div h2 {height: 54px;}
#content div h2 img {border: 0;}
#content div img {float: left; margin: 5px 20px 5px 0; border: solid 1px black;}
#content p {color: #54044c; text-align: justify; padding-left: 30px; padding-right: 45px; text-indent: 15px; margin-top: 8px;}
#content p a {color: #f123db; font-weight: bold;}
#content p a:hover, #sidebar a:active {text-decoration: underline;}
#content p.exemple {color: #666666; text-align: right; padding-left: 140px;}
#content p.exemple a:hover, #sidebar a:active {text-decoration: underline;}

/**
 * Page Accueil
 */
#content blockquote {color: #140b68; text-align: center; padding-right: 45px; font-family: Georgia; font-size: 18px; font-style: italic; text-indent: 15px; margin-top: 8px; line-height: 150%;}
blockquote .author {font-size: 70%; padding-left: 150px;}

/**
 * Page Budget
 */
table.budget {width: 400px; margin-left: 50px; border-collapse: collapse; font-size: 10px;}
table.budget caption {text-align: center; font-variant: small-caps; margin-left: 40px; margin-bottom: 10px; margin-top: 20px;}
table.budget thead {font-weight: bold; background-color: #96a3f4;}
table.budget tbody th {background-color: #eeeeee;}
table.budget tfoot {font-weight: bold; background-color: #f5c2ee;}
table.budget th {text-align: left;}
table.budget td {text-align: right;}
table.budget th, table.budget td {padding: 2px 8px; border-left: solid 1px #0a103e; border-right: solid 1px #0a103e; border-bottom: solid 1px #54044c;  border-top: solid 1px #54044c;}

/**
 * Page partenaires
 */
dl.partenaires {clear: both; margin-top: 20px; margin-left: 30px;}
dl.partenaires dt {clear: both; margin: 20px; padding: 4px 12px; border: solid 1px #000000; text-align: center;}
dl.partenaires dd {float: left;}
dl.partenaires dd img {float: left;}
dl#partenaires-square dd {margin: 13px;}
dl#partenaires-rectangle dd {margin: 9px;}

/**
 * Page devenir-benevole
 */
.devenirbenevole fieldset {border: solid 1px #00a; background-color: #fafaff;}
.devenirbenevole legend {text-transform: uppercase; font-size: 16px; padding: 8px;}
.devenirbenevole dt {float: left; width: 180px; background-color: #fdd; padding: 1px 4px; margin: 1px 5px 3px 1px;}
.devenirbenevole dt.error {display: block; float: none; background: #c00 url(images/icon_alert.gif) 2px 3px no-repeat; width: auto; border: solid 1px #f00; color: #fff; padding: 1px 24px; margin: 4px 1px; font-weight: bold;}
.devenirbenevole input, .devenirbenevole select, .devenirbenevole textarea {border: solid 1px #00f; margin: 1px 1px 3px 1px;}
.devenirbenevole .deuxlignes {height: 42px;}
.devenirbenevole .bloc {display: block; width: 540px; margin: 1px;}
.devenirbenevole textarea {width: 546px; height: 120px;}
.devenirbenevole .submit {background-color: #00a; color: #fff; font-weight: bold;}


/**
 * Footer
 */
#footer {margin: 20px 0 0 0;}
#author {font-size: 11px; padding: 2px; text-align: center; border-top: solid 1px #000; background: #ccc;}
#author a {text-decoration: underline;}
#author a:hover, #author a:active {text-decoration: none;}
#adverts {text-align: center; padding: 4px;}
#adverts img {border: solid 1px #000;}