section > .row{
	margin: 0;
}

#content .file{
	background: white;
	border-radius: 6px;
	padding: 3.7rem 0; 
}

#content .file h2{
	font-family: "League Gothic";
	font-size: 4rem;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}


@media (min-width: 1170px) {

	

	#content .file h2{
		font-size: 4.5rem;

	}

	#sidebar .tools-list.row li {
		padding-left:0px;
		padding-right:0px;
	}


	#sidebar h5{
		margin-top: 6rem;
		margin-bottom: 2.4rem
	}


}


h2.ficheTitle{line-height:4.5rem;}

@media (max-width: 768px) { 


	#content .file{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

h3{
	font-family: "League Gothic";
	font-size: 1.87rem;
	text-transform: uppercase;
	padding-top: 0.68rem;
	margin-top: 0rem;
}

h3:first-letter{
	color: rgba(114,0,0,.5);
}

h3 + div{
	margin-top: 2rem;
}

#content .file h3{
  margin-bottom:0px;
  background-color:#FFF;
  z-index:1000;
}





@media (max-width: 767px) { 

        
 
        
}
@media (max-width: 768px) { 
	h3.ghost{
		box-shadow: 0 3px 0px rgba(114, 0, 0, 0.2);
	}
	.file > .row{
		padding: 0 1.2rem;
	}
	.file p:not(.lead){
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
   
        
}

#content .invisible{
 height:0px;
}

#content .file p,#content .file li{
	position: relative;

	-webkit-transition-property : opacity;
	-moz-transition-property 	: opacity;
	-ms-transition-property 	: opacity;
	-o-transition-property 		: opacity;
	transition-property 		: opacity;

	-webkit-transition 	: 1s;
    -moz-transition 	: 1s;
    -o-transition 		: 1s;
    -ms-transition 		: 1s;
    transition 			: 1s;
}

#content .file p.dim, #content .file li.dim {
	opacity: .5;
}
/*
#content .file p:hover::after,#content .file li:hover::after{
	content 	: "Cliquez pour commenter ce paragraphe";
	font-size:0.75rem;
	font-family:  "Segoe UI","HelveticaNeue",Helvetica,Arial,sans-serif;
	color:rgb(194,131,126);
	position 	: absolute;
	width	: 80px;
	line-height	: 1.31rem;
	margin-right: -75px;
	background-color: #FFF;
	right 		: 0%;
	
	top 		: 50%;
	
}
*/

div.clickItComment{
	display:none;
	font-size:0.75rem;
	font-family:  "Segoe UI","HelveticaNeue",Helvetica,Arial,sans-serif;
	color:rgb(194,131,126);
	position 	: absolute;
	width	: 80px;
	line-height	: 1.31rem;
	
	background-color: #FFF;
	right 		: 0px;
	
	top 		: 0px;
	
}


#content .file p.highlight,#content .file li.highlight{
	opacity: 1;
}

#content .file img{
	border-radius: .3rem;
	max-width: 100%;
    height:auto;
}

#content .file figure{
	position: relative;
}

#content .file figure > figcaption{
	font-family: "Segoe UI";
	font-size: 0.9rem;
	line-height: 1.3rem;
	padding: 0.75rem 1.87rem;
	margin-bottom: 0.75rem;
}

#content .file figure > figcaption::before{
	color: rgba(114,0,0,.5);
	content:"↑";
	margin-left: -1.4rem;
	font-size: 1.3rem;
	width: 1.12rem;
	display: inline-block;
	text-align: center;
}

#sidebar{
	font-size: 1.125rem;
	line-height: 1.7rem;
	text-align: center;
}

#sidebar h4{
	font-family: "Segoe UI Light";
	font-size: 1.5rem;
	line-height: 2.25rem;
}

#sidebar h5{
	font-family: Georgia;
	font-size: 0.75rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	letter-spacing: .2rem;
	margin-top: 2.4rem;
	margin-bottom: 2.4rem
}

#sidebar li{
	padding-bottom: 0.18rem;
	padding-top: .18rem;
	text-align: left;
	list-style-type:none;
}

#sidebar .files-list li{
	padding: 0.18rem 0.75rem;
}

#sidebar .tools-list li{

	margin-bottom: 0.75rem;
	font-size 		: 1rem;
	line-height 	: 1.5rem;
}



#feedback-container{
    /*
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;

	-webkit-transition-property : height margin;
	-moz-transition-property 	: height margin;
	-ms-transition-property 	: height margin;
	-o-transition-property 		: height margin;
	transition-property 		: height margin;

	-webkit-transition 	: 1s;
    -moz-transition 	: 1s;
    -o-transition 		: 1s;
    -ms-transition 		: 1s;
    transition 			: 1s;
    */
}

#feedback-container{
	margin-bottom: 4.8rem;
	margin-top: 2.4rem;
}

#feedback{
	background: rgba(255,209,0,.5);
	border-bottom: .3rem solid rgb(255,209,0);
	color: white;
	padding: 1.5rem;
	font-size: 1rem;
	line-height: 3rem;
}

.popover{
	border 		: 1px solid rgba(247,228,224,.5);
}

.popover.right .arrow{
	border-right-color: rgba(247,228,224,.5);
}

.popover-content{
	margin:0;
}

[data-role=popover-template]{
	font-size: 1rem;
}

[data-role=popover-template] h3{
	display: none;
}

[data-role=popover-template] textarea{
	border 		: 1px solid rgba(247,228,224,1);
	width: 240px;
	height: 15rem;
	padding: 0.75rem;
	margin-bottom: 0.75rem;
}

[data-role=popover-template] small{
	color: rgba(114,0,0,.5);
	display: block;
	font-size: 0.75rem;
	line-height: 1.125rem;
	font-family: "Segoe UI";
	margin-bottom: 0.75rem;
}

#comment-modal textarea {
    border: 1px solid rgb(247, 228, 224);
    height: 24rem;
    margin-bottom: 1.2rem;
    padding: 1.2rem;
    width: 100%;
}

#comment-modal  small{
	color: rgba(114,0,0,.5);
	display: block;
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-family: "Segoe UI";
	margin-bottom: 1.2rem;
}


.diaporama figure{
	position: relative;
	width: 50%;
	display: inline-block;
}

.diaporama figure > figcaption{
	font-family: "Segoe UI";
	font-size: 1.4rem;
	line-height: 2.1rem;
	padding: 1.2rem 3rem;
	margin-bottom: 1.2rem;
}

.diaporama figure > figcaption::before{
	color: rgba(114,0,0,.5);
	content:"↑";
	margin-left: -2.2rem;
	font-size: 2.1rem;
	width: 1.8rem;
	display: inline-block;
	text-align: center;
}

#content .file li {
    font-family: georgia;
    font-size: 1.12rem;
    list-style-type: disc;
    margin: 0 0 0 1.25rem;
    padding: 0 0 0.25rem;
    min-height: 0px;
}




#sidebar .tools-list li a{
 
    font-size: 1rem;
    color:#720000;
    text-decoration:none;
    word-wrap: break-word;
      -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;

}

[data-role="popover-template"] input.popover_email {
  width:240px;
} 

#comment-modal input.modal_email{
  width: 100%;
  font-family: "Segoe UI","HelveticaNeue",Helvetica,Arial,sans-serif;
}