body {
margin: 2% 9% 2% 9%;
background:url(images/degradebleuGris3.jpg); 
background-repeat: repeat-x;
background-color: #4e5861;
background-attachment:fixed; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 12px; 
color:#000000; 
}
#loading {
display: block; 
font-size: 15px ;  
color:#3c3c3c; letter-spacing: 3px ; 
font-family: verdana, arial, helvetica, geneva, sans-serif;
}
#cadre_accueil{
background-color:#ffffec;
display:none;
}
.page {
margin: 20px ;
background-color:#ffffec;
border: 0px dotted grey;
padding:10px;
}

.page a {
color:#9f7906; 
border-bottom: #c0c 0px solid;
font-size: 10.5px;  
font-family: "arial narrow", arial, helvetica, geneva, sans-serif; 
text-decoration: none; 
letter-spacing: 1px
}
#page2 {
float: left; 
background-color:#ffffff; 
width:100%; 
height: auto;
}
.head {
font-size: 10px; 
height: auto; 
background-color: 333333; 
float: right; 
font-family: "arial narrow", arial, helvetica, geneva, sans-serif; 
text-decoration: none; 
letter-spacing: 2px
}
.title1 {
background:url(images/Expopartitions.jpg); 
background-repeat: repeat-x;
background-attachment:fixed; 
font-size: 36px;  
padding-left: 10px; 
font-weight: bold;  
text-transform: uppercase; 
color:#ffffec;
font-family: arial, helvetica, geneva, "sans-serif !important"; 
text-align: left;
}

h1 {
background-position: 0px 5px; 
display: block; 
padding-left: 15px; 
font-size: 20px;  color: #303; 
background-repeat: no-repeat; 
font-family: "arial black", arial, helvetica, sans-serif;
}
h2 {//Texte Chapitres
background-position: left top; 
//border-top: #999 1px solid; 
display: block; 
padding-left: 15px; 
padding-bottom: 5px; 
padding-top: 5px; 
font-size: 20px; 
color: #004080; 
font-style: ;
font-family:; 
}
h3 {
background-position: 10px 8px; 
padding-left: 18px; 
font-weight: bold; font-size: 13px;  
color: #464646; 
padding-top: 10px; 
font-style: italic; 
font-family: "arial narrow", arial, helvetica, geneva, sans-serif;
}
h4 {
font-size: 11px;  
font-style: italic; 
font-family: verdana, arial, helvetica, geneva, sans-serif;
padding-left:10px;
}
p {
font-size: 11px; 
font-family: georgia, "times new roman", times, serif;
}
a {
font-size: 10px; 
color: #fff; 
font-family: verdana, arial, helvetica, sans-serif;
}

#sub1,#sub2,#sub3,#sub4,#sub4,#sub5,#sub6,#sub7,#sub8,#sub9,#sub10 {
display: none
}

#column1 {
background-color:#ffffec;
background-repeat: repeat-y;
}
#column1 a {
font-weight: ; 
color:#055a7a;
text-decoration: none; 
font-size: 11px; 
display: block; 
padding-left: 10px; 
padding-right: 5px; 
padding-bottom: 10px;  
padding-top: 10px; 
font-family: verdana, arial, helvetica, geneva, sans-serif;
}
#column1 a:hover {
background-color:#ffffff;
}
#column1 .submenu a {
font-size: 9px; 
font-family: arial, helvetica, geneva, sans-serif! important;  
letter-spacing: 1px; 
padding-left: 25px; 
padding-bottom: 1px; 
padding-top: 1px; 
}
#column2 {
background-color:#ffffec;
color:000033; 
font-family: verdana, arial, helvetica, sans-serif; 
padding-right: 10px;  
padding-left: 10px; 
padding-bottom: 10px;  
padding-top: 10px ;
}
#column2 a {
font-weight: none;
color: #9f7906;
text-decoration: none;
}
.column3 {
background-color:#ffffec;
background-repeat: repeat-y;
padding-right: 10px;  
padding-left: 10px; 
padding-bottom: 10px;  
padding-top: 10px;
}
.column3 a {
color:#9f7906; 
border-bottom: #c0c 0px solid;
font-size: 10.5px;  
font-family: "arial narrow", arial, helvetica, geneva, sans-serif; 
text-decoration: none; 
letter-spacing: 2px
}
.column3 a:hover {
background-color:#fff
}

