/* GENERAL */

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
font-size: 1em;
background-color: #804000;
background: url("/img/bg.gif") ; /*  couleur de fond assortie a l'image de fond */
background-repeat:repeat;
/*background-position:center;*/
}

#conteneur {
position: relative;
width: 1000px;
min-height: 1000px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #fdf2d0;
}

/*--------------------------------------- */
/*--PARTIES COMMUNES A TOUTES LES PAGES-- */
/*--------------------------------------- */
/* TITRE ET LOGO */

div#header {
/*position:absolute;
top:0;
left:0;*/
width: 1000px ;
height: 150px ;
margin-left: 0px ;
margin-top: 0px ;
margin-bottom: 0px ;
background: url("/img/banniere-college.jpg") ;
z-index: 3;
}

div#header-club {
position:absolute;
top:0;
left:0;
width: 690px ;
height: 133px ;
margin-left: 169px ;
margin-top: 10px ;
margin-bottom: 8px ;
background: url("/img/bannieres-prof/banniere-cosplay-club-animee.gif") center bottom no-repeat ;
z-index: 3;
}

h1#titre {
visibility: hidden
}

div#logo {
position:absolute;
top:7px;
left:0;
}
img#img_logo {width: 160px ; height: 160px;}

/*------------------------------- */
/* MENU */

.menu {
	background: url(/img/bgnavigation.gif);
	background-repeat: no-repeat; /* ajout pour IE6 */
	font: bold 1em Verdana,sans-serif;
	height: 40px;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
}

.menu ul {
	margin: 0;
	margin-left: 10px;
	list-style: none;
}

.menu li {
	display: inline;
}


.menu ul li a {
	color: #f0e6e6;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 40px;
}
.menu ul li a:hover {
	background: #fdf2d0;
	color: #8c1919;
}

.menu ul li a.selected {
	background: #fdf2d0;
	color: #8c1919;
}


.credits {
font-family: arial, sans-serif ;
color: rgb(0,102,0);
font-size: 10pt ;
font-style: italic ;
font-weight: bold ;
margin-top:0px;
margin-bottom:0px;
margin-left: 0px;
margin-right:0px;
}

.rouge {
color:#993366;
font-weight: bold;
}

.w3c {
margin-left: 60px ;
margin-top: 30px ;
margin-bottom:0px;
margin-right:0px;
}

.w3c img {
border: none;}

/*------------------------------- */
/* CENTRE */

div#contenu {
	clear: both;
padding: 0px 0px 0px 0px;
margin:0;
}

div#contenu2 {           /* pour les pages d'image, sans entete */
position:absolute;
top:3px;
left:0;
width: 692px ; 
margin-left: 159px;
margin-top: 8px;
margin-bottom: 20px;
padding: 10px;
padding-top: 0;
z-index: 3;
}

/*------------------------------- */
/* MENU DROITE */

.barre {
/* position: absolute;
top:0px;
left:870px;
width: 120px;
height:120px;
margin-top: 0px;
font-size: 11pt; */
	float: right;
	width: 200px;
margin-top: 0px;
margin:0;
padding:0;
text-align: center;
background-color: #fdf2d0;
}

.connex {
text-align:center;
}

.connexxxxx a {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: bold ;
text-decoration: none;
}

.connexxxxx a:hover {
color: #ffffff;
background-color: #cc0000;
}

input.champ {
font-size: 0.7em;
}

select {
margin: auto; 
color: #804000;
width: auto;
}

.pub-img-120 {
margin:0;
margin-bottom:15px;
}

.pub {
display: block ;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:3px;
border-width: 2px;
border-style: solid;
border-color: rgb(51,102,153);
text-align:center;
color: #804000;
}

.pub2 {
display: block ;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:3px;
border-width: 2px;
border-style: solid;
border-color: rgb(0,102,0);
color: rgb(0,102,0);
font-style: italic ;
font-weight: bold ;
text-align:center;
}

.pub a {
color: #804000;
text-decoration:none;
}

.pub a:hover {
color: #ffffff;
}

.pub2 a {
color: #006600;
text-decoration:none;
}

.pub2 a:hover {
color: #ffffff;
}

.clearer {
	clear: both;
}

/*------------------------------- */
/* PIED DE PAGE */

div#pied0 {
display: none;
}

div#pied {
margin: 0;
text-align: center;
}

div#pied a {
font-family: arial, sans-serif ;
color: rgb(0,102,0);
font-size: 10pt ;
font-style: italic ;
font-weight: bold ;
}

div#pied a:hover {
color: #ffffff;
}

