@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}

body
{
	background-image: url("./images/bg.png");
	background-repeat: repeat-x;
	background-color: #053f68;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
	font-size: 12px;
	padding: 5px 0 0;
}

img
{
	vertical-align: middle;
}

a
{
	text-decoration: none;
	color: inherit;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

p
{
	padding-bottom: 1em;
}

.spacer
{
	clear: both;
}

header
{
	background-image: url("./images/header.png");
	background-repeat: no-repeat;
	width: 1000px;
	height: 246px;
	margin: 0 auto;
}

header a
{
	display: block;
	width: 1000px;
	height: 246px;
	font-size: 0;
	text-indent: -10000px;
	outline: none;
}

#bloc_haut
{
	background-image: url("./images/bloc_haut.png");
	background-repeat: no-repeat;
	width: 980px;
	height: 120px;
	padding: 10px 20px 0 0;
	margin: 0 auto;
}

#bloc_haut #btn_sociaux
{
	float: left;
	text-align: center;
	width: 244px;
	padding-top: 31px;
}

#bloc_haut #btn_sociaux a img
{
	border: 2px solid #ffffff;
	margin: 0 2px;
	border-radius: 6px;
}

#bloc_haut #btn_sociaux a:hover img
{
	border: 2px solid #ffcccc;
}

#bloc_haut #publicite
{
	float: right;
	background-image: url("./images/bg_pub.png");
	background-repeat: no-repeat;
	width: 728px;
	height: 90px;
	padding: 4px;
}

#contenu
{
	background-image: url("./images/bg_contenu.png");
	background-repeat: repeat-y;
	background-position: 12px center;
	background-color: #ffffff;
	width: 976px;
	padding: 0 12px;
	margin: 0 auto;
}

#contenu nav#menus
{
	float: left;
	width: 201px;
	padding-right: 23px;
}

#contenu nav#menus #blank
{
	background-color: #ffffff;
	width: 201px;
	height: 58px;
}

#contenu nav#menus .first_menu
{
	background-color: #ffffff;
}

#contenu nav#menus h3
{
	background-repeat: no-repeat;
	width: 161px;
	height: 24px;
	padding: 21px 0 0 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 0 0 2px #000000;
	cursor: default;
	text-align: center;
	margin-top: -12px;
}

#contenu nav#menus h3.menu_rose
{
	background-image: url("./images/menu_rose.png");
}


#contenu nav#menus h3.menu_bleu
{
	background-image: url("./images/menu_bleu.png");
}


#contenu nav#menus h3.menu_orange
{
	background-image: url("./images/menu_orange.png");
}

#contenu nav#menus ul
{
	list-style-type: none;
}

#contenu nav#menus ul li
{
	background-image: url("./images/menu.png");
	background-repeat: no-repeat;
	width: 201px;
	height: 25px;
	font-weight: bold;
}

#contenu nav#menus ul li a
{
	display: block;
	width: 157px;
	height: 19px;
	padding: 6px 0 0 44px;
	color: #ffffff;
}

#contenu nav#menus ul li a:hover
{
	text-decoration: none;
	color: #ffcccc;
}

#contenu nav#menus .menu_bas
{
	background-image: url("./images/menu_bas.png");
	background-repeat: no-repeat;
	width: 201px;
	height: 22px;
}

nav#menus #connexion
{
	width: 201px;
	padding: 12px 0 8px;
}

nav#menus #connexion p
{
	padding-bottom: 4px;
	text-align: center;
}

nav#menus #connexion input
{
	width: 167px;
	padding: 2px;
}

nav#menus #connexion input.submit_menu
{
	width: auto;
	padding: 1px 10px;
	margin: 0 auto;
}

#contenu #textes
{
	float: left;
	background-image: url("./images/textes.png");
	background-repeat: repeat-y;
	width: 569px;
	margin: 40px 0 20px;
	font-size: 12px;
	line-height: 16px;
	color: #063F68;
}

#contenu #textes_haut
{
	background-image: url("./images/textes_haut.png");
	background-repeat: no-repeat;
	width: 569px;
}

#contenu #textes_bas
{
	background-image: url("./images/textes_bas.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 519px;
	padding: 0 25px 1em;
	min-height: 130px;
}

#contenu #textes h1
{
	background-image: url("./images/h1.png");
	background-repeat: no-repeat;
	width: 490px;
	height: 23px;
	padding: 6px 0 1em 29px;
	margin: 0 auto;
	font-size: 14px;
	color: #ffffff;
	cursor: default;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
}

#contenu #textes h2
{
	background-image: url("./images/h2.png");
	background-repeat: repeat-x;
	background-position: left center;
	color: #053f68;
	font-size: 14px;
	width: 500px;
	padding-left: 19px;
	margin: 1em 0;
	cursor: default;
}

#contenu #textes h2 span
{
	background-color: #ffffff;
	padding: 0 10px;
}

#contenu #textes p, #contenu #textes ul
{
	font-size: 12px;
	line-height: 16px;
	color: #063f68;
	text-align: justify;
}

#contenu #textes ul, #contenu #textes ol
{
	padding: 0 0 1em 2em;
}

#contenu #textes a
{
	font-weight: bold;
}

#contenu #textes a:hover
{
	text-decoration: none;
	color: #28618a;
}

#contenu #textes p.banniere
{
	text-align: center;
	padding: 1em 0;
}

#contenu #textes p.image
{
	background-image: url("./images/bg_image.png");
	background-repeat: no-repeat;
	width: 221px;
	height: 128px;
	padding: 5px 12px 13px 6px;
}

#contenu #textes .left
{
	float: left;
	margin-right: 1em;
}

#contenu #textes .right
{
	float: right;
	margin-left: 1em;
}

#contenu #textes hr
{
	background-image: url("./images/separation.png");
	background-repeat: no-repeat;
	width: 519px;
	height: 12px;
	margin-bottom: 1em;
	border: 0;
}

#contenu #textes .breves
{
	width: 300px;
	float: right;
	margin: 1px 0 4px 10px;
	font-size: 11px;
	background-color: #cee3f6;
	border: 1px solid #abd5fc;
}

#contenu #textes .breves h4
{
	background-color: #58ACFA;
	padding: 2px 0;
	text-align: center;
	text-transform: uppercase;
	cursor: default;
	color: #ffffff;
	font-size: 15px;
}

#contenu #textes .breves h4 a
{
	display: inline;
	padding: 0;
	font-weight: bold;
	color: inherit;
	border: 0;
}

#contenu #textes .breves h4 a:hover
{
	background-color: transparent;
	color: #EFFBFB;
}

#contenu #textes .breves h4 img
{
	vertical-align: -1px;
}

#contenu #textes .breves a
{
	display: block;
	color: #084B8A;
	padding: 4px 0 4px 5px;
	font-weight: normal;
	border-top: 1px solid #abd5fc;
}

#contenu #textes a.liensite
{
	background-color: #fcf5e1;
	color: #d60000;
}

#contenu #textes .breves a.pair
{
	background-color: #e1eef9;
}

#contenu #textes a.liensite:hover
{
	background-color: #f3dd9c
}

#contenu #textes .breves a:hover
{
	background-color: #abd5fc;
	text-decoration: none;
}

#contenu #textes .breves .date
{
	float: left;
	width: 30px;
	text-align: center;
	padding: 0 5px 0 0;
	font-size: 11px;
	color: #0080FF;
}

#contenu #textes .breves_actu
{
	border: 0;
	margin: 0 10px 0 10px;
	font-size: 14px;
	background-color: #F8EBC2;
}

#contenu #textes .breves_actu a
{
	display: block;
	padding: 4px 0 4px 2px;
}

#contenu #textes .breves_actu a:hover
{
	background-color: #f3dd9c;
	text-decoration: none;
	color: #d60000;
}

#contenu #textes .breves_actu .date
{
	float: left;
	text-align: right;
	padding: 0 5px;
	font-size: 14px;
	color: #a3820e;
}

#contenu #textes .breves_mini
{
	float: left;
	width: 32%;
	font-size: 12px;
	margin: 0 3px 1em;
	border: 0;
}

#contenu #textes .breves_mini .date
{
	font-weight: bold;
}

#contenu #textes p.date {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 1em;
	margin: 0;
	cursor: default;
}

#contenu #textes p.erreur, #contenu #textes p.valide {
	padding: 4px 6px;
	margin-bottom: 1em;
	text-indent: 0;
	text-align: center;
}

