#InfoBull 
{
	color:white;
	font-style:italic;
	text-align:center; 
	font-size:small; 
	font-family:'Segoe UI'; 
	display:none;
	background-color:black; 
	border:1px; 
	padding: 3px 3px 3px 3px; 
	border-style:dashed;
	position: absolute;
	z-index: 20;
	width:200px;
}
@font-face { font-family:Marker; src:url(marker.ttf), url(marker.ttf); }
#er{}
*{margin:0px; padding:0px; border: 0px;}
body {
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	background: #646464 url(http://www.mediatone.fr/images/fondfinal2.jpg) repeat-y center top;
	color: black;
}
a, a:visited {
	text-decoration: none;
	color: #258ADC; 
	background: inherit;
}
a:hover {
	color: #32CD32;
	background: inherit;
	text-decoration: underline;
}

.BtnLien, .BtnLien:visited {
	cursor:pointer;
	text-decoration: none;
	color: #258ADC; 
	background: transparent;
}
.BtnLien:hover {
	color: #32CD32;
	background: transparent;
	text-decoration: underline;
}


.BtnProduit, .BtnProduit:visited {
	cursor:pointer;
	text-decoration: none;
	color: #A4973C; 
	background: transparent;
	font-size:8pt;
}
.BtnProduit:hover {
	color: #32CD32;
	background: transparent;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold;
	padding: 3px 0 0 0;	
}
h1 {
	text-align: center;
	font-size: 140%;
}
h2 {
	font-size: 125%;
	color: #006699;
	margin-bottom: 3px;
}
h3 {
	font-size: 95%;
	color: #666666; 
}
h4{
	font-size: 85%;
	color: #999999;
}
h5{
	font-size: 80%;
	color: #708090;
	text-transform: uppercase;
}
p {
	padding: 5px;
}
p.but {
	padding: 0px 0px 0px 0px;
}
fieldset {
	border: 1px solid white;
	text-align:center;
}
table.bord {
	margin: 5px; 
	border-collapse: collapse;
	border: 2px solid White;
}
th.bord {
	padding-right: 12px;
	padding-left: 12px;
	background: #3D3D3D;
	height: 25px;
	text-align: left;
	border: 1px solid White;
	margin-bottom: 1px;
}
tr.bord{
	height: 25px
}
td.bord {
	padding-right: 8px; 
	padding-left: 8px; 
	border: 1px solid White;
	color: #696969;
}
blockquote {
	margin: 5px 0 5px 20px;
	padding: 5px 5px 5px 5px;
	border-left: 5px solid #2D2D2D;
	background: #D8D8D8;
	text-align: justify;
	color: black;
}

#contenu{
	width: 1030px;
	margin: 0px auto;
	position:relative;	
	z-index:8;
}
#content{
	padding-top: 5px;
	padding-bottom: 5px;
	width:1026px;
	clear: both;	
	z-index:8;
}
#contenugauche{
	display:inline /*Fix IE floating margin bug*/;
	padding-left: 3px;
	padding-bottom: 1px;
	width: 170px;
	float: left;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;


}
#contenuextremdroit{
	display:inline /*Fix IE floating margin bug*/;
	padding-left: 3px;
	padding-bottom: 1px;
	width: 170px;
	float: right;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
#contenudroit{
	z-index:1;
	display:inline /*Fix IE floating margin bug*/; 
	padding-left: 10px;
	width: 650px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	 margin-bottom:20px;
}

#contenudroitadmin{
	z-index:1;
	display:inline /*Fix IE floating margin bug*/; 
	padding-left: 10px;
	width: 830px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	 margin-bottom:20px;
	color:white;
}


#header{
	height:130px;
	width:1030px;
	font-family: "MS Serif", "New York", serif;
}

