@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Cardo:400,400italic,700);
html {
  font-family: 'Open Sans', sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,body{margin:0; padding:0;width:100%; height:100%;font-size:14px;color:#818181; background:url(../img/agrements/atrium-conseil-immobilier-background.jpg) top center no-repeat; background-attachment:fixed; background-size:cover;font-weight:300; line-height:1.6em;}
.top{background:#040071;padding-top:2px; padding-bottom:4px;}
.tel{color:#fff;font-size:18px; font-weight:300;background:url(../img/agrements/picto-phone.png)left center no-repeat; background-size:contain;margin:2px 0 0;padding:0 0 0 20px;}
.liens-top{font-size:11px;color:#009c8f; font-weight:300;margin-top:4px;text-align:right;}
.liens-top img{vertical-align:middle;margin: 2px 5px 0;}
.liens-top img:hover{ opacity: 0.5; }
.liens-top a.disconnected{color:#fee102;text-transform:uppercase;text-decoration:none; background:url(../img/agrements/picto-compte_unconnected.png) left center no-repeat;padding-left:20px;vertical-align:middle;margin-left:10px;}
.liens-top a.disconnected:hover{color:#009c8f;}
.liens-top a.connected{color:#009c8f;text-transform:uppercase;text-decoration:none; background:url(../img/agrements/picto-compte_connected.png) left center no-repeat;padding-left:20px;vertical-align:middle;margin-left:10px;}
.liens-top a.connected:hover{color:#fee102;}
.page-header{background:#EAEAEA;margin-top:0; margin-bottom:0;padding-bottom: 0;padding-top:15px;}
.logo{max-width:554px; width:100%; height:auto;}
.btn-selection{background: url(../img/agrements/picto-selection_innactiv.png)left center no-repeat; padding-left: 22px; margin: 0; font-size: 12px;padding-right:10px; font-weight:300;}
.btn-selection span{text-transform:uppercase;}
.btn-selection a{font-size:18px !important;color:#009c8f !important; text-decoration:underline;display: inline-block !important;padding:20px 0 !important;}
.btn-selection a:hover { color: #fee102 !important; text-decoration: none;background-color:transparent !important;}
.container {
    width: auto !important; max-width:1280px;}
	.clear{display:block;clear:both;margin:1px auto;}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%;height:auto;}
	.img-responsive{margin:auto;}
.contenus{background:#fff;padding-top:30px; padding-bottom:30px;margin-top: 30px; text-align:justify;}
.top-page {    margin-top: 0;}
.carousel-indicators {
    position: absolute;
    bottom: -35px !important;
    left: 0;
    width: 100%;
    margin-left: 0;
    text-align: left;
}
.carousel-indicators li{border-radius:0;border: 2px solid #ffffff;background-color: rgba(129,129,129,0.60);
width: 16px;
height: 16px;}
.carousel-indicators .active {
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: rgba(254,225,2,0.90);
}

.copyright{display:block; bottom:0; padding-left:20px;background:url(../img/agrements/logo-celuga.png)left top no-repeat;font-size:10px;}
.copyright a{ color: #CDCDCD; line-height: 25px; text-decoration: none; }
.copyright a:hover{color:#040071;}
.footer{padding-top:10px;padding-bottom:30px;background:#e9e9e9 url(../img/agrements/fond-footer.png)center bottom no-repeat;background-size:contain;margin-top:30px;}
.adresse{font-size:12px; background:url(../img/agrements/logo-fnaim.png)left center no-repeat;padding-left:75px;font-family: 'Cardo', serif;font-weight:400;}
.adresse strong{font-weight:800; font-size:14px;color:#040071;}
.liens-bas{right:0px; font-size:10px; color:#009C8F;top:0;text-align:center;}
.liens-bas a{color:#040071;}
.liens-bas a:hover{color:#009C8F;}
.liens-bas img{margin:20px 10px;vertical-align:middle;}
.liens-bas img:hover{ opacity: 0.6; }

/*//////////////// MENU ////////*/
.menu {    background: url(../img/agrements/background-menu.png)center center repeat-x;margin-bottom:30px;}
.navbar-default .navbar-nav > li > a {
    padding: 20px;
    text-decoration: none;
    font-size: 0.9em;
    color: #040071;
    text-transform: uppercase;
    border-right: none;font-weight:300;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar { margin-bottom: 0;  border: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #009c8f;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #040071;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
   color: #009c8f;
    background-color: #040071;
}
.dropdown-menu {
    text-align: left;
    background-color: rgba(4,0,113,0.86);
    border: none !important;
    border: none !important;
}
.dropdown-menu > li > a {
	min-width:200px;
    padding: 10px 20px;
    color: #fff;
    white-space: normal;border-bottom: solid 1px #040071;font-size:0.85em; font-weight:300;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #040071;
}
/**/
.list-group-item:first-child,.list-group-item:last-child {
    border-radius: 0;
    
}
.list-group-item .badge{font-size:1.2em; background-color:transparent;}
.list-group-item {background-color: #009c8f;
border: none;
vertical-align: middle;
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;font-size:1.2em;}
.list-group-item:hover{background-color: #040071;}
.list-group-item a{color:#fff;font-weight:300;
padding: 8% 8.5%;display:block;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.list-group-item a:hover{text-decoration:none;}
.exclusivite{display:block; position:absolute; top:0; left:0;border:none !important;}
 .col1 div, .col2 div {padding:16px 15px;background-color:#fff;margin-bottom: 10px;}
.cc-thumbAccueil{float:left;width:50%;margin:0 10px 31px 0;}

.encart-liste {border-bottom:solid 1px #009c8f; border-bottom-width:80%;}
.encart-liste .img-responsive{border:solid 6px #D2D2D2;}

.formulaire label {min-width:35%;font-weight:300; font-size:12px; }
.info-form{font-size:10px;}
.form-control {
  line-height: 1.42857143;
 border-radius: 0px;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
  color: #333;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;max-height: 34px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select.form-control {color:#009c8f !important; border-color:#009c8f !important;background-color:#fff !important;}
.form-control:focus {
	border-color: #009c8f;
	background-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,0.17);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0,0.17);
}

.pagination > li { display: inline-block;}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: none;
    margin-left: -1px;font-size:18px; font-weight:300;color:#040071;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span{font-size:11px;font-weight:400;text-transform:uppercase;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #ccc;
    background-color: transparent;
    border-color: transparent;
    cursor: default;
}
/**/
h2.recherche{margin:0 auto 10px; background:url(../img/agrements/picto-recherche.png)left center no-repeat; padding-left:55px;font-size:16px;text-transform:uppercase;line-height:40px;text-align:left;}
h2.coup-coeurTitle{margin:0 auto 10px; background:url(../img/agrements/picto-coup-coeur.png)left center no-repeat; padding-left:55px;font-size:16px;text-transform:uppercase;line-height:40px;color:#040071;text-align:left;}

h2.titre{background:url(../img/agrements/puce-h2.png)left center no-repeat; padding-left :22px;color:#040071;font-size:30px; font-weight:300;text-align:left;}
.titre-bien{color:#040071;border-top:solid 1px #009C8F; border-bottom:solid 1px #009C8F;padding:15px 0;text-align:left;margin-bottom:20px;}
.titre-bien h2{color:#040071;font-size:16px; font-weight:600;text-transform:uppercase;margin-top:0;}

h3{text-transform:uppercase;color:#009C8F;margin:0 auto 15px;line-height:24px;font-size:16px;text-align:left;}
h3.titre-infos{font-size:18px;color:#040071;text-align:center;font-weight:300;background-image:url(../img/agrements/fond-titres.png); background-position:bottom center; background-repeat:no-repeat;margin:10px auto 5px;padding-bottom:5px;}
.prix-cc{display:block;margin:20px auto;font-size:18px; color:#040071; font-weight:700;}
h4{color:#040071;font-size:16px;}
h4.titre-edito{font-family: 'Cardo', serif;font-style:italic; font-size:60px; font-weight:normal;margin:0 auto 20px;display:block; position:relative;text-transform:capitalize;line-height:65px;}
h3 .prix{display:block; float:right; padding:4px 10px; text-align:center;color:#fff;background:#040071;font-size:20px; font-weight:600;}
h3 .descriptif{color:#040071;font-size:14px; text-transform:none;display:block; clear:both;}

hr{display:block; clear:both;height:1px; background:#009C8F;border:0; border-collapse:collapse;}

.btns-TitreBien{display:inline-block;text-align:center;font-size:11px;text-transform:none;margin:-10px 5px 0;font-weight:700;padding-top: 5px;}
.btns-TitreBien a{color:#040071;text-decoration:none;}
.btns-TitreBien a:hover{color:#009C8F;}
.prix{display:block;padding:4px 10px; text-align:center;color:#fff;background:#040071;font-size:20px; font-weight:600;}

.qrCode{text-align:center;}
.qrCode img{border:solid 1px #009C8F;}
.caracteristiques{background:#e9e9e9 url(../img/agrements/fnd-caracteristiques.png)bottom center repeat-x;padding:10px;color:#040071;font-weight:600;position:relative;margin: 10px 5px;}
.donnees{color:#818181;font-style:italic;font-size:14px;}
.energie{}
.retour-liste{display:block; position:relative;color:#009C8F;background:url(../img/agrements/fleche-retour.png)left center no-repeat; padding-left:30px; line-height:24px; text-decoration:none;}


a {color:#009C8F;}
a:hover,
a:focus {color: #999;text-decoration: underline;}

.text-disabled {
	color:#ccc;
}
a.text-disabled:hover,
a.text-disabled:focus {
  color: #ccc;cursor: default;
}

.text-primary {
	color:#040071;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #333;
}
.text-success {
  color: #009C8F;
}
a.text-success:hover,
a.text-success:focus {
  color: #cccccc;
}
.text-info {
  color: #efefef;
}
a.text-info:hover,
a.text-info:focus {
  color: #333;
}
.text-warning {
	color: #FEE102;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #b06900;
}
.text-danger {
  color: #a30000;
}
a.text-danger:hover,
a.text-danger:focus {
	color: #923272;
}
.bg-primary {
  color: #000;
  background-color: #040071;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #c33300;
}
.bg-success {
  background-color: #009C8F;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #ccc;
}
.bg-info {
  background-color: #efefef;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #040071;
}
.bg-warning {
  background-color: #FEE102;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color:#B06900;
}
.bg-danger {
  background-color: #a30000;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #923272;
}

.pull-left {margin-right: 20px;}
.pull-right {margin-left: 20px;}

.map iframe{width:100%; min-height:300px;}

.form-connexion{display:block; position:relative; width:80%; margin:30px auto;padding:2% 5%;background-color:#040071;}
.form-connexion p{margin:20px auto;}
.form-connexion a:hover{color:#FEE102;}
.form-connexion label{text-transform:uppercase; color:#fff;width:35%;display:inline-block; position:relative; vertical-align:middle;text-align:left;}
.form-connexion input[type="text"],.form-connexion input[type="password"]{background-color:#fff;border:none; vertical-align:middle;padding:5px;width:50%;font-size:13px;color:#009c8f;}
.form-connexion input[type="text"]:focus,.form-connexion input[type="password"]:focus{background-color:rgba(255,255,255,0.58);}

.champs-obligatoires{color: #FEE102;font-weight:800;}

.infos-connecte{font-size:13px; font-weight:600;color:#040071; text-align:center;margin:20px auto 0;}
.infos-connecte a{display:block; font-size:10px;text-decoration:none;background-color:#F6E035; padding:2% 3%;color:#009C8F;height: auto;
width: 35%;margin: 10px auto;}
.infos-connecte a:hover{background-color:#009C8F;color:#040071;}

.elements-compte{margin:0 0 10px 30px; padding:0 10px;}
.elements-compte ul{background-color:#E9E9E9;padding-top:5px; padding-bottom:5px; list-style-image:url(../img/agrements/puce-download.png);}
.elements-compte ul li{padding-bottom:5px;}

ul.liste-stylisee{ list-style-type:none;padding:0;}
ul.liste-stylisee li{margin:2px 0px 10px;padding-left:15px;}
ul.liste-stylisee li::before{content:'\E199';font-family:'Glyphicons Regular';color:#009c8f;margin-right:10px;}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/

ul.breadcrumbs{
margin:-20px 0 20px;
padding:0;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:10px; /* 0.8em default to override font-size:0; on parent*/
	}

	ul.breadcrumbs li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	padding:5px 15px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background:url(img/icon-arrow-right.png) no-repeat right center;
	}

	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}

	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}
	/*///////*/

#topcontrol {
    z-index: 999999;
}
#hide-menu { 
  display: block;
  max-width: 280px;
  padding: 10px 11px;
  padding-top: 35px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#mainpage {
  width: 100%;
  height: auto;
  display: block;
  min-height: 800px;
  overflow: hidden;
  position: relative;
  z-index: 2;
background: url(../img/agrements/atrium-conseil-immobilier-background.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
}
@media only screen and (min-width:768px) {#mainpage nav.responsive-menu{display:none;}}
@media only screen and (max-width:767px){.ss-menu{display:none;}.list-group-item a {
    padding: 2% 6.5%;
}}
#mainpage nav.responsive-menu { 
    position: absolute;
    width: auto;
    min-height: 100%;
    padding: 0px 2px;
    padding-top: 220px;
    left: 0;z-index: 99;box-shadow: -2px 0px 2px 2px rgba(0,0,0,0.19);background:#040071;
}


#navigation {
  list-style: none;padding: 0;
}
#navigation li { display: block; margin-bottom: 2px; font-size: 1.4em; font-weight: bold; }
#navigation li a {display: block;width: 25px;color: #fee102;text-decoration: none;background: #040071;padding: 10px 2px;box-shadow: 0px 2px 2px #6666;position: fixed; }
#navigation li a:hover, #navigation li a.open { color: #fff; background: #484e57; }
/*///////////////////////// BOUTONS ///////////////////*/

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 1.2em;
  line-height: 1.2em;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform:uppercase;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  background-color: #818181;
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border: none;
    border-collapse: collapse;
    padding: 6px 16px;
}
.btn-default:focus,
.btn-default.focus {
  color: #efefef;
  background-color: #6d6e71;
  border-color: #6d6e71;
}
.btn-default:hover {
  color: #fff;
  background-color: #040071;
  border-color: #040071;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #040071;
  border-color: #040071;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #040071;
  background-color: #efefef;
  border-color: #efefef;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #040071;
  background-color: #efefef;
}
.btn-primary {
  color: #ffffff;
  background-color: #040071;
  border-color: #040071;font-size: 12px;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #040071;
  background-color: #ffffff;
  border-color: #040071;
}
.btn-primary:hover {
  color: #040071;
  background-color: #efefef;
  border-color: #efefef;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #040071;
  border-color: #040071;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #040071;
  background-color: #fff;
  border-color: #040071;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #040071;
  border-color: #040071;
}
.btn-primary .badge {
  color: #040071;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #009C8F;
  border-color: #009C8F;font-size: 12px;
}
.btn-success:focus,
.btn-success.focus {
  color: #000;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-success:hover {
  color: #009C8F;
  background-color: #fff;
  border-color: #009C8F;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #009C8F;
  background-color: #efefef;
  border-color: #efefef;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #efefef;
  background-color: #333;
  border-color: #333;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #ccc;
  border-color: #666;
}
.btn-success .badge {
  color: #009C8F;
  background-color: #ffffff;
}
.btn-info {
  color: #040071;
  background-color: #fff;
  border-color: #efefef;font-size: 12px;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #efefef;
  border-color: #040071;
}
.btn-info:hover {
  color: #040071;
  background-color: #fff;
  border-color: #efefef;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #efefef;
  border-color: #040071;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #040071;
  border-color: #040071;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #040071;
  border-color: #040071;
}
.btn-info .badge {
  color: #efefef;
  background-color: #ffffff;
}
.btn-warning {
  color: #040071;
  background-color: #FEE102;
  border-color: #FEE102;font-size: 12px;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #FEE102;
  background-color: #040071;
  border-color: #FEE102;
}
.btn-warning:hover {
  color: #FEE102;
  background-color: #040071;
  border-color:  #040071;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #FEE102;
  background-color: #fff;
  border-color: #FEE102;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color:  #6d6e71;
  border-color:  #6d6e71;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ccc;
  border-color: #6d6e71;
}
.btn-warning .badge {
  color: #FEE102;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #a30000;
  border-color: #a30000;font-size: 12px;
}
.btn-danger:focus,
.btn-danger.focus {
  color:#a30000;
  background-color: #fff;
  border-color: #a30000;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #923272;
  border-color: #923272;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #a30000;
  border-color: #a30000;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #a30000;
  background-color: #fff;
  border-color: #a30000;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #a30000;
  border-color: #a30000;
}
.btn-danger .badge {
  color: #a30000;
  background-color: #ffffff;
}
.btn-link {
  color: #040071;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #6d6e71;
  text-decoration: underline;
  background-color: transparent;
}
/*//////////////*/

@media only screen and (min-width:921px){.navbar-header{display:none;}}

@media only screen and (max-width:920px){
	.navbar-header {
    background: #fff;color: #009c8f;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    background-color: rgba(4,0,113,0.86);
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
}
.navbar-default .navbar-nav > li > a{    color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color: #009c8f;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
  .btn-selection {
    background: #fff url(../img/agrements/picto-selection_innactiv.png)10px center no-repeat;
    color: #040071;padding-left:35px;
}
.navbar-header h2{font-weight:300; margin-top:5px;; margin-bottom:0;display:inline-block; padding-left:20px;}
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (max-width:480px){.pull-left,.pull-right{float:none !important; text-align:center;}
body{font-size:0.85em;}.elements-compte {
    margin: 0;}
	.img-responsive{margin:0px;}
	#logo2{
	display:none;
	}
}
@media (min-width: 481px) and (max-width: 698px){
	#logo1{
	width:85% !important;
	}
	#relative {
		position:relative;
	}
	#logo2{
	position:absolute;
	top:-20px;
	right:0;
	max-width:17%;
	height:auto;
	}
}

@media (min-width: 699px){
	#relative {
		position:relative;
	}
	#logo2{
	position:absolute;
	top:-27px;
	right:0;
	max-width:120px;
	height:auto;
	}
  
}

/*@media screen and(max-width:450px;){
#logo1{
width:70% !important;
}
#logo2{
max-width:15% !important;
 }
} */