/* 
    Document   : style
    Created on : 13 août 2011, 16:55:36
    Author     : pj
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
body {
    font-family: Arial, serif;
}
a img {
    border: none;
}
a {
    color: #637f97;
}
a:hover {
    text-decoration: none;
    color: #d0514b;
}
/*CONNEXION*/
div.connexion {
    font-size: 0.6em;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin: auto;
    border: solid 1px #000000;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #333333;
}
div.connexion div.erreur {
    color: #000000;
    background-color: #e3cec7;
    font-style: italic;
    border: solid 1px #cc0000;
    padding: 2px 2px 2px 2px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #660000;
}
div.logo {
    background-image: url("./../GFXs/logo.png");
    width: 660px;
    height: 116px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}
/*MENU*/
nav ul.menu li {
    background-image: url('./../GFXs/gradient1.png');
    background-repeat: repeat-x;
    margin-right: 1px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 700;
    padding: 15px 10px 15px 10px;
    border: solid 1px #949394;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #333333;
}
nav ul.menu li:hover {
    background-image: url('./../GFXs/gradient2.png');
    background-repeat: repeat-x;
    border: solid 1px #b93157;
}
nav ul.menu li a {
    color: #000000;
    text-decoration: none;
}
div.haut ul.menu li a:hover {
    color: #333333;
    text-decoration: none;
}
/* CONTENU */
section {
    min-height: 500px;
    background-color: #e9e8e2;
    font-size: 0.8em;
}
section div,
section p {
}
section strong {
    font-weight: 500;
}
section h1 {
    font-size: 1.5em;
    color: #ca8b36;
}
section h2 {
    font-size: 1.2em;
    color: #6396cd;
}
section div.info {
    background-color: #a1978d;
    font-weight: 600;
    color: #333333;
}
section div.info strong {
    font-weight: 600;
}
section div.erreur {
    color: #000000;
    background-color: #e3cec7;
    font-weight: 600;
    border: solid 1px #cc0000;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #660000;
}
section div.captcha {
    background-image: url("./../captcha.png");
    width: 160px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
section div.captchaDroite {
    display: inline-block;
    vertical-align: middle;
}
section span.clign,
div.haut span.clign {
    color: #e7882d;
    text-decoration: blink;
    font-weight: 700;
}
section div.listeAnnonce {
    background-color: #e3dfc7;
    width: 70%;
    margin: auto;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.listeAnnonce h1 {
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 0px;
    padding-top: 0px;
}
section div.listeAnnonce:hover {
    background-color: #e3cec7;
    width: 70%;
    margin: auto;
}
section div.listeAnnoncePub {
    background-color: #e3dfc7;
    width: 70%;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.listeAnnonceGauche {
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    display: inline-block;
    border: solid 1px #000000;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #aaaaaa;
}
section div.listeAnnonceDroite {
    display: inline-block;
    vertical-align: top;
}
section div.pages {
    margin: auto;
    text-align: center;
}
section div.cadre {
    border: solid 1px #adadad;
    width: 70%;
    margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #ffffeb;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.cadrePub {
    border: solid 1px #adadad;
    width: 70%;
    margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #ffffeb;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.cadre2 {
    border: solid 1px #adadad;
    width: 70%;
    padding: 10px 10px 10px 10px;
    background-color: #ffffeb;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.cadre3 {
    background-color: #ffffeb;
    border: solid 1px #adadad;
    width: 70%;
    margin: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #333333;
}
section div.photosMini {
    margin: auto;
    text-align: center;
}
section div.mini {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #000000;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #333333;
}
section div.lienAnnonces {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}
section div.lienAnnonces strong {
    font-weight: 600;
}
/* CONTENU */
/*FOOTER */
footer {
    font-size: 0.8em;
    text-align: center;
}
/* Formulaires */
form {
    color: #68839b;
    font-family: Verdana,sans-serif;
    font-weight: 600;
}
fieldset {
    border: solid 1px #adadad;
    width: 70%;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #333333;
}
legend {
    font-size: 0.9em;
    font-weight: 600;
    font-family: Arial,serif;
}
input[type="submit"],
input[type="radio"],
label {
    cursor: pointer;
}
input[type="submit"]:hover {
    color: #e7882d;
}
input[type="text"],textarea,input[type="password"] {
    color: #637f97;
    font-weight: 700;
    border: solid 1px #8d8d8d;
    font-family: Verdana,sans-serif;
    border-radius: 5px;
}
/*FORMULAIRES */