* { font-family:Arial;}

label.label-modal input{ display:block; border:1px solid #777;	padding:0.4em; }

form.in-modal label.error{ font-size: 0.75em;	color: red; }

body{ margin-top: 75px; }

.error{	color:red; }
label.error{ position:relative; top:-14px; }

#lean_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; }

.bold { font-weight: bold; }

#GIFdetecteur { display: block; margin: 0 auto; }

#reglement{
	display:none;
	max-width:90%;
	background:white;
	padding:1em;
	box-shadow:0 0 16px #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	list-style-type:none;
	border:1px solid #aaa;
	font-size:.8em;
	margin: 0 auto;
}
#reglement li{ padding:1em .5em; }
#reglement li:nth-child(odd){ background:#eee; text-shadow:0 1px 1px #fff; }

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fixed-height{	background: url('https://cdn.verisure.fr/ressources/img/parrainage/parrainage-head-fil_rouge_2021.jpg') no-repeat center bottom; height: 500px; }
.image-bg-fixed-height1{ background: url('https://cdn.verisure.fr/ressources/img/parrainage/parrainage-head-fil_rouge_2021.jpg') no-repeat center bottom; height: 500px; }
.img-center{ margin:0 auto; }
.macaron{ position:absolute; right:36vh; }

/* NAV */
.navbar{ background-color:#fff; min-height:82px; margin:auto; text-align:center; box-shadow:#444 3px 1px 20px }
.navbar .logo-vs{ position:relative; top:12px; float:left; cursor:pointer; width: 100px; }
.navbar-header .logo-vs-resp{ display:none; cursor:pointer; }
.navbar .container{ height:70px; }
.navbar-fixed-top .navbar-collapse{ max-width:1170px; margin:auto; }
.navbar-nav{ text-align:center; margin:auto; position:relative; top:18px; }
.navbar-nav > li > a{ color:#777777 !important; text-transform:uppercase; margin-left:5px; margin-right:5px; }
.navbar-nav > li > a:hover{ color:#fff !important; border-radius:3px; background-color:#8a8c8e!important; color:#fff; margin-left:5px; margin-right:5px; }
.navbar-nav .cad{ color:#fff !important; border-radius:3px; background-color:#00529f !important; color:#fff; margin-left:5px; margin-right:5px; }
.navbar .logo-sd img{ width:82px; }
.navbar #texte_logo{ display:inline-block; position:relative; top:20px; text-align:right; font-size:12px; }
.navbar-collapse.in{ overflow:hidden; height:auto; padding-bottom:25px; }

@media (min-width:1200px){ 
	.navbar-nav{ float:none; display:inline-block; }

}

@media (max-width:1200px){
	.navbar .container{ width:100%; }
	.navbar-header .logo-vs-resp{ display:block; position:relative; top:12px; float:left; padding-left:15px; width: 110px;}
	.navbar-toggle{ margin-top:21px; }
	.navbar .logo-vs{ display:none; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.navbar #texte_logo{ display:none; }
	.navbar-nav>li{ font-size:13px; }
}

@media screen and (min-width:768px) and (max-width:910px) {
	.navbar .logo-sd img{ display:none; }
	.navbar-nav>li>a{ padding:16px 8px; }
}

/* FORMULAIRE RESP */
#formulaire-resp{ display:none; padding-top:25px; height:auto; padding-bottom:25px; border-bottom:1px solid #000; background-color:#eeeeee; }
#formulaire-resp .title{ text-align:center; font-size:20px; text-transform:uppercase;     font-weight: normal;}
#formulaire-resp .conteneur-form{ text-align:left; margin-left:0px; }
.form-header-resp{ padding:5px 30px 20px 30px; width:100%; text-align:left; margin-left:auto; margin-right:auto; }
.form-header-resp legend{ text-transform:uppercase; font-size:15px; color:#000; margin-bottom:10px; border:none; }
.form-header-resp input{ width:100%; margin-bottom:7px; border-radius:3px; padding-left:10px; border:none; height:30px; border: 1px solid #e1e1e1; }
.form-header-resp #submit-popup{ background-color:#ff0033; color:#fff; width:100%; border:none; height:30px; margin-top:10px; text-transform:uppercase; margin-bottom:10px; border-radius: 25px; }
#formulaire-resp #num-vert{ width:100%; height:50px; }
#formulaire-resp #numvert-txt{ height:40px; background:url('../img/num-vert-2015alt.png') no-repeat; padding:7px 0 0 127px; color:#78b41e; font-size:21px; font-family:arial; font-weight:bold;    display: none; }
#formulaire-resp #numvert-txt a{ color:#78b41e; text-decoration:none; margin:-2px 0 0 -112px; display:block; }
.form-header-resp .mentions-form{ color:#777777; font-size:11px; margin-top:10px; }
#formulaire-resp .numvert-resp{ width:280px; margin:auto; }
#formulaire-resp .juridique {font-size: 10px; color: #3d3d3d;}

/* FORMULAIRE */
.conteneur-form{ text-align:left; margin-left:20px; }
.form-header{ display:inline-block; background:url('../img/bg-form.png'); padding:20px 30px 34px 30px; width:350px; text-align:left; position:absolute; }
.form-header legend{ text-transform:uppercase; font-size:16px; color:#333; margin-bottom:10px; border:none; }
.form-header input{ width:100%; margin-bottom:7px; border-radius:3px; padding-left:10px;  border: 1px solid #e1e1e1; height:35px; }
.form-header #submit-popup{ background-color:#ff0033; color:#fff; width:100%; border:none; height:35px; margin-top:10px; text-transform:uppercase; margin-bottom:10px;border-radius: 25px; }
.form-header #num-vert{ width:100%; height:50px; }
.form-header #numvert-txt{ height:40px; background:url('../img/num-vert-2015alt.png') no-repeat; padding:7px 0 0 127px; color:#78b41e; font-size:21px; font-family:arial; font-weight:bold; }
.form-header #numvert-txt a{ color:#78b41e; text-decoration:none; margin:-2px 0 0 -112px; display:block; }
.form-header .mentions-form{ color:#777777; font-size:11px; margin-top:10px; }
.form-header .juridique {font-size: 10px; color: #3d3d3d; line-height: 10px;}

/* MESSAGE */
#message{ margin-top:50px; color:#222222; margin-bottom:50px; }
#message span{ text-transform:uppercase;/*text-decoration:underline;*/ }
#message p{ padding-left:20px; }
#message #numvert{ padding-left:18px; }
#message #num-vert{ width:100%; height:50px; }
#message #numvert-txt{ height:40px; background:url('../img/num-vert-2015alt.png') no-repeat; padding:7px 0 0 127px; color:#78b41e; font-size:21px; font-family:arial; font-weight:bold; }
#message #numvert-txt a{ color:#78b41e; text-decoration:none; margin:-2px 0 0 -112px; display:block; }


#intro{ margin-top:50px; color:#222222; }
.content > section.nobkg { margin-bottom: 50px; }
#intro .title { text-align: center; font-size: 30px;  color: #333; }
#intro p{ padding-left:20px; text-align: center;}
#intro #etapes {text-align: center; margin-top: 20px;}
#intro #etapes #etape-parrain {background-color: #ff0033; color: #fff; vertical-align: middle; height: 75px; border-radius: 5px; font-size: 16px; padding-top: 12px;}
#intro #etapes #etape-filleul {background-color: #0060c7; color: #fff;vertical-align: middle; height: 75px; border-radius: 5px; font-size: 16px; padding-top: 12px;}
#intro #etapes img { float: left;margin-left: 20px; margin-right: 20px;}
#intro #concours { margin-left: auto;}
#intro #phone { text-align: center;}
#intro #filleul { margin-top: 136px; text-align: left; width:auto;}
#intro .titre { font-size: 25px; color: #0060c7; text-align: left; background: url('../img/arrow2.png'); background-repeat: no-repeat; background-position: right; background-position: right; height: 85px; background-position-y: bottom;}
#intro .chance { font-size: 20px; margin-top: 30px; text-align: left;}
#intro .multipliez { text-align: left;}
#intro .multipliez a { color: #3d3d3d; text-decoration: underline;}
#intro #cad-desk { display: block;}
#intro #cad-resp { display: none;}

/* CONCOURS BBQ */
#intro #bbq-picto { display: block; margin:auto; text-align: center;}

@media (max-width:1200px){
	#intro .titre { text-align: center; width: 100%; background: none; }
	#intro .chance { text-align: center; width: 100%;}
	#intro .multipliez { text-align: center; width: 100%; }
	#intro #filleul { margin-top: 46px; }
	#intro #cad-desk { display: none; }
	#intro #cad-resp { display: block; text-align: center; width: auto; margin: auto; padding-left: 18px; }
	#intro .title { font-size: 24px; }
}

@media (max-width:530px){ 
	#intro #phone img { width:100%; margin: auto;}
	#intro #cad-resp { width: 100%; }
}



/* CONTACT */
#contactez-nous{ background:url('../img/bg-grey-contact.jpg') no-repeat; background-size:cover; padding-top:100px; height:auto; padding-bottom:100px; }
#contactez-nous .title{ text-align:center; font-size:30px; color:#fff; text-transform:uppercase; }
#contactez-nous .section-paragraph{ color:#fff; text-align:center; }
#contactez-nous .row-input{ text-align:center; }
#contactez-nous .form-left{ text-align:right; }
#contactez-nous .form-left, #contactez-nous .form-right{ margin-bottom:20px; }
#contactez-nous .form-left input{ width:100%; margin-bottom:20px; height:40px; border-radius:3px; border:none; padding-left:15px; }
#contactez-nous .form-right textarea{ width:100%; border-radius:3px; border:none; height:220px; }
#contactez-nous #contact{ margin-top:30px; }
#contactez-nous .row-input #submit-contact{ background-color:#ff0033; color:#fff; text-transform:uppercase; width:200px; border:none; border-radius:3px; height:50px; font-size:18px; border-radius: 25px; }
#contactez-nous .form-right textarea{ padding:15px 15px 15px 15px; }
#contactez-nous .section-paragraph a{ text-decoration:underline; color:#fff; }
.confirmation-contact{ font-size:26px; font-weight:bold; }

/* CADEAU */
#cadeau{  height:auto; padding-bottom:100px; }
#cadeau-confirmation{ padding-top:100px; height:auto; padding-bottom:100px; }
#cadeau .title, #cadeau-confirmation .title{ text-align:center; font-size:30px; text-transform:uppercase; }
#cadeau .section-paragraph, #cadeau-confirmation .section-paragraph{ text-align:center; margin:0 0 5px; }
#cadeau .section-paragraph span{ text-transform:uppercase; text-decoration:underline; }
#cadeau .categories{ margin-top:30px; margin-bottom:15px; }
#cadeau .categories .filter{ font-size:20px; float:left; width:125px; height:40px; }
#cadeau .categories ul{ list-style-type:none; font-size:14px; }
#cadeau .categories ul li{ float:left; width:90px; margin-bottom:15px; }
#cadeau .categories ul li a{ text-decoration:none; color:#fff; background-color:#ffc632; padding:6px; border-radius:3px; }
#cadeau .categories ul li a:hover{ background-color:#ff0033; }
#cadeau .categories ul li a.active{ background-color:#ff0033; }
#cadeau .liste-cadeaux{ list-style-type:none; min-height: 550px; }
#cadeau .liste-cadeaux figcaption{ text-align:center; }
#cadeau .liste-cadeaux .btn-commander{ background-color:#ff0033; height:30px; width:125px; text-transform:uppercase; line-height:30px; margin:20px auto 0 auto; border-radius: 25px; }
#cadeau .liste-cadeaux .nbre-points{ background-color:#0060c7; color:#fff; font-size:11px; display:block; position:absolute; width:65px; height:20px; line-height:20px; text-align:center; border-radius:2px; }

@media (min-width: 768px){
	#cadeau .categories .col-sm-1{ width:13%; }
}

@media (max-width:520px){
	#cadeau .categories .filter{ height:72px; }
}

@media (max-width:415px){
	#cadeau .categories .filter{ height:auto; display:block; float:none; margin-bottom:10px; }
}

.first { margin:0; padding:0; margin-top:1.618em; width:100%; }
.first li { padding:1%; margin: 0.5%; width:220px; color:#333; text-shadow:0 1px 1px #fff; margin-bottom:20px; }
.first li img{ width:100%; }
.first li .order-overlay { opacity:0; position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); left: 0; right: 0; text-align: center; font-size: 12px; color: white; text-shadow: none; padding: 25% 10%; -webkit-transition : all 0.3s ease-out; -moz-transition : all 0.3s ease-out; transition : all 0.3s ease-out; }
.first li .order-overlay.ordered {opacity:1;}
.first li:hover .order-overlay { opacity:1; cursor:pointer; }

nav.categories ul li a.active { 	background:#fff; border-color:#f5af04; }
nav.categories ul li:nth-child(2) a.active {border-color:#065b7f;}
nav.categories ul li:nth-child(3) a.active {border-color:#0e772c;}
nav.categories ul li:nth-child(4) a.active {border-color:#ee8019;}
nav.categories ul li:nth-child(5) a.active {border-color:#be181d;}


/* COMMANDE */
#page-commande{ display:none; }
#page-commande{ background-color: rgba(0, 0, 0, 0.7); position:fixed; border:none; display:none; overflow:auto; z-index:1; left:0; top:0; width:100%; height:100%; }
#page-commande .popup{ width:100%; border-radius:3px; background-color:#fff; box-shadow:0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); margin:15vh auto; padding:10px 15px 10px 15px; max-width:600px; position:relative; }
#page-commande #commande input{ width:90%; margin-bottom:20px; height:40px; border-radius:3px; border:1px solid #777777; padding-left:15px; }
#page-commande #submit-commande{ background-color:#ff0033; color:#fff; text-transform:uppercase; width:250px; border:none; border-radius:25px; height:50px; font-size:15px; }
#page-commande .row-submit{ width:100%; text-align:center; margin-bottom:10px; margin-top:10px; }
#page-commande .order-recap{ color:#fff; padding:0; width:100%; margin:auto; font-size:12px; margin-bottom:20px; max-width:375px; }
#page-commande .order-recap li{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; text-transform:uppercase; border-bottom:1px solid #fff; }
#page-commande .order-recap a{ color:#fff; float:right; }
#page-commande .form-left, #page-commande .form-right{ text-align:center; }

#page-commande .close-header{ position:absolute; right:20px; top:15px; min-width:12px; min-height:12px; background:url('../img/close.png') no-repeat; cursor:pointer; }
#page-commande .close-header:hover{ background:url('../img/close_hover.png') no-repeat; cursor:pointer; }
.confirmation-commande{ font-size:26px; font-weight:bold; color:#ff0000; }
.pre-footer{ margin-bottom:15px; font-size:10.5px; }


/* 20170809-GC : Ajout section Avis Clients */
#avis-clients{ background:url('../img/avis-bg-red1.jpg') no-repeat; background-size:cover; padding-top:100px; height:auto; padding-bottom:100px; margin-top: 20px; }
#avis-clients .title{ text-align:center; font-size:30px; color:#fff; text-transform:uppercase; }
#avis-clients .section-paragraph{ color:#fff; text-align:center; }
#avis-clients #liste-avis{ max-width:100%; margin:auto; margin-top:25px; text-align:center; }
#avis-clients .avis:nth-child(even){ display:inline-block; width:47%; vertical-align:top; text-align:left; }
#avis-clients .avis:nth-child(odd){ display:inline-block; width:47%; vertical-align:top; text-align:left; }
#avis-clients .identite{ font-weight:bold; font-size:16px; }
#avis-clients .notation{ margin:5px auto; }
#avis-clients .starOn{ background-position:0 0; background:url('../img/stars.png'); display:inline-block; width:15px; height:13px; }
#avis-clients .explication{ font-style:oblique; font-size:15px; }
#avis-clients .avis{ padding:20px 0px; }
#avis-clients .bloc-avis{ width:auto; max-width:100%; margin:auto; padding:0 20px; }
#avis-clients .avis.grey{ background:#f4f4f4; display:table-cell; }
#avis-clients .avis.white{ background:#ffffff; display:table-cell; }
#avis-clients .lien-avis-clients{ margin-top:25px; }
#avis-clients .lien-avis-clients a{ text-decoration:underline; color:#fff; }
#avis-clients .row-avis{ display:table; border-collapse:separate; border-spacing:10px 0; }


/* MENTIONS */
footer{ height:auto; padding:40px 0 40px 0; background-color:#5a5a5a; color:#fff; }
#mentions{ background-color:#5a5a5a; }
#mentions .left{ text-align:center; }
#mentions .right{ text-align:center; }
#mentions .right a{ margin-right:5px; color:#fff; }
#order-button { display: none; padding: 0.7em; font-size: 1.25em; background: #ff0033; color: #fff; z-index: 9999; border:none; border-radius: 25px; }

@media (max-width:930px) {
	#order-button{ position:fixed; top:70px; right:0; }
	.image-bg-fixed-height1{ background-position: 75%; }
}

@media (max-width:768px) {
	/*.order-button-resp{ display:block !important; }*/
	/* .order-button{ display:none; } */
	#order-button{ position:fixed; top:70px; right:0; }
}

@media (max-width:600px) {
	/*.order-button-resp{ display:block !important; }*/
	/* .order-button{ display:none; } */
	.image-bg-fixed-height1{ background: url('../img/resp-parrainage-red2.jpg') no-repeat center bottom; height: 300px; }
}

#scrollBack { color: #fff; position: fixed; text-transform: uppercase; bottom: 1%; right: 1%; text-decoration: none; }
#scrollBack img { width: 50px; }

.show { display: block; }
.hide { display: none; }

/* VALIDATION */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline {	position: relative; top: 0; left: 0; display: inline-block; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 175px; font-size: 11px; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; }
body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: -5px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }

@media (max-width: 991px){
	#cadeau .liste-cadeaux{ width:700px; margin:auto; }
	#GIFdetecteur { height: 170px; }
}

@media (max-width: 768px){
	#formulaire-resp{ display:block; }
	.form-header{ display:none; }
	.image-bg-fixed-height{	background: url('https://cdn.verisure.fr/ressources/img/parrainage/parrainage-head-fil_rouge_2021.jpg') no-repeat center bottom; height: 295px; background-size:cover; }
	#formulaire-resp .title, #contactez-nous .title, #cadeau .title, #cadeau-confirmation .title { font-size:20px; }
	#contactez-nous, #cadeau{ padding-top:0px; padding-bottom:50px; }
	#contactez-nous {padding-top: 27px; }
	#cadeau .liste-cadeaux{ width:450px; margin:auto; }
	#avis-clients .row-avis{ display:block; margin-bottom:10px; }
	#avis-clients .avis.white{ display:block; width:90%; margin:auto; }
	#avis-clients .avis.grey{ display:block; width:90%; margin:auto; background-color:#fff; }
	#avis-clients .avis.grey-2, #avis-clients .avis.white-2{ display:none; }
	#avis-clients {padding-top: 20px; }
	#avis-clients .title {font-size: 20px;}
	#popup-resp .formError{ left:150px !important; }
}

@media (max-width: 485px){
	#cadeau .liste-cadeaux{ width:220px; margin:auto; }
	.image-bg-fixed-height { background: url('https://cdn.verisure.fr/ressources/img/parrainage/parrainage-head-fil_rouge_2021.jpg') no-repeat -514px center; background-size: cover; }
}

/* 20160127 Gaetan : Tooltip formulaires */
.form-header #tooltip { position: relative; text-align:left; top:0; }
.form-header #tooltip a{ text-decoration:none; color:#337ab7; }
.form-header #tooltip a:visited{ text-decoration:none; color:#337ab7; }
.form-header #tooltip > span { display: none; }
.form-header #tooltip:hover > span { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  position: absolute; right:15px; top: -90px; z-index: 100; margin-left: 0; width: 210px; color: #444444; background: #f4f4f4; border: 1px solid #c1c1c1; display: block; padding: 10px; font-size: 11px; }
.form-header #tooltip > img { margin-right: -5px; float: right; }

#tooltip-resp { position: relative; text-align:left; top:5px; }
#tooltip-resp a{ text-decoration:none; color:#8c8c8c; }
#tooltip-resp a:visited{ text-decoration:none; color:#8c8c8c; }
#tooltip-resp > span { display: none; }
#tooltip-resp:hover > span { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  position: absolute; right:15px; top: -90px; z-index: 100; margin-left: 0; width: 210px; color: #444444; background: #f4f4f4; border: 1px solid #c1c1c1; display: block; padding: 10px; font-size: 11px; }
#tooltip-resp > img { margin-right: 35px; float: right; }

#contactez-nous #tooltip { position: relative; text-align:left; top:5px; display:inline-block; }
#contactez-nous #tooltip a{ text-decoration:none; color:#8c8c8c; }
#contactez-nous #tooltip a:visited{ text-decoration:none; color:#8c8c8c; }
#contactez-nous #tooltip > span { display: none; }
#contactez-nous #tooltip:hover > span { text-transform:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  position: absolute; right:-20px; top: -90px; z-index: 100; margin-left: 0; width: 210px; color: #444444; background: #f4f4f4; border: 1px solid #c1c1c1; display: block; padding: 10px; font-size: 11px; }
#contactez-nous #tooltip > img { position:relative; right:-40px; top:15px; }

/* 20181016 - JL - correctif bug affichage cadeaux (400 pts) + menu resp pour tablettes + bkg tablettes */
@media (max-width: 950px){

	/*
	.navbar-header { width: 100%; }
	.navbar-toggle { display: block!important; }
	.navbar-nav { width: 100%; top: 0; }
	.navbar-nav>li { float: none; }
	.nav>li { position: relative; display: block; }
	.container-sticky-menu { display: block; }
	*/
}

@media (min-width: 769px){

	#cadeau .liste-cadeaux li[data-num='C6'] { top: 283px!important; }
}

@media (max-width: 675px){

	#GIFdetecteur { height: auto; width:100%; }
}

/* 20181022-GC : Modification bootstrap 3.3 pour changer le breakpoint du burger menu */
@media (max-width: 1024px) {
	.navbar-header{ float:none;	}
	.navbar-left,.navbar-right{ float:none !important; }
	.navbar-toggle{ display:block; }
	.navbar-collapse{ border-top:1px solid transparent;	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);	}
	.navbar-fixed-top{ top:0; border-width: 0 0 1px; }
	.navbar-collapse.collapse{ display:none!important; }
	.navbar-nav{ float:none!important; margin-top:7.5px; }
	.navbar-nav>li{ float:none;	}
	.navbar-nav>li>a{ padding-top:10px;	padding-bottom:10px; }
	.collapse.in{ display:block !important;	}
	#order-button { position: fixed; top: 20px; left:0; right:0; margin:auto; width: 150px; font-size: 15px; }
}

@media (min-width: 485px) and (max-width: 769px){

	.image-bg-fixed-height { background-size: cover; }

	#cadeau .liste-cadeaux { height: 807px!important; }
	#cadeau .liste-cadeaux li[data-num='C1'], .liste-cadeaux li[data-num='C2'] { top: 0px!important; }
	#cadeau .liste-cadeaux li[data-num='C3'], .liste-cadeaux li[data-num='C5'] { top: 283px!important; }
	#cadeau .liste-cadeaux li[data-num='C6'] { top: 544px!important; }
}

@media (max-width: 485px) {

	#intro p { padding-left: 0; }
	#intro .title { font-size: 23px; }

	#order-button { position: fixed; top: 17px; right: 70px; left:initial; margin:0; width: 150px; font-size: 15px; }

	.image-bg-fixed-height1 { background: url("../img/parrainage-head-ope_fev2020.jpg") no-repeat center left; background-size: cover; height: 180px; }

	#cadeau .liste-cadeaux { height: 1325px!important; }
	#cadeau .liste-cadeaux li[data-num='C1'] { top: 0px!important; }
	#cadeau .liste-cadeaux li[data-num='C2'] { top: 261px!important; }
	#cadeau .liste-cadeaux li[data-num='C3'] { top: 542px!important; }
	#cadeau .liste-cadeaux li[data-num='C5'] { top: 803px!important; }
	#cadeau .liste-cadeaux li[data-num='C6'] { top: 1064px!important; }
}

@media (max-width: 360px){
	#order-button { top: 10px; width: 100px; }
	#concours .img-carte-cadeau{ width:250px !important; }
	#popup-resp .formError{ left:130px !important; }

	#intro .title { font-size: 20px; }
}