/* Générique */
body 			{ background: #396377; color: #000; font: normal 14px/1.5em arial; margin: 0; padding: 0; }
img 			{ border: 0; }
hr				{ background: #d5dde4; border: 0; color: #d5dde4; display: block; height:1px;  margin: 10px 0; }
hr.epais		{ height:3px; }
hr.bleu_gris2	{ background: #b0beca; color: #b0beca; }
h1				{ font: bold 20px Verdana; margin: 10px 0; }
h3				{ margin: 0 0 20px; }
h4				{ color: #3e3e3e; font: bold 16px Verdana; margin: 10px 0; }
p				{ margin: 10px 0; }

.clearboth 		{ clear: both; }
.clearright 	{ clear: right; }
.clearleft 		{ clear: left; }
.centrer 		{ text-align: center; }
.droite			{ text-align: right; }
.gauche			{ text-align: left; }
.gras			{ font-weight: bold; }
.img_droite		{ float: right; margin: 10px 0 10px 10px; }
.img_gauche		{ float: left; margin: 10px 10px 10px 0; }
.img_centre		{ display: block; margin: 0 auto; }
.img_milieu		{ display: inline; vertical-align: middle; }
.img_haut		{ vertical-align: top; }
.inline 		{ display: inline; }
.petit			{ color: #666; font: normal 9px Verdana; }


/* Couleurs */
.gris			{ color: #3e3e3e; }
.bleu			{ color: #40a0cf; }
.bleu_gris1		{ color: #d5dde4; }
.bleu_gris2		{ color: #b0beca; }
.marine			{ color: #234d62; }
.rouge			{ color: #ba001e; }
.jaune			{ color: #777719; }

/* Liens */
a,
a:visited		{ color: #40a0cf; font-weight: bold; text-decoration: none; }
a:hover			{ color: #234d62; text-decoration: underline; }
a.nav,		
a.nav:visited	{ color: #666; }
a.nav:hover		{ color: #999; }


/* Layout */
#topbar_fond		{ background: url(/templates/front/gfx/topbar.png); height: 49px; }
#main_fond			{ background: #fff; }
#main				{ margin: 0 auto; width: 970px; }
#header				{ padding: 0; height: 64px; }
#menu				{ background: url(/templates/front/gfx/menu_fond.png); clear: both; color: #404c52; font: bold 12px Verdana; height: 34px; width: 970px; }
#inter				{ margin: 10px 0 0; height: 90px; }
#contenu			{ background: url(/templates/front/gfx/contenu_fond.png); clear: both; margin: 5px 0 0; overflow: auto; }
#footer_pub_fond    { background: #fff; }
#footer_fond		{ background: url(/templates/front/gfx/footer_fond.png) repeat-x; clear: both; }


/* Pubs */
#p_lb				{ height: 90px; width: 740px; }
#p_120x600			{ height: 612px; margin: 10px 0 10px 10px; width: 120px; }
#p_160x600			{ height: 612px; margin: 10px 0 10px 10px; width: 160px; }
#p_300x600			{ height: 612px; margin: 10px 0 10px 10px; width: 300px; }
#p_300x250			{ height: 262px; margin: 0 auto 20px; width: 300px; }
#p_300x250 img		{ display: block; }
#p_300x125			{ height: 137px; margin: 0 auto 20px; width: 300px; }
#p_300x125 img		{ display: block; }
.p_google468		{ margin: 0 0 15px; }


/* Header */
#logo				{ float: left; height: 64px; width: 576px; }
#header_icones		{ float: right; margin: 30px 0 0; }


/* Menu principal */
#menu ul			{ display: inline; margin: 0; padding: 0; }
#menu ul li			{ border-bottom: 3px solid #404c52; display: block; float: left; height: 16px; margin: 0; padding: 10px 20px 5px; }
#menu ul li.sep		{ padding-left: 0; padding-right: 0; }
#menu ul li.actif	{ background: #404c52; }
#menu ul li.prix	{ background: #f60; }
#menu a,
#menu a:visited		{ color: #404c52; }
#menu a.actif		{ color: #eee; }
#menu a.prix		{ color: #fff; }
#menu a.hover		{ color: #ffeb7e; text-decoration: none; }


/* Topbar */
#topbar				{ color: #aaa; font: normal 14px Arial; height: 50px; margin: 0 auto; padding: 0; width: 970px; }
#topbar ul			{ display: inline; margin: 0; padding: 0; }
#topbar ul li		{ display: block; float: left; height: 38px; margin: 0; padding: 12px 30px 0; }
#topbar ul li.sep	{ padding-left: 0; padding-right: 0; }
#topbar ul li.actif	{ background: url(/templates/front/gfx/topbar_selected.png) center no-repeat; }
#topbar a,
#topbar a:visited	{ color: #ccc; }
#topbar a.actif		{ color: #fff; }
#topbar a.hover		{ text-decoration: underline; }


/* Recherche & Profil */
#profil							{ background: #d5dde4; float: right; font: bold 12px/1.5em Arial; height: 70px; padding: 10px 5px; width: 210px; }
#profil	p						{ margin: 2px 0; padding: 0; }
#profil #recherche				{ display: inline; }
#profil #connexion				{ display: none; }
#profil form					{ font: bold 11px Arial; margin: 0; padding: 0 5px; width: 200px; }
#profil fieldset				{ margin: 0; padding: 0; }
#profil form label				{ display: none; }
#profil form input.text,
#profil form input.login,
#profil form input.password,
#profil form input.submit		{ border: 1px solid #234d62; color: #666; font: normal 12px Arial; padding: 2px; margin: 0; }
#profil form input.password,
#profil form input.text			{ margin: 0 5px 0 0; width: 160px; }
#profil form input.submit		{ height: 21px; color: #234d62; font: normal 11px Arial; padding: 2px 3px; width: 28px; }
#profil form input.login		{ width: 196px; }
#profil	hr						{ margin: 5px 0; }
#profil img.membre				{ float: left; margin: 3px 5px 0 0; }
#profil a,
#profil a:visited				{ color: #234d62; }
#profil a.petit					{ font: normal; color: #666; }


/* Membres */
#membres form,
#membres form input				{ font: normal 11px Georgia; }


/* Concours */
#concours form,
#concours form select,
#concours form input				{ font: normal 12px Georgia; }
#concours table						{ border-collapse: collapse; width: 100%; }
#concours table td					{ padding: 5px 10px; border-bottom: 1px solid #999; }
#concours table td p				{ margin: 3px 0; }
#concours table thead td			{ font-weight: bold; background: #468; color: #fff; font-weight: bold; text-align: center; }


/* Contact */
#contact form,
#contact form textarea,
#contact form input.text		{ font: normal 11px Georgia; }
#contact form,
#contact form p					{ width: 560px; }
#contact form textarea,
#contact form input.text		{ font: normal 11px Georgia; width: 360px; }
#contact form textarea			{ height: 400px; }


/* Footer */
#footer						{ background: url(/templates/front/gfx/footer_fleche.png) no-repeat 8px 0; color: #fff; font: normal 12px/1.5em Trebuchet MS, Verdana; margin: 0 auto; padding: 40px 0 75px; width: 970px; }
#footer a,
#footer a:visited			{ color: #fff; font-weight: normal; }
#footer a:hover				{ color: #b0beca; text-decoration: none; }
#footer a.copyright,
#footer a.copyright:visited	{ font-weight: bold; }
#footer img.logo			{ float: left; }
#footer p.copyright			{ float: left; margin: 0 7px; width: 900px; }
#footer_pub                 { border: 1px solid #999; clear: both;  height: 90px; margin: 0 auto; overflow: none; width: 750px; }
#menu_footer				{ border-top: 1px solid #999; border-bottom: 1px solid #999; clear: both; margin: 5px 0 0; overflow: hidden; padding: 2px 0 3px; width: 970px; }
#menu_footer ul				{ display: inline; margin: 0; padding: 0; }
#menu_footer ul li			{ display: block; float: left; margin: 0; padding: 0 10px; }
#menu_footer ul li.sep		{ padding-left: 0; padding-right: 0; }
#footer_colonnes							{ clear: both; margin: 20px 0 0; overflow: auto; }
#footer_colonnes .footer_colonne			{ float: left; width: 310px; }
#footer_colonnes .footer_colonne h6			{ font: bold 13px Trebuchet MS, Verdana; margin: 10px 0; }
#footer_colonnes .footer_colonne a,
#footer_colonnes .footer_colonne a:visited	{ color: #60c7fa; }
#footer_colonnes .footer_colonne a:hover	{ color: #fff; text-decoration: none; }
#footer_impression							{ clear: both; }


/* Titres */
div.titre1				{ clear: both; color: #fff; font: bold 14px Verdana; margin: 10px 0; padding: 2px 5px; }
div.titre1 span			{ float: right; }
div.titre1_bleu			{ background: #40a0cf; }
div.titre1_gris			{ background: #404c52; }


/* Centre */
#centre					{ float: left; padding: 0 20px 10px 0; width: 600px; }


/* Fil d'ariane */
#fil_dariane			{ border-bottom: 1px dotted #ccc; font: normal 11px Trebuchet MS, Verdana; font-style: italic; margin: 5px 0 0; padding: 2px; text-transform: lowercase; }
#fil_dariane a,
#fil_dariane a:visited	{ font-weight: normal; color: #666; }


/* Contributions */
#contenu #contribs h4					{ color: #39c; display: block; font: bold 20px Georgia; margin: 20px 0 10px; text-transform: lowercase; }
#contenu #contribs h5					{ color: #666; display: inline; font: bold 18px Georgia; margin: 10px 0; text-transform: lowercase; }
#contenu #contribs .contrib				{ margin: 0 0 20px; }
#contenu #contribs .contribs_infos		{ color: #999; font: normal 11px Georgia; }
#contenu #contribs .contribs_infos img	{ display: inline; }
#contenu #contribs .contribs_texte		{ margin: 10px 20px 0px; padding: 5px; }
#contenu #contribs .normal				{ background: #f6f6f6; border-color: #ddd; border-style: solid; border-width: 1px 1px 1px 5px; }
#contenu #contribs .important			{ background: #fed; border-color: #f93; border-style: solid; border-width: 1px 1px 1px 5px; }
#contenu #contribs .reponse				{ background: #fff; border-width: 0 0 0 5px; font: normal 12px/1.5em Georgia; margin: 0px 20px 0px; padding: 5px; }
#contenu #contribs .reponse_titre		{ color: #234d62; display: block; font: bold 11px/1.5em Georgia; margin: 5px 0; }
#contenu #contribs form 	 			{ color: #666; font: normal 11px/1.5em Georgia; width: 570px; }
#contenu #contribs form label 			{ display: inline; float: none; margin: 0; padding: 0; width: auto; }
#contenu #contribs form p				{ width: 570px; }
#contenu #contribs form textarea 		{ font: normal 12px/1.5em Georgia; height: 300px; width: 560px; }


/* Textes : vignettes dossiers */
#contenu #derniers_articles .vignette		{ float: left; font: bold 12px Arial; margin: 0 8px 0 0; width: 142px; }
#contenu #derniers_articles .vignette img	{ border: 1px solid #3e3e3e; }
#contenu #derniers_articles .dernier		{ margin-left: 0; }
#contenu #derniers_articles a,
#contenu div#derniers_articles a:visited	{ color: #333; }
#contenu div#derniers_articles a:hover		{ color: #40a0cf; text-decoration: none; }


/* Textes : listes */
#contenu #centre .liste_textes 					{ margin: 0 0 20px; } 
#contenu #centre .liste_textes ul, li			{ list-style: none; margin: 0; padding: 2px 0; } 
#contenu #centre .liste_textes ul li a,
#contenu #centre .liste_textes ul li a:visited	{ color: #333; font-weight: normal; } 
#contenu #centre .liste_textes ul li a:hover	{ color: #40a0cf; } 
#contenu #centre .liste_textes li.pair			{ background: #fff; } 
#contenu #centre .liste_textes li.impair		{ background: #eee; } 
#contenu #centre .liste_textes p.titre			{ color: #333; font-weight: bold; margin: 10px 0 0; } 


/* Textes */
#centre .texte							{ clear: both; margin: 0 0 10px; padding: 0 0 10px; }
#centre .texte .texte_infos				{ border-top: 1px #d5dde4 solid; color: #666; font: normal 11px/2em Verdana; overflow: hidden; margin: 0; }
#centre .texte .texte_infos a,
#centre .texte .texte_infos a:visited	{ font-weight: normal; text-decoration: underline; }
#centre .texte .texte_infos a:hover		{ color: #333; }
#centre .texte p.textes_intro_liste		{ font-size: 12px; line-height: 1.5em; margin: 5px 0; }
#centre .texte p.textes_intro_liste	a,
#centre .texte p.textes_intro_liste	a:visited	{ color: #333; font-weight: normal; }
#centre .texte a.tag_resultat,
#centre .texte a.tag_resultat:visited	{ color: #234d62; font-weight: normal; }
#centre .texte h1 						{ font-size: 20px; margin-bottom: 5px; }
#centre .texte h1 a,
#centre .texte h1 a:visited				{ color: #234d62; }
#centre .texte h1 a:hover				{ color: #40a0cf; text-decoration: none; }
#centre .texte h1.liste					{ display: inline; font-size: 14px;  }
#centre .texte h3						{ color: #873340; margin: 15px 0 5px; }
#centre .texte h3 a,						
#centre .texte h3 a:visited				{ color: #234d62; }
#centre .texte .chapo					{ clear: both; font-weight: bold; }
#centre .texte .texte_contenu			{ clear: both; }
#centre .texte p						{ margin: 20px 0 0; }
#centre .texte p						{ margin: 20px 0 0; }
#centre .texte cite						{ display: block; margin: 0 30px; }
#centre .texte .small					{ font: 11px/1.5em Trebuchet MS, Verdana; }
#centre .texte ul, li					{ list-style: disc; }


/* Textes : tableau de base */
#centre .texte table					{ border-collapse: collapse; display: block; font: normal 12px/2em Trebuchet MS, Verdana; margin: 15px 0; }
#centre .texte table caption			{ color: #ba001e; font-weight: bold; }
#centre .texte table thead td			{ font-weight: bold; background: #468; color: #fff; font-weight: bold; }
#centre .texte table td					{ padding: 3px 20px; }				
#centre .texte table tr					{ margin: 0; }
#centre .texte table td,				
#centre .texte table tr					{ border-bottom: 1px solid #bbf; margin: 0; }
#centre .texte table .table_pair		{ background: #f3f3ff; }
#centre .texte table .table_impair		{ background: #eaeaff; }


/* Textes : tableau petit */
#centre .texte table.petit				{ font: normal 10px/2em verdana; }
#centre .texte table.petit td			{ padding: 2px 7px; }				


/* Textes : brèves */
#centre .breve 							{ margin: 0 0 10px; overflow: hidden; padding: 10px; }
#centre .breve_pair						{ background: #fff;  }
#centre .breve_impair					{ background: #eee;  }
#centre .breve h1						{ color: #ba001e; display: inline; font: bold 12px/2em Georgia; }
#centre .breve .breve_titre				{ color: #ba001e; display: inline; font: bold 12px/2em Georgia; }
#centre .breve p						{ display: inline; }
#centre .breve a,
#centre .breve a:visited				{ color: #234d62; text-decoration: underline; }
#centre .breve a:hover					{ color: #40a0cf; }
#centre .breve .breve_infos				{ color: #666; font: normal 11px/2em Trebuchet MS, Verdana; }
#centre .breve .breve_infos a,
#centre .breve .breve_infos a:visited	{ color: #40a0cf; font-weight: normal; text-decoration: underline; }
#centre .breve .breve_infos a:hover		{ color: #333; }


/* Tests du web */
#centre .tests_web						{ clear: both; margin: 10px 0 40px; }
#centre .tests_web h3					{ color: #234d62; font-size: 12px; margin: 2px 0; }
#centre .tests_web h3 a,						
#centre .tests_web h3 a:visited			{ color: #234d62; }

#centre .tests_web .tests_infos				{ border-top: 1px #d5dde4 solid; color: #666; font: normal 11px/2em Trebuchet MS, Verdana; overflow: hidden; margin: 0; }
#centre .tests_web .tests_infos a,
#centre .tests_web .tests_infos a:visited	{ font-weight: normal; text-decoration: underline; }
#centre .tests_web .tests_infos a:hover		{ color: #333; }
#centre .tests_web a.tag_resultat,
#centre .tests_web a.tag_resultat:visited	{ color: #234d62; font-weight: normal; }
#centre .tests_web p.quote					{ font: italic 12px/1.6em Georgia; }
#centre .tests_web img						{ margin: 5px 0; }

#centre .tests_web_produit 					{ background: #fafafa; border: 1px solid #ddd; clear: both; font: normal 11px/1.6em Georgia; margin: 5px 0; overflow: hidden; padding: 5px; }
#centre .tests_web_produit .quote			{ font-style: italic; }


/* Sommaire */
#centre form.texte_sommaire select,
#centre form.texte_sommaire p,
#centre form.texte_sommaire label			{ font: normal 10px Verdana; text-align: left; width: auto; }
#centre form.texte_sommaire					{ border-bottom: 1px dotted #999; border-top: 1px dotted #999; padding: 0 0; margin: 5px 0; width: 100%; }
#centre form.texte_sommaire label			{ font-weight: bold; padding-left: 0; }
#centre form.texte_sommaire p				{ padding: 0 0 10px; }
#centre form.texte_sommaire select			{ width: 400px; }


/* Galerie d'images */
#galerie						{ float: left; margin: 20px auto; width: 500px; }
#galerie img					{ float: left; }
#galerie_vignettes				{ margin: 0 auto; width: 500px; }
#galerie_vignettes .vignette	{ border: 3px solid #999; float: left; margin: 10px; }
#galerie_vignettes .actif 		{ border-color: #ba001e; }



/* Navigation de bas de page */
#nav_bdp					{ font-size: 12px; margin: 0 0 10px; overflow: hidden; padding: 0; width: 590px; }
#nav_bdp_precedent			{ float: left; margin: 0 5px 0 0; text-align: left; width: 290px; }
#nav_bdp_suivant			{ float: right; margin: 0 0 0 5px; text-align: right; width: 290px; }


/* Colonne de droite */
#colonne_droite							{ float: left; padding: 0 10px 0 20px; width: 320px; }
#colonne_droite	.module 				{ color: #3e3e3e; font: normal 12px/1.7em Arial; margin: 0 0 10px; overflow: hidden; }
#colonne_droite	.module p				{ margin: 5px 0; }
#colonne_droite	.module a,
#colonne_droite	.module a:visited		{ color: #3e3e3e; font-weight: normal; text-decoration: none; }
#colonne_droite	.module a:hover			{ color: #234d62; text-decoration: underline; }
#colonne_droite	.module ul				{ margin: 0; padding: 0; list-style: none; }
#colonne_droite	.module li				{ border-bottom: 1px solid #d5dde4; margin: 0; padding: 0; }
#colonne_droite	.module li.breves		{ padding: 5px; }
#colonne_droite	.module li.breves .breve_titre	{ color: #ba001e; font-weight: bold; font-style: italic; tedxt-decoration: underline; }
#colonne_droite	.module li.breves a,
#colonne_droite	.module li.breves a:visited	{ }
#colonne_droite	.module li.breves a:hover	{  }
#colonne_droite	.module li.breves_masque	{ display: none; }
#colonne_droite	.module li.impair		{ background: #f6f6f6; }
#colonne_droite	.module a.suite,
#colonne_droite	.module a.suite:visited	{ color: #234d62; font-weight: bold; }
#colonne_droite	.module a.mot_cle		{ font: normal 14px/1.6em Arial; }
#colonne_droite #p_120x600				{ float: right; }
#colonne_droite #p_160x600				{ float: right; }