/***************************************/
/*               GENERAL               */
/***************************************/

	* {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, Verdana, sans-serif;
	}

	body{
		margin			: 0px;
		color			: #2e2e2e;
		background-color: #1A0806;
		background-image: url('../../images/bg_main.png');
		background-attachment: fixed;
	}
	
	img {
		border: none;
	}

	/* Résolution inf 1200 */
	@media all and (max-width: 1199px) {
		.header{
			background-image	: url("../../images/banniere.png");
			box-shadow			: 8px 8px 12px #000;
			background-position	: -360px center;
			background-repeat	: repeat-x;
			height				: 180px;
			position			: absolute;
			width				: 100%;
			z-index				: 2;
		}
	}

	/* Résolution sup 1200 */
	@media all and (min-width: 1200px) {
		.header{
			background-image	: url("../../images/banniere.png");
			box-shadow			: 8px 8px 12px #000;
			background-position	: center center;
			background-repeat	: repeat-x;
			height				: 180px;
			position			: absolute;
			width				: 100%;
			z-index				: 2;
			top					: 0;
		}
	}
	
	.header .logout {
	  position: absolute;
	  left: 105px;
	  cursor: pointer;
	}

	.container {
		display: block;
		height: 100%;
		margin: auto;
		width: 1000px;
		position: relative;
	}
	
	.gauche {
		top: 180px;
		left: -50px;
		position: absolute;
		width: 50px;
	}
	
	.centre{
		background-color	: #E9D2A8;
		background-image	: url("../../images/body-content-bg.jpg");
		background-position	: center top;
		box-shadow			: 0 0 12px #000;
		font-size			: 14px;
		padding-top			: 180px;
		position			: relative;
		width				: 1000px;
		z-index				: 1;
	}
	
	.footer {
		background-color: #100805;
		background-image: url("../../images/footer-bg.png");
		background-position: center top;
		background-repeat: no-repeat;
		box-sizing: border-box;
		text-align: center;
		position: relative;
		font-size: 10px;
		color: #4a3c2c;
		height: 150px;
		margin-top: 120px;
		padding: 40px;
	}
	
	.footerContent {
		padding-top: 10px;
	}
	
	.footer .logo {
		bottom: 15px;
		left: 15px;
		position: absolute;
		width: 50px;
	}
	
	.footer a {
		text-transform: uppercase;
		color: #4a3c2c;
	}
	
	.footer a:hover {
		color: white;
	}
	
	.droite {
		top: 180px;
		width: 100px;
		position: absolute;
		margin-left: 980px;
	}
	
	.btn_gauche {
		padding-left: 15px;
		position: absolute;
		cursor: pointer;
		
		-webkit-transition: padding 0.2s ease;
		   -moz-transition: padding 0.2s ease;
			-ms-transition: padding 0.2s ease;
			 -o-transition: padding 0.2s ease;
				transition: padding 0.2s ease;
	}
	.btn_gauche:hover {
		padding-left: 5px;
	}
	
	.media {
		position: absolute;
		border	: 0px;
		
		-webkit-transition: padding 0.2s ease;
		   -moz-transition: padding 0.2s ease;
			-ms-transition: padding 0.2s ease;
			 -o-transition: padding 0.2s ease;
				transition: padding 0.2s ease;
	}
	.media:hover {
		padding-left: 10px;
	}

	/* BOUTONS */
		input[type="button"],
		input[type="submit"] {
			background: url("../../images/button.png") no-repeat scroll 50% 0 #d79922;
			border-color: #f6c653 #bd6a23 #b6631f #e8ab4a;
			cursor: pointer;
			color: #222;
			height: 24px;
		}
  
		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="button"]:focus,
		input[type="submit"]:focus {
      outline: none;
			background-position: 50% -32px;
			border-color: #fdeaba #bf712c #b66521 #edbd6e;
		}

		input[type="button"]:active,
		input[type="submit"]:active {
			border-color: #b66521 #edbd6e #fdeaba #bf712c;
		}
	
	/* BOUTONS ROUGES */
		input[type="button"].redbutton,
		input[type="submit"].redbutton {
			height: 30px;
			width: 250px;
			border: none;
			color: #fcd144;
			font-weight: bold;
			text-shadow: 0 0 10px #000, 0 0 10px #000;
			background: url("../../images/redbutton.png") no-repeat scroll center top #d79922;
		}
		input[type="button"].redbutton:hover,
		input[type="submit"].redbutton:hover {
			color: #ffeba5;
			background-position: center bottom;
		}
	
	/* LIENS */
		a {
			text-decoration: none;
			color: #490505;
		}
		
		a:hover {
			color: #935D21;
		}
	
	abbr {
		border-bottom:none;
	}

