/*
Theme Name:    ENSC Rennes 2018
Theme URI:     http://www.ensc-rennes.fr/
Description:   Theme ENSC Rennes
Author:        Julien LE THUAUT
Author URI:    http://jltweb.info/
Version:       1.3
*/



/**

 * 

 * Ce fichier est la feuille de style personnalisée du projet

 *

 * 	A - Section des styles standards du theme MBA

 * 	B - Section à compléter pour les styles personnalisés de projets

 * 

 */



/* -------------------------------------------------------------------------------------------



	A - STANDARD THEME MBA (A ne modifier que sur Wordpress DEV MBA



 ------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------

 * Barre de navigation WP

 * ------------------------------------------------------------------------------------------- */



/*

 * Ajout bounton vers l'extranet MBA

 */

li#wp-admin-bar-mba-extranet-button {

	color: #fff!important;

	background-color: #11cfb5!important;

}

li#wp-admin-bar-mba-extranet-button:hover,

li#wp-admin-bar-mba-extranet-button a:hover {

	color: #fff!important;

	background-color: #0C9E8A!important;

}



/**

 * Si l'affichage de la barre admin pose soucis, la masquer

 * Note JLT : Ne devrait jamais être nécessaire !!!

 */

/*

html 										{ margin-top: 0 !important; }

#wpadminbar 								{ display: none; }

*/



/* -------------------------------------------------------------------------------------------

 * PAGE-HOME

 * ------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------

 * Listing actualités

 * ------------------------------------------------------------------------------------------- */



header.listing-articles {position:relative;}

#view-selector { position: absolute; top: 0; right:0;}

#view-selector ul > li > a {color:#FFF;}

#view-selector ul > li > a.button {

	padding-top: 0.5rem;

	padding-right: 1rem;

	padding-bottom: 0.5rem;

	padding-left: 1rem;

}

#view-selector ul > li > a.button {

	opacity: 0.6;

}

#view-selector ul > li > a.button.current-view {

	opacity: 1;

}

#view-selector .fa { font-size: 1.1rem; }



/* listing basic */

/*

.element.skin1 						    { margin-bottom:2rem; border-bottom:1px solid #008cba; padding-bottom:20px; position:relative; width:100%}

.element.skin1 .hentry 					{ padding: 15px 0 0 0;}

.element.skin1.on .hentry 				{ background:none;}

.element.skin1.on h2.entry-title a		{ color:#008cba}

.element.skin1 .entry-title 				{ margin: 0px 0 20px 72px;font-size:1.6rem; text-transform:uppercase; padding:0 15px  }

.element.skin1 .entry-meta.entry-date 	{ background-color: inherit; border-left:0; text-align:center }

.element.skin1 .entry-meta .fa		 	{ border:none;}

.element.skin1 .entry-footer				{ position:absolute; top:8px; left:-5px; width:80px; height:30px;}

.element.skin1 .entry-content				{ margin-bottom:20px}

.element.skin1 .entry-date p				{ border:none; background-color:#008cba; float:left; width:35px; height:42px; border-radius:1px; margin-right:3px; color:#fff; line-height:90% ; padding:3px }

.element.skin1 .entry-footer i			{ color:#fff; font-size:1.5rem; padding:10px 0;}

li.element.skin1  .sticky					{ box-shadow: none; border-top:3px solid #008cba;  border-bottom:3px solid #008cba; padding-bottom:20px}

li.element.skin1 .feature-vid				{ margin-bottom:2rem}

.element .entry-social					{ line-height: 1;}

li.element.skin1 .more-link				{ display:none;}



.element.skin1 .feature-img				{ max-height:400px;}

.element.skin1 .format-gallery  .entry-title,

.element.skin1 .format-video  .entry-title,

.element.skin1 .format-audio  .entry-title,

.element.skin1 .format-image .entry-title	{ position:absolute; top:40%; left:0; background-color:#fff; padding:10px 20px}

.element.skin1 .format-image  .entry-title				{ margin: 0px 0 20px 0px; padding-left:0;}



/* listing simple */

