html {overflow-y: hidden;}
html, body {height: 100%;}
html, body, div.mainContainer {position: relative; width: 100%; overflow-x: hidden;}
body * {font-family: 'Comfortaa', cursive;}
.vtable {display: table; width: 100%;}
.table-cell {display: table-cell; height: 100%;}
.table-row {display: table-row; width: 100%;}
.input-error {background-color: red;}

/* FontSize */
body, html {font-size: 26px !important;}
@media (max-width: 1920px) {
    body, html {font-size: 18px !important;}
}
@media (max-width: 1580px) {
    body, html {font-size: 15px !important;}
}
@media (max-width: 1366px) {
    body, html {font-size: 14px !important;}
}
@media (max-width: 1280px) {
    body, html {font-size: 13px !important;}
}
@media (max-width: 1024px) {
    body, html {font-size: 12px !important;}
}
@media (max-width: 980px) {
    body, html {font-size: 11px !important;}
}
@media (max-width: 600px) {
    body, html {font-size: 10px !important;}
}
@media (max-width: 400px) {
    body, html {font-size: 8px !important;}
}

/* Container */
div.mainContainer {background: rgb(255,255,255); display: inline-block; min-height: 100%; height: auto;}
div.loadContainer {position: relative; display: inline-block; width: 100%; min-height: 100%; height: auto;}

/* Header */
div#header {position: absolute; top: 0px; left: 0px; width: 100%; display: inline-block; text-align: center;}

/* Bottom */
div#bottom {position: absolute; bottom: 0px; left: 0px; width: 100%; display: inline-block;}
div#bottom div#conception {font-weight: 300; color: #141821;}
div#bottom div#mediaGroup div.mediaItem {display: inline-block; height: 100%; float: left; line-height: 0px;}
div#bottom div#mediaGroup div.mediaItem a {width: 24px; height: 24px; display: inline-block;}
div#bottom div#mediaGroup div.mediaItem#Instagram a {background-image: url(/templates/default/images/Instagram.png);}
div#bottom div#mediaGroup div.mediaItem#Instagram a:hover {background-image: url(/templates/default/images/Instagram_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#Dropbox a {background-image: url(/templates/default/images/Dropbox.png);}
div#bottom div#mediaGroup div.mediaItem#Dropbox a:hover {background-image: url(/templates/default/images/Dropbox_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#Youtube a {background-image: url(/templates/default/images/Youtube.png);}
div#bottom div#mediaGroup div.mediaItem#Youtube a:hover {background-image: url(/templates/default/images/Youtube_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#Facebook a {background-image: url(/templates/default/images/Facebook.png);}
div#bottom div#mediaGroup div.mediaItem#Facebook a:hover {background-image: url(/templates/default/images/Facebook_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#Twitter a {background-image: url(/templates/default/images/Twitter.png);}
div#bottom div#mediaGroup div.mediaItem#Twitter a:hover {background-image: url(/templates/default/images/Twitter_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#LinkedIN a {background-image: url(/templates/default/images/LinkedIN.png);}
div#bottom div#mediaGroup div.mediaItem#LinkedIN a:hover {background-image: url(/templates/default/images/LinkedIN_Hover.png);}
div#bottom div#mediaGroup div.mediaItem#Mail a {background-image: url(/templates/default/images/Mail.png);}
div#bottom div#mediaGroup div.mediaItem#Mail a:hover {background-image: url(/templates/default/images/Mail_Hover.png);}

/* Accueil */
div#accueil div.infoHeaderTable {display: table; height: 50%; width: 100%;}
div#accueil div.infoHeaderItem {display: table-cell; height: 100%; vertical-align: middle; text-align: center;}
div#accueil div.infoHeaderItem.dark {background: #141821;}
div#accueil div.infoHeaderItem.medium {background: #1C212E;}

/* NousJoindre */
div#nousjoindre div#Form {background: #073958;}
div#nousjoindre div#Form form label {font-family: Comfortaa-Light; color: #FFFFFF; letter-spacing: 1.66px; margin: 0px; font-weight: 300 !important;}
div#nousjoindre div#Form form input, /*div#nousjoindre div#Form */ form textarea {font-family: Comfortaa-Light; color: black; font-weight: 300 !important; border-radius: 6px; border: 0px solid transparent; width: 100%;}
div#nousjoindre div#Form form button {background-image: linear-gradient(-180deg, #FAFAFA 0%, #EFF1F4 100%); box-shadow: 0px 2px 0px 0px #C2C5CB, 0px 4px 10px 0px rgba(0,0,0,0.10), inset 0px 1px 0px 1px #FFFFFF; border-radius: 3px; border: 0px solid transparent; font-family: '.HelveticaNeueDeskInterface-Regular'; color: #7D8186; text-shadow: 0px 1px 0px rgba(255,255,255,0.50);}
div#nousjoindre div#Form form button:hover {color: black;}
div#nousjoindre div#Form form #confirmation {color: white;}