/* CSS Document */

body{background:url(../images/bg-global-rouge.jpg) repeat-y center #eb490d;}

h1{background-image:url(../images/ligne-h1.png); background-repeat:no-repeat; background-position:185px 22px; margin-bottom:10px;}

#plan-coordonnees{float:left; width:930px; height:452px; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15);box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15); background-image:url(../images/coin.png); background-repeat:no-repeat; background-position:left top;-webkit-border-top-left-radius: 35px;-moz-border-radius-topleft: 35px;border-top-left-radius: 35px;}
	#google-map{float:left; width:646px; height:432px; padding:20px 0 0 20px;}
	#google-map ul{margin:10px 0 0 75px; padding:0}
	#google-map li{float:left; list-style-type:none;}
	#google-map li img{display:block; border:none; margin:0 20px 0 20px; max-height:27px}
		#map_canvas{width:629px; height:384px}

	#contacts{float:left; width:254px; height:442px; background-image:url(../images/bg-coordonnes-plan.png); text-align:center; padding:5px}
	#contacts div img:first-child{margin-top:10px}
	#contacts p{float:left; width:254px; height:auto; margin-top:9px; color:white;}
	#cartes-de-paiement{float:left; width:100%; height:auto;}
	#cartes-de-paiement ul{margin:-10px 0 -10px 20px; padding:0; text-align:center; height:auto;}
	#cartes-de-paiement ul:nth-child(2) li:nth-child(1){margin-left:55px;}
	#cartes-de-paiement li{list-style-type:none; float:left; margin-right:10px; margin-bottom:0;}
	#contacts a img{margin-top:10px;}


	.adresse{background-image:url(../images/ico-epingle.png); background-repeat:no-repeat; background-position:15px top;font-weight:bold; font-size:23px;line-height:23px;}
	.horaires{font-size:20px; font-weight:lighter; font-style:italic; line-height:20px;}
	.telephone{padding-left:0; background-image:url(../images/ico-tel_plan.png); background-repeat:no-repeat; background-position:15px 12px; font-weight:bold; font-size:25.5px; font-style:italic; margin-bottom:15px;}

	.num-indigo{display:block; float:left; width:187px; height:25px; background-image:url(../images/bg-num-indigo.png); background-repeat:no-repeat; background-position:top center; background-size:contain; margin:10px auto 16px 40px; text-align: left;}
	.span-indigo{display:inline-block; margin-left:5px; font-family: arial; font-weight:bold; color:#A50F78; line-height:25px; font-size:15px;}
	.span-tarif-indigo{margin-left:97px;font-weight:bold; font-style:italic; color:#FFFFFF; line-height:11px; font-size:9px;}

	#btn-imprimer_plan{float:left; margin-left:202.5px; width:241px; height:21px; background-image:url(../images/btn-imprimer_plan.png); background-repeat:no-repeat;text-align:center;padding-top:5px;}
	#btn-imprimer_plan a{width:241px; height:26px; color:white; font-weight:bold;  text-decoration:none; font-size:13px; text-shadow: 0px 1px 1px #000; filter: dropshadow(color=#000, offx=0, offy=1);}

	#btn-imprimer_plan_tab{float:left; margin-left:202.5px; width:241px; height:21px; background-image:url(../images/btn-imprimer_plan.png); background-repeat:no-repeat;text-align:center;padding-top:5px;}
	#btn-imprimer_plan_tab a{width:241px; height:26px; color:white; font-weight:bold;  text-decoration:none; font-size:13px; text-shadow: 0px 1px 1px #000; filter: dropshadow(color=#000, offx=0, offy=1);}

#contenu h2{color:#f38622; font-size:20px; text-align:left; background-image:url(../images/ligne-h2.png); background-repeat:no-repeat; background-position:left center; padding-left:115px}

#accessibilite{float:left; width:100%; height:auto; margin-top:20px;}
#accessibilite-ligne1{float:left; width:auto; height:auto;}
#accessibilite-ligne1 ul{float:left; margin:10px 100px 0 20px; padding:0; width:215px;}
#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:5px;}
#accessibilite-ligne1 ul:nth-child(3){float:right; width:241px; margin:10px 0 0 0}
#accessibilite-ligne1 li{list-style-type:none; height:45px; vertical-align:middle;}
#accessibilite-ligne1 li img{float:left; margin-right:5px;}
#accessibilite-ligne1 li img:first-child{float:left;width:34px; height:34px;}
#accessibilite-ligne1 li p{font-size:18px; font-weight:bold; margin-left:5px; height:34px; line-height:34px;}

#accessibilite-ligne2{float:left; margin-left:20px; margin-top:30px; width:100%; max-height:68px}
#accessibilite-ligne2 img:nth-child(1){float:left; max-height:27px}
#accessibilite-ligne2 ul{margin:0; padding:0}
#accessibilite-ligne2 ul:nth-child(2){float:left; max-width:350px !important;}
#accessibilite-ligne2 ul:nth-child(3){float:left;}
#accessibilite-ligne2 img:last-child{float:left; max-height:27px;}
#accessibilite-ligne2 li{list-style-type:none; height:30px; max-width:350px !important}
#accessibilite-ligne2 li p{font-size:18px; font-weight:bold; margin-left:5px; height:34px; line-height:34px;}
#accessibilite-ligne2 li p span{font-weight:lighter; font-style:italic}
	#velib{float:left;}
	#autolib{float:right;}

#je-viens-pour-acheter{float:left; width:100%; height:auto; margin-top:40px;}
#je-viens-pour-acheter :nth-child(2){margin-right:6px;}
#je-viens-pour-acheter h2{margin-bottom:10px;}
#je-viens-pour-acheter h3{color:#c1041a; border-bottom:4px solid white; margin:0 2px 0 2px; height:45px; line-height:45px; text-shadow: 0px 0px 2px #FFF; filter: dropshadow(color=#FFF, offx=0, offy=0);}

.colonne-contacts{float:left; width:303px; height:610px; border:1px solid #CCC; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; text-align:center; background:url(../images/bg-box-conseils-contact.png) repeat-x}
.colonne-contacts img:nth-child(1){float:none;margin:20px 0 20px 0;}
.colonne-contacts img:nth-child(3){float:left; margin:10px 10px 10px 20px;}
.colonne-contacts p{color:black; font-size:16px; margin:0 20px 0 20px; text-align:justify; line-height:16px; width:263px; height:auto;}
.colonne-contacts:nth-child(2) p:nth-child(4){float:left; width:130px; margin:40px 0 0 0;}
.colonne-contacts:nth-child(3) p:nth-child(4){float:left; width:130px; margin:25px 0 0 0; text-align:left;}

.box-conseils-malins{float:left; width:100%; height:auto;margin:20px}
.box-conseils-malins div:first-child{position:absolute; width:170px; height:27px; background-image:url(../images/contact-box-conseils-malins-sourire.png); background-repeat:no-repeat; background-color:white; background-position:143px 0px;margin-left:10px; margin-right:10px;}
.box-conseils-malins div:last-child{float:left; width:240px; height:auto; border:2px solid #0e59a9; -webkit-border-radius: 10px; border-radius: 10px; margin-top:10px; padding:10px;}
.box-conseils-malins div p{font-weight:bold; width:auto; height:auto; margin:10px 0 10px 0}
.box-conseils-malins div:first-child img{float:left; width:21px; height:26px;}
.box-conseils-malins div:first-child h5{float:left; -webkit-border-radius: 10px; border-radius: 10px; background-color:#0e59a9; color:white; width:136px; height:21px; font-size:16px; line-height:20px;}

#dernier-conseil{float:left; width:930px; height:auto; text-align:center; margin-top:20px;}
#dernier-conseil p{font-size:28px; font-weight:normal; width:930px;color:#f38622; line-height:28px;}

#logo-bm-impression{margin-top:10px;}
#contacts-ul2-impression{margin-left:75px !important}
#btn-print-impression{margin-left:auto; margin-right:auto;margin-top:20px; width:200px; height:50px; position:absolute; margin-left:720px;}
.impression-col{height:400px; background:none;}
.impression-col img:nth-child(3){float:left;margin-left:20px;}
.impression-col p:nth-child(4){float:left; width:100px}
.impression-col p:nth-child(5){float:left; margin-left:20px !important; width:250px !important}

/**
************ Button
*/

.btn-tab {
	color: #FFFFFF;
	font-size: 1.3rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #C0C0C0;
	border: 0;
	border-radius: 2px;
	padding: 7px 18px 7px 18px;
}

.btn-tab.bg-bleu-btn {
	background-color: #0091EA;
}

.btn-tab.bg-bleu-btn:hover {
	background-color: #00B0FF;
}

.btn-tab.bg-vert-btn {
	background-color: #43A047;
}

.btn-tab.bg-vert-btn:hover {
	background-color: #00C853;
}

.btn-tab.bg-orange-btn {
	background-color: #EF8200;
}

.btn-tab.bg-orange-btn:hover {
	background-color: #FFA000;
}

.btn-shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.18);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.btn-shadow:hover {
	cursor: pointer;
	box-shadow: 0 3px 7px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.17);
}

/**
************ Common
*/

.separator-body {
	min-height: 1px;
	border-top: #37474F solid 2px;
	margin: 0.5rem 1rem;
}

#avertissement p,
#infomagasin p,
#commander-en-ligne p,
#notes-avertissement p {
	float: none;
	width: 100% !important;
	margin-left: 0;
}

#avertissement h2,
#infomagasin h2,
#commander-en-ligne h2,
#notes-avertissement h2 {
	font-weight: bold;
	line-height: initial;
}

.bold {
	font-weight: bold;
}

.center-txt-align {
	text-align: center;
}

/**
************ Warning
*/

#avertissement,
#infomagasin {
	float: left;
	width: 930px;
	border: #FFC107 solid 3px;
	margin: 0.7rem 0;
}

#infomagasin {
	border: #00E676 solid 3px;
}

