body {
background-color: #F7F8FA;
background-image: url("images/fond-creation-site.jpg");
background-repeat: repeat-x;
margin: 0;
}

h1 {
font-family: Verdana; 
font-style: normal;
font-weight: bold;
font-size:20px;
color: #D30101;
text-align:center;
  }

p {
font-family: Verdana; 
font-style: normal;
font-weight: normal;
line-height: 16px;
font-size: 12px;
color: #3E3E3E;
text-align: left;
  }

.center {
text-align: center;
}

.justify {
text-align: justify;
}

.droite {
text-align: right;
}

.blanc {
color: #BBDEED;
}

.mini {
font-size: 10px;
text-align: left;
}

.mini-c {
font-size: 10px;
color: #BBDEED;
text-align: center;
}

.grand-c {
font-size: 15px;
text-align: center;
}

.grand {
font-size: 16px;
text-align: left;
}

.grand-c2 {
font-size: 18px;
font-weight: bold;
text-align: center;
}

.bleu {
font-family: Times New Roman, Verdana;
font-size: 10px;
line-height: 12px;
color: #99CCFF;
text-align:center;
}

.bleu-c {
font-size: 18px;
font-weight: bold;
color: #041020;
text-align:center;
}

.bleu-t {
font-weight: bold;
color: #0C5A95;
text-align: left;
}

.b-ciel {
font-size: 16px;
line-height: 20px;
color: #04B9E6;
text-align: center;
}

.bleu-g {
font-size: 16px;
font-weight: bold;
color: #0C5A95;
text-align: left;
}

.mess {
font-size: 20px;
color: #ffffff;
text-align: left;
}

a {
font-family:Verdana;
font-style: normal;
font-weight:normal;
font-size: 12px;
color: #3E3E3E;
text-decoration:underline;
}

a:visited {
color: #3E3E3E;
}

a:hover {
color: #0C5A95;
text-decoration:none;
}

a.t-grand:link {
font-size: 18px;
color: #ffffff;

}

a.t-grand:visited {
font-size: 18px;
color: #ffffff;
}

a.t-grand:hover {
font-size: 18px;
color: #0D5A94;
text-decoration:none;
}

a.grand:link {
font-size: 16px;
font-weight: bold;
color: #3E3E3E;

}

a.grand:visited {
font-size: 16px;
font-weight: bold;
color: #3E3E3E;
}

a.grand:hover {
font-size: 16px;
font-weight: bold;
color: #0D5A94;
text-decoration:none;
}

a.petit:link {
font-family: Verdana;
font-size:10px;
color: #BBDEED;
font-weight: normal;

}

a.petit:visited {
font-family: Verdana;
font-size:10px;
color: #BBDEED;
font-weight: normal;
}

a.petit:hover {
font-family: Verdana;
font-size:10px;
color: #04B9E6;
font-weight: normal;
text-decoration:underline;
}

a.bleu:link {
font-family: Times New Roman, Verdana;
font-size: 10px;
line-height: 12px;
color: #99CCFF;
text-align:center;
text-decoration:none;
}

a.bleu:visited {
font-family: Times New Roman, Verdana;
font-size: 10px;
line-height: 12px;
color: #99CCFF;
text-align:center;
text-decoration:none;
}

a.bleu:hover {
font-family: Times New Roman, Verdana;
font-size: 10px;
line-height: 12px;
color: #99CCFF;
text-align:center;
text-decoration:underline;
}

#fond-page { background:url(images/fp-creation-site.jpg) repeat-x; color:#ffffff;}

#bas-page { background:url(images/bp-creation-site.jpg) repeat-x; color:#020F18;}

#lien {
    width: 600px; 
font-family:Verdana; 
font-size:15px;
color: #ffffff;
text-align:center;
}

.liens {
    border: solid #ffffff 1px;
    width: 300px; 
}

li {
font-family: Verdana; 
font-style: normal;
font-weight: normal;
line-height: 22px;
font-size: 14px;
color: #ffffff;
text-align: left;
  }