#tools{
position: absolute; 
z-index:0;
}
#tools a {
color:#000000;text-decoration: none
}
#tools a: hover {
background-color:#ffffff
}
.edition{
 font-size: 10px; 
color:#400000; 
font-style: ; 
font-family:arial, helvetica, geneva, sans-serif;
letter-spacing: 1px;
}
.beautexte{
font-weight: bold; 
font-size: 13px;  
color: #464646; font-style: italic; 
font-family: "arial narrow", arial, helvetica, geneva, sans-serif; 
padding-bottom:5px; 
}
.texte {
font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color:#000000; 
}
.texte a {
font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color:#000000; 
}
.texte1{
color:#000000;background-color: ;font-size:11px;font-family:arial; border-top: 1px dashed #ffffff;
}
.texte2{
color:#000000;background-color:#ffffff;font-size:11px;font-family:arial;
}
.texte2b{
color:#000000;background-color:;font-size:11px;font-family:arial;
}
.texte3{
color:#004080;font-size:13px;font-family:arial;border-bottom: 1px solid #004080; width:80%; padding-bottom:2px;
}
.texte4{
color:333333;font-size:12px;font-family:arial;padding-top:2px;
}
.texte5{
color:#000000;font-size:12px;font-family:arial;padding-top:2px;
}
.texte5 a{
font-weight:none !important ; color:#000000 !important;
}
.texte5 a:hover {
color:#0080c0 !important; border-bottom: #900 1px dashed !important; 
}
.texte6 {
font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color:#0080c0; 
}
.textef1 {
background-color:;font-size:11px;font-family:arial;border:0px solid #000000;color:#000000; 
}
.textef2 {
background-color:;font-size:11px;font-family:arial;border:1px solid #000000;color:#000000; 
}
.textef2b {
background-color:;font-size:11px;font-family:arial;border-bottom:1px solid #000000;color:#000000; 
}
.textef3 {
background-color:;color:#0080c0; font-size:11px;font-family:arial;border-bottom:0px solid #000000;color:#000000; 
}
.textef3b {
background-color:;font-size:11px;font-family:arial;border-bottom:1px solid #000000;color:#000000; 
}
.textef4 {
background-color:;font-size:11px;font-family:arial;border: 1px solid #000000;color:333333; 
}
.textef5 {
background-color:;font-size:11px;font-family:arial;border-bottom: 1px solid #000000;color:#2d2d2d; 
}
.textef6 {
background-color:;font-size:11px;font-family:arial;border: 0px solid #000000;color:330000; 
}
.textef7 {
background-color:;font-size:11px;font-family:arial;border: 1px solid #000000;color:#000000; 
}

.chapter {
font-size: 11px; 
font-family: georgia, "times new roman", times, serif;
display: none; 
background-color:;
text-align:justify;
}
.comment{
font-size: 9px; font-style: italic; font-family: arial, helvetica, geneva, sans-serif;letter-spacing:2
}
.comment a{
color:996633 !important;
}
.texteform{
color:#000000;background-color:#c0c0c0;font-size:12px;font-family:arial;font-weight:bold;border-width:1;border-color:#000000;
}
.texteform1{
color:#000000;background-color:#ffffff;font-size:12px;font-family:arial;font-weight:bold;border-width:1;border-color:#000000
}
.texteform2 {
color:#000000;background-color:#ffffff;font-size:12px;font-family:arial;font-weight:;border-width:1;border-color:#ffffff
}
.texteform3 {
color:#808080;background-color:#ffffec;font-size:12px;border-width:1;border-color:;
}
.bouton{
color:#383838;background-color:#ffffec;font-size:12px;font-family:arial;font-weight:bold;border-width:1;border-color:##ffffff;
}
.bouton1{
color:#000000;background-color:#ffba75;font-size:12px;font-family:arial;border-width:1;border-color:#004000
}
.bouton2 {
color:#000000;background-color:#ffffff;font-size:12px;font-family:arial;border-width:1;border-color:#004000
}
.bouton3{
color:#000000;background-color:#ffffff;font-size:12px;font-family:arial;font-weight:;border-width:1;border-color:#000000
}
.copy {
text-indent :2%;
text-align:justify;
}




#ht1,#ht2, #ht3, #ht4,#ht5,#ht6,#ht7,#ht8,#ht9,#ht10{
position: absolute;
z-index: 100;
top: 0px;
left: 10px;
visibility: hidden;
 }

.hypertext  {
color: #333333;
font: 10px/12px "trebuchet ms", arial, helvetica, geneva, sans-serif;
background-color: #cccccc;
padding: 5px;
border: solid 1px #3399ff;
width: 250px;
layer-background-color: #cccccc 
}

li.main{
list-style-image:url(images/pointer.gif);
padding-left:5px;
margin-left:25px;
}
li.olive{
list-style-type:;
color: cccc66;
padding-left:10px;
}
.subaffichage{
FONT-SIZE: 10px; COLOR: #000000; solid #8080ff; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.box {
    position: relative;
    margin:0px;
    height: 16px;
}
.editbox {    
    position: absolute;
    top: 0px;
    left: 10px;
    background: #ffffff;
    height: 16px; //hauteur de input Text  : 16 pour firefox et GChrome et 18 pour explorer 
    width: 100px;
    border: 0px;
    margin: 0px;
    overflow: hidden; 
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}
.edit {
    width: 100px;
    font-size: 11x;
    background: #ffffff;
    height: 16px;
    border: 1px;
    autocomplete: off;
    outline-width: 0px;
}
.loupe {
    position: absolute;
    top: 0px;
    left: 110px;
}
sup{
/*exposant*/
font-size:11px;
}