body {
	margin: 0;
	padding: 0;
	background: #f3f3f3 url('http://www.elbakin.net/___include/images/structure/background/bg-body-v5.jpg') no-repeat top center;
	text-align: left;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 80%;
	color: #222;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #000000;
}

strong {
	color: #000000;
}

p, ul, ol {
	margin-bottom: 1.5em;
}

blockquote, q, cite {
	font-family: 'Hoefler Text','Le Monde Courrier PTF',Garamond,'Palatino Linotype',Georgia,sans-serif;
}

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

a {
	color: #EA7100;
	text-decoration: underline;
}

a:hover {
	color: #EA7100;
	text-decoration: none;
}

a img {
	border:0px;
	text-decoration: none;
}

/***********  WRAPPER **********/ 

.wrap-page {
	background: transparent url('http://www.elbakin.net/___include/images/structure/background/bg-footer-v2.jpg') no-repeat bottom center;
}

#page {
	width: 940px;
	margin: 10px auto 0px auto;
	padding: 10px 10px 0px 10px ;
	background: white url('http://www.elbakin.net/___include/images/structure/background/bg-header.gif') no-repeat top right;
	border-bottom: 2px solid #323232 ;
}

/***********  HEADER **********/ 

#header {
	width: 940px;
	height: 100px;
	margin: 0 ;
	padding: 0 ;
	text-indent: -180px;
	overflow: hidden;
}
#header h1, #header div.banniere {
	width: 250px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url('http://www.elbakin.net/___include/images/titre.png') no-repeat 5px 3px; 
	color: #FF993F ;
}
#header h1 a, #header div.banniere a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: 0 ;
	color: #FF993F ;
}
#header span {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -360px ;
}

#easy-access {
  display: none;
}


/** RECHERCHE **/
#recherche {
	position: absolute;
	top: 56px;
	right: auto;
	margin-left: 480px;
}
#recherche fieldset{
	text-align: right;
	width: 450px;
	margin: 0px;
	border: 0px;
}
#recherche label{
	display: none;
}
#recherche #q{
	width: 200px;
	background: #fff url('http://www.elbakin.net/___include/images/search.png') no-repeat 2% 50%;
	padding: 2px 20px;
}
input.text, textarea, .field input{
	border: 1px solid #ccc;
	border-bottom-color: #eee;
	border-right-color: #eee;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	}
#recherche .submit {
	background: #BE2700 url('http://www.elbakin.net/___include/images/elements/arrow-right.gif') no-repeat center right;
	border: 0;
	color: white;
	font-family: Tahoma, arial, sans-serif;
	padding: 1px 15px 1px 1px;
	cursor: pointer;
		/* nanana */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
#recherche .submit:hover, #recherche form .submit:focus {
	background: orange url('http://www.elbakin.net/___include/images/elements/arrow-right.gif') no-repeat center right;	
	color: black;
}
#recherche_page #q{
	width: 200px;
	background: #fff url('http://www.elbakin.net/___include/images/search.png') no-repeat 2% 50%;
	padding: 2px 20px;
}
#recherche_page .submit {
	background: #BE2700 ;
	color: #fff ;
}


/***********  MENU **********/ 

#nav {
	position:relative;
	width: 940px;
	height: 29px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fc6300 ;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif ;
	background: #FF993F url('http://www.elbakin.net/___include/images/barre-menu.gif') repeat-x;
}
#nav a { border: 0px }
#nav .select, #nav .current {
	margin: 0; 
	padding: 0px;
	list-style: none;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}
