@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}
body {
	background-color:#000;
	background-image:url(img/bg/bg_spotlght2.jpg);
	background-repeat:repeat; 
	background-position:top; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:1.5;  
	margin:12px auto 10px;
	padding:0;
	width:820px;
}

.banner {
	box-sizing: border-box;
	/* width: 820px;  */
	margin: 0; 
	padding: 0; 
}

.banner img {
	display:block; 
	height:auto; 
	width: 100%;
}

.col-left-45 {
	float:left; 
	width:45%;
}
.col-right-45 {
	float:right; 
	width:45%;
}

/* ---------------------- NAV --------------------------------------- */
.topnav_wrap {
	background-color:#F9F4E4;
	padding:0;
	margin:0;
	width:100%;
}

.topnav {
	background: #4B5248 url("img/navstrip_bg_1080x39.gif") no-repeat center;
	border:0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	height:32px;
	line-height:1.5em;
	margin:0;
	padding: 4px 6px;
/* moved font to li a */
}

.topnav ul {
	list-style:none; 
	margin:0 auto;
	padding:0;
	width:820px;
}

.topnav li a {
	color:#CCC;
	font-size: 15px;
	font-family: 'Barlow Semi Condensed', sans-serif; 
	text-decoration:none;
}

.topnav li a:hover {
	color:#FFF;
	text-decoration:none;
}

/* -------------------------------------------------------------- */

.newsnav {
	font-family: 'Barlow Semi Condensed', sans-serif; 
	font-size:15px;
	line-height:1.15em; 
	margin-top:2px;
	text-align:center;
	background:#FAF5E9;
	border-bottom:1px solid #666;
}
.newsnav li, .topnav li {
	display:inline
}
.newsnav ul {
	list-style:none;
}
.newsnav li {
	padding:7px 59px 4px 0
}

.newsnav a, .newsnav a:visited {
	color:#963;
	text-decoration:none
}

.newsnav a:active, .newsnav a:hover {
	color:#b17c48;
	text-decoration:none
}

/*-------------------- FTR ----------------------------------*/

footer  {
	display:block;
	clear:both; 
	background-color:#FAF5E9; 
	border-top:1px dashed #E0C778; 
	height:auto; 
	min-height:1px;
	max-height:999999px;
	margin:0;
	padding:12px 0 20px; 
}

footer img {
	border: 0;
	height: auto;
	width: 100%;
	max-width: 170px;
	float: left;
	padding:4px 14px 12px 0;
}

footer p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:1.25em;
	padding:10px 0 4px; 
}
/* ----------------------------------------------------- */

.superscript {
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	vertical-align:text-top;
	color:#798597;
	display:inline;
	margin:0
}
.superscript a:link {
	color:#798597; 
	text-decoration:none; 
}
.smnote {
    font-size: 10px;
}
.mednote, .smnote {
  letter-spacing: .05em;
	font-family:Helvetica, Arial, sans-serif;
}
/* --------------------- floats  -----------------------------*/

.dessous {
	padding:0;
	margin-top:4px
}

.droite {
	float:right;
	padding-left:10px;
	padding-bottom:5px
}
.droite-loin24 {
	float:right; 
	padding: 10px 0 5px 24px;
}

.droitelwr {
	float:right;
	padding-bottom:4px;
	margin:0;
	padding-top:6px;
	padding-left:10px;
}

.gauche {
	float:left; 
	margin-bottom:5px
}
.gauche_bas {
	float:left;
	margin-right:20px;
	margin-bottom:2px;
	padding:0;
}

.gauchedessous {
	float:left; 
	margin: 5px 14px 6px 0; 
}

.gauchedessous2 {
  float: left;
	margin: 8px 14px 4px 0; 
	margin-bottom:4px;							
}
.gauchiste {
	float: left;
	padding-right: 18px;
	padding-bottom: 5px;
	padding-left: 0;
}
.gauchemoins {
	float:left;
	margin-bottom:2px;
	margin-top:5px;
	margin-right:14px;
	padding: 0;
}

