/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 juin 2016, 10:24:12
    Author     : nicolas.gonthier
*/

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('font/web fonts/caviardreams_regular_macroman/CaviarDreams-webfont.eot');
    src: url('font/web fonts/caviardreams_regular_macroman/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/web fonts/caviardreams_regular_macroman/CaviarDreams-webfont.woff') format('woff'),
    url('font/web fonts/caviardreams_regular_macroman/CaviarDreams-webfont.ttf') format('truetype'),
    url('font/web fonts/caviardreams_regular_macroman/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#middle, #footer_contact {
    font-family: Verdana;
    color: #575756;
}

.clearfix {
    clear: both;
}

#map-canvas 
{ 
    height: 500px; 
    width: 1000px;
    cursor: pointer;
}

.row {
    margin: 0;
}

.col {
    padding: 0;
}

.pplContainer, .modal-body {
    font-family: verdana;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 20px;
}

.dptName {
    font-family: caviar_dreamsregular;
    color: #575756;
    font-size: 22px;
    padding: 10px 0;
    border-bottom: 1px solid #575756;
    margin-bottom: 20px;
}

.personImg img {
    width: 100%;
    max-height: 199px;
}

.personInfo {
    padding: 5px 10px; 
    color: #3c3c3b;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 0;
}

.personInfo .fa {
    color: #b1b3b4;
    font-size: 16px;
    margin-top: 5px;
}

.dptName .fa {
    color: #b1b3b4;
    font-size: 16px;
    margin-left: 15px;
}

.contactLink:hover .fa {
    font-weight: bold;
}

.personName {
    color: #be9e55;
    font-size: 18px;
    font-family: caviar_dreamsregular;
}

.personTitle {
    font-size: 11px;
    font-family: Verdana;
    color: #575756;
    line-height: 11px;
	margin-bottom: 10px;
}

.personDetail {
    font-size: 8px;
    font-family: Verdana;
    line-height: 11px;
	margin-top: 5px;
	margin-bottom: 0;
}

.person {
    margin-bottom: 30px;
}



.close {
    font-size: 24px;
    float: right;
    margin-top: -20px;
    margin-right: -8px;
    height: 30px;
}

.contactInfo {
    padding-left: 20px;
}

.contactInfo p {
    margin-bottom: 5px;
}

.contactLabel {
    width: 29%;
    margin-bottom: 15px;
    vertical-align: top;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    text-align: right;
    font-weight: normal;
}

.contactField {
    width: 69%;
}

.note {
    display: inline-block;
    float: right;
    margin-right: 6px;
}

.modal-body {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.modal-footer {
    margin-top: 0;
}

.modal-footer .btn {
    background-color: transparent;
    color: #575756;
    font-size: 11px;
}

.modal-footer .btn:hover {
    background-color: #be9e55;
    border: none;
    color: #FFF;
}

.error {
    color: red;
}

.ok {
    color: green;
}

#msgInfo {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.mainTitle {
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    font-family: "Source Sans Pro";
    color: #888;
}

.modal.fade .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0); /* IE9 only */
          transform: translate(0, 0);

 }
 
 .fade {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#loader {
    text-align: center!important;
}

.contactContainer .personImg p {
    padding:0 10px;
}

.contactLink, .contactLink:hover, .contactLink:active, .contactLink:visited {
	color: #be9d55;
	text-decoration: none;
}

.contactLink:focus {
    color: #b3b3b3;
}

#backLink, #backLink:hover {
	color: #be9d55;
}

#mailSend:hover {
    background-color: #be9d55;
}

/* PAGE ABOUT US */
#introText {
    color: #333;
    font-family: verdana;
    font-size: 13px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.pers {
    text-align: center;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.pic img {
    width: 100%;
}

.persInfo {
    margin-top: 15px;
    color: #575756;
    font-family: verdana;
}

.persName{
    color: #be9e55;
    font-size: 18px;
    margin-bottom: 5px;
	font-family: caviar_dreamsregular;
}

.persTitle {
    font-size: 11px;
    margin-bottom: 3px;
}

.persDetail {
    font-size: 10px;
}

.noHeightLimit img {
    max-height: none;
    margin-bottom: 10px;
}

#footer_contact{
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.info_bold {
    color: #333;
    font-weight: bold;
}

.info_gold, .info_gold a, .info_gold a:hover {
    color: #be9d55!important;

}

#footer_contact a {
    text-decoration: underline;
}

#footer_contact a:hover {
    text-decoration: none;
}

.department.col .dptName {
    margin-right: 15px;
    margin-bottom: 0;
}

.noBorder {
    border: none!important;
}

.borderGrey {
    border-bottom: 1px solid #575756;
    clear: both;
}

.uppercase {
    text-transform: uppercase;
}

.noDisplay {
    display: none;
}

#mailContent {
    height: 210px;
}

.personName.contactField {
    margin-left: auto;
    margin-right: 6px;
}

.col-xs-lac {
    width: 20%;
    float: left;
}

#titleText {
    text-transform: uppercase;
}