/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 janv. 2016, 19:52:26
    Author     : martin
*/


#refarea {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#larea {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rarea {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}







#refareaENCADR {
    width: 98%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lareaENCADR {
    width: 98%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rareaENCADR {
    width: 98%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}



#refareaFRACT {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lareaFRACT {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
}

#rareaFRACT {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
}

#refareaCJ {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lareaCJ {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rareaCJ {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}


#refareaCONV {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lefareaCONV {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rareaCONV {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}


#refareaAIRE {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lareaAIRE {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rareaAIRE {
    width: 80%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}


#refareaDIVIS {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#lareaDIVIS {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}

#rareaDIVIS {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
}


.pronompers {
    min-width: 60px;
    height: 60px;
    background: orange;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
}

.rempli {
   width: 100%;
    height: 100%;
}


.cacher {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: white;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
}


.cacherDIVIS {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-color: white;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.refitemDIVIS {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}


.refitemENCADR {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}

.refitemFRACT {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}

.refitemCA {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}

.refitemCONV {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}

.refitemAIRE {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}


.refitemCJ {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}


.refitem {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: blue;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
    color: orange;
}

.refitemTagertr {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(255,175,75,1);
    background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
}

.refitemTagert1 {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: gray;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
}

.refitemTagert {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: yellow;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
    background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    text-align: center;
    vertical-align: middle;
    color: blue;
}


.refitemTagertred {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(246,41,12,1) 51%, rgba(241,111,92,1) 93%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(240,47,23,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(93%, rgba(241,111,92,1)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(246,41,12,1) 51%, rgba(241,111,92,1) 93%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(246,41,12,1) 51%, rgba(241,111,92,1) 93%, rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(246,41,12,1) 51%, rgba(241,111,92,1) 93%, rgba(231,56,39,1) 100%);
    background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 50%, rgba(246,41,12,1) 51%, rgba(241,111,92,1) 93%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
    color: white;
}

.refitemTagertsol {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(98,125,77,1);
    background: -moz-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(98,125,77,1) 78%, rgba(31,59,8,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(98,125,77,1)), color-stop(78%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
    background: -webkit-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(98,125,77,1) 78%, rgba(31,59,8,1) 100%);
    background: -o-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(98,125,77,1) 78%, rgba(31,59,8,1) 100%);
    background: -ms-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(98,125,77,1) 78%, rgba(31,59,8,1) 100%);
    background: linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(98,125,77,1) 78%, rgba(31,59,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=1 );
    color: yellow;
}

.refitemTagertDIVIS {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background: yellow;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
    background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    text-align: center;
    vertical-align: middle;
    color: blue;
}


.refitemTagert1DIVIS {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background: gray;
    display: inline-block;
    font: bold 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
}


.sujetimg {
    width: 60px;
    height: 60px;
}



.sujetimgleft {
    width: 100px;
    height: 100px;
    float: right;
}

.floatright {
    float: right;
}

.floatleft {
    float: right;
}




.sjt {
    display: block;
    background-color: lightgrey;
    width: 200px;
    min-width: 150px;
    padding: 2px;
    margin: 5px;
    font-size: 16px;
    min-height: 40px;
    float: left;
    border-style: solid;
    border-width: 2px;
	text-align:center;
}

    .sjt span {
        text-decoration: none;
        vertical-align: middle;
        color: blue;
    }

.moving {
    background-color: red !important;
    color: aliceblue !important;
}

.ui-draggable {
    -ms-touch-action: none;
}

#rmList li:hover {
    background-color: silver;
}

#diList {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

    #diList li {
        border-bottom: 1px solid #90bade;
        margin: 0;
    }

        #diList li a {
            display: block;
            padding: 5px 5px 5px 0.5em;
            border-left: 10px solid #1958b7;
            border-right: 10px solid #508fc4;
            background-color: #2175bc;
            color: #fff;
            text-decoration: none;
            width: 100%;
        }

