body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
@media (max-width: 640px) {
 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
}
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   max-width: 315px;
   box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 }
 /* gestion des mots longs */
 textarea, td, th, code, pre, samp {
   max-width: 320px;
   word-wrap: break-word; /* passage à la ligne forcé */
   hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; /* césure propre */
 }
 textarea, input {
	max-width: 315px;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }
 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }
 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 /* Un message personnalisé */
 body::before {
   content: "Version mobile beta du site achigan.net";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
}
a, a:visited, a:hover,.lien {
	color: #374732;
	cursor: pointer;
	text-decoration: underline;
}
form {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 15px;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul, ol {
	padding-left: 25px;
}
#accept_cookies {
	z-index: 1000;
	padding: 7px;
	background-color: rgba(0, 102, 0, 0.5);
	font-size: 11px;
	font-weight: bold;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#accept_cookies a {
	color: white;
	font-weight: bold;
}
#contenant {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-top-color: #FFFFFF; /* hiver */
}
#entete {
	margin-top: 5px;
}
#bandeau_mobile {
	height: 40px;
	background-color: #035702;
	background-image: url(images/bandeau-mobile.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
}
#bandeau_logo {
	margin-left: 10px;
}
#bandeau_recherche {
	float: right;
	margin: 3px;
}
#q_mobile {
	margin: 0px;
	font-size: 0.8em;
	padding: 1px 5px 1px 5px;
}
.bloc, .rubrique_bloc, .rubrique_bloc_inactif, .popup_body {
	padding: 3px 4px 3px 4px;
	border: 1px solid #99DA96;
	background-color: #DEF5DE;
	background-repeat: repeat-x;
	text-align: left;
	margin: 2px;
	/*min-width: 320px;*/
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
	box-shadow: 0px 1px 5px #BBB;
}
.bloc, .rubrique_bloc, .rubrique_bloc_inactif {
	margin-top: 10px;
}
.sousbloc {
	text-align: center;
}
.separation_sousblocs {
	border-top: 1px solid #99DA96;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 1px;
}
.sousbloc_entete {
	margin-bottom: 1px;
	background-color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
}
.bloc_hide {
	visibility: hidden;
	opacity: 0;
	height: 0px;
}
.bloc_show {
	visibility: visible;
	opacity: 1;
	transition: opacity 1s ease; -ms-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease;
}
#modal .contents
{
	padding: 15px;
}
#modal .close {
	display: block;
	text-align: right;
	margin: 5px 10px 5px 5px;
}
#blind
{
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
}
#modal .window {
	position: fixed;
	z-index: 10000;
	min-width: 200px;
	max-width: 90%;
	min-height: 200px;
	max-height: 90%;
	overflow: scroll;
	/* position the top left corner off stage so it can't be seen (instead of display:none;) */
	left: -1000px;
	top: -1000px;
	background-color: #ffffff;
	box-shadow: 4px 4px 80px #000; -webkit-box-shadow: 4px 4px 80px #000; -moz-box-shadow: 4px 4px 80px #000;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.modal_show {
	opacity: 1;
}
.blind_show {
	opacity: 0.6;
}
.modal_show, .blind_show {
	transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out;
}
.modal_hide, .blind_hide {
	opacity: 0;
	transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out;
}
.liste_sousrubriques_apercu {
	font-size: 11px;
}
.avertissement {
	border: 1px solid #000000;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
.recommandation, .blocinfos {
	margin: 10px;
	padding: 5px;
	font-size: 11px;
	background-color: #C2DDBB;
}
#menu_rubriques {
	margin-top: 5px;
}
.menu_titre, .rubrique_titre {
	color: #374732;
	margin: -3px -4px 3px -4px;
}
.menu_titre {
	font-size: 11px;
	padding: 5px;
}
.rubrique_titre {
	font-size: 16px;
	background-color: #C2DDBB;
	padding: 5px 5px 6px 5px;
	margin-bottom: 5px;
}
.mots_cles_rubrique {
	display: none;
}
#arborescence, #menu, #identification {
	font-size: 12px;
}
#menu {
	background-color: #035702;
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu h2 {
	display: none;
}
#menu, #menu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#menu_lien, #profil_lien {
	margin: 3px;
	border: 0px;
}
#menu_lien img, #profil_lien img {
	vertical-align: middle;
}
#profil_lien {
	float: right;
	bottom: 40px;
	position: relative;
	text-align: right;
	padding-left: 10px;
	padding-right: 5px;
	white-space: nowrap;
}
#popupLogin {
	padding: 10px;
}
#arborescence {
	margin-left: 3px;
}
#pub {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
#pub_deal {
	font-size: 10px;
}
#bas-de-page {
	text-align: center;
}
#accueil {
	font-size: 11px;
}
#image_accueil1 {
	width: 100px;
	float: left;
	margin: 5px 5px 5px 0px;
}
#image_accueil2 {
	width: 100px;
	float: right;
	margin: 5px 0px 5px 5px;
}
#image_accueil3 {
	width: 100px;
	float: left;
	margin: 5px 5px 5px 0px;
}
.imgmini, .imgminileft, .imgminiright {
	border: 1px solid #FFFFFF;
	padding: 3px;
	margin-bottom: 1px;
	margin-top: 1px;
}
.imgleft, .imgright, .imgminileft, .imgminiright, #image_accueil1, #image_accueil2, #image_accueil3 {
	margin-bottom: 5px;
}
.imgleft, .imgminileft, #image_accueil1, #image_accueil3 {
	margin-right: 5px;
}
.imgright, .imgminiright, #image_accueil2 {
	margin-left: 5px;
}
.icone {
	vertical-align: middle;
	margin: 1px 5px 2px 5px
}
.icone_action {
	display: inline-block;
	margin: 2px 4px 2px 4px;
	height: 32px;
	text-align: center;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	background-color: #66CC66;
	padding-right: 5px;
	font-weight: bold;
}
.icone_action a {
	vertical-align: middle;
	line-height: 32px;
}
#univers_tags, .liste_rubriques {
	margin: 0px;
	padding: 0px;
}
.soustexte1, .blocinfos, .tab_cadre {
	font-size: 11px;
}
.soustexte2, .legende_img {
	font-weight: bold;
	font-size: 11px;
}
.liste_sousrubriques_corps, .liste_sousrubriques_corps2, .sousmenu, .sousmenu2, .tag, .sujet_une, .article_titre {
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	padding-left: 0px;
}
.liste_sousrubriques_corps li, .liste_sousrubriques_corps2 li, .sousmenu li {
	background-color: #FFFFFF;
	margin: 1px;
	padding: 5px 5px 5px 15px;
	list-style-type: none;
}
.sousmenu2 {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	text-align: left;
}
.sousmenu2_titre, .sousmenu2_titre_actif {
	margin: 1px;
	padding: 8px 5px 10px 15px;
	list-style-type: none;
}
.sousmenu2_titre_actif, .sousmenu2_titre_actif a {
	background-color: #5E775F;
	color: #EFFFEB;
	font-weight: bold;
	text-decoration: none;
}
.sousmenu2_titre {
	background-color: #66CC66;
}
.sousmenu2_titre h2, .sousmenu2_titre_actif h2, .sousmenu2_titre h3, .sousmenu2_titre_actif h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	display: inline;
}
.univers_tag, .menu_rubrique, .menu_rubrique-hover , .menu_sousrubrique, .menu_sousrubrique-hover {
	display: block;
	padding: 5px;
}
.liste_sousrubriques_corps3, .liste_marques_materiel {
	margin: 5px;
	padding: 5px;
}
.sousrubrique_corps3 {
	display: inline;
	padding: 5px;
}
.sousbloc_identification, .bouton_partenaire {
	display: inline;
	padding: 2px;
}
#ident_pseudo, #ident_mdp, #ident_inscription {
	display: block;
}
#ident_pseudo_label, #ident_pseudo_champs, #ident_mdp_label, #ident_mdp_champs {
	display: inline;
}
#ident_inscription {
	text-align: right;
	margin-right: 10px;
}
#inscription_form_pseudo {
	text-align: center;
}
#recherche_membre {
	margin-top: 5px;
}
.lien_personnalisation {
	float: right;
	text-align: right;
	width: 170px;
	margin-right: 5px;
	font-size: 10px;
	font-weight: bold;
}
.case_a_cocher_liste, .case_a_cocher_liste_checked, .texte_liste {
	display: inline;
	padding-right: 2px;
	margin-right: 10px;
}
.bouton, .bouton2, .bouton_focus {
	background-color: #425541;
	color: #FFFFFF;
	border: 1px solid #000000;
	border-collapse : collapse;
	vertical-align: baseline;
	margin: 5px auto 5px auto;
	min-height: 24px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.bouton, .bouton_focus {
	display: block;
	padding: 5px;
	width: 90%;
}
A.bouton2 {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
}
.champs_texte, .champs_texte_url, .champs_texte_num {
	border: 1px solid #99DA96;
	border-collapse : collapse;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: baseline;
	margin-top: 1px;
	margin-bottom: 1px;
}
.champs_texte_num {
	text-align: right;
}
.form_alerte {
	margin: 2px 0px 5px 0px;
	padding: 3px;
	border: 1px solid rgb(255,192,192);
	background: rgb(255,224,224);
	font-style: italic;
}
.action {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006600;
	padding: 6px 5px 6px 5px;
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	list-style-type: none;
	border-top: solid 1px #022f01;
	border-right: solid 1px #022f01;
	border-bottom: solid 1px #022f01;
	border-left: solid 1px #022f01;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-shadow: 0px 1px 3px #555;
}
.action a {
	color: #E0E0DE;
}
#actions_communaute_titre {
	margin: 0px 0px 15px 10px;
}
#actions_liste {
	margin: 5px 0px 5px 0px;
	vertical-align: middle;
}
.action_liste {
	list-style-type: none;
	pfadding: 2px;
	min-height: 20px;
	display: table-cell;
}
.form_bloc, .profil_infos {
}
.form_bloc {
	padding-bottom: 5px;
	border-bottom: solid 1px #99DA96;
	margin-bottom: 5px;
}
.form_bloc_label, .form_bloc_champs {
}
.form_bloc_label {
	margin-top: 10px;
}
.form_blocoptions {
	padding-bottom: 5px;
	border-bottom: solid 1px #99DA96;
	margin-bottom: 5px;
}
.info_profil {
	padding: 5px 0px 5px 0px;
}
#publication_membre {
	margin-bottom: 10px;
}
#statut {
	font-size: 13px;
	padding: 8px 5px 5px 5px;
	width: 90%;
	min-height: 24px;
}
#statut_avance {
	padding: 5px;
}
.statut_action {
	margin: 5px;
	border: solid 1px #4A6643;
	padding: 5px;
}
.bloc_bas-de-page {
	font-size: 11px;
}
#tags_une, #tags_regions {	
}
.univers_accueil_liste {
	padding-left: 0px;
}
.tag, .univers_accueil {
	font-weight: bold;
	font-size: 13px;
	background-image: url(images/menu-fond.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	display: block;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 1px;
}
.tag_action {
	float: right;
}
.univers_accueil h2 {
	padding: 0px;
	margin: 0px;
}
#entourage_demandes {
	text-align: left;
}
.membre {
	display: block;
	float: left;
	width: 67px;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	border: 1px solid #99DA96;
	padding: 3px;
	margin: 2px;
	min-height: 50px;
	font-size: 11px;
}
.membre_details, .membre_details-hover {
	margin: 3px;
	padding: 3px;
}
.membre_details {
	background-color: #DEF5DE;
}
.membre_details-hover {
	background-color: #96BD8C;
}
.avatar {
	max-width: 64px;
	max-height: 64px;
}
.groupe {
	margin: 1px 0px 5px 0px;
}
.actualites_entete  {
	margin-top: 5px;
	margin-bottom: 5px;
	display: table;
	width: 100%;
}
.actualites_entete_titre {
	font-weight: bold;
	padding-left: 3px;
	margin-bottom: 5px;
	display: block;
}
.actualites_entete_chapeau {
	padding-bottom: 5px;
	font-size: 11px;
}
.actualites_entete_chapeau a {
	text-decoration: none;
}
.actualites_entete_img {
	max-width: 80px;
	max-height: 80px;
	float: left;
	padding: 0px 5px 3px 5px;
	border: 0px;
}
.actualite_abonnement, .annonces_abonnement {
	display: inline;
	vertical-align: middle;
}
.article {
	text-align: justify;
}
.article h2 {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	border-collapse : collapse;
}
.article_section_edit {
	float: right;
	position: relative;
	font-size: 10px;
	top: 20px;
}
#article_references {
	overflow: hidden;
}
.amazon-item {
	display: table;
	padding: 10px;
}
.amazon-item img {
	float: left;
	margin-right: 10px;
	width: 50px;
}
.amazon-item-title, .amazon-item-price {
	display: block;
	font-weight: bold;
}
.amazon-item-price {
	color: black;
}
#actualite {
	margin-bottom: 10px;
}
.activite, .activite_suivi, .activite_non_visible {
	margin-top: 10px;
	margin-bottom: 5px;
}
.activite_date, .commentaire_infos {
	font-size: 10px;
}
.activite_date, .activite_icone, .activite_corps {
	display: inline;
}
.activite_contenu, .commentaire_texte {
	margin: 5px 5px 0px 5px;
	padding: 5px;
	background-color: #FFFFFF;
}
.activite_suivi .activite_contenu {
	background-color: rgb(255,224,224);
	border: 1px solid rgb(255,192,192);
}
.activite_icone {
	padding: 0px 3px 0px 3px;
	vertical-align: top;
}
.activite_corps {
	padding-top: 5px;
}
.activite_miniature, .album_thumbnail {
	max-width: 64px;
	max-height: 64px;
	margin: 0px 5px 0px 3px;
}
.activite_commentaire {
	margin-top: 3px;
	margin-left: 10px;
}
.comment_edit {
	float: right;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}
