@charset "utf-8";
/* CSS Document */

/*
 * HEXA COLORS
    Gris TF : 646665
    Gris : C9C9C9
    Gris clair : EEE8E6
    
    Bleu foncé : 0C78A3
    Bleu TF : 00B6DC
    Bleu : 0099D4
    Bleu clair : 80CCE9
    Bleu pale : D9F4FA
    
    Jaune : FFF500
*/

/*
==================================================
	Table of Contents / Sommaire
==================================================
    #Mobile (Portrait)	// 320px
	#Mobile (Landscape)	// 576px
    #Tablet (Portrait)	// 768px
	#Tablet (Landscape)	// 992px
	#Computer			// 1200px+ > 1250 avec scrollbar 
*/


/*
==================================================
	Mobile (Portrait)	// 320px
==================================================
*/
#dcomment {
    display: block;
    float:left;
    margin-top: 1rem;
    width:100%;
}

#dcomment .one {
    display: block;
    float:left;
    width:100%;
    margin-bottom: 1rem;
}

#dcomment .one .author {
    float:left;
    font-weight: bold;
    text-indent: 1.313rem;
}

    
    #dcomment .one a[class*="icon-"] {
        display:inline;
        margin-left:.5rem;
    }

#dcomment .one .date {
    float:right;
    font-size: .688rem;
}

#dcomment .one p {
    display: block;
    float: left;
    width:100%;
    clear: both;
    background: #EEE;
    padding: .25rem;
    margin-top: .35rem;
}

#dcomment .one p:before {
    content: '';
    display: inline;
    float: left;
    z-index:1000;
    border-bottom: 1rem solid #EEE;
	border-left: .85rem solid transparent;
	margin: -1rem 0 0 -.2rem;
}


/*
==================================================
	Mobile (Landscape)	// 576px
==================================================
*/
@media screen and (min-width: 576px) {

}/*/mediaquery*/


/*
==================================================
	Tablet (Portrait)	// 768px
==================================================
*/
@media screen and (min-width: 768px) {
#dcomment .one {
    margin-bottom: 1.5rem;
}

}/*/mediaquery*/


/*
==================================================
	Tablet (Landscape)	// 992px
==================================================
*/
@media screen and (min-width: 992px) {

}/*/mediaquery*/


/*
==================================================
	#Computer			// 1200px+ > 1250 avec scrollbar 
==================================================
*/
@media screen and (min-width: 1200px) {
#dcomment .one a[class*="icon-"] {
    display:none;
}

#dcomment .one:hover a[class*="icon-"] {
    display:inline;
}
}/*/mediaquery*/

/*//////////////////////////////////// RAPPEL CSS 3 ///////////////////////////////////////*/
	/* Rounded corners 
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px;	
	-o-border-radius:		5px;	
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;	
	-chrome-border-radius:	5px;
	border-radius:			5px;*/
	
	/* Shadow box 
	-moz-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-ms-box-shadow:			0 2px 2px rgba(0,0,0,.5);
	-chrome-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-o-border-box-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	box-shadow:				0 2px 2px rgba(0,0,0,.5);*/
	
	/* Shadow Text 
	-moz-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-ms-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-chrome-btextox-shadow:	0 2px 2px rgba(0,0,0,.5);
	-o-border-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	text-shadow:			0 2px 2px rgba(0,0,0,.5);*/
	
	/*Transition
	-moz-transition:		all .3s ease;
	-webkit-transition:		all .3s ease;
	-ms-transition:			all .3s ease;
	-o-transition:			all .3s ease;
	-khtml-transition:		all .3s ease;
	-chrome-transition:		all .3s ease;
	transition: 			all .3s ease;*/
	
	/*ease // linear // ease-in // ease-out // ease-in-out */
	
	/*Transform
	-webkit-transform: 	scale(1);
   -moz-transform: 		scale(1);
   -o-transform: 		scale(1);
   transform: 			scale(1);*/
	
	/*Opacity
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 *//*
    filter : alpha(opacity=100); /* IE < 8 */