/* Police personnalisée */
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Elements de base */
html { width: 100%; height: 100%; }
body { margin: 0px; padding: 0px; font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: normal; 
	color: #223a6a; min-height: 100%; width: 100%; background: #fff; }
table { margin: 0px; padding: 0px; }
tr, thead, tbody { margin: 0px; padding: 0px; }
td { margin: 0px; padding: 0px; vertical-align: top; } 
th { margin: 0px; padding: 0px; vertical-align: top; }
p { margin: 0px; padding: 0px; margin-bottom: 4px; height: auto; }
ul, ol { margin: 12px 0px; padding: 0; padding-left: 40px; } 
li { margin-top: 0px; margin-bottom: 0px; list-style-image: url(/img/front/bull-li.png); line-height: 18px; }
img { border: none; vertical-align: top; }
input { vertical-align: middle; margin: 0px; margin-top: -1px; border: 1px solid #ccc; padding: 4px 3px; font-size: 13px; line-height: 1; color: #000; font-family: Arial, sans-serif; }
input[type=file] { border: none; }
input[type=checkbox] { margin-top: -2px; border: none; }
input[type=radio] { margin-top: -3px;  border: none; }
input[type=submit] { border-radius: 5px; background: #eee url(/img/admin/tick.png) 4px center no-repeat; padding: 1px 4px; padding-left: 20px; border-color: #ccc; color: #666; cursor: pointer; }
textarea { margin: 0px; border: 1px solid #ccc; font-size: 13px; padding: 4px 3px; color: #000; resize: none; font-family: Arial, sans-serif; box-sizing: border-box; }
select { margin: 0px; border: 1px solid #ccc; font-size: 13px; padding: 4px 3px; color: #000; font-family: Arial, sans-serif; }
div { position: relative; }
hr { color: #999; background-color: #999; height: 1px; border: none; }
strong { font-weight: 700; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; }
img, iframe { max-width: 100%; }

/* Liens et classes associées */
a, a:link, a:visited { text-decoration: none; color: #6abb9a; }
a:hover { text-decoration: none; }
a.actif { font-weight: 700; }
li a { text-decoration: none; color: #6abb9a; }
.btnbg { border: 1px solid #c6c6c6; height: 45px; padding-left: 39px; text-decoration: none; display: block; margin-bottom: 10px; background-repeat: no-repeat; background-position: left top; }
.btnbg.vert { background-color: #223a6a; } .btnbg.gris {  background-color: #828282; } .btnbg:hover { background-color: #6abb9a; }
.btnbg > .btncnt { height: 39px; padding: 3px 12px; color: #fff; font-family: 'Barlow Condensed'; font-size: 18px; line-height: 18px; font-weight: normal; 
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.12) 29%, rgba(0, 0, 0, 0) 48%); 
	background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.12) 29%, rgba(0, 0, 0, 0) 48%); 
	text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); -webkit-text-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
a.linkgv, a.linkgv:link, a.linkgv:visited { color: #555555; font-size: 13px; line-height: 16px; } a.linkgv:hover { color: #223a6a; text-decoration: none; }
a.lnkbul, a.lnkbul:link, a.lnkbul:visited { background: url(/img/front/bull-rayon.png) no-repeat 0px -8px; display: inline-block; padding-left: 19px; } 
a.lnkbul:hover { background-image: url(/img/front/bull-rayonh.png); } 
a.btnCancel { border-radius: 5px; background: #eee url(/img/admin/undo.png) 4px center no-repeat; padding: 1px 4px; padding-left: 20px; border-color: #ccc; color: #666; cursor: pointer; }

/* Titres */
h1 { position: relative; font-family: 'Kaushan Script'; font-size: 42px; line-height: 42px; font-weight: 400; margin: 0; padding: 0; }
h1.souligne { border-bottom: 2px dashed #6abb9a; margin: 10px 0 5px 0; padding: 0 0 10px 0; text-align: center; }
h2 { position: relative; font-family: 'Kaushan Script'; font-size: 36px; line-height: 32px; font-weight: 700; color: #6abb9a; margin: 0; padding: 0; text-transform: uppercase; }
h3 { position: relative; font-family: 'Kaushan Script'; font-size: 24px; padding: 0; margin: 0 0 6px 0; line-height: 24px; }
h4 { font-size: 22px; font-weight: 700; line-height: 28px; margin: 0 0 5px 0; text-align: center; text-transform: uppercase; }
h5 { font-family: 'Barlow Condensed'; color: #223a6a; font-size: 22px; line-height: 26px; padding: 0; margin: 0; margin-bottom: 5px; font-weight: 400; }
h6 { font-family: 'Barlow Condensed'; color: #6abb9a; font-size: 22px; line-height: 26px; padding: 0; margin: 0; margin-bottom: 5px; font-weight: 400; } 
h6.souligne { border-bottom: 2px dashed #6abb9a; margin: 10px 0 5px 0; padding: 0 0 10px 0; }

/* Classes de style */
.nodisp { display: none; }
.clear { display: block; clear: both; }
.erreur { font-size: 13px; font-style: italic; color: #F00; background: url(/img/admin/erreur.png) no-repeat left; padding-left: 22px; font-weight: normal; }
.alerte { display: inline-block; font-size: 11px; font-style: normal; color: #ffae00; background: url(/img/admin/erreur.png) no-repeat left top; padding-left: 20px; font-weight: normal; }
.info { font-size: 11px; font-style: italic; background: url(/img/admin/information.png) no-repeat left; padding-left: 22px; font-weight: normal; color: #369; }
.gros { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; }
.petit { font-size: 13px; font-style: normal; } 
.surligne { background: #FF0; color: #036; font-style: normal; font-weight: bold; }
.hr { border-top: 1px solid #777; height: 1px; font-size: 0px; }
.ombre { -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.tombre { text-shadow: 0px 0px 4px #000; -moz-text-shadow: 0px 0px 4px #000; -webkit-text-shadow: 0px 0px 4px #000; }
.outline { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; color: #fff; }
.espace { height: 5px; font-size: 0px; overflow: hidden; }
.icone { width: 16px; height: 16px; }
.contenu { left: 50%; width: 1200px; margin-left: -600px; } .contenu > .padding { padding: 0px; }
.cntcol { display: table; width: 100%; }
.cntcol > .col3 { display: table-cell; width: 33%; border-left: 1px solid #c7c7c7; } .cntcol > .col3:first-child { border-left: none; }
.cntcol > .col3 > .padding { padding: 0 12px; } 
.cnt50pct { float: left; width: 50%; }
.inline { display: inline-block; }
.nbart { font-size: 11px; }
.cursive { font-family: cursive; }
.fright { float: right; } .fleft { float: left; }
.aright { text-align: right; } .aleft { text-align: left; } .acenter { text-align: center; }
.disabled { color: #d7d7d7; }
.txtH1 { margin: 8px; }
.cntBloc { background-color: #fff; border: 1px solid #d7d7d7; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 20px; 
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); }

.moocboqte { text-align: right; width: 24px; }
.labelCheck.inactive { color: #a7a7a7; }
input.montant, input.entier { text-align: right; }
.btnCommander { cursor: pointer; }
.sepLowres { display: none; }

.cbleu { color: #223a6a; }
.crose { color: #6abb9a; }
.crouge { color: #6abb9a; }

.ligne { display: block; border-bottom: 2px dashed #6abb9a; height: 0; font-size: 0; margin: 24px 0; }

a.btnRouge { background: #6abb9a; color: #fff; font-weight: bold; padding: 2px 5px; border-radius: 3px; }
a.btnStyle { background-color: #6abb9a; box-shadow: 0 17px rgba(0, 0, 0, 0.1) inset; color: white;
	display: inline-block; padding: 0 20px; font-size: 18px; font-weight: bold; line-height: 30px; height: 33px; border-radius: 16px; cursor: pointer;
	text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
a.btnStyle:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.6), 0 17px rgba(255, 255, 255, 0.1) inset; }
a.btnStyle > img { width: 48px; height: 48px; margin-top: -14px; margin-right: 10px; }

a.btn-rond { display: inline-block; width: 32px; height: 32px; border-radius: 50%; color: #fff; background: #223a6a; font-size: 16px; line-height: 32px; text-align: center; vertical-align: top; }

a > img.icone { vertical-align: middle; }

/* Boutons de partage */
#at-expanded-menu-host { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; }
.at-expanded-menu-noscroll #at-expanded-menu-host { display: block; z-index: 9999999; }
/* .at-share-btn.at-svc-sms { display: none !important; } */
.at-expanded-menu-noscroll #at-expanded-menu-host .at-expanded-menu { top: 0 !important; }
    
/* Promos % */
.pctpromo { display: inline-block; background-color: #a00; color: #fff; font-style: normal; font-weight: bold; padding: 0 4px; border-radius: 5px; font-size: 12px; line-height: 14px; }
#cntRayons .cntArthaz .pctpromo { margin-top: 12px; }

/* Elements de la page */
#btop-test { position: fixed; bottom: 0; left: 0; right: 0; padding: 4px 8px; background: #ff0000aa; color: #fff; text-align: center; z-index: 100004; font-size: 15px; }
#content { padding: 25px 0; }
#cntColsrp { display: table; width: 100%; box-sizing: border-box; }
#cntColsrp > div { display: table-cell; width: auto; vertical-align: top; }
#cntColsrp > div:first-child { padding-right: 32px; }
#cntPage { position: relative; }
.at4-share-btn { box-shadow: 0 0 6px rgba(0,0,0,0.7); }

/* Entête */
#entete { position: relative; height: 289px; overflow: hidden; background-color: #fff; color: #4d4d4d; margin: 32px 0 0px 0;
	background-image: url(/img/front/banniere-doucemalice.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; } 
#entete.bg1 { background-image: url(/img/front/banniere-doucemalice-1.jpg); }
#entete > .contenu { height: 100%; }
#entete #cntClient { position: fixed; top: 0; left: 0; width: 100%; padding: 5px 0 6px 0; color: #fff; background: #223a6a; z-index: 99; } 
#entete #cntClient > .contenu > .padding { text-align: right; }
#entete #cntClient a { color: #fff; } #entete #cntClient a:hover { color: #fff; }
#entete #cntClient #ressoc { float: left; line-height: 16px; }
#entete #cntClient #ressoc > a { display: inline-block; margin: 2px 8px 0 0; vertical-align: top; }
#entete #cntClient #compte { display: inline-block; padding: 0 24px; background: url(/img/front/picto-compte.png) no-repeat 0px center;  }
#entete #cntClient #compte a { line-height: 16px; }
#entete #cntClient #compte a > strong { font-size: 18px; }
#entete #cntClient #panier { display: inline-block; padding: 0 24px; background: url(/img/front/picto-panier.png) no-repeat 0px center; }
#entete #cntClient #panier a { line-height: 16px; }
#entete #cntClient #panier a > strong { font-size: 18px; }
/*
#entete #cntClient #chxlangue { float: right; padding-right: 30px; } 
#entete #cntClient #chxlangue a { padding: 0; border: none; display: block; height: 12px; width: 18px; text-decoration: none; margin: 5px 0;
	 background-repeat: no-repeat; background-position: top left; } 
#entete #cntClient #chxlangue a.active { background-position: 0 -12px; } 
*/

#menu { background-color: #223a6a; padding: 16px 0; border: 1px solid #e4e4e4; text-align: left; } 
#menu a { display: inline-block; color: #fff; font-size: 24px; font-weight: 400; line-height: 37px; padding: 0px 16px 4px 16px; margin: 0 0.5%; width: 11.6%; height: 45px;
	text-decoration: none; border: 2px dashed #fff; border-radius: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box; text-align: center; }
#menu a:hover { color: #6abb9a; -webkit-transform: scale(1.1); transform: scale(1.1); }
#menu a.actif { color: #6abb9a; border-color: #6abb9a; }

#menu #btn-menmob { display: none; }
#cnt-menmob { display: none; }

#menu #cntRech { float: right; font-size: 12px; width: auto; height: 45px; border: 2px dashed #fff; border-radius: 16px; box-sizing: border-box; }
#menu #cntRech #frmRech { height: 29px; overflow: hidden; margin-top: 6px; margin-left: 8px; }
#menu #cntRech #frmRech > div { float: left; }
#menu #cntRech #frmRech > div.clear { float: none; }
#menu #cntRech #recherche { height: 29px; width: 200px; line-height: 29px; margin: 0; padding: 0 5px; border: none; font-size: 14px; color: #fff; background: #223a6a; border-radius: 0; }
#menu #cntRech #recherche::-webkit-input-placeholder { color: #999; } #menu #cntRech #recherche::-moz-placeholder { color: #999; }
#menu #cntRech #btnValrec { background: url(/img/front/picto-rech.png) no-repeat center; cursor: pointer; height: 31px; line-height: 29px; width: 32px; padding: 0 5px; 
	margin-right: 8px; text-align: center; border: none; } 

/* Barre de navigation */
#cntNavig { height: 16px; line-height: 16px; padding: 4px 6px; vertical-align: top; overflow: hidden; font-size: 14px; margin-top: 16px; margin-bottom: 2px; }
#cntNavig > a { display: inline-block; height: 16px; line-height: 16px; vertical-align: top; background: url(/img/front/nav-sep.png) no-repeat left center; padding: 0 10px 0 18px; color: #555555; }
#cntNavig > a:hover { color: #223a6a; } 
#cntNavig > #navHome { display: inline-block; height: 16px; width: 10px; background: url(/img/front/nav-home.png) no-repeat left center; padding: 0 10px 0 0; }
#cntNavig > #navHome:hover { background: url(/img/front/nav-homeh.png) no-repeat left center; }

/* Page cours */
#navcou { text-align: center; font-size: 32px; font-weight: 700; text-transform: uppercase; }
.perpre { -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-fill-color: transparent; background-clip: text; background-image: linear-gradient(to left, #223a6a, #90A9DB); 
	color: #223a6a !important; margin-right: 12px; } 
.persui { -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-fill-color: transparent; background-clip: text; background-image: linear-gradient(to right, #223a6a, #90A9DB); 
	color: #223a6a !important; margin-left: 12px; } 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .perpre, .persui { background: transparent !important; } }
.perpre:hover { background-image: linear-gradient(to right, #90A9DB, #6abb9a); } 
.persui:hover { background-image: linear-gradient(to left, #90A9DB, #6abb9a); }
.cnt-cours { padding: 16px 18px; border: 1px dotted #fff; border-radius: 16px; transition: all 0.3s ease-in-out; display: inline-block; width: 280px; margin: 0 10px 20px 10px;
	vertical-align: top; box-sizing: border-box; text-align: center; font-size: 18px; color: #223a6a; }
.cnt-cours:hover { background-color: #e7e7e7; }
.cnt-cours.active { background-color: #E7EFF7; }
.cnt-cours.inactive { background-color: #d7d7d7; color: #aaa; opacity: 0.7; }
.cnt-cours .image { margin-top: 12px; }
.cnt-cours .image > img { width: 100%; height: auto; border-radius: 16px; }
.cnt-cours h3 { font-family: 'Barlow Condensed'; font-weight: 700; text-transform: uppercase; font-size: 20px; color: #223a6a; text-align: center; margin: 12px 0 4px 0; }
.cnt-cours:hover h3 { color: #6abb9a; }
.cnt-cours .titre { height: 44px; overflow: hidden; }
.cnt-cours .boutons { text-align: center; margin-top: 16px; }
.cnt-cours .boutons > a { display: inline-block; padding: 6px 12px 8px 12px; margin: 0 6px; background: #f7f7f7; border-radius: 18px; text-align: center; color: #4c4c4c; 
	text-decoration: none; transition: all 0.3s ease-in-out; }
.cnt-cours .boutons > a:hover { background: #223a6a; color: #fff; }
.cours_date { display: inline-block; font-size: 14px; line-height: 16px; margin: 0 16px 0 0; padding-left: 20px; background: url(/img/front/ico-date.png) no-repeat left center; }
.cours_heure { display: inline-block; font-size: 14px; line-height: 16px; margin: 0 16px 0 0; padding-left: 20px; background: url(/img/front/ico-heure.png) no-repeat left center; }
.cours_type { display: inline-block; font-size: 14px; line-height: 16px; margin: 0 16px 0 0; padding-left: 20px; background: url(/img/front/ico-type.png) no-repeat left center; }
.cours_places { display: inline-block; font-size: 14px; line-height: 16px; margin: 0 16px 0 0; padding-left: 20px; background: url(/img/front/ico-places.png) no-repeat left center; }
#cntColsrp > #cntReserv { width: 300px; text-align: right; padding-top: 62px; }
#cntReserv #bgReserv { display: inline-block; width: 240px; padding: 12px 16px; text-align: left; background: #e7e7e7; border-radius: 16px; }
#cntReserv .cours_date, #cntReserv .cours_heure, #cntReserv .cours_places { display: block; margin: 3px 0; }
#cntReserv #nb_pers { width: 100%; box-sizing: border-box; padding: 4px 6px 3px 6px; text-align: center; }
#cntReserv .btnReserv { display: block; background: #6abb9a; color: #fff; font-weight: 700; text-align: center; padding: 6px; }

/* Café couture */
#cntImgart.rcafec { height: auto; }
#frmRescaf { background: #fff; padding: 6px 8px; text-align: center; }
#frmRescaf em { color: #666; font-size: 15px; display: inline-block; line-height: 18px; }
#frmRescaf .alerte { font-size: 15px; line-height: 16px; }
#frmRescaf #datres { text-align: center; max-width: 100%; margin: 0 0 8px 0; }
#frmRescaf #heures { margin: 0 0 8px 0; }
#frmRescaf #durres { margin: 0 0 8px 0; }
#frmRescaf #macres { display: inline-block; text-align: left; margin: 0 0 8px 0; }
#frmRescaf #macres .etichk { display: inline-block; line-height: 16px; max-width: 180px; vertical-align: top; margin: 3px 0 3px 3px; }
#frmRescaf #prxres { font-size: 18px; margin: 0 0 8px 0; }
#frmRescaf #valres { display: block; background: #6abb9a; color: #fff; font-weight: 700; text-align: center; padding: 6px; }
#frmRescaf #waitRC { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: #1a1a1a url(/img/front/loading.gif) no-repeat center; opacity: .5; }

/* Rayons */
#cntRaymob { display: none; }
#cntColsrp > #cntRayons { width: 300px; text-align: right; padding-top: 62px; }
#cntRayons #bgRayons { display: inline-block; width: 240px; padding: 12px 16px; border-radius: 16px; text-align: left; background: #e7e7e7; }

#cntRayons .lnkrayon { display: block; border-bottom: 1px solid #b7b7b7; color: #555555; font-size: 18px; line-height: 20px; padding: 6px 4px 6px 19px; text-decoration: none; 
	background: url(/img/front/bull-rayon.png) no-repeat left 1px; }
#cntRayons .lnkrayon:hover { color: #6abb9a; background-image: url(/img/front/bull-rayonh.png); }
#cntRayons .lnkrayon.currayon { color: #223a6a; background-image: url(/img/front/bull-rayonc.png); }
#cntRayons .cntSrayons { padding: 4px 0; background: #d7d7d7 linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 10px); border-bottom: 1px solid #c7c7c7; }
#cntRayons .cntSrayons .lnkrayon { border-bottom: none; font-size: 15px; line-height: 17px; padding: 4px 4px 4px 25px; background: url(/img/front/bull-rayon.png) no-repeat 6px -4px; }
#cntRayons .cntSrayons .lnkrayon.currayon { color: #223a6a; background-image: url(/img/front/bull-rayonc.png); }
#cntRayons .cntSsrayons { padding: 4px 0; padding-left: 6px; padding-top: 6px; margin: 0; margin-bottom: 4px; background: #ccc linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 10px); 
	border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
#cntRayons .cntSsrayons .lnkrayon { border-bottom: none; font-size: 13px; line-height: 15px; padding: 4px 4px 4px 25px; background: url(/img/front/bull-rayon.png) no-repeat 6px -4px; }
#cntRayons .cntSsrayons .lnkrayon.currayon { color: #223a6a; background: url(/img/front/bull-rayonc.png) no-repeat 6px -8px; }

#chxtri { display: block; width: 100%; padding: 5px 6px 4px 6px; text-align: center; }
.cntCrits .critCheck { display: block; padding-left: 23px; font-size: 16px; line-height: 20px; color: #555555;
	background-image: url(/img/front/crit-check_off.png); background-position: 5px center; background-repeat: no-repeat; }
.cntCrits .critCheck:hover { color: #6abb9a; } 
.cntCrits .critCheck.on { background-image: url(/img/front/crit-check_on.png); }
.cntCrits #critSup > select { display: block; width: 100%; padding: 5px 6px 4px 6px; margin: 4px 0; text-align: center; }

/* Fiche article */ 
#cntColsrp > #cntAddpan { width: 300px; text-align: right; padding-top: 62px; }
#frmAddpan { display: inline-block; width: 240px; padding: 12px 16px; text-align: left; background: #e7e7e7; border-radius: 16px; }
#frmAddpan .lpromo { display: block; font-weight: 700; color: #6abb9a; border-radius: 4px; line-height: 1em; margin-bottom: 3px; }
#frmAddpan .prxori { font: bold 16px/1 Tahoma,Geneva,sans-serif; color: #4c4c4e; text-decoration: line-through; }
#frmAddpan .prix { font: bold 22px/1 Tahoma,Geneva,sans-serif; color: #6abb9a; }
#frmAddpan .cntUnit { display: block; padding: 4px 12px; border-bottom: 1px dotted #d0d0d0; font-size: 14px; line-height: 18px; text-align: center; }
#frmAddpan .cntUnit:first-of-type { border-top: 1px dotted #d0d0d0; margin-top: 12px; }
#frmAddpan .cntUnit .unit { display: block; }
#frmAddpan .cntUnit .prix { display: block; margin-top: -4px; }
#frmAddpan .cntUnit .prixkg { display: block; font: bold 11px/1 Tahoma,Geneva,sans-serif; color: #999; float: right; }
#frmAddpan #btnCde { display: block; color: #fff; text-align: center; font-size: 16px; font-weight: 700; line-height: 16px;
	border-radius: 3px; background: #6abb9a; box-shadow: 0 22px rgba(0, 0, 0, 0.1) inset; padding: 6px 12px 6px 8px; margin: 8px 12px; }
#frmAddpan #btnCde > img { width: 32px; height: 32px; margin-right: 8px; vertical-align: middle; }
#frmAddpan #btnCde:hover { background: #223a6a; }
#frmAddpan #btnDemstk { display: block; color: #fff; text-align: center; font-size: 16px; font-weight: 700; line-height: 16px;
	border-radius: 3px; background: #6abb9a; box-shadow: 0 22px rgba(0, 0, 0, 0.1) inset; padding: 6px 12px; margin: 8px 12px; line-height: 32px; }
#frmAddpan #btnDemstk > img { width: 32px; height: 32px; margin-right: 8px; vertical-align: middle; }
#frmAddpan #btnDemstk:hover { background: #223a6a; }
#frmAddpan #cntCde { display: block; margin: 8px 12px; line-height: 22px; text-align: center; }
#frmAddpan #cntCde img { display: inline-block; vertical-align: middle; margin-top: -1px; filter: grayscale(100%); }
#frmAddpan #cntCde .chxUnit { display: block; width: 100%; padding: 5px 6px 4px 6px; box-sizing: border-box; text-align: center; }
#frmAddpan #cntCde #qteUnit { display: none; /*inline-block;*/ margin-top: 6px; white-space: nowrap; font-size: 12px; }
#frmAddpan #cntCde #qteart { padding: 5px 6px 4px 6px; text-align: center; }
#frmAddpan #cntFicart { margin-top: 16px; line-height: 16px; font-size: 13px; vertical-align: middle; }
#frmAddpan #cntFicart a { color: #555555; } #cntPage #frmAddpan #cntFicart a:hover { color: #6abb9a; }
#cntImgart { display: block; float: left; width: 300px; height: 300px; padding: 3px 4px; margin: 0; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 3px; }
#cntPage #cntImages { width: 310px; float: left; }
#cntPage #cntImages > #imgMain { display: block; width: 300px; height: 300px; padding: 3px 4px; margin: 0; background-color: #fff; border: 1px solid #d9d9d9; }
#cntPage #cntImages > #imgMain:hover { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
#cntPage #cntImages > #imgMain > img { width: 300px; height: 300px; }
#cntPage #cntImages > #cntMinis { width: 310px; margin-top: 5px; }
#cntPage #cntImages > #cntMinis > img.mini { float: left; height: 90px; width: 90px; padding: 3px 4px; margin: 0 5px 0 0; cursor: pointer; display: block; 
	background-color: #fff; border: 1px solid #d9d9d9; }
#cntPage #cntImages > #cntMinis > img.mini:hover { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
#cntPage #cntImages > #cntMinis > img.mini:nth-child(3n) { margin-right: 0; }
#cntDesart { display: block; float: right; width: 500px; }
#cntDesart .stitre { font-size: 13px; font-style: italic; border-bottom: 1px solid #b7b7b7; margin-bottom: 6px; }
#cntTags > a { opacity: 0.5; transition: opacity 0.3s ease-in-out; }
#cntTags > a:hover { opacity: 1; }
#cntDetart { font-size: 15px; }
#cntDetart tr > td:first-child { font-style: italic; width: 110px; }
#cntDetart tr > td > .icone { width: 12px; height: 12px; margin-top: 3px; }
.encombrant { padding: 6px 12px 6px 78px; height: 56px; line-height: 56px; background: url(/img/front/encombrant.png) no-repeat left center; }
.encombrant.demat { background: url(/img/front/pasdeport.png) no-repeat left center; }
.encombrant > .cntTexte { display: inline-block; font-size: 15px; font-weight: 700; color: #666; line-height: 1em; vertical-align: middle; }
.encombrant > .cntTexte > em { display: block; font-size: 11px; font-weight: normal; color: #999; } 
.encombrant > .cntTexte > em.rouge { color: #6abb9a; }

a.tagart, a.tagart:link, a.tagart:visited { display: inline-block; padding: 3px 8px; border-radius: 4px; font-size: 12px; text-transform: uppercase; font-weight: 700; color: #fff; 
	background-color: #6abb9a; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); margin-bottom: 3px; }
a.tagart:hover { background-color: #223a6a; }
a.tagart > sup { display: none; }

/* Liste articles en bas de fiche article */
.listeMinart > a { display: inline-block; position: relative; height: 96px; overflow: hidden; margin: 0px; } 
.listeMinart > a:hover { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
.listeMinart > a > img { width: 90px; height: 90px; padding: 3px 3px; background-color: #fff; border: 1px solid #d7d7d7; } 
.listeMinart > a > .legende { position: absolute; top: 64px; left: 1px; width: 90px; padding: 3px 4px; background-color: rgba(255,255,255,0.7); font-size: 11px; line-height: 12px; color: #555; 
	text-transform: uppercase; font-weight: 700; min-height: 90px; transition: top .3s ease-in-out; text-align: center; letter-spacing: -0.5px; }
.listeMinart > a > .legende > .prix { position: absolute; top: 72px; left: 3px; width: 90px; text-align: center; font: bold 14px/1 Tahoma,Geneva,sans-serif; color: #6abb9a; }

/* Page d'accueil */
#cntTxtacc { padding: 12px 0; }
#lstAccueil { padding: 24px 12px; background: #f4f4f4; }
#lstCouacc { text-align: center; vertical-align: top; }
#lstCouacc .cnt-cours { margin: 0 10px; color: #223a6a; padding-top: 12px; }
#lstCouacc .cnt-cours .image { /* margin-top: 0; */ }
#lstCouacc .cnt-cours .cours_date, #lstCouacc .cnt-cours .cours_heure {  }
#lstCouacc .cnt-cours .cours_places { display: none; }
#lstCouacc .cnt-cours .titre { height: auto; overflow: visible; }
#lstArtacc { text-align: center; vertical-align: top; }
#lstArtacc .art-liste { width: 280px; margin: 0 10px; }
#lstArtacc .cntcde, #lstArtacc .art-prix { display: none; }
.lnkAccueil { display: block; padding: 6px 10px; border-top: 1px dotted #d4d4d4; transition: all .3s ease-in-out; }
.lnkAccueil:hover { background: #fff; }
.lnkAccueil > .titre { font-size: 24px; font-weight: 600; } 
.lnkAccueil > .infos { font-size: 16px; color: #333; }

/* Listes d'articles */
#cntListe { }
.cntNavig { padding: 6px; color: #555555; font-size: 14px; line-height: 20px; }
.cntNavig .cntTotres { float: right; margin-right: 6px; margin-top: 1px; }
.cntNavig .btnPage { background: #223a6a; color: #fff; padding: 2px 8px; border-radius: 8px; line-height: 14px; font-weight: 700; min-width: 20px; } 
.cntNavig .btnPage > span { vertical-align: top; font-size: 11px; display: inline-block; margin-top: 2px; }
.cntNavig .btnPage.actif { color: #6abb9a; } .cntNavig .btnPage:hover { color: #6abb9a; }
#cntArts { background: #fff; } 
#cntArts .noresult { color: #a7a7a7; font-size: 30px; text-align: center; padding: 170px 0; font-weight: 700; }
.art-liste { display: inline-block; background: #fff; width: 33%; padding: 10px 12px; margin-bottom: 12px; box-sizing: border-box; vertical-align: top; border-radius: 16px; 
	transition: all 0.3s ease-in-out; }
.art-liste:hover { background: #e7e7e7; }
.art-liste > a { display: block; }
.art-liste > a > .imgart { display: block; position: relative; width: 100%; height: auto; }
.art-liste > a > .imgart > .art-image { width: 100%; height: 100%; border-radius: 16px; }
.art-liste > a > .imgart > .icones { position: absolute; top: 15px; right: 15px; display: none; }
.art-liste > a > .imgart > .icones > img { width: 12px; height: 12px; }
.art-liste > a > .nomart { display: block; font-weight: 700; text-transform: uppercase; font-size: 20px; text-align: center; color: #223a6a; margin: 8px 0; height: 48px; overflow: hidden;}
.art-liste:hover > a > .nomart { color: #6abb9a; }
.art-liste > a > .art-prix { display: block; position: relative; font: bold 24px/1 Tahoma,Geneva,sans-serif; color: #6abb9a; text-align: right; }
.art-liste > a > .art-prix > .cntapd { display: block; font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; text-align: right; color: #888; font-size: 11px; 
	font-weight: normal; font-style: italic; }
.art-liste > a > .cntcde { display: block; text-align: center; color: #223a6a; font-size: 14px; font-weight: normal; }
.art-liste > a > .cntcde > .btnCommander { color: #6abb9a; cursor: pointer; display: inline-block; padding: 1px 0; padding-left: 20px;
	background: url(/img/front/add-panier-mini.png) no-repeat left center; }
.art-liste > a > .cntcde > .btnCommander:hover { color: #223a6a; }

/* Pages aide / conseils */
.faqElement { padding: 20px; border-bottom: 1px solid #c7c7c7; }
.faqElement:hover { background-color: #fff; background-image: linear-gradient(to top, rgba(0,0,0,0.05), rgba(255,255,255,0.03)); box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.faqElement > .faqQuestion { color: #6abb9a; font-size: 16px; padding-left: 16px; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px dotted #6abb9a; 
	background: url(/img/front/bull-rayonh.png) no-repeat -8px -6px; }
.faqElement > .faqReponse { margin-left: 12px; }

/* Page frais de port */
.tabFrport { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; } .tabFrport tr { margin: 0; padding: 0; }
.tabFrport td { border: 0.5px solid #a7a7a7; background: #fff; margin: 0; padding: 5px 10px; text-align: left; vertical-align: middle; }
.tabFrport td.col1 { width: 220px; } .tabFrport td.col2 { width: 220px; }
.tabFrport td.titFrport { background: #c7c7c7; text-align: center; font-weight: 700; }
.tabFrport td.monFrport { background: #e7e7e7; text-align: center; }
#coldFrport { float: right; padding: 6px 16px; text-align: center; }
#coldFrport img { max-width: 100%; }

/* Page liens */
.lienBloc { display: table; width: 100%; border-bottom: 1px solid #c7c7c7; }
.lienBloc > .lienImage { display: table-cell; width: 100px; padding: 20px; vertical-align: top; } .lienBloc > .lienImage > img { width: 100px; height: 75px; }
.lienBloc > .lienTexte { display: table-cell; padding: 20px; color: #555555; vertical-align: top; }
.lienBloc > .lienTexte > .lienTitre { display: block; margin-bottom: 8px; color: #6abb9a; font-weight: 700; text-transform: uppercase; }
.lienBloc:hover { background-color: #fff; background-image: linear-gradient(to top, rgba(0,0,0,0.05), rgba(255,255,255,0.03)); box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.lienBloc:hover > .lienTexte > .lienTitre { color: #223a6a; }

/* Page blog */
#cntLstbil { }
#cntLstbil .billet { padding: 16px 20px; display: inline-block; width: 550px; height: 200px; vertical-align: top; background: #f3f3f3; color: #223a6a; margin-bottom: 16px; border-radius: 16px; }
#cntLstbil .billet:nth-child(2n+1) { margin-right: 20px; }
#cntLstbil .billet:hover { box-shadow: 0 0 8px rgba(0,0,0,0.3); }
#cntLstbil .billet .msktxt { height: 200px; overflow: hidden; -webkit-column-width: 200vw; -moz-column-width: 200vw; column-width: 200vw; }
#cntLstbil .billet .bilimg { float: left; width: 200px; height: 200px; margin-right: 20px; border-radius: 16px; 
    background-position: center; background-repeat: no-repeat; background-size: cover; }
#cntLstbil .billet .biltit { font-family: 'Barlow Condensed'; font-weight: 700; text-transform: uppercase; font-size: 20px; }
#cntLstbil .billet .bildat { font-size: 14px; color: #666; font-style: italic; margin: 6px 0; }
#cntLstbil .billet .biltxt { }
#datbil { color: #999; margin: 12px 0; font-size: 15px; line-height: 20px; }
#datbil .cntNavig { padding: 0 6px; }
#resbil { color: #666; font-style: italic; margin-bottom: 20px; background: #f4f4f4; padding: 12px 16px 16px 16px; }
#txtbil { margin-bottom: 20px; }
#imgbil { background: #f4f4f4; padding: 8px 0; }
#imgbil .cnt-album { width: 800px; max-width: 100%; margin: 0 auto; }
.cnt-album { position: relative; height: 300px; color: #333; margin: 16px 0 16px 0; }
.cnt-album > div { position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; }
.cnt-album > div:hover { -webkit-filter: brightness(80%); filter: brightness(80%); }
.cnt-album.cnt-1img > div { left: 0; top: 0; width: 100%; height: 100%; background-size: contain; }
.cnt-album.cnt-2img > div { left: 0; top: 0; width: 50%; height: 100%; }
.cnt-album.cnt-2img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-3img > div { left: 0; top: 0; height: 50%; width: 50%; } 
.cnt-album.cnt-3img > div:first-child { height: 100%; }
.cnt-album.cnt-3img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-3img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-4img > div { left: 0; top: 0; height: 50%; width: 25%; } 
.cnt-album.cnt-4img > div:first-child { height: 100%; width: 50%; }
.cnt-album.cnt-4img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-4img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-4img > div:nth-child(4) { left: 75%; height: 100%; }
.cnt-album.cnt-5img > div { left: 0; top: 0; height: 50%; width: 25%; } 
.cnt-album.cnt-5img > div:first-child { height: 100%; width: 50%; }
.cnt-album.cnt-5img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-5img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-5img > div:nth-child(4) { left: 75%; }
.cnt-album.cnt-5img > div:nth-child(5) { left: 75%; top: 50%; }
.cnt-album > div.morimg { left: 75%; top: 50%; height: 50%; width: 25%; line-height: 150px; text-align: center; vertical-align: middle; }
.cnt-album > div.morimg > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 1; background: #933; }
.cnt-album > div.morimg > span { position: relative; z-index: 2; font-size: 32px; font-weight: 700; color: #fff; }

/* Page contact */
#cntColsrp #cntContact { }
#cntColsrp #cntContact #cntChapeau { position: relative; padding: 0 0 0 320px; min-height: 300px; }
#cntColsrp #cntContact #cntChapeau > img { position: absolute; left: 0; top: 0; height: auto; width: 300px; border-radius: 24px; }
#cntColsrp #cntCoords { width: 320px; }
#cntColsrp #cntCoords .padding { font-size: 20px; }

/* Erreurs */
#bigErreur { color: #f7f7f7; font-size: 300px; font-weight: 700; text-align: center; text-shadow: 0px 0px 32px rgba(0,0,0,0.17); }

/* Pieds de page */
#pied_infos { background: #223a6a; color: #fff; padding: 20px 0; border-top: 1px dotted #a7a7a7; text-align: center; } 
#pied_infos .titre_pied { font-size: 26px; line-height: 28px; color: #fff; font-weight: 700; text-transform: none; margin-bottom: 12px; } 
#pied_infos .titre_pied > a, .titre_pied > a:link, .titre_pied > a:visited { color: #fff; } 
#pied_infos .titre_pied > a:hover { color: #6abb9a; text-decoration: none; }
#pied_infos #cntPaiement { height: 100px; padding: 0 32px; width: 240px; }
#pied_infos #cntPaiement img { width: 150px; height: auto; margin: 20px 0 0 0; }
#pied_infos #cntLivraison { height: 100px; padding: 0 32px; border-left: /* 1px solid #ebebeb*/ 2px dashed #fff; width: 180px; }
#pied_infos #cntLivraison img {height: auto; width: 150px; margin: 12px 0 0 0; }
#pied_infos #cntContact { height: 100px; padding: 0 32px; border-left: 2px dashed #fff; width: 300px; text-align: center; }
#pied_infos #cntContact #txtContact { display: inline-block; }
#pied_infos #cntContact #txtContact > div { color: #fff; font-size: 20px; font-weight: bold; margin: 0 0 8px 0; }
#pied_infos #cntContact #txtContact > a { display: block; margin: 0 0 8px 0; }
#pied_infos #cntRessoc { height: 100px; padding: 0 32px; border-left: 2px dashed #fff; width: 60px; }
#pied_infos #cntRessoc > span { display: inline-block; text-align: left; margin-top: 24px; }
#pied_infos #cntRessoc a { display: block; margin: 12px 0 12px 0; font-size: 24px; line-height: 32px; color: #fff; vertical-align: middle; text-align: center; }
#pied_infos #cntRessoc a > img { width: 32px; height: 32px; margin: 0; } 
#pied_infos #cntLiens { height: 80px; padding: 0 48px; border-left: 2px dashed #fff; width: 100px; text-align: left; }
#pied_infos #cntLiens > span { display: inline-block; text-align: left; margin-top: 24px; }
#pied_infos #cntLiens a { display: block; margin: 0 0 5px 0; font-size: 18px; line-height: 24px; color: #fff; vertical-align: middle; }
#pied_finp { background-color: #666; color: #ccc; padding: 12px 0; text-align: center; }
#pied_finp a { color: #ccc; }

/* =============================================================================================================
											GESTION DU PANIER
   ============================================================================================================= */

/* Ajout au panier / demande de stock */
#divFadpan { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
#divAddpan { position: absolute; top: 50%; left: 50%; width: 600px; height: auto; padding: 8px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
	border-radius: 5px; background-color: #6abb9a; color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.6); line-height: 1.1em; max-width: 92%; } 
#divAddpan .nomart { font-size: 18px; text-transform: uppercase; font-weight: 700; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 6px; }
#divAddpan #cntBtnpan { text-align: right; } 
#divAddpan #cntBtnpan > a { display: inline-block; width: 295px; text-align: center; padding: 6px 0; border-radius: 5px; text-transform: uppercase; }
#divAddpan #cntBtnpan > a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.6); }
#divAddpan #cntBtnpan > #btnValpan { background: #555 url(/img/admin/tick.png) no-repeat 10px center; color: #fff; margin-right: 4px; }
#divAddpan #cntBtnpan > #btnFerpan { background: #fff url(/img/admin/suppr.png) no-repeat 10px center; color: #555; }
#divAddpan #demEmail { width: 580px; }
#divAddpan #pwdEmail { width: 580px; }

/* Validation panier */
#cntEtapes { width: 820px; margin-left: 190px; }
.etapeLien { float: left; height: 0; font-size: 0; width: 40px; border-bottom: 2px dashed #6abb9a; margin-top: 13px; }
.etapeLien.inactive { border-bottom: 2px dashed #aaaaaa; }
.etapeCont { position: relative; float: left; border: 2px dashed #aaaaaa; border-radius: 12px; color: #aaaaaa; text-transform: uppercase; font-size: 16px; line-height: 22px; 
	vertical-align: middle; width: 216px; }
.etapeCont.active { border: 2px dashed #6abb9a; color: #555; font-weight: 700; }
.etapeCont span { display: inline-block; height: 22px; line-height: 20px; padding-left: 40px; vertical-align: top; }
.etapeCont .etapeNum { position: absolute; top: -2px; left: -2px; display: block; width: 26px; padding: 2px 0 2px 4px; text-align: center; font-size: 22px; font-weight: 700; color: #fff;
	background: #aaaaaa; border-radius: 12px 0 0 12px; }
.etapeCont > a { display: block; color: #aaaaaa; }
.etapeCont > a:hover { color: #223a6a; background: #fff; } .etapeCont > a:hover .etapeNum { background: #223a6a; }
.etapeCont.active > .etapeNum { background: #6abb9a; }
#panierVide { padding: 40px 0 420px 0; text-align: center; color: #c7c7c7; font-size: 42px; font-weight: 700; text-transform: uppercase; border-radius: 8px;
	background-image: url(/img/front/panier-vide.png); background-color: #fff; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 2px rgba(0,0,0,0.3); }
#panierListe { width: 100%; margin: 0; padding: 0; border: none; border-spacing: 0; border-collapse: separate; }
#panierListe th { padding: 6px; color: #fff; font-weight: 700; border-right: 1px solid #764100; border-bottom: 1px solid #764100;
	background-color: #6abb9a; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; }
#panierListe td { background: #fff; }
#panierListe .detart { height: 60px; padding: 4px; font-size: 11px; border: 1px solid #d7d7d7; border-top: none; }
#panierListe .detart > img { float: left; width: 90px; margin-right: 8px; }
#panierListe .detart > a { display: inline-block; margin-bottom: 3px; font-size: 20px; text-transform: uppercase; }
#panierListe .detart > a:hover { color: #223a6a; }
#panierListe .detart > .refart { margin-right: 12px; }
#panierListe .detart > .priart { }
#panierListe .detart .alert, #panierListe .detart .info { display: inline-block; min-height: 16px; }
#panierListe .qteart { width: 80px; padding: 0 10px; vertical-align: middle; text-align: center; border-bottom: 1px solid #d7d7d7; line-height: 1.1em; }
#panierListe .qteart > div > * { vertical-align: top; }
#panierListe .qteart > div > img { filter: grayscale(100%); transition: filter 0.3s ease-in-out; }
#panierListe .qteart > div > img:hover { filter: none; }
#panierListe .prxart { width: 126px; padding: 10px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; 
	border: 1px solid #d7d7d7; border-top: none; }
#panierListe .prxart > a { background: url(/img/front/panier-suppr.png) no-repeat left 3px; color: #919191; font-size: 9px; line-height: 1em; font-weight: normal; 
    padding: 3px 0 3px 15px; display: inline-block; margin-top: 8px; }
#panierListe .prxart > a:hover { text-decoration: underline; }
#panierListe .prxart.prxeur { padding: 20px 8px; }
#panierListe .panierTotcol { padding: 10px 32px; font-size: 13px; border: 1px solid #d7d7d7; border-top: none; border-right: none; }
#panierListe .panierTotcol.panierTottit  { padding: 18px 32px; }
#panierListe .panierTotcol h1 { font-size: 22px; }
#panierListe .panierTottit { color: #919191; text-transform: uppercase; text-align: right; font-weight: bold; }
#panierListe #panierTotprx { color: #223a6a; }
#panierListe .nohlin { border-bottom: none; }
#panierListe .norlin { border-right: none; }
#panierListe #cntLivpay { margin-left: 40px; }
#panierListe #panierLibgen { background: none; border-top: 1px solid #919191; padding: 10px 20px; text-align: right; font-size: 24px; font-weight: bold; color: #555; text-transform: uppercase; }
#panierListe #panierTotgen { background: none; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #223a6a; border-top: 1px solid #919191; padding: 10px; text-align: right; }
#cntSavpan { float: left; height: 44px; padding: 16px; padding-left: 70px; border: 1px solid #d7d7d7; border-radius: 8px; line-height: 19px;
	background: #fff url(/img/front/compte-panier.png) no-repeat 10px center; font-size: 16px; vertical-align: top; }
#cntSavpan * { vertical-align: top; }
	
/* Compte client */
.cntCoords { padding: 12px 16px; background: #f4f4f4; border-radius: 10px; border: 1px solid #d7d7d7; }
.cntCoords h3 { font-size: 20px; }
.cntCoords form { text-align: center; }
.cntCoords form > .inline { text-align: left; }
.cntCoords form > .inline > table { width: 600px; }
#btnLogin { font-size: 15px; vertical-align: middle; padding: 2px 5px 3px 5px; }
.chpobl { color: #6abb9a; display: none; }
/* .rowliv { display: none; } */

/* Récapitulatif commande + code remise */
#coordsRecap { float: right; width: 280px; font-size: 12px; }
#panierRecap { float: left; width: 880px; margin: 0; padding: 0; border: none; border-spacing: 0; border-collapse: separate; }
#panierRecap th { padding: 6px; color: #fff; font-weight: bold; border-right: 1px solid #764100; border-bottom: 1px solid #764100;
	background-color: #6abb9a; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); 
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 3px 3px rgba(255, 255, 255, 0.1) inset; }
#panierRecap td { background: #fff; }
#panierRecap .libart { padding: 10px; text-align: left; text-transform: uppercase; border: 1px solid #d7d7d7; border-top: none; }
#panierRecap .libart > em { color: #a7a7a7; text-transform: none; font-size: 11px; }
#panierRecap .qteart { width: 60px; padding: 10px; text-align: center; border-bottom: 1px solid #d7d7d7; }
#panierRecap .prxart { width: 126px; padding: 6px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; 
	border: 1px solid #d7d7d7; border-top: none; }
#panierRecap .msgrem { padding: 10px; font-size: 12px; text-transform: none; text-align: left; font-weight: normal; }
#panierRecap #codrem { text-transform: uppercase; }
#panierRecap #btnCodrem { display: inline-block; vertical-align: top; font-size: 18px; margin-top: -1px; }
#panierRecap #panierTotrem { vertical-align: bottom; padding-bottom: 4px; }
#panierRecap .libtot { padding: 10px; text-align: right; font-weight: bold; text-transform: uppercase; border: 1px solid #d7d7d7; border-right: none; font-size: 14px; }
#panierRecap .libtot > em { color: #a7a7a7; font-weight: normal; text-transform: none; font-size: 11px; }
#panierRecap .prxtot { width: 126px; padding: 4px 8px; background: #f4f4f4; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #555555; text-align: right; 
	border: 1px solid #d7d7d7; }
#panierRecap .prxtot .rouge { color: #223a6a; }
#panierRecap .prxtot .vert { color: #629526; }
#panierRecap #libgen { background: none; border-top: 1px solid #919191; padding: 10px 20px; text-align: right; font-size: 24px; font-weight: bold; color: #555; text-transform: uppercase; }
#panierRecap #totgen { background: none; font: bold 20px/1 Tahoma,Geneva,sans-serif; color: #223a6a; border-top: 1px solid #919191; padding: 10px; text-align: right; }
#panierModreg { float: left; width: 880px; } #panierModreg > .padding { padding: 10px; }
#panierModreg .cntModreg { padding: 6px 10px; font-size: 14px; margin-bottom: 8px; border-radius: 15px 0 0 15px; vertical-align: middle; height: 50px; line-height: 50px;
	background: #fff; background: linear-gradient(to right, #e4e4e4, #e4e4e4 50%, rgba(255,255,255,0)); box-shadow: -2px 0 2px rgba(0,0,0,0.2); }
#panierModreg .cntModreg.actif { background-color: #223a6a; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #fff; 
	box-shadow: 0 0 4px rgba(0,0,0,0.2);  border-radius: 15px; }
#panierModreg .cntModreg input { display: inline-block; margin: 10px; vertical-align: middle; }
#panierModreg .cntModreg img { display: inline-block; width: 100px; height: 50px; }
#panierModreg .cntModreg .libModreg { display: inline-block; margin: 0 10px; line-height: 1em; font-size: 24px; text-transform: uppercase; vertical-align: middle; max-width: calc(100% - 64px); }
#panierModreg .cntModreg .libModreg > .petit { font-size: 13px; color: #6abb9a; text-transform: none; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#panierModreg #chkcgv { margin-left: 20px; }


/* =============================================================================================================
											GESTION ESPACE CLIENT
   ============================================================================================================= */

.btnCompte { display: block; padding: 6px 20px; font-size: 18px; color: #555; margin-bottom: 8px; border-radius: 15px 0 0 15px; vertical-align: middle; height: 50px; line-height: 50px;
	background: #fff; background: linear-gradient(to right, #e4e4e4, #e4e4e4 50%, rgba(255,255,255,0)); box-shadow: -2px 0 2px rgba(0,0,0,0.2); }
.btnCompte:hover { background-color: #223a6a; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0)); color: #fff; 
	box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius: 15px; }
.btnCompte img { float: left; height: 48px; width: 48px; margin-right: 20px; } 
.cntPansau { padding: 12px 16px; background: #f4f4f4; margin: 12px 0; }
.lstPansau { margin: 12px; padding: 0 12px; border-left: 3px solid #e4e4e4; }
#btnRespsa, #btnSavpsa, #btnSuppsa { margin-left: 16px; line-height: 16px; vertical-align: top; white-space: nowrap; margin-bottom: 5px; }

.seladr { float: left; display: block; background: #e7e7e7; border: 1px solid #d7d7d7; color: #333; font-size: 10px; margin: 1px; border-radius: 2px; width: 190px; height: 106px; }
.seladr:nth-child(3n+1) { clear: both; }
.seladr > input[type=radio] { display: block; float: left; margin-left: 4px; margin-top: 4px; width: 16px; }
.seladr > .txtadr { display: block; float: left; padding: 4px 4px; width: 140px; height: 96px; overflow: hidden; }
.seladr > .btnSupadr { display: block; float: right; padding: 4px 3px 4px 0px; width: 16px; }

/* Compte client : visu des commandes */
.cptCommande { display: table; background: #fff; margin-bottom: 2px; border: 1px solid #d7d7d7; width: 100%; }
.cptCommande .outils { display: table-cell; width: 100px; background: #e7e7e7; padding: 2px 10px; text-align: left; vertical-align: middle; }
.cptCommande .outils > a { display: inline-block; margin-right: 4px; margin-bottom: 4px; }
.cptCommande .datcde { display: table-cell; width: 40px; padding: 5px 2px 5px 10px; font-size: 12px; font-style: italic; color: #888; vertical-align: middle; }
.cptCommande .libcde { display: table-cell; padding: 4px 10px; font-size: 14px; color: #333; vertical-align: middle; }
.cptCommande .libcde .btnAffcde { display: inline-block; font-size: 12px; color: #333; background: url(/img/front/invoice.png) no-repeat left center; padding-left: 20px; margin-right: 10px; }
.cptCommande .libcde .btnAffcde:hover { color: #6abb9a; }
.cptCommande .moncde { display: table-cell; width: 100px; background: #f7f7f7; font: bold 14px/1 Tahoma,Geneva,sans-serif; color: #6abb9a; padding: 1px 10px; 
	text-align: right; vertical-align: middle; }
#chxModreg { position: absolute; background: #fff; color: #000; padding: 6px 8px; border: 1px solid #e7e7e7; border-radius: 5px; }
#chxModreg a { color: #555; } #chxModreg a:hover { color: #888; } 
#btnSavdoc { margin: 0 20px; }
#cntPiece { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4d4f; background-color: #555555; margin: 0; text-align: center; overflow: auto; 
	box-shadow: 0 0 8px rgba(0,0,0,0.3) inset; }
#cntPiece #divPiece { display: block; width: 700px; background-color: #FFFFFF; padding: 20px; margin: 20px 0; left: 50%; margin-left: -370px; box-shadow: 0 0 8px rgba(0,0,0,0.3); }
#cntPiece #divPiece a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #6abb9a; }
#cntPiece #divPiece a:hover { font-family: Arial; font-size: 11px; text-decoration: none; color: #344249; }
#cntPiece #divPiece h1, #cntPiece #divPiece h2, #cntPiece #divPiece h3, #cntPiece #divPiece h4, #cntPiece #divPiece h5 { font-family: Arial, Helvetica, sans-serif; margin:0; }
#cntPiece #divPiece table { border-spacing: 0; margin: 0; padding: 0; border-collapse: collapse; }
#cntPiece #divPiece th { font-weight: normal; vertical-align: middle; margin: 0; padding: 2px 4px; text-align: center; }
#cntPiece #divPiece td { font-weight: normal; vertical-align: top; margin: 0; padding: 2px 4px; text-align: left; }
#cntPiece #divPiece h3 { font-size: 14px; color: #6abb9a; }
#cntPiece #divPiece h5 { font-size: 14px; color: #6abb9a; }
#cntPiece #divPiece h5 a { font-size: 14px; color: #6abb9a; }
#cntPiece #divPiece h5 a:hover { font-size: 14px; color: #344249; }
#cntPiece #divPiece .aright, #cntPiece #divPiece .montant { text-align: right; }
#cntPiece #divPiece .fiche_titre h1 { font-size: 20px; font-weight: bold; color: #4d4d4f; text-align: center; margin-top: 20px; padding: 4px 0 3px 0; border: 1px #cccccc solid;
	border-right: 3px #cccccc solid; border-bottom: 3px #cccccc solid; }
#cntPiece #divPiece .fiche_titre h2 { font-size: 14px; font-weight: bold; color: #4d4d4f; text-align: center; margin-bottom: 0px; border-bottom: 1px solid #cccccc; padding: 2px 0 3px 0; }
#cntPiece #divPiece .fiche_liste td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#cntPiece #divPiece .fiche_liste td.gauche { border-left: 1px solid #cccccc; }
#cntPiece #divPiece table.titre_liste { border-right: 1px solid #cccccc; }
#cntPiece #divPiece table.titre_liste th { font-size: 12px; font-weight: bold; color: #4d4d4f; border: 1px solid #cccccc; border-right: none; }
#cntPiece #divPiece table.total_liste td.tva { border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }
#cntPiece #divPiece table.total_liste th { color: #4d4d4f; border: 1px solid #cccccc; border-top: none; }
#cntPiece #divPiece table.total_liste th strong { font-size: 12px; color: #000; }
#cntPiece #divPiece .contour { vertical-align: top; border: 1px solid #cccccc; font-size: 12px; line-height: 16px; }
#cntPiece #divPiece .adresse { padding: 5px 20px 5px 20px; font-size: 14px; line-height: 18px; }
#cntPiece #divPiece .adresse td { font-size: 10px; line-height: 14px; }
#cntPiece #divPiece .dateRef { padding-left: 50px; }
#cntPiece #divPiece .logo_etat { float: left; margin-right: 12px; }
#cntPiece #divPiece .commentaire_fiche { border: 1px solid #cccccc; }
#cntPiece #divPiece .commentaire_fiche h2 { font-size: 14px; font-weight: bold; color: #4d4d4f; margin-bottom: 5px; }
#cntPiece #divPiece .mentions { font-size: 8px; color: #999999; text-align: center; }
#cntPiece #divPiece table.tabletva { border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; position: absolute; margin-left: -5px; }
#cntPiece #divPiece table.tabletva td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

/* Popup */
#cnt-popup { position: fixed; top: 50%; left: 50%; margin-left: -320px; width: 640px; height: auto; max-width: 100%; background: #fff; color: #333; z-index: 99999;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	transition: all 0.5s ease-in-out; box-shadow: 0 0 8px #000; }
#cnt-popup > img { border: 0; margin: 0; padding: 0; width: 100%; height: auto; display: block; }
#cnt-popup #txt-popup { border: 0; margin: 0; padding: 20px; width: auto; height: auto; overflow: hidden; transition: all 0.5s ease-in-out; font-size: 20px !important; }
#cnt-popup #txt-popup h3, #cnt-popup #txt-popup h5 { font-size: 24px; }
#cnt-popup #btn-close { position: absolute; top: 6px; right: 6px; height: 16px; width: 16px; cursor: pointer; }

/* =======================================================

					Media queries
 
   ======================================================= */

#irmax { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: block; }
#ir1340 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir1120 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir900 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir600 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir400 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir320 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
   
/* ------------------------------------------------ */
/* Format PC/tablettes < 1340px						*/
@media handheld, only screen and (max-width: 1340px), only screen and (max-device-width: 1340px) {
	#irmax { display: none; }
	#ir1340 { display: block; }
	
	.contenu { width: 1080px; margin-left: -540px; } 
	#at4-share { display: none !important; } .at4-show { display: none !important; }
	
	#menu #cntRech #recherche { width: 160px; }
    #menu a { font-size: 20px; }
	
	#lstArtacc .art-liste { width: 240px; }
	#lstCouacc .cnt-cours { width: 240px; padding: 10px 12px; }
	.cnt-cours { width: 320px; }
	
	#cntRayons { width: 280px; } 
	#cntRayons .cntArthaz > h4 > a { font-size: 28px; }
	
	#cntPage { width: 760px; }
	
    #cntLstbil .billet { width: 490px; }
    
	#cntPage #cntImgart { width: 240px; height: auto; }
	#cntPage #cntImgart > img { width: 100%; }
	#cntPage #cntImages { width: 250px; }
	#cntPage #cntImages > #imgMain { width: 240px; height: 240px; }
	#cntPage #cntImages > #imgMain > img { width: 240px; height: 240px; }
	#cntPage #cntImages > #cntMinis { width: 250px; }
	#cntPage #cntImages > #cntMinis > img.mini { width: 70px; height: 70px; }

	#cntDesart { width: 480px; }
	.listeMinart { height: 96px; overflow: hidden; }
	.listeMinart > a { margin: 2px 3px; }
	#cntPage #cntContact { width: 420px; }

	#cntTitre > #txtTitre > h1 { margin-bottom: 6px; }
	.art-vignette { margin: 1px; }
	.art-vignette:hover { z-index: 2; }

	#cntPage .cntCrits .titCrits { margin: 0 10px 0 0; }
	#cntPage .cntCrits .critCheck { margin-right: 10px; }

	#cntEtapes { width: 780px; margin: 0 auto; }
	.etapeLien { width: 30px; }
	.etapeCont { font-size: 14px; width: 210px; }
	
	#coordsRecap { width: 240px; }
	#panierRecap { width: 800px; }
	#panierModreg { width: 780px; }
	
	#cntPage .cptCommande .libcde .btnAffcde { display: block; }

	#pied_infos .titre_pied { font-size: 22px; }
	#pied_infos #cntPaiement { padding: 0 10px; background-position: 220px bottom; } 
	#pied_infos #cntLivraison { padding: 0 10px; padding-left: 20px; background-position: 240px bottom; }
	#pied_infos #cntContact { padding-left: 20px; background-position: 240px bottom; }
	#pied_liens a { font-size: 13px; }
}

/* ------------------------------------------------ */
/* Format PC/tablettes < 1120px						*/
@media handheld, only screen and (max-width: 1120px), only screen and (max-device-width: 1120px) {
	#ir1340 { display: none; }
	#ir1120 { display: block; }

	.contenu { width: 100%; left: auto; margin-left: 0px; } 
	.contenu > .padding { padding: 0 10px; }
	pre { margin: 0; padding: 0; width: auto; white-space: pre-wrap; }
	h1 { font-size: 36px; line-height: 36px; }
	h4 { font-size: 18px; }

/*	#cntPage .cntCoords form > .inline > table { width: 100%; }
	form table td { font-size: 11px; }
	form table input, form table select { max-width: 220px; }
	form table textarea { max-width: 98%; }
	#btnSendid { display: block; margin-top: 6px; } */

	#entete #cntClient #panier { padding: 0 4px 0 24px; }
	
	#menu #cntRech { right: 6px; }
	#menu #cntRech #recherche { width: 160px; }
	#menu a { font-size: 18px; width: auto; }
    
    #cntLstbil .billet { width: auto; display: block; }
    #cntLstbil .billet:nth-child(2n+1) { margin-right: 0px; }

	#cntColsrp { display: table; width: 100%; box-sizing: border-box; }
	#cntColsrp #cntRayons { display: table-cell; float: none; vertical-align: top; width: 240px; }
	#cntRayons #bgRayons { width: 100%; box-sizing: border-box; }
	#cntColsrp > #cntReserv { width: 240px; }
	#cntReserv #bgReserv { width: 100%; box-sizing: border-box; }
	#cntColsrp #cntPage { display: table-cell; float: none; width: auto; vertical-align: top; }
	#cntColsrp #cntContact #cntChapeau { padding: 0 0 0 200px; min-height: 200px; }
	#cntColsrp #cntContact #cntChapeau > img { width: 180px; }	
	#cntColsrp #cntCoords { width: 220px; }
	#cntColsrp #cntCoords .padding > em { display: block; }
	#cntColsrp #cntCoords .padding > .fright { float: none; text-align: left; }

	#lstCouacc .cnt-cours { width: 22%; }
	#lstArtacc .art-liste { width: 22%; }
	
	.cnt-cours { font-size: 15px; width: 30%; }
	.cnt-cours h3 { font-size: 18px; }
	.cours_date, .cours_heure, .cours_places { font-size: 12px; }
	
	#pied_infos #cntPaiement { background-position: right bottom; }
	#pied_infos #cntLivraison { background-position: right bottom; }
	#pied_infos #cntContact { background-position: right bottom; }
	.newline:nth-of-type(n+2) { display: block; font-size: 0px; height: 0px; }

	#cntListe .cntCrits #critSup { display: block; text-align: right; margin-top: 6px; }
	.art-liste > a > .art-prix { font-size: 15px; }
	.art-liste > a > .art-prix > .cntcde { top: 70px; }
	.art-liste > a > .art-descr > .masque > .nomart { font-size: 13px; }
	.art-liste > a > .art-descr > .masque > .desart { font-size: 12px; line-height: 14px; }
	.art-liste > a > .art-descr > .masque > .refart { display: none; }

	#cntPage #frmAddpan { width: auto; }
	#cntPage #cntArticle { display: table; }
	#cntPage #cntImgart { display: table-cell; width: 250px; height: auto; vertical-align: top; float: none; }
	#cntPage #cntImgart > img { width: 100%; }
	#cntPage #cntImages { display: table-cell; float: none; vertical-align: top; }

	#cntPage #cntDesart { display: table-cell; width: auto; padding-left: 16px; }
	.listeMinart > a { margin: 0; }
	
	#cntPage #cntContact { float: none; width: auto; margin-bottom: 12px; }
	#cntPage #cntCoords { float: none; width: auto; }
	#cntPage #cntCoords .padding { max-width: 260px; }
	
	#divAddpan .nomart { font-size: 13px; }
	#divAddpan #cntBtnpan > a { width: auto; font-size: 11px; padding: 6px; padding-left: 28px; padding-right: 10px; }
	#divAddpan #demEmail { max-width: 100%; box-sizing: border-box; }
	#divAddpan #pwdEmail { max-width: 100%; box-sizing: border-box; }
	
	.seladr:nth-child(3n+1) { clear: none; }

	#cntPiece #divPiece { left: auto; margin: 20px; }
	
	#cntEtapes { width: 650px; }
	.etapeCont { font-size: 12px; width: 170px; }

	#coordsRecap { float: none; width: auto; }	
	#panierRecap { float: none; width: 100%; }
	#panierRecap #cntCodrem { display: block; margin-top: 4px; }
	#panierRecap #codrem { width: 100px; }
	#panierRecap .libtot { font-size: 11px; }
	#panierRecap .qteart { width: 40px; }
	#panierRecap .prxart { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; padding: 12px 8px; }
	#panierRecap .prxtot { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; }
	#panierRecap #totgen { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; }
	#panierRecap #libgen { font-size: 14px; }
	#panierModreg { float: none; width: auto; }
	
	#coldFrport { display: none; }
		
	#pied_infos #cntPaiement img { width: 160px; }
	#pied_infos #cntLivraison img { width: 160px; }
	#pied_infos #cntLivraison { font-size: 13px; }
	#pied_infos #cntContact { font-size: 13px; }
}

/* ------------------------------------------------ */
/* Format < 900px									*/
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	#ir1120 { display: none; }
	#ir900 { display: block; }

	h1 { font-size: 32px; line-height: 32px; }
	h3 { font-size: 20px; line-height: 24px; }
		
	#entete { height: 162px; }
	
	#menu { height: 36px; }
	#menu a { font-size: 16px; line-height: 28px; height: 36px; padding: 0px 8px 4px 8px; margin-left: 0; }
	#menu #cntRech { right: 0px; height: 36px; }
	#menu #cntRech #frmRech { height: 20px; }
	#menu #cntRech #recherche { width: 86px; height: 20px; line-height: 20px; }
	#menu #cntRech #btnValrec { height: 22px; line-height: 20px; width: 22px; background-size: contain; }
	
	#lstCouacc .cnt-cours { margin: 0 5px; padding: 5px 6px; }
	#lstCouacc .cnt-cours .image { margin-top: 6px; }
	#lstCouacc .cnt-cours .cours_date { margin: 0; } 
	#lstCouacc .cnt-cours .cours_heure { display: none; }
	#lstArtacc .art-liste { margin: 0 5px; padding: 5px 6px; }
	#cntListe { text-align: center; }
	.art-liste > a > .nomart { font-size: 16px; height: 40px; }
	#navcou { font-size: 26px; }
	.cnt-cours h3 { font-size: 16px; line-height: 20px; }
	.cnt-cours { font-size: 14px; width: 46%; margin: 0 1% 20px 1%; padding: 5px 6px; }
	.cnt-cours .titre { height: 38px; }
	#cntPage #cntArticle { width: 100%; margin-bottom: 16px; }
	
	#cntRaymob { display: block; transition: height 0.3s ease-in-out; }
	#cntRaymob #curRaymob { position: relative; }
	#cntRaymob #curRaymob h1 { font-size: 28px; line-height: 28px; margin: 0; padding: 0 24px 6px 0; } 
	#cntRaymob #curRaymob .txtH1 { display: none; }
	#cntRaymob #curRaymob #selRaymob { position: absolute; top: 0px; right: 6px; }
	#cntRaymob #lstRaymob { display: none; margin: 2px 0 0 0; }
	#cntRaymob #lstRaymob > a { display: block; text-align: center; padding: 4px 6px; background: #fff; color: #223a6a; border-bottom: 1px dotted #aaa; transition: all 0.3s ease-in-out; }
	#cntRaymob #lstRaymob > a:hover { background: #223a6a; color: #fff; }
	#cntRaymob.actif #lstRaymob { display: block; }
	#cntColsrp { display: block; }
	#cntColsrp #cntRayons { display: none; }
	#cntColsrp #cntPage { display: block; float: none; width: auto; padding: 0px; }
	#cntColsrp #cntPage > h1.titray { display: none; }
	#cntColsrp > #cntReserv { display: block; width: auto; padding-top: 32px; }*
	#cntReserv #bgReserv { display: block; width: auto; }
	#cntColsrp > #cntAddpan { display: block; width: auto; padding-top: 0; }
	#frmAddpan { display: block; width: auto; }

	.cntCoords form > .inline > table { width: 500px; box-sizing: border-box; }
	.cntCoords form > .inline > table input { max-width: 360px; }

/*	#cntPage #cntAccart { height: 560px; overflow: hidden; } */
	#cntColsrp #cntContact { display: block; width: auto; padding: 0 !important; }
	#cntColsrp #cntContact #cntChapeau { padding: 0; }
	#cntColsrp #cntContact #cntChapeau > img { position: relative; display: block; left: auto; top: auto; width: auto; max-width: 100%; margin: 0 auto 12px auto; }
	#cntColsrp #cntCoords { display: block; width: auto; margin-top: 32px; text-align: center; }
	#cntColsrp #cntCoords .padding { display: inline-block; }
	
	#cntEtapes { width: 536px; }
	.etapeCont { font-size: 11px; width: 150px; }
	.etapeLien { width: 16px; }
	/* .etapeLien { display: none; } float: none; width: auto; */
	
	#pied_infos .contenu > .padding { padding: 0; }
	#pied_infos .titre_pied { font-size: 18px; }
	#pied_infos #cntPaiement img { width: 100px; }
	#pied_infos #cntLivraison img { width: 100px; margin-top: 40px; }
	#pied_infos #cntPaiement { padding: 0 10px; width: 18%; } 
	#pied_infos #cntLivraison { padding: 0 10px; width: 18%; }
	#pied_infos #cntContact { padding: 0 10px; width: 30%; }
	#pied_infos #cntRessoc { padding: 0 10px; width: 14%; }
	#pied_infos #cntLiens { padding: 0 10px 0 20px; width: 20%; }
	
	#pied_finp { font-size: 11px; }
	
	#cnt-popup { left: 20px; margin-left: 0px; width: auto; right: 20px; }
	#cnt-popup #txt-popup { font-size: 16px !important; }
	#cnt-popup #txt-popup h3, #cnt-popup #txt-popup h5 { font-size: 20px; }

}

/* ------------------------------------------------ */
/* Format mobiles < 600px							*/
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	#ir900 { display: none; }
	#ir600 { display: block; }

	body { font-size: 15px; }
	h1 { font-size: 24px; line-height: 1.2em; }
	h4 { font-size: 16px; }
	h6 { font-size: 18px; line-height: 22px; } 
    
/*  #menu #cntRech #recherche { width: 60px; font-size: 12px; }
	#menu a, #menu a.actif { font-size: 14px; line-height: 30px; height: 36px; padding: 0 6px; margin: 0 3px; width: auto; } */
    #menu { border: none; }
    #menu a { display: none; }
    #menu #cntRech #recherche { width: 100px; font-size: 12px; }
    #menu #btn-menmob { display: block; position: absolute; top: 3px; left: 3px; width: 64px; height: 64px; z-index: 9; background: url(/img/front/menu-mobile.png) no-repeat center; }
    #cnt-menmob { display: none; background: #181e2b; padding: 6px 0; box-sizing: border-box; }
    #cnt-menmob > a { display: block; padding: 6px 8px; color: #fff; font-size: 18px; text-align: center; }
    #cnt-menmob > a:hover { color: #181e2b; background: #fff; }
    
    #cntLstbil .billet { height: 120px; padding: 10px 12px; }
    #cntLstbil .billet .bilimg { width: 120px; height: 120px; }
    #cntLstbil .billet .msktxt { height: 120px; }
    
	#lstCouacc .cnt-cours { margin: 0 5px 10px 5px; padding: 5px 6px; width: 46%; }
	#lstArtacc .art-liste { margin: 0 5px 10px 5px; padding: 5px 6px; width: 46%; }
	#navcou { font-size: 16px; }
	.cnt-cours h3 { font-size: 16px; line-height: 20px; }
	.cnt-cours { font-size: 14px; width: 46%; margin: 0 1% 20px 1%; padding: 5px 6px; }
	.cnt-cours .boutons { margin-top: 8px; }
	.cnt-cours .boutons > a { display: block; margin: 0 0 8px 0; }
	.cours_date, .cours_heure, .cours_places { margin: 0; text-align: left; }
	.cours_date, .cours_heure { padding: 0; background: none; }
	.cours_heure { margin-right: 4px; }
	.art-liste { font-size: 14px; width: 47%; margin: 0 1% 20px 1%; padding: 5px 6px; }
	#lstCouacc .cnt-cours .cours_date { padding-left: 20px; background: url(/img/front/ico-date.png) no-repeat left center; }
	
	#cntRaymob #curRaymob h1 { font-size: 24px; line-height: 24px; }
	#cntRaymob #curRaymob #selRaymob { top: -2px; }
	
	#cntPage #cntArticle { display: block; }
	#cntPage #cntImgart { display: block; width: auto; float: none; max-width: 300px; margin: 0 auto 20px auto; }
	#cntPage #cntImages { display: block; width: auto; text-align: center; margin-bottom: 20px; }
	#cntPage #cntImages > #imgMain { display: inline-block; width: 300px; height: 300px; }
	#cntPage #cntImages > #imgMain > img { width: 300px; height: 300px; }
	#cntPage #cntImages > #cntMinis { display: block; width: auto; text-align: center; }
	#cntPage #cntImages > #cntMinis > img.mini { float: none; display: inline-block; height: 90px; width: 90px; }
	#cntPage #cntDesart { display: block; width: auto; float: none; }
	#cntDesart .cours_date { padding-left: 20px; background: url(/img/front/ico-date.png) no-repeat left center; }
	#cntDesart .cours_heure { margin: 0 0 0 6px; }
	#cntDesart .cours_type { display: block; padding-left: 20px; background: url(/img/front/ico-type.png) no-repeat left center; margin: 4px 0; }
	
	.listeMinart { text-align: center; }
	
	.faqElement { padding: 12px; }
	.faqElement > .faqReponse { margin-left: 4px; }
    
	.cnt-album { height: 200px; }
	.cnt-album > div.morimg { line-height: 100px; }
	.cnt-album > div.morimg > span { font-size: 24px; }

	.newline { display: block; font-size: 0px; height: 0px; }
	.tabFrport { font-size: 11px; }
	#divAddpan #cntBtnpan > #btnValpan { margin: 6px 0 0 0; }
	#divAddpan #cntBtnpan > a { display: block; }
	
	.cntNavig #chxtri { margin-bottom: 6px; }
	.cntNavig .cntTotres { clear: both; }
	#cntPage .cntCrits .titCrits { display: block; margin: 0 0 6px 0; }

	#cntPage #frmAddpan .cntUnit { font-size: 10px; padding: 0 8px; }
	#cntPage #frmAddpan .prix { font: bold 13px/1 Tahoma,Geneva,sans-serif; }
	#cntPage #frmAddpan .cntUnit .prixkg { font: bold 10px/1 Tahoma,Geneva,sans-serif; }
	#cntPage #frmAddpan #cntCde { margin: 4px; }
	#cntPage #frmAddpan #btnCde { padding: 8px; margin: 0 8px; }
	#cntPage .encombrant { background: none; padding: 0 12px 0 12px; }

	.cntCoords { padding: 6px 8px; }
	.cntCoords form > .inline { display: block !important; width: 100%; box-sizing: border-box; }
	.cntCoords form > .inline > table { width: 100%; box-sizing: border-box; table-layout: auto; }
	.cntCoords form > .inline > table tr > td:first-child { width: 120px; }
	.cntCoords form > .inline > table input { max-width: 250px; }
	.cntCoords form > .inline > table textarea { max-width: 100%; box-sizing: border-box; }
	#btnRespsa, #btnSavpsa, #btnSuppsa { display: block; margin: 0 0 6px 0 !important; }
	
	#cntPage .btnCompte { font-size: 13px; padding: 6px 8px; }
	#cntPage .btnCompte img { margin-right: 12px; }
	#cntPage .cptCommande .outils { width: 42px; }
	#cntPage .cptCommande .datcde { font-size: 10px; width: 46px; }
	#cntPage .cptCommande .libcde  .btnAffcde { font-size: 11px; }
	#cntPage .cptCommande .moncde { font: bold 12px/1 Tahoma,Geneva,sans-serif; width: 70px; }
	#btnSavdoc { display: block; margin: 6px 0; }
	
	#cntEtapes { width: auto; margin: 0 10px; }
	.etapeCont { float: none; width: auto; margin: 0 0 6px 0; }
	.etapeLien { display: none; }
	
	#panierVide { font-size: 28px; padding: 20px 0 240px 0; background-size: 80% auto; }
	#panierListe #cntLivpay { display: block; margin-left: 20px; margin-top: 8px; }
	#panierModreg .cntModreg img { display: none; }
	#panierListe .detart > img { display: none; }
	#panierListe .detart > a { font-size: 16px; }
	#panierListe .detart > .priart { display: block; }
	#panierListe .prxart { width: 96px; font-size: 16px; }
	#panierListe .panierTotcol { padding: 10px 16px; }
	#panierListe .panierTotcol h1 { font-size: 16px; }
	#panierListe #panierTotgen { font-size: 16px; }
	#panierListe #panierLibgen { font-size: 20px; }
	#cntSavpan { display: none; }
	
	#pied_infos { padding: 12px 10px 0 10px; }
	#pied_infos #cntPaiement { display: block; width: auto; height: auto; padding-bottom: 10px; border: none; border-bottom: 2px dashed #fff; } 
	#pied_infos #cntPaiement img { width: 150px; margin: 0 0 12px 0; }
	#pied_infos #cntLivraison { display: block; width: auto; height: auto; padding: 10px; border: none; border-bottom: 2px dashed #fff; }
	#pied_infos #cntLivraison img { width: 150px; margin: 0 0 12px 0; }
	#pied_infos #cntContact { display: block; width: auto; height: auto; padding: 10px; border: none; border-bottom: 2px dashed #fff; }
	#pied_infos #cntContact #txtContact { margin: 0 0 12px 0; }
	#pied_infos #cntRessoc { display: block; width: auto; height: auto; padding: 10px; border: none; border-bottom: 2px dashed #fff; }
	#pied_infos #cntRessoc > span { margin: 0; }
	#pied_infos #cntRessoc a { display: inline-block; margin: 12px; }
	#pied_infos #cntLiens { display: block; width: auto; height: auto; padding: 10px; border: none; }
	#pied_infos #cntLiens > span { display: block; text-align: center; margin: 12px 0; }
	#pied_infos #cntLiens a { display: inline-block; margin: 0 5px; font-size: 13px; }
	
	#pied_finp .spacer { display: block; visibility: hidden; height: 6px; }
}

/* ------------------------------------------------ */
/* Format mobiles < 400px							*/
@media handheld, only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
	#ir600 { display: none; }
	#ir400 { display: block; } 
	
	body { font-size: 14px; }
	img { max-width: 100%; }
	ul, ol { padding-left: 20px; }
	h1 { font-size: 20px; }
	h3 { font-size: 16px; line-height: 20px; }

	.contenu > .padding { padding: 0 6px; }
	a.btnStyle { font-size: 13px; height: 30px; line-height: 28px; }
	#cntPage .encombrant { font-size: 13px; width: 180px; background: none; }

	form table input, form table select { max-width: 160px; }

/*	#entete { background-position: center 10px; height: 144px; } */
    #entete { height: 100px; }
	#entete #cntClient #compte { padding: 0 12px 0 24px; }
		
/*	#menu a, #menu a.actif { margin: 0 1%; width: 22%; }
	#menu #cntRech { position: absolute; top: 0; margin-top: -64px; border-color: #223a6a; right: 16px; }
	#menu #cntRech #recherche { color: #223a6a; background: #fff; width: 100px; }
	#menu #cntRech #btnValrec { background: url(/img/front/picto-rech-bleu.png) no-repeat center; background-size: contain; } */

    #cntLstbil .billet { height: auto; }
    #cntLstbil .billet .bilimg { float: none; width: auto; height: 120px; margin: 0 0 10px 0; }
    #cntLstbil .billet .msktxt { height: auto; }
    
	#lstCouacc .cnt-cours { width: auto; margin: 0 0 20px 0; }
	#lstArtacc .art-liste { width: auto; margin: 0 0 20px 0; }
		
	#navcou > * { vertical-align: top; }
	.perpre { display: inline-block; height: 20px; width: 32px; background: url(/img/front/nprec.png) no-repeat center; } 
	.persui { display: inline-block; height: 20px; width: 32px; background: url(/img/front/nsuiv.png) no-repeat center; }
	.perpre > span, .persui > span { display: none; }
	.perpre:hover { background: url(/img/front/nprec.png) no-repeat center; }
	.persui:hover { background: url(/img/front/nsuiv.png) no-repeat center; }
	.cnt-cours { width: auto; margin: 0 0 20px 0; }
	.cours_date { padding-left: 20px; background: url(/img/front/ico-date.png) no-repeat left center; }

	#cntRaymob #curRaymob h1 { font-size: 20px; line-height: 20px; }
	#cntRaymob #curRaymob #selRaymob { top: -5px; }
	
	.art-liste { width: auto; margin: 0 0 20px 0; }

	#cntPage .cntCrits .critCheck { display: block; width: auto; }
	.cntNavig .cntTotres .nbrTotres { display: none; }
	#cntPage .cntCrits .critCheck { width: 120px; }

	#cntPage #cntArticle { display: block; }
	#cntPage #cntImgart { display: block; width: 100%; box-sizing: border-box; margin-bottom: 12px; }
	#cntPage #cntImages > #imgMain { width: auto; height: auto; }
	#cntPage #cntImages > #imgMain > img { width: 100%; height: auto; }
	#cntPage #cntImages > #cntMinis > img.mini { height: auto; width: 31%; margin: 0 1% 0 1%; box-sizing: border-box; }
	#cntPage #cntDesart { display: block; width: auto; float: none; }
	a.tagart, a.tagart:link, a.tagart:visited { font-size: 10px; }

	.listeMinart { height: 202px; }
	.listeMinart > a { margin: 0 0 2px 0; }
	
	#cntPage #frmAddpan { padding: 10px; font-size: 11px; }
	#cntPage #frmAddpan .btnStyle { padding-right: 10px; margin-right: -10px; }
	.sepLowres { display: block; clear: both; border-bottom: 1px dotted #d7d7d7; padding-top: 10px; margin-bottom: 10px; }

	.cntCoords form > .inline > table tr > td:first-child { width: auto; }
	.cntCoords form > .inline > table tr > td > em { display: block; margin-bottom: 6px; }
	.cntCoords form > .inline > table { display: block; }
	.cntCoords form > .inline > table tbody, .cntCoords form > .inline > table tr, .cntCoords form > .inline > table td { display: block; width: auto; }
	.cntCoords form > .inline > table td.nomob { display: none; }
	.cntCoords form > .inline > table input { max-width: 100%; box-sizing: border-box; margin-bottom: 3px; }
	.btnCompte img { margin-right: 12px; }
	
	#panierListe .qteart { padding: 4px; }
	#panierListe .prxart { width: 64px; font-size: 14px; padding: 4px; }
	#panierListe .panierTotcol.panierTottit { padding: 15px 10px; }
	#panierListe .panierTotcol { padding: 10px 10px; }
	#panierListe .panierTotcol h1 { font-size: 14px; }
	#panierListe #panierTotgen { font-size: 14px; }
	#panierListe #panierLibgen { font-size: 18px; }

	#panierModreg > .padding { padding: 10px 0; }
	#panierModreg .cntModreg .libModreg { font-size: 18px; margin: 0; }
	#panierModreg #chkcgv { margin-left: 4px; }
	
	#cntPage .cptCommande { display: block; }
	#cntPage .cptCommande .outils { display: block; width: auto; }
	#cntPage .cptCommande .datcde { display: block; width: auto; border-bottom: 1px dotted #ddd; }
	#cntPage .cptCommande .libcde { display: block; width: auto; }
	#cntPage .cptCommande .moncde { display: block; width: auto; padding: 6px 10px; border-top: 1px dotted #ddd; }
	
	.lienBloc { display: block; }
	.lienBloc > .lienImage { display: none; }
	.lienBloc > .lienTexte { display: block; width: auto; }

}

/* ------------------------------------------------ */
/* Format mobiles < 320px							*/
@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
	#ir400 { display: none; }
	#ir320 { display: block; }
	
	#panierListe .detart > .refart { display: none; }
	#panierListe .detart > .priart { display: none; }
	
}



/* =======================================================

					Animations CSS3
 
   ======================================================= */

/* Animation slide */
.slideElt { 
	position: absolute; left: 0px; top: 0px;
	-o-transform: translateX(0deg) rotateY(0deg) scale(1); -o-transform-style: preserve-3d; -o-backface-visibility: hidden;
	-ms-transform: translateX(0deg) rotateY(0deg) scale(1); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden;
	-webkit-transform: translateX(0deg) rotateY(0deg) scale(1); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;
	-moz-transform: translateX(0deg) rotateY(0deg) scale(1); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden;
	transform: translateX(0deg) rotateY(0deg) scale(1); transform-style: preserve-3d; backface-visibility: hidden; 
	-o-transition: transform .8s ease-in-out, opacity .8s ease-in-out; -ms-transition: transform .8s ease-in-out, opacity .8s ease-in-out; 
	-moz-transition: transform .8s ease-in-out, opacity .8s ease-in-out; -webkit-transition: transform .8s ease-in-out, opacity .8s ease-in-out; 
	transition: transform .8s ease-in-out, opacity .8s ease-in-out;
}
.slideElt.inactive {
	z-index: 2; opacity: 0;
    -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
    -moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
	-o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.slideElt.desactive {
	z-index: 2; opacity: 0;
    -webkit-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
    -moz-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    -o-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
    transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
}
.slideElt.active {
	z-index: 10; opacity: 1;
    -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
    -moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
    -o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
    transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); 
}