body {	
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin: 0px; /* pour éviter les marges */
	padding: 0px;
	background-color:#ffffff;	
    text-align: center; /* pour corriger le bug de centrage IE */
}
a{text-decoration:none;}
img{	max-width:600px;}

/* generique */
.bothclear {	clear :both;} 
.leftclear {	clear :left;} 
.floatleft{	float:left;}

#menu_sport{width:400px; }
#menu_sport a {
    color: #000;
    font-size: 0.8em;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

/* GLOBAL */
#container { width:1000px; margin:0 auto; cursor:default; background-color:#fff; }
/*#container{width:1000px;cursor:default;background-color:#fff;border:1px solid #FFF;}*/
section#corps { width: 65%; float: left; text-align: left; }
aside#sidebar { width: 35%; float: left; }
section#corps h1 {font-size:1.2em;color:#09C;}
 
/* HEADER */
#logo {float:left;}
#logo h1, #logo_marseille{margin-top:5px;background-color: rgb(0, 153, 204); padding: 20px;width:320px;text-align:center;}
#logo_marseille{font-size: 2em;}
#logo a { color: #FFF; text-decoration: none;  font-style: italic;  font-family: "Merriweather", Cambria, serif; font-style: italic; }

#header{width:100%;	overflow: hidden;background-color: rgb(0, 153, 204); }
/*height:120px;  */

.header-logo {
    height: 110px;
    display: table;
	float:left;
	margin:10px;
}
.logoHome{
	float:right;
	font-size:14px;
	margin-right:10px;
}

/* GAMES */
#games{float:right;margin-top:5px;width:620px;}
.matchLive {  padding: 5px;}
.matchDate {  width: 140px;  text-align: left;}
.matchClub {  width: 180px;  text-align: center;}
.matchScore {  width: 100px;  text-align: center;}
.matchClub {  width: 180px;  text-align: center;}
#listMatchs{border:0;}
/* MENU */

/* NAVIGATION */
nav {display:block;}
/*
nav { height: 40px; border-bottom: 5px solid #09C; font-family: "Merriweather", Cambria, serif; font-style: italic; }
nav ul { list-style: outside none none; margin: 0px auto; padding: 0px; }
nav ul li { 	float: left; width: 153px; border-left: 5px solid #09C; border-top: 5px solid #09C; border-right: 5px solid #09C; line-height: 36px;  border-radius: 10px 10px 0px 0px; margin-right: 3px; }
nav ul li.navStanding{width: 160px;}
nav ul li.navLast{margin-right:0px;}
nav ul li.active  { background-color: #09C;}
nav ul li.active a{ color: #FFF; font-weight: bold; }
nav ul li a  { line-height: 36px;color: #0099CC; text-align: center;text-decoration: none; }
*/
/*nav ul li a:hover {  color: #FFF; font-weight: bold; }*/
/*nav ul li:hover, nav ul li:active { background-color: #09C; color: #FFF; font-weight: bold; }*/

