/* ------------------------------------------------- */
/* Style de structure, non utile dans l'editeur HTML */
/* ------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700&display=swap');

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/opensans-regular-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Eurosti';
	src: url('/fonts/eurosti-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'OpensansBold';
	src: url('/fonts/opensans-bold-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face { font-family: "Ionicons";
	src: url("/fonts/ionicons.eot?v=2.0.0");
	src: url("/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
			 url("/fonts/ionicons.ttf?v=2.0.0") format("truetype"),
			 url("/fonts/ionicons.woff?v=2.0.0") format("woff"),
			 url("/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


* {margin: 0;}


html, body {height:100%;}

html {
/*
scrollbar-3dlight-color: #007DBC;
scrollbar-arrow-color: #D8C89E;
scrollbar-darkshadow-color: #0d0909;
scrollbar-face-color: #3b2723;
scrollbar-highlight-color: #FFF;
scrollbar-shadow-color: #099050;
scrollbar-track-color: #3b2723;
*/
}


body{margin: 0;background:#FFF;font: 17px Eurosti, Arial, Verdana, Arial, sans-serif;line-height: 20px;color: #0d0909;}
body.print{margin: 50px;background-image:none;background-color: #FFF;color: #464646;font-family: Eurosti,Verdana, Arial, sans-serif;font-size: 12px;}

#zt {display: flex;flex-direction:column;min-height: 100%;}

a, a:visited{color: #0d0909;text-decoration: none;}
a:hover{color: #9e9e9e;text-decoration: none;}
#ZC #minimenu ul li a{ color: #464646;}

#ZC a, #ZC a:visited { }
#ZC a:hover { }

li{margin-left:0px;}
p {margin:0px;padding:5px 0;font-size: 17px;font-family:Eurosti, Arial;line-height: 20px;font-weight: normal;color: #0d0909;}
h1{margin: 5px 0;padding-left: 0;font-size: 20px;font-family:Eurosti, Arial;line-height: 20px;font-weight:700;letter-spacing:1px;color: #244c94;}
h2{margin: 6px 0 3px 0;padding:20px 0;font-size:22px;font-family:Eurosti, Arial;line-height: 25px;font-weight: bold;color: #0d0909;}
h3{margin: 20px 0 3px 0;font-size: 16px;font-weight: 700;color: #0d0909;}

h1.pageListe{margin:0;}
h1.h1fl{float:left;}

.minheightA{min-height:500px}
.pad10{padding:10px;}

.titreinfo{float:left;padding:20px 0px 0px 20px;color:#e7674b;font-size:15px;}

.row {clear:both;position:relative;display:block;width:100%;margin:0;padding:0;float:none;}
.containerA {position:relative; background:none;padding:0; margin-left:auto; margin-right:auto;width: 1170px; }

a.BT001, #ZC a.BT001, a.BT001:visited, #ZC a.BT001:visited {text-decoration:none;font-weight:bold;background:#244c94;padding:9px 8px 9px 9px;color:#FFF;border:none;margin:10px 0px 10px 0px; display:inline-block;}
a.BT001:hover, #ZC a.BT001:hover {text-decoration:none;font-weight:bold;background:#bbbbbc ;padding:9px 8px 9px 9px;color:#fff;border:none;margin:10px 0px 10px 0px; display:inline-block;}
a.BT003, .rowF a.BT003, a.BT003:visited, .rowF a.BT003:visited{background:#FFF;padding:9px 8px 9px 9px;color:#1d6281;border:1px solid #FFF;margin:10px 0px 10px 0px; display:inline-block;}
a.BT003:hover, .rowF a.BT003:hover{border:1px solid #1d6281;}

a.BT010, #ZC a.BT010, a.BT010:visited, #ZC a.BT010:visited {text-decoration:none;font-weight:bold;background:#FFF;padding:9px 8px 9px 9px;color:#0d0909;border:1px solid #0d0909;margin:10px 0px 10px 0px; display:inline-block;}
a.BT010:hover, #ZC a.BT010:hover {text-decoration:none;font-weight:bold;background:#bbbbbc ;padding:9px 8px 9px 9px;color:#fff;border:1px solid #bbbbbc;margin:10px 0px 10px 0px; display:inline-block;}


#voile{width:100%;height:100%; position:fixed;background:#454545;opacity: 0.5;filter: alpha(opacity=50);z-index:299;display:none;}
#popupconnexion {margin: auto auto;top:0;bottom:0;left: 0; right: 0;width: 1100px;height:500px; max-height:100%; background:white;border-radius:20px;border:1px solid white; position:fixed;z-index:300;display:none; }
#popupconnexion .in{float:left;left:-50%; }
#popupconnexion .out{float:left;width:500px;background:left;}
#popupconnexion #idiframesite {width:1060px;height:460px;border:none;background:none;padding:20px;}
.fermerpopup { position: absolute; right: 5px; top: 5px; z-index: 500;}

::placeholder {color:#244c94;font-size: 16px;font-weight: 500;}

div.BL001{display:inline-block;padding:15px;background:#f3f3f3;text-align:left;}

div.TRAIT001{margin:10px 15% 10px 15%;height:1px;background-color:#cfcfcf;}
div.TRAIT002{margin:10px 45% 10px 45%;height:1px;background-color:#cfcfcf;}

.st0 {color: #0d0909;font-size: 30px;font-weight:bold;}
.st1 {color:#2189c9;font-size:25px;font-weight:bold;}
.st2 {color:#f28f0e;font-size:25px;font-weight:bold;}
.st3 {color:#ea1052;font-size:25px;font-weight:bold;}

.st5 {color:#b7c921;font-size:25px;font-weight:bold;}
.st6 {color:#f28f0e;font-size:25px;font-weight:bold;}

.mst1, .menu > ul > li.mst1 {background-color:#ff7300;color:#bbbbbc;}
.menu > ul > li.mst1 > span a, .menu > ul > li.mst1 > span a:visited, .menu > ul > li.mst1 > .lirel span a, .menu > ul > li.mst1 > .lirel span a:visited{color:#bbbbbc;}
.menu > ul > li.mst1 > span a:hover, .menu > ul > li.mst1 > .lirel span a:hover{color:#FFF;}

.posrel{position:relative;}

.st10{font-family:'Arial';font-size:25px;font-weight:300;}

.clear {clear: both;line-height: 0;font-size: 0;overflow: hidden;height: 0;width: 100%; margin: 0;padding: 0;display: block;}

#rgpd{position:fixed;bottom:0;padding:0px;z-index:9999;width:100%;}
#innerrgpd{position:relative;background:#e0e0e0;margin-left: auto;margin-right: auto;width: 960px;margin-bottom:1px;margin-top:1px;border:1px solid black;padding:5px;text-align:center;}
#innerrgpd iframe{width: 100%;height:36px;}

#ZC .row iframe {max-width: 100%;}

.aucun{display:none;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


header {width:100%;background:#FFF;z-index:100;}
header a {border:none;}


.rowH {z-index:100;position:relative;width:100%;background:#FFF;color:#464646;}

.rowH .containerA {width: 100%;padding:0;background:none; }
#Zlogo{float:left;padding-top: 1px;width:300px;height:100px}
#Zlogo img{max-height:150px;max-width:300px;padding: 15px 0px 0px 20px;}
#Zlogo2 img{max-height:100px;max-width:70px;float: right;}
#slogan {float : left;padding: 45px 0px 0px 5px;}
.slogan { font-size: 14px; font-family:'Arial';}
#Zlogo2{padding: 20px 20px 0px 0px}

.rowH .containerA .int {}
.rowH .containerA .int .intdecal { padding:0;}

.rowH .containerA #ZE1c {padding: 45px 30px 35px 40px;background:none;float:left;font-family:'Eurosti';}
.rowH .containerA #ZE1c #Contact {font-size:20px;background:url("/picts/css/picto-tel.png") no-repeat;background-size:20px; padding-left:35px;color:#0d0909;line-height:20px;font-weight:900}
.aarowH .containerA #ZE1c #blMail {font-size:16px;background:url("/picts/css/picto-mail.png") no-repeat;background-size:20px;background-position:0px 3px;padding-left:35px;color:#0d0909;line-height:20px}
.aarowH .containerA #ZE1c #blMail a{color:#0d0909;}

.rowH .containerA #ZE2c {float:left;padding:6px 20px 5px 50px;}
.rowH .containerA #ZE2d {padding:0px 30px 0px 30px;float:left;}
.rowH .containerA #ZE2d #blMail {font-size:16px;color:#bbbbbc;line-height:20px}
.rowH .containerA #ZE2d #blMail a{color:#fff;background:#d4021d;padding:8px}


.rowH .containerA #ZE1d {color: #bbbbbc;padding: 10;background:none;clear:both;float:none;}

.rowH .containerA #ZE1 { padding: 35px 50px 0px 0px;}
.rowH .containerA #ZE1 .input-box{ float : left; height:40px;}
.rowH .containerA #ZE1 .input-box form{height: 100%; float: left; }
.rowH .containerA #ZE1 .input-box #search { width: 203px;height:39px;border-top: solid #0d0909 1px;border-bottom: solid #0d0909 1px;border-left: solid #0d0909 1px;border-right:none;float: left;padding: 10px;border-radius: 0;}
.rowH .containerA #ZE1 .input-box #search:focus {outline: none;}
.rowH .containerA #ZE1 .input-box .search-a {float: left;}
.rowH .containerA #ZE1 .input-box .search-a #imgLoupe{height: 28px;padding:4px 10px 4px 10px;background: #d4021d;margin-left:-20px;border-top: solid #d4021d 2px;border-right: solid #d4021d 1px;border-bottom:solid #d4021d 2px;border-left:solid #d4021d 1px;border-radius: 0;}

.rowH .containerA #ZE1b {padding:15px 0px 0px 0px;background:none;float:left;font-family:'Arial';}
.rowH .containerA #ZE1b #ZE2b, .rowH .containerA #ZE1b #ZE2c{float:left;display : block;text-align : right;padding:10;}
.rowH .containerA #ZE1b #ZE2d{position:relative;float:left;display : block;text-align : right;padding:15px 0px 0px 20px;}

.imgmoncompte, .imgmoncompteconnecte{padding-top:10px;width:40px;}
.imgmoncompte:hover, .imgmoncompteconnecte:hover {content: url('/picts/css/MonCompte2-h.png');}

/*#ZE2d img{padding-top:8px;width:47px;}
#ZE2d img:hover {content: url('/picts/css/panier3-h.png');}
#ZE2d img.pictpanier {padding-top:1px;width:47px;}
#ZE2d img.pictpanier:hover {content: url('/picts/css/panier-avec-pastille3-h.png');}
#ZE2d a:hover > img.pictpanier {content: url('/picts/css/panier-avec-pastille3-h.png');}

#ZE2d a:hover {color: #bbbbbc;text-decoration: none;}
#ZE2d #nbart{position:absolute;top: 16px;left: 40px;width: 13px;background: none;text-align: center;font-size: 15px;font-weight: bold;}*/

/* lt210602 New 'mon compte' (Flex) */
.rowH .containerA #ZE1b #ZE2c {padding: 18px 0px 0px 0px !important;}
.account-container {display: flex;flex-flow: column nowrap;}
.account-container .account-pict {display: flex;background: url('/picts/css/MonCompte2.png') no-repeat;width: 43px; height:38px;}
.account-container .account-pict:hover {background: url('/picts/css/MonCompte2-h.png');}

/* lt210602 New panier (Flex) */
.rowH .containerA #ZE1b #ZE2d {padding: 2px 0px 0px 20px !important;}
.panier-container {display: flex;flex-flow: column nowrap;}
.panier-container .panier-articles {display: flex;position: relative;font-size: 16px;font-weight: bold;justify-content: center;top: 6px;color: #0d0909;}
.panier-container .panier-pict {display: flex;background: url('/picts/css/panier3.png') no-repeat;width: 50px; height:34px;}
.panier-container .panier-pict:hover {background: url('/picts/css/panier3-h.png');}

.rowH .containerA #ZE1b #ZE2b-mobile {display: none;}
.rowH .containerA #ZE1b #ZE2b-mobile ul li {padding: 0px 30px; margin : 5px 0px;width : 41px; height: 41px;float:left; margin-top : 15px;}
.rowH .containerA #ZE1b #ZE2b-mobile ul .mnu1 {border-left: solid #CDCDCD 1px;background: url(/picts/css/Tel.png) center no-repeat;}
.rowH .containerA #ZE1b #ZE2b-mobile ul .mnu2 {border-left: solid #CDCDCD 1px;border-right: solid #CDCDCD 1px;background: url(/picts/css/caddyPanier.png) center no-repeat;}
.rowH .containerA #ZE1b #ZE2b-mobile ul .mnu3 {border-right: solid #CDCDCD 1px;background: url(/picts/css/Compte.png) center no-repeat;}


.rowH1 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width: 100%;min-height: 50px;background: #244c94;}
/*.rowH2 {border-top:1px solid #dfdfdf;background: #646464;}*/

.contactEnTete {padding-left: 10px;}
.contactEnTete p {font-size: 18px;color: white;}
.contactEnTete p a {color: white;}

.formulaireRecherche {display:flex;flex-direction:row;padding-right: 10px;}

.required-entry{height: 27px;padding: 6px;border: hidden; }

.input-box img {height: 27px;}








.rowretourform {padding: 25px 0px 20px 0px ;}
.rowretourform .formoktxt {text-align: center;padding : 5px 0px 15px 0px;font-size: 15px;}
.rowretourform  table { margin : auto;padding-bottom: 10px; }



.rowtitreH1{background:#fafafa;padding:20px 0px 20px 0px;}

.sep1 {background:#71b4dc;width:100%;height:1px;}
.sepcol1{float:left;background:#71b4dc;width:1px;}

#ZP{position: relative;width: 1170px;left: 50%;margin-left: -585px;background:none;}
#ZPPrint{}


footer {width:100%;margin-top:auto;}

footer .rowF .containerA {display:flex;flex-direction:row;align-items:center;width : calc(100% - 40px);min-height: 50px;text-align: left;}
footer .rowF .containerA p {width:100%;padding:15px 0;font-size: 18px;color: white;}

.rowF{background:#244c94;color:white;}
.rowF p{color:white;}
.rowF a, .rowF a:visited{color:white;}
/*.rowF .containerA .footglobal { border-top: solid #636363 0px;margin-top: 65px;min-height:310px;font-family:'Eurosti'; padding-top: 5px;}*/
.rowF .containerA .footglobal { border-top: solid #636363 0px;font-family:'Eurosti'; padding-top: 5px;}
.rowF .containerA .footglobal .col .foottitre {padding-bottom: 25px; font-size: 16px;}
.rowF .containerA .footglobal .col4 .foottitre {padding-bottom: 10px;}
.rowF .containerA .footglobal .col4 #newsletter { font-size: 16px;font-weight: bold;font-family:'Arial'}
.rowF .containerA .footglobal .col4 .formnl .email {background: #636363 ; border: none; height: 40px; width: 210px; color: #FFF; font-size: 18px;padding: 0px 5px 0px 5px;}
.rowF .containerA .footglobal .col4 .formnl a {background: #636363 url(/picts/css/btnNewsletter.png) no-repeat ;background-position: center;padding: 16px 20px 10px 20px;}
/*url(/picts/css/btnNewsletter.png) no-repeat*/
.rowF .containerA .footglobal .col4 .foottel {color: #FBF304; font-size: 20px; font-weight: bold;}
.rowF .containerA .footglobal .col4 .footlink {float: left;padding-top: 35px;}
.rowF .containerA .footglobal .col ul li {list-style: none;background: none; padding-left: 1px;color: #f0f0f0;}
.rowF .containerA .footglobal .col ul li a{color: #f0f0f0;}
.rowF .containerA .footglobal .col ul li a:hover { color: #0d0909; }

.rowF .containerA .col{float:left;width:400px;text-align:left;padding:0px 0px 0px 20px;}
.rowF .containerA .col1{padding:0;width:290px;}
.rowF .containerA .col2{padding:0;width:500px;}
.rowF .containerA .col3{padding:0;width:150px;}
.rowF ul li {background: url(/picts/css/puce_li2.png) no-repeat 0px 2px;list-style: none;padding-left: 15px;padding-top: 0px;padding-bottom: 4px;color: #FFF;}

.rowF2 {font-family:'Arial'; font-size: 12px;padding: 15px 0px 10px 0px;}


.menu .menu-mobile {display : block; border-bottom: 1px solid grey; height: 14px;}


/* SPECIP POPUP KOPAL PAGE ACCUEIL */
.blockCol{position:relative;font-size: 17px;}
.blockCol:hover > div {display:block;}
.blockDefault {z-index: 99;display: none;padding: 5px 5px 30px 20px;background: white;border: 5px solid #dbdedf;}
.btnBlock { margin: 5px 5px 0px 0px;}
/*.blockDefault table {margin-left : auto; margin-right: auto;}*/


.panier{background:#ace0f0;height:63px;color:#FFF;padding:10px 0px 0px 15px;width:155px;float:left;}
.panier .txtpanier{float:left;color:#FFF;padding:10;font-family: Arial,sans-serif;font-size:16px;font-weight: 500;width:115px; text-align:center;}
.panier .txtpanier a{color:#FFF;font-family: Arial,sans-serif;font-size:16px;font-weight: 500;}
.panier .icopanier {float:left;padding:10;}


#ZE1{padding:0px;background:none;float:left;}

#ZE2{height:60px;padding:0;background:none;border:none;}
#ZE2 > .menuhaut{margin:0;float:right;background:none;border-left: 1px solid #e0e7ed}
#ZE2 > .menuhaut > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative;    height:26px;}
#ZE2 > .menuhaut > ul > li { float: left; background: none;  height:26px;  padding: 0;   margin: 0;   display:block;   line-height:26px; }
#ZE2 > .menuhaut > ul > li a, .menuhaut > ul > li a:visited { color:#526a7c; text-decoration: none;   padding: 0px 20px 0px 20px; vertical-align:middle;  display: block;}

#ZE2 > .menuconnexion{margin:0;float:right;background:none;border-left: 1px solid #e0e7ed}
#ZE2 > .menuconnexion > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative;    height:26px;}
#ZE2 > .menuconnexion > ul > li { float: left; background: none;  height:26px;  padding: 0;   margin: 0;   display:block;   line-height:26px; }
#ZE2 > .menuconnexion > ul > li a, .menuconnexion > ul > li a:visited { color:#526a7c; text-decoration: none;   padding: 0px 20px 0px 20px; vertical-align:middle;  display: block;}



#connexion{display:none;position: absolute;right:0px;z-index: 99; font-size: 12px;background: #FFF;border: 1px solid #FFF;padding:5px 15px 5px 5px;box-shadow: 1px 1px 12px #555;margin-top: 35px;text-align: right;}
#connexion .frmconnect{float:none;padding:5px 0px 0px 10px;color:#285d85;}
#connexion #frmconnectb{float:none;padding:5px 0px 0px 50px;color:#FFF;line-height:20px;}
#connexion .frmconnect input{float:none; border: solid 1px  #e0e7ed; padding: 5px 5px 5px 5px;  font-size:12px; line-height:20px; width:200px;}
#connexion #frmconnect2{float:none;padding:5px 0px 0px 10px;color:#285d85;text-align:center;}
#connexion #frmconnect2b{float:none;padding:5px 0px 0px 10px;color:#285d85;line-height:20px;}

#connexionPanier{display:none;position: absolute;z-index: 99; font-size: 12px;background: #FFF;border: 1px solid #FFF;padding:10px 15px 10px 10px;box-shadow: 1px 1px 12px #555;text-align: center;left: 10%}
#connexionPanier .frmconnect{float:none;padding:5px 0px 0px 10px;color:#285d85;text-align : right;}
#connexionPanier #frmconnectb{float:none;padding:5px 0px 0px 50px;color:#FFF;line-height:20px;}
#connexionPanier .frmconnect label{padding : 5px}
#connexionPanier .frmconnect input{float:none; border: solid 1px  #e0e7ed; padding: 5px 5px 5px 5px;  font-size:12px; line-height:20px; width:140px;}

#connexion-mobile{display:none;position: absolute;z-index: 99; font-size: 12px;background: #FFF;border: 1px solid #FFF;padding:10px 15px 10px 10px;box-shadow: 1px 1px 12px #555;text-align: center;right: 5%;top: 225%;}
#connexion-mobile .frmconnect{float:none;padding:5px 0px 0px 10px;color:#285d85;text-align : right;}
#connexion-mobile #frmconnectb{float:none;padding:5px 0px 0px 50px;color:#FFF;line-height:20px;}
#connexion-mobile .frmconnect label{padding : 5px}
#connexion-mobile .frmconnect input{float:none; border: solid 1px  #e0e7ed; padding: 5px 5px 5px 5px;  font-size:12px; line-height:20px; width:140px;}



.tinp {float:left;color:#526a7c;}




#ZE3{padding:0;background:none;}
#ZE3 ul li{float:left;background:none;height:36px;line-height:36px;padding: 30; color: #B9B9B9}
#ZE3 ul li:hover{ color: #0d0909}
#ZE3 ul li.mnu1{padding-right: 10px;}
#ZE3 ul li.mnu2{padding-left: 10px;padding-right: 10px;}
#ZE3 ul li.mnu3{padding-left: 10px;}


#ZC{width: 100%;padding: 0;margin: 0; }


.pagination a {background: url(/picts/css/pagediapo.png) 0px 0px no-repeat transparent;width:14px;height:18px;display: inline-block;}
.pagination a.selected {background-position: -14px 0px;cursor: default;}
.pagination a span {display: none;}

#ZGMD{background: none;width: 1170px;padding: 0;margin: 0;float: left;position: relative; min-height:500px;z-index:0;}

#anim {margin-top:-20px;z-index:0;}
#anim a, #anim a:visited {border:none}
#anim a:hover {border:none}
#anim li{display:inline;position:relative;margin:0;z-index:32;padding:0px;list-style:none;border:none;}
#anim a.lienimg{position:relative;display:inline-block;width:1166px;padding:0px;margin:0px;border:none;}
#anim a.lienimg img{padding:0px;margin:0px;overflow:hidden;border:none;}
#anim #masque {z-index:33;}
#anim #masque2 {z-index:33;}

#anim .msgcar{font-size:14px;position:absolute;display:block;left:30px;width:270px;padding:40px 5px 40px 5px;height:395px;overflow:hidden;z-index:33;background:#FFF;opacity: 0.8;color:#0d0909;}
#anim .msgcar p{font-size:14px; line-height:16px;color:#0d0909;}
#ZCTN{padding: 0px 0px 0px 10px;}
#ZCTN h2{margin-top:10px;margin-bottom:5px;margin-right:30px;color:#0d0909;border-bottom:#0d0909 solid 1px;margin-left: 12px;}






.pres .bord{}
.pres .bord .block_moz{background: #FFF;}

.MSprix1 {width:165px;font-size:14px;color:black;}
.MSsep2 {background: url(/picts/css/sep2.jpg) no-repeat; width:758px; height:35px;}
.MSProdlist {padding: 0; font-size:14px;font-weight:bold; }

.rowmosaique{}
.rowmosaique > h2{color:#0d0909;padding:20px 0px 20px 5px;font-size:22px;border-bottom: solid #CDCDCD 1px; font-weight: bold;}

.liste .cfiltre{display:block;float:left;background:none;width: calc(30% - 10px);min-height:500px;margin-right:10px; padding : 0;}
.liste .btcfiltre{display:none;}
.rowmosaiquemarque .liste .cfiltre{display:none}

.onmos, .bottommos  {margin:0px 0px 20px 0px;padding:10px;width: calc(100% - 20px);}

/*.cmosaique{float:left;background:#FFF;width:calc(100% - 218px);border-left: 1px solid #e0e0e0;}*/
/*.cmosaique{float:left;background:#FFF;width:calc(100% - 218px);}*/
/*.cmosaique{float:left;background:#FFF;width: 100%;}*/
.cmosaique > h2{color:#0d0909;padding:20px 0px 20px 5px;font-size:22px;}
.rowmosaiquemarque .cmosaique{border-left: none;width:100%;}

.retourNews{text-align:center;}
.retourNews{padding: 20px 0px;}
.retourNews img {max-width: 250px;}

.cAsidePromo{float: left; width:250px; margin: 20px 15px 0px 5px;}
.cAsidePromo .title{padding: 10px 0px 10px 10px;background-color: #faf403;font-weight: bold;color: #0d0909;}
.cAsidePromo #Promo{border-bottom: 1px solid #cdcdcd;}
.cAsidePromo #imgPromo {float: left;margin: 0px 10px 0px 0px;}
.cAsidePromo #imgPromo img {max-width: 250px; max-height:150px}
.cAsidePromo #Promo .ContenuPromo{float:left;padding: 10px 0px 5px 0px;}
.cAsidePromo #Promo .ContenuPromo p{font-size:16px;color : #0d0909;}
.cAsidePromo #Promo .ContenuPromo .prixPromo{width: 240px;padding: 10px 0px 5px 0px;}
.cAsidePromo #Promo .ContenuPromo .prixPromo .prixbarre{text-decoration: line-through;color: #7a7a7a; font-size: 14px;}
.cAsidePromo #Promo .ContenuPromo .prixPromo .prixpromo{font-weight: bold; color: #0d0909; font-size: 15px}
.cAsidePromo #Promo .ContenuPromo .boutonPromo .BTAchatPromo{width: 105px;padding: 2px 5px 3px 30px;font-size:12px;background: url(/picts/css/Cadie-btachat_promo.jpg) no-repeat;background-color: #0d0909;}
.cAsidePromo #Promo .ContenuPromo .boutonPromo .BTAchatPromo:hover{width: 105px;padding: 2px 5px 3px 30px;font-size:12px;background: url(/picts/css/Cadie-btachat_promo2.jpg) no-repeat;background-color: #faf403;}
.cAsidePromo #minimenu{padding: 20px 0px 15px 0px;border-bottom: 1px solid #cdcdcd;}
.cAsidePromo #minimenu ul li{background: none;font-weight: bold; font-size: 15px;}

.cfiche{float:left;background:none;width:100%;}

.cfiche .tabs {display: flex;flex-wrap: wrap; width:100%; justify-content: center; }
.cfiche .tabs label {order: 1;  display: block;padding: 10px 10px 10px 10px;margin-left: 30px;margin-right: 30px;cursor: pointer;  background: #244c94; color:white; font-size:20px;  transition: background ease 0.2s;}
.cfiche .tabs .tab {  order: 99;   flex-grow: 1;width: 100%;display: none;  padding: 1rem;  background: #fff;border-top: 1px solid #e0e0e0;}
.cfiche .tabs input[type="radio"] {display: none;}
.cfiche .tabs input[type="radio"]:checked + label {border-bottom: 3px solid #e0e0e0;}
.cfiche .tabs input[type="radio"]:checked + label + .tab {display: block;}

.listeonglets {display: flex;flex-wrap: wrap; width:100%; justify-content: center; }
.listeonglets label {order: 1;  display: block;padding: 10px 10px 10px 10px;margin-left: 30px;margin-right: 30px;cursor: pointer;  background: #FFF; color:#0d0909; font-size:20px; font-weight: bold;  transition: background ease 0.2s;}
.listeonglets .onglet {  order: 99;   flex-grow: 1;width: 100%;display: none;  padding: 1rem;  background: #fff;border-top: 1px solid #e0e0e0;}
.listeonglets input[type="radio"] {display: none;}
.listeonglets input[type="radio"]:checked + label {border-bottom: 3px solid #e0e0e0;}
.listeonglets input[type="radio"]:checked + label + .onglet {display: block;}


.bord{border: 0px solid #ebebeb;border-right: none;float:left;width:100%;margin-top: 0px;}
.bord .num1 { clear: left;}
.block_moz{width: 218px; padding:0; float:left;margin: 0; /*position:relative;box-shadow:2px 5px 13px -1px rgba(166,166,166,1);*/}
.bord .num1 { margin:0px 25px 20px 0px;}
.bord .num2 { margin:0px 25px 20px 0px;}
.bord .num3 { margin:0px 25px 20px 0px;}
.bord .num4 { margin:0px 0px 20px 0px;}

.rowmosaique2 .block_moz, .rowmosaique3 .block_moz, .rowmosaique21 .block_moz, .rowmosaique22 .block_moz, .rowmosaiquemarque .block_moz{width: 272px; padding:0; float:left;margin: 0;position:relative;}


.bord .specif1{border:none;}
.bord .blocknouveaute{border:1px solid #e5e5e5;}
.bord .blockoccasion{border:1px solid #e5e5e5;}
.bord .blintro{float:left;width:130px;height:175px;overflow:hidden;}
.bord .bltxt{float:left;width:188px;padding:10px 20px 0px 20px;}

.cmosaique .bord .num1,.cmosaique .bord .num2,.cmosaique .bord .num3{/*border-top:1px solid #ededed;border-right:1px solid #ededed;*/}
.cmosaique .bord .num4{/*border-top:1px solid #ededed;border-right:none;*/}

.block_moz .MSc2-1{float:none;height:220px; line-height:220px; border:0px solid #f7f9fb;background:#fff;position:relative;padding:0;text-align:center;}
.block_moz .MSc2-1 div{line-height:20px; display:inline-block;vertical-align: middle;}
.block_moz .MSc2-1 img{max-width:200px; max-height:200px;vertical-align: middle;}
.block_moz .MSc2b2-1{float: none;background:none;margin: 0;text-align: left;padding: 0px 20px 0px 20px;min-height:40px;text-align: center;}
.block_moz .MSc2b2-1 a{margin-left:0px;font-weight:normal; }
.block_moz .MSc2b2-1der{float:none;background:none;padding: 0px 10px 0px 10px;text-align:center;}

.block_liste {float:none;clear:left;}

.block_liste .MSc2-1{float:left;width:360px;height:220px; line-height:220px; border:1px solid #e5e5e5;background:#fff;position:relative;padding:0;text-align:center;border-bottom:1px solid #ededed;}
.block_liste .bllistetxt{float:left;padding:0px 0px 0px 30px;width: 760px;}
#ZC .block_liste .bllistetxt .marque a, #ZC .block_liste .bllistetxt .marque a:visited {text-decoration:none;border:none;}
.block_liste .MSc2-1 div{line-height:20px; display:inline-block;vertical-align: middle;}
.block_liste .MSc2-1 img{max-width:200px; max-height:200px;}
.block_liste .MSc2b2-1{float: none;background:none;margin: 0;text-align: left;padding: 0px 20px 0px 20px;}
.block_liste .MSc2b2-1 a{margin-left:0px;font-weight:normal; }
.block_liste .MSc2b2-1der{float:none;background:none;padding: 0px 20px 0px 20px;}

.refintval {color:#0d0909;font-weight:bold;}

.block_liste .MSc2b2-1 h2,#Zone_ColA_01 .block_liste .MSc2b2-1 h2,.block_liste .MSc2b2-1 h3, .block_liste .MSc2b2-1 h4,.block_liste  .MSc2b2-1 h5{
margin:0;font-size:20px;font-family:'Arial';font-weight:normal;color:#2e2e2e;padding:0px;border:none;
}

.block_listesep {height:1px;width:100%;clear:both;background:#e5e5e5;margin:30px 0px 30px 0px;}

.stickpromo {position:absolute; font-weight:bold;width:121px;height:25px;line-height:25px;vertical-align:middle;padding:0px 5px 0px 5px;right:10px;z-index:99;background:url(/picts/css/promo.png) no-repeat;color:#0d0909;}
/*.stickpromo:after{content:'PROMO';}*/
.sticknew {position:absolute; font-weight:bold;height:25px;line-height:25px;vertical-align:middle;padding:0px 5px 0px 5px;top:10px;right:10px;z-index:99;background:#FAF403;color:#0d0909;}
.sticknew:after{content:'NEW';}

.stickoccasion {position:absolute; background:url('/picts/css/occasion.png');font-weight:bold;height:79px;width:74px;padding:0;top:5px;left:5px;z-index:99;color:#FFF;}
.sticknouveaute {position:absolute; background:url('/picts/css/new.png')no-repeat;font-weight:bold;height:79px;width:121px;padding:0;top:5px;left:5px;z-index:99;color:#FFF;}
.stickDesactiver {position:absolute; background:url('/picts/rond-rouge.png')no-repeat;font-weight:bold;height:32px;width:32px;padding:0;top:5px;left:120px;z-index:99;color:#FFF;}

.allBlockRubriques {display: flex;flex-direction: row;flex-wrap: wrap;gap:50px;}
.blockRubrique {position: relative;width: 220px;height: 350px;margin: 0 30px;}
/*.blockRubrique {width: 218px;margin: 0 0 30px 60px;box-shadow: 2px 5px 13px -1px rgb(166 166 166);}*/

.blockRubriqueTitrePicto {display:flex;flex-direction;gap:15px;min-height: 100px;}
.blockRubriquePicto {width: 50px;}
.blockRubriquePicto img {max-width: 50px;max-height:50px;}

.blockRubriqueTitre h2 {margin: 0;padding: 0;border: none;font-size: 18px;line-height: 24px;text-align: left;color: #0d0909;}

.blockSousTitre {margin-bottom:15px;}

.blockRubriqueImage {height: 200px;}
.blockRubriqueImage img {max-width: 200px;max-height: 170px;vertical-align: middle;}

.blockRubriqueImageZoom, .blockRubriqueImageZoomModulo {z-index: 1000;position: absolute;top: 0;display: none;width: 400px;height: auto;border: 1px solid black;background-color: white;text-align:center;} /* height: 265px;  padding: 40px 0 0 0;*/
.blockRubriqueImageZoom {left: 230px;} 
.blockRubriqueImageZoomModulo {right: 230px;}
.blockRubriqueImageZoom img, .blockRubriqueImageZoomModulo img {max-width: 400px;max-height: 265px;}



.tabDeBlocks div{width: 200px; height: 130px; text-align: left;}
.tabDeBlocks img{max-height: 120px; max-width: 150px;text-align: left;}
.tabDeBlocks h2{font-size: 18px;text-align: left;}

.btnFicheProd a {min-width: 103px;text-align: center;}

.prixAcc{float:none;color:#333;font-size: 15px;font-style: normal;padding: 15px 0;}
.prixAcc .partir{font-size:9px;}
.prixbarre{color:#7a7a7a;font-size: 18px;padding:0px 5px 0px 0px;}
.prixnorm{color:#0d0909;font-size: 18px;font-weight:bold;}

.ht{color:#0d0909;font-size: 12px;font-weight:normal;}

.cl2{clear:both;height:0px;font-size:1px;}



#ZC .block_moz .MSc2b2-1 .prixprod {color: #7a7a7a; font-weight: normal; font-size: 18px; line-height: 20px; margin: 0px 0px 10px 0px;}
#ZC .block_moz .MSc2b2-1 .titreprod {margin: 0;}
#ZC .block_moz .MSc2b2-1 .descriptif {font-size: 14px;line-height: 1.5em;} /* lt210727 ajout descriptif mosaique */
#ZC .block_moz .MSc2b2-1 .descprod { font-size: 11px; line-height: 4px;}


#ZC a.btCommande{float:left;color:#FFF;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat.jpg) no-repeat;background-color: #0d0909; }
#ZC a.btCommande2{float:left;color:#FFF;border:none;display:inline-block; padding:4px 5px 4px 30px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat_Cmde.jpg) no-repeat;background-color: #d4021d;font-size: 15px; }
#ZC a.btCommandefiche{}

#ZC a.btdetail, #ZC a.btdetail:visited, #ZC a.bttoutvoir, #ZC a.bttoutvoir:visited{background:#FFF;border:1px solid #CDCDCD;color:#d4021d;}
#ZC a.btdetail, #ZC a.btdetail:visited{float:none;}
#ZC a.btdetail:hover, #ZC a.bttoutvoir:hover {text-decoration:none;font-weight:bold;background:#f0f0f0;padding:9px 8px 9px 9px;color:#0d0909;border:1px solid #CDCDCD;margin:10px 0px 10px 0px; display:inline-block;}
#ZC a.btcontact, #ZC a.btcontact:visited{float:left;color:#FFF;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat.jpg) no-repeat;background-color: #0d0909;}
#ZC a.btcontact:hover{ float:left;color:#0d0909;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat2.jpg) no-repeat;background-color: #d4021d;}

#ZC a.btCommande:hover{float:left;color:#0d0909;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat2.jpg) no-repeat;background-color: #d4021d;}
#ZC a.btCommande2:hover{float:left;color:#0d0909;border:none;display:inline-block; padding:4px 5px 4px 30px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat2_Cmde.jpg) no-repeat;background-color: #d4021d;font-size: 15px;}
#ZC a.btCommandefiche:hover{}

a.BTIndis{display:block;float:right;font-weight: normal;background: #8A8888;font-size: 11px;height:24px;width:80px;color:#FFF;padding:0; margin:0px 10px 0px 0px;text-align:center;line-height:24px;}
a.BTIndis:hover{background: #8A8888;}
p.Indis, p.indis{width:100%;text-align:right;clear:both;font-weight: normal;font-size: 9px;}
p.IndisListe{display: inline-block;width: 66px;font-weight: normal;font-size: 9px;float: left;padding: 20px 10px 0px 0px;}
p.indislisteref{display: inline-block;width: 66px;font-weight: normal;font-size: 9px;float: left;padding: 20px 10px 20px 0px;}

.bord2{border: 0px solid #ebebeb;border-right: none;float:left;}
.block_moz2{width: 220px; padding:5px 8px 5px 5px; float:left;margin-left: 0px;margin-right: 0px;position:relative;}
.block_moz2 .MSc2-1{float:none;height:220px; line-height:220px; border:5px solid #f7f9fb;background:#fff;position:relative;padding:0;text-align:center;}
.block_moz2 .MSc2-1 img{ display:inline-block;vertical-align:middle;max-width:200px; max-height:200px;}
.block_moz2 .MSc2b2-1{float: none;background:#f7f9fb;margin: 0;min-height: 50px;text-align: left;padding: 0px 0px 0px 8px;}
.block_moz2 .MSc2b2-1 a{margin-left:0px;font-weight:normal; }
.block_moz2 .MSc2b2-1der{float:none;background:#f7f9fb;padding:0;min-height:35px;}



#BF {position:fixed;bottom:0px;width:100%;height:20px;background-color:grey;z-index:2500;border-top:1px solid white;}


.admpage {position:fixed;top:5px;left:80px;z-index:999;}
.admsite {position:fixed;top:5px;left:10px;z-index:999;}
.admrubrique {position:absolute;top:7px;left:-100px;}
/* ---------- Structure des pages (Blocs div) */


#Zone_Entete1old{background: url(/picts/css/BandeauHautB.jpg) no-repeat;  border-right: 0px #0d0909 solid;  border-top: 0px #0d0909 solid;  border-left: 0px #0d0909 solid;  border-bottom: 1px #0d0909;  width: 960px;  height: 193px;  font-size: 8pt;  color: #FFF;}
#Zone_Entete1{background: url(/picts/css/BandeauHautB2.jpg) no-repeat;  border-right: 0px #0d0909 solid;  border-top: 0px #0d0909 solid;  border-left: 0px #0d0909 solid;  border-bottom: 1px #0d0909;  width: 960px;  height: 281px;  font-size: 8pt;  color: #FFF;}
#Zone_Entete1Print{width: 960px;  height: 281px;}

#ZE-Slogan {padding:30px 0px 0px 250px;color:#fff;font-size:26px;}

#Zone_Enteteold{position: absolute;top: 130px;left:15px;font-size: 12px;color: #464646; background:none;}
#Zone_Entete{position: absolute;top: 218px;left:15px;font-size: 12px;color: #464646; background:none;}

#Zone_Connexion{position: absolute;background:none;top: 0px;left:200px; height:90px;font-size: 12px;color: #464646;}
#Zone_Connexion .frmconnect{float:left;padding:5px 0px 0px 10px;color:#285d85;}
#Zone_Connexion #frmconnectb{float:left;padding:5px 0px 0px 50px;color:#FFF;}
#Zone_Connexion .frmconnect input{float:left; border:1px solid #0d0909; font-size:12px; line-height:10px; width:130px;}
#Zone_Connexion #frmconnect2{float:left;padding:5px 0px 0px 10px;color:#285d85;}
#Zone_Connexion #frmconnect2b{float:left;padding:5px 0px 0px 10px;color:#FFF;}
#Zone_Connexion #frmconnect2b a{color:#FFF;}
#Zone_Panierold{position: absolute;background:none;top: 58px;left:713px;width:235px; height:46px;font-size: 12px;color: #464646;}
#Zone_Panier{position: absolute;background:none;top: 146px;left:713px;width:235px; height:46px;font-size: 12px;color: #464646;}
#Zone_Panier .txtpanier {padding:7px 0px 0px 70px;color:#2189c9;line-height:16px;}

#ZBan{position:relative;}

.Mq1{width:460px;text-align:left;padding-top:10px;float:left;}
.Mq2{width:155px;text-align:left;padding-top:10px;float:left;}



#Zone_Logo {position: absolute;background:none;top: 46px;left:0px;width:550px;height:150px;}

#Zone_Rechercheold {position: absolute;background:none;top: 129px;left:670px;width:275px;height:27px;}
#Zone_Recherche {position: absolute;background:none;top: 217px;left:670px;width:275px;height:27px;}
#Zone_Recherche .c1{float:left; width:245px;height:27px;background:none;}
#Zone_Recherche .c2{float:right; width:126px;height:27px;background:none;margin-top:5px;}
#Zone_Recherche .c3{position: absolute;right: 4px;height: 27px;top: -2px;width: 30px;}
#Zone_Recherche input{border:0px solid #0d0909; font-size:16px; line-height:16px; width:230px;}
#Zone_Entete .menusep{float:left;background: url(/picts/css/MenuSep.jpg) no-repeat;width:7px;height:30px;}
#Zone_Entete .menu1{float:left;height:30px;padding-top:3px;}

#Zone_Entete form{width: 150px;padding: 2px;}


#Zone_Entete input{font-size: 9pt;width: 80px;border: none;background-color: #CFFFAB;}
#Zone_Entete a.formbutton:link{display: inline;color: #0d0909;font-size: 8pt;text-decoration: none;background-color: #CCCCCC;text-align: center;border: solid 1px black;width: 60px;}
#Zone_Entete a.formbutton:visited{display: inline;color: #0d0909;font-size: 8pt;text-decoration: none;background-color: #CCCCCC;text-align: center;border: solid 1px black;width: 60px;}
#Zone_Entete a.formbutton:hover{color: #FFF;font-size: 8pt;text-decoration: none;background-color: #487FEF;text-align: center;border: solid 1px black;width: 60px;}

#advrec{background:#AB2025;width:120px;color:white;padding:5px;}

#Zone_Menu{BACKGROUND-COLOR: #FFF;BORDER-RIGHT: #0d0909 3px solid;BORDER-TOP: #0d0909 3px;BORDER-LEFT: #0d0909 3px solid;BORDER-BOTTOM: #0d0909 3px;width: 946px;height: 10px;}

#Zone_Contenu{background: url(/picts/css/FondContenu.jpg) repeat-y;width: 960px;padding: 0;margin: 0;visibility: visible;}

#Zone_ColTotale{margin-left: 25px;margin-right: 25px;}

#Zone_MargeGauche{border: 0;width: 11px;padding: 0;margin: 0;height:350px;min-height:350px;float: left;}

#Zone_MargeGaucheAdd{background-color:transparent;height: 100%;width: 0px;padding: 0;margin: 0;float: left;}
#Zone_ColGauche{background-color:#FFF;border: 0;width: 198px;padding: 0;margin: 0;margin-right:0px;float: left;border-right:0px solid #EBEBEB;}
#Zone_ColGaucheInt{}
#Zone_ColMilieu{BACKGROUND-COLOR:transparent;width: 528px;height: 100%;float: left;padding: 0;margin: 0;}

#Zone_ColMD{background: none;width: 752px;padding: 0;margin-left: 0px;float: left;position: relative; }

#Zone_ColGMD {background: none;width: 940px;padding: 0;margin: 0;float: left;}
#Zone_ColA_01{}
#Zone_ColA_01 h2{margin-top:10px;margin-bottom:5px;margin-right:30px;color:#0d0909;border-bottom:#0d0909 solid 1px;margin-left: 12px;}

#Zone_Coldroite{BORDER-LEFT: #0d0909 3px solid;BACKGROUND-COLOR: #FFF;width: 180px;height: 100%;padding: 0;margin: 0;float: left;}
#Zone_Pied{background:#fff;width: 1170px;min-height: 81px;color:#1f2f7d;margin: 20;}

.clearboth { clear: both; height:15px; }
.clearboth2 { clear: both;font-size:2px; }
hr{clear: both;visibility: hidden;margin: 0;}


.BlocMenu1Top {margin:0px;background:none;height:34px;background: url(/picts/css/Menu1Top.jpg) no-repeat;}
.BlocMenu1Bot {margin:0px;background:none;height:7px;background: url(/picts/css/Menu1Bot.jpg) no-repeat;}

.BlocMenu1 {margin:0px;background:none;min-height:35px;}
.menuv01 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv02, .smenu1 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv03 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv04 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv05 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv06 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv07 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv08 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv09 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv10 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv11 {background: url(/picts/css/menuvgen.jpg) repeat-y;}
.menuv12 {background: url(/picts/css/menuvgen.jpg) repeat-y;}

.BlocMenu1Sep{background: url(/picts/css/BlocMenu1Sep.jpg) no-repeat;height:3px;width:190px;}


.TM{color: #5d5858;font-size: 11px;width:160px;margin: 0;padding: 12px 0px 0px 27px;font-weight: normal;text-align: left;border-bottom:0px dotted #FFF;letter-spacing:1px;}

.BlocMenu1 a,.BlocMenu1 a:visited, .BlocMenu1 span{cursor:pointer;background: url(/picts/css/Menu1Puce.jpg) no-repeat; margin: 0px 0px 0px -20px;padding: 0px 0px 0px 19px; color:#0d0909;}

.BlocMenu2 {margin:0px;background: url(/picts/css/menuvgen.jpg) repeat-y;background:none;height:25px;line-height: 11px;}
.RubMenu { background: url(/picts/css/rubmenupuce.png) no-repeat; width:160px;color: #565656;font-size: 10px;padding: 5px 0px 5px 20px;font-weight: bold;text-align: left;border-bottom:0px dotted #FFF;}
.RubMenu a,.RubMenu a:visited { color: #565656;font-size: 10px;font-weight: normal;text-align: left;border-bottom:0px dotted #FFF;letter-spacing:0.5px;}
.RubMenu a.hl,.RubMenu a.hl:visited { color: #2189c9;font-size: 10px;font-weight: bold;text-align: left;border-bottom:1px dotted #2189c9;letter-spacing:0.5px;}

.BlocMenu2Top {margin:0px;padding:7px 0px 0px 10px; font-size:15px; line-height:15px;color:#FFF; height:27px;background: url(/picts/css/Menu2Top.jpg) no-repeat ;}
.BlocMenu2Bot {margin:0px;background:none;height:9px;background: url(/picts/css/Menu2Bot.jpg) no-repeat;}
.BlocMenu12 {margin:0px;background:none;text-align:center;padding-right:15px;padding-top:3px;}
.menuv201 {background: url(/picts/css/menuv2gen.jpg) repeat-y;}
.menuv201 img{max-width: 188px;}
.BlocMenu2Sep{background: url(/picts/css/BlocMenu2Sep.jpg) no-repeat;height:3px;width:190px;}

ul {margin-left: 0px;padding:10px 0px 10px 10px;}
ul li {list-style: none; padding-left: 25px; padding-top:0px;padding-bottom:4px; background: url(/picts/css/puce_li.png) no-repeat; }
ul ul {padding-left: 25px; }
ul ul li {list-style: none; padding-left:25px; padding-top:0px;padding-bottom:4px; background: url(/picts/css/puce_li_li.png) no-repeat; }
li.ui-menu-item{background:none;}
.menuT2{color: #FFF;font-style: normal;font-weight: normal;font-size: 10pt;height: 12px;padding: 0px 8px;margin: 0 0 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}
.menuT2hl{color: #FF0;font-style: normal;font-weight: normal;font-size: 10pt;height: 12px;padding: 0px 8px;margin: 0 6px 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}

a.menuT,a.menuT:visited  {color: #FFF;font-style: normal;font-weight: normal;font-size: 15px;height: 12px;padding: 0px 8px;margin: 0 0 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}
a.menuT:hover, a.menuThl{color: #fc8f85;font-style: normal;font-weight: normal;font-size: 15px;height: 12px;padding: 0px 8px;margin: 0 0 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}

#Zone_Pied a.menuT{color: #626060;font-style: normal;font-weight: normal;font-size: 15px;height: 12px;padding: 0px 8px;margin: 0 0 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}
#Zone_Pied a.menuT:hover{color: #fc8f85;font-style: normal;font-weight: normal;font-size: 15px;height: 12px;padding: 0px 8px;margin: 0 0 0 0;border-top: none;border-right: 0px #fff solid;border-bottom: none;border-left: none;background-repeat: no-repeat;letter-spacing: 1px;}


a.formbutton:link, a.formbutton:visited{color: white;font-size: 9pt;font-weight: bold;text-decoration: none;background-color: #2F487E;text-align: center;margin-top: 3px;margin-bottom: 3px;padding: 2px 3px;border: solid 1px black;display: block;}
a.formbutton:hover{color: white;font-size: 9pt;font-weight: bold;text-decoration: none;background-color: #E44B00;background-repeat: no-repeat;text-align: center;margin-top: 3px;margin-bottom: 3px;padding: 2px 3px;border: 1px #FF6 inset;}





/*****
	Presentation
*****/
#ZC .containerpreslast{border-radius: 0;}

.preslast{border-radius: 0;}
.presentation_clear{clear:both;height:5px;font-size:2px;color:#d4021d;}
.row p {text-align:justify;}


.pres1 {padding: 10px 0;}
.pres1 img {border-radius: 0;}
.image1 {float:left;padding: 0 20px 0 0;}
.texte1 {padding: 0;}
.texte1 ul {display:inline-block;}


.pres2 {padding: 10px 0;}
.pres2 img {border-radius: 0;}
.image2 {float:right;padding: 0 0 0 20px;}
.texte2 {padding: 0;}


.pres3 {padding: 50px 0 10px 0;}
.pres3 img {border-radius: 0;}
.image3 {float:left;padding: 0 20px 0 0;}
.texte3 {padding: 0;}
.texte3 ul {display:inline-block;}


.pres4 {padding: 10px 0;}
.pres4 img {border-radius: 0;}
.image4 {float:right;padding: 0 0 0 20px;}
.texte4 {padding: 0;}


.pres5 {padding: 10px 0;}
.pres5fullwidth {width: 100%;}

.pres5 > h3 {padding-bottom:10px;}

.pres5fondgris {padding: 10px 0;background:none;}
.pres5fondgris > h2 {padding-bottom:10px;color:#0d0909;}
.pres5fondgris > h3 {padding-bottom:10px;}


.pres9 h2 {text-align:left;}


.pres10 {padding: 10px 0;}
.pres10 img {width:100%;border-radius: 0;}


.pres11 h2 {text-align:left;}


.pres12 {padding: 12px 0px 13px 0px;}
.pres12 .docsCont {display: grid;grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));gap: 50px 25px;}
.pres12 .col .text {padding:8px;}
.pres12 .col .image img {max-width: 100%; max-height : 150px;}
.pres12 .col .image {min-height:150px;padding:8px;}
.pres12 .col .textbot {padding-top:5px;}
.pres12 .col a.lien, .pres12 .col a.lien:visited {display:inline-block;margin-bottom: 5px;padding:0;line-height:14px;font-weight:normal;}


.pres15 {padding: 10px 0;}
.pres15 .colCont {display:flex;flex-direction:row;justify-content:space-between;gap:50px;}
.pres15 .col {max-width: 550px;width:100%;}
.pres15 .intcol {display:flex;flex-direction:column;}
.pres15 img {border-radius: 0px;}
.pres15 h2 {padding-bottom:10px;color:#0d0909;}

.pres15tiers2tiers {border-bottom : 1px solid #e0e0e0;}
.pres15tiers2tiers > .col {float: left;width: 386px;text-align: left;background: #FFF;}
.pres15tiers2tiers > .col1 {width: 386px;}
.pres15tiers2tiers > .col2 {width: 714px;}

.pres152tiers1tiers {border-bottom : 1px solid #e0e0e0;}
.pres152tiers1tiers > .col {float: left;width: 386px;text-align: left;background: #FFF;}
.pres152tiers1tiers > .col2 {width: 386px;}
.pres152tiers1tiers > .col1 {width: 714px;}


.pres18 {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;padding: 10px 0;}
.pres18 .col {display:flex;flex-direction:column;max-width:240px;}
.pres18 .col > h2 {padding:0;margin: 0 0 10px 0;font-size: 16px;line-height: 22px;}
.pres18 img {max-width:240px;}
.pres18 .txt {margin-top:25px;padding: 10px;font-size: 12px;}
.pres18n .txt p {font-size: 12px;}

#ZC .pres18 a.lienimg, .pres18 a.lienimg:visited {border:none;}
#ZC .pres18 a.lienimg:hover {border:none;}


.pres19 {display: grid;grid-template-columns: repeat(auto-fill, minmax(auto, 350px));justify-content:space-between;gap:30px;padding: 10px 0;}
.pres19 .col {max-width:350px;display:flex;flex-direction:column;}
.pres19 .col > h2 {padding:0;margin: 0 0 10px 0;font-size: 16px;line-height: 22px;}
.pres19 a .box-img {margin-bottom:20px;}
.pres19 img {max-width:350px;max-height:300px;}

#ZC .pres19 >.col a.lien, #ZC .pres19 >.col a.lien:visited {text-decoration:none;font-weight:bold;background:#ff7300 ;padding:8px 8px 8px 8px;color:#0d0909;border: none;margin:10px 0px 10px 0px; display:inline-block;}
#ZC .pres19 >.col a.lien:hover, .pres19 >.col a.lien:hover {text-decoration:none;font-weight:bold;background:#0d0909 ;padding:8px 8px 8px 8px;color:#FFF;border:none;margin:10px 0px 10px 0px; display:inline-block;}

#ZC .pres19fondbleu >.col a.lien, #ZC .pres19fondbleu >.col a.lien:visited {text-decoration:none;font-weight:bold;background:#FFF url(/picts/css/bghlien19.png) no-repeat;background-position:right center;padding:8px 20px 8px 8px;color:#2189c9;border:1px solid #FFF;border-radius:2px;margin:10px 0px 10px 0px; display:inline-block;}
#ZC .pres19fondbleu >.col a.lien:hover, .pres19fondbleu >.col a.lien:hover {text-decoration:none;font-weight:bold;background:#2189c9 url(/picts/css/bglien19.png) no-repeat;background-position:right center;padding:8px 20px 8px 8px;color:#FFF;border:1px solid #FFF;border-radius:2px;margin:10px 0px 10px 0px; display:inline-block;}


.pres21 {padding: 10px 0;}
.pres21 .colCont {display: grid;grid-template-columns: repeat(auto-fill, minmax(auto, 265px));justify-content:space-between;gap:30px;}
.pres21 .col {display:flex;flex-direction:column;}
.pres21 .text {display:flex;flex-direction:column;min-height:150px;height:100%;margin-top:10px;padding:8px;background:#dbdbdb;border-radius:10px}
.pres21 .col .textbot {width:100px;height:5px;}
.pres21 .lien {margin-top:auto;padding-top:25px;}
.pres21 .col a.lien, .pres21 >.col a.lien:visited {display:inline-block;line-height:14px;padding:0;font-weight:normal;margin: 0 0 5px 0;}
.pres21 .col hr {width:45%;margin:15px 0;border-bottom:none;}


.pres22 {padding: 10px 0;}
.pres22 .colCont, .pres22 .colContbis {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;}
.pres22 .col {max-width:260px;}
.pres22 .box-img img {max-width:260px;}
.pres22 .col a.lien {background:#00596b url(/picts/css/pucelien13.png) no-repeat;background-position:right center;display:inline-block;border:none;color:#fff;font-size:16px;line-height:30px;padding:0px 30px 0px 5px;border-radius: 0;font-weight:normal;margin: 0px 0px 5px 0px;}


.pres23 {padding: 10px 0px 10px 0px;background: none;color:#FFF;font-weight:300;}
.pres23 p {color:#FFF;font-weight:300;}
.pres23 .colin {height:270px;overflow:hidden;padding:0px;}
.pres23 >.col {width:372px;float:left;padding:0;margin:0px 25px 0px 0px;background:#bbbbbc;}
.pres23 >.col3 {width:372px;padding:0;margin:0;}
.pres23 >.col h2 {color:#FFF;text-align:center;background:none;font-size:28px;line-height:28px;padding:10;font-weight:300;margin: 0px 0px 20px 0px;}


.pres24 {float: left;padding: 10px 0px 10px 0px;}
.pres24 img {border-radius: 0;}
.image24 {float:right;padding: 0px 0px 0px 20px;text-align:right;}
.texte24 {padding: 0;max-width:530px;}
.pres24 .legimg {text-align:right;}


.pres28 .accordeon {cursor:pointer;}
.pres28 .accordeon h3 {color: #0d0909;font-family: Eurosti, Arial;padding: 20px 0px 20px 25px;font-size: 22px;font-weight: bold;margin: 6px 0px 3px 0px;line-height: 25px;background: url('/picts/css/fold0.png') no-repeat left;}
.pres28 .accordeon.active h3 {background: url('/picts/css/fold1.png') no-repeat left;}


/*.rowC32 {background:#f8f8f8;padding: 10;}*/
.rowC32 {padding-top: 10px;}
.pres32 {display:flex;flex-flow:row wrap;justify-content:space-between;padding: 10px 0;gap:10px 30px;}
.pres32 .col {width:200px;padding:10px 5px;}
.pres32 .intcol {display:flex;flex-direction:column;}
.pres32 .col .box-img {text-align:center;}
.pres32 .col .box-img img {max-width:200px;/*max-width:40px;max-height:40px;*/}
.pres32 .col .intcol p {text-align:left;/*padding: 0px 0px 0px 8px;*/}


.rowspecif1{background:none;}
.pres32specif1 {margin-top:20px;color:#555;}
.pres32specif1 .col {width:212px;padding: 20px 0px 10px 0px;border:1px solid #bbbbbc;}
.pres32specif1 .col .box-img {float:left;}
.pres32specif1 .col .box-img img {width:60px;}
.pres32specif1 .col {height:57px}
.pres32specif1 .col1 {width:242px;}
.pres32specif1 .col2 {width:172px;}
.pres32specif1 .col3 {width:212px;}
.pres32specif1 .col3 .box-img {margin-left:10px;margin-right:10px;}
.pres32specif1 .col4 {width:242px;}
.pres32specif1 .col5 {width:192px;}
.pres32specif1 p {color:#555;font-size:11px;font-weight:bold;}


.pres33 .oldlisteonglets {width:100%;border-bottom:1px solid #e0e0e0;height:60px;font-family: "Eurosti";text-align:center;font-weight:700;}
.pres33 .oldonglet {padding:10px 10px 10px 10px;height:37px;line-height:37px;display: inline-block;cursor:pointer}
.pres33 .oldonglet span {font-size:20px;line-height:20px;vertical-align:middle;display:inline-block;}
.pres33 .oldongletactif {border-bottom:3px solid #0d0909;}
.pres33 .oldcol {width:100%;display:none;}
.pres33 .oldcolactif {display:block;}
.pres33 .oldintcolsep {display:none;}





#c1350 h2 {padding:40px 0px 100px 0px} /*à généraliser */
.presAC {height:380px;width:386px;font-size:15px}
.presAC img {border-radius: 0;max-width:480px;}
.imageAC {float:left;width:420px;padding: 0px 20px 0px 0px;}
.texteAC {position:relative;padding: 0px 0px 30px 0px;clear: both;}
.texteAC h2 {text-align:left;}
.texteAC h3 {background: none;margin:0px;padding:10px 0px 10px 0px;color: #244c94;text-align: left;font-size: 19px;line-height:19px;font-weight:bold}
.texteAC p {color: #000;text-align: left;font-size: 19px;line-height:19px;font-weight:bold;padding-top:15px;padding-bottom:15px;}
.presAC ul {float:left;}
.texteAC a {z-index:11;position:relative;}

.pres5 > .presAC {position: relative; display:inline-flex;padding: 10px 0px 25px 0px;height:auto;}
.pres5 > .presAC3 {padding-left:0px;padding-right:0px;}
.pres5 > .presAC .imageAC {width:100%;}
.pres5 > .presAC .imageAC img {width:100%;max-width: 300px;}/*filter:grayscale(100%);*/
.pres5 > .presAC .imageAC img:hover {filter:grayscale(0%);}
.pres5 > .presAC .texteaC {width:100%;}
.pres5 > .presAC .txt {padding:0 10px;}


.cmosaique {float:left;background:#FFF;width: 100%;padding: 40px 00px 40px 0px;}
.cmosaiqueV2 {float:left;background:#FFF;width: 70%;}
.divImageSpecifique {height: 400px; width: calc(100% - 20px); padding: 0px 20px 0px 0px; text-align: center;}
.imageSpecifique {max-width: 400px; max-height: 400px;}

.rowfondgris {background:#eeeeee;}

.rowfondbleu {background:#f0f0f0;color:#FFF;}
.rowfondbleu p, .rowfondbleu a,.rowfondbleu a:visited, .rowfondbleu li,.rowfondbleu h1,.rowfondbleu h2,.rowfondbleu h3,.rowfondbleu h4 {color:#FFF;}
.rowfondbleu .pres19 >.col > h1, .rowfondbleu .pres19 >.col > h2, .rowfondbleu .pres19 >.col > h3 {color:#FFF;}

.rowfondbleu figure {text-align: center;}

.rowfondjaune {background: #ff7300;margin: 10px 0px 60px 0px;padding: 30px 0px 20px 0px;}


/* Style Add */

.containerfullwidth{width:100%;}

.marg25{margin:25px 0px 50px 0px;}
.marg50{margin:50px 0px 50px 0px;}
.marg75{margin:75px 0px 75px 0px;}
.marg100{margin:100px 0px 100px 0px;}

.margt25{margin:25px 0px 0px 0px;}
.margt50{margin:50;}
.margt75{margin:75px 0px 0px 0px;}
.margt100{margin:100;}

.pad0{padding:0 !important;}
.pad25{padding:25px 0px 25px 0px;}
.pad50{padding:50px 0px 50px 0px;}
.pad75{padding:75px 0px 75px 0px;}
.pad100{padding:100px 0px 100px 0px;}

.padt25{padding:25px 0px 50px 0px;}
.padt50{padding:50px 0px 50px 0px;}
.padt75{padding:75px 0px 75px 0px;}
.padt100{padding:100px 0px 100px 0px;}




.tcenter h2, .tcenter h3, .tcenter h4{text-align:center;}
.tcenter .surtitre h2, .tcenter .surtitre h3, .tcenter .surtitre h4{text-align:left;}
.wpres19 .tcenter .col .txt, .wpres19 .tcenter .col .txt p{text-align:center;}



.wpres19 .surv1 .col:hover {background:#485cc7}
.wpres19 .surv1 .col:hover p, .wpres19 .surv1 .col:hover h2, .wpres19 .surv1 .col:hover h3{color:#FFF;}



.coulclair, .coulclair p, .coulclair h2, .coulclair h3, .coulclair h4, .coulclair .tc1, .coulclair .tc2{color:#FFF;}
.coulfonce, .coulfonce p, .coulfonce h2, .coulfonce h3, .coulfonce h4, .coulfonce .tc1, .coulfonce .tc2{color:#0d0909;}


.carousel24 {padding: 0px 0 0px 00px;position: relative;background:none;width:100%;}
.carousel24 ul {margin: 0;padding: 0;list-style: none;display: block;}
.carousel24 li {width:100px ; height:100px; line-height:100px;text-align: center;background:none; border: 1px solid #ccc;padding: 0;margin: 5px 3px 5px 5px;display: block;float: left;overflow:hidden;}

.carousel24 img {background-color: white;padding: 0;display: inline-block;;vertical-align:middle;}
.carousel24 a.prev,.carousel24 a.next {background: no-repeat transparent;width: 18px;height: 53px;display: block;position: absolute;top: 85px;}
.carousel24 a.prev {left: -17px; top:30px ;background: url(/picts/css/prec1.png) no-repeat; text-decoration:none; border:none;}
.carousel24 a.prev:hover { }
.carousel24 a.next { right: -19px; top:30px ;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;border:none; }
.carousel24 a.next:hover {}
.carousel24 a.prev span,.carousel24 a.next span {display: none;}
.carousel24 .clearfix {float: none;clear: both;}


.carousel25b {padding: 0;margin: 0;position: relative;background:#e0e0e0;width:100%;}
.carousel25b ul {margin: 0;padding: 0;list-style: none;display: block;}
.carousel25b li {position:relative;width:250px ; height:250px; line-height:246px;text-align: center;background:none; border: 0px solid #ccc;padding: 0;margin: 0px 10px 0px 10px;display: block;float: left;overflow:hidden;}

.carousel25b li.imgcar {}
.carousel25b li.imgcar .opcar25{position:absolute;left:0px;padding:5px;width:240px;height:240px;z-index:32;background:#00596b;opacity: 0.6;filter: alpha(opacity=60);}
.carousel25b li.imgcar .msgcar25{display:block;color:#FFF;font-size:25px;line-height:240px;position:absolute;left:0px;padding:5px;width:240px;height:240px;z-index:33;}
.carousel25b li.imgcar .txtcar25{color:#FFF;font-size:25px;line-height:25px;display: inline-block;vertical-align:middle;}
.carousel25b li.imgcar .txtcar25 p{color:#FFF;font-size:25px;line-height:25px;text-shadow: 2px 2px 4px #0d0909;}
.carousel25b li.imgcar a{padding:0px; margin:0px;display:block;border:none;}

.carousel25b img {background-color: white;padding: 0;display: inline-block;vertical-align:middle;}

.carousel25b li.imgcar:hover .opcar25{background:none;}

.carousel25b a.prev,.carousel25b a.next {background: no-repeat transparent;width: 18px;height: 53px;display: block;position: absolute;top: 85px;}
.carousel25b a.prev {left: -20px; top:100px ;background: url(/picts/css/prec1.png) no-repeat; text-decoration:none; border:none;}
.carousel25b a.prev:hover { }
.carousel25b a.next { right: -19px; top:100px ;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;border:none; }
.carousel25b a.next:hover {}
.carousel25b a.prev span,.carousel25 a.next span {display: none;}
.carousel25b .clearfix {float: none;clear: both;}


.carousel25 {padding: 0;position: relative;background:#FFF;width:100%;}
.carousel25 ul {margin: 0;padding: 0;list-style: none;display: block;}
.carousel25 li {width:155px ; height:105px; line-height:100px;text-align: center;background:none; border: 0px solid #ccc;box-shadow: 1px 1px 5px #555;padding: 0;margin: 5px 9px 5px 9px;display: block;float: left;overflow:hidden;}

.carousel25 img {background-color: white;padding: 0;display: inline-block;;vertical-align:middle;max-width:105px;}
.carousel25 a.prev,.carousel25 a.next {background: no-repeat transparent;width: 29px;height: 29px;display: block;position: absolute;top: 85px;}
#ZC .carousel25 a.prev {left: 0px; top:44px ;background: url(/picts/css/flecheGmarque.png) no-repeat;background-position:center; text-decoration:none; border:none;}
.carousel25 a.prev:hover { }
#ZC .carousel25 a.next { right: 0px; top:44px ;background: url(/picts/css/flecheDmarque.png) no-repeat;background-position: center;text-decoration:none;border:none; }
.carousel25 a.next:hover {}
.carousel25 a.prev span,.carouselmarque a.next span {display: none;}
.carousel25 .clearfix {float: none;clear: both;}




.carouselmarque {padding: 0;position: relative;background:#FFF;width:100%;}
.carouselmarque ul {margin: 0;padding: 0;list-style: none;display: block;}
.carouselmarque li {width:155px ; height:105px; line-height:100px;text-align: center;background:none; border: 0px solid #ccc;box-shadow: 1px 1px 5px #555;padding: 0;margin: 5px 9px 5px 9px;display: block;float: left;overflow:hidden;}

.carouselmarque img {background-color: white;padding: 0;display: inline-block;;vertical-align:middle;max-width:105px;}
.carouselmarque a.prev,.carouselmarque a.next {background: no-repeat transparent;width: 29px;height: 29px;display: block;position: absolute;top: 85px;}
#ZC .carouselmarque a.prev {left: 0px; top:44px ;background: url(/picts/css/flecheGmarque.png) no-repeat;background-position:center; text-decoration:none; border:none;}
.carouselmarque a.prev:hover { }
#ZC .carouselmarque a.next { right: 0px; top:44px ;background: url(/picts/css/flecheDmarque.png) no-repeat;background-position: center;text-decoration:none;border:none; }
.carouselmarque a.next:hover {}
.carouselmarque a.prev span,.carouselmarque a.next span {display: none;}
.carouselmarque .clearfix {float: none;clear: both;}


#fil {background: #FFF;min-height:45px;width:100%;color:#575555;padding: 0;letter-spacing:1px;margin:20;border: 0px solid #dddddd;}
#fil a{color:#0d0909;display:inline-block;border:none;font-style:normal;font-weight:bold;}

#fil p {  height:50px;  line-height:45px;  text-align:left; padding: 0px 0px 0px 00px;border:0px solid #d4021d;font-style:italic; }
#fil span { padding:0px 5px 0px 00px; vertical-align:middle;display:inline-block;line-height:1.2;text-align:left;background:none; font-style:normal;font-weight:100;font-size:12px; }

.liste .cfiltre .titre {margin:10px 0px 5px 0px;border-bottom:1px solid #e0e0e0; font-size:20px;width:auto;float:none;}
.liste .cfiltre ul {clear:both;margin:0px 0px 20px 10px;}
.liste .cfiltre ul li {float: left;text-decoration: none;font-weight: bold;background: #0d0909;padding: 8px;color: #fff;border: none;margin: 10px 10px 10px 0px;display: inline-block;font-size : 15px;}
.liste .cfiltre ul li:hover{;color: #fff;background: #0d0909;}

.liste .cfiltre .titrecrit{font-weight:bold;margin:10px 0px 5px 0px;}
.liste .cfiltre .valcrit{margin:0px 0px 0px 10px;}
.liste .cfiltre .valcrit input{margin:2px 0px 0px 0px;}


.MSL1Btop {background:none; height:1px;font-size:1px;}
.MSL1Bbot {background:none; height:1px;font-size:1px;}
.MSL1B {background:none;margin:20;  }

.MSc1 {float:left; width:20px; display:none; }
.MSc2 {float:left; width:500px;background:white;}


.MSc2 #imgRef {border: 1px solid #e5e5e5;text-align: center;height:500px; line-height:500px;box-shadow:2px 5px 13px -1px rgba(166,166,166,1);}
.MSc2 #imgRef div {line-height: 20px;display: inline-block;vertical-align: middle;}
.MSc2 #imgRef img {max-width:370px;max-height:370px;}
.MSc2 #imgRef a,.MSc2 #imgRef a:visited{border:none;}
.MSc2 #imgRef a:hover{border:none;}

.MSlAtop {display:none;}
.MSlAbot {display:none;}
.MSlA {background: url(/picts/css/MS1A.jpg) repeat-y;margin:0px; }



/*STANDARD MOSAIQUE*/
.MSL1top {background: url(/picts/css/MSL1top.jpg) no-repeat; height:24px;font-size:15px;padding-top:10px;padding-left:30px;}
.MSL1bot {background: url(/picts/css/MSL1bot.jpg) no-repeat; height:14px;font-size:1px;margin-bottom:10px;}
.MSL1 {background: url(/picts/css/MSL1.jpg) repeat-y;margin:0px; }

.MSc1Sep {float:left; width:25px; }
.MSc2b {float:left; /*padding:0px 20px 20px 10px*/}

.MSc2b2 {float:left; width:159px; background:none; }
.MSc2b2 a{margin-left:0px;font-weight:normal; }

/*MOSAIQUE 1*/
.MSL1top-1 {background: url(/picts/css/MSL1top.jpg) no-repeat; height:24px;font-size:15px;padding-top:10px;padding-left:30px;}
.MSL1bot-1 {background: url(/picts/css/MSL1bot.jpg) no-repeat; height:14px;font-size:1px;}
.MSL1-1 {background: url(/picts/css/MSL1-1.jpg) repeat-y;margin:0px; }
.MSL1sep-1 {background: url(/picts/css/MSL1-sep.jpg) no-repeat;margin:0px; height:5px;}
.MSc1-1 {float:left; width:20px; }
.MSc1Sep-1 {float:left; width:25px; }


.MSL1top-1 h2{
	color:#464646;
	padding:0;
	margin:0;
	font-size:15px;
	font-weight:normal;
}

.MSL1top-1 u{
	text-decoration:none;
}

.MSL1top-1 em{
	font-style:normal;
}

.MSL1top-1 strong{
	font-weight:normal;
}

.promo2{position:absolute;top:0px;right:0px;}

.MSc2sep1 {float:left; width:15px; height:31px; }
.MSc2sep2 {float:left; width:10px; height:31px; }
.MSc2c {float:left; width:31px; height:31px; border: 2px #cdcdce solid;}

.MSc3 {float:left; width:50px; }
.MSc4 {float:left; width:360px; background:none;margin:0px;padding:0px}
.MSc5 {background: url(/picts/css/MSc5.jpg) no-repeat;float:left; width:128px;padding-left:20px; }
.MSsep {background: url(/picts/css/sep1.jpg) no-repeat; width:758px; height:21px;}

.MSc4b {float:left; width:620px;margin:0px;padding:0px}
.MScdesc{clear:both;padding:0;}
.MScdesc ,.MScdesc p{font-size:15px;line-height:20px;text-align: left}
.MSc4L1 {float:left; width:100%; background:white;margin:0px;padding:0px 0px 10px 0px;}
.MSc4L1 h1{margin:0px;font-size:24px;font-weight:bold;padding:0;}
.MSc4L1 p.titre{margin: 0;font-size: 25px;font-family: 'Arial';font-weight: bold;color: #575555;padding: 0px;border: none;line-height: 24px;}

.MSc4b2 { width:calc(100% - 15px);padding:0px 15px 0px 0px; margin:15px 0px 10px 0px;line-height:18px;font-size:17px;border-top: 0px solid #dddddd; border-bottom: 0px solid #dddddd;}

.MSdesc3 {padding:10;}

.configurateur{padding: 0px 0px 20px 0px;}
.configurateur .titreconfig{font-weight:normal;font-size: 18px;line-height: 22px;color: #bbbbbc;}

.configurateur input[type="radio"] {width: 15px;height: 15px;}

.configurateur .libconf{padding-top:20px;padding-bottom:20px;clear:both;font-size: 18px;line-height: 20px;font-weight: bold;color:#0499db;}
.configurateur .valconf{padding-left:20px;clear:both;padding-bottom: 15px;}
.configurateur .valconf .radioconf{float:left;}
.configurateur .valconf .valconfpr{float:left;padding-left:20px;}
.configurateur .valconf .prixadd{float:left;padding-left:5px;font-style:italic;}
.configurateur .valconf .valconfcomplement{float:left;padding-left:30px;font-style:italic;font-size:12px;}


/* D�but Page Configurateur */

.MSL1break {background:none; height:1px;font-size:1px;}
.MSL1block {background:none;margin:20;}
.MSL2 {background:none;margin:0px 0px 20px 0px;text-align: center;}

.MSL2 #imgRefConfigurateur {display: inline-block;text-align: center;height: 100px;line-height: 100px;}
.MSL2 #imgRefConfigurateur div {line-height: 20px;display: inline-block;vertical-align: middle;}
.MSL2 #imgRefConfigurateur img {max-width: 100px;max-height: 100px;}
.MSL2 h1 {display: inline-block;margin-left:20px;}

.MScG {float: left;background: none;margin-top: 4em;z-index: 10;}
.MScG .MSPrBt {padding: 10px;border: 1px solid #ccc;border-radius: 5px;background: white;}
.MScG #comRefConfigurateur {float: none;text-align: center;}
.MScG #prixRefConfigurateur {float: none;color: #0d0909;font-size: 26px;font-weight: bold;text-align: center;}

.fixed {position: fixed;}
.fixedBottom {top: auto;bottom: 50px;position: absolute;}

.MScSep {float:left; width: 200px;}

.MScD {float:left; min-width:720px; background:#d4021d;margin:0px;padding:0px}
.MScDL1 {float:left; width:100%; background:white;margin:0px;padding:0px 0px 10px 0px;}
.MScD2 { width:calc(100% - 15px);padding:0px 15px 0px 0px; margin:15px 0px 10px 0px;line-height:18px;font-size:14px;border-top: 0px solid #dddddd; border-bottom: 0px solid #dddddd;}


.produitoptions .titreopt{padding-top:20px;padding-bottom:20px;clear:both;font-size: 18px;line-height: 20px;font-weight: bold;color:#0499db;}
.produitoptions input[type="radio"] {width: 15px;height: 15px;}

.produitoptions .divopt{margin-bottom: 15px;}
.produitoptions .divopt .separator{margin: 5px 0 10px 0;border-bottom: 1px #ccc solid;width: 100%;}

.produitoptions .divrubopt.closed{background: url('/picts/css/fold0.png') no-repeat left;height: 35px;line-height: 35px;font-size: 19px;font-weight: bold;cursor: pointer;padding-left: 30px;margin-bottom: 30px;text-decoration: underline;}
.produitoptions .divrubopt.opened{background: url('/picts/css/fold1.png') no-repeat left;height: 35px;line-height: 35px;font-size: 19px;font-weight: bold;cursor: pointer;padding-left: 30px;margin-bottom: 30px;text-decoration: underline;}
.produitoptions .divrubopt::selection {color: none;background: none;}

.produitoptions .valopt .rubopt{display: inline-block;width: 40%;font-size: 19px;line-height: 2.5em;cursor:pointer;vertical-align:middle;}

.produitoptions .divoptions.not-displayed{display: none;}
.produitoptions .divoptions .ligneopt{display: flex;align-items: center;margin-bottom: 20px;margin-left: 20px;}
.produitoptions .divoptions .divlibopt{margin: 0px 15px;width: 20em;}
.produitoptions .divoptions .divlibopt .prixopt{font-style: italic;}

.produitoptions .divoptions .prodinfos {cursor: pointer;}
.produitoptions .divoptions .prodimg{height: 100px;margin-left: 20%;}

/* Fin Page Configurateur */

.divbtcommande{float:right;}
.divbtcontact{float:right;clear:both;}
.divbttel{float:right;clear:both;}

.divbtcommande .BT001{min-width:210px;text-align:center;}
.divbtcontact .BT010{min-width:210px;text-align:center;}
.divbttel .BT010{min-width:210px;text-align:center;}

.ttc {font-size:10px;font-style:italic;letter-spacing:1px;}
.ttc2{color:#0d0909;font-size: 12px;font-weight:normal;}
.dateFinPromo{font-size : 10px; font-style: normal; letter-spacing : 1px;}
.MSc4b3 {float:left; width:38px; }
.MSsep3 { display:none;width:510px; height:1px;margin:10px 10px 10px 10px; background-color:#e7e7e7; font-size:1px;}

.MStxt{height:125px;padding:0px;margin:0px;background:none;color:#464646;}

.MStxt h2, .MStxt h3, .MStxt h4, .MStxt h5 {
	margin:0px;font-size:16px;font-weight:bold;color:#2189c9;padding:0px;
}

.MSc2b2-1 h2,#Zone_ColA_01 .MSc2b2-1 h2, .MSc2b2-1 h3, .MSc2b2-1 h4, .MSc2b2-1 h5{
	margin:15px 0px 0px 0px;font-size:18px;line-height: 26px;font-weight:normal;color:#0d0909;padding:0px;border:none;
}

.MSc2b2-1 a:hover h2,#Zone_ColA_01 .MSc2b2-1 a:hover h2, .MSc2b2-1 a:hover h3, .MSc2b2-1 a:hover h4, .MSc2b2-1 a:hover h5{
	color: #0d0909;text-decoration: none;
}

.MSc2b2-1 {color: #0d0909;}

#Zone_ColA_01{
	width:750px;
}



a.switch{
	float:right;
	margin-right:10px;
	/*background:#acc955;*/
	color:#fff;
	padding:2px;
}

.MSc2d {float:left; width:92px; height:92px; overflow:hidden; border: 1px #cdcdce solid;text-align : center;box-shadow:2px 5px 13px -1px rgba(166,166,166,1);}
.MSc2d img{width:90px;}
.MSc2dPrAs{float:left; width:230px;}
.MSc2dPrAs .PrAsdesc{font-weight:normal;}

.MSc2d2 {float:left; width:160px; background:none;text-align: center;font-size: 18px;line-height: 26px;font-weight: normal;color:#2e2e2e;}
.MSc2d2 .marqueass{font-weight:normal;font-size:14px;line-height: 20px;}
.MSc2d2 a{font-weight:Bold;font-size:14px; }
.MSc2sep3 {float:left; width:20px;}
.MSc2sep3d {float:left; width:20px;}
.MSc2sep4 {float:left; width:7px;}
.MSc2sep3last {float:left; width:0px;}

.mleft .block_moz{
	margin-left:0px;
}

.sm1 {font-size:10px;}


a.BT002{display:block;font-weight: normal;background: url(/picts/css/bt01.jpg) no-repeat;font-size: 11px;height:26px;width:80px;color:#FFF;padding-top:4px;text-align:center;line-height:15px;float:left;}
a.BT002:hover{display:block;background: url(/picts/css/bt01s.jpg) no-repeat;font-size: 11px;height:26px;width:80px;color:#FFF;padding-top:4px;text-align:center;line-height:15px;}



#comRef a.BTIndis{float:left;}

/* pagination */
#pagination{ width:300px; margin-left:auto; margin-right:auto;}
#pagination a{width:300px; text-decoration:underline; color:#3d3b55; border:none;}
#pagination .suivant{ float:left; width:25px; text-align:right;}
#pagination .precedent{ float:left; width:25px;}
#pagination .page{float:left; width:250px; text-align:center; color:#3d3b55; font-weight:bold;margin-bottom: 15px;}



#FormSimple label {
	margin: 0 10px 0 0;
	width: 140px;
	float: left;
	display: inline;
	padding: 0;
	clear: both;
}
#FormSimple label.obligatoire {
	color: #0d0909;
	font-weight: bold;
}

#FormSimple2{
	margin-left:20px;
}

#FormSimple2 label {
	margin: 0 10px 0 0;
	width: 140px;
	float: left;
	display: inline;
	padding: 0;
	clear: both;
}

#FormSimple2 input{
	padding:7px;margin-bottom:5px;width:280px;
}

#FormSimple2 select{
	padding:7px;margin-bottom:5px;width:295px;
}

#FormSimple2 textarea{
	padding:7px;margin-bottom:5px;width:280px;
}

#FormSimple2 .sub{
	background:#AB2025;border:none;width:100px;color:#fff;margin-top:20px;padding:10px;text-align:center;
}

#FormSimple2 .sub:hover{
	cursor:pointer;
}

#FormSimple2 .sub a{
	color:#fff;font-weight:bold;
}

.labFront{
	font-weight:bold;
	display:block;
}
.divLabFront{
	float:left;
	margin-left:15px;
	margin-top:8px;
	text-align:left;
	min-width:120px;
}
.selectFront{
	float:left;
	width:150px;
}

.divCar{padding: 5px 0px 5px 0px;}
.libCar{font-weight:normal;font-size:14px;border-bottom:0px solid black;}
.valCar{font-weight:normal;border-bottom:0px solid black;}

.Detailsfiche {margin: 0px 0px 10px 20px;}
.Detailsfiche .TitreDetail {font-size: 17px; color: #717171;border: 1px solid #CDCDCD;background-color: #fbfbfb;padding: 5px 0px 5px 20px;margin: 0px 0px 20px 0px;}

.tabCont {width:100%;overflow-x: auto;}

.tabRef{
	position:relative;
	width:100%;
	margin-left:0px;
	border-collapse:collapse;
	white-space: nowrap;
}

.tabRef:hover{
	cursor:pointer;
}

.tabRef td{padding:3px;background-color:#FFF;}
.tabRef th{background-color:#bbbbbc;color:#FFF;padding:10px;border-top:1px solid #bbbbbc;border-bottom:1px solid #bbbbbc;}
.thtabRef1{border-left:1px solid #bbbbbc;}
.thtabRefL{border-right:1px solid #bbbbbc;}

.refean{font-size:10px;}

.prixTabRef{width: 30%;}

.commanderTabRef{width: 15%;}

#comprixRef{float:right;padding-top:100px;}
#comprixRef2{float:right;padding-top:25px;}
#comRef{float:none;}
#prixRef {float:none;margin-top: 15px;color:#0d0909;font-size:26px;font-weight:bold;}

.tdtabRef1{border-left:1px solid #e0e0e0;;}
.tdtabRefL{border-right:1px solid #e0e0e0;;}
.tdtabRef{border-bottom:1px solid #e0e0e0;;}

.tdtabRef a.btCommande{margin:0;}

#listeRef{margin-left:0px;width : 100%;}

#filtreRef{
	float:left;
	background:#f5f5f5;
	border:1px solid #f0f0f0;
	width:99.8%;
	margin: 15px 0px 0px 0px;
	padding:15px 0px;
}

.ProdAccessoires{margin:0px 0px 0px 25px;font-size:14px;font-weight:bold;padding:10;}
.ProdAss{margin:0px 0px 0px 25px;font-size:14px;font-weight:bold;padding:80;}

.titreAss{margin: 10px 0;padding: 15px 5px 15px 0;border: none;border-bottom: 1px solid #e0e0e0;background-color: none;font-size: 18px;font-weight:bold;color:#000;}

.descript{font-size: 14px;color: #0d0909;}
#descriptionRef{float:left;padding:0px 5px 5px 0px; line-height: 20px;}
#descriptionRef .valCar{font-size:14px;line-height:16px;}
.MSc4b2 .valCar{font-size:14px;line-height:16px;}
.MSc4b2 .valCar a{text-decoration:none;}

.ispromo{
	color:#2f2f2f;
}

.tabRef tr.on {background-color:#ebebeb; color:#0d0909;}

a.formbutton2:link, a.formbutton2:visited {font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;color: #505050;font-size: 9px;text-decoration: none;background-color: #f0f0f0;
	/*background-image: url("pictsa/bt/vide2.jpg");*/text-align: center;padding: 2px 3px;border: solid 1px #a7b8bc;margin: 0px;
}
a.formbutton2:hover {font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;font-size: 9px; text-decoration: none;background-color: #f0f0f0;
	/*background-image: url("pictsa/bt/vide2_over.jpg");*/background-repeat: repeat-x;text-align: center;margin: 0px;
	padding: 3px;border: inset 1px #a7b8bc;
}

#filtreRef select{
	padding:8px;
	box-shadow:none;
	border-radius:0;
	color:#555555;
	border:1px solid #DDDDDD;
}

#filtreRef select:hover{
	border-color:#aaa;
	color:#333;
	outline:none;
}

.vImg{vertical-align:middle;display:table-cell;height:155px;width: 155px;}



.MSc1Sep-moz{float:left;width:40px;}

#FormStd2 {font-size:12px;line-height:18px;position: relative;}
#FormStd2 input{color: black;font-weight: normal; padding:1px;margin: 0px; font-size:11px; border:1px solid #e0e0e0;padding:7px;}

.qoblig{
	left:5px;
}

#FormStd2 td.lab{padding:0px;margin: 4px 8px 0px 0px; width: 160px;text-align: left;}
#FormStd2 label{display: inline;padding:0px; }


#FormStd2 td.lab2{padding:0px;margin: 0;}
#FormStd2 td.lab2 label{margin: 0;}
#FormStd2 td.lab2 label.suite{clear:none;background:none;display: inline;float: none;padding:0px;margin: 4px 0px 0px 0px; width: 160px;text-align: left;}


#FormStd2 td.lab2b{padding:0px;margin: 0;text-align: left;}
#FormStd2 td.lab2b label{float:left;}

#FormStd2 td.lab4{padding:0px;margin: 0;text-align: left;}
#FormStd2 td.lab4 label{display:inline;float:none; margin: 0; width:auto; line-height:20px;}

#FormStd2 h2{width:95%;margin:20px 0px 10px 0px;}
#FormStd2 h4 {color:#234c96;margin-bottom:5px;margin-top:5px;border-bottom:1px solid #234c96;}
#FormStd2 h5 {color:#0d0909;font-size:12px;font-weight:normal;margin-bottom:2px;margin-top:5px;margin-left:0px;border-bottom:0px solid #399527;}
#FormStd2 h5.fl {display:inline;color:#0d0909;}
#FormStd2 h5.obligatoire {display:inline;color:#2189c9;font-weight:bold;}

#FormStd2 span {color:#0d0909;font-size:12px;font-weight:normal;margin-bottom:2px;margin-top:5px;margin-left:0px;border-bottom:0px solid #399527;}
#FormStd2 span.fl {display:inline;color:#0d0909;}
#FormStd2 span.obligatoire {display:inline;color:#0d0909;font-weight:bold;}

#FormStd2 .etoile {display:none;}
#FormStd2 .labtitre {float:left;padding:0px;margin:0px;text-align: right;}

#FormStd2 .focus{color: black;background-color: #e0e0e0;}
#FormStd2 .normal{background: white;color: black;}


#FormStd2 .qoblig{display:none;position:absolute;padding:3px;background:#d4021d;color:white;}


#FormStd2 .FormLP { }
#FormStd2 .FormLI { }
#FormStd2 .FormSubmit{margin: 15px 0px 5px 0px;text-align:left;}


#FormStd2 a.formbutton:link, a.formbutton:link{ text-decoration:none;border:none; margin:8px;padding:15px;background-color: #0d0909; color:#fff;display:inline;}
#FormStd2 a.formbutton:visited, a.formbutton:visited{text-decoration:none;border:none; margin:8px;padding:15px;background-color: #2189c9; color:#fff;display:inline;}
#FormStd2 a.formbutton:hover, a.formbutton:hover {text-decoration:none;border:none; margin:8px;padding:15px;background-color: #0d0909; color:#FFF; border:0px solid #0d0909;display:inline;}


#coordrevendeur{background:#FFF;width:1140px;box-shadow: 1px 1px 8px #ddd; padding:15px;margin-bottom : 25px;}
#coordrevendeur label{display:block;float:left;padding:10px;width:200px;text-align:right;clear:both;}
#coordrevendeur div.valrev{display:block;float:left;padding:10px;font-size:15px ; font-weight:bold;}
#coordrevendeur div.BlocDescPaiement{margin:0px 0px 0px 200px; border:2px solid #ddd;padding:10px}


#coordclient{background:#FFF;width:1140px;box-shadow: 1px 1px 8px #ddd; padding:15px;margin-bottom : 25px;}
#coordclient label{display:block;float:left;padding:10px;width:200px;text-align:right;clear:both;}
#coordclient div.valrev{display:block;float:left;padding:10px;font-size:15px ; font-weight:bold;}
#coordclient div.BlocDescPaiement{margin:0px 0px 0px 200px; border:2px solid #ddd;padding:10px}


.deconnect{float:right;padding:0px 10px 0px 30px;position:relative;margin:0}
.deconnect .MS_bt01.btn {margin : 0px;}
.deconnect .MS_bt01.btn:hover {margin : 0px;}

table.listcde {border-collapse:collapse;}
table.listcde tr th {padding:10px 10px 10px 10px; border:1px solid #ddd;}
table.listcde tr td {padding:10px 10px 10px 10px; border:1px solid #ddd;}
table.listcde tr td.prix {text-align:right;}
table.listcde tr td.recapPrix {text-align:right;}

button {border:none;background:none;cursor:pointer;}

.oublic1{float: left; width: 10px;}
.oublic2{float: left; width: 750px;}




.menu-container {
	z-index: 1;
	width: 100%;
	height: 55px;
	background-color: #FFF;
	color: #FFF;
}

.menu-mobile {
	display: none;
	padding: 20px;
	background-color: #d0d1ce;
}

.menu-mobile:after {
	content: "\f394";
	font-family: "Ionicons";
	font-size: 2.5rem;
	padding: 0;
	float: right;
	position: relative;
	top: -110%;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.menu-dropdown-icon:before {
	content: "\f489";
	font-family: "Ionicons";
	display: none;
	cursor: pointer;
	float: right;
	padding: 0px 20px 0px 20px;
	background: #fff;
	color: #333;
}
.menu {
	height: 54px;
	display: flex;
}

.menu > ul {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 17px;
	font-family: "Eurosti";
	font-weight: 700;
	list-style: none;
	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
	content: "";
	display: table;
}

.menu > ul:after {
	clear: both;
}

.menu > ul > li {
	position: relative;
	display:block;
	width: 100%;
	height:54px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-left: 1px solid grey;
	background: none;
	/*background: #FFF;*/
	font-family:eurosti;
	line-height:54px;
	text-align:center;	
	cursor: pointer;
}


.menu2 > ul > li {
	border-bottom: 1px solid grey;
}

.menu > ul .last {
	border-right: solid #a0a0a0 0px;
}



.menu > ul > li > span {
	text-decoration: none;
	/*padding: 1.5em 3em;*/
	padding: 0px 10px 0px 10px;
	vertical-align:middle;
	display:inline-block;
	line-height:17px;
}

.menu > ul > li > span.fl {
	padding: 0px 0px 0px 20px;
}
.flbas0 {position:relative;padding:0px 20px 0px 10px;}

.menu > ul > li > span a, .menu > ul > li > span a:visited, .menu > ul > li > .lirel span a, .menu > ul > li > .lirel span a:visited {
	color: #0a3b77;
	text-decoration: none;
	border:none;
	font-family:Eurosti;
	letter-spacing:2px;
}


.menu > ul > li:hover > .lirel{position:relative;width:100%;height:100%;}
.menu > ul > li:hover > span{}

.flechmenu{
	display: none;
	position: absolute;
	margin-right: 20px;
}

.menu > ul > li.menu-dropdown-icon:hover .flechmenu{
	position: absolute;
	display: none;
	right: 0px;
	top: 22px;
}

/*
.menu > ul > li:hover a, .menu > ul > li:hover a:visited {color:#FFF;}
*/

.menu > ul > li > ul {
	z-index: 99;
	position: absolute;
	left: 0;
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 20px;
	box-shadow: 1px 1px 12px #555;
	/*background: #f0f0f0;*/
	background: #FFF;
	list-style: none;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
	content: "";
	display: table;
}

.menu > ul > li > ul:after {
	clear: both;
}


li.cb {clear:both;}

.menu > ul > li > ul > li.col ul > li{
	line-height:normal;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	list-style: none;
	background: none;
	float: none;
	font-size: 14px;
}

.menu > ul > li > ul > li.col ul{padding:0px;}

.menu > ul > li > ul > li.imgdom  {
	width:30px;
	float:left;
	line-height:normal;
	list-style: none;
	background: none;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.menu > ul > li > ul > li.imgdom img {
	max-width:30px;
}

.menu > ul > li > ul > li.col {
	/* width:12%;
	padding-left: 15px;*/
	width:17%;
	padding-left: 0px;
	float:left;
	line-height:normal;
	list-style: none;
	background: none;
	margin: 0;
	padding-bottom: 0;
}


.menu > ul > li > ul > li.coltype5 {
	width:10%;
	padding-left: 10px;
}

.menu > ul > li > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a:visited {
	text-align:left;
	color: #0d0909;
	padding: .1em 0;
	width: 95%;
	display: block;
	border-bottom: 1px solid #0d0909;
	font-weight:bold;
}

.menu > ul > li > ul > li.col ul > li > ul {
	display: block;
	padding: 0;
	margin: 0px 0px 0 0;
	list-style: none;
	font-weight:normal;
	box-sizing: border-box;
}

.menu > ul > li > ul > li.col ul > li > ul:before,
.menu > ul > li > ul > li.col ul > li > ul:after {
	content: "";
	display: table;
}

.menu > ul > li > ul > li.col ul > li > ul:after {
	clear: both;
}

.menu > ul > li > ul > li.col ul > li > ul > li {
	list-style: none;
	background:none;
	float: left;
	width: 100%;
	padding: 0px 0 0px 0;
	margin: 0;
	font-size: 13px;
	line-height: 18px;
}

.menu > ul > li > ul > li.coltype5 ul > li > ul > li {
	font-size: 12px;
}

.menu > ul > li > ul > li.col ul > li > ul > li a, .menu > ul > li:hover > ul > li.col ul > li > ul > li a, .menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited  {
	color: #3e505d;
	border:none;
	font-weight:normal;
}

.menu > ul > li > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited::first-letter  {
	color:#333;
	border:none;
	font-weight:normal;
}

.menu > ul > li:hover > ul > li.col ul > li > ul > li > a.imp, .menu > ul > li > ul > li.col ul > li > ul > li > a.imp  {
	color: #3e505d;
	border:none;
	font-weight:normal;
}

.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover,
.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover::first-letter, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover::first-letter {
	color: #bbbbbc;
	border:none;
	font-weight:normal;
}


.menu > ul > li > ul.normal-sub {
	left: auto;
	width: 100%; /*calc(100% - 2px)*/
	margin-left: 0;
	padding: 0;
}

.menu > ul > li > ul.normal-sub > li {
	width: calc(100% - 20px);
	padding: 6px 10px;
	background: none;
	line-height: 14px;
}

.menu > ul > li > ul.normal-sub > li a {
	padding: 0;
	border: 0;
	font: 15px Eurosti, Arial;
	font-size:;
	font-weight: normal;
	color:#686868;
}

.menu > ul > li:hover > ul.normal-sub > li a:hover {
	font-size:15px;
	text-decoration:1px solid #244c94;
	/*color:#ace0f0;*/
	color:#0d0909;
}


/* lt210531 : Ajout pour les FAQ rubriques */
.MSFAQRub {width: 100%;float: left;padding: 10px 0px 10px 0px;background: none;}
.MSFAQRub .titre {font-size: 18px;line-height: 1.5em;margin-bottom: 15px;border-bottom: 1px solid #e0e0e0;}
.MSFAQRub .bloc1FAQ {}
.MSFAQRub .bloc1FAQ .question {cursor: pointer;}
.MSFAQRub .bloc1FAQ .question h4 {font-size: 15px;line-height: 1em;padding: 10px 5px 10px 50px;background: url('/picts/css/fold0.png') no-repeat center left 15px #fafafa;border: 0px solid #474d9c;border-radius: 0px;}
.MSFAQRub .bloc1FAQ .question.active h4 {background-image: url('/picts/css/fold1.png');}
.MSFAQRub .bloc1FAQ .answer {width: 70%;padding-left: 10%;margin: 10px 0 10px 0;}


/* ??????????????????????????????????????????????????
Mobile style's
?????????????????????????????????????????????????? */

/* Animation menu */
@media only screen and (min-width: 943px) {
	.menu > ul > li > ul {
		display: block;
		visibility: hidden;
		opacity:0.5;
	}

	.menu > ul > li > ul{
		/*-webkit-transition: width 0.5s;*/
		-webkit-transition: visibility 0.5s;
		-webkit-transition: opacity 0.5s;
	}
	.menu > ul > li:hover > ul{
		/*display:block;*/
		visibility: visible;
		opacity:1;
	}
}

/* Mobile - Menu */
@media only screen and (max-width: 700px) {
 .menu-container {
		position: fixed;
		top: 0;
		width: 50px;
		height: auto;
	}

	.menu .menu-mobile {
		display: block;
		min-width:40px;
		height: 0px;
		padding:20px 10px 30px 0px;
		border-bottom: 1px solid grey;
		border-right: 1px solid grey;
		color:black;
	}

	.menu {
		height: 54px;
		display: block;
	}

	.menu-dropdown-icon:before {
		display: block;
		padding: 0px 20px 0px 20px;
	}

	 /*.menu-dropdown-icon a :before {pointer-events: none;}*/

	.menu {z-index:3000;position:relative;width: 50px;height:auto;}

	.menu > ul {
		position:absolute;
		display: none;
		width:100%;
		height:100%;
		overflow-y:auto;
		overflow-x:hidden;
		/*background:#686868;*/
		margin-left: -10px;
	}

	.menu > ul > li {
		float: none;
		display: block;
		width: calc(100% - 30px);
		height:auto;
		padding:0 15px;
		border-left:0;
		background:#d0d1ce;
		line-height:50px;
		text-align:left;
		transition: background 500ms;
	}

	.menu > ul > li a {
		/*padding: 1.5em;*/
		width: calc(100% - 49px);
		display: block;
	}

	.menu > ul > li span a, .menu > ul > li span a:visited {
	 color:#FFF;
	}

	.menu > ul > li > ul {
		position: relative;
		top: 1px;
		box-shadow:none,
	}

	.menu > ul > li > ul.normal-sub {
		position: relative;
		top: 0;
		width: 100%;
		box-shadow:none;
	}

	.menu > ul > li > ul > li {
		float: none;
		width: 100%;
		margin-top: 2px;
	}

	.menu > ul > li > ul > li:first-child {
		margin: 0;
	}

	.menu > ul > li > ul > li.col {
		width: auto;
		float: none;
	}

	.menu > ul > li > ul > li > ul {
		position: relative;
	}

	.menu > ul > li > ul > li > ul > li {
		float: none;
	}

	.menu .show-on-mobile {
		z-index:2000;
		display: block;
		margin: auto;
		background: #d0d1ce;
	}

	.menu > ul > li:hover {
		background:#9d9a9a;
	}

	/*
	.menu > ul > li:hover a, .menu > ul > li:hover a:visited{color:white;}
	*/
}

/* Mobile - Content */
@media only screen and (max-width: 700px) {
	img{max-width:100%;}

	#ZP{width:auto;left:0%;margin:5px;}

	header{height:auto;width:100%;background:#FFF;}

	#Zlogo2 img{display : none;}
	#Zlogo img{max-height:100px;max-width:220px;padding: 20px 0 0 0;}
	#Zlogo{float:left;padding-top: 1px;width:100%;height:100px}

	.rowH1{background: #244c94;width: 100%; min-height: 55px;}

	.contactEnTete {width: calc(100% - 177px);}
	.contactEnTete p {padding: 0;text-align:left;}
	.contactEnTete p a {display:block;}

	.required-entry {max-width: 100px;border: hidden;}


	#anim {display:none;}

	#comprixRef{float:right;padding-top:0;}
	.MSc2b {float:left; display : flex; justify-content : space-between; width : 100%;/*padding:0px 20px 20px 10px*/}



	footer .rowF .containerA {width : calc(100% - 20px);}
	footer .rowF .containerA p {display: flex;flex-flow: row wrap;justify-content:center;gap: 10px;}


	.containerA {width:auto; padding:0 10px;}

	.pres1, .pres2, .pres3, .pres4, .pres5, .pres6, .pres7, .pres8, .pres9, .pres10, .pres11, .pres12, .pres13, .pres14, .pres15, .pres16, .pres17, .pres18, .pres19, .pres20, .pres21, .pres22, .pres23 , .pres24, .pres25, .pres26, .pres27, .pres28, .pres29, .pres30, .pres31, .pres32, .pres33 {width: 100%;}
	.colA .pres1, .colA .pres2, .colA .pres3, .colA .pres4, .colA .pres5, .colA .pres6, .colA .pres7, .colA .pres8, .colA .pres9, .colA .pres10, .colA .pres11, .colA .pres12, .colA .pres13, .colA .pres14, .colA .pres15, .colA .pres16, .colA .pres17, .colA .pres18, .colA .pres19, .colA .pres20, .colA .pres21, .colA .pres22, .colA .pres23 , .colA .pres24, .colA .pres25, .colA .pres26, .colA .pres27, .colA .pres28, .colA .pres29, .colA .pres30, .colA .pres31, .colA .pres32, .colA .pres33  {width: 100%;}
	.colB .pres1, .colB .pres2, .colB .pres3, .colB .pres4, .colB .pres5, .colB .pres6, .colB .pres7, .colB .pres8, .colB .pres9, .colB .pres10, .colB .pres11, .colB .pres12, .colB .pres13, .colB .pres14, .colB .pres15, .colB .pres16, .colB .pres17, .colB .pres18, .colB .pres19, .colB .pres20, .colB .pres21, .colB .pres22, .colB .pres23 , .colB .pres24, .colB .pres25, .colB .pres26, .colB .pres27, .colB .pres28, .colB .pres29, .colB .pres30, .colB .pres31, .colB .pres32, .colB .pres33  {width: 100%;}

	.pres1 img, .pres2  img, .pres3  img, .pres4  img, .pres5  img, .pres6  img, .pres7  img, .pres8  img, .pres9  img, .pres10  img, .pres11  img, .pres12  img, .pres13  img, .pres14  img, .pres15  img, .pres16  img, .pres17  img, .pres18  img, .pres19  img, .pres20  img, .pres21  img, .pres22  img, .pres23  img, .pres24  img, .pres25  img, .pres26  img, .pres27 img, .pres28 img, .pres29 img, .pres30 img, .pres31 img, .pres32 img, .pres33 img {max-width: 100%;}



	.rowH {z-index:0;}
	.rowH .containerA {padding: 0;background: none;}
	.rowH .containerA #ZE1c { padding: 0px 0px 0px 20px;}
	.rowH .containerA #ZE1c #Contact {padding-left: 20px;}
	.rowH .containerA #ZE1d { padding: 5px 0px 0px 0px;font-size: 9px;text-align: center;width: 100%;}


	.rowH .containerA #ZE2c{padding:0px}
	.rowH .containerA #ZE2d{padding:0px 0px 0px 10px}


	#Zlogo {margin:auto;padding: 0; text-align: center;}

	.rowH1 {padding:10px 0;}
	.rowH1 .col1{text-align:center;padding:0px 0px 0px 20px;}
	.rowH1 .col2{float:left;border:none;}
	.rowH .containerA #ZE1b #ZE2b #Contact {padding: 5px 0px 0px 12px;}
	.rowH .containerA #ZE1b {margin-top:-20px;padding: 0; padding-left: 1px;}
	.rowH .containerA #ZE1b #ZE2b-mobile{width : 96%}
	.rowH .containerA #ZE1b #ZE2b-mobile ul li{width : 15%;}


	#ZE{height:auto;}
	#ZE1 {width: 100%; height: auto;  padding: 0px;   background: none;    float: none;}
	.rowH .containerA #ZE1b #ZE2b, .rowH .containerA #ZE1b #ZE2c {display: none;}
	.rowH .containerA #ZE1b #ZE2b-mobile{display: inline-block; padding-left: 6px;}

	#ZE2d #nbart {top: 50px;}

	#ZE3 ul li.mnu1{padding-left:5px;padding-right:5px;background:none;font-size:11px;}
	#ZE3 ul li.mnu1:after{content:"/"}
	#ZE3 ul li.mnu2{padding-left:0px;padding-right:5px;background:none;font-size:11px;}
	#ZE3 ul li.mnu2:after{content:"/"}
	#ZE3 ul li.mnu3{padding-left:0px;padding-right:5px;background:none;font-size:11px;}
	#ZE3 ul li.mnu3:after{content:"/"}
	#ZE3 ul li.mnu4{padding-left:0px;padding-right:5px;background:none;font-size:11px;}
	#ZE2 {display:none;}
	#ZE3 {width: 100%; }
	#ZE3 > .message { width:auto;height:auto;text-align:left;}
	#ZE3 > .message .flags { padding: 0;}
	#ZE3 > .message .ref { position:absolute; top:0px;left:60px; text-align: left;}
	#ZE3 > .message .ref a{font-size:10px;}
	#ZE3 > .input-box {padding-top: 0 ;    float: left; }
	#ZE3 > .input-box #search {width: 100%;}
	#ZE3 > .input-box a {position: absolute;right: 0px;}

	.rowF .containerA .col{ padding: 0px 0px 0px 10px; float:none;width:calc(100% - 10px);}
	.rowF .containerA .col1 { padding: 0px 0px 0px 10px; float:none;}
	.rowF .containerA .col iframe{width:100% !important;}
	.sepcol1{display:none;}


	#connexion {right:auto; left:0px;}

	.panier {height: 50px;  color: #FFF;padding: 0;width: 100%;float: none;}
	.panier .icopanier {padding: 0px 0px 0px 20px;}
	.panier .txtpanier{width:auto;padding: 10px 0px 0px 20px;}

	#ZGMD{width:100%;}


	.allBlockRubriques {justify-content:center;}

	.blockRubrique, .blockRubriqueImage {height:auto;}
	.blockRubriqueTitrePicto {min-height:auto;}

	.blockDefault {display:none !important;top:20px !important;left:0 !important;padding:5px 15px 30px;}
	.blockDefault table tr {display:flex;flex-direction:column;}

	.blockRubriqueImageZoom, .blockRubriqueImageZoomModulo {display:none !important;}


	/* ??????????????????????????????????????????????????
		Content
	?????????????????????????????????????????????????? */
	.pres1, .pres2, .pres3, .pres4, .pres15 .colCont, .pres27 .colCont {flex-wrap:wrap;}

	.pres18, .pres19, .pres21 .colCont, .pres22 .colCont, .pres22 .colContbis, .pres32 {justify-content: space-around;}

	.pres35 .colCont {justify-content: space-between;}

	.image1, .image2, .image3, .image4 {float:none;max-width:100%;padding:0;}


	.pres12 .docsCont {justify-items:center;gap:25px;}
	.pres12 .docsCont .col {display:flex;flex-direction:column;align-items:center;}

	.rowC32 {border-bottom: 1px solid lightgray;}
	.pres32 .col {width: 100%;padding:0;}
	.pres32 .emptyCol {display:none;}


	/* ??????????????????????????????????????????????????
		MS
	?????????????????????????????????????????????????? */
	.cmosaiqueV2 {
		width:100%;
	}

	.block_moz {float:none;}
	.rowmosaique .bord .num1, .rowmosaique .bord .num2, .rowmosaique .bord .num3, .rowmosaique .bord .num4 {border:1px solid #ededed;padding-bottom: 20px;width: calc(100% - 2px);}


	#fil {margin: 10px 0px 10px 0px;}

	/*.liste{padding:0px 0px 0px 10px;}*/
	.liste .cfiltre {display:none;width:100%;background:#e0e0e0;margin-bottom: 10px;}
	/*.liste .btcfiltre{display:block;}*/
	.onmos {float: none;    margin: 0px 0px 20px 0px;    padding: 0px;    width: 100%;}
	.cmosaique {float: none; clear: both; width: 100%; border:none;}
	.cmosaique .bord {position: relative;border:none;}
	.cmosaique .bord .num1, .cmosaique .bord .num2, .cmosaique .bord .num3, .cmosaique .bord .num4 {border:1px solid #ededed;padding-bottom: 20px;width: calc(100% - 2px);}

	.block_moz {width: 300px;}

	.cfiche .tabs .tab, .cfiche  .tabs label {  order: initial;  }
	.cfiche .tabs label { width: 100%; margin-right: 0;  margin-top: 0.2rem;  }

	.listeonglets .onglet, .listeonglets label {  order: initial;  }
	.listeonglets label { width: 100%; margin-right: 0;  margin-top: 0.2rem;  }


	.bord .num1 {margin: 0px 0px 20px 0px;}
	.bord .num2 {margin: 0px 0px 20px 0px;}
	.bord .num3 {margin: 0px 0px 20px 0px;}
	.bord .num4 {margin: 0px 0px 20px 0px;}

	.block_liste .bllistetxt {
	float: none;
	clear:both;
	padding: 0px 0px 0px 10px;
	width: auto;
	}
	.block_liste .MSc2-1{width:300px}
	.block_liste .MSc2b2-1der {padding: 0;}

	.MSc1 {float:none;display:none;}
	.MSc2 { float: none; width: 100%;}
	.MSc2 #imgRef img{max-width:calc(100% - 10px);}
	.MSc3 {float:none;display:none;}
	.MSc4b { float: none; width: 100%;}
	.MSc4L1 { float: none; width: auto;}
	.MSsep3 {margin:10px 0px 10px 0px;width:100%;}
	.MSc4b2 { width: auto;}

	/* CONFIGURATEUR */
	.fixed {position: relative;}
	.MScG {float: initial;background: none;margin-top: 4em;z-index: 10;}
	.MScD {min-width: 0px;}

	#prixRef {min-width:100px;}
	.MSc2dPrAs {  float: none;margin-top:10px;}


	.cfiche {float: none;  width: 100%;}

	#listeRef { padding-left: 0px;}
	.tabRef th{padding:2px;}

	.ProdAss { position:relative;width:100%;}
	.MSc2d2 {display:none;}

	.btn{margin-bottom:5px;}

	#ZE3 > .message .flags .fr{position:absolute;top:0px;right:0px;}
	#ZE3 > .message .flags .uk{position:absolute;top:0px;right:50px;}

	#coordclient{width:100%;padding:0px;}
	#coordclient label{width:100px;}

	#coordclient input{max-width:170px;}

	.oublic1{display:none;}
	.oublic2{float: none; width: 100%;}

	table.listcde tr th {padding:3px;font-size:8px;}
	table.listcde tr td {padding:3px;font-size:10px;}


	#coordrevendeur {width:100%;padding: 15px 0px 15px 0px;}

	#Zone_Pied { width: 100%;}

	.pres5AC {text-align:center;}
	.presAC {max-width:250px;width:100%;height:auto;font-size:15px}

	#FormStd2 .labtitre {display:block;float:none;text-align:left;width:auto !important;}
	#FormStd2 textarea {max-width:308px !important;width:calc(100vw - 32px) !important;margin:0 !important;}
	#FormStd2 input {max-width:300px !important;width:calc(100% - 16px) !important;margin:0 !important;}

	.BL001 {box-sizing:border-box;max-width:230px;width:100% !important;}

	.rowH .containerA #ZE1 .input-box {width: calc(100% - 100px);margin-top:10px;}
	.rowH .containerA #ZE1 .input-box form {width : 100%;}
	.rowH .containerA #ZE1 .input-box #search {width:84%;margin-left: 4px;}
	.rowH1 .col2 .input-text {max-width:200px;margin-top:10px;margin-bottom:10px;padding:2px;height:30px;border:1px dotted #FFF;}

	.rowH .containerA #ZE1b #ZE2d {padding: 20px 0px 0px 20px;}

	#innerrgpd {width:100%;}
	#innerrgpd iframe {
		width: 100%;
		height: 66px;
	}

	.rowH .containerA #ZE1 {padding: 0px 0px 20px 1px;}

	.cAsidePromo{display:none;}

	.MSL1B {background:none;margin:20;display: flex; flex-direction: column-reverse;}
}