html, body, div, span, applet, object, iframe,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

@font-face {
	font-family: 'helveticaneueltproultlt';
	src: url('/medias/css/fonts/helveticaneueltproultlt.ttf');
	src: url('/medias/css/fonts/helveticaneueltproultlt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helveticaneueltprolt';
	src: url('/medias/css/fonts/helveticaneueltprolt.ttf');
	src: url('/medias/css/fonts/helveticaneueltprolt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html{
	height: 100%;
}

body {
	font-family: 'helveticaneueltprolt';
	font-size: 14px;
	height: 100%;
	color: #000;
	margin: 0 auto;
	font-weight: 300;
	font-style: normal;
	background-color: #ffffff;
}

.hidden{
	display: none;
}
.aligndroite{
	text-align: right;
}

.aligncentre{
	text-align: center;
}

.aligngauche{
	text-align: left;
}

.form-control {display: inline; min-height: 1.42857143em; margin-bottom:3px; padding: 3px 6px; font-size: 14px; line-height: 1.2em; color: #555555; background-color: #ffffff; background-image: none; border:0px; border-bottom: 2px solid #cccccc;     border: 0;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/ }
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form-control::-moz-placeholder {color: #999999; opacity: 1;}
.form-control:-ms-input-placeholder {color: #999999;}
.form-control::-webkit-input-placeholder {color: #999999;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}
.form-small{width: 50px;}

textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
input[type="checkbox"] {border:0px;}
form button {border: none; border-radius: 5px; color: #ffffff; background-color: #000000; text-align: center; width: 90px; height: 32px; line-height: 32px; font-weight: bold; margin: auto; }
form button.smallbutton {font-size:10px; border: none; border-radius: 5px; color: #000000; background-color: #ffffff; text-align: center; width: 35px; height: 25px; line-height: 25px; font-weight: bold; margin: auto; }
label {display: inline-table; width: 100px;}
select.form-control{
	position:relative;
	width: 80%;
	height: 30px;
	margin-bottom: 10px;
	border:0px;
	border-bottom: 1px solid #000000;
	font-size: 18px;
	color: #db011c;
	background-color: #ffffff;
	border-radius: 0px;
	box-shadow:none;
	outline:0;
}

#savform label, #formcadeauideal label {width: 100%;}

a{
	color: #db011c;
	text-decoration: underline;
	cursor: pointer;
}

a:hover{
	text-decoration: underline;
}

button{
	cursor: pointer;
}

h1{
	font-family: 'helveticaneueltproultlt';
	color: #db011c;
	font-size: 36px;
	font-weight: 700;
	font-style: normal;
}

h2{
	font-size: 24px;
	margin: 0;
	font-weight: normal;
}

h3{
	font-size: 18px;
	margin: 0;
	font-weight: 400;
	font-style: normal;
}

.bouton{
	background-color: #db011c;
	color: #fff;
	padding: 5px 10px;
	border: 0;
	margin-top: 10px;
	cursor: pointer;
}

.bouton2{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	padding: 5px 45px;
	border: 0;
	margin-top: 10px;
	cursor: pointer;
}

.bouton3{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 15px;
	border: 0;
	margin-top: 10px;
	margin-left: 30px;
	cursor: pointer;
	float: left;
	height: 22px;
}

#menu-mobile{
	display:none;
}

#changePass dt{
	display:none;
}

#motdepasse dd{
	display:block;
}

/*
LOGIN
*/

#logoLogin{
	width:100%;
	font-size: 24px;
	text-align:center;
	margin-top: 5%;
}

#logoLogin p{
	margin: 10% 0 0 0;
}

#bodyLogin {
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

#bodyLogin #coteGaucheLogin{
	background-color: #db011c;
	width: 50%;
	height: 100%;
	float: left;
	color: #ffffff;
}
#contenuGaucheLogin{
	position: relative;
	display: contents
}
.rowgalery{
	background-color: #db011c;
}
.img-col4{
	background-color: #db011c;
}

/* Responsive Gallerie */
.rowgalery {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	height: 100%;
}

/* Create four equal columns that sits next to each other */
.img-col4 {
	flex: calc(100% / 3);
	max-width:  calc(100% / 3);
	height: 25%;
	/*padding: 0 4px;*/
}
img-col4 divimg{
	height: 100%;
	background-size: cover;
}

.img-col4 img {
	margin-top: 0;
	vertical-align: middle;
	width:  calc(calc(100vw - 50%) / 3); /* Pour permettre que l'image prenne tout le cadre */
	height:  calc(100vh / 4); /* Pour permettre que l'image prenne tout le cadre */
	/*height: auto;*/
	display: block;
	object-fit: cover;
	max-height: 100%;
	max-width: 100%;
}
#validation_rgpd-label
{
	display: none;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
	.img-col4 {
		flex: 50%;
		max-width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.img-col4 {
		flex: 100%;
		max-width: 100%;
	}
}

/*Simulateur */
#simulateurGains table,
#simulateurGains th,
#simulateurGains td{
	border: 1px solid #eeeeee;
	padding :5px;
}

#simulateurGains th{
	color: #ffffff;
	background-color: #db011c;
}

#simulateurGains td{
	text-align: center;
}

#simulateurGains input{
	width: 60%;
}


