/* ------ GENERAL ------ */

* { margin:0px; padding:0px; }

html, body {	
	text-align:center;	
	background:url(images/fond-page.png) repeat-x #b7e4ff;
	behavior: url('csshover.htc');
	font:13px Arial, Helvetica, sans-serif;
}

#page {
	width:992px;
	margin:0px auto 0px auto;
	text-align:left;
	background:url(images/fond-site.png) repeat-y;	
}

a img {
	border:none;
}

img {
	border:none;
}

a {
	color:#8e441b;
}

a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#8e441b;
}

#accueil a {
	color:#06F;
}

#accueil a:hover {
	background-color:#06F;
	color:#FFF;
}

/* ------ HEADER ------ */

#header {
	width:992px;
	height:135px;
}

#header img {
	display:block;
}

#titre-header {
	color:#b8daec;
	text-transform:uppercase;
	top:100px;
	position:absolute;
	margin-left:0px;
	font:bold 1.75em Arial, Helvetica, sans-serif;
	width:992px;
	text-align:center;
}

/* ------ RECHERCHE ------ */

#recherche {
	top:48px;
	position:absolute;
	width:232px;
	margin-left:705px;
}

#champ-recherche {
	background-color:#FFF;
	padding:4px 3px 0px 3px;
	border:1px dotted #7e9db9;
	height:18px;
	margin:0 5px 0 0;
	width:177px;
	color:#000;
}

/* ------ BLOC ------ */

#bloc {
	overflow:auto;
	width:986px;
	background:url(images/fond-bloc.png) repeat-y;
	padding:0px 0px 0px 6px;
}


/* ------ CORPS ------ */

#corps {
	float:left;
	display:inline;
	margin:0px 3px 0px 0px;
	color:#3a3a3a;
}

#corps {
	width:781px;	
	background:url(images/fond-corps.png) repeat-y;
}

#fond-corps {
	background:url(images/haut-corps.png) no-repeat;
}

#fond-corps {
	padding:16px 15px 10px 15px;
	overflow:auto;
}

#corps h2 {
	color:#646464;	
	font:bold 1.4em Arial, Helvetica, sans-serif;
	border-bottom:1px #646464 dotted;
	display:inline;
	margin:0px 0px 15px 0px;
}

#corps h3 {
	color:#d0d0d0;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:7px 0px 0px 10px;
	clear:both;
	text-transform:uppercase;
	background:url(images/fond-titre.png) no-repeat;
	width:495px;
	height:29px;
	margin:25px 0 0 0;
}

#corps h3 a {
	color:#9d9d9d;
	text-decoration:none;
}

#corps h3 a:hover {
	color:#FFF;
	background-color:#9d9d9d;
}

h4.contenu-similaire {
	color:#0CF;	
	font:bold 1.2em Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #0CF;
	text-transform:uppercase;
}

h4.contenu-similaire a {
	color:#0CF;
	text-decoration:none;
}

h4.contenu-similaire a:hover {
	background-color:#0CF;
	color:#FFF;
}

#titre {
	margin:0px 0px 15px 0px;
	text-align:center;
}

#fond-corps p {
	clear:both;
}

#fond-corps p.bas {
	margin:0px 0px 11px 0px;
	clear:both;
}

#fond-corps p.haut {
	margin:11px 0px 0px 0px;
	clear:both;
}

#fond-corps p.centrer {
	text-align:center;
	clear:both;
}

#fond-corps p.centrer-haut {
	text-align:center;
	margin:11px 0px 0px 0px;
	clear:both;
}

#fond-corps ul {
	list-style:square inside;
	clear:both;
}

#fond-corps li {
	margin:0px 0px 2px 0px;
}

#fond-corps li a {
	color:#CC0000;
	font-weight:bold;
}

#fond-corps li a:hover {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#CC0000;
	text-decoration:none;
}

#bas-corps {
	height:21px;
	clear:both;
}

#bas-corps {
	background:url(images/bas-corps.png) no-repeat;
}

.liste-categories {
	float:right;
	width:160px;
	margin:0 190px 0 0;
}

.pub-grand-carre {
	float:left;
	width:336px;
}

#liste-blagues {
	padding:10px 0px 0px 0px;
}

#liste-blagues p:first-letter {
	color:#CC0000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.25em;
}