.activite_react {
	padding: 3px 3px 1px 10px;
}
.diff td{
padding:0 0.667em;
vertical-align:top;
white-space:pre;
white-space:pre-wrap;
font-family:Consolas,'Courier New',Courier,monospace;
line-height:1.333;
width:50%;
max-width: 340px;
word-wrap: break-word;
}
.diff span{
display:block;
min-height:1.333em;
margin-top:-1px;
padding:0 3px;
}
* html .diff span{
height:1.333em;
}
.diff span:first-child{
margin-top:0;
}
.diffDeleted span{
border:1px solid rgb(255,192,192);
background:rgb(255,224,224);
}
.diffInserted span{
border:1px solid rgb(192,255,192);
background:rgb(224,255,224);
}
#toStringOutput{
margin:0 2em 2em;
}
.materiel_reperage {
	float: left;
	position: relative;
	background-color: #FFFFFF;
	width: 150px;
	padding: 5px 3px 10px 3px;
	margin: 0px 6px 10px 0px;
	min-height: 170px;
	text-align: center;
}
.materiel_reperage .materiel_marque, .materiel_reperage .materiel_nom, .materiel_promo .materiel_nom {
	font-size: 12px;
	font-weight: bold;
}
.materiel_reperage .materiel_marque, .materiel_reperage .materiel_nom, .materiel_reperage .materiel_infos {
	display: block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.materiel_reperage .materiel_infos {
	font-size: 10px;
}
.materiel_reperage .materiel_infos_titre {
	display: none;
}
.materiel_reperage .materiel_img img {
	max-height: 85px;
}
.materiel_img {
	width: 150px;
	height: 100px;
	text-align: center;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	vertical-align: middle;
	display: table-cell; /* for vertical-align: middle */
}
.materiel_img img {
	/*width: 60%;
	height: 60%;*/
	width: auto;
	height: auto;
	max-width: 150px;
}
.materiel_prixmin {
	margin: 6px 0px 0px 5px;
}
.site_bloc {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	background-color: #FFFFFF;
}
.pages , .pages_articles{
	background-color: #66CC66;
	text-align: right;
	margin: 2px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}
.page, .page_active {
	display: inline-block;
	border: 1px solid #66CC66;
	padding: 5px;
	margin-right: 5px;
}
.page {
	background-color: #FFFFFF;
}
.page_active {
	background-color: #57AE57;
}
.page_partage_g, .page_partage_fb {
	display: table-cell;
	width: 60px;
	overflow: hidden;
	vertical-align: top;
}
#page_partage  img{
	vertical-align: middle;
	margin: 0px 5px 0px 5px;
}
.page_partage_lien, .page_partage_notif {
	display: inline;
}
#materiel_reperage {
	display: table;
	padding-left: 8px;
}
.actualites_entete, .materiel_promo, .annonce_apercu, .blogs_billet_lien, .sujet_une {
	/*border-top: 1px solid #99DA96;*/
	border-bottom: 1px solid #99DA96;
	border-collapse: collapse;
	padding: 5px;
}
.materiel_promo, .annonce_apercu, .blogs_billet_lien, .sujet_une, .article_titre {
	background-color: #FFFFFF;
	background-image: url(images/menu-fond.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.sujet_une, .annonce_apercu, .article_titre {
	padding: 10px;
}
.articles_liste {
	padding: 3px 0px 3px 0px;
}
.article_titre {
	list-style-type: none;
}
.materiel_promo .materiel_promo_prix {
	padding-top: 3px;
	padding-left: 30px;
}
#forum_activite, #sujet_auteurs {
	text-align: center;
}
#forum_filtre {
	text-align: right;
	padding-right: 5px;
}
.tab_cadre {
	margin: 5px 0px 5px 10px;
}
.tabdefaut, .tabdefaut_entete, .tabdefaut_alt,
.tabgeneral, .tabgeneral2, .tabgeneral-hover, 
.tabforums, .tabforums_entete, .tabforums_item, .tabforums_icone, .tabforums_forum, .tabforums_sujets, .tabforums_posts, .tabforums_activite,
.tabsujets, .tabsujets_entete, .tabsujets_item, .tabsujets_icone, .tabsujets_titre, .tabsujets_auteur, .tabsujets_forum, .tabsujets_rep, .tabsujets_date,
.tabspots, .tabspots_entete, .tabspots_cat, .tabspots_nom, .tabspots_superficie, .tabspots_loc, .tabspots_carte,
.tabsites, .tabsites_item, .tabsites_adresse, .tabsites_pays, .tabsites_infos, .tabsites_promos  {
	border-top: 1px solid #99DA96;
	border-bottom: 1px solid #99DA96;
	border-collapse : collapse;
	padding: 7px;
}
.tabdefaut, .tabsujets, .tabforums, .tabspots {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tabdefaut_alt, .tabforums_item:hover, .tabsujets_item:hover, .tabforums_entete {
	background-color: rgba(219, 245, 213, 0.5);
	background-image: none;
}
.tabsujets_item, .tabforums_item, .tabspots_item, .tabsites_item {
	background-color: #FFFFFF;
	background-image: url(images/menu-fond.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.tabsujets_titre {
	width: 50%;
}
.tabsujets_auteur {
	text-align: center;
}
.tabdefaut_entete, .tabgeneralligne1, .tabforums_section, .tabsujets_entete, .tabspots_entete, .bloc_titre, #evenement_titre, #discussion_titre, #discussion_pj_titre, .articles_categorie_titre {
	background-color: #035702;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 5px;
}
.articles_categorie_titre a {
	color: #FFFFFF;
}
.bloc_titre, #evenement_titre, #discussion_titre, #discussion_pj_titre {
	padding: 10px; margin: 5px 0px 5px 0px;
}
.tabforums_icone, .tabforums_sujets, .tabforums_posts, .tabforums_activite,
.tabsujets_icone, .tabsujets_forum, .tabsujets_rep, .tabsujets_date, .tabsujets_activite,
.tabspots_cat, .tabspots_superficie, .tabspots_loc, .tabspots_carte {
	text-align: center;
	font-size: 10px;
}
.tabposts_post {
	padding-top: 3px;
}
.forum_post {
	margin: 5px 0px 5px 0px;
	border: 1px solid #66CC66;
	border-collapse : collapse;
}
.message_entete, .message_note, .message_operations {
	font-size: 10px;
}
.message_entete, .message_note, .message_operations, .forum_post_texte {
	padding: 3px;
	background-color: #FFFFFF;
}
.message_entete {
	border-top: 1px solid #66CC66;
	border-collapse : collapse;
}
.message_operations {
	text-align: right;
	padding-bottom: 5px;
}
.tabpost_separation {
	border-top: 1px solid #66CC66;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	height: 1px;
	margin: 0px;
}
.forum_navigation {
	text-align: center;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	background-color: #FFFFFF;
}
.forum_sujetlie {
	display: table;
}
.forum_membre {
	display: table;
	width: 100%;
	margin: 3px;
	font-size: 10px;
}
.forum_membre .avatar {
	float: left;
	margin-right: 5px;
}
.forum_post_texte {
	font-size: 1em;
	overflow: hidden;
}
.citation {
	margin-left: 10px;
	border-left: solid 1px #577350;
	padding-left: 5px;
	padding-bottom: 1px;
	margin-bottom: 2px;
}
#sujet_posts_operations {
	text-align: center;
}
.spot_preview {
	background-color: #FFFFFF;
	padding: 3px;
	text-align: center;
	margin: 3px 1px 1px 3px;
	font-weight: bold;
	font-style: italic;
}
.spot_preview_img {
	display: block;
	margin: 3px auto 3px auto;
	max-width: 75px;
	max-height: 75px;
}
.element_apercu div {
	display: inline;
}
.infos_climatiques img {
	margin-top: 2px;
}
.meteo {
	display: table;
	width: 100%;
	height: auto;
}
.meteo_date {
	font-weight: bold;
	margin-bottom: 2px;
}
.meteo_releve, .meteo_prevision, #infos_lunaire, #vigicrues_france, #vigilance_france {
	padding-top: 2px;
	padding-bottom: 3px;
}
.meteo_releve .meteo_icon, .meteo_releve_donnees, .meteo_pression, .meteo_himidite, .meteo_releve .meteo_avancee,
#apercu_lunaire, #apercu_vigicrues, #apercu_vigilance  {
	display: table-cell;
	vertical-align: top;
	margin-top: 2px;
}
.meteo_releve {
	margin: 1px 3px 1px 3px;
}
.meteo_releve img, .meteo_prevision img {
	margin: 2px;
}
#climat_contenant {
	margin-top: 5px;
}
#infos_lunaire, #vigicrues_france, #vigilance_france {
	padding-right: 3px;
}
.meteo_prevision {
	float: left;
	vertical-align: top;
	padding: 0px 2px 0px 8px;
	width: 20%;
	border-right: 1px solid #425541;
}
.meteo_prevision  img{
	max-width: 50px;
}
.meteo_icon, .meteo_releve_donnees, .meteo_pression, .meteo_himidite, .meteo_avancee {
	vertical-align: top;
}
.meteo_icon {
	padding-right: 5px;
}
#apercu_lunaire, #apercu_vigicrues, #apercu_vigilance {
	border-right: 1px solid #425541;
	padding-left: 3px;
}
#vigicrues_france img {
	width: 130px;
	background-color: white;
}
.meteo_temp_content {
	white-space: nowrap;
}
.meteo_soleil {
	font-size: 10px;
}
.meteo_prevision .meteo_temp, .meteo_prevision .meteo_avancee, .meteo_station, .meteo_soleil, .climat_source {
	font-size: 10px;
}
#francemap {
	width: 300px;
	height: 300px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
}
#msgprivee_rep {
	font-size: 10px;
	margin-bottom: 5px;
}
#album {
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	width: 100%;
}
.miniature_album {
	display: block;
	float: left;
	/*line-height: 120px;*/
	min-height: 125px;
	width: 33%;
	text-align: center;
	padding: 0;
}
.album_thumbnail {
	max-width: 100px;
	max-height: 100px;
	vertical-align: top;
	margin: 5px;
	border: 1px solid #CACAC8;
	padding: 2px;
}
.album_source {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}
/* --------- pages materiel ---------- */
.materiel_apercu , .materiel_apercu-hover {
	vertical-align: top;
	margin: 5px 0px 10px 0px;
	padding: 3px;
	display: block;
	background-color: #FFFFFF;
}
.materiel_apercu {
	border: 1px solid #FFFFFF;
}
.materiel_apercu-hover {
	border: 1px solid #66CC66;
}
.materiel_apercu_sel {
	vertical-align: top;
	padding-left: 3px;
	padding-right: 5px;
	width: 14px;
}
.materiel_apercu .materiel_img, .materiel_apercu-hover .materiel_img {
	display: table-cell;
	vertical-align: top;
	width: 70px;
	margin-bottom: 3px;
	padding: 3px 8px 0px 0px;
}
.materiel_apercu .materiel_img img, .materiel_apercu-hover .materiel_img img {
	max-width: 80px;
	margin-bottom: 3px;
}
.materiel_apercu .materiel_note, .materiel_apercu-hover .materiel_note {
	display: table;
	background-color: #FFFFFF;
	white-space: nowrap;
	width: 90px;
	text-align: center;
}
.materiel_note img {
	vertical-align: middle;
	margin: 0px 2px 2px 3px;
}
.materiel_note form {
	display: block;
	margin: 0px;
	padding: 0px;
}
.materiel_note_note {
	text-align: left;
	margin: 5px auto 5px auto;
}
.materiel_note_note span {
	vertical-align: baseline;
}
.materiel_details .materiel_note {
	height: 36px;
}
.rating-star, .jquery-ratings-star {
  width: 36px;
  height: 36px;
  background-image: url('../../../images/icones/star_off.png');
  background-position: center top;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  float: left;
  display: block;
}
.rating-full, .jquery-ratings-full {
  width: 36px;
  height: 36px;
  background-image: url('../../../images/icones/star.png');
  background-position: center top;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  float: left;
  display: block;
}
.rating {
	float: left;
	display: inline;
}
.rating_text {
	font-weight: bold;
	line-height: 18px;
}
.materiel_apercu .materiel_marque, .materiel_apercu-hover .materiel_marque {
	display: table-cell;
	vertical-align: top;
	width: 80px;
	padding-right: 10px;
}
.materiel_apercu_infos {
	display: table-cell;
	vertical-align: top;
}
.materiel_apercu_elt {
	margin-bottom: 5px;
}
.materiel_sousmodeles {
	margin: 7px 0px 7px 0px;
	overflow: scroll;
}
.materiel_sousmodele, .materiel_sousmodele_titre {
	font-size: 10px;
	vertical-align: top;
	padding: 3px 0px 7px 0px;
}
.materiel_sousmodele {
	background-color: #B1C0AC;
}
.materiel_sousmodele_titre {
	background-color: #A0AAA0;
}
.materiel_sousmodele_col {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}
.materiel_sousmodeles_disc {
	font-size: 10px;
	margin: 3px;
}
#trimateriel {
	margin-bottom: 20px;
}
.prix_materiel, .prix_materiel_nontrouve {
	background-color: #EFFFEB;
	margin: 5px 0px 5px 0px;
	padding: 3px;
}
.prix_materiel_detailsprix {
	margin: 10px 0px 0px 100px;
}
.prix_materiel_prix {
	font-weight: bold;
	font-size: 14px;
}
.prix_materiel_infos {
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
}
.prix_signal {
	position: relative;
	top: -70px;
}
.materiel_details {
	margin: 5px 0px 10px 0px;
}
.materiel_details_general {
	display: table;
	width: 100%;
}
.materiel_details_titre {
	background-color: #B1C0AC;
	border-bottom: 1px solid #99DA96;
	font-size: 14px;
	padding: 5px;
}
.materiel_details_tags, .materiel_compare, .materiel_details_caract, .materiel_details_infos {
	padding: 3px;
}
.materiel_details_visu, .materiel_details_infos {
	background-color: #FFFFFF;
}
.materiel_details_visu {
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
}
.materiel_details_infos{
	margin-bottom: 10px;
}
.materiel_details_img {
}
.materiel_note, .materiel_wishlist, .materiel_partage {
	background-color: #EFFFEB;
	padding: 3px;
	margin: 0px;
}
.materiel_img_externe {
	display: inline-block;
	width: 120px;
	margin: 10px;
}
.materiel_img_externe img {
	display: block;
	max-width: 100px;
	max-height: 100px;
	border: 1px solid grey;
}
.materiel_wishlist {
	padding-right: 5px;
}
.materiel_details .materiel_note {
	text-align: center;
}
.materiel_partage img {
	/*vertical-align: sub;
	margin: 3px 0px 0px 0px;*/
}
.materiel_bonplan {
	background-color: #FFFFFF;
	border: 1px solid #99DA96;
	padding: 5px;
	font-weight: bold;
	margin: 10px 5px 5px 5px;
}
.materiel_form_champs {
	background-color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	padding: 3px;
}
#materiel_form_av {
	display: block;
	margin: 5px 0;
}
.materiel_type_filtre, #materiel_liste_fin_prod_lien {
	margin-bottom: 1px;
	background-color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
}
.materiel_site {
	margin: 2px 0px 5px 0px;
}
#materiel_comparatif {
	overflow: scroll;
}
/* ----------------------------------- */

