html
{
margin : auto;
font-family : verdana, arial, sans-serif;
font-size : 100%;
text-align : left;

}
 body
 {
 width:100%;
margin : auto;
font-family : verdana, arial, sans-serif;
font-size : 0.8em;
text-align : left;
background-color : #7180bc;
}
*#global {
width : 99.5%;
height : 100%;
margin-right : auto;
margin-left : auto;
margin-top : 0;
margin-bottom : 0;
text-align : left;
border:1px solid #7180bc;
min-height:490px;
background:#7180bc;
overflow:hidden;
}
ul {
list-style-type : none;
padding : 0;
margin : 0;
margin-top : 0;
margin-left : 20px;
margin-bottom : 0;
}

*#entete {
margin:auto;

width : 99.5%;

max-height:70px;
text-align : center;
border : 1px solid white;
border-bottom:1px solid #7180bc;

background-color:#7180bc;
margin-bottom:0.1em;

}
.logo1
{ float:left;
width:15%;
margin-top:1px;margin:auto;
}
.titre1{
width:40%;
margin:auto;
  
}



.bouton {padding:0 0 0 32px; margin:0; list-style:none; height:25px; background:#fff url(../pro_eight_back.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.bouton li {float:left;}
.bouton li a {display:block;  margin:auto;height:25px; line-height:23px; background:url(../pro_eight_0.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.bouton li a b { display:block; padding:0 12px 0 0; background:url(../pro_eight_0.gif) right top;}
.bouton li.current a {color:#fff; background:url(../pro_eight_2.gif);}
.bouton li.current a b {color:yellow;background:url(../pro_eight_2.gif) right top;}
.bouton li a:hover {color:#000; background:url(../pro_eight_1.gif);}
.bouton li a:hover b {background:url(../pro_eight_1.gif) right top;}
.bouton li.current a:hover {color:#fff; background:url(../pro_eight_2.gif); cursor:default;}
.bouton li.current a:hover b {color:yellow ;background:url(../pro_eight_2.gif) right top;}


*#corpsg {
width : 14%;
height:490px;
max-height : 490px;
float : left;
background-color : #f3f8f5;
border : 1px solid #7180bc;
overflow:auto;
}
.menuast a {
  list-style-type: none;
  display: block;
  width: 98%;
font-family: verdana,helvetica,arial,sans-serif;
  font-size: 0.90em;
  font-weight: bold;
	text-align: center;
	color: navy;
  text-decoration: none;
	margin: 3px 3px 3px 3px ;	
	
}
.menuast a:hover {
    color: white;
	background: blue;
  }
 
*#corpsd {
width : 84%;
height:490px;
float : right;
font-size: 1em;
word-spacing : 5px;
background-color : #f3f8f5;
border : 1px solid #7180bc;
overflow:auto;
max-height:490px;
}
*#corpsd1 {
width : 84%;
margin-top: 1em;
height:450px;
float : right;
font-size: 0.9em;
word-spacing : 5px;
background-color : #f3f8f5;
border : 1px solid #7180bc;
overflow:auto;
max-height:450px;
}

.images { width:70%; float:right; }
.tablimage {margin:auto; text-align:center;
}
.tablimage td  {margin:auto; text-align:center;vertical-align:bottom; 
}
.tablimage  tr {margin:auto; text-align:center;
;
}
.img {
margin:0;padding:0;
border : 1px solid grey;
text-decoration:none;
text-align:right ;
vertical-align:middle;
}
.tableg {
width: 47% ;
background-color: #f4f9fd ;
float: left ;
border: #40e0d0 0px solid;
text-align: left;
font-size: 0.85em;
padding:5px;
font-weight: bold;
}



.tabled {
width: 47% ;
margin-right: opx;
background-color: #f4f9fd ;
float: right ;
border: #40e0d0 0px solid;
padding-left: 0px;
text-align: left;
font-size: 0.85em ;
padding:5px;
font-weight: bold;

}

	
.table#tableau1
	{
       border: solid #000 0px;
    width: 98%;
	}

table#tableau1 td {
        border: solid #000 1px;
	border-top:0px;
font-size:0.75em;
}



.titre {
    font-style: italic;
	font-weight: bold;
    text-align: center;
    background-color: aqua;
 
}
.bios {
    font-weight: bold;
    text-align: center;
    width: 5%;
    background-color: #f5ffb0;

}
.bios1 {
    font-weight: bold;
    text-align: center;
    width: 5%;
    background-color: #ccffff; 

}
.message {
    color: red;
	font-weight: bold;
    text-align: center;
	width: 17%;
    background-color: #f5ffb0; 

}
.message1 {
    color: red;
	font-weight: bold;
    text-align: center;
	width: 17%;
    background-color: #ccffff; 

}

.sign {
    color: ;
    text-align: center;
	width: 29%;
    background-color: #f5ffb0; 

}
.sign1 {
    color: ;
    text-align: center;
	width: 29%;
    background-color: #ccffff;
}
	
.table#tableau2
	{
       border: solid blue 0px;
    width: 98%;
	}

table#tableau2 td {
   
    border: solid blue 1px;
	border-top:0px;
font-size:0.75em;
}
.titre {
    font-style: italic;
	font-weight: bold;
    text-align: center;
    background-color: aqua;

}
.num {
    font-weight: bold;
    text-align: center;
    width: 6%;
    background-color: #f5ffb0;
	color: red;
}
.pilote {
    font-weight: bold;
    text-align: center;
    width: 18%;
    background-color: #f5ffb0;
	color: darkblue;
}


.questce {
       text-align: center;
	width: 30%;
    background-color: #f5ffb0;

}
.expli {
      text-align: center;
	width: 30%;
    background-color: #f5ffb0;

}
.num1 {
    font-weight: bold;
    text-align: center;
    width: 6%;
    background-color: #ccffff;
	color: red;
}
.pilote1 {
    font-weight: bold;
    text-align: center;
    width: 18%;
    background-color: #ccffff;
	color: darkblue;
}


.questce1 {
       text-align: center;
	width: 30%;
    background-color: #ccffff;

}
.expli1 {
       text-align: center;
	width: 30%;
    background-color: #ccffff;

}

.table#tableau3 
	{    
    border: solid #000 0px;   
   width: 98%;
	overflow:auto;
	
	}
table#tableau3 td {
       border: solid  #7180bc 1px;	
	font-size:0.95em;
}
.logo {
    font-weight: bold;
    text-align: center;
    width: 25%;	
}
.baratin {
    color: ;
    text-align: left;
	width: 73%;
}

