.node-interlocuteur .portrait-wrapper img {
  border-radius: 70px;
  -moz-border-radius: 70px;
}

/*
    Contact
    View Mode : Long Teaser
*/
.node-interlocuteur.view-mode-long_teaser .portrait-wrapper {
  float: left;
}

.node-interlocuteur.view-mode-long_teaser .text-wrapper {
  margin-left: 240px;
}


.node-interlocuteur.view-mode-long_teaser .fonction {
    color: #808080;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 12px;
}

.node-interlocuteur.view-mode-long_teaser div.node-header {
    border-bottom: 0;
    padding-bottom: 0;
}


/*
    Your Contact -> List of contacts
    View Mode : FULL
*/
.node-interlocuteur.view-mode-full {
  padding: 20px 0 10px;
}

.node-interlocuteur.view-mode-full .portrait-wrapper {
    float: right;
}

.node-interlocuteur.view-mode-full .text-wrapper {
    margin-left: 0;
    max-width: 780px;
}

.node-interlocuteur.view-mode-full .subtitle span {
    font-size: 14px;
    font-weight: bold;
}

.domain-rteetvous .node-interlocuteur.view-mode-full .subtitle span {
    color: #E85257;
}

.node-interlocuteur.view-mode-full .adresse-wrapper,
.node-interlocuteur.view-mode-full .email,
.node-interlocuteur.view-mode-full .telephone {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 28px;
    font-size: 15px;
    color: #222;
}

.node-interlocuteur.view-mode-full .google-map-link {
    display: none;
}

.node-interlocuteur.view-mode-full .google-map-link a {
    font-weight: bold;
}

.node-interlocuteur.view-mode-full .email a,
.node-interlocuteur.view-mode-full .telephone a {
    color: #000;
}

.node-interlocuteur.view-mode-full .email a::before{
    content: '@ ';
    color: #00A5DB;
    margin-right: 5px;
    font-size: 12px;
    position: relative;
    bottom: 1px;
}

.domain-rteetvous .node-interlocuteur.view-mode-full .node__title,
.domain-rteetvous .node-interlocuteur.view-mode-full .google-map-link a,
.domain-rteetvous .node-interlocuteur.view-mode-full .email a::before{
    color: #EA7762;
}

.node-interlocuteur.view-mode-full .telephone::before{
    content: url(img/phone-blue.png);
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.domain-rteetvous .node-interlocuteur.view-mode-full .telephone::before{
    content: url(img/phone-red.png);
}

.node-interlocuteur.view-mode-full .links {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #E1D9D9;
}

.node-interlocuteur.view-mode-full .links li {
    display: inline;
}

.node-interlocuteur.view-mode-full .links li a {
    padding-left: 30px;
    color: #000;
}

/**
 * Your contacts -> Forms
 */
.view-contacts .view-filters form {
    display: block;
}

.page-contact #main form {
    max-width: 940px;
    margin: 40px auto 0px;
    font-size: 14px;
    line-height: 20px;
}

.page-contact #main #rte-interlocuteur-initiative-contact-form {
    width: auto;
}

.page-contact #main .form-item {
    margin: 0 0 10px 0;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-contact #main h2.contact-form-title {
    font-size: 20px;
    border-bottom: 1px solid #DCDAD8;
    margin-bottom: 25px;
    padding-top: 35px;
    padding-bottom: 12px;
    line-height: 26px;
    color: #222;
    font-family: 'Avenir LT W01 65 Medium';
    width: 620px
}

.page-contact #main h3.contact-form-title {
    width: 320px;
    padding-right: 4px;
    float: left;
    line-height: 36px;
    text-align: right;
    margin: 0;
    color: #023557;
    font-weight: bold;
    font-size: 15px;
}

.page-contact #main label,
.page-contact #main fieldset legend {
    width: 320px;
    padding-right: 4px;
    float: left;
    line-height: 36px;
    text-align: right;
    font-weight: normal;
}

.page-contact #edit-profil-wrapper label,
.page-contact #edit-region-wrapper label {
    width: auto;
    text-align: left;
}

.page-contact #edit-profil-wrapper .views-widget,
.page-contact #edit-region-wrapper .views-widget {
    float: left;
}

.page-contact #edit-profil-wrapper .form-item-profil
.page-contact #edit-region-wrapper .form-item-profil {
    margin: 0;
}

.page-contact #main fieldset legend {
    font-size: 14px;
    margin: 0;
}

