*{
	font-family: 'Montserrat',arial;
}

html {font-size: 100%;}

h1, h2, h3, h4, h5, h6{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #010101;
}

.titrerouge{
	color: #e20c44;
	font-size: 1.4rem;
}

.soustitremention{
	font-weight: bold;
	font-size: 0.9rem;
}

.page404{
	font-size: 5rem;
}

#listemention1 ul li {
		font-size: 14px;
}
#listemention2 ol li {
	/*list-style-image : none;*/
		list-style-type: decimal;
    margin-bottom: 10px;
		margin-right: 20px;
		margin-left: -24px;
    vertical-align: top;
		font-size: 14px;
}

.error-message{
	color:#ffffff;
	font-size:10px;
	display:none;
}

.error-message-mobile{
	color:#e20c44;
	font-size:10px;
	display:none;
}

.maju{
	text-transform: uppercase;
}

/* --------------------------------------------- */
/* -------------   Partie header    ------------- */
/* --------------------------------------------- */


#fondimage-frigocong{
    background-image: url("../../images/imagefond-frigocong.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#fondimage-fourmicroonde{
    background-image: url("../../images/imagefond-fourmicroonde.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#fondimage-lavesechelinge{
    background-image: url("../../images/imagefond-lavesechelinge.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#fondimage-lavevaisselle{
    background-image: url("../../images/imagefond-lavevaisselle.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#fondimage-plaquecuisine{
    background-image: url("../../images/imagefond-plaquecuisine.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#fondimage-appareilelectromenager{
    background-image: url("../../images/imagefond-appmenager.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#bandeaublanc{
  width: 100%;
  background-color: #ffffff;
  opacity: 0.9;
  z-index: 2;
}

#partietitrage img, #partietitrage span{
	display: inline-block;
}

#partietitrage span{
	margin: 20px 0 0 10px;
}

#bloctxtimfond{
	background-color: #ffffff;
	opacity: 0.9;
	padding:20px 40px 20px 40px;
}


@media (max-width: 767px) {
	#partiehaute{
		width: 100%;
	  height: 360px;
	}
	#bandeaublanc{
		height: 90px;
	}

	#partietitrage{
			height: 90px;
	}

	#partietitrage img{
		max-width: 70%;
		max-height: 70%;
		vertical-align: top;
		margin-top: 15px;
	}

	#partietitrage span h1{
		color: #e20c44;
		font-size: 1.9rem;
	}

	#partietitrage span h3{
		font-size: 0.9rem;
	}

	#partietitragedroit{
		display: none;
	}

	#bloctxtimfond{
		margin-top: 16px;
		margin-left: 20px;
	}
	#bloctxtimfond h2{
		font-size: 1.4rem;
	}

}

@media (min-width: 768px) {
	#partiehaute{
		width: 100%;
	  height: 470px;
	}
	#bandeaublanc{
		height: 100px;
	}

	#partietitrage{
			height: 100px;
	}

	#partietitrage img{
		max-width: 80%;
		max-height: 80%;
		vertical-align: top;
		margin-top: 8px;
	}

	#partietitrage span h1{
		color: #e20c44;
		font-size: 2.2rem;
	}

	#partietitrage span h3{
		font-size: 1.1rem;
	}

	#partietitragedroit{
		padding: 22px 0 0 0;
	}
	#cartoucheheader{
		float: right;
		max-width: 80%;
		margin-right: 5px;
	}

	#bloctxtimfond{
		margin-top: 80px;
		margin-left: 20px;
	}
	#bloctxtimfond h2{
		font-size: 1.7rem;
	}
}
@media (min-width: 992px) {
	#partiehaute{
		width: 100%;
	  height: 470px;
	}
	#bandeaublanc{
		height: 110px;
	}

	#partietitrage{
			height: 110px;
	}

	#partietitrage img{
		max-width: 90%;
		max-height: 90%;
		vertical-align: top;
		margin-top: 8px;
	}

	#partietitrage span h1{
		color: #e20c44;
		font-size: 2.8rem;
	}

	#partietitrage span h3{
		font-size: 1.3rem;
	}

	#partietitragedroit{
		padding: 20px 0 0 0;
	}
	#cartoucheheader{
		float: right;
		width: 337px;
		height: auto;
		margin-right: 5px;
	}

	#bloctxtimfond{
		margin-top: 80px;
		margin-left: 20px;
	}
	#bloctxtimfond h2{
		font-size: 1.8rem;
	}
}
@media (min-width: 1200px) {
	#partiehaute{
		width: 100%;
	  height: 470px;
	}
	#bandeaublanc{
		height: 120px;
	}

	#partietitrage{
			height: 120px;
	}

	#partietitrage img{
		max-width: 100%;
		max-height: 100%;
		vertical-align: top;
		margin-top: 8px;
	}

	#partietitrage span h1{
		color: #e20c44;
		font-size: 3rem;
	}

	#partietitrage span h3{
		font-size: 1.5rem;
	}

	#partietitragedroit{
		padding: 20px 0 0 0;
	}
	#cartoucheheader{
		float: right;
		width: 337px;
		height: auto;
		margin-right: 5px;
		opacity: 1;
	}

	#bloctxtimfond{
		margin-top: 80px;
		margin-left: -20px !important;
	}
	#bloctxtimfond h2{
		font-size: 1.9rem;
	}
}