/*------------------------------- */
/*--- CONTENU DES PAGES --------- */
/*------------------------------- */

/*--- LIENS --------- */

.lien-gras {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: bold ;
font-size: 1em ;
text-decoration: none;
}
.lien-maigre {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: 100 ;
font-size: 1em ;
text-decoration: none;
}
.lien-gras:hover, .lien-maigre:hover {
color: #003399;
text-decoration: none;
}

/*--- BLOCS DE CONTENU --------- */

.bloc-div {				/* tableau bleu d'affichage du contenu, constitue d'un DIV (= double de .breve defini pour niou!) */
/*width: 682px ; 			 contrairement aux tableaux, les div ont le padding et la bordure a l'exterieur de leur largeur */
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
	width: 795px;
background-color: #fdf2d0 ;
border-width: 0px;
border-style: solid;
border-color: rgb(51,102,153);
text-align:center;
}

.bloc-table {			/* comme .bloc-div mais avec balises TABLE au lieu de DIV */
/* width: 690px ; */
margin-bottom: 15px;
padding: 3px;
	padding-top: 12px;
	float: left;
	width: 80%;
background-color: #fdf2d0 ;
border-width: 0px;
border-style: solid;
border-color: rgb(51,102,153);
text-align:center;
}

.largeur-50-pour-100 {				/* attribut cree pour TD dans j-et-t.tpl */
width: 50% ; 
}

.table-auto {	/* Tableau dont les dimensions s'adaptent au contenu */
width: auto;    /* permet de fixer la largeur du tableau au minimum */
margin: auto;   /* permet de centrer le tableau dans son contenant */
padding: 0px;
border-width: 0;
}

.table-auto td {
padding: 3px;
}

.preferences-img {  /* tableau special pour les preferences d'affichage des images */
width: 300px;
margin: auto;  /* permet de centrer le tableau dans son contenant */
margin-top: 40px;
margin-bottom: 30px;
padding: 15px;
border-width: 2px;
border-style: dashed ;
border-color: rgb(51,102,153);
}

.ballon {
height: 800px;
}

/*--- TITRES --------- */

.h2-centre  {
font-family: Arial, sans-serif;
font-size: 1.5em;
color: #804000;
text-align:center;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.h2-centre-ss-marge  {
font-family: Arial, sans-serif;
font-size: 1.5em;
color: #804000;
text-align:center;
margin:0;
}

.h2-centre-ss-marge-lien  {
font-family: Arial, sans-serif;
font-size: 1.5em;
text-align:center;
margin:0;
}

.h3-centre  {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-align:center;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

/*--- TEXTE --------- */

p {	/* = texte_normal */
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-indent: 0px;
text-align:justify;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.txt-gauche  {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-indent: 0px;
text-align:left;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.txt-droite  {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-indent: 0px;
text-align:right;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.txt-justifie  {	/* = texte_normal */
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-indent: 0px;
text-align:justify;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.txt-centre  {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-indent: 0px;
text-align:center;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.liste {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
margin-left:55px;
margin-right:20px;
margin-top:5px;
margin-bottom:5px;
text-align:left;
}

.item {
font-family: Arial, sans-serif;
font-size: 1em;
color: #804000;
text-align:justify;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:5px;
}

.gras {
font-weight: bold;
}

.relief {		/* vert gras */
color: rgb(0,102,0);
font-weight: bold;
}

.relief2 {		/* rouge sombre gras */
color: #993366;
font-weight: bold;
}

.cache {
display:none;
}

/*--- INFOBULLES --------- */

a.info{
position:relative;
/* margin-left:5px;
margin-right:5px; */
z-index:24;
/* color:#000; */
color: #cc0000;
text-decoration:none
}

a.info:hover{
background:none;
color: #ffffff;
z-index:25;
/* background-color:#FFF */
}

a.info span{
display: none;
}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:-6em; width:40em;
border:1px solid #000;
background-color:#f4f5e0;
color:#000;
text-align: justify;
/* font-weight:none; */
padding:5px;
}

/*--- IMAGES --------- */

#thepic {
border-width: 5px;
border-style: solid;
border-color: white;
margin-left:15px;
margin-right:15px;
}

.image {
text-decoration: none;
border-width: 4px;
border-style: solid;
border-color: #af5201;
}

.imagette {
text-decoration: none;
border-width: 3px;
border-style: solid;
border-color: #af5201;
}

.img-droite {
float:right;
margin-top: 0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
text-decoration: none;
border-width: 4px;
border-style: solid;
border-color: white;
}

.img-gauche {
float:left;
margin-top: 0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
text-decoration: none;
border-width: 4px;
border-style: solid;
border-color: white;
}

.img-centre {
margin-top: 0px;
margin-bottom:10px;
margin-left:8px;
margin-right:8px;
text-decoration: none;
border-width: 4px;
border-style: solid;
border-color: white;
}

/* ----------------------------*/
/* Pages Message  */

table.table_messages {
width:690px;
margin:auto;
border-width:1px;
border-style:solid;
border-color:#804000;
border-collapse: collapse;
font-family: Arial, sans-serif;
font-size: 0.75em;
color:#804000;
text-align:center;
}

table.table_messages th {
border: 1px solid ;
border-color: #804000;
padding:2px;
font-size:1.2em;
color: #804000;
}

table.table_messages img {
border: 0px solid ;
}

/*
table.table_messages tr {
background-color: rgb(153,204,255);
margin:2px;
}
*/


table.table_messages .non_lu {
color: #993366;
}

table.table_messages td {
margin:12px;
padding:3px;
border: 1px solid ;
border-color: #804000;
}

.table_messages .nom {
width:25%;
}

.table_messages .date {
width:20%;
}

.table_messages .select {
width:3%;
}

div#contenu .table_messages a {
font-size: 1em;
color: #804000;
}

div#contenu .table_messages a:hover {
font-size: 1em;
color: #ffffff;
}

div#contenu .table_messages a.lien-gras {
color: #cc0000;
font-style: italic ;
font-weight: bold ;
font-size: 1em ;
text-decoration: none;
}

div#contenu .table_messages a.lien-gras:hover {
font-size: 1em;
color: #003399;
}

ul.menu_club {
font-family: Arial, sans-serif;
color: #804000;
list-style-type: none;
width: 100%; /* precision pour Opera */
margin-top:0px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

div#contenu ul.menu_club li {
display:inline;
font-size: 11pt;
margin-left:5px;
margin-right:5px;
}

div#contenu2 ul.menu_club li {
display:inline;
font-size: 11pt;
margin-left:5px;
margin-right:5px;
}