#contenu #textes p.erreur {
	background-color: #ffc8c8;
	color: #960000;
	border: 1px solid #ff0000;
}

#contenu #textes p.valide {
	background-color: #bcf3bc;
	color: #007800;
	border: 1px solid #007800;
}

#contenu #textes .cadre_haut
{
	background-image: url("./images/cadre_haut.png");
	background-repeat: no-repeat;
	width: 510px;
	height: 42px;
	padding: 14px 21px 0 115px;
}

#contenu #textes .cadre_haut h2
{
	background: none;
	min-width: none;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	float: left;
}

#contenu #textes .cadre_haut h2 a
{
	padding: 0 10px;
}

#contenu #textes .cadre_haut h2 span
{
	background-color: transparent;
}

#contenu #textes .cadre_haut h2 a:hover
{
	text-decoration: none;
	color: #d72000;
}

#contenu #textes .cadre_haut .note
{
	float: right;
	margin-top: -15px;
	padding: 0;
}

#contenu #textes .cadre_haut p
{
	float: right;
	padding-top: 1px;
	font-size: 14px;
}

#contenu #textes .cadre_haut p a:hover
{
	text-decoration: none;
	color: #d72000;
}

#contenu #textes .cadre_centre
{
	background-image: url("./images/cadre_centre.png");
	background-repeat: repeat-y;
	width: 596px;
	padding: 10px 25px;
}

