/* DFCO MOBILE CSS */

body {
  margin: 2px;
}

#toppanel {
  display: none;
}

#logo
{
background:transparent url(http://www.dfco.fr/wp-content/themes/dfcomag_v2b/images/logo_red.png) no-repeat scroll left center;
height:80px;
position:relative;
width:260px;
margin: 8px 0 8px 0;
}

#logo a {
display:block;
height:80px;
margin:0;
opacity:0;
width:260px;
text-indent: -999px;
}

#menutop, #ptitelulu, #autopromo { display: none;}

#newscol1, #newscol1b, #newscol2, #newscol3, #newscol4 {
display:block;
padding-top: 0;
overflow:hidden;
}

#newscol1 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	}

#newscol2 {
float: left;
width: 340px;
margin-right:4px;
}

#encartctv {display:none;}

#barresponsors {display: none;}

/* Social network */
.socialnetwork{
  display:none;
  }

#recherche {
    background: #eee url(images/loupe.png) no-repeat right center;
}

#recherche input {
  color: #ccc;
  padding: 2px;
  margin: 0;
  margin-bottom: 2px;
  border: 1px solid #ccc;
  background: transparent;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   width: 97%;
   }

/* TEXTES ----------------------------------------------------------------------- */

h6#breadcrumb {
display: block;
margin:0;
padding-left: 4px;
padding-top: 8px;
font-family: Helvetica, Arial, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.4em;
color: #ccc;
}

h6#breadcrumb a, h6#breadcrumb a:link {
color: #ccc;
}

h6#breadcrumb a:hover {
color: #d40028;
text-decoration: none;
}

.enteterouge {
	display: block;
	background:#D40028 url(images/fd_poignee_over.png) repeat-x scroll 0 0;
  border:1px solid #D40028;
  height:18px;
  margin-bottom:8px;
  margin-top:0;
  overflow:hidden;
  padding:2px;
  text-transform:uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

.titreactu {
  margin: 4px;
}

h3.replaceme {
  color:#FFFFFF;
  float:left;
  font-family:Helvetica,Arial,sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:bold;
  letter-spacing:normal;
  line-height:1.4em;
	}

h3.replacemebig {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 16px;
	margin-top: 8px;
}

h3.widget-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
  background:#000 url(images/fd_poignee.png) repeat-x scroll 0 0;
	color: #fff;
	margin: 4px;
	margin-bottom: 2px;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 2px;
  opacity: .75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}


.shirtnumber {
padding: 2px;
background: #d40028;
width: 36px;
height: 36px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
margin-top: 32px;
}

.shirtnumber h5 {
color: #fff;
text-align: center;
}

h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h6.commentaires {
	background: #eee;
	color: #999;
	margin: 4px;
	margin-bottom: 2px;
	padding: 2px;
	-moz-border-radius:4px;
	}
	
h6.tableau {
	background: #666;
	color: #fff;
	margin-bottom: 2px;
	margin-right: 2px;	
	-moz-border-radius:4px;
	padding: 4px;
	width: 54px;
	float: left;
	}

h6.equipe {
	background: #d40028;
	color: #fff;
	width: 20%;
	}
	
h6.entete {
	background: #ccc;
	color: #fff;
	}

h6.red {
	background: #d40028;
	color: #fff;
}

/* LISTE NEWS INDEX TRADITIONNELLE -----------------------------------------*/

ul.newslistqb {
	float: left;
	margin: 0;
	padding: 4px;
	list-style: none;
	font-size: 1.2em;
	margin-bottom: 4px;
}
ul.newslistqb li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.newslistqb li.grohl {
  background: #eee;
}

ul.newslistqb li a{
    border:0px solid #666666;
    color:#666666;
    display:block;
    margin: 4px 0;
    min-height:72px;
    padding:2px;
    position:relative;
    text-decoration:none;
    z-index:2;
    overflow: hidden;
    }

ul.newslistqb li a h3 {
	margin-left: 74px;
	font-size: 12px;
	text-transform: uppercase;
	}

ul.newslistqb li a:hover {
	color: #790D16;
	/* background-color: #d40028; */
  border: 0px solid #790D16;
	text-decoration: none;
}

ul.newslistqb li img {
	z-index: 3;
	padding: 1px;
	background-color: #790D16;
  float: left;
  left: 0;
  margin-right: 8px;
  opacity: 0.75;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

ul.newslistqb li img.avatar {float:left;}

ul.newslistqb li div {
	/* display: none; */
	/*position: absolute; */
	/* left: -74px; */
	left: 74px;
	right: 4px;
}

ul.newslistqb li span {
	display: none;
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding:2px;
  background: #d40028;
	z-index: 4;
	}

ul.newslistqb li div p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.1em;
	/* color: #eee; */
	padding: 4px;
}

img.newslistqbthumb {
width: 72px;
height: 72px;
}

/* Liste News Asso --------------------------------------------------- */
ul.fils, ul.ctv {
list-style-type: none;
margin: 4px;
padding: 0;
}

ul.fils li, ul.ctv li {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1em;
list-style-type: none;
bottom: 1px;
margin-bottom: 1px;
text-align:left;
}

ul.fils li a, ul.fils li a:link, ul.ctv li a, ul.ctv li a:link {
display: block;
text-decoration: none;
text-align: left;
padding: 2px;
color: #666;
background: #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

ul.fils li a:hover, ul.ctv li a:hover {
text-decoration: none;
color: #fff;
background: #d40028;
}

/* BOUTONS ARCHIVES ------------------------------------------------------ */

#liensarchives {
overflow:hidden;
/* position:relative; */
height: 32px;
clear:both;
margin: 0;
}

