/* CSS Document *zengrafom. Marie Pédrotti kit 1*/
body {
font-family: verdana, arial, helvetica, sans-serif;
margin : 0;
padding: 0;
font-size : 80%;
color: #000000;
background-color: #ffffff
}
a, a:link {
color : #000000;
text-decoration : none;
}
a:hover {
color: #ff8a00;
}
#conteneur {
text-align: center;
}

#bloc-centre {
margin-left: 5%;
margin-right: 5%;
text-align: left;
}

#bloc-haut {
height : 30px;
}

#bloc_orange {
float : left;
top : 0;
left : 2px;
width : 170px;
height : 28px;
background-color : #ff8a00;
}
#bloc_rouge {
top : 0;
height : 28px;
width : 100%;
margin-left : 2px;
background-color : #Ad1a12;
}
#bloc_rouge ul{
margin : 0;
padding: 9px;
margin-left : 14px;
}
#bloc_rouge li{
font-size : 100%;
display: inline;
list-style-type: none;
color :#ffffff;
margin : 1em;
line-height: 10px;
}
#bloc_rouge a, a:link {
color : #ffffff; font-weight : bold; text-decoration : none;
}
#bloc_rouge a:hover {
color: #ff8a00;
}
#gauche {
float:left;
margin-top : 2px;
width: 169px;
left : 2px;
}
#bloc_gauche a, a:link {
color : #Ad1a12; font-weight : bold; text-decoration : none;
}
#gauche hr {
background-color : #Ad1a12;
margin-top : 108px;
width : 100%;
height : 3px;
}
#gauche img {
margin-left : 2px;
}
#gauche ul {
list-style-type: none;
text-align : left;
padding : 0;
margin : 0;
height : 15px;
}
#gauche li{
color :#000000;
}
#gauche li.rouge {
background :#F38B36;
color :#ffffff;
font-size : 1em;
padding : 6px;
}
#droite {
margin-top: 2px;
margin-right: 1px;
background-color: #ffffff;
margin-left: 405px;
}
#droite hr {
background-color: #Ad1a12;
width: 100%;
height: 3px;
margin-left: 10px;
}
#droite p {
margin: 10px;
}
#droite ul {
list-style-type: none;
text-align : justify;
padding : 0;
margin : 10px;
}
#droite li{
color :#000000;
}
#droite li.rouge {
background :#F38B36;
color :#ffffff;
font-size : 1em;
padding : 6px;
}
#droite h1, h2{
text-align : left;
background-color :#F38B36;
color :#ffffff;
font-size : 1em;
padding : 6px;
margin : 15px;
}
#droite p.gras{
font-weight : bold;
text-decoration : underline;
text-indent : 20px;
}
#droite p.fond{
font-weight : bold;
text-indent : 20px;
color : #000000;
padding : 3px;
border : dashed 2px #Ad1a12;
}
#droite a, a:link {
color : #Ad1a12; font-weight : bold; text-decoration : none;
}
#milieu {
float : left;
margin-top: 2px;
padding-left : 2px;
margin-left : 2px;
background: #ffffff;
width: 231px;
}
#milieu hr {
background-color : #Ad1a12;
width : 100%;
height : 3px;
margin-top : 0;
}
#milieu p {
margin: 10px;
font-size : 100%;
}
.blanc {
margin : 3px;
color : #ffffff;
}
#footer {
text-align: center;
width : 700px;
margin : 2px;
}
#footer ul {
list-style-type: none;
text-align : center;
padding : 0;
margin : 0;
}
#footer li{
color :#FFFFFF;
}