#contenu #textes p.font_fourteen
{
	font-size: 14px;
	line-height: 20px;
}

#contenu #textes .cadre_bas
{
	background-image: url("./images/cadre_bas.png");
	background-repeat: no-repeat;
	width: 646px;
	height: 19px;
	padding-bottom: 14px;
}

#contenu #textes p.pages
{
	cursor: default;
}

#contenu #textes p.pages a
{
	color: #d72000;
}

#contenu #textes p.pages a:hover
{
	color: #F5340A;
	text-decoration: none;
}

/* Début des styles "sites du moment" pour la page d'accueil */

#contenu #textes table.sites_mom
{
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 1em 0;
}

#contenu #textes table.sites_mom td
{
	padding: 0 10px;
}

#contenu #textes table.sites_mom img
{
	padding: 2px;
}

#contenu #textes table.sites_mom a img, #contenu #textes .image_fiche a img
{
	border: 4px solid #AA004C;
}

#contenu #textes table.sites_mom a img:hover, #contenu #textes .image_fiche a img:hover
{
	border: 4px solid #FA119C;
}

/* Début des styles contenus dans les fiches */

#contenu #textes .image_fiche {
	float: left;
	padding: 0 7px 0 0;
}

#contenu #textes .image_fiche img {
	width: 180px;
	height: 135px;
	padding: 3px;
}

#contenu #textes .image_fiche .signaler
{
	width: 160px;
	background-color: #FFDCFF;
	text-align: center;
	margin: 6px auto 0;
	font-size: 14px;
	vertical-align: middle;
}

#contenu #textes .image_fiche .signaler a
{
	display: block;
	border: 1px solid #b90000;
	padding: 2px 0;
	color: #850000;
}

#contenu #textes .image_fiche .signaler a:hover
{
	text-decoration: none;
	border: 1px solid #fc3330;
}

#contenu #textes .image_fiche .signaler img
{
	border: 0;
	width: 25px;
	height: 25px;
	padding: 0;
	vertical-align: -8px;
}

#contenu #textes .image_fiche .signaler img:hover
{
	border: 0;
}

#contenu #textes .image_fiche1 {
	float: right;
	padding: 0 0 0 7px;
}

#contenu #textes p.image_fiche1 img {
	width: 180px;
	height: 135px;
	padding: 3px;
}

#contenu #textes p.image_fiche1 a img {
	border: 4px solid #e0be6e;
}