#avertissement .warning-header,
#infomagasin .warning-header {
	background-color: #FFC107;
	padding: 0.8rem 0;
}

#infomagasin .warning-header {
	background-color: #00E676;
}

#avertissement .warning-header .warning-titre,
#infomagasin .warning-header .warning-titre {
	font-size: 1.75rem;
	text-transform: uppercase;
	color: black;
	background-image:url(../images/ico-notification.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: 3% 0;
	padding-left: 6rem;
	margin: 0;
}

#avertissement .warning-body,
#infomagasin .warning-body {
	width: 100%;
	text-align: center;
	padding: 1rem 0;
}

#avertissement .warning-body .separator-body,
#infomagasin .warning-body .separator-body {
	border-top: #B0BEC5 solid 2px;
}

#avertissement .warning-body .warning-intro,
#infomagasin .warning-body .warning-intro {
	font-size: 1.8rem;
	font-weight: bold;
}

#avertissement .warning-body .warning-message,
#infomagasin .warning-body .warning-message {
	font-size: 2rem;
	color: #FF1744;
	text-transform: uppercase;
	font-weight: bold;
	margin: 1rem 0;
}

#avertissement .warning-body .warning-note,
#infomagasin .warning-body .warning-note {
	font-size: 1.1rem;
	text-align: left;
	padding: 0 15%;
}

#avertissement .warning-body .warning-note > ul,
#infomagasin .warning-body .warning-note > ul {
	padding-left: 2rem;
	margin: 0.6rem auto;
}

#avertissement .warning-body .warning-note a,
#infomagasin .warning-body .warning-note a {
	font-weight: bold;
	color: blue;
}

#avertissement .warning-body .warning-subnote,
#infomagasin .warning-body .warning-subnote {
	font-size: 1rem;
	font-style: italic;
}

/**
************ Partenaire
*/
#commander-en-ligne {
	float: left;
	width: 930px;
	border: #1565C0 solid 3px;
	margin: 0.5rem 0;
}

