body {
text-align: center;
margin: 0;
padding: 0;
}
img {
margin: 0;
border-style: none;
border-width: 0;
}
a {
color: #ff7200;
text-decoration: none;
}
a:hover {
color: #ff7200;
text-decoration: underline;
}
h1 {
color: #fff;
font-size: 30px;
margin: 0 0 0 497px;
padding-top: 185px;
padding-bottom: 0;
padding-left: 0;
}
dt {
margin-top: 5px;
margin-bottom: 5px;
}
dd {
margin: 0 20px 0 15px;
padding-left: 5px;
border-left: 1px solid #696969;
}
acronym {
color: #16384f;
text-decoration: none;
margin-bottom: 1px;
border-bottom: 1px dashed #16384f;
cursor: help;
}
acronym:hover {
color: #606;
text-decoration: none;
cursor: help;
margin-bottom: 1px;
border-bottom: 1px dashed #606;
}
#conteneur {
text-align: left;
width: 700px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
#navigation {
font-weight: 550;
background-color: #f4f5e1;
width: 700px;
height: 40px;
overflow: hidden;
}
#navigation ul {
font-size: 13px;
font-family: "Times New Roman", Georgia, Times, serif;
font-weight: 700;
text-transform: uppercase;
margin: 15px 0 5px;
padding: 0;
list-style-type: none;
}
#navigation li {
width: auto;
float: left;
margin: 0;
padding: 0 0 0 18px;
display: block;
}
#navigation a {
color: #16384f;
text-decoration: none;
}
#navigation a:hover {
color: #000;
text-decoration: overline;
}
#bandeau {
background-image: url(charte/bandeau.jpg);
background-repeat: no-repeat;
width: 700px;
height: 241px;
}
#colonne h4 { color: #ff7200; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; }
#contenu {
width: 500px;
border-right: 1px solid #ccc;
}
#contenu blockquote p {
color: #000;
}
#contenu ul {
margin-left: 40px;
list-style-type: none;
}
#contenu li {
background-image: url(charte/puce_bleue.gif);
background-repeat: no-repeat;
padding-top: 4px;
padding-left: 20px;
}
#spacer {
clear: both;
}
.spacer {
clear: both;
}
#footer {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(charte/footer.gif);
background-repeat: repeat-y;
text-transform: uppercase;
width: 700px;
margin-bottom: 20px;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#footer a {
color: #000;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
}
#footer a:hover {
color: #16384f;
padding-right: 5px;
padding-left: 5px;
}
#accessibilite { margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
#accessibilite img {
margin-right: 5px;
}
#formulaire { width: 380px; top: 20px; margin-top: 25px; padding-left: 50px; }
#formulaire label  { font-size: 11px; text-align: right; display: block; margin-top: 5px; margin-right: 5px; width: 130px; float: left }
#formulaire input { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-top: 3px; margin-bottom: 2px; border: solid 1px #808080; }
#formulaire textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-top: 3px; margin-bottom: 2px; border: solid 1px #808080; }
.haut {
width: 180px;
text-align: center;
text-transform: lowercase;
float: right;
display: block;
}
.portfolio {
width: 370px;
float: left;
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
display: inline;
}
.screenshot {
float: left;
padding-top: 10px;
margin-right: 10px;
display: block;
}
.afficher_masquer {
background-image: url(charte/bout_aff_masquer.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px;
}
.illus1 { float: right; }