body, html {
	background: #a7acc7 url('../images/back.png') repeat;
	color: white;
	text-align: center;
}
ul {
	list-style-type: none;
}
#wrap {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 754px;
}


#gonzesse {
	background: transparent url('../images/gonzesse.png') no-repeat;
	height: 270px;
	left: 38px;
	position: absolute;
	top: 21px;
	width: 110px;
	z-index: 2;
}


#headerWrap {
	background: transparent url('../images/shadowTop.png') no-repeat;
	padding: 10px 8px 0;
}

#grid {
	position: absolute;
	z-index: 50;
	left: 9px;
}

#header {/* couleur rouge de la banni�re */
	background: #e41e1f;
	color: #ffea00;
	position: relative;
}

#logo {
	color: #ffea00;
	display: block;
	font: italic 3em/100px "Cooper Black", Arial, sans-serif;
	height: 100px;
	overflow: hidden;
	padding-left: 160px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

#logo span {
	background: transparent url('../images/logo.png') no-repeat;
	display: block;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 738px;
	z-index: 1;
}

	#compte_widget {
		font: 0.69em Arial, sans-serif;
		position: absolute;
		top: 0;
		right: 5px;
	}

	#compte_widget a:link, #compte_widget a:visited, #compte_widget a:hover,
	#compte_widget a:active, #compte_widget a:focus, #compte_widget input {
		background: transparent;
		border: none;
		border-bottom: 1px solid yellow;
		color: yellow;
		cursor: pointer;
		font: 1em Arial, sans-serif;
		padding: 0;
		text-decoration: none;
	}
	#compte_widget ul {
		list-style: none;
	}
	#compte_widget * {
		display: inline;
	}
	#compte_widget input {

	}


#navWrap {
	background: transparent url('../images/shadowBody.png') repeat-y;
	padding: 0 8px;
}

	#navWrap h2 {
		display: none;
	}

#menu {/* couleur menu */
	background: #fab800 url('../images/nav.png') repeat-x;
	font: 1em/1.423em Arial, sans-serif;
	color: #8b0e0e;
	height: 20px;
	margin: 0;
	padding-left: 198px;
}

#menu li {
	background: transparent url('../images/nav-sep.png') no-repeat left center;
	/*display: block;*/
	float: left;
	padding-left: 20px;
	padding-right: 10px;
}

#menu li a:link, #menu li a:visited, #menu li a:active, #menu li .active {
	display: block;
	color: #8b0e0e;
	font: 0.75em/1.67em Arial, sans-serif;
	padding: 0 8px;
	text-align: center;
	text-decoration: none;
}

#menu li a:hover, #menu li a:focus {
	background: #fde757 url('../images/nav-hover.png') repeat-x center top;
	color: #8b0e0e;
}

#menu li .active {
	background: #444b55 url('../images/nav-active.png') repeat-x center top;
	color: white;
}

#contentWrap {
	background: transparent url('../images/shadowBody.png') repeat-y;
	padding: 0 8px;
}

#content {
	background: #444b55;
	border-left: 1px solid #5a6472;
	border-right: 1px solid #5a6472;
	color: white;
	min-height: 300px;
	padding: 20px 9px 10px;
}

.popup #content {
	min-height: 0;
}

	#content .content {
		float: right;
		width: 560px;
		overflow: hidden;
	}

	img.deco {
		display: block;
		margin-bottom: 20px;
	}
	img.r {
		float: right;
		margin-left: 20px;
	}
	img.l {
		float: left;
		margin-right: 20px;
	}
	img.i {
		margin-top: 20px;
	}

	.content h1 {
		background: url('../images/h1.png') no-repeat;
		color: white;
		font: bold 1.25em/3em "Lucida Sans", Lucida, Arial, sans-serif;
		margin: 0 0 1em 0;
		padding: 0 0 0 0.5em;
	}
	h2 {
		background: url('../images/h2.png') no-repeat;
		color: white;
		font: bold 1em/2.5em "Lucida Sans", Lucida, Arial, sans-serif;
		margin: 0 0 0.625em;
		padding: 0 0 0 0.625em;
	}
	#content h2.kitch {
		/*background: transparent url('h2kitch.gif') no-repeat;*/
		color: #F6F8BA;
		padding: 0 0 0 1em;
	}


	p, a, ul, table, dl, .vcard {
		font: 0.8125em/1.538em "Trebuchet MS", Tahoma, Arial, sans-serif;
		margin: 0 0.769em 1.538em;
	}

	a {
		margin: 0;
	}

	p a, ul a, dl a, .vcard a, ul p {
		font-size: 1em;
	}

	.chapeau {
		font-style: italic;
	}
	strong {
		color: #e7e72e;
		font-weight: bold;
	}


	#content .vcard .fn {
		color: #e7e72e;
		font-weight: bold;
	}


	ul {
		/*list-style: disc;*/
		/*list-style-position: inside;*/
		list-style: none;
	}
	ul ul {
		font-size: 1em;
		list-style: circle;
		margin-bottom: 0;
	}

	dt {
		font-weight: bold;
		color: #e7e72e;
	}
	dd {
		margin-bottom: 1.538em;
	}
	dd * {
		font-size: 1em;
		margin-left: 0;
		margin-right: 0;
	}


	#content a:link, #content a:visited, #content a:active {
		color: white;
		text-decoration: underline;
	}
	#content a:hover, #content a:focus {
		background: white;
		color: #444b55;
	}
