/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* CSS CUSTUM GERPLA - PROD


/*<style type="text/css">
  @import url(https://www.gerpla.fr/media/jui/css/bootstrap.min.css);
</style>*/

 
/* ========================================================================
   Ligne 10192 remonter le "sidebar-logo"
 ========================================================================== */
  
 .uk-notouch .tm-sidebar-open .tm-sidebar > :first-child {
    margin-top: 20px;
	margin-left: 20px;
}


/* ========================================================================
   Ligne 1566 Réduire taille titre des articles
   /templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

.uk-article-title {
    margin-top: 10px;
    font-size: 25px;	/* font-size: 36px; */
    line-height: 30px;	/* line-height: 42px; */
    font-weight: normal;
    text-transform: none;
}



/* ========================================================================
   Ligne 288 - CSS hr
   /templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

hr {
    box-sizing: content-box;
    height: 0;
    margin: 5px 0 25px 0;	/* margin: 5px 0; */
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid rgba(211,205,206,1.00);	/* #f4f7f7 */
}



/* Theme overlay Ligne 234 augmenter l'espace sous le titre du module après effet
 ========================================================================== */
/*h2, .uk-h2 {
    font-size: 24px;
    line-height: 15px;
}*/



/* Theme Ligne 10101 modifier la couleur du fond "Search" dans sidebar-main ainsi que la largeur
 ========================================================================== */
.uk-notouch .tm-sidebar input.uk-search-field {
    width: 170px;	/* width: 190px; */
    background: #536579;	/*  background: #8f2f21; */	/*  background: #485e77; */
    color: #ffffff;
	border-color: #687b8e;
}



/* Theme Ligne 10011 réduire l'espace entre icons et menus
 ========================================================================== */
.uk-notouch .tm-sidebar .uk-navbar-nav > li > a > i, .uk-notouch .tm-sidebar .uk-navbar-nav > li > a > img {
    width: 38px;	/* width: 50px; */
    color: #b5bdc5;
    font-size: 22px;	/* font-size: 25px; */	/* réduire la taille des icons */
    -webkit-transition: opacity linear .1s;
    transition: opacity linear .1s;
	margin-right: -3px;	/* ajout de code pour approcher lees menus des 2 flêches */
}



/* Theme Ligne 10019 réduire l'inter entre chaque icons
 ========================================================================== */
.uk-notouch .tm-sidebar .uk-navbar-nav > li > a > i::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;	/* width: 50px; */
    line-height: 48px;	/* line-height: 44px; */
    text-align: center;
}



/* Theme Ligne 10002 réduire l'espace entre chaque menus
 ========================================================================== */
.uk-notouch .tm-sidebar .uk-navbar-nav > li > a {
    position: relative;
    height: 43px;	/* height: 48px; */	/* height: 50px; */
    background-color: rgba(255, 255, 255, 0);
    color: #B5BDC5;
    line-height: 50px;
    transition: all 0.1s linear 0s;
}

/* Theme Ligne 2121 réduire l'espace entre les menus et les sous-titres
   templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */
.uk-navbar-nav-subtitle > div {
    margin-top: -15px;	/* margin-top: -9px; */
    font-size: 12px;
    line-height: 14px;
    margin-left: 40px; /* ajout de code pour approcher lees menus des 2 flêches */
}


/* Theme Ligne 2131 réduire l'espace gauche des menus
   templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 50px;
    padding: 0 6px;	/* padding: 0 15px; */
    line-height: 50px;
    color: #97a1a7;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}







/* Theme Ligne 9498 modifier le bloc search sur la page d'accueil
 ========================================================================== */
 .uk-search {
    display: inline-block;
    position: relative;
    margin: 10px 10px 0px 10px;	/* margin: 0px; */
}


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px 0;
        margin-top: 0px;
    font-family: 'Boogaloo';
    font-weight: normal;
    color: #a31e2f;     /* color: #912e1a; */
    text-transform: none;
}


/* Theme Ligne 10558 modifier les couleurs des boutons pour le slideshow sur image claires
 ============================================================================================= */