#nav .select a, #nav .current a {
	display: block;
	float: left;
	height: 27px;
	background: url('http://www.elbakin.net/___include/images/menu-devider.gif') right top no-repeat;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 26px;
	white-space: nowrap;
	color: #fff;
}
* html #nav .select a, * html #nav .current a {
	width: 1px;
	height: 26px;
}
#nav .select a:hover, 
#nav .select li:hover a {
	cursor: pointer; 
	color: #222;
}
#nav .sub {
	display: none;
}
/* for IE5.5 and IE6 only */
#nav table {
	position: absolute;
	border-collapse: collapse;
	left: 0;
	top: 0;
}
#nav .current a {
	color: #222;
}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {
	color: #FB7B0D;
}
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {
	color: #FB7B0D;
}
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {
	display: block ;
	position: absolute ;
	top: 26px ;
	left: 0 ;
	width: 940px ;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	margin-top: 0 ;
	padding: 0 ;
	z-index: 100 ;
	color: #222 ;
}
#nav .sub, #nav .sub_active {
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #ddd;
}
#nav .sub_active {
	display: block;
	position: absolute;
	width: 940px;
	top: 26px;
	left: 0;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	margin-top: 0;
	padding: 0 ;
	z-index: 10;
}
* html #nav .sub_active, * html #nav .select a:hover .sub {
	z-index: -1;
	margin-top: 0;
}
#nav .sub_active a {
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	padding: 0px 10px 0px 10px;
	margin: 0;
	white-space: nowrap;
	border: 0;
	text-decoration: none;
	color: #222;
}
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
	display: block;
	background-image: url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	padding: 0px 10px 0px 10px;
	margin: 0;
	white-space: nowrap;
	border: 0;
	color: #222;
}

/***********  CONTENT **********/ 
#content {
	width: 950px;
	margin: 10px auto 0 auto ;
	background-color: #FFF;
}

/******  COLONNE DE GAUCHE *****/ 
#gauche {
	float: left;
	width: 620px;
	padding: 30px 0 15px 0;
}
#gauche ul {
	margin: 0 ;
	padding: 0 0 0 18px ;
	list-style: disc;
}
#gauche li {
	padding: 0 ;
	margin: 0 ;
}

div.line { 
	clear: both;
	background: url('http://www.elbakin.net/___include/images/filler2.gif') no-repeat top center;
	height: 15px ;
	margin: 20px 0 0 0 ;
	padding: 0 ;
}
div.line hr	{ 
	display: none ;
}

#gauche ol {
	margin: 0px;
	padding: 15px 0px 0px 40px;
}
#gauche ol li{
	margin: 0px;
	padding: 0px;
	}
#gauche ol li.current a{ 
	color: #FE9E00 ;
	border: 0px;
}

#gauche p.tree {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
}


/******  COLONNE DE DROITE *****/ 
#droite {
	float:left;
	width:300px;
	z-index:5;
	padding:0 10px 0 0;
	margin:10px 0 0 10px;
	color:#888;
	font-style:italic;
	font-size:90%;
}

#droite a {
	color: #222 ;
	font-style: normal ;
	text-decoration: none;
}
#droite a:hover {
	color: #222 ;
	font-style: normal ;
	text-decoration: underline;
	background-color: #eee ;
}
#droite ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/** listes droite **/
#droite ul li {
	padding: 0px 0px 0px 15px;
	margin: 1px 0px 0px 0px;
	background : url('http://www.elbakin.net/___include/images/arrow_mini_right.gif') no-repeat 0px 4px;
}

#droite h2 {
	margin: 25px 0 10px 0;
	padding: 0 0 2px 28px ;
	background: none;
	border-bottom: 1px dashed #ccc ;
	color: #FE9E00;
	font-weight: bold;
	font-size: 18px;
	font-style: normal ;
	}
#droite h2:first-letter {
  color:#BE2700;
}