p    {
		font-size: 0.90em;
		text-align: left;
	text-decoration:none;

	}
a{

text-decoration:none;

}

h1 {
padding : 3;
margin-top : 0;
margin-bottom : 0;
font-size : 4.2em;
font-weight : bold;
font-style : italic;
color : blue;
text-align : center;
}
h2 {
padding : 10px;
padding-bottom : 2px;
margin-bottom : 0;
margin-top : 5px;
color : red;
font-size : 1em;
border-bottom : 0 solid #336699;
}
h3 {
font-family : arial;
font-size : 1em;
font-weight : bold;
text-align : left;
padding-left: 10px;
text-decoration : underline;
color : green;
}
h4 {
font-family : verdana, arial, sans-serif;
font-size : 1em;
font-weight : normal;
text-align : left;
text-indent : 5px;
padding-left:10px;
text-decoration : none;
color : black;
}
h5 {
text-align : left;
font-size : 1em;
font-style : italic;
font-weight : bold;
text-decoration : underline;
color : green;
padding-left : 5px;
margin-top : 0;
margin-bottom : 0;
}
h6 {
text-indent : 5px;
padding-left:10px;
font-size : 1em;
font-weight : normal;
color : blue;
}
a {
text-decoration : none;
}
p {padding-left:10px;
position:relative;
}

a.bulle { position: relative;
color: red;
font-weight: bold;
font-style: normal;
font-size: 11pt;
text-decoration: underline;
font-family: Arial,Helvetica,sans-serif;
}
a.bulle:hover { background-color: rgb(0, 255, 255);
font-style: normal;
font-weight:bold;
z-index: 50;
}
a.bulle span { display: none;
}
a.bulle:hover span { border-style: solid ;
border-color: rgb(174, 0, 0);
border-width: 1px 1px 1px;
padding: 5px;
display: inline;
font-size: 11px;
font-weight: bold;
text-decoration: none;
width: 39%;

height: 75%;

z-index:10000;

background-color: ivory;
position: fixed; top:16%; left:20%;

}