body {
background: #FFFFFF url(images/design/fond.png) repeat-x;
margin-top: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif; /* Police Arial utilisé par défaut */
text-align: center; /*correction bug IE, permet de maintenir le site centré sur la page*/
}

#global {
width: 750px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

.infobulle{
  color: #FFFFFF;
  position: absolute;  
  visibility : hidden;
  border: 2px solid #B1DBF3;
  padding: 10px;
  text-align: center;
  font-size: 10pt;
  background-color: #000000;
}

/*CSS relatif a la fonction d'affichage des images en javascript (photos.js)*/
.apercu img {
	border: 2px teal outset;
}

#fond {
	display: none;
	background: url(fond-photos.png);
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
 	width: 100%;
}

#fond img {
	position: absolute;
	border: none;
	display: block;
}

#affichage {
	display: none;
	position: absolute;
	background: white;
}

#affichage img {
	position: relative;
	top: 10px;
	left: 10px;
	border: none;
}
/*Fin CSS javascript "photos.js"*/

.miniatures_g /*Miniatures des wallpapers à gauche de la page*/
{
width: 149px;
height: 112px;
margin-left: 90px;
}

.miniatures_d /*Miniatures des wallpapers à droite de la page*/
{
width: 149px;
height: 112px;
}
/* Header */

.header {
height: 200px; /* Hauteur de l'image */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
border: none;
margin-bottom: 15px; /* Marge de 15 pixel en bas */
}

.corps {
	margin-left: 255px;
	width: 570px;
	min-height: 800px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas-corps1.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}

.corps-team {
	margin-left: 260px;
	width: 500px;
	min-height: 800px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas-corps-rouge.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}

.corps h2 {
	font-size: 17px;
	margin: 0;
	padding: 20px 90px 5px 20px;
	background: transparent url(images/design/haut-corps1.png) no-repeat;
	background-position: center top;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps; /*le texte sera en petites majuscules*/
}

.corps-team h2 {
	font-size: 17px;
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(images/design/haut-corps-rouge.png) no-repeat;
	background-position: center top;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps; /*le texte sera en petites majuscules*/
}

.corps p {
	margin: 1em 50px;
	width: 400px;
}

.corps-team p {
text-align: center;
}


#news{
width: 490px;
}

.menu-horizontal{
text-align: center;
font-size : 15px;
font-weight : bold;
}

#conteneur_menu
{
   float : left;
}

/*mises en forme diverses de textes*/
.italique{
font-style: oblique;
}

.souligne{
text-decoration: underline;
}

.center{
text-align: center;
width: 500px;
}

.gras{
font-weight: bold;
}

.txt-grand{
font-size: 15px;
}

.txt-petit{
font-size: 12px;
}

.txt-decale-droite{
margin-left: 220px;
}

.liste-persos{
font-size: 14px;
font-weight: bold;
}

.flottant-droite{
float: right;
margin-left: 5px;
}

.flottant-gauche{
float: left;
margin-right: 5px;
}

.boite {
	width: 270px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas1.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite1 {
	width: 270px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas2.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite2 {
	width: 270px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas3.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite3 {
	width: 270px;
	padding-bottom: 10px;
	background: white url(images/design/milieu-bas4.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite h2, .boite1 h2, .boite2 h2, .boite3 h2 {
	font-size: 17px;
	margin: 0;
	padding: 20px 25px 5px 20px;
	background: transparent url(images/design/haut2.png) no-repeat;
	background-position: center top;
	text-align: center;
	font-variant: small-caps; /*le texte sera en petites majuscules*/
	font-weight: bold;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
}

.team {
border: 2px inset teal;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
margin-left: 50px;
}

.team img {
border: 2px outset teal;
}

#partenaires{
margin-left: 90px;
}

/*format liens*/

a {
color: teal;
text-decoration: none;
}

a:active{
background-color : lightgreen;
}

a:hover{
background-color : lightblue;
}

a img
{
border: 2px solid lightblue;
}

.no_hover:hover /*annule l'hover pour les images-liens*/
{
background-color: transparent;
}

.liens {
margin-left: 70px;
color: #115566;
}

.liens li { /* propiétés des puces*/
margin-bottom: 5px;
padding-left: 10px;
color: teal;
list-style-image: url("images/pucebleue.gif");
}

.liens a {
color: teal;
text-decoration: none;
}

table.episodes, td.episodes
{
margin-bottom: 10px;
width: 300px;
border: solid 2px teal;
border-collapse:collapse;
margin-left: 60px;
text-align: center;
padding: 5px;
}

hr
{
height: 1px;
}

h2:first-letter
{
font-family: arial, verdana, sans-serif;
font-size: 17px;
font-weight: bold; 
margin-right: 1px;
color: #3399CC;
}

fieldset
{
width: 400px;
border: 2px solid lightblue;
margin-left: 40px;
}

fieldset img
{
margin-left: 10px;
padding-right: 40px;
border-style: none;
}

legend
{
font-weight: bold;
font-size: 14px;
}

#footer
{
clear : left;
margin-left: 20px;
margin-top: 15px;
background: url("images/design/degradegris.png") repeat-y;
text-align: center;
font-size: 80% ;
padding: 5px;
border: 3px solid lightblue;
}