@CHARSET "UTF-8";
* {
        margin:0;
        padding:0;
}
body {
        font-family:serif;
        font-size:1.5em;
        color:black;
        background-color:white;
}
#page {
        margin:40px;
}
h1#logo {
        position:absolute;
        top:60px;
        left:55px;
        width:109px;
        height:20px;
        font-size:0;
        text-indent:-1000px;
        background:white url("2bass.png") no-repeat;
}
#evitements {
        position:absolute;
        top:5px;
        left:210px;
        font-size:0.8em;
}
/********************* Contenu ******************************/
#contenu {
        margin-left:160px;
        padding:10px 2em;
        border:solid 1px black;
        min-height:600px;
        background-color:#efefef;
}
#contenu #ariane p {
        text-indent:0em;
        font-size:0.8em;
        margin:0;
        position:relative;
        bottom:5px;
        right:20px;
}
#contenu h1 {
        font-size:1.4em;
        font-weight:bold;
        color:#993300;
        margin-bottom:0.2em;
        padding-left:20px;
        background:transparent url("puce.png") no-repeat left;
        border-bottom:solid 1px #ff6600;
}
h2 {
        font-size:1.2em;
        font-weight:bold;
        color:#cc6633;
        margin-left:10px;
        margin-bottom:0.3em;
        padding-left:2px;
        border-bottom:solid 1px #ff6600;
}
h3 {
        font-size:1.1em;
        font-weight:normal;
        margin-left:20px;
        padding-left:2px;
}
div#contenu p {
        margin:0.7em 1em;
        text-indent:1.5em;
        text-align:justify;
        line-height:1.2em;
}
div#contenu ul {
        margin:0.5em 0;
        padding-left:2.5em;
        list-style-image:url("puce-liste.png");
}
div#contenu ul li {
        margin-bottom:0.2em;
}
blockquote {
        margin:0.5em 1em;
        padding:10px 20px 0;
        border:solid 1px #ff6600;
        background:white url("citation.png") no-repeat top left;
}
pre {}
pre code {
        display:block;
        margin-left:1em;
        padding:2px 10px;
        border-top:solid 1px #800000;
        border-bottom:solid 1px #800000;
        border-left:solid 20px #800000;
        background-color:white;
}
dt {
        font-size:1.1em;
        font-weight:bold;
        color:#cc6633;
        margin-left:10px;
        margin-bottom:0.3em;
        padding-left:2px;
}
kbd {
        border:solid 1px black;
        padding:1px 2px;
        background-color:white;
}
.clear {
        clear:both;
}
/********** Realisations ***********/
dl.realisations dt {
        clear:both;
        margin-top:10px;
}
dl.realisations dd.capture {
        float:left;
        margin-right:5px;
        padding:5px;
        border:ridge 2px gray;
        background-color:white;
}
/********** Divers **********/
p.button {
        height:32px;
        padding:6px 2px 2px 32px;
}
p.button_ok {
        background:transparent url("../images/button_ok.png") no-repeat center left;
        color:green;
}
p.button_cancel {
        background:transparent url("../images/button_cancel.png") no-repeat center left;
        color:red;
}
.date {
        font-style:italic;
        font-size:0.8em;
}
/* #ffff99 #59a5ef */
/******************************* Menu *********************************/
#menu {
        position:absolute;
        top:100px;
        left:40px;
        font-size:0.8em;
}
#menu ul {
        list-style-type:none;
}
#menu ul li {
        width:119px;
        margin:1em 0 1.5em;
        padding:1em 30px 1em 10px;
        border-top:solid 1px black;
        border-bottom:solid 1px black;
        border-left:solid 1px black;
        background:white url("bgd-menu.png") repeat-y right;
}
#menu ul li:hover {
        width:145px;
        border:solid 1px black;
        background:#743603;
        
}
#menu ul li:hover a {
        color:white;
}
#menu ul li.actif {
        width:145px;
        border:solid 1px black;
        background:#efefef;
}
#menu a {
        width:130px;
}
/********************** Footer ***********************/
#footer {
        margin-top:15px;
        margin-left:160px;
        text-align:center;
        font-size:0.8em;
}
/*********************** Liens *************************/
a {
        color:#743603;
        text-decoration:underline;
}
/* #ff6600 **/
a.out {
        padding-right:12px;
        color:#3f1e04;
        background:transparent url("out.png") no-repeat right;
}
a:hover {
        text-decoration:none;
}
a:visited {
        color:#ef2c34;
        text-decoration:none;
}
a img {
        border:0;
}
a[hreflang]:after {
        content:" ("attr(hreflang)")";
}
/********************* Formulaires ***********************/
fieldset {
       border:0; 
}
legend {
        font-size:1.4em;
        font-weight:bold;
        color:#993300;
        margin-bottom:1em;
        padding:0 50px 0 20px;
        background:transparent url("puce.png") no-repeat left;
        border-bottom:solid 1px #ff6600;
}
form div {
        margin-top:15px;
        clear:both;
}
form div label {
        width:30%;
        float:left;
}
form div input, form div textarea {
        width:50%;
        border:inset 1px gray;
        padding:2px;
}
form div.submit {
        margin-left:30%;
}