@charset "utf-8";
@import url("styles-sidebar.css");
/********************************************************
	CSS Document / General - Moto85 par Skalpel.fr
********************************************************/

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } 
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; } 
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }
.zoom { zoom: 1; }


/* General
-----------------------------------------------------------------------------*/
body {
	background-color: #292929;
/*
	background:  #292929 url(../images/interface/backgroundpubmoto85prod.jpg) no-repeat;
*/


	background-position:top;
	margin-top: 0px;

/*
  background:  #292929 url(../images/interface/backgroundpubmoto85prod.jpg) no-repeat;
	background-position:top;
	margin-top: 175px;
*/
/*
  background:  #292929 url(../images/interface/backgroundpubmoto85prod.png) no-repeat;
	background-position:top;
*/
/*	margin-top: 190px;*/
	
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #191919;
}

h1 {
	display: block;
	height: 25px;
	line-height: 25xp;
	padding-left: 5px;
	margin: 0 0 15px -5px;
	background: url(../images/interface/h1.gif) bottom left no-repeat;
	font-size: 1.50em;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
h2 {
	padding-left: 23px;
	margin: 0 0 3px 0;
	background: url(../images/interface/h2.gif) 0 2px no-repeat;
	font-size: 1.20em;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
h3 {
}
h4 {
}
h5 {
}

a:link, a:visited { color: #EC2929; text-decoration: underline;  }
a:hover { text-decoration: none; }

p { margin: 0 0 9px 0; }

img.left { float: left; margin-right: 5px; vertical-align: middle; }
img.right { float: right; margin-left: 5px; vertical-align: middle; }
span.required { color:red; font-weight: bold; }

.tooltip {
    cursor: pointer;
}
.tip {
    color: #fff;
    width: 239px;
    z-index: 13000;
}
.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(../images/interface/bubble.png) top left;
}

.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../images/interface/bubble.png) bottom right;
}
.hidden {
    display: none;
}

/* Containers
-----------------------------------------------------------------------------*/
#wrapper { width: 988px; margin: 0 auto; }
#header {
	width: 988px;
	height: 173px;
	padding-top: 7px;
}
#global {
	width: 988px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}
#main {
	float: left;
	display: block;
	width: 723px;
	padding: 7px 5px 0 5px;
}
#sidebar {
	float: right;
	display: block;
	width: 250px;
	padding: 7px 5px 0 0;
}
#footer {
	width: 982px;
	padding: 0 3px 3px 3px;
	background: #FFFFFF url(../images/interface/footer-bg.gif) bottom left no-repeat;
}


/* Header
-----------------------------------------------------------------------------*/
/* iPhone header */
#iphonealert {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 32px;
    margin: 0;
    padding: 10px 10px 10px 10px;
}

/* Top */
#header div.top { display: block; width: 988px; height: 23px; }

/* Annonces */
#header ul.annonces { float: left; height: 23px; }
#header ul.annonces li { float: left; display: inline-block; height: 23px; }
#header ul.annonces li a:link, #header ul.annonces li a:visited, #header ul.annonces li a:hover {
	display: block;
	height: 23px;
	line-height: 23px;
	padding-left: 7px;
	margin-right: 7px;
	background: url(../images/interface/header-annonces-a.gif) top left no-repeat;
	font-size: 1.00em;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#header ul.annonces li.no-bg a:link,
#header ul.annonces li.no-bg a:visited,
#header ul.annonces li.no-bg a:hover {
    background: none;
}
#header ul.annonces li a:hover {
	text-decoration: underline;
}
	#header ul.annonces span {
		display: block;
		height: 23px;
		padding-right: 7px;
		background: url(../images/interface/header-annonces-span.gif) top right no-repeat;
		cursor: pointer;
	}
	#header ul.annonces strong { color: #EC2929; }
	
/* Tools */
#header ul.tools { 
	float: right; 
	width: 379px;
	height: 23px;
	background: url(../images/interface/header-tools-bg.gif) top left no-repeat;
}
#header ul.tools > li { 
	float: left; 
	display: inline-block; 
	height: 23px; 
	line-height: 20px;
	padding: 0 6px;
	background: url(../images/interface/header-annonces-li.gif) top left no-repeat;
}
	#header ul.tools > li:first-child { background: none; }
#header ul.tools li a:link, #header ul.tools li a:visited {
	font-size: 0.80em;
	color: #FFFFFF;
	text-decoration: none;
}
	 #header ul.tools li a:hover { color: #EC2929; }
	 
