﻿/* Mobi-Zone.com */
/* Copyright 2008 tous droits réservés */
/* ------------------------------------ */

.trait_soustitre {clear:both; line-height: 1px;color:#CCCCCC;border-bottom: #CCCCCC solid 1px;}


.HomeFlashControl
{
    float:left;
    width:625px;
    overflow: hidden; height: auto !important; height: 1%;
    padding:0px 0px 0px 0px;
 }


body {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #666666;
	background: #FFFFFF url(images/background-header.png) repeat-x top;
}

div#site {
    text-align:left;
    width: 1000px;
	margin: auto;
}

/* ------------------------------------ */

div#pub {
	width: 790px;
	float: right;
	text-align: right;
	margin-top: 65px;
    padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 5px;
	}

div#header {
    background: url(images/header_new.png) no-repeat 0 0;
    height: 171px;
    margin: 0;
    padding: 0;
}

div#sous-header {
    height: 34px;
    margin: 0;
    padding: 0;
}

div#mh {
	margin-left: 70px;
}

div#mh a, div#mh a:link {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Trebuchet MS, Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;	
}

/* ------------------------------------ */

div#corp {
	background: url(images/corp.jpg) repeat-y;
}


div#left {
	float: left;
	width: 318px;
	margin: 0px;
	padding: 0px;
	background: url(images/left-right-background.jpg) repeat-y;
}

div#contenu-left {
	background: url(images/left-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}

div#title {
	background: url(images/title.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: Trebuchet MS, Verdana;
    font-size: 13px;
	color: #000000;	
	font-weight : bold;
}

div#contenu-menu {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 18px;
}

div#menu {
    font-family: Trebuchet MS, Verdana;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	/* background: url(images/li.jpg) repeat-y; */
}

div#menu a {
    font-family: Trebuchet MS, Verdana;
    color : #666666;
    font-weight : bold;
	font-size: 11px;
	height: 10px;
}

div#menu ul {
	margin : 0;
	padding : 0 0 0 0;
	width : auto;
    font-family: Trebuchet MS, Verdana;
}

div#right {
	width:682px;
	float:left;
}

div#arbo {
    padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 70px;
}

div#contenu-right {
	background: url(images/right-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
}

div#pub-article {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

div#pub-google-right {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-align: right;
	float:right;
}

/* ------------------------------------ */

#margepied {
    height:33px;
    clear:both;
    background:transparent;
}

#footer {
    height:33px;
	width:100%;
	margin:0 auto;
	padding:0;
	background: url(images/background-footer.jpg) repeat-x bottom;
	background-color: #e89801;
	text-align:center;
	clear: both;
	margin-top:-42px;
}

#footer p {
    padding-top: 12px;
    font-size: 11px;
	color: #FFFFFF
}

#footer a {
    color : #FFFFFF;
    font-family: Trebuchet MS, verdana;
    text-decoration:none;
}

#footer a:hover , a:active , a:focus {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration:none;
}


/* ------------------------------------ */

html, body { 
    margin: 0;
	padding: 0;
}

span.spacer {
	height:0.01em;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}

img { border: 0; }
li { list-style: none; }

a {
    color : #666666;
    font-family: Trebuchet MS, verdana;
    text-decoration:none;
}

a:hover , a:active , a:focus {
    color : #666666;
    font-weight : bold;
    text-decoration:none;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 0px;
}

