/* Container */
div.mainContainer {padding: 80px 0px 64px 0px;}

/* Header */
div#header {height: 80px;}
div#header div#menu {display: inline-block; height: 100%; width: auto; margin: 0px auto;}
div#header div#menu div.menuItem {display: inline-block; height: 100%; float: left; padding: 0px 31px; line-height: 80px; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 0.8em; letter-spacing: 1px;}
div#header div#menu div.menuItem a, div#header div#lang a {color: #979797 !important; text-decoration: none !important;}
div#header div#menu div.menuItem a:hover, div#header div#lang a:hover {color: #073958 !important;}
div#header div#langContainer {position: absolute; right: 0px; top: 0px; height: 100%; width: 120px;}
div#header div#lang {height: 100%; vertical-align: middle; display: table-cell; text-align: center;}

/* Bottom */
div#bottom {height: 64px;}
div#bottom div#conception {display: inline-block; height: 100%; width: auto; float: left; position: absolute; left: 0px; top: 0px; margin-left: 23px; line-height: 64px; font-size: 0.6em;}
div#bottom div#mediaGroup {display: inline-block; height: 100%; width: auto; float: right; position: absolute; right: 0px; top: 0px; margin-right: 23px; line-height: 64px;}
div#bottom div#mediaGroup div.mediaItem {padding: 20px 3.39px;}

/* Accueil */
div#accueil div#Accueil_Header {position: relative; width: 100%; height: 56.818%; background-image: url(/templates/default/images/Accueil_Background.png); background-repeat: no-repeat; background-position: left top; background-size: cover;}
div#accueil div#Accueil_Header img#background {width: 100%;}
div#accueil div#Accueil_Header div#title {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 2.4em; color: #141821; line-height: 1.167em; position: absolute; text-align: right; right: 3.6%; margin-top: -63px; top: 50%;}
div#accueil div#Accueil_Header img#halo {width: 781px; height: 204px; position: absolute; right: 0.486%; top: 50%; margin-top: -102px;}
div#accueil div#info {position: relative; display: inline-block; width: 100%; height: 43.182%;}
div#accueil div#info > * {display: inline-block; float: left; width: 50%; height: 100%;}
div#accueil div#info div#infoHeader div.infoHeaderTable {height: 50%;}
div#accueil div#info div#infoHeader div.infoHeaderItem {width: 50%;}
div#accueil div#info div#infoHeader div.infoHeaderItem a {font-weight: 300; font-size: 0.8em; color: #C0A156; letter-spacing: 1px; line-height: 1.25em; text-decoration: none;}
div#accueil div#info div#infoHeader div.infoHeaderItem a font.arrow {font-weight: 300; font-size: 1.333em; color: #C0A156; line-height: 1.25em;}
div#accueil div#info div#infoHeader div.infoHeaderItem a:hover {color: #FFFFFF;}
div#accueil div#info div#infoHeader div.infoHeaderItem#followUsFacebook a, div#accueil div#info div#infoHeader div.infoHeaderItem#signUpNewsLetter a > * {font-weight: 300; font-size: 0.8em; line-height: 1.25em; display: inline-block;}
div#accueil div#info div#infoHeader div.infoHeaderItem#followUsFacebook, div#accueil div#info div#infoHeader div.infoHeaderItem#signUpNewsLetter .firstChild {color: #C0A156; letter-spacing: 2px; padding: 2% 0px;}
div#accueil div#info div#infoHeader div.infoHeaderItem#signUpNewsLetter .lastChild {color: #FFFFFF; letter-spacing: 1px;}
div#accueil div#info div#infoHeader div.infoHeaderItem#followUsFacebook a:hover, div#accueil div#info div#infoHeader div.infoHeaderItem#signUpNewsLetter a:hover .firstChild {color: #FFFFFF;}
div#accueil div#info div#infoHeader div.infoHeaderItem#signUpNewsLetter a:hover .lastChild {color: #C0A156;}
div#accueil div#info div#infoDetailed {background: #073958;}
div#accueil div#info div#infoDetailed .vtable {height: 100%;}
div#accueil div#info div#infoDetailed .table-cell {vertical-align: middle;}
div#accueil div#subTitle {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 2em; color: #FFFFFF; line-height: 1.194em; text-align: center; margin: 0px 0px 0px 0px;}
div#accueil div#info div#infoDetailed img {margin: 1em auto; display: block;}
div#accueil div#description {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1em; color: #F0F0F2; line-height: 1.133em; width: 76.94%; margin: 0px auto 0px auto; text-align: justify;}
/*div#accueil #frmSignUpNewsLetter div.modal-content {background: #073958;}
div#accueil #frmSignUpNewsLetter div.modal-content .modal-header > * {color: white;}
div#accueil #frmSignUpNewsLetter div#buttonSubmit {height: 26px;}*/

