/* Le plus simple, pour retoucher les images pour un autre skin, retouche les images les unes après
les autres, garde le même nom pour chaque fichier, colle dans un autre dossier, et tu changes le nom
du dossier ici. */

html
{
width:100%;
margin: 0;
}
body {
margin: auto; /* Valeur "auto" pour centrer */
padding: 0; /* Pas besoin de "px" quand valeur = 0 */
background-color: white; /* Couleur fond */
height:100%;
}
img
{
border: 0;
}

#top
{
	width: 1024px;
	margin: auto;
	background-image:url(img/theme1/header.jpg); /* definit la bannière. celle-ci est centrée */
	background-repeat: no-repeat;
	height: 210px; /* si une une nouvelle est plus ou moins grande, il faut changer ici */
	font-size: 0.5em; /* Toujours utiliser des em. Equivalent à %, 1em = 100% */
}


#conteneur {
  width: 1000px;
  margin-left: auto; 
  margin-right: auto;
}

#centre {
  margin-left: 200px;
  margin-right: 200px;
  width:60%;
}

#gauche
{
	border: none;
	float: left;
	width: 192px;
}

#droite
{
	float: right;
	top: 0;
	width: 192px;
}

#footer {
  clear: both;
  float:center;
  width:100%;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  vertical-align:bottom;
}





/* HACK POUR IE */
* html #gauche
{
width: 19%;
}


/* HACK POUR IE */
* html #centre
{
width: 80%;
}


/* HACK POUR IE */
* html #droite
{
right: 3px;
width: 19%;
}





font /* font générale pour le texte qui n'est pas dans un tableau */
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#1f051f;
}

div
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* TITRE - gros titre que tu peux rajouter n'importe où dans la page */
.titre
{
font-size: 20px;
color: #660066;
font-family: verdana;
text-align: center; 
font-weight: ;
margin-top: 0px;
margin-bottom: 15px;
}
/* FIN TITRE */ 

/* MENU HORIZONTAL*/ 
#nav
{
	margin: 0;
	width: 500px;
}

#nav ul
{
	margin: 0;
	position: relative;
	left: 650px;
	list-style-type: none;
	color: #FFF;
	font: normal 0.8em arial, helvetica, sans-serif;
}

#nav li
{
	margin: 0;
	display: inline; 
}

#nav li a
{
	margin: 0;
	color: #000000;
}

#nav li a:hover
{
	text-decoration: none;
	margin: 0;
	color: white;
}
/* FIN DU MENU */

/*DIV DE FOND*/
.englopro{
background-color: #b170b0;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
padding:10px;
width:95%;
}

/*FIN DIV DE FOND*/

/* TABLE NEWS */
.news table
{
width:98%;
margin-left: 1%;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}

.news tr
{
background-color: #DDDDDD;
background-image: url(Elements/Themes/Classique/fondtable.jpg); /* image en fond des titres des news */
background-position:top;
}

.news td
{
font-size: 12px;
font-family: verdana;
border-top: 1px solid #000000;
padding: 5px;
}

.resumnews
{
background-image:none;
background-color: #FFFFFF;
}
/* FIN TABLE NEWS */

/* TABLEAU COMMENTAIRES */
.comm
{
margin-left: 2.5%;
margin-right: 2.5%;
background-color: #FFFFFF;
font-family: verdana;
font-size: 12px;
border: 1px solid #000000;
margin-bottom: 15px;
}

.comm_date
{
float:left;
width: 20%;
background-image: url(Elements/Themes/Classique/fondtable.jpg); /* image derrière la date */
background-position:top;
font-weight: bold;
border-bottom: 1px solid #000000; 
border-top: 1px solid #000000; 
padding-top: 3px;
padding-bottom: 3px;
}

.comm_sujet
{
float:left;
width: 50%;
background-image: url(Elements/Themes/Classique/fondtable.jpg); /* image derrière le titre */
background-position:top;
text-align: center;
font-weight: bold;
border-top: 1px solid #000000; 
border-bottom: 1px solid #000000; 
padding-top: 3px;
padding-bottom: 3px;
}

.comm_nom
{
text-align:right;
background-image: url(Elements/Themes/Classique/fondtable.jpg); /* image derrière le nom */
background-position:top;
font-weight: bold;
border-bottom: 1px solid #000000; 
border-top: 1px solid #000000; 
padding-top: 3px;
padding-bottom: 3px;
}

.comm_detail
{
border-top: 1px solid #000000; 
padding: 5px;
}
/* FIN TABLEAU COMMENTAIRES */

/* MISE EN FORME DES PETITS CADRES */
.titre_cadre
{
padding-right: 10px;
margin-bottom: 0px;
width: 95%;
/*background-image: url(http://www.kouryu.info/test/anichimg/fondtitre.jpg);*/
background-image: url(img/theme1/headermenu.jpg);
text-align:center;
}

/* AU SUJET DES CADRES : dans la version "classique du skin", j'ai divisé les cadres entre "cadres à gauche et cadre à droite", puisque l'image de fond est inversée en fonction de la position. Si par exemple tu fais un skin avec la même image de fond, ou une couleur fixe, évidemment, le plus simple pour ne pas retoucher le fichier php est de spécifier la même image des deux côtés. A l'inverse, tout changement fait dans le cadre de gauche doit être ajouté dans le cadre de droite. */