#contenu #textes p.image_fiche1 a img:hover {
	border: 4px solid #cc0300;
}

#contenu #textes p.note_fiche {
	float: right;
	padding: 0 0 0 7px;
}

#contenu #textes p.liens {
	font-size: 14px;
	text-align: center;
	padding: 1em 0 0;
	clear: both;
	font-weight: bold;
	cursor: default;
}

#contenu #textes p.liens a:hover {
	text-decoration: none;
	color: #816337;
}

#contenu #textes .motscles {
	font-style: italic;
	padding-top: 8px;
}

#contenu #textes .sep_fiches {
	height: 1em;
}

#contenu #textes img.image_top {
	width: 180px;
	height: 135px;
}

/* Début formulaire */

#contenu #textes .formulaire p
{
	font-size: 14px;
	line-height: 24px;
}

#contenu #textes .formulaire input, #contenu #textes .formulaire textarea
{
	font-family: Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, Serif;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #cccccc;
	padding: 3px 4px;
	width: 70%;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
}

#contenu #textes .formulaire textarea
{
	width: 500px;
	height: 140px;
	resize: vertical;
}

#contenu #textes .formulaire input.submit
{
	width: auto;
	background-color: #eeeeee;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
	border-radius: 6px;
	color: #505050;
	border: 1px solid #c8c8c8;
}

#contenu #textes .formulaire input.code
{
	width: 100%;
}

#contenu #textes .formulaire input.submit:hover
{
	background-color: #999999;
	color: #ffffff;
	border: 1px solid #aaaaa;
}

#contenu #textes .formulaire p.captcha
{
	float: right;
	width: 60%;
	margin-right: 20px;
}

/* Fin formulaire */

#contenu #textes ol.liste_commentaires li {
	border-bottom: 1px solid #b4b4b4;
	padding-top: 1em;
}

#contenu #textes ol.liste_commentaires li p, #contenu #textes ol.liste_commentaires li p.pseudo {
	font-size: 12px;
	line-height: 16px;
}

#contenu #textes ol.liste_commentaires li p.pseudo em {
	color: gray;
}

/* [Début] Cadre de partage d'une fiche */

#contenu #textes .share
{
	background-color: #FFDCFF;
	border: 1px solid #b90000;
	padding: 25px 0;
	margin: 1em 0;
}