/*Simulateur CADEAUX */


#simulateurGains .col-33 {
	float: left;
	width: 33.33%;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}

#simulateurGains .bloc-produits {
	width: 100%;
	position: relative;
}

#simulateurGains .block-pts {
	position: absolute;
	top: -13px;
	z-index: 1;
	right: 15px;
}

#simulateurGains .fiche-produit {
	top: 0;
	width: 100%;
}

#simulateurGains .border-produit {
	border: 1px solid #e5e8ec;
}

#simulateurGains .nbr-pts {
	color: #fff;
	text-align: center;
	margin-top: -41px;
	margin-left: auto;
	line-height: 15px;
	width: 43px;
}

#simulateurGains.full-width {
	width: 100%;
}

#simulateurGains .nom-produit {
	height: 46px;
	color: #2d343c;
	font-size: 12px;
	font-weight: bold;
	display: table;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	border-bottom: solid 2px #e6e9ed;
	margin-bottom: 35px;
}

.btCalculer{
	border: none; border-radius: 5px;
	color: #ffffff;
	background-color: #f06024;
	text-align: center;
	width: 90px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	margin: 10px auto;
}

#contenuGauche{
	color: #fff;
	padding: 20px;
}

#contenuGauche a{
	color: #fff;
}

#contactLogin{
	/*position: absolute;*/
	bottom: 5%;
	width: 50%;
	margin: 10% auto 0 auto;
	text-align: center;
	font-size: 12px;
}

#contactLogin p{
	margin-bottom: 10px;
}


#index-contact #rgpd-label,#index-contact #rgpd-label label{
	display: block;
	width: 100%;
}
#index-contact #loginform .form-control{
	width: 100% !important;
}
#index-contact #rgpd-element input{
	height: 2em !important;
}

#loginform .bouton, #registerform .bouton{
	background-color: #fff;
	color: #000;
	padding: 5px 10px;
	border: 0;
	margin-top: 10px;
	cursor: pointer;
}

#loginform button{
	margin-top: 15px;
}

#loginform label{
	margin-bottom: 10px;
}

#loginform input,
#renewlink input{
	width: 65%;
}

#registerform{
	width: 70%;
	margin: auto;
}

#registerform .col-form-label{
	width: 100%;
	margin-top: 10px;
	/*float: right;*/
}
#loginform .form-control, #registerform .form-control {
	border: 0;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#registerform #fieldset-facturation{
	border: 0px;
	padding: 0px;
	margin-bottom:0px;
}

#registerform #fieldset-facturation dl dd{
	padding:0px;
	margin: 0px;
}

#registerform .form-control{
	width: 100%;
}
#coteDroitLogin{
	float: left;
	width: 50%;
	height: 100%;
}

#coteDroit{
	float: left;
	width: 50%;
	height: 100%;
	background-image: url('../fond_login.jpg');
	background-size: cover;
	background-position: top;
}

#contenuDroit img{
	/*position: absolute;
	top: 15px;
	right: 30px;*/
}


#coteDroit #login-label,
#coteDroit #passwd-label{
	font-size: 18px;
}






#passbox{
	width: 40%;
	margin: 40px auto 10px auto;
}

#passbox button{
	margin-top: 15px;
}

#login,
#loginform #passwd{
	margin-left:0px;
}
form#changePass button{
	width: 100%;
	background-color: #db011c;
	color: #fff;
}

#loginform #passwd{
	margin-left: 3px;
}

#passbox h3,
#msgpass{
	margin-top: 10px;
}


.error{
	border: none;
	font-size: 18px;
	margin-bottom: 0;
}

#blocs{
	width: 50%;
	margin: 5% auto;
}

#blocLogin{
	width: 70px;
	float: left;
	margin-left: 12%;
	text-align: center;
}

.carreGris{
	border: solid 1px #cccccc;
	height: 70px;
}

/*
LAYOUT
*/
#supercontainer{
	width: 1050px;
	margin: 0 auto;
	height:max-content;
	position:relative;
}

#coteGauche{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1099;
}

#logo{
	margin-top: 20px;
}

#menu1{
	height: 35px;
	width: 44%;
	text-align: right;
	margin: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	background: #db011c;
	position: absolute;
	top: 0;
	right: 11px;
	color: #ffffff;
	z-index: 1100;
}

#menu1 a{
	text-decoration: none;
	color: #ffffff;
}

#menu1 a:hover{
	text-decoration: underline;
}

#menu2{
	height: 30px;
	/*border-bottom: 2px solid #db011c;*/
	font-size: 14px;
	margin-top: 15px;
}

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

#menu2 a:hover{
	color: #db011c;
}

#menu1 img,
#menu2 img{
	margin-right: 5px;
}

#btPanier{
	float: right;
	text-align: right;
	width: 400px;
}

.txtPanier{
	text-decoration: underline;
}

#footer{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #222222;
	color: #ffffff;
	height: 35px;
	font-size: 10px;
	padding-top: 10px;
	/*float: left;*/
	margin: auto;
	/*width: 100%;*/
	/*margin-top: 20px;*/
}

#footer a{
	color: #ffffff;
	text-decoration: underline;
}

#footer span{
	padding-top: 8px;
	float: right;
	text-align: right;
	margin-right: 10px;
}