/* INDEX */
#fluxindex  { margin-top:10px;font-family: Verdana, Arial, Helvetica;  padding: 0px;font-size: 12px; width: 100%;}
#fluxindex  a {color: #000; font-weight:normal;font-size: 12px; text-decoration: none; padding-left: 5px; line-height:1.8;}
#fluxindex  a:visited { color: gray; }			
#fluxindex  a:hover { color: #de3400; text-decoration: none; }
/*.color {background-color:#fff;}*/
/*.dte2 {font-weight:bold;background:#DCDCDC;height:20px;font-size: 12px;width: 630px ;}*/
div.dte { text-align:center; background-color: rgb(0, 153, 204); height: 40px; line-height: 40px; font-size: 1.5em; width: 100%; border-radius: 0; color: #FFF; margin-top: 10px;text-transform: uppercase; }
div.line {  position: relative;padding: 0 5px;line-height: 25px;}
div.line:nth-child(odd) { background-color: #EEE;}
.hre {  color: #09C;font-weight: bold;font-size:90%;}
.source {color:#3159AD;font-weight: normal;font-size:7px;font-family: verdana;font-style: italic;margin-left: 15px;line-height:24px;}
/*.descri {font-size: 12px;text-align: justify;}*/
/*.source2 {color:gray;font-size:8px;font-weight:bold;font-style: italic;}*/


/* VIGNETTES INDEX DROIT */
.news { margin: 5px 15px; border: 3px solid #09C; }
.news a {  text-decoration: none;  color: #000; font-size: 0.8em; text-align: left; }
.news a.suite{color:#C60000;font-size: 1em;position:absolute;bottom: 0; left: 92px;}
.news h3.titrefree a { color: #FFF; font-size: 1em; }
.news h3.titrefree { display: block; margin-top: 0px; margin-bottom: 0px; text-align: center; padding: 5px; background: #09C; }
.news .contenu { position: relative; overflow: hidden; }
.news .contenu span { position: absolute; bottom: 0; right: 0; background: none repeat scroll 0% 0% rgb(0, 153, 204); color: white; margin-right: 0px;}
.sourceImages {	color: #000;	font-size: 12px;	font-weight: bold;}
.titrefree a{font-size: 11px;font-weight:bold;color: #fff;}
.titrefree a:hover{color: #de3400;}


/* ACTUALITE */
.actu { border-left: 1px solid #09C; border-bottom: 1px solid #09C; border-right: 1px solid #09C; padding: 0 10px; }
.actu:nth-child(odd) { background-color: #EEE; }
.titre2 { ine-height: 50px; font-family: "Merriweather", Cambria, serif; font-style: italic; padding: 10px 0; }
.titre2 h3 { display: inline; }
.titre2 h3 a { text-decoration: none; color: #09C; }
.article { overflow: hidden; margin-bottom: 5px; position: relative; min-height: 20px; }
.article img { float: left; margin: 0 10px 10px 0; }
.hre2 { font-weight: bold;font-size: 22px; color: #C60000; padding-right: 5px; }
.suite {font-weight: bold;color: #C60000;}
.source2 { font-size: 10px; background: none repeat scroll 0% 0% #09C; color: #FFF; padding: 3px 5px;}
.descri { font-size: 14px;text-align: justify; }


/* EFFECTIF CONTACT */
.flux { width: 100%;font-family: Verdana, Arial, Helvetica; }
.flux h1, .flux h2 { font-family: "Merriweather", Cambria, serif; font-style: italic; }
section#corps .flux h1 { background: none repeat scroll 0% 0% #09C; padding: 20px;  color: rgb(255, 255, 255); font-size: 21px;}
.flux h2 { border: 2px solid #09c;    padding: 8px;    color: #09c;}
.flux ul li { padding: 10px 0; list-style-type: none; }
.flux ul li:nth-child(odd) { background-color: #EEE; }
.flux a { color: #888; font-weight: normal; font-size: 12px;  text-decoration: none;  padding-left: 5px;  line-height: 1.8; }
.flux a:hover { color: #09C; font-weight: bold; }
.flux a {  color: #888;  font-weight: normal; }


/* CONTACT */
#formulaire label { font-weight: bold; margin-bottom: 5px; color: #09C; font-size : 15px; line-height: 30px;  }
#formulaire input { height: 30px; }
#formulaire input, textarea { border: 2px solid #09C; }
#formulaire input[type="submit"] { background: #09C; padding: 10px; color: #FFF; font-weight: bold; text-transform: uppercase; height: inherit; margin-bottom: 20px; }

/* SOCIAL PAGE JOUEUR/EFFECTIF */
/*.social {  margin-top: 45px;  width: 100%;  height: 30px;  float: left;}*/
.twitter, .facebook, .googleplus {  float: left;  width: 130px;}


.social{
	width:100%;
	margin:10px 0;
}
.social_light{
	width:220px;
	height:48px;
	position: relative;	
	margin: 0 auto;
}
.social_light_arrow_box {
  float: left;
  width: 48px;
  height: 48px;
  margin: 0 10px;
}
.social_light_arrow_box a{
  position: relative;
}
.social_light_arrow_box img{
	position:absolute;
	left:0;	
	padding:0;
}
.d-facebook,.d-twitter,.d-google {
    display: inline-block;
    background: url(/images/sprite4.png)  no-repeat;
    width: 48px;
    height: 48px;
    vertical-align: middle;
}

.d-facebook {
    background-position: -2px -0px;
}

.d-twitter {
    background-position: -2px -100px;
}

.d-google {
    background-position: -2px -50px;
}





/* FOOTER */
footer .partenaires3 {  background: #09C;  line-height: 50px;  height: 50px;  width: 100%;  color: #fff;  font-size: 11px;}
footer  .partenaires3 a{	color: #fff;	font-family: Verdana, Arial, Helvetica;	font-size: 11px;	text-decoration:none;	font-weight: normal;}
.inter:after {  content: " | ";}

#footer_player {  text-align: left; padding-left: 5px;background-color: #09C;color: #fff;font-size:0.9em;}
#footer_player h2 {font-size: 1.2em;text-align: center;}
#footer_player ul {padding: 0;margin: 0;margin-top: 10px;}
#footer_player li {padding: 0;margin: 0;height: 25px;line-height: 25px;list-style-type: none;}
#footer_player li a{color: #fff;}
#footer_player .footer_player_position {  float: left;margin-left:10px; }


/* pagination */
div.pagination { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 3px;margin: 20px 0 20px 0; text-align: center;}
div.pagination a {background-color: #FFF;border: 1px solid #09C;color: #09C !important;margin: 1px;padding: 2px 5px;text-decoration: none;}
div.pagination a:hover,div.pagination a:active {background-color: #09C;border: 1px solid #ebebeb;color: #fff !important;margin: 1px;padding: 2px 5px;}
div.pagination span.courante {background-color: #09C;border: 1px solid #09C;color: #fff;font-weight: bold;margin: 1px;padding: 2px 5px;}
div.pagination span.desactive {background-color: #fff;border: 1px solid #ebebeb;color: #ddd;margin: 1px;padding: 2px 5px;}

/* fin pagination */

/* ------------- */
/*  images */
/* ------------- */

.images {	margin-bottom: 5px;border: 1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;}
.images h3.titrefree {display: block;margin-top: 0px;margin-bottom: 3px;text-align: left;font-size: 11px;}
.images h3.titrefree a, p.titrefree a {font-size: 13px;color: #A11131;text-align: left;}
.images .titrefree a {font-size: 11px;font-weight: bold;color: #fff;text-decoration: none;}
.images p {font-size: 12px;margin: 0px;padding: 0px;}
.images .imageRight {float: right;width: 192px;text-align: left;}
.images .imageRight .contents {text-decoration: none;color: #000;}
.images .imageLeft {float: left;width: 100px;margin-right: 5px;}

/* reseau sociaux cote droit */
#sociaux{width:90%;margin:0px auto;overflow:hidden;}
#sociauxPartager { background: none repeat scroll 0% 0% #09c; width: 100%; font-size: 14px; font-weight: bold; color: white; padding:5px;}
#sociauxFbook{	margin-top:9px;}
#sociauxGoogle{	float:left;	margin-top:3px;	margin-left:15px;}


.pub { width: 100%;	margin: 0 auto;	margin-bottom: 50px;}
.pubB{width: 100%;margin: 0 auto;margin-bottom:120px;}

.pub728{width: 100%;border:1px solid black;margin:0 auto;margin-top:0px;}
.p970 { width: 100%; margin: 0 auto; margin-top:15px; margin-bottom:5px; }

.p300x600,.p336x280{margin: 0 auto;}
.pubMiddleNews{display:none;margin: 0 auto;}
/*
p300x600
pub-336
*/

/***** MEDIA QUERIES ****/
	/*
@media only screen and (min-width: 801px) and (max-width: 1200px), screen and (min-device-width: 801px) and (max-device-width: 1200px) {
	#container, section#corps, aside#sidebar, .flux { width: 100%; }
	/*nav { border-bottom: none; }*/
	/*nav ul li { float: none; text-decoration: none; display: table-cell; }
	form {text-align: center; }
	
}
*/


/*max-device-width  physical max-screen*/
/*max-width: 480px  STYLES HERE for BROWSER WINDOWS with a max-width of 480px. This will work on desktops when the window is narrowed*/
.om-MiddleNews{display:none;}







/*@media only screen and (min-width: 320px) and (max-width: 1000px), screen and (min-device-width: 320px) and (max-device-width: 1000px) {*/
/*@media only screen and (min-width: 480px) {*/

/* Styles for medium to small tablets */
/*@media only screen and (max-width: 1000px),@media only screen and (max-device-width: 1000px) { */

/*
768 => section 75%
aside => section 25%
*/
@media only screen and (max-width: 960px){
	header  {background: #09c;}
	label, input, textarea { width: 90%; margin: 0 5%; }
	div.pagination span.courante, div.pagination a, div.pagination a:hover { font-size: 1.5em !important; border-radius: 15px; }
	/*.flux h1, .flux h2 { text-align: center; }*/
	/*footer .partenaires3 { line-height: 25px; height: auto; }*/
	#logo { margin: 0px auto; float: none;}
	#logo a { padding: 20px 0; }
	#logo h1,#logo_marseille { margin: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	#container , .pub { width: 100%; }
	section#corps { width: 75%; float: left; text-align: left; }
	aside#sidebar { width: 25%; float: left; }
	.news,#sociaux { display: none !important;}
	#games{ display: none; }
	.p336x280{ display: none !important;}
	.pubMiddleNews{display:block;margin:0 auto;margin-top:10px;margin-bottom:10px;}
}
@media only screen and (min-width: 480px) and (max-width: 768px){
	section#corps, aside#sidebar { float: none; }
	#container, section#corps, aside#sidebar, .pub { width: 100%; }
	.news,#sociaux{width:350px;margin:0 auto;}
	.p336x280{ display: none !important;}
	.pubMiddleNews{display:block;margin:0 auto;margin-top:10px;margin-bottom:10px;}
	#games{ display: none; }	
	#footer_player .footer_player_position{width:100%;}
}
@media only screen and (max-width:400px)  {
	#menu_sport{ display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	section#corps, aside#sidebar { float: none; }
	#container, section#corps, aside#sidebar, .pub { width: 100%; }
	/*.social{display:none;}*/
	.news,#sociaux{width:350px;margin:0 auto;}
	#logo h1,#logo_marseille{font-size:1em}
	.p336x280{ display: none !important;}
	.pubMiddleNews{display:block;margin:0 auto;margin-top:10px;margin-bottom:10px;}
	#games{ display: none; }
	#footer_player .footer_player_position{width:100%;}
}
@media only screen and (max-width: 320px)  {
	section#corps, aside#sidebar { float: none; }
	#container, section#corps, aside#sidebar, .pub { width: 100%; }
	/*.social{display:none;}*/
	#logo h1,#logo_marseille{font-size:1em}
	.news,#sociaux { display: none !important;}
	.p336x280{ display: none !important;}
	.pubMiddleNews{display:block;margin:0 auto;margin-top:10px;margin-bottom:10px;}
	#games{ display: none; }
	#footer_player .footer_player_position{width:100%;}
}

/*
@media only screen and (min-width: 801px) and (max-width: 1200px), screen and (min-device-width: 801px) and (max-device-width: 1200px) {
@media only screen and (max-width: 800px), screen and (max-device-width: 800px) {
*/