/* bootstrap 3 helpers */

html {
    height: 100%;
}
body {
	background-color:#D2DFEB;
}

header {
	height:80px;
	background-color:#FFFFFF;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}


.bgblack{
	background-color:#3C5064;
}

.bgwhite{
	background-color:#fff;
	padding:10px;
}

#nav{
	height:40px;
}

.nodsp{
	display:none;
}

.navbar-inverse { background-color: #3C5064; font-weight:bold;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #61758A}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #61758A}
.dropdown-menu { background-color: #3C5064}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #61758A}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #3C5064}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

.box{
	border-top:solid 5px #3C5064;
	background-color:#fff;
}

.hr{
	border-top:dashed 1px #3C5064;
	background-color:#fff;
	margin-bottom:0px;
}

.panel-default{
	border-top:0px;
	border:solid 0px #fff;
}

.panel-default > .panel-body {
	 padding:5px;
}

.panel-default > .panel-heading {
	border-top:solid 5px #8BB204;
	border-bottom:dashed 1px #3C5064;
	background-color:#fff;
	 font-family:Arial;
	 font-size:12px;
	 font-weight:bold;
	 color:#3C5064;
	 margin:0px;
	 padding:5px;
}

.panel-heading h2{
	margin:5px;
	 font-size:14px;
	 font-weight:bold;
}

.panel-heading h3{
	margin:5px;
	 font-size:14px;
	 font-weight:bold;
}

.row{
	padding-bottom:10px;
	margin-left:-10px;
	margin-right:-10px;
}

.panel-heading > h1{
	 font-family:Arial;
	 font-size:24px;
	 padding:0px;
	margin:0px;
	font-weight:bold;
}

.middle h1{
	 font-size:14px;
}

p.audiotel_mentions{
	font-family:Arial;
	font-size:9px;
	color:#666666;
	padding-top:5px;
}

div.audiotel2{
	background-image:url(/resources/images/cart_audiotel.png);
    height:28px;
	width:200px;
}

div.audiolegal{
    height:28px;
		width:80px;
	 font-family:Arial;
	 font-size:7px;
	 padding:3px 0px 0px 2px;
	color:#fff;
	float:right;
}

div.audiotel{
	background-image:url(/resources/images/fondaudiotel2.png);
    height:22px;
	width:190px;
}

div.audiotelNum2{
    height:28px;
	width:107px;
	 font-family:Arial;
	 font-size:17px;
	 padding:2px 0px 0px 0px;
	font-weight:bold;
	float:left;
	white-space: nowrap;
	color:#A50F78;
}

div.audiotelNum{
    height:28px;
	width:150px;
	 font-family:Arial;
	 font-size:16px;
	 padding:6px 10px 0px 5px;
	font-weight:bold;
}


div.idl_audiotel_img{
    height:19px;
		width:170px;
}
 
div.idl_audiotel_warning{
    font-size:7px;
    width:100%;
    color:#DEDEDE;
    margin-top:5px;
    display:none;
}

div.idl_audiotel_warning a{
    color:#DEDEDE;
	text-decoration:none;
}

div.idl_audiotel_warning2{
    font-size:7px;
    width:100%;
    color:#000;
    margin-top:5px;
}

div.idl_audiotel_warning2 a{
    color:#DEDEDE;
	text-decoration:none;
}
.btn-success-new {
  color: #ffffff;
  background-color: #a50f78;
  border-color: #8e0d67;
}
.btn-success-new:hover,
.btn-success-new:focus,
.btn-success-new:active,
.btn-success-new.active,
.open .dropdown-toggle.btn-success-new {
  color: #ffffff;
  background-color: #800c5d;
  border-color: #56083e;
}

.btn-success-new:active,
.btn-success-new.active,
.open .dropdown-toggle.btn-success-new {
  background-image: none;
}
.btn-success-new.disabled,
.btn-success-new[disabled],
fieldset[disabled] .btn-success-new,
.btn-success-new.disabled:hover,
.btn-success-new[disabled]:hover,
fieldset[disabled] .btn-success-new:hover,
.btn-success-new.disabled:focus,
.btn-success-new[disabled]:focus,
fieldset[disabled] .btn-success-new:focus,
.btn-success-new.disabled:active,
.btn-success-new[disabled]:active,
fieldset[disabled] .btn-success-new:active,
.btn-success-new.disabled.active,
.btn-success-new[disabled].active,
fieldset[disabled] .btn-success-new.active {
  background-color: #a50f78;
  border-color: #8e0d67;
}
.btn-success-new .badge {
  color: #a50f78;
  background-color: #ffffff;
}

.result-intro h1{
	font-size:18px;
	border-bottom:1px solid;
	margin-bottom:10px;
}

.result-intro p{
	font-size:12px;
	color:#323A45;
	text-align:justify;
}

.result-intro span{
	font-size:10px;
	color:#5A6884;
}


ul.breadcrumb{
	margin:0px 0px 5px 15px;
	padding:5px;
}

.padding-col{
	padding:0px;
}

.list-group-result li{
	border:0px;
	padding:3px;
}

h1.result{
	font-size:18px;
	color:#323A45;
	margin-top:0px;
}

.bgtitrefiche{
	background-color:#F4F4F4;
}

.fiche h1{
	font-size:18px;
	color:#ffffff;
	margin: 5px 0px 5px 5px;
}

.fiche h2{
	font-size:13px;
	color:#ffffff;
	margin: 5px 0px 5px 5px;
	padding-left:23px;
}

.fiche h3{
	font-size:16px;
	color:#5A6884;
	margin: 5px 0px 5px 5px;
	padding-left:23px;
}

p.adressefiche{
	font-size:14px;
	color:#000000;
	margin: 5px 0px 5px 5px;
	padding-left:23px;
}

p{
	font-size:12px;
	color:#000000;
	text-align:justify;
}

.h1fiche{
	font-size:18px;
	color:#5A6884;
	margin: 5px 0px 5px 5px;
}

.headerEngine{
	background: linear-gradient(0deg, white, #eff3f6 10%);
	padding-bottom:20px;
	padding-top:10px;
}

.breadcrumb{
	background-color:#ffffff;
	padding-left:100px;
}

.list-group-item{
	padding:5px;
}

.panel-primary{
	border-top:0px;
	border:solid 0px #fff;
}

.panel-primary > .panel-body {
	 padding:5px;
}

.panel-primary > .panel-heading {
	background-color:#D1DEEA;
	color:#5A6884;
}

.panel-primary > .panel-heading h1{
	font-size:20px;
}

.panel-info{
	border-top:0px;
	 border:solid 1px #EFF3F6;
}

.panel-info > .panel-body {
	 padding:10px;
	 font-family:Arial;
	 font-size:12px;}

.panel-info > .panel-heading {
	border-top:solid 5px #3C5064;
	border-bottom:dashed 1px #3C5064;
	border-left:0px;
	border-right:0px;
	background-color:#F8F9F9;
	 font-family:Arial;
	 font-size:12px;
	 font-weight:bold;
	 color:#3C5064;
	 margin:0px;
	 padding:5px;
}

.panel-info h1 {
	 font-family:Arial;
	 font-size:14px;
	 font-weight:bold;
	 color:#3C5064;
	 margin:0px 0px 10px 0px;
}

.panel-body h3 {
	 font-family:Arial;
	 font-size:16px;
	 font-weight:bold;
	 color:#3C5064;
	 margin:0px 0px 10px 0px;
}

.article {
   border-bottom: 1px dotted grey;
   padding: 3px;
   margin: 2px;
}
.article .text {
   font-size: 12px;
   line-height: 17px;
   font-family: arial;
}
.article .text.short {
   height: 50px;
   overflow: hidden;
}
.article .text.full {

}
.read-more {
   cursor: pointer;
   display: inline-block;    
   font-weight: bold;
   padding: 3px;
   background-color: white;
   color: black;
   margin: 2px;
}

.jumbotron2{
	padding:5px 5px 5px 5px;
	background-color:#EAEDF1;
	text-align:justify;
}

.badge-info {
  background-color: #8CB4CD;
}

.list{
	padding:5px 0px 5px 0px;
	border-bottom: 1px #32a1ce dashed;
	list-style: none;
}

.listVilleMap{
	padding:0px 0px 0px 20px;
	border:0;
	list-style: none;
}

.activePage{
	background:#CCC;	
}

@media (max-width: 768px)
{
    .container {
		margin-top:50px;
	}
	
	.search {
		background: #0099cc;
	}
	
	p{
		font-size:16px;
	}
	
	ul li{
		font-size:16px;
	}
	
	h2{
		font-size:30px;
	}
	
	.transp{
		opacity: 0.8;
	}
}