/*
CSS file for cercleTrigoSlider jquery plugin
*/
/* 
    Created on : 11 avr. 2014, 12:54:39
    Author     : Ollivier Tristan
*/

body{
    font-family: 'Varela Round', sans-serif;
}

.spacer{
    clear:both;
}

.trigo-slider-miniature{
    position : absolute;
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    z-index : 1004;
}
#centre{
    z-index : 1006;
    text-align : center;
    position : absolute;
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color : white;
}
#centre img{
    display : none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    z-index : 1007;
}
#trigo-slider-description{
    display : none;
    opacity : 0.92;
    position : absolute ;
    background-color : #FFFFFF;
    top : 0px;
    left : 0px;
    z-index : 1006;
}
#trigo-slider-haut,#trigo-slider-bas{
    padding : 0 10px 10px 0;
    text-align : center;
    text-align :center;
    color : #000000;
    opacity : 0.92;
    background-color : #FFFFFF;
    z-index : 1008;
}
#trigo-slider-haut{
    font-size : 28px;
    position : absolute;
}
#trigo-slider-bas{
    position : absolute;
}

div.round {
    float: left;
    height: 310px;
    margin: 50px;
    position: relative;
    width: 310px;
}


div.round input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 60px;
    left: 50px;
    outline: medium none;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 400px;
}

div.round canvas{
    position : absolute;
    top : 0px;
    right : 0px;
    bottom : 0px;
    left : 0px;
}