#contenu{
	min-height: 500px;
}

#hautdepage{
	position: fixed;
	right: 0;
	top: 50%;
	background-color: #e5e5e5;
	padding: 5px;
}

#catalogue-catalogue #menu1 {
	height: 43px;
	width: 44%;
}

.soustitre{
	border-bottom: solid #db011c 1px;
}

/*
ACCUEIL
*/

#carrousel{
	text-align: center;
	margin: 20px auto;
}

#blocBonjour{
	/*margin-bottom: 30px;*/
}

#blocBonjour h1{
	margin: 10px 0 5px 0;
}

#btVideo{
	float: right;
	margin-right: 25px;
	margin-top: 45px;
}

#blocEdito{
	/*padding-right: 20px;*/
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px;
}

#blocEdito #titre{
	background-color: #db011c;
	height: 34px;
	padding-left: 10px;
	padding-top: 20px;
}

#blocEdito #titre p{
	font-size: 35px;
	color: #ffffff;
	margin: 0;
	text-shadow: 0px 0px 2px #000000;
}

#note{
	font-size: 12px;
	line-height: 14px;
	margin-left: 45px;
}


#messageform{
	text-align:center;
	font-weight: bolder;
	font-size:14px;
}

#formcadeauideal form{
	font-size: 12px;
	line-height: 20px;
}

.top_formulaire img{
	margin-right: 10px;
	vertical-align: middle;
}

.top_formulaire{
	font-size: 36px;
	background-color: #000000;
	width: 100%;
	color: #fff;
	padding-top: 10px;
}

fieldset {
	border:1px solid #999;
	padding: 10px;
	margin-bottom: 20px;
}

legend {
	background:#fff;
}

#Prenom-label,
#Nom-label,
#Nom-element,
#Nom_du_point_de_vente-label,
#Code_Altadis_de_votre_point_de_vente-label,
#Adresse_mail-label{
	display: none;
}

dt{
	font-weight: bold;
}

.description{
	display: block;
	clear: left;
	width: 250px;
	font-size: 80%;
	background-color: #72839f;
}

textarea{
	clear: none;
}

.dd_special{
	display: block;
	background-color: #72839f;
}

.submit{
	float:right;
}

.required:before{
	content:'* '
}

ul.errors{
	display:inline;
}

.errors li {
	font-weight:bolder;
	color: red;
	display:inline;
}






/*
PAGE INTERNE TEXTE
*/
#ColonneDroite{
	width: 60%;
}

#pageTexte{
	background-color: #fff;
	margin-top: 0;
	padding-top: 20px;
	width: 100%;
	min-height:100%;
	padding-bottom: 10px;
	position: relative;
}

.pageTexte{
	padding-top: 20px;
}

.titreRubrique{
	font-size: 36px;
	color: #db011c;
	margin: 0 0 20px 0;
}

.titreRubrique a{
	white-space: nowrap;
}

#fenetreTexte{
	height: auto;
	text-align: justify;
}


/*
PAGE ACQUISTION POINTS
*/

#acquisition{
	margin: 0 auto;
}

#acquisition td{
	padding: 5px;
}

#acquisition tbody td{
	color: #ffffff;
}



/*
CSS page CATALOGUE, DETAIL, PANIER, ADRESSE, SELECTIONS
*/
.colorcatalogue,.ui-slider-range, .colordetail,.colorpanier, .Dialogcolorpanier > .ui-dialog-titlebar, .ui-button{
	background-color: #db011c !important;
}
.pointsValuesColor, .textDetail, .ColorHandle, .sousmenuselection,.textpanier,.lienpanier, .produitRes a:hover{
	color: #db011c !important;
}

.messageError{
	color : black !important;
	Border: 2px solid #db011c;
	padding: 10px;
	font-weight: bold !important;
}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none;
	background: #fff;
	padding: 20px;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 100px; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

img.btn_close {
	float: right;
	margin: 0 0 0 10px;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
html #fade {
	/*position: absolute;*/
}
html .popup_block {
	position: absolute;
}





/*
PAGE VOTRE COMPTE
*/

.titreRubrique a{
	color:	#a3a3a3;
	text-decoration: none;
}

#tableau_moncompte td{
	padding: 5px;
}

#agent{
	float: right;
	width: 28%;
	height: 100%;
	margin-right: 5%;
}

#agent img{
	text-align: center;
}

.id{
	font-size: 18px;
	font-weight: bold;
}

#motdepasse{
	background-color: #eae8e6;
	position: absolute;
	top: 55px;
	padding: 10px;
	text-align: center;
	right: 10%;
	display: none;
}

#motdepasse input{
	margin: 0;
}

#motdepasse dt{
	float: left;
	width: 160px;
}

#motdepasse dd{
	margin: 0;
	width: 100%;
}

#motdepasse #loginform{
	margin: 0;
}

#motdepasse label{
	display: initial;
}

.coordonneesPanier{
	float: left;
	width: 50%;
}

.coordonneesPanier td{
	padding: 3px;
}

#demandeChangement{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}

.panierHeader{
	font-size: 18px;
	background-color: #db011c;
	color: #fff;
}

.contenuTable{
	padding: 3px;
	background-color: #e5e5e5;
}

/*PAGE DETAIL COMMANDE*/

