/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');*/

body 	{
	background-color: #40404E;
	margin: 0;
	padding: 0;
	border: 0;
	}

html, body { height: 100%; }





/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }





/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }





/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

.img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }

.image-fixspace	{ font-size: 1px; line-height: 1px; }

.tablo { display: inline-block; vertical-align:top;}





/* FLOATS */

.left-float	{ float: left; }

.right-float	{ float: right; }

.float-margin1	{ margin-right: 15px; margin-bottom: 2px; }

.float-margin2	{ margin-right: 15px; margin-bottom: 0px; }

.floatclear 	{ height: 0px; clear: both; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; }

.text-nowrap	{ overflow: hidden; min-width: 230px; }





/* NON-MENU LINK COLORS */

	a:link, a:visited, a:active 
	{ color: #9BB5ED; text-decoration: none; }

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





/* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

div, table	{ color: #C3CDD7; font: normal 18px "Source Sans Pro", arial, sans-serif; line-height: 140%; }

.title		{ color: #FFFFFF; font: 400 28px "Source Sans Pro", arial, sans-serif; }
.title2		{ color: #FFFFFF; font: 400 24px "Source Sans Pro", arial, sans-serif; text-align:center;}

.subtitle	{ color: #FFFFFF; font: 600 16px "Source Sans Pro", arial, sans-serif; }
.subtitle2	{ color: #DBDBDB; font: 600 16px "Source Sans Pro", arial, sans-serif; text-align:center; }
.subtitle3	{ color: #FFFFFF; font: 600 20px "Source Sans Pro", arial, sans-serif; }
.subtitle4	{ color: #CECECE; font: 600 14px "Source Sans Pro", arial, sans-serif; text-align:center; }

.smalltitle	{ color: #CCCC99; font: 600 16px "Source Sans Pro", arial, sans-serif; }

.smalltext	{ font-size: 14px; line-height: 0px; }
.smalltext2	{  color: #9696B5; font-size: 20px; line-height: 5px ; }
.smalltext3	{ color: #DBDBDB; font: 200 15px "Source Sans Pro", arial, sans-serif; text-align:center; }
.smalltext4	{ color: #FFFFFF; font: 400 18px "Source Sans Pro", arial, sans-serif; text-align:center; }

.hilite		{ color: #99FF66; font-weight: 600; }





/* LIST CODE */

.list		{
		color: #DCCD98;
		line-height: normal;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		}

.floatlist	{ float: left; width: 50%; min-width: 300px; }

.list li	{ text-indent: 1px; }





/* REMOVES MARGINS ON HEADING TAG TITLES (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 0px 0px; text-align: left; }
h5	{ margin: 0px 0px 0px 0px; text-align: center; }





/* PAGE WIDTHS HEIGHTS */

.pageheight-min { min-height: 500px; }

#pagewrapper	{
		max-width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -120px; /* -120 MARGIN FOR FOOTER */
		padding: 0px 0px 0px 0px;
		}

#contentwrapper	{
		max-width: 800px;
		min-width: 280px;
		text-align: left;
		margin: 0px auto 40px auto;
		padding: 7px 12px 7px 12px;
		}

#contentwrapper.gal { max-width: 770px; }





/* TEXT AND GRAPHIC LOGO */

#headerdiv	{
		padding: 28px 0px 34px 0px;
		margin: 0px 0px 0px 0px;
		border: #40404E 0px solid;
		}