.tm-contrast .uk-button2:not(.uk-button-primary):not(.uk-button2-success):not(.uk-button2-danger) {
    border-color: #a31e2f4d;	/* color: #ffffff; */
    background: none;
    box-shadow: inset 0 0 0 0 #ffffff;
    color: #a31e2f;	/* color: #ffffff; */
}

.tm-contrast .uk-button2:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):hover {
    background: #ffffff;
    box-shadow: inset 0 0 0 20px #ffffff;
    color: #a31e2f;	/* color: #97a1a7; */
}

.uk-button2 {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
    color: #8f2f21;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: rgba(255, 255, 255, 0);
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 4px solid #a31e2f4d;	/* border: 4px solid #f4f7f7; */
    border-radius: 500px;
    box-shadow: inset 0 0 0 0 #f4f7f7;
}

.uk-button2:hover, .uk-button:focus {
    background-color: #f4f7f7;
    color: #97a1a7;
    outline: none;
    text-decoration: none;
    box-shadow: inset 0 0 0 20px #f4f7f7;
    -webkit-transition: box-shadow 0.2s ease-out, background 0.3s linear;
    -moz-transition: box-shadow 0.2s ease-out, background 0.3s linear;
    transition: box-shadow 0.2s ease-out, background 0.3s linear;
    background-clip: border-box;
    background-origin: border-box;
}



/* Theme Ligne 195 modifier la couleur du texte Body
	http://gerpla.fr/templates/yoo_peak/styles/gerpla/css/bootstrap.css
 ========================================================================== */

body {
  margin: 0;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #545b60;	/* color: #747c82; */	/* color: #E71C1F; */
  background-color: #ffffff;
}


/* Theme Ligne 88 modifier la couleur du texte en italique
	http://gerpla.fr/templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

em {
    color: #912e1a;	/* color: #dd0055; */
}



/* 	Sous menus
	Theme Ligne 88 modifier la couleur du texte en italique
	http://gerpla.fr/templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

.uk-nav ul a {
    padding: 2px 0px 2px 0;
    margin-bottom: 10px; /* <- ajout de code */
}

li, dt, dd {
    line-height: 22px;
}

.uk-dropdown .uk-nav-sub {
    background: #697b8e; /* background: #607286; */
}

.uk-dropdown {
    color: #c5d2df;
    font-size: 0.95rem;	/* font-size: 1rem; */
}


/* 	COMMUNITY BUILDER

	Theme Ligne 8915 modifier la couleur du texte "Nom du lieu"
	/components/com_comprofiler/plugin/templates/default/bootstrap.css?v=4264fae8bcbdddde
 ========================================================================== */
.cb_template .text-primary {
    color: #a31e2f !important; /* #007bff */
}


/*	Theme Ligne 170 modifier la couleur des Noms
	/components/com_comprofiler/plugin/templates/default/bootstrap.css?v=4264fae8bcbdddde
 ========================================================================== */
.cb_template a {
    color: #a31e2f;	/* color: #007bff; */
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


/*	Theme Ligne 4725 modifier la couleur de la PAGINATION
	/components/com_comprofiler/plugin/templates/default/bootstrap.css?v=4264fae8bcbdddde
 ========================================================================== */
.cb_template .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #a31e2f;	/* background-color: #007bff; */
    border-color: #a31e2f;	/* border-color: #007bff; */
}


/*	Theme Ligne 4685 modifier la couleur de la PAGINATION
	/components/com_comprofiler/plugin/templates/default/bootstrap.css?v=4264fae8bcbdddde
 ========================================================================== */
.cb_template .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #a31e2f;	/* color: #007bff; */
    background-color: #fff;
    border: 1px solid #dee2e6;
}


/*	Theme Ligne 1301 modifier la hauteur par default du canvas
	/components/com_comprofiler/plugin/templates/default/template.css?v=4264fae8bcbdddde
 ========================================================================== */
.cb_template .cbCanvasLayout .cbCanvasLayoutTop {
    min-height: 350px;
}


/*	Theme Ligne 2780 modifier la couleur des filets gris des tabs "Annuaires" Régions
	/templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */
.uk-tab-left {
    border-right: 1px solid rgba(211,205,206,0.80);	/* border-right: 1px solid #f4f7f7; */
}

/*	Theme Ligne 2773 : /templates/yoo_peak/styles/gerpla/css/theme.css ====== */
.uk-tab-left > li.uk-active > a,
.uk-tab-right > li.uk-active > a {
    border-color: rgba(211,205,206,0.80);	/* border-color: #f4f7f7; */
  }



.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 28px;	/* width: 54px; */
    height: 28px;	/*  height: 54px; */
    border-radius: 100%;
    background: #536579;
    line-height: 27px;	/* line-height: 54px; */
    color: #ffffff;
    font-size: 20px;	/* font-size: 27px; */
    text-align: center;
    -webkit-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    -moz-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
}


/*	Geommunity3CB for Community Builder :
	Permet de ne pas afficher dans bulle l'info "vues"
	inline:88
 ========================================================================== */

div#fd.geom.geombox.geombox-profile .geombox-info {
    position: absolute;
    width: 100%;
    padding-left: 61px;
    top: 70px;
    display: none;
}

div#fd.geom.geombox.geombox-profile {
    width: 310px;
    height: 100px;	/*  height: 145px; */
    background-color: #fff;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.table-customfields{max-width:310px}

div#fd.geom.geombox.geombox-profile .profile-details {
    color: white;
	background-color:rgba(163,30,47,0.65);
	/* display: none;*/
	}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 15px;
}

div#fd.geom.geombox.geombox-profile .profile-details {

    position: absolute;
    z-index: 2;
    /* bottom: 75px; */
	top: 75px;
    left: 0;
    color: white;
    padding: 0 10px 0 86px;
    width: 310px;
    height: 61px;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.5));
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.5));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#7f000000',GradientType=0);

}


/*	Geommunity3CB for Community Builder :
	Changer la couleur des textes dans les champs de saisie
	/templates/yoo_peak/styles/gerpla/css/bootstrap.css
 ========================================================================== */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
    box-shadow: none;
    height: 28px;
    line-height: 28px;
    color: #97a1a7;		/* color: #a31e2f; */
    border-radius: 3px; width: 100%;
}

/*	Geommunity3CB for Community Builder :
	CSS des champs de saisie "rechercher LVA" et "info adresse"
	/templates
 ========================================================================== */


/*	Module "sidebar-a" Actus : modifier couleur filet entre actus
	/templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

.uk-list-line > li:nth-child(n+2) {
    margin-top: 11px;	/* margin-top: 5px; */
    padding-top: 11px;	/* padding-top: 5px; */
    border-top: 1px solid #a31e2f;	/* border-top: 1px solid #a31e2f; */
}


/*	Actualités :
	CSS des flèches
	/components/com_roksprocket/layouts/headlines/themes/default/headlines.css
 ========================================================================== */

.sprocket-headlines-navigation .arrow {
    position: relative;
    display: block;
    width: 20px;
    height: 21px;
    border-radius: 1.5em;
    opacity: 0.7;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bolder;
	padding-bottom: 7px;
	/* line-height: -25px; */
}


/*	Timeline Historique - Ligne 66 - Titre date
	/modules/mod_jux_timeline/assets/css/style.css
 ========================================================================== */
.jux-tl-item .jux-tl-time {
    color: #a31e2f;	/* color: #797979; */
    font-size: 24px;	/* font-size: 14px; */
    font-weight: bold;
    position: absolute;
    top: 20px;
    min-height: 23px;
    min-width: 230px;
    cursor: pointer;
}


/*	Timeline Historique - Ligne 87 - Bloc texte
	/modules/mod_jux_timeline/assets/css/style.css
 ========================================================================== */

.jux-tl-info {
    background: none repeat scroll 0 0 #E0E7F0;	/* #5C5C5C */
    border-radius: 8px 8px 8px 8px;
    padding: 25px 40px;
    position: relative;
}


/*	Timeline Historique - Ligne 114 - Couleur flèche bloc droit
	/modules/mod_jux_timeline/assets/css/style.css
 ========================================================================== */

.jux-tl-item.right .arrow {
    top: 30px;
    left: -10px;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: #E0E7F0;	/* #5C5C5C */
}


