/* Temporaire */

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
 HTML5 display-role reset for older browsers 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

#animaster_quest 
{
	width: 130px;
	height: 50px;
	margin-top: -220px;
	margin-bottom: 170px;
	margin-left: 877px;
}

/* ----------------- */

* { margin: 0px; padding: 0px; }
body
{
	 margin: auto;
	 background-image: url(../images/fond.png);
	 background-repeat: repeat;
}

a
{
      color: #002952;
}

a:hover
{
      color: #000000;
      text-decoration: none;
}

hr {
      width: 80%;
      margin: auto; 
}

td
{
vertical-align: top; 
padding: 2px;
}

li
{
      margin-left: 30px;
}

#linecenterwidth {
      width: 100%;
}

.center 
{
      text-align: center; 
      margin: auto; 
}

.center td 
{
      text-align: center; 
      vertical-align: middle;
}

img
{
border: 0px;
}
#conteneur
{
width: 790px;
min-height: 900px;
background-image: url(../images/fondconteneur.png);
margin-left: 160px;
font-size: 12px;
}



.top_line
{
width: 1100px;
height: 20px;
margin-top: -20px;
}

#conteneur .edito
{
	width: 790px;
	background-image: url(../images/fondedito.png);
}
#conteneur .edito_ecrit
{
	width: 565px;
	margin-bottom: 30px;
	margin-top: -70px;
	margin-left: 200px;
	text-align: justify;
	line-height: 130%;
	font-family: "Verdana", "DejaVu Sans";
	font-size: 11px;
	color: #333333;
}
#conteneur .topedito
{
width: 790px;
height: 20px;
background-image: url(../images/topedito.png);
margin-bottom: -1px;
}
#conteneur .finedito
{
width: 790px;
height: 19px;
margin-top: -30px;
background-image: url(../images/finedito.png);
}
#page
{
	 width: 1100px;
	 background-image: url(../images/fondpage.png);
	 margin: 0px auto;
}
#header
{
	 height: 220px;
	 width: 1100px;
	 background-image: url(../images/headers/header_pub.jpg);
	 background-repeat: repeat-x;
}

#header .social ul { 
	list-style:none;
	margin-left:700px;
	position:absolute;
	top:136px;
}

#header .social ul li { 
	display:inline-block;
	width: 120px;
	height:50px;
	overflow:hidden;
	margin-top: 10px;
	margin-left:15px;
}

#header .social ul li:hover {
	height:60px;
	margin-top:0px;
}

.navrapide
{
height: 20px;
margin-left: 630px;
margin-top: -25px;
margin-bottom: 17px;
}
#copyright
{
	 width: 1100px;
	 height: 43px;
	 padding-top: 115px;
	 margin-top: -2px;
	 background-image: url(../images/copyright.png);
	 background-repeat:no-repeat;
	 background-position:bottom;
	 color:white;
	 text-align:center;
	 font-size:0.75em;
}

#copyright a { color:#CCCCCC; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
#copyright a:hover { color:#00CCCC; }

#menu
{
     width: 150px;
	 margin-top: 8px;
	 float: left;
}
#menu h3 {
    width: 150px;
	height: 40px;
	margin-top: -20px;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
#menu .conteneurmenu
{
	 background-repeat: repeat;
	 margin-top: -25px;
	 margin-bottom: 15px;
}
#menu h6
{
width: 150px;
height: 20px;
background-image: url(../images/finmenu.png);
background-repeat: repeat;
margin-top: -6px;
}
#menu ul {
    width: 150px;
	display: block;
	margin-top: 10px;
	margin-left: 15px;
}
#menu ul li {
    list-style-type: none;
	font-family: "Trebuchet MS", "DejaVu Sans";
	font-size: 12px;
	background-image: url(../images/puce.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-top: -2px;
	margin-left: 0;
}
#menu ul li a {
    text-decoration: none;
	color: #FFFFFF;
}

#menu ul li a:hover {
    text-decoration: none;
	color: #05d3ff;
}
#menu2
{
width: 137px;
float: right;
margin-top: 265px;
}
#menu2 h3 {
    width: 137px;
	height: 40px;
	margin-left: -4px;
	margin-top: -309px;
	font-family: "Trebuchet MS", "DejaVu Sans";
	font-size: 14px;
}
#menu2 .conteneurmenu2
{
	width: 137px;
	margin-left: -4px;
	 background-repeat: repeat;
	 margin-bottom: 50px;
}
#menu2 .emissions
{
	margin-left: 25px;
}
#menu2 .emissions img
{
margin-top: 5px;
}