.headercolor	{ background-color: #40404E; }  /* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */

.logo-respond	{
		width: 600px;
		height: 70px;
		max-width: 600px;
		min-width: 300px;
		display: block;
		}



/* IF YOU EDIT HEIGHT PADDING OR BORDERS EDIT #pagewrapper -margin ABOVE!! */

.footerheight	{ min-height: 76px; }

.footerdiv	{
		color: #F0F0F0;
		font: 12px "Source Sans Pro", arial, sans-serif;
		text-align: center;
		background-color: #384354;
		padding: 20px 8px 20px 8px;
		border: solid #556070;
		border-width: 4px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.footersplit	{ 
		font-size: 1px;
		line-height: 1px;
		height: 2px;
		padding: 0px;
		margin: 5px auto 0px auto;
		max-width: 100px;
		border-bottom: #556070 1px solid;
		}





/* HOME PAGE */

.home-small-image {
		display: inline;
		margin: 0px 4px 10px 4px;
		border: #556070 1px solid;
		max-width: 100%;
		height: auto;
	/* CORNER ROUNDING */
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
		} 

.bottom-links	{
		color: #556070;
		width: 94%;
		padding: 16px 0px 16px 0px;
		margin: 40px auto 40px auto;
		background-color: #14181E;
		border: solid #404A5B;
		border-width: 1px 0px 1px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 0px;
		-webkit-border-radius:0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
		}

.bottom-links a { margin-left: 8px; margin-right: 8px; }


/* OPTIONAL HOMEPAGE LARGER SIZE IMAGE ROW */

.home-boxes-outer {

		max-width: 100%;
		
		margin: 0 auto;
		text-align: center;
		}

.home-boxes	{
       
		font-size: 15px;
		display: block;
		text-align: center;
		padding: 10px 10px 0px 10px;
		margin: 0 auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.home-boxes img	{
		width: 100%;
		max-width: 290px;
		height: auto;
		margin-bottom: 7px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.home-boxtitle	{ font-size: 17px; font-weight: 600; }





/* TOP MAIN IMAGE */

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: #556070 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius:0px;
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
		}



/* BORDERS AND BARS */

.img-borders	{ border: #556070 1px solid; }

.page-splits 	{ 
		font-size: 1px;
		line-height: 1px;
		height: 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px;
		background-color: #404A5B;
/* FIVE COLOR GRADIENT */
		background-image: linear-gradient(to right, #000000, #404A5B, #404A5B, #404A5B, #000000);
		border-top: #404A5B 0px solid;
		}

.HoverBorder	{
		border: #000000 2px solid;
		vertical-align: bottom;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	/* ZOOM */
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

a:hover .HoverBorder {
		border: #6CC7FF 2px solid;
	/* ZOOM */
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		transform: scale(1.03);
		}




/* container for music player */
.container {
    position: relative;
    height: 227px;
    width: 330px;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    display: flex;

    background: #4C4C5B;
 
   
}
.container2 {
    position: relative;
    height: 170px;
    width: 330px;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    display: flex;

    background: #695E7F;
 
}


input[type=submit].button:hover 
	 	{
		color: #FFFFFF;
		background-color: #05AC14;
		border: #999999 0px solid;
		}






/* VIDEO PAGE (FOR RESPONSIVE VIDEO) */


.video-conteneur {

position:relative;
padding-bottom:50%;
height:0;
overflow:hidden;
}

.video-conteneur iframe, .video-conteneur object,  .video-conteneur video, .video-conteneur embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}





/* HEADER / MENU TOP BAR (ICONS & SOCIAL ICONS) */

.headerbar	{
		min-height: 50px;
		min-width: 700px;  /* MAKE WIDER TO STOP WRAPPING */
		}

.headerbar-color {
		 background-color: #384354;
		 display: table;
		 width: 100%;
		 margin-bottom: 0px;
		 border-bottom: #556070 3px solid;
		 }

.header-icon-box { background-color: #384354; float: right; display: inline-block; }

.headericon	{
		float: left;
		text-align: center;
		width: 36px;
		height: 36px;
		background-color: #384354;
		padding: 7px 7px 7px 7px;
		border-left: #556070 1px solid;
	/* FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

.headericon img { display: block; margin: 0 auto; }

.headericon:hover	{ background-color: #556070; }





/* CLICK MENU CODE */

#menu-box 	{ position: relative; top: 0px; left: 0px; float: left; z-index: 1000; }

.menu-icon	{ display: block; float: right; }

#menu-top	{
		width: 75px;
		height: 50px;
		background-color: #384354;
		border-right: #556070 1px solid;
	/* FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

#menu-top:hover	{ background-color: #556070; }

#menu-sub 	{
		background-color: #556070;
		display: none;
		position: absolute;
		top: 50px;
		left: 0px;
		z-index: 1001;
		width: 300px;
		border-top: #556070 1px solid;
		}

.menu		{
		font: normal 15px "Source Sans Pro", arial, sans-serif;
		padding: 6px 6px 6px 10px;
		margin: 0px auto 0px auto;
		display: block;
		border-top: #556070 0px solid;
		}

a.menu:link, a.menu:visited, a.menu:active 
		{
		color: #FFFFFF;
		text-decoration: none;
	/* FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
		}

a.menu:hover 	{
		color: #FFFFFF;
		background-color: #74818F;
		text-decoration: none;
		}

/* CREATES 2ND COLUMN (TO USE 2 COLUMNS CHANGE menu2colDEL to .menu2col CLASS IN header.js) */

.menu2col .menu	{
		float: left;
		width: 134px;
		}

		
		
		
		
		
/* PLAYER audio*/


.pl{
      background:url('picts/00.png') 0 0 repeat;}
/*
.pl .ui-slider-handle{
      width:1px; height:1px; position:absolute; z-index:100; outline:none;}*/

.player{
        font-family:'Arial'; color:#FFFFFF; position:relative; width:325px; margin:10px ;  height:150px;   
		/*background:url('img/00.png') 0 0 repeat; */}
	
.player .toolbar{
		position:absolute; width:185px; height:30px; right:122px; top:110px; background:url('picts/line_tb.png') 0 0 no-repeat;} 
		
.player .toolbar .tlb_stop{/* defini zone vision play stop / deplacer play  */
position:absolute; width:44px; height:40px;  left:54px; right:0px; top:0px; background:url('picts/play.png') 0px 0 no-repeat; cursor:pointer;}


.player .toolbar .tlb_stop.isplay{
position:absolute; width:44px; height:40px;  left:54px; right:0px;top:0px; background:url('picts/stop.png') 0px 0 no-repeat; cursor:pointer;}

.player .toolbar .tlb_prev{
position:absolute; width:44px; height:40px; left:2px; right:00px; top:0px; background:url('picts/pre.png')  0px 0 no-repeat; cursor:pointer;}

.player .toolbar .tlb_next{
position:absolute; width:44px; height:40px; left:106px; right:0px; top:0px; background:url('picts/next.png') 0px 0 no-repeat; cursor:pointer;}


			
.player .long{
position:absolute; /*distance bord gauche */ left:155px; top:141px; width:120px; /*distance bord droit */ right:20px; 
/* epaisseur fond barre defil*/ height:8px; background:url('picts/long_bg.png') 0 0 repeat-x; cursor:pointer; }

.player .long .ui-widget-header{
background:url('picts/long_polz.png') repeat-x 0 0; border:0px solid #150000; height:8px; top:0px; max-width:200px; margin:0 0px; position:absolute; cursor:pointer;}



.player .current{
position:absolute; left:280px; top:138px; font-size:10px;} 

			
.player .cover{
position:absolute; width:150px; height:150px; left:0px; top:0px; border:0px solid #000;}

.player .title{
position:absolute; left:157px; top:10px; font-size:15px ; line-height: 15px;  padding-left:0px;}


.player .author{
position:absolute; left:142px; top:40px; font-size:15px; color:#C0C0C0; line-height: 13px; padding-left:13px;}



.playlist{
background:url('picts/bg000.png') 0 0 repeat; height:280px; overflow-y:auto; position:absolute; width:auto; bottom:-300px; left:0; right:0;}

.playlist span{
display:block; background:url('picts/pl_bg.png') repeat-x 0 0; line-height:14px; height:18px; cursor:pointer; font-size:15px; padding:0 0px;}

.playlist span:hover{
color:#BF67EF;}

.playlist span.active{
color:#B68ACC;                   }
/*
.playlist span.active{
background-image:url('img/pl_a_bg.png'); */

}