/*

.element.listing.skin3 .sticky	 							{ box-shadow:none;} 

.element.listing.skin3 .sticky .entry-date					{ background-color:#008CBA; }

.element.listing.skin3 .sticky .entry-date p					{ color:#fff; border-color:#fff;}

.element.listing.skin3 article 								{ display: inline-block; width:100%} 

.page-archive .element.listing.skin3 .feature-vid			{ margin-bottom:2rem}

.element.listing.skin3 .format-image h2 a 					{ color:#fff; text-shadow:1px 1px 5px #666 }

.element.listing.skin3 .format-image .entry-social			{ margin-top:-50px; margin-left:20px}



/* -------------------------------------------------------------------------------------------

 * PAGE-328 Kitchen sink des shortcodes ESM

 * ------------------------------------------------------------------------------------------- */



#page-328 h3 {font-size: 1.2rem;}

#page-328 h4 {font-size: 1.15rem;font-style: italic;margin-top:1em;}

#page-328 .columns {border: 1px dashed silver; padding:5px; }



/* -------------------------------------------------------------------------------------------

 * LISTING ACTU MOSAIQUE

 * ------------------------------------------------------------------------------------------- */

 /*

.page-archive .mosaique .entry-social	{ position:absolute; width:100%; bottom:5px; padding:0px 10px;}

.page-archive .mosaique .entry-social	{line-height:1;}

.page-archive .mosaique .hentry			{ padding-bottom:30px;}



.content-area .pagination a				{ background-color:#EFEFEF; padding:3px 10px; margin-right:1px;}

.content-area .pagination a:hover		{ opacity:0.5;}

.content-area .pagination .number-page 	{ background-color:#EFEFEF; padding:3px 10px; margin-right:1px;}



.element.mosaique .format-gallery 		{ padding-top: 23.4594rem; }

.element.mosaique .format-gallery .feature-img { height: 23.4594rem; margin: 0;  max-height: 23.4594rem;  padding: 0; }

.element.mosaique .format-gallery .entry-header { ackground: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);  left: 0;  position: absolute; top: 11.75rem; width: 100%;  z-index: 2; }

.element.mosaique .format-gallery .entry-header:after  {display: none;}

.element.mosaique .entry-footer .more-link a { width:2.2rem; height:2.2rem; padding-top:0.43rem;}

.element.mosaique .entry-footer .more-link 	 { margin-left:-1.1rem}



li.element .sticky					{ box-shadow: 1px 1px rgb(212, 212, 212), 2px 2px rgb(212, 212, 212), 3px 3px rgb(212, 212, 212), 4px 4px rgb(212, 212, 212), 5px 5px rgb(212, 212, 212);} 

*/



/* -------------------------------------------------------------------------------------------

 * Fiche actu

 * -------------------------------------------------------------------------------------------*/



 /*

.fiche article						{ padding:20px;}

.fiche article .entry-content		{ margin:20px 0;}

#content .feature-img.bg						{ display:none;}

*/

.fiche p code						{ font-size:0.8rem; line-height:100%}

.fiche .form-allowed-tags			{ line-height:100%}



/* fiche modèle mosaique simple */

