@font-face {
	font-family: 'Conv_Perfect DOS VGA 437 Win';
	src: url('fonts/Perfect DOS VGA 437 Win.eot');
	src: local('☺'), url('fonts/Perfect DOS VGA 437 Win.woff') format('woff'), url('fonts/Perfect DOS VGA 437 Win.ttf') format('truetype'), url('fonts/Perfect DOS VGA 437 Win.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
}

a{
	text-decoration:none;
	color : white;
}

#conteneur{
    font-family:'Conv_Perfect DOS VGA 437 Win',Sans-Serif;
    width : 900px;
    margin : 10px auto;
    color : white;
    text-align : center;
}

#header{
    margin-bottom : 10px;
}

#top, #center-left, #center-right, #bottom-first-left, #bottom-first-right, #bottom-second, #center2-left , #center2-right{
    background-color : #1F1AB2;
}

#top{
    border-bottom : 1px solid white;
    margin-bottom : 1px;
}

#center-left{
    padding-top : 40px;
    float : left;
    border : 1px solid white;
    width : 408px;
    height : 260px;
    text-align : left;
    padding-left : 40px;
}

#center-right{
    padding-top : 40px;
    float : left;
    border : 1px solid white;
    width : 368px;
    height : 260px;
    text-align : left;
    padding-left : 40px;
    padding-right : 40px;
}

#center2-left{
    padding-top : 40px;
    float : left;
    border : 1px solid white;
    width : 568px;
    height : 310px;
    text-align : left;
    padding-left : 40px;
    padding-right : 40px;
}

#center2-right{
    padding : 1px 1px 1px 1px;
    float : left;
    border : 1px solid white;
    width : 246px;
    height : 348px;
    text-align : left;
}
#bottom-first-left{
    padding-top : 10px;
    float : left;
    border-left : 1px solid white;
    border-top : 1px solid white;
    border-bottom : 1px solid white;
    width : 429px;
    height : 50px;
    text-align : left;
    padding-left : 20px;
}
#bottom-first-right{
    padding-top : 10px;
    float : left;
    border-right : 1px solid white;
    border-top : 1px solid white;
    border-bottom : 1px solid white;
    width : 429px;
    height : 50px;
    text-align : left;
    padding-left : 20px;
}
#bottom-second{
    float : left;
    border : 1px solid white;
    width : 898px;
    height : 50px;
    text-align : center;
    padding-top : 20px;
}

.selected{
    background-color : #A60000;
}

.level{
    float : right;
    margin-right : 100px;
    text-align : right;
}

.carre-lvl{
    display : inline;
    background-color : white;
    width : 8px;
    height : 17px;
    margin-left : 1px;
    
}

#center2-right-content .carre-lvl{
    float : left;
}

#center2-right-title{
    border : 1px solid white;
    height : 40px;
    padding-top : 25px;
    text-align : center;
}

#center2-right-content{
    height : 40px;
    padding-top : 25px;
    padding-left : 15px;
}

.fleche-droite{
    margin-top : 4px;
    margin-right : 9px;
    float : left;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #ffffff;
}

.decalage-gauche{
    margin-top : 12px;
    float : left;
}

.phase{
    display : none;
}