/* design general */

* { 
	margin:0px; padding:0px; 
}
body {
	background-color: #F8FFEB;
}
	
@media only screen and (min-width : 981px) {

	#global {
		width: 957px;
		margin-left:auto;
		margin-right:auto;
		margin-top:2px;
		margin-bottom: 6px;
	}
	#header {
		height: 239px;
		width: 957px;
	}
	#header #banniere {
		background-image: url('/design/images/banniere.png');
		height: 211px;
		width: 957px;
		background-repeat: no-repeat;
	}
	#header #banniere .slogan {
		padding-left:387px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 9px;
		text-decoration: none;
		color: #000066;
		font-style: italic;
		font-weight: bold;
	}
	#header #banniere a img {
		width:800px;
		height:120px;
		border:0px;
	}
	#header #menu_horiz {
		height: 28px;
		width: 956px;
		background-image: url('/design/images/bg_menu_horiz.png');
		background-repeat: repeat-x;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #6bb300;
	}

	#header #menu_horiz .menu_horiz1 {
		background-image: url('/design/images/menu_horiz1.png');
		background-repeat: no-repeat;
		height: 28px;
		width: 242px;
	}
	#menu {
		position:absolute;
		z-index:100;
		width: 720px;
		padding-left: 230px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	#menu li a {
		color: #003399;
		text-decoration: none;
		font-size:13px;
	}
	#menu #recherche_head{ 
		float:right;
		text-align: right;
		padding-top:3px;
		margin-right:2px;
	}
	#menu #recherche_head #rtype {
		width:70px;
		border-radius: 3px 3px 3px 3px;
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #999999 #999999 #CCCCCC #CCCCCC;
		border-radius: 3px 3px 3px 3px;
		border-style: solid;
		border-width: 1px;
		height: 22px;
		vertical-align: top;
	}
	#menu #recherche_head #recherche {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #999999 #999999 #CCCCCC #CCCCCC;
		border-radius: 3px 3px 3px 3px;
		border-style: solid;
		border-width: 1px;
		color: gray;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		height: 19px;
		padding-left: 3px;
		padding-top: 1px;
		vertical-align: top;
		width: 150px;
	}
	#menu #recherche_head #recherche:hover {
		border-top-color:#7d7c7c;
		border-right-color:#7d7c7c;
	}
	#menu #recherche_head #submit {
		background: url('/design/images/sprites.png') repeat scroll 0 0 transparent;
		border: 1px solid #999999;
		border-radius: 3px 3px 3px 3px;
		color: #000000;
		cursor: pointer;
		margin: 0px; 
		height: 22px;
		vertical-align: top;
		width: 70px;
	}
	#menu #recherche_head #submit:hover {
		background: url('images/sprites.png') 0px -29px;
	}
	#menu dl {
		float: left;
		width: 100px;
		padding-top:3px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #6bb300;
	}
	#menu dl:hover, #menu dl:focus {
		background-image: url('/design/images/bg_menu_horiz2.png');
		background-repeat: repeat-x;
	}
	#menu dl a:hover, #menu dl a:focus {
		/*color: #333399;*/
	}
	#menu .right {
		border-right-color: #6bb300;
		border-right-style: solid;
		border-right-width: 1px;
	}
	#menu dt {
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		height: 23px;
		padding-top:2px;
		color: #CC0000;
	} 
	#menu dd {
		width: 125px;
		display: none;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #6bb300;
	}
	#menu li {
		text-align:left;
		height:24px;
		background-image: url('/design/images/bg_bouton_off.png');
		background-repeat: repeat-x;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #6bb300;
		list-style-type: none;
	}
	#menu .lastli {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #6bb300;
	}
	#menu li a {
		padding-top:3px;
		padding-left:4px;
		text-decoration: none;
		display: block;
		height: 90%;
		border: 0 none;
	}
	#menu li a:hover {
		color: #333399;
		background-image: url('/design/images/bg_bouton_on.png');
		background-repeat: repeat-x;
	}
	#menu dt a {
		display: block;
		border: 0 none;
		color: #CC0000;
		text-decoration: none;
		height:100%;
	}
		
	#content {
		background-image: url('/design/images/bg_content.png');
		background-repeat: repeat-y;
		width: 940px;
		min-height:920px;
		margin-left: 5px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #6bb300;
		padding: 6px;
		font-family: Arial, Helvetica, sans-serif;
		position:relative;
	}
	.content_left {	
		width:610px;	
		float:left;
	}
	.content_right {
		width: 310px;
		float: right;
		background-color: #E4FFD8;
		border: 1px solid #CCEFCB;//#99CC99;
		border-radius: 5px; 
		position:absolute;

		top:13px;
		right:13px;
	}
	.content_right .text_content_right {
		font-size:12px;
		list-style-type: none;
		text-align:justify;	
		padding:5px;
	}
	.content_right .text_content_right a {
		text-decoration: none;
	}
	.content_right .text_content_right a:hover {
		text-decoration: underline;
	}
	.content_right .text_content_right ul{
		list-style-type: none;	
	}
	.content_right .text_content_right ul li{
		border:1px solid #69A463;
		padding:5px;
	}
	.content_right .text_content_right ul li.lititle{
		border-bottom:none;
		border-left:2px solid #69A463;
		background-image: url('/design/images/fond_kiwi.png');
		background-repeat: no-repeat;
		background-color: #CCEACC;
		background-position: right;
		color: #1D1E1E;
		font-weight:bold;
		text-indent:7px;
		padding:0px;
		text-align:left;
		height:16px;
	}
	.content_right #alphabet {
		letter-spacing: -1px;
		padding-top:5px;
		text-align:center;
		font-size:13px;
	}
	.bloc2{
		background-color: #FFF9F9;
		margin-top: 5px;
		padding-left:10px;
		text-align:left;
		border: 1px solid #FDB3B3;
	}
	.bloc2 strong {
		font-weight:normal;
	}
	.bloc2 a { text-decoration:none; }
	.bloc2 a:hover { text-decoration:underline; }
	.content_right ul.bloc2 li {
		border:none;
		padding:0px;	
	}
	.content_right ul.bloc2{
		font-size:11px;
		padding:5px;
	}
	.content_right .moresongs {
		border:none !important;
		font-size:11px;
		text-align:left;
	}

	#content .paroles {
		font-size: 12px;
		margin-left: 10px;
		width: 600px;
		min-height:1200px;
	}
	#content .index p {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#content #bottom {
		height: 100px;
		margin-top:10px
	}
	#content .carousel {
		width: 728px;
		margin-left:10px;
		float:left;
	}
	#content .pub_content_header {
		margin-top:14px;
		/*margin-left: 10px;	*/
		margin-bottom: 20px;
		width:340px;
		float:left;
		min-height: 258px;
	}
	#content .photo {
		margin-top:14px;
		padding:10px;
		float:right;
		width: 230px;
		height: 258px;
		border:1px dashed #FDB3B3;
		font-size: 12px;
		background-color:#FFF9F9;
		position:relative;
	}
	#content .photo .plusone {
		float:right;
		width:50px;
		height: 60px;
		margin-right:14px;
		margin-top:20px;
	}
	.plusonehead {
		width:70px;
		height:15px;
		float:right;
		margin-top:60px;
	}
	#content #mcomments {
		display:none;
	}
	#content .photo ul {
		list-style-type: none;
		margin:0px;
		padding:0px;
	}
	#content .photo ul li {
		margin:0px;
		padding:0px;
	}
	#content .photo ul li.stars {
		margin-bottom:2px;
	}
	#content .photo .commands {
		text-align:right;
		padding:4px;
		position:absolute;
		bottom:0px;
		right:0px;
	}
	#content .photo .commands img {
		margin-bottom:-4px;
	}
	#content .photo a {
		text-decoration: none;
	}
	#content .photo a:hover {
		text-decoration: underline;
	}
	#content .photo a.like,#content .photo a.dislike {
		border:1px solid gray;
		padding-top:5px;
		padding-right:3px;
		padding-left:3px;
		border-radius:5px;
		margin-left: 2px;
	}
	#content .photo a.like:hover {
		background-color:#3CA01C;
	}
	#content .photo a.dislike:hover {
		background-color:#C12121;
	}
	#content .photo a img {
		border:0px;
	}
	#content .photo .artist  {
		margin-bottom:5px;	
	}
	#content .photo .artist img  {
		border:1px solid gray;	
	}
	#content .photo #load {
		display:none;
		margin-left:25px;
	}
	#content .photo #resultvote {
		font-weight:bold;
		margin-left:25px;
		line-height:15px;
		vertical-align:top;
	}
	.green { color:green;}
	.red { color:red;}
	#content #idartist { display:none; }
	#content a{
		color:#003399;
	}
	#content .paroles h1 {
		font-size: 16px;
		color: #339933;
		margin-bottom: 10px;
		padding-bottom: 4px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #000000;
		/*clear: left;*/
		margin-top: 20px;
	}
	#content .paroles h1 a{
		font-size: 16px;
		color: #339933;
		margin-bottom: 10px;
		padding-bottom: 4px;
		text-decoration:none;
	}
	#content .paroles h2 {
		float:left;
		font-size:12px;
		font-weight:normal;
	}
	#content .paroles h3 {
		font-size:11px;
		font-weight:normal;
		clear:left;
		margin-top:5px;
		margin-bottom:5px;
	}
	#headparoles #introparoles {
		float:left;
	}
	#headparoles h2 {
		width:400px;
		margin-bottom: 5px;
	}
	#headparoles #introsimilar {
		float:right;
	}
	#headparoles #introsimilar a {
		text-decoration:none;
	}
	#similar {
		display:none;
		width:395px;
		padding:5px;
		margin-bottom:10px;
		border:1px dashed #CCEACC;
	}
	#similar h2 { margin-bottom:5px; }
	#similar p {
		text-align:justify;
		font-style:italic;
		font-size:10px;
	}
	#content .paroles .bloc1{
		background-color: #F1FEF1;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		border: 1px solid #DCFDDB;
		padding: 10px;
		padding-right:5px;
		clear:both;
	}
	#content .paroles .pub_content_col {
		float:right;
		border-left:1px solid #DCFDDB;
		padding-left:3px;
	}
	.bloc3 {
		font-size: 0.73em;
		margin-left:10px;
		width:175px;
		height: 80px;
		margin-left: 10px;
		border:1px dashed green;
		background-color:#F8FFEB;
		padding:4px;
		color:#31332F;
		float:left;
	}
	.bloc3 a{ color:#5D5F89 !important; }
	#content .paroles ul {
		list-style-type: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#content .paroles ul li {}
	#endcontent {
		background-image: url('/design/images/bg_end_content.png');
		background-repeat: no-repeat;
		height: 7px;
		width: 952px;
		margin-left: 5px;
	}
	#endcontentleft { clear:both;}
	.nomclip { font-size:10px; }
	.nospace {
		margin:0px !important;
		padding:0px !important;
	}
	.noborder {
		border:none !important;
	}
	#divers {
		font-style:italic;
	}

	/* Fancybox v1.3.4 */

	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
		cursor: pointer;
		overflow: hidden;
		z-index: 1104;
		display: none;
	}

	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url('/design/fancybox/fancybox.png');
	}

	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1100;
		display: none;
	}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none;
	}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px;
		z-index: 1101;
		outline: none;
		display: none;
	}

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	#fancybox-content {
		width: 0;
		height: 0;
		padding: 0;
		outline: none;
		position: relative;
		overflow: hidden;
		z-index: 1102;
		border: 0px solid #fff;
	}

	#fancybox-hide-sel-frame {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		z-index: 1101;
	}

	#fancybox-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 30px;
		height: 30px;
		background: transparent url('/design/fancybox/fancybox.png') -40px 0px;
		cursor: pointer;
		z-index: 1103;
		display: none;
	}

	#fancybox-error {
		color: #444;
		font: normal 12px/20px Arial;
		padding: 14px;
		margin: 0;
	}

	#fancybox-img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
		line-height: 0;
		vertical-align: top;
	}

	#fancybox-frame {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

	#fancybox-left, #fancybox-right {
		position: absolute;
		bottom: 0px;
		height: 100%;
		width: 35%;
		cursor: pointer;
		outline: none;
		background: transparent url('/design/fancybox/blank.gif');
		z-index: 1102;
		display: none;
	}

	#fancybox-left {
		left: 0px;
	}

	#fancybox-right {
		right: 0px;
	}

	#fancybox-left-ico, #fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		cursor: pointer;
		z-index: 1102;
		display: block;
	}

	#fancybox-left-ico {
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -30px;
	}

	#fancybox-right-ico {
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -60px;
	}

	#fancybox-left:hover, #fancybox-right:hover {
		visibility: visible; /* IE6 */
	}

	#fancybox-left:hover span {
		left: 20px;
	}

	#fancybox-right:hover span {
		left: auto;
		right: 20px;
	}

	.fancybox-bg {
		position: absolute;
		padding: 0;
		margin: 0;
		border: 0;
		width: 20px;
		height: 20px;
		z-index: 1001;
	}

	#fancybox-bg-n {
		top: -20px;
		left: 0;
		width: 100%;
		background-image: url('/design/fancybox/fancybox-x.png');
	}

	#fancybox-bg-ne {
		top: -20px;
		right: -20px;
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -162px;
	}

	#fancybox-bg-e {
		top: 0;
		right: -20px;
		height: 100%;
		background-image: url('/design/fancybox/fancybox-y.png');
		background-position: -20px 0px;
	}

	#fancybox-bg-se {
		bottom: -20px;
		right: -20px;
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -182px; 
	}

	#fancybox-bg-s {
		bottom: -20px;
		left: 0;
		width: 100%;
		background-image: url('/design/fancybox/fancybox-x.png');
		background-position: 0px -20px;
	}

	#fancybox-bg-sw {
		bottom: -20px;
		left: -20px;
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -142px;
	}

	#fancybox-bg-w {
		top: 0;
		left: -20px;
		height: 100%;
		background-image: url('/design/fancybox/fancybox-y.png');
	}

	#fancybox-bg-nw {
		top: -20px;
		left: -20px;
		background-image: url('/design/fancybox/fancybox.png');
		background-position: -40px -122px;
	}

	#fancybox-title {
		font-family: Helvetica;
		font-size: 12px;
		z-index: 1102;
	}

	.fancybox-title-inside {
		padding-bottom: 10px;
		text-align: center;
		color: #333;
		background: #fff;
		position: relative;
	}

	.fancybox-title-outside {
		padding-top: 10px;
		color: #fff;
	}

	.fancybox-title-over {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #FFF;
		text-align: left;
	}

	#fancybox-title-over {
		padding: 10px;
		background-image: url('/design/fancybox/fancy_title_over.png');
		display: block;
	}

	.fancybox-title-float {
		position: absolute;
		left: 0;
		bottom: -20px;
		height: 32px;
	}

	#fancybox-title-float-wrap {
		border: none;
		border-collapse: collapse;
		width: auto;
	}

	#fancybox-title-float-wrap td {
		border: none;
		white-space: nowrap;
	}

	#fancybox-title-float-left {
		padding: 0 0 0 15px;
		background: url('/design/fancybox/fancybox.png') -40px -90px no-repeat;
	}

	#fancybox-title-float-main {
		color: #FFF;
		line-height: 29px;
		font-weight: bold;
		padding: 0 0 3px 0;
		background: url('/design/fancybox/fancybox-x.png') 0px -40px;
	}

	#fancybox-title-float-right {
		padding: 0 0 0 15px;
		background: url('/design/fancybox/fancybox.png') -55px -90px no-repeat;
	}

	/* IE6 */

	.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_close.png', sizingMethod='scale'); }

	.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
	.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

	.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
	.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_title_left.png', sizingMethod='scale'); }
	.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_title_main.png', sizingMethod='scale'); }
	.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_title_right.png', sizingMethod='scale'); }

	.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
		height: expression(this.parentNode.clientHeight + "px");
	}

	#fancybox-loading.fancybox-ie6 {
		position: absolute; margin-top: 0;
		top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
	}

	#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_loading.png', sizingMethod='scale'); }

	/* IE6, IE7, IE8 */

	.fancybox-ie .fancybox-bg { background: transparent !important; }

	.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

	/* end FancyBox */

}