/*	Timeline Historique - Ligne 114 - Couleur flèche bloc gauche
	/modules/mod_jux_timeline/assets/css/style.css
 ========================================================================== */

.jux-tl-item.left .arrow {
    top: 30px;
    right: -10px;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: #E0E7F0;	/* #5C5C5C */
}


/*	Timeline Historique - Ligne 157 - Couleur texte bloc
	/modules/mod_jux_timeline/assets/css/style.css
 ========================================================================== */

.jux-tl-item .jux-tl-desc {
    display: none;
    overflow: hidden;
    color: #a31e2f;	/* #9b9b9b; */
}


/*	Champs recherche - Ligne 9508 - CSS Loupe
	/templates/yoo_peak/styles/gerpla/css/theme.css
 ========================================================================== */

.uk-search::before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    line-height: 28px;	/* line-height: 45px; */
    text-align: center;
    font-family: FontAwesome;
    font-size: 15px;	/* font-size: 20px; */
    color: #d3d3d3;
}


/* ========================================================================
	Timeline Latest News as Timeline - Ligne 53
	/modules/mod_jlatest_timeline/assets/css/jtimeline.css
 ========================================================================== */

.timeline-breaker {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    display: contents;	/* <- ajout de ce code */
}


/*	Timeline Latest News as Timeline - Ligne 67
	Modifier le triangle vers le bas
	/modules/mod_jlatest_timeline/assets/css/jtimeline.css
 ========================================================= */

.timeline-breaker::after {
    content: '\f150';	/* content: '\f0d8'; */
    display: block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-style: normal;
    height: 30px;
    margin: -55px auto 0;	/* margin: 0 auto -44px; */
    right: auto;
    width: 30px;
    color: #a31e2f;	/* color: #004466; */
}

/*	Timeline Latest News as Timeline - Ligne 164
	Ne pas afficher la date par default
	/modules/mod_jlatest_timeline/assets/css/jtimeline.css
 ========================================================= */

.timeline-item .item-time {
    float: right;
    height: 20px;
    line-height: normal;
    margin: -25px 5px 5px;
    display: none;	/* <- ajout de ce code */
}


.timeline-item::after {
    background: none repeat scroll 0 0 #fff;
    content: "\f192";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    width: 30px;
    top: 34px;
    right: -60px;
    border-radius: 16px;
    color: #536579;	/*  color: #004466; */
}



/*	Bouton CSS "Slideshow" pour annoncer un evenement
 ========================================================= */

