body {
text-align: center;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#container {
margin-top:0;
margin-left: auto;
margin-right: auto;
width:85%;
text-align: left;
position: relative;
}

a {
color:#009;
}

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

h1 {
width: 198px;
height: 82px;
display: block;
background: url(images/logo-apim.png) no-repeat;
position: relative;
left: 40%;
top: 0;
}

h1 span {
display:none;
}

h2 {
color:#60C;
text-align:center;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
font-variant:small-caps;
margin-top:0;
}

#header {
margin-bottom:5px;
}

#header p{
font-size:1.5em;
font-weight:bold;
margin-top:0;
margin-bottom:10px;;
text-align:center;
}

#bloc1, #bloc2 {
float:left;
font-size:1.3em;
}

#bloc1 {
width:50%;
margin-top:15px;
}

#bloc2 {
width:40%;
margin-left:5%;
background-color:#ECECEC;
}

#bloc3 {
width:45%;
clear:left;
margin-top:25px;
float:left;
font-size:1.3em;
}

#bloc4 {
width:45%;
margin-left:5%;
float:left;
margin-top:25px;
font-size:1.3em;
}

#bloc2 p {
background-color:#FFF;
width:100%;
height:150px;
margin-top:0;
}

#bloc2 ul {
list-style-type:none;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase;
}

#bloc1 h2,  #bloc3 h2{
font-size:1.3em;
}

#bloc2 h2, #bloc4 h2{
font-size:1.5em;
}

#bloc1 p, #bloc2 p, #bloc3 p, #bloc4 p{
text-align:justify;
font-weight:bold;
margin-bottom:20px;
}

#bloc1 strong, #bloc2 strong, #bloc3 strong, #bloc4 strong{
color:#60C;
}

.image {
text-align:center;
}

div.hr {
width:100%;
height:30px;
background :transparent url(images/hr.png) repeat-x;
clear:left;
}

div.hr hr {
display: none;
}