.inputcalc {
    width: 244px;
    height: 42px;
    text-align: right;
    padding: 4px;
    border: inset;
}

.buttoncalc {
    background-color: hsl(255, 50%, 80%);
    width: 58px;
    height: 58px;
    border: outset;
}

    .buttoncalc :hover {
        background-color: hsl(255, 50%, 90%);
    }

    .buttoncalc :active {
        border: inset;
        border-width: thick;
        border-color: hsl(255, 100%, 100%);
        background-color: hsl(255, 50%, 50%);
    }

.inputcalc, .buttoncalc {
    font-family: Arial;
    font-size: 18pt;
    border-width: thick;
    border-color: hsl(255, 100%, 100%);
    margin: 1px;
}


.ajaxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    z-index: 100;
    display: none;
}


.refitemORTHO {
    border-radius: 25%;
    min-width: 55px;
    height: 55px;
    background: blue;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: rgba(73,155,234,1);
    color: orange;
    margin: 5px;
}

.refitemTagertORTHO {
    border-radius: 25%;
    min-width: 55px;
    height: 55px;
    background: white;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    color: blue;
    margin-right: 5px;
}

.refitemTagertrORTHO {
    border-radius: 25%;
    min-width: 55px;
    height: 55px;
    background: white;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    color: maroon;
    margin-right: 5px;
}


.refitemTagert1ORTHO {
    border-radius: 25%;
    min-width: 55px;
    height: 55px;
    background: white;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
}

.refitemTagertredORTHO {
    border-radius: 50%;
    min-width: 55px;
    height: 55px;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: white;
    color: red;
    margin-right: 5px;
}

.refitemTagertsolORTHO {
    border-radius: 50%;
    min-width: 55px;
    height: 55px;
    display: inline-block;
    font: 52px/50px Segoe UI,Helvetica, Verdana, Tahoma;
    text-align: center;
    vertical-align: middle;
    background: white;
    color: green;
    margin-right: 5px;
}

#refareaORTHO {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
}

#lareaORTHO {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    min-height: 60px;
}

#rareaORTHO {
    width: 90%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    min-height: 60px;
}

body {

    background-image: url('../Images/whitebgbg.jpg');
    background-size: cover;
}


/*.jumbotron {
    background-image: url('../Images/montage_photo.png');
    background-size:cover;
    color:#fffad5;
}*/

/*#fgmtlg {
    background-image: url('../Images/montage_photo.png');
    background-size:cover;
    color:#fffad5;
}*/


#nbList,#congList,#mesurList,#orthList,#anglaisList {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

    #nbList li,#congList li ,#mesurList li,#orthList li,#anglaisList li  {
        border-bottom: 1px solid #90bade;
        margin: 0;
    }

        #nbList li a,#congList li a ,#mesurList li a,#orthList li a ,#anglaisList li a {
            display: block;
            padding: 5px 5px 5px 0.5em;
            border-left: 10px solid #1958b7;
            border-right: 10px solid #508fc4;
            background-color: #2175bc;
            color: #fff;
            text-decoration: none;
            width: 100%;
        }


  #imgreglejeu {
    position: relative;
    width: 100%;
    height: 50%;
    text-align: center;
    color: #fff;
    background-image: url(Images/Captureaddition.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




  #ulist_0,#ulist_1,#ulist_2,#ulist_3,#ulist_4 {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

    #ulist_0 li,#ulist_1 li ,#ulist_2 li,#ulist_3 li,#ulist_4 li  {
        border-bottom: 1px solid #90bade;
        margin: 0;
    }

        #ulist_0 li a,#ulist_1 li a ,#ulist_2 li a,#ulist_3 li a ,#ulist_4 li a {
            display: block;
            padding: 5px 5px 5px 0.5em;
            border-left: 10px solid #1958b7;
            border-right: 10px solid #508fc4;
            background-color: #2175bc;
            color: #fff;
            text-decoration: none;
            width: 100%;
        }