/* CSS */
/************************/
/* Paramètre de la page + définition des polices */
body
{
	width: 760px;
	height: auto;
	margin: auto;
	background-color: #FFFFFF;
}

p 
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1 
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 25px;
	text-align: left;
	color: #000000;
	text-decoration: underline;
	padding-left: 160px;
	padding-top: 15px;
}

h2
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 20px;
	text-align: left;
	color: #000000;
	text-align: center;	
}
/* Liens */
a
{
	color: #0055b5;
	text-decoration: none;
}

a:hover
{
	color: red;
	text-decoration: underline;
}

ul, li
{
	list-style-type: none;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
	
img
{
	border: none;
}

/************************/

/* Cadre principal de la fenêtre */
#main
{
	width : auto;
	height: auto;
	background-image: url('images/gris/fond.gif');
	margin-left:auto;
	margin-right:auto;
}
/************************/

/* Place du header */
#header
{
	width: 748px;
	height: 204px;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
	background-image: url('images/gris/header.png');
}
/************************/

/* Cadre du texte principal */
#texte_cadre
{
	width: 569px;
	height: auto;
	margin-left: 183px;
	margin-bottom: 10px;
	background-image: url('images/gris/texte_fond.png');
}

.texte_haut 
{
	width: 569px;
	height: 65px;
	background-image: url('images/gris/texte_haut.png');
	background-repeat: no-repeat;
}

.texte_milieu
{
	padding-left: 20px;
	padding-right: 16px;
}

.texte_bas 
{
	width: 569px;
	height: 34px;
	background-image: url('images/gris/texte_bas.png');
	clear: right;
}
/************************/
/* Image */
.image_droite
{
	text-align: right;
	float: right;
}

.clear
{
	clear: right;
}

/* Cadre du menu */
#menu 
{
	width: 170px;
	height: auto;
	float: left;
	margin-left: 7px;
	margin-bottom: 10px;
	background-image: url('images/gris/menu/menu_fond.png');
}

.bonus
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/bonus.gif');
	background-repeat: no-repeat;

}

.divers
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/divers.png');
	background-repeat: no-repeat;

}

.la_serie
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/la_serie.png');
	background-repeat: no-repeat;

}

.les_acteurs
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/les_acteurs.png');
	background-repeat: no-repeat;

}

.la_prod
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/la_prod.png');
	background-repeat: no-repeat;

}

.la_team_deux
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/la_teamdeux.png');
	background-repeat: no-repeat;

}

.galeries
{
	width: 150px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/galeries.png');
	background-repeat: no-repeat;

}

.site
{
	width: 97px;
	height: 47px;
	margin: auto;
	background-image: url('images/gris/menu/titre/site.png');
	background-repeat: no-repeat;

}

.telechargement
{
	width: 160px;
	height: 26px;
	margin: auto;
	background-image: url('images/gris/menu/titre/telechargement.png');
	background-repeat: no-repeat;

}

.menu_milieu
{
	border-top: 1px dotted black;
	margin-left: 5px;
	margin-right: 5px;
}

.menu_milieu ul, li
{
	list-style-image: url('images/gris/menu/dossier.gif');
}

.menu_haut
{
	height: 20px;
	background-image: url('images/gris/menu/menu_haut.png');
}


.menu_bas
{
	height: 20px;
	background-image: url('images/gris/menu/menu_bas.png');
	clear: left;
}

/************************/
/* Cadre des news */
.news 
{
	width:auto;
	background-color: #FFFFFF;
	border: 1px solid #808080;
	margin: 3px 5px 3px 5px;
	color: Black;
}

.titre 
{
	background-color: #f8f8f8;
	text-align: center;
	border-bottom: 1px dotted #808080;
	padding: 0px;
	font-size: 14px;
	color: #8e0000;
	font-family: "Comic Sans MS", Arial, sans-serif;
}

.news_bas 
{
	text-align: right;
	font-size: 10px;
	color: black;
	border-top: 1px dotted #808080; 
}
/* Mise en forme du texte */
.news p 
{
	padding: 1px 5px 3px 5px;
}
.news_bas p
{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: black;
}
/************************/
/* Cadre */
.cadre
{
	width: auto;
	background-color: white;
	border: 1px solid #808080;
	margin: 3px 5px 3px 5px;
	color: Black;
}

.cadre_haut
{
	background-color: #f8f8f8;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	border-bottom: 1px dotted black;
	padding: 3px;
}

.cadre_texte
{
	padding: 3px;
	font-family: "Comic Sans MS", Arial, sans-serif;
}
.cadre_resumer
{
	width: 450px;
	background-color: white;
	border: 1px solid #808080;
	margin: 3px 5px 3px 5px;
	color: Black;
}
/* Formulaire du site */
form
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
}

fieldset
{
	background-color: #fcfcfc;
	font-family: "Comic Sans MS", Arial, sans-serif;
	margin: 5px;
	padding: 5px;
}
legend
{
	font-size: 14px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: blue;
}

select
{
	margin: 2px;
}


input, textarea
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

input:hover
{
	background-color: white;
}

option
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
}
/************************/
/* Tableau */
table
{
   border-collapse: collapse;
   text-align: center;
   margin: auto;
   
}

caption
{
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	margin: auto;
}

td, th 
{
	
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}

th
{
	background-color: #0055b5;
	color: white;	
}
/************************/
/* Information */
#information
{
	width: 569px;
	height: auto;
	margin-left: 185px;
	margin-bottom: 10px;
	text-align: center;
}

/*Minichat*/
.cadre_droit
{
	float: right;
	width: 200px;
	border-left: 3px solid black;
	clear: right;
	margin-bottom: 5px;
}

.cadre_droit_haut
{
	background-color: black;
	text-align: center;
	color: white;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 14px;
}
/************************/
/* Bouton de Download */
.download
{
	width: 276px;
	height: 53px;
	margin: auto;
	background-image: url('images/gris/telecharger.png');
	background-repeat: no-repeat;
}
/* Cadre du bas ( Footer ) */

#footer
{
	width: 748px;
	height: 54px;
	margin-left: 6px;
	clear: both;
	background-image: url('images/gris/footer.png');
}