#commander-en-ligne .commander-header {
	background-color: #1565C0;
	padding: 0.8rem 0;
}

#commander-en-ligne .commander-header .commander-titre {
	font-size: 1.75rem;
	text-transform: uppercase;
	color: white;
	background-image:url(../images/camion-livraison-blanc-fil.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: 3% 0;
	padding-left: 8rem;
	margin: 0;
}

#commander-en-ligne .commander-body {
	width: 100%;
	min-height: 20rem;
	text-align: center;
	background-image:url(../images/tampon-poste.jpg);
	background-repeat:no-repeat;
	background-size: 25%;
	background-position: 94% 3%;
}

#commander-en-ligne .commander-body .logo-partenaire img {
	width: 30%;
}

#commander-en-ligne .commander-body .separator-body {
	border-top: #B0BEC5 solid 2px;
}

#commander-en-ligne .partenaire-livraison {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	align-content: space-around;
	align-items: stretch;
	padding: 0.3rem 1rem;
}

#commander-en-ligne .pobix-slot {
	width: 20%;
}

#commander-en-ligne .divider-slot {
	width: 1px;
	border-left: #1565C0 solid 2px;
}

#commander-en-ligne .pobix-slot .icon-bg {
	height: 6.5rem;
	background-repeat:no-repeat;
	background-size: auto 65%;
	background-position: center center;
}

#commander-en-ligne .pobix-slot .icon-bg.pro-livraison {
	background-image:url(../images/ico-pbx-delivery.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-gamme {
	background-image:url(../images/ico-pbx-gamme-stock.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-equipe {
	background-image:url(../images/ico-pbx-equipe.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-qualite {
	background-image:url(../images/ico-pbx-qualite.png);
}

#commander-en-ligne .pobix-slot .icon-txt {
	color: #37474F;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 1.1rem;
}

#commander-en-ligne .commander-body .call-to-action {
	margin: 2rem 0;
}

#commander-en-ligne .commander-body .commande-note {
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.1rem 0;
}

/**
************ Note importante
*/

#notes-avertissement {
	float: left;
	width: 930px;
	border: #E53935 solid 3px;
	margin: 0.5rem 0 1rem 0;
}

#notes-avertissement .note-message {
	font-size: 1.3rem;
	font-weight: bold;
	color: #E53935;
	text-align: center;
	padding: 1rem 0;
}

/**
******************************************
*/