.page-contact #main .not-captcha .fieldset-wrapper {
    width: 462px;
    float: left;
    height: 40px;
    margin: 0;
}

.page-contact #main .not-captcha .fieldset-wrapper .form-item {
    display: inline-block;
    margin: 0;
}

.page-contact #main .not-captcha .fieldset-wrapper .form-item label {
    width: auto;
    float: left;
    padding: 0;
    margin: 0 8px 0 9px;
}

.page-contact #main .not-captcha .fieldset-wrapper .form-item input {
    width: 180px;
}

.page-contact #main input[type="text"],
.page-contact #main input[type="tel"],
.page-contact #main input[type="url"],
.page-contact #main input[type="email"],
.page-contact #main input[type="file"],
.page-contact #main textarea {
    width: 460px;
    background: #FBFBFB;
    display: inline-block;
    border: 1px solid #E9E9E9;
    line-height: 16px;
    font-size: 14px;
    padding: 8px 12px;
    height: 40px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.page-contact #main textarea {
    resize: none;
    height: 68px;
    width: 460px;
    background: #FBFBFB;
}

.page-contact #main textarea.big {
    height: 140px;
}

.page-contact fieldset {
  border: none;
  padding: 0;
  margin: 10px 0;
}

.page-contact #main .btn-group .btn {
    width: 300px;
    text-align: left;
    border-color: #E9E9E9;
    background: #FBFBFB;
    padding-left: 19px;
    border-radius: 0;
}

.page-contact #main .caret {
    position: absolute;
    right: 15px;
    color: #818181;
    top: 50%;
}

.page-contact .dropdown-menu.open .glyphicon {
  display: none;
}

.page-contact .grippie {
    display: none;
}

.page-contact #edit-attachments .fieldset-wrapper {
  float: left;
  margin-top: 8px;
}

.page-contact .container-inline-date .date-padding {
  padding: 0;
}

.page-contact .form-radios {
  display: inline-block;
  margin: 6px 0 20px;
}

.page-contact #main .form-type-radio {
  display: inline-block;
  margin: 0;
}

.page-contact #main .form-radio {
  margin: 0 10px 0 15px;
  display: inline-block;
  vertical-align: middle;
}

.page-contact #main .form-type-radio label {
  float: none;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 2px;
}

.view-contacts form a {
  color: #000;
}

.page-contact .captcha {
  border: none;
  padding: 0;
  margin: 25px 0 15px;
}

.page-contact .captcha legend {
  display: none;
}

.page-contact .captcha .fieldset-description,
.page-contact .captcha img{
  margin-left: 320px;
}
.page-contact .captcha img {
    float: left;
    border: 1px solid #E9E9E9;
}
.page-contact .captcha .reload-captcha-wrapper {
  float: left;
  margin-left: 20px;
  line-height: 60px; // comme l'image'
}

.domain-rteetvous .page-contact .captcha .reload-captcha-wrapper a {
  color: #e85257;
}

.form-item-captcha-response {
  clear: left;
  padding-top: 10px;
}

.page-contact #main .form-submit {
    padding-left: 36px;
    padding-top: 12px;
    margin-left: 320px;
    margin-bottom: 80px;
}

.page-contact #main .form-reset {
    text-decoration: underline;
    font-size: 14px;
    margin-left: 20px;
    border: none;
    background: none;
}

div#page div.link-access-information-wrapper {
  background-color: #f4f3ef;
  padding: 30px 0;
  margin-bottom: 10px;
}

