/* Switching box model for all elements */

* {

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	font-family:Verdana, Geneva, sans-serif;

}

/* Old Android bugfix */

body {  -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix {  from {padding:0;}  to {padding:0;} }

body {margin: auto;padding:0px;background:white;max-width:100%;}



html {max-width:100%;overflow: -moz-scrollbars-vertical; overflow-y: scroll;}



h1{color:#424240;font-size:1.6rem;margin:0px;padding:20px 15px 7px 15px;}	

h2{color:#685858;font-size:1rem;line-height:24px;}

h3{color:#564f59;font-size: 14px;}

h4{color:#564f59;font-size: 14px;padding:10px 10px 0px 0px;}

p{color:#685858;font-size: 14px;padding-right:10px;margin:0;}

fieldset {border:0px;}

img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}

a img {border:none;}

img {max-width:100%;}

a:focus {outline: thin dotted;}

a:active, a:hover {outline: 0;}

/* color lien : bleu */

a{color:#040202;text-decoration:none;}

a:hover,a:focus {color: #ff0000;text-decoration:none;}

a:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

/* css global 2022 TM SHOP */

.boxTitre_h1{display:inline-block;color:red;background:white;border-radius:5px;padding:7px 10px;}

.colorShopBleu {color:#2da1ad;}

.shop_box {display:table;position:relative;max-width:1120px;margin:5px auto;padding:0px 5px;clear:both;min-height:500px;}

@media (max-width: 960px) {

	.shop_box {min-width: 0;width:100%;margin-top:20px;}

}

.colorRed{color:#fe0000;}

.colorBlack{color:#424240;}

.colorGris{color:#444444;}



.articleBox {text-align:left;margin-top:20px;}

.boxNet {clear:both;}



.colorTitre {color:#666;}

/* HEADER 2022-12 */

header{background:#f7f5f6;}

.boxHeadLogo{display:block;position:relative;background:#f7f5f6;}

.boxHeadContact{display:block;position:relative;margin:5px 15px 0px 5px;float:right;font-size:14px;}

.boxTitre_v3{text-transform:uppercase;font-weight:700;}

.boxTitre_vb{text-transform:uppercase;font-weight:700;color:white;}

.barreRouge{display:block;position:relative;width:156px;height:4px;background:#fe0000;margin:0px auto;}

.barreRouge24{display:block;position:relative;width:24px;height:4px;background:#fe0000;margin:2px 0px 5px 0px;}

.barreRouge24flex{display:flex;position:relative;width:24px;height:4px;background:#fe0000;margin:2px 0px 5px 0px;}

.barreBlack{display:block;position:relative;width:156px;height:4px;background:#424240;margin:0px auto;}

@media (max-width: 540px) {

	.boxHeadContact{display:none;}

	.shop_box {min-height:200px;min-width: 0;width:100%;}

	h1{font-size:1.3rem;}

}

/* ----- */

.panier_plusmoins , .panier_plusmoins:hover {text-decoration:none; cursor:pointer; }

.popover { max-width: 999px;} 

.div_art_lib {text-overflow: ellipsis;width: 420px;white-space: nowrap;overflow: hidden;cursor:pointer;}

/* old ? */

.article_cadre {display: inline-block;text-align:center;vertical-align:top;width:230px;height:280px; border:1px solid #ccc; margin:2px; padding:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);}



/* BT RECHERCHER 2022-12 */

.boxRechercheCadre{display:block;position:relative;text-align:center;margin:0px auto;background:#444444;height:auto;padding:7px 8px;}

.boxRecherche{display:block;position:relative;width:300px;height:46px;padding:3px;margin:0px auto;}

.boxRechercheInput{text-align: left;font-size:1rem;color:#4d7299;width:290px;margin:2px 0px 0px 2px;}

.boxRechercheLoupe{position:absolute;display:block;top:10px;right:15px;}

.boxNetRec {display:block;position:relative;margin-top:1px;}

.boxAfficheRec{max-width:1120px;text-align:center;margin:5px auto;}

@media (max-width: 540px) {

	.boxNetRec {margin-top:10px;}

}

.boxPrestatText > a :hover{color:#ff0000;text-decoration:none;}



/* page RGP 2022-12 ok */

.shopTitreRGP{display:block;position:relative;margin:0px auto;text-align:center;max-width:360px;}

.shopTitreRGP h1{color:#424240;}

.shopTitreRGP img{width:70px;margin-right:20px;float:left;}

.shopTitreRGP a {text-decoration:none;font-size:18px;}

@media (max-width: 540px) {

	.shopTitreRGP img{margin-right:5px;width:60px;}

}

.boxNbArt{display:inline-block;position:relative;padding:0px 4px;min-width:25px;height:24px;background:#fe0000;text-align:center;color:white;font-size:16px;float:right;margin-right:5px;}

.boxRGPFam{display:block;position:relative;max-width:1200px;text-align:center;margin:0px auto;vertical-align:middle;}

.boxFam{display:inline-block;position:relative;border-radius:7px;margin:10px 8px;padding:4px 7px;}

.box-ombre {box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);}

.boxFamTexte {display:inline-block;position:relative;margin:0px auto;padding:5px 10px 1px 5px;vertical-align:top;font-size:14px;color:#424240;text-align:left;}	

.boxRGP{display:block;position:relative;margin:10px auto;max-width:580px;text-align:center;}

.boxRGPTexte {display:block;position:relative;padding:7px 15px;margin:10px auto;text-align:left;}



.boxDiapoRGP{display:block;position:relative;margin:10px auto;text-align:center;max-width:560px;}

/* page FAMILLE 2022-12 ok */

.boxFamTitre {font-size:15px;text-align:left;padding-left:20px;color:#424240;font-weight: bold;}

.boxFamTitre a {text-decoration:none;font-size:16px;}

.boxFamArt{display:block;position:relative;max-width:1200px;text-align:center;margin:10px auto;vertical-align:top;}



/* fiche Article 2022-12 */

.boxArticle22{display: inline-block;text-align:center;vertical-align:top;width:200px;height:370px; border:1px solid #ccc; margin:2px; padding:2px;border-radius:4px;background:white;color:#040202;box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);}

.ficheArtImg {display:flex;width:100%;justify-content: center; align-items: center; height:180px;overflow:hidden;}

.ficheArtImg img {max-width: 100%;max-height: 100%;object-fit: contain;}

.ficheArt_img {width:190px;height:auto;padding:5px;vertical-align:bottom;}

.ficheArt_img_over {min-width:220px;height:auto;}

.ficheArtImg2 {width:190px;height:auto;padding:5px;vertical-align:bottom;cursor:W-Resize;}

.boxArtText{margin:5px auto;height:48px;}

.ficheArtTxt {text-align:center;padding:2px 5px 0px 5px;overflow:hidden;font-size:13px;}

.ficheArtTxt a {font-size:13px;}

.ficheArtPrix {text-align:center;padding:7px 5px;;font-size:0.8rem;}

.ficheArtRef{text-align:center;padding:2px 5px;font-size:12px;}

.boxBtAdd{text-align:center;margin:5px auto 5px auto;}

.boxBtVoir{text-align:center;margin:10px auto 5px auto;}

.btCenter {position:relative;text-align:center;margin:2px auto;}

@media (max-width: 500px) {

	.boxArticle22{display:block;margin:8px auto;width:315px;height:auto;}

	.ficheArtImg {float:left;width:90px;height:auto;margin:2px 5px 0px 2px;}

	.boxArtText{height:auto;}

	.ficheArtTxt {text-align:left;}

	.ficheArtPrix {margin:1px auto;}

	.boxBtAdd{display: inline-block;margin:5px 7px 5px 3px;}

	.boxBtVoir{display: inline-block;margin:5px 3px 5px 7px;}

}



/* QUANTITE SAISIE PLUS MOINS */

.boxArtQteFiche {display:inline-block;position:relative;}

.boxArtQteTxt {display: inline-block;text-align:right;vertical-align:top;padding:5px 7px 0px 2px;font-size:14px;color:#685858;}

.boxArtQteMoins {display: inline-block;text-align:right;cursor:pointer;}

.boxArtQtePlus {display: inline-block;text-align:left;cursor:pointer;}

.boxArtQteNb{display: inline-block;text-align:center;vertical-align:top;padding-top:2px;}

.boxArtQteNb input{width:30px;text-align:center;}



@media (max-width: 420px) {

	.boxArtQteMoins{display:none;}

	.boxArtQtePlus{display:none;}

}

/* page  ARTICLE 2022-12 */



.boxArtImage {display:inline-block;text-align:center;vertical-align:top;width:470px;}

#artimg {height:320px;}

#artimg img {max-height:320px;}



.boxArtTexte{display:inline-block;width:40%;text-align:left;vertical-align:top;}

.boxArtTexte2{display:inline-block;width:320px;text-align:left;vertical-align:top;margin:0px auto 0px auto;float:right;}

.boxArtQte {display:block;position:relative;margin-top:10px;font-size:14px;}

.boxArtQteTxt {display: inline-block;text-align:right;vertical-align:top;padding:4px 7px 0px 2px;font-size:14px;}

.affArt14c{font-size:14px;padding:7px 5px 10px 5px;text-align:center;}

.affArt14{font-size:14px;padding:7px 5px 10px 5px;text-align:left;}



/* description fiche article */

.ficheArtbox {display:table;content:" ";position:relative;padding:1px;clear:both;margin-top:10px;max-width:1200px;}

.ficheArtDesc {display:inline-block;position:relative;padding:10px;margin-top:10px;margin-left:25px;max-width:320px;vertical-align:top;}

.ficheArt {display:block;position:relative;padding:10px 15px;margin-top:10px;vertical-align:top;}

.ficheArtTitre {font-size:18px;text-align:left;font-weight:700;}

.ficheArtTexte {font-size:14px;color:#685858;text-align:left;padding-left:5px;width:auto;}



/* //////////// SHOP //////////// */

/* PANIER 2022 */

.boxPanier {display:block;position:fixed;z-index: 1030;top:40px;right:5px;width:200px;}

.boxPanierMobil {display:none;position:fixed;z-index: 1030;top:5px;right:60px;}



.badge {display: inline-block;padding:4px 6px;font-size:1.2rem;font-weight: bold;color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  white-space: nowrap;vertical-align: baseline;background-color:#FE4E4E;

}



.boxPanierFix {display:inline-block;position:fixed;z-index:100;right:5px;top:220px;max-width:360px;vertical-align:top;margin:10px auto;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

.boxPanierAbs {display:inline-block;position:absolute;right:5px;top:20px;max-width:380px;vertical-align:top;margin:10px auto;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

.boxPanierInl {display:inline-block;position:relative;max-width:380px;vertical-align:top;margin:10px auto;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

.boxPanierB500 {display:block;position:relative;max-width:500px;vertical-align:top;margin:10px auto;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

.boxPanierAbsR {display:inline-block;position:absolute;top:5px;right:5px;max-width:380px;vertical-align:top;margin:10px 0px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}



@media (max-width:1050px) {

	.boxPanierFix {display:none;}

	.boxPanierAbs {display:none;}

	.boxPanierAbsR {display:none;}

	.btPanierAcc {display:block;}

}



/* BOX PANIER AVEC LIGNE CDE 2022 - vert : #199e25 */

	.boxPanierHead{background:#424240;color:white;border-radius:5px 5px 0px 0px;padding:4px;}

	.boxPanierCde{background:white;border-left: #424240 1px solid;}

	.boxPanierCde ul{width: auto;list-style-type: none;padding: 0;margin: 0;}

	.boxPanierCde li{margin: 0;padding:2px;list-style-type: none;border-bottom: 0.1em solid #e5e5e5;}

	.boxPanierCdeLine{display:block;position:relative;}

	.boxPanierCdeImg{overflow:hidden;width:55px;float:left;margin-right:5px;}

	.boxPanierCdeText{font-size:12px;}

	.boxPanierCdePrix{display:inline-block;position:relative;float:right;font-size:12px;text-align:right;padding:10px 4px 0px 2px;}

	.boxPanierFooter{background:white;text-align:center;border-left: #424240 1px solid;border-bottom: #424240 1px solid}

	.boxPanierFooter p{text-align:right;padding:10px 8px;font-weight:bold;font-size:13px;}

	.boxPanierCdeBt{display:inline-block;position:relative;padding:3px 5px 4px 7px;text-align:left;font-size:14px;}

@media (max-width: 540px) {

	.boxPanier {display:none;}

	.boxPanierMobil {display:block;position:fixed;z-index: 1030;top:39px;right:4px;}

	.boxArtImage {width:auto;}

	.ficheArtDesc {display:block;position:relative;padding:10px 15px;margin-top:10px;max-width:100%;vertical-align:top;}

}

@media (max-width: 370px) {

	.boxPanierMobil {display:block;position:fixed;z-index: 1030;top:40px;right:4px;}

}	



/* checkbox */

.boxCheck {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size:14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.boxCheck input {position: absolute;opacity: 0;cursor: pointer;}

.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}

.boxCheck:hover input ~ .checkmark {background-color: #ccc;}

.boxCheck input:checked ~ .checkmark {background-color: black;}

.checkmark:after {content: "";position: absolute;display: none;}

.boxCheck input:checked ~ .checkmark:after {display: block;}

.boxCheck .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



/* CONFIRMATION */

.margBc {margin-top:30px;}

/* CONDITION GENERALE DE VENTE */

.boxCDG {display:block;position:relative;margin-right:auto;margin-left:auto;max-width:800px;}

.inputCB{padding: 1px;text-align: left;width:18px;min-height:18px;cursor: pointer;padding-top:3px;}

.labelCB{display:inline-block;padding:4px 2px 0px 2px;text-align:left;margin:0px;vertical-align:top;line-height: 1.6;}

.confCDG {margin:15px auto 15px auto;font-size:14px;}



/* CONF BC entete */

.boxConfBC{display:block;position:relative;background:white;max-width:1000px;margin:5px auto;padding:5px 15px;}

.confBoxBc {display:inline-block;max-width:500px;vertical-align:top;border:1px solid #ccc;margin:0px auto;}



.confBcBoxHead {background-color:rgba(0,0,0,.1);border-top:1px solid #ccc;padding:3px 10px 10px 3px;}

.confBcHeadC1 {display: inline-block;text-align:center;width:40px;vertical-align:top;}

.confBcHeadClib {display: inline-block;text-align:left;width:250px;vertical-align:top;padding-left:5px;}

.confBcHeadCpu {display: inline-block;text-align:right;width:100px;vertical-align:top;}

.confBcHeadCqt {display: inline-block;text-align:center;width:30px;vertical-align:top;}

.confBcHeadCttc {display: inline-block;text-align:right;width:115px;vertical-align:top;}

/* CONF BC ligne */

.confBcBoxRow {border-top:1px solid #ccc;padding-top:5px;min-height:40px;}

.confBcC1 {display: inline-block;text-align:center;width:40px;vertical-align:top;padding-left:2px;}

.confBcClib {display: inline-block;text-align:left;width:250px;vertical-align:top;padding-left:5px;}

.confBcCpu {display: inline-block;text-align:right;width:100px;vertical-align:top;}

.confBcCqt {display: inline-block;text-align:center;width:30px;vertical-align:top;}

.confBcCttc {display: inline-block;text-align:right;width:100px;vertical-align:top;padding-right:2px;}

/* CONF BC total */

.confBcBoxTotal {display:block;margin-top:10px;border-top:1px solid #ccc;padding-top:3px;font-size:14px;width:auto;text-align:right;margin-right:0px;}

.confBcTpx {display: inline-block;text-align:left;width:230px;vertical-align:top;font-weight: bold;}

.confBcTport {display: inline-block;text-align:left;width:230px;vertical-align:top;}

.confBcTpxR {display: inline-block;text-align:right;width:140px;vertical-align:top;font-weight: bold;padding-right:7px;}

.confBcTportR {display: inline-block;text-align:right;width:140px;vertical-align:top;padding-right:7px;}

/* CONF ADRESSE */

.confBoxAdr {display: inline-block;width:340px;vertical-align:top;margin:0px 20px 0px 50px;text-align:right;}

.cadreAdr {border:1px solid #ccc;padding:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);background-color:rgba(0,0,0,.1);}

.confAdrTitre {font-size:18px;color:#666;min-height:28px;vertical-align: bottom;text-align:center;padding:1px;margin-bottom:10px;}

.confAdrTxt {font-size:12px;color:#666;min-height:28px;vertical-align: bottom;text-align:left;padding:1px 5px 1px 15px;}

.confBoxBt {text-align:center;margin:5px 0px 5px 0px;}

/* IDENTIFICATION CLIENT */

.identBox {position:relative;margin:30px 20px 10px 20px;width:280px; }

.identcadre {border:1px solid #ccc;padding:2px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);background:white;}

.identTitre{background:#505050;color: white;text-align: center;font-size:18px;line-height: 1.8;}

.identLogin{text-align:center;font-size:18px;line-height: 1.8;margin-top:10px;}

.identErreur{color:red;text-align: center;font-size:18px;line-height: 1.8;}

.identBoxInput {margin:30px auto 20px auto;background-color:rgba(80,80,80,.8);border:1px solid #505050;padding:5px 0px;text-align:center;}

.idenPicto {background:#505050;vertical-align: top;}

.identLabel{display:inline-block;text-align:center;width:20px;vertical-align:top;margin-top:4px;margin-left:2px;}

.identInput{padding:2px;vertical-align: bottom;text-align: left; font-size:12px;color:#4d7299;width:240px;}

.identBoxOubli {margin:30px 0px 20px 0px;margin-left:auto;margin-right:auto;text-align:center;}

.identBoxOubli a{text-align:center;font-size:1rem;color:#505050;}

.identBoxBt {text-align:center;margin:20px 0px 20px 0px;}

.mdpBox {position:relative;margin:10px 1px 10px 1px;width:400px;min-height:200px;}

.mdpBoxMess {position:relative;margin:30px 0px 30px 0px;text-align:center;}

@media (max-width:440px) {

	.boxConfBC{padding:5px 2px;}

	.confBoxAdr {display:block;width:320px;margin:10px auto;}

}

@media (max-width: 667px) {

	.boxPanier {right:10px;}

	.bt_panier_lg {padding: 4px 12px;font-size:1rem;line-height: 1;border-radius: 6px;}



	.ficheArt {display:inline;width:auto;}

	.boxArtImage {display:block;width:100%;text-align:center;margin:0px auto 0px auto;}

	.boxArtTexte {display:inline;width:auto;}

	.boxArtTexte2{display:block;float:none;margin-top:20px;}

	.confBoxAdr {display:block;margin-left:auto;margin-left:auto;margin-top:20px;}

	.confBoxBc {margin-left:0px;}

	.confBcClib {width:200px;}

	.confBcHeadClib {width:200px;}

	.confBcHeadCqt {width:0px;}

	.confBcBoxRow {min-height:55px;}

	.confBcHeadCpu {text-align:center;}

	.confBcHeadCttc {margin-right:0px;}

	.confBcBoxHead {padding:3px 3px 3px 3px;}

	.confBcCqt {width:20px;}

	.confBcC1 {width:25px;}

	.confBcHeadC1 {width:25px;}

	.confBcHeadCpu {display:none;}

	.confBcCpu {display:none;}

	.margBc {margin-top:10px;}

	.confBcTpx {width:140px;}

	.confBcTport {width:140px;}

	.mdpBox {margin:0px;width:95%;}

	.rgpBoxTexte {margin:10px 0px 10px 0px;padding-left:5px;}

}

/* CONTACT et DEMANDE INTERVENTION ET BANQUE 2022 */

.margT20{display:block;position:relative;margin: 20px 0px 5px 0px;}

.boxFormulaire {padding: 10px;}



.AdrMobil{display:none;}

.adrInputAdr{width:387px;height:30px;}

.adrInputNom{width:190px;height:30px;}

.adrInputMail{width:210px;height:30px;}

.adrInputTel{width:170px;height:30px;}

.adrInputCP{width:115px;height:30px;}

.adrInputVille{width:265px;height:30px;}

.adrInputMess {width:387px;height: 12em;padding: 4px;line-height: 1.1;color: #555555;vertical-align: middle;background-color: #ffffff;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 0.15s, box-shadow ease-in-out 0.15s;

          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} 

		  

.admInputCB{vertical-align: middle;text-align: center;color:#4d7299;width: 20px;height:20px;cursor: pointer;}



label {vertical-align:top;font-size:12px;color:#00253d;padding: 1px; }



.adrLabel {display:inline-block;width:5px;padding:0px;text-align:center;margin:0px;vertical-align:top;}

.ContactMailok {font-size:18px;color:#3bca1b;font-weight: bold;text-transform:uppercase;text-align:center;margin:20px 0px 20px 0px;}

.ContactTitre{line-height: 30px;}

		

@media (max-width: 567px) {

	.boxContact{display:block;padding:8px;margin:10px auto 10px auto;text-align:left;}

	.AdrMobil{display:block;}

	.adrInputMess {height: 8em;}

	.margT20 {margin-top:10px;}

	.adrInputAdr {margin-top:7px;}

	.adrInputMail,.adrInputNom,.adrInputTel,.adrInputVille,.adrInputCP{margin-top:7px;}

	.adrInputCP{margin-top:7px;width:85px;}

}

/* FOOTER 2022-12 */

footer {position:relative;bottom:15px;width:100%;margin:15px auto 0px auto;font-family:Arial, Geneva, sans-serif;font-size:1.2rem;}

.boxFooter {display:block;position:relative;text-align:center;padding:5px;margin:0px auto 0px auto;letter-spacing: 1.1px;color:#7c7f86;background:#1e1f1f;border-top:12px solid #fe0000;}

		.BoxFooterHaut{display:inline-block;position:relative;color:white;text-align:left;margin:5px 8px;vertical-align:top;line-height:1.4;padding:7px;}

		.footerSociete{width:30%;}

		.footerService{width:35%;}

		.footerCategorie{width:20%;padding-left:30px;}

		.BoxFooterHaut > ul {width: auto;list-style-type: none;padding: 0;margin: 0;}

		.BoxFooterHaut > ul li{width: auto;list-style-type: none;padding: 0;margin: 0;}

		.BoxFooterHaut a{font-size:14px;color:#7c7f86;text-decoration:none;}

		.btFooter a:hover, a:focus{color:white;transition: all 0.5s;}

.boxCopyArtek{margin:10px auto;padding;15px;}

.footerCopy {display: inline-block;position:relative;float:left;font-size:12px;letter-spacing:1px;color:#7c7f86;padding:5px 15px;}

.footerArtek {display: inline-block;position:relative;float:right;}

.footerArtek a{font-size:12px;color:#7c7f86;text-decoration:none;padding:5px 15px;}

.boxMentionLegale {display: block;position:relative;margin:0px auto;}

.boxMentionLegale a{font-size:0.9rem;color:#7c7f86;text-decoration:none;letter-spacing: 1.2px;}

.boxMentionLegale a:hover, a:focus{color: #f7f2f2;transition: all 0.2s;}

@media (max-width: 670px) {

	footer {position:relative;bottom:15px;}

	.footerCopy {display:block;float:none;text-align:center;height:30px;}

	.footerArtek {display:block;padding:5px 10px 5px 10px;float:none;text-align:center;margin:5px auto 5px auto;height:28px;}

}

@media (max-width: 540px) {	

	.footerCGV {display:block;margin:5px auto;text-align:left;padding:10px;}

	.footerSte {display:block;margin:5px auto;text-align:left;padding:10px;}

	.BoxFooterHaut{display:block;padding:7px 15px;}

	.footerSociete{width:auto;}

	.footerService{width:auto;}

	.footerCategorie{width:auto;}

}

/* CONTACT */

.boxContactTitre{display:block;position:relative;font-size:18px;color:white;}

.box50C {display: inline-block;position:relative;margin:2px 15px 0px 15px;vertical-align:top;width:50%x;}

.boxPlan {display: inline-block;position:relative;width:300px;height:340px;margin:2px auto 0px auto;box-shadow:1px 1px 2px 0 rgba(0,0,0,.5);}



.boxAdrText {width:300px;padding:5px;position:relative;margin-top:12px;background:#c0c3c5;text-align:center;color:#314b69;font-weight: 700;}

.margt20 {margin-top:10px;}



@media (max-width: 600px) {

	.box50C {display:block;position:relative;margin:10px auto 0px auto;width:90%;}

	.adrInputMess {height: 8em;}

	.boxAdr {display:block;margin-top:10px;}

	fieldset {margin:0px;padding:0px;}

	.boxPlan {width:90%;}

}

@media (max-width: 420px) {

	.boxAdr {width:90%;}

	.boxAdrText {width:90%;margin:0px auto 0px auto;}

	.boxContactTitre{width:95%;}

}

@media (max-width: 360px) {

	.adrInputMail{width:90%;height:30px;}

}

/* FENETRE type fancybox */

.boxWindGlobal{position:fixed;top:0;left:0;bottom:0;right:0;width:auto;height:auto;overflow:auto;overflow-y:scroll;z-index:8000;background:url(./aek_overlay.png);}

.boxWindPage{display:block;position:absolute;top:80px;left:20px;width:320px;height:auto;overflow:visible;background:#f9f9f9;z-index:8050;vertical-align:top;outline:none;padding:0px;margin:0px;border-radius:4px;}

.boxWindCadre{position:relative;padding:15px;width:auto;height:auto;border-radius:4px;color:#444;background:#f9f9f9;vertical-align:top;outline:none;margin:0px;}

.boxWindCadreInt{position:relative;padding:0px;margin:0px;vertical-align:top;outline:none;}



.boxWindTexte{position:relative;overflow:auto;width:290px;height:480px;padding:0px;margin:0px;text-align:left;font-size:13px;}

/* dans cadre int */

.boxWindClose{position:absolute;top:-28px;right:-28px;width:36px;height:36px;cursor:pointer;z-index:8040;background-image:url(./aek_close.png);}



@media (min-width: 410px) {

	.boxWindPage{width:380px;}

	.boxWindTexte{width:360px;}

}

@media (min-width: 720px) {

	.boxWindPage{width:620px;left:10%;}

	.boxWindTexte{width:600px;height:580px;}

}

@media (min-width: 920px) {

	.boxWindPage{width:720px;left:15%;}

	.boxWindTexte{width:700px;height:580px;}

}

@media (min-width:1200px) {

	.boxWindPage{width:720px;left:20%;}

}

@media (min-width:1400px) {

	.boxWindPage{width:720px;left:25%;}

}

/* BOUTON INPUT */

.form-control:-moz-placeholder {color: #999999;}

.form-control::-moz-placeholder {color: #999999;}

.form-control:-ms-input-placeholder {color: #999999;}

.form-control::-webkit-input-placeholder {color: #999999;}



.form-control {

  height: 36px;

  padding: 6px 6px;

  line-height: 1.428571429;

  color: #555555;

  vertical-align: middle;

  background-color: #ffffff;

  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 0.15s, box-shadow ease-in-out 0.15s;

          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

}





/* barre logo de 60px height : bouton menu en dessous !! */

.logoText{float: left;padding: 15px 15px;font-size: 18px;line-height: 20px;}

.logoBox {position:relative;width:200px;height:60px;color:#26272f;text-decoration:none;}



@media (max-width: 800px) {

.ficheArtbox {min-width:0px;}

}



/* BOUTON ENVOYER VERT MESSAGE */

.btRetour {font-size:0.8rem;font-weight:700;padding: 5px 10px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #faa732;

	background-image: -moz-linear-gradient(top, #fbb450, #f89406);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));

	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);

	background-image: -o-linear-gradient(top, #fbb450, #f89406);

	background-image: linear-gradient(to bottom, #fbb450, #f89406);

	background-repeat: repeat-x;

	border-color: #f89406 #f89406 #ad6704;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;

	border-radius:4px;

	text-decoration:none;text-align:center;cursor:pointer;

}



.btRetour:hover,

.btRetour:focus{color: #ffffff;background-color: #f89406;text-decoration: none;

	background-position: 0 -25px;

	-webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}

.btValider {font-size:0.8rem;font-weight:700;padding: 5px 10px;width:auto;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #5bb75b;letter-spacing: 0.05rem;

	background-image: -moz-linear-gradient(top, #62c462, #51a351);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));

	background-image: -webkit-linear-gradient(top, #62c462, #51a351);

	background-image: -o-linear-gradient(top, #62c462, #51a351);

	background-image: linear-gradient(to bottom, #62c462, #51a351);

	background-repeat: repeat-x;

	border-color: #51a351 #51a351 #387038;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;

	border-radius:4px;

	text-decoration:none;text-align:center;	cursor:pointer;

}



.btValider:hover,

.btValider:focus{color: #ffffff;background-color: #51a351;text-decoration: none;

	background-position: 0 -25px;

	-webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}

/*   PANIER BLEU   */

.bleu{color:#3785aa;}

.bleu2{color:#1a5774;}

.btnBleu {font-size:0.8rem;font-weight:700;padding: 5px 10px;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #4e524e;

  background-image: -moz-linear-gradient(top, #424240, #6c736c);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#424240), to(#6c736c));

  background-image: -webkit-linear-gradient(top, #424240, #6c736c);

  background-image: -o-linear-gradient(top, #424240, #6c736c);

  background-image: linear-gradient(to bottom, #424240, #6c736c);

  background-repeat: repeat-x;

  border-color: #424240 #424240 #6c736c;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;

	border-radius:4px;text-decoration:none;text-align:center;cursor:pointer;

}



.btnBleu:hover,

.btnBleu:focus,

.btnBleu:active,

.btnBleu.active,

.btnBleu.disabled,

.btnBleu[disabled] {color: #ffffff;background-color: #313431;

  	background-position: 0 -25px;

	-webkit-transition: background-position 0.1s linear;

     -moz-transition: background-position 0.1s linear;

       -o-transition: background-position 0.1s linear;

          transition: background-position 0.1s linear;

}



.btnBleu:active,

.btnBleu.active {

  background-color: #6c6c68 \9;

}

/*   PANIER OR   */

.btnOr {

  color: #ffffff; 

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  background-color: #ab9555;

  background-image: -moz-linear-gradient(top, #d6c89a, #9d8a51);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6c89a), to(#9d8a51));

  background-image: -webkit-linear-gradient(top, #d6c89a, #9d8a51);

  background-image: -o-linear-gradient(top, #d6c89a, #9d8a51);

  background-image: linear-gradient(to bottom, #d6c89a, #9d8a51);

  background-repeat: repeat-x;

  border-color: #9d8a51 #9d8a51 #8c7b47;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.btnOr:hover,

.btnOr:focus,

.btnOr:active,

.btnOr.active,

.btnOr.disabled,

.btnOr[disabled] {

  color: #ffffff;

  background-color: #9d8a51;

}



.btnOr:active,

.btnOr.active {

  background-color: #9d8a51 \9;

}



.btn-lg {padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px;}

/* CSS MENU JS */

#cssmenu {font-size: 13px;line-height: 15px;text-align: center;min-height:55px;margin:0px auto;}

@media (max-width: 1460px) {

	#cssmenu {text-align: left;margin-left:20px;}

}

#cssmenu > ul {width: auto;list-style-type: none;padding: 0;margin: 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  z-index: 1;

}

#cssmenu > ul li#responsive-tab {display: none;

  /* Hide for large screens */

}

#cssmenu > ul li {display: inline-block;

  *display: inline;

  zoom: 1;

  z-index: 1;

  border-radius:4px;

}

#cssmenu > ul li.right {float: right;}

#cssmenu > ul li.has-sub {position: relative;}

#cssmenu > ul li a.active {background: #ff0000;border-radius:4px;}

#cssmenu > ul li.has-sub:hover ul {display: block;}

#cssmenu > ul li.has-sub ul {

  display: none;

  width: 250px;

  position: absolute;

  margin: 0;

  padding: 0;

  list-style-type: none;

  background: #eae7e7;

  border: 1px solid #ece6e8;

  border-bottom: 1px solid #d9ced2;

  border-top: 0 none;

}

#cssmenu > ul li.has-sub ul li {display: block; text-align:left;}

#cssmenu > ul li.has-sub > a {

  background-image: url('../img/caret.png');

  background-repeat: no-repeat;

  background-position: 90% -95%;

}

#cssmenu > ul li.has-sub > a.active {

  background: #ff0000 url('../img/caret.png') no-repeat;

  background-position: 90% 180%;

  /* background-position: 90% 195%;*/

}

#cssmenu > ul li.has-sub > a:hover {

  background-image: url('../img/caret.png') no-repeat;

  background-position: 90% 180%;

  /* background-position: 90% 195%;*/

}

#cssmenu > ul li a {

  display: block;

  padding:11px 20px 11px 20px;

   /*padding: 12px 24px 11px 24px;*/

  text-decoration: none;

  color: #070202;

  /*text-shadow: 0px 1px 0px #fff;*/

}

#cssmenu > ul li a:hover {

	border-radius:4px;

	color:#ff0000;

}

#cssmenu > ul li a.active{

  background: #ff0000; border-radius:4px;

  color: #fff;

  text-shadow: 0px 1px 0px #000;

}





@media (max-width: 667px) {



	#cssmenu {display:block;font-size:1.2rem;background: #3d3e3e;margin-left:0px;}

	#cssmenu > ul {width: 100%;}

	#cssmenu > ul li#responsive-tab {display: block;font-size:1rem;background: #3d3e3e;}

	#cssmenu > ul li#responsive-tab a {

		background: url('../img/menu.png') no-repeat;

		background-position: 5% -35%;color:white;

	}

	#cssmenu > ul li a {font-size:1.2rem;color:white;}

	#cssmenu > ul li#responsive-tab a:hover {background-color: #3d3e3e;background-position: 95% 135%;}

	#cssmenu > ul li {display: none;}

	#cssmenu > ul li.right {float: none;}

	#cssmenu > ul li.has-sub { position: relative;}

	#cssmenu > ul li.has-sub ul { display: block;position: static;width: 100%;background: #3d3e3e; border: 0 none;}

	#cssmenu > ul li.has-sub ul li {display: block !important; }

	#cssmenu > ul li.has-sub ul li a span { display: block;padding-left: 24px;font-size:1rem;color:white;}

	#cssmenu > ul li.has-sub > a { background-image: none;}

}

/* Make sure they show even if hidden in mobile view by JS */

@media (min-width: 667px) {

  #cssmenu > ul > li.collapsed {

    display: inline-block !important;

    *display: inline;

    zoom: 1;

  }

  #cssmenu > ul ul li.collapsed {

    display: block !important;

  }

}





/* orientation */

@media (orientation: landscape) and (max-device-width: 767px) {

	html,body {-webkit-text-size-adjust: 100%;}

}

@media (max-width: 667px) {

	boddy {width:auto;padding:0px;min-width:0;}

	img,

    table,

    td,

    blockquote,

    code,

    pre,

    textarea,

    input,

    iframe,

    object,

    embed,

    video {max-width: 100%;}

    

    /* conserver le ratio des images */

    img { height: auto;}

    

    /* gestion des mots longs */

    textarea,

    table,

    td,

    th,

    code,

    pre,

    samp {

        -webkit-hyphens: auto; /* césure propre */

        -moz-hyphens: auto;

        hyphens: auto;

        word-wrap: break-word; /* passage à la ligne forcé */

    }

	code,

    pre,

    samp {

        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */

    }

}