@charset "utf-8";
@font-face {
	font-family: 'Open Sans Bold';
	src: url("./fonts/OpenSans-Bold.eot?v=1.1.0");
	src: url("./fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("./fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("./fonts/OpenSans-Bold.svg?v=1.1.0#OpenSansBold") format("svg");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Serif';
	src: url("./fonts/NotoSerif-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
*{
	margin: 0;
	padding: 0;
}

body
{
	background-image: url("./images/bg.png");
	background-position: center top;
	background-color: #092907;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
	font-size: 12px;
}

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/bg_header.png");
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 225px;
	margin: 0 auto;
}

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

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

#contenu
{
	background-image: url("./images/contenu.png");
	background-repeat: repeat-y;
	background-position: 28px center;
	width: 975px;
	margin: 0 auto;
}

nav#menus
{
	float: left;
	background-image: url("./images/menu.png");
	background-repeat: repeat-y;
	background-position: right bottom;
	background-color: transparent;
	width: 241px;
}

nav#menus h3
{
	background-image: url("./images/titre_menu.png");
	background-repeat: no-repeat;
	width: 191px;
	height: 25px;
	padding: 7px 0 0 50px;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 0 0 4px #000000;
	cursor: default;
}

nav#menus ul
{
	list-style-type: none;
	background-image: url("./images/menus.png");
	background-repeat: no-repeat;
	background-position: 29px bottom;
	width: 211px;
	padding: 4px 0 16px 30px;
}

nav#menus ul li
{
	padding-bottom: 1px;
}

nav#menus ul li a
{
	display: block;
	background-image: url("./images/puce.png");
	background-repeat: no-repeat;
	width: 171px;
	height: 20px;
	padding: 6px 0 0 40px;
	color: #ffffff;
}

nav#menus ul li a:hover
{
	text-decoration: none;
	font-weight: bold;
}

#textes
{
	float: left;
	background-image: url("./images/textes.png");
	background-repeat: no-repeat;
	background-color: #f4f4f4;
	width: 685px;
	padding: 0px 20px 14px;
	color: #5d5741;
}

#textes .publicite
{
	clear: both;
	background-image: url("./images/publicite.png");
	background-repeat: no-repeat;
	width: 478px;
	height: 65px;
	padding: 5px 0 14px 32px;
	margin: 0 auto;
	
}

#textes h1
{
	background: none;
	font-size: 21px;
	color: #2a2a2a;
	text-shadow: none;
	width: auto;
	height: auto;
	float: none;
	border-left: 3px solid #040404;
	border-bottom: 1px dotted #040404;
	padding: 6px 0px 6px 10px;
	margin-bottom: 1em;
	font-family: "Open Sans Bold", Arial, Sans-serif;
	cursor: default;
}

#textes h2, #textes h2.titre
{
	background-image: url("./images/titre.png");
	background-repeat: no-repeat;
	background-position: right top;
	width: 685px;
	height: 42px;
	padding: 22px 0px 14px 29px;
	color: #ffffff;
	text-shadow: 0 0 4px #000000;
	font-size: 14px;
	cursor: default;
}

#textes h3.h3
{
	font-family: "Noto Serif", Arial, Sans-Serif;
	font-size: 18px;
	line-height: 1.5;
	border-bottom: 1px solid gray;
	margin-bottom: 14px;
	cursor: default;
	padding: 0 0 0 10px;
}

#textes .titre a:hover
{
	text-decoration: none;
	color: #ddd;
}

#textes p, #textes ul
{
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 1em;
	text-align: justify;
	color: #5d5741;
}

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

#textes p
{
	text-align: justify;
	
}

#textes p a, #textes ul a
{
	font-weight: bold;
}

#textes p.important
{
	color: #b80105;
	font-weight: bold;
}

#textes p.important a
{
	text-decoration: underline;
}

#textes p.important a:hover
{
	color: #eb292d;
}

#textes p.image
{
	background-image: url("./images/bg_image.png");
	background-repeat: no-repeat;
	width: 210px;
	height: 152px;
	padding: 3px 10px 14px 3px;
	text-indent: 0;
}

#textes p.image img, #textes p.image a img
{
	width: 210px;
	height: 152px;
}

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

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

#textes .news
{
	font-size: 14px;
	line-height: 20px;
}

#textes .news img
{
	display: block;
	margin: 0px auto -14px;
}

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

footer a:hover
{
	color: #fff;
	text-decoration: none;
}
.breves
{
	width: 100%;
	margin: 0 0 14px;
	font-size: 12px;
	background-color: #b80105;
}

.breves h4
{
	background-color: #117d09;
	padding: 2px 0;
	text-align: center;
	text-transform: uppercase;
	cursor: default;
	color: #fff;
	font-size: 15px;
}

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

.breves h4 a:hover
{
	background-color: #22CB00;
	font-weight: bold;
}

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

.breves a
{
	display: block;
	padding: 4px 0 4px 5px;
	font-weight: normal;
	color: #fff;
}
.liensite
{
	background-color: #fcf5e1;
	color: #d60000;
}

.liensite:hover
{
	background-color: #f3dd9c
}

.breves a:hover
{
	background-color: #eb292d;
	text-decoration: none;
	font-weight: bold;
}

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

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

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

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

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

.bloc_breves
{
	display: flex;
	justify-content: space-between;
}

.breves_mini
{
	width: 220px;
	font-size: 12px;
}

.breves_mini .date
{
	font-weight: bold;
}
/* Début des styles "sites du moment" pour la page d'accueil */

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

.sites_mom td
{
	padding: 0 10px;
}

.sites_mom img
{
	padding: 2px;
}
/* Début des styles contenus dans les fiches */

.image_fiche {
	float: left;
	padding: 0px 14px 0px 0;
}

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

.image_fiche a img, .sites_mom a img {
	border: 4px solid #117d09;
}

.image_fiche a img:hover, .sites_mom a img:hover {
	border: 4px solid #22CB00;
}

.image_fiche .signaler
{
	width: 160px;
	background-color: #117d09;
	text-align: center;
	margin: 6px auto 0;
	font-size: 14px;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
}

.image_fiche .signaler a
{
	display: block;
	border: 1px solid #fff;
	padding: 2px 0;
}

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

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

.image_fiche .signaler img:hover
{
	border: 0;
}

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

.image_fiche1 img {
	width: 180px;
	height: 135px;
	padding: 3px;
}

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

.image_fiche1 a img:hover {
	border: 4px solid #cc0300;
}
#contenu p.note_fiche {
	float: right;
	padding: 0 0 0 7px;
}
.liens {
	width: 68%;
	float: right;
	font-size: 14px;
	text-align: center;
	padding: 0;
	clear: right;
	color: #593b0f;
	font-weight: bold;
	cursor: default;
}

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

.motscles {
	font-style: italic;
	padding-top: 8px;
}
.share
{
	background-color: #117d09;
	border: 1px solid #d60000;
	padding: 25px 0;
	margin-bottom: 2em;
	color: #fff;
}

.table_share
{
	padding: 14px 5px 5px 5px;
	margin: 0 auto;
	text-align: center;
}

.table_share td
{
	padding: 0 25px;
	vertical-align: top;
}
.topvotes {background: url('images/btn_top.png') top center no-repeat; width: 42px; height: 32px; border: none;}

.nbvotes { float:center;margin-top:10px;width: 40px; height: 30px; color:white;text-align:center;vertical-align:middle;font-size:11px;font-weight:bold;position:absolute;}

.topvotes2 {background: url('./images/btn_top2.png') top center no-repeat; width: 52px; height: 52px; border: none;margin-top:-3px;margin-left:3px;}

.nbvotes2 { float:center;margin-top:10px;width: 50px; height: 50px; color:white;text-align:center;vertical-align:middle;font-size:11px;font-weight:bold;position:absolute;}

.fiche{
	padding: 0 10px 0 10px;
}
.liste_commentaires li {
	border-bottom: 1px solid #b4b4b4;
	font-size: 14px;
	padding-top: 1em;
	padding: 0 10px 0 10px;
}

.liste_commentaires li p {
	font-size: 14px;
	line-height: 20px;
}

.liste_commentaires li p.pseudo {
	font-size: 12px;
	line-height: 17px;
}

.liste_commentaires li p.pseudo em {
	color: gray;
}
#contenu p.erreur, #contenu p.valide {
	padding: 4px 6px;
	margin-bottom: 1em;
	text-indent: 0;
	text-align: center;
}
#contenu p.erreur {
	background-color: #ffc8c8;
	color: #960000;
	border: 1px solid #ff0000;
}

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

