/* CSS Document */
body {
	font-family:"latoregular",arial, Helvetica, Arial, sans-serif;
	color:#535353;
	}

#header {
	color:#0f48a6;
	height:114px;
	line-height:15px;
}

#header .span4 {}
#header .span3 {text-align:right; margin-top:10px;}

#bandeau {
	background-color:#4c9ff0;
	height:90px;
	position:relative;
	text-align:right;	
}
#logo{float:left; padding:15px 0;}
#headertel {float:right;padding:22px 0;}
#navigation {background:#0f48a6;}
#navigation ul {margin:0 0 0 0px; padding:0;}
#myCarousel .item {
	padding:20px 150px;
	height:200px;
}

#content {
	clear:both;
	overflow:hidden;
	text-align:justify;
	padding: 0 0 20px 0;
}
#content img.pull-right {margin-left:15px;}
#content img.pull-left {margin-right:15px;}

/*------------------------------SLIDER HP & BLOC----------------------------------*/

.slider img.slide {
	max-width :1560px;
	max-height:415px;
	margin:0 auto;	
}
#blocs { color:#0f48a6; line-height:16px; margin-bottom:15px;}
#blocs .span4 { text-align:center;}
#blocs h2 {line-height:25px; text-transform:uppercase;}

#bloc1 h1, #bloc2 h1  {color:#4bb9d9; font-size:28px; line-height:23px; text-transform:uppercase; margin:0; padding:0; border-bottom:none; }
#bloc1 h2, #bloc2 h2 {color:#0f48a6; font-size:14px; line-height:14px; text-transform:uppercase; border-bottom:none; margin: 5px 0 0 0;}
.bouton {text-align:right; padding:10px 15px 0 0;}
.bouton a:link, .bouton a:visited  {color:#eb9516; font-size:10px; line-height:10px; text-transform:uppercase; }
/*------------------------------FOOTER & CO----------------------------------*/

#footer {
	background:#4f4f4f;
	color:#fff;
	line-height: 18px;
	padding:20px 0;
}

#footer a:link, #footer a:visited  { color:#FFF;
}

#footer h3 {
	margin:0px 0px 2px 0px;
}
#subfooter {
	background-color:#272727;
	color:#fff;
	padding:10px 0;
	font-size:10px;
}
#subfooter a {color:#fff;}

#footer .nav {
	font-size : 9px;
	text-transform:uppercase;
	margin-top: 30px;	
}

#footer .nav-tabs > li > a, #footer .nav-pills > li > a {
	padding-right: 4px;
	padding-left: 4px;
	color:#fff;
}

