/* COREN */

/* pour pouvoir mettre des images plus haute en top-right */
#sp-header {	
    height: 65px !important;
}
#sp-header .sp-top-right > .sp-module {
    border: none; /* sinon déborde un peu en bas quand on met grande image dans top-right*/
}
#sp-main-body {
    padding: 20px 0;
}

.sp-megamenu-parent >li >a {
    line-height: 65px;
}

.view-article .entry-header h2 {
    margin-top: 10px;
}

/* si veut changer couleur arrière-plan bandeau de droite */
/*
#sppb-slider2-carousel .slider2-carousel-indicators {
    background-color: rgba(0,0,0,0.85);
}
*/

/* pour ne pas afficher les lettrines sur le slideshow */
span.spns-cat-icon {
    display: none;

}


/* et ne montre pas dans le slideshow le titre de la catégorie dans le bandeau de droite */
p.slide2-type {
    display: none;
}

/* ne pas afficher la catégorie sur le slider */
p.spns-slide-cat {
    display: none;
}


/* sinon les images sont en block par défaut */
img {
    display: initial;
}

/* pour éviter que les labels soient parfois en blanc sur fond blanc à cause de .label qui est blanc */
.field_coren_thematique, .field_coren_type {
    color: black;
}

/* sinon, à cause du template, dans les filtres FlexiContent, il y a autant de lignes que d'options à chaque champ */
.sp-module ul >li {
    border-bottom: none;
}

/* pour éviter que les libellés TEXTE des fiches contact aient une margin-top de 8px */
.contact-address.dl-horizontal dt {
    margin: 0;
}

/* utilisé p ex pour le SP Page Builder */
.ombre h2, .ombre h3, .ombre p, .ombre {
    color: white !important;
    text-shadow: 2px 2px 5px #000000, 0px 0px 10px #000000;
}

/* personnalisation Cookie CK */
#cookiesck_accept {
    /* font-weight: bold; */
	color: white !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}	
#cookiesck_accept:hover {
    font-size: 100% !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

/* pour le menu dans un module, permet d'ajouter l'indentation et de réduire la police pour les sous-menus */
.lateral_menu.sp-module ul {
	font-size: 0.9em;
	margin-left: 1.7em;
}

.lateral_menu.sp-module ul >li >a {
	line-height: inherit;
}
/* met en couleur le menu courant */
.lateral_menu.sp-module .current a {
	color: #C22F13;
}

/* http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* pour éviter le problème de mise en forme des liens qui viennent par défaut dans helix3 */
.module-contact ul >li >a:before {
font-family: FontAwesome;
content: "" !important;
margin-right: inherit !important;
}
.module-contact ul >li >a {
/*background-color: blue;*/
display: block;
line-height: inherit !important;
padding-top: 0;
}
.module-contact ul >li {
    border-bottom: none;
}
/* pour éviter que icône soit un rien plus haut que le texte */
.module-contact {
    line-height: initial;
}
/* pour éviter que tableau des infos de contact aient les icônes qui débordent sur la gauche "hors cadre"  */
.module-contact ul {
margin-left: 1.7em;
}

/* ACYMAILING : pour éviter le padding supérieur, inutile si on place le module en position bottomX */
div.acymailing_module.newedge-newsletter {
    padding: 0px 30px !important;
}

/* pour que le bouton "se désabonner" aie le même look que le bouton "s'abonner" qui a le type submit */
div.acymailing_module.newedge-newsletter .acymailing_form input[type="button"] {
	/* repris de presetX.css */
    background-color: #021c43;
    border-bottom: 2px solid #01122a;
	
	/* pour éviter le 50% comme submit ou le 100% par défaut */
	width: auto !important;
	
	/* repris de template.css */
    display: block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}


.visuel {
    box-shadow: 2px 4px 10px 2px rgba(0,0,0,.7);
    width: 33%;
	height: auto;
	float: right;
    margin-bottom: 30px;
	margin-left: 30px;
}

p {
	text-align: justify;
}
li {
	text-align: left;
}
.view-article .entry-header h2 {
    text-transform: inherit; /* au lieu du capitalize du template */
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
ul {
    list-style-image: url('../../../images/coren-bullet.png');
}
#sp-footer p {
    text-align: right;
}


#sp-header .sp-top-right .sp-date .sp-date-wrapper {
    padding-right: 10px;
	padding-left: 10px;
}

/* le bouton de connexion est blanc sur blanc dans le template... */
#login .modal-content .modal-body input[type="submit"] {
background-color: grey;
}

ul, ol {
    margin-left: 10px;
}
li {
    padding-left: 8px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
    background: #3091A2;
    color: white;
}

.img-gray {

/* je dois préciser inline sinon IE l'affiche en block ! */
display:	inline;	

-webkit-filter: grayscale(100%); /* For Webkit browsers */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
  
filter: grayscale(100%);
filter: gray; /* For IE 6 - 9 */
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 10+, Firefox on Android mais génère une erreur dans la console maintenant. Pas nécessaire du reste pour Firefox en juillet 2018 */

-webkit-transition: all 0.5s ease-in-out; /* Fade to color for Chrome and Safari */
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.img-gray:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}




