@charset "utf-8";
/* CSS Document */


/*____________________________LISTE MEDIAS________________________________*/


/* Extra small devices (phones, less than 768px) */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/*_____________________________PHONE STATE_______________________________*/
html {
	height: 100%;
}
body {
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	font-family: 'arial', sans-serif;
	color: #444444;
	line-height: normal !important;
	background-color: #f2f1ee;
	margin: 0 !important;
	padding: 0 !important;
}
.conteneur {
	width: 100%;
}
.conteneur-in {
	width: 100%;
	min-height: 20px;
	margin: 0 auto;
}
/*_____________________________LARGER SCREENS STATES_______________________________*/ 

@media (min-width: 768px) {
.conteneur-in {
	width: 750px;
}
}
@media (min-width: 992px) {
.conteneur-in {
	width: 970px;
}
}
@media (min-width: 1200px) {
.conteneur-in {
	width: 1170px;
}
}
/*----------------------------------HEADER----------------------------*/
#header-news {
	height: 113px;
	text-align: center;
	/* padding: 8px 0 0 0; */
	background-color: #ffffff;
	border-bottom: 2px solid #00b5c8;
}
.logo-lpnews {
	float: none;
	margin: 0 auto;
}
.logo-lpnews img {
	width: 140px;
	height: auto;
	border: none;
	margin-top: 10px;
}
.baseline {
	color: #e3e2dc;
	font-size: 17px;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 5px;
	font-family: 'helvetica condensed', 'arial', sans-serif;
}
.baseline strong {
	color: #f89827;
}
.tel {
	float: right;
	margin-top: 10px;
}
.tel p {
	margin-bottom: 0px;
	margin-top:0px
}
.numéro {
	color: #cbd109;
	font-size: 16px;
	font-weight: bold;
}
.prix {
	float: right;
	color: #989696;
	font-size: 10px;
}
@media (min-width: 768px) {
.logo-lpnews {
	/* float: left; */
	margin: 0 auto;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/*----------------------------------CONTENT----------------------------*/


#contenu {
	background-color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	text-align:center;
	min-height: 200px;
	box-sizing: border-box;
	margin-bottom: 47px;
}
#contenu.conteneur-in {
	width: 100%;
}
#titre-categ {
	padding: 20px 20px 20px 20px;
	text-align: center;
	color: #ffffff;
	background-color: #fbac3e;
	word-wrap: break-word;
}
.titre-categ {
	font-size: 26px;
	font-weight: 500;
	font-family: 'helvetica condensed', 'arial', sans-serif;
	line-height: 40px;
}
.titre-categ span.stitre-categ {
	font-size: 30px;
	font-family: 'helvetica condensed', 'arial', sans-serif;
	color: #333333;
}
#formulaire {
	padding: 15px 2% 35px 2%;
	background-color: #ffffff;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: none;
	min-height: 300px;
	box-sizing:border-box;
	position: relative;
}
#etapes {
	background-color: #00b5c8;
	padding: 20px 5% 5px 5%;
	color:#FFFFFF;
	font-family: 'helvetica condensed', 'arial', sans-serif;
}
.intro-questio {
	width: 100%;
	font-family: arial;
	font-size: 15px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.conf {
	font-size: 12px;
	font-family: arial;
	bottom: 10px;
	left: 0;
	position: absolute;
	right: 0;
	color: #c2c2c2;
}
.conf img {
	opacity: 0.4;
	margin-bottom: 3px;
	margin-right: 4px;
}
.clear {
	clear:both
}



#formulaire .questio {
	margin-top: 10px;
	width: 100%;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
}

.questiologophone{
	border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.questiologophone{
	border-top: none;
	display:none;

}
.price {
color: #999999;
font-weight: 300;
font-size: 13px;
float: right;
}

@media (max-width: 768px) {
#formulaire .questio {
	width:100%;
	float:none;
	margin-top:0px;
}
.questiologophone{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: block;

}


}


@media (min-width: 768px) {

.bg-news {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-size: cover;
	position:fixed;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#contenu.conteneur-in {
	width: 650px;
}
#contenu {
	margin-top: 20px;
	margin-bottom: 102px;
}
#titre-categ {
	color: #FFFFFF;
	background-color: #ffba00;
}
.titre-categ {
	font-size: 22px;
}
#etapes .etapes:nth-child(2) {
	margin: 0 15%;
}
.etapes {
	display: inline-block;
}

.etapes p{
	margin-top:15px;
	font-family: 'helvetica condensed', 'arial', sans-serif;
	font-size: 18px;
}
	
