/* @keyframes */
@keyframes fadein { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes fadein { /* Firefox */ from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from {opacity:0;} to {opacity:1;} }
@-o-keyframes fadein { /* Opera */ from {opacity:0;} to {opacity: 1;} }
@keyframes blink { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }
@keyframes slidein {from {margin-top: 50px; opacity: 0;} to {opacity: 1;}}

/* LAYOUT */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;font-family: source-sans-pro, sans-serif;font-weight: 400;font-style: normal;background-color: #FFFFFF;color: #404040;height: 100%;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
.svg {margin-right: 10px;}
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.icon {margin-right:10px;}
.bd {border: 1px solid #dddcdc;}

/* KEYFRAMES ELEMENTS */
.blink {animation: blink 1s infinite;}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.05);}
.slidein {animation: slidein 2s;}
.fade {animation-name: fadein; animation-duration: 1s;}

/* FONTS STYLE & WEIGHT */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a {color:#404040;}
a, a:hover, a:active, a:visited, a:focus, .btn-custom:hover {text-decoration:none;}
a:active {background-color: transparent !important;}
a:hover {color:#E1000F;text-decoration:none;}
.fw400 {font-weight: 400;} /*  */
.fw700, .pages h1, .pages h3, .bold {font-weight: 700;} /* BOLD */

/* FONT SIZE */
.fs07 {font-size: 0.70em;} .fs08 {font-size: 0.80em;} .fs09 {font-size: 0.90em;} .fs10 {font-size: 1.00em;} .fs11 {font-size: 1.10em;} .fs12 {font-size: 1.20em;} .fs13 {font-size: 1.30em;}.fs14 {font-size: 1.40em;}.fs15 {font-size: 1.50em;} .fs16 {font-size: 1.60em;} .fs17 {font-size: 1.70em;} .fs18 {font-size: 1.80em;} .fs19 {font-size: 1.90em;} .fs20 {font-size: 2.00em;} .fs21 {font-size: 2.10em;} .fs22 {font-size: 2.20em;} .fs23 {font-size: 2.30em;} .fs24 {font-size: 2.40em;} .fs25 {font-size: 2.50em;} .fs30 {font-size: 3.00em;}

/* COLORS */
.blue {color: #000091;}
.bgblue {background-color: #000091;}
.red {color: #E1000F;}
.bgred {background-color: #E1000F;}
.white {color: #FFFFFF;}
.bgwhite {background-color: #FFFFFF;}
.bggrey {background-color: #f7f7f7;}

/* BUTTONS */
.btn-custom {border-radius: 20px;padding: 5px 40px;font-weight: 700;background-color: #E1000F;color: #FFFFFF;}
.btn-custom:hover {background-color: #000091;color: #FFFFFF;}

/* NAV LG HORIZONTAL */
.nav-lg {text-align: center;background-color: #000091;padding: 15px;}
.nav-lg li {display:inline-block;font-size: 1.10em; margin-left:20px;margin-right:20px;text-transform: uppercase;font-weight: 700;}
.nav-lg li a {color:#ffffff;;text-decoration: none;}
.nav-lg li a:hover {color:#ffffff;text-decoration: none;}
.nav-lg li a:focus {background-color: transparent !important;}
.dropdown-menu {background-color: #000091;border: 0px;-moz-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; -o-animation: fadein 0.5s;}
.dropdown-menu li {font-size: 1.10em;line-height: 1.20em;font-weight: 400;margin-bottom: 10px;text-transform: capitalize;}
.dropdown-menu li a {color: #FFFFFF;}
.dropdown-menu li a:hover {color: #FFFFFF;margin: 0px;background-color: transparent !important;}

/* NAV XS */
.nav-xs {background-color: #}
.nav-xs li {font-size: 1.00em;line-height: 1.60em; text-transform: uppercase;}
.nav-xs li a {color:#ffffff;;text-decoration: none;}
.nav-xs li a:hover {color:#ffffff;text-decoration: none;}
.nav-xs li a:focus {background-color: transparent !important;}

/* NEWS */
.news h1 {font-size: 2.50em; line-height: 1.10em;} 
.news p {font-size: 1.20em;margin-bottom:20px;} 
.news h3 {font-size: 1.60em;margin-bottom:20px;font-weight:700;} 
.news ul {list-style-type: disc;list-style-position: inside;margin-bottom:20px;}
.news li {font-size: 1.20em;}

/* PAGES */
.pages {} 
.pages h1 {font-size: 2.O0em;margin-bottom: 5px; letter-spacing: -0.02em;} 
.pages h2 {font-size: 1.80em;margin-bottom:10px;}
.pages h3 {font-size: 1.30em;margin-bottom: 10px} 
.pages p {font-size: 1.20em; margin-bottom:20px;} 
.pages ul {list-style-type: disc;list-style-position: inside;margin-bottom:20px;}
.pages li {font-size: 1.20em;}

/* FORM */
.form {padding:20px;border-radius: 10px;}
.form-title {text-align:center;font-size: 1.60em; margin-bottom: 10px;}
.form-label {font-size: 0.90em;margin-bottom: 5px;font-weight: 600;}
.form-field {border: 1px solid #E3E4E3;padding:20px;border-radius: 0px;margin-bottom: 20px;}
.form-control {border: 1px solid #dedcdc;border-radius: 0px;margin-bottom: 10px;padding: 10px 10px;}

/* Footer */   
.footer {border-top: 3px dotted #e2e6eb;}
.footer li {display: inline;}
.footer li a {}
.footer li a:hover {color: #BB3533;}

.copyright p {color:#FFFFFF;}
.copyright a {color:#FFFFFF;}
















/*==========  Media Queries  ==========*/

/* Extra Small Devices (iPhone) .visible-xs-* */
@media (max-width: 767px) {	
	.header {
		text-align: center;
	}
	.header img {
		margin-bottom: 20px;
	}
	.header .contact {
	    text-align: center;
	 }
	.contact li  {
		margin: 0px 0px 10px 0px;
		font-size: 1.20em;
		padding: 5px;
	}
	.navi {
	    text-align: center;
	    padding: 10px;
	}
	.navi li {
	    font-size: 1.60em;
	}
	.content h1 {
	   	font-size: 2.00em;
	 }
	 .content p {
	    text-align: center;
	  } 
	.services p {
	   	font-size: 1.10em;
	   	font-weight: 500;
	} 
}

/* Small Devices (iPad Portrait) .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {

	.contact li {
		display: inline;
		font-size: 1.20em;
		margin: 0px 0px 0px 20px;
	}
	.navi li {
	    font-size: 1.30em;
	}
	.columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.content h1 {
	   	font-size: 2.30em;
	   	font-weight: 900;
	 }
}

/* Medium Devices (iPad Paysage) .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {

	.contact li {
		display: inline;
	}
	.navi li {
	    font-size: 1.30em;
	}
	.columns {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
	.bloc h3 {
	  	font-size: 1.20em;
	}
	.content h1 {
	   	font-size: 2.30em;
	   	font-weight: 900;
	 }
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {

	.contact li {
		display: inline;
	}
}