body {
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
background-image:url(../images/fond_ciel.jpg);
}
.colGauche {
width : 48%;
float : left;
position : relative;
}
.colDroite {
width : 48%;
float : left;
position : relative;
}
#menu {
position:fixed; 
z-index:1; 
top:45px; 
left:10px; 
width:18%;
}
#moteur {
position:absolute; 
z-index:1; 
top:20px; 
left:10px; 
width:20%;
text-align:center;
}
#corp {
position:absolute; 
top:20px; 
left:180px; 
width:74%;
}
#carte {
float : left;
text-align : center;
width : 58%;
/*background-color : #fff;*/
margin : 5px;
border-style : solid;
border-width : 2px;
border-color : #86aae0;
}
#petiteCarte {
float : left;
text-align : center;
width : 35%;
font-size : 85%;
/*background-color : #fff;*/
margin : 5px;
/*
border-style : solid;
border-width : 2px;
border-color : red;
*/
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #CC0033;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #FFFFFF;
background-color: #86aae0;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: normal;
display : inline;
<--!background-color: #66CCFF;
}
h4 {
font-weight: bold;
font-size: 90%;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-decoration: none;
text-align:center;
display : inline;
color : #fff;
}
h4 a {
color: #fff;
}
h4 a:link {
text-decoration: none;
color: #fff;
}
h4 a:hover {
text-decoration: underline;
color: #fff;
}
h4 a:active {
text-decoration: none;
color: #fff;
}
h5 a:visited {
text-decoration: none;
color: #fff;
}
h5 {
color: #000000;
font-size: 90%;
font-family: Arial, Helvetica, Geneva, sans-serif;
background-color: #CCCCFF;
display : inline;
}
a:link {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.soustitre {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: normal;
background-color: #66CCFF;
}
.titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #FFFFFF;
background-color: #9999FF;
}
.menuHead  {
color: #fff;
font-weight: bold;
font-size: 90%;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-decoration: none;
text-align:center;
}
.menuInter  {
color: #fff;
font-size: 90%;
font-family: Arial, Helvetica, Geneva, sans-serif;
text-decoration: none;
text-align:center;
}
.menuOption {
color: #000000;
font-size: 90%;
font-family: Arial, Helvetica, Geneva, sans-serif;
background-color: #CCCCFF;
}
.fond1 {
width: 10em;
background-color: #86aae0;
border-style: outset;
border-width: thin;
text-align: center;
}
.fond2 {
width: 10em;
background-color: #CCCCFF;
text-align: center;
border-style: outset;
border-width: thin;
}
.comic16gras {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
color: #CC0033;
}
.comic14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: normal;
color: #CC3300
}
.comic12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color:white;
}
.bordure {
background-color: #9999FF;
border-style: outset;
border-width: thin;
}
.sommet {
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
font-weight: normal;
}
.tdmenu 
{ width: 24%;
valign: top;
}
.tdcorp {
width: 76%;
valign: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
}
.justify {
text-align:justify;
width:9em;
font-size: 85%;
}
img {
border : none;
}