/* GENERAL */

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
font-size: 1em;
background: rgb(153,204,255) url("/img/fond-bleu.gif") ; /*  couleur de fond assortie ý l'image de fond */
background-repeat:repeat-y;
background-position:center;
}

#conteneur {
position: relative;
width: 1000px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
}

/*------------------------------- */
/* TITRE ET LOGO */

div#header {
position:absolute;
top:0;
left:0;
width: 690px ;
height: 133px ;
margin-left: 169px ;
margin-top: 10px ;
margin-bottom: 8px ;
background: url("/img/bannieres-prof/prof-okashi-banniere-animee.gif") center bottom no-repeat ;
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 GAUCHE */

div#gauche {
position: absolute;
top:0;
left:0;
width: 160px;
padding-top: 180px;
}

.menugauche {
list-style-type: none;
margin-left: 7px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche li a {
display: block ;
width: 150px;
height: 44px;
color: #000000;
line-height: 3 ;
padding: 0px ;
font-family: arial, sans-serif ;
font-style: italic ;
font-weight: bold ;
background-color: #FFFFFE ;
font-size: 11pt ;
text-align: center ;
text-decoration: none;
background: url("/img/menu-blanc.gif") no-repeat ;
}
.menugauche li a:hover {
background: url("/img/menu-gris.gif") no-repeat ;
color: #000000; /* pour I.E. qui sinon affiche une police blanche */
}

/* lignes a inserer, avec l'id qui lui correspond, dans chaque page figurant au menu
.li#j-et-t a {
background: url("/img/menu-gris.gif") no-repeat ;
}
 */

#cosplay-club-membres, #cosplay-club-gperso, #cosplay-club-messages, #cosplay-club-images, #cosplay-club-aide {
display:none;
}

#cosplay-club-membres a, #cosplay-club-gperso a, #cosplay-club-messages a, #cosplay-club-images a, #cosplay-club-aide a {
margin-left:20px;
width: 130px;
height: 30px;
line-height: 2 ;
background: url("/img/menu-blanc-02.gif") no-repeat ;
}

#cosplay-club-membres a:hover, #cosplay-club-gperso a:hover, #cosplay-club-messages a:hover, #cosplay-club-images a:hover, #cosplay-club-aide a:hover {
background: url("/img/menu-gris-02.gif") no-repeat ;
color: #000000; /* pour I.E. qui sinon affiche une police blanche */
} 

/* .cc_menu {
display:none;
}

.cc_menu a {
margin-left:20px;
width: 130px;
height: 30px;
line-height: 2 ;
background: url("/img/menu-blanc-02.gif") no-repeat ;
}

.cc_menu a:hover {
background: url("/img/menu-gris-02.gif") no-repeat ;
color: #000000;  pour I.E. qui sinon affiche une police blanche 
}

*/

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

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

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

div#contenu, div#contenu2 {
position:absolute;
top:150px;
left:0;
width: 692px ; 
margin-left: 159px;
margin-top: 8px;
margin-bottom: 20px;
padding: 10px;
padding-top: 0;
z-index: 3;
}

div#contenu2 {           /* pour les pages d'image */
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;
}


.img_menu {
width: 200px ; 
height: 133px;
text-decoration: none;
border-width: 3px;
border-style: solid;
border-color: white;
}

div#contenu a, div#contenu2 a {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: bold ;
font-size: 12pt ;
text-decoration: none;
}
div#contenu a:hover, div#contenu2 a:hover {
color: #ffffff;
text-decoration: none;
}

table {
width: 690px ; 
margin-bottom: 15px;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
}

td.largeur {
width: 600px ; 
}

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

div#publicite1 {
position: absolute;
top:0px;
left:870px;
width: 120px;
height:120px;
margin-top: 0px;
font-size: 11pt;
}

div#connexion {
position: absolute;
top:170px;
left:870px;
width: 120px;
height:60px;
margin-top: 0px;
font-size: 10pt;
text-align:center;
}

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

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

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

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

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

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

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

.pub2 {
display: block ;
margin-top:10px;
margin-bottom:10px;
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-flash {
width: 120px;
margin-top:10px;
margin-bottom:10px;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
}


div#radio {
position: absolute;
top:250px;
left:870px;
width: 120px;
height:40px;
/* margin-top: 0px;
margin-bottom: 15px;
margin-right:auto;
margin-left:auto; */
font-size: 12pt;
text-align:center;
/* border-width:1px;		bordure de test
border-color: red; 
border-style: solid; */
}

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

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

div#publicite2 {
position: absolute;
top:300px;
left:870px;
width: 120px;
/* height:120px; */
margin-top: 0px;
font-size: 11pt;
/* z-index: 4;
border-width:1px;		bordure de test
border-color: red; 
border-style: solid; */
}

div#contenu p.pub a {
font-family: arial, sans-serif ;
color: #000066;
text-align:center;
text-decoration:none;
font-style: italic ;
/* font-weight: bold ; */
}

