.row{
	width:100%; 
	padding:0;
	margin:0;
}  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding:0;
}



::-webkit-scrollbar {									/* Scrollbars */
	width: 14px;
	height: 14px;
	border-radius:5px;
	box-shadow:1px 0 2px black;
}
::-webkit-scrollbar-thumb {								/* Barre */
	border: solid 0 transparent;
	background-color:#00B0E5;
	border-radius:5px;
	border:1px solid black;
	
}



body{ 
	margin:0;
	padding:0;
	color:black;
	font-family: 'Roboto', sans-serif;
	margin-top:80px;
	background-color:white;
}
.entete{
	position:fixed;
	width:100%;
	padding:0;
	height:80px;
	z-index:1000;
	top:0;
	background-image: url(http://schlitte.gerardmer.net/images/deco/bandeau.jpg);
	background-repeat: repeat;
	background-position: center;	
	text-align:right;
}


h2{
	font-size:1em;
	background-color:#CBCBCB;
	text-align:center;
	padding:10px;
	border-radius:10px;
	text-transform:uppercase;
	height:45px;
	margin-top:5px;
	color:black;
}
.barre_bas{
	position:fixed;
	background-color:#7AB41D;
	bottom:0;
	padding:8px 0;
	
}
.svg-inline--fa{
	padding:0 5px;
}
.fas, .far{
	font-size:1em;
	padding:0 5px;
}
a .fas:hover{
	opacity:0.6;
	color:red;
}
.messagerie{
	padding:0 5px;
}
.echanges{
	max-height:740px;
	overflow:auto;
}

.message_envoye{
	margin:20px 20% 50px 0;
	border-radius:10px;
	border:1px solid #00B0E5;
	font-size:1em;
	text-align:justify;
}
.message_recu{
	margin:20px 0 20px 20%;
	border-radius:10px;
	border:1px solid #00B0E5;
	font-size:1em;
	text-align:justify;
}

.texte_message{
	padding:0 5px;
}
.auteur_message{
	color:white;
	background-color:#00B0E5;
	margin-bottom:5px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	padding:5px;
	line-height:1em;
	text-align:justify;
	font-size:0.9em;
}
.pieces_jointes img{
	border-radius:10px;
	background-color:red;
	border:2px solid white;
}
.chaine_connectes{
	padding:2px;
	margin:2px;
	border-radius:5px;
	font-size:0.8em;
	color:white; 
}
	
.envoyer_message{
	background-color:#FFE121;
	padding:10px;
	border-radius:10px;
	
}
.envoyer_message_titre{
	text-align:center;
	font-size:1.5em;
}
.picto_postit{
	float:right;
}
.postit{
	padding:0 5px;
	
}
.postit_bloc{
	max-height:400px;
	overflow:auto;
}
.postit_annonce{
	border-radius:10px;
	width:95%;
	margin:20px 5px 50px 5px;
	border:1px solid #00B0E5
}
.postit_titre{
	font-size:1em;
	margin-bottom:10px;
}
.postit_message{
	font-style:italic;
	text-align:justify;
}

.favoris{
	max-height:740px;
	overflow:auto;
}

.modeemploi i{
	color:white;
	font-size:1.6em;
	position:absolute;
	right:5px;
}
.modeemploi i:hover{
	opacity:0.3;
}



.lien_visites{
	position:absolute;
	bottom:30px;
	right:5px;
	background-color:#FFE121;
	padding:5px;
	border-radius:10px;
	border:1px solid black;
}
.toggle_visites{
	background-color:green;
	position:absolute;
	z-index:1000;
	display:none;
	border:1px dashed black;
	padding:10px;
	border-radius:20px;
	box-shadow:2px 2px 2px black;
}

@media(max-width:767px){ /* TAILLE XS (noir) */
	.toggle_visites{
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		font-size:1em;
	}
}
@media(min-width:768px){ /* TAILLE SM (gris fonce) */
	.toggle_visites{
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		font-size:1em;
	}
}
@media(min-width:992px){ /* TAILLE MD (gris clair) */
	.toggle_visites{
		width:80%;
		height:80%;
		top:10%;
		left:10%;
		font-size:1em;
	}
}
@media(min-width:1200px){ /* TAILLE LG (blanc) */ 
	.toggle_visites{
		width:70%;
		height:70%;
		top:15%;
		left:15%;
		font-size:1.2em;
	}
}
.fermer_toggle_visites{
	float:right;
}

.encart{
	display:block;
	border:1px solid #00B0E5;
	border-radius:10px;
	margin:5px 0;
	margin-bottom:50px;
}
.punaise{
	position:absolute;
	top:0;
	left:0;
}
.punaise .fas{
	color:black;
}
.poubelle{
	position:absolute;
	bottom:0;
	right:0;
}
.columns {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}
.panel-default > .panel-heading{
	background-color:red; 
}
.toggle_visites{
	background-color:#5c7762; 
}
input, button, select, textarea{
	color:black;
}
.modal-body{
	background-color:#FBFAE1;
	
}
.modal_envoyer_message{
	border-radius:40px;
}
.sous_f2{
	font-size:0.6em;
}


.bouton_envoi_message{
	margin:0 10px;
	background-color:#FBFAE1;
	font-size:0.8em;
}
.label{
	font-weight:normal;
	font-size:0.8em;
}
.colonne_gauche{
	font-size:0.8em;
	font-style:italic;
}
.visite_contact{
	font-size:0.8em;
}
.visite_inscrit{
	margin:10px 0;
}
.image_piece_jointe_horizontale{
	width:30px;height:30px;
}
.image_piece_jointe_verticale{
	width:30px;height:30px;
}


.temperature_lacs p{
color:black;
font-size:0.8em;
}
.temperature_lacs label{
	color:black;
	font-weight:normal;
}
.temperature_lacs .fas{
	color:black;
	font-size:1em;
}
.picto_message .fas{
	font-size:1em;
	color:black;
	padding:5px;
	text-align:center;
}
.picto_message .fas:hover{
	color:red;
}
.emoticone{
	width:1.2em;
}
.dispos{
	width:98%;
	color:black;
	margin:0 1%;
}
.legendes{
	color:black;
	font-weight:bold;
	text-align:center;
}
.disponibilites{
	text-align:center;
	font-size:1.5em;
	background-color:#00B0E5;
	border-radius:30px;
	margin-top:3px;
	color:white;
	margin-right:5px;
}
.ligne{
	margin:5px 0;
	font-size:0.8em;
}
.icones{
	text-align:center;
}
.icones>a>.fas{
	color:white;
	font-size:1.8em;
	background-color:#00B0E5;
	width:100%;
	padding:10px 0;
	border-radius:10px;
}
.icones>a>.fas:hover{
	opacity:0.6;
}
#lien_modal_visites{
	position:fixed;
	right:10px;
	bottom:35px;
	padding:5px;
	background-color:#00B0E5;
	border-radius:10px;
	z-index:1000;
	color:white;
}
#lien_modal_visites:hover{
	opacity:0.8;
}
#lien_gestion_recups{
	position:fixed;
	right:260px;
	bottom:35px;
	padding:5px;
	background-color:#00B0E5;
	border-radius:10px;
	z-index:1000;
	color:white;
}
#lien_adherents{
	position:fixed;
	right:150px;
	bottom:35px;
	padding:5px;
	background-color:#00B0E5;
	border-radius:10px;
	z-index:1000;
	color:white;
}