.separation {
	width:450px;
	height:2px;	
	margin:15px auto 15px auto;
	font-size:1px;
	border-top:1px dotted #cac7c0;
}

ul#pagination {
	width:210px;
	margin:25px auto 0px auto;
	clear:both;
	overflow:auto;
	height:18px;
}

#pagination li {
	background-color:#b2deff;		
	float:left;
	display:inline;		
	margin:0px 4px 0px 0px;
}

#pagination li a {	
	text-decoration:none;	
	color:#FFFFFF;	
	border:solid 1px #7db1d8;	
	display:block;
	float:left;
	padding:0px 3px 0px 3px;	
}

#pagination li a:hover {	
	background-color:#434343;
	border:solid 1px #000000;
}

li#page-actuelle a {
	background-color:#434343;
	border:solid 1px #000000;
	text-decoration:none;	
	color:#FFFFFF;	
	display:block;
	float:left;
}

li#page-actuelle a:hover {	
	background-color:#b2deff;
	border:solid 1px #7db1d8;
}

.liste-vignettes {
	margin:12px 0px 0px 1px;
	overflow:auto;
	clear:both;
}

.liste-vignettes .legende {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(images/reflet-cadre.png) no-repeat;
	height:49px;
	margin:2px 0 0 0;
	padding:4px 5px 0 5px;
	text-align:center;
}

.apercu-contenu {
	float:left;
	width:135px;
	height:166px;
	margin:0px 18px 10px 0px;
}

#player-video {
	text-align:center;
	margin:15px 0px 20px 0px;
}

#jeu-flash {
	width:728px;
	margin:15px auto 20px auto;
	text-align:center;
}

.retour {
	color:#67a861;
	font-style:italic;
}

.retour a {
	color:#67a861;
	text-decoration:underline;
}

.retour a:hover {
	color:#1f591a;
	text-decoration:none;
	background-color:#FFFFFF;
}

.pub1 {
	width:728px;
	height:90px;
	margin:12px auto 0px auto;
}

#formulaire {	
	padding:15px 0px 0px 0px;
}

.champ-formulaire {
	background-color:#f3f8fc;
	border:solid 1px #c9e2f2;
	padding:3px;
	width:68%;
	margin:0px 0px 3px 0px;	
}

label {
	color:#ff0161;
	width:83px;
	float:left;
	text-align:right;
	margin:3px 10px 0px 0px;
	text-transform:uppercase;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	width:120px;
}

.champ-focus {
	padding:3px;
	width:68%;
	margin:0px 0px 3px 0px;	
	background-color:#c8e1ff;
	border:solid 1px #7397c3;
}

.champ-normal {
	padding:3px;
	width:68%;
	margin:0px 0px 3px 0px;	
	background-color:#f3f8fc;
	border:solid 1px #c9e2f2;
}

select {
	background-color:#f3f8fc;
	border:solid 1px #c9e2f2;	
	margin:0px 0px 3px 0px;	
	padding:0px 0px 0px 1px;
}

option {	
	padding:0px 10px 0px 0px;
}

.confirmation {		
	border:solid 1px #75c310;
	background:url(images/icone-confirmation.png) no-repeat #c0ff92 10px 4px;
	height:25px;
	padding:10px 0px 2px 50px;
	color:#54a21b;	
	font:bold 12px Verdana;
	text-decoration:underline;
	margin:15px 0px 15px 0px;
	clear:both;
}

.erreur {		
	border:solid 1px #ff5353;
	background:url(images/icone-erreur.png) no-repeat #ffb8b8 10px 4px;
	height:25px;
	padding:10px 0px 2px 50px;
	color:#bd0a0a;	
	font:bold 12px Verdana;
	text-decoration:underline;
	margin:15px 0px 15px 0px;
	clear:both;
}

.information {		
	border:solid 1px #9ad2fe;
	background:url(images/icone-information.png) no-repeat #dff1fe 10px 4px;
	height:25px;
	padding:10px 0px 2px 50px;
	color:#4d9cc6;	
	font:bold 12px Verdana;
	text-decoration:underline;
	margin:15px 0px 15px 0px;
	clear:both;
}

.image-proposition img {
	display:none;
}