/* ------------------------------------ */
/* MENU GAUCHE EFFET */
dl
{
	padding: 1px 0px 0px 1px;
	background: #FFFFFF;
	border-right: 0px solid #E0E0E0;
	border-left: 2px solid #FF6600;
	margin: 0px 0px 0px 0px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

dd {
	padding: 1px 0px 1px 0px;
	margin: 1px 1px 1px 1px;
	
}

dd a
{
	display: block;
	border: solid 1px #FFFFFF;
	padding: 1px 0px 1px 0px;
	margin: 1px 1px;
	background: #FFFFFF;
	height: 1%;
	line-height: 0.9em;
	color: #66666;
	text-decoration: none;
    font-weight : bold;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

dd a:hover
{
	border: solid 1px #E0E0E0;
	background: #F1F1F1;
}

/* ------------------------------------ */

.bgNewsH {background-image: url('img/degrade_haut.gif'); background-repeat: repeat-x; background-position: top}
.bgNewsB {background-image: url('img/degrade_bas.gif'); background-repeat: repeat-x; background-position: bottom}

.orange {
color: #FF5A00;
}

.orange-gras {
color: #FF5A00;
font-weight: bold;
}

.imgal {
border-top: 1px solid #728194;
border-left: 1px solid #728194;
border-bottom: 1px solid #C6CBD6;
border-right: 1px solid #C6CBD6;
}

.mentions {
font-size: 7pt;
font-weight: inherit;
}

.mentions-right {
font-size: 7pt;
font-weight: inherit;
text-align: right;
}

.mentions-left {
font-size: 7pt;
font-weight: inherit;
text-align: left;
}

.titre-tableau {
color: #FF5A00;
background:#E0E0E0;
font-weight: bold;
}

.titre-tableau-bg-ow {
color: #FF5A00;
background:#E0E0E0 url(img/bg_ow_E0E0E0.png) no-repeat bottom right;
font-weight: bold;
}

.txt-tableau {
color: #666666;
background:#F1F1F1 url(images/title.jpg) repeat;
}

.txt-tableau-bg-ow {
color: #666666;
background:#F1F1F1 url(img/bg_ow_F1F1F1.png) no-repeat bottom right;
}


.txt-tableau-bg-ow-L1 {
color: #666666;
background:#F1F1F1 url(img/bg_ligue1_F1F1F1.png) no-repeat bottom right;
}

.unik-edge-bg {
background:#FFFFFF url(img/ow/picto_32x32_edge.gif) no-repeat bottom right;
}
.unik-3G-bg {
background:#FFFFFF url(img/ow/picto_32x32_3g.gif) no-repeat bottom right;
}
.unik-3Gplus-bg {
background:#FFFFFF url(img/ow/picto_32x32_3gplus.gif) no-repeat bottom right;
}
.unik-edge-3G-bg {
background:#FFFFFF url(img/ow/picto_32x32_3g-edge.gif) no-repeat bottom right;
}
.unik-edge-3Gplus-bg {
background:#FFFFFF url(img/ow/picto_32x32_3gplus-edge.gif) no-repeat bottom right;
}
	
/* -- Barre date pub -- */	
#menupub {
      float:left;
      width:100%;
      background:#000 url(images/bg_menupub.gif) repeat-x bottom;
	  font-size:10px;
      line-height:normal;
      }
#menupub ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
#menupub li {
      float:left;
      background:url(images/bg_menupub.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
#menupub a {
      display:block;
      background:url(images/bg_menupub.gif) no-repeat right top;
      padding:0px 15px 0px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFF;
      }
#menupub a:hover {
      color:#E0E0E0;
      }
#menupub #current {
      background:#000;
      }
#menupub #current a {
      background:#000;
      color:#FF6600;
      padding-bottom:0px;
      }
/* -- Off Barre date pub -- */

/* -- Bouton estore -- */
.btn_estore{
		border:none;
		color:#FFFFFF;
		background:url(img/estore/btn_bg.gif) left center repeat-x #BBB;
		line-height:14px;
		text-decoration:none;
		display:block;
		padding:0 10px;
		float:right;
		margin:0 2px;
		font-weight:bold;
		}

a.btn_estore:hover, a.btn_estore:active{
	font-size: 8pt;
	background-color: transparent;
	text-decoration: none;
	}
a.btn_estore:link, a.btn_estore:visited{
	font-size: 8pt;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}
/* -- Bouton estore -- */

/* -- Search -- */
#search {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#search .text{
background: #FFFFFF url(img/picto_google.gif) no-repeat left;
padding-left: 17px;
border: 1px solid #E0E0E0;
font-family: Trebuchet MS, verdana;
font-size: 11px;
color: #666666;
}
#search .btn {
background-color: #F1F1F1;
border:1px solid #E0E0E0;
cursor:pointer;
font-family: Trebuchet MS, verdana;
font-size: 11px;
color: #666666;
 }
#search .btn:hover {
background-color: #FFFFFF;
border:1px solid #E0E0E0;
 }
#search .btn:active {
background-color: #FFFFFF;
border:1px inset #F1F1F1;
 }
 
/* -- New menu nav effet -- */

#menu .navigation {
	margin : 0 0 0 0;
	padding : 0;
}
#menu .navigation ul {
	margin : 0;
	padding : 0 0 0 0;
	width : auto;
}

div#titre-menu {
	background: url(images/title-open.gif) no-repeat center right;
	height: 20px;
	width: 216px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 10px;
    font-family: Trebuchet MS, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	cursor: pointer;
}
div#titre-menu-orange {
	background: url(images/title-open-orange.gif) no-repeat center right;
	height: 20px;
	width: 216px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 10px;
    font-family: Trebuchet MS, Verdana;
    font-size: 13px;
	color: #FFFFFF;	
	font-weight : bold;
	cursor: inherit;
}


/*------------------Mentions et blocs TOGGLE-------------------*/
.MutToggleContainer{margin:10px 0;}
.MutToggleContent
{
background-color:#F1F1F1;
color:#666;
padding:10px 10px 10px 13px;
list-style-type:none;
border-bottom:1px solid #FF6600;
margin:5px 0 10px 0;
display: none;
}
.MutToggleContent li{margin:0 0 5px 0;font-size:10px;}
.MutToggleCollapse ,.MutToggleShrink
{
padding:0 0 0 13px;
background: transparent url(images/picto_moins.png) no-repeat 0 2px;
font-weight: bold;
font-size:10px;
color:#666;
line-height:12px;
text-decoration:none;
}
.MutToggleShrink {background: transparent url(images/picto_plus.png) no-repeat 0 2px;}
.MutToggleCollapse:hover,.MutToggleShrink:hover{text-decoration:underline;}
.MutToggleContainer ul li a{color:#666;text-decoration:underline;}
a.MutRefMention{color:#666;text-decoration:none;}
a:hover.MutRefMention{color:#666;text-decoration:underline;}

