/* Version 2 des boutons pour une meilleurs gestion des alignements (23/01/2015) */
.button::-moz-focus-inner{border:0;padding:0}
.button{display:inline-block;zoom:1;cursor:pointer;border:1px solid #bbb;overflow:visible;font:bold 13px arial, helvetica, sans-serif;text-decoration:none;white-space:nowrap;color:#555;background-color:#ddd;background-image:linear-gradient(top,rgba(255,255,255,1), rgba(255,255,255,0)),url(./buttons/blue.png);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-clip:padding-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(0,0,0,.3), 0 2px 2px -1px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.3) inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3), 0 2px 2px -1px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.3) inset;box-shadow:0 1px 0 rgba(0,0,0,.3), 0 2px 2px -1px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.3) inset;text-shadow:0 1px 0 rgba(255,255,255,.9);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:6px 20px}
.button:hover{background-color:#eee;color:#555}
.button:active{background:#e9e9e9;position:relative;top:1px;text-shadow:none;-moz-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;box-shadow:0 1px 1px rgba(0,0,0,.3) inset}
.button[disabled],.button[disabled]:hover,.button[disabled]:active{background:#fafafa;cursor:default;position:static;color:#999;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important;border-color:#eaeaea}
.button.small{padding:4px 12px}
.button.large{text-transform:uppercase;padding:12px 30px}
.button.large:active{top:2px}
.button.color.blue{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/blue.png)}
.button.color.green{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/green.png)}
.button.color.red{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/red.png)}
.button.color:hover{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/select.png)}
.button.color.green:hover{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/green-select.png)}
.button.color.red:hover{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:linear-gradient(top,rgba(255,255,255,.3), rgba(255,255,255,0)),url(./buttons/red-select.png)}
.button.green{background-color:#57a957;border-color:#57a957}
.button.green:hover{background-color:#62c462}
.button.green:active{background:#57a957}
.button.red{background-color:#c43c35;border-color:#c43c35}
.button.red:hover{background-color:#ee5f5b}
.button.red:active{background:#c43c35}
.button.blue{background-color:#269CE9;border-color:#269CE9}
.button.blue:hover{background-color:#70B9E8}
.button.blue:active{background:#269CE9}
.green[disabled],.green[disabled]:hover,.green[disabled]:active{background:#57A957;color:#D2FFD2;border-color:#57A957}
.red[disabled],.red[disabled]:hover,.red[disabled]:active{background:#C43C35;color:#FFD3D3;border-color:#C43C35}
.blue[disabled],.blue[disabled]:hover,.blue[disabled]:active{background:#269CE9;color:#93D5FF;border-color:#269CE9}
.button-group,.button-group li{display:inline;zoom:1}
.button-group{font-size:0;background:rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.07);-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin:0;padding:7px}
.button-group li{margin-right:-1px}
.button-group .button{font-size:13px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.button-group .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset}
.button-group li:first-child .button{-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.button-group li:first-child .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset, -5px 0 5px -3px rgba(0,0,0,.2) inset}
.button-group li:last-child .button{-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.button-group li:last-child .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset, 5px 0 5px -3px rgba(0,0,0,.2) inset}


.button.color.pink{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#EF9B9B}
.button.pink{background-color:#EF9B9B;border-color:#EF9B9B}
.button.pink:hover{background-color:#cfcfcf}

.button.color.purple{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#800080}
.button.purple{background-color:#800080;border-color:#800080}
.button.purple:hover{background-color:#800080}

.button.color.teal{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#008080}
.button.teal{background-color:#008080;border-color:#008080}
.button.teal:hover{background-color:#008080}

.button.color.grey{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#848484}
.button.grey{background-color:#848484;border-color:#848484}
.button.grey:hover{background-color:#848484}

.button.color.o0{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#8A4B08}
.button.color.o1{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#F7BE81}
.button.color.o2{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#FAAC58}
.button.color.o3{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#FE9A2E}
.button.color.o4{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#FF8000}
.button.o0, o1, o2, o3, o4{background-color:#EF9B9B;border-color:#EF9B9B}

.button.o0:hover{background-color:##8A4B08}
.button.o1:hover{background-color:#F7BE81}
.button.o2:hover{background-color:#FAAC58}
.button.o3:hover{background-color:#FE9A2E}
.button.o4:hover{background-color:#FF8000}



.right {
    display: inline-block;
    text-align: right;
    width: 50%;
}

.left {
    display: inline-block;
    text-align: left;
    width: 50%;
}

.boutons {
    margin: 20px 0 15px;
    width: 100%;
    text-align: center;
}