#hautpage{
	height: 15px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	background-color: #262626;
}
#hautpage a{
	font: bolder 1.0em 'Trebuchet MS', Arial, Sans-serif;
	text-decoration: none;
	color: #258ADC; 
	background: #262626 url(http://www.mediatone.fr/bullet2.gif) no-repeat center right;
}
#hautpage a:visited{
	color: #258ADC; 
}
#hautpage a:hover {
	color: #32CD32;
	text-decoration: underline;
}
#baspage{
	cursor:pointer;
	margin: 0px;
	height: 135px;
	background: white url('http://www.mediatone.fr/images/banniere2.jpg') no-repeat center right;
	

}
#baspage h1{
 	padding: 20px 0 0 50px;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: uppercase;
	
	color: Black;
}
#baspage h2{
	display: inline;
	border-top: 2px solid #606060;
	margin-left: 51px;
 	padding: 5px 0 0 0;
	color: #484848; 
	font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
	text-decoration: none;
}


#menu {
	margin-top:20px;
	height: 45px;
	text-transform: uppercase;
	text-align:center;
	background:url('http://www.mediatone.fr/images/box.jpg') repeat-x left top;
	font-family:'Microsoft Sans Serif';
}
#menu li{
	float:left;
	display:inline;
	width:108px;
	margin-left:3px;
	margin-right:3px;
	background:url('http://www.mediatone.fr/images/mnu_button2.png') no-repeat center center;
}
#menu ul li a {
	padding-top:20px;
	padding-bottom:20px;
	line-height: 45px;
	color:White;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size: 11px;
	width:108px;
	background:none;
}
#menu ul li a:hover {
	color:gold;
}
#menu ul li.current a{
	color:gold;
}

#menu li:hover{
	background:url('http://www.mediatone.fr/images/mnu_button.png') no-repeat center center;
}
#menu li.current{
	background:url('http://www.mediatone.fr/images/mnu_button.png') no-repeat center center;
}

#menucenter{
display: inline-block;
}

#menu_admin {
	width:1000px;
	height: 30px;
	background: Black;
	text-align:center;
	float: center;
}
#menu_admin ul {
	float:center;
	white-space: nowrap;
}
#menu_admin ul li{
	display: inline;
}
#menu_admin ul li a {
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	height: 30px;
	line-height: 30px;
	color:White;
	border-right: 1px solid #3D3D3D;
	text-align:center;
	text-decoration:none;
	font-size: 12px;
	float:left;
}
#menu_admin ul li a:hover {
	background: #2A2A2A; 
}
#menu_admin ul li.current a{
	background: #2A2A2A; 
}



#sous_menu {
	height: 45px;
	background:url('http://www.mediatone.fr/images/box2.jpg') repeat-x left top;
	font-weight:bold;
	text-align:center;
	font-family:'Microsoft Sans Serif';
}
#sous_menu ul {
	white-space: nowrap;
	list-style-type:none;
}
#sous_menu ul li{
	display: inline;
}
#sous_menu ul li a {
	height: 45px;
	line-height: 45px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-size: 10px;
	background:none;
}


#sous_menu ul li.current a{
	color:gold;
}
#sous_menu ul li a:hover{
	color:gold;
}

#sous_menu li{
	float:left;
	display:inline;
	width:130px;
	margin-left:1px;
	margin-right:1px;
	background:url('http://www.mediatone.fr/images/ssmnu_button4.png') no-repeat center center;
}


#sous_menu li:hover{
	background:url('http://www.mediatone.fr/images/ssmnu_button3.png') no-repeat center center;
}
#sous_menu li.current{
	background:url('http://www.mediatone.fr/images/ssmnu_button3.png') no-repeat center center;
}

#sousmenucenter{
display:inline-block;
}

#CategMenu {
	position:absolute;
	z-index:11;
	font-weight:bold;
	margin-left:5px;
}


#CategMenu ul {
	background-color: #621000;
	white-space: nowrap;
	list-style-type:none;
	z-index:11;
}

#CategMenu ul
{
	width:100%;
	color:white;
	text-align:center;
	font-size: 11px;
	z-index:11;
}
#CategMenu li a {
	width:183px;
	height: 30px;
	line-height: 30px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-size: 11px;
	z-index:11;
}
#CategMenu a:hover {
	color: orange; 
}


