body
{
margin: auto;
background-color: #1e1918;
font-family: serif;
font-family: calibri, "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 14px;
}

p
{
margin: 0;
padding: 0;
padding-top: 3px;  
}
table{
background-color:#fff7d1;
border-collapse : collapse;
}
.bordure{
border:1px solid #f4e2a1;
}
.bordure2{
border:1px solid #f4e2a1;
background-color: #f8ebab;
}
.rouge{
color: red;
}
.bleu{
color: green;
}
input.ok{
background-image : url('../design/ok.gif');
width: 28px;
height: 22px;
border : none;
cursor:pointer;
color:white;
font-size:12px;

font-weight: bold;
}
h2{color : #493e3c;;}

input.inscription{
background-image : url('../design/inscrire.gif');
width: 96px;
height: 29px;
border : none;
cursor:pointer;

}
input{
position:relative;
z-index:0;
}
.separ{
margin-left:-30px;
background-image : url('../design/sepalien.png');
width: 179px;
height: 2px;

}
ul
{ 

margin-top: 0;
margin-bottom: 0;  
}
li{
list-style-image: url("../design/puce.png");
}
#conteneur
{

}
legend{
color : #be0000;
}
fieldset{
border-top: 1px solid #f4e2a1;
border-left: 1px solid #f4e2a1;
border-right: 1px solid #f4e2a1;
border-bottom: none;
background-color : #fffbe7;
}
#fieldfin{
margin-left : 2px;
}
#field1{
background-image:url('../design/1.png');
width: 18px;
height : 16px;
float:left;
}
#field2{
background-image:url('../design/2.png');
width: 95.2%;
height : 16px;
float:left;
}
#field3{
background-image:url('../design/3.png');
width: 16px;
height : 16px;
float:left;
}
#corps{
text-align: justify;
width: 965px;
background-image: url('../design/corps.png');
background-repeat: repeat-y;
}
#pdp{
width: 965px;
height: 178px;
background-image: url('../design/pdp.png');
background-repeat: no-repeat;
color : white;
padding-top: 50px;
}
#header
{
width: 965px;
height: 492px;
background-image: url('../design/header.png');
background-repeat: no-repeat;
z-index:0;
position:relative;
}
#menu_gauche{
float:left;
margin-top:-20px;
margin-left:-20px;
width : 200px;
position:relative;
}
a{
text-decoration:none;
color : #ae0000;
}
a:hover{
text-decoration:none;
color : #3e3533;
}
#contenu{
z-index:15;
position:relative;
margin-left : 15px;
float:left;
margin-top:-260px;
width : 750px;

}
#portefeuille{
z-index:10;
position:relative;
width: 196px;
height: 159px;
background-image: url('../design/portefeuille.png');
background-repeat: no-repeat;
}
#inpf{
font-weight:bold;
color : #be0000;
font-size: 25px;
text-align: right;
padding-right : 20px;
padding-top : 47px;
}

#menu_titre{
color:white;
font-weight:bold;
font-size:20px;
text-align : center;
width: 196px;
height: 50px;
background-image: url('../design/titrem.png');
background-repeat: no-repeat;
}
#menu_pdp{

width: 196px;
height: 40px;
background-image: url('../design/pdpm.png');
background-repeat: no-repeat;
}
#menu_corps{
width: 196px;
background-image: url('../design/corpsm.png');
background-repeat:repeat-y;
}

/*
/////////////////////////////////////////////////////////////////////////////////////:
/////////////////////////////////////////////////////////////////////////////////////:
/////////////////////////////////////////////////////////////////////////////////////:
/////////////////////////////////////////////////////////////////////////////////////:
*/


#barreh{
position:relative;
background-image: url('../design/barreh.png');
width:100%;
height: 44px;
background-repeat:repeat-x;
}
#barrem{
background-image: url('../design/barrem.png');
width:604px;
height: 26px;
}
#barret{
background-image: url('../design/barret.png');
color:white;
font-size:16px;
}

.good{
color:#BE0000;
}
.bad{
color :#ad4141;
}
#all{
margin-top:-10px;
width:800px;
min-height:600px;
border-left:1px solid #3d85be;
border-right:1px solid #3d85be;
}
#logo{
background-image: url('../design/logo.png');
width: 100px;
height: 37px;
float:left;
}
#login{
color : #ffffff;
font-size:16pt;
float:right;
margin-right : 50px;
margin-top : 10px;
}
input.titrec{
text-align: center;
background-color:white;
color :#3d8ac6;
border: 1px solid #3b7aab;
}
.big_boite{
position:relative;

border : 1px solid #F4E2A1;
width:100%;
z-index:10;
}
.addboite{
border-left : 1px solid #F4E2A1;
border-right : 1px solid #F4E2A1;
width:100%;
}
#texte{
margin-top:5px;
color: #78a6ca;
text-align: justify;
width:100%;
float:left;
}
#close{
position:absolute;
right:0px;top:0px;
}
.change{
position:absolute;
right:15px;bottom:0px;
}
#img_perso{
text-align:center;
color : white;
font-size:10px;
background-color: #78a6ca;
padding:5px;

}
#barre_droite{
font-size:10px;
margin : 5px;
text-align:left;
color:black;
}

#titreb{
background-image: url('../design/hautb.png');
width:100%;
height: 19px;
}
#titrec{
background-image: url('../design/hautc.png');
width:100%;
padding : 5px;

}
#titreba{
background-image: url('../design/hautba.png');
width:100%;
height: 15px;
}
.comm{
margin-top:5px;
border-top : 1px dotted #BE0000;
font-size:12px;
}
.bout_mur{
position:relative;
width:100%;
}

#insc table{margin-top:100px;
border-collapse:collapse;
}
#insc td{
background-color: #78a6ca;
border:1px solid black;
color:#ffffff;

}
#fieldfin2{
margin-left : -1px;
}
#field12{
background-image:url('../design/1.png');
width: 18px;
height : 16px;
float:left;
}
#field22{
background-image:url('../design/2.png');
width: 95.45%;
height : 16px;
float:left;
}
#field32{
background-image:url('../design/3.png');
width: 16px;
height : 16px;
float:left;
}
        .bubbleInfo {
            position: relative;
        }
        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
                position: absolute;
                
                z-index: 50;
                border-collapse: collapse;
        }

        .popup td.corner {
                height: 15px;
                width: 19px;
        }

        .popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
        .popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                }

        table.popup-contents th {
                text-align: right;
                text-transform: lowercase;
                }

        table.popup-contents td {
                text-align: left;
                }

        tr#release-notes th {
                text-align: left;
                text-indent: -9999px;
                background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
                height: 17px;
                }

        tr#release-notes td a {
                color: #333;
        }

.boiboite{
border : 2px solid green;
float:left;

}
.nostyle{


}