body {
	font-family:"Lucida Sans Typewriter","Lucida Console",Arial, Verdana;
	font-size:14pt;
	line-height:20pt;
	margin:0;
	padding:0;
}

#pagea {
	background-color:#fff;
	width:100%;
}

#pagea a:hover{
	color:#ecd8c6;
}

#pageb a:hover{
	color:#fff
}

#pageb{
	background-color:#ecd8c6;	
	width:100%;
}

.container {
	padding-left:20vw;
	padding-right:20vw;
	padding-top:50px;
	padding-bottom:50px;
	} @media screen and (max-width: 1280px){
		.container {
		padding-left:10vw;
		padding-right:10vw;
		}
	} @media screen and (max-width: 768px){
		.container {
		padding-left:10px;
		padding-right:10px;
		}
	}

.titre_rub{
	display: inline-flex;

	align-items: center;
	text-align:left;
	background-color: #3ba9a2; 
		border-color: #cccccc; 
		color: #fff; 
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:30px;
}

.titre_rub img {
	position:relative;
	height:40px;
	z-index:99;
}

.titre_rub_txt{
	position:relative;
	text-align:middle;
	padding-left:15px;
	font-size: 32px;
	font-weight:bold;
	text-transform: uppercase;
	} @media screen and (max-width: 768px){
		.titre_rub_txt {
		text-align:left;
		padding-left:15px;
		font-size: 18px;
		}
}

#pagea .titre_rub{
	margin-left:-100px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	writing-mode: lr-tb;
}

#pageb .titre_rub{

	margin-left:calc(100% - 200px);
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	writing-mode: lr-tb;
}

@media screen and (max-width: 768px){
		#pagea .titre_rub, #pageb .titre_rub {
		margin-left:0px;
		-webkit-transform: rotate(-8deg);
		-moz-transform: rotate(-8deg);
		-o-transform: rotate(-8deg);
		writing-mode: lr-tb;
		}
	}

.titre_rub2{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}

.collapsible {
	display: flex;
	flex-wrap: wrap;
	text-align:center;
}

.collapsible > div{
	width: 50%;
	} @media screen and (max-width: 1024px){
	.collapsible > div {
		width: 100%;
		
	}
}

/* PAGE SPECIFIC Publications */
#pub_intro{background-image:			url('../img/pub_bg-min.jpg');}
@media screen and (max-width: 600px){
	#pub_intro{background-image:		url('../img/pub_bg_sm-min.jpg');} /* Small bg image*/
	#pub_press{background-image:		url('../img/pub_chevalmag-min.png');}
	#pub_blog{background-image:  		url('../img/pub_blog-min.jpg');}
	#pub_autres{background-image: 		url('../img/pub_autres-min.jpg');}
}

#ChevalMagTable{
	max-width:1280;
}

#ChevalMagTable table{
  table-layout: fixed;
  border: 2px solid #555;
}@media screen and (max-width: 600px){
	#ChevalMagTable{background-color:#fff;width:100%;padding:0px;opacity: 0.9;filter: alpha(opacity=90);}
	#ChevalMagTable .ico_sort{display:none;}
}

#ChevalMagTable td:nth-child(1), #ChevalMagTable th:nth-child(1) {width: 7em;min-width:5em;}
#ChevalMagTable td:nth-child(2), #ChevalMagTable th:nth-child(2) {width: 7em;}
#ChevalMagTable td:nth-child(3), #ChevalMagTable th:nth-child(3) {width: 51em;}
#ChevalMagTable td:nth-child(4), #ChevalMagTable th:nth-child(4) {width: 10em;}
#ChevalMagTable td:nth-child(5), #ChevalMagTable th:nth-child(5) {width: 5em;text-align:center;}

#ChevalMagTable thead {
    background-color: #d1c390;
    color: #000;
	line-height:30px;
}

#ChevalMagTable thead tr {
      display: block;
	  border: 2px solid #000;
}
	
#ChevalMagTable tbody {
    display: block;
    overflow: auto;
    height: 40vh;
	border: 2px solid #d1c390;
}

#ChevalMagTable tbody tr:nth-child(even) {
      background-color: #f1e3b0;
}

#ChevalMagTable tbody tr:nth-child(odd) {
      background-color: #fff;
}


.scan_link {font-size:0px;text-align:center;}
.scan_link img{border-radius:50%;display: inline;}
.scan_link img:hover {background:#d1c390;border-radius:40%;transition: all 0.4s ease-in-out;text-decoration: none;}