#faire_un_don {
    margin-left: 15px;
}

#news
{
width: 750px;
margin-bottom: 10px;
}
.titre_news
{
margin-left: 10px;
width: 750px;
height: 33px;
background-image: url(../images/titre_news.png);
}
.titre_news .date
{
margin-left: 645px;
margin-top: -16px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

.titre_news .date_longue
{
margin-left: 545px;
margin-top: -16px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

.titre_news p
{
	font-family: "Arial";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 60px;
}
.fin_news
{
margin-left: 20px;
width: 600px;
height: 40px;
background-image: url(../images/fin_news.png);
background-repeat: no-repeat;
}
.contenu_news
{
margin-left: 20px;
margin-top: -150px;
width: 584px;
background-image: url(../images/fond_news.png);
background-repeat: repeat;
min-height: 300px;
padding: 8px;
}
.contenu_news  
{
	line-height: 130%;
	font-family: "Verdana", "DejaVu Sans";
	font-size: 11px;
      color: #7f92ca;
}
.categorie_news
{
margin-left: 650px;
width: 130px;
height: 150px;
}


.ipod
{
	background-image: url("../images/ipod_play.png");
	background-repeat: no-repeat; 
	width: 195px;
	height: 300px;
	margin-left: 1px;
}
.ipod:hover 
{
	cursor: pointer;
}
.ipod_ecrit
{
font-size: 11px;
color: #000000;
font-family: "Arial";
font-weight: bold;
margin-top: 50px;
}
.ipod_ecrit p
{
margin-left: 65px;
font-size: 10px;
color: #999999;
font-family: "Arial";
}
.ipod_ecrit h6
{
margin-left: 10px;
margin-top: 23px;
font-size: 10px;
color: #000000;
font-family: "Arial";
}
.ipod_ecrit h3
{
margin-left: 120px;
margin-top: -15px;
font-size: 10px;
color: #000000;
font-family: "Arial";
}
.ipod_ecrit a
{
   text-decoration: none;
	color: #672505;
}

.ipod_ecrit a:hover {
    text-decoration: none;
	color: #ca9841;
}
.pubdoa
{
width: 468px;
height: 60px;
margin-left: 250px;
margin-top: -290px;
margin-bottom: 80px;
}

.box_box 
{
      width: 780px; 
      border: 1px solid black; 
      background-color: white; 
      margin: auto; 
      padding: 7px;
      font-family: "Verdana", "DejaVu Sans";
}

	.box_box p 
	{
		  margin-top: 8px; 
		  margin-bottom: 9px;
	}

	.box_box ul 
	{
		  margin-left: 20px;
	}

	.box_box ol {
		margin-left: 25px;
	}

.table {
	border-collapse: collapse;
}

	.table td, .table th {
		border: 1px solid black;
	}

.colored 
{
      text-align: justify;
      line-height: 130%;
      font-family: "Verdana", "DejaVu Sans";
      font-size: 11px;
      color: #314272;
}


.commentaire 
{
width: 750px;
margin-bottom: 10px; 
}

.titre_commentaire
{
margin-left: 10px;
width: 750px;
height: 33px;
background-image: url(../images/titre_news.png);
}

.titre_commentaire .date_longue
{
margin-left: 545px;
margin-top: -10px;
font-family: "Trebuchet MS";
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

.titre_commentaire p
{
	font-family: "Arial";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 60px;
}

.commentaire_contenu
{
      width: 724px; 
      background-image: url(../images/fond_commentaire.png);
      background-repeat: repeat;
      margin-left: 20px; 
      padding: 3px;
}

.fin_commentaire
{
      width: 730px; 
      height: 40px;
      background-image: url(../images/fin_commentaire.png);
      background-repeat: no-repeat;
      margin-left: 20px;
}

.commentaire_contenu table 
{
      border: 0px; 
      width: 720px;
}

.commentaire_contenu table .gauche
{
      width: 550px; 
}

.commentaire_contenu table .gauche
{
      text-align: justify;
      line-height: 130%;
      font-family: "Verdana", "DejaVu Sans";
      font-size: 11px;
      color: #7f92ca;
}

.commentaire_contenu table .droite
{
      width: 170px;
      border-left: 1px black solid;
}

/* ====== ADMINISTRATION ======= */





/* ====== OSD ====== */
.osd 
{
      margin: auto;
      width: 692px; 
      height: 108px;
      background-image: url("../images/osd.png");
      background-repeat: no-repeat; 
      padding-left: 25px; 
      padding-right: 35px;
      padding-top: 20px;
      padding-bottom: 0;
      position: fixed;
      top: 3px;
      font-size: 14px; 
      text-align: center; 
      font-family: "Comic Sans MS", "DejaVu Sans Mono", "DejaVu Sans";
} 

.eclairMessageBoite 
{
      display: block;
      border: 1px solid black; 
      padding: 4px; 
      margin: auto;
}

/* ===== Dedicace Box ===== */ 

#dedicaces_box {
      width: 715px;
      height: 90px;
      margin: auto; 
      padding: 5px;
      background-image: url("../images/dedicaces_bg.png");
      background-repeat: no-repeat; 
      margin-top: -20px;
      margin-bottom: -10px;
}

#dedicaces_box p { 
      margin-top: 48px; 
      margin-left: 165px;
      font-weight: bold;
}

/* ===== Player de la page d'accueil ===== */ 

#homeplayer {

}

