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

.content .messages .titre h3 {
	color: #fff;
	text-transform: uppercase;
	margin: 0px 35px;
}
.content .messages .separateur {
	background-color: #d4d4d4;
	height: 1px;
	margin: 10px 0px;
}
.content .messages .coin {
  background: transparent url(../images/sprite.png) no-repeat -624px -350px;
}
.content .messages .liste-message,
.content .messages.light .formulaires {
  background-color: #f3f3f3;
}
.content .messages.dark .formulaires {
  background-color: #4b413e;
}
.content .messages.laisser-message {
  background-color: transparent;
}
.content .messages.laisser-message .formulaires {
	margin: -14px 22px 0px 24px;
  padding: 10px 16px;
  width: 215px;
}
.content .messages.laisser-message .formulaires label {
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
}
.content .messages.laisser-message .formulaires textarea {
	border: 0px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
    background-color: #fff;
	font-style: italic;
    font-size: 13px;
	color: #a3a3a3;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}
.content .messages.laisser-message a.shoutbox_post_button {
  background-color: #e3e3e3;
  border-bottom: 2px solid #515151;
    color: #515151;;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    text-align: center;
}
.content .messages.laisser-message.dark a.shoutbox_post_button {
  background-color: #5f5552;
  border-color: #272322;
  color: #e3d8ce;
}
.content .messages.laisser-message a.shoutbox_post_button:hover {
  text-decoration: none;
  border-color: #aaa;
  color: #aaa;
}
.content .messages.laisser-message.dark a.shoutbox_post_button:hover {
  color: #e3d8ce;
  border-color: #e3d8ce;
}
.content .messages .liste-message {
	margin: -14px 22px 0px 24px;
}
.content .messages .liste-message .message {
    border: 0px;
    word-break: normal;
}
.content .messages .liste-message em.message_body {
	font-size: 12px !important;
    line-height: 0.9 !important;
    font-style: normal;
}
.content .messages .liste-message p {
	font-size: 12px;
}
.content .messages .liste-message p.date {
	color: #a3a3a3;
	font-size: 10px;
	text-align: right;
}
.content .messages .liste-message p.signature {
	color: #fb7102;
	text-align: right;
}
.content .messages .liste-message p.signature strong.prenom {
	text-transform: uppercase;
    font-weight: normal;
}

/* Exception pour le formulaire de témoignage */
.content #temoignage.messages.laisser-message {
    background-color: transparent;
}
.content #temoignage.messages.laisser-message .titre {
    background-image: none;
}
.content #temoignage.messages.laisser-message .formulaires {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    width: 295px;
}
.content #temoignage.messages.laisser-message .formulaires textarea {
	border: 0px;
	border-top: 1px solid #262221;
    border-left: 1px solid #2D2828;
    background-color: #433C3B;
	font-style: italic;
    font-size: 13px;
	color: #fff;
	width: 290px;
	min-width: 285px;
	max-width: 285px;
}
#pages-volontaire .messages.laisser-message,
#pages-volontaire .messages.liste-des-messages {
	background-color: #e0e1e1;
}
#pages-volontaire .messages.laisser-message .separateur-volontaire { display: none; }
#pages-volontaire .messages.laisser-message {
	background-image: url(../volontaires_v2/images/fond_tableau-de-bord.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#pages-volontaire .messages.laisser-message .titre {
	height: 69px;
	background-image: url(../volontaires_v2/images/titre_laissez-votre-message.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#pages-volontaire .messages.liste-des-messages .titre {
	height: 55px;
	background-image: url(../volontaires_v2/images/titre_derniers-messages.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#pages-volontaire .messages.laisser-message .titre h3,
#pages-volontaire .messages.liste-des-messages .titre h3 {
    opacity: 0;
    display: none;
}
#pages-volontaire .messages.laisser-message .formulaires {
    -webkit-box-shadow: #c3c3c3 5px 5px 0px;
    -moz-box-shadow: #c3c3c3 5px 5px 0px;
    box-shadow: #c3c3c3 5px 5px 0px;
}
#pages-volontaire .messages.laisser-message .formulaires a.shoutbox_post_button {
	height: 25px;
    width: 162px;
	background-image: url(../volontaires_v2/images/bouton_poster-mon-message.png);
	background-repeat: no-repeat;
	background-position: center top;
    text-indent: -10000px;
    border: 0px;
}

