/*** mise en forme <p> ***/

.margin-top-bottom {
	margin-bottom :20px;
	margin-top :20px;
}
p.margin-bottom, .margin-bottom {
    margin-bottom :20px !important;
}
p.margin-bottom-40, .margin-bottom-40 {
    margin-bottom :40px !important;
}
.nl-before {
    padding-top:1em;
}
.nl-nl-before {
    padding-top:2em;
}
.nl-after {
    padding-bottom:1em;
}
.nl-nl-after {
    padding-bottom:2em;
}

p.no-margin, .no-margin {
		margin:0 !important;
}
.main p.no-margin-top, p.no-margin-top, .no-margin-top {
		margin-top:0 !important;
}
.main p.no-margin-bottom, p.no-margin-bottom, .no-margin-bottom {
		margin-bottom:0 !important;
}
.margin-left, p.margin-left, .entry-content p.margin-left {
    margin-left: 40px;
}
@media (max-width: 68.5em) {
	.margin-left, p.margin-left, .entry-content p.margin-left {
    margin-left: 10px;
}
}
.margin-right, p.margin-right, .entry-content p.margin-right {
    margin-right: 40px;
}

img.no-border,a.no-border, no-border {
	border:none;
}
.no-padding {
		padding:0 !important;
}

.no-border {
    border: none !important;
}

.margin-top, .entry-content .margin-top {
    margin-top: 20px !important;
}
.margin-top-10, .entry-content .margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-40, .entry-content .margin-top-40 {
    margin-top: 40px !important;
}

.no-spc-before {
margin-top:0 ;
padding-top:0;
}

.no-spc-after {
margin-bottom:0 ;
padding-bottom:0;
}

.align-right {
	text-align:right;
}

.width90 {
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

.width80 {
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

/* center with content */

.center-with-content { /* requires specified with or max-width */
	margin:auto;
	text-align:center
}

.center-with-content div, .center-with-content img{
	display:inline-block;
} 

/*** mise en forme caract�res ***/

.orange {
color:#FF3C00; 
}

/* *** ON HOVER *** */

.hover-zone { 
    position:relative; 
}

/*** image on hover ***/

.image-on-hover {
    position:absolute;
    border:none;
    display:none; 
}

.hover-zone:hover .image-on-hover {
z-index:1000;
display:inline;
}

/*** text on hover ***/

.text-on-hover {
    display:none; 
    background-color: #fafafa;
    padding:5px;
    position:absolute;
}

.hover-zone:hover .text-on-hover {
    z-index:1000;
    display:inline;
    width: 100%;
}

/*** bullet pour listes ***/

ul.no-bullet {
list-style:none;
}

.main li.thumb-up
{
background-image: url(http://www.e-tissage.net/MesImages/thumb-up.png);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 44px;
}

.main li.two-thumb-up
{
background-image: url(http://www.e-tissage.net/MesImages/two-thumb-up.png);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 44px;
}

.main li.thumb-down
{
background-image: url(http://www.e-tissage.net/MesImages/thumb-down.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 44px;
}

.main li.two-thumb-down
{
background-image: url(http://www.e-tissage.net/MesImages/two-thumb-down.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 44px;
}

.main li.fleche {
background-image: url(http://www.e-tissage.net/MesImages/fleche.36.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 44px;
}

.main li.fleche ul {
    margin-left: 35px;
    list-style-type:disc;
    color:#999999;
}


/*** divers ***/

.comment {
    display:none;
}

.grey-border {
border: 2px solid silver;
}

.treemap_node {
  font-family: "Lucida Grande",Verdana; 
  color:#fff;
  overflow:hidden;
  border-radius:8px;
}

/*** infos sur liens ***/

/* lien externe */
a.no-icon[target=_blank]:after, a.no-icon[target=_blank]:before {
	content: none ;
    padding:0px;
}

a:not(.no-icon):not(.no-icone):not(.flux-RSS):not(.RSS-feed)[target=_blank]:after {
	content: url("http://www.v2belleville.eu/MesImages/Icon_External_Link.grey.png") ;
        padding-left:3px;
}

/* flux RSSS */
a.flux-RSS, a.RSS-feed {
	font-style:italic;
}

a.flux-RSS:after {
    content: "\f143";
	font-family: FontAwesome;
	color:#C0C0C0;
    padding-left: 3px;
	font-style:normal;
}
 a.RSS-feed:before {
    content: "\f143";
	font-family: FontAwesome;
	color:#C0C0C0;
    padding-right: 3px;
	font-style:normal;
}

/* langue de la cible */
[hreflang]:after {
	content:"___";
	color:transparent;
    background-repeat: no-repeat;
	background-size: contain;
    border-radius:3px;
	padding-left:3px;
	/*top: 2px;
    position: relative;*/
}

[hreflang=fr]:after {
    background-image: url("http://v2belleville.eu/MesImages/Flag_fr.png") ;
}    

[hreflang=en]:after {
    background-image: url("http://v2belleville.eu/MesImages/Flag_en.png") ;
}

[hreflang=de]:after {
    background-image: url("http://v2belleville.eu/MesImages/Flag_de.png") ;
}

/* pour vid�o Camstasia */
.play {
    position:absolute;
    background-image: url('http://www.e-tissage.net/MesImages/play.png');
    height:416px;
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    z-index:1000; 
/* avec width dans css de diff�rents blogs pour adaptation � la largeur */
}


/** iframe **/
.wrapper         {width:80%;height:100%;margin:0 auto;background:#CCC}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

a[disabled] {
    pointer-events: none;
    cursor: default;
    color:inherit;
    text-decoration: inherit;
}

.inline-block {
    display: inline-block;
}

.text-italic {
    font-style: italic;
}
.inline {
    display: inline;
}

.align-center {
    text-align: center;
}

ul.two-columns,ul.three-columns {
    /* columns: 2;		pas responsive
    -webkit-columns: 2;
    -moz-columns: 2; */
	list-style:none; /* parce que pas trouvé comment faire apparaitre le bullet sur la 2e col */
}
@media (max-width: 68.5em) {
	ul.two-columns,ul.three-columns {
		margin:0;
		padding:0;
	}
}
@media (min-width: 68.5em) {
	ul.two-columns li {
		width:50%;
		display:inline-block;
	}

	ul.three-columns li {
		width:33%;
		display:inline-block;
	}
}

[download]:before {
	content: "\f019";
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}
.print-doc:before {
	content: "\f02f";
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}
.video:before {
	content: "\f04b"; /* "\f03d";*/
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}

small {
	font-size: 85%;
}
legend {
	font-size: 85%;
	font-style:italic;
	text-align:center;
	margin:auto;
}