/* 
-------------------------------------------------------
Feuille de style CSS créé par Samarium
le 30/07/07
RPG Creative
-------------------------------------------------------
 
 Mise en forme de la largeur */
 
 
 body
 {width: 910px;} /* Total */
 
 #body, #banniere, #entete
 {width: auto;}

 
 /*#sommaire_droite, .sommaire_droite
{ width: 170px;} */
 
 #contenu
{ width: auto;}

 .principal
 { width: 750px;}

 .sommaire, .autre_sommaire
 { width: 160px;}
 
 /*  Mise en formes des marges*/
 
 /*
  #entete, .sommaire, #banniere, #degrade_sommaire
 { margin-left: 10px;} 
 

/*Mise en forme des balises */
 
 body  /* Fond*/
 { background: url("images/degrade_fond.png") repeat-x;background-color: #0e233a;
 margin: auto;
 margin-bottom: 20px;
 }
 
 hr {
   color: #40403F;
   width: 300px;
 }
 
 
 
 
 .principal a, .sommaire_droite a, .cite a, cite a, .bas a
 {
 color: #CF671F;
 text-decoration: none;
 }
 
 .principal a:hover, .principal a:active, .sommaire_droite a:hover, .sommaire_droite a:active, .cite a, cite a, .bas a:hover, .bas a:active
 {
 color: #004F9D;
 }
 

 
 .principal a:visited, .sommaire_droite a:visited, .cite a, cite a, .bas a
 {color: #245379;
 }
 
 
 code, pre, .code
 {font-family:  "Courier New", sans-serif;
 width: auto;
 height: auto;
 font-size: 14px;
 background-color: #ffffff; 
 background-repeat: repeat; 
 border: 1px dashed #303030;
 padding: 10px 10px;
 display: block;
 margin: 5px 0px;
 }
 .legend_code
 {
font-family:  "Calisto MT", Arial, Helvetica, sans-serif; 
 }
 
/* Mise en forme du texte */
 
 h1, h2, h4
 {text-align: center;
 text-decoration: underline;
 }
 
 .principal  , .sommaire_droite p, .bouton_script
 {font-family:  "Calisto MT", Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #40403F;
 }
 
