.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.liste-open-sans li {
	font-family: 'Open Sans', sans-serif;
}

.hand {
	cursor: pointer;
}

.bleu {
	color: #001d51;
}

.bold {
	font-weight: bold;	
}

.well-confirmation {
	border-collapse: separate;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px !important;
	background-color: #f6f6f6;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
}

.well-confirmation td:nth-child(1) {
	padding: 20px 5px 15px 15px;
}

.well-confirmation td:nth-child(2) {
	width: 100%;
	padding: 15px 15px;
}

.well-confirmation .glyphicon {
	font-size: 35px;
}

.well-confirmation h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #001d51;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.well-confirmation p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
}

.titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #001d51;
	text-transform: uppercase;
}

.sous-titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #001d51;
}

.sous-sous-titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.titre-gris {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 21px;
	text-transform: uppercase;
	color: #ccc
}

.lien-orange {
	color: #ffbc00;
}

.lien-orange:hover {
	color: #001d51;
}


.orange {
	color: #ffbc00 !important;
}

.bleu {
	color: #001d51;
}

.bleu-clair {
	color: #144dc8;
}

.well-forfait {
	font-family: 'Open Sans', sans-serif;
	color: #001D51;
	background: white;
	border: solid 1px #001D51;
	border-radius: 10px;
	padding: 15px;
}

