@charset "UTF-8";
/* CSS Document */

* { margin:0px; padding:0px; }

  /*=============================================================*/
  
    .camera_caption > div {
      padding:0px 20px;
    }
    

  .ProfileAvatar {
      background: #fff none repeat scroll 0 0;
      border: 5px solid #fff;
      border-radius: 50%;
      height: 200px;
      position: relative;
      top:-80px;
      width: 200px;
      background-image: url("logoAlerteChute230.png");
      background-size: cover;
      box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.15) inset, 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
      margin:0 auto;
  }  

  .Profilelogo {
      height: 200px;
      position: relative;
      top:-285px;
      width: 200px;
      background-image: url("logoAlerteChute230.png");
      background-size: cover;
      margin:0 auto;
  }  




    
  @font-face {
    font-family: 'Akkurat';
    src: url('AkkuratPro-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }  
    
  @font-face {
    font-family: 'AkkuratLight';
    src: url('AkkuratLightPro-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }  
  
/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoWebLight';
    src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
  
  
  /*=============================================================*/
  .coins_arrondis_bouton { -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; /*behavior: url(/lib/js/PIE.htc);*/ }

  .bouton:link, .bouton:visited, .bouton:active { display:inline-block; position:relative; padding:5px 10px 6px 10px; font-size:13px; font-weight:normal; text-decoration:none; text-shadow:none; background-color:#fdb801; color:#000000; cursor:pointer; }
  .bouton:hover { background-color:#db9f25; color:#000000; }

  .bouton_div{ display:inline; position:relative; padding:5px 10px 6px 10px; line-height:1; font-size:13px;  font-weight:normal; text-align:center; text-decoration:none; text-shadow:none; background-color:#fdb801; color:#000000; cursor:pointer; }
  .bouton_div:hover { background-color:#db9f25; color:#000000; }

  .petit.bouton, .petit.bouton:visited { padding:4px 10px 5px 10px; color:#000000; font-size:11px; font-weight:normal; }
  .moyen.bouton, .moyen.bouton:visited { padding:5px 10px 5px 10px; color:#000000; font-size:12px; font-weight:normal; }
  .grand.bouton, .grand.bouton:visited { padding:9px 12px 11px 12px; color:#000000; font-size:14px; font-weight:normal; }

  .img_bouton {width:20px; height:20px; vertical-align:middle;}
  
  .vert.bouton, .vert.bouton:visited { background-color:#7fcc27; }
  .vert.bouton:hover { background-color:#749a02; }
  .bleu.bouton, .bleu.bouton:visited { background-color:#00A3F4; } 
  .bleu.bouton:hover { background-color:#5aa6ae;}
  .bleu02.bouton, .bleu02.bouton:visited { background-color:#2daebf; }
  .bleu02.bouton:hover { background-color:#007d9a; }
  .rouge.bouton, .rouge.bouton:visited { background-color:#e64628; }
  .rouge.bouton:hover { background-color:#eb6b53; }
  .magenta.bouton, .magenta.bouton:visited { background-color:#a9014b; }
  .magenta.bouton:hover { background-color:#630030; }
  .jaune.bouton, .jaune.bouton:visited{ background-color:#ffb515; }
  .jaune.bouton:hover { background-color:#fc9200; }
  .gris.bouton, .gris.bouton:visited{ background-color:#B4B2B2; }
  .gris.bouton:hover { background-color:#7F7F7F; }
  .orange.bouton, .orange.bouton:visited { background-color:#4471a8; color:#cccccc; }
  .orange.bouton:hover { background-color:#4471a8; color:#ffffff; }
  .noir.bouton, .noir.bouton:visited { background-color:#eeeeee; color:#555555; border:1px solid #000000;}
  .noir.bouton:hover { background-color:#dddddd; color:#000000; border:2px solid #000000;  }
  
  .coins_arrondis_4 {
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
    -webkit-border-radius:4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    /*behavior: url(/lib/js/PIE.htc);*/
  }

  /*=============================================================*/

  .vert01 { color:#A1CB46; }
  .bleu01 { color:#5298D8; }
  .rouge01 { color:#C00000; }

  .orange00 { color:#ff5c00; }
  .rouge00 { color:#ff0000; font-size:11px; }
  .vert00 { color:#00ff00; }
  .bleu00 { color:#0000ff; }

  .fond_alerte { background-color:#FFCDB2; }

  
  a.couleur_liens:link, a.couleur_liens:active { color:#999999; }
  a.couleur_liens:visited { color:#999999; }
  a.couleur_liens:hover { color:#000000; }
  
  .div_bouton_actions { float:left;}
  .puce { float:left;}
  .div_puce { clear:both; line-height:20px;}
  
  
  /*=============================================================*/
  /*@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic);*/
  body { 
    font-family: 'AkkuratLight',Verdana,sans-serif;
    width:100%;
    text-align:center; 
    background-color:#ffffff;
  }
  .tabcontenu_pasvoir { display:none; float:left; font-size:0.6em; width:100%;}
  .tabcontenu_voir { display:table-cell; float:left; font-size:0.6em; width:100%; }

  .blocvide {
    display:table-cell;
    width:auto; 
    height:100px;
  }
  strong { 
    /*color:#F59B00; */
    color:#555555;
    font-size:19px;    
    font-weight:normal;
    line-height:35px;
  }

  #bandeau_haut { 
    display:table; 
    width:100%; 
    /*height:150px; */
    text-align:center;
    color:#000000; 
    /*border-top:1px solid #ff6538; */
    /*border-bottom:1px solid #ff6538;*/
    /*background: url("img/logo_agence_.png") no-repeat scroll 0 0 #E64415;*/
  }

  #bouton_ferme { 
    display:table-cell;
    position:fixed; 
    /*top:5px;*/
    right:5px;
    margin:5px 5px 0 0;
    /*z-index:100000;*/
  }

  #bandeau_titre { 
    display:table-cell; 
    width:100%; 
    height:55px;
    vertical-align:middle;    
    text-align:center;
    font-size:40px;
    background-color:#000000;
    /*background-color: rgb(255, 255, 255);*/
    /*background-color: rgba(255, 255, 255, 0.5);*/
    color:#ffffff; 
    border-top:1px solid #000000; 
    border-bottom:1px solid #000000;
    background:url(/img/ghost.gif) repeat #ffffff;
    /*opacity:0.5;*/
  }
  
  #pied_page { 
    margin:60px 0 0 0;
    /*border-top:1px solid #000000;*/
  }
  
  #lieu_expo { 
    margin:0px 0 20px 0;
    width:25%;
  }
  
  .pied_hr { 
    border-top:1px solid #000000; 
  }
  
  .div_boutons_actions { 
    display:inline-block;
    text-align:center; 
  }
  
  #bandeau_haut_titre { 
    /*width:-moz-calc(100% - 385px); width:-webkit-calc(100% - 385px); width:calc(100% - 385px);*/
    margin:0 0 0 20px;
    line-height:160px;
    float:left;
  }

  #bandeau_haut_logo { 
    /*float:left;*/
  }
  #bandeau_titre_titre { 
    /*width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:calc(100% - 100px);*/
    display:block;
    font-weight:normal;
    font-size:20px;
    color:#2a2813; 
    color:#ffffff; 
  }

  #bouton_action_haut { 
    display:table-cell;
    display:none;
    position:fixed; 
    top:110px;
    right:5px;
    margin:5px 5px 0 0;
    font-size:12px
  }
  
  #bouton_action_bas { 
    display:inline-block;
    position:relative; 
    float:none;
    margin:20px 0px 20px 0;
    font-size: 12px
  }
  
 .bouton_action { 
    display:inline-block;
    position:relative; 
    /*float:left;*/
    width:200px;
    margin:10px 10px 5px 10px;
    font-size:12px;
  }
  
  .boutons_actions { 
    margin:0px 0px 20px 0;
    padding:10px 0px 10px 0;
    /*display:inline-block;*/
    display:none;
    width:100%;
    border-bottom:1px solid #000000;
    /*border-top:1px solid #000000;*/
  }
  
  .div_plus_choix { 
    display:inline-block;
    width:100%;
    height:40px;
    /*border-bottom:1px solid #000000;*/
  }
  
  #camera_wrap_1 { 
    height:600px;
  }

  #player_images { 
    display:block;
    margin:0px 0 0 0;
    width:100%;
  }
  
  .tabcontenu_titre {
    margin-bottom: 5px;
    line-height: 24px;
    font-size:15px; 
    /*color:#E64415;*/
    color:#000000;
  }
  
  .about {
    font-size:12px; 
  }
  
  .contenu_img{
    width:100%;
    height: auto;
  }
  
  .div_contenu_img{
    width:30%;
    float:left;
  }
  
  .div_contenu_img2{
    display:inline-block;
    float:none; 
    max-width:450px; 
    margin:0 5px 0 0;
    vertical-align:top;
  }
  
  .label_document{
    margin:0 10px 10px 0;
  }
  
  .bouton_document{
  }
  
  .plus_de_choix{
    display:inline-block;
    width:117px;
  }
  
  .bloc_texte_simple { 
    display:inline-table; 
    float:left; 
    width:100%;
    padding:10px 10px 30px 0px;
    margin:0px 0px 0px 0px;
    font-size:15px; 
    text-align:left;    
    /*border-bottom:1px solid #E64415;*/
  }
  
  .contenu_texte { 
    display:inline-table; 
    width:66%;
    padding:0px 20px 30px 20px;
    text-align:left;    
  }
    
  @media (min-width:1081px){
    #contenu{
      display:table; 
      float:none; 
      width: auto;
      margin:25px 25px 0 25px;
      font-size:15px; 
      color:#333333; 
    }
    
    #contenu2{
      display:table; 
      float:none; 
      width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:calc(100% - 50px);
      margin:25px 25px 0 25px;
      font-size:15px; 
      color:#333333; 
      border-top:1px solid #000000;
      border-bottom:1px solid #000000;
    }
    
    .bloc_texte { 
      display:inline-table; 
      clear:both;
      float:none; 
      margin: 0 0 8px 0;
      padding: 0 0 5px 0;
      width:100%;
      /*padding:20px 10px 30px 10px;*/
      font-size:15px; 
      text-align:left;    
      border-bottom:1px solid #000000;
    }

  }
  
/*  
  @media all and (min-width:1081px) and (max-width:1200px){
    #contenu{
      display:table; 
      float:none; 
      width: auto;
      margin:25px 25px 0 25px;
      font-size:15px; 
      color:#999999; 
    }
    
    .bloc_texte { 
      display:inline-table; 
      clear:both;
      float:left; 
      width:100%;
      font-size:15px; 
      text-align:left;    
      border-bottom:1px solid #E64415;
    }
  }
*/

  @media all and (max-width:1080px){
    #contenu{
      display:table; 
      float:none; 
      width: auto;
      margin:25px 25px 0 25px;
      font-size:15px; 
      color:#333333; 
    }
    
    #contenu2{
      display:table; 
      float:none; 
      width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:calc(100% - 50px);
      margin:25px 25px 0 25px;
      font-size:15px; 
      color:#333333; 
      border-top:1px solid #000000;
      border-bottom:1px solid #000000;
    }
    
    .bloc_texte { 
      display:inline-table; 
      float:left; 
      clear:both;
      width:95%;
      margin: 0 0 8px 0;
      padding: 0 0 5px 0;
      font-size:15px; 
      text-align:left;    
      /*border-bottom:1px solid #E64415;*/
      border-bottom:1px solid #000000;
    }

    .div_contenu_img { 
      float:none; 
      width:100%;
    }

    .contenu_texte { 
      width:95%;
    }

  }
  
  @media all and (max-width:640px){
    #bouton_action_haut {display:none;}
    #bandeau_titre_titre { width:100%; }
    .input_text_immo_annonce_cellule { 
      float:none; 
      width:100%;
    }

  }

li {
   /*list-style-type: none;*/
   /*list-style-position:inside;*/
}


ul.minus {
    list-style: none;
    margin-left: 0;
    padding-left: 15px;
}
ul.minus > li:before {
    display: inline-block;
    content: "-";
    width: 15px;
    margin-left: -15px;
}
  
#bouton_top { display:none; position:fixed; bottom:20px; right:20px; z-index:1000000; }
  
.div_ligne_contact { width:-moz-calc(100% - 15px); width:-webkit-calc(100% - 15px); width:calc(100% - 15px); clear:both; float:left; display:table; margin:0 0px 10px 0px; padding:5px 10px 5px 5px; background:#E9E9E9; }
.label_immo_annonce_cellule { display:table-cell; width:155px; vertical-align:top; padding:0 5px 0 0; text-align:right;}
.label_immo_annonce_cellule2 { display:table-cell; width:275px; vertical-align:top; padding:0 5px 0 0; text-align:right;}
.label_immo_annonce { display:block; width:100%; margin:0px 10px 0px 0; line-height:25px; font-size:14px; color:#7A7A7A; }
.input_text_immo_annonce { width:100%; height:22px; padding:2px; border:1px solid #C4C4C4; font-size:14px; font-weight:normal; background:#F0F0F0; color:#4D4D4D; font-family:sans-serif, Arial, 'Trebuchet MS', Verdana; }
  
.camera_thumbs_cont {
    background: rgba(39, 66, 92, 0.4) none repeat scroll 0 0;
}

.camera_caption > div {
    /*background: rgba(39, 66, 92, 0.4) none repeat scroll 0 0;*/
    background: rgba(39, 66, 92, 0.0) none repeat scroll 0 0;
}
.fr-overlay-background {
  opacity: 1;
}


/* ---------------------- */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@media (min-width:501px){
  .modal-content {
    width: 370px;
  }
}

@media all and (max-width:500px){
  .modal-content {
    width: 320px;
  }
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #cccccc;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #000000;
    color: white;
    font-size: 12px !important;
    font-family: LatoWebLight,Akkurat,Verdana,sans-serif !important;
    line-height: 40px;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #000000;
    color: white;
}

/* ---------------------- */

/* ---------------------- */

  @-webkit-keyframes cf3FadeInOut {
   0% {
     opacity:1;
   }
   25% {
    opacity:1;
  }
  75% {
    opacity:0;
  }
  100% {
   opacity:0;
 }
}

@-moz-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@-o-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

#cf3 {
  /*position:relative;*/
  /*height:100%;*/
}
#cf3 img {
  position:absolute;
}

#cf3 img.top {
  -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 5s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 5s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}
      
/* ---------------------- */
 #ecrire:before { content: "hello"; } 
 #ecrire:after { content: "icplab.org"; } 
/* ---------------------- */

.rouge00 {
  color: #ff0000;
  font-size: 11px;
}

.coins_arrondis_4 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:4px 4px 4px 4px;
  -moz-border-radius:4px 4px 4px 4px;
  -ms-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_6 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:6px 6px 6px 6px;
  -moz-border-radius:6px 6px 6px 6px;
  -ms-border-radius:6px 6px 6px 6px;
  border-radius:6px 6px 6px 6px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.textarea_partage { 
  width:100%;
  padding:2px 2px 2px 2px;
  border:1px solid #c4c4c4;
  background: #efefef;
  color: #4d4d4d;
  font-size:15px;
  font-family:SourceCodePro,Helvetica,Arial,sans-serif;
  resize:vertical;
}

.label_partage { 
  display:block;
  width:100%;
  margin:15px 10px 0px 0;
  line-height:25px;
  font-family: LatoWeb,Akkurat,Verdana,sans-serif;
  font-size:16px;
  color:#7a7a7a;
}

.input_text_partage {
  width:100%;
  padding: 2px;
  border:1px solid #c4c4c4;
  font-size:15px;
  line-height:25px;
  font-weight:normal;
  background: #efefef;
  color: #4d4d4d;
  font-family:SourceCodePro,Helvetica,Arial,sans-serif;
}

#envoyer_partager{
  width:100%;
  height: 40px;
  margin:15px 0px 15px 0;
  font-family:SourceCodePro,Helvetica,Arial,sans-serif;
  font-family: LatoWeb,Akkurat,Verdana,sans-serif;
  font-size:16px;
}

.input_erreur { background:#ffdddd; border:1px solid #ff9999; }
#form_partager .formError { display:none; } /* neutralise validationEngine */