.x-panel-header{
	display: none;
}

#enteteDetailCommande{
	background-color: #5b5b5b;
	background-image: url(/medias/images/new_manager/shared/nav/repeat.jpg);
	background-repeat: repeat-x;
	font-size: 18px;
	color: #fff;
	height: 28px;
	padding: 5px;
}

#enteteDetailCommande p{
	margin: 8px 0 0 10px;
	float: left;
}

#ohead{
	background-color: #e4e4e4;
	width: 95%;
	margin: 20px auto;
	padding: 10px;
	color: #000;
}

#infosCommande{
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 32%;
}

#infosCommande .adresse{
	text-transform: uppercase;
	margin: 0;
}

#ohead .separateur{
	border-right: dotted #5b5b5b 1px;
	margin-right: 10px;
}

#olines{
	margin-top: 25px;
}

.intitule {
	color: #000;
	border-bottom: 2px solid #e4e4e4;
	padding-bottom: 10px;
	font-weight: bold;
}

table.lines .even td {
	background-color: #a1a1a2;
}

.sous_tab_order th, .sous_tab_order td{
	font-size: 16px;
}

.panierHeader td{
	padding-top: 5px;
}



/*PAGES DECLARATION*/
/*
#inDeclaration #submit,
#resumeDeclaration #submit{
	background-color: #72839f;
	color: #fff;
	padding: 5px;
}
*/
#inDeclaration #submit a{
	text-decoration: none;
}

#inDeclaration #submit a:hover{
	text-decoration: none;
}

/*
PANIER
*/

.block{
	display: block;
}

.none {
	display: none;
}

.Small {display: none;}

/*
SAV
*/

#fenetreContact{
	float: left;
	width: 50%;
}

#fenetreContact #message{
	width: 400px;
	height: 150px;
}

#fenetreContact  dt{
	font-weight: bold;
}
#fenetreContact  dd{
	margin-left: 0px;
}

#fenetreContact #loginform{
	width: 100%;
	text-align: left;
}

#sendsav{
	background-color: #000;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 45px;
	border: 0;
	/*margin-top: 10px;*/
	cursor: pointer;
}

/*
REGLEMENT
*/

#fenetreTexte td{
	padding: 5px;
}

/*
CONTACT
*/

#tableContact{
	margin-left: 50px;
	width: 50%;
	background-color: #d4e5ea;
	padding: 10px;
	margin-top: 20px;
}

#tableContact dt{
	width: 50px;
	margin-top: 20px;
}

#tableContact dd{
	float: left;
	margin-left: 70px;
	margin-top:-15px;
}

#contactIndigo{
	color: #db011c;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	margin-top: 150px;
}

/*
COORDONNEES
*/
#adresses-label{
	display:none;
}

#adresses-element{
	margin: 0px;
}

#tableCoordonnees{
	width: 80%;
	background-color: #eae8e6;
	padding: 10px;
	margin: 20px auto 0 auto;
}

#tableCoordonnees #formulaire{
	margin-left: 100px;
}

#tableCoordonnees fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}

#tableCoordonnees dt{
	width: 165px;
	float: left;
	margin-top: 7px;
}

#tableCoordonnees dd{
	margin-left: 100px;
}

#tableCoordonnees label{
	width: 165px;
}

#tableCoordonnees legend{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #d4e5ea;
}

#tableCoordonnees #civilite-Madame,
#tableCoordonnees #civilite-Monsieur{
	vertical-align: sub;
	margin-bottom: 7px;
}

#tableCoordonnees #nom,
#tableCoordonnees #prenom,
#tableCoordonnees #mobile,
#tableCoordonnees #email,
#tableCoordonnees #adresses-facturation-rsoc,
#tableCoordonnees #adresses-facturation-frue1,
#tableCoordonnees #adresses-facturation-frue2,
#tableCoordonnees #adresses-facturation-fcpostal,
#tableCoordonnees #adresses-facturation-fville,
#tableCoordonnees #adresses-livraison-rue1,
#tableCoordonnees #adresses-livraison-rue2,
#tableCoordonnees #adresses-livraison-cpostal,
#tableCoordonnees #adresses-livraison-ville{
	width: 400px;
}

#adresses-label, #livraison-label, #facturation-label{
	display:none;
}

#tableCoordonnees #adresses-element, #tableCoordonnees #livraison-element, #tableCoordonnees #facturation-element{
	margin:0px;
	margin-left:0px;
}

/**
 * fleche ajoutee aux panneaux lateraux panier,adresse,confirm
 */
.fleche{
	background: url(fleche_noire.png) no-repeat top right;
}

.drawer-handle{
	background-image: url(slider-bg-1.png);
}

.squarecolor{
	width:20px;
	height:20px;
	display:inline-block;
	margin:5px;
	padding:10px;
	cursor:pointer;
}

.infoParticipant{
	font-size: 16px;
	margin: 0;
}

.infoParticipant span{
	font-weight: bold;
}

.lfProduct{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#popup2{
	display: none;
	width: 902px;
	margin: 10px auto;
}

#boutonsPanier a{
	text-decoration: none;
}

.coordonneesPanier label, #saveOrderForm label{width: inherit;}

#phoneField{
	display: inline-block;
}