/* Service */
div#service #Service_Header img#background {width: 91%;}
div#service div#chooseJTM {position: absolute; bottom: 3%; left: 6.181%; width: 30%; text-align: center;}
div#service div#chooseJTM > * {font-family: '.HelveticaNeueDeskInterface-Regular';}
div#service div#chooseJTM div#title {font-size: 2.4em; color: #006196; line-height: 1.194em;}
div#service div#chooseJTM img {margin: 5% 0px;}
div#service div#chooseJTM div#description {text-align: justify; font-size: 1.333em; color: #006196; line-height: 1.15em;}
div#service div#notreOffre {position: absolute; top: 4%; right: 1%; width: 32%;}
div#service div#notreOffre div#title {font-weight: 700; font-size: 1.6em; color: #006196; line-height: 1.25em;}
div#service div#notreOffre div.notreOffreItem {font-size: 1.333em; color: #006196; line-height: 1.25em; padding: 0px 0px 0px 35px; position: relative; margin: 30px 0px;}
div#service div#notreOffre div.notreOffreItem img {position: absolute; left: 0px; top: 3px;}
div#service #Service_Header, div#service div#Service_Info, div#service div#Service_Marque {position: relative;}
div#service div#Service_Info img#background {width: 100%;}
div#service div#Service_Info div.firstChild {position: absolute; top: 3%; left: 0px; width: 100%; text-align: center; font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 2.2em; color: #006196; line-height: 1.194em;}
div#service div#Service_Info div.secondChild {position: absolute; top: 19.083%; left: 7.569%; width: 34.444%; text-align: justify;}
div#service div#Service_Info div.secondChild div {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.333em; color: #006196; line-height: 1.15em;}
div#service div#Service_Info div.thirdChild {position: absolute; top: 68.308%; left: 43.056%; width: 41.458%; text-align: justify; font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.6em; color: #006196; line-height: 1.167em;}
div#service div#Service_Info div.lastChild {position: absolute; bottom: 2%; left: 0px; width: 100%; text-align: center;}
div#service div#Service_Info div.lastChild div {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.333em; color: #FFFFFF; line-height: 1.15em; width: 64.115%; text-align: justify; margin: 0px auto;}
div#service div#Service_Marque {padding: 0px 15% 0px 55%;}
div#service div#Service_Marque img#background {margin: 25px 0px; width: 100%;}
div#service div#Service_Marque div.firstChild {position: absolute; width: 37.049%; left: 5.33%; top: 18%; font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.333em; color: #006196; line-height: 1.15em; text-align: justify;}
div#service div.band {background: #073958; height: 54px;}