/***************************************/
/*               HEADER                */
/***************************************/

	/* CONNEXION */
	.zone_connexion{
		margin		: auto;
		padding		: 30px 100px 0;
		position	: relative;
		width		: 1000px;
		font-size	: 12px;
	}

	.info_connexion{
		font-family	: Courier New;
		color		: #490505;
		font-weight	: bold;
		width		: 220px;
	}
	
	.info_connexion label {
		display: inline-block;
		margin-top: 7px;
	}

	.info_connexion input[type="text"],
	.info_connexion input[type="email"],
	.info_connexion input[type="password"]{
		width	: 215px;
		margin	: 2px;
		border-width: 1px;
    padding: 3px 5px;
    box-sizing: border-box;
    background-color: bisque;
	}

	.info_connexion input[type=button],
	.info_connexion input[type=submit] {
		width	: 100px;
		margin	: 7px 7px 2px 2px;
	}

	.info_connexion input[type=button] + input{
		margin-right : 2px;
	}

	.lien_connexion {
		font-size	: 10px;
		text-align	: right;
	}
	
	.lien_connexion a:hover {
	  color: black;
	}

	/* CENTER */
	.slogan{
		position			: absolute;
		transform			: rotate(-10deg);
		-ms-transform		: rotate(-10deg); /* Internet Explorer */
		-moz-transform		: rotate(-10deg) translate3d( 0, 0, 0); /* Firefox - translate3d pour corriger l'aliasing*/
		-webkit-transform	: rotate(-10deg) translate3d( 0, 0, 0); /* Safari et Chrome - translate3d pour corriger l'aliasing*/
		-o-transform		: rotate(-10deg); /* Opera */
		width				: 310px;
		left				: 515px;
		top					: 125px;
		font-family 		: Trebuchet MS;
		color				: #490505;
		font-weight			: bold;
		text-align			: center;
		font-size			: 16px;
	}



/***************************************/
/*           FIL D'ARIANNE             */
/***************************************/

	.fildarianne {
		background-image: url("../../images/fildarianne.png");
		background-position: left 20px;
		background-repeat: no-repeat;
		color: #b5a17e;
		line-height: 30px;
		margin-left: 10px;
		margin-bottom: 15px;
		padding: 15px 15px 0 45px;
	}
	
	.fildarianne img {
		vertical-align: text-bottom;
	}
	
	.fildarianne a {
		color: #B5A17E;
		font-size: 14px;
		font-weight: bold;
		font-family: "Palatino Linotype","Times",serif;
	}
	
	.fildarianne span {
		margin: 0 10px;
	}
	
	.fildarianne a:hover {
		color: #971C01;
		/*text-shadow	: 2px 2px 2px #CF4B00;*/
	}



/***************************************/
/*                MENU                 */
/***************************************/

	/* TOP */
	.divTopMenu {
	}
	
	.divTopMenu ul li {
		display: inline-block;
		list-style-type: none;
		text-shadow: 0 0 10px #000, 0 0 10px #000;
		color: #fcd144;
		font: bold 24px/45px "Palatino Linotype","Times",serif
	}

	/* BOTTOM */
	#div_menu {
		bottom	: 0;
		position: fixed;
		z-index	: 2;
	}

	#div_menu_content {
		margin		: auto;
		text-align	: center;
		width		: 1000px;
	}

	.menu {
		border: 3px solid black;
		margin: 5px auto 0;
		font-size: 0;
		width: 720px;
	}

	.menu li{
		background-image	: url('../../images/menu/menu.png');
		background-repeat	: none;
		color				: black;
		width				: 80px;
		height				: 80px;
		display				: inline-block;
		list-style-type		: none;
		position			: relative;
	}

	.menu li:hover:after{
		content				: url('../../images/menu/menuhover.png');
		position			: absolute;
		left				: -4px;
		top					: -4px;
		z-index				: 1;
	}

	.menu img {
		padding: 15px 0 0 4px;
		width: 50px;
	}

	#hover{
		background-image: url('../../images/menu/menuhover.png');
		width			: 88px;
		height			: 88px;
		position		: absolute;
		left			: -800px;
		top				: 0;
		/*cursor			: pointer;*/
	}

	#titre_menu{
		font-family	: Trebuchet MS;
		color		: white;
		text-shadow	: 2px 2px 2px #000;
		font-weight	: bold;
		font-size	: 20px;
	}

	
	