#pages-volontaire .pager {
    text-align: center;
    margin-top:15px;
}

#pages-volontaire .pager li{
    list-style: none;
    display: inline-block;

}

#pages-volontaire .pager a{
    background-color: #EBE7E5;
    color: #585250;
    padding: 5px 12px;
    margin-left: 1px;
    font-size: 0.8em;
    border-bottom: 2px solid #AAAAAA;
}

#pages-volontaire .pager a.active{
    color: white;
    background-color: #FB6B02;
    border-bottom: 2px solid #db4600 ;
}

/* Les dernieres missions */
/* -> pages accueil */

.content .messages.derniere-action .bx-last-mission {
    margin: 0px 0px 0px 30px;
}
.content .messages.derniere-action {}
.content .messages.derniere-action .titre h3 br {
    display: none;
}
.content .messages.derniere-action ul#les-dernieres-missions {
    list-style: none outside none;
    padding: 0px;
    margin: 0px 25px;
}
.content .messages.derniere-action ul#les-dernieres-missions li h4 {
    font-weight: bold;
    font-size: 16px;
}
.content .messages.derniere-action ul#les-dernieres-missions li p.compteur {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.content .messages.derniere-action .button-vous-aussi-participez {
    background-color: #ededed;
    border-bottom: 2px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    width: 275px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px 0px 0px 12px;
}
.content .messages.derniere-action .button-vous-aussi-participez a {
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 0px;
}
/* -> pages volontaires */
.temoignages .messages.derniere-action .bx-last-mission {
    margin: 115px 0px 0px 45px;
}
.temoignages .messages.derniere-action {
    background-image: url(../volontaires_v2/images/fond_leur-dernieres-actions.png);
    width: 342px;
    height: 277px;
    overflow: hidden;
	margin: -30px 0px 0px 0px;
    float: right;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions {
    list-style: none outside none;
    padding: 0px;
    margin: 0px 25px;
    width: 200px;
}
.temoignages .messages.derniere-action h3 {
	color: #fff;
	letter-spacing: -1px;
	line-height: 15px;
    text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	height: 58px;
	background-image: url(../volontaires_v1/images/thumb_derniere-action.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 3px 0px 0px 0px;
}
.temoignages .messages.derniere-action h3 span.surtitre {
	font-size: 12px;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li {
    width: 245px;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li h4 {
    font-weight: bold;
    font-size: 16px;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li p {
    font-size: 12px;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li div.compteur {
    /*position: absolute;*/
    background-image: url(../volontaires_v2/images/fond_compteur-dernieres-actions.png);
	background-repeat: no-repeat;
	background-position: center top;
    width: 80px;
    height: 80px;
    text-align: center;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li div.compteur p {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 8px;
    line-height: 10px;
    padding: 15px 0px;
}
.temoignages .messages.derniere-action ul#les-dernieres-missions li div.compteur p span.chiffre {
    font-size: 25px;
    /*font-style: italic;
    font-weight: bold;*/
}
/* Exception pour la page d'accueil */
/*#forms-participer .content .messages.laisser-message .formulaires {
	margin: -11px 22px 0px 23px;
}*/
/*#forms-participer .content .messages .liste-message {
    margin: -10px 5px;
*/

/* Zone de debrief */
#zone-de-debrief {
    width: 630px;
}
#zone-de-debrief .titre {
    width: 630px;
    height: 85px;
    text-align: center;
}
#zone-de-debrief .contenu {
    width: 630px;
    background-image: url(../volontaires_v2/images/fond_zone-de-debrief.png);
    background-repeat: repeat-y;
}
#zone-de-debrief .contenu .formulaires {
    padding: 0px;
    width: 510px;
}
#zone-de-debrief .contenu .formulaires textarea {
    width: 510px;
    max-width: 510px;
    min-width: 510px;
    font-style: italic;
    color: #777777;
    background-color: #f2f2f2;
    border-color: #cecece;
}
#zone-de-debrief .contenu .formulaires input[type=submit] {
    width: 171px;
    height: 56px;
    background-image: url(../volontaires_v2/images/bouton_envoyer.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: none;
    border: 0px;
    text-indent: -10000px;
}
#zone-de-debrief .contenu .liste-des-messages {
    padding: 0px;
    margin: 0px auto;
    width: 510px;
}
#zone-de-debrief .contenu .liste-des-messages h2 {
    color: #3d414c;
    font-size: 25px;
    font-weight: bold;
}
#zone-de-debrief .contenu .liste-des-messages .un-message {
    border-bottom: 1px solid #cecece;
    font-size: 14px;
    color: #777777;
    line-height: 17px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message.last {
    border-bottom: 0px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .avatar {
    width: 62px;
    height: 62px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .avatar img {
    width: 62px;
    height: 62px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .infos {
    width: 120px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .infos span {
    margin-left: 10px;
    display: block;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .infos span.nom {
    font-size: 14px;
    font-weight: bold;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .infos span.ville,
#zone-de-debrief .contenu .liste-des-messages .un-message .infos span.date,
#zone-de-debrief .contenu .liste-des-messages .un-message .infos span.heure {
    font-size: 12px;
    height: 14px;
}
#zone-de-debrief .contenu .liste-des-messages .un-message .texte {
    width: 313px;
}
#zone-de-debrief .contenu .bouton-afficher-plus-message {
	background-color: #dcdbdb;
	text-align: center;
	width: 510px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
}
#zone-de-debrief .contenu .bouton-afficher-plus-message a {
	display: block;
	font-weight:bold;
	font-size: 30px;
	text-decoration: none;
	color: #777777;
}
#zone-de-debrief .bottom {
    width: 630px;
    height: 32px;
    background-image: url(../volontaires_v2/images/fond_bottom-zone-de-debrief.png);
    background-repeat: no-repeat;
    background-position: center center;
}
/* PAGE DES MESSAGES */

.messages-page .title{
    color: #585150;
    font-size: 50px;
    letter-spacing: 0.1px;
}

#message_tabs{
    margin-top: 20px;
    margin-bottom: 50px;
}

