/* Valeurs par default */
*{list-style:none;margin:0;padding:0;}
html{background:url(img/html.jpg) repeat-x 0 100%;}
body{font:68% Arial, Helvetica, sans-serif; background: url(img/body.jpg) repeat-x;color:#000;}
a{text-decoration:none;color:#1975dd;}
a:hover{color:#0F2D7F;text-decoration:none;}
a img{border:0;}
.clear{visibility:hidden; clear:both}
.bl{position:absolute;left:0;bottom:0;font-size:0; line-height:0;}
.br{position:absolute;right:0;bottom:0;font-size:0; line-height:0;}
.tl{position:absolute;left:0;top:0;font-size:0; line-height:0;}
.tr{position:absolute;right:0;top:0;font-size:0; line-height:0;}
h2{font-size:1.4em; text-transform:capitalize;padding-left:60px;line-height:45px; position:relative;}
h2 img{position:absolute;left:0;font-size:0;line-height:0}





/*===== Structure =======*/
#page{margin:0 15px; background:url(img/rightborder.jpg) repeat-y 100% 0;position:relative;}

#wrapper{background:url(img/leftborder.jpg) repeat-y;;}

#header{background:url(img/header.png) repeat-x 0 100%;height:218px;margin-left:-15px;overflow:hidden;max-width:100%}

#main{background:url(img/main.jpg) no-repeat 0 100%; min-height:10px;}

#inmain{background:url(img/inmain.jpg) no-repeat 100% 100%; padding-left:214px;}

#content{width:100%;float:right; background:url(img/content.jpg) no-repeat 100% 0;min-height:600px; padding-bottom:20px}

#sidebar{width:206px; margin-left:-214px;padding:0 2px 0 6px; background:url(img/sidebar.jpg) no-repeat; min-height:600px;}

#footer{height:47px;background:url(img/footer.jpg); position:relative}








/*=======  Contenu =======*/
/* header */
#header h1{font-size:0;line-height:0;height:100%; max-width:100%}
#header #abspos{position:absolute;right:-15px;top:0; font-size:0; line-height:0}





/* content */
#content #preamble{padding:0 1% 40px 5%;}
#preamble .block{background:url(img/L.jpg) repeat-y; width:40%; margin:0 2%;float:left;position:relative;}
.block .inblock{background:url(img/R.jpg) repeat-y 100% 0;padding:0 10px;}
.inblock h2{background:url(img/T.jpg) repeat-x; padding-top:15px; padding-left:50px;min-height:10px;}
.inblock p{background:url(img/B.jpg) repeat-x 0 100%; padding:15px 3%;font-size:110%;min-height:72px;}

#content .p1{font-size:115%; padding:5px 3% 6px;}


fieldset{-moz-border-radius:5px; border:1px solid rgb(0,0,0);	margin:12px; padding:10px;margin-left:20px;margin-right:20px;font-size:1.1em;}
fieldset legend {clear:both;margin:0;padding:2px;color:black;background:rgb(255,255,255);font-size:1.1em;}
.table_listedoc{background-color:#ffffff;border-collapse: collapse;}
.tr_listedoc, .td_listedoc{background-color:#ffffff;border:thin solid #6495ed;color:#000000;border-collapse: collapse;}
.tr_listedoc_titre{background:url("images/panier_titre.gif") repeat-x;height:26px;}
.td_listedoc_titre{background-color:#ffffff;border-collapse: collapse;}

.citation { border:1px dashed black; background-color:rgb(230,230,230); margin:5px; padding:2px; width:200px; }

.erreur_panier {border-left:1px solid #6495ed;border-right:1px solid #6495ed;border-bottom:1px solid #6495ed; background-color:rgb(230,230,230); margin:5px; padding:2px; text-align:left;font-weight:bold;color:red;}










/* sidebar */
#sidebar h2{font-size:1.2em;height:45px;}
#sidebar h2 img{top:0;}
#sidebar .box{background:url(img/box.jpg) no-repeat 0 100%; padding-bottom:20px;margin-bottom:20px;}
#sidebar .login{background:url(img/box.jpg) no-repeat 0 100%; padding-left:15px;padding-bottom:20px;margin-bottom:20px;}
#searchengine p{padding:15px 10px 5px 0;text-align:right;}
#searchengine input#q{background:url(img/q.jpg);width:148px;height:23px;padding:5px 2px 0 4px; font-size:1.1em;border:0;}
#searchengine input#sub1{background:url(img/sub.jpg);width:28px;height:28px;border:0;cursor:pointer;font-size:0; vertical-align:top;margin-left:3px;}

#sidebar ul li{background:url(img/bullet.jpg) no-repeat 0 55%;line-height:24px;font-size:1.2em;padding-left:25px;text-transform:capitalize;}

#sidebar p{font-size:1.2em;padding-left:25px;}




/* Footer */
#footer span{text-align:center;line-height:12px; font-size:0.9em;padding:15px 30px 0;display:block; position:relative; z-index:1}
#footer span a{font-weight:bold}
#footer span small{font-variant:small-caps}


/* Page Panier */
.panier_fond{background:url("images/panier_titre.gif") repeat-x;height:26px;}
.panier_g{background:url("images/panier_g.gif") no-repeat left;height:21px;padding-top:5px;}
.panier_d{background:url("images/panier_d.gif") no-repeat right;height:21px;padding-top:5px;}
.titre_panier{font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;}

.total_panier_fond{background:url("images/total_panier_fond.png") repeat-x;height:25px;}
.total_panier_g{background:url("images/total_panier_g.png") no-repeat left;height:20px;padding-top:5px;}
.total_panier_d{background:url("images/total_panier_d.png") no-repeat right;height:20px;padding-top:5px;}
.titre_total_panier{font-size:12px;color:#FFFFFF;}

.bord_g{border-left:1px solid #6495ed;}
.bord_d{border-right:1px solid #6495ed;}
.bord_b{border-bottom:1px solid #6495ed;}
.bord_gd{border-right:1px solid #6495ed;border-left:1px solid #6495ed;}
.bord_db{border-right:1px solid #6495ed;border-bottom:1px solid #6495ed;}
.bord_gb{border-left:1px solid #6495ed;border-bottom:1px solid #6495ed;}
.bord_dbg{border-left:1px solid #6495ed;border-right:1px solid #6495ed;border-bottom:1px solid #6495ed;}

.solde_panier { width: 250px; border-radius: 10px 10px; -moz-border-radius: 10px; padding: 5px;float:right;border-color:#6495ed;}
/* /Page Panier */


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

