@charset "utf-8";
/* CSS Document */
/* DIDIER NOEL - NEFTIS - Olivier - Decembre 2009 */

@import url("reset.css");

/* Titres Flash */
.flashTitleMM { font-size: 16px; font-family: din_light, Arial, Helvetica, sans-serif; color: #ffffff; display: block; white-space: nowrap; }

.flashTitle1 { font-size: 28px; font-family: din_medium, Arial, Helvetica, sans-serif; color: #1b1b1b; }
.flashTitle2 { font-size: 22px; font-family: din_light, Arial, Helvetica, sans-serif; color: #ffffff; }

.flashTitle3 { font-size: 20px; font-family: din_light, Arial, Helvetica, sans-serif; color: #160c03; display: block; }
.flashTitle4 { font-size: 20px; font-family: din_light, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; display: block; white-space: nowrap; }
.flashTitle5 { font-size: 16px; font-family: din_light, Arial, Helvetica, sans-serif; color: #047391; font-weight: bold; }
.flashTitle6 { font-size: 18px; font-family: din_light, Arial, Helvetica, sans-serif; color: #904420; white-space: nowrap; }
.flashTitle7 { font-size: 20px; font-family: din_light, Arial, Helvetica, sans-serif; color: #ffffff; }
.flashTitle8 { font-size: 14px; font-family: din_medium, Arial, Helvetica, sans-serif; color: #333333; }
.flashTitle9 { font-size: 12px; font-family: din, Arial, Helvetica, sans-serif; color: #047391; font-weight: bold; white-space: nowrap; }
.flashTitle10 { font-size: 24px; font-family: din_medium, Arial, Helvetica, sans-serif; color: #047391; white-space: nowrap; }

/* Titres, listes et éléments de mise en page par défaut */
h1.fDefault { font-size: 1.6em; color: #697080; font-family: Arial, Helvetica, sans-serif; padding-bottom: 2px; border-bottom: 4px solid #1a91c7; text-transform: uppercase; margin-bottom: 28px; }
h2.fDefault { font-size: 1.1em; color: #1a91c7; border-bottom: 1px solid #8a8a8a; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
h3.fDefault { font-size: 1em; color: #697080; background: url(puce06.gif) left 6px no-repeat; padding-left: 12px; font-weight: bold; }
h4.fDefault { font-size: 1.6em; color: #999; }
h5.fDefault { font-size: 1.4em; color: #999; }
h6.fDefault { font-size: 1.2em; color: #999; }
ul.fDefault { padding: 0; list-style: none; margin: 8px 0; position: relative; }
img.fDefault { background: #ffffff; padding: 5px; border: 1px solid #c0c0c0; }
img.fNoMargesHori { /* style pour js */ }
img.fNoMargesVert { /* style pour js */ }
img.fNoMarges { /* style pour js */ }
table.fDefault { }
.colonneArrondie { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e0e4e6; font-weight: bold; color: #697080; line-height: 18px; }
a.fDefault { }

/* Styles de textes */
.chapeau { display: block; color: #697080; background: url(puce04.gif) left 5px no-repeat; padding-left: 14px; font-size: 1.1em; font-weight: bold; padding-bottom: 14px; border-bottom: 1px solid #8a8a8a; }
.chapeau2 { display: block; color: #000000; background: url(puce01.gif) left 3px no-repeat; padding-left: 14px; font-size: 1.1em; font-weight: bold; padding-bottom: 14px; }
.texte1 { color: #e95d0f; font-weight: bold; }
.texte2 { color: #286fa1; font-weight: bold; }
.texte3 { color: #404248; font-weight: bold; letter-spacing: 4px;}
.texte4 { color: #1ba2fd; font-weight: normal; letter-spacing: 4px;}

/* Styles de listes */
.listType1 { list-style: none; margin: 20px 0; }

/* not editor */ /* Tout ce qui se trouve en dessous n'apparait pas dans flexit */
/* Compléments styles editeur */
.flashTitleMM:hover { font-size: 16px; text-decoration: none; color: #000000; text-align: center; }
.flashTitle9:hover{ text-decoration: underline; }
ul.fDefault li { font-size: 1em; padding: 0 0 0 14px; background: url(puce04.gif) left 5px no-repeat; color: #697080; }
ul.fDefault ul { margin: 1px 0; }
ul.fDefault ul li { background: url(puce05.gif) 5px 7px no-repeat; }
ul.fDefault a { font-weight: normal; text-decoration: underline; }
.listType1 li { border-bottom: 1px solid #d1d1d1; padding: 10px 26px; background: url(puce01.gif) left 13px no-repeat; }
table.fDefault caption { padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: bold; background: #5BB0C7; font-size: 12px; }
table.fDefault td { padding: 10px; text-align: center; }

/* Styles généraux */
body { font-size: 1em; font-family: Arial, Helvetica, sans-serif; background: url(body_bg.gif) left top repeat-x #e6e6e6; }
a { font-size: 1em; font-weight: bold; color: #1a91c7; text-decoration: none; }
a:hover { text-decoration: underline; }
table { font-size: 1em; }
.roundAll5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundTop { -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; }
.roundTop10 { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
.roundTop6 { -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
.roundBottom6 { -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }

/* Structure générale */
.bodybg { width: auto; margin: 0 auto; background: none; overflow: hidden; }
.header { width: 928px; height: 120px; margin: 6px auto 0; position: relative; overflow: hidden; z-index:1; }
.mainTitleBox { width: 260px; height: 70px; margin-top: 0; margin-left: 10px; }
.mainTitleBox h1 .flashTitle1, .mainTitleBox h1 .flashTitle2 { display: block; }
.headerMiniBox { width: 400px; height: auto; background: #ffffff; border: none; position: absolute; top: 18px; left: 140px; padding: 16px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; border-left: 1px solid #404248; }
.headerMiniBox .listening { color: #ffffff; }
.headerMiniBox .mp3title { color: #d95a19; padding: 5px 0; }
.mainmenuShadow { position: absolute; top: 116px; z-index: 1; margin-left: -489px; left: 50%; }
.mainmenu { width: 926px; height: 60px; margin: 0 auto; padding: 0 16px; background: url(bg_mainmenu.gif) left top repeat-x; position: relative; z-index: 5; border: 1px solid #c95d00; }
.mainmenu table { width: 70%; }
.mainmenu table td { padding: 0 2px; }
.mainmenu .mmItem { width: auto; display: block; height: 55px; text-align: center; position: relative; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #ffffff; margin: 0 1px; }
.mainmenu .mmItem .cornL { position: absolute; left: -1px; bottom: -1px; visibility: hidden; z-index: 10; }
.mainmenu .mmItem .cornR { position: absolute; right: -1px; bottom: -1px; visibility: hidden; z-index: 10; }
.mainmenu span:hover, .mainmenu .mmItemSelected { background: url(bg_mainmenu_item.gif) left top repeat-x; color: #000000; border: 1px solid #b1770b; border-top: none; margin: 0; }
.mainmenu .mmItem:hover .cornL, .mainmenu .mmItem:hover .cornR, .mainmenu .mmItemSelected .cornL, .mainmenu .mmItemSelected .cornR { visibility: visible; }
.mainmenu .mmItem a { display: block; width: auto; height: 38px; padding-top: 18px; }
.mainmenu .mmItem:hover a, .mainmenu .mmItemSelected a { color: #000000; }
.logomainmenu { position: absolute; top: -127px; right: 12px; }

.menu2 { width: auto; background: #f1f1f1; margin: 0 auto; padding: 20px; color: #646464; font-weight: bold; text-align:left; border: 1px solid #ffffff; }
.menu2 ul { padding: 0; margin: 0; list-style: none; }
.menu2 ul a { color: #646464; text-decoration: none; }
.menu2 .nv1 a { background: url(puce01.gif) 2px 8px no-repeat transparent; padding: 6px 0 6px 14px; display: block; }
.menu2 .nv1 .nv1selected a, .menu2 .nv1 a:hover { background-color: #e6e6e6; color: #1ba4fe; }
.menu2 .nv2 { margin-left: 14px; font-size: 1em;}
.menu2 .nv2 li { background: url(filet01.gif) left bottom repeat-x; padding-bottom: 2px; }
.menu2 .nv1 .nv2 a { background: url(puce02.gif) 2px 9px no-repeat transparent; padding: 6px 0 6px 14px; display: block; font-weight: normal; color: #646464; }
.menu2 .nv2 .nv2selected a, .menu2 .nv2 a:hover { color: #000000; text-decoration: underline; }
.menu2 .nv3 { margin-left: 22px; }
.menu2 .nv3 li { background: none; padding: 0; }
.menu2 .nv1 .nv3 a { background: url(puce03.gif) 2px 9px no-repeat transparent; color: #646464; text-decoration: none; }
.menu2 .nv3 .nv3selected a, .menu2 .nv3 a:hover { text-decoration: underline; color: #2b92c6; }

.filAriane { margin-left: 0; margin-right: 0px; margin-top: 18px; margin-bottom: 25px; font-size: 0.7em; color: #646464; border: 1px solid #dadada; font-weight: normal; }
.filAriane .filSep { width: 0; font-size: 0; height: 36px; border-left: 1px solid #dddddd; border-right: 1px solid #ffffff; display: inline-block; vertical-align: top; }
.filAriane a, .filAriane .vsetesici { color: #646464; font-weight: normal; text-decoration: none; display: inline-block; height: 36px; line-height: 36px; padding: 0 15px 0 23px; vertical-align: top; text-transform:uppercase; }
.filAriane .vsetesici {text-transform:none;}
.filAriane a { background: url(puce09.gif) 8px 15px no-repeat; padding: 0 12px 0 20px; }
.filAriane .container { background: url(bg_fil.gif) left top repeat-x #EAEAEA; border: 1px solid #ffffff; }

.mainaccueil { width: 980px; height: 672px; background: url(bg_accueil.jpg) left top no-repeat; margin: 0 auto; position: relative; }
.mentionentete { font-size: 0.75em; color: #286fa1; font-weight: bold; position: absolute; top: 20px; left: 130px; }
.mentionlogin { font-size: 0.75em; color: #286fa1; font-weight: bold; text-align: right; position: absolute; top: 390px; left: 240px; width: 164px; }
.main { width: 926px; padding: 0 26px; margin: 0 auto; background: url(bg_main.png) left top repeat-y; overflow: hidden; }
.enbrefBox { width: 250px; height: auto; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 0.75em; text-align: justify; }
.enbrefBox .titleBox { background: url(bg_titre2.gif) left top repeat-x; height: 32px; color: #160c03; padding: 0px 20px 2px 20px; border: 1px solid #e2e2e2; }
.enbrefBox .contentBox { background: #ffffff; padding: 24px; border: 1px solid #e3e3e3; }
.enbrefBox .footerBox { background: url(bg_titre2.gif) left top repeat-x; height: 28px; color: #9d4e27; padding: 8px 20px 0 20px; }
.enbrefBox .wrapper1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2b32; line-height: 18px; }
.compositionsBox { width: 650px; height: auto; display: inline-block; vertical-align: top; }
.compositionsBox .titleBox { background: url(bg_titre1.gif) left top repeat-x; height: 30px; color: #ffffff; padding: 2px 20px 2px 20px;  border: 1px solid #000000; }
.compositionsBox .contentBox { background: #F4F4F4; padding: 24px; border: 1px solid #F4F4F4; }
.compItem { display: inline-block; width: 176px; margin-right: 34px; font-size: 0.8em; vertical-align: top; }
.compItem .compItemTitle { margin: 5px 0; }
.compItem .compItemLink { margin: 10px 0; }
.compItemLast { margin-right: 0; }
.compItemPic img { background: #ffffff; padding: 4px; border: 1px solid #c0c0c0; }
.footermain { display: block; margin: 0 auto; }
.footersecondaire { width: auto; padding: 20px 0 40px; background: #140a01; color: #ffffff; font-size: 0.65em; position: relative; background: url(bg_footer.gif) left top repeat-x #000000;border: 2px solid #00679e; }
.footersecondaire a { color: #ffffff; font-weight: normal; }
.footersecondaire .footerContent { width: 820px; padding-right: 120px; margin: 0 auto; background: none; position: relative; }
.footersecondaire .flexitCopyright { width: 120px; position: absolute; top: 0; right: 0; text-align: right; }
.footeraccueil { width: 590px; height: auto; position: absolute; top: 560px; left: 300px; font-size: 0.7em; color: #5e6061; }
.footeraccueil a { color: #5e6061; font-weight: normal; }
.footeraccueil .menufooter, .footeraccueil .menufooter a { color: #146098; }
.titrePage { height: 18px; border-bottom: 1px solid #904420; position: relative; margin-bottom: 16px; }
.titrePage .container { position: absolute; top: 0; left: 0; background: #F4F4F4; }
.pageColLeft { width: 220px; height: auto; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 0.7em; }
.pageColRight { width: 635px; height: auto; padding: 0 20px; display: inline-block; vertical-align: top; font-size: 0.7em; line-height: 18px; color: #697080; }

.mp3Playlist { width: 50%; margin-left: 25px; }
.mp3Playlist .mp3PlaylistTitle { border-bottom: 1px solid #999; margin-bottom: 5px; }
.mp3Playlist .mp3PlaylistPlayer { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 15px; }

/* bandeau */
.bandeau 				{	position:relative;height:335px;overflow:hidden;z-index:1;width:924px;margin:0 auto;	}
.bandeau .bandeau_g		{	position:absolute;left:0px;top:0px;height:335px;width:11px;background:url(mask_banniere_left.png) no-repeat;	}
.bandeau .bandeau_d		{	position:absolute;right:0px;top:0px;height:335px;width:11px;background:url(mask_banniere_right.png) no-repeat;	}

.bandeau1 				{	position:relative;height:142px;overflow:hidden;width:922px;margin:0 auto;	}
.bandeau1 .bandeau_g	{	position:absolute;left:0px;top:0px;height:142px;width:11px;background:url(mask_banniere_left1.png) no-repeat;	}
.bandeau1 .bandeau_d	{	position:absolute;right:0px;top:0px;height:142px;width:11px;background:url(mask_banniere_right1.png) no-repeat;	}

/* boxes */
.genericBox { width: auto; height: auto; margin: 10px 0; }
.genericBoxTitle { text-align: center; background: url(bg_titre1.gif) left top repeat-x; height: 32px; color: #ffffff; padding: 4px 20px 0 20px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
.genericBoxContent { background: #ffffff; padding: 14px; border: 1px solid #e3e3e3; }
.genericBoxFooter { text-align: center; background: url(bg_titre2.gif) left top repeat-x; height: 28px; color: #9d4e27; padding: 8px 20px 0 20px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }


/* Modules */
.form_boxmain input, .form_boxmain textarea { padding: 3px; }

/* Spacers */
.spacer1 { width: auto; height: 20px; font-size: 0; }

/* Wrappers */
.wrapper1 { padding: 5px; }

/* pour les differents flash */
.mainmenu .mmItem .no_screen {display:none;}
.mainTitleBox h1 .no_screen {display:none;}
.no_screen {display:none;}
.compItem .compItemLink span a.no_screen {display:none;}

/* Newsletter */
.newsletterbox .champ .valeur input { padding: 2px; border: 1px solid #8A8A8A; width: 95%; }
.newsletterbox .mentions { display: none; }
.newsletterbox .bouton_valider { text-align: right; margin: 8px 0; }
/* Login extranet */
#login_extranet { position: absolute; top: 384px; left: 585px; width: 160px; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #146098; padding: 2px; }
#pass_extranet { position: absolute; top: 434px; left: 585px; width: 160px; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #146098; padding: 2px; }
.submitConnection { position: absolute; top: 428px; left: 770px; background: url(btn_login_extranet.gif) left top no-repeat; text-indent: -200px; width: 64px; height: 31px; border: none; color: transparent; text-transform: capitalize; }
.error_box_login { position: absolute; top: 465px; left: 585px; font-size: 0.75em; color: #2470A2; }
.user_extranet { position: absolute; top: 384px; left: 585px; width: 160px; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #146098; padding: 2px; }
.disco_extranet { position: absolute; top: 434px; left: 585px; width: 160px; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #146098; padding: 2px; }
.msguser_extranet { position: absolute; top: 464px; left: 585px; width: 160px; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #ffffff; padding: 2px; }
.msguser_extranet a { color: #ffffff; }