/* @override http://lesgerard/css/main.css */

/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: black;
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group structure général */

/* @group pp bloc */

.pp-bloc {
	padding: 10px 0;
}

#top-ad {
	float: right;
	width: 728px;
	height: 90px;
	background-color: #333;
}

/* @end */

#wrap {
	width: 966px;
	margin: 0 auto;
}

/* @group menu */

.header {
	width: 966px;
	height: 129px;
	padding-top: 125px;
}

.header .menu {
	float: left;
	display: inline;
	margin: 0 0 0 74px;
}

.header .menu li {
	float: left;
}

.header .menu a {
	display: block;
	height: 26px;
	text-indent: -3000px;
}

.header .menu li.accueil a {
	width: 76px;
	background-position: 0 0;
}

.header .menu li.accueil a:hover {
	background-position: 0 -26px;
}

.header .menu li.gerard a {
	width: 116px;
	background-position: -76px 0;
}

.header .menu li.gerard a:hover {
	background-position: -76px -26px;
}

.header .menu li.ceremonies a {
	width: 110px;
	background-position: -192px 0;
	margin: 0 212px 0 0;
}

.header .menu li.ceremonies a:hover {
	background-position: -192px -26px;
}

.header .menu li.videos a {
	width: 84px;
	background-position: -303px 0;
}

.header .menu li.videos a:hover {
	background-position: -303px -26px;
}

.header .menu li.bonus a {
	width: 134px;
	background-position: -386px 0;
}

.header .menu li.bonus a:hover {
	background-position: -386px -26px;
}

.header .menu li.contact a {
	width: 94px;
	background-position: -520px 0;
}

.header .menu li.contact a:hover {
	background-position: -520px -26px;
}

/* @end */

.content {
	clear: both;
	float: left;
	width: 966px;
	zoom: 1;
}

.square-ad {
	width: 250px;
	height: 250px;
}

.break {
	clear: both;
}

.footer {
	clear: both;
	height: 74px;
	position: relative;
}
/* @end */

/* @group text general */

p {
	font-size: 12px;
	color: #777777;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.gerard p {
	clear: both;
	border-top: 1px solid #777777;
	padding-top: 20px;
}

.jury li p.work {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

h1 {
	clear: both;
	height: 34px;
	text-indent: -5000px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 18px;
	font-variant: small-caps;
}

h3 span {
	display: block;
}

h4 {
	font-size: 14px;
	line-height: 16px;
}

.content li {
	list-style-type: none;
	width: 250px;
	float: left;
	display: inline;
	margin-right: 30px;
}

.content a {
	text-decoration: none;
}

/* @end */

/* @group presentation */

#presentation a {
	color: #366;
	text-decoration: none;
}

#presentation a:hover {
	color: #fff;
}

/* @group header */

/* @group nav */

/* @end */

#presentation .header {
	background: url(../img/presentation/menu-bg.jpg);
}

#presentation .header .menu a {
	background-image: url(../img/presentation/menu.jpg);
}

/* @end */

#presentation .content {
	background: url(../img/presentation/bg.jpg ) repeat-y;
}

.grd-pic {
	float: right;
}

#presentation h3 {
	color: #ab1adb;
}

#presentation ul.gerard {
	float: left;
	width: 890px;
	padding: 0 0 30px 76px;
}

#presentation .jury-pic {
	float: left;
	width: 530px;
	height: 250px;
	padding: 0 30px 0 0;
}

#presentation .square-ad {
	background: #000;
	float: left;
}

/* @group jury */

.jury {
	clear: both;
	float: left;
	width: 890px;
	padding: 0 0 0 76px;
}

.jury ul {
	clear: both;
	float: left;
	width: 840px;
	padding: 30px 0;
}

.jury li {
	float: left;
	padding: 0 0 10px 0;
}

.jury li img {
	width: 52px;
	height: 52px;
	float: left;
	padding: 0 10px 10px 0;
}

/* @end */

#presentation .footer {
	background: black url(../img/presentation/foot.jpg) no-repeat;
}

/* @group big gerard's band */

div.bgb {
	clear: both;
	float: left;
	width: 890px;
	background: url(../img/presentation/bgb-intro.jpg) no-repeat 76px 0;
	padding: 90px 0 0 76px;
}

