body {
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size: 100% ;
}
tr {
	vertical-align: top;
	width: 100%;
}
tr.ristretto {
	vertical-align: top;
	width: 96%;
}
td.usual{
 width: 15%;
 	font-size:200%;
}
td.usual6{
border: 1px solid black;
width: 10%;
font-size:75%;
text-align:center
}
td.usual2{
 width: 85%;
 font-size:100%;
}

td.usual3{
 border: 1px solid black;
 width: 50%;
 padding-left:5%; 
}
td.usual3a{
 width: 30%;
 font-weight:bold;
 padding-left:5%; 
}
td.usual3c{
border: 1px solid black;
 width: 30%;
 font-weight:bold;
 padding-left:5%; 
}
td.foot{
 width: 33%;
 font-weight:bold;
 text-align: center;
 vertical-align:middle"; 
}
td.usual3b{
 width: 70%; 
}
td.usual3bis{
 border: 1px solid black;
 width: 50%;
 padding-left:5%;
 font-size:75%; 
}
td.usual4{
 border: 1px solid black;
 width: 20%;
 padding-left:5%;
}
td.usual5{
 border: 1px solid black;
 width: 15%;
 padding-left:5%;
}
.bild {
  max-width: 80%;
  max-height: 100%;
  display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
p{
padding:1%
}
p.fort{
font-size:150%;font-weight:bolder;
}
a:link { color: #000000; font-size:150%; text-decoration: none}
a:hover { color: #3366CC; font-size:150%; text-decoration: none}


a.blue:link{ color: #000000; font-size:80%; text-decoration: none}
a.blue:hover{ color: #3366CC; font-size:80%; text-decoration: none}

a.t1:link{ display: inline-block; width:90%; margin-right:1%; padding: 5%; color: #FF0000; font-size:75%; text-decoration: none; border: 1px solid #FF0000; font-weight:bold; background-color:#white;}
a.t1:hover{ color: #FF6A00; font-size:75%; text-decoration: none; background-color:white;}
a.t1:visited{ color: #FF6A00; font-size:100%; text-decoration: none; background-color:white;}

a.t2:link{ display: inline-block; width:90%; margin-left:1%; padding: 5%; color: black; font-size:100%; text-decoration: none; border: 1px solid black; font-weight:bold; background-color:#white;}
a.t2:hover{ color: #A0A0A0; font-size:100%; text-decoration: none; background-color:white;}
a.t2:visited{ color: #A0A0A0; font-size:100%; text-decoration: none; background-color:white;}

a.t3:link{ display: inline-block; width:90%; margin-right:1%; padding: 5%; color: #21007F; font-size:75%; text-decoration: none; border: 1px solid #21007F; font-weight:bold; background-color:#white;}
a.t3:hover{ color: #0094FF; font-size:75%; text-decoration: none; background-color:white;}
a.t3:visited{ color: #0094FF; font-size:100%; text-decoration: none; background-color:white;}




#dummy {
 text-align:center; 
}

div#preload { display: none; }

#main {
  margin-left: auto ;
  margin-right: auto ;
  width: 96%;
	height: 100%;
	border: 4px red inset;
	border-collapse: collapse;
	vertical-align: top;
	
}
#principal {
  
  position:absolute;
  top:30%;
  width: 100%;
  margin-left: auto ;
  margin-right: auto ;  
	border: 2px #FDCF44 inset;
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}
#principal0 {
  
  position:absolute;
  top:13%;
  width: 100%;
  margin-left: auto ;
  margin-right: auto ;
  border-collapse: collapse;  
  vertical-align: top;
  text-align:left;
	
}
#principal2 {
  margin-left: auto ;
  margin-right: auto ;
  width: 100%;
  position:relative;
  top:130px;
	
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}
#principal3 {
  
  position:absolute;
  top:13%;
  width: 96%;
  margin-left: auto ;
  margin-right: auto ;  
	border: 2px #FDCF44 inset;
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}
#principal4 {
  
  position:absolute;
  top:30%;
  width: 96%;
  height: 96%;
  margin-left: auto ;
  margin-right: auto ;  
	border: 2px #FDCF44 inset;
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}

#principal5 {
  
  position:absolute;
  top:13%;
  width: 96%;
  margin-left: auto ;
  margin-right: auto ;  
	
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}
#principal6 {
  
  position:absolute;
  top:13%;
  width: 98%;
  margin-left: auto ;
  margin-right: auto ;  

	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}

#principal0 {
  
  position:absolute;
  top:20%;
  width: 96%;
  margin-left: auto ;
  margin-right: auto ;
    border-style:double;
    border-color:#51B9FF;	
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
}

#principal7 {
  
  position:absolute;
  top:2%;
  width: 96%;
  margin-left: auto ;
  margin-right: auto ;
    border-style:double;
    border-color:black;	
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	font-size:250%
	
}
#pop {
  
  position:relative;
  width: 75%;
  margin-left: auto ;
  margin-right: auto ;
    border-style:double;
    border-color:red;	
	border-collapse: collapse;
	vertical-align: top;
	text-align:left;
	
	
}
#upper {
	background: black;
	height: 10%;
}
#noir {
    position: fixed;
    z-index: 99; 
    background: #FFFFFF;
    margin-left: auto ;
    margin-right: auto ;
    width: 96%;
      
  }

