/* $Id: docs.css,v 1.5 2003/02/23 20:12:09 swix Exp $ */
/*
Stylesheet for CSsp site 2 */
/* vim: expandtab
ts=4 sw=4 sts=4 tw=78
*/
body {
    background-color:  #efefff;  /* #efefff;*/
        font-family: Arial, sans-serif;
      color: #000020;   /*  texte */
	
margin: 0px;
   padding: 0em 0px 0em 0px;
   /* ajout pour essai janv 2004 surles scroll bar  */
   scrollbar-face-color: #FF9900; /*#FFCC00; */
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #FFFFCC; 
scrollbar-arrow-color: #000000;
   }
/* ascenseur couleur ppour un div */   
 .divover
{
overflow: auto;
scrollbar-face-color: white;
scrollbar-arrow-color: #FF9900; /*#00F6FF;*/
scrollbar-track-color: efffef;
scrollbar-highlight-color: fefffef;
scrollbar-darkshadow-color: efffef;
scrollbar-shadow-color: #fefefe;
scrollbar-3dlight-color: fefefe;
}  
   
   
   /* lien */
   a {
   text-decoration: none;
       color: #000; /* origine 0000PP ! */
       background-color: #ffbb;    /* au lieu de 40ccff;*/
       font-weight: normal;
      
       }
  /* liens images */
       a:link IMG {background-color :#efffef;
                text-decoration: none;
		 }  
       a:visited IMG {background-color :#efffef;
                text-decoration: none;
		 }  

       
       a:hover  /* lien cliqu‚ */
{    background-color:#ffbb;  /*99ccff  0000cc */
  background-color:#ff8000;            /* ou ff8000 */
    font-weight: bolder
    }
    
    
    div.header {
width: 100%;
    background-color: #ddeeff;
        color: #000000;
    text-align: center;
       padding-bottom: 2px;
       border-bottom: 1px solid #000000;
         font-weight: bold;
	 left: 0px;
	  top: 0px;
	   position: fixed;
	      
/*following MSIE hack was originally written by Riki Fridrich
* <http://www.fczbkk.com> */
    position:
expression("absolute");
   width: expression(document.body.clientWidth);
    top: expression(document.body.scrollTop + this.offsetHeight -
this.offsetHeight);
}

div.header hr {
   display:none;
   }
   div.header a {
       text-decoration: none;
       font-size: small;
       color: #000099;
       background-color:#ddeeff;
   font-weight: normal;
   }
   div.header a:hover {
   background-color: #99CCFF;
      font-weight: bolder
      }
      h1 {
text-align: center;
   padding-left: 5%;
      margin-top:1em;
   background-color:#ddeeff;
     font-size: x-medium;
border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
   clear: both;
   }
   
   h2 {
       padding-left: 8%;
       margin-top: 1em;
           background-color: #ddeeff;
	      font-size:medium;
	        border-top: 1px solid #000000;
		 border-bottom:1px solid #000000;
    clear: both;
    }
    h3 {
        padding-left:10%;
        margin-top: 1em;
         background-color: #ddeeff;
    font-size: medium;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    clear: both;
    }
    
    h4 {
    padding: 0px;
     margin: 10px 5% 2px 5%;
      font-weight:bold;
    color: #000099;
    }



   /* questions dialogue */
            h5 {
text-align: left;
   padding-left: 0;
   font-weight:bold;
   font-style:italic;
   color:red;
  padding-bottom:0;
  margin-bottom:2px;
   }
 /* pour le div boite de menujem  */
 h6 {
        padding-left:10%;
        margin-top: 1em;
         font-size: medium;
     clear: both;
    }


        p {
	   margin: 2px 5% 2px5%;
}

table {
    margin: 1px 0% 1px 0%;  /* correction orig 1 %  */
      border:none;
}
table tr,table td,table th {
    border:none;
}
table.translators {
    text-align: center;
display: table; margin-left: auto; margin-right: auto;
border-collapse: collapse;}
table.translators th {
background-color: #ffcc ; /* #d3dce3;*/
}
table.translators td,
table.translators th {
    border: 1px solid #000000;
    padding: 1px;
    }
ul {
       margin: 1px 2% 1px 2%;
       }
       pre
{
    margin: 2px 2% 2px 2%;
    }
    
    pre.wrap {
      white-space:normal;
}
/* <dl>  <dt>  </dt> <dd></dd></dl>  :paragr d‚cal‚s ...*/
dl {
    margin: 1em 6% 1em 6%;
    }
    dt {
    
font-weight: bold;
   margin-left: 2em;
     padding-top:6px;}
dd {
    margin-left: 4em;
    }
    ol {
       margin: 1em 6% 1em 6%;
       }
       .important {
          color:#bb0000;
}
p.footnote {
    margin: 2px 5% 2px 7%;
}
p.footnote:first-line {
    margin-left: -2%;
    }

.boitebl {
margin : 0em 0px;
background-color :#00ccff;
border : 1px solid #000000;
padding :0.2 em;
}
.boitej {
margin : 0em 0px;
background-color :#ffbb00;
border : 1px solid #000000;
padding :0.2 em;
}

.boitebp
 {margin : 0em 0px;
background-color :#efefff;
border : 1px solid #0000cc;
padding :0.4 em;
}


/* Encadr‚ jaune pastel avec lis rouge*/
.encadrejp {
margin : 0em 2px;
background-color :#ffffcc;
border : 1px solid #ff0000;
padding :1 em;
}


.over {
overflow:auto;
padding : 2px

}

/* Encadr‚ blanc lis rouge  fond … voir*/
.menu {
	background-color:#246494;
	color : #FFFFFF;
	margin-top : 9px;
	padding-bottom : 9px;
	padding-left:8px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu a {
	color : #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	color : #F2F2F2;
}
.titre {
	color : #000040;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 14px;
	font-family : Comic Sans MS,Verdana,Arial;
	font-weight: bold;
}
.titre {
	color : #000040;
	margin-top : 5px;
	padding-bottom : 5px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 14px;
	font-family : Comic Sans MS,Verdana,Arial;
	font-weight: bold;
}

/* tete des menus : un span limite la couleur de fond … la taille du texte dans Firefox */
.hdmenu {
/* background-image: url(hdmenu.gif);     ferait un effet de coin : à affiner */
background-color :#ff0000; 
font-family: Arial, sans-serif;
color :#ffffef ;
font-weight: bold;
margin-left:-4px;
padding-left :2px;
font-size :8pt;
}

.hdmenu2 {
/* pour les infos … droite en page1 */
background-color :#ff0000; 
font-family: Tahoma,Verdana,Arial;
color :#ffffef ;
font-weight: bold;
padding-left :2px;
font-size :8pt;
text-align:center;
}
/*ligne fine -filet rouge */
.ligne {
   padding-left: 5%;
      margin-top:1em;
     font-size: x-medium;
    border-top: 1px solid #ff0000;
     clear: both;
}
.bot {
	color : #000000;
	margin-top : 20px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 200px;
		margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.bot1 {
	color : #000000;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left :20px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.bot a {
	color :#000000;
	text-decoration: none;
}
.bot a:hover {
	color : #294A7B;
}
.bot1 a {
	color : #000000; /*#000000;*/
	text-decoration: none;
}
.bot1 a:hover {
	color : #ff6000; /* #294A7B; */
}
.right {
	color : #003C5E;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}