.degrade-bleu {
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #00277b, #144dc8);
	background-image: -moz-linear-gradient(top, #00277b, #144dc8);
	background-image: -ms-linear-gradient(top, #00277b, #144dc8);
	background-image: -o-linear-gradient(top, #00277b, #144dc8);
	background-image: linear-gradient(to bottom, #00277b, #144dc8);
}

.degrade-bleu-inverse {
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #144dc8, #00277b);
	background-image: -moz-linear-gradient(top, #144dc8, #00277b);
	background-image: -ms-linear-gradient(top, #144dc8, #00277b);
	background-image: -o-linear-gradient(top, #144dc8, #00277b);
	background-image: linear-gradient(to bottom, #144dc8, #00277b);
}

.degrade-jaune {
	background: #ffac00;
	background-image: -webkit-linear-gradient(top, #ffac00, #ffdc00);
	background-image: -moz-linear-gradient(top, #ffac00, #ffdc00);
	background-image: -ms-linear-gradient(top, #ffac00, #ffdc00);
	background-image: -o-linear-gradient(top, #ffac00, #ffdc00);
	background-image: linear-gradient(to bottom, #ffac00, #ffdc00);
}

.degrade-jaune-inverse {
	background: #ffac00;
	background-image: -webkit-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -moz-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -ms-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -o-linear-gradient(top, #ffdc00, #ffac00);
	background-image: linear-gradient(to bottom, #ffdc00, #ffac00);
}

.degrade-gris {
	background: #aaa;
	background-image: -webkit-linear-gradient(top, #aaa, #ddd);
	background-image: -moz-linear-gradient(top, #aaa, #ddd);
	background-image: -ms-linear-gradient(top, #aaa, #ddd);
	background-image: -o-linear-gradient(top, #aaa, #ddd);
	background-image: linear-gradient(to bottom, #aaa, #ddd);
}

.degrade-gris-inverse {
	background: #aaa;
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	background-image: -ms-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(to bottom, #ddd, #aaa);
}

.fond-gris {
	background-color: #eee;
}

.btn-gris {
	background: #aaa;
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	background-image: -ms-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(to bottom, #ddd, #aaa);
	text-decoration: none;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
}

.btn-jaune-degrade {
	background: #ffdc00;
	background-image: -webkit-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -moz-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -ms-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -o-linear-gradient(top, #ffdc00, #ffac00);
	background-image: linear-gradient(to bottom, #ffdc00, #ffac00);
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

.btn-bleu-clair-degrade {
	background: #144dc8;
	background-image: -webkit-linear-gradient(top, #144dc8, #0a2664);
	background-image: -moz-linear-gradient(top, #144dc8, #0a2664);
	background-image: -ms-linear-gradient(top, #144dc8, #0a2664);
	background-image: -o-linear-gradient(top, #144dc8, #0a2664);
	background-image: linear-gradient(to bottom, #144dc8, #0a2664);
	text-decoration: none;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
}

.btn-gris:hover,
.btn-jaune-degrade:hover,
.btn-bleu-clair-degrade:hover,
.btn-gris:focus,
.btn-jaune-degrade:focus,
.btn-bleu-clair-degrade:focus {
	color: white !important;
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #00277b, #0e1123);
	background-image: -moz-linear-gradient(top, #00277b, #0e1123);
	background-image: -ms-linear-gradient(top, #00277b, #0e1123);
	background-image: -o-linear-gradient(top, #00277b, #0e1123);
	background-image: linear-gradient(to bottom, #00277b, #0e1123);
	text-decoration: none;
}

.well-forfait .btn-jaune {
	background: #ffdc00;
	background-image: -webkit-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -moz-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -ms-linear-gradient(top, #ffdc00, #ffac00);
	background-image: -o-linear-gradient(top, #ffdc00, #ffac00);
	background-image: linear-gradient(to bottom, #ffdc00, #ffac00);
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px;
	width: 100%;
	text-decoration: none;
}

.well-forfait .btn-jaune:hover {
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #00277b, #0e1123);
	background-image: -moz-linear-gradient(top, #00277b, #0e1123);
	background-image: -ms-linear-gradient(top, #00277b, #0e1123);
	background-image: -o-linear-gradient(top, #00277b, #0e1123);
	background-image: linear-gradient(to bottom, #00277b, #0e1123);
	text-decoration: none;
}

.well-forfait .btn-blanc {
	background: white;
	background-image: -webkit-linear-gradient(top, white, white, #cccccc);
	background-image: -moz-linear-gradient(top, white, white, #cccccc);
	background-image: -ms-linear-gradient(top, white, white, #cccccc);
	background-image: -o-linear-gradient(top, white, white, #cccccc);
	background-image: linear-gradient(to bottom, white, white, #cccccc);
	text-decoration: none;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #001D51;
	font-size: 20px;
	padding: 5px;
	width: 100%;
}

.well-forfait .btn-blanc:hover {
	background: #00277b;
	color: white;
	background-image: -webkit-linear-gradient(top, #00277b, #0e1123);
	background-image: -moz-linear-gradient(top, #00277b, #0e1123);
	background-image: -ms-linear-gradient(top, #00277b, #0e1123);
	background-image: -o-linear-gradient(top, #00277b, #0e1123);
	background-image: linear-gradient(to bottom, #00277b, #0e1123);
	text-decoration: none;
}

.well-forfait .btn-bleu-clair {
	background: #144dc8;
	background-image: -webkit-linear-gradient(top, #144dc8, #0a2664);
	background-image: -moz-linear-gradient(top, #144dc8, #0a2664);
	background-image: -ms-linear-gradient(top, #144dc8, #0a2664);
	background-image: -o-linear-gradient(top, #144dc8, #0a2664);
	background-image: linear-gradient(to bottom, #144dc8, #0a2664);
	text-decoration: none;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px;
	width: 100%;
}

.well-forfait .btn-bleu-clair:hover {
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #00277b, #0e1123);
	background-image: -moz-linear-gradient(top, #00277b, #0e1123);
	background-image: -ms-linear-gradient(top, #00277b, #0e1123);
	background-image: -o-linear-gradient(top, #00277b, #0e1123);
	background-image: linear-gradient(to bottom, #00277b, #0e1123);
	text-decoration: none;
}

.well-forfait .btn-bleu-fonce {
	background: #00277b;
	background-image: -webkit-linear-gradient(top, #00277b, #0e1123);
	background-image: -moz-linear-gradient(top, #00277b, #0e1123);
	background-image: -ms-linear-gradient(top, #00277b, #0e1123);
	background-image: -o-linear-gradient(top, #00277b, #0e1123);
	background-image: linear-gradient(to bottom, #00277b, #0e1123);
	text-decoration: none;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border: hidden;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 20px;
	padding: 5px;
	width: 100%;
}

.well-forfait .btn-bleu-fonce:hover {
	background: #144dc8;
	background-image: -webkit-linear-gradient(top, #144dc8, #0a2664);
	background-image: -moz-linear-gradient(top, #144dc8, #0a2664);
	background-image: -ms-linear-gradient(top, #144dc8, #0a2664);
	background-image: -o-linear-gradient(top, #144dc8, #0a2664);
	background-image: linear-gradient(to bottom, #144dc8, #0a2664);
	text-decoration: none;
}

.well-forfait label {
	margin-top: 5px;
	font-weight: normal;
	font-size: 15px;
}

.well-forfait .form-group {
	margin-bottom: 5px;
}

.well-forfait h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 56px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}

.well-forfait h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 0px;
	margin-top: 50px;
}

.well-forfait h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 22px;
}

.well-forfait h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 5px;
	color: #ffbc00;
}

.well-forfait h5,
.well-forfait h5 small {
	font-family: 'Open Sans', sans-serif;
	margin-top: 0px;
	color: #01bb02;
}

.well-forfait .rabais {
	margin-top: 10px;
	padding: 2px;
	width: 51px;
	height: 33px;
	border-radius: 19px 19px 19px 0px;
	float: right;
	background: #01bb02;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

.gris-clair {
	color: #cccccc;
}

.gris-moyen {
	color: #b3b3b3;
}

.gris-sombre {
	color: #666666;
}

.well-forfait p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
}

.resume-bon-choix {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: green!important;
}

.resume-attention {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: black !important;
}

.resume-titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;
	color: #001d51;
	margin-top: 0px;
	margin-bottom: 0px;
}

.resume-sous-titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}

.resume-liste li {
	font-family: 'Open Sans', sans-serif;
}

.titre-forfaits {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 24px;
	color: #cccccc;
}

.well-tableau {
	border: 1px solid #e3e3e3;
	border-collapse: separate;
	border-radius: 4px;
	padding: 19px;
}

#domainesEmplois {
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffbc00;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
}

#domainesEmplois>span {
	padding-left: 40px;
	padding-right: 40px;
}

#domainesEmplois>img {
	width: 140px;
	margin: 10px 10px;
}

.multi-diffusion,
.savoir-plus {
	margin-top: 8px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
}

.multi-diffusion h4 {
	color: #001d51;
	padding-left: 10px;
	margin-top: -12px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.savoir-plus {
	text-align: center;
	font-size: 26px;
	padding-botttom: 10px;
}

.savoir-plus h4 {
	color: #666;
	/*padding-left: 5px;*/
	margin-top: -12px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 0px;
	/*text-transform: uppercase;*/
	font-family: 'Open Sans', sans-serif;
}

.multi-diffusion h4 span,
.savoir-plus h4 span {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.multi-diffusion table {
	/*border-collapse: separate;*/
	width: 100%;
}

.multi-diffusion td {
	padding: 0px 5px;
	text-align: center;
	vertical-align: middle;
}

.multi-diffusion td p {
	color: #666;
	font-size: 12px;
	margin-bottom: 0px;
	text-align: center;
}

.multi-diffusion td:nth-child(1),
.multi-diffusion td:nth-child(2) {
	border-right: 1px solid #e3e3e3;
}

.bonne-nouvelle {
	position: relative;
	border: 1px solid #e3e3e3;
	background-color: white;
	border-radius: 10px;
	padding: 0 14px 14px 14px;
	margin-top: 40px;
	margin-bottom: 0px;
	display: inline-block;
}

.bonne-nouvelle>h4 {
	margin-top: -14px !important;
	margin-bottom: 6px !important;
	margin-left: -5px !important;
}

.bonne-nouvelle>h4>span {
	font-weight: bold;
	font-size: 22px;
	color: #ffbc00;
	background-color:
	white; padding: 0 5px;           
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	#domainesEmplois>span {
		padding-left: 10px;
		padding-right: 10px;
	}

	#domainesEmplois>img {
		width: 110px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	#domainesEmplois>span {
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}

	#domainesEmplois>img {
		width: 130px;
	}

	#resumeDuForfait {
		white-space: normal;
	}
}