/***************************************/
/*               POPIN                 */
/***************************************/
	
	/* Popin */
	.bgPopin {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 1000000;
		background-color: rgba(0, 0, 0, 0.5);
	}
		
	.popin {
		background-image: url("../../images/body-content-bg.jpg");
		background-position: center;
		background-color: #ECD4AA;
		
		box-shadow:0 0 6px rgba(0, 0, 0, 0.75);
		border: 1px solid #d4ba8c;
		box-sizing: border-box;
		border-radius: 10px;
		
		position: absolute;
		
		text-align: center;
		
		width: 450px;
		top: 200px;
		left: 40%;
	}
	
	.circleClose {
		box-shadow:0 0 6px rgba(0, 0, 0, 0.25);
		border-radius: 20px;
		background-color: #ECD4AA;
		position: absolute;
		cursor: pointer;
		height: 39px;
		width: 39px;
		right: -20px;
		top: -20px;
	}
	
	.circleClose img {
		margin-top: 12px;
	}
	
	.headerPopin {
		height: 84px;
		color: #3c2e1a;
		font-size: 26px;
		padding-top: 32px;
		box-sizing: border-box;
		text-shadow: 0 0 4px #b2976e, 0 0 8px #b2976e;
	}
	
	.contentPopin {
		border-top: 1px solid #d4ba8c;
		background-image: url("../../images/body-content-bg.jpg");
		background-position: left;
		background-color: #ECD4AA;
		border-radius: 0 0 10px 10px;
		padding: 15px;
		color: #EAD7AC;
	}
	
	.pseudoMdpError {
		display: none;
	}

	.popin p {
		margin: auto;
		width: 250px;
		text-align: left;
	}
		
	.popin input[type="text"] {
		width: 240px;
		height: 20px;
		
		padding-left: 5px;
		padding-right: 5px;
		
		margin-top: 5px;
		margin-bottom: 15px;
	}


	
	
