@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto-bold-webfont.eot');
    src: url('../fonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.eot');
    src: url('../fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto-medium-webfont.eot');
    src: url('../fonts/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto/roboto-thin-webfont.eot');
    src: url('../fonts/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto/roboto-black-webfont.eot');
    src: url('../fonts/roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
	font-size: 1em;
}
html,
body {
    height: 100%;
}
body{
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: "robotoregular",Helvetica,Arial,sans-serif
}
a{
	color: #FFF;
}
a:hover,
a:focus{
	text-decoration: underline;
	color: #FFF;
}
iframe{
	border: none;
}
h1,h2{
	color: #3b6bcc;
	font-size: 2.5em;
	font-family: "robotobold",Helvetica,Arial,sans-serif;
}
ul, ol {
    padding-left: 20px;
}
b, strong{
	font-family: "robotoblack",Helvetica,Arial,sans-serif;;
	font-weight: normal;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
.spacing-heading{
	margin-top: 70px;
	margin-bottom: 15px;
}
.section{
	margin: 30px 0;
}
.form-control:-moz-placeholder {
  	color: #6B6B6B;
  	opacity: 1;
}
.form-control::-moz-placeholder {
  	color: #6B6B6B;
  	opacity: 1;
}
.form-control:-ms-input-placeholder {
	color: #6B6B6B;
}
.form-control::-webkit-input-placeholder {
	color: #6B6B6B;
}
.panel-default{
	border: none;
	box-shadow: none;
}
.panel-default .panel-title{
	font-size: 1.6em;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
	border: none;
}
.panel-default > .panel-heading{
	background: none;
	border: none;
}
.page .panel-default h2.panel-title a{
	background: url(../images/panel_up.png) no-repeat 0 3px;
	padding-left: 50px;
	color: #3b6bcc;
}
.conso .page .panel-default h2.panel-title a.collapsed,
.conso .page .panel-group.no-active h2.panel-title a{
	background: url(../images/panel_down.png) no-repeat 0 3px;
	color: #dc0950;
}
.pro .page .panel-default h2.panel-title a.collapsed,
.pro .page .panel-group.no-active h2.panel-title a{
	background: url(../images/panel_down_orange.png) no-repeat 0 3px;
	color: #ef7c00;
}
#content{
	margin: 0;
}
.textsize #agrandir{
	font-size: 1.4em;
}
.textsize #reset{
	font-size: 1.1em;
	margin: 0 5px;
}
.textsize #diminuer{
	font-size: 0.9em;
}
.textsize span{
	cursor: pointer;
}
.wrap > .container {
    padding: 30px 0 20px;
}
.wrap > .main-container{
	padding-top: 5px;
}
.footer {
    min-height: 60px;
    background-color: #3b6bcc;
    padding-top: 20px;
    color: #fff;
}
.conso .footer {
    background-color: #dc0950;
}
.pro .footer {
    background-color: #ef7c00;
}
.footer #menu-footer ul{
	text-align: center;
	padding: 0;
}
.footer #menu-footer ul li{
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
.not-set {
    color: #c55;
    font-style: italic;
}
.navbar.no-radius{
	border-radius: 0;
}
.header{
	padding-top: 25px;
}
.header .navbar{
	margin-bottom: 0;
}
.header .navbar-toggle{
	border: 1px solid #3b6bcc;
}
.header .navbar-toggle .icon-bar{
	background-color: #3b6bcc;
}
.header .navbar-brand{
	height: auto;
	padding-top: 0;
	display: block;
}
.header .navbar-brand img{
	display: inline-block;
}
.header .navbar-form{
	position: relative;
    top: 120px;
    right: -15px;
    margin-bottom: 0;
    margin-top: 0;
}
.header .navbar-form .form-group{
	position: relative;
}
.header .navbar-form .form-group .btn-default {
   	border: 0 none;
    height: 34px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 40px;
    background: transparent;
}
.header .navbar-form .form-group .btn-default:before {
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 30px;
    background-image: url("../images/icon_search_gray.png");
    background-repeat: no-repeat;
}
.header .navbar-form .form-group .form-control{
	padding-right: 40px;
	background: #E7E7E9;
	color: #6B6B6B;
	border: 1px solid #373738;
}
.form-control{
	font-size: 1em;
}
.form-control:focus {
  border: 1px solid #3b6bcc !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(59, 107, 204, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(59, 107, 204, .6);
}
.button-max{
	width: 160px;
	height: 160px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: #fff;
	font-size: 1.2em;
	position: relative;
}
.button-max .ico{
	width: 100%;
	height: 100%;
	display: block;
}
.button-max p{
	position: absolute;
	bottom: 10px;
	width: 100%;
	margin: 0;
}
.button-max:hover p,
a.link-button:focus p{
	text-decoration: underline;
}
.button-max.particulier .ico{
	background: url(../images/famille_ico.png) no-repeat center 25px;
}
.button-max.entreprise .ico{
	background: url(../images/entreprise_ico.png) no-repeat center 25px;
}
.button-max.info .ico{
	background: url(../images/info_ico.png) no-repeat center 25px;
}
.button-max.warning .ico{
	background: url(../images/warning_ico.png) no-repeat center 25px;
}
.button-max.rouge{
	background: #dc0950;
}
.button-max.blue{
	background: #3B6BCC;
}
.button-max.orange{
	background: #ef7c00;
}
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}
a.asc:after {
    content: /*"\e113"*/ "\e151";
}
a.desc:after {
    content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
    content: "\e153";
}
.sort-numerical a.desc:after {
    content: "\e154";
}
.sort-ordinal a.asc:after {
    content: "\e155";
}
.sort-ordinal a.desc:after {
    content: "\e156";
}
.grid-view th {
    white-space: nowrap;
}
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
.site-consommateur .step{
	display: block;
	text-align: center;
	font-size: 1.6em;
	font-family: "robotobold",Helvetica,Arial,sans-serif;
}
.site-consommateur .shema-center{
	margin: 0 auto;
}
.breadcrumb a{
	color: #777;
}
.breadcrumb > li{
	font-family: "robotolight",Helvetica,Arial,sans-serif;
	font-weight: normal;
}
.breadcrumb > .active {
  color: #3b6bcc;
}
.page a{
	color: #3b6bcc;
}
.conso .page a{
	color: #dc0950;
}
.pro .page a{
	color: #ef7c00;
}
.page li {
	list-style-type: none;
}
.page li:before {
    content: "-  ";
}
.faq-default-index .panel-group a{
	color: #3b6bcc;
}
div.info-message-etude{
	border: 1px solid #DC0950;
    margin-bottom: 15px;
    padding: 10px;
    background: rgba(255, 255, 0, 0.28);
    }
@media (min-width: 768px) {
	.header .navbar-brand .logo-marianne{
		width: 94px;
		float: left;
		margin-top: 32px;
	}
	.button-max.particulier{
		float: right;
	}
	.button-max.entreprise{
		float: left;
	}
	.site-index .button-max.particulier{
		margin-right: 20px;
	}
	.site-index .button-max.entreprise{
		margin-left: 20px;
	}
}
@media (max-width: 992px) {
	.header .navbar-brand .logo-marianne{
		width: 14%;
	}
	.header .navbar-brand .logo{
		width: 85.5%;
	}
	.navbar-toggle{
		display: none;
	}
	.navbar-collapse{
		position: relative;
	}
	.header .navbar-form{
		position: absolute;
		right: 0;
		top: 0;
	}
}
@media (max-width: 767px) {
	.header {
    	padding-top: 5px;
	}
	.header .navbar-form{
		top: 0;
	}
	.button-max.top{
		margin-bottom: 20px;
	}
	.header .navbar-form{
		right: 0;
	}
}