@charset "UTF-8";


body {
    margin: 0px;
    padding: 0px;
    font-style:normal;
    font-weight:lighter;
}

.page_action {
    width: 820px;
    margin-right: auto;
    margin-left: auto;
    font-family: Arial;
    color:#b2b2b2;
}

/*bloc cotation*/
#container .cotation {
    font-family: Arial;
    color: #4c4c4c;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}
#container #indices .table_indices {
    font-family: Arial;
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #939393;
    padding-bottom: 20px;
}
#container #indices .table_indices .table_indices_td {
    padding-bottom: 20px;
    padding-top: 0px;
    font-weight: bold;
    color: #212121;
}
#container #indices .table_indices tr td {
    padding-top: 10px;
    padding-bottom: 5px;
}
#container #sources ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}
#container #info_cotation {
    background-color: #f1f2f2;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Arial;
    font-size: 11px;
    color: #656666;
    padding-right: 10px;
    padding-left: 10px;
}
#container #info_cotation span {
    padding-right: 20px;
    padding-left: 20px;
}
#container #table_cotation tr td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ababab;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}
#container #table_cotation tr td .legande {
    font-size: 20px;
}
#container #table_cotation tr td .result {
    font-size: 20px;
    font-weight: bold;
    color: #303030;
}

.page_action h1 {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #F16E00;
    margin-top:40px;
    margin-bottom:20px;
}

#tablgraphique {
    color:#b2b2b2;
}
/*
.bottom_graph {
    background-color: #f0f2f2;
    vertical-align:top;
}
.bottom_graph tr td {
padding-left:30px;
padding-bottom:10px;
    font-size: 12px;
}
.bottom_graph tr td .bouton {
    color: #4c4c4c;
    background-image: url(/v2/images/bcg_bouton.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    width:183px;
    height:43px;
    padding-top: 30px;
    margin-right:30px;

}
.bottom_graph tr td .titre_bouton {
    padding-bottom: 5px;

}
*/
.bottom_graph {
    background-color: #f0f2f2;
    vertical-align:top;
	padding-left:30px;
	padding-bottom:10px;
    font-size: 12px;
}

.bottom_graph .bouton {
    color: #4c4c4c;
    background-image: url(/v2/images/bcg_bouton.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    width:183px;
    height:43px;
    padding-top: 30px;
    margin-right:30px;
	white-space: nowrap;
}
/*
@supports (-moz-appearance:none) {
	.bottom_graph .bouton {
		padding-top: 20px !important;
		overflow:hidden;
	}
}
*/
.bottom_graph .button {
    color: #4c4c4c;
    background-color: #fff;
    text-align: center;
	white-space: nowrap;
	border: 1px solid #d2d2d2;
	padding: 10px;
	margin-top:10px;
	font-size:12px;
}
.bottom_graph .titre_bouton {
    padding-bottom: 5px;

}

.selec_picto_1_on {
    background-image: url(/v2/images/picto_1_on.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_1_off {
    background-image: url(/v2/images/picto_1_off.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_2_on {
    background-image: url(/v2/images/picto_2_on.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_2_off {
    background-image: url(/v2/images/picto_2_off.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_3_on {
    background-image: url(/v2/images/picto_3_on.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_3_off {
    background-image: url(/v2/images/picto_3_off.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_4_on {
    background-image: url(/v2/images/picto_4_on.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_4_off {
    background-image: url(/v2/images/picto_4_off.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_5_on {
    background-image: url(/v2/images/picto_5_on.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}
.selec_picto_5_off {
    background-image: url(/v2/images/picto_5_off.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 26px;
}

.styled-select select {
    background: url("../../images/list.jpg") no-repeat #fff;
    width: 220px;
    height:37px;
    padding: 5px;
    font-size: 16px;
    border: none;
    color:#4c4c4c;
}

.styled-select {
   width: 183px;
   height: 37px;
   overflow: hidden;
   color:#4c4c4c;

}

/*colonne*/
.wrapper {
	width:100%;
}
.wrapper .col4 {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:25%;
}
.wrapper .col3 {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:33%;
}
.wrapper .col2 {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:50%;
}
.wrapper .border-bt {
	border-bottom : #d0d0d0 solid 1px;
}
.wrapper .align-center{
	text-align: center;
}
.wrapper .align-left{
	text-align: left;
}
.wrapper .align-right{
	text-align: right;
}
.wrapper .bg-color-grey{
	background-color: #f2f2f2;
}
.wrapper .bg-color-grey2{
	background-color: #f0f2f2;
}

/*selection select*/

.myselect{
//	background-image:url(/v2/images/list.jpg);
//	background-repeat:no-repeat;
//	 -moz-appearance:none; /* Firefox */
//    -webkit-appearance:none; /* Safari and Chrome */
//    appearance:none;


    width: 161px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 34px;
    background: url(/v2/images/list.jpg) no-repeat left #ddd;
    -webkit-appearance: none;
    //background-position-x: 244px;

}
.inputsSelect1 {
    background-image:url(/v2/images/list.jpg);
    background-repeat:no-repeat;
    float: left;
    height: 37px;
    margin: 0px 0 0 0px;
    padding: 3px 0 0;
    position: relative;
    text-align: left;
    width: 161px;
}
.inputsSelect1 .selects {
    color:#333;
    cursor: default;
    font: 12px Arial;
    overflow: hidden;
    padding-left:10px;
    padding-top:10px;
    white-space: nowrap;
}
@supports (-moz-appearance:none) {
	.inputsSelect1 .selects {
	padding-top: 5px !important;
	}
}
.inputsSelect1 ul {
    background: none repeat scroll 0 0 #C7C7C1;
    border: 1px solid #999999;
    display: none;
    font: 11px Arial;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 100;
}
.inputsSelect1 ul {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #c4c4c4;
    display: none;
    font: 11px verdana;
    color:#333;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 100;
    width:161px;
}

.inputsSelect1 #listeSelect1 li a {
    font-family: Arial;
    color: #666;
    text-decoration: none;
}
.inputsSelect1  li a {
    font-family: Arial;
    color: #666;
    text-decoration: none;
}