#homeplayer2 {
      display: none;
}

/* ===== Les dernières news ===== */ 

.last_news {
  background-color: white; 
  border: 1px solid black;
  font-weight: normal;
  padding: 3px;
}

.last_news ul, li {
  margin: 0;
}

.last_news ul {
  list-style-type: none;
}

.last_news h2 {
	font-size: 14px;
}

/* ===== Inscription ===== */ 

.inscription_form {

}

.inscription_form_input_ok {
	border: 1px #12d909 solid; 
	background-color: #c8ffc5; 
}

.inscription_form_input_bad {
	border: 1px #d90909 solid; 
	background-color: #ffc5c5; 
}

#puub {
	margin: auto;
	text-align: center;
	color: white;
	padding: 3px;
	font-size: 75%;
}

/*table {
      background-color: white; 
}*/


/****** FORUM ******/ 

.forum-table
{
     width: 100%; 
     border-collapse: collapse; 
}

.forum-table td 
{
/*      border: 1px solid black; */
     padding: 2px;
}

.forum-user-data
{
     width: 20%; 
     vertical-align: top;
}

.forum-post-data 
{
     height: 30px;
}

.forum-message 
{
     vertical-align: top;
}

.forum-nom 
{
     width: 60%;
}

.forum-sujets
{
     width: 8%;
}

.forum-messages
{
     width: 8%
}

.forum-last-message
{
     width: 19%;
}

.forum-cat-head 
{
      height: 30px; 
      background-image: url("../images/forum/cat_bg.png");
      vertical-align: middle; 
      width: 100%;
}

.forum-bg-1 
{
      background-color: #c7c9f6;
      font-family: "Arial";
      font-size: 11px;
      vertical-align: middle; 
}

.forum-bg-1 a
{
 font-family: "Trebuchet MS";
 font-size: 11px;
 text-decoration: none;
}


.forum-bg-2
{
      background-color: #ffffff;
      font-family: "Arial";
      font-size: 11px;
      vertical-align: middle; 
}

.forum-bg-2 a
{
      font-family: "Trebuchet MS";
      font-size: 11px;
      color: #594628;
}

.forum-bg-2 a:hover
{
      color: #7f5c32;
      text-decoration: none;
}



.forum-icone 
{
     width: 5%; 
     text-align: center; 
     vertical-align: middle; 
}

.forum-icone img 
{
       -moz-opacity:0.7;
     opacity: 0.7;
     filter:alpha(opacity=70);
}

.forum-tr-head1
{
      height: 25px; 
      background-image: url("../images/forum/cat_bg_small.png");
      vertical-align: middle; 
      width: 100%;
}

.forum-forum1
{

}

.forum-forum2
{

}

.forum-topic-head
{
      font-size: 130%;
}

.forum-topic-gauche 
{
      width: 20%;
      vertical-align: top;
}

.forum-topic-droite
{
      vertical-align: top;
      padding: 3px;
      padding-left: 6px;
}