/***************************************/
/*                NEWS                 */
/***************************************/

	.news_container {
		width: 100%;
	}
	
	.news_list > li,
	.coupains_list > li{
		background-color: rgba(116, 50, 0, 0.1);
		border			: 1px solid #d4ba8c;
		width			: 700px;
		min-height		: 100px;
		border-radius	: 10px;
		margin			: 0 auto 35px 260px;
		box-shadow		: 0px 8px 10px rgba(0, 0, 0, 0.7);
		padding			: 15px;
		position		: relative;
		list-style		: none;
		box-sizing		: border-box;
	}
	
	.news_list > li  li {
		margin-left: 25px;
	}
	
	.news_list > li  + li,
	.coupains_list > li	{
		width: 920px;
		margin-left: auto;
	}


	.news_list li:first-child h2 {
		background-image: url("../../images/subtitle_first.png");
	}
	
	h2 {
		background-image: url("../../images/subtitle.png");
		background-position: center top;
		background-repeat: no-repeat;
		color: #3c2e1a;
		font: bold 24px/45px "Palatino Linotype","Times",serif;
		height: 50px;
		text-align: center;
		text-shadow: 0 0 4px #b2976e, 0 0 8px #b2976e;
		width: 100%;
	}

	/* Carré incliné
	.news_container li:first-child:before {
		transform: rotate(-45deg);
		
		background-color: white;
		position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		left: -10px;
		top: 20px;
	}*/
	
	/* Triangle
	.news_container li:first-child:before {width: 0;
		height: 0;
		border-style: solid;
		border-width: 50px 120px 50px 0;
		border-color: transparent rgba(116, 50, 0, 0.1) transparent transparent;
		
		position: absolute;
		content: "";
		left: -10px;
		top: 20px;
	}
	*/

	.news{
		padding: 5px;
	}

	.info_news{
		padding-top		: 5px;
	}

	.date_news{
		color			: #5B442C;
		font-style		: italic;
		text-align		: right;
		padding-right	: 5px;
		padding-top		: 5px;
	}

	/* Pagination */
	.pagination {
		margin-bottom: 20px;
		text-align: center;
	}
	
	.page {
		background: #8C7250;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C7250), to(#3c2e1a));
		background: -moz-linear-gradient(0% 0 270deg, #8C7250, #3c2e1a);
		border: 1px solid #d4ba8c;
		border-radius: 3px;
		box-shadow: 0 1px 0 rgba(60, 46, 26, 0.3) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
		color: #d0b88c;
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		margin-right: 4px;
		padding: 0 9px;
		text-decoration: none;
	}

	.page:hover {
		background: #3c2e1a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c2e1a), to(#8C7250));
		background: -moz-linear-gradient(0% 0% 270deg,#3c2e1a, #8C7250);
	}

	.page.active {
		background: none repeat scroll 0 0 #801000;
		border: medium none;
		box-shadow: 0 0 8px rgba(255, 255, 21, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.8);
		color: #f0f0f0;
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	}

	
	
/***************************************/
/*              PLAYLIST               */
/***************************************/

	.bandeau {
		background: url("../../images/media-row-bg.png") no-repeat scroll 50% 0 transparent;
		box-sizing: border-box;
		margin: 0 auto;
		height: 250px;
		max-width: 2600px;
		overflow: hidden;
		position: relative;
		text-align: center;
		padding-top: 20px;
	}
	
	.bandeau h3 {
		color: #fff;
		font: bold 16px/40px "Palatino Linotype","Times",serif;
		margin-left: -5px;
		text-shadow: 0 0 4px #000, 0 0 8px #000;
		text-transform: uppercase;
	}

	.bandeau a:hover h3 {
		text-decoration: underline overline;
	}

	.bandeau ul{
		height: 114px;
		list-style-type: none;
		overflow: hidden;
		position: relative;
		top: 15px;
		white-space: nowrap;
		margin-bottom: 96px;
	}
	
	.bandeau ul li {
		display: inline-block;
		cursor: pointer;
		position: relative;
		vertical-align: top;
		width: 240px;
		height: 114px;
		margin-bottom: 96px;
	}
	
	.bandeau ul li > div {
		background: url("../../images/videos-list-bg.png") no-repeat scroll 0 0 transparent;
		padding-top: 5px;
		margin: auto;
		width: 210px;
	}
	
	.bandeau a span {
    line-height: 110px;
    color: #C2A178;
    font: bold 20px/110px "Palatino Linotype","Times",serif;
	}
	
	.bandeau a:hover span {
		color: white;
	}
	
	.video {
		width: 196px;
	}
	
	.overlay {
		height: 110px;
		left: 15px;
		position: absolute;
		top: 5px;
		width: 199px;
	}
	
	.overlay:hover{
		background: url("../../images/play_hover.png") no-repeat scroll 50% center rgba(0, 0, 0, 0.5);
	}
	
	/* Slider */
	.bx-wrapper {
		max-width: 1000px !important;
		position: relative;
		margin: 0 auto;
		padding: 0;
		*zoom: 1;
	}
	.bx-viewport {
		width: 920px !important;
		height: 133px !important;
		margin: auto;
	}
	
	.bx-wrapper .bx-controls-direction a {
		height: 30px;
		width: 30px;
		margin-top: -16px;
		outline: 0 none;
		position: absolute;
		text-indent: -9999px;
		top: 50%;
		z-index: 9999;
	}

	.bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}
	
	/* Boutons suivant / précédant */
	.bx-wrapper .bx-prev {
		background: url("../../images/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		left: 10px;
	}
	
	.bx-wrapper .bx-next {
		background: url("../../images/arrows.png") no-repeat scroll -30px 0 rgba(0, 0, 0, 0);
		right: 10px;
	}
	
	/* Pagination */
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #666;
	}

	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		background: url('../../images/puce.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		text-indent: -9999px;
		display: block;
		width: 27px;
		height: 41px;
		margin: 0;
		outline: 0;
	}

	.bx-wrapper .bx-pager.bx-default-pager a:hover {
		background-position: -27px 0;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		background-position: -54px 0;
	}


	
	
/***************************************/
/*         SURCHARGE MODAL             */
/***************************************/
	
	.ui-widget-overlay {
	  background: #000000;
	}
	
  .ui-dialog {
    font-size: 14px;
    
    border: 1px solid rgb(212, 186, 140);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.701961) 0px 8px 10px;
    background: rgb(233, 210, 168) url("../../images/body-content-bg.jpg") 50% 0%;
  }
	
  .ui-dialog > .ui-widget-content {
    background: none;
  }
  
  .ui-dialog .ui-dialog-titlebar {
    border: none;
    background: url("../../images/subtitle.png") center;
  }
  
  .ui-dialog .ui-dialog-titlebar-close {
    right: 5px;
    top: 15px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid grey;
  }
  
  .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    padding: 0;
  }
  
  .ui-dialog .ui-dialog-title {
    display: block;
    margin: auto;
    width: 100%;
    color: #3c2e1a;
    font: bold 20px "Palatino Linotype","Times",serif;
    text-align: center;
    text-shadow: 0 0 4px #b2976e, 0 0 8px #b2976e;
  }
  
  .ui-dialog .ui-state-highlight {
    border: none;
    background: none;
    color: #cd0a0a;
  }

	.ui-dialog fieldset {
    padding: 5px;
    border: none;
    margin-top: 10px;
  }
  
	.ui-dialog ul {
    list-style: none;
  }
  
	.ui-dialog ul li {
    height: 25px;
  }

  .ui-dialog label.required::after {
      content: '*';
      margin-left: 5px;
      color: darkred;
  }
  
	.ui-dialog input {
    float: right;
    width: 250px;
  }
  
  .ui-dialog .ui-dialog-buttonpane {
    border: none;
  }
  
  .dialog-confirm {
    text-align: center;
  }