@charset "utf-8";
/* CSS Document */
/* DELTEST - NEFTIS - Nicolas - Juillet 2010 */

@import url("reset.css");

/* Titres Flash */
.flashTitle5 { font-size: 16px; font-family: din_light, Arial, Helvetica, sans-serif; color: #007eb8; }
.flashTitle9 { font-size: 12px; font-family: din_light, Arial, Helvetica, sans-serif; color: #007eb8; font-weight: normal; white-space: nowrap; }

.textBleu { font-size: 28px; font-family: din_black, Arial, Helvetica, sans-serif; color: #008eb2; }
.textBlanc { font-size: 18px; font-family: din, Arial, Helvetica, sans-serif; color: #ffffff; }

/* Titres, listes et éléments de mise en page par défaut */
h1.fDefault { font-size: 1.6em; color: #1ba4fe; font-family: Arial, Helvetica, sans-serif; padding-bottom: 2px; border-bottom: 4px solid #1ba4fe; 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: #ffffff; background: url(img/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; }
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: #1a91c7; font-weight: bold; color: #ffffff; line-height: 18px; }
a.fDefault { }

.imgbordbleu { padding: 3px; border: 1px solid #0080b3; }
.flexitHR_1_sep2 { }


/* Styles de textes */
.chapeau { display: block; color: #ffffff; background: url(img/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: #81c8e8; background: url(img/puce01.gif) left 3px no-repeat; padding-left: 14px; font-size: 1.1em; font-weight: bold; padding-bottom: 14px; }
.texte1 { color: #e30d40; font-weight: bold; }

/* 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; }
.flashBandeau { font-family: bell_gothic_black, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 21px; }
.flashEdito { font-size: 24px; font-family: din_black, Arial, Helvetica, sans-serif; color: #007eb8; white-space: nowrap; }
.flashComposition { font-size: 24px; font-family: din_black, Arial, Helvetica, sans-serif; color: #007eb8; white-space: nowrap; text-transform: uppercase; }

ul.fDefault li { font-size: 1em; padding: 0 0 0 14px; background: url(img/puce04.gif) left 5px no-repeat; color: #ffffff; }
ul.fDefault ul { margin: 1px 0; }
ul.fDefault ul li { background: url(img/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(img/puce01.gif) left 13px no-repeat; }
table.fDefault caption { padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: bold; background: #1a91c7; 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(img/body_bg.png) left top repeat-x #142632; }
a { font-size: 1em; font-weight: bold; color: #1a91c7; text-decoration: underline; }
a:hover { text-decoration: none; }
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: 5px; margin-left: 10px; }
.mainTitleBox h1 .flashTitle1, .mainTitleBox h1 .flashTitle2 { display: block; }
.headerMiniBox { width: 660px; height: auto; color: #ffffff; background: #000000; position: absolute; top: 45px; left: 267px; padding: 0; }
.headerMiniBox .listening { color: #ffffff; }
.headerMiniBox .mp3title { color: #d95a19; padding: 5px 0; }

.mainmenu { width: 940px; height: 63px; margin: 0 auto; padding: 0 10px; background: url(img/bg_mainmenu.png) left top repeat-x; position: relative; z-index: 5; }
.mainmenu ul { list-style-type: none; }
.mainmenu ul li { display: inline-block; width: auto; height: 56px; text-align: center; position: relative; margin: 0px 3px; }
.mainmenu ul li a { color: #000000; display: inline-block; width: auto; height: 38px; padding: 24px 30px 0px 30px; font: bold 12px Arial; text-decoration: none; }
.mainmenu ul li a:hover, .mainmenu ul li.fmenu_liste_li_selected a { color: #ffffff; text-decoration: none; }
.mainmenu ul li:hover, .mainmenu ul li.fmenu_liste_li_selected { background: url(img/bg_mainmenu_item.png) repeat-x; }
.mainmenu ul li:hover .cornL, .mainmenu ul li.fmenu_liste_li_selected .cornL { background: url(img/corn_left_item_main_menu) no-repeat; position: absolute; left: 0; bottom: 1px; display: block; width: 10px; height: 10px; z-index: 10; }
.mainmenu ul li:hover .cornR, .mainmenu ul li.fmenu_liste_li_selected .cornR { background: url(img/corn_right_item_main_menu) no-repeat; position: absolute; right: 0; bottom: 1px; display: block; width: 10px; height: 10px; z-index: 10; }

.menu2 { width: auto; background: url(img/bg_menu2.png) repeat-x top left #00679a; margin: 0 auto; padding: 10px 10px; color: #646464; font-weight: bold; text-align:left; }
.menu2 ul { padding: 0; margin: 0; list-style: none; }
.menu2 ul a { color: #ffffff; text-decoration: none; padding: 5px 10px; display: block; margin: 2px 0px; }
.menu2 ul a:hover, .menu2 ul .menu2_li_niv_0_selected a { background: #000000; }

.menu2 ul .menu2_ul_niv_1 { margin-left: 15px; margin-bottom: 5px; }
.menu2 ul .menu2_ul_niv_1 li a { background: url(img/puce09.gif) 2px 9px no-repeat transparent; padding: 6px 0 6px 14px; font-weight: normal; }
.menu2 ul .menu2_ul_niv_1 li a:hover, .menu2 ul .menu2_li_niv_1_selected a { color: #030303; background: url(img/puce09.gif) 2px 9px no-repeat transparent; }
.menu2 ul .menu2_ul_niv_1 li { border-bottom: 1px solid #ffffff; }

.menu2 ul .menu2_ul_niv_2 { margin-left: 5px; margin-bottom: 5px; }
.menu2 ul .menu2_ul_niv_2 li a, .menu2 ul .menu2_li_niv_1_selected li a { color: #ffffff; background: url(img/puce03.gif) 2px 7px no-repeat transparent; padding: 2px 0 2px 14px; }
.menu2 ul .menu2_ul_niv_2 li { border: 0; }
.menu2 ul .menu2_ul_niv_1 li .menu2_ul_niv_2 a:hover, .menu2 ul .menu2_li_niv_1_selected .menu2_li_niv_2_selected a { color: #63b8e3; background: url(img/puce03.gif) 2px 7px no-repeat transparent; }

.filAriane { margin-left: 0; margin-right: 0px; margin-top: 18px; margin-bottom: 25px; font-size: 0.7em; color: #ffffff; font-weight: normal; }
.filAriane .filSep { width: 0; font-size: 0; height: 30px; margin-top: 3px; border-left: 1px solid #ffffff; display: inline-block; }
.filAriane a, .filAriane .vsetesici { color: #ffffff; 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(img/puce09.gif) 8px 15px no-repeat; padding: 0 12px 0 20px; }
.filAriane a:hover { text-decoration: underline; }
.filAriane .container { background: url(img/bg_fil.png) left top repeat-x #0094c7; }

.main { width: 922px; padding: 0 19px; margin: 0 auto; overflow: hidden; background: #000000; }

.enbrefBox { width: 240px; height: auto; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 0.75em; text-align: justify; }
.enbrefBox .titleBox { height: 32px; padding: 0px 20px 15px 20px; }
.enbrefBox .wrapper1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; line-height: 18px; }

.compositionsBox { width: 650px; height: auto; display: inline-block; vertical-align: top; }
.compositionsBox .titleBox { height: 30px; padding: 2px 20px 2px 20px; text-align: center; }
.compositionsBox .contentBox { padding: 24px; }

.compItem { display: inline-block; width: 176px; margin-right: 34px; font-size: 0.8em; vertical-align: top; color: #ffffff; }
.compItem .compItemTitle { margin: 15px 0; }
.compItem .compItemLink { margin: 10px 0; }
.compItemLast { margin-right: 0; }
.compItemPic img { background: #ffffff; padding: 5px; border: 1px solid #c0c0c0; }

.footermain { display: block; margin: 0 auto; width: 960px; }
.footersecondaire { width: auto; margin-top: 40px; padding: 20px 0 40px; color: #ffffff; font-size: 0.65em; position: relative; background: url(img/footersecondaire_bg.png) repeat-x; }
.footersecondaire a { color: #ffffff; font-weight: normal; text-decoration: none; }
.footersecondaire a:hover { text-decoration: underline; }
.footersecondaire .footerContent { width: 820px; padding-right: 120px; margin: 0 auto; background: none; position: relative; }
.footersecondaire .footerContent .text { color: #007eb8; }

.footersecondaire .flexitCopyright { width: 120px; position: absolute; top: 0; right: 0; text-align: right; }
.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: 246px; height: auto; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 0.7em; color: #ffffff; }
.pageColRight { width: 608px; height: auto; padding: 0 20px; display: inline-block; vertical-align: top; font-size: 0.7em; line-height: 18px; color: #ffffff; }

.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 { height:335px; overflow:hidden; z-index:1; width:922px; }
.bandeau1 {	height:142px; overflow:hidden; width:926px;	}

/* boxes */
.genericBox { width: auto; height: auto; margin: 10px 0; }
.genericBoxTitle { text-align: center; background: url(img/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(img/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 0px; }

/* 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;}