/* ----------- page spots ------------ */
#spot_menu {
	margin: 10px 0px;
}
#spot_menu h3 {
	background-color: #FFFFFF;
	margin-top: 5px;
}
#spot_menu img {
	margin: 5px 10px;
	vertical-align: middle;
}
#spot_map {
	background-color: #FFFFFF;
	margin: 10px 0px;
	text-align: right;
	padding: 5px;
}
#spot_map img {
	margin-right: 5px;
	vertical-align: middle;
}
.spot_nom {
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	margin: 0px 10px 5px 0px;
}
.spot_infos {
	display: table;
	width: 100%;
}
.spot_photo {
	margin: auto;
	padding: 5px 10px 10px 5px;
}
#spot_index_pub {
	text-align: center;
}
#spot_photo_img {
	max-width: 200px;
}
.spot_info {
	padding: 3px 0px 3px 0px;
}
.spot_meteo {
	display: table;
	border-collapse: collapse;
}
#spot_liencarte {
	margin-right: 10px;
	text-align: right;
}
.hebergement {
	font-size: 11px;
}
.hebergement_item {
	margin: 10px 3px 10px 3px;
	display: table;
}
.hebergement_item_titre {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #2E332D;
	border-collapse : collapse;
	margin-bottom: 5px;
	margin-left: 100px;
}
.hebergement_item_img {
	float: left;
	margin: 3px 10px 3px 3px;
}
.hebergement_item_img img {
	max-width: 80px;
	max-height: 80px;
}
.hebergement_item_desc {
	font-size: 11px;
}
.hebergement_item_date {
	display: none;
}
#hebergement_abritel_ajout {
	margin: 5px;
}
.spot_edit_bloc_entete {
	font-size: 1.5em;
	width: 100%;
	font-style: normal;
	border-bottom: 1px solid #DBF5D5;
	margin: 25px 0px 0px 0px;
	text-decoration: none;
}
.spot_edit_bloc_entete.lien::after {
	content: ' ▼';
}
.spot_edit_bloc_entete.lien.collapse::after {
	content: ' ►';
}
.spot_info_label {
	display: block;
	margin-top: 5px;
	font-weight: bold;
}
/* ----------------------------------- */

