body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  font-family : futura_medium, Georgia;
}

#menu ul {
  font-size : 0px; /* VC: Correction de du whitespace sur le display:inline-block*/
}

h2 {
  font-family : museo_slab700, Georgia;
  font-size   : 45px;
  display     : block;
  text-align  : center;
}

h2 span {
  display     : block;
  font-family : Georgia, futura_medium;
  font-size   : 22px;
}

h2 span.trait {
  display    : block;
  width      : 40px;
  height     : 3px;
  background : #ffffff;
  margin     : 10px auto;
}

#page_view .content_page h2 {
  color          : #000485;
  text-transform : uppercase;
  font-size      : 20px;
  text-align     : left;
}

h3 {
  font-size : 25px;
}

h3 span.trait {
  display    : block;
  width      : 40px;
  height     : 3px;
  background : #ffffff;
  margin     : 10px auto;
}

html {
  width  : 100%;
  height : 100%;
}

body {
  background : #ffffff;
  height     : 100%;
  width      : 100%;
}

.c-blue {
  color : #000092;
}

.c-grey {
  color : #8392b1;
}

.c-red {
  color : #f8390c;
}

.clearfix:after,
.clearfix:before {
  content     : '.';
  clear       : both;
  font-size   : 0;
  line-height : 0;
  height      : 0;
  overflow    : hidden;
  display     : block;
}

.no-sroll {
  overflow : hidden !important;
}

.area-scroll {
  overflow-y : scroll;
}

.v-align {
  vertical-align : middle;
  display        : inline-block;
  width          : 100%;
}

#loader {
  position   : fixed;
  top        : 0;
  bottom     : 0;
  left       : 0;
  right      : 0;
  z-index    : 99999;
  background : rgba(255, 255, 255, 0.3);
}

#loader p {
  font-size   : 14px;
  font-weight : 400;
  color       : #ffffff;
  position    : absolute;
  top         : 50%;
  margin-top  : -40px;
  left        : 50%;
  margin-left : -150px;
  width       : 300px;
  height      : 80px;
  line-height : 80px;
  text-align  : center;
  background  : rgba(0, 0, 0, 0.7);
}

#loader p .inner {
  display        : inline-block;
  vertical-align : middle;
  padding        : 0 10px;
  line-height    : normal;
}

body.menu-over {
  position : relative;
}

body.menu-over:after {
  content    : ' ';
  position   : absolute;
  top        : 0;
  right      : 0;
  bottom     : 0;
  left       : 0;
  z-index    : 999;
  background : url('../images/front/opacity-000-20.png') repeat transparent;
}

/* INFO WINDOW GGMAP */
.IW {
  color     : #001185;
  font-size : 16px;
}

.IW .img {
  text-align : center;
}

.IW .nom {
  font-size  : 20px;
  max-width  : 215px;
  text-align : left;
}

.IW .lien {
  text-decoration : underline;
  color           : #f8390c;
  font-style      : italic;
  font-size       : 14px;
}

.IW:hover .lien {
  color : #001185;
}

/* START - JH */

.container-members .form-devis {
  background-color : #ffffff;
}

.container-members .form-devis fieldset {
  border-bottom : 1px solid #99a9c0;
  padding       : 20px;
}

.container-members .form-devis fieldset legend {
  color       : #000094;
  font-size   : 22px;
  font-family : 'futura_book';
  padding-top : 20px;
}

.container-members .form-devis #objet-wrapper,
.container-members .form-devis #message-wrapper {
  width : 96.5%;
}

.container-members .form-devis #objet-wrapper input {
  width : 100%;
}

.container-members {
  position         : relative;
  display          : block;
  background-color : #e5eaee;
  min-height       : 1000px;
}

.container-members .map {
  position                  : absolute;
  width                     : 40%;
  top                       : 0;
  left                      : 0;
  bottom                    : 0;
  overflow                  : hidden;
  webkit-overflow-scrolling : touch;
}

.container-members .map .map-search-canvas {
  height : 100%;
}

.container-members .sidebar {
  display                    : block;
  width                      : 60%;
  position                   : absolute;
  right                      : 0;
  left                       : auto;
  bottom                     : 0;
  top                        : 0;
  -webkit-overflow-scrolling : touch;
  overflow                   : auto;
}

.container-members .sidebar .title-search {
  padding          : 0 20px;
  background-color : #f4f5f7;
  border-bottom    : 1px solid #ccd4df;
  height           : 64px;
}

.container-members .sidebar .title-search > p {
  line-height    : 63px;
  color          : #000093;
  text-transform : uppercase;
  font-family    : 'futura_book';
  font-size      : 18px;
  position       : relative;
  padding-left   : 35px;
}

.container-members .sidebar .title-search > p:before {
  content    : ' ';
  position   : absolute;
  top        : 15px;
  left       : 0;
  width      : 28px;
  height     : 30px;
  background : url('../images/front/sprites-result-search.png') 0 -52px no-repeat transparent;
}