/* Equipe */
div#equipe div#equipeInfo {padding: 5% 3.194% 0px 3.194%; width: 100%; height: 100%; position: relative; white-space: nowrap;}
div#equipe div#equipeInfo div#fonctionnement {font-size: 1em; color: #2F2F31; line-height: 2.5em; width: 100%; height: 5%; position: absolute; top: 0px; left: 0px; text-align: center;}
div#equipe div#equipeInfo div.equipeContainer {height: 100%; display: inline-block; position: relative; white-space: normal; box-sizing: border-box;}
div#equipe div#equipeInfo div#equipeImages {float: left;}
div#equipe div#equipeInfo div#equipeImages img.equipeImage {position: relative;}
div#equipe div#equipeInfo div#equipeImages img.equipeImage.blur {-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='2'%20/></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');}
div#equipe div#equipeInfo img.equipeImage#jacquest {z-index: 2; height: 100%;}
div#equipe div#equipeInfo img.equipeImage#jeremyt {z-index: 1; height: 98%; top: 2%;}
div#equipe div#equipeInfo div#equipeDetails {float: right; padding: 0px 2%;}
@media (min-aspect-ratio: 16/10) {
    div#equipe div#equipeInfo div#equipeDetails {padding: 0px 10%;}
}
div#equipe div#equipeInfo div#equipeDetails .vtable {height: 100%;}
div#equipe div#equipeInfo div#equipeDetails .vtable .table-cell {width: 100%; height: 100%; text-align: center; vertical-align: middle;}
div#equipe div#equipeInfo div#equipeDetails div.equipeItem {display: none;}
div#equipe div#equipeInfo div#equipeDetails div.equipeItem.active {display: block !important;}
div#equipe div#equipeInfo div#equipeDetails div.equipeItem div.equipeDetail div.equipeNom {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.333em; color: #006196; line-height: 1.15em;}
div#equipe div#equipeInfo div#equipeDetails div.equipeItem div.equipeDetail img.equipeDetailSeparator {width: 61.864%; display: inline-block; margin: 3% 0px 8% 0px;}
div#equipe div#equipeInfo div#equipeDetails div.equipeItem div.equipeDetail div.equipeDescription {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.2em; color: #006196; line-height: 1.167em; text-align: justify;}
/*div#equipe div#equipeInfo div.equipeItem {height: 100%; display: inline-block; position: relative; white-space: normal; box-sizing: border-box;}
div#equipe div#equipeInfo div.equipeItem img.equipeImage {height: 100%; position: absolute; bottom: 0px;}
div#equipe div#equipeInfo div.equipeItem img.equipeImage.blur {-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='2'%20/></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');}
div#equipe div#equipeInfo div.equipeItem div.equipeDetail {text-align: center; visibility: hidden;}
div#equipe div#equipeInfo div.equipeItem.active div.equipeDetail {visibility: visible !important;}
div#equipe div#equipeInfo div.equipeItem div.equipeDetail div.equipeNom {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.333em; color: #006196; line-height: 23px;}
div#equipe div#equipeInfo div.equipeItem div.equipeDetail img.equipeDetailSeparator {width: 61.864%; display: inline-block;}
div#equipe div#equipeInfo div.equipeItem div.equipeDetail div.equipeDescription {font-family: '.HelveticaNeueDeskInterface-Regular'; font-size: 1.2em; color: #006196; line-height: 21px;}
div#equipe div#equipeInfo div.equipeItem#jacquest {width: 62.25%; z-index: 2;}
div#equipe div#equipeInfo div.equipeItem#jacquest img {right: 0px;}
div#equipe div#equipeInfo div.equipeItem#jacquest div.equipeDetail {width: 32%; float: left;}
div#equipe div#equipeInfo div.equipeItem#jacquest div.equipeDetail div.equipeDescription {text-align: left;}
div#equipe div#equipeInfo div.equipeItem#jeremyt {width: 56.25%; z-index: 1;}
div#equipe div#equipeInfo div.equipeItem#jeremyt img {left: 0px; height: 98% !important;}
div#equipe div#equipeInfo div.equipeItem#jeremyt div.equipeDetail {width: 35%; float: right;}
div#equipe div#equipeInfo div.equipeItem#jeremyt div.equipeDetail div.equipeDescription {text-align: right;}*/

/* Nous Joindre */
div#nousjoindre div#Contact {position: relative; width: 100%; height: 50%; padding: 0px 0px 0px 0px;}
div#nousjoindre div#info {position: relative; display: inline-block; width: 100%; height: 50%;}
div#nousjoindre div#info > * {display: inline-block; float: left; width: 50%; height: 100%;}
div#nousjoindre div#Maps {background-color:#073958; background-repeat: no-repeat; background-size: cover; background-position: center center;}
div#nousjoindre div#Form {padding: 0px 5%;}
div#nousjoindre div#Form .vtable {height: 100%;}
div#nousjoindre div#Form .table-cell {width: 100%; vertical-align: middle;}
div#nousjoindre div#Form form fieldset {padding: 0px 0px 0px 30%; position: relative; margin: 0px 0px 10px 0px;}
div#nousjoindre div#Form form label {width: 30%; position: absolute; top: 0px; left: 0px; height: 100%; vertical-align: middle;}
div#nousjoindre div#Form form label, div#nousjoindre div#Form form input, div#nousjoindre div#Form form textarea {font-size: 1em;}
div#nousjoindre div#Form form input {padding: 5px;}
div#nousjoindre div#Form form button {width: 85px; height: 26px; float: right; font-size: 0.8em; line-height: 26px;}
div#nousjoindre div#Contact .table-row:nth-child(2) .table-cell {padding: 10px 0px;}
div#nousjoindre div#Contact .table-cell {text-align: center; vertical-align: middle;}
div#nousjoindre div#Contact h1 {/*position: absolute; top: 0px; left: 0px; */width: 100%; /*height: 13%;*/ margin: 0px; text-align: center; font-family: Comfortaa-Light; font-size: 4.8em; color: #012A48; letter-spacing: 6px; line-height: 1.8em;}
div#nousjoindre div#Contact .table-cell * {font-family: Comfortaa-Light; font-size: 1.333em; color: #012A48; letter-spacing: 1.66px; line-height: 1.25em; text-decoration: none;}
div#nousjoindre div#Contact div.imageHeader {margin-bottom: 10px;}