@media screen and (max-width:1150px){
	h1{margin-top:16px; background-position:147.4px 17.53px}

	#plan-coordonnees{width:741.3px; height:360.2px;}
		#google-map{width:514.9px; height:360.2px; padding:16px 0 0 16px;}
		#google-map ul{margin:8px 0 0 59.7px}
		#google-map li img{margin:0 16px 0 16px; max-height:21.5px}
		#map_canvas{width:501.3px; height:306px}

		#contacts{width:202.4px; height:352.3px; padding:4px}
		#contacts div img:first-child{margin-top:8px; max-width:194.5px}
		#contacts p{width:202.4px; margin-top:6px;}
		#cartes-de-paiement ul{margin:-15px 0 0 16px;}
		#cartes-de-paiement ul:nth-child(2) li:nth-child(1){margin-left:43.8px;}
		#cartes-de-paiement li{margin-right:8px; margin-bottom:3px;}
		#cartes-de-paiement li img{max-width:35.8px !important}
		#contacts a img{margin-top:8px; max-width:168.8px}

		.adresse{background-position:12px top; font-size:18.3px; line-height:18.3px; background-size:12px;}
		.horaires{font-size:16px; line-height:16px;}
		.telephone{background-position:12px 9.5px; font-size:20.32px; margin-bottom:20.32px;background-size:16.7px;}

		.num-indigo{display:block; float:left; width:187px; height:25px; background-image:url(../images/bg-num-indigo.png); background-repeat:no-repeat; background-position:top center; background-size:contain; margin:10px auto 16px 10px; text-align: left;}
		.span-indigo{display:inline-block; margin-left:5px;font-family: arial; font-weight:bold; color:#A50F78; line-height:25px; font-size:15px;}
		.span-tarif-indigo{margin-left:97px;font-weight:bold; font-style:italic; color:#FFFFFF; line-height:10px; font-size:9px;}

		#btn-imprimer_plan{margin-left:161.4px; width:192.1px; height:16.73px; padding-top:3px; background-size:192.10px auto}
		#btn-imprimer_plan a{width:192.1px; height:20.72px; font-size:10.36px;}

	#contenu h2{font-size:16px; padding-left:60px; background-size:auto 1px}

	#accessibilite{margin-top:16px;}
	#accessibilite-ligne1 ul{margin:8px 80px 0 16px; padding:0; width:171.3px;}
	#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:4px;}
	#accessibilite-ligne1 ul:nth-child(3){width:192.1px; margin:8px 0 0 0}
	#accessibilite-ligne1 li{height:35.8px;}
	#accessibilite-ligne1 li img{margin-right:4px; max-width:27.1px}
	#accessibilite-ligne1 li img:first-child{width:27.1px; height:27.1px;}
	#accessibilite-ligne1 li p{font-size:14.34px; margin-left:4px; height:27.1px; line-height:27.1px;}

	#accessibilite-ligne2{margin-left:16px; margin-top:23.9px; max-height:54.2px}
	#accessibilite-ligne2 img:nth-child(1){max-height:21.5px}
	#accessibilite-ligne2 ul:nth-child(2){max-width:278.9px !important;}
	#accessibilite-ligne2 img:last-child{max-height:21.5px;}
	#accessibilite-ligne2 li{height:23.9px; max-width:278.9px !important}
	#accessibilite-ligne2 li p{font-size:14.34px; margin-left:4px; height:27.1px; line-height:27.1px;}

	#je-viens-pour-acheter{margin-top:31.9px;}
	#je-viens-pour-acheter :nth-child(2){margin-right:4.8px;}
	#je-viens-pour-acheter h2{margin-bottom:8px;}
	#je-viens-pour-acheter h3{border-bottom:3px solid white; margin:0 1px 0 1px; height:35.8px; line-height:35.8px; font-size:15.1px}

	.colonne-contacts{width:241.5px; height:496.23px;}
	.colonne-contacts img:nth-child(1){margin:16px 0 16px 0;max-width:100%}
	.colonne-contacts img:nth-child(3){float:left; margin:8px 8px 8px 16px; max-width:98.8px}
	.colonne-contacts p{font-size:12.7px; margin:0 16px 0 16px !important; text-align:justify; line-height:12.7px; width:209.63px !important; height:auto;}
	.colonne-contacts:nth-child(2) p:nth-child(4){width:103.6px !important; margin:31.9px 0 0 0 !important}
	.colonne-contacts:nth-child(3) p:nth-child(4){width:103.6px !important; margin:19.9px 0 0 0 !important;}

	.box-conseils-malins{margin:16px}
	.box-conseils-malins div:first-child{width:135.5px; height:21.5px; background-position:113px 0px; margin-left:8px; margin-right:8px; background-size:16.7px auto}
	.box-conseils-malins div:last-child{width:191.3px; border:1px solid #0e59a9; margin-top:8px; padding:8px;}
	.box-conseils-malins div p{width:190px !important; margin:8px 0 8px 0 !important}
	.box-conseils-malins div:first-child img{float:left; width:16.7px; height:20.7px; }
	.box-conseils-malins div:first-child h5{width:108.4px; height:16.7px; font-size:12.7px; line-height:16px;}

	#dernier-conseil{width:741.3px; margin-top:16px; height:60px}
	#dernier-conseil p{font-size:22.3px; width:741.3px; line-height:22.3px;}

	#logo-bm-impression{max-width:194.5px; margin-top:10px;}
	#contacts-ul2-impression{float:left; margin-left:59px !important}
	#contacts-ul2-impression li{float:left;}
	.plan-coordonnees-impression{height:340px !important}
	#btn-print-impression{margin-left:545px}
	.impression-col{height:325px;}
	.impression-col img:nth-child(3){margin-left:16px; max-width:98.8px}
	.impression-col p:nth-child(4){width:79.7px}
	.impression-col p:nth-child(5){margin-left:16px !important; width:199.25px !important}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1.2rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 741px;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.25rem;
		padding-left: 4.5rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.55rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.75rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note,
	#avertissement .warning-body .warning-note p,
	#infomagasin .warning-body .warning-note p {
		font-size: 1rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.9rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 741px;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.25rem;
		padding-left: 6rem;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 6rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.95rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.75rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.65rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 741px;
	}

	#notes-avertissement .note-message {
		font-size: 1.2rem;
	}

	/**
	******************************************
	*/
}

@media screen and (max-width:895px){
	#conteneur{margin-top:-15px; padding:30px 0 0 0;}
	#bandeau{margin-bottom:68px !important}

	h1{margin-top:0; background-position:147.4px 17.53px}

	#plan-coordonnees{width:650px; height:auto;}
		#google-map{width:615px; height:345.2px; padding:16px 0 0 16px;}
		#google-map ul{float:left; margin:8px 0 0 0; width:auto;}
		#google-map li img{margin:0 8px 0 16px; max-height:21.5px}
		#btn-imprimer_plan_tab{float:right; display:block; margin-left:0; width:260px; height:25px; padding-top:6px; background-size:260px 25px;}
		#btn-imprimer_plan_tab a{width:260px; height:25px; font-size:11px;}
		#map_canvas{width:615px; height:306px}

		#contacts{width:642px; max-height:140px; padding:4px}
		#contacts div:first-child{float:left; width:200px}
		#contacts div:first-child img:first-child{display:none; margin-top:8px; max-width:194.5px}
		#contacts p{width:202.4px; margin-top:7px;}
		#cartes-de-paiement{width:40%; height:auto; margin:0;padding:0}
		#cartes-de-paiement ul{margin:0;}
		#cartes-de-paiement ul:nth-child(1){float:left; margin:40px 30px 0 40px; padding:0; height:auto;}
		#cartes-de-paiement ul:nth-child(2){float:left; display:block; width:100%; margin:0; padding:0}
		#cartes-de-paiement ul:nth-child(2) li:nth-child(1){margin-left:83px;}
		#cartes-de-paiement li{margin-right:8px; margin-bottom:3px;}
		#cartes-de-paiement li img{max-width:35.8px !important}
		#contacts a img{margin-top:0 !important; max-width:168.8px}
		#contacts a:last-child img{margin-top:10px !important}
		#contacts a:nth-child(7) img{margin-top:8px !important}

		.adresse{margin:0; background-position:12px top; font-size:18.3px; line-height:18.3px; background-size:12px;}
		.horaires{margin:0; font-size:16px; line-height:16px;}
		.telephone{margin:0; background-position:12px 9.5px; font-size:20.32px; background-size:16.7px;}


	#contenu h2{font-size:16px; padding-left:60px; background-size:auto 1px}

	#accessibilite{margin-top:16px; width:630px}
	#accessibilite-ligne1 ul{margin:8px 80px 0 16px; padding:0; width:170px;}
	#accessibilite-ligne1 ul:nth-child(1){width:170px; margin-right:10px}
	#accessibilite-ligne1 ul:nth-child(2){margin:8px 35px 0 35px; padding:0}
	#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:4px;}
	#accessibilite-ligne1 ul:nth-child(3){float:right; width:auto; margin:8px 0 0 0 !important; max-height:30px}
	#accessibilite-ligne1 ul:nth-child(3) li{width:auto; max-height:30px}
	#accessibilite-ligne1 li{height:35.8px; width:170px;}
	#accessibilite-ligne1 li img{margin-right:4px; max-width:27.1px}
	#accessibilite-ligne1 li img:first-child{width:27.1px; height:27.1px;}
	#accessibilite-ligne1 li p{font-size:14.34px; margin-left:4px; height:27.1px; line-height:27.1px;}

	#accessibilite-ligne2{margin-left:16px; margin-top:23.9px; max-height:54.2px}
	#accessibilite-ligne2 img:nth-child(1){max-height:21.5px}
	#accessibilite-ligne2 ul:nth-child(2){float:right;max-width:278.9px !important;}
	#accessibilite-ligne2 img:last-child{max-height:21.5px;}
	#accessibilite-ligne2 li{height:23.9px; max-width:278.9px !important}
	#accessibilite-ligne2 li p{font-size:14.34px; margin-left:4px; height:27.1px; line-height:27.1px;}

	#je-viens-pour-acheter{margin-top:31.9px;}
	#je-viens-pour-acheter :nth-child(2){margin-right:7px;}
	#je-viens-pour-acheter h2{margin-bottom:8px;}
	#je-viens-pour-acheter h3{border-bottom:3px solid white; margin:0 1px 0 1px; height:35.8px; line-height:35.8px; font-size:15.1px}

	.colonne-contacts{width:210px; height:450px;}
	.colonne-contacts div img:nth-child(1){margin:16px 0 16px 0;max-width:100% !important}
	.colonne-contacts div img:nth-child(3){float:left; margin:8px 8px 8px 16px; max-width:80px}
	.colonne-contacts div p{font-size:12.7px; margin:0 16px 0 16px !important; text-align:justify; line-height:12.7px; width:178px !important; height:auto;}
	.colonne-contacts:nth-child(2) p:nth-child(4){width:103.6px !important; margin:31.9px 0 0 0 !important}
	.colonne-contacts:nth-child(3) p:nth-child(4){width:103.6px !important; margin:19.9px 0 0 0 !important;}

	.box-conseils-malins{margin:16px}
	.box-conseils-malins div:first-child{width:135.5px; height:21.5px; background-position:113px 0px; margin-left:8px; margin-right:8px; background-size:16.7px auto}
	.box-conseils-malins div:last-child{width:160px; border:1px solid #0e59a9; margin-top:8px; padding:8px;}
	.box-conseils-malins div p{margin:8px 0 8px 0 !important; width:160px !important;}
	.box-conseils-malins div:first-child img{float:left; width:16.7px; height:20.7px; }
	.box-conseils-malins div:first-child h5{width:108.4px; height:16.7px; font-size:12.7px; line-height:16px;}

	#dernier-conseil{width:650px; margin-top:16px; height:60px}
	#dernier-conseil p{font-size:22.3px; width:650px; line-height:22.3px;}

	#logo-bm-impression{max-width:194.5px; margin-top:10px;}
	#contacts-ul2-impression{float:left; margin-left:59px !important}
	#contacts-ul2-impression li{float:left;}
	.plan-coordonnees-impression{height:auto !important}
	#btn-print-impression{margin-left:500px}
	.impression-col{height:325px;}
	.impression-col img:nth-child(3){margin-left:16px; max-width:98.8px}
	.impression-col p:nth-child(4){width:79.7px}
	.impression-col p:nth-child(5){margin-left:16px !important; width:199.25px !important}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1.1rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 650px;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.15rem;
		padding-left: 4rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.35rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.5rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note,
	#avertissement .warning-body .warning-note p,
	#infomagasin .warning-body .warning-note p {
		font-size: 0.95rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.85rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 650px;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.15rem;
		padding-left: 5.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 5.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.78rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.55rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.7rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 650px;
	}

	#notes-avertissement .note-message {
		font-size: 1.1rem;
	}

	/**
	******************************************
	*/
}

