/*SET BOOTSTRAP */
.form-row, .row{margin-bottom: 5px; }
.nowrap{ white-space: nowrap; }
.width95{ width: 95%; }
.nopadding{ padding: 0; }
.nopaddingLeft{padding-left: 0;}
.nopaddingRight{padding-right: 0;}
.padding5{ padding: 5px; }
.padding10{ padding: 10px; }
.padding20{ padding-left: 20px; }
.nomargin{ margin: 0; }
.margin_auto{ margin: 0 auto; }
.marginL_auto{ margin-left: 15%; }
.margin5{ margin: 5px; }
.marginLeft10{ margin-left: 10px; }
.container {	max-width: 1200px; }
.floatRight{ float: right; right: 0; top: 0;  }
body{
	margin:0; padding: 0; 
	background: #A8BAC8;
	color: #444; 
	font: 100%/1.618;
	font-size: 0.875em;
	}
	
h1, h2, h3,h4,h5,h6 {font-weight: normal; }
hr, hr.lineArticle { 
	width: 100%; 
	height: 0.15px; 
	margin: 0; 
	margin-bottom: inherit; 
	}
#contenu{ 
	position: relative; 
	display: block;
	height: auto;
	min-height: 500px; 
	background-color: #fff; 
	border-radius: 10px; 
	margin:10px auto;
	}
	
.fondContent{ 
	background-color: #FFF; 
	padding: 0px 10px 0px 10px; 
	margin-bottom: 0px; 
	}
	
	
/* --- HEADER  ---- */
#header{ 
	background-color: #fff;
	margin: 0; padding: 0;
	
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	}
#header .navbar{
	padding: 0 1rem; 
}
#header a.navbar-brand{ 
	position: relative;
	top: -2px; 
	font-size:1.7em; 
	/*display: block; min-width: 137px; min-height: 43px;*/
	
	}
#header .navbar-brand::first-letter{ 
	text-transform: uppercase; 
	}
#header .links ul li{
	display: inline-block; 
	padding: 5px 10px 0px 10px; 
	text-transform: uppercase;
	border-left: 1px solid #F4F4F4;
	}
#header .links ul li:first-child, #header .links ul li.noBarLeft{
	border-left: 1px solid transparent;	
	
	}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, nav a.active{
	font-weight: 600; 
	color: #B0943C; 
	}
/*menu dropdown*/
.dropdown {  display: inline-block;	}
.navbar-nav .dropdown-menu{  top:30px; }
.dropdown-content {
	/*  replique du dropdown-menu btsp4	*/
    position: absolute;
    margin-top: -5px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
	text-align: left;
	list-style: none;
	background-color:#fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
	}
.dropdown-item {
  padding: 5px;
  font-size: 0.8em;
  text-decoration: none;
  display: block;
	}