/*

#content.skin0 > .row 								{ padding:30px 0;}

.fiche.skin0 article								{ padding:0px;}

#content.skin0 .feature-img.bg img					{ display: none;}

#content.skin0 .feature-img.bg						{ display: block; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute;  }

.fiche.skin0 .entry-meta							{ height:20px;  }

.fiche.skin0 .entry-meta.entry-date					{ position:relative; top:-10px; left:0; width:80px; height: inherit; background-color: inherit; border-left:0; text-align:center; float:left; }

.fiche.skin0 .entry-meta.entry-date	 .fa		 	{ border:none;}

.fiche.skin0 .entry-date p							{ border:none; background-color:#E7E7E7; float:left; width:50px; height:20px; border-radius:1px; margin-right:4px; color:#008cba; line-height:90% ; padding:0; font-size:0.7rem; margin-left:-3px }

.fiche.skin0 .entry-date p.fa-wrapper				{ width:25px;}

.fiche.skin0 .entry-footer .entry-meta.entry-date i				{ color:#008cba; font-size:0.3rem; padding:3px 0;}

.fiche.skin0 .entry-meta.entry-date p.fa-wrapper .fa.fa-file-text-o { margin-top:0;}

.fiche.skin0 .entry-meta.entry-date p.fa-wrapper .fa 				{ font-size: 0.8rem;}

.fiche.skin0 										{ overflow:visible; border:none; padding:0;}

.fiche.skin0 .entry-title,

.fiche.skin0 .page-title							{ border-bottom:1px solid #008cba; padding-bottom:20px}

.fiche.skin0 .content-area							{ padding:0}

.fiche.skin0 .feature-img img						{ width:100%;}

.fiche.skin0 .format-gallery  .entry-title,

.fiche.skin0 .format-image  .entry-title			{ margin: 20px 0 20px 0px; padding-left:0;}

.fiche.skin0 .format-gallery  .feature-img,

.fiche.skin0 .feature-img 							{ display:none;}

.fiche.skin0 .format-image  .feature-img 			{ margin:0;}





/* fiche modèle basic */

/*#content.skin1								{ } 

.fiche.skin1 article						{ padding:0px;}





.fiche.skin1 .entry-meta.entry-date			{ position:absolute; top:-10px; left:0; width:80px; height:70px;background-color: inherit; border-left:0; text-align:center }

.fiche.skin1 .entry-meta.entry-date	 .fa	{ border:none;}

.fiche.skin1 .entry-date p					{ border:none; background-color:#008cba; float:left; width:35px; height:42px; border-radius:1px; margin-right:3px; color:#fff; line-height:90% ; padding:3px }



.fiche.skin1 .entry-footer .entry-meta.entry-date i				{ color:#fff; font-size:1.5rem; padding:10px 0;}

.fiche.skin1 .entry-meta.entry-date p.fa-wrapper .fa.fa-file-text-o { margin-top:0;}

.fiche.skin1 .entry-meta.entry-date p.fa-wrapper .fa 				{ font-size: 1.5rem;}

.fiche.skin1 								{ overflow:visible; border:none; padding:0;}

.fiche.skin1 .entry-title,

.fiche.skin1 .page-title					{ padding-left:85px; margin-top:8px}

.fiche.skin1 .content-area					{ padding:0; position:relative;}

.fiche.skin1 .feature-img img							{ width:100%;}

.fiche.skin1 .format-gallery  .entry-title,

.fiche.skin1 .format-image  .entry-title				{ margin: 20px 0 20px 0px; padding-left:0;}

.fiche.skin1 .format-gallery  .feature-img,

.fiche.skin1 .format-video  .feature-img 				{ display:none;}

.fiche.skin1 .format-image  .feature-img 				{ margin:0;}

*/



/* -------------------------------------------------------------------------------------------

 * tete de rubrique MOSAIQUE

 * ------------------------------------------------------------------------------------------- */

.page-template-page-tete_rubrique_mosaique-php .element 					{ height:250px; position:relative;}

.page-template-page-tete_rubrique_mosaique-php .element figure				{ height:250px; overflow:hidden; border-radius:2px;}

