body { font-family: Verdana, sans-serif; font-size: 10px; padding: 0pt; margin: 0pt; }
#bottom_pane {clear:both}

/* MAIN */
#header {width: 100%; height: 95px; cursor: pointer; background: #FFF url('/data/gavroche/logos/gavroche_logo.gif') no-repeat scroll 5px 0px;}
#header img { margin: 0px 0px 0px 0px}
#top_pane { float: right; height: 82px; margin: 10px 10px 0px 0px; }
#left_pane { float: left; width:184px; min-height:150px; }
#right_pane { float:right; width:184px; min-height:150px; }
#footer { display: none}

#layout { margin-top: 10px; width: 1180px; margin-left: auto; margin-right: auto; }
#main { background: #FFF }
#contents { width: 800px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 10px 0px; }

select.fe, input.fe, textarea.fe { background:#FFFFFF url(/images/text-bg.gif) repeat-x scroll; border:1px solid #B5B8C8; padding:1px 1px; }

form {margin:0px;padding:0px}

/* GENERIC LAYOUT */
#public h1 {color:#900;margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; border-bottom: 1px dotted #900; font-size: 12px; font-variant: small-caps; background: transparent url('/images/gavroche/bg_title_gold.gif'); min-height: 19px; }
#public h1.theme { font-size: 12px; background: #FFF url('/data/gavroche/bg_title.gif') repeat-x scroll; color: #FFF; font-variant: small-caps }
#public h2 { color: #900; margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; border-bottom: 1px dotted #900; font-size: 12px; }
h4 { font-size: 12px; background: #FFF url('/data/gavroche/bg_title.gif') repeat-x scroll; }
.button { cursor: pointer; color: white; font-weight: bold; background: #A00 url('/data/gavroche/bg_title.gif') repeat-x scroll top left; border: 1px solid black; padding: 2px; font-size: 10px}
.button:hover { color: gold; }
h1 .createBtn a { float: right; color: white; background: #A00 url('/data/gavroche/bg_title.gif') repeat-x scroll top left; text-decoration: none; padding: 1px 4px; margin-top: -2px; margin-right: 5px; border: 1px solid #000}
h1 .createBtn a:hover { color: gold; }
div#actions { border-top: solid 1px #D00; margin-top: 5px; padding-top: 5px; text-align: center }
span.date { border-left:1px solid silver; color:silver; font-size:0.8em; margin:0px 0pt 0px 5px; padding-left:5px; position:relative; right:0pt; text-align:right; }

#fatal_error {padding:10px}

/* PANES */
div.ad img { border: 1px solid #D00}
div.ad img.noborder { border: 0px}

div.adBlock { background: #FFF; margin-bottom: 10px}
div.adBlock img { border: 0px }
div.paneBlock { border: 2px solid #D00; background: #FFF; margin-bottom: 10px}
div.paneBlock .contents { padding: 2px }
div.paneBlock h4 { border-bottom: 1px dotted #000; padding: 2px; margin: 0px 0px 2px 0px; color: white}

/* SEARCH PANE */
.quick_access #search {width: 180px}
.quick_access ul {width:175px;margin:0px; padding:0px}
.quick_access form,
.quick_access ul li {margin:0px; padding:0px}
.quick_access #search input.fe {width:100%; padding: 0px;}
.quick_access #search li.submit { margin: 2px; text-align:right }

/* QUICK ACCESS PANE */
#quick_access div.ad a:hover { border-bottom: 0px; text-decoration: none }
#public .quick_access h1 {margin-bottom: 5px}
#public .quick_access h2 {font-size: 10px; margin: 5px;}
#public .quick_access ul {list-style: none; margin: 0px; padding: 0px }
#public .quick_access ul li {text-indent: -10px; padding-left: 15px}
#public .quick_access a {color: #000; text-decoration: none; }
#public .quick_access a.highlight {color: #D00; font-family: Verdana, sans-serif; }
#public .quick_access a.bold {font-weight: bold }
#public .quick_access a:hover {color: gold; border-bottom: 1px dotted gold}
#public .quick_access ul#last_pa {list-style: none; margin: 0px; padding: 0px 0px 0px 1px}
#public .quick_access a { font-family: Tahoma }


/* NEWSLETTER BOX */
#newsletterSubscriptionBox dl { width: 180px; }
#newsletterSubscriptionBox dl { margin: 0px }
#newsletterSubscriptionBox dl dt { color: #D00; font-variant: small-caps; font-weight: bold; font-size: 11px}
#newsletterSubscriptionBox dl dt label { padding-left: 0px; margin-left: 0px }
#newsletterSubscriptionBox dl dd { font-size: small; margin-left: 0px; font-size: 10px }
#newsletterSubscriptionBox #loginBtn { font-size: 10px }
#newsletterSubscriptionBox #loginBtnRow { border-top: 1px solid #D00; margin-top: 5px; padding-top: 2px; text-align: center }
#newsletterSubscriptionBox .errors { background:#FBE6F2; border:1px solid #D893A1; color:#333333; margin:5px 0px; padding:8px 20px 8px 8px; }
#newsletterSubscriptionBox .success_message { text-align: center; background:#F5F5B5; color: gold; border:1px solid #D893A1; color:#333333; padding:8px 10px 8px 10px; overflow: auto; width: 154px }


/* HOME PAGE */
.homepage .block { padding: 10px }
.homepage div.block { border: 1px solid black; background: white; padding: 0px; margin: 10px}
.homepage div.block .contents { margin: 5px }
.homepage div.block .title { font-weight: bold; color: #D00; font-size: larger; font-variant: small-caps; border-bottom: 1px solid #D00}
.homepage div.block .title a { cursor: pointer; color: #D00; text-decoration: none; font-size: 12px}
.homepage div.block .title:hover,
.homepage div.block .title a:hover { color: gold; border-bottom: 1px solid gold }
.homepage div.block .summary { font-style: italic; padding: 5px;}
.homepage div.block .summary .editor { color: #999 }

.homepage h4 { font-size: 12px; font-variant: small-caps; }
.homepage div.section { margin: 5px 10px 10px 10px;}
.homepage div.heading { margin: 5px 10px 10px 10px; background: #FFF; padding-bottom: 5px}
.homepage div.heading h4 { border-bottom: 1px dotted #000; color: white; padding: 3px 0px 3px 5px; margin: 0px; text-decoration: none}
.homepage div.heading a {text-decoration:none}
.homepage div.section h4.section { color: white; padding: 3px 0px 3px 5px; margin: 0px; text-decoration: none}
.homepage div.section .sectionContents h4 { background: #DDA; border-bottom: 0px; color: black; padding: 3px 0px 3px 5px; margin: 0px; font-variant: normal; font-size: 13px}
.homepage div.section .sectionContents { padding: 5px 0px 5px 0px; border: 1px solid #A00; background: #FAFADA }
.homepage div.section .sectionContents div.heading { margin: 0px 0px 5px 5px}


/* SUBSCRIPTION PAGE */
#subscription_page .contents { margin-top: 10px; text-align: center }
#subscription_page .information { text-align: left; padding: 20px; }
#subscription_page .information .title { font-weight: bold; margin: 0px 0px 10px 0px; font-size: 1.2em}
#subscription_page .right { float: right; }
#subscription_page .offer {width: 300px; border: 1px dotted #D00; margin: 10px; text-align: center; background: #F5F5B5; padding: 5px}
#subscription_page .offer .title { font-weight: bold; display: block; font-size: larger}
#subscription_page .offer .details { display: block }
#subscription_page .offer .price_info { font-style: italic; display: block}
#subscription_page .offer .paypalBtn img { border: 0px; }
#subscription_page a { color:#D00; border-bottom: 1px dotted #D00; text-decoration: none}
#subscription_page a:hover { color:#F00; border-bottom: 1px dotted #F00}
#subscription_page a img {border: 0}
#subscription_page .errors { background:#FBE6F2; border:1px solid #D893A1; color:#333333; margin:10px; padding:8px 20px 8px 8px; text-align: left}
#subscription_page .errors dt { font-weight: bold; padding: 5px }
#subscription_page .success { text-align: center; background:#F5F5B5; color: gold; border:1px solid #D893A1; color:#333333; padding: 5px; margin: 10px; text-align: left }
#subscription_page .success dt { font-weight: bold; padding: 5px }

/* QUESTIONNAIRE */
#questionnaire_page {line-height:150%;font-size:13px}
#questionnaire_page .summary {margin:10px;font-weight:bold;color:#000;line-height:25px}
#questionnaire_page .form {border: 1px dotted #D00; margin: 10px; background: #F5F5B5; padding: 5px}
#questionnaire_page .form .question {margin:5px 5px 20px}
#questionnaire_page .form .question .label {font-weight:bold}
#questionnaire_page .errors { background:#FBE6F2; border:1px solid #D893A1; color:#333333; margin:10px; padding:8px 20px 8px 8px; text-align: left}
#questionnaire_page .errors dt { font-weight: bold; padding: 5px }
#questionnaire_page .success { text-align: center; background:#F5F5B5; color: gold; border:1px solid #D893A1; color:#333333; padding: 5px; margin: 10px; text-align: left }
#questionnaire_page .success dt { font-weight: bold; padding: 5px }
#questionnaire_page .actions {text-align:center}
#questionnaire_page .element_error {border-bottom: dotted 1px red}

/* LIENS */
#links_page #categories { float: right; padding: -5px 0px 0px 0px; margin: -0px 0px 10px 10px; border: 1px dotted #D00; background: #FFF; }
#links_page #categories h4 { border-bottom: 1px dotted #F00; padding: 5px; margin: 0px 0px 2px 0px; color: white}
#links_page #categories .tree { padding: 5px }
#links_page #categories .tree a { text-decoration: none; color: #000; display: block }
#links_page #categories .tree a.active { color: #D00; font-weight: bold }
#links_page #categories .tree a:hover { color: gold;  }
#links_page #categories .tree a.level_0 { font-weight: bold }
#links_page #categories .createBtn a { font-weight: bold; color: white; background: #A00; border: 1px solid black; padding: 2px; margin-top: -3px; text-decoration: none}
#links_page #categories .createBtn a:hover { color: gold; }
#links_page #categories .block_actions { border-top: 1px solid #000; display: block; margin: 5px 0px 0px 0px; padding: 5px; text-align: center}

#links_page #liste { margin-top: 10px }
#links_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#links_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#links_page #liste .navigation a.previous_disabled,
#links_page #liste .navigation a.next_disabled { display: none}
#links_page #liste .navigation a:hover { color: gold; }
#links_page #liste .navigation .pageNav { float: left }
#links_page #liste .actions { display: inline; font-size: 10px; color: #999 }
#links_page #liste .actions div { display: inline; font-size: 10px }
#links_page #liste .actions select { color: #999; font-size: 10px; margin: 0px 5px }
#links_page #liste .actions .sorting select { margin-right: 10px }
#links_page #liste div.information {margin: 10px; font-size: larger; }
#links_page #liste .datalist { padding: 0px 20px; }
#links_page #liste .paneHandle { margin: 10px 0px 5px 0px; padding-left: 20px; font-size:10px; font-weight: bold; border-bottom: 1px solid #999 }
#links_page #liste .paneHandle .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#links_page #liste .paneHandle { background: transparent url('/images/gavroche/3globe_16.png') no-repeat scroll 0px 7px}
#links_page #liste .paneContents { font-size: 10px }
#links_page #liste .paneContents td.information { vertical-align: top }
#links_page #liste .paneContents { margin: 0px; padding-left: 10px; }
#links_page #liste .paneContents .url,
#links_page #liste .info .sponsored { padding-left: 10px; color: #999; }
#links_page #liste .paneContents .email,
#links_page #liste .paneContents .details { display: block; }
#links_page #liste .paneContents .details { margin-bottom: 5px; }
#links_page #liste .paneContents .url,
#links_page #liste .paneContents .email { font-weight: bold }
#links_page #liste .paneContents a { color: #A00; font-style: normal }
#links_page #liste .paneContents a:hover { color: gold; }

#form_lien_creer_id th { text-align: left }

.magazineBlock h4,
.blockTitle { background: #FFF url('/data/gavroche/bg_title.gif') repeat-x scroll; }
.blockFooter { background: #FFF url('/data/gavroche/bg_title.gif') repeat-x scroll 0px -20px; }


/* CONSEILS */
#conseils_page { min-height: 400px}

#conseils_page #themes { float: right; padding: -5px 0px 0px 0px; margin: 0px 0px 10px 10px; border: 1px dotted #D00; background: #FFF; }
#conseils_page #themes h4 { border-bottom: 1px dotted #F00; padding: 5px; margin: 0px 0px 2px 0px; background: #A00 url('/data/gavroche/bg_title.gif') repeat-x; color: white}
#conseils_page #themes .tree { padding: 5px }
#conseils_page #themes .tree a { text-decoration: none; color: #000; display: block }
#conseils_page #themes .tree a.active { color: #D00; font-weight: bold }
#conseils_page #themes .tree a:hover { color: gold }
#conseils_page #themes .tree a.level_0 { font-weight: bold }
#conseils_page #themes .createBtn a { font-weight: bold; color: white; background: #A00; border: 1px solid black; padding: 2px; margin-top: -3px; text-decoration: none}
#conseils_page #themes .createBtn a:hover { color: gold; }
#conseils_page #themes .block_actions { border-top: 1px solid #000; display: block; margin: 5px 0px 0px 0px; padding: 5px; text-align: center}

#conseils_page #liste { margin-top: 10px }
#conseils_page #liste div.information {margin: 10px; font-size: larger; }
#conseils_page #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
#conseils_page #liste div.information a.createBtn:hover { color: gold; }
#conseils_page h2.unfolded { border-bottom: 0px }
#conseils_page #liste .datalist { margin: 10px }
#conseils_page #liste .theme { color:#666; border-left: 1px solid #666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#conseils_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#conseils_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#conseils_page #liste .navigation a:hover { color: gold; }
#conseils_page #liste .navigation a.previous_disabled,
#conseils_page #liste .navigation a.next_disabled { display: none}
#conseils_page #liste .actions { display: inline; font-size: 10px; color: #999 }
#conseils_page #liste .actions div { display: inline; font-size: larger }
#conseils_page #liste .actions select { color: #999 }
#conseils_page #liste .navigation .pageNav { float: left }
#conseils_page .actualite { margin-top: 10px }
#conseils_page a.targetLink { text-decoration: none; display: block; font-weight: bold; color: #D00; font-size: 10px; }
#conseils_page .article h2 { border: 0px; margin: 0px; padding: 0px }
#conseils_page .highlight h2 a { font-size: 12px }
#conseils_page .highlight h2 { border-bottom: 1px dotted #900}
#conseils_page .article .theme,
#conseils_page .article .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#conseils_page .article .source,
#conseils_page .article .source a { display: inline; border-left:1px solid #666; color:#999; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; right:0pt; text-align:right; }
#conseils_page .article .information { vertical-align: top;  }
#conseils_page .article .information .summary { text-align: justify; display: block; margin: 0px 5px; }
#conseils_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#conseils_page a.moreBtn:hover { color: gold }
#conseils_page hr.highlight_limit { margin: 20px 10px 10px 10px; color: #D00;}
#article_page.conseils .contents .picture { float: right; margin: 10px; padding: 5px; border: 1px dotted #BBB; }

form#form_conseil_creer_id div.form_contents { background: #FFF }
form#form_conseil_creer_id th { text-align: left }


/* AGENDA */
#agenda_page #liste { margin: 10px }
#agenda_page #liste .navigation { padding: 5px; border: 1px dotted #D00; background: #FFF; text-align: right; margin: 0px 5px; background: url('/images/gavroche/bg_title_gold2.gif') }
#agenda_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#agenda_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#agenda_page #liste .navigation a.previous_disabled,
#agenda_page #liste .navigation a.next_disabled { display: none}
#agenda_page #liste .navigation a:hover { color: gold; }
#agenda_page #liste .navigation .pageNav { float: left }
#agenda_page #liste .navigation .actions { display: inline; font-size: 10px; color: #999 }
#agenda_page #liste .navigation .actions div { display: inline; font-size: 10px }
#agenda_page #liste .navigation .actions select { color: #999 }
#agenda_page #liste .datalist { padding: 0px 20px; }
#agenda_page #liste h4 { font-size: 12px; font-variant: small-caps; border-bottom: 1px dotted #000; color: white; padding: 3px 0px 3px 5px; margin: 10px 0px 0px 0px; text-decoration: none}
#agenda_page #liste a.targetLink { text-decoration: none }
#agenda_page #liste h2.event { color: #D00; font-weight: bold; background: transparent url('/images/gavroche/ical_16.png') no-repeat scroll 0px 7px; margin: 0px 0px; padding: 7px 0px 5px 20px}
#agenda_page #liste .event .sponsored { padding-left: 10px; color: #999; }
#agenda_page #liste .event .theme { border-right:1px solid #999; color:#999; margin:1.5em 5px 5px 0px; padding-right:5px; position:relative; right:0pt; text-align:right; }

body.agenda .contents .paragraphPicture,
body.agenda .contents .picture { float: right; margin: 0px 10px 10px 10px; padding: 5px; border: 1px dotted #BBB; }
body.agenda .contents .location { margin: 10px 0px 2px 0px }
body.agenda .contents .url .label,
body.agenda .contents .location .label { font-weight: bold; }

#form_agenda_creer_id th { text-align: left }


/* VIE PRATIQUE */
#vie_pratique_page #search { display: none; padding: 5px; margin: 10px; border: 1px solid #D00; background: #FFF; font-weight: bold; }
#vie_pratique_page #search a { text-decoration: none; color: #000 }
#vie_pratique_page #search a.active,
#vie_pratique_page #search a:hover { color: #D00; }
#vie_pratique_page div.agenda,
#vie_pratique_page div.liens,
#vie_pratique_page div.conseils { border: 1px solid black; background: white; padding: 0px; margin: 10px}
#vie_pratique_page div.agenda h4,
#vie_pratique_page div.liens h4,
#vie_pratique_page div.conseils  h4 { border-bottom: 1px dotted #000; padding: 2px; margin: 0px 0px 2px 0px; color: white}
#vie_pratique_page a.targetLink { text-decoration: none; color: black; display: block; padding-left: 10px; font-size: 10px; font-weight: bold}
#vie_pratique_page a.targetLink .theme,
#vie_pratique_page a.targetLink .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#vie_pratique_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#vie_pratique_page a.moreBtn:hover { color: gold }


/* ANNONCES */
#annonces_page div#recherche,
#annonces_page div#catalogue,
#annonces_page div#liste { border: 1px solid black; background: white; padding: 0px; margin: 10px}
#annonces_page div#recherche { background: #F5F5B5; padding-bottom: 5px }
#annonces_page div#recherche h4,
#annonces_page div#catalogue h4,
#annonces_page div#liste  h4 { border-bottom: 1px dotted #000; padding: 2px; margin: 0px 0px 2px 0px; color: white}
#annonces_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#annonces_page a.moreBtn:hover { color: gold }
#annonces_page #catalogue .treebox { padding: 5px }
#annonces_page #catalogue .treebox div {display: inline}
#annonces_page #catalogue .treebox .box_level_0 {padding-left: 5px}
#annonces_page #catalogue .treebox a { text-decoration: none; color: #000;  }
#annonces_page #catalogue .treebox a.active,
#annonces_page #catalogue .treebox a:hover { color: #D00; }
#annonces_page #catalogue .treebox a.level_0 { font-weight: bold; }
#annonces_page #liste div.pa h2 {padding: 0px}
#annonces_page #liste .num { border-right:1px solid #999; color:#999; font-size:0.8em; line-height:2.3em; margin:1.5em 10px 5px 0px; padding-right:5px; position:relative; right:0pt; text-align:right}
#annonces_page #liste .title { margin-top: 5px}
#annonces_page #liste .professional { border-left:1px solid #666; color: #F00; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right}
#annonces_page #liste .category { color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 0px; position:relative; right:0pt; text-align:right; }
#annonces_page #liste div.pa {border: solid 1px black; background: #F5F5B5; margin: 5px; padding: 0px 5px 5px 5px}
#annonces_page #liste div.pa .url,
#annonces_page #liste div.pa .email {display: block}
#annonces_page #liste div.pa .details {display: block; margin-bottom: 5px; background: #FFF; padding: 5px; border: 1px dotted #666}
#annonces_page #liste div.pa .details .icon img {padding: 5px; margin: 5px; border: 1px dotted #D00; }
#annonces_page #liste div.pa .details .icon a { border: 0px solid; cursor: -moz-zoom-in }
#annonces_page #liste div.pa .label {font-weight: bold}
#annonces_page #liste div.pa .phone,
#annonces_page #liste div.pa .sex,
#annonces_page #liste div.pa .surface,
#annonces_page #liste div.pa .salary,
#annonces_page #liste div.pa .town,
#annonces_page #liste div.pa .price {display: inline; margin-right: 5px; }
#annonces_page #liste div.pa .year,
#annonces_page #liste div.pa .fax,
#annonces_page #liste div.pa .cell {display: inline; margin-right: 5px; margin-left: 5px }
#annonces_page #liste div.pa .actions { float: right; height: 30px; padding-left: 20px; padding-top: 5px; background: transparent url('/images/mail_generic.png') no-repeat scroll 0px 2px}
#annonces_page #liste div.pa a.sendAction { font-size: 10px }
#annonces_page #liste div.pa a.sendAction { text-decoration: none }
#annonces_page #liste div.pa a.sendAction:hover { color: gold }
#annonces_page #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
#annonces_page #liste div.information a.createBtn:hover { color: gold; }
#annonces_page #liste div.navigation { margin: 5px }
#annonces_page #liste div.navigation a.adListeBtn { font-weight: normal; color: #FFF; text-decoration: none;}
#annonces_page #liste div.navigation a.adListeBtn:hover { color: gold; }
#annonces_page #liste .navigation div { display: inline; font-size: 10px }
#annonces_page #liste .navigation select { font-size: 10px }
#annonces_page #liste .navigation a { font-weight: bold; color: #FFF; text-decoration: none; }
#annonces_page #liste .navigation a:hover { color: gold; }
#annonces_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#annonces_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#annonces_page #liste .navigation a.previous_disabled,
#annonces_page #liste .navigation a.next_disabled { display: none}
#annonces_page #liste .navigation a:hover { color: gold; }
#annonces_page #liste .navigation .pageNav { float: left }


#form_annonce_creer_id #createAccountBox .actions,
#form_annonce_creer_id #loginAccountBox .actions { text-align: center; padding-top: 2px; margin-top: 5px; border-top: 1px solid #D00}
#form_annonce_creer_id #createAccountBox .actions button,
#form_annonce_creer_id #loginAccountBox .actions button { font-size: 10px}


/* MAGAZINE */

/* MENU */
div.magazine #magazineMenu { float: right; margin: -30px 0px 10px 10px; }
div.magazine h1 { background: url('/images/gavroche/bg_title_gold.gif') }
div.magazine #magazineMenu h2 { cursor:pointer; text-align: right; background: gold; padding: 5px 12px 5px 5px; color: #000; font-weight: bold; margin: 0px; border: 0px}
div.magazine #magazineMenu h2.folded { background: transparent url('/images/pane_left.gif') no-repeat right 5px }
div.magazine #magazineMenu h2.unfolded { background: transparent url('/images/pane_down.gif') no-repeat right 5px }
div.magazine #magazineMenu dl { padding: 0px; margin: 0px; border-left: 1px dotted gold; border-right: 1px dotted gold; border-bottom: 1px dotted gold; background: #FFF url('/images/gavroche/bg_square.gif') no-repeat scroll top left;}
div.magazine #magazineMenu dt { font-weight: bold; padding: 2px; color: #FFF; background: #D00; }
div.magazine #magazineMenu dd { padding-left: 0px; margin-left: 0px; }
div.magazine #magazineMenu dd ul { padding-left: 0px; margin-left: 0px; list-style: none; }
div.magazine #magazineMenu dd a { text-decoration: none; color: #A00; margin: 2px; display: block }
div.magazine #magazineMenu dd a:hover { color: gold }
div.magazine #magazineMenu dd a.selected { color:#F00; font-weight: bold }

/* Actualites */
.thumbnail { float: left; }
.thumbnail a { text-decoration: none }
.thumbnail img { border: 0px; margin: 5px 5px 5px 0px; max-height: 100px; }
.thumbnail .caption { max-height: 200px; color: #999; font-style: italic; text-decoration: none;max-width:100px}

#article_page .picture_list a { cursor: -moz-zoom-in }
#article_page .picture_list img.thumbnail { border: 0px; margin: 5px 5px 5px 0px; height: 100px; float: none }

#public .actualite { margin-top: 10px }
#public a.targetLink { text-decoration: none; display: block; font-weight: bold; color: #D00; font-size: 10px; }
#public .article h2 { border: 0px; margin: 0px; padding: 0px }
#public .highlight h2 a { font-size: 12px }
#public .highlight h2 { border-bottom: 1px dotted #900; margin-top: 5px}
#public table tr td { vertical-align: top }
#public table .shared { width: 50% }
#public .article { margin: 5px;}
#public .article .paneContents table {width: 100%}
#public .article .theme,
#public .article .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#public .article .source,
#public .article .source a { display: inline; border-left:1px solid #666; color:#999; font-size:0.8em; margin:1.5em 0pt 5px 10px; padding-left:5px; right:0pt; text-align:right; }
#public .article .author,
#public .article .author a { display: inline; border-left:1px solid #666; color:#999; font-size:0.8em; margin:1.5em 0pt 5px 10px; padding-left:5px; right:0pt; text-align:right; }
#public .article .information { vertical-align: top;  }
#public .article .information .summary {display: block; margin: 0px 5px 5px 5px; font-size: 12px; line-height: 120%; text-decoration: none; color: black; }
#public .article .information .summary:hover { color: #666 }
#public .article .information .contents {display: block;margin: 0px 5px 5px 5px; font-size: 12px; line-height: 120%; text-decoration: none; color: black; }
#public .article .information .contents:hover { color: #666 }
#public a.moreBtn {display:block;font-size:8px;color: #D00; text-align: left; margin-right: 5px; text-decoration:none}
#public a.moreBtn:hover{color:gold}
#public a.homePageLinkBtn { display: block; color: #D00; text-align: left; margin-right: 5px; text-decoration: none; }
#public a.homePageLinkBtn:hover { color: gold }
#public hr.highlight_limit { margin: 10px 10px 20px 10px; color: #D00;}


/* Article */
#article_page .contents .title { font-weight: bold; color: #D00; font-size: 14px; font-variant: small-caps; border-bottom: 1px solid #D00; }
#article_page .contents .information { border-bottom: 1px solid silver; margin: 0px 5px }
#article_page .contents .date { border-left:1px solid silver; color:silver; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#article_page .contents .source { color:#999; font-weight: bold; font-size:10px; line-height:2.3em; margin:1.5em 0pt 5px 0px; position:relative; right:0pt; text-align:right; }
#article_page .contents .author { color:#AAA; font-weight: bold; font-size:10px; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left: 5px; position:relative; right:0pt; text-align:right; border-left: 1px solid #AAA}
#article_page .contents .author a { text-decoration: none; color:#AAA; font-weight: bold; font-size:10px; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left: 5px; position:relative; right:0pt; text-align:right; border-left: 1px solid #AAA}
#article_page .contents .articleActions span.inner { position: absolute; left: -10000px }
#article_page .contents .articleActions a { float: right; display: block; width: 0px; height: 25px }
#article_page .contents .articleActions a.icalAction { padding-bottom: 0px; padding-left: 20px; background: transparent url('/images/celticms/appointment.png') no-repeat scroll 0px 3px }
#article_page .contents .articleActions a.sendAction { padding-bottom: 0px; padding-left: 20px; background: transparent url('/images/mail_generic.png') no-repeat scroll 0px 3px }
#article_page .contents .articleActions a.printAction { padding-bottom: 0px; padding-left: 20px; background: transparent url('/images/printer.png') no-repeat scroll 0px 3px }
#article_page .contents .left { width: 600px; border-right: 1px solid #D00; min-height: 200px; font-size: 13px; line-height: 150% }
#article_page .contents .heading h4 {border-bottom: 1px dotted #000; color: white; padding: 3px 0px 3px 5px; margin: 5px}
#article_page .contents .summary { font-weight: bold; margin: 10px; }
#article_page .contents .contents { margin: 15px; }
#article_page .contents h5 { font-variant: small-caps; font-size: 12px; margin: 5px; font-weight: bold; color: #900; border-bottom: 2px solid #900 }
#article_page .contents .remoteLink { color: #900; text-decoration: none }
#article_page .contents .remoteLink:hover { color: gold }
#article_page .contents .links .link { padding-left: 10px; margin: 0px }
#article_page .contents .links .link a { color: #900; text-decoration: none}
#article_page .contents .links .link a:hover { color: gold}
#article_page .contents .links .link span.source { color: #999 }
#article_page .contents .right { position: absolute; margin-left: 605px; top: 180px; width: 190px; }
#article_page .contents .right #theme_articles ul { list-style: none; padding: 0px; margin: 0px }
#article_page .contents .right #theme_articles ul li { margin-bottom: 5px }
* html #article_page .contents .right #theme_articles ul li { margin-bottom: 0px; margin-top: 0px; padding: 0px }
* html #article_page .contents .right #theme_articles ul li a { margin-bottom: 0px; margin-top: 0px; padding: 0px}
#article_page .contents .right #theme_articles a.link { display: block; padding-left: 10px; text-indent: -10px; text-align: left; color: #000; text-decoration: none}
#article_page .contents .right #theme_articles a.link:first-letter {color: gold; font-weight: bold}
#article_page .contents .right #theme_articles a.link:hover { color: #900}
#article_page .contents .right #theme_articles a.selected {font-weight: bold; color: #900}
#article_page .contents .right #theme_articles a.selected:first-letter,
#article_page .contents .right #theme_articles a:hover:first-letter {color: #900}
#article_page .contents .right #theme_articles ul { margin-bottom: 20px }
#article_page .contents .right #theme_articles a.toplink { text-decoration: none; color: #A00}
#article_page .contents .right #theme_articles a.toplink:hover { color: #D00}
#article_page .contents .appendix { padding: 5px; margin: 5px; background: #F5F5B5; border: 1px solid #900; }
#article_page .contents .appendix .appendix_title { font-weight: bold; border-bottom: 2px solid #A00;  }
#article_page .contents .appendix .appendix_author { color: #A00; margin-top: 2px; text-align: right }
#article_page .contents .appendix .appendix_summary { margin: 5px; font-style: bold; text-align: justify; border: 1px dotted #000; background:#FFF; padding: 5px }
#article_page .contents .appendix .appendix_contents { margin: 10px; text-align: justify }

#comments .comments_actions { padding: 5px; border: 1px dotted #D00; background: #FFF; text-align: right; margin: 0px 5px; background: url('/images/gavroche/bg_title_gold2.gif') }
#comments .comments_actions a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#comments .comments_actions a.previous_disabled,
#comments .comments_actions a.next_disabled { display: none}
#comments .comments_actions a:hover { color: gold; }

#comments #myComment { margin: 10px;  }
#comments #myComment h6 { background: #FFF url(/data/gavroche/bg_title.gif) repeat-x scroll 0%; margin: 0px; height: 20px; color: #FFF; padding: 5px 0px 0px 5px; font-variant: small-caps; font-size: 12px }
#comments #myComment h6 #closeMyComment { float: right; margin-right: 5px }
#comments #myComment h6 #closeMyComment img { border: 0px }
#comments #myComment dl { padding: 10px; margin: 0px; border: 1px dotted #300 }
#comments #myComment dt { color: #333; font-weight: bold; float: left; width: 150px; font-family: Verdana; padding-left: 20px; }
#comments #myComment dt.required { background: transparent url(/images/dot_orange.png) no-repeat scroll 0% 0%;}
#comments #myComment dd { padding-left: 150px; margin: 2px 0px }
#comments #myComment dd input,
#comments #myComment dd textarea { background: #FFF url(/images/text-bg.gif) repeat-x scroll top left; border:1px solid #B5B8C8; padding:1px 1px; }
#comments #myComment .actions { text-align: center; margin: 5px }
#comments #myComment .actions { text-align: center; margin: 5px }
#comments #myComment .example { color: #999; font-size: 10px; font-style: italic }

#comments #myCommentError { background:#FBE6F2; border:1px solid #D893A1; color:#333333; margin:5px; }
#comments #myCommentSuccess { width:auto; background: #C8FFBF; border: 1px solid #5CDF45; padding:5px; margin: 5px; }

#comments ul { list-style: none; padding: 0px; margin: 10px }
#comments ul li.comment { border: solid 1px black; background: #F5F5B5; margin: 5px; padding: 0px 5px 5px 5px }
#comments ul li.comment .title { font-weight: bold; font-size: 12px; padding: 2px 0px; border-bottom: 1px dashed #D00; text-decoration: none; font-variant: normal}
#comments ul li.comment .comment { display: block; margin: 5px 0px; background: #FFF; padding: 5px; border: 1px dotted #666; font-size: 11px }
#comments ul li.comment .footer { margin: -5px 0px 0px 0px ; padding: 0px }
#comments ul li.comment .footer .author,
#comments ul li.comment .footer .author a { color: #A00; font-weight: bold; border-left: 0px solid #FFF; margin: 0px; padding: 0px; }
#comments ul li.comment .footer .author a { border-bottom: 1px dotted #A00 }
#comments ul li.comment .footer .author a:hover { color: #D00 }
#comments ul li.comment .footer .date { font-weight: normal; color: #AAA; border-left: 0px solid #FFF; padding: 0px; margin: 0px; }
#comments ul li.comment .footer .alertAction { float: right; color: #999; margin: 5px 5px 0px 0px; text-decoration: none; border-bottom: 1px dotted #999 }
#comments ul li.comment .footer .alertAction:hover { color: #D00; border-bottom: 1px dotted #D00 }


/* Magazine pages */
#magazine_index_page #search { display: none; padding: 5px; margin: 10px; border: 1px solid #D00; background: #FFF; font-weight: bold; }
#magazine_index_page #search a { text-decoration: none; color: #000 }
#magazine_index_page #search a.active,
#magazine_index_page #search a:hover { color: #D00; }
#magazine_index_page #search .createBtn a { float: right; color: white; background: #A00; border: 1px solid black; padding: 2px; margin-top: -3px; }
#magazine_index_page #search .createBtn a:hover { color: gold; }
#magazine_index_page div.magazineBlock { padding: 0px; margin: 10px}
#magazine_index_page div.magazineBlock h4 { border-bottom: 1px dotted #000; padding: 2px; margin: 0px 0px 2px 0px; color: white}
#magazine_index_page div.magazineBlock .contents { margin: 5px }
#magazine_index_page div.magazineBlock .title { font-weight: bold; color: #D00; font-size: larger; font-variant: small-caps; border-bottom: 1px solid #D00}
#magazine_index_page div.magazineBlock .title a { cursor: pointer; color: #D00; text-decoration: none; font-size: 12px}
#magazine_index_page div.magazineBlock .title:hover,
#magazine_index_page div.magazineBlock .title a:hover { color: gold; border-bottom: 1px solid gold }
#magazine_index_page div.magazineBlock .summary { padding: 5px; text-align: justify}
#magazine_index_page div.magazineBlock .summary .editor { color: #999 }
#magazine_index_page table.columns_2 td { width: 50%; vertical-align: top }
#magazine_index_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#magazine_index_page a.moreBtn:hover { color: gold }
#magazine_livres_page .review_author { color: #999; font-style: italic; margin: 10px }
#magazine_livres_page .info { font-style: italic; margin: 20px }
#magazine_livres_page .picture { margin: 10px; float: right }

#annonces_page .form_block_contents,
#form_directory_id .form_block_contents,
#form_archives_id .form_block_contents,
#form_annonces_id .form_block_contents { padding: 0px; border: 0px;}


/*
 * DIRECTORY
 */

#directory_page #categories { float: right; padding: -5px 0px 0px 0px; margin: -0px 0px 10px 10px; border: 1px dotted #D00; background: #FFF; }
#directory_page #categories h4 { border-bottom: 1px dotted #F00; padding: 5px; margin: 0px 0px 2px 0px; color: white}
#directory_page #categories .tree { padding: 5px }
#directory_page #categories .tree a { text-decoration: none; color: #000; display: block }
#directory_page #categories .tree a.active { color: #D00; font-weight: bold }
#directory_page #categories .tree a:hover { color: gold;  }
#directory_page #categories .tree a.level_0 { font-weight: bold }
#directory_page #categories .createBtn a { font-weight: bold; color: white; background: #A00; border: 1px solid black; padding: 2px; margin-top: -3px; text-decoration: none}
#directory_page #categories .createBtn a:hover { color: gold; }
#directory_page #categories .block_actions { background:#FFFFFF url(/data/gavroche/bg_title.gif) repeat-x scroll 0px; border-top: 1px solid #000; display: block; margin: 5px 0px 0px 0px; padding: 5px; text-align: center; color: #FFF}
#directory_page #categories .block_actions a { color: gold; }
#directory_page #categories .block_actions a:hover { color: red; }

#directory_page #liste { margin-top: 10px }
#directory_page #liste .navigation { padding: 5px; border: 1px dotted #D00; background: #FFF; text-align: right; margin: 0px 5px; background: url('/images/gavroche/bg_title_gold2.gif') }
#directory_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#directory_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#directory_page #liste .navigation a.previous_disabled,
#directory_page #liste .navigation a.next_disabled { display: none}
#directory_page #liste .navigation a:hover { color: gold; }
#directory_page #liste .navigation .pageNav { float: left }
#directory_page #liste .actions { display: inline; font-size: 10px; color: #999 }
#directory_page #liste .actions div { display: inline; font-size: 10px }
#directory_page #liste .actions select { color: #999; font-size: 10px; margin: 0px 5px }
#directory_page #liste .actions .sorting select { margin-right: 10px }
#directory_page #liste div.information {margin: 10px; font-size: larger; }
#directory_page #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
#directory_page #liste div.information a.createBtn:hover { color: gold; }
#directory_page #liste .datalist { padding: 0px 20px; }
#directory_page #liste .paneHandle { margin: 10px 0px 5px 0px; font-size:10px; font-weight: bold; border-bottom: 1px solid #999 }
#directory_page #liste .paneHandle .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#directory_page #liste .paneContents { font-size: 10px; background: #F5F5B5 none repeat scroll 0%; border: 1px solid #999; padding: 5px }
#directory_page #liste .paneContents td.information { vertical-align: top }
#directory_page #liste .paneContents { margin: 0px; padding-left: 10px; }
#directory_page #liste .paneContents .details { background: #FFF; border: 1px dotted black; padding: 5px }
#directory_page #liste .paneContents .phone,
#directory_page #liste .paneContents .fax,
#directory_page #liste .paneContents .cell,
#directory_page #liste .paneContents .url {margin-right: 5px}
#directory_page #liste .paneContents .url,
#directory_page #liste .paneContents .email,
#directory_page #liste .paneContents .details { display: block; margin-top: 2px}
#directory_page #liste .paneContents .details { margin-bottom: 5px; }
#directory_page #liste .paneContents .label,
#directory_page #liste .paneContents .url,
#directory_page #liste .paneContents .email { font-weight: bold }
#directory_page #liste .paneContents a { color: #A00; font-style: normal }
#directory_page #liste .paneContents a:hover { color: gold; }

.paragraphPicture a { cursor: -moz-zoom-in }
.paragraphPicture img { border: 0px }

.magazine .contents {text-align: justify }
.magazine .contents .paragraphTitle { font-weight: bold }
.magazine .contents .paragraphPicture a { cursor: -moz-zoom-in }
.magazine .contents .paragraphPicture img { border: 0px }
.magazine .contents .paragraphPicture { float: right; margin: 10px; padding: 5px; border: 1px dotted #BBB;}
.magazine .contents .paragraphPicture .caption { font-family: Helvetica; color: #999; font-style: italic; text-decoration: none; font-size: 10px; line-height: 110%; margin-top: 5px }

img.left {float: left}
img.right {float: right}

/* ARCHIVES */

#form_archives_id #month_id { margin-left: 5px}
#form_archives_id #liste .month { color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 0px; padding-right:2px; position:relative; right:0pt; text-align:right; }
#form_archives_id #liste .year { border-right:1px solid #666; color:#666; font-size:0.8em; margin:1.5em 5px 5px 0px; padding-right:5px; position:relative; right:0pt; text-align:right; }
#form_archives_id #liste a { text-decoration: none }
#form_archives_id #liste .title { color: #D00 }
#form_archives_id #liste .theme { border-left:1px solid #666; color:#666; font-size:0.8em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#form_archives_id #liste .country { border-left:1px solid #666; color:#666; font-size:0.8em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
#form_archives_id a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#form_archives_id a.moreBtn:hover { color: gold }

#archives_page div#recherche,
#archives_page div#catalogue,
#archives_page div#liste { border: 1px solid black; background: white; padding: 0px; margin: 10px}
#archives_page div#recherche { background: #F5F5B5; padding-bottom: 5px }
#archives_page div#recherche h4,
#archives_page div#catalogue h4,
#archives_page div#liste  h4 { border-bottom: 1px dotted #000; padding: 2px; margin: 0px 0px 2px 0px; color: white}
#archives_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
#archives_page a.moreBtn:hover { color: gold }
#archives_page #catalogue .treebox { padding: 5px }
#archives_page #catalogue .treebox div {display: inline}
#archives_page #catalogue .treebox .box_level_0 {padding-left: 5px}
#archives_page #catalogue .treebox a { text-decoration: none; color: #000;  }
#archives_page #catalogue .treebox a.active,
#archives_page #catalogue .treebox a:hover { color: #D00; }
#archives_page #catalogue .treebox a.level_0 { font-weight: bold; }

#archives_page #liste .num { border-right:1px solid #999; color:#999; font-size:0.8em; line-height:2.3em; margin:1.5em 10px 5px 0px; padding-right:5px; position:relative; right:0pt; text-align:right}
#archives_page #liste .title { margin-top: 5px}
#archives_page #liste .category { color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 0px; position:relative; right:0pt; text-align:right; }

#archives_page #liste div.pa {margin: 5px; padding: 0px 5px 5px 5px}
#archives_page #liste div.pa h2 {padding: 0px; color: #D00}
#archives_page #liste div.pa .summary { text-align: justify; display: block; margin: 0px 5px; font-size: 12px; line-height: 120%; color: #000}

#archives_page #liste div.pa .details {display: block; margin-bottom: 5px; background: #FFF; padding: 5px; border: 1px dotted #666}
#archives_page #liste div.pa .details .icon {padding: 5px; margin: 5px; border: 1px dotted #D00; width: 200px}
#archives_page #liste div.pa .label {font-weight: bold}
#archives_page #liste div.pa .actions { float: right; height: 30px; padding-left: 20px; padding-top: 5px; background: transparent url('/images/mail_generic.png') no-repeat scroll 0px 2px}
#archives_page #liste div.pa a.sendAction { font-size: 10px }
#archives_page #liste div.pa a.sendAction { text-decoration: none }
#archives_page #liste div.pa a.sendAction:hover { color: gold }
#archives_page #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
#archives_page #liste div.information a.createBtn:hover { color: gold; }
#archives_page #liste div.navigation { margin-top: 5px}
#archives_page #liste div.navigation a.adListeBtn { font-weight: normal; color: #FFF; text-decoration: none;}
#archives_page #liste div.navigation a.adListeBtn:hover { color: gold; }
#archives_page #liste .navigation div { display: inline; font-size: 10px }
#archives_page #liste .navigation select { font-size: 10px }
#archives_page #liste .navigation a { font-weight: bold; color: #FFF; text-decoration: none; }
#archives_page #liste .navigation a:hover { color: gold; }
#archives_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
#archives_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
#archives_page #liste .navigation a.previous_disabled,
#archives_page #liste .navigation a.next_disabled { display: none}
#archives_page #liste .navigation a:hover { color: gold; }
#archives_page #liste .navigation .pageNav { float: left }



/* CONTACTS */

#contactPageBlock { padding-bottom: 10px }
#contactPageBlock p { padding-left: 10px }
#contactPageBlock a { color:#D00; border-bottom: 1px dotted #D00; text-decoration: none}
#contactPageBlock a:hover { color:#F00; border-bottom: 1px dotted #F00}




/* POPUP */
body.popup { margin: 0px; padding: 0px}
body.popup #layout { margin: 0px; padding: 0px; width: 100%; }
body.popup #layout .form_block_contents { background: transparent }
body.popup #layout .form_block_contents #actions button { margin: 5px; background: #FFF url('/data/gavroche/bg_title.gif') repeat-x scroll; }


#form_mail_id textarea, input { font-size: 12px; font-family: Verdana, sans-serif; }


@media print
{
    #gavrocheMenuBlock,
    #left_pane,
    #top_pane,
    #bottom_pane,
    #right_pane { display: none }
}


/*
 * MENU
 */

#gavrocheMenu { font: bold 1em Verdana, sans-serif; background: #A00; height: 24px}

/* 1st-LEVEL Menu Tabs */
#gavrocheMenu { padding: 0px 0px 0px 0px; margin-left: 0; margin-bottom: 0px; margin-top: 1px; border-bottom: 1px solid #900; }
#gavrocheMenu li { list-style: none; display: inline; padding: 0px; margin: 0px }
#gavrocheMenu li a { padding: 3px 0.5em; text-decoration: none; color: #FFF; padding: 0px; margin: 0px}
* html #gavrocheMenu li { width: 30px; whitespace: no-wrap}
* html #gavrocheMenu li a { white-space: nowrap}

#gavrocheMenu li a:hover { color: gold; border-color: gold; }
#gavrocheMenu li.active,
#gavrocheMenu li.selected { color: gold;  }
#gavrocheMenu li.unselected { color: #D00;  }

#gavrocheMenu li.active a,
#gavrocheMenu li.selected a.selected { color: gold; }
#gavrocheMenu li.unselected a { color: #FFF; }
#gavrocheMenu li li.unselected { background: #FFF; }
#gavrocheMenu li li.unselected a { color: #D00; }

#gavrocheMenu li.parent { list-style: none; float: left; margin: 0px; padding: 0px; z-index:500;  height: 24px; z-index:999; }
#gavrocheMenu li a { display: block; white-space: nowrap; font-size: 10px; z-index:500; padding: 5px 5px 3px 5px; min-height: 15px; text-decoration: none; font-weight: bold; border-right: 1px dotted #FFF; z-index:999; }
#gavrocheMenu li.parent li.selected {  }
#gavrocheMenu li.parent:hover { z-index: 99; }

* html #gavrocheMenu li ul li a  { white-space: normal }

#gavrocheMenu li.selected li.selected a,
#gavrocheMenu li.parent a:hover { color: gold; }

/* 2nd LEVEL : VERTICAL MENU - DropDown */
#gavrocheMenu li ul { z-index: 20; position: absolute; display: block; margin: 2px 0px 0px 0px; padding: 0px; background-color: #FFF; opacity: 0.95}
#gavrocheMenu li ul li { display: block; margin: -1px 0px 0px 0px; padding: 0px; z-index:500; background-color: #FFF; border-bottom: 1px solid #900; border-left: 1px solid #900; border-right: 1px solid #900;}
#gavrocheMenu li ul li a { display:block; z-index:500; margin-top:1px; color:#D00; border: 0px; }
#gavrocheMenu li ul li:hover a:hover { color: gold; }
* html #gavrocheMenu li ul { width: 150px; }
* html #gavrocheMenu li li { width: 150px; }

/* 3nd LEVEL */
#gavrocheMenu li ul li ul { border-top: 1px solid #999 }
#gavrocheMenu li ul li ul li a { padding-left: 10px !important; }
#gavrocheMenu li ul li a:hover { color: #fff; }
#gavrocheMenu li ul li ul { position: absolute; display: none; padding: 0px; margin: -15px 0px 0px 8em; }


/* NEWSLETTER UNSUBSCRIBE PAGE */
#newsletter_unsubscribe_page .information {margin: 10px}
#newsletter_unsubscribe_page .information .title {border-bottom: 2px solid #D00; font-weight: bold; margin-bottom: 10px}



img.captchaImage {vertical-align: middle; border: 1px dotted #900; margin-left: 10px}
a.captchaChangeLnk {color: #000; border-bottom: 1px dotted #000; text-decoration: none; vertical-align: bottom; margin: 5px}

a span.sponsor { color: #999 }

img.note { padding-left: 5px; vertical-align: middle}
div.note { background: #FFF; border: 1px solid #A00; padding: 5px; display: none; visibility: hidden; margin: 5px; position: absolute; z-index: 100; opacity: 0.9}

#magazine_toc h2 { border:medium none; clear:both; color:#515151; margin:0pt; padding:0pt; }

#liste .navigation { padding: 5px; border: 1px dotted #D00; background: #FFF; text-align: right; margin: 0px 5px; background: url('/images/gavroche/bg_title_gold2.gif') }
.justify {text-align: justify}

form .form_block_contents { background: #FFF }
form .form_block_edition { background: #F5F5B5 }
form .form_block_edition table { width: 98% }

#lightbox div#imageDetails span#caption { font-size: 14px }

body.articles_page #liste { margin-top: 10px }
body.articles_page #liste .title { text-decoration: none; border-bottom: 0px }
body.articles_page #liste .summary { font-weight: normal; margin: 0px; color: #000; text-decoration: none }
body.articles_page #liste .summary:hover { color: #666 }
body.articles_page #liste .thumbnail img { float: none; border: 0px; margin: 5px; height: auto; width: auto}
body.articles_page #liste .caption { font-family: Helvetica; color: #999; font-style: italic; text-decoration: none; font-size: 10px; line-height: 110%; margin-top: 5px }
body.articles_page #liste .datalist .information { border-bottom: 0px }
body.articles_page #liste div.information {margin: 10px; font-size: larger; }
body.articles_page #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
body.articles_page #liste div.information a.createBtn:hover { color: gold; }
body.articles_page h2.unfolded { border-bottom: 0px }
body.articles_page #liste .datalist { margin: 10px }
body.articles_page #liste .theme { color:#666; border-left: 1px solid #666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left:5px; position:relative; right:0pt; text-align:right; }
body.articles_page #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
body.articles_page #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
body.articles_page #liste .navigation a:hover { color: gold; }
body.articles_page #liste .navigation a.previous_disabled,
body.articles_page #liste .navigation a.next_disabled { display: none}
body.articles_page #liste .actions { display: inline; font-size: 10px; color: #999 }
body.articles_page #liste .actions div { display: inline; font-size: larger }
body.articles_page #liste .actions select { color: #999 }
body.articles_page #liste .navigation .pageNav { float: left }
body.articles_page .actualite { margin-top: 10px }
body.articles_page a.targetLink { text-decoration: none; display: block; font-weight: bold; color: #D00; font-size: 10px; }
body.articles_page .article h2 { border: 0px; margin: 0px; padding: 0px }
body.articles_page .highlight h2 a { font-size: 12px }
body.articles_page .highlight h2 { border-bottom: 1px dotted #900}
body.articles_page .article .theme,
body.articles_page .article .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
body.articles_page .article .source,
body.articles_page .article .source a { display: inline; border-left:1px solid #666; color:#999; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; right:0pt; text-align:right; }
body.articles_page .article .information { vertical-align: top;  }
body.articles_page .article .information .summary { text-align: justify; display: block; margin: 0px 5px; }
body.articles_page a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
body.articles_page a.moreBtn:hover { color: gold }
body.articles_page hr.highlight_limit { margin: 20px 10px 10px 10px; color: #D00;}
#article_page.conseils .contents .picture { float: right; margin: 10px; padding: 5px; border: 1px dotted #BBB; }

body.agenda #liste .title { text-decoration: none; border-bottom: 0px }
body.agenda #liste .summary { font-weight: normal; margin: 0px; color: #000; text-decoration: none }
body.agenda #liste .summary:hover { color: #666 }
body.agenda #liste .thumbnail img { float: none; border: 0px; margin: 5px; height: auto; width: auto}
body.agenda #liste .caption { font-family: Helvetica; color: #999; font-style: italic; text-decoration: none; font-size: 10px; line-height: 110%; margin-top: 5px }
body.agenda #liste .datalist .information { border-bottom: 0px; vertical-align: top }
body.agenda #liste div.information {margin: 10px; font-size: larger; }
body.agenda #liste div.information a.createBtn { font-weight: bold; color: #D00; text-decoration: none; border-bottom: 1px dotted}
body.agenda #liste div.information a.createBtn:hover { color: gold; }
body.agenda h2.unfolded { border-bottom: 0px }
body.agenda #liste .datalist { margin: 10px }
body.agenda #liste .theme { color:#666; border-left: 1px solid #666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 5px; padding-left:5px; position:relative; right:0pt; text-align:right; }
body.agenda #liste .navigation .info { font-weight: bold; float: left; margin-top: 5px; font-size: larger }
body.agenda #liste .navigation a { color:#F00; border-bottom: 1px dotted #D00; text-decoration: none}
body.agenda #liste .navigation a:hover { color: gold; }
body.agenda #liste .navigation a.previous_disabled,
body.agenda #liste .navigation a.next_disabled { display: none}
body.agenda #liste .actions { display: inline; font-size: 10px; color: #999 }
body.agenda #liste .actions div { display: inline; font-size: larger }
body.agenda #liste .actions select { color: #999 }
body.agenda #liste .navigation .pageNav { float: left }
body.agenda .actualite { margin-top: 10px }
body.agenda a.targetLink { text-decoration: none; display: block; font-weight: bold; color: #D00; font-size: 10px; }
body.agenda .article h2 { border: 0px; margin: 0px; padding: 0px }
body.agenda .highlight h2 a { font-size: 12px }
body.agenda .highlight h2 { border-bottom: 1px dotted #900}
body.agenda .article .theme,
body.agenda .article .category { border-left:1px solid #666; color:#666; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; position:relative; right:0pt; text-align:right; }
body.agenda .article .source,
body.agenda .article .source a { display: inline; border-left:1px solid #666; color:#999; font-size:0.8em; line-height:2.3em; margin:1.5em 0pt 5px 10px; padding-left:5px; right:0pt; text-align:right; }
body.agenda .article .information { vertical-align: top;  }
body.agenda .article .information .summary { text-align: justify; display: block; margin: 0px 5px; }
body.agenda a.moreBtn { display: block; color: #D00; text-align: right; margin-right: 5px; text-decoration: none; }
body.agenda a.moreBtn:hover { color: gold }
body.agenda hr.highlight_limit { margin: 20px 10px 10px 10px; color: #D00;}

.no_margin {margin:0px}
.dateResetBtn {background:transparent url(/images/delete_16.gif) no-repeat scroll left top;border:0 none;cursor:pointer;height:16px;width:16px}

div.w_comment_info {height:16px;float:right;background:transparent url(/images/reactions.gif) no-repeat scroll left top;padding-left:24px;font-style:italic;color:#300}
div.w_comment_info a {text-decoration:none;color:#300}


#downloads_dlist_box {margin: 0px 5px 20px 5px;padding: 0px 0px 5px 0px}

#downloads_dlist_box .widget_title {
	background-color:#666666;
	color: #ffffff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 3px 3px 10px;
	margin-bottom:3px;
	text-align:left;
}

#downloads_dlist_box .record {padding:1px 5px 1px 5px;color: #666666;font: 12px Arial, Helvetica, sans-serif}

#downloads_dlist_box .thumb {float:left;margin:2px 10px 4px 0px}
#downloads_dlist_box .record .info {margin:5px 5px 5px 80px}
#downloads_dlist_box .titre {text-transform:uppercase;font-weight:bold}
#downloads_dlist_box .rdate {color: #999;font: bold 12px Arial, Helvetica, sans-serif}

#downloads_dlist_box div.summary {display:none;border:1px solid #D00;background:#F5F5B5;padding:5px;margin:5px}

#downloads_dlist_box .border {height:1px;border:0;border-bottom:1px dotted #cccccc;margin:5px}

#downloads_dlist_box div.summary_link {background:#FFF url(/images/gavroche/bullet.gif) no-repeat scroll top left;margin:15px 0 5px 0;padding-left:20px}
#downloads_dlist_box div.summary_link a {color:#f61116;font-weight:bold;text-decoration:none}
#downloads_dlist_box div.summary_link a:hover {border-bottom:1px dotted #f61116;cursor:pointer}

#downloads_dlist_box div.dload {display:none;border:1px solid #CCC;background:#EEE;padding:5px;margin:5px}

#downloads_dlist_box div.dload_link {background:#FFF url(/images/celticms/news.png) no-repeat scroll top left;color:#aaa;margin:5px 0 5px 0;height:20px;font-weight:bold;padding-left:20px}
#downloads_dlist_box div.dload_link a {color:#aaa;font-weight:bold;text-decoration:none}
#downloads_dlist_box div.dload_link a:hover {border-bottom:1px dotted #aaa;cursor:pointer}

#downloads_dlist_box div.dload span.password {color:#333;font-size:11px}
#downloads_dlist_box a.dload {color:#aaa;text-decoration:none;border-bottom:1px dotted #aaa}
#downloads_dlist_box a.dload:hover {border-bottom:1px dotted #F00;cursor:pointer;color:#F00}
#downloads_dlist_box img.dload_progress {display:none}