#toolbar {
    position: fixed;
    z-index: 99; 
    background: #FFFFFF;
    
    margin-left: auto ;
  margin-right: auto ;
  width: 96%;
  top:21%;
  border-width:2px;
  border-style:solid;
  border-color:#51B9FF;
  }
  #toolbar2 {
    position: fixed;
  margin-left: auto ;
  margin-right: auto ;
    z-index: 99; 
    background: #FFFFFF;    
  
  width: 96%;
  top:2%;
  border-width:2px;
  border-style:solid;
  border-color:#51B9FF;
  }
  
#container {
	width:100%;
}
#down {
	background: #FFFFFF;
		height: 90%;
}
#footer_fr {
	margin-top:3%;
	margin-bottom:3%;
	border-style: solid;
	font-size : 50%;
	font-weight: 300; 
	text-align:center;
	border:0px;
	color : black;
	font-family : Tahoma, sans-serif;
	overflow:hidden;
	clear:both;
	display:block;
}
.formuleph {
 width:92%;
 margin-left: auto ;
 margin-right: auto ;
 border-width: 1px;
 border-style: solid;
 border-color: grey;
 color:grey;
 font-size:140%;
 font-weight:bold;
 text-align:center;
}
.defph {
 width:88%;
 margin-left: auto ;
 margin-right: auto ;
 border-width: 1px;
 border-style: solid;
 border-color: grey;
 color:grey;
  
}
.aid {
 width:88%;
 margin-left: auto ;
 margin-right: auto ;
 border-width: 4px;
 border-style: solid;
 border-color: #CB5B48;
 border-radius: 25px;
 box-shadow: 10px 10px 5px #888888;
 color:grey;
  
}
.tut {
 width:88%;
 margin-left: auto ;
 margin-right: auto ;
 border-width: 4px;
 border-style: solid;
 border-color: #44981F;
 border-radius: 25px;
 box-shadow: 10px 10px 5px #888888;
 color:grey;
  
}
table.center {
    width:96%; 
    margin-left:20%; 
    margin-right:20%;
  }
  table.centerhide {
    width:60%; 
    margin-left:20%; 
    margin-right:20%;
    display:none
  }
 #wrappertopleft {
    
    position: absolute;
    left: 50%; top: 50%; /*move the object to the center of the parent object*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*these 5 settings change the base (or registration) point of the wrapper object to it's own center - so we align child center with parent center*/
}

.centertext {
  margin-left: auto ;
  margin-right: auto ;
  width: 50%; 
	text-align:left;
	
}

.entete{
color: white;
text-align: center;
}

.boutons{
text-align: center;
}

.norm0 {
font-size:75%;
text-align: left;
  
}
.norm {
color:blue;
text-align: left;
  
}

