/*CSS document*/

body{
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -200px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     border: 1px solid #000;
     }	 
	 
a
{
text-decoration:none;
color:#cc0000;
font-style:italic;
}
a:hover
{
/*text-decoration:none;
color:#ffcc33;
background-color: #cc0000 ; 
font-style:italic;*/
}

h5
{
	font-family: verdana,arial, sans-serif ;
	font-size: 30px ; 
	color: black ;
	font-weight: bold ;
	text-align: center ; 
}

.h5
{
	font-family: verdana,arial, sans-serif ;
	font-size: 24px ; 
	color: black ;
	font-weight: bold ;
	text-align: center ; 
}

.lettrine1: first-letter
{
font-family: times, arial, sans-serif ;
font-style: italic ;
font-size: 4em ;
color: green ; 
margin-right: 7px ;
float: left ;
}

.lettrine2: first-letter
{
font-family: arial, verdana,sans-serif ;
font-size: 3em ; 
background-color: #00CC00 ; 
border: solid 1px #006600 ; 
color: yellow ; 
font-weight: bold ; 
padding: 0.1em ; 
margin-right: 7px ;
float: left ;
line-height:100% ;
}

.titre
{
font-family: verdana,arial, sans-serif ;
font-size: 14px ; 
color: #cc0000 ; 
font-weight: bold ; 
text-align: center ; 
font-style:italic;


}

/* bordure jaune*/
.jaunedbg {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid; 
border-top-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px; 
border-color: #ffcc33;
}

.jauneg {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid; 
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:1px; 
border-color: #ffcc33;
}

.jauned {
border-left-style: none; 
border-right-style: solid;
border-bottom-style: none;
border-top-style: none;
border-left-width:0px; 
border-right-width:1px;
border-bottom-width:0px;
border-top-width:0px;
border-color: #ffcc33;
}

/* bordure verte*/
.vertdbg {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid; 
border-top-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px; 
border-color: #ddea80;
}

.vertg {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid; 
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:1px; 
border-color: #ddea80;
}

.vertd {
border-left-style: none; 
border-right-style: solid;
border-bottom-style: none;
border-top-style: none;
border-left-width:0px; 
border-right-width:1px;
border-bottom-width:0px;
border-top-width:0px;
border-color: #ddea80;
}

/* bordure violet*/
.violetdbg {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid; 
border-top-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px; 
border-color: #d46fd0;
}

.violetg {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid; 
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:1px; 
border-color: #d46fd0;
}

.violetd {
border-left-style: none; 
border-right-style: solid;
border-bottom-style: none;
border-top-style: none;
border-left-width:0px; 
border-right-width:1px;
border-bottom-width:0px;
border-top-width:0px;
border-color: #d46fd0;
}

/* bordure rouge*/
.rougedbg {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid; 
border-top-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px; 
border-color: #ce0000;
}

.rougeg {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid; 
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:1px; 
border-color: #ce0000;
}

.rouged {
border-left-style: none; 
border-right-style: solid;
border-bottom-style: none;
border-top-style: none;
border-left-width:0px; 
border-right-width:1px;
border-bottom-width:0px;
border-top-width:0px;
border-color: #ce0000;
}


.cellule {
border-left-style: none; 
border-right-style: none;
border-bottom-style: solid;
border-top-style: solid;
border-left-width:0px; 
border-right-width:0px;
border-bottom-width:1px;
border-top-width:1px;
border-color: #ce0000;
}


.conteneur {
  text-align: center;
}
.centre {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  text-align: left;
}

.constantes {
margin: 1em 50px;
background-color: #ffff00;
border: 1px solid #000000;
padding: 0.5em;
}
.proportionnelles {
margin: 1em 05%;
background-color: #ffff00;
border: 1px solid #000000;
padding: 0.5em;
}

.menu {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  background-color: #ffecce;
  border: 1px solid #666666;
  margin: 1em;
 

} 

.jaune {background-color: #FFFF00 ;}
.vert {background-color: #00FF00 ;}

.lien1:link 
{
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #d63939;
text-decoration:none;
}

.lien1:visited
{
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #d63939;
text-decoration:none;
}

.lien1:hover
{
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #d63939;
text-decoration:none;
background-color:#ffcc00 ;
} 

.logo
{ 
position: absolute ;
top: 10px ; 
left: 0px;
width: 210px ;
padding: 20px ;
}

.lettre26
{ 
position: absolute ;
top: 10px ; 
left: 300px;
width: 210px ;
padding: 20px ;
}

.bouton
{ 
position: absolute ;
top: 1409px; 
left: 258px;
padding: 20px ;
}


.menugauche
{ 
position: absolute ;
top: 150px ; 
left: 0px;
width: 210px ;
padding: 20px ; 
}

.page
{ 
position: absolute ;
top: 193px; 
left: 284px; 
width: 546px ; 
}


.deux
{ position: absolute ;
left: 55% ;
top: 430px ; 
font-family: Arial, Helvetica, sans-serif ; 
color: #000000 ;
background-color: #FFFF00 ;
width: 40%;}

.Style18 {font-size: 9px; color: #FF9900; }
.Style6 {font-size: 12px}