div#contenu ul.statut {
width: 450px;
height: 150px;
margin-top:20px;
margin-bottom:40px;
text-align:left;
color: #804000;
}

div#contenu ul.statut li  {
color: #804000;
margin-left:35px;
margin-right:10px;
margin-top:5px;
margin-bottom:15px;
}

.bloc-div-cdt {
margin-top:15px;
margin-left:15px;
margin-bottom: 15px;
padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
float: left;
width: 779px;
border-width: 1px;
border-style: solid;
border-color: black;
text-align:center;
background-color: white;
background: white url("/img/bg-ctxt.gif");
background-repeat:repeat-y;
color: #000000;
}

.cdt {
width:670px;
margin-top:0px;
margin-left:0px;
padding-right:0px;
min-height:1000px;
border:solid 0px;
}

.onglets {
float:right;
margin-top:0px;
width:100px;
border: solid 0px;
}

.onglets ul {
margin-top:1px;
}

.onglets li {
font-family: Arial, sans-serif;
font-size: 10pt;
color: #804000;
list-style-type: none;
width: 99px;
min-height:40px;
margin-top:0px;
margin-bottom:0px;
margin-left:-1px;
margin-right:0px;
text-align: center;
border-width:0px;
border-style:solid;
border-left: black 1px solid;
border-bottom: black 1px solid;
border-color:#000000;
background-color: #eeeeee ;
background: url("/img/40x40.gif");
background-repeat:repeat;
}

.onglets li.li-select {
background: white;
border-left-color: white;
border-left-width: 1px;
border-left-style: solid;
}

.onglets li.li-relief {
background: #cc0000;
border-left-color: white;
border-left-width: 1px;
border-left-style: solid;
}

.onglets li.li-relief a {
color: white;
font-weight:bold;
text-decoration:none;
}

.bloc_entree {
width:660px;
margin-top:20px;
margin-left:10px;
margin-right:30px;
border:none;
border-top-width:2px;
border-left-width:0px;
border-bottom-width:0px;
border-right-width:0px;
border-style:dashed;
border-top-style:solid;
border-color:#804000;
border-collapse: collapse;
}

.bloc_entree th p {
color:#444444;

}
.bloc_entree th p.relief {
color:#cc0000;
}

.bloc_entree p {
font-size:0.8em;
margin-left:10px;
}

.bloc_entree p.txt-gauche {
margin-left:10px;
}

.bloc_entree p.txt-droite {
margin-right:10px;
}