/*-------------------------------------------------------------- # Beau Rivage from Musictube - February 2009 (for Joomla 1.5) # Copyright (C) 2007-2009 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com ---------------------------------------------------------------*/ /* Typography -----------------------------------------------------------------------------------*/ /* Typography Styles */ /* List Styles - Bullets */ /*To use this style create a list in the following format: */ ul.puce_bullet-1, ul.puce_bullet-2, ul.puce_bullet-3, ul.puce_bullet-4, ul.puce_bullet-5, ul.puce_bullet-6, ul.puce_bullet-7, ul.puce_bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;border-top: none;} ul.puce_bullet-1 li, ul.puce_bullet-2 li, ul.puce_bullet-3 li, ul.puce_bullet-4 li, ul.puce_bullet-5 li, li.puce_bullet-1, li.puce_bullet-2, li.puce_bullet-3, li.puce_bullet-4, li.puce_bullet-5 {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;border-top: none;} ul.puce_bullet-6 li, ul.puce_bullet-7 li, ul.puce_bullet-8 li, li.puce_bullet-6, li.puce_bullet-7, li.puce_bullet-8 {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;border-top: none;} ul.puce_bullet-1 li, li.puce_bullet-1 {background: url(../images/typo/bullet-1.png) 0 11px no-repeat !important;} ul.puce_bullet-2 li, li.puce_bullet-2 {background: url(../images/typo/bullet-2.png) 0 11px no-repeat !important;} ul.puce_bullet-3 li, li.puce_bullet-3 {background: url(../images/typo/bullet-3.png) 0 11px no-repeat !important;} ul.puce_bullet-4 li, li.puce_bullet-4 {background: url(../images/typo/bullet-4.png) 0 11px no-repeat !important;} ul.puce_bullet-5 li, li.puce_bullet-5 {background: url(../images/typo/bullet-5.png) 0 11px no-repeat !important;} ul.puce_bullet-6 li, li.puce_bullet-6 {background: url(../images/typo/bullet-6.png) 0 8px no-repeat !important;} ul.puce_bullet-7 li, li.puce_bullet-7 {background: url(../images/typo/bullet-7.png) 0 8px no-repeat !important;} ul.puce_bullet-8 li, li.puce_bullet-8 {background: url(../images/typo/bullet-8.png) 0 9px no-repeat !important;} /* List Styles - Special Icons */ /* use this style create a list in the following format: */ ul.puce_spec-1, ul.puce_spec-2, ul.puce_spec-3, ul.puce_spec-4, ul.puce_spec-5, ul.puce_spec-6, ul.puce_spec-7, ul.puce_spec-8, ul.puce_spec-9, ul.puce_spec-10, ul.puce_spec-11, ul.puce_spec-12, ul.puce_spec-13, ul.puce_spec-14, ul.puce_spec-15, ul.puce_spec-pdf, ul.puce_spec-blank {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;border-top: none;} ul.puce_spec-1 li, ul.puce_spec-2 li, ul.puce_spec-3 li, ul.puce_spec-4 li, ul.puce_spec-5 li, ul.puce_spec-6 li, ul.puce_spec-7 li, ul.puce_spec-8 li, ul.puce_spec-9 li, ul.puce_spec-10 li, ul.puce_spec-11 li, ul.puce_spec-12 li, ul.puce_spec-13 li, ul.puce_spec-14 li, ul.puce_spec-15 li, ul.puce_spec-pdf li, ul.puce_spec-blank li, li.puce_spec-1, li.puce_spec-2, li.puce_spec-3, li.puce_spec-4, li.puce_spec-5, li.puce_spec-6, li.puce_spec-7, li.puce_spec-8, li.puce_spec-9, li.puce_spec-10, li.puce_spec-11, li.puce_spec-12, li.puce_spec-13, li.puce_spec-14, li.puce_spec-15, li.puce_spec-pdf, li.puce_spec-blank {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;border-top: none;} ul.puce_spec-1 li, li.puce_spec-1 {background: url(../images/typo/special-1.png) 0 6px no-repeat !important;} ul.puce_spec-2 li, li.puce_spec-2 {background: url(../images/typo/special-2.png) 0 6px no-repeat !important;} ul.puce_spec-3 li, li.puce_spec-3 {background: url(../images/typo/special-3.png) 0 6px no-repeat !important;} ul.puce_spec-4 li, li.puce_spec-4 {background: url(../images/typo/special-4.png) 0 6px no-repeat !important;} ul.puce_spec-5 li, li.puce_spec-5 {background: url(../images/typo/special-5.png) 0 6px no-repeat !important;} ul.puce_spec-6 li, li.puce_spec-6 {background: url(../images/typo/special-6.png) 0 6px no-repeat !important;} ul.puce_spec-7 li, li.puce_spec-7 {background: url(../images/typo/special-7.png) 0 6px no-repeat !important;} ul.puce_spec-8 li, li.puce_spec-8 {background: url(../images/typo/special-8.png) 0 6px no-repeat !important;} ul.puce_spec-9 li, li.puce_spec-9 {background: url(../images/typo/special-9.png) 0 6px no-repeat !important;} ul.puce_spec-10 li, li.puce_spec-10 {background: url(../images/typo/special-10.png) 0 6px no-repeat !important;} ul.puce_spec-11 li, li.puce_spec-11 {background: url(../images/typo/special-11.png) 0 6px no-repeat !important;} ul.puce_spec-12 li, li.puce_spec-12 {background: url(../images/typo/special-12.png) 0 6px no-repeat !important;} ul.puce_spec-13 li, li.puce_spec-13 {background: url(../images/typo/special-13.png) 0 6px no-repeat !important;} ul.puce_spec-14 li, li.puce_spec-14 {background: url(../images/typo/special-14.png) 0 6px no-repeat !important;} ul.puce_spec-pdf li, li.puce_spec-pdf {background: url(../images/icons/pdf.png) 0 6px no-repeat !important;} ul.puce_spec-blank li, li.puce_spec-blank {background: url(../images/icons/blank.png) 0 6px no-repeat !important;} /*Blockquote Styles */ /*This is a blockquote, you will want to use the following formatting:
...
*/ blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} blockquote.blockquote_blue, blockquote.blockquote_red, blockquote.blockquote_green, blockquote.blockquote_purple, blockquote.blockquote_orange, blockquote.blockquote_brown, blockquote.blockquote_grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;} blockquote.blockquote_blue{color: #0D507A;} blockquote.blockquote_red{color: #D12E2E;} blockquote.blockquote_green{color: #74A824;} blockquote.blockquote_purple{color: #9E0E87;} blockquote.blockquote_orange{color: #CC8300;} blockquote.blockquote_brown{color: #8B6846;} blockquote.blockquote_grey {color: #666;} blockquote.blockquote_quotes {display: block;background: url(../images/typo/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;} blockquote.blockquote_quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/typo/quote-end.png) 100% 100% no-repeat;} /*Notice Styles */ /*Use this style to denote very important information to your users. To use this use the folllowing html: ....*/ span.par_attention, span.par_notice, span.par_alert, span.par_download, span.par_approved, span.par_media, span.par_note, span.par_cart, span.par_camera, span.par_doc,p.par_attention, p.par_notice, p.par_alert, p.par_download, p.par_approved, p.par_media, p.par_note, p.par_cart, p.par_camera, p.par_doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;} span.par_attention, p.par_attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;} span.par_notice, p.par_notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;} span.par_alert, p.par_alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;} span.par_download, p.par_download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;} span.par_approved, p.par_approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;} span.par_media, p.par_media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;} span.par_note, p.par_note{color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;} span.par_cart, p.par_cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;} span.par_camera, p.par_camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;} span.par_doc, p.par_doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;} /*Important Emphasis Styles*/ /*This is a span that lets you place all of the content into a nice well formed section.
Sample Title...some content...
*/ .cadr-important, .cadr-important-blue, .cadr-important-red, .cadr-important-green, .cadr-important-purple, .cadr-important-orange, .cadr-important-brown, .cadr-important-grey {padding: 15px;margin: 15px 0;} span.cadr-important-title, span.cadr-important-title-blue, span.cadr-important-title-red, span.cadr-important-title-green, span.cadr-important-title-purple, span.cadr-important-title-orange, span.cadr-important-title-brown, span.cadr-important-title-grey, p.cadr-important-title, p.cadr-important-title-blue, p.cadr-important-title-red, p.cadr-important-title-green, p.cadr-important-title-purple, p.cadr-important-title-orange, p.cadr-important-title-brown, p.cadr-important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;} .cadr-important {border: 1px solid #333;} .cadr-important-blue {border: 1px solid #0D507A;} .cadr-important-red {border: 1px solid #D12E2E;} .cadr-important-green {border: 1px solid #74A824;} .cadr-important-purple {border: 1px solid #9E0E87;} .cadr-important-orange {border: 1px solid #CC8300;} .cadr-important-brown {border: 1px solid #8B6846;} .cadr-important-grey {border: 1px solid #666;} span.cadr-important-title, p.cadr-important-title {color: #333;} span.cadr-important-title-blue, p.cadr-important-title-blue {color: #0D507A;} span.cadr-important-title-red, p.cadr-important-title-red {color: #D12E2E;} span.cadr-important-title-green, p.cadr-important-title-green {color: #74A824;} span.cadr-important-title-purple, p.cadr-important-title-purple {color: #9E0E87;} span.cadr-important-title-orange, p.cadr-important-title-orange {color: #CC8300;} span.cadr-important-title-brown, p.cadr-important-title-brown {color: #8B6846;} span.cadr-important-title-grey, p.cadr-important-title-grey {color: #666;} /*DropCap Styles*/ /* use the following formatting:

P

*/ span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;} span.dropcap {color: #333;} span.dropcap-blue {color: #0D507A;} span.dropcap-red {color: #D12E2E;} span.dropcap-green {color: #74A824;} span.dropcap-purple {color: #9E0E87;} span.dropcap-orange {color: #CC8300;} span.dropcap-brown {color: #8B6846;} span.dropcap-grey {color: #666;} /*Highlight Styles */ /* Use the following format: ... */ span.highlight {background: #FFFBD5;padding: 1px 2px;} span.highlight-blue {color: #0D507A;} span.highlight-red {color: #D12E2E;} span.highlight-green {color: #74A824;} span.highlight-purple {color: #9E0E87;} span.highlight-orange {color: #CC8300;} span.highlight-brown {color: #8B6846;} span.highlight-grey {color: #666;} span.highlight-bold {font-weight: bold;font-size: 120%;} /* Span Styles - Number */ /* To use this style create a list in the following format: 1[any number] */ span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;} span.number {color: #333;} span.number-blue {color: #0D507A;} span.number-red {color: #D12E2E;} span.number-green {color: #74A824;} span.number-purple {color: #9E0E87;} span.number-orange {color: #CC8300;} span.number-brown {color: #8B6846;} span.number-grey {color: #666;} div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;} div.number-block1 {background: url(../images/typo/number-1.png) 0 0 no-repeat;} div.number-block2 {background: url(../images/typo/number-2.png) 0 0 no-repeat;} div.number-block3 {background: url(../images/typo/number-3.png) 0 0 no-repeat;} span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;} pre, .code { margin: 10px 0pt 15px; padding: 10px 15px; font-size: 11px; background-color: #f9f9f9; border-left: 5px solid #41bcea; color: #414141; } /* Icones */ /* FLECHES*/ .icone-fleche_beige_left { background:transparent url('../images/icons/arrow_beige_left.png') no-repeat left center; padding-left:20px; } .icone-fleche_beige_right { background:transparent url('../images/icons/arrow_beige_right.png') no-repeat left center; padding-left:20px; } .icone-fleche_beige_up { background:transparent url('../images/icons/arrow_beige_up.png') no-repeat left center; padding-left:20px; } .icone-fleche_beige_down { background:transparent url('../images/icons/arrow_beige_down.png') no-repeat left center; padding-left:20px; } .icone-fleche_blue_left { background:transparent url('../images/icons/arrow_blue_left.png') no-repeat left center; padding-left:20px; } .icone-fleche_blue_right { background:transparent url('../images/icons/arrow_blue_right.png') no-repeat left center; padding-left:20px; } .icone-fleche_blue_up { background:transparent url('../images/icons/arrow_blue_up.png') no-repeat left center; padding-left:20px; } .icone-fleche_blue_down { background:transparent url('../images/icons/arrow_blue_down.png') no-repeat left center; padding-left:20px; } .icone-fleche_red_left { background:transparent url('../images/icons/arrow_red_left.png') no-repeat left center; padding-left:20px; } .icone-fleche_red_right { background:transparent url('../images/icons/arrow_red_right.png') no-repeat left center; padding-left:20px; } .icone-fleche_red_up { background:transparent url('../images/icons/arrow_red_up.png') no-repeat left center; padding-left:20px; } .icone-fleche_red_down { background:transparent url('../images/icons/arrow_red_down.png') no-repeat left center; padding-left:20px; } .icone-fleche_grey_left { background:transparent url('../images/icons/arrow_grey_left.png') no-repeat left center; padding-left:20px; } .icone-fleche_grey_right { background:transparent url('../images/icons/arrow_grey_right.png') no-repeat left center; padding-left:20px; } .icone-fleche_grey_up { background:transparent url('../images/icons/arrow_grey_up.png') no-repeat left center; padding-left:20px; } .icone-fleche_grey_down { background:transparent url('../images/icons/arrow_grey_down.png') no-repeat left center; padding-left:20px; } /* CARRES*/ .icone-carre_beige { background:transparent url('../images/icons/square_beige.png') no-repeat left center; padding-left:20px; } .icone-carre_bleu { background:transparent url('../images/icons/square_blue.png') no-repeat left center; padding-left:20px; } .icone-carre_gris { background:transparent url('../images/icons/square_gris.png') no-repeat left center; padding-left:20px; } .icone-carre_red { background:transparent url('../images/icons/square_red.png') no-repeat left center; padding-left:20px; } /* TRIANGLES*/ .icone-triangle_beige_left { background:transparent url('../images/icons/triangle_beige_left.png') no-repeat left center; padding-left:12px; } .icone-triangle_beige_right { background:transparent url('../images/icons/triangle_beige_right.png') no-repeat left center; padding-left:12px; } .icone-triangle_beige_up { background:transparent url('../images/icons/triangle_beige_up.png') no-repeat left center; padding-left:12px; } .icone-triangle_beige_down { background:transparent url('../images/icons/triangle_beige_down.png') no-repeat left center; padding-left:12px; } .icone-triangle_red_left { background:transparent url('../images/icons/triangle_red_left.png') no-repeat left center; padding-left:12px; } .icone-triangle_red_right { background:transparent url('../images/icons/triangle_red_right.png') no-repeat left center; padding-left:12px; } .icone-triangle_red_up { background:transparent url('../images/icons/triangle_red_up.png') no-repeat left center; padding-left:12px; } .icone-triangle_red_down { background:transparent url('../images/icons/triangle_red_down.png') no-repeat left center; padding-left:12px; } .icone-triangle_grey_left { background:transparent url('../images/icons/triangle_grey_left.png') no-repeat left center; padding-left:12px; } .icone-triangle_grey_right { background:transparent url('../images/icons/triangle_grey_right.png') no-repeat left center; padding-left:12px; } .icone-triangle_grey_up { background:transparent url('../images/icons/triangle_grey_up.png') no-repeat left center; padding-left:12px; } .icone-triangle_grey_down { background:transparent url('../images/icons/triangle_grey_down.png') no-repeat left center; padding-left:12px; } .icone-triangle_blue_left { background:transparent url('../images/icons/triangle_blue_left.png') no-repeat left center; padding-left:12px; } .icone-triangle_blue_right { background:transparent url('../images/icons/triangle_blue_right.png') no-repeat left center; padding-left:12px; } .icone-triangle_blue_up { background:transparent url('../images/icons/triangle_blue_up.png') no-repeat left center; padding-left:12px; } .icone-triangle_blue_down { background:transparent url('../images/icons/triangle_blue_down.png') no-repeat left center; padding-left:12px; } /* CERCLES*/ .icone-rond_beige { background:transparent url('../images/icons/bullet_beige.png') no-repeat left center; padding-left:20px; } .icone-rond_bleu { background:transparent url('../images/icons/bullet_blue.png') no-repeat left center; padding-left:20px; } .icone-rond_gris { background:transparent url('../images/icons/bullet_grey.png') no-repeat left center; padding-left:20px; } .icone-rond_red { background:transparent url('../images/icons/bullet_red.png') no-repeat left center; padding-left:20px; } .icone-rond_black { background:transparent url('../images/icons/bullet_black.png') no-repeat left center; padding-left:20px; } .icone-rond_white { background:transparent url('../images/icons/bullet_white.png') no-repeat left center; padding-left:20px; } /* BARRES */ .icone-tiret_beige_down { background:transparent url('../images/icons/barre_beige_down.png') no-repeat left center; padding-left:15px; } .icone-tiret_beige_mid { background:transparent url('../images/icons/barre_beige_mid.png') no-repeat left center; padding-left:15px; } .icone-tiret_blue_down { background:transparent url('../images/icons/barre_blue_down.png') no-repeat left center; padding-left:15px; } .icone-tiret_blue_mid { background:transparent url('../images/icons/barre_blue_mid.png') no-repeat left center; padding-left:15px; } .icone-tiret_grey_down { background:transparent url('../images/icons/barre_grey_down.png') no-repeat left center; padding-left:15px; } .icone-tiret_grey_mid { background:transparent url('../images/icons/barre_grey_mid.png') no-repeat left center; padding-left:15px; } .icone-tiret_red_down { background:transparent url('../images/icons/barre_red_down.png') no-repeat left center; padding-left:15px; } .icone-tiret_red_mid { background:transparent url('../images/icons/barre_red_mid.png') no-repeat left center; padding-left:15px; } /* PICTOS*/ p.icone-info{ color:#41bcea; } .icone-info { background:transparent url('../images/icons/info.gif') no-repeat left top; padding-left:30px; } p.icone-tips{ color:#E98B05; } .icone-tips { background:transparent url('../images/icons/tips.gif') no-repeat left top; padding-left:30px; } p.icone-warning{ color:#CC0000; } .icone-warning { background:transparent url('../images/icons/warning.gif') no-repeat left top; padding-left:30px; } .icone-alert, .icone-audio, .icone-cal, .icone-clock, .icone-coffee, .icone-credit, .icone-email, .icone-exclamation, .icone-favorite, .icone-feed, .icone-home, .icone-help, .icone-help-buoy, .icone-info, .icone-key, .icone-ligth-on, .icone-ok, .icone-play, .icone-play-back, .icone-play-first, .icone-play-forward, .icone-play-options, .icone-play-pause, .icone-play-repeat, .icone-play-star, .icone-play-stop, .icone-phone-blue, .icone-phone-red, .icone-search, .icone-sound, .icone-star, .icone-statistic, .icone-web, .icone-webcam { padding-left:30px; } .icone-alert { background:transparent url('../images/icons/alert.png') no-repeat left top; } .icone-audio { background:transparent url('../images/icons/audio.gif') no-repeat left top; } .icone-cal { background:transparent url('../images/icons/cal.png') no-repeat left top; } .icone-coffee { background:transparent url('../images/icons/coffe.png') no-repeat left top; } .icone-clock { background:transparent url('../images/icons/clock.png') no-repeat left top; } .icone-credit { background:transparent url('../images/icons/credit.gif') no-repeat left top; } .icone-email { background:transparent url('../images/icons/email.gif') no-repeat left top; } .icone-exclamation { background:transparent url('../images/icons/exclamation.png') no-repeat left top; } .icone-favorites { background:transparent url('../images/icons/favorites.png') no-repeat left top; } .icone-feed { background:transparent url('../images/icons/feed.gif') no-repeat left top; } .icone-home { background:transparent url('../images/icons/home.png') no-repeat left top; } .icone-help { background:transparent url('../images/icons/help.gif') no-repeat left top; } .icone-help-buoy { background:transparent url('../images/icons/help-buoy.png') no-repeat left top; } .icone-info { background:transparent url('../images/icons/info.png') no-repeat left top; } .icone-key { background:transparent url('../images/icons/key.png') no-repeat left top; } .icone-ligth-on { background:transparent url('../images/icons/ligth-on.png') no-repeat left top; } .icone-play { background:transparent url('../images/icons/play.png') no-repeat left top; } .icone-play-back { background:transparent url('../images/icons/play-back.png') no-repeat left top; } .icone-play-first { background:transparent url('../images/icons/play-first.png') no-repeat left top; } .icone-play-forward { background:transparent url('../images/icons/play-forward.png') no-repeat left top; } .icone-play-options { background:transparent url('../images/icons/play-options.png') no-repeat left top; } .icone-play-pause { background:transparent url('../images/icons/play-pause.png') no-repeat left top; } .icone-play-repeat { background:transparent url('../images/icons/play-repeat.png') no-repeat left top; } .icone-play-star { background:transparent url('../images/icons/play-star.png') no-repeat left top; } .icone-play-stop { background:transparent url('../images/icons/play-stop.png') no-repeat left top; } .icone-ok { background:transparent url('../images/icons/ok.png') no-repeat left top; } .icone-phone-blue { background:transparent url('../images/icons/phone-blue.png') no-repeat left top; } .icone-phone-red { background:transparent url('../images/icons/phone-red.png') no-repeat left top; } .icone-sound { background:transparent url('../images/icons/sound.png') no-repeat left top; } .icone-star { background:transparent url('../images/icons/star.png') no-repeat left top; } .icone-statistic { background:transparent url('../images/icons/statistic.png') no-repeat left top; } .icone-search { background:transparent url('../images/icons/search.png') no-repeat left top; } .icone-web { background:transparent url('../images/icons/web.png') no-repeat left top; } .icone-webcam { background:transparent url('../images/icons/webcam.gif') no-repeat left top; } /* Ligne Dessus Dessous & couleur Texte */ span.clear, span.clear-1, span.clear-2, span.clear-3, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6, span.color-7, p.clear, p.clear-1, p.clear-2, p.clear-3, p.color, p.color-1, p.color-2, p.color-3, p.color-4, p.color-5, p.color-6, p.color-7 { display: block; padding: 5px 10px; margin-bottom: 10px; } span.clear, p.clear { border-top: 1px solid #999; border-bottom: 1px solid #999; color: #999; } span.clear-1, p.clear-1 { border-top: 1px solid #444; border-bottom: 1px solid #444; color: #444; } span.clear-2, p.clear-2 { border-top: 1px solid #651B32; border-bottom: 1px solid #651B32; color: #651B32; } span.clear-3, p.clear-3 { border-top: 1px solid #41bcea; border-bottom: 1px solid #41bcea; color: #41bcea; } span.color, p.color { color: #999; } span.color-1, p.color-1 { color: #414141; } span.color-2, p.color-2 { /*border-left: 2px solid #41bcea; color: #41bcea;*/ border-left: 2px solid #651B32; color: #651B32; } span.color-3, p.color-3 { border-left: 2px solid #444; color: #414141; } span.color-4, p.color-4 { background: #444; color: #fff; } span.color-5, p.color-5 { background: #D0BE9B; /*color: #41bcea;*/ color: ##444; } span.color-6, p.color-6 { border-top: 1px solid #e9e9a1; border-bottom: 1px solid #e9e9a1; background: #ffffee; color: #666; } span.color-7, p.color-7 { background: #41bcea; color: #fff; } .highlight-1, .highlight-2, .highlight-3, .highlight-4 { padding:1px 5px; } .highlight-1 { background:#ffffda; } .highlight-2 { background:#f9f9f9; } .highlight-3 { background: #444; color: #fff; } .highlight-4 { background: #41bcea; color: #fff; } /*-----------------------------------------------------------------------------------------*/ /* Tableaux */ /*-----------------------------------------------------------------------------------------*/ /* Tableau 1 beige */ table.tablo_br-coffee { border-collapse:separate; border-spacing:0; margin:0 0 1em; color: #575757; } table.tablo_br-coffee a { color:#523A0B; text-decoration:none; border-bottom:1px dotted; } table.tablo_br-coffee a:visited { color:#444; font-weight:normal; } table.tablo_br-coffee a:visited:after { content:"\00A0\221A"; } table.tablo_br-coffee a:hover { border-bottom-style:solid; } table.tablo_br-coffee thead th, table.tablo_br-coffee thead td, table.tablo_br-coffee tfoot th, table.tablo_br-coffee tfoot td { border:1px solid #523A0B; border-width:1px 0; /*background:#EBE5D9;*/ background:#EAE1BF; } table.tablo_br-coffee th { font-weight:bold; line-height:normal; padding:0.25em 0.5em; text-align:left; } table.tablo_br-coffee tbody th, table.tablo_br-coffee td { padding:0.25em 0.5em; text-align:left; vertical-align:top; } table.tablo_br-coffee tbody th { font-weight:normal; white-space:nowrap; } table.tablo_br-coffee tbody th a:link, table.tablo_br-coffee tbody th a:visited { font-weight:bold; } table.tablo_br-coffee tbody td, table.tablo_br-coffee tbody th { border:1px solid #fff; border-width:1px 0; } table.tablo_br-coffee tbody tr.odd th, table.tablo_br-coffee tbody tr.odd td { border-color:#EBE5D9; /*background:#F7F4EE; EFEAD2*/ background:#F7F4E4; } table.tablo_br-coffee tbody tr:hover td, table.tablo_br-coffee tbody tr:hover th { background:#ffffee; border-color:#523A0B; } table.tablo_br-coffee caption { font-weight:normal; font-size:1.4em; text-align:left; margin:0; padding:0.5em 0.25em; } /* Tableau 2 bleu1 */ table.tablo_br-blue1 { border-collapse:separate; border-spacing:0; margin:0 0 1em; color: #575757; } table.tablo_br-blue1 a { color:#523A0B; text-decoration:none; border-bottom:1px dotted; } table.tablo_br-blue1 a:visited { color:#444; font-weight:normal; } table.tablo_br-blue1 a:visited:after { content:"\00A0\221A"; } table.tablo_br-blue1 a:hover { border-bottom-style:solid; } table.tablo_br-blue1 thead th, table.tablo_br-blue1 thead td, table.tablo_br-blue1 tfoot th, table.tablo_br-blue1 tfoot td { border:1px solid #523A0B; border-width:1px 0; /*background:#8ED5F3;*/ background: #41bcea; color: #fff; } table.tablo_br-blue1 th { font-weight:bold; line-height:normal; padding:0.25em 0.5em; text-align:left; } table.tablo_br-blue1 tbody th, table.tablo_br-blue1 td { padding:0.25em 0.5em; text-align:left; vertical-align:top; } table.tablo_br-blue1 tbody th { font-weight:normal; white-space:nowrap; } table.tablo_br-blue1 tbody th a:link, table.tablo_br-blue1 tbody th a:visited { font-weight:bold; } table.tablo_br-blue1 tbody td, table.tablo_br-blue1 tbody th { border:1px solid #fff; border-width:1px 0; } table.tablo_br-blue1 tbody tr.odd th, table.tablo_br-blue1 tbody tr.odd td { border-color:#EBE5D9; /*background:#F7F4EE; E5F5FC*/ background:#F7FCFE; } table.tablo_br-blue1 tbody tr:hover td, table.tablo_br-blue1 tbody tr:hover th { /*background:#ffffee;*/ background:#E5F5FC; border-color:#523A0B; } table.tablo_br-blue1 caption { font-weight:normal; font-size:1.4em; text-align:left; margin:0; padding:0.5em 0.25em; } /* Tableau 3 bleu2*/ table.tablo_br-blue2 { border-collapse:separate; border-spacing:0; margin:0 0 1em; color: #575757; } table.tablo_br-blue2 a { color:#523A0B; text-decoration:none; border-bottom:1px dotted; } table.tablo_br-blue2 a:visited { color:#444; font-weight:normal; } table.tablo_br-blue2 a:visited:after { content:"\00A0\221A"; } table.tablo_br-blue2 a:hover { border-bottom-style:solid; } table.tablo_br-blue2 thead th, table.tablo_br-blue2 thead td, table.tablo_br-blue2 tfoot th, table.tablo_br-blue2 tfoot td { border:1px solid #1B3848; border-width:1px 0; /*background:#8ED5F3;*/ background: #8FB1BD; color: #fff; } table.tablo_br-blue2 th { font-weight:bold; line-height:normal; padding:0.25em 0.5em; text-align:left; } table.tablo_br-blue2 tbody th, table.tablo_br-blue2 td { padding:0.25em 0.5em; text-align:left; vertical-align:top; } table.tablo_br-blue2 tbody th { font-weight:normal; white-space:nowrap; } table.tablo_br-blue2 tbody th a:link, table.tablo_br-blue2 tbody th a:visited { font-weight:bold; } table.tablo_br-blue2 tbody td, table.tablo_br-blue2 tbody th { border:1px solid #fff; border-width:1px 0; } table.tablo_br-blue2 tbody tr.odd th, table.tablo_br-blue2 tbody tr.odd td { border-color:#D1DFE4; background:#D8E1E3; } table.tablo_br-blue2 tbody tr:hover td, table.tablo_br-blue2 tbody tr:hover th { /*background:#ffffee;*/ background:#CCDCE1; border-color:#1B3848; } table.tablo_br-blue2 caption { font-weight:normal; font-size:1.4em; text-align:left; margin:0; padding:0.5em 0.25em; } /*-----------------------------------------------------------------------------------------*/ /* Boutons */ /*-----------------------------------------------------------------------------------------*/ /* Bouton 92pix x 16pix */ .bouton_bleu_l, a.bouton_bleu_l { color: #ffffff !important; background: url('../images/icons/readmore_blue_92.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float:left; } .bouton_bleu_r, a.bouton_bleu_r { color: #ffffff !important; background: url('../images/icons/readmore_blue_92.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float: right; } .bouton_red_l, a.bouton_red_l { color: #ffffff !important; background: url('../images/icons/readmore_red_92.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float: left; } .bouton_red_r, a.bouton_red_r { color: #ffffff !important; background: url('../images/icons/readmore_red_92.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float: right; } .bouton_beige_l, a.bouton_beige_l { color: #ffffff !important; background: url('../images/icons/readmore_beige.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float: left; } .bouton_beige_r, a.bouton_beige_r { color: #ffffff !important; background: url('../images/icons/readmore_beige.png') no-repeat 0 0; width: 92px; height: 16px; display: inline-block; text-align:center; float: right; } /*-----------------------------------------------------------------------------------------*/ /* GROS BOUTON 175pix x 45pix Tour Blanc et flèche */ /*-----------------------------------------------------------------------------------------*/ /* BOUTON GROS BLEU AVEC FLECHE */ .btn_bleu2_big, a.btn_bleu2_big { color: #ffffff !important; background: url('../images/btn/btn_bleu2_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_bleu2_big:hover, a.btn_bleu2_big:hover{ background:url('../images/btn/btn_violet_big.png') right no-repeat; } /* BOUTON GROS NOIR AVEC FLECHE */ .btn_black_big, a.btn_black_big { color: #ffffff !important; background: url('../images/btn/btn_black_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_black_big:hover, a.btn_black_big:hover{ background:url('../images/btn/btn_orange_big.png') right no-repeat; } /* BOUTON GROS BEIGE AVEC FLECHE */ .btn_beige_big, a.btn_beige_big { color: #ffffff !important; background: url('../images/btn/btn_beige_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_beige_big:hover, a.btn_beige_big:hover{ background:url('../images/btn/btn_bordeaux_big.png') right no-repeat; } /* BOUTON GROS ORANGE AVEC FLECHE */ .btn_orange_big, a.btn_orange_big { color: #ffffff !important; background: url('../images/btn/btn_orange_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_orange_big:hover, a.btn_orange_big:hover{ background:url('../images/btn/btn_vert1_big.png') right no-repeat; } /* BOUTON GROS ROUGE AVEC FLECHE */ .btn_rouge_big, a.btn_rouge_big { color: #ffffff !important; background: url('../images/btn/btn_red_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_rouge_big:hover, a.btn_rouge_big:hover{ background:url('../images/btn/btn_bleu1_big.png') right no-repeat; } /* BOUTON GROS VIOLET AVEC FLECHE */ .btn_violet_big, a.btn_violet_big { color: #ffffff !important; background: url('../images/btn/btn_violet_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_violet_big:hover, a.btn_violet_big:hover{ background:url('../images/btn/btn_red_big.png') right no-repeat; } /* BOUTON GROS VERT FONCé AVEC FLECHE */ .btn_vert2_big, a.btn_vert2_big { color: #ffffff !important; background: url('../images/btn/btn_vert2_big.png') no-repeat 0 0; width: 175px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; text-indent:13px; } .btn_vert2_big:hover, a.btn_vert2_big:hover{ background:url('../images/btn/btn_marron_big.png') right no-repeat; } /*-----------------------------------------------------------------------------------------*/ /* MEDIUM BOUTON 135pix x 45pix Tour Blanc */ /*-----------------------------------------------------------------------------------------*/ /* BOUTON MEDIUM BLEU */ .btn_bleu2_med, a.btn_bleu2_med { color: #ffffff !important; background: url('../images/btn/btn_bleu2_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_bleu2_med:hover, a.btn_bleu2_med:hover{ background:url('../images/btn/btn_violet_med.png') right no-repeat; } /* BOUTON MEDIUM NOIR */ .btn_black_med, a.btn_black_med { color: #ffffff !important; background: url('../images/btn/btn_black_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_black_med:hover, a.btn_black_med:hover{ background:url('../images/btn/btn_orange_med.png') right no-repeat; } /* BOUTON MEDIUM BEIGE */ .btn_beige_med, a.btn_beige_med { color: #ffffff !important; background: url('../images/btn/btn_beige_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_beige_med:hover, a.btn_beige_med:hover{ background:url('../images/btn/btn_bordeaux_med.png') right no-repeat; } /* BOUTON MEDIUM ORANGE */ .btn_orange_med, a.btn_orange_med { color: #ffffff !important; background: url('../images/btn/btn_orange_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_orange_med:hover, a.btn_orange_med:hover{ background:url('../images/btn/btn_vert1_med.png') right no-repeat; } /* BOUTON MEDIUM ROUGE */ .btn_rouge_med, a.btn_rouge_med { color: #ffffff !important; background: url('../images/btn/btn_red_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_rouge_med:hover, a.btn_rouge_med:hover{ background:url('../images/btn/btn_bleu1_med.png') right no-repeat; } /* BOUTON MEDIUM VIOLET */ .btn_violet_med, a.btn_violet_med { color: #ffffff !important; background: url('../images/btn/btn_violet_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_violet_med:hover, a.btn_violet_med:hover{ background:url('../images/btn/btn_red_med.png') right no-repeat; } /* BOUTON MEDIUM VERT FONCé */ .btn_vert2_med, a.btn_vert2_med { color: #ffffff !important; background: url('../images/btn/btn_vert2_med.png') no-repeat 0 0; width: 135px; height: 45px; display: inline-block; line-height:42px; float:none; text-align: center; font-size: 1.45em; font-variant: normal; font-weight:bolder; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .btn_vert2_med:hover, a.btn_vert2_med:hover{ background:url('../images/btn/btn_marron_med.png') right no-repeat; }