/* Feuille de styles principale */

/* --- définitons globales --- */
body { margin: 0; padding: 0; background: #FFF url(/medias/communs/template_fond.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { margin: 0; padding-top: 1px; font-size: 12px; font-weight: bold; }
h2 { margin: 0 0 11px; font-size: 11px; font-weight: bold; color: #CD3636; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
div.hr { height: 20px; background: url(/medias/communs/template_sep.gif) repeat-x; }
div.hr hr { display: none; }
table, table td, img { border: 0; padding: 0; }
img { display: block; }

/* --- template et conteneurs pour user controls --- */
/* 4 div suivantes : div imbriquées (en ordre) pour l'affichage des bordures - #tpl_bordureg1 est la div principal et #tpl_bordured2 celle qui englobe le contenu */
#tpl_borderg1 { background: #FFF url(/medias/communs/template_bordergc2.jpg) repeat-y 0 720px; width: 829px; margin: 0 auto;  }
#tpl_borderg2 { padding-left: 30px; background: url(/medias/communs/template_bordergc1.jpg) no-repeat; }
#tpl_borderd1 { background: url(/medias/communs/template_borderdt2.jpg) repeat-y 769px 720px; }
#tpl_borderd2 { padding-right: 30px; background: url(/medias/communs/template_borderdt1.jpg) no-repeat right top; position: relative; width: 769px; }
#tpl_path { margin: 0 9px 0 8px; padding: 32px 5px 4px 5px; border-bottom: 1px solid #000; }
#tpl_path, #tpl_path a { color: #CD3636; font-size: 10px; font-weight: bold; }
#tpl_path a { text-decoration: underline; }
#tpl_popup { background-image: none; background-color: #FFF; margin: 0; padding: 0; font-size: 11px; }
#tpl_zoneHdr { border-bottom: 1px solid #BABBBD; }
#tpl_zoneHdrAcc { border-bottom: 1px solid #626466; }
#tpl_zoneFlashAcc { margin: 2px 0 1px; height: 161px; border-top: 1px solid #909090; border-bottom: 1px solid #909090; }
#tpl_zoneFlashAcc img { display: inline; }
#tpl_zoneContenu { border-top: 1px solid #626466; background: url(/medias/communs/template_fond_contenu.jpg) no-repeat; }
#tpl_zoneMenuGc { width: 214px; float: left; }
#tpl_zoneContenuDt { width: 542px; float: left; padding-left: 13px; }
#tpl_downloadPDF { margin: 4px 0 24px 50px; padding-left: 22px; font-size: 10px; }
#tpl_downloadPDF, .tpl_listePDF li { background: url(/medias/communs/template_pdficon.gif) no-repeat; }
.tpl_listePDF { margin: 8px 0 0 25px; padding: 0; list-style: none; }
.tpl_listePDF li { padding: 3px 0 9px 23px; font-size: 10px; }

/* --- header + menu principal (1) et secondaire (2) --- */
#hdrMenu1_Contnr { padding: 2px 0; }
#hdrMenu1_ZoneNav { padding-left: 29px; height: 26px; background: url(/medias/communs/header_menu1_fond.gif) no-repeat; }
#hdrMenu1_ZoneNav span { float: left; padding: 1px 0; margin-right: 5px; }
#hdrMenu1_ZoneNav img { width: 175px; }
#hdrMenu2_Contnr { height: 112px; }
#hdrMenu2_Logo { float: left; width: 367px; }
#hdrMenu2_ZoneNav { float: left; width: 402px; }
#hdrMenu2_Overlay { position: absolute; top: 24px; left: 367px; z-index: 3; }
#hdrMenu2_Overlay img { width: 402px; height: 57px; }
#hdrMenu2_Roll { position: absolute; visibility: hidden; top: 24px; height: 57px; z-index: 2; } 
#hdrMenu2Map { outline: none; }

/* --- footer --- */
#ftr_Contnr { position: relative; background-color: #FFF; width: 749px; padding: 5px 10px 20px; border-top: 1px solid #626466; text-align: right; font-size: 9px; }
#ftr_Contnr, #ftr_Contnr a { color: #626466; }
#ftr_Contnr img { display: inline; vertical-align: middle; text-align: left; }
#ftrLinks { position: absolute; left: 14px; top: 5px; }

/* --- menu gauche --- */
#menuGc { padding: 45px 0 0 13px; }
#menuGc img { margin-bottom: 2px; }
#tpl_zoneMenuGc #btMailing { margin: 14px 0 0 5px; }
/* --- sous-menu gauche --- */
#menuGc div { background-color: #ECEDED; width: 197px; padding: 4px 0 5px; margin-bottom: 4px; font-size: 10px; }
#menuGc div ul { margin: 0 0 0 15px; padding: 0; list-style: none; }
#menuGc div li.actif a { font-weight: bold; }
#menuGc div a { display: block; width: 100%; padding: 3px 0; text-decoration: none; } 
#menuGc div a:hover { color: #CD3636; text-decoration: underline; }
#aCollabEcole { position: absolute; bottom: 70px; left: 20px; }

/* --- titres de sections (image titre, image de fond + bas de la zone de titre) --- */
.titreSection { width: 532px; padding-top: 26px; background-repeat: no-repeat; }
.titreSection img { display: inline; }
.btmTtSection { width: 100%; font-size: 1px; height: 7px; background-repeat: no-repeat; }

#profil_titreSection { height: 173px; background-image: url(/medias/communs/s5_profil_fondtitre.jpg); background-position: 94px 0; }
#faq_titreSection { height: 173px; background-image: url(/medias/communs/s8_faq_fondtitre.jpg); background-position: 114px 0; }
#contact_titreSection { height: 177px; background-image: url(/medias/communs/s8_contactform_fondtitre.jpg); background-position: 141px 0; }

#profil_btmTtSection { background-image: url(/medias/communs/s5_profil_top.jpg); }
#faq_btmTtSection { background-image: url(/medias/communs/s8_faq_top.jpg); }

/* --- container trash + fond blanc + logo (facultatif) pour textes (profil, FAQ, etc.) --- */
#ContnrText_border1 { width: 520px; background: url(/medias/communs/s5_profil_border2.gif) repeat-y; }
#ContnrText_border2 { background: url(/medias/communs/s5_profil_border1.gif) no-repeat top left; }
#ContnrText_border3 { padding: 0 15px 20px 17px; background: url(/medias/communs/s5_profil_border3.gif) no-repeat bottom left; }
#ContnrText { padding: 17px 18px 21px; background-repeat: no-repeat; background-position: bottom right; min-height: 225px; height: 225px; font-size: 11px; }
html>body #ContnrText { height: auto; }

/* --- vignettes + photos (équipe, Team Vertical) --- */
#teamBackground { background-position: right bottom; background-repeat: no-repeat; position: relative; }
#teamVig_borderd1 #vigs div { width: 61px; height: 62px; float: left; background: url(/medias/communs/s5_equipe_vig_fond.gif) no-repeat; }
#teamVig_borderd1 #vigs div img { width: 52px; height: 52px; border: 2px solid #FFF; display: inline; }
#teamVig_borderd1 #vigs div a { outline: none; }
#teamVig_borderd1 #vigs div a:hover img { border-color: #C85353; }
#teamVig .topimgs { margin-left: 6px; }
#teamPhoto { width: 309px; padding: 14px 0 120px; margin-left: 6px; float: left; }
#teamPhoto_border1 { background: url(/medias/communs/s5_equipe_photo_fond2.png); width: 309px; }
#teamPhoto_border2 { background: url(/medias/communs/s5_equipe_photo_fond1.jpg) no-repeat; padding: 37px 43px 10px 33px; }
#teamPhoto_border2 img { width: 232px; }
#teamPhoto_border3 { width: 260px; height: 7px; font-size: 1px; background: url(/medias/communs/s5_equipe_photo_fond3.png) no-repeat; margin-left: 21px; }

/* --- boutiques (visionneuse, coordonnées et horaire) --- */
#picsBoutique { width: 488px; height: 254px; margin-bottom: 13px; background: url(/medias/communs/s2_boutiques_pics_fond.gif) no-repeat; }
#picsBoutique #photo { float: left; width: 334px; padding: 43px 0 0 77px; }
#picsBoutique #photo img { width: 308px; height: 193px; }
#picsBoutique #vigs { width: 65px; float: left; padding-top: 39px; }
#picsBoutique #vigs div { width: 64px; height: 49px; margin-top: -6px; float: left; background: url(/medias/communs/s2_boutiques_vig_fond.png) no-repeat; }
#picsBoutique #vigs div img { width: 53px; height: 37px; border: 2px solid #FFF; display: inline; }
#picsBoutique #vigs div a { outline: none; }
#picsBoutique #vigs div a:hover img { border-color: #C85353; }
.coord_border1 { width: 452px; margin-left: 38px; background: url(/medias/communs/s2_boutiques_coord_fond.gif) repeat-y; }
.coord_border2 { background: url(/medias/communs/s2_boutiques_coord_bottom.gif) no-repeat left bottom; }
.coord_border3 { padding: 20px 22px 12px 29px; font-size: 11px; background: url(/medias/communs/s2_boutiques_coord_top.gif) no-repeat; }			
.coord_border3 .sstitre { margin-bottom: 10px; }
.coord_border3 .rtFloater { float: right; margin-top: -21px; }
.coord_border3 blockquote { padding: 2px 10px 12px; margin: 0; }
#demandeInfo { float: right; margin-top: -42px; }
#demandeInfo img { margin-right: 67px; }
#horaire_border1 { width: 401px; background-color: #B1B1B1; }
#horaire_border2 { background: url(/medias/communs/s2_boutiques_hor_bottom.gif) no-repeat left bottom; }
#horaire_border3 { padding: 13px 11px 13px 12px; color: #FFF; background: url(/medias/communs/s2_boutiques_hor_top.gif) no-repeat; }
#horaire_border3 div.hr { height: 12px; clear: both; background-image: url(/medias/communs/s2_boutiques_hor_sep.gif); }
.jrs, .hrs { float: left; width: 50%; }
.hrs { text-align: right; font-weight: bold; }

/* --- section médias (wallpapers, screensavers, vidéos) --- */
#titreDl img { margin: 0 0 17px 13px; }
.zoneDownloads { margin: 0px 0 21px 35px; }
.dlItems { width: 483px; }
.dlItems div { width: 122px; height: 144px; padding: 14px 17px 0 22px; margin-bottom: 2px; color: #CE1414; font-size: 11px; float: left; background: url(/medias/communs/s4_desktop_fond.png) no-repeat; }
.dlItems div img { width: 112px; height: 84px; border: 5px solid #FFF; }
.dlItems span.info { display: block; position: relative; z-index: 10; padding: 7px 0 11px 3px; background: url(/medias/communs/s4_desktop_sep.gif) no-repeat bottom left; }

/* --- nouvelles et événements --- */
#news_zoneTitre, #news_zoneListe { width: 388px; margin-top: 23px; float: left; }
#news_zoneListe { width: 308px; }
#news_zoneMedia { width: 180px; float: left; }
#news_zoneTexte { float: left; margin-top: 8px; padding-left: 23px; font-size: 11px; }
#news_zoneTexte.small { width: 342px; }
#news_zoneTexte.large { width: 522px; }
#news_zoneTexte h2 { font-weight: normal; }
#news_imgTitre { width: 359px; height: 288px; padding: 22px 0 0 29px; background: url(/medias/communs/s6_nouvelles_liste_fondtitre.gif) no-repeat; }		
#news_border1 { width: 358px; background: url(/medias/communs/s6_nouvelles_liste_fond.gif) repeat-y; }
#news_border2 { padding: 5px 31px; min-height: 357px; height: 357px; font-size: 11px; }
#news_border2 h1 { font-size: 11px; }
html>body #news_border2 { height: auto; }
#news_btmTtSection { height: 22px; margin-top: 9px; background: url(/medias/communs/s6_nouvelles_fiche_top.gif) no-repeat 13px 0; }
#news_bottom { margin-bottom: 40px; }
#news_btRetour { position: absolute; margin: -23px 0 0 521px; }
#newsPic { width: 180px; }
#newsPic_border1 { background: url(/medias/communs/s6_nouvelles_fiche_imgborder2.gif) repeat-y; }
#newsPic_border2 { background: url(/medias/communs/s6_nouvelles_fiche_imgborder3.gif) no-repeat right bottom; }
#newsPic_border3 { padding: 10px 5px 10px 26px; background: url(/medias/communs/s6_nouvelles_fiche_imgborder1.gif) no-repeat; }
#newsPic_border3 img { width: 149px; }
#events_zoneArchives { width: 320px; height: 95px; padding: 19px 0 0 27px; background: url(/medias/communs/s7_evenements_ddl_fond.gif) no-repeat; }
#events_zoneArchives select { margin: 5px 0 0 9px; width: 284px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.noItem { color: #727373; }

/* --- visuel formulaires et labels (autres que e-shop) --- */
.lbl { color: #CD3636; font-size: 11px; font-weight: bold; }
.contact_champ, .mailing_formItem input { width: 220px; border: 1px solid transparent; background-color: transparent; }

/* --- clearfix pour floats (positioniseverything.com) (IE7-ready) --- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE Mac */



/* index */
#acc_zoneBanner { width: 384px; float: left; padding: 28px 0 0 12px; }
#acc_banner { width: 367px; height: 282px; padding: 25px 0 11px 17px; background: url(/medias/communs/acc_frame_banner.gif) no-repeat; }
#acc_banner1 { width: 367px; height: 282px; padding: 25px 0 11px 17px; background: url(/medias/communs/acc_frame_banner1.gif) no-repeat; }
#acc_banner2 { width: 337px; height: 199px; padding: 25px 17px 0 17px; margin-left:10px; background: url(/medias/communs/acc_frame_banner2.gif) no-repeat; }
#acc_music { height: 48px; vertical-align: top; }
#acc_zoneNews { width: 357px; overflow: hidden; float: left; margin: 14px 0 0 9px; }
#acc_news_borderg1 { width: 352px; background: url(/medias/communs/acc_news_bordergc2.gif) repeat-y 14px 107px; }
#acc_news_borderg2 { padding-left: 29px; background: url(/medias/communs/acc_news_bordergc1.gif) no-repeat 14px 0; }
#acc_news_borderd1 { background: url(/medias/communs/acc_news_borderdt2.gif) repeat-y 312px 50px; }
#acc_news_borderd2 { padding-right: 11px; background: url(/medias/communs/acc_news_borderdt1.gif) no-repeat 312px 0; }
#acc_news_bottom { width: 313px; margin-left: 14px; padding: 4px 25px 0 0; text-align: right; background: url(/medias/communs/acc_news_bottom.gif) no-repeat; }
#acc_news_bottom img { display: inline; }
#acc_news_contnr { background-color: #FFF; font-size: 11px; padding: 0 11px 0 10px; overflow: hidden; }
#acc_news_contnr a { font-weight: bold; color: #C32828; }
#acc_mailing { margin-left: 7px; height: 75px; }
#events_zoneArchives { margin-left: 5px; }