*{
    font-size:14px;
    font-family:Arial;
    color:#737373;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 25px;
}

html{
    height:100%;
}

body{
    font-size:18px;
    font-family:Arial;
    color:#737373;
    height:100%;
}

body .row{
    max-width: 1200px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

body div.clear{
    clear:both;
}

body h1{
    font-size:40px;
    font-weight:bold;
    color:#00a0dd;
    padding-top:12px;
}

body h2{
    font-size:14px;
    font-weight:bold;
}

body #sb-site .row{
    border:1px solid #8e8e8e;
    box-shadow: 1px 1px 12px #555;
    min-height:100%;
    margin-top:20px;
    padding:15px;
}

body #sb-site .row #entete{
    position:relative;
    min-height:180px;
    padding:15px;
}

body #sb-site .row #entete p{
    font-size:20px;
    color:#00a0dd;
    text-align:center;
}

body #sb-site .row li{
    list-style:none; 
    font-weight:bold;  
    font-size:25px; 
}

body #sb-site .row #eo{
    position:absolute;
    bottom:5%;
    left:5%;
    color:#9152ba;
}

body #sb-site .row #ol{
    position:absolute;
    top:30%;
    left:5%;
    color:#f8aa00;
}

body #sb-site .row #logo{
    position:absolute;
    top:56%;
    left:42%;
    color:#d6206e;
}

body #sb-site .row #ee{
    position:absolute;
    top:35%;
    right:5%;
    color:#5cc0d8;
}

body #sb-site .row #edu{
    position:absolute;
    bottom:5%;
    right:5%;
    color:#234690;
}

body #sb-site .row p{
    font-size:18px;
    line-height:25px;
    color:#00a0dd;
}

body #sb-site .row p .bleuFonce{
    font-size:18px;
    color:#203a8f;
}

body textarea{
    width:100%;
    height:300px;
}

body input.submit{
    background:#593784;
    color:#fff;
    border-radius:10px;
    border:1px solid #593784;
    padding:5px 10px;
    cursor:pointer;
    float:right;
    width:auto;
    margin-right:15px;
}

body input.submit:hover{
    background:#fff;
    color:#593784;
}

body #sb-site .row p a{
    font-size:18px;
    color:#203a8f;
}

body #sb-site .row #emailEnvoye{
    background:#0bcf6a;
    border:2px solid #000;
    padding:15px;
    margin-bottom:15px;
}

body #sb-site .row #emailEnvoye p{
    color:#fff;
}

body .avisStar{
    cursor:pointer;
}




@media screen and (max-width: 1200px){

    body #sb-site .row li{  
        font-size:18px; 
    }
}

@media screen and (max-width: 800px){

}

@media screen and (max-width: 767px){
    body #sb-site .row #entete{
        min-height:250px;
    }
}