/* --------------------------------------------- */
/* -------------   Partie main    ------------- */
/* --------------------------------------------- */

ul{
	list-style-image:url("../../images/bullet.jpg");
}
li {
    list-style-type: none;
    padding-left: 10px; /* pour éviter la superposition du contenu */
		margin-top:20px;
		margin-left: -20px;
		font-size: 0.8rem;
}

#blocargument{
	margin-top: 30px;
	margin-bottom: 30px;
}

#formu{
	background-color: #848484;
	padding: 20px 20px 5px 20px;
}

.form-control{
	  background-color: #848484;
		border: 1px solid #ffffff;
		color: #ffffff;
}

#formu h5{
	font-size: 1rem;
	color: #ffffff;
	margin-bottom: 20px;
}


.control-label{
	text-align: left !important;
}

.btn-default{
	color:#676767;
	border-radius: 0;
	width: 200px;
	border:none;
}

.btn-default:hover{
	color:#676767;
}

.form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #ffffff;
}
.form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.has-error .control-label{
	color: #ffffff;
}
.has-error .form-control{
	border-color: #ffffff;
	background-color: #ffffff;
	opacity: 0.5;
}

.has-error .form-control::-moz-placeholder {
  color: #e20c44;
  opacity: 1;
}
.has-error .form-control:-ms-input-placeholder {
  color: #e20c44;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #e20c44;
}


.select {}
.select select {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #ffffff;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 25px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #ffffff;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ffffff;
}

#IE9 .select__arrow{
display: none;
}

#IE9 .select select{
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#blocargument a{
	color: #000000;
	text-decoration: none;
}

#blocargument a:hover{
	color: #000000;
	text-decoration: none;
}

#blocargumentqsn{
	margin-top: 30px;
}

#qsnpartgauche a{
	color: #000000;
	text-decoration: none;
	font-weight: 700;
}
#qsnpartgauche .contentqsnpartgauche{
		margin-top: 30px;
}

#qsnpartdroite p{
	font-size: 1.15rem;
}


.mentionform {
	font-size: 9px;
	line-height: 10px;
	text-align: left;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0;
}
.mentionform a, .mentionform a:hover{
	color: #ffffff;
	text-decoration: underline;
}


.lienretourmb a{
	color: #000000;
	text-decoration: none;
		font-weight: 700;
}

.lienretourmb a:hover{
	color: #000000;
	text-decoration: none;
		font-weight: 700;
}