#SousCategMenu {
	text-align:left;
	position:absolute;
	float:left;
	z-index:10;
	font-weight:bold;
}
#SousCategMenu ul {
	width:100%;
	background-color: #621000;
	white-space: nowrap;
	list-style-type:none;
	z-index:10;
	color:white;
	font-size: 11px;
	z-index:10;
}
#SousCategMenu li {
	z-index:10;
}
#SousCategMenu li a {
	width:182px;
	height: 30px;
	line-height: 30px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-size: 11px;
	z-index:10;
}
#SousCategMenu a:hover {
	color: orange; 
}



#MenuFlottant { 
position:fixed; 
right:5px;
margin-top:0px;
z-index:444444;
}


#OngletProduit {
	padding:0px;
	margin:0px;
}


#OngletProduit td.Option {
	height:70px;
	border-bottom:1px gray dotted;
	padding:10px;
	font-size:12px;
}

#OngletProduit td.Onglet {
	border-right:1px gray solid;
	border-bottom:1px gray solid;
	height:30px;
	cursor:pointer;
}
#OngletProduit td.Onglet:hover {
	border-right:1px gray solid;
	border-bottom:1px gray solid;
	height:30px;
	background-color:#272727;
	color:black;
	cursor:pointer;
}

#OngletProduit div {
}

#OngletProduit table {
	padding:0px;
	margin:0px;
}

#OngletProduit td.Selected {
	border-bottom:1px #272727 solid;
	border-right:1px gray solid;
	height:30px;
	background-color:#272727;
	color:white;
	cursor:pointer;
}


.Prix{
	border:1px white solid;
}

.Prix td{
	border:1px white solid;
	padding:2px;
}
.navigation{
	width:152px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #313131;
}
.navigationadmin{
	width:180px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #313131;
}
.navhead{
	background: #313131 url(http://www.mediatone.fr/images/navhround.jpg) no-repeat top left;
	height: 23px;
	padding: 5px 0 0 8px;
	margin-bottom: 1px;
	border-bottom: thin solid #595959;
	font-weight: bold;
	font-size: 14px;
	color: #A9A9A9;
}