#header ul.tools ul { height: 19px; padding-top: 2px; }
#header ul.tools ul li { float: left; display: inline-block; width: 19px; height: 19px; margin-right: 2px; }
#header ul.tools ul li a:link, #header ul.tools ul li a:visited, #header ul.tools ul li a:hover {
	display: block;
	width: 19px;
	height: 19px;
	background-position: top left;
	background-repeat: no-repeat;
}
	#header ul.tools ul li.facebook a { background-image: url(../images/interface/header-tools-facebook.gif); }
	#header ul.tools ul li.delicious a { background-image: url(../images/interface/header-tools-delicious.gif); }
	#header ul.tools ul li.google a { background-image: url(../images/interface/header-tools-google.gif); }
	
/* Logo */
#header div.logo {
	position: relative;
	float: left;
	display: block;
	width: 246px;
	height: 55px;
	padding: 14px 0 0 0;
}
#header div.logo div.pubaudio {
    margin: 10px 0 0 0;
}
#header div.logo div span.tv {
  float: right;
  margin-top: -8px;
  z-index: 1000;
}
#header div.logo div {
	display: block;
	width: 246px;
	height: 55px;
}
#header div.logo div a {
  float: left;
  z-index: 1;
}

/* Publicite */
#header div.publicite {
	float: right;
	display: block;
	width: 728px;
	height: 90px;
	padding: 7px 0 14px 0;
}

/* Bottom */
#header div.bottom {
	clear: both;
	display: block;
	width: 988px;
	height: 39px;
	background: url(../images/interface/header-bottom-bg.gif) bottom left no-repeat;
}

/* Login */
#header div.login {
	float: right;
	display: block;
	width: 390px;
	height: 39px;
	padding-left: 15px;
	background: url(../images/interface/header-login-bg.gif) top left no-repeat;
}
#header div.login p { margin: 0; }
#header div.login div.label {
	float: left;
	display: block;
	/*width: 90px;*/
	height: 33px;
	padding-top: 3px;
	margin-right: 10px;
	color: #FFFFFF;
}
	#header div.login div.label p { line-height: 1.00em; }
	#header div.login div.label p.title {
		font-size: 1.00em;
		color: #FFE000;
		font-weight: bold;
		text-transform: uppercase;
	}
	#header div.login div.label p.password {
		font-size: 0.90em;
	}
	#header div.login div.label a:link, #header div.login div.label a:visited { 
		font-size: 0.90em; 
		color: #FFFFFF; 
		text-decoration: none; 
	}
	#header div.login div.label a:hover { color: #EC2929; }
#header div.login p.field {
	float: left;
	display: block;
	width: 125px;
	height: 31px;
	padding-top: 8px;
}
	#header div.login p.field input {
		width: 110px;
		padding: 2px 5px 2px 5px;
		background: url(../images/interface/header-login-field-bg.gif) top right no-repeat;
		border: 1px solid #191919;
		font-size: 0.80em;
		color: #191919;
		font-weight: bold;
	}
#header div.login p.submit {
	float: left;
	display: block;
	width: 44px;
	height: 34px;
	padding-top: 5px;
}
	#header div.login p.submit input {
		display: block;
		width: 44px;
		height: 26px;
		background: url(../images/interface/header-login-submit.gif) top left no-repeat;
		cursor: pointer;
	}
#header div.login p.logout {
	float: left;
	display: block;
	width: 120px;
	height: 33px;
	padding-top: 6px;
}
	#header div.login p.logout a {
		display: block;
		width: 118px;
		height: 25px;
		background: url(../images/interface/header-login-logout.gif) top left no-repeat;
		cursor: pointer;
	}



/* Menu
-----------------------------------------------------------------------------*/
#menu { float: left; height: 39px; }
#menu > li {
	position: relative;
	z-index: 2;
	float: left;
	display: inline-block;
	height: 39px;
	margin-right: 1px;
}
#menu > li > a:link, #menu > li > a:visited {
	display: block;
	height: 39px;
	padding-left: 15px;
	background: url(../images/interface/menu-a.gif) 0 0 no-repeat;
	font-size: 1.10em;
	color: #181818;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	/* Hack IE6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#menu > li > a:hover { background-position: 0 -39px; color: #FFFFFF; }
	#menu > li.annonces > a:link, #menu > li.annonces > a:visited {
		background-image: url(../images/interface/menu-a-annonces.gif);
		font-size: 1.70em;
		color: #FFFFFF;
		font-style: italic;
	}
	/* Active */
	#menu > li.active > a:link, #menu > li.active > a:visited, #menu > li.active > a:hover, /*IE 6 */
	#menu > li:hover > a:link, #menu > li:hover > a:visited, #menu > li:hover > a:hover { background-position: 0 -39px; color: #FFFFFF; }
	
