/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('./fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('./fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('./fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

@media (min-width: 1200px) {
	.body-signature .container {
		width: 970px !important; 	
	}
}

.body-signature {
	font-family: Titillium Web, Arial, Helvetica, sans-serif !important;
	background-color: #8f8b7d;
}

.preheader {
    background: #e8e8e8;
    width: 100%;
    z-index: 210;
}

.title-page {
	font-size : 16px;
	line-height: 19px;
	color : #6c695e; 
	text-transform: uppercase;
	margin-top:1px;
	margin-bottom:1px;
}

@media screen and (max-width: 959px) {
	.title-page {
		text-align: center;
		padding:5px;
	}
}

ul.bloc-haut {
	padding-left:0px;
}

.bloc-haut li {
	float:left;
	width:33%;
	height:41px;
	list-style-type: none;
	
}

.bloc-haut.individuel .li-1 {
	background-color: #7cae20;
}
.bloc-haut.individuel .li-2 {
	background-color: #c0c609;
}
.bloc-haut.individuel .li-3{
	background-color: #6c695e;
}

.bloc-haut.tns .li-1 {
	background-color: #00a4b7;
}
.bloc-haut.tns .li-2 {
	background-color: #00506d;
}
.bloc-haut.tns .li-3{
	background-color: #6c695e;
}

.bloc-haut.collectif .li-1 {
	background-color: #005168;
}
.bloc-haut.collectif .li-2 {
	background-color: #16748b;
}
.bloc-haut.collectif .li-3{
	background-color: #6c695e;
}

.header-logo{
    height:108px;
	padding-top:15px;
	background-color: #ffffff;
}



.header-logo img{
   display:block;
   margin: 0 auto;
}


.header-titre {
    background: url('../img/bg-titre.png') repeat-x;
	height:88px;

}

.header-titre  h2{
  font-family: Titillium Web, Arial, Helvetica, sans-serif !important;
   font-weight:600;
   font-size:28px;
   line-height:32px;
   color:white;
   margin-top:50px;
}

@media screen and (max-width: 600px) {
	.header-titre  h2{
	    margin-top:18px;

	}
}

.content {
	padding-top:15px;
	padding-bottom:35px;

	min-height: 400px;
	background-color: #ffffff;
}

.footer {
	height: 99px;
	padding-top: 25px;
}

.footer img{
	display:block;
	margin: 0 auto;
}

.footer .mention  {
	color: #c0beb6 !important;
	font-size:14px !important;
	padding-top:15px;
	padding-bottom:15px;
}

.box.titre {
	margin-top:25px;
}

.box {
	background-color: #F7F6F4;
	padding: 22px 27px;
	margin-bottom: 20px;
}

.box .header-box {
	color: #383A3D;
	font-size: 16px;
	border-bottom: 1px solid #c6c5c3;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.box .body-box {
	margin-top: 12px;
	color: #707173;
	font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
	/*font-weight: normal;*/
}

.etape {
	font-size:25px;
	font-weight:600;
	margin-bottom:35px;
	float:right;
	margin-right:30px;
}

.etape.individuel {
	color: #7cae20;
}

.etape.tns {
	color: #00a4b7;
}

.etape.collectif {
	color: #005168;
}


h3 {
	margin:0px;
	font-size:20px;
	font-weight:600;
	margin-bottom:5px;
}

label {
	display:block;
}

label.checkbox {
	font-weight: 400 !important;
	float:left;
	width:90%;
	display:block;
	padding-top:3px;
	margin-top:0px;
}

.form-group, .form-control {
	border:none;
	box-shadow: none;
	webkit-box-shadow: none;
	background-color: #F7F6F4;

}
.form-line {
	clear:both;
	background-color: #F7F6F4;
}

.form-group.has-error {
	color: red;
}

.has-error input {
	border: solid 1px red;
}

input[type="checkbox"] {
	float:left;
	width:17px;
	height:17px;
	margin-right: 8px;
}



.input-xxl {
	width: 350px;
}
.input-xxxl {
	width: 500px;
}

.input-cp {
	width: 53px;
	margin-right:7px;
}

.input-l {
	width: 285px;
}

.box.paiement {
	margin-top: 20px;
}

.box.paiement label {
	font-weight:normal;
}

@media (max-width: 570px) {
	.input-xxxl {
		width: 278px;
	}
	.input-xxl {
		width: 278px;
	}

	.input-l {
		width: 212px;
	}

	.btn-green-big {
		margin-right: 5px !important;
	}

	.btn-green-small {
		margin-right: 5px;
	}
}

.width-20 {
	width:20px;
}

.row-sous-titre {
	margin-top:10px;
	margin-bottom:0px;

}
.margin-top-30 {
	margin-top: 30px;
}

.row-sous-titre .sous-titre{
	font-style:italic;
	font-weight: bold;

}

.majuscule {
	text-transform: uppercase;
}

#iban, #bic {
	padding: 5px;
	text-transform: uppercase;
	font-size: 16px;
}


.btn-green-big {
	color: white;
	font-size: 24px;
	margin-top:30px;
	float:right;
	margin-right: 30px;
	margin-bottom:20px;
	opacity: 0.8;
}


.btn-green-small {
	color: white;
	font-size: 24px;
	margin-top:30px;
	float:right;
	margin-right: 5px;
	margin-bottom:20px;
	opacity: 0.8;
	padding: 0px 20px 0px 20px;
}

.btn-green-big:hover,
.btn-green-small:hover{
	color:white;
	opacity:1;
}

.btn-green-big.individuel,
.btn-green-small.individuel {
	background-color: #c0c609;
}

.btn-green-big.tns,
.btn-green-small.tns {
	background-color: #00506d;
}

.btn-green-big.collectif,
.btn-green-small.collectif {
	background-color: #16748b;
}

.btn-green-big span {
	background: none;
	display: block;
	padding-bottom: 2px;
}

.btn-green-big.next span {
	background: url('../img/puce-fleche-blanc-big.png') right 5px no-repeat;
	display: block;
	padding-bottom: 2px;
	padding-right:35px;
}

.btn-green-big.previous span {
	background: url('../img/puce-fleche-blanc-big-revert.png') left 5px no-repeat;
	display: block;
	padding-bottom: 2px;
	padding-left:35px;
}

.box.signature {
	margin-top:20px;
}

.right {
	float:right;
}

.left {
	float:left;
}

.none {
	display:none;
}

input[type="radio"] {
	margin-right: 4px;
}

.margin-right-40 {
	margin-right:40px;
}

.pointer {
	cursor:pointer;
}

.img-contralia {
	float:right;
}


@media (max-width: 500px) {
	.img-contralia {
		float:right;
		margin-right:20px;
	}
}
.saisi-email-sms {
	margin-bottom:20px;
}

.saisi-code {
	margin-top:20px;
}
.saisi-email-sms input[type="text"],
.saisi-email-sms input[type="email"]
{
	margin-bottom:5px;
}

#id_tel_value {
	width: 172px;
}

#id_mail_value {
	width: 210px;
}

.bold {
	font-weight:bold;
}

#id-div-reponse {
	font-style:italic;
	clear:both;
}

.row.btn-upload {
	margin-top: 15px;
}