#categories {
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
	width: 100%;
}
#categories ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
}
#categories li {
	padding-left: 20px;
	float: left;
	width: 20%;
}
#categories li li {
	max-height:0;
	overflow: hidden;
	transition: all .5s;
	border-radius:0;
	background: #444;
	box-shadow: none;
	border:none;
	margin:0
}
/*#menu-accordeon a {
	display:block;
	text-decoration: none;
	color: #fff;
	padding: 8px 0;
	font-family: verdana;
	font-size:1.2em
}*/
#categories ul li a, #categories li:hover li a {
	font-size:1em;
}
#categories li:hover {
	/*background: #729EBF*/
}
#categories li li:hover {
	background: #999;
}
#categories ul li:last-child {
	border-radius: 0 0 6px 6px;
	border:none;
}
#categories li:hover li {
	max-height: 15em;
}


/*SHOWROOM*/

#showroom label{
	width: 90%;
}

.imageShowroom{
	float:left;
	width:30%;
	text-align: center;
}

.imageShowroom img{
	border: solid 1px #e5e5e5;
	padding: 10px;
	margin-left: 35px;
}

#btGalerie{
	float: right;
	min-height: 1.42857143em;
	margin-top: 10px;
	padding: 3px 10px;
	font-size: 14px;
	line-height: 1.2em;
	background-color: #72839f;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

#btGalerie a{
	color: #fff;
}

#btGalerie a:hover{
	text-decoration: none;
}


/*INFOS PRODUITS*/

.produitIS{
	width: 30%;
	float: left;
	font-size: 14px;
	text-align: center;
	border: solid 1px #e5e5e5;
	padding: 10px;
}

#menuRubriques{
	/*margin: auto 0 0 0;*/
	float:left;
	color: #fff;
	width:100%;
}

#menuRubriques p{
	margin: 0 10px 0 15px;
}

#menuRubriques a{
	color: #fff;
	text-decoration: none;
}

#rubrique1,
#rubrique2,
#rubrique3,
#rubrique4{
	width: 500px;
	background-repeat: no-repeat;
	background-position: left center;
	/*POUR 5 FLECHES
        height: 65px;
        padding-top:15px;	*/
	/*POUR 4 FLECHES*/
	height: 84px;
	padding-top: 18px;
	
}

#rubrique1:hover, #rubrique2:hover, #rubrique3:hover, #rubrique4:hover, #rubrique5:hover, #rubrique6:hover, #rubrique7:hover{width:550px;}
#smallrubrique1, #rubrique1{background-image: url('../fleche1.png');}
#smallrubrique2, #rubrique2{background-image: url('../fleche2.png');}
#smallrubrique3, #rubrique3{background-image: url('../fleche3.png');}
#smallrubrique4, #rubrique4{background-image: url('../fleche4.png');}


.nomRubrique{
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	font-weight: lighter;
}

.lien{
	font-size: 14px;
	line-height: 15px;
}
#vignetteAccueil{
	float:left;
	/*	position: absolute;*/
	top: 0;
	/*left: 500px;*/
	bottom: 0;
	z-index:-10;
}

#zoomFiche{
	font-size: 14px;
}

#photoarticle{
	margin-right: 31px;
}

.txtBtPanier{
	font-size: 24px;
}

.refProduit{
	font-size: 14px;
}

.nomProduit{
	font-size: 30px;
}

#caracteristiquearticle{
	width: 60%;
}

#texteProduit{
	min-height: 335px;
}

/*PAGE COMMENT GAGNER DES POINTS**************************/

#gagnerPoints{
	margin: 0 auto;
}

#gagnerPoints tbody{
	color: #ffffff;
}

#gagnerPoints td{
	padding: 5px;
}


/*PAGE RECAPITULATIF ******************/

#pageTextePanier h3{
	font-size: 36px;
	color: #db011c;
	margin: 0 0 20px 0;
	padding-top: 20px;
}


/* On force l'affichage � 100% pour les bigsize (Utilisez dans toutes les pages � l'exception de l'Index.*/
.bigsize
{
	width:100% !important;
}

#innerQuestionnaire label{
	width: 500px;
}

.menu_mobile_moncompte{
	display:none;
}


@media (max-width: 1400px){
	.catalogue_smallform-control {
		width: auto !important;
	}
}


/***************************************************/
/***** SCREEN UNDER 960px **************************/
/***************************************************/


