/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
/* Global Styles */
html,body{height:100%}body{padding-top:75px;}.img-portfolio{margin-bottom:30px; border:thin solid #E4EBF1}.img-hover:hover{opacity:.8}header.carousel{height:80%}header.carousel .item,header.carousel .item.active,header.carousel .carousel-inner{height:100%}header.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover}.error-404{font-size:100px}.price{display:block;font-size:50px;line-height:50px}.price sup{top:-20px;left:2px;font-size:20px}.period{display:block;font-style:italic}footer{margin:50px 0} @media(max-width:991px){.customer-img,.img-related{margin-bottom:30px}} @media(max-width:767px){.img-portfolio{margin-bottom:15px}header.carousel .carousel{height:70%}}
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/


/*********************** Texte ************************************/
.montserrat {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
}
.montserratbold {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
}
.opensans{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.opensanslight{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.opensanssemibold{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
.opensansbold{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.opensansextra{
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
}
.text-center{
	text-align:center;	
}
.text-left{
	text-align:left;	
}
.text-right{
	text-align:right;	
}
.bold{
	font-weight:bold;	
}
.font6{
	font-size:6px	!important;
}
.font12{
	font-size:12px	
}
.font14{
	font-size:14px	
}
.font16{
	font-size:16px	
}
.font50{
	font-size:50px;
	line-height:60px;
}
.font20{
	font-size:20px !important;
	line-height:30px;	
}
.font25{
	font-size:25px !important;
	line-height:40px;	
}
body{
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
/********************** TITRE ***************************************/
.page-header {
    border-bottom: 1px solid #E4EBF1;
    margin: 40px 0 30px;
    padding-bottom: 15px;
}

h1, h2, h3, h4, h5{
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
	color:#777777;
}
.mycompa{
	font-family: "Montserrat",sans-serif;
    font-weight: bold;
}
/*********************** Couleur ************************************/
.bleuclair{
	color:#E4EBF1;	
}
.bleu{
	color:#0076C1;	
}
.blanc{
	color:#FFFFFF;	
}
a.bleu{
	color:#0076C1;	
}
a{
	color:#0076C1;	
}
a.bleuclair{
	color:#E4EBF1;	
}
a:hover.opaque{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	filter: alpha(opacity = 70); /* Hack IE 5-7 */
	text-decoration:none;
}
/***************************************/
/*********POSITION**********************/
.mbottom{
	margin-bottom:30px;
}
.mtop{
	margin-top:30px;
}
.mmediumtop{
	margin-top:15px;	
}
.mbigtop{
	margin-top:60px;	
}
.mbigbottom{
	margin-bottom:60px;	
}
.msmalltop{
	margin-top:10px;	
}
.bloc_center{
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
/*********************** Navigation ************************************/
.navbar-header{
	height:75px;
	border:none;
}
.navbar-collapse{
	border:none;	
	box-shadow:none !important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height:100%	
}
.navbar-inverse .navbar-toggle{
	border-color:#3391CA;	
    background-color: #3391CA;
	color:#FFF;
	margin-top:15px;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:active,.navbar-inverse .navbar-toggle:hover{
	border-color:#3391CA;	
    background-color:#0070BE;
	color:#3391CA;
}
.navbar-inverse {
    background-color: #0076C1;
	border:none !important;
}
.logo{
	max-height:75px;
	max-width:100%;
	-webkit-transition: width .3s ease-in-out,padding .3s ease-in-out;
	-moz-transition: width .3s ease-in-out,padding .3s ease-in-out;
	transition: width .3s ease-in-out,padding .3s ease-in-out;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -65px;
}
.navbar{
	min-height:75px;
    background: rgba(0,112, 190, 1) url("../img/background_header_navbar_01.png") repeat-x scroll center center;
}
.navbar-right{
	margin-right:65px;	
}
.navbar-brand {
    float:inherit;
    padding: 0px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
	line-height:45px;
    font-family: "Montserrat",sans-serif;
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#E4EBF1;
	color:#0076C1;
	font-style:italic;
}
.close {
    color: #0076C1;
	opacity:none;
	text-shadow:none;
}
.close:hover {
    color:#333;
}
@media(max-width:1400px){
	.navbar-right{margin-right:15px;}
		
}
@media(max-width:1215px){
	.nav > li > a{
		padding:15px 10px;
	}
	.navbar{
		background-color:#0074C3;
	}
}
.logobig{display:inline-block !important}
.logo1050{display:none !important}
.logo320{display:none !important}
@media (min-width:425px) and (max-width: 1161px) {
	.logo1050{display:inline-block !important}
	.logobig{display:none !important}
	.logo320{display:none !important}
}
@media (max-width: 425px) {
	.logo1050{display:none !important}
	.logobig{display:none !important}
	.logo320{display:inline-block !important}
}
@media(max-width: 1051px) {
	.navbar{
		background-image:none;
		background-color:#0074C3;
	}
	.nav > li > a{
		padding:5px 15px 5px 30px;	
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #ffffff;
		font-family: "Montserrat",sans-serif;
		font-size: 16px;
		line-height: 35px;
	}
	.navbar-right{
		margin-right:0px;
	}
	.navbar-collapse{
		padding:0px;	
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.navbar-nav {
	  float: none!important;
	}
	.navbar-nav>li {
	  float: none;
	}
}
@media(max-width: 512px) {
	img.logo1050{
		max-width:70%;
		margin-top:7px;
	}
	.navbar-header{
		background-color:#FFF;
	}	
}
.carousel-caption h2{
	color:#FFF;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.carousel-caption{
	top: 20px !important;
	bottom:inherit;
}
/*********************** HOME ************************************/
.panel-default > .panel-heading {
    background-color: #3391ca;
    border-color: #E4EBF1;
	padding: 10px 25px;
}
.panel-default > .panel-mycompa {
    background-color: #E4EBF1 !important;
}
.panel-default > .panel-heading h4{
    color: #FFFFFF;
	font-family: "Montserrat",sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
}
@media(max-width:1400px){
	.panel-default > .panel-heading h4{
		font-size:16px;
	}
	i.font25{
		font-size:20px;
	}
}
.panel-default > .panel-heading i{
	margin-right:15px;	
}
.panel-default {
    border-color: #E4EBF1;
}
.panel {
    background-color: #E4EBF1;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.panel-body {
    padding: 25px;
}
.panel-body p{
    font-size:16px;
}
.btn-default {
    background-color: #3391CA;
    border-color: #3391CA;
    color: #FFFFFF;
	font-family: "Montserrat",sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	padding:12px;
	max-width:350px
}
.btn-default:hover {
    background-color: #E4EBF1;
    border-color: #3391CA;
    color: #3391CA;
}
@media(max-width:1400px){
	.btn-default{font-size:14px;padding:8px;}
		
}
@media(max-width:385px){
.btn-default {
    font-size: 12px;
    padding: 8px;
}
}
.well {
    background-color: #E4EBF1;
    border: 1px solid #E4EBF1;
}
ul.fonctions{
	list-style:none;
	padding-left:20px;
}
ul.fonctions li {
	font-size:16px;
	margin-bottom:8px;/* à adapter */
}
.embed-responsive{
	border: 1px solid #E4EBF1;	
}
.customer-img{margin-bottom:30px}
/*****************/
/*****************/
/*****************/
/***************** My COmparateur *************************************/
.nav-tabs li a{
	text-transform:uppercase;
	font-family: "Montserrat",sans-serif;
    font-weight: bold;	
	Font-size:18px;
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color:#E4EBF1;
	color:#0076C1;
}
h4.media-heading{
	font-size:14px;
	font-weight:400;
	color:#333333;
	vertical-align:middle;
	padding-top:20px;		
}
@media(max-width:900px){
	h4.media-heading{padding-top:25px;}	
}

/******************* NOS OFFRES *************************************/
table.pricing tbody td{
	text-align:center;	
	color:#FFF;
}
table.pricing tbody td.text-left{
	text-align:left;
	color:#333;	
}
table.pricing tbody td.bordered{
	border-left:10px solid #00F;
}
table.pricing tbody td.bordermauve{
	border-left-color:#660066;
}
table.pricing tbody td.borderviolet{
	border-left-color:#cc33cc;
}
table.pricing tbody td.borderbleuclair{
	border-left-color:#00ccff;
}
table.pricing tbody td.borderjaune{
	border-left-color:#ffff00;
}
table.pricing tbody td.borderrose{
	border-left-color:#ff0066;
}
table.pricing thead th{
	text-align:center;	
}
table.pricing thead th.col1{
	background-color:#3391CA;
	color:#FFF;
}
table.pricing thead th.col2{
	background-color:#006699;
	color:#FFF;
}
table.pricing thead th.col3{
	background-color:#003399;
	color:#FFF;	
}
table.pricing tbody td.col1{
	background-color:#3391CA	
}
table.pricing tbody td.col2{
	background-color:#006699
}
table.pricing tbody td.col3{
	background-color:#003399	
}
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
}

@media screen and (max-width: 700px)
{
    /* Rédigez vos propriétés CSS ici */
	.col-md-4.col-xs-4 {    width: 100%;}
}

h2.intl {
    background-color: #eeeeee;
}
ul.flags{
	list-style-type: none;
	font-size: larger;
}

ul.flags li {
    margin-bottom: 10px;
}

ul.flags li img {
    margin-right: 11px;
}