@media (max-width: 767px) {
	#blocargument h3{
	font-size: 1.1rem;
	line-height: inherit;
	}
	#imfemmemobile{
		display: none;
	}
	#blocformulaire{
	display: none;
	}
	#formmobile{
		display: block;
		margin-top: 30px;
	}
	#formmobile a{
		text-decoration: none;
	}
	#formmobile a:hover{
		text-decoration: none;
	}
	#formmobile button{
		display: block;
		width: 80%;
		margin: 0 auto;
		background-color:#e20c44;
		color: #ffffff;
		height: 45px;
	}
	#formmobile p{
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#formmobile input{
		background-color:#ffffff;
		color:#e20c44;
		border: 1px solid #ccc;
	}

	#formmobile .form-control::-moz-placeholder {
	  color: #e20c44;
	  opacity: 1;
	}
	#formmobile .form-control:-ms-input-placeholder {
	  color: #e20c44;
	}
	#formmobile .form-control::-webkit-input-placeholder {
	  color: #e20c44;
	}

	#fondou{
		background-color:#e20c44;
		width: 30px;
		margin: 0 auto;
		color: #ffffff;
	}
	li {
		margin-top: 10px;
	}
	#formmobile input{
		text-align: center;
	}
	#formu{
		/*width: auto;*/
	}
	.messagereponse{
		text-align: center;
		background-color:#ccc;
		padding: 10px 0 10px 0;
	}
	.messagereponse h3{
		color: #ffffff;
	}
	form label{
		font-size: 0.9rem;
		color: #ffffff;
		font-weight: 400;
	}
	#qsnpartdroite{
		margin-top:10px;
	}
	#qsnpartdroite hr{
		height: 1px;
		margin-bottom: 30px;
	}
	.lienretourdesk{
		display: none;
	}
	.lienretourmb{
		display: block;
	}
}

@media (min-width: 768px) {
	#blocargument h3{
	font-size: 1.2rem;
	line-height: inherit;
	}
	#imfemmemobile{
		display: none;
	}
	#blocformulaire{
	margin-top: -180px;
	}
	#formmobile{
		display: none;
	}
	#imagefemme{
		background-image: url("../../images/imformhaut-sm.png");
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*background-size: cover;*/
		border:0px;
		width: 370px;
		height: 196px;
    z-index: 20;
	}
	#formu{
		/*width: auto;*/
	}
	.messagereponse{
		text-align: center;
	}
	.messagereponse h3{
		color: #ffffff;
	}

	form label{
		font-size: 0.7rem;
		color: #ffffff;
		font-weight: 400;
	}

	.form-control::-moz-placeholder {
		font-size: 0.55rem;
	}
	.form-control:-ms-input-placeholder {
	  font-size: 0.55rem;
	}
	.form-control::-webkit-input-placeholder {
	  font-size: 0.55rem;
	}

	.form-control{
		font-size: 0.55rem;
	}
	#qsnpartdroite hr{
		display: none;
	}
	.lienretourdesk{
		display: none;
	}
	.lienretourmb{
		display: block;
	}

}
@media (min-width: 992px) {
	#blocargument h3{
	font-size: 1.3rem;
	line-height: inherit;
	}
	#imfemmemobile{
		display: none;
	}
	#blocformulaire{
	margin-top: -270px;
	}
	#formmobile{
		display: none;
	}
	#imagefemme{
		background-image: url("../../images/imformhaut-md.png");
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*background-size: cover;*/
		border:0px;
    width: 490px;
    height: 260px;
    z-index: 20;
	}
	#formu{
		/*width: 575px;*/
	}
	.messagereponse{
		text-align: center;
	}
	.messagereponse h3{
		color: #ffffff;
	}

	form label{
		font-size: 0.7rem;
		color: #ffffff;
		font-weight: 400;
	}

	.form-control::-moz-placeholder {
		font-size: 0.7rem;
	}
	.form-control:-ms-input-placeholder {
	  font-size: 0.7rem;
	}
	.form-control::-webkit-input-placeholder {
	  font-size: 0.7rem;
	}

	.form-control{
		font-size: 0.7rem;
	}
	#qsnpartdroite hr{
		display: none;
	}
	.lienretourdesk{
		display: block;
	}
	.lienretourmb{
		display: none;
	}

}
@media (min-width: 1200px) {
	#blocargument h3{
	font-size: 1.4rem;
	line-height: inherit;
	}
	#imfemmemobile{
		display: none;
	}
	#blocformulaire{
	margin-top: -310px;
	}
	#formmobile{
		display: none;
	}
	#imagefemme{
		background-image: url("../../images/imformhaut.png");
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*background-size: cover;*/
		border:0px;
    width: 595px;
    height: 316px;
    z-index: 20;
	}
	#formu{
		/*width: 575px;/* on force la largeur pour que ça colle avec l'image du haut - étonnament ça s'adapte déjà automatiquement en responsive */
	}

	.messagereponse{
		color: #ffffff;
		text-align: center;
	}

	form label{
		font-size: 0.9rem;
		color: #ffffff;
		font-weight: 400;
	}
	#qsnpartdroite hr{
		display: none;
	}
	.lienretourdesk{
		display: block;
	}
	.lienretourmb{
		display: none;
	}
}