.posthead {
	color: #258ADC;
	padding: 0 0 0 5px;
	height: 30px;
	line-height: 30px;
	font-family: Marker;
	font-size:13pt;
	letter-spacing:1px;
}
.postcontent {
	margin-top: 5px;
	padding-left:40px;
	padding-top: 10px;
	background: url(http://www.mediatone.fr/images/curldown.jpg) no-repeat top left;
}
.postcontentnews {
	width:500px;
	margin-top: 5px;
	padding-left:40px;
	padding-top: 10px;
	background: url(http://www.mediatone.fr/images/curldown.jpg) no-repeat top left;
}
.postfooter {
	padding-right: 40px; 
	height: 30px;
	line-height: 30px;
	font-size: 90%;	
	text-align: right;
	background: url(http://www.mediatone.fr/images/curlfoot.jpg) no-repeat bottom right;
}
.postfooternews {
	width:500px;
	padding-right: 40px; 
	height: 30px;
	line-height: 30px;
	font-size: 90%;	
	text-align: right;
	background: url(http://www.mediatone.fr/images/curlfoot.jpg) no-repeat bottom right;
}
.loginform {
	padding: 0 5px 5px 5px;
}
.loginform label {
	display:block;
	font-weight:bold;
	color: Silver;
}
.loginform input {
	padding: 0 3px;
	border:1px solid #262626;
	height: 20px;
	line-height: 20px;
}
/*.loginform input.button { 
	height: 22px;
	border: 0; 
	background: #034f8a;
	color: White;
	font-weight: bold;
}*/
.loginform select { 
	font-weight:bold;
	background: #8BA480;
	color: white;
	border:1px solid #262626;
	height: 20px;
}
.footclear{
	clear: both;
	height:35px;
	background: url(http://www.mediatone.fr/images/backfooter.jpg) repeat-x bottom;
}

#footerMedia{
	clear: both;
	width:996px;
	height: 40px;
	text-align: center;
	background-color:black;
	background-image:url('http://www.mediatone.fr/images/footer_mediatone.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	border-left: 2px solid #272727;
	border-right: 2px solid #272727;
}


#footer{
	background:url(http://www.mediatone.fr/images/footer_mediatone.gif) no-repeat top center;
	margin:auto;
	width:996px;
	padding-top: 40px;
	text-align: center;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index:2;
	position:relative;
}
#footer p{
	color: white; 
	text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
	padding: 30px 0px 0px 0px;
	line-height: 15px;
}
#footer a{color: #258ADC; font-weight:bold;}
#footer a:hover{color: #32CD32}


.FermerFen
{
color:green;
	background: transparent url('../images/logout.png') no-repeat left center;
	padding-left:20px;
}


#TableauProduits
{
	font-family:Arial;
	font-size:10pt;
	border:1px white solid;
	padding:0px 4px 14px 4px;
}


.ModifProduit{
	width:100%;
	border-collapse:collapse;
}

.ModifProduit td{

	border-top:1px white solid;
	border-left:1px white solid;
}

.ModifProduit th{
	
	border-bottom:1px white solid;
}

#Tot
{
	background:url('http://www.mediatone.fr/images/TotBack2.jpg') fixed repeat-x;
	position:absolute;
	float:left;
	z-index:0;
	width:100%;
	height:600px;
}

#Bop
{
	background: url('http://www.mediatone.fr/images/background.png') repeat-x left bottom;
	position:relative;
	z-index:0;
	width:100%;
	height:100%;	
	margin-top:-350px;
}
#InterBop
{
	bottom:0px;
	background:url('http://www.mediatone.fr/images/obj.png') no-repeat center bottom;
	position:relative;
	z-index:1;
	width:100%;
	height:500px;
}
.menu_haut{
padding-top:12px; 
padding-left:15px; 
height:18px; 
background:url('http://www.mediatone.fr/images/menu_haut.png') no-repeat;
width:170px;	
font-weight: bold;
font-size: 15px;
color:#fff;
}
.menu_fond{ 
text-align:center; 
background:url('http://www.mediatone.fr/images/menu_fond.png') repeat-y;
width:170px;
font:bold italic 12px "trebuchet ms";
color:#fff;
}
.menu_bas{
height:20px; 
background:url('http://www.mediatone.fr/images/menu_bas.png') no-repeat;
width:170px;
}

.menu_haut_widget{
padding-top:7px; 
padding-left:0px; 
height:18px; 
background:url('http://www.mediatone.fr/images/menu_haut_widget.png') no-repeat;
width:128px;	
font-weight: bold;
font-size: 11px;
color:#fff;
}
.menu_fond_widget{ 
text-align:center; 
background:url('http://www.mediatone.fr/images/menu_fond_widget.png') repeat-y;
width:128px;
font:bold italic 12px "trebuchet ms";
color:#fff;
}
.menu_bas_widget{
height:20px; 
background:url('http://www.mediatone.fr/images/menu_bas_widget.png') no-repeat;
width:128px;
}





































/* BUTTONS */

.buttons a, .buttons button{

    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}






/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* MIDDLE */

button.middle, .buttons a.middle{
    color:#B08D22;
}
.buttons a.middle:hover, button.middle:hover{
    background-color:#EDE0C2;
    border:1px solid #DBC28A;
    color:#B08D22;
}
.buttons a.middle:active{
    background-color:#B08D22;
    border:1px solid #B08D22;
    color:#fff;
}


#topfiche
{
	background:url('http://www.mediatone.fr/images/topfiche.png') no-repeat center center;
	width:200px;
	height:17px;
	float:right;
}

#bottomfiche
{
	background:url('http://www.mediatone.fr/images/bottomfiche.png') no-repeat center center;
	width:200px;
	height:17px;
	float:right;
}


#BtnBuyOff {
	font-size:9pt;
	background:url('http://www.mediatone.fr/images/Shopping_Cart_Remove.png') no-repeat left center; 
	padding-left:55px;
	height:60px;
	font-family:Marker;
	color:red;
}

#BtnBuy {
	font-size:9pt;
	cursor:pointer; 
	background:url('http://www.mediatone.fr/images/Shopping_Cart_Add.png') no-repeat left center;
	padding-left:55px;
	height:60px;
	font-family:Marker;
}

#BtnBuy:hover {
	background: url('http://www.mediatone.fr/images/Shopping_Cart_AddHover.png') no-repeat left center; 
	padding-left:55px;
	height:60px;
	font-size:9.8pt;
	color:#30DB45;
	font-family:Marker;
}

#CouleurProduit{
	font-size:8pt;
	width:100%;
	color:black;
	border:1px black solid;
	text-align:center;
}