div.bgb-intro {
	float: left;
	width: 530px;
	padding-right: 30px;
}

div.bgb-intro img {
	padding-top: 30px;
}

div.bgb-members {
	float: left;
	width: 250px;
	position: relative;
	top: -18px;
}

div.bgb-members h3 .instru {
	display: inline;
	text-transform: none;
	font-variant: normal;
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

div.bgb-members p {
	padding-bottom: 10px;
}

/* @end */

/* @end */

/* @group ceremonies */

#ceremonies h3 {
	color: #004a7b;
}

/* @group header */

#ceremonies .header {
	background: url(../img/ceremonies/menu-bg.jpg);
}

/* @group nav */

#ceremonies .header .menu a {
	background-image: url(../img/ceremonies/menu.gif);
}

/* @end */

/* @end */

#ceremonies .content {
	background: url(../img/ceremonies/bg.jpg ) repeat-y;
}

/* @group cerem-menu */

#ceremonies .cerem-menu {
	float: left;
	width: 250px;
	padding: 0 30px 0 76px;
}

#ceremonies .cerem-menu h2 {
	padding: 0 10px;
	color: #fff;
	line-height: 20px;
	background: #004a7b;
}

#ceremonies .cerem-menu ul {
	padding: 5px 0 20px;
}

#ceremonies .cerem-menu li {
	float: none;
	display: block;
	width: auto;
	padding: 0 0 0 10px;

}

#ceremonies .cerem-menu li a {
	font-size: 13px;
	color: #fff;
	padding: 0 10px 0 0;
}

#ceremonies .cerem-menu li a.selected, #ceremonies .cerem-menu li a:hover {
	color: #ce8b00;
}

/* @end */

/* @group cerem video */

#ceremonies #cerem-video {
	float: left;
	width: 530px;
	margin: 0 0 30px;
}

/* @end */

/* @group pub */

#ceremonies .square-ad {
	clear: both;
	float: left;
	display: inline;
	margin: 0 30px 0 76px;
	background: #000;
}

/* @end */

/* @group palmarès */

#ceremonies .palmares {
	width: 530px;
	float: left;
	background: url(../img/ceremonies/categories-txt.gif) no-repeat;
	padding: 50px 0 0 0;
}

#ceremonies .palmares h4 {
	color: #fff;
	padding: 5px 5px 5px 20px;
	background: #004a7b url(../img/commun/accordion-closed.gif) no-repeat 8px 10px;
}

#ceremonies .palmares .open h4 {
	background: #004a7b url(../img/commun/accordion-opened.gif) no-repeat 8px 10px;
}

#ceremonies .palmares .cat {
	width: 100%;
	background-color: #0f1816;
	border: 1px solid #004a7b;
	float: left;
	margin-bottom: 4px;
}

#ceremonies .palmares .cat div {
	float: left;
}

#ceremonies .palmares ul {
	float: left;
	padding: 0 10px;
}

#ceremonies .palmares li li {
	zoom: 1;
	display: inline;
	width: 140px;
	margin: 10px 25px 10px 0;
}

#ceremonies .palmares li li.first {
	clear: left;
}

#ceremonies .palmares .emission {
	font-size: 15px;
	color: #c6c6c6;
}

#ceremonies .palmares .animateur {
	font-size: 11px;
	color: #c6c6c6;
}

#ceremonies .palmares .chaine {
	font-size: 11px;
	color: #777;
	text-shadow: none;
}

#ceremonies .palmares .winner {
	display: inline;
	width: 510px;
	margin: 10px 10px 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #004a7b;
}

#ceremonies .palmares .winner p {
	display: block;
	width: 135px;
	margin: 0 30px 0 0;
	float: left;
}

#ceremonies .winner li, #ceremonies .winner li p.animateur, #ceremonies .winner li p.emission, #ceremonies .winner li p.chaine {
	margin: 0;
	width: 350px;
	text-shadow: #ce8b00 0 0 4px;
}

#ceremonies .winner li .emission, #ceremonies .winner li .animateur {
	font-size: 15px;
	color: #ce8b00;
}

#ceremonies .winner ul {
	width: 340px;
	float: left;
	margin: 0;
}

/* @end */