/* --------------------------------------------- */
/* -------------   Partie footer    ------------- */
/* --------------------------------------------- */


#prefooter{
	width: 100%;
	background-color: #e20c44;
	margin-top: 30px;
	padding: 30px 0 30px 0;
}

#prefooter p{
	font-size:0.8rem;
	color: #ffffff;
}

#partiefooter{
	width: 100%;
	background-color: #2f2f2f;
}

hr {
	height: 5px;
	background-color: #484848;
	border: none;
}

#txtfootergauche{
	font-size: 0.6rem;
	color: #8b8c8d;
}

#txtfootergauche a{
	font-size: 0.6rem;
	color: #8b8c8d;
	margin-top: 25px;
}

#txtfootergauche a:hover{
	font-size: 0.6rem;
	color: #8b8c8d;
	margin-top: 25px;
}

#txtfooterdroit{
	font-size: 0.6rem;
	color: #8b8c8d;
}

#txtfooterdroit a, #txtfooterdroit img, #txtfooterdroit p{
	display: inline-block;
}

#txtfooterdroit a{
	font-size: 0.6rem;
	color: #8b8c8d;
}

#txtfooterdroit a:hover{
	font-size: 0.6rem;
	color: #8b8c8d;
}

/*#txtfooterdroit::after{
	display: block;
	content:"";
	background-image: url("../../images/bttop.png");
	background-repeat: no-repeat;
	overflow: visible;
	float: right;
	margin-right: -90px;
	margin-top: 40px;
	width: 49px;
	height: 49px;
}*/


@media (max-width: 767px) {
	#prefooter{
			height: auto;
	}
	#partiefooter{
		height: auto;
		padding-bottom: 20px;
	}
	#txtfootergauche{
		margin-top: 6px;
		text-align: center;
	}
	#txtfooterdroit{
		text-align: center;
			margin-top: 10px;
	}

	#cartouche{
		max-width: 90%;
	}
	#bttop img{
		display: block;
		clear: both;
		margin-right: 0px;
		margin-bottom: -10px;
		margin-top: 10px;
		padding: 0 0 0 0;
	}
}

@media (min-width: 768px) {
	#prefooter{
			height: auto;
	}
	#partiefooter{
		height: auto;
		padding-bottom: 20px;
	}
	#txtfootergauche{
		margin-top: 6px;
		text-align: center;
	}
	#txtfooterdroit{
		text-align: center;
			margin-top: 10px;
	}
	#cartouche{
		max-width: 70%;
	}
	#bttop img{
		display: inline-block;
		margin-right: 0px;
		margin-bottom: -10px;
		padding: 0 0 0 20px;
	}
}
@media (min-width: 992px) {
	#prefooter{
			height: 100px;
	}
	#partiefooter{
		height: auto;
		padding-bottom: 20px;
	}
	#txtfootergauche{
		margin-top: 6px;
		text-align: center;
	}
	#txtfooterdroit{
		text-align: center;
		margin-top: 10px;
	}
	#txtfooterdroit img .traitdebout{
		display: none;
	}
	#cartouche{
	width: 337px;
	height: auto;
	}
	#bttop img{
		display: inline-block;
		margin-right: 0px;
		margin-bottom: -10px;
		padding: 0 0 0 20px;
	}
}
@media (min-width: 1200px) {
	#prefooter{
			height: 100px;
	}
	#partiefooter{
		height: 140px;
	}
	#txtfootergauche{
		margin-top: 25px;
		text-align: left;
	}
	#txtfooterdroit{
		margin-top: 0;
		text-align: right; /* permet d'aligner plusieurs éléments à droite*/
	}
	#cartouche{
	width: 337px;
	height: auto;
	}
	#bttop img{
		display: inline-block;
		margin-right: -69px;
		margin-bottom: -50px;
		padding: 0 0 0 20px;
	}
}