/* CADRES A GAUCHE */
.cadre
{
border: solid 1px #dbdbdb;
margin-top: 0px;
margin-bottom: 10px;
width: 190px;
font-family: verdana;
font-size: 12px;
background-image:url(img/theme1/fondmenu.jpg);
background-repeat: repeat-x;
}
/* HACK POUR IE */
* html .cadre
{
padding-right: 10px;
}
.cadre table
{
width: 100%;
}
.cadre td
{
font-size: 12px;
}

/* couleur des liens à changer en fonction du skin */

.cadre a 
{
color: #330099;
font-size:13px;
font-weight: bold;
}
.cadre a:hover
{
background-color: #dddddd;
}
.cadre a:visited
{
color: #4c0014;
font-size:13px;
}
.cadre a:active
{
color: #330033;
font-size:13px;
}

/* CADRES A DROITE */
.cadred
{
border: 1px solid #dbdbdb;
margin-top: 0px;
margin-bottom: 10px;
width: 190px;
font-family: verdana;
font-size: 0.8em;
}
* html .cadred
{
padding-right: 10px;
}
.cadred table
{
width: 100%;
}
.cadred td
{
font-size: 12px;
}

.cadred a
{
color: #330099;
font-size:13px;
font-weight: bold;
}
.cadred a:hover
{
background-color: #dddddd;
}
.cadred a:visited
{
color: #990033;
font-size:13px;
}
.cadred a:active
{
color: #330033;
font-size:13px;
}

/* LES INFO QUI SUIVENT PERMETTENT DE DEFINIR LE DESIGN DE CADRES BIEN PARTICULIER. AU-DESSUS, ON DEFINISSSAIT LES INFO GENERALES DES CADRES, ICI, ON DEFINIT L'IMAGE DE FOND. PAR EXEMPLE, SI TU VEUX RAJOUTER UNE IMAGE DERRIERE LES PARTENAIRES, RAJOUTE #menupartenaires DANS LE FICHIER CSS ET DANS LA PAGE PHP, AU CADRE CORRESPONDANT, TU RAJOUTES UN id="menupartenaires". BREF, JE NE SAIS PAS SI JE SUIS CLAIR... */

#membresclassique
{
background-image: url(img/theme1/fondmenu.jpg);
background-repeat: repeat-x;
margin-right: 0;
}
/* FIN DE MISE EN FORME DES PETITS CADRES */

/* MENUS GENERIQUES (CELUI DE GAUCHE) */
.menugen { 
list-style-image: url(Elements/Themes/fleche.gif);
margin:0px;
padding: 15px;
}

.menugen 
{
margin:0px;
}

.menugen li
{
margin-bottom: 2px;
}

.null
{
list-style:none;
list-style-image: none; 
font-weight: bold;
margin-top: 10px;
}
/* FIN MENUS GENERIQUES */

/* MENU POUR FAIRE APPARAITRE SKIN */
ul#menu,ul#menu ul{
  list-style:none;
  margin:0px;
  padding:0px;
  width:148px;
  _width:150px;
}

ul#menu ul{
  position:absolute;
  top:-1px;
  left:100px;
}

ul#menu li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
  font-size: 10px;
  font-family: verdana;
  text-align:center;
}

ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;

}

/* FIN MENU SKIN */


/* DETAIL NEWS */
.detail_news
{
font-family: verdana;
font-size: 12px;
border: 2px solid #000000;
margin-left: 5%;
margin-right: 5%;
text-align: justify;
margin-bottom: 10px;
}

.detail_news_titre
{
background-color: #9900FF;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
background-image: url(Elements/Themes/Classique/fondtable.jpg);
background-repeat: repeat;
}

.detail_news_texte
{
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
}

.detail_news_pied
{
background-color: #9900FF;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
background-image: url(Elements/Themes/Classique/fondtable.jpg);
background-repeat: repeat;
background-position: top;
}
/* FIN DETAIL NEWS */

/* GALERIES */

.galerie table
{
margin: 5px;
}

.galerie td
{
border: 1px solid #000000;
padding: 7px;
}

.galerie img
{
border-top: 1px solid #660066;
border-left: 1px solid #660066;
border-right: 2px solid #660066;
border-bottom: 2px solid #660066;

}


/* MEMBRES */

#table table
{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
text-align:center;
}

#table td
{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-size: 10px;
background-color: #e0d3ff;
}

#table .top
{
background-image: url(Elements/Themes/Classique/fondtable.jpg);
background-repeat: repeat;
background-position: top;
}

#table .nonlu
{
background-color: #8A2BE2;
}

/* FORMULAIRE */

#form
{
width: 40%;
border: 1px solid #000000;
background-color: #e0d3ff;
}

#form td
{
font-size: 10px;
}

#form input
{
background-image: url(Elements/Themes/Classique/fondtable.jpg);
background-repeat: repeat;
background-position: top;
margin: 0px;
padding: 0px;
style: none;
border:1px solid black;
font-size: 9px;
}

#form  textarea
{
margin: 0px;
padding: 0px;
style: none;
border:1px solid black;
font-size: 9px;
}




table {
border: medium solid #bd5abb;
border-collapse: collapse;
}
th {
font-family: monospace;
border: thin solid #bd5abb;
padding: 5px;
background-color: #deabdd;
}
td {
font-family: sans-serif;
border: thin solid #bd5abb;
padding: 5px;
text-align: center;
background-color: #DDDDDD;
}
caption {
font-family: sans-serif;
}