#droite h2.itw {
	background : url('http://www.elbakin.net/___include/images/itw.gif') no-repeat 0px 0px;
}
#droite h2.article {
	margin: 10px 0;
	background : url('http://www.elbakin.net/___include/images/quill_24.png') no-repeat 0px 0px;
}
#droite h2.critiques {
	background : url('http://www.elbakin.net/___include/images/the-storybook_24.png') no-repeat 0px 0px;
}
#droite h2.heros {
	background : url('http://www.elbakin.net/___include/images/knight_24.png') no-repeat 0px 0px;
}
#droite h2.tournoi {
	background : url('http://www.elbakin.net/___include/images/cup_24.png') no-repeat 0px 0px;
}
#droite h2.rss {
	background : url('http://www.elbakin.net/___include/images/rss.gif') no-repeat 0px 0px;
}
#droite h2.twitter {
	background : url('http://www.elbakin.net/___include/images/twitter.png') no-repeat 0px 0px;
}

/** NON FAIT **/
#droite ul.itw li.detail {
	background : no-repeat 0px 1px;
} 
#droite ul.itw li.saut {
	background : no-repeat 0px 1px;
} 

/** BOX ALCC **/
#droite .alcc h2 {
	background : url('http://www.elbakin.net/___include/images/mysterious-tome_24.png') no-repeat 0px 0px;
}
#droite .alcc .detail .right {
	float: right;
}

/** critiques **/
#droite li.attention {
	background : url('http://www.elbakin.net/___include/images/attention.gif') no-repeat 0px 1px;
}
#droite li.rss {
	background : url('http://www.elbakin.net/___include/images/rss.gif') no-repeat 0px 1px;
}
	

#droite a.plus {
	display: block ;
	float: right ;
	width: 22px ;
	margin: 0 0 5px 0 ;
	padding: 2px 6px 1px 15px ;
	background: #F3F3F3 url('http://www.elbakin.net/___include/images/plus.gif') no-repeat 2px 4px ;
	border: 1px outset #2A2A2A;
	color: #666 ;
	text-transform: uppercase; 
	text-decoration: none ;
	font-size: 90% ;
	font-weight: bold ;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#droite a.plus:hover {
	color: #222;
}

/** heros de la semaine **/
#droite .heros img {
	float: left ;
	margin: 0 10px 0 0 ;
}
#droite .heros ul {
	float: left ;
	padding: 0 ;
	margin: 15px 0 0 0 ;
}
#droite .heros h3 a {
	color:#BE2700;
	font-size: 14px ;
}


/** Sondage **/
#sondage {
	}
#sondage p {
	text-align: center;
}
#sondage fieldset{
	border: 0px;
	text-align: left;
	}
#sondage h2 {
	display: block;
	width:100%;
	}
#sondage h2 a{
	display: block;
	width:100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	text-align: left;
	color: #FE9E00;
	border: 0px;
	border-bottom: 1px dashed #ccc ;
	}
#sondage h2 a:first-letter {
  color: #BE2700;
} 
#sondage dl dt {
	margin: 0px 0px 5px 0px;
}

/** BOUTON HAUT **/

.bouton_haut a:hover, .bouton_haut a:focus {
	background:#BE2700 url('http://www.elbakin.net/___include/images/arrow-up.gif') no-repeat scroll 100% 0;
}
.bouton_haut a {
	display: block;
	margin: 0 0 0 94% ;
	padding: 2px 5px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background: #323232 url('http://www.elbakin.net/___include/images/arrow-up.gif') no-repeat scroll 100% 3px;
	color: white;
	font-family: Georgia,serif;
	font-variant: small-caps;
	text-decoration: none;
	width: 3.5em;
}

/***********  FOOTER **********/ 
#footer {
	clear: both;
	width: 940px ;
	padding: 0 10px;
	margin: 0 auto ;
	font-size: 12px;
	height: 300px;
}