/* JMM +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	#content a.bis:link, #content a.bis:visited, #content a.bis:active {
		color: #FAE453 !important;
		text-decoration: underline;
		font-weight: bold;
	}
	#content a.bis:hover, #content a.bis:focus {
		background: #F6F8BA !important;
		color: #444B55 !important;
	}
	#content .mh1 {/* marge haute de 1 em */
		margin-top: 1em;
	}
	#content .ph1 {/* padding haut de 1 em */
		padding-top: 1em;
	}
/* JMM +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	#content fieldset, #content .action, form .actions, #content .taskList {
		background: url('../images/fieldset.png') no-repeat;
	}

	#content .action, form .actions, #content .taskList {
		padding: 10px;
	}
	#content .action input, form .actions input {
		margin-right: 20px;
	}
	#content .action img, form .actions img, #content .taskList img {
		vertical-align: middle;
	}

	#content .taskList li {
		margin-bottom: 10px;
	}

	#content .action a, form .actions a #content .taskList a {
		padding: 5px;
	}


	#content .pagination .prev {
		display: block;
		float: left;
		text-align: center;
		width: 40px;
	}
	#content .pagination .next {
		display: block;
		float: right;
		text-align: center;
		width: 40px;
	}
	#content .pagination .pagesWrap {
		float: left;
		margin: 0 -60px;
		text-align: center;
		width: 100%;
	}
	#content .pagination .pages {
		display: block;
		margin: 0 60px;
		padding-top: 5px;
	}
	#content .pagination .messagesCount {
		clear: both;
		color: #888;
		padding-top: 5px;
		text-align: center;
	}
	#content .pagination strong {
		padding: 0 5px;
	}
	#content .pagination a:link, #content .pagination a:visited, #content .pagination a:hover, #content .pagination a:active, #content .pagination a:focus,
	#content .pagination span.prev, #content .pagination span.next {
		border: 1px solid #888;
		font: 0.75em/20px Arial, sans-serif;
		margin: 0;
		padding: 5px;
		position: relative;
		z-index: 2;
		text-decoration: none;
	}
	#content .pagination span.prev, #content .pagination span.next {
		border: none;
	}



	#content fieldset {
		padding: 2.5em 10px 0 10px;
		position: relative;
	}

	#content fieldset legend {
		display: block;
		font: bold 0.875em/1.423em "Lucida Sans", Lucida, Arial, sans-serif;
		color: #E7E72E;
		height: 0;
		position: relative;
	}

	#content fieldset legend span {
		display: block;
		position: absolute;
		top: -2.143em;
		left: 0;
	}

	#content fieldset div {
		font: 0.75em/1.666em Arial, sans-serif;
		padding-bottom: 1.666em;
	}
	#content fieldset div div {
		font-size: 1em;
	}

	#content fieldset div.row {
		padding-bottom: 0;
	}
	#content fieldset>div.row {
		overflow: hidden;
	}

	#content fieldset div.row div {
		float: left;
	}
	#content fieldset div.row div.first {
		margin-right: 20px;
	}


	#content fieldset input, #content fieldset select {
		border: 1px solid #5a6472;
		line-height: 1.5em;
		padding: 0;
		vertical-align: middle;
	}

	#content fieldset p.help {
		color: #A8ABB0;
		font-size: 1em;
		margin: 0;
	}

	#content form .errors {
		background: url('../images/warning.png') no-repeat;
		border: 1px solid #E7E72E;
		min-height: 60px;
		padding-left: 60px;
		margin-bottom: 18px;
	}
	#content form .errors h2 {
		font: bold 0.875em/1.423em "Lucida Sans", Lucida, Arial, sans-serif;
		color: #E7E72E;
	}
	#content form .errors ul {
		margin-bottom: 0;
	}


	#content .close {
		clear: both;
		display: block;
		border: none;
		font: 0/0 serif;
		height: 0;
		overflow: hidden;
		margin: 0;
		padding: 0;
		visibility: hidden;
	}
	#content .close hr {
		display: none;
	}


#pub_premium {
	float: right;
	font: bold 1.75em Arial, sans-serif;
	height: 120px;
	margin-bottom: 20px;
	text-align: center;
	width: 562px;
}

#pub_premium img {
	display: block;
}


	#sidebar {
		/*background: #2f343c;*/
		color: white;
		float: left;
		margin-top: 140px;
		width: 146px;
	}


	#sidebar img {
		display: block;
		margin: 13px auto;
	}