div#contenu p.pub a:hover {
color: #ffffff;
}

div#publicite22 p {
font-family: arial, sans-serif ;
color: rgb(0,102,0);
text-align:center;
text-decoration:none;
font-style: italic ;
font-weight: bold ;
}

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

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

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

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


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

div#pied {
display: none;
}

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

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

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

/*------------------------------- */
/* PAGE "NIOU !" */

.breve {
width: 682px ; 
margin-bottom: 15px;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
}

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

/*------------------------------- */
/* PAGE "Livredor" */

.txt-gauche {
text-align:left;
}

/*------------------------------- */
/* PAGE "Liens" */

.size-0-8 {
font-size: 0.8em;
}

/*------------------------------- */
/* PAGE "J & T" */

.img_j-et-t {
width: 300px ; 
height: 200px;
text-decoration: none;
border-width: 3px;
border-style: solid;
border-color: white;
}

.table-j-et-t td {
width: 50% ; 
}

/*------------------------------- */
/* PAGE "Tehoo" */


.tabl_img, .selection {
width: auto;    /* permet de fixer la largeur du tableau au minimum */
margin: auto;  /* permet de centrer le tableau dans son contenant */
border-width: 0;
}

.tabl_img td, .selection td {
padding: 3px;
}

.tabl_img p, .selection p {
margin-bottom: 1em;
}

.tabl_img img, .selection img {
text-decoration: none;
border-width: 3px;
border-style: solid;
border-color: white;
}

select option {
margin: auto; 
width: 70px;
width: auto;
color: #000066;
}

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

select.index option {
width: 70px;
}

.ballon {
height: 800px;
}

.tabl_img ul {
margin: auto; 
width: auto ;
}

.tabl_img li {
margin: auto; 
text-align: left;
list-style-position: inside ; /* pour IE : place la puce ý l'intýrieur de la boýte LI */
}

.w3c {
margin-left: 40px ;
margin-top: 30px ;
}

.w3c img {
border: none;}

/*------------------------------- */
/* PAGE "image" */

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

h1#titre_img {
font-size : 1.2em ;
}

table.preferences_img {
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);
}

.li-gauche {
text-align:left;
padding-left: 10px;
}

/*------------------------------- */
/* PAGES de reportage */

.table-reportage {
width: 690px ; 
margin-bottom: 15px;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
}

.table-reportage p  {
text-indent: 20px;
text-align:justify;
margin-top:5px;
margin-bottom:15px;
margin-left:20px;
margin-right:20px;
}

.table-reportage h2, h2.espace_apres {
margin-bottom:10px;
}

/*------------------------------- */
/* PAGE RADIO */

div#ecoute {
position: relative;
width: 220px;
margin: auto;
margin-top: 23px;
margin-bottom: 12px;
padding: 10px;
background-color: rgb(153,204,255);
border-width:1px;
border-color: rgb(51,102,153); 
border-style: solid;
text-align:center;
}

div.div-centre {
position: relative;
width: 280px;
margin: auto;
margin-top: 10px;
margin-bottom: 12px;
padding: 10px;
text-align:center;
}

div#ecoute h2 {
font-size:1em;
color: #ffffff;
}

div#ecoute a {
font-family: arial, sans-serif ;
color: #cc0000;
font-size:1.5em;
font-style: italic ;
font-weight: bold ;
text-decoration: none;
}

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

/*------------------------------- */
/* PAGE SOUTIEN */

.table-reportage ul, .table-reportage li {
text-align:justify;
margin-top:5px;
margin-bottom:15px;
margin-left:20px;
margin-right:20px;
}

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

/*------------------------------- */
/* PAGES COSPLAY CLUB */

.table_profil {
width: 650px ; 
margin: 0px;
margin-left:auto;
margin-right:auto;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 0px;
text-align:left;
}

.table_profil p  {
font-family: Arial, sans-serif;
font-size: 0.9em;
color: #000066;
text-indent: 0px;
text-align:right;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:10px;
}

ul.menu_club {
font-family: Arial, sans-serif;
color: #000066;
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 .menu_club li a{
font-size: 11pt;
}

div#contenu .menu_club li a.select {
font-size: 11pt;
color: grey;
}
*/

div#contenu .lien_menu_club_sel a div#contenu2 .lien_menu_club_sel a {
font-size: 11pt;
color:#666666;
}

div#contenu .lien_menu_club a div#contenu2 .lien_menu_club a {
font-size: 11pt;
}

div#contenu .lien_menu_club a:hover div#contenu2 .lien_menu_club a:hover {
font-size: 11pt;
}

p.erreurs {
font-family: Arial, sans-serif;
font-size: 1em;
color: #000066;
text-align:left;
text-indent: 0px;
margin-top:5px;
margin-bottom:15px;
margin-left:40px;
margin-right:20px;
color:#cc0000;
font-weight: bold;
}

/*------------------------------- */
/* PAGES COSPLAY CLUB Nouveaux styles*/