.left-6-12-4-0  {
	float:left; 
	padding: 6px 12px 4px 0; 
}
.right-6-0-4-12  {
	float:right; 
	padding: 6px 0 4px 12px; 
}
.right-6-0-4-24  {
	float:right; 
	padding: 6px 0 4px 24px; 
}

/* --------------------- spacers -clears  -----------------------------*/
.clear0 {
	clear:both; 
	margin: 0; 
	padding: 0;
}

.clear12top {
	clear:both; 
	margin: 0; 
	padding: 10px 0 0 0;;
}

.imgspacebreak {
	margin:0;
	padding-bottom:4px;
	clear:both
}

.margin_pad_nulle {
	margin:0;
	padding:0
}

.padbtm12 {
	margin: 0;
	padding: 0 0 12px 0;
}

.padnulle {
	margin:0;
	padding:0;
}
.padtop4 {
	margin:0;
	padding:4px 0 0
}

.padtop6 {
	margin: 0;
	padding: 6px 0 0 0;
	
}
.padtop12 {
	margin: 0;
	padding: 12px 0 0 0;
	
}
.padtop18 {
	margin: 0;
	padding: 18px 0 0 0;
	
}
.padtop24 {
	margin: 0;
	padding: 24px 0 0 0;
	
}

.twtr-tweet-text {
	font-size: 10px;
} 

/* ------------------- border et box -------------------- */

.bxd {
	border: 1px solid #B3A68F;
	padding: 4px 10px
}

.outerborder {
		border: 1px solid #B3A68F;
		box-shadow: 1px 1px 2px #999;
		padding: 3px;
}

.boxedless {
		background-color: #F8F8F8;
		padding: 2px 4px 4px 8px
}

.boxclear {
		background-color: #DEDEDE;
		width: 90%;
		padding: 7px 10px 9px 12px
}

.framedpara {
		border: 1px solid #828282;
		padding: 4px 4px 4px 6px
}
  
.bx_droid_red, .bxrouge_droid {
    background-color: #707889;
    color: #fff;
    font-weight: 400;
	font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 6px;
}

.bxrouge {
	background-color: #C00;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	padding: 3px 6px 4px;
}

/* -----------------	 IMG -------------------------------------------- */
img {
	border:none; 
}
.imgcover {
 	object-fit: cover; 
}
.imgcontain {
	object-fit:contain; 
}
.img-block-grow  {
	border:none; 
	display:block; 
	width: 100%;
	height:auto;
}
.imggrow {
	width: 100%;
	height: auto;
}
.img-max {
	height: auto;
	width: auto; 
	max-width: 100%;
}
.img-max-block  {
	display:block; 
	height: auto;
	width: auto; 
	max-width: 100%;
}

/* ------------------------H TAGS ----------------------------------------*/

h1 {
	color: #504f4e;
	/* color:#9E9B94; */
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:22px;
	font-weight:600;
	letter-spacing:-.01em;
	line-height:1.25em
}

h2 {
	color: #504f4e;
	/* color:#A29C91; */
	font-family:Georgia, serif;
	font-size:18px; 
	font-weight:600;
	letter-spacing:-.01em;
	line-height:1.25em;
}

h3 {
	color: #504f4e;
	/* color:#9E9B94; */
	font-family:Georgia, serif;
	font-size: 16px; 
	line-height:1.25em;
	padding-top:4px; 
}

h4 {
	color:#504f4e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:1em;
}


/* ------------------------------------------------------------- */
a, a:visited {
	color:#963;
	text-decoration:none;
}

a:hover {
	color:#b17c48;
	text-decoration:none;
}

a:active {
	color:#963;
	text-decoration:none;
}

p  {
	color: #121212;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em; 
	margin: 0;
	padding: 6px 0 4px;
}