@font-face{
    font-family : "museosans_300";

    src : url('webfontkit/museosans-300-webfont.eot'); /* Pour IE9 Compat mode */
    src : url('webfontkit/museosans-300-webfont.eot?') format('eot'),
          url('webfontkit/museosans-300-webfont.woff') format('woff'),
          url('webfontkit/museosans-300-webfont.svg#museosans-300-webfont') format('svg'),
          url('webfontkit/museosans-300-webfont.ttf') format('truetype');
}
@font-face{
    font-family : "museosans_500";

    src : url('webfontkit/museosans_500-webfont.eot'); /* Pour IE9 Compat mode */
    src : url('webfontkit/museosans_500-webfont.eot?') format('eot'),
          url('webfontkit/museosans_500-webfont.woff') format('woff'),
          url('webfontkit/museosans_500-webfont.svg#museosans_500-webfont') format('svg'),
          url('webfontkit/museosans_500-webfont.ttf') format('truetype');
}

@font-face{
    font-family : "museosans_700";

    src : url('webfontkit/museosans_700-webfont.eot'); /* Pour IE9 Compat mode */
    src : url('webfontkit/museosans_700-webfont.eot?') format('eot'),
          url('webfontkit/museosans_700-webfont.woff') format('woff'),
          url('webfontkit/museosans_700-webfont.svg#museosans_700-webfont') format('svg'),
          url('webfontkit/museosans_700-webfont.ttf') format('truetype');
}
body{
    margin:0;
    padding:0;
    width: 925px;
}
.cartouche_titre{
    font-family: museosans_300,Arial, Helvetica, sans-serif; 
    font-size: 35px;
    color: #52525F;
    margin-bottom: 10px;
    margin-left: -2px;
}
table{
   	font-family: museosans_500,Arial, Helvetica, sans-serif; 
    font-size: 13px;
}


.date_table {
    font-family: museosans_500, Arial, sans-serif;
    text-align: left;
    font-size: 18px;
    color: #84C442;
    
}

.cartouche_right{
    display: inline;width:40%;text-align:right;position: relative;left:77%
}

.cartouche_left{
    
    margin-bottom: 35px;
}

.bloc_cloture{
    border-top: 1px solid #D3CDC9;
 
}
.cours_cloture{
   color: #FFFFFF;
   font-size: 25px;
   font-family: museosans_700,Arial;
   top:230px; 
   left: 30px;
   position: absolute;
   
}
.legende_cloture{
    color: #FFFFFF;
    font-size: 13px;
    font-family: museosans_500,Arial;
    top:140px; 
    left: 43px;
    position: absolute;
    text-align: center;
    width:45px;
}
.variation_hausse { color: #84c442; font-size: 25px; font-family: museosans_700,Arial;}
.variation_baisse { color: #FF0000; font-size: 25px; font-family: museosans_700,Arial;}
.leg_var1{
    left: 2%;
    position: relative;
    text-align: center; 
    top:-15px
}
.variation1{
    position: relative;
    text-align: center;
    top: 15px;
    
}

.leg_var2{
   position: relative;
    text-align: center;
    top: -15px;
}
.variation2{
    top:15px; 
    left: 3%;
    position: relative;
    text-align: center;
    
}
.leg_var3{
   position: relative;
    text-align: center;
    top: -15px;
}
.variation3{
    left: 3%;
    position: relative;
    text-align: center;
    top: 15px;
}
.legende_variation{
   color: #838394;
   font-size: 13px;
   font-family: museosans_300,Arial;  
}
.legende_principale {
    color: #838394;
    font-size: 13px;
    font-family: museosans_300,Arial;
    top:-15px; 
    position: relative;
    text-align: center;
    
}

.legende_principale2 {
    color: #838394;
    font-size: 13px;
    font-family: museosans_300,Arial;
    top:-19px; 
    position: relative;
    text-align: center;
}
.leg_left1{}
.leg_left2{}
.leg_left3{}
.leg_left4{}
.leg_left5{}
.leg_left6{}
.leg_left7{}
.leg_left8{}


.cours_autre{
    color: #52525F;
    font-size: 18px;
    font-family: museosans_500,Arial;
    text-align: center;
}

.cours_autre2{
    position: relative;
    top:15px;
}
.cours_autre3{
    position: relative;
    top:10px;
}
.cours{
    position: relative;
    top:15px;
}
.txt{ 
    font-size: 18px; 
    font-family: museosans_500,Arial;
    color:#84C442; 
    }
.menu { font-size: 18px; 
    font-family: museosans_500,Arial;
    color: #52525F;
}
a:hover{ color: #52525F;}
a{
     font-size: 18px; 
	color: #84C442;
	text-decoration: none;
}
.bloc_download{
    font-size: 18px; 
    margin: auto;
    width:250px;
    background-color: #84C442;
    color: #FFFFFF;
    text-align: center;
    height: 80px;
    
}
.bloc_download div{
    padding: 20px;
    
}
.bloc_download a{
    color: #FFFFFF;
}
.legende   { font-size: 13px; font-family: museosans_300,Arial;color:#838394;font-style: italic; }

.traits{
    width: 250px;
    margin: auto;
    height: 1px;
    border-bottom: 1px solid #D3CDC9;
    margin-top: 55px;
    margin-bottom:  55px;
}
.space{
    margin-bottom: 35px;
}

.padding20{
    padding-top:20px;
    padding-bottom:55px;
}