<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


body { 
margin: auto;
padding: 0;
/*background-color: ffffff;*/
font-style:normal;
font-family: Arial, Helvetica, sans-serif;
width:99%;
}

.editid {
	background-color:transparent;
	position:absolute;
	border-style:none;
	top:190px;
	width:500px;
	z-index:1;
	}


#cazformu{
background-color:#FFFFcc;
}

.couleur1{
font-style:normal ;
font:Tahoma;
color:#FF0000;
font-size:34px;
}

.couleur2{
font-style:normal ;
font: Garamond, "Courier New", "Lucida Sans";
color: #663399;
font-size:30px;
}

.couleur3{
font-style:normal ;
font: "Courier New", Courier, monospace;
color: #993300;
font-size:26px;
}


.couleur4{
font-style:normal ;
font: "Courier New", Courier, monospace;
color: #336600;
font-size:22px;
}

.precedent_suivant{
font-style:normal ;
font:Tahoma;
color:#cc33ff;
font-size:26px;}

.numpages{
font-style:normal ;
font:Tahoma;
color:#cc33ff;
font-size:34px;
}

.numpages onClick a:{
color:#FF0000;
size:50px;
/*font-size:50px;*/
}




#global {
float: none;
width:100%;

border:15px;
border-color:#0000CC; //bleu
border-style: solid; 
/*
position:absolute;
z-index:0;*/

}


#id_logo {
float: left ;
width: 20%;
/*position:relative;
margin-left:1px;
margin-right:1500px;*/

/*min-width:150px;*/
}

#id_nom {
float: right;
width: 99%;
/*position:relative;
margin-right:300px;*/
}

#id_menu {
float: left;
width: 100%;
/*margin-right:900px;*/
/*position:relative;*/
 
text-align:center; 


}



.texte_en_lignes{
width:232px;
font-size:20px;
font-style:normal;
/*color:#FF66FF;*/
color: #9900FF;
}



#main {
float: right;
width: 99%;
/*
position:relative;
margin-right:300px;*/

}


.cadre
{ 
border:15px;
border-color:#0000CC; //bleu
border-style: solid; // il existe beaucoup de style 

/*width:200px; // largeur du paragraphe*/
} 



div {
/*background-color: #FFFF33;*/
cursor: url('images/logo_souris.cur');
}

dl, dt, dd, ul, li {
list-style-type: none;
margin:0;
padding:0;
}


td, tr {
cellpadding : 1 ;
padding-bottom: 1;
}

#menu {
width: 13em;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
// letres des menus
border: 1px solid gray;
//background: #006020;
background-color: #CCCCCC;
font-style: normal;
font-size:13px
}

#menu dd {
border: 1px solid gray;
}


#menu li {
/*text-align: center;*/
//background: #FF99FF;
color:black;  background-color: ff99ff
}

#menu dt a:hover {
//background: #fff;
background-color: #66FF66;
}


#menu dt:hover {
background-color: #FF66FF;
font-size:16px;
font-weight:bold;
/*size:200px;/
height:25px;*/
padding:inherit;
margin-left:auto;
margin-right:auto;
}


#menu li a, #menu dt a {
text-decoration: none;
display: block;
border: 0px none;
height: 100%;
font-style:normal;
font-size:13px;
}

#menu ul a {
color: #200080;   // lettres des sous-sous menus bleu
text-decoration: none;
display: block;
border: 0px none;
height: 100%
}


#menu li a:hover{
//background: #FFFF99;
sous-menus; background-color:#FFFF99
}


img {
border:double;
border-color: #990066;
border-width:8pt;
}


.no_bordure {
border: hidden;
border:none;
}

.petites_images {
border:double;
border-color: #993366;
border-width:6pt; width:200px; height:180px;
}