.image-proposition {
  display: block;
  width:466px;
  height:40px;
  margin:0 auto 0 auto;
}

.image-proposition:link {
	background-position:0 0;
	background-color:#FFFFFF;
	color:#FFFFFF;
}

.image-proposition:hover {
	background-position:0 40px;
}

.description {
	font-weight:bold;
	color:#005c92;
	text-transform:uppercase;
}

.bloc-description {
	padding:8px;
	margin:2px 0px 9px 0px;
	border-left:4px solid #005c92;
	background-color:#ecf8ff;
	color:#000;
	text-align:justify;
}

p#partager {
	margin:0 0 30px 0;
	text-align:right;
	font:0.9em Arial, Helvetica, sans-serif;
}

p#signalement {
	text-align:right;
	font:italic 0.9em Arial, Helvetica, sans-serif;
	margin:0 0 30px 0;
}

p#signalement img {
	vertical-align:bottom;
}

p#signalement a {
	color:#b03434;
}

p#signalement a:hover {
	text-decoration:underline;
	background:none;
	cursor:pointer;
}

p#partager a:hover {
	background-color:#FFF;
}

p#partager img {
	vertical-align:middle;
}

/* ------ MENU ------ */

#menus {
	float:left;
	width:96px;
}

#pub-menu {
	margin:0 0 14px 18px;
}

.menu {
	width:196px;	
	float:left;
	display:inline;
	background:url(images/fond-menu.png) repeat-y;	
	font:1em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

#fond-menu, #fond-menu-jeux, #fond-menu-images, #fond-menu-videos, #fond-menu-smileys, #fond-menu-blagues, #fond-menu-rss  {
	padding:65px 0px 0px 0px;
}

#fond-menu {
	background:url(images/haut-menu.png) no-repeat;	
}

#fond-menu-images {
	background:url(images/haut-menu-images.png) no-repeat;	
}

#fond-menu-jeux {
	background:url(images/haut-menu-jeux.png) no-repeat;	
}

#fond-menu-videos {
	background:url(images/haut-menu-videos.png) no-repeat;	
}

#fond-menu-smileys {
	background:url(images/haut-menu-smileys.png) no-repeat;	
}

#fond-menu-blagues {
	background:url(images/haut-menu-blagues.png) no-repeat;	
}

#fond-menu-rss {
	background:url(images/haut-menu-rss.png) no-repeat;	
}

#fond-menu-rss p  {
	color:#ff7e00;
	font-size:0.9em;
	padding:0px 20px 5px 20px;
	font-weight:bold;
}

#fond-menu-rss img {
	vertical-align:bottom;
}

#fond-menu-rss a {
	color:#fba40e;
}

#fond-menu-rss a:hover {
	background-color:#fba40e;
	color:#FFF;
}

.bas-menu {
	background:url(images/bas-menu.png) no-repeat;
	height:21px;
}

#fond-menu a, #fond-menu-jeux a, #fond-menu-images a, #fond-menu-videos a, #fond-menu-smileys a, #fond-menu-blagues a {
	color:#69beff;
	text-decoration:underline;
}

#fond-menu a:hover, #fond-menu-jeux a:hover, #fond-menu-images a:hover, #fond-menu-videos a:hover, #fond-menu-smileys a:hover, #fond-menu-blagues a:hover {
	color:#1a75ba;
	text-decoration:none;
	background-color:#FFFFFF;
}

.menu ul {
	list-style:none;
	padding:0px 18px 0px 24px;	
}

.menu li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}

#proposer-humour {
	width:186px;
	height:30px;
	text-align:center;
	text-transform:uppercase;
	padding:13px 0 0 0;
	background:url(images/bloc-proposer-humour.png) no-repeat;
	clear:both;
	font-weight:bold;
	margin:0 0 10px 5px;
}

#proposer-humour a {
	color:#FFF;
}

#proposer-humour a:hover {
	color:#FFF;
	background:none;
}

/* ------ FOOTER ------ */

#footer {
	background:url(images/footer.png) no-repeat;
	height:36px;
	clear:both;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#68a4cd;
	text-align:center;
	padding:20px 0px 0px 0px;
}

#footer a {
	color:#68a4cd;
}

#footer a:hover {
	text-decoration:none;
	color:#2872a4;
	background:none;
}