.container-members .filter {
  min-height       : 65px;
  padding          : 10px 0;
  border-bottom    : 1px solid #99a9c0;
  background-color : #ffffff;
}

.container-members .list-members {
  display  : inline-block;
  width    : 100%;
  position : relative;
  overflow : visible !important;
  padding  : 15px;
}

.area-loading {
  position : relative;
}

.area-loading.loading {

}

/*.area-loading.loading:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/front/opacity-000-20.png') repeat transparent;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.area-loading.loading:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/front/loader.gif') no-repeat transparent center;
    background-size: 100px;
    bottom: 0;
    right: 0;
    z-index: 9999;
}*/

.container-members .list {
  background-color : #e5eaee;
  height           : 100%;
  display          : block;
}

.filter .field-wrapper {
  display        : inline-block;
  margin         : 5px 0.1%;
  vertical-align : middle;
}

.filter .field-label {
  width      : 10%;
  text-align : center;
}

.filter .field-select {
  width : 24.5%;
}

.filter .field-select .fancy-select,
.filter .field-select select {
  width : 100%;
}

.filter .field-submit {
  width : 10%;
}

.filter .field-submit button {
  border             : none;
  color              : #ffffff;
  text-align         : center;
  line-height        : 32px;
  height             : 32px;
  width              : 100%;
  font-size          : 15px;
  margin             : 0px auto;
  background         : none;
  background-color   : #c8d0dd;
  -webkit-appearance : none;
}

.filter .field-submit button:hover {
  background-color : #f8390c;
  cursor           : pointer;
}

.filter .field-label label {
  text-align  : center;
  font-family : 'futura_book';
  font-size   : 20px;
  color       : #022677;
  height      : 32px;
  line-height : 32px;
  display     : inline-block;
}

.filter div.fancy-select {
  background-color : #000092;
  color            : #ffffff;
  border           : none;
  padding          : 0;
  margin           : 0;
  font-family      : 'futura_medium';
  font-size        : 13px;
  position         : relative;
}

.filter div.fancy-select .arrow {
  background   : url('../images/front/arrow-bottom.png') no-repeat 0 0 transparent;
  width        : 10px;
  height       : 5px;
  margin       : 0;
  position     : absolute;
  margin-right : 10px;
  margin-top   : 13px;
  top          : 0;
  right        : 0;
}

ul.fancy-select {
  z-index            : 9981;
  -moz-box-shadow    : 0px 0px 6px 0px #656565;
  -webkit-box-shadow : 0px 0px 6px 0px #656565;
  -o-box-shadow      : 0px 0px 6px 0px #656565;
  box-shadow         : 0px 0px 6px 0px #656565;
}

ul.fancy-select li.selected {
  background-color : #f73d20 !important;
}

ul.fancy-select li.selected,
ul.fancy-select li.selected:hover {
  font-family : 'roboto_bold';
  color       : #ffffff;
  font-weight : normal;
}

ul.fancy-select li {
  font-size          : 12px;
  background-color   : #ffffff;
  color              : #919191;
  border             : 0;
  -webkit-transition : background-color 0.2s linear 0s, color 0.1s linear 0s;
  -moz-transition    : background-color 0.2s linear 0s, color 0.1s linear 0s;
  -ms-transition     : background-color 0.2s linear 0s, color 0.1s linear 0s;
  -o-transition      : background-color 0.2s linear 0s, color 0.1s linear 0s;
  transition         : background-color 0.2s linear 0s, color 0.1s linear 0s;
  border-bottom      : 1px solid #dddddd;
}

ul.fancy-select li:hover {
  background-color : #efefef;
  color            : #000000;
}

ul.fancy-select li span {
  padding : 0 15px;
}

.container-members .result-info {
  padding          : 0 20px;
  background-color : #ffffff;
  display          : inline-block;
  width            : 100%;
  min-height       : 65px;
}

.container-members .result-info .count-result {
  float       : left;
  line-height : 65px;
}

.container-members .result-info .count-result > .style-p {
  color       : #99a9bf;
  font-size   : 18px;
  font-family : 'futura_medium';
}

.container-members .result-info .consultation-result {
  position    : relative;
  float       : right;
  line-height : 65px;
}

.container-members .result-info .consultation-result button {
  height           : 26px;
  line-height      : 26px;
  padding-left     : 30px;
  display          : inline-block;
  text-decoration  : underline;
  font-size        : 16px;
  border           : none;
  background-color : #ffffff;
  outline          : none;
}

.container-members .result-info .consultation-result button:before {
  content    : '';
  position   : absolute;
  left       : 0;
  background : url('../images/front/sprites-result-search.png') 0 0 no-repeat transparent;
  width      : 22px;
  height     : 26px;
}