/*cadre arrondi pour les textes*/

 .raised {  
 background: none transparent scroll repeat 0% 0%; width: 100%
 }
 .raised H5 {  
 margin: 0px 10px;
 font-size: 0.7em; color: #86bfc1
 }  

 .raised P {  
 margin: 0px 10px;
 padding-bottom: 0.5em  
 }  
  
 .raised .b1 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 background: #fff; margin: 0px 5px 
  
 }  
 .raised .b2 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 border-right: #eee 1px solid; background: #ccc; border-left: #fff 1px solid;
 border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .raised .b3 {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px ;
 border-right: #ddd 1px solid; background: #ccc; border-left: #fff 1px solid ;
  margin: 0px 2px     
 }  
 .raised .b4 {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #aaa 1px solid; background: #ccc; border-left: #fff 1px solid;
   margin: 0px 1px; height: 2px  
 }  
 .raised .b1b {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px;
 background: #999; margin: 0px 5px   
 }  
 .raised .b2b {  
 display: block; font-size: 1px; overflow: hidden ;
 border-right: #999 1px solid; background: #ccc; border-left: #aaa 1px solid;
 height: 1px;
  border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .raised .b3b {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #999 1px solid; background: #ccc; border-left: #ddd 1px solid;
  margin: 0px 2px;
   height: 1px 
 }  
 .raised .b4b {  
 display: block; font-size: 1px; overflow: hidden;
 border-right: #999 1px solid; background: #ccc; border-left: #eee 1px solid;
  margin: 0px 1px; height: 2px   
 }  



.raised .boxcontent {  
 border-right: #999 1px solid; display: block; background-color: #86bfd1 ; border-left: #fff 1px solid;
 font-style:normal; color:#000000;
 font-family: Geneva, Arial, Helvetica, sans-serif
}
 
 
/*
 .raised .boxcontent {  
 border-right: #999 1px solid; display: block; background-color:#86BFF9 ; border-left: #fff 1px solid;
 font-style:normal; color:#000000
}*/



/*pour les titres*/
 
   
 .titre {  
 background: none transparent scroll repeat 0% 0%; width: 100%; margin-top:15px
 }
 
 .titre H5 {  
 margin: 0px 10px;
 font-size: 0.7em; color: #6633FF 
 }  


 .titre P {  
 margin: 0px 2px;
 padding-bottom: 0.5em;
 text-align:center;
 background-color:#339999
 }  
  
  
 .titre .b1 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 background: #fff; margin: 0px 5px 
  
 }  
 .titre .b2 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 border-right: #eee 1px solid; background: #ccc; border-left: #fff 1px solid;
 border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .titre .b3 {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px ;
 border-right: #ddd 1px solid; background: #ccc; border-left: #fff 1px solid ;
  margin: 0px 2px     
 }  
 .titre.b4 {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #aaa 1px solid; background: #ccc; border-left: #fff 1px solid;
   margin: 0px 1px; height: 2px  
 }  
 .titre .b1b {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px;
 background: #999; margin: 0px 5px   
 }  
 .titre .b2b {  
 display: block; font-size: 1px; overflow: hidden ;
 border-right: #999 1px solid; background: #ccc; border-left: #aaa 1px solid;
 height: 1px;
  border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .titre .b3b {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #999 1px solid; background: #ccc; border-left: #ddd 1px solid;
  margin: 0px 2px;
   height: 1px 
 }  
 .titre .b4b {  
 display: block; font-size: 1px; overflow: hidden;
 border-right: #999 1px solid; background: #ccc; border-left: #eee 1px solid;
  margin: 0px 1px; height: 1px   
 }  

 

 .titre .box_contenu {  
 border-right: #999 1px solid; display: block; background: #ccc; border-left: #fff 1px solid; 
 font-style:normal;
 }

/*pour les autres titres*/

   
 .titre2 {  
 background: none transparent scroll repeat 0% 0%; width: 48%;
 }
 
 .titre2 H5 {  
 margin: 0px 10px;
 font-size: 0.2em; color: #6633FF 
 }  


 .titre2 P {  
 margin: 0px 2px;
 padding-bottom: 0.2em;
 text-align:center;
 background-color:#339999
 }  
  
  
 .titre2 .b1 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 background: #fff; margin: 0px 5px 
  
 }  
 .titre2 .b2 {  
 display: block; font-size: 1px; overflow: hidden;
 height: 1px;
 border-right: #eee 1px solid; background: #ccc; border-left: #fff 1px solid;
 border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .titre2 .b3 {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px ;
 border-right: #ddd 1px solid; background: #ccc; border-left: #fff 1px solid ;
  margin: 0px 2px     
 }  
 .titre2 .b4 {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #aaa 1px solid; background: #ccc; border-left: #fff 1px solid;
   margin: 0px 1px; height: 2px  
 }  
 .titre2 .b1b {  
 display: block; font-size: 1px; overflow: hidden;
  height: 1px;
 background: #999; margin: 0px 5px   
 }  
 .titre2 .b2b {  
 display: block; font-size: 1px; overflow: hidden ;
 border-right: #999 1px solid; background: #ccc; border-left: #aaa 1px solid;
 height: 1px;
  border-top-width: 0px; border-left-width: 2px; border-bottom-width: 0px; margin: 0px 3px; border-right-width: 2px   
 }  
 .titre2 .b3b {  
 display: block; font-size: 1px; overflow: hidden;
  border-right: #999 1px solid; background: #ccc; border-left: #ddd 1px solid;
  margin: 0px 2px;
   height: 1px 
 }  
 .titre2 .b4b {  
 display: block; font-size: 1px; overflow: hidden;
 border-right: #999 1px solid; background: #ccc; border-left: #eee 1px solid;
  margin: 0px 1px; height: 1px   
 }  

 

 .titre2 .box_contenu2 {  
 border-right: #999 1px solid; display: block; background: #ccc; border-left: #fff 1px solid; margin-left:2px; margin-right:2px;
  
   
 }   
 
 .texte_interieur {
 font-size:22px;
 color:#FFFF00;
 text-align:center;
 font-style:normal;

 }
 