.contact-form a {
  color: #000;
  text-decoration: underline;
}



 .link-access-information-wrapper a {
    width: 980px;
    margin: 0 auto;
    background-image: url("img/arrow-right-link-orient.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #005e82;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding-left: 10px;
}


.vos-interlocuteurs {
    margin-top:20px;
    background:#f5f3f0;
    padding:30px;
    padding-bottom:1px;
    margin-bottom:20px;
}

.vos-interlocuteurs .title {
    font-family:'Avenir LT W01 85 Heavy';
    font-size:20px;
    margin-bottom:25px;
    color:#025f81;
}

.interlocuteur {
    color: #818181;
    font-size: 14px;
}
.proj-sidebar .interlocuteur,
.sidebloc .interlocuteur {
    margin-bottom: 30px;
}

.interlocuteur img {
    width:50px;
    float:left;
    border-radius:25px;
}

.interlocuteur-infos {
    width:165px;
    line-height:18px;
}

.interlocuteur  .denomination {
    color:#333;
}

.interlocuteur  span.prenom {
    margin-right:5px;
}

.interlocuteur .field-name-field-code-postal,
.interlocuteur .field-name-field-ville {
    display: inline-block;
}

.interlocuteur .email {
    font-size:14px;
    background:url('img/arrow_b2.png') 0 50% no-repeat;
    background-position-y:center;
    color:#025f81;
}

.interlocuteur .email a {
    text-decoration:none;
    color:#025f81;
}

.domain-rteetvous .contact-menu {
    background: #E85257;
}

.domain-rteetvous .link-access-information-wrapper a {
  color: #e85156;
}

.proj-subheader .vos-interlocuteurs .title {
    color: #e85257;
    margin-bottom: 12px;
}

.domain-rteetvous .vos-interlocuteurs {
    float: left;
    margin: 0;
}

.domain-rteetvous .interlocuteurs-root {
    width: 215px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.domain-rteetvous .vos-interlocuteurs .flex-prev {
    left: 0;
    background-image: url(img/prev-rouge.png);
    top: 50%;
    margin-top: -9px;
}

.domain-rteetvous .vos-interlocuteurs .flex-next {
    right: 0;
    background-image: url(img/next-rouge.png);
    top: 50%;
    margin-top: -9px;
}

.domain-rteetvous .interlocuteur {
    margin-bottom: 0;
}

.domain-rteetvous .interlocuteur img{
    border-radius: 25px;
}

.domain-rteetvous .interlocuteur-infos{
    margin-left: 60px;
    width: auto;
    float: none;
}

.domain-rteetvous .interlocuteur .email a  {
    color: #e85257;
    background-image: url(img/arrow_b2-rouge.png);
    background-repeat: no-repeat;
}


.page-contact div#cboxLoadedContent {
    background-color: #fff;
}

.page-contact div#cboxLoadedContent .node-page {
    font-size: 14px;
    line-height: 1.42857;
}

.page-contact div#cboxLoadedContent .node-page {
    font-size: 14px;
    line-height: 1.42857;
    margin: 40px;
}

.page-contact button#cboxClose {
      background-image:url(img/close_black.png);
}

.view-contacts .view-empty {
  margin: 0 auto;
  width: 940px;
}

.mentions-rgpd-forms {
  margin: 15px 0 25px 0;
  padding: 20px;
  color: #707070;
  font-size: 14px;
  border: solid 1px #707070;
  font-style: italic;
  line-height: 18px;
}

.page-contact #main .form-type-checkbox label {
  float: right;
  text-align: left;
  width: 97%;
  line-height: 20px;
  margin-bottom: 20px;
}


@media screen and (max-width: 760px) {

  .page-contact #main form {
    width: 100%;
  }  
  
  .page-contact #main .form-type-checkbox label {
    width: 92%;
  }
  
  .page-contact #main form .icon-profil {
    width:auto;
	padding-left:45px;
	margin-left:5px;
  }
  
  .page-contact #main form  .views-exposed-profil {
    display:flex;
  }
  
  .views-exposed-widgets {
    display:flex;
	flex-direction:column;
	width:100%;
  }
  
  .views-exposed-form .views-exposed-widget {
    display:flex;
	justify-content:space-between;
	padding:.5em .5em 0;
  }
  
  .page-contact #edit-profil-wrapper label, 
  .page-contact #edit-region-wrapper label {
    width:auto;
  }
  
  .node-interlocuteur.view-mode-full .text-wrapper {
    width:100%;
	padding:10px;
  }
  
  .link-access-information-wrapper a {
    width: 100%;
	font-weight:normal;
	background-position:0 3px;
	box-sizing:border-box;
  }
  
  .page-contact .captcha .fieldset-description,
  .page-contact .captcha img,
  .page-contact #main .form-submit {
    margin-left: 0;
  }
  .page-contact #main .form-submit {
    
  }
  .captcha {
	width: 100%;    
  }
  
  div#page div.link-access-information-wrapper {
   padding: 30px 10px;  
  }
  
  .page-contact #main h2.contact-form-title {
    width: 100%;
  }
  
  .page-contact #main .not-captcha .fieldset-wrapper {
     width: 100%;
  }
  .page-contact #main label,
  .page-contact #main fieldset legend {
    width: auto;
	text-align: left;
	margin-bottom:0;
	float:none;
  }
  
  .page-contact fieldset {
    margin-bottom: 50px;
	text-align: left;
  }
  .page-contact .contact-form-mandatories {
    margin-bottom:15px;
	color:red;
  }
  

}