@media screen and (max-width:650px){
	.css-mobile-none{display: none;}
	body{background:white !important}

	#conteneur{margin:0 !important; padding:0 !important;}
	#bandeau{margin:70px 0 0 0 !important; padding:0}

	h1{margin-top:2% !important; width:100% !important;background-position: auto center !important; background-size: contain}
	#contenu h2{font-size:16px; padding-left:125px; background-size:auto}

	#plan-coordonnees{width:100%; height:auto; margin:0 0 5% 0;}
		#google-map{width:100%; height:auto; padding:0;}
		#google-map ul{display:none;}
		#btn-imprimer_plan_tab{display:none;}
		#map_canvas{display:none;}

		#contacts{width:100%; max-height: none; padding:0; height:auto;}
		#contacts div:first-child{float:left; width:45%}
		#contacts p{width:100%; margin-top:10px;}
		#cartes-de-paiement{display: none;}
		#cartes-de-paiement-mobile{float:left; width:75% !important; display: block; margin:0 auto 0 12.5%}
		#cartes-de-paiement-mobile ul{margin:0 auto 0 15% !important; padding:0;}
		#cartes-de-paiement-mobile li{float:left; list-style-type:none; margin:0 10px 0 0;}
		#cartes-de-paiement-mobile li img{max-width:100% !important;}
		#contacts a img{display: none}

		.adresse{margin:7% 0 0 20% !important; background-position:20px top; font-size:1.2em !important; line-height:1em; }
		.horaires{margin:5% 0 0 20% !important; font-size:1em !important; line-height:1em;}
		.telephone{margin:5% 0 0 20% !important; background-position:1.6em center; font-size:1.4em !important; background-size:15px;}

		.num-indigo{display:block; width:187px; height:25px; background-image:url(../images/bg-num-indigo.png); background-repeat:no-repeat; background-position:top center; background-size:187px; margin:15px auto 16px 25%; text-align: left;}
		.span-indigo{display:block; margin-left:5px;font-family: arial; font-weight:bold; color:#A50F78; line-height:25px; font-size:15px;}
		.span-tarif-indigo{margin-left:97px;font-weight:bold; font-style:italic; color:#FFFFFF; line-height:10px; font-size:9px;}

		#btn-plan-mobile{float:right !important; width: 50%; height:auto; margin:2% 0 0 0}
		#btn-plan-mobile a{width:100%; text-align: center !important; margin:0 auto 0 auto}
		#btn-plan-mobile a img{float:left; display: block !important; width:50%; margin-left:25%}
		#btn-plan-mobile a span{float:left; width:100%; text-align: center; font-weight: bold; color:#E55424;}

	#accessibilite{width:90%; margin:0; padding:0;}
	#accessibilite-ligne1 ul{float:left; margin:0 0 0 5% !important; padding:0; width:45% !important;}
	#accessibilite-ligne1 ul:nth-child(1){width:40%;}
	#accessibilite-ligne1 ul:nth-child(2){margin:0; padding:0}
	#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:4px;}
	#accessibilite-ligne1 ul:nth-child(3){float:left; width:auto; margin:8px 0 0 0 !important; max-height:30px}
	#accessibilite-ligne1 ul:nth-child(3) li{width:auto; max-height:30px; margin-left:25px;}
	#accessibilite-ligne1 li{height:35.8px; width:100% !important;}
	#accessibilite-ligne1 li img{float:left !important; margin-right:2%; max-width:27.1px}
	#accessibilite-ligne1 li img:first-child{float:left; width:27.1px; height:27.1px;}
	#accessibilite-ligne1 li p{float:left !important; font-size:14.34px; margin-left:0; height:27.1px; line-height:27.1px; width:auto !important}

	#accessibilite-ligne2{ max-height:none; width:85%; height:auto; margin:0; padding:0;}
	#accessibilite-ligne2 ul{float:left; width:75%; margin-left:0% !important}
	#accessibilite-ligne2 li{height:auto; max-width:100% !important}
	#accessibilite-ligne2 li p{float:left; font-size:14.34px; margin-left:.5em; height:auto; width:auto !important; line-height:normal;}
		#velib{float:left; margin:5% auto 0 auto !important; width:100%; height:auto;}
		#velib img{float:left !important; width:auto; margin:0 0 0 35%}
		#autolib{float:left; margin:5% auto 5% auto !important; width:100%; height:auto;}
		#autolib img{margin:0 0 0 35%}

	#je-viens-pour-acheter{float:left; margin:0;}
	#je-viens-pour-acheter :nth-child(2){margin-right:7px;}
	#je-viens-pour-acheter h2{margin-bottom:8px;}
	#je-viens-pour-acheter h3:first-child{display:none;}
	#je-viens-pour-acheter h3{display: block;border-bottom:3px solid #CCC; width:100%; margin:0; height:25px; line-height: 25px; font-size:1em; vertical-align: middle; cursor: pointer}
	#je-viens-pour-acheter h3 span{display:block; min-width:30px; width:10%; height:20px !important; background-image:url(../images/bg-h3-colonne.png); background-position: center 2px; background-repeat: no-repeat; background-size:contain;}
	#je-viens-pour-acheter h3 span:first-child{float:left;}
	#je-viens-pour-acheter h3 span:nth-child(2){float:left; background:none; width: 80% ; margin:0 auto 0 auto; white-space: nowrap}
	#je-viens-pour-acheter h3 span:last-child{float:right;}

	.colonne{height: auto;}
	.colonne-contacts{float:left; width:90%; height:auto; background: none; margin: 0 5% 10px 5%; overflow: hidden}
	.colonne-contacts .colonne img:nth-child(1){display: none; margin:0 auto 0 auto !important}
	.colonne-contacts .colonne p:nth-child(2){min-width:90%}
	.colonne-contacts .colonne img:nth-child(3){float:left; margin:8px 0 0 16px; max-width:50%}
	.colonne-contacts .colonne p{float:left; font-size:0.8em !important; margin:8px 16px 0 16px !important; text-align:left; line-height:0.8em; max-width:50%; height:auto;}
	.colonne-contacts:nth-child(2) .colonne p:nth-child(4){float:left !important; max-width:50%; margin-left:16px !important}
	.colonne-contacts:nth-child(3) .colonne p:nth-child(4){float:left !important; max-width:50%; margin-left:16px !important}

	.box-conseils-malins{float:left; height:auto; margin:5% 0 10% 5% !important}
	.box-conseils-malins div:first-child{width:110.5px !important; height:auto; background-position:right center; margin:0; }
	.box-conseils-malins div:last-child{width:90%; border:1px solid #0e59a9; margin-top:0; padding:0;}
	.box-conseils-malins div p{margin:0; padding:5% !important; line-height:auto; min-width:80% !important}
	.box-conseils-malins div:first-child img{float:left; width:16.7px; height:20.7px; }
	.box-conseils-malins div:first-child h5{width:auto; padding:0 2% 0 2%; height:16.7px; font-size:12.7px; line-height:16px;}

	#dernier-conseil{width:100%; margin-top:2%; height:auto}
	#dernier-conseil p{font-size: large; width:100%; line-height: 18px;}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 99%;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.15rem;
		padding-left: 4rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.2rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.35rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note,
	#avertissement .warning-body .warning-note p,
	#infomagasin .warning-body .warning-note p {
		font-size: 0.85rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.75rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 99%;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.15rem;
		padding-left: 5.2rem;
	}

	#commander-en-ligne .commander-body {
		background-size: 28%;
		background-position: 97% 3%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 37%;
	}

	#commander-en-ligne .partenaire-livraison {
		flex-wrap: wrap;
	}

	#commander-en-ligne .pobix-slot {
		width: 35%;
	}

	#commander-en-ligne .divider-slot.divider-middle {
		width: 95%;
		height: 1px;
		border-bottom: #1565C0 solid 2px;
		margin: 0.7rem 0;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.9rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 1rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.5rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.65rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 99%;
	}

	#notes-avertissement .note-message {
		font-size: 1rem;
	}

	/**
	******************************************
	*/
}