.page-template-page-tete_rubrique_mosaique-php h2.titre 					{ position:absolute; bottom:20px; background-color:#fff; display:block; width:100%; line-height:110%; padding:8px 10px 10px; }

.page-template-page-tete_rubrique_mosaique-php .element.on h2.titre 		{ background-color:#f8f8f8;}



/* -------------------------------------------------------------------------------------------

 * tete de rubrique listing

 * ------------------------------------------------------------------------------------------- */



.listing-page figure			{ float:left; width:100px; height:100px; border-radius:75px; margin:0 15px 15px 0;}

.listing-page figure img		{ min-height:100px; min-width:100px;}

.listing-page					{ display:block; min-height:130px; border-bottom:1px solid #EDEDED; margin:0; padding :15px;}

.listing-page h2.titre			{ padding-top:10px;}

.listing-page.on 				{ background-color:#f8f8f8;}



/* -------------------------------------------------------------------------------------------

 * Place Manager 

 * ------------------------------------------------------------------------------------------- */



 /**************************************Listing*********************************/

 

#pm-recherche button					{ float:right;}	

form legend								{ font-weight:normal; text-transform:uppercase; }	

#pm-recherche label						{ font-size:0.8rem}	

#pm-recherche input,

#pm-recherche select					{ height:2rem; margin:0 0 0.5rem 0}	

#pm-recherche select					{ padding:0.2rem 0.5rem;}	

#pm-recherche .button					{ padding:0.5rem 2rem  }

.pm-listing #pm-googlemap,	

.pm-fiche #pm-googlemap 				{ margin:30px -30px 40px -30px }

.pm-listing #pm-googlemap .columns,

.pm-fiche #pm-googlemap .columns		{ padding:0 }



#pm-listing table						{ width:100%; border:none}

#pm-listing table .col-1				{ width:20%}

#pm-listing table .col-2				{ width:30%}

#pm-listing table .col-3				{ width:35%}

#pm-listing table .col-4				{ width:15%}

#pm-listing table thead					{ background-color:#333333}

#pm-listing table thead	 th				{ padding:1rem 1rem; text-transform:uppercase; color:#fff; font-size:16px}

#pm-listing table tr.element			{ border-bottom:1px solid #dddddd; background:none; margin-bottom:0;}

#pm-listing table tr.element:hover		{ background-color:#eee; border-bottom:1px solid #dddddd;}

#pm-listing table tr:nth-of-type(2n)	{ background: none;}

#pm-listing table td					{ vertical-align:middle}

#pm-listing table td.col-1				{ font-size:16px; text-transform:uppercase; font-weight:bold; color:#008cba}





/**************************************FICHE*********************************/

 

.content-area p.gps							{ font-style:italic; font-size:0.9rem}

.content-area a.button 						{ color:#FFF}

.content-area a.button.left 				{ margin-right:20px}



/* -------------------------------------------------------------------------------------------

 * Formulaire de Contact light (Sans Gravity)

 * ------------------------------------------------------------------------------------------- */



*[required]									{ font-weight:bold;} 

.capcha										{ margin:0 0 20px 0;}

form										{ position:relative;}

form .legende								{ font-size:0.7rem; position:absolute; right:20px; top:20px; font-style:italic; color:#999}

.page-contact form textarea					{ height:7rem}







/* -------------------------------------------------------------------------------------------

 * Contact Listing

 * ------------------------------------------------------------------------------------------- */



.page-fiche-contact .chiffres-barre .progress { overflow:hidden}

/* Individual effects pour Listing contact */



/*---------------*/

/***** Lily *****/

/*---------------*/



figure.effect-lily .vignette {

	width: -webkit-calc(120% + 50px);

	width: calc(120% + 50px);

	opacity: 0.7;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-40px,-50px, 0);

	transform: translate3d(-40px,-50px,0);

}



figure.effect-lily figcaption {

	top: auto;

	bottom: 0;

	height: 40%;

	text-align: left;

}



figure.effect-lily h2,

figure.effect-lily p {

	-webkit-transform: translate3d(0,40px,0);

	transform: translate3d(0,40px,0);

}



figure.effect-lily h2 {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



figure.effect-lily p {

	opacity: 0;

	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;

	transition: opacity 0.2s, transform 0.35s;

}



figure.effect-lily:hover .vignette,

figure.effect-lily:hover p {

	opacity: 1;

}



figure.effect-lily:hover .vignette{

	-webkit-transform: translate3d(0px,-50px,0);

	transform: translate3d(0px,-50px,0);

}

figure.effect-lily:hover h2,

figure.effect-lily:hover p 

{

	-webkit-transform: translate3d(0px,0,0);

	transform: translate3d(0px,0,0);

}



figure.effect-lily:hover p {

	-webkit-transition-delay: 0.05s;

	transition-delay: 0.05s;

	-webkit-transition-duration: 0.35s;

	transition-duration: 0.35s;

}









/* -------------------------------------------------------------------------------------------

 *

 * 		B - Styles personnalisés du projet

 * 		

 * ------------------------------------------------------------------------------------------- */



/* TODO - A compléter ici */

.formulaire-don .logo_fdd {
	display: block;
	max-width: 350px;
	margin: 30px auto;
    width: 100%;
}

.formulaire-don .presentation_du_fdd {
	margin-top: 1em;
}

.formulaire-don .titre_section_deduction_fiscale {
	text-align: center;
}

.formulaire-don .precisions_deduction {
	margin-top: 2em;
}

.formulaire-don .blocs .bloc {
	transition: all 250ms ease-in-out;
	border-radius: 5px;
}

.formulaire-don .precisions_deduction.blocs .bloc,
.formulaire-don .click_blocs.blocs .bloc {
	text-align: center;
}

.formulaire-don .blocs .bloc i.fa {
	display: block;
	text-align: center;
	margin-top: 1em;
}


#content .formulaire-don .blocs .bloc_titre {
	background-color: #D93C3C;
	color: #fff;
	border-radius: 4px;
	padding: 1em 2em;
}

#content .formulaire-don .moyens_paiements.blocs .bloc_titre {
	background-color: #483C73;
	color: #fff;
	border-radius: 0;
	padding: 1em 2em;
	width: 100%;
}

.formulaire-don .click_blocs .bloc {
	min-height: 200px;
}

.formulaire-don .click_blocs .bloc:hover {
	background-color: #F2AB26;
	color: #fff;
	cursor: pointer;
}

.formulaire-don .precisions_recu {
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

.formulaire-don .form_titre {
	font-weight: bold;
	color: #FFF;
	padding: 1em 2em;
	background-color: #483C73;
	border-radius: 4px 4px 0 0;
}

.formulaire-don .gform_wrapper {
	padding: 1em 2em;
	margin-top: 0;
	border: 4px solid #483C73;
	border-top: 0;
	border-radius: 0 0 4px 4px ;
}

.formulaire-don .address_country select {
	border: 1px solid #6C9BB0 !important;
	margin: 0 0 1rem 0 !important;
}

.formulaire-don .field_description_below .gfield_description {
	padding-top: 0 !important;
}

.formulaire-don .gform_confirmation_message { 
	color: #FFF; 
	background-color: #CDDC39; 
	padding: 1em; 
	margin-top: 20px;
	margin-bottom: 20px;
}

.formulaire-don .mention_rgpd p {
	margin-top: 45px;
	font-size: 75%;
}

.formulaire-don .formulaire-after {
	margin-top: 45px;
}

media only screen and (min-width: 64.063em) {
	.btn-fdd {
	    margin: 2.0625rem 0 0 0;
	    float: left;
	}
}
.btn-stages {
    width: 145px !important;
	margin-top: 20px !important;
    margin-right: 0 !important;
}
.btn-fdd {
    width: 195px !important;
    margin-right: 10px;
	margin-top: 20px;
    float: right;
    background: transparent;
}

.btn-fdd > a{
    display: inline-block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.875rem;
    margin: 0 !important;
    padding: 0.625rem 0.8125rem;
	transition: all 250ms linear;
	background: -webkit-linear-gradient(left, rgba(72,60,115,1) 0%, rgba(72,60,115,1) 35%, rgba(217,60,60,1) 100%);
	background: -o-linear-gradient(left, rgba(72,60,115,1) 0%, rgba(72,60,115,1) 35%, rgba(217,60,60,1) 100%);
	background: linear-gradient(to right, rgba(72,60,115,1) 0%, rgba(72,60,115,1) 35%, rgba(217,60,60,1) 100%);
}

.btn-fdd > a:hover{
	background: rgba(217,60,60,1);
}