*:focus {outline: none;}

p.titre
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

p.corps
{
    margin-top: 35px;
    /*text-align: center*/
}

p.entete
{
    position: fixed;
    top: 0px;
    right: 0px;
    height: 16px;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-align: right;
}

input.perso
{
/*     margin-top: 135px; */
    background: white;
    border: 5px solid grey;
    height: 26px;
    padding: 4px;
    width: 600px;
    vertical-align: -4px;
    font-size: 18px;
}

input.perso:hover
{
    background:rgba(200,200,200,0.2);
    border: 5px solid white;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/*input.index
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 350px;
}

input.r
{
    margin-top: 0px;
    padding: 0px;
}*/

div.corps
{
    margin-top: 15px;
    border: 2px solid grey;
    padding: 10px;
    margin-bottom: 15px;
}

p.cadre
{
    background: white;
    border: 5px solid grey;
    padding: 2px;
    width: 130px;
    font-size: 16px;
    text-align: center;
}

p.cadre:hover
{
    background:rgba(200,200,200,0.2);
    border: 5px solid white;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

p.cadre_survol
{
    padding: 2px;
    width: 130px;
    font-size: 16px;
    text-align: center;
    background:rgba(200,200,200,0.2);
    border: 5px solid white;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.pied
{
    position: absolute;
    bottom: 18px;
    left: 15px;
    font-size: 12px;
}

/*div.corps_gauche
{
    position: relative;
    float: left;
    width: 47%;
    margin-top: 15px;
    border: 2px solid grey;
    padding: 10px;
    margin-bottom: 15px;
}*/

div.description div
{
    display: none;
}

div.clear
{
    clear: left;
}

div.description:hover div
{
    display: block;
    position: relative;
    float: right;
    top: 10px;
    left: -25px;
    width:100%;
    bottom: 50%;
    padding: 5px;
    margin: 0px;
    z-index: 100;
    color: black;
    background-color: rgb(200,200,200);
    border: 5px solid grey;
/*     font: 10px Verdana, sans-serif; text-align: center; */

}

textarea
{
    border: 5px solid grey;
    position:relative;
    float:top;
/*     top:25px; */
    width: 300px;
    height: 50px;
}

textarea:hover
{
    background:rgba(200,200,200,0.2);
    border: 5px solid white;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

div.objet div
{
    display: none;
}

div.objet:hover div
{
    display: block;
    position: absolute;
    float: left;
    top: 40px;
    left: 6%;
    width: 92%;
    height: 95%;
    padding: 5px;
    margin: 0px;
    z-index: 100;
    color: black;
    background: white;
}

li
{
    display:inline;
    position:relative;
    float:left;
    left: 30px;
    margin-left: 30px;
    line-height:1.4;
    margin:11px 0 .2em;
    width:19%;
    height: 25px;
}

/*li div {
    position: absolute;
}*/

ul
{
    -webkit-appearance: none;
/*     position: relative; */
    display:inline-block;
    list-style:none;
    margin:0 0 13px;
    padding:0;
    width:100%
}

div.groupe
{
/*     float:left; */
/*     display: inline-block; */
/*     max-width:600px; */
    width: 99%;
}

body
{
/*     text-align: center; */
    color:black;
/*     height: 100%; */
    background-color:white;
/*     background:rgba(200,200,200,1); */
    font-family: Verdana, Geneva, Arial;
    padding: 0;
}

object, iframe
{
    border: 4px solid grey;
    margin-top: 3px;
}

/*object.taille_variable:hover
{
    margin-left:-6px;
    margin-right:-6px;
}*/

html, body, object, iframe
{
    height: 98%;
    padding: 0;
}

input.chk
{
    width:30px;
/*     background-color: grey; */
    background:rgba(200,200,200,1); 
    border:5px;
}

.chkperso input
{
    display: none;
}

.chkperso span
{
    width: 8px;
    height: 8px;
    display:inline-block;
    background: white;
    border: 5px solid grey;
}

.chkperso input:checked + span
{
    background:grey;
    border: 5px solid grey;
}
