body{
    background-color:#2679f8;
    font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:0.8em;
}

h1,h2,p,img,table,th,td,tr,form,input,label,ul,li{ margin:0; padding:0; }

a:link,a:visited{ color:black; text-decoration:underline; }
a:hover,a:active{ color:#990065; text-decoration:underline; }
a:active{ color:white; background-color:#a5a3a4; }
a:link.aide,a:visited.aide{ border-bottom:1px dashed #990065; text-decoration:none; }
a:hover.aide,a:active.aide{ cursor:help; }
a.ico{ border:none; text-decoration:none; }

abbr,acronym{ border-bottom:1px dashed #990065; cursor:help; }

img{ border:none; }
img.ico{ margin-bottom:-3px; }
img:hover.ico{ opacity:0.5; filter:alpha(opacity=50); outline:#626061 solid 1px; }
img.photo{ margin:1px; border:none; }
img.v_photo{ margin:1px; }
img.vignette{ margin:1px; }

form.page{
    margin-left:20px;
    padding-left:6em;
    padding-top:3em;
}
label{ font-weight:bold; }
input,select{ width:12em; border:1px solid #626061; }
textarea{ border:1px solid #626061; }
input:focus,select:focus,textarea:focus{ background-color:#fecbec; }

.hidden{ display:none; }
.invisible{ visibility:hidden; }
.clear{ clear:both; }

h1.page{
    color:white;
    font-size:2em;
    letter-spacing:8px;
    padding-top:35px;
    padding-left:75px;
}
h1.aide{
    color:white;
    font-size:2em;
    letter-spacing:8px;
    margin-bottom:0.5em;
    text-align:center;
}
h2.contenu{
    color:white;
    font-size:1.7em;
    letter-spacing:4px;
    text-align:center;
    padding-top:15px;
    margin-bottom:1em;
}
h2.ajout,h2.edit,h2.message{
    color:white;
    font-size:1.5em;
    letter-spacing:2px;
    text-align:center;
    padding-left:1em;
    margin-bottom:1em;
}

ul.vignette{ display:inline; list-style:none; padding:0.5em; }
li.vignette{ float:left; margin-left:0.5em; margin-right:0.5em; margin-bottom:0.5em; width:102px; height:100px; }

p.texte{
    text-indent:2em;
    margin-bottom:1em;
    padding-left:20px;
    padding-right:20px;
}
p.page{
    padding-top:35px;
    padding-left:20px;
    padding-right:210px;
}
p.aide_close{
    text-align:center;
    background-color:#a5a3a4;
}
p:hover.aide_close{
    background-color:#ffea97;
}
p.v_photo{ border:1px dashed #626061; border-bottom:2px solid #626061; }
p.v_reference{ padding:0.5em; padding-bottom:0; border-left:1px solid #626061; border-right:1px solid #626061; }
p.v_localisation{ padding:0.5em; padding-bottom:0; border-left:1px solid #626061; border-right:1px solid #626061; }
p.v_prix{ padding:0.5em; border-left:1px solid #626061; border-right:1px solid #626061; border-bottom:1px solid #626061; }
p.v_chapeau{ padding:0.5em; margin-bottom:0.5em; text-align:center; font-weight:bold; }
p.v_description{ padding:0.5em; }
p.vignette_photo{ width:102px; text-align:center; border:1px dashed #626061; border-bottom:2px solid #626061; }
p.vignette_titre{ width:102px; text-align:center; font-weight:bold; border:1px solid #626061; border-top:none; }

table.liste{
    table-layout:fixed;
    border-collapse:collapse;
    width:740px;
    margin-left:20px;
    margin-bottom:1em;
    background-color:white;
    border-top:1px solid #626061;
    border-left:1px solid #626061;
}
tr.entete{ color:white; background-color:#a5a3a4; }
tr:hover.ligne{ background-color:#fbb6e3; }

th.mandat,th.action,th.photo,th.description,th.localisation,th.prix,th.titre{
    text-align:center;
    border-right:1px solid #626061;
}
th.mandat{ width:80px; }
th.action{ width:100px; }
th.photo{ width:102px; }
th.description{ width:auto; }
th.titre{ width:auto; }
th.localisation{ width:100px; }
th.prix{ width:70px; }

td.mandat,td.action,td.photo,td.description,td.titre,td.localisation,td.prix{
    text-align:center;

    border-bottom:2px solid #626061;
    border-right:1px dashed #626061;
}
td.mandat{ text-align:center; font-weight:bold; }
td.description{ font-style:italic; }
td.localisation{ color:deeppink; }
td.prix{ color:darkturquoise; font-weight:bold; }
td:hover.mandat,td:hover.description,td:hover.titre,td:hover.localisation,td:hover.prix{ cursor:pointer; }

div.col0{
    clear:both;
    width:740px;
    text-align:center;
}
div.col1{
    float:left;
    width:370px;
    text-align:center;
    border-right:2px solid #626061;
}
div.col2{
    width:auto;
    margin-left:370px;
    text-align:center;
}
div.col_g{
    float:left;
    width:204px;
    margin-left:20px;
    margin-bottom:1em;
    background-color:white;
}
div.col_d{
    margin-left:244px;
    margin-right:20px;
    margin-bottom:1em;
    background-color:white;
    border:1px solid #990065;
    border-bottom:2px solid #990065;
}
div#head{
    width:780px;
    margin-top:2em;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:#ff77d3;
}
div#page{
    width:780px;
    height:350px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fe66ca;
    background-image:url("bg_page.jpg");
    background-repeat:no-repeat;
    background-position:50% 10px;
    overflow:hidden;
}
div#contenu{
    width:780px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fe66ca;
    border-top:4px solid #990065;
    overflow:hidden;
}
div#menu{
    width:780px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:#ff65cc;
}
div#foot{
    width:780px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:0.8em;
}

div#aide{
    position:relative;
    margin:1em;
    padding:0.5em;
    border:1px solid #990065;
    background-color:#fe66ca;
}
div#photo{
    position:relative;
    margin:10px;
    padding:5px;
    border:1px solid #990065;
    background-color:#fe66ca;
}
div#ajout,div#edit,div#message{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:1em;
}