#user_address.blinkborder{ border:1px solid #bc0015; -webkit-animation: blink2 .5s step-end infinite alternate; animation: blink2 .5s step-end infinite alternate; }
@keyframes blink2 { 50% { border:1px solid #fff; } } @-webkit-keyframes blink2 { 50% { border:1px solid #fff; } }


#selectmenu1 option {background-color: black;}

.footer{height:5em;} .testi-memory{display:none;}
/*Splash Fade*/
.fade_out_50{
	animation: opac_anim_50 0.5s forwards;
}

@keyframes opac_anim_50 {
	0% { opacity: 1; }
	100% { opacity: 0.7; }
}

.fade_out_100{
	animation: opac_anim_100 0.5s forwards;
}

@keyframes opac_anim_100 {
	0% { opacity: 0.7; }
	100% { opacity: 0; }
}

/**** detailed location ***/
.detailed_location_title{color:#FFF; text-align: left; line-height: 1.3em; font-weight: 500;  font-size: .8em;}
.skip_link {
  text-align: center;
  text-decoration-line: underline;
  padding:3px 3px;
  border:1px solid white;
  background-color:#911;
}

.centerer {text-align:center;}
.img_elev {padding:0;margin:5px; width: 300px; height: 300px; display: inline-block; overflow:hidden;}
.elev { background: url('images_etages/css_sprites_elevator.png') no-repeat; width: 300px; height: 300px; display:inline-block; float:left;}
.bg-building{
  /* width: 300px; height: 387px;*/
    /*background-position:-0 -0;*/
	background-position:-0 -0; width: 300px; height: 387px;
	transform: matrix(1, 0, 0, 1, 0, -85); -webkit-transform: matrix(1, 0, 0, 1, 0, -85);
}
.bg-pers_fenetres_2 {
    width: 300px; height: 100px;
    background-position:-300px -387px; display:block; margin-top: -400px; transform: matrix(1, 0, 0, 1, 0, -85); -webkit-transform: matrix(1, 0, 0, 1, 0, -85); display:none;
}
.bg-curseur_fleche_bas {
    width: 46px; height: 31px;
    background-position:-658px -300px;
}
.ext_img {
   background-position: -300px -0;
}
.car_img {
    background-position: -600px -0;
}
.bg-curseur_fleche_haut {
    width: 46px; height: 31px;
   background-position: -704px -300px;
}
.bg-curseur_cercle {
    width: 58px; height: 53px; z-index:50;
    background-position: -600px -300px; /*position:absolute;*/ display:block; margin-top:-176px; margin-left:124px; transform: matrix(1, 0, 0, 1, 0, -85); -webkit-transform: matrix(1, 0, 0, 1, 0, -85);
	color:white; font-size:x-large; line-height:50px; padding-left: 1px;
}
.bg-one_etage {
    width: 300px; height: 2700px;  margin-top:-2700px;
    background: url('images_etages/one_etage.jpg') repeat-y;
	
}
.bg-perso_sous_sol_cut_2 {
    width: 300px; height: 100px;
    background-position: -0 -387px; margin-top: -200px; display:block; transform: matrix(1, 0, 0, 1, 0, -85); -webkit-transform: matrix(1, 0, 0, 1, 0, -85);
}


/****/
#fileToUpload, #fileLiveToUpload {width:0; height:0; margin:0; padding:0;}







/*elevator*/
.vibrator {
	/* Start the shake animation and make the animation last for 0.5 seconds */
	animation: shake 0.5s; 

	/* When the animation is finished, start again */
	animation-iteration-count: 4; 
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  5% { transform: translate(-1px, -2px) rotate(-1deg); }
  10% { transform: translate(-3px, 0px) rotate(1deg); }
  15% { transform: translate(3px, 2px) rotate(0deg); }
  20% { transform: translate(1px, -1px) rotate(1deg); }
  25% { transform: translate(-1px, 2px) rotate(-1deg); }
  30% { transform: translate(-3px, 1px) rotate(0deg); }
  35% { transform: translate(3px, 1px) rotate(-1deg); }
  40% { transform: translate(-1px, -1px) rotate(1deg); }
  45% { transform: translate(1px, 2px) rotate(0deg); }
  50% { transform: translate(1px, -2px) rotate(-1deg); }
  55% { transform: translate(1px, 1px) rotate(0deg); }
  60% { transform: translate(-1px, -2px) rotate(-1deg); }
  65% { transform: translate(-3px, 0px) rotate(1deg); }
  70% { transform: translate(3px, 2px) rotate(0deg); }
  75% { transform: translate(1px, -1px) rotate(1deg); }
  80% { transform: translate(-1px, 2px) rotate(-1deg); }
  85% { transform: translate(-3px, 1px) rotate(0deg); }
  90% { transform: translate(3px, 1px) rotate(-1deg); }
  95% { transform: translate(-1px, -1px) rotate(1deg); }
  100% { transform: translate(1px, 2px) rotate(0deg); }
}


/*share buttons*/

.share_menu{
display:none;
background-color:#bbbbbb;
color:black;
height:30px; 
text-align: center;
width: 100%;
}

.share_fb{
background-image:url('images/logos/facebook.png') !important;
background-repeat:no-repeat !important;
background-position:50% !important; 
width:15% !important;
height:30px; 
display:inline-block !important;
float:right;
}

.share_tw{
background-image:url('images/logos/twitter.png') !important;
background-repeat:no-repeat !important; 
background-position:50% !important; 
width:15% !important;
height:30px; 
display:inline-block !important;
float:right;
}
.share_whatApp{
background-image:url('images/logos/whatsApp.png') !important;
background-repeat:no-repeat !important; 
background-position:50% !important; 
width:15% !important;
height:30px; 
display:inline-block !important;
float:right;
}
/** To suppress if we decide to have WhatsApp sur PC
@media screen and (min-width: 600px) {
 .share_whatApp {
 visibility: hidden;
 clear: both;
 display: none;
 }
}**/

.test_transparent{
background-image: url('images/transparent.png'); 
width:200px;
height:200px;
}


body{
background-color:#bc0015;	
}
/* linked_list */
.linked_list{
display:none;	
}

/* traduction */
.logo_trans {
float:left;
}

.logo_google{
background:url('images/greyscale-short.png') no-repeat; 
margin-top:4px;
width:122px;
height:16px;
}

.logo_azure{
background:url('images/azure.png') no-repeat; 
width:100px;
height:30px;
}

.logo_yandex{
background:url('images/yandex.png') no-repeat; 
width:40px;
height:40px;
}

.comment_box{
/*
display:inline-block;
position:absolute;
top:60px;
*/
}

.ptrans {
background:url('images/head_picto_trans.png') no-repeat; 
display:inline-block; 
margin-bottom:-5px;
width:24px;
height:24px;
}

.sort_trans {
display:inline-block;
padding:5px 15px 0 20px;
margin:0 5px;
border:1px solid black;
}

.sort_trans svg,.sort_trans canvas{height:inherit;margin-bottom:-8px; fill:black;}
.sort_trans_sel,.sort_trans_sel svg,.sort_trans_sel canvas,.sort_trans_sel span{color:white; fill:white; } 
.sort_trans_sel .sorti{visibility:visible;}
.sort_trans{padding-right:20px;}


/* pages */
.logo_csem { 
position:absolute;
display:inline-block;
margin:3px 0px 3px 35px;
float:left;
width:75px;
height:34px; 
background-image:url(images/logo_small.png);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:66px 31px; /*75/35/71/33/66/31*/
z-index:9000;
}

.footer_button{
height:22px;
width:33.5%;
/*margin:1px;
outline:1px black solid;
outline-offset:-2px;*/
float:left;
z-index:999;
padding-top:10px;
padding-bottom:5px;
background-color:#6b0b0c;
/*display:inline-block;*/
position:absolute;
bottom:0px;
}

.footer_button_1{left:0%;}
.footer_button_2{left:33.5%;}
.footer_button_3{left:66.5%;}

.content {
/*width:200px;
border-style: solid;
border-color:blue;*/
display:none;
}

.content_current {background-color:#999;}
.content_current_sub {background-color:#777;}

/*** STYLE FOR FAQ ABOUT DONATE PAGES ***/

.sp_about_icons, .sp_faq_icons, .sp_donate_icons
{
background:url('images/css-sprite-faq_about_donate.png') no-repeat;
display:inline-block;
}


.sp-citizen_seismology
{
background-position: 0px -70px;
width:68px;height:68px;
}

.sp-share
{
background-position: -68px -70px;
width:70px;height:68px;
}

.sp-about_earthquake
{
background-position: -138px -70px;
width:70px;height:68px;
}

.sp-prepared
{
background-position: -208px -70px;
width:70px;height:68px;
}

.sp-inform
{
background-position: -278px -70px;
width:70px;height:68px;
}

.sp-safe
{
background-position: -348px -70px;
width:70px;height:68px;
}

.sp-donate
{
background-position: -418px -68px;
width:70px;height:70px;
}

.sp-partners
{
background-position: -488px -68px;
width:70px;height:70px;
}

.sp-people
{
background-position: -558px -68px;
width:70px;height:70px;
}

.sp-mission
{
background-position: -628px -68px;
width:70px;height:70px;
}

.sp-emsc
{
background-position: -698px -68px;
width:70px;height:70px;
}

.sp-contact_us
{
background-position: -768px -68px;
width:70px;height:70px;
}

.sp-social
{
background-position: -838px -68px;
width:70px;height:70px;
}

.sp-resources
{
background-position: -908px -68px;
width:70px;height:70px;
}

.sp-publications
{
background-position: -978px -68px;
width:70px;height:70px;
}

.sp-media
{
background-position: -1048px -68px;
width:70px;height:70px;
}

.sp-the_app
{
background-position: -1118px -68px;
width:70px;height:70px;
}

.sp-get_notified
{
background-position: -1188px -72px;
width:68px;height:66px;
}

.sp-confidentiality
{
background-position: -1256px -68px;
width:70px;height:70px;
}

.sp-earthquake
{
background-position: -1326px -68px;
width:70px;height:70px;
}

.sp-privacy
{
background-position: -1396px -70px;
width:70px;height:68px;
}

.sp-seismologists
{
background-position: -1466px -70px;
width:70px;height:68px;
}

.sp-official
{
background-position: -1536px -70px;
width:70px;height:68px;
}

.sp-citizens
{
background-position: -1606px -70px;
width:70px;height:68px;
}

.sp-pictures
{
background-position: -1676px -70px;
width:70px;height:68px;
}

.sp-gathers_testimonies
{
background-position: -1746px -70px;
width:70px;height:68px;
}

.sp-locate_felt_reports
{
background-position: -1816px -70px;
width:70px;height:68px;
}

.sp-reliable
{
background-position: -1886px -68px;
width:70px;height:70px;
}

.sp-functional
{
background-position: -1956px -68px;
width:70px;height:70px;
}

.sp-get_alerted
{
background-position: -2026px -70px;
width:70px;height:68px;
}

.sp-bonus
{
background-position: -2096px -68px;
width:70px;height:70px;
}

.sp-more
{
background-position: -2166px -68px;
width:70px;height:70px;
}

.sp-only_in_the_app
{
background-position: -2236px -65px;
width:70px;height:73px;
}

.sp-download
{
background-position: -2306px -68px;
width:70px;height:70px;
}

.sp-accessible
{
background-position: -2376px -68px;
width:70px;height:70px;
}

.sp-free
{
background-position: -2446px -70px;
width:70px;height:68px;
}

.sp-ads_free
{
background-position: -2516px -70px;
width:70px;height:68px;
}

.sp-mobile_site
{
background-position: -2586px -68px;
width:70px;height:70px;
}

.sp-about_earthquakes
{
background-position: -2656px -68px;
width:70px;height:70px;
}

.sp-mail
{
background-position: -2726px -120px;
width:29px;height:18px;
}

.sp-congrats
{
background-position: -2755px -0px;
width:120px;height:138px;
}

.sp-logo-partners
{
background:url('images/css-sprite-logo-partners.png') no-repeat;
display:inline-block;
}

.logo_digilem
{
background-position: 0px -60px;
width:200px;height:50px;
}

.logo_geosig
{
background-position: -200px -60px;
width:168px;height:50px;
}

.logo_ministere
{
background-position: -368px -0px;
width:110px;height:110px;
}

.logo_scor
{
background-position: -478px -60px;
width:131px;height:50px;
}

#follow_buttons1, #follow_buttons2  { display: flex; justify-content: center; }
#share_buttons  { display: flex; justify-content: center; }
#follow{
	float:left;
	font-size:80%;
	line-height:2
}
#publications, #social, #media, #emsc_mission, #emsc_people, #emsc_partners, #more_app{
margin-left:1%;
}
.common_div
{
text-align: center; 
color: white; 
margin: 0%; 
padding: 0%; 
width: 100%;		
}

.common_table
{
text-align: center; 
color: white; 
width: 100%;	
}

.title_span{
line-height: 0.5;

}
.faq_div{
display: none; 
text-align: left; 
background-color: #6b0b0c; 
padding: 1%; 
border-radius: 10px;
}

.faq_td{
border: 4px solid #c51e1e
}

.level0{
margin-left: 1%;
}

.level1{
display: none; 
padding: 2%;
background-color: #cc2727; 
border-radius: 10px;
margin-left: 1%;
}

.level2{
display: none; 
padding: 2%;
background-color: darkred; 
border-radius: 10px;
margin-left: 1%;
}

.level3{
display: none; 
padding: 2%;
background-color: #de022a; 
border-radius: 10px;
margin-left: 1%;
}

.h1_hide{
display: none; 
}

.donate_td{
/* border: 4px solid #c51e1e */
}

#donate_submit{
width: auto; 
background-color: #cc2727;
}
#radio_10E, #radio_20E, #radio_30E, #radio_more, #input_amount
{
  height:auto;
  width:initial
}	

.donate_label{
vertical-align:super;
}	

/****  END FAQ/ABOUT/DONATE ****/


.my_div_hide{
display:none;
}

.my_div_show{
display:block;
}

.box_div{
/*background-color:green;
width:200px;
height:200px;*/
}

.box_img{
/*background-color:blue; 83000f*/
/*background-image:url("images/spriteBann4.jpg");
background-position: right bottom; 
background-repeat: no-repeat;
position:relative;
right:0px; bottom:0px;*/

width:260px;
height:152px;
}

.logo_partenaire_1{
width:200px;
height:60px;
}
.logo_partenaire_2{
width:200px;
height:264px;
}
.logo_partenaire_3{
width:200px;
height:74px;
}
.logo_partenaire_4{
width:200px;
height:59px;
}
.logo_partenaire_5{
width:200px;
height:62px;
}

/* IMAGES */
#image-input, #video-input {
display:none;
}

.capture_box{
top: 30px;
background-color: rgba(0, 0, 0, .4);
padding: 10px 12px 15px;
margin-right: 5px;
border: 1px solid #FFF;
cursor: pointer;
line-height: 42px;
width:50px;
height:25px;
}

.img_pos{left: 0px;}
.vid_pos{left:90px;}

.hide_image {display: none;}

.picto_sub{
width:100% !important;
height:50px !important;	
display:inline-block;
background-color: rgba(0,0,0, .3);
color:white;
/*margin-top:5px;*/
}

.picto_cancel{
width:50px !important;
height:50px !important;	
display:inline-block;
background-color: rgba(0,0,0, .3);
color:white;
/*margin-top:5px;*/
}

.picto_up{
/*margin-top:10px;*/
}

.testy_validate{
width:100% !important;
height:50px !important;	
display:inline-block;
background-color: rgba(0,0,0, .3);
color:white;
}

.testy_validate_text{
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spesc_feel{
}

.image_div_hide{
display:none !important;
width:0px !important;
height:0px !important;
}

.image-table { 
  width:78%;
}
 
@media only screen and (max-device-width: 480px) {
  .image-table { 
    width:100%; 
  }
}

.image-table-left{
width:25%;
}

.image-table-right{
width:75%;
}

.loc-table { 
  width:78%;
}
 
@media only screen and (max-device-width: 480px) {
  .loc-table { 
    width:100%; 
  }
}

.loc-table-left{
width:25%;
}

.loc-table-right{
width:75%;
}

.ui-submit-testy-div{
height:3.2em;
border:0;
font-size: 16px;
padding: .4em;
margin:5px;
outline: 0!important;
width: 90%;
display: inline-block;
font-family: "Raleway", sans-serif;
background-color: rgba(0,0,0, .3);
color: #FFF;
min-height:1.4em;

-webkit-box-sizing: border-box;
        box-sizing: border-box;	
}

/*
background:url('images/head_picto_cam.png') no-repeat; 
background-image:url(webapp/css/images/croix_grise.png);background-repeat:no-repeat; 
background-image:url(images/logo_small.png);
*/

/* TSUNAMI */
/*
.tsunami1 {background-image:url(images/tsunami1.png);background-repeat: no-repeat; background-position:99% 90%; }
.tsunami2 {background-image:url(images/tsunami2.png);background-repeat: no-repeat; background-position:99% 90%; }
.tsunami3 {background-image:url(images/tsunami3.png);background-repeat: no-repeat; background-position:99% 90%; }
.tsunami4 {background-image:url(images/tsunami4.png);background-repeat: no-repeat; background-position:99% 90%; }
.tsunami5 {background-image:url(images/tsunami5.png);background-repeat: no-repeat; background-position:99% 90%; }
*/

/* FILEUPLOAD */

@charset "UTF-8";
/*
body {
  padding-top: 60px;

}
*/

@font-face{
font-family:'Glyphicons Halflings';
/*src:url(../jQuery-File-Upload/fonts/glyphicons-halflings-regular.eot);
src:url(../jQuery-File-Upload/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
url(../jQuery-File-Upload/fonts/glyphicons-halflings-regular.woff) format('woff'),
url(../jQuery-File-Upload/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
url(../jQuery-File-Upload/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')*/
}

.glyphicon{
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:400;
font-size: 25px;
line-height:1;
color:white;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.glyphicon-plus:before{content:"\002b";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-camera:before{content:"\e046";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-validate:before{content:"\e013";}
.glyphicon-cancel:before{content:"\e014";}
.glyph_marge{margin:10px;}

/* manual geo */

/*#place{color:grey; }*/
#result,#descr,#descr p{text-align:center; width:100%;}
#descr { text-align :left; padding-left:10px;}
#no_result {color:red;display:none;}

.my_prevu{display:none;}

.geo,.geo tr {
width:100% !important;
}

.geo tr td{
text-align:left;
padding-left:10px;
height:50px;

border:1px solid #83000f;
border-style: dashed;
}

.loupe_send {
/*
background-color:transparent;
background:url("images/loupe.gif") no-repeat;
padding:5px;
border:0;

float:left;
height:30px;
width:30px;
display:inline;
*/
}

#cont_locarea, .cont_locarea {
min-height:62px;
/*display:inline-block;*/
border:0px solid #FFF;
width:100%;
padding:10px;
/*background-color: rgba(0,0,0, .3);
padding:.4em;*/

-webkit-box-sizing:border-box;
        box-sizing:border-box;
}

.loc_validate{
width:100% !important;
height:50px !important;	
background-color: rgba(0,0,0, .3);
color:white;
text-indent: 5%;

border:0;
border-spacing: 0 !important;
border-collapse: collapse !important;
padding: 0px !important;

}

.loc_validate:focus{
    outline: none;
}

.loc_validate_text{
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loc_box{
width:45% !important;
height:50px !important;
/*padding:20px;*/
display:inline-block;
background-color: rgba(0,0,0, .3);
color:white;
/*margin-top:5px;*/
}

/*manual mail */
.mail_box{
height:50px !important; 
margin-bottom:22px;
}

.testy_form{
margin-bottom:5px !important;
/*height:200px;*/
padding-bottom:5px !important;
}

#cont_mailarea, .cont_mailarea {
height:50px !important;
display:inline-block;
/*border:1px solid #FFF;*/
width:78%;
background-color: rgba(0,0,0, .3);
padding:.4em;

-webkit-box-sizing:border-box;
        box-sizing:border-box;
}

@media screen and (max-width: 607px) {
	#cont_mailarea, .cont_mailarea {
		width:100%;
	}
}


.testy_mail_prevu {
width:100% !important;
height:100%!important;
margin-bottom:5px !important;
background-color:transparent !important;	
}

#splashscreen{
/*opacity:0.5;*/
width:200%;
height:200%;
background-color:#6b0b0c;
z-index:10000; 
overflow:hidden;
position:absolute;
top:-50%;
left:-50%;
background-image:url('images/logo-blanc-70.png');
background-position:50% 50%;
background-repeat:no-repeat;
background-size:150px 75px;
}
/*#bc0015 #6b0b0c*/

.cookie_container{
width:100%;
height:129px;
background-color:white;
position:absolute;
z-index:10002;
display: none;
font-size:1.0em;
}

.cookie_cell{
height:65px;
line-height:140px;
/*display:inline-block;*/
z-index:10003;
position:absolute;
display: none;
font-family: "Raleway", sans-serif;
font-size: 14px;
}

.cookie_cell_1{
top:0;
width:90%;
background-color:#991111;
left:0;
text-align:left;
margin-left:5%;
margin-right:5%;
}

.cookie_cell_2{
top:65px;
width:50%;
background-color:#991111;
left:0%;
text-align:center;
}

.cookie_cell_3{
top:65px;
width:50%;
background-color:#6b0b0c;
left:50%;
color: #FFF;
text-align:center;
}

.cookie_a{
text-decoration: underline;color:#db1a1a;
}
.cookie_button{
background-color:#db1a1a; font-size: 1.0em; padding:2px 20px 5px 20px;;color:white;
}
.cookie_table{
display: block; padding:5%; color:#db1a1a;
}

.cookie {
	background-color: #bc0015;
	padding: 10px;
	text-align: left;
	color:#FFF; 
}
.cookie p strong{
text-decoration-line: underline;
}
.cookie p, .cookie li {
	font: 300 1.1em 'Open Sans Condensed', sans-serif;
}
.cookie ul {
	list-style-type: disc;
	margin: 10px;
}
.cookie li {
	margin: 0 20px;
}
.cookie ul {
	list-style-type: disc;
	margin: 10px;
}

.href a {
    color: #fff;
    /* text-decoration: none; */
}

.search-button
{
    background: url('images/search_30p.png') no-repeat; /* background: url('images/loupe.gif') no-repeat; */
    height: 30px;
    width: 30px;
    float:left;
}