.footernav {list-style-type:none; margin:0; padding:0; }
.footernav li {padding: 0px;line-height:15px;}
.footernav a:link, .footernav a:visited {text-transform:uppercase; color:#fff; font-size:10px; line-height:10px;}

#adresse { margin-left:15px;}
.slogan { font-family:"AsapBoldItalic", arial; font-size:22px;}
#reseaux {margin-left:15px;}

/*------------------------------TITLE----------------------------------*/


h1, h2, h3, h4, h5, h6 {
	font-family:"OswaldLight",arial, Helvetica, Arial, sans-serif;	
}
h1 {font-size:26px; text-transform:uppercase;color:#0f48a6; margin-bottom:0;}
h2 {font-size:20px; color:#77a942;}
h3 {font-size:15px;}

h1 + h2 {margin:0; margin-bottom:20px; padding:0; line-height:normal;}


/*------------------------------NAVIGATION----------------------------------*/
.nav {clear:both; }
.nav-tabs {
  border-bottom:0px;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding : 8px 32px 8px 32px;	
  line-height: 20px;
  border: none;
  -webkit-border-radius: 0px 0px 0 0;
     -moz-border-radius: 0px 0px 0 0;
          border-radius: 0px 0px 0 0;
  color: #fff;
  margin-right: -1px;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#eb9516), to(#eb9516));
  background-image: -webkit-linear-gradient(left, #eb9516, #eb9516);
  background-image: -o-linear-gradient(left, #eb9516, #eb9516);
  background-image: linear-gradient(to right, #eb9516, #eb9516);
  background-image: -moz-linear-gradient(left, #eb9516, #eb9516);
  background-image:none;
  text-transform:uppercase;
}

.nav-tabs > li.active > a, .nav-tabs > li:hover > a {
  color:#fff;
  background-color: #e88c22;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#e88c22), to(#e88c22));
  background-image: -webkit-linear-gradient(left, #e88c22, #e88c22);
  background-image: -o-linear-gradient(left, #e88c22, #e88c22);
  background-image: linear-gradient(to right, #e88c22, #e88c22);
  background-image: -moz-linear-gradient(left, #e88c22, #e88c22);
  }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {color: #fff; border:none;}

.nav-tabs.nav-stacked > li > a {
	padding: 8px 10px; 
	background-color:#0f48a6;
	text-transform:none;
	text-align:left;
	border:none;
	border-bottom:1px solid #fff;}
	}
.nav-tabs.nav-stacked > li:hover > a {
	background-color:#4bb9d9;
	background-image:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}	

.dropdown-menu {
  top:95%;	
  border: 1px solid #fefefe;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 0px 0px; -moz-border-radius: 0 0 0px 0px; border-radius: 0 0 0px 0px;
}
.dropdown-menu li a {font-size:13px;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #095697;
  background-image: -moz-linear-gradient(top, #095697, #095697);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095697), to(#095697));
  background-image: -webkit-linear-gradient(top, #095697, #095697);
  background-image: -o-linear-gradient(top, #095697, #095697);
  background-image: linear-gradient(to bottom, #095697, #095697);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00095697', endColorstr='#00095697', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #095697;
  background-image: linear-gradient(to bottom, #095697, #095697);
  background-image: -moz-linear-gradient(top, #095697, #095697);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095697), to(#095697));
  background-image: -webkit-linear-gradient(top, #095697, #095697);
  background-image: -o-linear-gradient(top, #095697, #095697);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00095697', endColorstr='#00095697', GradientType=0);
}

/* marge du first & last */
#bt0{margin-left:0;}
#bt7{margin-right:0;}


/*------------------------------ACCORDION----------------------------------*/

.accordion-group {border:none;}
.accordion-inner {border:none;}
.accordion-heading {border-bottom:1px solid #ccc;}
.accordion-heading a {color:#0f48a6; font-weight:bold;}

.listElt  {
	border-bottom:1px dotted #ccc; margin-right:15px; cursor:pointer; padding:5px;
	}

#liste h3 {margin:0; padding:0px; font-size:18px; line-height:32px;}

.detail > h2 {margin:0;}

#GoogleMap img {
	max-width: none;
}

/*------------------------------ DIVERS  ----------------------------------*/
.table th, .table td {padding:4px; line-height:17px;}
.table th {background-color:#0f48a6; color:#fff; vertical-align:middle !important; text-align:center;}
.gazselected {background-color:#f2c2c2 !important; font-weight:bold;}
/*------------------------------RESPONSIVE----------------------------------*/

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
}

@media (min-width: 980px) {
  .container{max-width:980px; margin: 0 auto;} 
}

/* Desktop
------------------------- */
@media (max-width: 980px) {
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  .nav-tabs > li > a{
	font-size:12px;
	padding: 2px 8px 2px 7px;
  }
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  .nav-tabs{
	float:none;
	padding-right:1px;
  }
  .nav-tabs li{
    width: 100%;
	float:none;
  }
  .nav-tabs > li > a{
	border-bottom:0px;
  }
  #footer div div div {
	display:inherit;  
  }
  #footer img {
	margin:3px 10px 0;  
  }
  #subfooter {
	padding-left:10px;
	padding-right:10px;
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
  }
}