@media screen and (max-width:540px){
	.css-mobile-none{display: none;}
	body{background:white !important}

	#conteneur{margin:0 !important; padding:0 !important;}
	#bandeau{margin:70px 0 0 0 !important; padding:0}

	h1{margin-top:2% !important; width:100% !important;background-position: auto center !important; background-size: contain}
	#contenu h2{font-size:16px; padding-left:125px; background-size:auto}

	#plan-coordonnees{width:100%; height:auto; margin:0 0 5% 0;}
		#google-map{width:100%; height:auto; padding:0;}
		#google-map ul{display:none;}
		#btn-imprimer_plan_tab{display:none;}
		#map_canvas{display:none;}

		#contacts{width:100%; max-height: none; padding:0; height:auto;}
		#contacts div:first-child{float:left; width:45%}
		#contacts p{width:100%; margin-top:10px;}
		#cartes-de-paiement{display: none;}
		#cartes-de-paiement-mobile{float:left; width:100% !important; display: block; margin:0 auto 0 auto}
		#cartes-de-paiement-mobile ul{margin:0 auto 0 15% !important; padding:0;}
		#cartes-de-paiement-mobile li{float:left; list-style-type:none; margin:0 10px 0 0;}
		#cartes-de-paiement-mobile li img{max-width:100% !important;}
		#contacts a img{display: none}

		.adresse{margin:5% 0 0 20% !important; padding-left:.2em; background-position:1em .2em !important; background-size:.5em; font-size:1.2em !important; line-height:1em;}
		.horaires{margin:5% 0 0 20% !important; padding-left:.2em; font-size:1em !important; line-height:1em;}
		.telephone{margin:5% 0 0 20% !important; padding-left:.2em;  background-position:1em center; background-size:.6em; font-size:1.4em !important; }

		#btn-plan-mobile{float:right !important; width: 50%; height:auto; margin:2% 0 0 0}
		#btn-plan-mobile a{width:100%; text-align: center !important; margin:0 auto 0 auto}
		#btn-plan-mobile a img{float:left; display: block !important; width:50%; margin-left:25%}
		#btn-plan-mobile a span{float:left; width:100%; text-align: center; font-weight: bold; color:#E55424;}

	#accessibilite{width:90%; margin:0; padding:0;}
	#accessibilite-ligne1 ul{float:left; margin:0 0 0 5% !important; padding:0; width:45% !important;}
	#accessibilite-ligne1 ul:nth-child(1){width:40%;}
	#accessibilite-ligne1 ul:nth-child(2){margin:0; padding:0}
	#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:4px;}
	#accessibilite-ligne1 ul:nth-child(3){float:left; width:auto; margin-top:8px; margin-left:-4px !important; max-height:30px}
	#accessibilite-ligne1 ul:nth-child(3) li{width:auto; max-height:30px}
	#accessibilite-ligne1 li{height:35.8px; width:100% !important;}
	#accessibilite-ligne1 li img{float:left !important; margin-right:2%; max-width:27.1px}
	#accessibilite-ligne1 li img:first-child{float:left; width:27.1px; height:27.1px;}
	#accessibilite-ligne1 li p{float:left !important; font-size:14.34px; margin-left:0; height:27.1px; line-height:27.1px; width:auto !important}

	#accessibilite-ligne2{ max-height:none; width:100%; height:auto; margin:0; padding:0;}
	#accessibilite-ligne2 ul{float:left; width:90%; margin-left:10% !important}
	#accessibilite-ligne2 li{height:auto; max-width:100% !important}
	#accessibilite-ligne2 li p{float:left; font-size:14.34px; margin-left:.5em; height:auto; width:auto !important; line-height:normal;}
		#velib{float:left; margin:5% auto 0 auto !important; width:100%; height:auto;}
		#velib img{float:left !important; width:auto; margin:0 0 0 20%}
		#autolib{float:left; margin:5% auto 5% auto !important; width:100%; height:auto;}
		#autolib img{margin:0 0 0 20%}

	#je-viens-pour-acheter{float:left; margin:0;}
	#je-viens-pour-acheter :nth-child(2){margin-right:7px;}
	#je-viens-pour-acheter h2{margin-bottom:8px;}
	#je-viens-pour-acheter h3:first-child{display:none;}

	.colonne-contacts{float:left; width:90%; height:auto; background: none; margin: 0 5% 10px 5%; overflow: hidden}
	.colonne-contacts .colonne img:nth-child(1){display: none; margin:0 auto 0 auto !important}
	.colonne-contacts .colonne img:nth-child(3){float:left !important; margin:8px 0 0 16px; max-width:50%}
	.colonne-contacts .colonne p{font-size:0.8em !important; margin:8px 16px 0 16px !important; text-align:justify; line-height:0.8em; width:25%; height:auto;}
	.colonne-contacts:nth-child(2) .colonne p:nth-child(4){float:left !important; width:100%;}
	.colonne-contacts:nth-child(3) .colonne p:nth-child(4){float:left !important; width:100%;}

	.box-conseils-malins{float:left; height:auto; margin:5% 0 10% 5% !important}
	.box-conseils-malins div:first-child{width:25%; height:auto; background-position:right center; margin:0; background-size: contain}
	.box-conseils-malins div:last-child{width:90%; border:1px solid #0e59a9; margin-top:0; padding:0;}
	.box-conseils-malins div p{margin:0; padding:15px; line-height:auto;}
	.box-conseils-malins div:first-child img{float:left; width:16.7px; height:20.7px; }
	.box-conseils-malins div:first-child h5{width:auto; padding:0 2% 0 2%; height:16.7px; font-size:12.7px; line-height:16px;}

	#dernier-conseil{width:100%; margin-top:2%; height:auto}
	#dernier-conseil p{font-size: large; width:100%; line-height: 18px;}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 98.7%;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 0.9rem;
		padding-left: 2.8rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 0.95rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note,
	#avertissement .warning-body .warning-note p,
	#infomagasin .warning-body .warning-note p {
		font-size: 0.7rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.6rem;
	}

	/**
	************ Partenaire
	*/

	#commander-en-ligne {
		width: 98.7%;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 0.9rem;
		padding-left: 3.8rem;
	}

	#commander-en-ligne .commander-body {
		background-size: 25%;
		background-position: 97% 5%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 42%;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.8rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.9rem;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.6rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 98.7%;
	}

	#notes-avertissement .note-message {
		font-size: 0.9rem;
	}

	/**
	******************************************
	*/
}


