/* Blocs-easyblog - 5 blocs DIV sous forme d'un tableau*/
.blocs-easyblog {
	font-size:1.8em;
	text-align: center;
	width:20%;
	float:left;
	padding:15px;
	
}
@media screen and (max-width: 320px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 480px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 600px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 768px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 800px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1024px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1281px) {
	.blocs-easyblog {
		width:100%;
		font-size:1em;
	}

}

/*Modification de la grandeur de la zone de saisie dans rsdirectory*/

.rsdir-field-wrapper textarea{
width:100%!important;
}

/* Champs titre des formulaires rsdirectory imposé en Majuscule */

.rsdir-textbox {
    text-transform: uppercase;
}

/* fond listing category rsdirectory */
.blueClass {
	background-color:#f5f9fa;
}
.grisClass {
	background-color:#fffacd;
}
.vertClass {
	background-color:#e8ffd2;
}


.assosClass {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.colorR {
	color:red;
}
/* Texte sur 2 colonnes */
.col02 {
		-moz-column-count:2;
		-webkit-column-count:2;
		-o-column-count:2;
		column-count:2;
		-moz-column-gap:20px;
		-webkit-column-gap:20px;
		-o-column-gap:20px;
		column-gap:20px;
		-webkit-column-rule-width:1px;
		-webkit-column-rule-color:#cbcefb;
		-webkit-column-rule-style:solid;
		-moz-column-rule-width:1px;
		-moz-column-rule-color:#cbcefb;
		-moz-column-rule-style:solid;
		-o-column-rule-width:1px;
		-o-column-rule-color:#cbcefb;
		-o-column-rule-style:solid;
		column-rule-width:1px;
		column-rule-color:#cbcefb;
		column-rule-style:solid;
}
/* image ovale */
.image-ovale50 {
    border-radius: 50%;
}
.image-ovale20 {
    border-radius: 20%;
}
/* texte en majuscule */
.majuscule p span{
    text-transform: uppercase;
}
/*  Image rognée pour même taille non déformée  */
.image_rogne {
/*background-size: cover;*/
width: 90%;
/*height: 200px;*/
margin-bottom:-200px;
}

/* affichage galerie photo avec cadre blanc */
.galerie img {
 	float:left;
 	padding:10px;margin:5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-top: 20px;
    height: 300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	clear;both;

}

/* Fin de blok ou ligne après la galerie dans les articles*/
.after-box {
    clear: left;
	display: inline-block;
}

/* image en gris  */
img.desaturate {
    filter: gray;
/* IE6-9 */
    filter: grayscale(1);
/* Firefox 35+ */
    -webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
}

/* template rsevento fond bleu, ligne 24 chemin : Templates/RSEvento!Details et fichiers/css/theme/orange */
.site {
	background-color: #1ea3dc;
}

/* template rsevento ligne noire en ligne blanche, ligne 184 chemin : Templates/RSEvento!Details et fichiers/css/theme/orange */
.rstpl-colored-bottom-line {
	background:#ffffff;
}

/* template rsevento couleur fond bleu facebook à la place du noir, ligne 472 chemin : Templates/RSEvento!Details et fichiers/css/theme/orange */
.rs_events_container > li > .rs_event_titles {
			background:#3c5a95;
			color:#FFFFFF;
}

/* template rsevento couleur bleu facebook, ligne 265 chemin : Templates/RSEvento!Details et fichiers/css/theme/orange */
.breadcrumb  a {
	color:#3c5a95;
}

/* template rsevento couleur bleu facebook Pour que le texte apparaisse dans easysocial : évènements, ligne 275 chemin : Templates/RSEvento!Details et fichiers/css/theme/orange */
.btn-primary, .btn, .button, button {
	color:#3c5a85;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#faa732;
	background-image:-moz-linear-gradient(top, #fbb450, #f89406);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image:-webkit-linear-gradient(top, #fbb450, #f89406);
	background-image:-o-linear-gradient(top, #fbb450, #f89406);
	background-image:linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	border-color:#f89406 #f89406 #ad6704;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* template rsevento couleur bleu facebook, ligne 2117 chemin : Templates/RSEvento!Details et fichiers/css/theme/template.css */
.rsepro_search_form label {
		background:#3c5a95;
		padding:3px;
		color:#FFFFFF;
		font-family:'OswaldLight',cursive;
		font-size:16px;
}

/* mise en page des articles France sur composant rsdirectory */
#conteneurvisuel
{
	text-align:center;
}
.bloccarte
{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

/* mise en page modules carte (régions-départements) - Column left sur composant rsdirectory */
#conteneurvisuelmodulecarte
{
	text-align:center;
}
.bloccartemodule
{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

/* Modification de la couleur de fond du menu easysocial, habituellement transparent*/
body #es .es-toolbar {
    background-color: #F2FAFA;
}

/*code pour corriger le bug d'affichage du module Rsdirectory! Entrees recentes*/
.rsdir-newest-entry .thumbnail {
    padding: 0;
}

/*Couleur dans la position BEFORE-BOTTOM du template RSEVENTO 2*/
#rstpl-before-bottom-position {
    background-color: #00aeef;
}

#rstpl-before-bottom-position .container {
    background-color: #f5f5f5;
}

/*Template RSEVENTO 2 fond blanc et coté en bleu*/
.body {
background-color: #00aeef;
}
.container {
    background-color: #ffffff;
    padding: 10px;
}

/*remonter du bouton du plugin Conversekit*/
/*body #ck .layout-compact {
    bottom:5%;
}*/

/*mettre le bouton Conversekit à côté du top of page*/
body #ck .layout-compact {
    right: 5%;
}

/* Blocs-basdepage - 2 blocs DIV sous forme d'un tableau avec QRCODE*/
.blocs-basdepage1 {
	text-align: center;
	width:20%;
	float:left;
	padding:5px;
	
}
.blocs-basdepage2 {
	width:80%;
	float:left;
	padding:1% 0;
	
}
@media screen and (max-width: 320px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 480px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 600px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 768px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 800px) {
	.blocs-basdepage1{
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1024px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1281px) {
	.blocs-basdepage1 {
		width:100%;
		font-size:1em;
	}

}

@media screen and (max-width: 320px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 480px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 600px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 768px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 800px) {
	.blocs-basdepage2{
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1024px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1281px) {
	.blocs-basdepage2 {
		width:100%;
		font-size:1em;
	}

}

/*correction chevauchement logo loupe sur texte dans esayblog*/
body #eb.eb-view-search .input-group-btn .btn .fa.fa-search {
    float: left;
    width: 0.3em;
    margin: 3px;
}

/*tableau responsive article 460-budget-previsionnel*/
@media screen and (max-width: 320px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 480px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 600px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 768px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 800px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1024px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}
@media screen and (max-width: 1281px) {
	.tableau1 {
		width:100%;
		font-size:1em;
	}

}

/*code pour faire apparaitre un chariot en bas d'un tableau*/
.wdgScrollH {
    position: relative;
    overflow-x: auto;
    max-width: 100%;