#footer ul {
	list-style: none ;
}
#footer ul li {
	padding: 0px 0px 0px 15px;
	margin: 1px 0px 0px 0px;
	background : url('http://www.elbakin.net/___include/images/arrow_mini_right.gif') no-repeat 0px 4px;
}
#footer ul li.mail {
	background: url('http://www.elbakin.net/___include/images/email.png') no-repeat scroll 0 0;
	padding-left: 20px;
}
#footer ul li.newsletter {
	background: url('http://www.elbakin.net/___include/images/email_go.png') no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.feed {
	background: url('http://www.elbakin.net/___include/images/feed.png') no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.facebook {
	background: url('http://www.elbakin.net/___include/images/facebook.png') no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.twitter {
	background: url('http://www.elbakin.net/___include/images/twitter.png') no-repeat scroll 0 0;
	padding-left:20px;
}
#footer a {
	color: #000 ;
	text-decoration: none ;
}
#footer a:hover, #footer a:focus {
	text-decoration: underline ;
}

#footer h2 {
	padding: 5px 0 3px 30px;
	margin: 5px 0 10px 0;
	border-bottom: 1px dashed #CCCCCC;
	color: #FE9E00;
	font-weight: 900;
	font-size: 18px ;
}
#footer h2:first-letter {
	color: #BE2700 ;
}
#footer div {
	float: left;
}
#footer .forum {
	width: 380px ;
}
#footer .contact-us, #footer .miscellenous {
	width: 280px ;
}

#footer .forum h2 {
	background: url('http://www.elbakin.net/___include/images/green-stone_24.png') no-repeat scroll 0 3px;
}
#footer .contact-us h2 {
	background: url('http://www.elbakin.net/___include/images/hob-door_24.png') no-repeat scroll 0 3px;
}
#footer .miscellenous h2 {
	background: url('http://www.elbakin.net/___include/images/mysterious-tome_24.png') no-repeat scroll 0 3px;
}
#footer p {
	clear: both ;
	padding: 10px 0 ;
}
/*Formulaire par défaut*/
#gauche .default-form {
	background: #f1f1f1;
	border-top: 1px solid #ccc;
	margin: 1em 2em;
	padding: 0 .5em .5em .5em;
}
#gauche .default-form fieldset {
	border: 0;
	margin: 0;
}
#gauche .default-form legend {
	background: white;
	border: 0;
	color: #BE2700;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0 .2em;
}
#gauche .default-form .notice {
	margin: 0 0 1.2em 0;
	padding: 0;
	text-align: right;
}
#gauche .default-form .row {
	float: left;
	margin: 0 auto;
	padding-bottom: 1em;
	width: 100%;
}
#gauche .default-form label {
	display: block;
	float: left;
	padding-right: 3px;
	width: 200px;
	text-align: right;
}
#gauche .default-form input[type=text], #gauche .default-form input[type=password], #gauche .default-form select, #gauche .default-form textarea {
	background: white;
	border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	padding: 1px;
	width: 300px;
}
#gauche .default-form input[type=text]:focus, #gauche .default-form textarea:focus {
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	background: #FFFFEE;
}
#gauche .default-form textarea {font-size: 1.1em;}
#gauche .default-form .bouton {
	display: block;
	margin: 0 auto;
}
#gauche form .bouton {
	background: #BE2700 url('http://www.elbakin.net/___include/images/elements/arrow-right.gif') no-repeat center right;
	border: 0;
	color: white;
	font-family: Tahoma, arial, sans-serif;
	padding: 1px 15px 1px 1px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
#gauche form .bouton:hover, form .bouton:focus {
	background: orange url('http://www.elbakin.net/___include/images/elements/arrow-right.gif') no-repeat center right;	
	color: black;
}

/*Utilisé dans divers contenu de pages */
/*Fiche  */
#gauche .index-page h1 , .article h1, #gauche .news h1, .news h2, .news h3, .news h4, .news h5, .news h6, #gauche .news span.h1 {
	color: #BE2700;
	font-family: Vollkorn, 'Times New Roman', Times, Georgia, serif;
	font-weight: 400;
}
#gauche .news {
	text-align: justify ;
}
#gauche .news h1, #gauche .news span.h1 {
	font-size: 190% ;
	border-bottom: 1px solid #ccc ;
}
#gauche .h2 {
	border-bottom: 1px solid #ccc ;
}