#ceremonies .footer {
	background: black url(../img/ceremonies/foot.jpg) no-repeat;
}

/* @end */

/* @group videos */

/* @group header */

#videos .header {
	background: url(../img/videos/menu-bg.jpg);
}

/* @group nav */

#videos .header .menu a {
	background-image: url(../img/videos/menu.gif);
}

/* @end */

/* @end */

#videos h3 {
	color: #ab039c;
	font-variant: normal;
	font-size: 15px;
	font-weight: bold;
}

#videos a {
	color: #ab039c;
}

#videos h3.date {
	color: #777;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	padding: 0 0 20px;
}

#videos .content {
	background: url(../img/videos/bg.jpg ) repeat-y;
}

#videos .video-display {
	float: left;
	width: 810px;
	padding: 0 80px 0 76px;
}

#videos #cerem-video {
	float: left;
	padding: 0 30px 30px 0;
}

#videos .content li {
	width: 156px;
	margin: 0 30px 0 0;
	padding: 0px;
}

#videos .content li.first {
	clear: left;
}

#videos .archives {
	clear: left;
	float: left;
	width: 560px;
	padding: 0 0 0 76px;
}

#videos .archives h1 {
	background: url(../img/videos/archives-txt.gif) no-repeat;
	width: 530px;
	border-bottom: 1px solid #ab039c;
	margin: 0 0 20px;
}

#videos .archives ul {
	clear: both;
}

#videos .ad-block {
	float: left;
	width: 250px;
	height: 250px;
	background-color: #000;
	margin-top: 54px;
}

#videos .footer {
	background: black url(../img/videos/foot.jpg) no-repeat;
}

/* @end */

/* @group bonus */

/* @group header */

#bonus .header {
	background: url(../img/bonus/menu-bg.jpg);
}

/* @group nav */

#bonus .header .menu a {
	background-image: url(../img/bonus/menu.gif);
}

/* @end */

/* @end */

#bonus .content {
	background: url(../img/bonus/bg.jpg ) repeat-y;
}

#bonus .footer {
	background: black url(../img/bonus/foot.jpg) no-repeat;
}

#bonus .wallpp-itw {
	float: left;
	width: 560px;
	padding: 0 0 0 76px;
}

#bonus .wallpp-itw img{
	border: 1px solid #777
}


h1.wallpapers {
	background: url(../img/bonus/wallpapers-txt.gif) no-repeat;
	width: 530px;
	border-bottom: 1px solid #d55c85;
	margin-bottom: 20px;
}

h1.interviews {
	background: url(../img/bonus/interviews-txt.gif) no-repeat;
	width: 530px;
	border-bottom: 1px solid #d55c85;
	margin-bottom: 20px;
}

#bonus .accordion h4 {
	color: #000;
	padding: 5px 5px 5px 20px;
	margin: 0 0 5px;
	background: #79b5ff url(../img/commun/accordion-closed.gif) no-repeat 10px 10px;
}

#bonus .accordion .open h4 {
	background: #79b5ff url(../img/commun/accordion-opened.gif) no-repeat 8px 10px;
}

#bonus .accordion .question {
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
}

#bonus .accordion p {
	margin-bottom: 10px;
}

#bonus .accordion .name {
	color: #333;
}

#bonus .links {
	width: 250px;
	float: left;
}

#bonus .links ul {
	float: left;
}

h1.liens {
	background: url(../img/bonus/liens-txt.gif) no-repeat;
	width: 250px;
	border-bottom: 1px solid #d55c85;
	margin-bottom: 20px;
}

#bonus h3 {
	color: #79b5ff;
	font-variant: normal;
	font-size: 12px;
}

#bonus h3.date {
	color: #333;
	padding-bottom: 20px;
}

#bonus .accordion {
	float: left;
}

#bonus .accordion li {
	width: 530px;
}

#bonus .links a {
	color: #333;
}

#bonus .links li {
	padding-bottom: 20px;
}

#bonus .ad-block {
	float: left;
	display: block;
	width: 250px;
	height: 250px;
	background-color: #000;
}

/* @end */

/* @group contact */

/* @group header */

#contact .header {
	height: 70px;
	background-image: url(../img/contact/menu-bg.jpg);
}

/* @group nav */

