div#map_ol_0.olMap {
    margin-bottom: 40px;
}

/*
   Sélecteur de stations
*/
#listeSta, #styled-select {
	font-family: calibri;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 3px;
	text-align: center;
	margin: 10px auto;
	width: 400px;
	position: absolute;
	right: 4px;
	margin-top: 1px;
	border-bottom: 2px solid #8db9db;
	border-left: 2px solid #8db9db;
	border-top: none;
	border-right: none;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: #B47529;
	z-index: 1009;
	cursor: pointer;
}

#listeSta option {
	border: 0px solid white;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;	 
	text-align: left;
	color: #000000;
	width: 372px;
}

#listeSta option:first-child {
	font-weight: bold;
	text-align: center;
	font-style: italic;
	color: #000000;
}

#listeSta option:nth-child(2) {
	font-weight: normal;
	text-align: center;
	font-style: italic;
	color: #000000;
}

#listeSta option:nth-child(3) {
	font-weight: bolder;
	text-align: center;
	font-style: italic;
	color: #000000;
}

.listeSta-optspan {
	font-size: 12px;
	font-weight: normal;
}

/*
   Switch calcul de vitesses selon repère
*/

div#switch {
    margin: 40px auto 0; 
}

span#sel_switch_span {
    font-family: calibri;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: #333333;
}

span.switch_span {
    padding-top: 5px;
    height: 50px;
    width: 300px;
    cursor: pointer;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 2px solid white;
    border-bottom: none;
    background: url("../../squelettes/images/bg_stripe.png") repeat #CCCCCC;
    font-family: calibri;
    font-weight: bold;
    font-size: 20px;
    color: #808080;
}

span.switch_span:first-child {
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
}

span.switch_span:last-child {
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
}

span.switch_span.selected {
    border: 2px solid #4CB04F;
    border-bottom: none;
    background: url("../../squelettes/images/blocopa80.png") repeat scroll 0 0 #4CB04F;
    color: black;
}

#switchdiv {
    background: none repeat scroll 0 0 #000000;
    border: 2px solid #FFFFFF;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 0 5px #000000;
    margin: -30px 0px;
    position: absolute;
    width: 30px;
    height: 40px;
}

.transition {
   transition: all 0.3s ease-in 0s; 
}

#switchimg {
    margin-bottom: -15px;
    width: 100%;
    cursor: url("../../squelettes/images/switch_cursor.png"), auto;
}

/*
    Popup
*/

.textpopup {
    padding-top: 5px;
    padding-bottom: 5px;
}

.popli1 {
    border-top: 1px solid #619fcd;
    border-right: 1px solid #619fcd;
    border-left: 2px solid #b47529;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: #b47529;
    font-family: calibri;
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
    width: 60px
}

.popli2 {
    color: #619fcd;
    text-align: center;
}

.popli3 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-family: calibri;
    font-weight: bold;
    font-size: 15px;
    border-top: 1px solid #619fcd;
    border-bottom: 1px solid #619fcd;
}

.popli3_0 {
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 2px;
    font-family: calibri;
    font-size: 14px;
    color: #b47529;
    font-style: italic;
    font-weight: bold;
}

.popli3_1 {
    padding-top: 2px;
    padding-left: 10px;
    font-family: calibri;
    font-size: 14px;
}

.popli3_1_0 {
    padding-left: 10px;
    font-family: calibri;
    font-size: 14px;
    font-style: italic;
}

.popli3_1_1 {
    margin-top: -15px;
    padding-left: 10px;
    padding-bottom: 2px; 
}

.popli3_1_1 a {
    font-family: calibri;
    font-size: 13px;
    padding-bottom: 2px; 
}

.popli3_2 {
    padding-top: 5px;
    padding-left: 10px;
    font-family: calibri;
    font-size: 14px;
}

.popli3_3 {
    padding-top: 2px;
    padding-left: 10px;
    font-family: calibri;
    font-size: 14px;
}

.popli3_4 {
    padding-top: 2px;
    padding-left: 10px;
    font-family: calibri;
    font-size: 14px;
}

.popli4 {
    padding-left: 10px; 
    padding-top: 2px;
    padding-bottom: 2px;
}

