/* Design CSS annuaire-emploi-france.fr */
* {
padding : 0;
margin : 0;
}
body {
color : white;
background-color : #fbf6d8;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
width : 100%;
}
div {
padding : 20px;
padding-bottom : 0;
border : 0;
margin-bottom : 0;
}
acronym, abbr {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
text-align : center;
letter-spacing : 2px;
line-height : 1.5;
}
blockquote {
color : #080808;
background-color : #fffee1;
border : 1px solid #f8e5bd;
padding : 6px;
}
em {
font-size : 72%;
font-weight : normal;
}
h1, h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-bottom : 1em;
}
h1 {
text-align : center;
color : #8c6a47;
font-size : 180%;
}
h2 {
font-size : 150%;
font-style : normal;
letter-spacing : 2px;
padding-top : 10px;
border-top : 1px solid #a9155a;
margin-top : 20px;
}
hr {
background-color : #eaaf88;
border : 0;
margin : 6px auto;
}
kbd {
background : #eee;
color : #555;
font-weight : bold;
border-width : 1px 3px 4px 2px;
border-style : solid;
border-color : #ccc #aaa #888 #bbb;
padding : 1px 2px;
}
ol, ul, li {
margin-left : 16px;
}
li {
margin : 0 0 0 1em;
}
p, ul {
margin : 0 0 1em 0;
}
a {
text-decoration : none;
outline : none;
}
a:link {
color : #d90000;
}
a:visited {
color : #cc6666;
}
a:hover, a:focus {
text-decoration : underline;
}
a:active {
color : #d99898;
background-color : transparent;
}
a.flash:link {
color : #d43230;
text-decoration : none;
}
a.flash:visited {
color : #944b20;
text-decoration : underline;
}
a.flash:hover {
color : #d43230;
text-decoration : overline;
border : 0;
}
table, th, tr, td {
border : 0;
}
#enveloppe {
color : black;
background-color : #ffeea0;
width : 90%;
border : 1px solid #8c8c8c;
margin : 5px auto;
}
#entete {
top : 0;
text-align : center;
color : black;
background-image : url(/images/fond/etoile2.jpg);
background-repeat : no-repeat;
background-position : left 0%;
background-color : #ffeea0;
}
#entete p {
padding : 5px 0;
margin-bottom : 0;
}
#entete img {
background-color : transparent;
border : 0;
}
#menu {
text-align : right;
color : black;
background-color : #ffeea0;
padding : 5px 0 4px 10px;
border-bottom : 1px solid #8c8c8c;
}
#menu ul, #categorie ul {
margin-bottom : 0;
}
#menu li, #categorie li {
display : inline;
list-style-type : none;
margin : 0;
}
#pub {
background-color : #fff6d3;
border-right : 1px solid #8c8c8c;
border-left : 1px solid #8c8c8c;
}
#categorie a.selection {
color : white;
background-color : #caa183;
}
#categorie {
text-align : center;
}
#corpsaccueil {
text-align : left;
background-color : #fff6d3;
border : 1px solid #8c8c8c;
border-top : 0;
margin : 0;
}
#corpsaccueil img {
background-color : #ffffff;
background-position : top center;
width : 120px;
height : 90px;
padding : 2px;
border : 1px solid #8c8c8c;
}
#corpsaccueil img.pr
{
float:right;
width : 40px;
height : 8px;
}
#corpsaccueil .large {
width : 100%;
}
#corpsaccueil .imgTop {
vertical-align : top;
}
#corpsaccueil h2 {
text-align : right;
color : #963320;
font-size : 110%;
font-style : normal;
letter-spacing : 2px;
background-color : #f8e5bd;
padding : 2px 20px;
border : 0;
margin : 0;
}
#corpsaccueil p {
text-align : left;
}
#corpsaccueil .verif {
background-color : #ffedc0;
}
#piedpage {
background-image : url(/images/fond/etoile2.jpg);
background-repeat : no-repeat;
background-position : right 0%;
padding : 20px;
padding-top : 10px;
margin-top : 20px;
}
#piedpage img {
border : 0;
}
#alert {
color : #ffeea0;
background-color : #de8442;
width : 85%;
padding : 6px;
border : 1px outset #8f542a;
margin : 2px auto 1em auto;
}
#alert h2 {
text-align : left;
color : #080808;
}
#alert em {
color : #f8f8f8;
font-size : 90%;
}
.centre {
text-align : center;
}
.droite {
text-align : right;
}
.gauche {
text-align : left;
}
#menu a {
color : #333333;
background-color : #ffeda0;
font-weight : bold;
padding : 4px 8px;
border : 1px solid #8c8c8c;
}
#menu a:active {
background-color : transparent;
}
#menu a:hover, #pageaccueil #menu1 a, #pagecontact #menu2 a, #pagesoumettre #menu3 a {
text-decoration : none;
color : black;
background-color : #fff6d3;
padding-bottom : 5px;
border-bottom : none;
}
#categorie a {
color : #333333;
background-color : #ffeda0;
font-weight : bold;
font-size : xx-small;
padding : 2px 4px;
border : 1px solid #8c8c8c;
}
form {
background-color : #eee;
width : 85%;
padding : 20px;
border : 1px solid #8c8c8c;
margin : 10px auto;
}
fieldset {
top : 0.5em;
padding : 0.5em 1em;
}
input {
background-color : #e9eaeb;
border : 1px inset;
}
input.bouton {
color : #020c0b;
background-color : #ffd85e;
font-size : 80%;
font-weight : bold;
border : 2px outset #ffecb3;
cursor : pointer;
}
input.select {
color : #ffffff;
cursor : pointer;
background-color : #929bc4;
font-weight : bold;
border : 2px outset;
}
input.select:active {
color : #000000;
background-color : #99ccff;
border : 2px inset #ffffff;
}
input:focus, textarea:focus {
background-color : #d9d9d9;
}
label {
display : block;
font-weight : bold;
}
select, option {
color : black;
background-color : #dedff5;
font-size : 100%;
border : 2px outset #eff0fa;
}
textarea {
color : #000000;
background-color : #dedfe2;
border : 1px solid black;
width : 100%;
}
p#notes {
border-bottom : 1px dotted black;
padding-bottom : 1em;
}
p#footer {
border-top : 1px dotted black;
padding-top : 1em;
}
code {
font-size : 0.9em;
}
html > body code {
font-size : 1.3em;
}
#formulaire, #form, #form2, #form3 {
border : 1px solid black;
color : black;
background : #fefcf5;
margin : 0;
padding : 1em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 {
font-style : normal;
padding : 0 1em 1em;
margin : 0;
}
#formulaire legend#form, legend #form2, legend #form3 {
color : blue;
background-color : transparent;
font-weight : bold;
}
#formulaire p #form, p #form2, p #form3 {
padding : 0.2em 0;
margin : 0 0 0.2em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 label {
float : left;
text-align : right;
line-height : 1.8em;
width : 45%;
padding : 0 0.5em 0 0;
margin : 0;
}
#formulaire, #fom2, #form3, label:hover, input {
cursor : pointer;
}
div label:hover, span {
cursor : default;
}
div.align span.left {
float : left;
text-align : left;
width : 5%;
cursor : pointer;
}
div.align span.center {
float : left;
text-align : left;
width : 33%;
cursor : help;
}
div.align span.right {
float : left;
text-align : left;
width : 60%;
cursor : help;
}