#contenu p.date {
	font-size: 12px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 14px 14px;
	margin: 0;
	cursor: default;
}
.cadre_haut
{
	background-image: url("./images/cadre_haut.png");
	background-repeat: no-repeat;
	width: 610px;
	height: 56px;
	padding: 0 21px 0 15px;
	margin: 0 auto;
}

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

.cadre_haut h2 a
{
	color: #950B09;
	padding: 0 14px;
}

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

.cadre_haut .note
{
	float: right;
	padding: 0;
}

.cadre_haut p
{
	float: right;
	padding-top: 13px;
	font-size: 14px;
	font-weight: bold;
}

.cadre_haut p.image_logo
{
	float: left;
	padding: 0;
}

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

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

#contenu .cadre_centre p.date
{
	padding: 0;
}

#contenu .trait
{
	background-image: url("./images/trait.png");
	background-repeat: repeat-x;
	background-position: center center;
	width: auto;
	height: auto;
	padding: 0 0 0 14px;
	margin-bottom: 14px;
	color: inherit;
	text-shadow: none;
}

#contenu .trait span
{
	background-color: #f4f4f4;
	padding: 0 10px;
}

.font_fourteen
{
	font-size: 14px;
	line-height: 20px;
}

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

#contenu p a:hover
{
	text-decoration: none;
	color: #7B755F;
}