@media screen and (max-width: 960px) {
	
	.bigsize {
		width: 95% !important;
		
		
	}
	.classpopupnoel {
		margin: 200px auto !important;
		position: relative !important;
		right: 0px !important;
	}
	.overlaynoel {
		background: rgba(0, 0, 0, 0.5) !important;
	}
	.text-bouton {
		font-size: 14px !important;
	}
	
	#catalogue-catalogue #btn-menu-mobile {
		width: 50px;
		height: 50px;
		border: 1px solid gainsboro;
		margin-top: 15px;
		border-radius: 5px;
		padding-top: 13px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#catalogue-catalogue #btn-panier {
		background-color: #ffffff;
		background-image: url(../picto_panier.gif);
		width: 50px;
		height: 50px;
	}
	
	#blockValeurFiche{
		
		float: initial !important;
		width: 100% !important;
		padding-top: 17px;
	}
	#enteteFiche p {
		margin: 0;
		float: left;
		padding-top: 18px;
	}
	
	
	#footer{
		height:auto;
		padding-left:5px;
		padding-right:5px;
		width: 95%;
	}
	
	#index-reglement #fenetreTexte ol{
		padding: 0;
		list-style-type: none;
		
	}
	
	#motdepasse{
		right: 0px!important;
	}
	#motdepasse .bouton2{
		padding : 0px ;
	}
	
	#addToCartForm .qteplus,#addToCartForm .qtemoins {
		left: 0px !important;
	}
	
	#coteDroitLogin {
		width: 100% !important;
	}
	.nomProduit {
		font-size: 20px !important;
	}
	/*#gobt{*/
	/*	padding-bottom: 23px;*/
	/*}*/
	/* Layout */
	#logois
	{
		float:right;
		margin-top:0px !important;
		margin-right:10px;
	}
	#logois img{
		height: 50px !important;
	}
	#passbox #renewlink button {
		margin-left: 0px;
	}
	#index-index #logois
	{
		margin-right:10px;
	}
	#menu_telephone{
		height: 134px;
	}
	#login, #passwd, #apasswd, #chkpasswd, .form-control, #loginform #passwd {width: 95% !important;}
	#coteGaucheLogin {display: none;}
	.Small {display: block;}
	#menu1, #menu2, .hautlogout, #btPanier, #deconnexion {display:none;}
	#contenuGauche {}
	#supercontainer {width: 95%; margin: 0 auto;}
	.form-control{ padding: 3px; font-size: 12px;}
	label { width: 90%;}
	/*#renewlink label, #loginform label { display: none; }*/
	#loginform {
		width: 90%;
		margin: 0 auto;
	}
	#passbox {
		width: 90%;
		margin: 0 auto;
	}
	#coteGauche {width:100%;}
	#coteDroit { display: none;	}
	#contenu{ min-height: 400px;padding-top: 20px;}
	
	/*Login*/
	#bodyLogin #coteGauche{width:100%; text-align: -webkit-center; float: inherit;}
	#logoLogin img {width: 90%;max-width: 350px;}
	#loginform #passwd{margin-left: 0;}
	#passwd {margin-left: 0px;}
	/*	#loginform { margin: 80px 10px;}*/
	#contactLogin {
		width: 100%;
	}
	#loginform button {margin: auto;}
	
	/* COORDONNEES */
	#tableCoordonnees{width: 100%;padding: 5px !important; margin: 0pc !important;}
	#tableCoordonnees #formulaire{margin-left: 0px;}
	#tableCoordonnees label, #tableCoordonnees dt{display:none;}
	#tableCoordonnees dd{margin-left: 5px;}
	#tableCoordonnees legend{font-size: 18px;margin-top: 5px;margin-bottom: 5px;}
	#adresses-label, #livraison-label, #facturation-label,#tableCoordonnees #nom,
	#tableCoordonnees #prenom,
	#tableCoordonnees #mobile,
	#tableCoordonnees #email,
	#tableCoordonnees #adresses-facturation-rsoc,
	#tableCoordonnees #adresses-facturation-frue1,
	#tableCoordonnees #adresses-facturation-frue2,
	#tableCoordonnees #adresses-facturation-fcpostal,
	#tableCoordonnees #adresses-facturation-fville,
	#tableCoordonnees #adresses-livraison-rue1,
	#tableCoordonnees #adresses-livraison-rue2,
	#tableCoordonnees #adresses-livraison-cpostal,
	#tableCoordonnees #adresses-livraison-ville{width:90%;}
	#tableCoordonnees #adresses-element, #tableCoordonnees #livraison-element, #tableCoordonnees #facturation-element{margin:0px;margin-left:0px;}
	#tableCoordonnees dt#reception_info-label, #reception_info-label label, #reception_info-element label{display:inline-block; float:inherit;width:90%;}
	#tableCoordonnees dt#distributeur-label, #distributeur-label label, #distributeur-element label{display:inline-block; float:inherit;width:90%;}
	/* INDEX */
	#menuRubriques {width:100%;}
	#menuRubriques div {width: 90%; background-position: right center; background-size: cover;}
	#rubrique1:hover, #rubrique2:hover, #rubrique3:hover, #rubrique4:hover, #rubrique5:hover, #rubrique6:hover, #rubrique7:hover{width:100%;}
	
	/* MENU CATALOGUE */
	#smallrubrique1, #smallrubrique2, #smallrubrique3, #smallrubrique4, #smallrubrique5, #smallrubrique6, #smallrubrique7 {padding-top:10px; padding-left:10px; height:70px; background-repeat:no-repeat; background-position: right center; width:90%; background-size:cover;}
	#smallrubrique1:hover, #smallrubrique2:hover, #smallrubrique3:hover, #smallrubrique4:hover, #smallrubrique5:hover, #smallrubrique6:hover, #smallrubrique7:hover {width:100%;}
	.nomRubrique{font-size: 20px;margin: 5px;}
	/* CATALOGUE */
	.catalogue_smallform-control {
		margin-top: 0px !important;
	}
	#addBt{margin-top: 0px;float:left; width:50px; height:auto; position: inherit;}
	.qtemoins img, 	.qteplus img {width: 25px; height: 25px;}
	.produit img {width:100%; height:100%; max-height: 150px; max-width: 150px;}
	.tableQuantite{width:100%;margin-top:5px;}
	.tableQuantite img{margin: 0;}
	.tableQuantite{margin:inherit;}
	.tableQuantite .qteplus, .tableQuantite .qtemoins {font-size:200%;}
	#barre{ margin: 5px !important;}
	#choix, #rtheme, #nbpage {width:100%;clear:both;}
	#slider1 {width:90%;clear:both;}
	#nbpage, #rtheme, #mclef {float:inherit;}
	#slider1{position: inherit; }
	#rtheme{border-left: inherit; padding-left: 0px; top: 0; line-height: inherit; position: inherit; left: 0px; text-align: left;}
	#mclef {top: 0px; border-left: inherit; padding-left: 0px; line-height: 20px;position: inherit; left: 0px;	}
	#blocCadeauxSelection, #choixAlacarte, #encadreAlacarte, #encadreChequesB, #encadreIntroCadeaux, #encadreCadeaux, #blocCadeaux {width: 95%; margin: 0px; padding: 10px 10px; margin-top: 5px; height: inherit;}
	#commande-panier .produitRes {width:45%;}
	#boutonsPanier .bouton {width:100%;}
	form button.smallbutton {
		font-size: 10px;
		border: none;
		border-radius: 5px;
		color: #000000;
		background-color: #72839f;
		text-align: center;
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-weight: bold;
		margin: auto;
	}
	.titreRubrique{
		font-size: 20px;
	}
	.id{
		font-size: 14px;
		text-align: left;
	}
	
	#encadreIntroCadeaux, #encadreCadeaux
	{
		min-height: 150px;
	}
	
	#encadreCadeaux{
		text-align: center;
	}
	#encadreCadeaux img
	{
		max-width: 100%;
		width: auto;
		height: auto;
	}
	#encadreIntroCadeaux img
	{
		max-width: 10%;
		width: auto;
		height: auto;
	}
	.form-small{width: 10%;}
	.form-small-basket{ width:30%;}
	
	.pull-right {float: right !important;}
	#btn-panier, #btn-menu-mobile {display: inline-block; margin-left: 3px;}
	#btn-panier {background-color: #ffffff; background-image: url('../picto_panier.gif'); width: 38px; height: 38px; margin-top: 15px; border-radius: 5px; padding-top: 13px; padding-left: 5px; padding-right: 5px; background-repeat: no-repeat;background-position: center; border:1px solid gainsboro;background-size: 36px;}
	#btn-menu-mobile {width: 40px; height: 40px; border:1px solid gainsboro; margin-top: 15px; border-radius: 5px; padding-top: 13px; padding-left: 5px; padding-right: 5px;}
	.bar-menu-mobile {width: 100%; height: 3px; margin-bottom: 3px; background-color: #000000;}
	#menu-mobile { padding-top: 10px; padding-bottom: 10px;  background-color: #FFFFFF; border:1px solid #72839f; display: none; position: relative; width: 100%;}
	#menu-mobile a{color: #000000; font-size: 14px;}
	#menu-mobile ul{list-style: none; margin: 0px; padding: 5px;}
	#menu-mobile li{margin-bottom: 7px;}
	#menu-mobile li hr {border:1px solid #72839f;}
	#menu-mobile img{padding-right:5px; width: 20px;}
	
	#logo img{padding-top: 5px;}
	#entete{max-height: 110px; min-height: 80px;}
	
	.qtemoins img, 	.qteplus img
	{
		width: 25px;
		height: 25px;
	}
	.produit img
	{
		width:100%;
		height:100%;
		max-height: 150px;
		max-width: 150px;
	}
	#ficheChequesB
	{
		min-height: 220px;
	}
	#aDroite
	{
		margin-bottom: 10px;
	}
	
	.bouton2 {
		width: 100%;
		margin: 10px auto 0 auto;
		white-space: nowrap;
	}
	
	#ColonneDroite
	{
		width: 100%;
	}
	#coordonnees img
	{
		display: none;
	}
	
	#motdepasse{
		position: relative;
		top: 0;
		margin-left: 0;
		width: 95%;
		padding: 10px;
		display: none;
	}
	#motdepasse dd
	{
		float: inherit;
		width: 100%;
	}
	form#changePass .jqbutton
	{
		width: 90%;
	}
	#fenetreContact{
		float: inherit;
		width: 100%;
	}
	#faq{
		width: 90%;
		min-height: 480px;
		margin-left: 20px;
		margin-top: 20px;
		overflow-y: inherit;
		font-size: 12px;
		padding: 5px;
	}
	#client-sav #contenu
	{
		display: inline-block;
	}
	#panier,
	#commande-panier #blocCadeaux{
		width: 90%;
		margin: 0 auto;
	}
	.produit, #encadreSurMesure
	{
		width: 45%;
		padding: 0px;
		height:inherit;
	}
	#enteteFiche{width: 95%; margin-left: 20px; border-top: 0px solid #e5e5e5;	border-bottom: none; min-height: 70px; padding: 10px 0;}
	#enteteFiche p{margin: 0;float:left;}
	#zoomFiche, .refProduit{display:none;}
	.nomProduit{font-size: 24px; float:left;width:100%;}
	/*#valeurFiche{font-weight: bold; width:100%;	float: right; font-size: 24px; text-align: left;margin-top: 0px;}*/
	/*#valeurFiche{margin:0;}*/
	#marqueFiche{display:none;}
	#marqueFiche img{margin-left: 90px;}
	#addToCartForm{height: 80px;color: #fff;position: relative;right: inherit;padding: 10px;width: 95%;float: none;margin: auto;text-align: center; }
	#qteHolder{float: left;	margin-right: inherit; width: 70%;}
	#qteHolder td{vertical-align: middle;}
	.txtBtPanier{font-size: 18px; font-weight: bold;line-height: 0px;float:left;width:90%;text-align:left;}
	
	
	#blocFiche{width: 95%; margin: 20px 0 0 0;}
	#photoProduit{padding: 10px; border: none; width: 100%; margin:auto;text-align:center;}
	#photoProduit img{width: 95%;height:95%; margin:10px;}
	#photoProduit .jqZoomPup{display:none;}
	#texteProduit{font-size: 14px; line-height: 20px;margin-left: 0px;;border:0px solid #e5e5e5;padding: 10px;height: 250px;overflow-y: scroll;width: 100%;}
	#texteProduit p, #texteProduit li{margin: 0;}
	#ref{float: right;font-size: 16px;}
	.soustitre{font-size: 20px;	border-bottom: solid #db011c 1px;}
	#coloris{ margin-left: 0px; width: 100%;}
	#coloris .soustitre{margin-bottom: 10px;}
	.squarecolor {width:20px; height:20px; display:inline-block; margin:5px;padding:10px;cursor:pointer;}
	.declinaison{top: 0;position: absolute;left: 0;}
	#popup2
	{
		width: 90%;
		padding: 20px 40px;
	}
	#boutonsPanier .bouton2, #boutonsAdresse .bouton3
	{
		width: 72%;
	}
	#boutonsAdresse .bouton3{
		width: 80%;
	}
	#boutonsPanier, #boutonsAdresse
	{
		margin: inherit;
	}
	.smallform-control {display: initial; width: 33%; height: 1.42857143em; margin-top:-10px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143em; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/}
	.smallform-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
	.smallform-control::-moz-placeholder {color: #999999; opacity: 1;}
	.smallform-control:-ms-input-placeholder {color: #999999;}
	.smallform-control::-webkit-input-placeholder {color: #999999;}
	.smallform-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
	.smallform-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}
	.smallform-control[type="radio"]{width: 10%; margin-top:-20px;}
	#saveOrderForm .coordonneesPanier label{ padding-left: 50px; text-decoration:underline;}
	.coordonneesPanier{float:left;width:100%; margin-bottom:20px;font-size:12px;}
	#orderform a.bouton2 {width: 80%;display: inline-block;margin-bottom: 10px;text-align: center;}
	
	top_formulaire{
		font-size: 24px;
	}
	#Envoyer-element #SendSubmit{
		padding: 0;
		margin-left: -25px;
	}
	
	h3{
		text-align: left;
		font-size: 18px;
		margin: 10px 0;
	}
	#hautdepage{
		bottom: 15px;
		top: inherit;
	}
	#categories li {
		
		float: left;
		width:100%;
	}
	#categories a
	{
		margin-left: inherit;
		float: inherit;
		width: 100%;
		
	}
	#categories li ul li
	{
		width: 70%;
	}
	.top_formulaire img{
		display: none;
	}
	.top_formulaire
	{
		padding-left: 5px;
		padding-bottom: 5px;
	}
	
	#contactIndigo
	{
		float: inherit;
		width: 98%;
		margin-top: 0px;
	}
	
	.produitIS{width:45%;}
	.produitIS > img{width: 90%;}
	
	#tableau_moncompte{
		width: 100% !important;
	}
	.moncompte_menu_big{
		display:none;
	}
	.menu_mobile_moncompte{
		display: block;
	}
	.menu_mobile_moncompte div{
		border-bottom: 1px solid #db011c;
	}
	
}
/***************************************************/
/***** SCREEN UNDER 600px **************************/
/***************************************************/

@media screen and (max-width: 600px)
{
	/*Login*/
	#bodyLogin #coteGauche{width:100%;}
	.produit {width: 100%;}
	#commande-panier .produitRes {width:100%;}
	#encadreSurMesure {width: 100%;}
	.produitIS{width:90%;}
	.produitIS > img{width: 90%;}
	.nomRubrique{ font-size: 18px;}
	#menuRubriques a{ font-size: 12px;}
	
	
	#logois img {
		height: 38px !important;
	}
	#img_logo_soideal{
		width: 169px !important;
	}
	.qte_lot_info {
		width: 37% !important;
		/*margin-top: 0px;*/
	}
}

.bgpionner{
	background: #db011c;
	color:#ffffff;
}

.buttonpionner {
	border: none;
	border-radius: 5px;
	color: #ffffff;
	background-color: #f06024;
	text-align: center;
	min-width: 90px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	margin: auto;
}
.alert, .zend_form ul.errors {position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-danger, .zend_form ul.errors { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; list-style: none;}
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba;}

#passwordform label{display: none;}