a.linkMnu{  border-bottom: 1px solid #F4F4F4;   }
.dropdown-content li { width:100%; display: block;   }
.dropdown-content a:hover {background-color: #F4F4F4;  }
.dropdown:hover .dropdown-content {display: block;}
.dropdown{ margin-top: 8px; 
padding: 10px 10px 0px 10px; 
}
.dropdown-toggle, .dropdown a{ 
color: rgba(0, 0, 0, 0.5);  
}
.dropdown-toggle::after{	color: #DABF78; }
.dropdown-item{ 
	margin: 0 auto; 
	padding: 0;   
	}
	
/*breadcrumb*/
.breadcrumb{
		background-color: #F4F4FF;
		
		border-radius: 10px;
		box-sizing : content-box;
		color: rgb(33, 37, 41);
		display: flex;
		flex-wrap: wrap;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin-bottom: 16px;
		margin-top: 0px;
		padding-bottom: 12px;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 12px;
		text-align: left;
		}
.breadcrumb-item .sujets{ color: #4E5A91; }
/*footer*/
.footer{
	border-top: 1px solid #ddd;
	background-color: rgba(255,255,255); 
	padding: 10px;
    margin: 0;  
	}
.footer .fondTrans{
	padding: 10px; 
	background-color: rgba(255, 255, 255, 0.4); 
	}
	
.footerTitle{
	padding: 10px; 
	font-size: 12px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	}
.footer ul{ list-style-type: none; }
.footer .col-md-4 ul{ 
	margin-top: 10px; 
	margin-left: 15px; 
	padding-left: 0; 
	}
.footer .brColor{ border-right: 1px solid #ddd;   }
.footer ul li{ padding: 2px;   }
.footer ul li a{ color: #555;   }
.footer ul li a:hover{ color: #87ACD9; text-decoration: underline;  }
.footer ul li { color: #888; font-size: 0.85rem;}
/*-------- HP -------------*/
.text-banner{ 
	font-size: 0.90rem; 
	line-height:1.45em; 
	padding: 0px; 
	margin: 10px; 
	color: #A0918D; 
}
.titleBoxHP{ 
	display: block;
	padding: 5px; 
 }
 
.titleBoxHP h5{ margin: 5px;  }
.cntImg{ margin-left: 10px;  }
#scrollBox { max-height: 100%;  }
#scrollBox, #scrollBoxArt{ overflow-y: auto; margin: 0; }
#scrollBoxArt{ max-height: 100%; min-height: 205px; }
.colorCode, .colorCode small{ 
	
	color: #DABF78;
	/*color: #A8BAC8;  */
}
div.carteBox, .bkgrdResult{ 
	margin: 0; 
	padding-top: 0; 
	height: auto; 
	border: 1px solid #e9e8e8; 
	border-radius: 10px 10px 0px 0px;  
	}
/* --- ALL PAGES ---- */
img{
	max-width: 100%; height: auto; 	
	/*for responsive attention tarots*/ 
	}
a, a:hover{	text-decoration: none;	}
h3{	color: #4B6693;} /*gris bleu*/
.card-heading h4{ color: #F4F4FF; }
.cats{color: inherit; }
h4.forumCateg{color: #A08636; }
h5, h5 a{color: inherit; }	
h6{color: #B2A6A7; }
.text-classic{color: #888; }
.text-pale{	color: #B9AB9B; }
.text-white{ color:#FFFFFF; }
.text-rightN{ float: right; right: 0; }
.blue-text{	color: #87ACD9; }
.erreur{color: red; }
.no-click{ cursor: default; }
#header .navbar-brand, #header .navbar-brand::first-letter, h5.stdStoreTitle a, .card-title h4:hover, .expend .card-title h4, .titlePage, .SharePost{ 
	color: #A08636;}	/*or foncé comme le logo*/

.titlePage{
	font-size: 1.75rem; 
	font-family: 'Monda', sans-serif;
	padding: 15px 0px 15px 0px; 
	border-bottom:1px solid #A08636; 
 }
 
.SharePost{
	font-size: 1.20rem; 
	padding: 5px; 
	border-bottom:1px solid #A08636; 
	max-height: 30px;
 }
.titlePage a{
	font-size: inherit; 
	color: inherit; 
	font-family: inherit;
	}
.titlePage::first-letter{
	text-transform: uppercase; 
	}
.rounded-circle{
	max-width:30px;
	}
 
/* Button */
.btn-group{ 
	border: 1px solid #BAAE98; 
	border-radius: 5px; 
}
.btn-groupLast { 
	border: 1px solid #BAAE98; 
	border-radius: 5px; 
	margin-bottom: 1px; 
	padding: 0; 
	background-color: #fff; 
	color: #A08618!important;
	white-space: nowrap; 
	display: inline;
	}
.btn-groupLast a{ 
	color: #A08618!important;
	text-align: center;
	text-decoration: none;
}
.btn-group a:first-child{ border-right: 1px solid #A08618; }
.btn-group a:last-child{ border-left: 1px solid #A08618; }
.btn-group a:hover, .btn-groupLast a:hover{
	background-color: #F2F0EC; 
	}
span.button, #header .button{ 
	margin: 3px; font-size: 0.9em; 
	padding: 0px 6px 0px 6px;
	}
		
.button, .buttonHeader {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	-webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	-ms-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	
	background-color: #fff;
	border: 0;
	box-shadow: inset 0 0 0 1px rgba(160,134,54, 0.3);
	display: inline-block;
	}
	
.button, .btn-group a {
	color: #A08618!important;
	background-color: #fff; 
	cursor: pointer;
	 font-family: inherit;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 0.05em;
	line-height: 2em;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	
	}
.buttonHeader {
	color: #A08618!important;
	background-color: #fff; 
	display: inline-block;
	white-space: nowrap;
	}
.button:hover{ 
	background-color: #A08636; 
	color: #fff!important;
	}
.nobutton{
	border:none !important;
	background-color: transparent; 
	margin:0;  padding:0; 
	color: inherit; 
    font-size: 100%; 
    text-decoration: none;
	}

/*----------------- content -----------------*/
.boxCtnt{	
	display: block; 
	text-indent: 10px; 
	border-radius:10px; 
	margin: 0 auto 25px auto;
	padding: 2px 0px 1px 0px; 
}
.boxCtnt p{	
	display: block; 
	width: 96%;
	text-indent: 0px; 
	margin: 10px auto; 
	padding: 0px;  
}
.fondTrans{
	padding: 15px 20px 15px 20px; 
	background-color: rgba(255, 255, 255, 0.4); 
	}
.fondTransNB{ 
	background-color: rgba(255, 255, 255, 0.7); 
	width: 100%;
	/*font-size: inherit; font-size-adjust: 0.6; */
	}

/*theme color news & forum */
.about{
	border-bottom: 1px solid #DABF78;
	}
.about hr, .lineArticle { 
	height: 0.15em; 
	border-top: 1px solid inherit ;
	}
/*theme color cartes */
.cartes {border-bottom: 1px solid #DABF78;	}
h5.textOr + hr {background-color: #DABF78;	}
.cartes h5 a, h5.textOr{color: #A08636;	}
.minHeight { min-height: 150px; line-height: 22px;  }
/*images*/
img.imgHP{ 
width: auto; 
max-height: 150px; 
margin-right:4%;
}
img.imgHP:hover{ 
transition-property: all;
}
	
/*-------- PAGINATION STYLE CARTE FLASHCARDS-------------*/
#pagination li.page-item.active .page-link{
	background-image: linear-gradient(#007BFF, #0050A8);
	}
	
#pagination li.page-item .page-link:hover{ color:  #0050A8; }
/* --------- tarots LOISIRS mosaic  */
.divLoisirs{
	font-family: Frank,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 0.9em; 	
	border: 1px solid #EAF2ED; 
	height: auto; 
	background-color: #fff; 
	width: 50%; 
	margin-bottom: 5px; 
	line-height: 25px;
	}
	
.divLoisirs:hover{ 	
	border: 1px solid #7E6E5E; }
	
.cite{ color: #7E6E5E; } /*chataigne*/
.noCite{ font-style: normal;}
	
.divLoisirs hr { 
	background-color: #DABF78; 
	margin: 10px 0px 10px 0px; 
	} 
	
	
.contenuLoisir{ 
	padding: 15px; 
	color: #555; 
	background-color: #fff; 
	}
				
.contenuLoisir ul#liste, .contenuLoisir ul { 
	list-style-type: none; 
	margin-left: -30px; 
	margin: 0; 
	padding:0; 
	}
.contenuLoisir ul#liste li, .contenuLoisir ul li{ 
	vertical-align: middle; 
	display: block; 
	background-color: #F2F7F4; 
	margin: 3px; 
	text-align: justify; 
	padding: 5px; 
	}
/*css contenu db*/
.contenuLoisir ul li:before, .contenuLoisir ul#liste li:before{ 
	content: "\021DD \0020";
	color: #A08636;  
	display: inline-block; margin-right: 5px;  
	clear: left; 
}
.divLoisirs h3{ 
	color: #806E58; 
	font-size: 1.5em; 
	background-color: #FAF5EB; 
	border-radius: 5px; 
	display: block; 
	padding: 2px 0px 2px 5px; 
	}
.contenuLoisir .notaBene{ 
 	 background-color: #FBF9F2;  
	 border: 1px dotted #A08636;  
	 color: #A08636;  
	 margin-top: 5px; 
}
.contenuLoisir .notaBene big strong{ 
	font-size: 18pt; 
	margin-top: 3px; 
	}
	
.contenuLoisir  .linksLoisirs{ 
	 border-left: 1px solid #D7D6C4;  
	 border-bottom: 1px solid #D7D6C4;  
	 color: #A08636;  
	 margin: 5px 10px 0px 20px;
	 padding: 5px 20px 10px 10px; 
	}
.linksLoisirs a{ 
	color: #806E58;  
	text-decoration: underline; 
	}
.linksLoisirs a:hover{ 
	text-decoration: none; 
	}
 
.intro{ font-style: normal; color: #555; } 
 
.number1{ font-size:95%; top: 4px; }
/*recto*/				
.card-title h4{
	background-color: #D7EAE1; 
	display: block; 
	position: relative;
	margin: 3px 0px 2px 0px; 
	padding: 0px 0px 3px 0px;  
	width: 100%; 
	color: #fff;  
	}
/*ateliers*/
.col-sm-6 > img.imgLoisir, .col-md-6 > img.imgLoisir{
	max-height:100%; 
	display: inline-block;  
	width: auto;   
	margin: 0 auto; 
	}
	
.col-sm-12 > img.imgLoisir, .col-md-12 > img.imgLoisir{
	height:auto; 
	display: block;  
	width: 100%;    
	margin:0; 
	}
img.imgLoisir{
	border-radius: 10px;
} 
h4.titreAt, h4.titreMes{
	color: #A08636; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	}
h4.titreMes:Before{ content:'\02600 \0020';  color: #B4B190; }
h2{ color: #84A696; } /* celadon */
/*notuse but exist*/
.atelier{}
p.infocg{} /*cond gen*/
/* --------- jeu de MOTS */
.color{ color: #84A696; }
.colorP, .titleList, .noCite{color: #386595; }
.colorP:first-letter{font-size:105%; text-transform: capitalize;  }
.viewExmpleEyes{color: #84A696; }
.btn-jeu{ background-color: #84A696; border: 1px solid #84A696; color: #fff;  min-width: 80px; }
p.def{ margin: 10px 5px 10px 0px;}
#tarotGame{
	display: block;
	min-height: 500px; 
}
.boxTM{
	display:inline-block;  
	border:1px solid #A58B3A; 
	text-align: center; 
	margin: 15px auto;  
	border-radius: 10px;
	min-width: 100%; 
	min-height: 180px; 
	max-height: auto; 
	background-color: #F3F0E1; 
	padding: 10px;
	}
.titre{
	display: block;  
font-weight: 500; 
margin-bottom: 15px; 
border-bottom: 1px solid #A58B3A;
min-height: 100px; 
	/*color: #866D4E; */
color: #AA9142; 
font-weight: 600;
	padding: 0px 10px 10px 10px; 
text-align: justify;
}	
.viewMore{ background-color: #EEE9D8; color: #D0C1A9; border-color: #D0C1A9; }	
	
.addText{ display: none; }	
.conseil{
	line-height: 22px; 
	padding-bottom: 5px; 
	margin-bottom: 8px; 
	border-bottom: 1px solid #A58B3A;
	max-height: 180px;
}
.morale{
	color: #BAAE98;  /*grège*/
	height: 40px; 
	font-weight: 600;
	}
.morale:hover{ 
	color: inherit; 
	}
	
.textMorale{
	/*color: #BAAE98; */
	color: #AA9142; 
	padding: 0px 5px 0px 10px; 
	display:none;
	min-height: 40px; 
}	
.categ{
	height: 30px; 
	padding-top: 3px;	
}
.textCateg{
	color: #663300; 
	text-transform: uppercase; 
	display:none;
}
/* ----------------- FLASHCARDS  */
.accueilTarot{
	float: right; 
	position: absolute; 
	margin-top: -20px; 
	right: 15px;  
	}
/*color texte cartes*/
h6.fondTransNB, h5 span.color, .rep .info b, h5.flashQuest, h6.flashQuest{ 
	color: #992044; 
} 
h6.fondTransNB{ 
	
white-space: pre-wrap; /* W3C standard */
word-wrap: break-word; /* IE + Chrome*/
} 
	
h5.fondTransNB{ 
	color: inherit;
	height: 100%; height: 145px; 
	margin: 0; 
 } /*recto indice as a as*/
/*------------- english ----------------*/
.bkgrdExp{
	background-color: #F4F4FF; 
	padding: 10px; 
	border-radius: 5px;
	}
/*recto*/
.flash-en{min-height: 160px; max-height: 160px; }
.flashCard{min-height: 160px; max-height: 160px; }
.flashCard, .flash-en{
	display:inline-block;  
	border:1px solid #CCC; 
	text-align: center; 
	margin-bottom: 10px;  
	border-radius: 10px;
	z-index: 5;
	min-width: 170px; 
	max-width: 16%; margin-right: 5px;
	background-color: #FEF3D3; 
	padding: 5px; 
}
h6 img{ margin-left:1px;margin-right:1px; width:99%;}
.flash-en:hover{ 
	border:1px solid #BBB;  
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
	}
.cliqued{ 
	border:1px solid #BBB; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
	}
img.top{position: absolute; margin-top:0; }
.indice, .bottomLg{ 
	position: absolute; 
	bottom:3px; 
	right: 5px; 
	display: block; 
	padding: 2px 4px 2px 4px; 
	background-color: #8AADD9; 
	opacity: 0.75;  
	color: #fff; 
	border-radius:10px;  
	z-index:10;  
	}
.viewIndice{
	display: block; 
	width: 99%;  
	margin-top: 8px; 
	margin: 1px 0px 0px 0px;  
	background-color: #fdfdfd; 
	padding: 2px; 
	min-height: 35px;  
	z-index:0;  
	}
.trad{font-size: 0.75em; }
.word{ 
	position: absolute;
	top: 16%;
	left: 50%;
	transform: translate(-50%, -16%); /* ie9+ */
	width:100%; 
	}
 
.ind_as_as {
	 margin-top: -2%; 
	 padding: 8% 4% 8% 4%; 
	 min-height:88px;
	}
 
.colCloud h5{ color: #25567B; margin-top: -10px; } 
/*----------------------------------------------------irregular*/
ul.nowrap li{ white-space:nowrap; }
.que ul li:before, .rep ul li:before, .rep_center ul li:before, .footer ul li:before{ 
  /* 	"\002D" tiret "\0020" espace */
  content: "\002D \0020";
	}
.que ul li, .rep ul li, .rep_center ul li{ 
	display: block; 
	width: 100%; 
	text-align: center; 
	font-size: 95%; 
	line-height: 25px; 
	}
.que, .que_center{ 
	position: absolute;   
	width:100%; 
	margin-bottom: 0;
	top: 8%;  
	left: 0;
	}
.rep ul li{ margin-left: -15%;  font-weight: 600;}
.rep .info ul li{ margin-left: -35px;  font-weight: normal; text-align: left;}
.rep .info b{ margin: 15px 0px 15px 0px; font-weight: 500;}
/*verso*/
.findWord, .slider .recto .flip{
 /* transition effects */
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;	  
  
  /* depth elements */
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -o-perspective: 200px;
  perspective: 200px;
}
.findWord hr{
	line-height:10px; 
	margin-top: 1rem;
	}
small.mini{ 
	display: inline-block; 
	max-height: 120px; 
	color: #dedede;  
	line-height:1em;
	font-size: 0.7em;   
	}
.que h6.fondTransNB,
.findWord .que, 
.findWord .que_center,
.findWord .rep_center, 
.findWord .rep, 
.indice , .indiceFR, .bottomLg,
.findWord .word,
.slider .recto img{  
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden; 
 }
.findWord .rep, .findWord .rep_center {  
	display: block;
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg ); 
  }
.rep{
	position: absolute;
	width:100%; 
	margin-bottom: 0; 
	top: 8%;
	left: 0%;  
	transform: translate(-8%, 0%); /* ie9+ */
	}
.rep h5{ line-height: 35px; min-height: 33%; max-height: 50%; }
.color{}
img.expr{}
/*article demo*/
.demo{
background: -webkit-gradient(linear, left top, left bottom, from(#007BFF), to(#0050A8));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 font-family: 'Monda', sans-serif;
 }
 
.BKGRD{
		background-image: linear-gradient(#FFB973, #FEF3D3, #FFB973);   
   }
 
.BKGRD_G{
	background-image: linear-gradient(#EFEFEF, #fff, #EFEFEF);  
	border: 1px solid #CFCFCF; 
	height: auto; width: 100%; 
   }
   
.textMsgClose{
	float: right; 
	position:absolute; 
	right:10px; top: 10px; 
	color:#bbb;   
  }
small.infoMsg{ text-align:justify; color:#bbb; margin-bottom:3px; }  
  
.flashCard-rep{ 
	position: absolute; 
	top: 25%; 
	left: 28%; 
	transform: translate(-25%, -28%); 
	width: 75%; 
	z-index: 15;  
	border-radius: 10px; 
	padding: 20px; 
	border:1px solid #CFCFCF; 
	}
h6.flashQuest{
	position: relative;  width: 100%; 
	padding: 0px 5px 5px 5px;  
	line-height:25px; margin-top: 30%; 
	transform: translateY(-30%);  
	}
h5.flashQuest u{ padding-bottom: 5px; }
.formule{
	margin: 0; 
	float: left; 
	width: 100%;  
	text-align: center; 
	clear: both; 
	background-color: #fff; 
	font-size: 110%; 
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF; 
	}
.formule u{
	text-decoration: none; 
	border-bottom: 1px solid black; 
	margin: -2px 2px 2px 2px;  
	}
/* formules fraction */
.eq-c{
  display: block; margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size-adjust: 0.85em; 
  padding: 10px;
	}
.fraction {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2em 0.4ex;
    text-align: center;
    clear: both;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid #555;}
.fraction span.bar {display: none;}
.textLeft{position: relative; left: -28px; } 
.info{ 
	float: left; 
	display: block; width: 100%; 
	margin-top: 5px; 
	padding: 15px 15px 10px 15px; 
	background-color: #FFFBEC;  
	color: #555;  
	}
/* ----------------------- tarot CITATIONS --- */
.slider { 
	position: relative; 
	display: block;
	width: 305px; 
	height: 455px; 
	margin: 0 auto; 
	}
.slider img{ display: none; }
.slider img.active{ display: block; }
.recto .flip{ 
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );  
  }
.slider .recto img.active, .slider .verso{ 
	width: 305px; height: 455px; 
	top: 0; left: 0; 
	}
.slider .verso{ position: absolute;}
.msg{ 
	margin: 0; 
	width: 100%; 
	min-height: 200px; 
	max-height: 460px;  
	}
span.msgInner{
	position: relative; display: block; 
	z-index: 555; 
	top: -160px; 
	max-width: 300px; 
	padding: 0px 10px 0px 10px; 
	height: 150px;
	margin: 0 auto; 
	text-align: center; 
	font-size: 1.35em; 
	margin-bottom: 0; 
	line-height: 35px; 
	font-family: 'Pragati Narrow', sans-serif; 
	}
/*articles lives*/
ul#symbole{
	list-style-type: none;  
	width: 100%; 
	margin-left: -15px; 
	}
ul#symbole li{
	display: inline-block;   
	width:100%; 
	margin: 0;padding: 3px; 
	border-bottom: 1px solid #eee; 
	text-align: justify;
	}
	
ul#symbole li:first-child{border-top: 1px solid #eee;  }
ul#symbole li div{
	float: right; 
	margin-right:3px; 
	color: #dede; 
	font-family: SFMono-Regular, Menlo, Monaco, Consolas; 
	text-align: justify;
	}
	
.symbole{ 
	padding-top: 5px;
	background-color: #555; 
	color: #fff; 
	border: 1px solid #eee;  
	}
.content ul li:first-child, .content2 ul li:first-child{ 
	text-indent: 15px;  
	color: #4767A5;  
	font-weight: 600; 
	background-color: #F0F5FF;  
	}
/*-------- NEWS -------------*/
.cardNews{ 
	margin-bottom: 10px; 
	}
.card-header{ 
	/* background-color: #;   */
	border: 1px solid #CEC6BB;
	border-radius: 8px 8px 0px 0px;
	padding: 10px 0px 0px 10px; 
	}
.bodyNews{ 
	border: 1px solid #CEC6BB;
	border-radius: 0px 0px 8px 8px; 
	padding: 10px; 
	/*color: #712a2a; */
	}
	
.titleNews a{
	color: #7F6E5A; 	
}	
/*-------- CV -------------*/
.motcle { 
	display: inline-block; background-color: #EFEFEF;  border: 1px solid #A8BAC8; color: #89A0B4; margin: 5px  5px  5px  0px; cursor: context-menu; 
	}
.motcle:hover {  
	border: 1px solid #A8BAC8; color:#555;
	}
	
.imgCV{
	display: block; 
	margin: 20px auto 10px auto; 
	max-width: 180px;
	border-radius: 5px; 
	}
	
.content_1, .content_2{  
	position: relative; 
	top: 40px; 
	margin-bottom: 40px; 
	border-radius: 5px; padding: 10px; 
	border: 1px solid #DDD5D5; 
	}
.content_1 b.date, .content_2 b.date{ 
	float: left; 
	display: inline-block; 
	font-weight: normal; 
	background-color: #F4F4FF; 
	color: #888; 
	margin-top: -1px; 
	margin-right: 3px; 
	border-radius: 20px;  
	padding: 5px; 
	font-size: 0.75em; 
	}
	
.content_1 ul, .content_2 ul{ 
	list-style-type: none;  
	margin-left: -15px;
	} 
.content_1  ul li:Before, .content_2 ul li:Before, .content_2 ul.customList li:Before{	content: "\» \0020";    color: #4679BD;	}
.content_1 ul li.noStyle:before, .content_2 ul li.noStyle:before, .content_1 ul li:first-child:before, .content_2 ul li:first-child:before{	content: none;}	
.content_1 ul li:first-child, .content_2 ul li:first-child{	border-bottom: 1px solid #EFEFEF; 	color: #386595; margin-left: 15px; 	padding-bottom:5px;	margin-bottom:2px;	}		

/*overwrited style cv part */	
.content_2 ul.customList{	list-style-type: none;	margin-left: -20px;}
.content_2 ul.customList li:first-child{	border-bottom: none;	color: inherit;	margin-left: -20px;	padding-bottom: 0;	margin-bottom: 0;	}	
.content_2 ul.customList li:before{	content: "\» \0020";    color: #4679BD;	}	.content_2 ul.customList li{	margin-left: -20px;	}		
.content_2 ul li:first-child a{	color: #386595; 	}	
.content_1 ul li small, .content_2 ul li small{	font-size:90%; 	color: #9E9E9E; 	}	
/*
*/	
	
small{
	font-size:90%; 
	}	
.blockCitation{
	display: block; 
	padding: 20px 20px 5px 20px; 
	height: auto; 
	margin-bottom:10px; 
	background:#F2F2F2; 
	color: #555; 
	border: 1px solid #89A0B4; 
	border-radius:5px; 
	font-family: 'Monda', sans-serif;
	}
.blockCitation big{
	font-size: 130%; 
	color: #4C6693; 
	}
.autor{
	margin: 0px 0px 3px 0px; color: #89A0B4; }
.author small{
	
}
/*-------- RESULT SEARCH -------------*/
/*-------- FORUM -------------*/
/*general*/
 
.list-group-item { 
	background-image:linear-gradient(#F4F4FF, white, #F4F4FF);
	border: 1px solid #fff;  
	min-height: 180px;
	}
.list-group-item-text-info{min-height: 50px;}
.list-group-item:hover{ 
	background-color: RGB(255,255,255, 1); 
	border: 1px solid #F2E9D0; 
	}
.list-group-item-heading + hr {
	background-color: #F2E9D0;
	}
.dash{ height: 300px; }
.dash-scroll{ max-height: 300px; overflow-y: auto;  }
.scroll{ max-height: 750px; overflow-y: auto;  }
.boxColorCards{ 
	background-color: #F0F5FF; 
	border: 1px solid #F8F2E4; 
	padding: 15px; 
	margin-bottom:10px;  
	}
.boxColor, .boxColorPanel { 
	 margin-top: 15px; 
	 border: 1px solid #F4F4FF; 
	 border-radius: 10px; 
	 padding: 5px 15px 15px 15px;
	 }  
 
.box { padding: 10px; 	}  /*not use*/
.boxColor { 
	background-color: #F5F5F5; 
	margin-bottom: 20px; 
	}  
 
 .boxColorPanel { 
	background-color: #C5CDDB;
	}  
 
/* sujet title*/
.titleSubject{ color: #4E5A91; margin-top: 10px; } 
.boxColorSec{ 
	background-color: #EFF7FC; 
	border-top: 1px solid #B2CDEE; 
	padding: 15px;
	} 
 
 /*box commentaire publiés */
 .boxColorComment { 
	background-color: #E9ECEF; 
	border: 1px solid #E3EDFD; 
	padding: 15px 15px 0px 15px;  
	border-radius: 10px; 
	}
.boxColorComment h5{ color: #4E5A91; } 
 
 .commentUser{
	 min-height: 80px; background-color: #fff; padding:10px; 
	 }
 .commentUserReplyTo{
	 display: block; width:100%; 
	 min-height: 80px; 
	 padding:10px; 
	 background-color: #F0F0F0; 
	 }
 /*box commentaire reply */
 .boxColorReply { 
	background-color: #F2F4F7; border: 1px solid #E9ECEF; 
	padding: 15px;
	margin-bottom: 0; 
	}
 
 /*laissez un commentaire*/
 .card-info{ background-color: #F2F4F7;  }  
.roundINIT{
	display: inline-block; 
	background-color: #BAC8D9; 
	padding: 2px 5px 2px 5px; 
	color:#4E5A91; 
	font-weight: 600; 
	font-size: 14px; 
	border-radius: 10px;
}
.group{ color: #4E5A91; }
/*----LISTE SUJET*/
.titleSearch, h6.titleSearch{ 
	color: #4E5A91; float: left; margin: 10px 20px 0px; 
	}
h6.titleSearch:hover{ 
	color: #A08636;  
	}
.indent15{ float: left; text-indent: 15px; }
.radius10{ border-radius: 10px; }
.radius5{ border-radius: 5px; }
.bkgrdResult {
	width: 100%; 
	background-image:linear-gradient(#F4F4FF, white, #F4F4FF);
	padding: 0px 0px 10px 0px; 
}
.bkgrdResult:hover {
	border-bottom:1px solid #DABF78; 
	}
.bkgrd_content {
	width: 100%; 
	border-left:1px solid #e9e8e8; 
	border-right:1px solid #e9e8e8; 
	border-bottom:1px solid #e9e8e8; 
	padding: 5px 5px 5px 15px; 
	}
	
/*result search box*/
.boxSearch {
	
	border: 1px solid #E3EDFD;
	background-image:linear-gradient(#F4F4FF, white);
	
	padding: 5px; 
	margin-bottom: 5px; 
}
.no-click{ cursor: default; }
.shareArticlePos{
	position: fixed;
	display: block; 
	background-image: linear-gradient(#F4F4FF,#F5F8FB, #F4F4FF); 
	border: 1px solid #A08636; 	
	border-radius: 5px; 
	float: right; 
	right: 60px;
	top: 25%; 
	z-index: 100; 
	}
.dateArticle{
	float: right; margin-right: 10px;  
	font-size: 90%; color: #a0865d;}
	
  /*article warning message */
.boxWarning{ display: block; 
	background-color: #fff; border:1px solid orane; } 
 
/*partage reseau bouton*/
.btn-btnFB{ 
	background: url("/assets/img/general/btnFacebook.png") top center; 
	background-color: #3C5B9A;
	}
.btn-btnTwitter{ 
	background: url("/assets/img/general/btnTwitter.png") top center;  
	background-color: #FFF;
	}
.btn-btnLinkedIn{
	background: url("/assets/img/general/btnLinkedIn.png") top center; 
	background-color: #FFF;
	}
 
.btn-btnFB, .btn-btnTwitter, .btn-btnGoogle, .btn-btnLinkedIn{
	width: 97px; 
	height: 37px; 
	background-repeat: no-repeat;  
	display: block; 
	margin: 5px 5px 10px 5px; 
	padding: 10px 10px 5px 10px; 
	border-radius: 5px;
}
.btn-btnFB:hover, .btn-btnTwitter:hover, .btn-btnGoogle:hover, .btn-btnLinkedIn:hover{
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); }
textarea{display: block; width: 100%; height:200px; }
/*page sujet menu gauche categories*/
div.leftBox{
	margin: 10px 10px 35px -15px;
	
	}
.titleBox{ 
	display: block;
	background-color: #C5CDDB; 
	color: #67717A; 
	border-radius: 0px 10px 10px 0px;
	padding: 3px 0px 1px 12px; 
	}
	
 span.groupClose{
	color: #BAC8D9; white-space: nowrap;
	}
ul.linksBoxLeft{ margin: 0px;  }
ul.linksBoxLeft li.news a, ul.linksBoxLeft li.sujets a {
	padding-left: 10px; 
	display: block;
	}
a.cats, a.sforums, .newsHP a, .sujets a, .categories, a.categories:hover, a.forum{
	color:  #67717A; 
	}
ul.linksBoxLeft li.news, ul.linksBoxLeft li.sujets { 
	cursor: pointer; 
	display: block; width: 100%; 
	overflow-x: auto; 
	padding: 5px 0px 5px 0px;  
	
	font-size: 0.85rem; 
	border-bottom: 1px solid #D4D4D4; 
 }
ul.linksBoxLeft li.newsHP:last-child, ul.linksBoxLeft li.newsHP:last-child:hover{
	border-bottom: none; 
	}
ul.linksBoxLeft li.news:hover, 
ul.linksBoxLeft li.sujets:hover,
ul.linksBoxLeft li.newsHP:hover, 
ul.linksBoxLeft li.sujets:hover{
	border-bottom: 1px solid #DABF78; 
}
a.selectCat{ font-weight: 600; 
border-radius: 0px 5px 5px 0;
background-color: #F4F4FF; 
padding: 5px; color: #A08636; }
/*-------- CONTACT -------------*/



/*WEBSHOP DEMO	------------------------------------------- */
 
.bg-light{ background-color: #F8F9FA; border: 1px solid #5793C4;  }
.webshopLink{border: 1px solid #CCCCCC; background-color: #FFF;}
.webshopLink img{ height: 159px;max-width: 277px; display: block; margin: 10px auto; padding: 0;}
.webshopLink:hover{ display: block;  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}
.fa-shopping-cart{	margin-right:5px;  }
.bckgrdShop{ /*background-color: #FDDC73; padding: 5px 0px 0px 15px;  */margin: 0; width: 100%; }
/*titre dernier produits ajoutés */
.lastProdTitle{  
	display: block; padding: 10px 10px 5px 10px; height: auto; margin-bottom:10px; 
	border-radius: 5px 5px 0px 0px; 
	background:#EFEFEF; 
	opacity: 0.75;
	border-bottom: 1px solid #DABF78;
  }
.lastProdTitle h4,.lastProdTitle h4 a{	 
color: #A08636;
}
.lastProdTitle h5{	 
color: #866D4E; 
}
/*modal detail prod*/
.bg-prod{	background-color: #F4F4FF; }
.bg-prod h5.modal-title{ color: #836D58; font-size:95%;  }
h5.modal-title{ color: #fff; }
.productGallery { margin: 15px auto;}
.productGallery img{ border-radius: 5px;}
.descProd{ 
	position: relative;
	font-size: 0.95em; 
	padding: 15px 0px 0px 0px; 
	line-height: 2em;  
	}
/*hover image vignette detail prod*/
.tumb img{
	display: block; 
	border: 1px solid #dede; 
	max-width: 40px; 
	margin: 3px 0px 5px 0px ; 
	max-height: 40px;
	}
/*hover image display buttons add panier && detail view*/
#d1{ 
	margin: 0; padding: 0; width: 100%; 
	max-width: 231px; 
	}
#d1:hover #d2{	visibility: visible; }
#d2{
	position: relative;  
	margin-top: -32px; 
	height: 35px;
	background-color: rgba(255, 255, 255, 0.4); 
	visibility: hidden; 
	display: block; width: 100%; 
	}
.cardDemo .imgHP{ 
	background-size: cover;  
	}
/*theme webshop or brun orange*/
.cardDemo{	
	/*max-width: 250px;  */
	width: 100%; 
	margin: 0px; 
	border: 1px solid #EFEFEF;   
	margin-bottom: 10px; 
	}
.cardDemo:hover{ 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);  
	}
.cardDemo .card-body:hover{ 
	background-color: #DEDCCF;  
	}
.cardDemo .card-body{ 
	background-color: #F2F0EC; 
	border-radius: 5px 5px 0px 0px; 
	}
.card-body{ 
	position: relative; 
	margin: 5px 0px 5px 0; 
	min-height: 100px;
	max-height: 100%;
	}
img.LastProd{ 
	margin: 0px; padding: 0; 
	border-radius:5px;  
	}
h6.titleProd,  h6.titleProdList { 
	color: #806E5A; 
	font-weight: 600; 
	margin: 0 auto; 
	min-height: 55px; 
	max-height: 65px;
	
	font-weight: 600; 
	vertical-align: middle;
	}
			
h6.titleProdList { 
padding: 15px 0px 0px 0px;
	}
			
.Tarif, .tdetail {
	display: block; padding: 2px; width: 100%; 
	color: #A08636; 
	border-top: 1px solid #DABF78; 
	border-bottom: 1px solid #DABF78; 
	background-color: #F4F4FF; 
	margin: auto auto; 
	text-size-adjust: auto; 
	text-align: center;
	}
.Tarif {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	}
	
	
.linkCard{ 
	position: relative; 
	margin: 0px 0px 10px 0px; 
	background-color: #fff; 
	}
.linkCard a{ 
	color: #A08618!important;
	cursor: pointer;
	font-size: 0.80em;
		
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.linkCard a:hover{ 
	padding-bottom: 5px; 
	text-decoration: underline; 
	}
.table thead th{
	font-weight: 600; 
	border-bottom: none;
	color: #806E5A; 
	background-color: #F2F0EC; 	
	}
.table th, .table td{
	vertical-align: middle;
	}
.bandGrdTotal{
	background-color: #F4F4FF;
	border-top: 1px solid #F2F0EC;
	border-bottom: 1px solid #F2F0EC;
	}
.bandGrdTotal h5{
	color: #806E5A;
	font-size: 1.50em; 
	margin-top: 5px; 
	}
	
 /*CADDY 4MOBILE*/
 .table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
	}
.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
	}
/*forcing taille colonne denomination produit*/
.tDenom{
	 display: inline-block; 
	 min-width: 30%;
	 white-space: nowrap;
	 }
.longTD{
	max-width: 100%; 
	display: block; 
	} 
.trashCaddy{}
.trashCaddy{ display: block; background-image: url("/assets/img/webshop/layout/trash.png");
width: 26px; height: 39px; background-repeat: no-repeat;
background-position: top right; 
}
.trashCaddy:hover{ background-image: url("/assets/img/webshop/layout/trash_hover.png");
width: 26px; height: 39px; background-repeat: no-repeat;
}
/*VIEW PASSWORD FORM*/
.show-password {
	white-space: nowrap; 
	text-transform: uppercase; position: absolute;
	cursor: pointer; display: block;  
	float: left; margin-left: 400px;margin-top: -23px; 
	color: #867575; 
}
.fa{ color: #867575; }
.button:hover .fa{ color: #FFF; }
/* CONTROL FORM ERROR*/
.error{ display: inline-block;}
.fa-thumbs-up{ color: #10AA62;}
.fa-thumbs-down, .error, .text-danger{ color: #B74B8A;}
.fa-engine-warning{ color: #DABF78;}
/*FORM CONTACT*/ 
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid{ 
	border-color: #84A696;
	}
 
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid{
	border-color: #997A8C; 
	}
 
/* administration ----------- */
.badge-info {
  display: inline-block;
  min-width: 10px;
  padding: 2px 7px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #4F86FD;
  border-radius: 10px;
}
.badge-danger {
  display: inline-block;
  min-width: 20px;
  padding: 2px 6px;
  margin-left: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #FF3A3A;
  border-radius: 20px;
}
.badge-success {
  display: inline-block;
  min-width: 20px;
  padding: 2px 6px;
  margin-left: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #25CB12;
  border-radius: 20px;
}
/*modal color*/
.bg-info{
	/*background-color: #386595!important; */
	background-color: #866D4E!important; }
	
.bg-warning{	background-color: #D6B032!important; }
.bg-success{	background-color: #5F8372!important; }






/*galaxy s9 360-740*/
/*iPhone X/XS 375-812*/
/*iPhone 6/7/8 414-736*/
/*iPhone 6-7-8 375-667*/
@media screen and (min-width: 360px) and (max-width: 767px) {
	
.table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   
/*IE9 FIX*/
.table-responsive-stack td {
      float: left\9;
      width:100%;
   }	
.tDenom{display: block; width: auto; white-space: normal;}
#header .navbar{ margin: 0px; padding: 5px; }
#header .navbar-brand{ 
position: absolute; padding-top: 10px;  }
.navbar-nav .dropdown-menu{
	position: absolute!important; 
}
.form-inline, .navbar-nav{
	display: block;
}
.carteBox {margin-bottom: 5px; }
.container { 
	margin: 0;
	padding: 10px;
	width: 98%; 
	min-width: 350px; 
	max-width: 660px; 
	}
	
.footer .col-md-4 ul{ 
	margin-left: 0; 
	padding: 0;  
	}
/*webshop*/
.table td a.button{ 
	margin-bottom: 10px;
	}
.cardDemo{
	max-width: 240px; min-width: 240px; 
	margin: 15px auto;  
	}
		
 .tumb img{
	display: inline-block; 
	border: 1px solid #dede; 
	max-width: 40px; 
	margin: 3px 10px 5px 0px ; 
	max-height: 40px;
	}
 /*cv + cond gen*/
.policePagePress{
	
		font-family: Frank, Helvetica Neue, Helvetica, Arial, sans-serif;
	
}
.content_1 ul, .content_2 ul{ 
	list-style-type: none;  margin:auto auto; padding: 0; 
	margin-left: 0px; font-size: 0.9em; margin-bottom:5px;
	} 
 
.content_1 b.date, .content_2 b.date{ 
	display: inline-block; 
	font-weight: normal; 
	margin-right: 15px; 
	background-color: #888; 
	color: #fff; 
	border-radius: 20px;  
	padding: 5px; 
	font-size: 0.75em; 
	}
  
.content_1 ul li:first-child, .content_2 ul li:first-child, .content_2 ul.customList li{
	display: block;	font-family: 'Monda', sans-serif;
	}

.content_1 ul li, .content_2 ul li, .content_2 ul.customList{
	margin-left: 0px; 
	}

.content_2 ul.customList li:first-child, .content_2 ul.customList li{	border-bottom: none;	color: inherit;	margin-left: 0px;	padding-bottom: 0;	margin-bottom: 0;	}	
	
/*forum share*/
.shareArticlePos a{display: block; padding: 0; 	}
.shareArticlePos{
	float: right;  
	max-width: 115px; 
	top: 10%; 
	right: 0; 
	padding: 0; 
	}
	
.shareArticlePos .titlePage{
	font-size: inherit; 
	font-size-adjust: 0.5; 
	}
	
/*cartes*/
.flashCard, .flash-en{ 
	margin-right:10px; 
	max-width: 170px; min-width: 170px; 
	margin: 5px auto; 
	}
.boxTM{
min-height:275px; 	
max-width: 250px; min-width: 33%; 
	
}
.titre{ min-height:140px; max-height:200px; font-weight:normal;  }
.categ{ margin-bottom:10px; }
.conseil a{display: inline-block; white-space: nowrap; }					
.flashCard-rep{ 
	top: 0%; 
	left: 5%; 
	transform: translate(-5%, -0%); 
	width: 100%; 
	max-width: 400px; 
	}
	
.divLoisirs h4{
	font-size: 1rem; 
}
 /*tarif caddy*/
.grdT{ 
	background-color: #DEE4F2; 
	display: block; padding: 15px; 
	font-size: 1.50em; 
	}
  
}

/*Kindle Fire HDX 800-1280*/		
/*ipad 768-1024*/		
@media screen and (min-width: 768px) and (max-width: 1024px) {
#header .navbar{ margin: 0; padding: 0px; }
#header .navbar{ margin: 0; padding: 5px; }
#header .navbar-brand{ 
position: absolute; padding-top: 10px;  }
.form-inline, .navbar-nav{
	display: block;
}
#header a.navbar-brand{ font-size: 1.3em; }
.container {
	width: 98%;	
	max-width: 900px;
	height: auto; 
	margin-bottom:0; 
	}
.navbar-nav .dropdown-menu{
	position: absolute!important; 
	top: 35px; 
}
#contenu{ 
	margin: 15px auto; 
	font-size: inherit; 
	font-size-adjust: 0.5; 
	}
	
.fondTrans{
	padding: 10px; 
	}
h1{	
	font-size: 2rem; 
	padding: 10px 0px 0px 15px;	
	}
	
h4{	text-align: center;	}
h4{	color: #696969;	}
.cntImg{ margin-left:2px; }
.img.imgHP{ margin-right:0; }
/*webshop*/
.cardDemo{	
	min-width: 160px; 
	max-width: 250px; 
	margin: 10px auto; 
	}
.card-body{	
	padding:1px;	
	}	
	
h6.titleProd, h6.titleProdList {
	font-weight: normal; 
	min-height:65px;	
	max-height:75px;	
}	
	
h6.titleProdList {
	padding: -15px 1px 10px 1px; 
}	
h6.titleProd {
	padding: 7px 1px 5px 1px; 
}	
	
img, .webshopLink img{ max-width: 100%; }
/*cartes*/
.flashCard, .flash-en, .boxTM{ 
	max-width: 16.666%; 
	margin-right:5px; 
	min-width: 160px; 
	margin: 5px auto; 
	margin-left: 5px;  
	
	}
.boxTM{
min-height:250px; 	
}								
.flashCard-rep{ 
	top: 0%; left: 40%; 
	transform: translate(-38%, -0%); 
	width: 100%; 
	max-width: 600px; 
	}
	
.divLoisirs{
	font-size: 1em; 	
	line-height: 25px;
	}
	
div.carteBox{ margin: 0; padding: 0; height: 100%; }
/*news*/
.bodyNews{ 
	padding: 5px 5px 10px 10px; 
	}
	
/*forum share*/
.shareArticlePos{
	float: right; 
	right: 15px; top: 6%; 
	max-width: 110px;  
	}
.shareArticlePos .titlePage{
	font-size: inherit; 
	font-size-adjust: 0.5; 
	}
} /* ENDOF MEDIA */

/*fix focus on top menu*/
:focus {
	outline: none !important;
}

*:focus {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}


:target {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

#header a:focus {
	outline: none;
	box-shadow: none;
	border: none;
}