.Etape
{
	float:left; 
	cursor:pointer; 
	width:162px; 
	height:115px; 
	padding-top:15px;
	color:silver;
	font-size:10pt;
	font-family:Marker;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.EtapeSelec
{
	float:left; 
	cursor:pointer; 
	width:162px; 
	height:115px; 
	padding-top:15px;
	color:black;
	font-size:10pt;
	font-family:Marker;
	border-left:1px black solid;
	border-right:1px black solid;
}
.EtapeSelec span
{
	text-decoration:underline;
}

.TrPanier:hover
{
	background-color:silver;
	color:black;
	border:1px white solid;
}

.TrSurlignement:hover
{
	background-color:silver;
}

#Onglet {overflow:hidden; width:100%;}
#Onglet ul {float:left; margin:16px 16px 0 0; padding:0; list-style:none}
#Onglet li {float:left; margin-left:3px;}
#Onglet .aOnglet {float:left; font-size:7pt; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url('http://www.mediatone.fr/images/coin-gauche.png') 0 -250px no-repeat}
#actif .aOnglet{float:left; text-decoration:none; letter-spacing:1px;  background:url('http://www.mediatone.fr/images/coin-gauche.png') 0 0px no-repeat}
#Onglet span.SpanOnglet,#actif span.SpanOnglet {float:left; padding:6px 10px 3px 0; background:url('http://www.mediatone.fr/images/coin-droit.png') 100% -250px no-repeat; color:#fff}
#actif {background-position:0 0}
#actif span.SpanOnglet {background-position:100% 0; color:#333}
#Onglet .aOnglet:hover,#Onglet .aOnglet:focus {background-position:0 -500px; cursor:pointer;}
#Onglet .aOnglet:hover span.SpanOnglet,#Onglet .aOnglet:focus span.SpanOnglet {background-position:100% -500px; cursor:pointer;}

#NonActif span.SpanOnglet {float:left; padding:6px 10px 3px 0; background:url('http://www.mediatone.fr/images/coin-droit.png') 100% -250px no-repeat; color:#fff}
#NonActif .aOnglet {float:left; font-size:7pt; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url('http://www.mediatone.fr/images/coin-gauche.png') 0 -250px no-repeat}





#wrapper{-moz-border-radius:10px;background:#fff;border:1px solid #f0f0f0;margin:20px auto;padding:10px 20px;position:relative;width:450px}
#ads{margin:0 auto;width:468px}
p.tuto{bottom:5px;position:absolute;right:5px}
a{text-decoration:underline}

.correct { color:#47d900 }
.incorrect { color:#ff5050 }

#form input{
border:1px solid #47d900;
color:#265324;
font-family:Verdana, Geneva, sans-serif;
}
#form textarea{
border:1px solid #47d900;
color:#265324;
font-family:Verdana, Geneva, sans-serif;
}

#userCode {
border:1px solid #47d900;
color:#47d900;
font-family:Verdana, Geneva, sans-serif;
padding:5px
}

#submit {
background:url('http://www.mediatone.fr/button_go.gif') no-repeat;
border:none;
cursor:pointer;
height:22px;
margin-left:5px;
width:25px
}