.tableau {				/* 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 ý l'exterieur de leur largeur */
margin-bottom: 15px;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
text-align:center;
}

.tableau_centre {		/* le meme que tableau, mais avec "text-align:center;" pour permettre à plusieurs images */
width: 682px ; 			/* d'etre centrees sur une même ligne dans les pages de presentation  */
margin-bottom: 15px;
padding: 3px;
background-color: rgb(153,204,255) ;
border-width: 1px;
border-style: solid;
border-color: rgb(51,102,153);
text-align:center;
}

.liste {
padding: 5px;
}

.miniature_statut {
float:right;
margin-top: 10px;
margin-right:20px;
margin-left:20px;
text-decoration: none;
border-width: 3px;
border-style: solid;
border-color: white;
}

ul#statut {
width: 450px;
margin-top:20px;
margin-bottom:40px;
text-align:left;
}

.texte_normal  {	/* obsolete, remplace par texte_justifie ;  */
font-family: Arial, sans-serif;
font-size: 1em;
color: #000066;
text-indent: 20px;
text-align:justify;
margin-top:0px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.texte_normal2  {	/* nouveau style texte_normal */
font-family: Arial, sans-serif;
font-size: 1em;
color: #000066;
margin:0px;
}

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

.vert_gras_centre  {
font-family: Arial, sans-serif;
font-size: 1em;
color: rgb(0,102,0);
text-align:center;
font-weight:bold;
}

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

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

.liste_normle, .liste_normale li  {
font-family: Arial, sans-serif;
font-size: 1em;
color: #000066;
text-align:left;
margin-left:35px;
margin-right:10px;
margin-top:5px;
margin-bottom:15px;
}

.bold {
font-weight: bold;
}

.gras {
font-weight: bold;
}

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

/* ----------------------------*/
/* Styles pour les pages perso */

table .apercu {
width:100%;
border-width:0px;
}

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

.h3_cc  {
font-family: Arial, sans-serif;
font-size: 1em;
color: rgb(0,102,0);
text-align:center;
margin-left:20px;
margin-right:20px;
margin-top:0px;
margin-bottom:10px;
}

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

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

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

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

.legende {
font-family: Arial, sans-serif;
font-size: 1em;
color: #000066;
text-align:center;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

.liste_cc {
margin-left:20px;
margin-right:20px;
margin-top:5px;
margin-bottom:5px;
}

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

.gras_cc {
font-weight: bold;
}

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

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

.portrait_cc {
margin:5px;
border-width: 4px;
border-style: solid;
border-color: white;
}

.img_cc {
margin-left:8px;
margin-right:8px;
border-width: 4px;
border-style: solid;
border-color: white;
}

.img_gauche_cc {
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_droite_cc {
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;
}


div#contenu .lien_cc {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: normal ;
font-size: 12pt ;
text-decoration: none;
}

div#contenu .lien_cc:hover {
color: #ffffff;
font-style: italic ;
font-weight: normal ;
text-decoration: none;
}

div#contenu .lien_gras_cc {
font-family: arial, sans-serif ;
color: #cc0000;
font-style: italic ;
font-weight: bold ;
font-size: 12pt ;
text-decoration: none;
}

div#contenu .lien_gras_cc:hover {
color: #ffffff;
text-decoration: none;
}




/* ----------------------------*/
/* Styles pour les 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:15em;
border:1px solid #000;
background-color:#f4f5e0;
color:#000;
text-align: justify;
/* font-weight:none; */
padding:5px;
}

/* ----------------------------*/
/* Page upload-img.php  */

div#upload_img {
position: relative;
width: 680px;
margin: auto;
margin-top: 23px;
margin-bottom: 12px;
padding: 10px;
background-color: rgb(153,204,255);
border-width:1px;
border-color: rgb(51,102,153); 
border-style: solid;
text-align:center;
}

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

table.table_messages {
width:690px;
border-width:1px;
border-style:solid;
border-collapse: collapse;
background-color:rgb(153,204,255);
font-family: Arial, sans-serif;
font-size: 0.75em;
color: #000066;
text-align:center;
}

table.table_messages th {
border: 1px solid ;
border-color: #000066;
padding:2px;
font-size:1.2em;
color: rgb(0,102,0);
}

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

.table_messages .nom {
width:25%;
}

.table_messages .date {
width:20%;
}

.table_messages .select {
width:3%;
}

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

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


/* ----------------------------*/
/* Pages autres  */

table.table_inscrits {
width:690px;
border-width:1px;
border-style:solid;
border-collapse: collapse;
background-color:rgb(153,204,255);
font-family: Arial, sans-serif;
font-size: 0.75em;
color: #000066;
text-align:left;
}

table.table_inscrits th {
border: 1px solid ;
border-color: #000066;
padding:2px;
font-size:1.2em;
color: rgb(0,102,0);
text-align:center;
}

table.table_inscrits td {
margin:0px;
padding:2px;
border: 1px solid ;
border-color: #000066;
}