#gauche .news span.h1 {
	display: block ;
}

#gauche .news h5 {
	margin: 10px 0 ;
	font-size: 105% ;
}
#gauche .news .info {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 0.9em;
	text-align: right ;
}

#gauche .news .info span {
	color: #2A2A2A;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 0.95em ;
}
#gauche .news #news-content {
	color: #3A3A3A ;
	font-size: 0.9em;
	padding: 10px 20px ;
}
#gauche .news cite, .news q {
	font-family:Georgia,serif;
	font-size:0.95em;
}
#gauche .news em, .news cite, .news strong, .news q {
	color: black;
}
#gauche .news a em {
	color: #EA7100;
}

#gauche .news a img { /** NON FAIT **/
	border: 1px solid #ddf;
}
#gauche .news a:hover img { /** NON FAIT **/
	border: 1px solid #EF982E;
}


/* ================== dossier fantasy jeunesse
========================================================= */

.quote-fantasy {
	margin: auto;
	width: 300px;
	text-align: center;
}
.quote-fantasy q {
	color: #BE2700;
	font-size: 14px;

}

.definition-list-fantasy {
	padding: 20px;
	border: 1px solid #ccc;

}
.definition-list-fantasy dt {
	color: #BE2700;
	margin: 0 0 5px 0;
	font-weight: bolder;
	font-style: italic;
}
.definition-list-fantasy dd {
	margin: 0 0 20px 0;
}

.author-personnage-fantasy {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.tr-head-fantasy, .tr-head-fantasy td {
	text-align: center;
	background-color: #BE2700;
}
.tr-head-fantasy td {
	padding: 10px;
}
.tr-head-fantasy, .tr-head-fantasy a {
	color: white;
}
.tr-photo-fantasy, .tr-photo-fantasy td {
	text-align: center;
}
.tr-photo-fantasy td {
	width: 50%;
}
.tr-photo-fantasy img {
	display: block;
	margin: auto;
	width: auto;
	max-height: 150px;
}

.figure-fantasy {
	display: block;
	width: 380px;
	margin: auto;
	padding: 10px;
	border: 1px solid #ccc;
}
.figure-fantasy figure {
	margin: 0;
	padding: 0;
}
.figure-fantasy img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}
.figure-fantasy figcaption {
	text-align: center;
	color: #666;
	font-style: italic;
	padding: 5px;
}
.figure-fantasy + h2 {
	margin: 30px 0;
}


#gauche .begin-fantasy {
	margin: 0;
	padding: 0;
	list-style: none none;
}
#gauche .begin-fantasy ul {
	margin: 0 0 0 30px;
	padding: 0 0 0 10px;
	border-left: thick solid #ccc;
	list-style: none none;
}
#gauche .begin-fantasy > li > span {
	display: block;
	text-transform: uppercase;
	color: black;
	font-weight: bolder;
	margin-bottom: 20px;

}
#gauche .begin-fantasy strong, #gauche .begin-fantasy em {
	display: block;
}
#gauche .begin-fantasy p {
	margin: 0;
	padding: 0;
}
#gauche .begin-fantasy li li {
	margin-bottom: 20px;
}

.signature {
	font-style: italic;
	text-align: right;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

h2.h2-asso{
  background: transparent url('/___include/images/green-stone_24.png') no-repeat 0 0 !important;
}
#bloc-don {
  display: grid;
  place-items: center;
}
#bloc-don .btn-don {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  margin: 20px auto;
  height: 45px;
  border-radius: 10px;
  background: linear-gradient(145deg, #fefefe, #ececec);
  box-shadow: 0 .3rem .3rem 0 rgba(0,0,0, .15);
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  text-transform: lowercase;
  font-variant: small-caps;
  transition: all .25s ease-in-out;
}
#bloc-don img {
  margin-right: 5px;
}
#bloc-don .btn-don:hover {
  color: #BE2700;
  text-decoration: none;
}