#contenu #textes table.table_share
{
	padding: 14px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

#contenu #textes table.table_share td
{
	padding: 0 25px;
	vertical-align: top;
}

/* [Fin] Cadre de partage d'une fiche */

#contenu #textes table.tableau_sites
{
	width: 100%;
	text-align: center;
	margin: 1em 0;
	font-size: 12px;
	line-height: 16px;
	color: #063f68;
}

/* [Début] Tableaux de classement de votes */

#contenu #textes table.classement_votes
{
	width: 80%;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
}

#contenu #textes table.classement_votes tr th
{
	background-color: #0194F5;
	color: #ffffff;
	padding: 4px 0;
	font-size: 15px;
	cursor: default;
	font-family: Georgia, Arial;
	font-weight: normal;
	font-style: italic;
}

#contenu #textes table.classement_votes tr th, #contenu #textes table.classement_votes tr td
{
	border: 1px solid #64BEE6;
}

#contenu #textes table.classement_votes tr td
{
	background-color: #D6EFFC;
	padding: 4px 2px;
	font-size: 14px;
}

#contenu #textes table.classement_votes tr:hover td
{
	background-color: #D2E6F5;
}

#contenu #textes table.classement_votes tr td img
{
	width: 80px;
	height: 60px;
}

#contenu #textes table.classement_votes tr td.bouton_vote a
{
	display: block;
	background-image: url("./images/btn_top.png");
	background-repeat: no-repeat;
	width: 42px;
	height: 25px;
	padding: 7px 0 0 0;
	margin: 0 auto;
	color: #ffffff;
}

#contenu #textes table.classement_votes tr td.bouton_vote a:hover
{
	color: #D2E6F5;
}

/* [Fin] Tableaux de classement de votes */

#contenu #textes #messages_mur h3
{
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	padding: 3px 0 3px 8px;
	margin: 4px 0;
	cursor: default;
}

#contenu #textes #messages_mur p
{
	text-indent: 1em;
}

#contenu #pub_droite
{
	float: right;
	width: 160px;
	padding-top: 58px;
	text-align: center;
}

#contenu #pub_droite p
{
	padding-bottom: 2em;
}

#contenu #pub_droite #recherche
{
	padding-bottom: 14px;
}

#contenu #pub_droite #recherche input#input_form
{
	width: 121px;
	padding: 1px 2px;
}

#contenu ul#rss
{
	padding: 0;
	list-style-type: none;
}
#contenu ul#rss li
{
	border-bottom: 1px dotted #7fb9e2;
	padding: 8px 4px 4px 4px;
}

#contenu ul#rss li p
{
	padding: 0;
}

#contenu ul#rss li p.titre_rss
{
	float: left;
}

#contenu ul#rss li p.titre_rss img
{
	padding-right: 4px;
	vertical-align: -5px;
}

#contenu ul#rss li p.logo_rss
{
	float: right;
}

#contenu_bas
{
	background-image: url("./images/contenu_bas.png");
	background-repeat: no-repeat;
	width: 1000px;
	height: 17px;
	margin: 0 auto;
	padding-bottom: 14px;
}

footer
{
	background-image: url("./images/footer.png");
	background-repeat: no-repeat;
	width: 1000px;
	height: 60px;
	padding: 3px 4px 4px;
	margin: 0 auto;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 0 2px #000000;
	cursor: default;
}

footer table
{
	width: 100%;
	height: 100%;
	text-align: center;
	border-collapse: collapse;
}

footer a
{
	color: #ffffff;
}

footer a#footplayers
{
	color: #ffffff;
}

footer a:hover
{
	text-decoration: none;
	color: #97e62d;
}

#footer
{
	width: 1000px;
	margin: 0 auto;
	color: #98c5e0;
	padding: 14px 0;
}

#footer .col
{
	float: left;
	width: 249px;
	padding: 10px 0 0 0;
	border-left: 1px solid #98c5e0;
	border-right: 1px solid #98c5e0;
	margin-left: -1px;
}

#footer .col h4
{
	text-align: center;
	font-size: 14px;
	padding-bottom: 14px;
	text-transform: uppercase;
	cursor: default;
}

#footer .border_left
{
	border-left: 0;
}

#footer .border_right
{
	border-right: 0;
}

#footer .col ul
{
	padding: 0 0 1em 3em;
}

#footer .col ul li
{
	text-decoration: none;
	font-size: 12px;
	padding-bottom: 4px;
}

#footer .col ul li a
{
	font-weight: normal;
	padding: 1px 4px;
	outline: none;
}

#footer .col ul li a:hover
{
	text-decoration: none;
	color: #084B8A;
	background-color: #ABD5FC;
}

#footer p#copy
{
	text-align: center;
	cursor: default;
	color: #a3820e;
}

/* Début recherche */

.element-recherche
	{
		display:block;
		padding:0 5px 20px;
		border-radius:5px;
		position:relative;
		margin-bottom:5px;
		
	}
	
	.element-recherche .image
		{
			float:left;
		}
	
	.element-recherche .image img
		{
			width: 180px;
		}
		
		.element-recherche .infos
			{
				display:block;
				margin-left:190px;
				
			}
			
			.element-recherche .infos .titre_recherche
				{
					display:block;
					font-size:18px;
					border-bottom:1px gray solid;
					padding-bottom:5px;
					margin-bottom:5px;
				}
			
			.element-recherche .infos .titre_recherche a
				{
					font-weight: normal;
				}
				
			.element-recherche .infos .titre_recherche a:hover
				{
					text-decoration: none;
					font-weight: bold;
				}
				
			.element-recherche .infos .description
				{
					display:block;
					color:#737373;
					line-height: 140%;
				}
				
			.element-recherche .infos .description a
				{
					font-weight: bold;
				}
				
			.element-recherche .infos .liens
				{
					text-align: right;
					padding-top: 10px;
				}
				
				.element-recherche .infos .liens a
					{
						margin-left:10px;
					}
/* Fin recherche */