/* Sidebar contact */

.page-contact-detail { margin: 20px 0;}
.page-contact-detail .content-contact{ -webkit-box-shadow: 0px 0px 10px 0px #656565; box-shadow: 0px 0px 10px 0px #656565; padding: 20px; margin-bottom: 20px;}

.page-contact-detail .content-contact-header { border: 1px solid #d1d1d1;border-bottom: none; overflow: hidden;}
.page-contact-detail .adresse { width: 355px; font-weight: bold;padding-bottom: 15px;padding: 10px;}
.page-contact-detail .adresse p { margin-bottom: 2px}


.page-contact-detail .numeros { background-color: #4f2952;color: #FFFFFF;  overflow: hidden; clear: both;margin-top: 1px;}
.page-contact-detail .numeros a { color: #FFFFFF;text-decoration: none;}
.page-contact-detail .numeros p {-webkit-transition: background-color 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;background-color: #4f2952;float: left;padding: 10px 0;font-weight: bold;margin: 0;border-left: 1px solid #FFFFFF;width: 33.2%;text-align: center;}
.page-contact-detail .numeros.numero1 p {width: 100%}
.page-contact-detail .numeros.numero2 p {width: 49.9%;}
.page-contact-detail .numeros p:first-child { border:none;}
.page-contact-detail .numeros p .icon { display: inline-block; vertical-align:middle;margin-right: 20px; }
.page-contact-detail .numeros p.telephone .icon { height: 17px;width: 16px;background: url('images/sprite-display-annuaire.png') 0px -124px no-repeat; }
.page-contact-detail .numeros p.portable  .icon { height: 17px; width: 16px;background: url('images/sprite-display-annuaire.png') -14px -124px no-repeat; }
.page-contact-detail .numeros p.telecopie .icon { height: 17px;width: 19px;background: url('images/sprite-display-annuaire.png') -30px -124px no-repeat;}


.secondary-contact {margin-top: 0px !important;}
.secondary-contact .primary-sidebar > div {margin-bottom: 25px !important;}

.secondary-contact .primary-sidebar .return-list {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 10px;background-color: #d1d1d1; color: #363636 !important; display: block; width: 260px; height: 30px; line-height: 28px; font-size: 12px; text-transform: uppercase; text-decoration: none!important; margin-bottom: 25px; text-align: center;}
.secondary-contact .primary-sidebar .return-list:hover {background-color: #363636; color: #d1d1d1 !important;text-decoration: none!important}
.secondary-contact .primary-sidebar .return-list .return-arrow-left {font-size: 17px; margin: 0px 10px 0 -10px;}
.secondary-contact .primary-sidebar .return-list:hover .return-arrow-left {text-decoration: none;}

.relations-contacts {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; margin: 0 !important; padding: 0 10px 10px 10px; overflow: hidden; position: relative;}
.relations-contacts ul { padding: 10px 0 !important; margin: 0 !important;} 
.relations-contacts ul li {margin-right: 25px; width: 244px;float:left;list-style-image: none !important; -webkit-box-shadow: 0px 0px 10px 0px #656565; box-shadow: 0px 0px 10px 0px #656565; padding: 10px;background-color: #FFF;}
.relations-contacts .titre-contact { font-size: 20px; color: #363636; margin: 10px 0 20px 0;}
.relations-contacts.page-contact-detail .adresse { width: 219px !important }
.relations-contacts.page-contact-detail .adresse p { margin-bottom: 0px; }

.relations-contacts.page-contact-detail .numeros p { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;float: none; border:none; padding: 5px 15px !important; border-bottom: 1px solid #FFFFFF; width: 91%;}
.relations-contacts.page-contact-detail .numeros p .icon {margin-right: 13px;}
.relations-contacts.page-contact-detail .numeros p:last-child .icon {margin-right: 10px;}
.relations-contacts.page-contact-detail .numeros p a { color: #FFFFFF !important; text-decoration:none !important;}
.relations-contacts .voir-fiche { color: #FFFFFF !important; background-color: #363636; width: 100%; display: block; text-align: center; height: 30px; line-height: 30px; text-transform: uppercase; text-decoration: none !important; margin-top: 4px;}
.relations-contacts .voir-fiche:hover { text-decoration: underline !important;}


.relations-contacts:hover .nav-contacts {  width: 261px;}
.relations-contacts:hover span { cursor:pointer; display: block; height: 28px; width: 28px; background: url('images/sprite-display-annuaire.png') 0 0 no-repeat;}
.relations-contacts:hover .prev-contact { position: absolute; top:90px; background-position: 0px -221px; left:7px;}
.relations-contacts:hover .next-contact { position: absolute; top:90px; background-position: -30px -221px; right:7px;}

.cat-wrapper {margin-bottom: 10px;}
.cat-wrapper .term-parent {margin-top: 10px;font-weight: bold;}

.context-liste-categories-contacts {border-top:10px solid #FFF;} 
.context-liste-categories-contacts.no-relation {border-top:0; padding-bottom: 25px;}

.contact-detail p.thanks {margin:10px 0 0;padding:10px 0;text-align:center;color:#4caf50;}
.contact-detail .button-disabled, 
.contact-detail .button-disabled:hover{background:#a0a0a0!important;}

/* Contextualités - contacts liés v2 */
.contactslie_v2 .nav-defaut-sidebar span.ie9-tools {display:block;float:left;margin-left:10px;}
.contactslie_v2 .nav-defaut-sidebar .next span.ie9-tools {margin-right:-37px;}
.contactslie_v2 .relations-contacts-v2 {overflow:hidden;position:relative;}
.contactslie_v2 .relations-contacts-v2 ul {position:relative;overflow:hidden;height:280px;} 
.contactslie_v2 .relations-contacts-v2 ul li {float:left;position:relative;cursor:pointer;margin-right:20px;padding:5px 0 0;}
.contactslie_v2 .relations-contacts-v2 ul li .titre-contact {margin-bottom:20px;}
.contactslie_v2 .relations-contacts-v2 ul li .adresse {padding:13px 20px;}
.contactslie_v2 .relations-contacts-v2 ul li .adresse p {margin-bottom:0;}
.contactslie_v2 .relations-contacts-v2 ul li .informations-diverses-contact p {padding:5px 18px;margin-bottom:0;}
.contactslie_v2 .relations-contacts-v2 ul li .informations-diverses-contact p:first-child {border-top:none;}
.contactslie_v2 .relations-contacts-v2 ul li .informations-diverses-contact p span {text-decoration:none;float:left;}
.contactslie_v2 .relations-contacts-v2 ul li .informations-diverses-contact p span svg {width:14px;height:17px;margin-right:13px;}
.contactslie_v2 .relations-contacts-v2 ul li a.hover-context {display:none;position:absolute;width:100%;text-align:center;height:100%;top:0;left:0;min-height:104px;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;}
.contactslie_v2 .relations-contacts-v2 ul li a.hover-context svg {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:21px;height:21px;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;}
.contactslie_v2 .relations-contacts-v2 ul li a.hover-context .background-link {display:block;z-index:0;background-color:#fff;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";width:100%;height:100%;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;}
.contactslie_v2 .relations-contacts-v2 ul li a.hover-context span.lire-suite-ie {z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;width:21px;height:21px;text-indent:-9999px;background:url('images/plus.png') no-repeat left top;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;}
.contactslie_v2 .relations-contacts-v2 ul li:hover a.hover-context {display:block;}