body {
background-color: white;
color: #222;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}

h1,h2,h3 {
color: black;
}

a {
text-decoration: none;
color: #900;
font-weight: bold;
}

a:hover {
color: #f00;
}

p {
margin: 1em 0em 0em 1em;
}

h2 {
margin: 1em 0em 1em 0em;
border-style: solid;
border-color: black;
border-width: 0px 0px 1px 0px;
}

h3 {
margin: 1em 0em 1em 0em;
border-style: solid;
border-color: black;
border-width: 0px 0px 1px 0px;
}

small { font-size: 70% }

#logo {
width: 50px;
height: 61px;
background-image: url(red.gif);
vertical-align: middle;
margin: 0px 6px 1px 0px;
}


#validhtml {
float: right;
margin: 0px 1em 0px 0px;
}

#validhtml a {
font-weight: bold;
font-size: 12px;
color: #222;
}

#validcss {
float: right;
margin:0px 1em 0px 0px;
}

#validcss a {
font-weight: bold;
font-size: 12px;
color: #222;
}

#titre {
font-weight: bold;
font-size: 28px;
color: black;
}

#titre a {
color: black;
}

#sous-titre {
font-size: 14px;
font-weight: normal;
}

#tour {
margin: 10px;
}


.bloc, #bloc_pied {
width: 100%;
}

#bloc_entete {
width: 100%;
border-style: solid;
border-color: #c01010;
border-width: 0px 0px 3px 0px;
background-color: white;
}


#entete1 {
display: inline;
float: left;
padding-left: 1%;
padding-right: 15px;
}

#entete2 {
display: block;
margin: 0px 0px 0px 5px;
}

#fin_entete, .fin_bloc {
clear: both;
}

#sep_bloc {
background-color: white;
border-style: solid;
border-color: #c01010;
border-width: 3px 0px 3px 0px;
padding-left: 1%;
width: auto;
}


.debut_bloc {
display: inline;
width: 1%;
float: left;
height: 1px;
}

.rgutter {
display: inline;
width: 1%;
float: left;
height: 1px;
}

#bloc2a {
display: inline;
width: 30%;
float: left;
margin: 1em 0em 1em 0em;
border-style: solid;
border-color: #c01010;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#bloc2b {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
border-style: solid;
border-color: #c01010;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#bloc2c {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
padding-right: 1%;
padding-left: 1%;
}

#bloc1a {
display: inline;
width: 30%;
float: left;
margin: 1em 0em 1em 0em;
border-style: solid;
border-color: #c01010;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#bloc1b {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
border-style: solid;
border-color: #c01010;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
padding-left: 1%;
}

#bloc1c {
display: inline;
width: 29%;
float: left;
margin: 1em 0em 1em 1%;
padding-right: 1%;
padding-left: 1%;
}


#pied p {
margin: 0px;
padding: 0px;
}

#pied {
background-color:white;
height: 50px;
border-style: solid;
border-color: #c01010;
border-width: 3px 0px 0px 0px;
padding-top: .5em;
padding-left: 1%;
width: auto;
text-align: left;
}

#debut_entete {
float: right;	  
padding: 4px;
}

#debut_entete img {
border: 0px;
}

h1 {
margin: 0px;
padding: .5em;
font-variant: small-caps;
}

h2 { margin: 0px 0px 10px 0px; }

#corps {
margin: 2% 2% 2% 9%;
text-align: justify;
}

#corps h2 {
margin: 0em 0em 0em -1em;
}

#corps p {
margin: 1em 0em 1em 0em;
}


#menu_bord {
display: inline;
width: 20%;
float: right;
padding: 10px;
}

#menu {
padding: 0em 0em 1em 0em;
text-align: left;
background-color: #ddd;
border-style: solid;
border-color: #c01010;
border-width: 1px;
}


.bloc ul {
margin: 0px 0px 0px 1em;
padding-top: 0px;
padding-bottom: 0px;
}

.bloc p {
margin: 0px 0px 0px 1em;
padding-bottom: 0px;
padding-top: 0px;
}


#important  {
    margin: 20px 20px 20px 10px; 
    clear : both;
    margin : 0px 0px 0px 0px;
    float : none;
}

#important p {
    font : italic 15pt/25pt georgia;
    text-align : center;
    color : #c01010;
}

#date {
font : italic 10pt/15pt georgia;
margin:0px 1em 0px 0px;

}