#formulaire {
	padding: 10px 5% 35px 5%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.intro-questio {
	width: 100%;
}
.conf {
	font-size: 14px;
}
#formulaire .questio {
  margin-top: 10px;
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-top: 10px;
}
}
@media (min-width: 992px) {
#contenu.conteneur-in {
	/* width: 820px; */
}
.titre-categ {
	font-size: 24px;
}
#etapes .etapes:nth-child(2) {
	/* margin: 0 19%; */
}
}
@media (min-width: 1200px) {
#contenu.conteneur-in {
	/* width: 970px; */
}
.titre-categ {
	font-size: 24px;
}

}
/*----------------------------------FOOTER----------------------------*/

#footer-news {
	font-size: 12px;
	text-align:center !important;
	position:fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
#footer-toggle {
	background-color: #444444;
	padding: 5px 0 5px 0;
}
#footer-news hr {
	margin: 5px 0;
	border: 0;
	border-top: 1px solid #333333;
}
.barre {
	width: 100%;
	height: 7px;
	background-repeat: repeat-x;
	background-position: center;
	background-color: #df584f;
}
.nav-footer-news ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-footer-news ul li {
	vertical-align: top;
	text-align: center !important;
}
.nav-footer-news ul li a {
	color: #c2c2c2;
	text-decoration:none;
}
.nav-footer-news ul li a:hover {
	color: #2696f7;
}
.copyright {
	color: #787878;
	padding: 0 0 0 5px;
	;
}
#btn-toggle {
	width: 60px;
	height: 30px;
	background-color: #444444;
	margin: 0 auto;
	padding: 10px;
	cursor: pointer;
	box-sizing: border-box;
	opacity: 0.3;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#btn-toggle:hover {
	opacity: 0.9;
}
#btn-toggle .active {
	opacity: 0.9;
}
#btn-toggle img {
	width: 16px;
	height: 9px;
	margin: 0 auto;
}
#btn-toggle:hover img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
#btn-toggle.active img {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
#btn-toggle.active:hover img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
@media (min-width: 768px) {
.nav-footer-news ul li {
	display: inline-block;
	margin: 0 3%;
}
#footer-news {
	padding-bottom: 0px;
}

}
@media (min-width: 992px) {
.nav-footer-news ul li {
	margin: 0 5%;
}
}
@media (min-width: 1200px) {
}
/*________________________________CLASSES OUTILS____________________________________*/

.no-phone {
	display: none;
}
@media (min-width: 768px) {
.no-phone {
	display: block;
}
}
/*________________________________API CUSTOM____________________________________*/

button#api_btn_suivant{
	margin:15px 0 0 0;
	font-size:17px;
}
#form1 #nav-form #api_btn_suivant.btn-primary {

}
#form1 #nav-form #api_btn_suivant.btn-primary:hover {

}
#form1 #nav-form #api_btn_precedent.api_btn_precedent {

}
#form1 #nav-form #api_btn_precedent.api_btn_precedent:hover {

}
 @media (max-width: 535px) {

}
@media (max-width: 428px) {

}

#form1 #nav-form {
	padding-bottom: 10px;
}
.progress-warning .bar, .progress .bar-warning {
	background-color: #f9990e;
	background-image: -moz-linear-gradient(top, #faa718, #f9990e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa718), to(#f9990e));
	background-image: -webkit-linear-gradient(top, #faa718, #f9990e);
	background-image: -o-linear-gradient(top, #faa718, #f9990e);
	background-image: linear-gradient(to bottom, #faa718, #f9990e);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaa718', endColorstr='#fff9990e', GradientType=0);
}
span.progress-span-progress {
    font-size: 13px;
    font-family: arial;
}
#form1 #progress-bar {
	width: 80%;
}
@media (min-width: 768px) {
#form1 #progress-bar {
	width: 40%;
}
}
#form1 #progress-bar span {
	float: left;
	margin-right: 10px;
	margin-top: -6px;
}
#form1 #progress-bar .progress {
	height: 3px;
}
#form1 .control-group {
	list-style-type: none;
	margin: 0 0 15px 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	margin-bottom: 0px;
}
}
.hidden {
	display:none;
	visibility:hidden
}
.visible-phone {
	display:none !important
}
.visible-tablet {
	display:none !important
}
.hidden-desktop {
	display:none !important
}
.visible-desktop {
	display:inherit !important
}
@media (min-width:768px) and (max-width:979px) {
.hidden-desktop {
	display:inherit !important
}
.visible-desktop {
	display:none !important
}
.visible-tablet {
	display:inherit !important
}
.hidden-tablet {
	display:none !important
}
}
@media (max-width:767px) {
.hidden-desktop {
	display:inherit !important
}
.visible-desktop {
	display:none !important
}
.visible-phone {
	display:inherit !important
}
.hidden-phone {
	display:none !important
}
}
.visible-print {
	display:none !important
}
@media print {
.visible-print {
	display:inherit !important
}
.hidden-print {
	display:none !important
}
}