body
{
   width: 1030px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;    
   background-image: url("images/boutons/fond6.png");
   background-repeat: repeat-x;
  
}
h4
{
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
/* L'en-tête */

li
{
	font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 16px;
}

h3
{
text-decoration:underline;
text-align:center;
}


ul
{text-align: left;}
 

#entete
{
   width: 1030px;
   height: 80px;
   background-image: url("images/boutons/ban4.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   background-position: top center;
   text-align:center;
   }



.element_entete
{
	
	background-image:url("images/boutons/ptitscarreaux.jpg");
	text-align:center;
	font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size:12px;
	width: 1030px;
	height: 70px;
	margin-bottom: 10px;   
	background-position: top center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.element_entete h3
{
	color:red;
}

#entete tr
{
border: 2px solid black;
}




/* Le menu */

#menu
{
   float: left;
   width: 207px;
}

.element_menu
{   
   background-color: #47F9E1;
   background-image:url("images/boutons/6.jpg");
   margin-bottom: 10px;
}

.element_menu h1
{
color:blue;
text-align:center;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:22px;
}


.element_menu caption
{
text-align: center;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:16px;
}

.element_menu td
{
text-align:center;
font-size:10px;
}

/* Quelques effets sur les menus -- Pour l'instant  je ne vois pas à quoi ca sert...*/

.element_menu a
{
   color: #4ef4de;
}

.element_menu a:hover
{
   background-color: #ffffff;
   color: black;
}

#menu2
{
   float: left;
   width: 207px;
}

.element_menu2
{   
   background-color: #7A1BF6;
   background-image:url("images/boutons/5.jpg");
   margin-bottom: 10px;
}

.element_menu2 h1
{
color:yellow;
text-align:center;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:22px;
}

.element_menu2 caption
{
color:white;
text-align: center;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:16px;
}

.element_menu2 td
{
text-align:center;
font-size:10px;
}

.element_menu2 a
{
   color: #22fe00;
}

.element_menu2 a:hover
{
   background-color: #ffffff;
   color: black;
}

/* Le corps de la page */

#corps
{
   margin-left: 215px;
   margin-bottom: 10px;
   padding: 5px;
   color: #000000;
   background-color: #7CD4F4;
   background-image: url("images/boutons/3.jpg");
   text-align= center;
}

.com p
{
   padding-left: 20px;
   color: #000000;
   text-align:center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h1
{
   color: #000000;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   padding-left: 00px;
   color: #0000fe;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h4
{
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps p
{
   padding-left: 20px;
   color: #000000;
   text-align:left;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   color: #000000;
   background-color: #0038f2;
   background-image: url("images/boutons/ptitscarreaux.jpg");
   background-repeat: repeat-x;   
   
}
#com p
{
text-align:center;
}

#nouveautes table
{
   border="2"
}

#nouveautes td
{
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

.tableaux_accueil 
{
	background-image: url("images/boutons/fond3.png");
}

.tableauxdeniveaux1 caption
{
color: yellow;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 22px;
background-image:url("images/boutons/fondmath.png");
background-repeat:no-repeat;
background-position:center;
}

.tableauxdeniveaux1 td
{
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 14px;
text-align: center;
}

.tableauxdeniveaux1 table
{
margin-left:auto;
margin-right:auto;
width:100%;
}

.tableauxdeniveaux1 tr
{
text-align:center;
}


.tableauxdeniveaux2 caption
{
color: white;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 22px;
background-image:url("images/boutons/fondfrancais.png");
background-repeat:no-repeat;
background-position:center;
}

.tableauxdeniveaux2 td
{
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 14px;
text-align: center;
}

.tableauxdeniveaux2 table
{
margin-left:auto;
margin-right:auto;
width:100%;
}

.tableauxdeniveaux2 tr
{
text-align:center;
}

.prob table
{
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
background:black;
}

#fiches
{
 margin-left: 215px;
   margin-bottom: 10px;
   padding: 5px;
   color: #000000;
   background-color: #7CD4F4;
   background-image: url("images/boutons/3.jpg");
   text-align= center;
}

#fiches h2
{
   height: 30px;
   padding-left: 00px;
   color: #0000fe;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#fiches h1
{
   height: 30px;
   padding-left: 00px;
   color: #0000fe;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#fiches table
{
background-image: url("images/boutons/fond.gif");
margin-left:auto;
margin-right:auto;

}


#corps_fiches
{
   margin-left: 215px;
   margin-bottom: 10px;
   padding: 5px;
   color: #000000;
   background-color: #7CD4F4;
   background-image: url("images/boutons/3.jpg");
   text-align= center;
}

#corps_fiches h1
{
   color: #000000;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps_fiches h2
{
   height: 30px;
   padding-left: 00px;
   color: #0000fe;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps_fiches li
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
color: black;
list-style-type: none;
background-image: url("images/boutons/puce1.png");
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 15px;
}

#corps_fiches p
{
   padding-left: 20px;
   color: #000000;
   text-align:left;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps_fiches td
{
   padding-left: 20px;
   color: #000000;
  
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}


#corps_fiches table
{
background-image: url("images/boutons/fond.gif");
margin-left:auto;
margin-right:auto;
width:100%;
}

.element_entete a.acc { display: block; width: 150px; height: 60px; background-image: url('images/boutons/accueilhover.png') }
.element_entete a.acc:hover { visibility: visible }
.element_entete a.acc:hover img { visibility: hidden }

.element_entete a.cm2 { display: block; width: 50px; height: 50px; background-image: url('images/boutons/cm2hover2.png') }
.element_entete a.cm2:hover { visibility: visible }
.element_entete a.cm2:hover img { visibility: hidden }

.element_entete a.mat { display: block; width: 90px; height: 43px; background-image: url('images/boutons/mathover.png') }
.element_entete a.mat:hover { visibility: visible }
.element_entete a.mat:hover img { visibility: hidden }

.element_entete a.cp { display: block; width: 50px; height: 50px; background-image: url('images/boutons/cphover.png') }
.element_entete a.cp:hover { visibility: visible }
.element_entete a.cp:hover img { visibility: hidden }

.element_entete a.ce1 { display: block; width: 50px; height: 50px; background-image: url('images/boutons/ce1hover.png') }
.element_entete a.ce1:hover { visibility: visible }
.element_entete a.ce1:hover img { visibility: hidden }

.element_entete a.ce2 { display: block; width: 50px; height: 50px; background-image: url('images/boutons/ce2hover.png') }
.element_entete a.ce2:hover { visibility: visible }
.element_entete a.ce2:hover img { visibility: hidden }

.element_entete a.cm1 { display: block; width: 50px; height: 50px; background-image: url('images/boutons/cm1hover.png') }
.element_entete a.cm1:hover { visibility: visible }
.element_entete a.cm1:hover img { visibility: hidden }

.element_entete a.liens { display: block; width: 90px; height: 43px; background-image: url('images/boutons/lienshover.png') }
.element_entete a.liens:hover { visibility: visible }
.element_entete a.liens:hover img { visibility: hidden }

.element_entete a.fiches { display: block; width: 90px; height: 43px; background-image: url('images/boutons/ficheshover.png') }
.element_entete a.fiches:hover { visibility: visible }
.element_entete a.fiches:hover img { visibility: hidden }

.element_entete a.bonus { display: block; width: 90px; height: 43px; background-image: url('images/boutons/bonus2.png') }
.element_entete a.bonus:hover { visibility: visible }
.element_entete a.bonus:hover img { visibility: hidden }

.xlsf-light {
 position:absolute;
 margin-top:-1px;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(../lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

.special {
 display:none;
 font-size:x-small;
 color:#999;
}

.chv 
{
 display:none;
}

#smileys
{
	font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 10px;
}