/* Feuille de style UFC Versailles
*  Guy Rossignol
*  28 12 2023
*/

/*================================*/
/*      Général                   */
/*================================*/


body {
	background-color: #f3f3f3;
	font-size: 1.4em;
}	
.colored-area a {
	color: #000;
}
.colored-area a:hover {
	color: #000;
}

h2 {
	font-size: 1.5em;
}

/*================================*/
/* Logos réseaux sociaux          */
/*================================*/
.header-top-area {
	height: 60px;
}
#block-liensreseauxsociaux img{
	margin-right: 10px;
	float: right; /* inverse l'ordre défini dans le bloc */
}

/*================================*/
/* Bandeau en entête conforme UFC */
/*================================*/
.headers-wrapper {
		background-color: #fff;
}
#header-top {
	margin-top:40px;
}
.region-header-top-left, .region-header-top-right {
  margin-top: 0px;
	padding-top: 0px;
  height: 80px;
}
.region-pre-header-right {
	float: right;
	height: 30px;
	margin-top: 10px;
	margin-right: 40px;
}
.btn-orange{
	padding: 8px;
	background-color: #fff200;
	text-align: center;
	color: black;
	font-weight: bold;
	font-size: 90%;
	align-items: center;
	border-radius: 14px;
}
@media (max-width : 767px) {
  .btn-orange {
    font-size:80%;
    padding:5px;
  }
}
a.btn-orange {
	text-decoration: none;
	color: #000
}
a.btn-orange:hover{
	background-color: #ffffba;
	color: #000;
}
a.btn-orange:visited {
	text-decoration: none;
	color: #000
}

/*================================*/
/*     Menu principal             */
/*================================*/
#main-navigation ul.menu li a {
	font-weight: bold;
	color: #000;
}
@media (max-width: 1200px) {
	#main-navigation ul.menu li a {
	  font-size: 90%;
	  padding: 8px;
	}
}
@media (max-width: 992px) {
	#main-navigation ul.menu li a {
	  font-size: 70%;
	  padding: 7px;
	}
}
/*===========================================*/
/*           Message                         */
/*===========================================*/
#block-messageimportant h2 {
	color: #478b3e;
}
/*===========================================*/
/*            Diaporama                      */
/*===========================================*/

.flex-direction-nav a {
	height: 60px;
}
#block-message {
	height: 50px;
}
/* Pour aligner le label et le champ de "Lire article" */
.views-label-field-lire-l-article {
  padding-right: 10px;
}
.views-field-field-lire-l-article {
	display: flex;
	justify-content: flex-start;
}
/*===========================================*/
/* Affichage des articles de la zone contenu */
/*===========================================*/
.flexslider {
  	margin: 0 0 20px;
}
#block-ufc78a-page-title h1 {
 	font-size: 30px;
}
#page #block-views-block-autres-actualites-block-1  h2 {
	font-size:30px; 
}
#page #block-views-block-autres-actualites-block-1 .views-field {
	font-size:12px; 
}
#page #block-views-block-autres-actualites-block-1 img {
	margin-right:5px;
}
.views-field-field-lien-article {
	float: right;
	font-weight: bold;
	margin-right: 20px;
	
}
.ds-2col-stacked-fluid .group-left {
	width: 26%;
}

.ds-2col-stacked-fluid .group-right {
	width: 70%;
}

#page .group-left {
	font-size: 80%;
}
#page .group-right {
	text-align: justify;
}
.field--name-node-post-date > .field__label {
	font-weight : normal;
	font-size : 80%;
}
.field--name-node-post-date > .field__item {
	font-size : 80%;
}
.field--name-field-secteur {
	margin: 40px 0 10px 0;
}
.field--name-field-secteur h3 {
	font-size : 16px;
	margin-top: 4px;
}
.field--name-field-auteur .field__item {
	margin-top : -20px
}
.field--name-field-source .field__item {
	margin-top : -20px
}
.field--name-field-source .field__label {
	margin-bottom: 20px;
}
.field--name-node-link {
	float: right;
}

@media (min-width: 992px) {
  .col-md-offset-2 {
	margin-left: 5%;
  }

  .col-md-8 {
	width:60%
  }
}
.image-wrapper {
	margin-bottom: 20px
}

/*================================*/
/*         Zone 2nd Sidebar       */
/*================================*/

#main-content .text-formatted {
	text-align: justify;
}


#block-prenezrendezvousnospermanences {
	background-color: #ddd;
	padding: 5px;
	margin : 5px 0 20px 0;
}
#block-prenezrendezvousnospermanences h2 {
	text-align: center;
}

/* Recherche thématique */
.tagclouds-term {
	font-size : 80%;
	padding-right:5px;
}
/* Nos actions */
.view-nos-actions {
	height: 200px;
	overflow: auto;
}

.image-style-mini-vignette-50x50 {
	margin-right : 10px;
	float: left;
}
.views-row {
	float: left;
	margin-bottom: 10px;
}

/* abonnement newsletter */
.bouton-NL p {
	font-size: 80%;
}
.bouton-NL img {
	display: block;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
/* bloc outils des rédacteurs */
#block-outilsdesredacteurs {
	clear: both;
	margin: 24px 0 20px 0;
}
#block-outilsdesredacteurs a:hover {
 	color: #488d3f;
	text-decoration: underline;
}
/* bloc un litige */
#block-unlitige-2 {
	clear: both;
	background-color : #fff075;
	height: 300px;
	margin: 24px 0 20px 0;
}

#block-unlitige-2 div {
	padding : 5px ;
}
#block-unlitige-2 .title {
  text-align: center;
}
#block-unlitige-2 ul {
  text-align: left;
}

/*================================*/
/*       Pages de base            */
/*================================*/
/* Page de contact */
.contact-tableau table {
	background-color: #f2f2f2;
}
.contact-tableau tr:first-of-type {
	background-color: #488d3f;
}

#block-views-block-autres-actualites-block-1-2 .view-content a{
	font-size: 90%;
}

/*================================*/
/*       Enquête NL               */
/*================================*/

.enquete-nl {
	font-size: 120%;
	text-align : left;
}
.satisfaction_wrapper {
	font-size: 120%;
	margin-top: 30px;
        margin-left: 20px;
}
.domaines_wrapper {
	font-size: 120%;
	margin-top: 30px;
        margin-left: 20px;
}
.complements_wrapper {
	font-size: 120%;
	margin-top: 30px;
        margin-left: 20px;
}
.complements_wrapper label {
	text-transform: uppercase;
}

/*================================*/
/*       Espace bénévoles         */
/*================================*/

.ligne-espace-benevoles {
	width: 100%;
}
.ligne-espace-benevoles .node__meta {
	display: none;
}

/*================================*/
/*       Formulaire vote         */
/*================================*/
.ds-2col-stacked > .group-left  {
	width: 26%;
}
.ds-2col-stacked > .group-right  {
	width:70%;
}

/*================================*/
/*      Annonces                  */
/*================================*/
.vocabulary-salles-de-conference h2 {
	font-size: small;
}