.logo {
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px;
	margin: 0;
  	font-family: inherit;
  	font-weight: bold;
  	color: inherit;
	text-shadow: 5px 5px 5px #999;
  	text-rendering: optimizelegibility;
}

.logo::first-letter {
	color: #f60;
}

/*
.well {
	padding-left : 10px;
	padding-right : 10px;
}
*/
/*
p {
	 text-align: justify; 
	 text-justify: distribute ;
}
*/

.titre_rubrique {
	padding: 0 0 0 15px;
  	margin: 0 0 5px;
 	border-left: 5px solid #eeeeee;
  	border-color: #f60;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #999;
}

.titre_rubrique a {
	color: #999;
}


/*--------!! ordre !!---------*/
.une h1 {
	font-size : 22px;
	line-height : 28px;
	margin-bottom : 0px;
}

h1.mrub {
	font-size : 14px;
	line-height : 20px;
	font-weight: bold;
	margin-top : 3px;
	margin-bottom : 4px;
}

.mrub a {
	color: #f60;
}
/*----------------------------*/


.une img {
	float : left;
	margin-right : 5px;
	margin-bottom : 5px;

}

.resize img {
	max-height: 150px;
	max-width: 250px;
	height : auto;
	width : auto;
	float: left;
	margin-right : 10px;
	margin-bottom : 3px;
}


.date {
	margin-bottom : 10px;
	font-weight : bold;
}


.label {
	margin-top : 5px;
	margin-bottom : 5px;
	/* margin-right : 50%; */
	margin-left : 0px;

}


.sidebar-nav h1 {
	font-size : 16px;
	line-height : 22px;
	margin-top : 0px;
}


.date_breve {
	font-weight : bold;
}

.edito h1 {
	margin-bottom : 0px;
}



.rdw h1 {
	margin-bottom : 0px;
}

.ps {
	width:90%;
	background-color : silver;
	-moz-border-radius : 1.2em;
	-webkit-border-radius: 1.2em;
	/* border-radius: 1.2em; */	

	/* border : 1px solid #FF6600; */
	/* margin : 0.5em; */
	padding : 1.5em;
	margin : 1.5em;
	font-size : 0.9em;	
}

.notes {
	clear: both;
	margin : 1em;
	margin-top : 0em;
	padding : 0.7em;
	padding-top : 0;
	border-top: 1px solid #CCC;
	font-size: 0.9em;
	}
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; margin:0; padding:0;}


/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 © Nicolas Gallagher 
------------------------------------------ */


/* ============================================================================================================================
== GENERAL STYLES
** ============================================================================================================================ */




blockquote {
    margin:1em 0;
}

blockquote p {
    margin:0; 
    font-size:1em;
}


/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:2px solid #f60;
	color:#333;
	background:#eee;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.previsu {
	border : 2px dashed #f60;
}	

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
	margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
	margin-right:30px;
}

.triangle-border blockquote {
	border-color : #f60;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#f60 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-18px; /* value = - border-top-width - border-bottom-width */
	left:42px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:18px 18px 0;
	border-style:solid;
	border-color:#eee transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */
.triangle-border.top {
	margin-left : 30px;
}

.triangle-border.top.nivn {
	margin-left : 60px;
}

/* creates the larger triangle */
.triangle-border.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-18px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:42px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 18px 18px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 30px 15px 0;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 21px 9px 0;
	border-color:transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 0 15px 30px;
	border-color:transparent #5a8f00;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #fff;
}
/*--------------------*/
/* Articles agitateur */
/*--------------------*/

.surtitre {
	font-size : 1.2em;
	font-weight : bold;
	margin-bottom : 0.5em;
}


.soustitre {
	font-size : 1.5em;
	font-weight : bold;
	margin-top : 0.5em;
	margin-bottom : 0.5em;

}

.well-article strong {
	font-size : 1.2em;
	font-weight : bold;
}







/*-----------------*/
/* Forum agitateur */
/*-----------------*/

.basdemessage {
	border-top: 1px dashed #3060A0;
	margin-top: 1em;
	padding-top : 0.5em;
}



.barretitremessage {
	border-bottom: 1px dashed #3060A0;
	margin-bottom : 0.5em;
	padding-bottom : 0.5em;
}

.titremessage {
	font-size : small;
	font-weight: bold;
}

.auteurmessage {
	font-size : x-small;
	font-weight: bold;
	color : maroon;
}

.datemessage {
	font-size : x-small;
}

.nouveaumessage {
	float : right;
	margin :0;
	padding : 0;
	font-size : x-small;
	font-weight: bold;
	color:green;
}

.repondremessage a {
	float : right;
	margin :0;
	padding : 0;
	text-decoration: none;
	margin-right : 0.5em;
	color: #000000;
	font-size: x-small;
	font-weight: bold;
	color:black;
}

.repondremessage a:hover {
	text-decoration : underline;
}

.reponda a {
	margin :0;
	padding : 0;
	text-decoration: underline;
	color : black;
	}

.reponda a:hover {
	color:red;
}