.forum-topic-droite ul 
{
	margin-left: 25px; 
}

.forum-topic-separation
{
      height: 10px; 
      background-image: url("../images/forum/forum_separation.png");
}

.forum-sondage
{
      text-align: center; 
      width: 50%; 
      margin: auto; 
      border: 1px dashed black;
}

.page_en_cours
{
      font-weight: bold;
}


/********* PLANNING *******/ 
.planning_table 
{
      width: 80%; 
      border: 1px solid black; 
      border-collapse: collapse; 
      margin: auto; 
      background-color: white; 
}

.planning_table th 
{
      font-size: 18px;
      border: 1px solid black; 
      background-image: url("../images/forum/cat_bg.png");
}

.planning_table td 
{
      border: 1px solid black;
      padding: 4px;
}

.planning_horaire 
{
      width: 20%; 
}

.planning_programme 
{
      width: 80%:
}

.planning_calendar 
{
      margin: auto; 
      margin-top: 10px; 
      margin-bottom: 10px;
      border-collapse: collapse; 
      background-color: white;
}

.planning_calendar td, th 
{
      text-align: center; 
      padding: 2px;
}

.planning_calendar_month_line 
{
      
}

.planning_calendar_days_line 
{
      background-image: url("../images/forum/cat_bg.png");
}

.planning_calendar_day_cell 
{
      
}

.planning_calendar_today 
{
      border: 1px solid red; 
}

.bbcode_textarea textarea 
{
      margin-top: 15px; 
      margin-bottom: 15px;
      margin-left: 40px; 
      background-color: white; 
      border: 1px black solid; 
      font-family: "Verdana", "DejaVu Sans";
      font-size: 11px;
      color: #0F0F0F;
      padding: 5px;
}

.ecouter_table 
{
      width: 80%; 
      margin: auto;
      margin-top: 25px;
      margin-bottom: 25px;
}

.ecouter_table td 
{
      text-align: center;
}

.ecouter_table td img:hover 
{
      
}





















/* ======================= TIMETABLE ================= */

.timetable
{
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  width:95%;
  overflow:hidden;
  border:solid 1px #D8D8C7;
  background-color:#E2E1D6;
  height:100px;
  left:0;
  margin:auto;
  margin-top: 4px; 
  margin-bottom: 0px;
}

.timetable .hourHolder
{
  width:3072px;
}

.timetable .hourHolder .hour
{
  float:left;
  width:120px;
  background-color:#EEEEEA;
  color:#666;
  border-color:#FFF #BCBE9C #BCBE9C #FFF;
  border-style:solid;
  border-width:1px;
  padding:3px;
}

.timetable .eventHolder .event
{
  height:72px;
  float:left;
  background-color:#EEEEEA;
  font-weight:700;
  color:#666;
  cursor:pointer;
  border-color:#FFF #BCBE9C #BCBE9C #FFF;
  border-style:solid;
  border-width:1px;
  padding:3px;
}

.timetable .eventHolder
{
  clear:both;
  width:3072px;
  padding-top:0px;
  padding-bottom:0px;
  background-image:url(../images/back.gif);
  background-attachment:scroll;
  background-repeat:repeat;
  background-position:0 0;
  overflow:hidden;
}

.timetable .eventHolder .event:hover
{
  height:82px;
  float:left;
  background-color:#F4F4F2;
  font-weight:700;
  color:#666;
  cursor:pointer;
  padding:3px;
}

.controls 
{
      text-align: center; 
      margin-top: 15px;
}

.controls a.left
{
  left:5px;
}

.controls a
{
  background-color:#EEEEEA;
  font-weight:700;
  color:#666;
  cursor:pointer;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
/*   display:block; */
/*   position:absolute; */
  border-color:#FFF #BCBE9C #BCBE9C #FFF;
  border-style:solid;
  border-width:1px;
  margin:15px;
  margin-top: 0px;
  padding:0px 10px;
}

.controls a.right
{
  right:5px;
}















#player {
    height: 72px;
    width: 72px;
    background-image: url(../images/play.png);
    margin: auto;
}