.button_slidehome{
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	padding: 3px 20px 6px 20px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	
	border:0px solid #697B8E;
	font-weight:bold; color: #FFFFFF;
	background-color: #DF6350;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#DF6350), to(#8F2F21));
	background-image: -webkit-linear-gradient(top, #DF6350, #8F2F21);
	background-image: -moz-linear-gradient(top, #DF6350, #8F2F21);
	background-image: -ms-linear-gradient(top, #DF6350, #8F2F21);
	background-image: -o-linear-gradient(top, #DF6350, #8F2F21);
	background-image: linear-gradient(to bottom, #DF6350, #8F2F21);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DF6350, endColorstr=#8F2F21);
}

.button_slidehome:hover{
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	padding: 3px 20px 6px 20px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

	border:0px solid #8F2F21;
	font-weight:bold; color: #FFFFFF;
	background-color: #8897A7;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#8897A7), to(#536579));
	background-image: -webkit-linear-gradient(top, #8897A7, #536579);
	background-image: -moz-linear-gradient(top, #8897A7, #536579);
	background-image: -ms-linear-gradient(top, #8897A7, #536579);
	background-image: -o-linear-gradient(top, #8897A7, #536579);
	background-image: linear-gradient(to bottom, #8897A7, #536579);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8897A7, endColorstr=#536579);

}


/*	Bouton CSS "ADHÉRER AU GERPLA"
 ========================================================= */

.button_adhesion{
border:1px solid #697B8E; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #DF6350; background-image: -webkit-gradient(linear, left top, left bottom, from(#DF6350), to(#8F2F21));
 background-image: -webkit-linear-gradient(top, #DF6350, #8F2F21);
 background-image: -moz-linear-gradient(top, #DF6350, #8F2F21);
 background-image: -ms-linear-gradient(top, #DF6350, #8F2F21);
 background-image: -o-linear-gradient(top, #DF6350, #8F2F21);
 background-image: linear-gradient(to bottom, #DF6350, #8F2F21);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DF6350, endColorstr=#8F2F21);
}

.button_adhesion:hover{
 border:1px solid #8F2F21;
 background-color: #8897A7; background-image: -webkit-gradient(linear, left top, left bottom, from(#8897A7), to(#536579));
 background-image: -webkit-linear-gradient(top, #8897A7, #536579);
 background-image: -moz-linear-gradient(top, #8897A7, #536579);
 background-image: -ms-linear-gradient(top, #8897A7, #536579);
 background-image: -o-linear-gradient(top, #8897A7, #536579);
 background-image: linear-gradient(to bottom, #8897A7, #536579);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8897A7, endColorstr=#536579);
	font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
}



/*	RSFORMPRO!
    /templates/yoo_peak/styles/gerpla/css/bootstrap.css - ligne 856
 ========================================================= */

legend {
  display: block;
  width: 100%;
  padding: 5px 36px 5px 36px;	/* padding: 0; */
  margin-bottom: 24px;
  font-size: 19.5px;	/* font-size: 22.5px; */
  line-height: 27px;	/* line-height: 48px; */
  color: #a31e2f;	/* color: #656565; */
  border: 0;
  border-bottom: 2px solid #e5e5e5;
  font-weight: 800;
  letter-spacing: .0rem;
  margin-left: -17px;
  background-color: #f2f0f0;

}


legend2 {
  display: block;
  width: 100%;
  padding: 10px 36px 5px 36px;	/* padding: 0; */
  margin-bottom: 24px;
  font-size: 16px;	/* font-size: 22.5px; */
  line-height: 27px;	/* line-height: 48px; */
  color: #a31e2f;	/* color: #656565; */
  border: 0;
  border-bottom: 2px solid #e5e5e5;
  font-weight: 800;
  letter-spacing: .0rem;
  margin-left: -17px;
  background-color: #f2f0f0;

}


/*	RSFORMPRO! BTN SUBMIT ---------------------------------
    /media/com_rsform/css/frameworks/foundation/foundation.css?cac2f8ce122f92270468378170f3164f - ligne 1038
 ========================================================= */

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #8f2f21;	/* background-color: #2ba6cb; */
    color: #fefefe;	/* color: #fefefe; */
}

/*	/media/com_rsform/css/frameworks/foundation/foundation.css?cac2f8ce122f92270468378170f3164f - ligne 1055
 ========================================================= */

.button:hover, .button:focus {
    background-color: #697b8e;	/* background-color: #258dad; */
    color: #fefefe;
}


/*  Je ne sais plus */
/* /templates/yoo_peak/styles/gerpla/css/bootstrap.css - LIGNE 5383*/

.row {
    margin-left: 0px;
    *zoom: 1;
}




/* Formulaire "Attentes et besoins"
  /templates/yoo_peak/styles/gerpla/css/bootstrap.css - Ligne 1661*/

/* .form-horizontal .control-label {
    float: left;
    width: 197px;
    padding-top: 5px;
    text-align: right;
} */


/* .form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    display: none;
} */





/*	SWEPARATOR JOURNEES PROGRAMME ---------------------------------------------------------
    /templates/yoo_peak/styles/gerpla/css/theme.css - ligne 9879
 ========================================================= */


.divider-article {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 5px solid #f3f5f6;
}




/*	COULEUR BLOC GOUVERNEMENT " box-secondary " --------------------------------------------
    /templates/yoo_peak/styles/gerpla/css/theme.css - ligne 1425
 ========================================================= */

.uk-panel-box-secondary {
    background-color: #d8e6e6;
	color: #7c868c;
	border-color: #b8bec4;
}


/*	COULEUR BLOC LIENS UTILES " box " ---------------------------------
    /templates/yoo_peak/styles/gerpla/css/theme.css - ligne 1338
 ========================================================= */

.uk-panel-box-primary {

    background-color: #ffffff;  /* background-color: #ff780014; */	/* background-color: #3f3f3f; */
	color: #7c868c;	/* color: #ffffff; */
	border-color: #b8bec4;

}


.uk-panel-box-primary .uk-panel-title {
    color: #a31e2f;  /* color: #ffffff; */
}





/*	Slider Features Roksprocket ------------------------------------------------------------
 ========================================================= */

/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS Bloc texte ligne 11 */

.layout-slideshow2 .sprocket-features-content {
    position: absolute;
    bottom: 0;
    width: 80%;
    text-align: center;
    background: rgba(0,0,0,0);	/* background: rgba(0,0,0,0.5); */
    padding: 0;
    left: auto;
    margin: 0 10%;
    min-height: 70px;
}


/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS "Petite flèche" au dessus du bloc ligne 10 */

.layout-slideshow2 .sprocket-features-content::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid rgba(0,0,0,0);	/* border-bottom: 12px solid rgba(0,0,0,0.5); */
}

/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS "Titre" du bloc ligne 13 */

.layout-slideshow2 .sprocket-features-title {
    font-size: 2.6em;	/* font-size: 1.8em; */
    line-height: 1.3em;
    margin: 10px 0;
    padding: 0;
    display: block;
}

/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS "Link" du bloc ligne 14 */

.layout-slideshow2 .sprocket-features-desc {
    font-size: 1.2em; 	/*font-size: 1em; */
    line-height: 6.3em;  /* line-height: 1.3em; */
    margin: 0;
    padding: 6px 20px 6px 20px;		/* padding: 0; */
    display: inline;  	/*  display: block;  */
	background: rgba(255,255,255,0.9); /* aout de ce code */	/* #a31e2f rgba(163,30,47,1.00) */
	/* width: 60%;*/
}

/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS "Flèche right" du bloc ligne 27 */

.layout-slideshow2 .sprocket-features-arrows .next {
    right: 35%;		/* right: 12%; */
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 13px solid white;
	top: 75%;  /* aout de ce code */
}

/* /components/com_roksprocket/layouts/features/themes/slideshow2/slideshow2.css
	CSS "Flèche left" du bloc ligne 27 */

.layout-slideshow2 .sprocket-features-arrows .prev {
    left: 35%;		/* left: 12%; */
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 13px solid white;
	top: 75%;  /* aout de ce code */
}	
	
	

/*	ACYMAILING -----------------------------------------------
 =================================================================================== */

/*  ACYMAILING CSS / Affichage liste acymailing */
.uk-container-acymailing {
    max-width: initial;
    padding: 0 35px;
}


/*  ACYMAILING CSS pour le formulaire d'inscription */

.uk-panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;	/* font-size: 18px; */
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #a31e2f;
}


/*  ACYMAILING CSS / Affichage ou non du titre de l'emailing */




/*	NEORECRUIT -----------------------------------------------
 =================================================================================== */

/* NeoRecruit */
#OffersList li {
    color: #333333;
    text-align: left;
    font-size: 14px;    /* font-size: 11px; */
}

#OffersList li dt {
    float: left;
    width: 130px;   /* width: 120px; */
}


#application-form legend {
    margin-bottom: 2em;
}


legend {
    display: block;
    width: 92%;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
    font-weight: 800;
    letter-spacing: .0rem;
    margin-left: -17px;
    background-color: #f2f0f0;
    margin-top: 20px; /* ajout de ce code */
}


/* /templates/yoo_peak/styles/gerpla/css/bootstrap.css */

.caracteristiques {
    margin: 0 0 30px 0;
}


/* Taille titre Neorecruit */
/* /templates/yoo_peak/styles/gerpla/css/theme.css - ligne 249 */

h1, .uk-h1 {
	font-size: 24px;  /*  font-size: 36px;  */
	line-height: 42px;
}





/*	DJ-CLASSIFIEDS -----------------------------------------------
 =================================================================================== */


/*  NE PAS UTILISER */
/* DJ-Classifieds */
/* /components/com_djclassifieds/themes/clean/css/style.css */
/*#dj-classifieds .dj-item .general_det .ask_form_abuse_outer {
    margin: 0px 0px 10px -221px;  - margin: 0; -
}*/


/* https://www.preprod.gerpla.fr/components/com_djclassifieds/themes/clean/css/style.css */
#dj-classifieds .dj-items .item_row .item_row_in {
    border-left: 0px solid #ebebeb;
    border-right: 0px solid #ebebeb;
    border-bottom: 0px solid #ebebeb;
    border-top: 3px solid #ebebeb;  /* ajout de ce code */
    padding: 15px 30px 25px 30px; /* padding: 20px; */
    background: #ffffff;
    color: #5a5a5a;
	/* margin-bottom: 10px;*/ /* ajout de ce code */
}


/* CSS Categories */

#dj-classifieds .dj-category .title h2 {
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
	
	color: #a31e2f;
    width: 70%;
    display: block;
    color: #ffffff;
    background-color: #dde1e6a3;
    border-radius: 6px;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
}


#dj-classifieds .dj-category .title h2 a {
    color: #a31e2f;
}

#dj-classifieds .dj-category .title h2 a:hover {
    text-decoration: none; /* text-decoration: underline; */
	
	font-size: 1.0em;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
	
	color: #536579;  /* color: #a31e2f; */
    /* width: 80%;*/
    display: block;
    /* background-color: #536579; */
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}


/* Ne pas aficher l'entête du titre "sous-Categories" */

#dj-classifieds .dj-category .cat_row_title, #dj-classifieds h1.main_cat_title, #dj-classifieds .dj-cattree-box .title_top, #dj-classifieds .dj-regtree-box .title_top, #dj-classifieds .title_top h1, #dj-classifieds .dj-additem .title_top, #dj-classifieds table.paymentdetails td.td_title h2, #dj-classifieds .profile_outer h2.profile_name, #dj-classifieds .djcf_warning_outer .title_top, #dj-classifieds .pointspackages .title_top, #dj-classifieds .djcf_checkout_outer .title_top {
    display: none;
	/*font-weight: normal;*/
    /* font-size: 20px;*/
    /* line-height: 1.1;*/
    /* text-transform: uppercase;*/
    /* padding: 0 0 20px;*/
    /* margin: 0;*/
}


/* Centrer les 3 Categories horizontalement */

#dj-classifieds .dj-category .cat_row {
    padding-left: 28px;  /* margin: 0 -15px;*/
}


/* BTN NOUVEAU */

#dj-classifieds span.new_icon {
    display: inline-block;
    background: #b81a00;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
    vertical-align: middle;
    padding: 3px 14px 1px 12px;  /*  padding: 2px 4px;  */
    border-radius: 2px;
    border: 1px solid #b81a00;
}


#dj-classifieds .dj-items .item_row .item_content .item_title .item_type {
    display: inline-block;
    vertical-align: top;
    margin: 5px 11px 0 8px;	/* margin: 0 11px 0 8px; */
}


#dj-classifieds .dj-items .item_row .item_content .item_title .new_icon {
    vertical-align: top;
    margin: 6px 5px 0 0;
}

/* /components/com_djclassifieds/themes/clean/css/style_default.css  */

#dj-classifieds .button, .dj_cf_search button.button, .dj_cf_search a.button, .dj_cf_search span.button, .dj_cf_regions_selects button.button, .djcf_menu .button, #multiuploader_file .plupload_button, #uploader_container .plupload_button {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	font-size: 13px;
	font-family: inherit;
	font-weight: 400;
	color: #ffffff;
	padding: 10px 28px;
	margin: 0;
	height: auto;
	width: auto;
	border: none;
	background: #26b0cd;
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 6px; /* ajout de ce code */
}


#dj-classifieds .djcf_items_blog .title h2 {
	display: inline-block;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.1;
	text-transform: none;
	color: #26b0cd;
	margin: 0 5px 10px;
}


/* /components/com_djclassifieds/themes/clean/css/style.css */
	
#dj-classifieds .dj-item .title_top {
	margin: 0 0 17px;  /*  margin: 0 0 20px;  */
}


/* /components/com_djclassifieds/themes/clean/css/style.css  ligne 1814 */

#dj-classifieds .dj-item .title_top h2 {
	margin: 0 0 15px;	/* margin: 0 0 5px; */
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.1;
	text-transform: none;
}

/* CSS PRIX ANNONCE */
/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 2031 */
#dj-classifieds .dj-item .general_det .price_wrap span.row_label {
	display: inline-block;
	vertical-align: top;
	font-size: 25px;
	line-height: 26px;
	margin: 0;
	color: inherit;
	font-family: boogaloo;
}