@media screen and (max-width:380px){
	.colonne-contacts{margin:0 !important; padding:0;}

		.adresse{font-size:1em !important; line-height:1em; padding-left:.2em; background-position:left .2em !important; background-size:.5em;}
		.horaires{font-size:0.8em !important; line-height:1em; padding-left:.2em; }
		.telephone{font-size:1em !important;background-position:left center; background-position:0.2em center; background-size:.8em;padding-left:.2em;}

	#cartes-de-paiement-mobile{width:100% !important; margin:2% 0 0 0; padding:0}
	#cartes-de-paiement-mobile li img{max-width:75% !important; margin:0 !important}
	#cartes-de-paiement-mobile li:nth-child(5){margin-left:3.45em}

	#accessibilite-ligne1 ul{float:left; margin:0 0 0 5% !important; padding:0; width:100% !important;}
	#accessibilite-ligne1 ul:nth-child(1){width:90%; margin:10% 0 0 10% !important}
	#accessibilite-ligne1 ul:nth-child(2){width: 90%; margin:10% 0 0 10% !important; padding:0}
	#accessibilite-ligne1 ul:nth-child(2) li img:nth-child(2){margin-top:4px;}
	#accessibilite-ligne1 ul:nth-child(3){float:left; width:auto; margin:10% 0 0 3px !important; max-height:30px}
	#accessibilite-ligne1 ul:nth-child(3) li{width:100%; max-height:30px}
	#accessibilite-ligne1 li{height:35.8px; width:100% !important;}
	#accessibilite-ligne1 li img{float:left !important; margin-right:2%; max-width:27.1px}
	#accessibilite-ligne1 li img:first-child{float:left; width:27.1px; height:27.1px;}
	#accessibilite-ligne1 li p{float:left !important; font-size:14.34px; margin-left:0; height:27.1px; line-height:27.1px; width:50% !important}

	#accessibilite-ligne2{ max-height:none; width:100%; height:auto; margin:0; padding:0;}
	#accessibilite-ligne2 ul{float:left; width:90%; margin-left:10% !important}
	#accessibilite-ligne2 li{height:auto; max-width:100% !important}
	#accessibilite-ligne2 li p{float:left; font-size:14.34px; margin-left:.5em; height:auto; width:auto !important; line-height:normal;}
		#velib{float:left; margin:5% auto 0 auto !important; width:100%; height:auto;}
		#velib img{float:left !important; width:auto; margin:0 0 0 10%}
		#autolib{float:left; margin:5% auto 5% auto !important; width:100%; height:auto;}
		#autolib img{margin:0 0 0 2em}

	#dernier-conseil p{font-size: 0.9em;}


	#je-viens-pour-acheter h3{display: block;border-bottom:3px solid #CCC; margin:3px 0 3px 0; height:1em; line-height: 1em; font-size:1em;}
	#je-viens-pour-acheter h3 span{display:block; min-width:13px; width:auto; height:20px !important; background-image:url(../images/bg-h3-colonne.png); background-position: center 2px; background-repeat: no-repeat; background-size:contain;}
	#je-viens-pour-acheter h3 span:first-child{float:left; margin-left:5px}
	#je-viens-pour-acheter h3 span:nth-child(2){float:left; background:none; width:252px; height:auto; margin:0 auto 0 auto !important; padding:0;  white-space: nowrap}
	#je-viens-pour-acheter h3 span:last-child{float:right; margin-right:5px;}

	.colonne-contacts{float:left; width:90%; height:auto; background: none; margin: 0 5% 10px 5% !important; overflow: hidden}
	.colonne-contacts .colonne img:nth-child(1){display: none; margin:0 auto 0 auto !important}
	.colonne-contacts .colonne img:nth-child(3){float:left !important; margin:8px 0 0 16px; max-width:25%}
	.colonne-contacts .colonne p{font-size:0.8em !important; margin:4px 8px 0 16px !important; text-align:justify; line-height:0.8em; width:auto; height:auto;}
	.colonne-contacts:nth-child(2) .colonne p:nth-child(4){float:left !important; width:25%; margin-top:15px !important;}
	.colonne-contacts:nth-child(3) .colonne p:nth-child(4){float:left !important; width:25%; margin-top:15px !important;}

	.box-conseils-malins{float:left; height:auto; margin:5% 0 10% 5% !important}
	.box-conseils-malins div:first-child{width:25%; height:auto; background-position:right center; margin:0; background-size: contain}
	.box-conseils-malins div:last-child{width:90%; border:1px solid #0e59a9; margin-top:0; padding:0;}
	.box-conseils-malins div p{margin:0; padding:15px; line-height:auto;}
	.box-conseils-malins div:first-child img{float:left; width:16.7px; height:20.7px; }
	.box-conseils-malins div:first-child h5{width:auto; padding:0 2% 0 2%; height:16.7px; font-size:12.7px; line-height:16px;}
	.box-conseils-malins div:first-child h5{width:auto; padding:0 2% 0 2%; height:16.7px; font-size:12.7px; line-height:16px;}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 98.5%;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 0.8rem;
		padding-left: 2.5rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 0.75rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 0.9rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note,
	#avertissement .warning-body .warning-note p,
	#infomagasin .warning-body .warning-note p {
		font-size: 0.55rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.45rem;
	}

	/**
	************ Partenaire
	*/

	#commander-en-ligne {
		width: 98.5%;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 0.8rem;
		padding-left: 3.5rem;
	}

	#commander-en-ligne .commander-body {
		background-position: 97% 3%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 45%;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.75rem;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.5rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 98.5%;
	}

	#notes-avertissement .note-message {
		font-size: 0.75rem;
	}

	/**
	******************************************
	*/
}