td.intro
{
width:50%;
border=0px;
}
.code
{
 width:550px;
text-indent: 0px; 
background-color: #FFFFFF;
overflow:auto;
padding: 10px;
margin-top:0px;
}
.codexl
{
 width:550px;
 max-height:200px;
text-indent: 0px; 
background-color: #FFFFCC;
overflow:auto;
padding: 5px;
border:1px dashed #000000;
}
.special
{
font-family:"Arial Black",  Arial, serif;
color:#FF00FFCC;
background-color: #1111AA;
}
.special1
{
font-family:"Arial Black",  Arial, serif;
	font-size:130%;
	color:#00FFCC;
	background-color: #1111AA;
}
.special2
{
font-family:"Arial Black",  Arial, serif;
	font-size:130%;
	color:#1111AA;
	background-color: #FFFFCC;
}
.special3
{
font-family:"Arial Black",  Arial, serif;
	font-size:130%;
	color:#CCFF00;
	background-color: #1111AA;
}
.special4
{
font-family:"Arial Black",  Arial, serif;
	font-size:130%;
	color:#FF00CC;
	background-color: #1111AA;
}
.special5
{
cursor:pointer;
font-family:"Arial Black",  Arial, serif;
	font-size:130%;
	color:#FF00CC;
	background-color: #1111AA;
	padding-left: 60px;
}
body
{
   width:780px;
   margin:auto; /* Pour centrer notre page */
   margin-top:20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   margin-bottom:20px;    /* aussi pour le bas du navigateur */
   background-color: #000; /* Un fond pour éviter d'avoir un fond blanc  */
	background-repeat: no-repeat; 
	color:#000000;
}
.somaire
{
margin:0px;
font:arial;
font-size:80%;
color:#000000;
margin:0px;
}
#cadre1/*entête*/
{
   width:100%;
   height:100px;
  /* background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/cours.jpg");*/
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-right: 40px;
   background-color:#333399;
   color: #FFFFFF;
  position: fixed;
   z-index: 2; /* place ce div au dessus des autres */
   left: 0px;
   top: 0px;
}

/* Le corps de la page */

#cadre2/*corps*/
{
   margin-left: 154px;
   margin-bottom: 5px;
   padding: 10px;
   margin-right: 1px;
   color: #000000;
   background-color: #FFFFFF;
  /* background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/texture.jpg");
   background-repeat: repeat-y;*/
   margin-top:140px;
}
#cadre2 h1 /* Tous les titres h1 du corps */
{
   color: #CC9900;
   text-align: center;
   font-family: Arial, "Times New Roman", Times, serif;
}

#cadre2 h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/perles4.png");
   background-repeat: no-repeat; /* L'image  se placera  à gauche du titre */
   padding-left: 20px;
   color: #00FFFF;
   text-align: left;
   margin-top: 110px;
}
#cadre3/*pub*/
{
   width:130px;
   height:400px;
   float:right;
  /* background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/banniere.png");
   background-repeat: no-repeat;*/
   margin-right: 10px;
}
#cadre4/*menu*/
{
   width:140px; /* Il est important de donner une taille au menu */
	margin-top: 0px;
	float:left; /* Le menu flottera à gauche vous pouvez mettre float:right   */
	background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/motif.png");
	color: #FFFFFF;
	padding: 5px;
	
	/*position: fixed;*/
}
.floter-droite
{
width:150px;
float: right;
padding: 0px;
margin: 0px;
} 
.flote-gauche
{
float: left;
padding: 0px;
margin: 0px;
}
.comptour
{
width:20px;
height:20px;
}
.element_menu
{
   background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/motif1.png");
   color: #00FFFF;
   background-repeat: repeat-x;
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu a
{
   color: #00FFFF;
   background-repeat: repeat-x;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #00FFFF;
   color: black;
}
select:hover /* Quand on pointe sur le menu */
{
   background-color: #00FFFF;
   color: black;
}
a
{
   color: #0088FF;
   font-weight: bold;
   background-repeat: repeat-x;
}
a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #00FFFF;
   color: black;
}
#cadre5/*pied_de_page*/
{
	height:200px;
   padding: 5px;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #525262;
   background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/motif.png");
   background-repeat: repeat;
}
#cadre6/*pub*/
{
   width:160px;
   height:100px;
   float:right;
   color: #FFFFFF;
   margin:auto;
   margin-left:80px;
  padding-bottom=0px;
}
p
{
   text-indent: 30px; 
   text-align: left;
   margin-right:5px;
   margin-bottom:3px;
}
/*p:first-letter  Je veux que la première lettre de mes paragraphes...
{
   float: left; 
   font-size: 1.5em; 
   font-weight: bold;
}*/
div h2
{
	width:450px; 
   height: 50px;
   padding-left: 40px;
   color: #0000FF;
   text-align: left;
   text-decoration: underline;
   background-color: #333333;
}
div h3 
{
	background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/perles2.png");
   background-repeat: no-repeat;
	width:425px; 
   height: 25px;
   padding-left: 30px;
   color: #FF00FF;
   text-align: left;
   text-decoration: underline;
   background-color: #FFCCFF;
}
div h4 
{
	background-image: url("http://perso.menara.ma/abdellah1957/public_html/images/perles2.png");
   background-repeat: no-repeat;
   height: 20px;
   width:425px; 
   background-color: #FFCCFF;
   padding: 2px;
    padding-left: 30px;
   text-align: left;
   color:#000000;
   text-decoration: underline;
   margin-bottom: 0px;
   margin-top: 0px;
}
 .bord
 {
 width:425px; 
 margin-bottom: 0px;
 margin-top: 0px;
 }
.colorer
{
	background-color: #CCCCCC;
	padding: 2px;
	color:#000000
}
.colorer-code
{
	text-indent: 0px; 
	background-color: #DDDDDD;
	padding: 2px;
	color:#000000;
	margin: 0px;
	padding: 0px;
	font-family: Times New Roman, Arial, serif;
	font-size:80%;
}
table /* Le tableau lui-même */
{
margin: auto; /* Centré le tableau */
margin-bottom: 10px;
margin-top: 10px;
border: 3px outset blue; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}
th /* Les cellules d'en-tête */
{
background-color: #000066;
color: #FFFFFF;
font-size:120%;
border: 1px solid #CC6600;
}
td /* Les cellules normales */
{
color: #000000;
border: 2px solid #CC6600;
font-family: Times, "Times New Roman", serif;
padding: 5px; /* marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.tete
{
border: 0px;
width: auto;
height: 60px;
padding: 0px;
text-align:center;
}
.tete1
{
border: 0px;
width: auto;
height: 20px;
padding: 0px;
margin-top:0px;
}
.men1
{
padding: 0px;
margin:opx;
height: 20px;
color:#0000FF;
}
.table_xl
{
 line-height: 100%;
 margin-top: 0pt;
 margin-bottom: 0pt;
 border-collapse: collapse;
 border:0px;
 width=540;
 }
/* img
{
width:auto;
height:auto;
} */
.comentaire
{
color:#009933;
}