/* CSS €uros ANNONCE */
/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 2041 */

#dj-classifieds .dj-item .general_det .price_wrap span.row_value {
	display: inline-block;
	font-size: 27px;
	font-weight: 600;
	line-height: 1;
	padding-left: 4px;
	color: #26b0cd;
	font-family: boogaloo;
}


/* /components/com_djclassifieds/themes/clean/css/style_default.css */

#dj-classifieds input.invalid, #dj-classifieds select.invalid, #dj-classifieds textarea.invalid {
	border: 1px solid #ff0000;
	line-height: 2.2;
}

/* Formulaire Vendeur */
/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 2340 */

#dj-classifieds #ask_form textarea, #dj-classifieds #abuse_form textarea, #dj-classifieds #ask_form select, #dj-classifieds #abuse_form select, #dj-classifieds #ask_form input[type="text"], #dj-classifieds #abuse_form input[type="text"], #dj-classifieds #ask_form input[type="email"], #dj-classifieds #abuse_form input[type="email"], #dj-classifieds #ask_form input[type="file"], #dj-classifieds #abuse_form input[type="file"] {
	margin-bottom: 10px;	/* margin-bottom: 20px; */
}


/* Details de l'annonce */
/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 1991 */

#dj-classifieds .dj-item .row_gd, #dj-classifieds .dj-item .row {
	margin: 0 0 8px;	/* margin: 0 0 20px; */
}