ul.logos { 
  text-align:left; /* ne met center que si le tout doit lui-même être centré. Autrement dit, une dernière ligne incomplète serait centrée */
  padding-left: 0px; /* pour éviter le retrait habituel des ul */
  margin: 0px; /* pour éviter le retrait habituel des ul */
  list-style: none;
}
ul.logos>li { 

border-bottom: none; /* NB : on doit aussi annuler dans Helix la bordure de .sp-module ul >li : border-bottom: 1px solid #e8e8e8; */

  display:inline-block;
  width:120px; 
/*  height:110px; */
  margin:10px 10px; /* espacement vertical et horizontal des blocs */
/*  border:1px solid #555; */

/* grise l'image */
-webkit-filter: grayscale(100%); /* For Webkit browsers */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
  
filter: grayscale(100%);
filter: gray; /* For IE 6 - 9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

-webkit-transition: all 0.5s ease-in-out; /* Fade to color for Chrome and Safari */
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
ul.logos>li:hover {
/* recolorise */
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

/* zoom */
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}

/* permet de supprimer le caractère > qui est ajouté dans les modules devant les hyperliens à cause de .sp-module ul >li >a:before */
ul.logos >li >a:before {
  font-family: FontAwesome;
  content: none; /* était "\f105"; */
  margin-right: 8px;
}

/* sinon le mot "categories" apparaît en blanc sur blanc */
#flexicontent .lineinfo .element, #flexicontent .lineinfo .element .label, #flexicontent .lineinfo .element .value {
    color: black;
}

/* taille de police du menu principal */
.sp-megamenu-parent >li >a {
      font-size: 18px !important;
}

/* espace avant et après la position 8, où on met typiquement la description des Catégories */
div#sp-position8 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*
#offcanvas-toggler {
    margin-top: -8px;
}*/

/* sinon le label est blanc à cause de boostrap */
.label {
    color: inherit;
}




/* pour qu'en affichage double colonne, on augmente l'espace entre colonnes */
.fceven  {
    padding-left: 15px !important;
	margin-left: 1% !important;
}
.fcodd {
    padding-right: 15px !important;
	margin-left: 0% !important;
}

/* pour changer l'apparence des titres sur la page d'accueil */
#sp-page-builder h2 {
}

.sp-module ul >li >a:before {
 
    content: none; /*"\f105";*/
 /*   margin-right: 8px;*/
}

/* pour supprimer marge de gauche aux menus latéraux */
.lateral_menu.sp-module ul {
    font-size: 0.9em;
    margin-left: 0em;
}

/* plus d'espace entre les éléments de menus */
.lateral_menu li {
    margin-top: 7px !important;
}

.sp-page-title {
    background-size: cover;
}

/* pour que le sélectionneur de catégories sur la page S'outiller fasse exactement la bonne hauteur */
select[multiple], select[size] {
    height: 150px;
}

/* pour que le bloc des custom fields ne s'affiche pas quand on clique sur un module qui appelle les articles */
.fc-custom-fields-box {
    display: none;
}

/* masque la légende "chercher/filtrer" sur le module de filtre flexicontent */
.fc_filter_set legend {
    display: none;
}

/* sur la page s'outiller, pour que le filtre visant les catégories ait la même taille que les autres filtres */
select#cids {
	/*font-family: Roboto, sans-serif;
	font-weight: normal;*/
    font-size: 12px;
	color: #333;
	margin-left: 6px;
}

/* module filtrer flexicontent */
span.fc_filter_label_inline.fc_cid_label {
    margin-left: 10px;
    margin-bottom: 5px;
}
fieldset.fc_search_set, fieldset.fc_filter_set {
    margin: 8px 0 0 0 !important;
}

/* pour ne pas afficher le bloc "catégories" dans la page S'outiller. On a besoin du bloc pour que le filtre marche, mais on ne l'affiche pas */
span.fc_filter_line.fc_odd {
    display: none;
}

/* pour la page s'outiller, on affiche les Catégories, mais quand jquery est activé pour afficher les filtres, les éléments peuvent apparaitre à deux sur une ligne*/
/*.select2-container .select2-choices {
    display: table-caption;
}*/

/* taille et couleur des titres dans l'affichage article*/
.view-article .entry-header h2 {
    font-size: 26px;
	margin-bottom: 10px;
}

/* taille des titres dans l'affichage des listes d'article en une*/
.mod-articles-category-title  {
	font-size: 22px;}
	
/* taille du texte d'introduction du module newsletter*/
.acymailing_introtext {
	font-size: 15px
}

/* mise en forme des listes d'articles repris en une */
.sppb-col-sm-5 h2.sppb-addon-title {
	font-weight: bold;
	padding-bottom: 10px;
}
.sppb-col-sm-7 h2.sppb-addon-title {
	font-weight: bold;
	padding-bottom: 10px;
}

.nos-actualites li {

	padding-bottom: 30px;
	font-weight: bold;
}

.nos-formations a.mod-articles-category-title {
}

/* suppression du dégradé du slider */
#sppb-slider2-carousel .item .item-overlay {
    background-image: none
}

/* mise en forme des titres principaux du slider */
.spns-slide-title {
	font-size: 52px;
	font-weight: bold;
	text-shadow: 0 0 30px rgba(0,0,0, 0.5);
}

/* mise en forme des titres dans les bannières */
#sp-title .sp-page-title h2 {
	text-shadow: 0 0 25px rgba(0,0,0, 0.5);
	font-weight: 500;
	}

/* pour que sur la page "modifiez votre abonnement" les boutons radio OUI/NON soient assez espacés */	
#acymodifyform .radio:first-child {
    margin-right: 30px;
}

/* pour que sur page d'abonnement newsletter, il y ait un espace avant "abonnement" */
fieldset.adminform.acy_user_info, fieldset.adminform.acy_subscription_list {
    margin-top: 50px;
}

/* pour aligner les boutons oui-non au bord gauche */
div#acyusersubscription {
    margin-left: 20px;
}

/* couleur du bouton d'inscription newsletter */
#sp-bottom a.btn.btn-lg.btn-default {
    color: #00768A;
}