#message_tabs li{
    width: 140px;
    height: auto;
    text-align: center;
    padding: 5px 0px;
}

#message_tabs li:first-child{
    width: 180px;
}

#message_tabs li.active{
    background-color: #FB7100;
}

#message_tabs li a{
    color: #777777;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.2px;
    cursor: pointer;
    text-decoration: none;
}

#message_tabs li.active a{
    color: white;
}

.message_container{
    padding-top: 25px;
    padding-bottom: 25px;
}

.message_creator {
    font-size: 18px;
    margin-bottom: 5px;
}
.message_creator strong {
    font-weight: normal;
}
.message_date{
    color: #777777;
    font-size: 10px;
    font-family: Arial;
    margin-bottom: 20px;
}

.message_text{
  color: #777777;
  font-style: normal;
  line-height: 150%;
}

.message_container{
    width: 500px;
}

.message_like{
    margin-top: 25px;
    padding-left: 46px;
    padding-top: 5px;
    height: 40px;
    display: block;
    float: right;
    font-family: 'proxima-nova', Arial, sans-serif;
    background: url("../images/boutons/icone-messages.png") no-repeat scroll left top transparent;
}
.message_like:hover{
    background-position: left bottom;
}

.message_top_line{
    border: 0;
    height: 1px;
    color: #d3d3d3;
    background-color: #d3d3d3;
}

/*.shoutbox_more_link {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #B8B8B8;
    clear: both;
}*/

.forms-participer .sidebar-right .plus {
    background: none repeat scroll 0 0 #69615F;
    border-bottom: 1px solid #000000;
    clear: both;
}
.forms-participer .sidebar-right .shoutbox_message_more_link {
    padding: 13px 0;
}

.shoutbox_message_more_link {
    background-color: #EDEDED;
    border-bottom: 1px solid #B8B8B8;
    margin: 0px auto;
    /*padding: 10px 0;*/
    text-align: center;
    width: 250px;
    line-height: 30px;
}
.shoutbox_message_more_link a {
    color: #515151;
    text-decoration: none;
}

#message_no_results{
    font-family: 'proxima-nova', Arial, sans-serif;
    text-align: center;
}

#message_no_results h3{
    font-size: 18px;
}

#message_no_results h4{
    margin-top: 10px;
    font-style: italic;
    color: #777777;
}