div.pub a img {
	display: block;
}


#footer {
	background: transparent url('../images/footer.png') no-repeat;
	clear: both;
	color: black;
	font: 0.625em Arial, sans-serif;
	padding: 18px 8px 0;
	text-align: center;
}
/* rajout du 26/01/2008 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JMM ++++++++++++++++++++++++++++++ */
#headlines {
	margin-right: 208px;
	overflow: hidden;
	width: 352px;
}

	#headlines .headline {
		padding: 10px 10px 10px 0;
	}

	#headlines h2 {
		background: none;
		font: bold 0.875em/1.43em "Lucida Sans", Lucida, Arial, sans-serif;
	}
	#headlines .main h2 {
		font: bold 1.125em/1.11em "Lucida Sans", Lucida, Arial, sans-serif;
		margin-bottom: 0.555em;
	}
#headlines .main h2.kitch {
		background:transparent url(../images/h2.png) no-repeat;
		line-height: 3em;
		font-size: 0.8em;
		color: #F6F8BA;
		padding: 0 0 0 1em;
	}
	#headlines .headline p {
		margin-bottom: 0;
		margin-right: 0;
	}
	#headlines .main p {
		margin-bottom: 1.667em;
	}

	#headlines .deco {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}


div.video {
	text-align: center;
	margin-bottom: 1em;
}
div.video object.daily {
	width: 320px;
	height: 252px;
}
div.video object.youtube {
	width: 320px;
	height: 267px;
}


	.vert-titre { /* couleur verte des titres */
		color: #25DB1B;
	}
	.bleu-titre { /* couleur verte des titres */
		color: #7AB8C9;
	}

	h1.c, h2.c, h3.c, p.c {
		text-align: center;
	}
#content img.d {
	float: right;
	margin: 0 0 5px 5px;
}
#content img.g {
	float: left;
	margin: 0 5px 5px 0;
}
#content img.c {
	display: block;
	margin: 0 auto;
}
#content img.bord {
	padding: 5px;
	background-color: white;
	border: 2px solid #FAE453;
}
.jaune {
	color: #FAE453;
}
.rouge {
	color: #FF8181;
}
.gras {
	font-weight: bold;
}
.mhb1 {
	margin: 1em 0;
}
imc {/* centre les images */
	display: block;
	margin: 0 auto;
}
	#headlines h2.gros {
		font-size: 1.3em;
	}
	p span.lettrine {
		font-size: 1.5em;
		text-indent: 2em;
		font-weight:bold ;
	}
	#headlines .headline ul.list-parag {
		list-style-type: none;
	}
	#headlines .headline ul.list-parag li p {
		font-size: 0.9em;
	}
	#headlines .headline ul.list-parag li p a {
		color: #FAE453;
		background: 0;
		font-weight: bold;

	}
	#content h1 span.meuf, #content div.diapo h1 {
		background: transparent url(meufh1.gif) left no-repeat;
		display: block;
		padding-left: 30px;
		height: 53px;
		position: relative;
	}
	#content h1.patience {
		font-size: 2em;
		margin: 70px 0;
		text-align: center;
	}
	#content h1.patience span {
		font-size: 0.8em;
	}
		#content h1 span.chapo {
			position: relative;
			top:0.5em;
			left: 1em;
			text-decoration: underline;
			font-size: 0.8em;
			color: #F6F8BA;
	}
	.clear {
		clear: both;
	}
	div.voter {
		text-align: center;
		border: 1px solid #FAE453;
		padding: 3px;
		width: 130px;
	}
	div.voter p {
		font-size: 0.8em;
		font-weight: bold;
		color: #FAE453;
		margin-bottom: 0.5em;
	}
	#content div.voter p a:link, #content div.voter p a:visited {
		background: transparent;
		color: #FAE453;
	}
	#content div.voter p a:hover {
		background: transparent;
		color: #FAE453;
	}

	div.penda, div.codou, div.adja, div.zeyna {
		width: 130px;
		height: 173px;
		margin-bottom: 10px;
	}
	div.penda {
		background-image:url(penda.jpg);
	}
	div.codou {
		background-image:url(codou.jpg);
	}
	div.adja {
		background-image:url(adja.jpg);
	}
	div.zeyna {
		background-image:url(zeyna.jpg);
	}
	#content ul.normal {
		list-style-type: none;
		list-style-position: inside;
	}