/* ---------- page annonces ---------- */
.annonce_apercu {
	padding-top: 10px;
	padding-bottom: 10px
}
.annonce_icone {
	width: 40px;
	float: left;
	text-align: center;
	padding-top: 5px;
}
.annonce_type {
	font-weight: bold;
	width: 90px;
	float: left;
	padding-left: 10px;
}
.annonce_type a {
	text-decoration: none;
}
.annonce_infos {
	font-size: 10px;
	text-align: right;
	margin-right: 50px;
}
#annonce_auteur_evaluation {
	margin-top: 5px;
}
.annonce_operations {
	text-align: right;
	margin: 0px 5px 5px 0px;
}
.annonce_tags {
	margin: 10px 10px 0px 10px;
}
#annonce_contact {
	margin: 10px;
	padding: 5px;
	background-color: #C2DDBB;
}
#annonce_contact_titre, #annonce_contact_action {
	display: block;
}
#annonce_form_reponse {
	background-color: white;
	margin-left: 10px;
	margin-right: 10px;
}
#annonce_form_reponse div {
	padding: 5px;
}
#recherche_annonces {
	text-align: center;
}
/* ----------------------------------- */
#calendrier_mini, #calendrier {
	width: 95%;
	margin: auto;
}
.calendrier_jour_petit_nom, .calendrier_jour_petit, .calendrier_jour_nom, .calendrier_jour {
	width: 13%;
	text-align: center;
}
.calendrier_jour_petit, .calendrier_jour {
	background-color: #FFFFFF;
}
.calendrier_evenement {
	background-color: #FFFFFF;
	padding: 3px;
	margin: 3px;
}
.calendrier_evenement_img {
	width: 64px;
}
.calendrier_evenement img {
	max-height: 30px;
}
#evenement_infos, .tabpost {
	margin: 5px 0px 5px 0px;
	border: 1px solid #66CC66;
	border-collapse : collapse;
	padding: 5px;
	background-color: #FFFFFF;
}
.evenement_details_operations {
	text-align: right;
}
.evenement_miniature {
	float: left;
	margin: 3px;
	max-height: 64px;
	max-width: 64px;
}
#glossaire_lettres {
	margin: 0px 12px 10px 12px;
}
.glossaire_lettres {
	margin: 3px;
}
.glossaire_definition {
	padding: 5px;
}
.glossaire_definition img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}