#contact .header .menu a {
	background-image: url(../img/contact/menu.gif);
}

/* @end */

/* @end */

#contact .content {
	background: url(../img/contact/bg.jpg ) repeat-y;
}

#contact .content ul {
	float: left;
	padding: 0 0 0 76px;
}

#contact .content a span {
	display: block;
	padding: 10px 0 0;
	border-top: 1px solid #777;
}

#contact .content a:hover span {
	color: #fff;
}

#contact .footer {
	background: black url(../img/contact/foot.jpg) no-repeat;
}

/* @end */

/* @group accueil */

/* @group news */

#accueil #news {
	float: left;
	width: 470px;
}

#accueil #news h1 {
	background: url(../img/accueil/lesnews-txt.gif) no-repeat;
}

#accueil #news h3 {
	color: #1a839c;
}

#accueil #news a {
	color: #1a839c;
	text-decoration: underline;
}

#accueil #news a:hover {
	color: #fff;
	text-decoration: none;
}

/* @end */

#accueil p {
	margin: 0 0 10px;
}

#accueil h1 {
	float: none;
	height: 38px;
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px solid #777;
}

#accueil .evenement h1 {
	background: url(../img/accueil/evenement-txt.gif) no-repeat;
}

/* @group header */

#accueil {
	background: #000 url(../img/accueil/menu-bg.jpg) no-repeat center top;
}

#accueil .header {
	height: 244px;
	background: #000 url(../img/accueil/menu-bg.jpg) no-repeat -93px -110px;
}

#accueil .content {
	background: url(../img/accueil/bg.gif);
}

/* @group nav */

#accueil .nav {
	float: left;
	padding-left: 76px;
}

#accueil .nav li {
	float: left;
	display: inline;
	margin-right: 50px;
	text-indent: -3000px;
}

#accueil .nav li.accueil,
#accueil .nav li.videos {
	width: 70px;
}

#accueil .nav li.gerard {
	width: 110px;
}

#accueil .nav li.ceremonies {
	width: 100px;
}

#accueil .nav li.bonus {
	width: 130px;
}

#accueil .nav li.contact {
	width: 80px;
}

#accueil .nav a {
	display: block;
	height: 24px;
	background-image: url(../img/accueil/menu.gif);
}

#accueil .nav .accueil a {
	width: 70px;
}

#accueil .nav .accueil a:hover {
	background-position: 0 24px;
}

#accueil .nav .gerard a {
	width: 110px;
	background-position: -70px 0;
}

#accueil .nav .gerard a:hover {
	background-position: -70px 24px;
}

#accueil .nav .ceremonies a {
	width: 100px;
	background-position: -180px 0;
}

#accueil .nav .ceremonies a:hover {
	background-position: -180px 24px;
}

#accueil .nav .videos a {
	width: 70px;
	background-position: -280px 0;
}

#accueil .nav .videos a:hover {
	background-position: -280px 24px;
}

#accueil .nav .bonus a {
	width: 130px;
	background-position: -350px 0;
}

#accueil .nav .bonus a:hover {
	background-position: -350px 24px;
}

#accueil .nav .contact a {
	width: 80px;
	background-position: -480px 0;
}

#accueil .nav .contact a:hover {
	background-position: -480px 24px;
}





/* @end

 */
/* @end */

#accueil .lights1 {
	clear: both;
	height: 27px;
	width: 810px;
	padding: 20px 0;
	margin: 0 0 0 76px;
	background: url(../img/accueil/light1.gif) repeat-x left center;
}

#accueil .lights2 {
	height: 27px;
	background: url(../img/accueil/light2.gif) repeat-x;
	margin: 20px 0;
}

/* @group evenement */

#accueil .evenement {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 30px 0 76px;
}

#accueil .ad-block {
	margin-top: 30px;
	width: 300px;
	height: 250px;
	background-color: #333;
}

/* @end */


/* @end */

/* @group contact */

#contact .gerard a {
	color: #fc9b24;
	font-size: 12px;
}

#contact .gerard a:hover {
	color: #fff;
}

#contact .gerard p {
	border-top: 1px solid #777777;
	padding-top: 10px;
}
#contact .mail{
	clear: both;
	float: left;
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
}

#contact .mail a{
	color: #fc9b24;}
/* @end */