.boutons_formulaire_message{
	background-color:#d6d5be;
	width:100%;
	height:100px;
	margin:5px;
	border-radius:20px;
}
.boutons_formulaire_message:hover{
	opacity:0.7;
}
.boutons_formulaire_message>.fas{
	color:black;
	font-size:2.5em;
}
.piece_jointe{
	border:1px dashed black;
	margin-bottom:10px;
	padding:10px;
	border-radius:10px;
}
.envoyer_message_titre{
	background-color:#d6d5be;
	padding:5px;
	border-radius:20px;
	margin:5px 0;
}
		
		
.modal_envoyer_message .destinataire{
	font-size:0.8em;
	
} 
.modal_envoyer_message .liste_destinataires{
	columns:5;
}
.modal_envoyer_message .message_erreur{
	background-color:#ff6363;
	padding:5px;
	border-radius:5px;
}
.modal_envoyer_message .tout_le_monde{
	color:black;
	font-size:0.8em;
	padding:2px;
	background-color:lightgrey;
	border-radius:5px;
	margin-bottom:5px;
}
.modal_envoyer_message .tout_le_monde:hover{
	background-color:grey;
}

.entete_reponse{
	font-size:0.8em;
	font-weight:bold;
}
.contenu_reponse{
	font-size:0.8em;
}
.bloc_reponse{
	
	float:right;
	width:90%;
	margin:5px 0;
	border-radius:10px;
	padding:3px;
}
.imprimer_visite{
	color:black;
	font-size:1.5em;
	padding-left:20px;
}
.liens{
	display:inline;
}
.date{
	display:inline;
}
.liens_bouton{
	background-color:orange;
	color:black;
	padding:2px;
	font-size:0.8em;
	margin:0 5px;
	border-radius:5px;
	border:1px solid black;
	display:inline-block;
}
.liens_bouton:hover{
	background-color:red;
	color:black;
	text-decoration:none;
}
.ephemeride{
	font-size:1.2em;
	color:white;
	margin:2px;
}
.recups{
	font-size:1em;
	color:white;
	margin:2px;
}