#liensarchives ul {
list-style: none;
clear:both;
float: right;
right: 2px;
margin-right:2px;
position:relative;
}

#liensarchives ul li {
float:left;
margin: 0;
margin-right: 2px;
padding:0;
top: 0;
}

#liensarchives ul li a, #liensarchives ul li a:link, #liensarchives ul li a:visited {
/* background:#333 none repeat scroll 0 0; */
display: block;
position: relative;
height:100%;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
float: left;
background:#000 url(images/fd_poignee.png) repeat-x scroll center center;
color:#fff;
font-family: Verdana, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
}

#liensarchives ul li a:hover, #liensarchives ul li a:active {
background:#d40028 url(images/fd_poignee_over.png) repeat-x scroll center center;
color:#fff;
font-family: Verdana, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
text-decoration: none;
}

/* BILLETTERIE ------------------------------------------------------------------------------------- */

#billetterie {
  background:#000 url(images/sabbath.jpg) no-repeat top right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	padding: 2px;
	margin-bottom: 16px;
	min-height:156px !important;
	}

#billetterie .inside {
  position: relative;
  margin: 0;
  width: 100%;
	background: transparent url(images/coin_souprayen.png) no-repeat right 8px;
}


#billetterie h4.blt_ddm {
font-family: “Trebuchet MS”, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.6px;
line-height: 1.6em;
color: #fff;
display: block;
margin: 8px;
margin-top: 4px;
margin-bottom: 12px;
text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#billetterie .logoadv {
width: 64px;
float: right;
position: relative;
margin-top: 6px;
margin-right: 70px;
}

#billetterie .logodijon {
width: 64px;
float: right;
margin-top: -8px;
margin-right: -20px;
position: relative;
}

#billetterie h2 {
margin-left: 8px;
color: #fff;
font-family: Georgia, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1em;
}

#sabbath {
margin-top: 8px;
}

#sabbath div.billet {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.1em;
color: #fff;
text-decoration: none;
text-align: left;
padding:4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

.ozzy {
font-family: “Trebuchet MS”, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.6px;
line-height: 1.6em;
display: block;
text-decoration: none;
text-align: left;
padding: 2px;
color: #333;
background: #fff;
border: 1px solid #333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}

#billetterie #places {
  text-align: left;
  position: relative;
  margin-top: 20px;
  left: 0px;
  margin-left: 8px;
  width: 100%;
}

#billetterie #places img {
  opacity: 0.9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#billetterie #places img:hover {
  opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* ------------------ Carousel boutique ----------------------------------- */

#carouselboutique {
	width: 336px;
	height: 196px;
	border: 2px solid #ccc;
	border-bottom: 6px solid #ccc;	
	margin: 6px auto;
	background: #fff url('images/carouselboutique.png') no-repeat top center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	}

#items {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:336px;
	height:128px;
	border:0;
}

/* remove the list styles, width : item width * total items */	
#items ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:2340px;			
}

/* width of the item, in this case I put 250x250x gif */
#items li {
	width:328px;
	height:128px;	
	float:left;
	text-align: left;
	padding: 8px;
	overflow:hidden;
}

#items li a:link, #items li a, #items li a:visited, #items li a:active {
  color: #fff;
  text-decoration: none;
  display: block;
}

#items li a:hover {
  text-decoration: none;
}

#items li img {
	padding: 2px;
	margin: 4px;
	float: right;
	background: #666;
	border: 2px solid #333;
	border-bottom: 6px solid #333;
}

#items li div.prix {
float: right;
padding: 2px;
color: #fff;
background: #d40028;
}

#logoespace {
  background: transparent url('images/espacedfco.png') no-repeat 0 0;
  width:148px;
  height: 48px;
	float:left;
	margin: 8px;
}

#logoespace a {
display:block;
height:48px;
margin:0;
opacity:0;
width:148px;
text-indent: -999px;
}


/* Styling for prev and next buttons */
#buttons {
	margin:4px;	
	float:right;
}

#buttons a {
	display:block; 
	width:13px; 
	height:14px;
	text-indent:-999em;
	float:left;
	outline:0;
}

#carouselboutique a#prev {
	background:url(images/small_arrow.png) 0 -16px no-repeat; 
}

#carouselboutique a#prev:hover {
	background:url(images/small_arrow.png) 0 0 no-repeat;
}

#carouselboutique a#next {
	background:url(images/small_arrow.png) -16px -16px no-repeat; 
}

#carouselboutique a#next:hover {
	background:url(images/small_arrow.png) -16px 0 no-repeat;
}

.clear {clear:both}

/* POIGNEE & co -----------------------------------------------------------*/

h4.poignee {
	margin: 0;
	background: #d40028 url(images/fd_poignee.png) repeat-x 0 0;
	padding: 2px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	position: relative;
	border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

h4.ui-state-active {
background: #d40028 url(images/fd_poignee_over.png) repeat-x 0 0;
}

.pactive {background: #ccc;}

h4.poignee a {
	padding-left: 6px;
	color: #fff;
	text-decoration: none;
	display: block;

}

h4.poignee a:hover { color: #eee;}

.ouvre_tiroir, .wp-polls {
	padding: 1px;
	border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
	font-size: 1em;
	clear: both;
}
.ouvre_tiroir .bloc {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}