#soundmanager-debug {
 position:fixed;
 _position:absolute; /* IE <7 */
 bottom:1em;
 right:1em;
 width:40em;
 height:30em;
 overflow:auto;
 border:1px solid #ccc;
 padding:1em;
 margin:1em;
 font-family:monaco,"VT-100",terminal,"lucida console",courier,system;
 font-size:x-small;
 background:#f6f6f6;
 opacity:0.9;
 color:#333;
}
#soundmanager-debug code {
 font-size:1.1em;
}
#soundmanager-debug div {
 margin-top:0.5em;
}

















/* ======================= BBCODE ==================== */

.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }
.italique { font-style: italic; }
.gras { font-weight:bold; }

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
	background-position: 5px 7px;
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 50px;
}

.erreur
{
	color: red;
	background-image:  url("../../images/designs/4/zcode/zcode_erreur.png");
}

.question
{
	color: #2FA5E9;
	background-image:  url("../../images/designs/4/zcode/zcode_question.png");
}

.attention
{
	color: rgb(236, 118, 0);
	background-image:  url("../../images/designs/4/zcode/zcode_attention.png");
}

.information
{
	color: blue;
	background-image:  url("../../images/designs/4/zcode/zcode_info.png");
}

.information, .attention, .question, .erreur
{
	min-height:30px; /* On fixe la hauteur, que IE interpr�te comme une "hauteur minimale" */
	text-align:left;
}

/* Petit arrangement CSS pour une diff�rence entre IE et Firefox. On r�tablit en fait la
hauteur en auto (par d�faut), et on utilise min-height pour d�finir une hauteur minimale
sous Firefox et autres navigateurs comprenant le CSS 2. */
/*html>body .information, html>body .attention, html>body .question, html>body .erreur
{
	height:auto;
	min-height:30px;
}*/

.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: rgb(100, 100, 100); }
.rouge { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: Courier, serif; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.flot_gauche { float: left; }
.flot_droite { float: right; }
.flot_gauche, .flot_droite { margin:1em; }

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }

span.code, span.citation, span.spoiler, span.spoiler_hidden /* Titre du code, de la citation et du spoiler */
{
	font-weight: bold;
	display:block;
	width:90%;
	margin-left: 50px;
}

div.code2, .citation2, .spoiler2, .spoiler2_hidden /* Contenu du code, de la citation et du spoiler */
{
	border:1px dashed #A3C0D5;
	background-color:white;
	margin-left: 40px;
	margin-right: 40px;
	padding: 8px;
	overflow: auto;
}

@media screen {
	.code2, .citation2, .spoiler2, .spoiler2_hidden /* Contenu du code, de la citation et du spoiler */
	{
	max-height: 700px;
	}
}

.syntaxtable
{
	width: 90%;
	border: 1px solid red;
}

.syntaxtable .linenos
{
	width: 30px;
}

.syntaxtable, .syntaxtable tr, .syntaxtable td, .syntaxtable tbody
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	border-collapse: collapse;
	border: none;
	background-color: white;
}

.code2 pre, span.code2
{
	font-family:'Courier New', 'DejaVu Sans Mono', monospace;
	font-size:1.0em;
	line-height: 110%;
}

.ln-xtra { color: #880; background-color: #ffb; }

div.console, .console table, .console td, .console tr
{
	background-color:black;
	color:white;
	border:none;
}

.console .linenos
{
	display: none;
}

.code_lien_numerotation
{
	font-size:0.8em;
}

.smilies
{
	vertical-align: middle;
}

/* Les tableaux zCode */

.tab_user 
{
	border-collapse:collapse;
	border:2px solid #2C485C;
	margin: 0px auto 0px auto;
}

.tab_user caption
{
	text-align:center;
	font-weight:bold;
	color:black;
	width: 100%;
}

.tab_user td
{
	border:1px solid #2C485C;
	background-color:#E9F0F5;
	padding:2px;
}

.tab_user th
{
	background-color: #FBFCFD;
	background-repeat: repeat-x;
	border-right:1px solid #2C485C;
	padding:2px;
}



span.console {
    background-color: black;
    color: white;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.code_simple {
      width: 80%; 
      background-color: #F1F1F1; 
      max-height: 500px; 
      overflow: auto; 
      padding: 3px; 
      border: 1px inset black;
}

.citation_haut 
{
      font-weight: bold; 
}

.citation 
{
      border: 1px solid black; 
      width: 90%; 
      margin-left: 10px;
      padding: 3px;
      background-color: #ced0ff; 
}