/**
 *
 * PROJET : R�publique de Montmartre
 *
 * SUPPORT : Tous navigateurs
 *
 * Int�gration xhtml/css : Kevin Magne
 *
 * @copyright Copyright (c) 2007, Agence Soon - http://www.agence-soon.fr
 * @Author kevin.magne@agence-soon.fr
 *
**/

html, body { background:#d7d7d7 url(../templates/images/backgrounds/body.gif) left top repeat-x; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; overflow:auto; }
* { margin:0; padding:0; border:none; outline:none; }
a { text-decoration:none; }
/** 
 *
 * STRUCTURE DU SITE 
 * Structure css du site (conteneur global et le header)
 *
**/

#global { width:988px; margin:0 auto; }
#header { width:988px; height:192px; margin-bottom:8px; }

/** 
 *
 * HEADER 
 * Structure css de tous les �l�ments pr�sent dans le header (logo, barre de navigation, ...)
 *
**/

#symbole { float:left; background:url(../templates/images/backgrounds/header/symbole.png) left top no-repeat; width:98px; height:192px; }
#logo { float:left; width:447px; height:124px; }
#bk_tr { float:right; width:443px; height:124px; }
#conteneur_bk_tr { float:right; width:264px; height:124px; margin-right:4px; }
#bk_langue { float:right; width:264px; height:21px; text-align:right; padding-top:12px; }
#bk_langue img { padding-left:6px; }
#bk_newsletter { float:right; width:264px; height:72px; text-align:right; padding-top:20px; }
#navbar { float:left; width:890px; height:35px; }
ul.ul_navbar { list-style-type:none; }
ul.ul_navbar li { float:left; }

/**
 * NAVBAR 
 * Structure et �lement de la barre de navigation
 *
**/

.background_sm { position:absolute; z-index:50; background:#F00; opacity:0.6; filter:alpha(opacity=60); width:880px; height:22px; margin-top:-10px; margin-left:-6px; padding-top:10px; padding-left:5px; }

.bt_qui { float:left; display:block; background:url(../templates/images/boutons/navbar/qui-sommes-nous.gif) left top no-repeat; width:134px; height:35px; }
.bt_qui_actif { position:absolute; display:block; background:url(../templates/images/boutons/navbar/qui-sommes-nous.gif) left bottom no-repeat; width:134px; height:35px; margin-top:-46px; margin-left:-6px; } 
#sm_qui { position:absolute; display:none; border-top:1px solid #FFF; width:874px; height:22px; margin-top:159px; margin-left:98px; }

.bt_rejoindre { float:left; display:block; background:url(../templates/images/boutons/navbar/comment-nous-rejoindre.gif) left top no-repeat; width:178px; height:35px; }
.bt_rejoindre_actif { position:absolute; display:block; background:url(../templates/images/boutons/navbar/comment-nous-rejoindre.gif) left bottom no-repeat; width:178px; height:35px; margin-top:-46px; margin-left:128px; }
#sm_rejoindre { position:absolute; display:none; border-top:1px solid #FFF; width:874px; height:22px; margin-top:159px; margin-left:98px; }

.bt_actu_repu { float:left; display:block; background:url(../templates/images/boutons/navbar/actualites-de-la-republique.gif) left top no-repeat; width:185px; height:35px; }
.bt_actu_repu:hover { background:url(../templates/images/boutons/navbar/actualites-de-la-republique.gif) left bottom no-repeat;}
.bt_repu_actif { position:absolute; display:block; background:url(../templates/images/boutons/navbar/actualites-de-la-republique.gif) left bottom no-repeat; width:185px; height:35px; margin-top:-46px; margin-left:306px; }
#sm_repu { position:absolute; display:none; border-top:1px solid #FFF; width:874px; height:22px; margin-top:159px; margin-left:98px; }

.bt_actu_mont { float:left; display:block; background:url(../templates/images/boutons/navbar/actualites-montmartroises.gif) left top no-repeat; width:175px; height:35px; }
.bt_actu_mont:hover { background:url(../templates/images/boutons/navbar/actualites-montmartroises.gif) left bottom no-repeat; }
.bt_mont_actif { position:absolute; display:block; background:url(../templates/images/boutons/navbar/actualites-montmartroises.gif) left bottom no-repeat; width:175px; height:35px; margin-top:-46px; margin-left:491px; }
#sm_mont { position:absolute; display:none; border-top:1px solid #FFF; width:874px; height:22px; margin-top:159px; margin-left:98px; }

.bt_media { float:left; display:block; background:url(../templates/images/boutons/navbar/mediatheque.gif) left top no-repeat; width:97px; height:35px; }
.bt_media_actif { position:absolute; display:block; background:url(../templates/images/boutons/navbar/mediatheque.gif) left bottom no-repeat; width:97px; height:35px; margin-top:-46px; margin-left:666px; }
#sm_md { position:absolute; display:none; border-top:1px solid #FFF; width:874px; height:22px; margin-top:159px; margin-left:98px; }

.bt_part { float:left; display:block; background:url(../templates/images/boutons/navbar/nos-partenaires.gif) left top no-repeat; width:121px; height:35px; }
.bt_part:hover { float:left; display:block; background:url(../templates/images/boutons/navbar/nos-partenaires.gif) left bottom no-repeat; width:121px; height:35px; }

.sous_menu { padding:10px 6px 0 6px; }

/** 
 *
 * ACCUEIL
 * Structure css de la page d'accueil (index.html) avec les diff�rents �l�ments propre � cette page.
 *
**/

#accueil_bloc_top { width:988px; height:407px; }

#centre { float:left; width:495px; height:373px; margin-top:22px; margin-left:22px; }
#banniere { background:url(../templates/images/backgrounds/ctn-banniere.gif) left top no-repeat; width:495px; height:84px; padding:10px 0 0 10px; margin-top:4px; }
#ak_photos { background:url(../templates/images/backgrounds/ctn-dernieres-photos.gif) left top no-repeat; width:476px; height:261px; padding:11px 10px 0 9px; }
#ak_photo_album { position:relative; width:476px; height:251px; }
#ak_photo_bt { position:absolute; width:485px; height:28px; margin-top:-18px; margin-left:-9px; }
#voir_tous_albums { float:right; background:url(../templates/images/backgrounds/ak-photo/voir-tous.png) left top no-repeat; width:173px; height:20px; padding:8px 0 0 33px; }
#ak_title_album { float:left; background:url(../templates/images/backgrounds/ak-photo/title-album.png) left top no-repeat; width:241px; height:20px; padding:8px 0 0 38px; }
#big_tv_mnt { float:right; width:244px; height:387px; margin-top:8px; }
#ot_big_tv_mnt { background:url(../templates/images/backgrounds/big-tv-mnt/ombre-top.png) left top no-repeat; width:244px; height:2px; }
#conteneur_big_tv_mnt { background:url(../templates/images/backgrounds/big-tv-mnt/m.png) left top repeat-y; width:223px; height:365px; margin-top:18px; padding:0 10px 0 11px; text-align:center; }
#ob_big_tv_mnt { background:url(../templates/images/backgrounds/big-tv-mnt/ombre-bottom.png) left top no-repeat; width:244px; height:5px; }
#ak_video { width:223px; height:171px; }
#ak_video_desc { background:#e8eef5; width:207px; height:67px; margin-top:10px; margin-bottom:10px; padding:10px 8px 10px 8px; text-align:left; }

#accueil_bloc_bottom { width:988px; height:340px; margin-top:7px; }

#accueil_actu_republique { float:left; width:475px; }
#title_actu_republique { width:475px; height:30px; }
#conteneur_actu_republique { background:url(../templates/images/backgrounds/actu-republique/conteneur-actu-republique.gif) left top no-repeat; width:436px; height:192px; padding:9px 21px 0 18px; }
.ctn_actu_republique { width:436px; height:86px; line-height:19px; }
.ctn_actu_republique img { float:left; padding-right:10px; }
#ob_actu_republique { background:url(../templates/images/backgrounds/actu-republique/ombre-bottom.gif) left top no-repeat; width:475px; height:5px; }

#accueil_actu_mnt { float:left; width:475px; height:99px; }
#title_ak_actu_mnt { float:left; width:215px; height:76px; padding-top:23px; padding-left:4px; }
#bulle_actu_mnt { float:right; background:url(../templates/images/backgrounds/bulle-actu-mnt.gif) left top no-repeat; width:218px; height:85px; padding:14px 19px 0 19px; line-height:19px; }

#accueil_evn { float:right; background:url(../templates/images/backgrounds/ctn-evenement.gif) left top no-repeat; width:472px; height:315px; padding:25px 0 0 23px; }
#ak_photo_ev { position:relative; width:447px; height:285px; }
#ak_ev_desc { position:absolute; background:#FFF; opacity:0.8; filter:alpha(opacity=80); width:427px; bottom:0; padding:8px 10px }

/** 
 *
 * PAGES INTERNES
 * Structure css des diff�rentes pages internes
 *
**/

#main { width:988px; }
#bk_left { float:left; width:203px; }
#bk_right { float:right; width:766px; }

/** 
 *
 * BLOC DE GAUCHE
 * Structure css des �l�ments de la partie de gauche pr�sent sur les pages internes (agenda et t�l� montmartre).
 *
**/

#agenda { float:left; width:195px; height:365px; margin-top:22px; padding:4px 4px; }
#bk_left #agenda { margin-top:-5px; }
#conteneur_agenda { background:#FFF; width:185px; height:354px; padding:6px 5px 5px 5px; }
#ctn_agenda { background:url(../templates/images/backgrounds/ctn-agenda.gif) left bottom no-repeat; width:185px; height:326px; }

#tele_montmartre { float:left; width:195px; margin-top:22px; padding:4px 4px; }
#conteneur_tele_montmartre { background:#FFF; width:185px; padding:6px 5px 5px 5px; }
#video_tele_montmartre { width:175px; height:140px; margin:0 auto; }
#video_desc { background:#e8eef5; margin:10px 0 10px 4px; padding:10px 8px 10px 8px; text-align:left; }

/**
 *
 * BLOC DE DROITE
 * Structure css des �l�ments et des pages de la partie de droite
 *
**/

#bk_right_top { background:url(../templates/images/backgrounds/bk-right/bk-right-main.png) left top repeat-y; width:766px; height:33px; }
#fil_ariane { float:left; background:url(../templates/images/backgrounds/bk-right/bk-right-ariane.png) left top no-repeat; width:616px; height:26px; padding:7px 0 0 14px; }

#bk_right_main { background:url(../templates/images/backgrounds/bk-right/bk-right-main.png) left top repeat-y; width:758px; padding:0 4px 0 4px; }
.title_page { background:#FFF url(../templates/images/backgrounds/bk-right/title-page.gif) left top no-repeat; width:691px; height:43px; padding:27px 0 0 47px; margin-left:-10px; margin-bottom:10px; }
.title_page2 { background:#FFF url(../templates/images/backgrounds/bk-right/title-page.gif) left top no-repeat; width:691px; height:43px; padding:27px 0 0 67px; margin-left:-10px; }
#bg_right_contenu { background:#FFF url(../templates/images/backgrounds/bk-right/bk-right-contenu.gif) left bottom no-repeat; width:708px; margin:0 auto; padding:0 15px 30px 15px; text-align:justify; }
#bg_right_contenu_white { background:#FFF; width:728px; margin:0 auto; padding:0 15px 30px 10px; text-align:justify; }
#accordion_membres { padding-top:30px; }
.membres_open { background:url(../templates/images/backgrounds/bk-right/accordion-open-membres.gif) left top no-repeat; width:728px; height:26px; cursor:pointer; padding-top:6px; padding-left:10px; margin-left:-10px}
.membres_off { background:url(../templates/images/backgrounds/bk-right/accordion-off-membres.gif) left top no-repeat; width:728px; height:26px; cursor:pointer; padding-top:6px; padding-left:10px; margin-left:-10px}

.bk_reportages_audio { float:left; width:350px; height:120px; }
.top_bk_reportages_audio { background:url(../templates/images/backgrounds/bk-right/top-bk-audio.gif) left top no-repeat; width:350px; height:7px; }
.ctn_bk_reportages_audio { position:relative; background:url(../templates/images/backgrounds/bk-right/ctn-bk-audio.gif) left top repeat-y; width:326px; height:91px; padding:8px 12px 5px 12px; line-height:18px; }
.bottom_bk_reportages_audio { background:url(../templates/images/backgrounds/bk-right/bottom-bk-audio.gif) left top no-repeat; width:350px; height:9px; }

.bk_reportages_photo { float:left; width:240px; height:190px; margin-bottom:15px; }
.bk_ctn_photo { position:relative; width:235px; height:166px; padding:5px 0 0 4px; }
.tl_cache { position:absolute; top:0; left:0; background:url(../templates/images/photos/tl-cache.png) left top no-repeat; width:22px; height:22px; }
.br_cache { position:absolute; bottom:0; right:0; background:url(../templates/images/photos/br-cache.png) right bottom no-repeat; width:22px; height:22px; }
.br_cache2 { position:absolute; bottom:0; right:0; background:url(../templates/images/photos/br-cache-2.png) right bottom no-repeat; width:22px; height:22px; }
.bk_ctn_photo_legend { position:relative; background:#e8eef5; width:226px; height:17px; margin-left:4px; padding:3px 0 0 5px; }

.bk_actualites { position:relative; background:url(../templates/images/backgrounds/bk-right/bk-actu.gif) left top no-repeat; width:697px; height:96px; padding:14px 20px 0 10px; line-height:18px; }
.bk_actualites img { float:left; padding-right:20px; }

.bk_librairie { width:738px; }
.top_bk_librairie { background:url(../templates/images/backgrounds/bk-right/top-bk-librairie.gif) left top no-repeat; width:738px; height:8px; }
.ctn_bk_librairie { background:url(../templates/images/backgrounds/bk-right/ctn-bk-librairie.gif) left top repeat-y; width:703px; min-height:100px; padding:5px 20px 15px 15px; line-height:18px; }
.ctn_bk_librairie img { float:left; padding-right:30px; }
.bottom_bk_librairie { background:url(../templates/images/backgrounds/bk-right/bottom-bk-librairie.gif) left bottom no-repeat; width:738px; height:10px; }

.bg_right_contenu { width:710px; margin-left:17px; }
.top_bk_txt_contact { background:url(../templates/images/backgrounds/bk-right/top-bk-txt-contact.gif) left top no-repeat; width:710px; height:6px; }
.ctn_bk_txt_contact { background:url(../templates/images/backgrounds/bk-right/ctn-bk-txt-contact.gif) left top repeat-y; width:684px; padding-left:13px; padding-right:13px; }
.bottom_bk_txt_contact { background:url(../templates/images/backgrounds/bk-right/bottom-bk-txt-contact.gif) left bottom no-repeat; width:710px; height:6px; }

.accordion_partenaire_open { background:url(../templates/images/backgrounds/bk-right/accordion-open-partenaire.gif) left top no-repeat; width:738px; height:24px; cursor:pointer; }
.accordion_partenaire_off { background:url(../templates/images/backgrounds/bk-right/accordion-off-partenaire.gif) left top no-repeat; width:738px; height:24px; cursor:pointer; }
.sep_partenaire { background:url(../templates/images/backgrounds/bk-right/sep-partenaire.gif) left top no-repeat; width:738px; height:4px; }

.ctn_jingle { clear:both; background:url(../templates/images/backgrounds/bk-right/bg-jingle.gif) left top no-repeat; width:362px; height:18px; margin-bottom:15px; padding:3px 0 0 10px; }

.bk_video { float:left; background:url(../templates/images/backgrounds/bk-right/bk-video.gif) left top no-repeat; width:232px; height:298px; margin-bottom:18px; padding:8px 0 0 10px; }
.ctn_video { width:217px; height:182px; }
.legende_video { background:url(../templates/images/backgrounds/bk-right/legende-video.gif) left top no-repeat; width:200px; height:82px; margin-top:9px; padding:8px 10px 0 10px; }

.formulaire_contact { width:710px; margin-top:15px; }

.inscription_newsletter { height:90px; margin:0 auto; text-align:center; margin-top:20px; margin-bottom:15px; }
*+html .inscription_newsletter { margin-top:35px; }
.inscription_newsletter .form_contact { position:relative; margin-top:-5px; }
.inscription_newsletter input { position:relative; margin-top:5px; }
.error_newsletter { background:url(../templates/images/backgrounds/error-newsletter.png) left top no-repeat; width:360px; height:33px; margin-left:5px; padding-top:17px; margin:0 auto; }
*+html .error_newsletter { float:left; margin-left:-100px; }
#valid { background:url(../templates/images/backgrounds/error-newsletter.png) left top no-repeat; width:600px; height:33px; padding-top:17px; margin:0 auto; }

.month { margin-top:10px; margin-bottom:5px; }

.pagination { float:right; width:100%; height:25px; }

#bk_right_bottom { background:url(../templates/images/backgrounds/bk-right/bk-right-bottom.png) left top no-repeat; width:766px; height:9px; }

/** 
 *
 * STRUCTURE DU SITE 
 * Structure css du footer
 *
**/

#footer { background:url(../templates/images/backgrounds/footer/footer.gif) left bottom repeat-x; width:100%; height:26px; margin-top:10px; padding-top:52px; }
#ctn_footer { width:988px; margin:0 auto; text-align:center; }
#banderolle_footer { float:right; background:url(../templates/images/backgrounds/footer/banderolle.gif) left top no-repeat; width:82px; height:54px; margin-top:-28px; }

/** 
 *
 * TYPOGRAPHIE 
 * Propri�t�s des diff�rents fonts pr�sents sur le site (color:#***; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:regular;)
 *
**/

h1.h1_sifr { display:inline; color:#00304f; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:4px; padding-left:3px; margin-left:10px; }
h1.h1_detail { display:inline; color:#00304f; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:4px; padding-left:3px; margin-left:20px; }
h2.h2_sifr { display:inline; color:#0076d3; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:4px; padding-left:3px; }
h3.h3_sifr { display:inline; color:#0076d3; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:4px; padding-left:3px; padding-top:10px; }
h3 { color:#0076d3; font-size:14px; font-weight:bold; }

/*.para_lettrine:first-letter { float:left; color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:68px; font-weight:bold; margin-top:7px; padding-right:10px; }*/

#bk_newsletter p { color:#FFF; font-size:12px; margin-bottom:5px; }

.sous_menu, .sous_menu a { color:#FFF; font-size:11px; }
.sous_menu a:hover { color:#ffe3a5; }

.title_video { display:block; color:#004f9a; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
#ak_video_desc p { color:#004f9a; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; } 

#ak_title_album a { color:#e0f2fb; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }

#ak_ev_desc h1 { color:#e42c2a; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; }
#ak_ev_desc p { color:#012f61; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; }
#bulle_actu_mnt p { float:left; }

#fil_ariane p, #fil_ariane a { color:#012f61; }
#fil_ariane a.a_actif { color:#004f9a; }

.date_title { color:#e4312a; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.date_title_strong { display:block; color:#e4312a; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.title_strong { display:block; color:#e4312a; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

.date_photo { color:#333333; font-size:11px; }
.title_photo { color:#004f9a; font-size:11px; font-weight:bold; padding:3px 0 0 5px; }
.title_photo a { color:#004f9a; font-size:11px; font-weight:bold; }
.title_photo img { position:absolute; right:5px; }
*+html .title_photo img { position:absolute; right:5px; margin-top:4px; }

#bg_right_contenu { color:#333333; font-size:12px; line-height:20px; }
.photo_legende { color:#333333; font-size:10px; line-height:12px; }
.title_legende { color:#004f9a; font-size:11px; font-weight:bold; }

.membres_open { color:#0076d3; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.membres_off { color:#012f61; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.membres_off:hover { color:#0076d3; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }

.lire_suite { color:#0083ff; font-size:11px; text-align:right; float:right;}
.lire_suite a { background:url(../templates/images/icones/arrow-grey.png) right 50% no-repeat; color:#0083ff; font-size:11px; font-weight:bold; padding-right:20px; text-align:right; }

.link_partn { position:absolute; bottom:10px; right:20px; color:#0083ff; font-size:11px; text-align:right; }
.link_partn a { background:url(../templates/images/icones/arrow-grey.png) right 50% no-repeat; color:#0083ff; font-size:11px; font-weight:bold; padding-right:20px; text-align:right; }

.nb_page { float:right; color:#808080; font-size:11px; margin-left:25px; }
.page_suivante { float:right; color:#004178; font-size:11px; text-align:right; margin-left:25px; }
.page_suivante a { background:url(../templates/images/icones/suiv.gif) right 50% no-repeat; color:#004178; font-size:11px; font-weight:bold; padding-right:20px; text-align:right; }
.page_precedente { float:right; color:#004178; font-size:11px; text-align:left; }
.page_precedente a { background:url(../templates/images/icones/prec.gif) left 50% no-repeat; color:#004178; font-size:11px; font-weight:bold; padding-left:20px; text-align:left; }

.voir_tous_left { float:left; display:block; color:#0083ff; font-size:11px; text-align:right; }
.voir_tous_left a { display:block; background:url(../templates/images/icones/arrow-grey.png) right top no-repeat; color:#0083ff; font-size:11px; padding-right:20px; text-align:right; }
.voir_tous_right { display:block; color:#0083ff;; font-size:11px; text-align:right; }
.voir_tous_right a { display:block; background:url(../templates/images/icones/arrow-grey.png) right top no-repeat; color:#0083ff; font-size:11px; padding-right:20px; text-align:right; }
.voir_tous_white { display:block; color:#e0f2fb;font-size:11px; text-align:right; }
.voir_tous_white a { display:block; background:url(../templates/images/icones/arrow-grey.png) right top no-repeat; color:#e0f2fb; padding-right:20px; text-align:right; }

.contact_blue { color:#0076d3; font-size:11px; }
.contact_red, .contact_red a { color:#e42c2a; font-size:11px; }

.name_form_contact { display:block; float:left; color:#0076d3; width:75px; height:22px; font-size:11px; padding-top:7px; }

.ctn_jingle { color:#0083ff; font-size:11px; }

.error_newsletter { color:#cc0000; font-size:11px; }
#valid { color:#1968AB; font-weight:bold; font-size:11px; }

#ctn_footer p, #ctn_footer a { color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; }

/**
 *
 * LISTES
 * Propri�t�s concernant les ul et li visibles sur le site 
 *
**/

ul.list_membres { list-style-type:none; }
ul.list_membres li { background:url(../templates/images/icones/puce-list-bonnet.gif) 8px 50% no-repeat; color:#333333; font-size:11px; padding-left:35px; line-height:27px; }
ul.list_membres li.suit_border { border-top:1px solid #e5ecf1; }
.nom_membre { float:left; display:block; width:315px; }
.statut_membre { *float:left; display:block; }

ul.ul_form_contact { list-style-type:none; }
ul.ul_form_contact li { margin-bottom:10px; }
.form_contact { *float:left; background:url(../templates/images/backgrounds/input-form-contact.png) right bottom no-repeat; width:263px; height:22px; padding:7px 7px 0 10px; color:#333333; font-size:11px; }
.objet_contact { *float:left; background:url(../templates/images/backgrounds/input-form-objet.png) right bottom no-repeat; width:533px; height:22px; padding:7px 7px 0 10px; color:#333333; font-size:11px; }
.textarea_contact { *float:left; background:url(../templates/images/backgrounds/textarea-contact.png) left bottom no-repeat; width:535px; height:223px; padding:7px 15px 7px 10px; overflow:auto; }

.ul_sitemap_n0 { list-style-type:none; line-height:25px; }
.ul_sitemap_n0 li a, .ul_sitemap_n1 li a, .ul_sitemap_n2 li a { background:url(../templates/images/icones/puce.gif) left 50% no-repeat; color:#333333; font-size:11px; padding-left:10px;  } 
.ul_sitemap_n1 { list-style-type:none; border-left:1px solid #0076d3; margin-left:29px; padding-left:20px; }
.ul_sitemap_n2 { list-style-type:none; border-left:1px solid #0076d3; margin-left:29px; padding-left:20px; }

/** 
 *
 * DIVERS
 * Diverses propri�t�s: clear:both; float:left; float:right; ...
 *
**/

.cache { display:none; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

.impression { position:absolute; }
.title_tele_montmartre { margin-top:-18px; }

.photo_principale { float:right; margin-top:-115px; margin-right:-36px; }
.conteneur_photo_contenu { float:left; margin-right:15px; }
.conteneur_photo_contenu_detail { float:right; margin-left:15px; }
.photo_contenu { background:url(../templates/images/backgrounds/bk-right/bg-photo-contenu.png) left top no-repeat; width:395px; height:210px; padding-top:5px; padding-left:9px; }
.photo_legende { background:url(../templates/images/backgrounds/bk-right/bg-photo-legende.png) left top no-repeat; width:384px; height:36px; margin-top:-6px; padding:13px 10px 0 10px; }

.dewplayer { position:absolute; left:10px; bottom:0; }

.sep_month_evnt { background:url(../templates/images/backgrounds/sep-month-evnt.gif) left top no-repeat; width:738px; height:3px; margin-top:5px; margin-bottom:5px; }

.bt_envoyer { margin-left:300px; }
.message_envoye { margin-left:220px; }

#telecharger { width:311px; height:49px; margin:0 auto; }

.select_year { float:right; margin-top:-45px; margin-right:20px; }
.input_select { border:1px solid #0076d3; background:url(../templates/images/backgrounds/select.gif) left bottom repeat-x; width:60px; color:#0076d3; font-size:11px; padding:3px 3px 3px 3px; }

.photo_inscription { position:relative; width:710px; padding-top:5px; padding-bottom:5px; padding-left:5px; }
*+html .form_inscription { margin-left:170px; margin-right:-195px; }
.photo_adherer { position:relative; width:710px; height:312px; padding-top:5px; padding-left:5px; }

/**
 *
 * FORMULAIRES
 * Propri�t�s concernant les diff�rents champs de formulaire du site
 *
**/

.input_newsletter { float:right; border:1px solid #e42c2a; background:#262626; width:172px; height:16px; color:#c2c2c2; font-size:11px; padding:5px 5px 0 5px; }
.input_newsletter2 { border:1px solid #e42c2a; width:172px; height:17px; color:#000; font-size:11px; padding:5px 5px 0 5px; }
.button_ok { float:right; }

/** 
 *
 * SCROLLBAR
 * Structure css de la scrollbar du bloc agenda compl�t� via Mootools
 *
**/

#scrollbar { width:165px; height:271px; }
#ctn_scrollbar { width:165px; height:271px; float: left; margin-top:15px; overflow: hidden; color:#333333; }
.text { background:url(../templates/images/backgrounds/sep-blue.gif) left bottom no-repeat; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; margin:10px; padding-bottom:10px; }
.vScrollbar { float:left; }
.vTrack { height:290px; width:15px; position:relative; background:url(../templates/images/backgrounds/scrollbar/filet.gif) left top no-repeat; overflow:hidden; }
.vThumb, .hThumb { position:absolute; top:0; left:2px; height:11px; width:11px; background:url(../templates/images/backgrounds/scrollbar/rond.png) left 50% no-repeat; overflow:hidden; cursor:pointer; }
.arrowDown, .corner { height: 15px; width: 15px; background:url(../templates/images/backgrounds/scrollbar/bottom.gif) left bottom no-repeat; overflow: hidden; cursor:pointer; }
.arrowUp, .corner { height: 15px; width: 15px; background:url(../templates/images/backgrounds/scrollbar/top.gif) left top no-repeat; overflow: hidden; margin-top:20px; cursor:pointer; }
.arrowLeft, .arrowRight, .corner { float: left; }
.corner { background: #F00; }

/**
 *
 * LIGHTBOX
 * Structure css de la galerie javascript: LightBox
 *
**/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../templates/images/lightbox/prevlabel.png) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../templates/images/lightbox/nextlabel.png) right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#bottomNavClose{ position:absolute; z-index:100; top:-7px; right:25%; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/**
 *
 * PRINT
 * El�ment pr�sent sur la version imprimable (print.css) mais qui ne doivent pas �tre pr�sent sur la version screen
 *
*/

#header_print, #footer_print , .title_page2, h1.h1_print, h2.h2_print { display:none; }


.btn_liste_des_membres{
    float: left;
    margin-left: 30px;
    margin-top: 2px;
}

.drapeau_header{
    padding-top:9px;
}