/* Mise en forme des sommaires de gauche */


 .sommaire , .autre_sommaire
 {font-family: "Calisto MT", Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 background-color: #EAEAC8;
 border-left: 1px solid #7F7760;
 border-right: 1px solid #7F7760;
 border-bottom: 1px solid #7F7760;
 margin-right: 5px;
 padding: 15px 10px;
 height: auto;

 }

 
 .sommaire
 {color: #60672F;}
 
 .autre_sommaire
 { margin-top: 10px;
 border-top: 1px solid #7F7760;
 }
 
 

 /* Mise en forme des news */
 
 .new
 {background-color: #EFF0E0; 
 border: 2px solid #7F7760;
 caption-side: top;
 height: auto;
 width: auto;
 min-height: 100%;
 margin: 10px 0px;
 padding-left: 10px;
 }
 
 .avatar
 { background:url("images/tori.gif") no-repeat scroll middle center; 
 width: 10%;
 height: 120px;
 padding: 20px 20px;
 }
 
 .date
 {
 border-bottom: 2px dashed #7F7760;
 border-collapse: collapse;
 height: 10%;
 width: 100%;
 text-align: center;
 font-weight: bold;
 }
 
 .contenu_new
 {padding-left: 20px;
 height: auto;

 }
 


 
 /* Mise en forme du sommaire de droite */
 
 .sommaire_droite
 {background-color: #EFF0E0; 
border-bottom: 1px solid #C0C7B0;
border-left: 1px solid #C0C7B0;
border-right: 1px solid #C0C7B0;
  /*border: 1px solid #7F7760; */
 height: autopx;
 margin-bottom: 10px;
 

 }
 
 marquee {
	height : 125px;
 }
 
  .new_entete
 {
  background-color: #EAEAC8;
 margin-bottom: 10px;
 padding: 5px;
 border-bottom: 1px solid #C0C7B0;
 height: 40px;
 text-align: center;
 }
 
   .border_new_entete { border-right: 1px solid #C0C7B0;}
 
 
 /* + de détails 
 
 .detail
 {text-align: center;


 /*background-color: #F0F0D4; 
 height: 20px;
border: 1px solid #C0C7B0;



 }
 
 /*
 #sommaire_droite
{
margin-bottom: 2px;
margin-left: 5px;
margin-right: 5px; 
border: 3px solid blue;
}


 .entete_new
 {background: url("images/infos.gif") repeat scroll top center;}

 .entete_new p
 {border-bottom: 1px solid #C0C7B0;
 height: 30px;
 font-size: 17px; 
 font-weight: bold;
 color: #000000;
 text-align: center;
 padding: 0px 0px;
 margin: 0px 0px;
 }
  
 /* Mise en forme du tableau principal */

 .principal, .bas
 {
 background-color: #F0F0D4;
 height: auto;
 }
 
 .principal {
  border-left: solid  #7F7760 1px;
  border-right: solid  #7F7760 1px;
   border-bottom: solid  #7F7760 1px;
 
 }
 
 .bas {
  border: solid  #7F7760 1px;
  }


 
/* Mise en forme de l'en tête */


 #entete
 {background: url("images/banniere_c.gif") no-repeat scroll bottom center;
height: 251px;
 background-repeat: no-repeat ;
 background-position: top center;
 padding-top: 5px;
 margin-left: 40px;
 text-align: center;
 }
 

 
 
 #entete li
 { display: inline;
    padding: 4px 5px ;
	color: #000;
	font: 100% "Calisto MT", Arial, Helvetica, sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	border-left: 1px solid #703412;
	position: relative;
	top: 195px;
 }
 
 #entete .ss_entete
 {position: relative;
	top: 18px;
	right: 120px;
	font: 80% "Calisto MT", Arial, Helvetica, sans-serif ;
 
 }
 
 #entete .pas_tiret li
 {border-style: none;}
 
 #entete a:hover
{color: #CF671F;
 }
 
 #entete a, .sommaire a, .autre_sommaire a
 {color: #004F9D;
 text-decoration: none;
 font-weight: bold;
 }
 
 /* Mise en place de la bannière 
#banniere
{ 
}

*/
 
/* Mise en forme du contenu */

#contenu
{
 height: auto;
 padding: 10px; 
 vertical-align: top;
}

/* Mise ne forme de l'actualité */

#actualite
{
float: right;
border: 1px dotted #C0C7B0;
width: 400px;
max-height: 50px;
height: auto;
background-color: #EAEAC8;
}

.date_actua
{width: 30%;
padding-left: 5px;
margin: 0px 0px;
}

/* Mise en forme du sommaire */

dl, dt, dd, ul, li 

{
margin: 0;
padding: 0;
list-style-type: none;
}

.menu dt 
{
cursor: pointer;
margin-top: 5px;
margin-bottom: 0px;
height: auto;
padding: 2px 0px;
text-align: center;
font-weight: bold;
border: 1px solid #7F7760;
background: #C0C79F;
}
.menu dd 
{
border: 1px solid #C0C7B0;
}
.menu li 
{
text-align: center;
background: #EFF0E0;
}

/* Mise en forme du pied de page (bas) */

.bas
{
margin-top: 10px;
text-align: center;
padding: 8px;
}

/* Mise en forme des boutons de sélection pour les scripts */

.bouton_script
{font-weight: bold; 
background-color: #EFF0E0;
width: 358px; 
height: 25px;
}

/* Mise en forme des tableaux pour les téléchargement */

.telecharger, .contenu_telecharger
{
margin: 0px 30px;

}


.telecharger
{
width: 10%;
font-weight: bold;
font-size: 110%;
text-align:center;
}

.titre_telecharger
{
font-size: 150%;
font-weight: bold;
text-align: center;
background-color: #EFF0E0; 
border: 1px dotted #C0C7B0;
}

.contenu_telecharger
{
width: 50%;
font-size: 70%;
text-align:left;
padding: 0px 5px;
}

/* Mise en forme des tableaux pour les jeux amateurs */

.telecharger_jeux
{
text-align: center;
width: 10%;
}

.titre_jeux
{

}

.contenu_jeux
  {
  width: 80%;
  height: auto;
  padding-left: 8px;
 }
 
.contenu_jeux, .telecharger, .contenu_telecharger, .titre_jeux, #presentation
{
background-color: #EFF0E0; 
border: 1px solid #C0C7B0;
}

/* Citation */

.cite, cite, #preview
{
background-color: #EFF0E0; 
border: 1px solid #C0C7B0;
padding: 10px 10px;
}

#preview
{
 overflow: scroll;
 height: 300px;
 font-family:  "Calisto MT", Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #40403F;
}

.classement
{
 background-color: #EAEAC8;
 border: 1px solid #7F7760;
 margin-top: 5px;
 margin-bottom: 10px;
 padding: 15px 10px;
}

  .contenu_erreur
 {padding: 80px;
 height: auto;
 width: 400px;
 }

 /*		Mise en place du dégradé		*/
 
 #degrade {
  background:url("images/test.png") no-repeat scroll top center; 
  height: 30px;
  width: 752px;
 
 }
 
  #degrade_sommaire {
  background:url("images/degra_sommaire.png") no-repeat scroll top center; 
  height: 30px;
  width: 182px;
 
 }
 
 #map {
  /*background-color: #EAEAC8; */
 background:url("images/map.jpg") no-repeat scroll top center; 
 position: absolute; 
 width: 600px; 
 height: 400px;
right: 1010px;

}

/* BIBLIOTHEQUE DE RESSOURCES */

.b_ressource
{
border: 1px solid #C0C7B0;
width: 100px;
height: 100px;
cursor: url("images/loupe.cur");

}

.b_info {

background-color: #F0F0D4;
border: 1px solid #C0C7B0;
padding: 10px 10px;

}

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

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid #7F7760;
background-color: #EFF0E0;
width: 400px;
}

#dragbar{
cursor: hand;
cursor: pointer;
min-width: 100px; 
background-color: #EAEAC8;
border-bottom: 1px solid #7F7760;
}

#dragbar_contenu{
padding: 5px;
}

#dragbar_bas{
background-color: #EAEAC8;
border-top: 1px solid #7F7760;
}

#dragbar #closetext{
font-weight: bold;
margin-right: 5px;
color: #CF671F;
}

legend {
font-size: 150%;
font-weight: bold;
}