.popli4 a {
    font-style: italic;
    font-family: calibri;
    font-size: 14px;
}

.poplitit{
    font-weight: bold;
    font-size: 15px;
}

.barrepopup {
    width: auto;
    height: 5px;
    border-top: 1px solid #619fcd;
    margin-bottom: 10px;
}

.tabpopup {
    border-left: 2px solid #b47529;
    border-right: 1px solid #619fcd;
}

/*
Credits
*/

#credits {
    margin-left: 1px;
    margin-top: 466px;
    position: absolute;
    z-index: 1008;
    background-color: white;
    width: 60px;
    padding: 2px;
    padding-top: 5px;
    border: 2px solid #8db9db;
    border-left: none;
}

#usgsimg, #sonelimg {
    width: 60px;
}

.usgsimgli {
    text-align: center;
}

.morvelimgli {
    vertical-align: middle;
    text-align: center;
    height: 20px;
    padding: 2px 0px;
}

.morvelimgli a, .morvelimgli a:hover, .morvelimgli a:active  {
    font-family: calibri;
    font-style: italic;
    font-weight: bold;
    color: #000000;
    font-size: 15px;
    text-decoration: none;
}

.credits {
    background: url("./ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    color: #FFFFFF;
    font-family: calibri;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #8db9db;
    border-left: none;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 64px;
    height: 20px;
    margin-left: -2px;
    margin-top: -15px;
    padding-top: 1px;
    cursor: default;
}

.sonelimgli {
    margin-top: -2px;
}

/* 
    Légende 
*/

.svg_div { 
    background: url("../../squelettes/images/bg_stripe.png") repeat;
    padding: 5px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.legendselect {
    background: url("../../squelettes/images/bg_stripe.png") repeat #FFFFFF;
    border-left: 2px solid #8DB9DB;
    border-right: none;
    border-top: 2px solid #8DB9DB;
    border-bottom: 2px solid #8DB9DB;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    position: absolute;
    padding: 5px;
    right: 0px;
    margin-right: -40px;
    margin-top: -550px;
    width: 40px;
    height: 90px;
    z-index: 1009;
    opacity: 0;
}

div.legendselect ul li span {
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
}

div.legendselect ul li span img {
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

div.legendselect ul li span img#legendselect_circle {
    height: 20px;
    padding: 10px;
}

div.legendselect ul li span img#legendselect_star {
    height: 40px;
}

div.ControlScaleLine {
    color: white;
    font-family: calibri;
    font-weight: bold;
    font-size: 9px;
    left: 2px;
    margin-top: -45px;
    width: 86px;
    padding: 5px 1px;
    position: absolute;
    z-index: 3;
}

.mouseposition3 {
    background: url("./ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: calibri;
    font-size: 14px;
    width: 955px;
    height: 23px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px;
    z-index: 2;
    cursor: default;
    margin-bottom: 10px;
    margin-top: 600px;
    position: absolute;
}

/*
    Bloc filtre 
*/

#filter {
    width: auto;
    margin: auto;
    padding: 0px 10px;
    background: url("../../squelettes/images/blocopa80.png") repeat #B47529;
    border: 2px solid #B47529;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: default;
    font-family: calibri;
    padding: 5px 10px 5px 40px;
}

.filter-bloc {
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-left: -67px;
    margin-right: 20px;
    float: left;
}

#filt-vel, #filt-bound, #filt-eqk {
    width: 27%;
    height: 320px;
}

.filter-bloc-title {
    background: url("../../squelettes/images/bg_stripe.png") repeat #A7CAE2;
    border: 2px solid #CCCCCC;
    border-bottom: 0px solid #000000;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 150px;
    float: left;
    text-align: center;
    -ms-transform:rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -o-transform:rotate(-90deg);
    color: black;
    text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
    font-weight: bold;
    font-size: 16px;
    margin-top: 85px;
    padding: 5px;
    margin-left: -75px;
}

.filter-bloc-input {
    padding: 2px;
}

span input[type="checkbox"], span input[type="radio"] {
    vertical-align: middle;
}

.text-display {
    font-family: calibri;
    font-weight: bold;
    font-size: 13px;
    color: black;
    margin: 0px 2px 0px 5px;
    vertical-align: middle;
}