@media only screen and (max-width : 980px) {
	#global {		
		border: 1px solid #6bb300;
		margin: 10px;
		padding: 10px;
	}

	#header {
		/*border: 2px solid #3162c5;
		margin: 5px;*/
	}
	.slogan, .plusonehead, #menu_horiz, div.photo, .pub_content_col, .carousel, #itwas, #divers {		
		display: none;
	}
	#banniere {
		display: block;
		background-image: url(/design/images/title3.png);
		height: 116px;
		width: 463px;
		margin: auto;
		background-repeat: no-repeat;
		background-size:     cover;                      /* <------ */
		background-repeat:   no-repeat;
		background-position: center center;   
	}
	#content {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	div.bloc1 {
		display: flex; 
		flex-direction: column;
		
		background-color: #F1FEF1;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		border: 1px solid #DCFDDB;
		padding: 10px;
		padding-right: 5px;
		clear: both;
		
		
	}
	ul.bloc2, #alphabet { 
		padding: 10px;
		font-size: 1.2em;
		text-align: center;
		border: 1px solid #6bb300;
		margin: 10px;
	}
	
	ul {
		list-style-type: none;
	}
	
	.text_content_right:nth-child(1),.text_content_right:nth-child(2),.text_content_right:nth-child(4), .text_content_right:nth-child(5) {
		display:none;
	}
	
	.paroles h1 {
		color: #339933;
		margin-bottom: 10px;
		padding-bottom: 4px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #000000;
		margin-top: 20px;
	}
	
	#textsong { 
		order:1; 
		font-size:1.3em;
	}
	#similar { 
		order:2;
		margin-bottom: 10px;	
	}
	#similar h3 {
		margin:5px;
	}
	.fb_iframe_widget { order:3 }
	.pub_content_header {
		margin-bottom: 10px;
	}
}