#menu > li > a:link span, #menu > li > a:visited span {
	display: block;
	height: 29px;
	padding: 10px 15px 0 0;
	background: url(../images/interface/menu-span.gif) 100% 0 no-repeat;
	cursor: pointer;
}
	#menu > li > a:hover span { background-position: 100% -39px; }
	#menu > li.annonces > a:link span, #menu > li.annonces > a:visited span {
		height: 32px;
		padding-top: 7px;
		background-image: url(../images/interface/menu-span-annonces.gif);
	}
	/* Active */
	#menu > li.active > a:link span, #menu > li.active > a:visited span, #menu > li.active > a:hover span, /*IE 6 */
	#menu > li:hover > a:link span, #menu > li:hover > a:visited span, #menu > li:hover > a:hover span { background-position: 100% -39px; }
	
/* Smenu */
#menu ul.smenu {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	display: block;
	background: #2C2C2C url(../images/interface/smenu-bg.gif) bottom left repeat-x;
	border: 1px solid #2C2C2C;
}
	#menu li:hover > ul.smenu { visibility: visible; }
#menu ul.smenu > li {
	display: block;
	height: 24px;
}
#menu ul.smenu > li a:link, #menu ul.smenu > li a:visited {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 7px;
	color: #FFFFFF;
	text-decoration: none;
}
	#menu ul.smenu > li a:hover { background: url(../images/interface/smenu-li.gif) top left repeat-x; color: #292929; }
	

/* Footer
-----------------------------------------------------------------------------*/
/* Partenaires */
#footer ul.partenaires {
	display: block;
	width: 972px;
	height: 70px;
	padding: 13px 0 0 10px;
	background: url(../images/interface/footer-partenaires-bg.gif) top left no-repeat;
}
#footer ul.partenaires li {
	float: left;
	display: inline-block;
	height: 56px;
	line-height: 55px;
	margin: 0 5px 0 5px;
	font-size: 1.50em;
	color: #FFFFFF;
}
#footer ul.partenaires li a img {
	padding: 2px;
}
#footer ul.partenaires li a:hover img {
	border: 2px solid #f00;
	padding: 0;
}

/* Bottom */
#footer div.bottom {
	display: block;
	width: 962px;
	height: 240px;
/*	padding: 7px 10px 0 10px;*/
	padding: 1px 10px 0 10px;
	background: url(../images/interface/footer--bottom-bg.gif) bottom left no-repeat;
	font-size: 0.90em;
	color: #FFFFFF;
}
#footer div.bottom a:link, #footer div.bottom a:visited { color: #B4B4B4; text-decoration: none; }
	#footer div.bottom a:hover { color: #EC2929; }

#footer div.bottom div.row1 {
	display: block;
	width: 962px;
	height: 100px;
}
#footer div.bottom div.row1 ul { float: left; padding-right: 15px; margin: 0 10px 0 5px; background:url(../images/interface/footer-bottom-li.gif) top right no-repeat; }
#footer div.bottom div.row1 li { margin-bottom: 5px; width: auto !important; width: 0.1em; white-space: nowrap; }
	#footer div.bottom div.row1 li.title { font-weight: bold; text-transform: uppercase; }

#footer div.bottom div.row2 {
	position: relative;
	display: block;
	width: 957px;
	height: 100px;
	padding-left: 5px;
}
#footer div.bottom div.logo {
	position: absolute;
	top: 20px;
	right: 5px;
	display: block;
	width: 175px;
	height: 40px;
}
#footer div.bottom div.row2 p.title { margin-bottom: 3px; font-weight: bold; text-transform: uppercase; }
#footer div.bottom div.row2 ul { float: left; margin-right: 50px; }

#footer div.bottom div.row3 {
	display: block;
	width: 957px;
	height: 40px;
	line-height: 20px;
/*
	height: 25px;
	line-height: 25px;
*/
	padding-left: 5px;
}

	
/* Main
-----------------------------------------------------------------------------*/
/* Pathway */
#pathway { font-size: 0.90em; }
#pathway a:link, #pathway a:visited { color: #191919; text-decoration: none; }
	#pathway a:hover { text-decoration: underline; }
	

/* Champs obligatoires */
.obligatoire {
    font-weight: bolder;
    color: #ec2929;
    font-size: 1.2em;
}


.messageValid {
 margin: 10px;
 padding: 5px;
 text-align: center;
 color:#FFFFFF;
 font-size:13px;
 font-weight:bold;
 font-style:normal;
 background-color:green;
 }
 
.messageErreur {
 margin: 5px;
 padding: 2px;
 text-align: center;
 color:#FFFFFF;
 font-size:13px;
 font-weight:bold;
 font-style:normal;
 background-color:#D50100;
 }
 
 .champErreur {
 color:#D50100;
 }