/* resets
--------------------------------------------- */
html, body, div, span, h1, p, a, img, strong, ul, li, form, label { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; background: transparent; text-decoration: none }
body, html { height: 100% }
ol, ul { list-style: none }
* { outline: 0px; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.6) }
@font-face { font-family: 'myriadpro'; font-style: normal; font-weight: 100; src: url("../fonts/myriad-set-pro_ultralight.woff") format("woff"), url("../fonts/myriad-set-pro_ultralight.ttf") format("truetype"); *src: url(''); }
@font-face { font-family: 'myriadpro'; font-style: normal; font-weight: 300; src: url("../fonts/myriad-set-pro_thin.woff") format("woff"), url("../fonts/myriad-set-pro_thin.ttf") format("truetype"); *src: url(''); }
@font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfont.eot); src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2) format('woff2'), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"); font-weight: 400; font-style: normal }
[class*=uk-icon-] { font-family: FontAwesome; display: inline-block; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
[class*=uk-icon-], [class*=uk-icon-]:focus, [class*=uk-icon-]:hover { text-decoration: none }
.uk-icon-phone:before { content: "\f095" }
.uk-icon-envelope-square:before { content: "\f199" }
.uk-icon-envelope-o:before { content: "\f003" }
.uk-icon-envelope:before { content: "\f0e0" }
.uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b" }
.uk-icon-map-marker:before { content: "\f041" }

/* master styles
--------------------------------------------- */
.v-align { display: table !important; width: 100%; position: relative; height: 100%; }
.v-align > .v-align-middle { display: table-cell !important; vertical-align: middle; width: 100%; margin: 0 auto !important; padding: 0 !important; }
body { background: #fff url('../image/bg.jpg') center center no-repeat; background-size: cover; -webkit-font-smoothing: grayscale; -moz-osx-font-smoothing: antialiased; }
div.main {	/*background: rgba(0,0,0,0.55);*/ height: 100%; }
#container { width: auto; margin: 0 auto; }

/* logo widget
--------------------------------------------- */
#logo { padding-top: 70px; margin-bottom: 50px; }
#logo h1 { padding: 0; text-align: center; }
#tagline { font-family: "myriadpro"; font-weight: 300 !important; font-size: 36px; line-height: 36px; text-align: center; margin-bottom: 25px; }
#contact-email { display: block; text-align: center; margin-bottom: 50px; margin-left: -15px; }
#contact-email a { display: inline-block; font-family: "myriadpro"; font-weight: 300; font-size: 18px; line-height: 20px; text-align: center; margin: 0; padding: 0; }
#contact-email a:hover, #contact-email a:focus { color: #fff; outline: none; text-decoration: none; }
#contact-email a { position: relative; margin: 0 5px 0 15px; }
#contact-email a > i { margin-right: 4px; }

/* subscription widget
--------------------------------------------- */
#subscribe, #msg { text-align: center; margin: 0 auto; }
#msg, #msg > span { font-family: "myriadpro"; font-weight: 300; font-size: 16px; height: 20px; line-height: 20px; color: #fff; }
#msg > span.error { color: #D95435; }
#msg > span.success { color: #73bde8; }
#subscribe input { font-family: "myriadpro"; font-weight: 300; padding: 0 0 0 20px; font-size: 16px; height: 40px; color: #000; border: none; border-top: 1px solid #73bde8; border-bottom: 1px solid #73bde8; border-left: 1px solid #73bde8; border-right: 0px solid #73bde8; background: rgba(255, 255, 255, .85); border-radius: 40px 0 0 40px; transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; width: 330px; }
#subscribe input:focus { color: #000; background: #fff; }
#subscribe button { margin: 0 0 0 -4px; font-family: "myriadpro"; font-weight: 100; color: #fff; font-size: 16px; height: 40px; width: 110px; padding: 0; background-color: #005999; border: none; border-top: 1px solid #73bde8; border-bottom: 1px solid #73bde8; border-left: 0px solid #73bde8; border-right: 1px solid #73bde8; border-radius: 0 40px 40px 0; vertical-align: top; }
#subscribe button:hover { background-color: #005999; cursor: pointer; color: #fff; }
#subscribe button:active { background-color: #005999; color: #fff; }

/* Copyright widget
--------------------------------------------- */
#footer { position: absolute; bottom: 0; padding: 10px 0; left: 0; width: 100%; color: #fff; font-family: "myriadpro"; font-weight: 100; font-size: 16px; line-height: 16px; text-align: center; background: #005999; }
#footer a { color: #fff; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
#footer a:hover { color: #73bde8; }

/* Cintent widget
--------------------------------------------- */
#content { padding: 15px 0 55px; }
.max-width { max-width: 960px; width: 100%; margin: 0 auto !important; }
#content h1.module-title { font-family: "myriadpro"; font-weight: 300; font-size: 54px; line-height: 54px; color: #0088CC; margin-bottom: 35px; text-align: center; }
#content h3.module-title { font-family: "myriadpro"; font-weight: 300; font-size: 32px; line-height: 32px; color: #0088CC; text-align: center; }
#content h4 { font-family: "myriadpro"; font-weight: 700; font-size: 29px; line-height: 29px; color: #fff; text-align: left; }
#content p, #content ul li { font-family: "myriadpro"; font-weight: 300; font-size: 22px; line-height: 30px; color: #fff; }
.main-cgu #footer { position: relative; bottom: auto; left: auto; }
#tagline, #contact-email a, #subscribe, #msg, #msg, #msg > span { color: #fff; }


.br { clear: both; display: block;}
/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-width:700px) {
	body { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	#container { padding-top: 25px; }
	#footer { position: static !important; margin-top: 15px; }
	#subscribe input, #subscribe button { width: auto; }
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width:480px) {
	html, body { height: auto; min-height: none }
	div.main { height: auto; min-height: none }
	#container { padding: 0 5px; }

	.br { clear: both; display: inline-block;}

	/* Slogan widget
	--------------------------------------------- */
	#tagline { font-size: 22px; line-height: 36px; margin-bottom: 23px; padding: 0 10px; }

	/* contact-email widget
	--------------------------------------------- */
	#contact-email, #contact-email a { font-size: 24px; line-height: 24px; }
	#contact-email { margin-bottom: 50px; }
	#contact-email a { display: block; padding: 8px 0;}

	/* tagline widget
	--------------------------------------------- */
	#introtext { font-size: 22px; line-height: 26px; margin-bottom: 20px; }

	/* subscription widget
	--------------------------------------------- */
	#subscribe { padding: 0 30px; margin-bottom: 50px;) }
	#subscribe input { font-family: "myriadpro"; font-weight: 100; padding: 0; color: #fff; border-top: 1px solid #411f1f; border-bottom: 1px solid #411f1f; border-left: 1px solid #411f1f; border-right: 1px solid #411f1f; background: rgba(255, 255, 255, 0.1); border-radius: 40px; width: 100%; text-align: center; }
	#subscribe button { margin: 10px auto 0; font-size: 16px; height: 40px; width: 100%; border: none; border-top: 1px solid #411f1f; border-bottom: 1px solid #411f1f; border-left: 1px solid #411f1f; border-right: 1px solid #411f1f; border-radius: 40px; vertical-align: top; }

	/* Copyright widget
	--------------------------------------------- */
	#footer { position: relative!important; padding: 20px 0 10px 0; left: auto; }
}