#content div.musique {
}
#content div.musique h3.titre-chanson {
	color: #F6F8BA;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
	height: 20px;
	line-height: 20px;
	float: left;
	margin:10px 0px 10px 60px;
}
#content div.musique object {
	float: right;
	margin:10px 10px 10px 0;
}
/* JMM  Boite pour news à completer par un id => dimensions et float */
#content div.news {
	position: relative;
	border: 1px solid #596270;
	background: #2f343c;
	margin: 15px 0;
	clear: both;
}
#content div.news div.news-content {
	padding: 10px 0;
}
#content div.news div.news-content h3, #content h3.n3 {
		color: #7AB8C9;
		text-align: center;
		font-size:1em;
		font-weight: bold;
}
#content h3.n3 {
	margin: 0.5em 0;
}
#content div.news div.news-content h4 {
		color: #F6F8BA;
		text-align: center;
		font-weight: bold;
		margin: 0.5em 0;
		font-size: 0.9em;
		line-height: 1.4em;
}
#content div.news div.news-content p {
		font-size: 0.7em;
}

#content div.news div.news-content h4 span {
		border-bottom: 1px dashed #F6F8BA;

}
#content div.news div.news-content h4 img {
		margin: 10px auto;
}

#content div.news div.h_g, #content div.news div.h_d, #content div.news div.b_d, #content div.news div.b_g  {
	position: absolute;
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
	font-size: 1px; /* bug IE */
}
#content div.news div.h_g {
	background-image: url(news-hg.gif);
	top: -1px;
	left: -1px;
}
#content div.news div.h_d {
	background-image: url(news-hd.gif);
	top: -1px;
	right: -1px;
	/*float: right;*/
}
#content div.news div.b_g {
	background-image: url(news-bg.gif);
	bottom: -1px;
	left: -1px;
}
#content div.news div.b_d {
	background-image: url(news-bd.gif);
	bottom: -1px;
	right: -1px;
}
#temps-forts {
}
#content div.news ul {
		list-style-type: none;
		text-align: left;
		margin-bottom: 0;
}
#content .news ul li a:link, #content .news ul li a:visited  {
		background: transparent url(etoi-jaune.gif) left no-repeat;
		font-size: 0.7em;
		color: #FAE453;
		font-weight: bold;
		padding-left: 1.5em;
	}
#content .news ul li a:hover, #content .news ul li a:focus {
		padding-left: 2em;
	}
/* JMM  Sous menu du Layout  (les differentes �missions) ++++++++++++++++++++++++++++++++++++++++ */
#content ul.pce {
	list-style-position: inside;
	padding-left: 2em;
}
#content ul.pce li span {
		background: transparent url(etoi-jaune.gif) left no-repeat;
		font-size: 0.9em;
		color: #FAE453;
		font-weight: bold;
		padding-left: 2em;
}

#content #sidebar ul.sous-menu {
	margin-top: 10px;
}
#content #sidebar ul.sous-menu li {
	height: 35px;
	line-height: 35px;
}
#content #sidebar ul.sous-menu a:link, #content #sidebar ul.sous-menu a:visited {
	height: 35px;
	background: transparent url(puceetoilemeuf.png) left no-repeat;
	padding-left: 40px;
	line-height: 35px;
	display: block;
	font-size: 1em;
}
#content #sidebar ul.sous-menu a:hover, #content #sidebar ul.sous-menu strong {
	height: 35px;
	background: transparent url(puceetoilemeufhover.png) left no-repeat;
	padding-left: 40px;
	line-height: 35px;
	display: block;
	font-size: 1em;
	color: #E9E0A5;
}
#content p span.nota {
	font-weight: bold;
	text-decoration: underline;
}