.container-members .result-info .consultation-result button:hover {
  cursor : pointer;
}

.container-members .list-members .item {
  width              : 45%;
  margin             : 2.5%;
  float              : left;
  position           : relative;
  overflow           : hidden;
  display            : inline-block;
  -moz-box-shadow    : 0px 2px 1px 0px #bbbbbb;
  -webkit-box-shadow : 0px 2px 1px 0px #bbbbbb;
  -o-box-shadow      : 0px 2px 1px 0px #bbbbbb;
  box-shadow         : 0px 2px 1px 0px #bbbbbb;
}

.container-members .list-members .item > a {
  display : block;
}

.container-members .list-members .item .picture {
  overflow         : hidden;
  height           : 290px;
  position         : relative;
  background-color : #20212e
}

.container-members .list-members .item .picture:after {
  content    : ' ';
  position   : absolute;
  bottom     : -2px;
  left       : 20px;
  width      : 23px;
  height     : 13px;
  background : url('../images/fleche_haut.png') no-repeat transparent;
}

.container-members .list-members .item .picture img {
  display     : inline-block;
  position    : absolute;
  top         : 50%;
  left        : 50%;
  margin-left : -220px;
  margin-top  : -150px;
}

.container-members .list-members .item .infos {
  background-color : #ffffff;
  height           : 60px;
  padding          : 10px 20px;
  line-height      : 42px;
}

.container-members .list-members .item .infos .name {
  line-height : 20px;
  font-size   : 15px;
  margin      : 0;
}

.container-members .list-members .item .quick-access {
  position : absolute;
  top      : 0;
  right    : 0;
  width    : 100%;
  height   : 80px;
}

.container-members .list-members .item .quick-access a {
  display  : block;
  position : absolute;
  right    : 0;
}

.container-members .list-members .item .quick-access .name {
  background-color : #ffffff;
  display          : none;
  padding          : 0 10px;
  float            : left;
  line-height      : 27px;
  height           : 25px;
  margin-right     : 15px;
  color            : #000094;
}

.container-members .list-members .item .quick-access .picto {
  float        : right;
  background   : url('../images/front/sprites-result-search.png') 0 0 no-repeat transparent;
  margin-right : 10px;
}

.container-members .list-members .item .quick-access a:hover .name {
  display  : block;
  position : relative;
}

.container-members .list-members .item .quick-access a:hover .name:after {
  content    : ' ';
  position   : absolute;
  top        : 7px;
  right      : -6px;
  background : url('../images/front/arrow-right.png') 0 0 no-repeat transparent;
  width      : 6px;
  height     : 10px;
}

.container-members .list-members .item .quick-access .favoris {
  top : 10px;
}

.container-members .list-members .item .quick-access .contact {
  top : 10px;
}

.container-members .list-members .item .quick-access .favoris .picto {
  width               : 25px;
  height              : 24px;
  background-position : -31px 0;
}

.container-members .list-members .item .quick-access .favoris.active .picto {
  background-position : -31px -26px;
}

.container-members .list-members .item .quick-access .contact .picto {
  width               : 24px;
  height              : 17px;
  background-position : -66px -4px;
  margin-top          : 4px;
}

.container-members .selected-membres {
  font-family : 'futura_medium';
  display     : inline-block;
  width       : 100%;
}

.container-members .selected-membres .field-wrapper {
  float  : left;
  width  : 31.333%;
  margin : 10px 1%;
}

.container-members .selected-membres .field-wrapper input {
  float   : left;
  display : inline-block;
  width   : 10%;
  height  : 20px;
  top     : 0;
}

.container-members .selected-membres .field-wrapper label:hover,
.container-members .selected-membres .field-wrapper input:hover {
  cursor : pointer;
}

.container-members .selected-membres .field-wrapper label.field-checkbox-label {
  font-size   : 16px;
  color       : #8392b1;
  float       : right;
  width       : 90%;
  line-height : 20px;
}

.container-members .selected-membres .field-wrapper label .ville {
  color : #000092;
}

.container-members .selected-membres .field-wrapper label.selected .ville {
  color : #f73d20;
}

.container-members .notify-msg {
  display    : block;
  text-align : center;
  color      : #ffffff;
  font-size  : 18px;
  width      : 97%;
  margin     : 0px auto;
  overflow   : hidden;
  padding    : 8px 0;
}

.container-members .notify-error {
  background-color : #f33f2d;
}

.container-members .notify-success {
  background-color : green;
}

/* FIN - JH */

#creer_compte {
  margin-top : 15px;
}

#creer_compte ul {
  list-style-type : circle;
  margin-left     : 30px;
}

#creer_compte ul li {
  font-family : futura_medium;
  color       : #636e86;
  font-size   : 13px;
}

.content_creation_compte p {
  font-family : futura_medium;
  color       : #636e86;
  font-size   : 13px;
}