#contenu p.image
{
	float: left;
	background-image: url("./images/fond_image.png");
	background-repeat: no-repeat;
	width: 289px;
	height: 131px;
	padding: 6px 14px 0 6px;
	text-indent: 0;
}

#contenu p.image img
{
	width: 281px;
	height: 123px;
}

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

#contenu table.connexion
{
	font-size: 14px;
	color: #5d5741;
}

#contenu table.connexion tr td
{
	padding: 4px 10px;
}

#contenu table.connexion tr td input
{
	padding: 2px;
	font-size: 14px;
}
/* Début formulaire */

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

.formulaire input, #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;
}

.formulaire textarea
{
	width: 600px;
	height: 140px;
	resize: vertical;
}

.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;
}

.formulaire input.code
{
	width: 100%;
}

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

.formulaire p.captcha
{
	float: right;
	width: 70%;
	margin-right: 20px;
}

/* 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
				{
					display:block;
					font-size:22px;
					border-bottom:1px #593B0F solid;
					padding-bottom:5px;
					margin-bottom:5px;
					color:#593B0F;
				}
			
			.element-recherche .infos .titre a
				{
					font-weight: bold;
				}

			.element-recherche .infos .titre a:hover
				{
					text-decoration: none;
					color: #7B755F;
				}
				
			#contenu .element-recherche .infos p.description
				{
					display:block;
					font-size: 12px;
					line-height: 17px;
				}
				
			.element-recherche .infos .liens
				{
					text-align: right;
					padding-top: 10px;
				}
				
				.element-recherche .infos .liens a
					{
						margin-left:10px;
					}
/* Fin recherche */
#input_form
{
	background-color: #fff;
	width: 138px;
	font-size: 14px;
	color: #000;
	border: 1px solid #fff;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#input_form:hover, #submit_form:hover
{
	background-color: #fff;
}
#submit_form
{
	background-color: #117d09;
	color: #482512;
	border: 1px solid #b80105;
	padding: 1px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}