a.norm:link{ color: #3366CC; font-size:100%; text-decoration: none}
a.norm:hover:{ color: #000000; font-size:100%; text-decoration: none}
a.norm:visited:{ color: #000000; font-size:100%; text-decoration: none}

.title {
	font-size: 120%;
	color: #404040;
	vertical-align: text-bottom;
}


	
	.bildiane {
  max-width: 60%;
	max-height: 75%;
  display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	.bildx {
  max-width: 80%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	.bildy {
  max-width: 96%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	.bildz {
  max-width: 45%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	.schmalbild {
  max-width: 90%;
	max-height: 100%;
  border:0;	
	}
	.halbbild {
  max-width: 46%;
	max-height: 50%;
  border:0;	
	}
	.viertelbild {
  max-width: 23%;
	
  border:0;	
	}
	.box {
  max-width: 5.50%;
  max-height: 8%;
  float:left;  
	border:0;	
	}
	.petiteimage {
  width: 12%;
	border:1;	
	}
	.ppetiteimage {
  width: 5%;
	border:1;	
	}
	.trespetiteimage {
  width: 1%;
	border:1;	
	
	}
		.hide {
	position:absolute;
  top: 0px;
	height:1%;
  display:none	
	}
.ie7.bild {
  max-width: 80%;
	max-height: 100%;
  display:block;
  text-align: center;
  border:0;	
	}	
	.ie7.bildx {
  max-width: 80%;
	display:block;
  text-align: center;
  border:0;	
	}	
	.ie7.bildiane {
  max-width: 80%;
	display:block;
  text-align: center;
  border:0;	
	}	
	.bild2 {
  max-width: 95%;
	height: 95%;
  display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
.ie7.bild2 {
  max-width: 80%;
	max-height: 100%;
  display:block;
  text-align: center;
  border:0;
	}	
	.bild3 {
  width: 90%;
	max-height: 70%;
  display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
.ie7.bild3 {
  width: 90%;
	max-height: 70%;
  display:block;
  text-align: center;
  border:0;	
	}	
	
	.bildessai { 
  max-width: 80%;
	display:none;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	.divessai { 
  max-width: 95%;
	display:none;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	
	}
	.divessai2 { 
  max-width: 95%;
	display:none;
  margin-left: auto;
  margin-right: auto;	
	border:0;
  white-space:pre-wrap;	
	}
	.bildall { 
  max-width: 80%; 
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
	
	.ie7.bildessai{
  max-width: 80%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
  }
  .ie7.divessai{
  max-width: 80%;
	visibility:hidden;
  margin-left: auto;
  margin-right: auto;	
	border:0;
  	
  }
  
	.bildblock { 
  max-width: 80%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	}
		.divblock { 
  max-width: 95%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	
	}
	.divblock2 { 
  max-width: 95%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	white-space:pre-wrap;
	}
	.ie7.divblock{
  max-width: 80%;
	display:block;
  margin-left: auto;
  margin-right: auto;	
	border:0;	
	white-space:pre-wrap;
  }
	.formula {
  
  top:10%;
  margin-left: auto;
  margin-right: auto;	
  width:96%;
  height:auto;
	border:0;	
	}
.ques {
	max-width: 90%;
	max-height: 90%;
	}


.centereddiv{
width:50%;
 margin-left: auto ;
 margin-right: auto ;
}

.bold{
font-weight:bold;

}
.midlarge {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 96%;
}
.mid {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 76%;
}
.midsmall {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 76%;
font-size:75%
}
.midcentered {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 100%;
text-align:center;
}
.mid0 {
text-align:center;
font-size: 140%;

}
.midcenteredsmall {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 100%;
text-align:center;
font-size:75%
}

.midc {
margin-left: auto ;
margin-right: auto ;
display:block;
color:darkblue;
width: 76%;
}
.midj {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 76%;
text-align:justify;
}
.commentaire {
margin-left: auto ;
margin-right: auto ;
margin-top: 2%;
padding:1%;
font-style: italic;
border: 2px blue inset;
border-collapse: collapse;
width: 90%;
display:none;
}
.bold {
font-weight:bold;
}
.ubold {
font-weight:bold;
text-decoration: underline
}
.italic {
font-style:italic;
}
.bigitalic {
font-style:italic;
font-size:120%;
white-space: nowrap;
}
.uitalic {
font-style:italic;
text-decoration: underline
}
.italic {
font-style:italic;
}
.uitalic {
font-style:italic;
text-decoration: underline
}
.midspaced {
margin-left: auto ;
margin-right: auto ;
display:block;
width: 76%;
white-space:pre-wrap;
}
.insertion {
   margin-left: auto ;
   margin-right: auto ;
   border: 2px green inset;
   width: 80%;
   font-style:italic;
   
}
h1 {
  margin-left:2%;
  margin-right:2%;
  font-size:140% !important;
  color:#44981F !important;
  text-align:center !important;
}
h2 {
  margin-left:2%;
  margin-right:2%;
  font-size:120% !important;
  color:#44981F !important;
  text-align:center !important;
}
h3 {
  margin-left:2%;
  margin-right:2%;
  font-size:100% !important;
  color:#44981F !important;
  text-align:center !important;
  font-style:italic  !important;
}
h1.wichtig {
  font-size:140% !important;
  color:#FFFFFF !important;
  text-align:center !important;
}
h2.wichtig {
  font-size:120% !important;
  color:#FFFFFF !important;
  text-align:center !important;
}
h3.wichtig {
  font-size:100% !important;
  color:#FFFFFF !important;
  text-align:center !important;
}
h1.iane {
  font-size:140% !important;
  color:#FFFFC9 !important;
  text-align:center !important;
}

h3.iane {
  font-size:100% !important;
  color:#FFFFC9 !important;
  text-align:center !important;
}
video, audio, object, figure {
display:block;
margin-left:5%;
margin-right:5%;
width:90%;
height:auto;

.hidden{
 dispay:none
}



}