/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 2377 */

#dj-classifieds .dj-item .description h2, #dj-classifieds .dj-item .custom_det h2, #dj-classifieds .dj-item .localization_det h2, #dj-classifieds .dj-item .additional h2, #dj-classifieds .dj-item .video_box h2, #dj-classifieds .dj-item .djcf_comments h2 {
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 10px;	/* margin: 0 0 20px; */
	padding: 0 0 20px 30px;
	text-transform: none;
	border-bottom: 2px solid #ebebeb;	/* border-bottom: 1px solid #ebebeb; */
	background-repeat: no-repeat;
	background-position: left 1px;
}


/* CSS de l'affichage de l'image en blog */
/* /components/com_djclassifieds/themes/clean/css/style.css - ligne 1991 */
#dj-classifieds .djcf_items_blog .item_box_right .item_img {
	float: none;
	padding-top: 10px;
	padding-right: 0px;
}




/*	COMMUNITY BUILDER  ------------------------------------------------------------------------
 ============================================================================================== */

/*  CSS du Fichier "override.css" - Taille du titre de la fiche
/components/com_comprofiler/plugin/user/plug_cbgallery/templates/default/override.css */

.cb_template .text-large {
    font-size: 1.45rem;	/* font-size: 1.75rem; */
}


/*	CSS du Fichier "template.css" -----------------------------------------------
/components/com_comprofiler/plugin/templates/default/template.css
 =================================================================================== */

/* Modifie la taille du titre du nom de la fiche */

.cb_template .text-large {
	font-size: 1.65rem;	/* font-size: 1.25rem; */
}


/*	CSS du Fichier "template.css" -----------------------------------------------
/components/com_comprofiler/plugin/templates/default/bootstrap.css?v=7f6cf5270ada250f
 =================================================================================== */

/* Modifie la graisse du titre du nom de la fiche */

.cb_template .font-weight-bold {
	font-weight: 300 !important;	/* font-weight: 700 !important; */
}


/* agrandir texte "dans album" et description  */
/* Modifie la taille du texte "Nomnbre de vue" */

.cb_template .text-small {
	font-size: 0.995rem;		/* font-size: 0.875rem; */
}