.text-display-radio {
    font-family: calibri;
    font-style: italic;
    font-size: 12px;
    color: black;
    margin: 0px 2px 0px 5px;
    vertical-align: middle;
}

.fleches {
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    -moz-text-shadow: 0px 0px 1px #000;
    -webkit-text-shadow: 0px 0px 1px #000;
    text-shadow: 0px 0px 1px #000;
    color: #B47529;
}

.fleches2 {
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    -moz-text-shadow: 0px 0px 1px #000;
    -webkit-text-shadow: 0px 0px 1px #000;
    text-shadow: 0px 0px 1px #000;
    color: #8DB9DB;
}

.div-check {
    padding: 5px 2px;
}

.div-leg-title {
    padding: 10px 2px 5px 2px;
    border-bottom: 2px dashed #8DB9DB;
}

.div-radio {
    padding: 2px 2px 5px 18px;
}

/*
    Légendes filtre
*/

.plate-legend-bloc-li {
    vertical-align: middle;
    text-align: center;
    font-family: calibri;
    font-size: 12px;
    color: white;
    -moz-text-shadow: #000000 1px 1px 1px, #000000 -1px 1px 1px,#000000 -1px -1px 1px, #000000 1px -1px 1px;
    -webkit-text-shadow: #000000 1px 1px 1px, #000000 -1px 1px 1px,#000000 -1px -1px 1px, #000000 1px -1px 1px;
    text-shadow: #000000 1px 1px 1px, #000000 -1px 1px 1px,#000000 -1px -1px 1px, #000000 1px -1px 1px;
    
}

.plate-legend-bloc-li span {
    vertical-align: middle;
    text-align: center;   
}

div#plate-legend-bloc ul:first-child li:first-child, div#plate-legend-bloc ul:first-child li:last-child {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0px 3px 0px;
    text-transform: uppercase;
}

div#plate-legend-bloc ul:first-child li:last-child {
    margin-top: -10px;
}

.plateleg-title {
    font-family: calibri;
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
    color: #333333;
}

#eqk-legend-sbloc2-svg {
    margin-left: 10px;
}

#eqk-legend-sbloc2-svgtxt {
    margin-left: -20px;
    margin-top: 5px;
}

div#eqk-legend-sbloc1 ul li:first-child {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0px;
    text-transform: uppercase;
}

div#eqk-legend-sbloc1 ul li:nth-child(5) {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0px;
    text-transform: uppercase;
}

div#eqk-legend-sbloc1 ul li:last-child {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0px;
}

.eqkleg-criteria-title, .eqkleg-symbol-title, .eqkleg-depth-title, .eqkleg-mag-title {
    font-family: calibri;
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
    color: #333333;
}

.eqkleg-mag-title {
    padding: 0 17px 0 17px;
}
.eqkleg-depth-title {
     padding: 0 0 0 5px;
}

.eqkleg-criteria {
    font-family: calibri;
    font-weight: bold;
    font-size: 12px;
}

.eqkleg-infos {
    font-family: calibri;
    font-size: 12px;
}

div#eqk-legend-sbloc2 ul li:first-child {
    margin-top: 3px;
    margin-bottom: -10px;
}

img#eqk-legend-mag-img {
    width: 120px;
    height: 120px;
    border-right: 1px dashed #333333;
    padding: 0 0 45px;
}

div#eqk-legend-sbloc2 ul li:nth-child(2) span:first-child {
    margin-right: 30px;
    width: 120px;
    height: 130px;
}

div#eqk-legend-sbloc2 ul li:last-child {
    border-top: 1px dashed #333333;
}

.bound-legend-sbloc {
    margin-top: 15px;
    padding: 0px 8px;
}

#tableau_plaques table{
	border-collapse: collapse;
}

#tableau_plaques td.titre_plaque{
	text-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000;
	color: white;

}

#tableau_plaques table tr td {
	text-align: center;
	font-weight: bold;
	background-color: #DCE0E5;
	vertical-align: middle;
	border:1px solid #000000;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
}

div#eqk-legend-sbloc1{
	text-align: center;
}