/*
	Theme Name: Portail Petits Ateliers Light
	Author: Alain-Aymerick FRANCOIS
	Description: Thème enfant basé sur "WP Bootstrap Starter"
	Template: wp-bootstrap-starter
	Version: 0.0.1
	Tags: canope
	Text Domain: pportail_pa_light
*/

/* Polices CANOPE */
@import url("css/fonts.css");

body { background-color: #FFFFFF; font-family: "Caecilia-Roman", Lato, sans-serif; }
h4 { font-family: Caecilia-Bold;font-size: 1.35em;font-weight: 300;text-transform: uppercase; }
a:hover { color:#000000; }

.box_spacing { height:2em; }
.container-fluid { margin-top: 0.8em; }

/*En tête */
header#masthead { display:none; }


/* #page-sub-header {  background-color: transparent !important; } */
#page-sub-header { height: 282px; background-color: transparent !important; padding: 0 !important; 
background-image: url("http://www.petitsateliers.fr/wp-content/blogs.dir/60/files/cropped-BANNER_PORTAIL.jpg") !important;background-size: cover !important;height: 282px !important;
} 
#page-sub-header::before, #page-sub-header:after { display: block;content: "";height: 25%;}

/* .page-sub-header_content h1 { padding: 13px 26px 0 26px;font-family: Simplon-Medium;font-size: 200% !important;font-weight: 400;color: #31849b;letter-spacing: -.005em;display: inline-block; margin: 0;background-color: #fff; } */
/* .page-sub-header_content p { padding: 10px 22px 12px 26px;font-size: 90%;color: #000;font-family: Caecilia-Roman;letter-spacing: -.005em;background-color: #fff; } */
.page-sub-header_content { height: 50%; }

.page-sub-header_content { max-width: 100% !important; }
.page-sub-header_content h1 { display: inline-block;float: left;text-align: left;background: rgba(255,255,255, 0.8) !important;font-family: Simplon-Medium;font-size: 200% !important;text-transform: uppercase;padding: 1.25rem 1.25rem 0rem 1.25rem !important;margin-bottom: 0 !important;font-size: 2rem;line-height: 2rem; }
.page-sub-header_content .description_title { display: block;width: 100%;float: left; }
.page-sub-header_content .description_title p { background: rgba(255,255,255, 0.8) !important;margin: 0 !important;text-align: left;padding: 0.25rem 0rem 0rem 1.25rem !important;max-width: 32rem !important; }

#mes_abonnements a { font-family: Simplon-Regular;text-transform: uppercase;text-decoration: none; }
#connected_user { margin-left: 2em;font-family: Simplon-Regular;text-decoration: none;color: #006978;font-size: 0.8em;line-height: 1em; }
#btn_logout { margin-left: 0.2em; }

/* Navigation */
.navbar-container { background-color: #FFFFFF; }
.navbar { padding-bottom: 0; }
.nav-link {	color:#000000 !important;font-family: Simplon-Regular;font-size: 1.0rem; letter-spacing: .04em;text-transform: uppercase; }
.home_link > a:before { background-image: url('images/pictoHomeBlack.png'); background-size: 18px 17px; display: inline-block; width: 18px; height: 17px; content:""; color: #00f;text-indent: 0;float: left; }
.home_link > a { width: 36px;white-space: nowrap;overflow: hidden;text-indent: 40px; }
.navbar-nav > li { border-bottom: 2px solid transparent !important; }
.barre_grise { position:absolute; left:0px;width:100vw; max-width:100%;display: block;background-color: #f5f5f5;border-top: solid 1px #ccc; }
.barre_grise_content { padding-top: 0.6em; /*padding-bottom: 2.6em;*/ }
.barre_grise_content h2 { font-family: Simplon-Medium, sans-serif;font-size: 1.8rem;font-weight: 400;text-transform: uppercase;color: #000;border-bottom: none !important;padding-top: 0.2em; }

#seconnecter { float:right; height: 34px;min-width: 180px;background-image: url('images/spriteBtAction.png');background-position: right 9px;background-repeat: no-repeat;padding: 6px 14px;margin-bottom: 0.6em; }
#seconnecter a { font-family: Caecilia-Roman, sans-serif; font-size: 1.0em; font-weight: 500; color: #fff; }
#seconnecter a { text-decoration: none; }

/* Style des textes de la page d'accueil */
.txt_big { padding: 0 3px; font: 1.2rem/1.3em Caecilia-Roman, sans-serif; color: #000; text-align: justify; }
.txt_middle { padding: 0 3px; font: 1.0rem/1.6em Caecilia-Roman, sans-serif; color: #000; text-align: justify; }
.txt_chiffre_cles { display: inline-block; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; padding-left: 20px; color: #000; font-size: 1.0rem; text-align: left; font-family: Simplon-Regular; }
.number { display: inline-block; box-sizing: border-box; vertical-align: middle; text-transform: uppercase; padding-left: 20px; color: #006978; font-size: 3.0rem; text-align: left; font-family: Caecilia-Roman;border-left: 1px solid #d0d0d0; }

/* Style des conteneurs de la page d'accueil */
.grey_background { background-color: #f5f5f5; }
.green_background { background-color: #e5f1f1; }
.green_background .section { text-align: center; padding: 2em 0 2em 0; }
.green_background .section h1 { font: 2em Simplon-Regular, sans-serif; font-weight: 700; color: #006978; }
.green_background .section h2 { font: 1em  Caecilia-Roman, sans-serif;font-weight: 700;color: #000;height: 2.6em; }

.btn_pa_accueil { text-decoration: none !important; }
.btn_pa_accueil:hover { text-decoration: none !important;opacity: 0.7; }
.btn_pa_accueil span { background-color: #006978; color:#FFFFFF;padding: 0.4em 0.8em 0.4em 0.8em;font-size: 1.2em; }
.btn_pa_accueil span:after { font-family: 'dashicons';content: '\f344';margin-left: 0.4em; vertical-align: middle; }

/* Style des formulaires */
.frm_selection { padding-top: 1em;margin-top: 1em;max-width: 30%; }
.frm_selection h1 { font: 2em Simplon-Regular, sans-serif; font-weight: 700; color: #006978;text-align: center; }
.frm_selection p { padding: 0 3px;font: 1.0rem/1.6em Simplon-Regular, sans-serif;color: #006978;text-align: justify; }
.frm_selection label { width: 30%; }
.frm_selection input[type=submit] { text-align: left;font-family: Caecilia-Roman, sans-serif;font-size: 1em;font-weight: 500;text-shadow: none;padding: 0 10px;color: #fff;min-width: 180px;min-height: 35px;border: none;border-radius: 0;background-color: #006978;background-image: url( 'images/spriteBtAction.png' );background-position: right 10px;background-repeat: no-repeat;margin-left: 30%; }
.frm_selection .librairie_en_ligne { line-height: 8em;margin-left: 44%; }
.frm_selection .se_connecter { min-width: 180px;max-width: 36%;background-color: #006978;background-image: url( 'images/spriteBtAction.png' );background-position: right 10px;background-repeat: no-repeat;margin-top: 45px;margin-left: 33%;padding: 8px 0; /* color: #FFFFFF; */ }
.frm_selection .se_connecter a { font-family: Caecilia-Roman, sans-serif;font-size: 1em;font-weight: 500;padding: 0 6px;color: #fff;background-color: transparent; }

.frm_backoffice_auteurs { padding-top: 1em;margin-top: 1em; }
.frm_backoffice_auteurs h1 { font: 2em Simplon-Regular, sans-serif; font-weight: 700; color: #006978;text-align: center; }
.frm_backoffice_auteurs p { padding: 0 3px;font: 1.0rem/1.6em Simplon-Regular, sans-serif;color: #006978;text-align: justify; }
.frm_backoffice_auteurs label { width: 30%; }
.frm_backoffice_auteurs input[type=submit] { text-align: left;font-family: Caecilia-Roman, sans-serif;font-size: 1em;font-weight: 500;text-shadow: none;padding: 0 10px;color: #fff;min-width: 180px;min-height: 35px;border: none;border-radius: 0;background-color: #006978;background-image: url( 'images/spriteBtAction.png' );background-position: right 10px;background-repeat: no-repeat;margin-left: 30%; }

.thematiques { border-top: 4px solid #006978;width: 98%; }
.thematiques h1 { font-family: Simplon-Regular;font-size: 1.8rem;font-weight: 700;text-transform: uppercase; margin-top: 0.4em; }

.thematique { text-align: center; }
.thematique img { max-width: 50%; }
.thematique a, .thematique a:hover  { text-decoration: none; }
.thematique h1 { color:#778587;font-family: Caecilia-Roman;font-size: 1.3em;text-transform: none; }
.thematique_commercialise img:hover { opacity: 0.7; }
.thematique_noncommercialise { opacity: 0.7; }

.thematique .img_container_musique			{ background-color: #31949b; }
.thematique .img_container_theatre			{ background-color: #52206e; }
.thematique .img_container_sport			{ background-color: #810059; }
.thematique .img_container_sciences			{ background-color: #008a6f; }
.thematique .img_container_cirque			{ background-color: #2e379b; }
.thematique .img_container_echecs			{ background-color: #8a0070; }
.thematique .img_container_calligraphie 	{ background-color: #31949b; }
.thematique .img_container_maths			{ background-color: #8d002d; }
.thematique .img_container_eds				{ background-color: #aa171c; }

.offre_particuliers h1, .offre_collectivites h1, .txt_contact h1, .abonnes h1 { font-family: Simplon-Regular;font-size: 1.8rem;font-weight: 700;text-transform: uppercase; margin-top: 0.4em; color:#006978; }

.offre_particuliers p { font-weight: 700; }
.offre_particuliers .thematique { padding-bottom: 0.4em; }
.offre_particuliers .thematique .details { background-color: #ebebeb;text-align: left;padding: 1em 0.8em 1em 0.8em; } 
.offre_particuliers .thematique .details h1 { font-size: 1.2em;font-family: Caecilia-Roman;color: #006978;text-transform: none;margin-bottom: 0.4em;padding-bottom: 0; }
.offre_particuliers .thematique .details p { font-weight: normal;font-size: 0.8em;margin-bottom: 0.2em; }
.offre_particuliers .thematique .details .tarif { font-family: Simplon-Bold;font-size: 1.6em;color: #000; }
.offre_particuliers .thematique .details .acheter, .offre_particuliers .thematique .details .demo { text-align: center;background: #f2791e url( 'images/sprite-ico.png' ) right -2182px no-repeat;font-size: 1.4em;font-weight: 600;height: 1.6em;margin-bottom: 0; }
.offre_particuliers .thematique .details .acheter a, .offre_particuliers .thematique .details .demo a { color: #FFFFFF; }
.offre_particuliers .thematique .details .demo { background: #F78181;margin-top: 0.2em; }

.offre_collectivites h2 { font-family: Simplon-Medium, sans-serif;font-size: 1.6em;font-weight: bold; }
.offre_collectivites .grey_background, .offre_collectivites .green_background { margin-left: 2em;margin-bottom: 1em; }
.offre_collectivites .green_background { text-align: center;padding: 0.4em 0 0.4em 0; }
.offre_collectivites .green_background .tarif { color: #006978;font-family: Simplon-Regular, sans-serif;font-size: 3.2rem;margin-bottom: 0; }
.offre_collectivites .green_background h2 { color: #000;font-family: Simplon-Bold, sans-serif;font-size: 1.4em;font-weight: bold;margin-bottom: 0;padding-bottom: 0; }
.offre_collectivites .green_background p { color: #000;font-family: Simplon-Regular, sans-serif;font-size: 1em;margin-bottom: 0; }
.offre_collectivites .green_background .details { color: #006978; }

.offre_collectivites .grey_background { text-align: left; padding: 1.4em 0 0.4em 1.4em;}
.offre_collectivites .grey_background p {  color: #006978;font-family: Simplon-Regular, sans-serif;font-size: 1.2em;font-weight: bold;margin-bottom: 0; }
.offre_collectivites .grey_background ul > li { font-size: 0.8em; }
.offre_collectivites .grey_background .details { color: #006978; }

.abonnes p { font-weight: 700; }
.abonnes .thematique { padding-bottom: 0.4em; }
.abonnes .thematique .details { background-color: #ebebeb;text-align: left;padding: 1em 0.8em 1em 0.8em; } 
.abonnes .thematique .details h1 { font-size: 1.2em;font-family: Caecilia-Roman;color: #006978;text-transform: none;margin-bottom: 0.4em;padding-bottom: 0; }
.abonnes .thematique .details p { font-weight: normal;font-size: 0.8em;margin-bottom: 0.2em; }
.abonnes .thematique .details .acceder { text-align: center;background: #f2791e url( 'images/sprite-ico.png' ) right -2182px no-repeat;font-size: 1.4em;font-weight: 600;height: 1.6em;margin-bottom: 0; }
.abonnes .thematique .details .acceder a { color: #FFFFFF; }
.abonnes .thematique .details .date_abonnement { font-size: 0.9em;font-style: italic; }

.txt_contact { padding-bottom: 2em; }
.txt_contact .details { font-weight: 600;background-color: #e5f1f1;padding: 0.8em 1em 0.8em 1em; width:100%; }
.txt_contact .details .tel { color: #006978; }
.txt_contact .details .tel a { text-decoration:none; }
.txt_contact .details .tel a:hover { text-decoration:none;color: #006978; }
.txt_contact .caldera-grid { margin-top: 1em; }
.txt_contact .caldera-grid .form-control { background-color: #d4d4d4 !important; }
.txt_contact .caldera-grid input[type=submit] { float: right;text-align: left;font-family: Caecilia-Roman, sans-serif;font-size: 1.2em;font-weight: 500;color: #fff;background-color: #006978; }
.txt_contact .caldera-grid input[type=submit]:after { font-family: 'dashicons';content: '\f344';margin-left: 0.4em;vertical-align: middle; }

/* Contenu principal */
.site-content { padding-top: 0; }
.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header { padding: .5em .5em .5em 2.0em !important; }
.entry-content { border-bottom: solid 4px #000; padding-bottom: 20px; }

/* Contenu principal >> Popup Demo */
.btn_connecter { background-color: #FFFFFF; }
.btn_essayer_acheter { background-color: #000000; }
.btn_essayer_acheter a { color:#FFFFFF; }
.btn_essayer_acheter a:hover { color:#FFFFFF; }


/* Barre de consentement pour les cookies */
#cookie-consent-bar { background:#d4d4d4;color:#000000;font-family: Arial !important;min-height:24px; line-height:24px;color:#595959; text-align:center;padding:3px 0; width:100%; /* opacity bar :opacity: 0.6; filter: alpha(opacity=60); */ }
#cookie-consent-bar:hover { /* opacity bar :opacity: 1.0;filter: alpha(opacity=100); */}
#cookie-consent-bar.fixed {	position: fixed;bottom: 0;left: 0;z-index: 100; }
#cookie-consent-bar .cookie_info { object-fit: none;object-position: -50px -166px;width: 26px;height: 34px;margin-right: 0.4em; }
#cookie-consent-bar .cookie_close { object-fit: none;object-position: -50px -43px;width: 26px;height: 36px; }

#cookie-consent-bar p { margin: 0;padding: 0 10px;font-size: 1em; }
#cookie-consent-bar a {	color:#ffffff;display:inline-block;border-radius:3px;text-decoration:none; padding:0 6px; }
#cookie-consent-bar .sb-enable { margin:0 8px;font-size: 1.2em;text-transform: uppercase;font-weight: bold;}
#cookie-consent-bar .sb-disable { background:#e41b40;margin:0 8px; }
#cookie-consent-bar .sb-disable:hover { background:#e93f5e; }
#cookie-consent-bar .sb-policy { text-decoration:underline;margin:0 2px; }
#cookie-consent-bar .sb-policy:hover { text-decoration:underline; }

#cookie-consent-bar .sb-enable, #cookie-consent-bar .sb-policy { color: #31849b; }

/* Pied de page */
#footer_pa { max-width: 1260px;padding-top: 1em;border-top: 4px solid #000000; margin: -30px auto;padding-left: 60px;font-size: .7rem; }
#footer_pa ul { padding: 0;margin: 0;list-style: none;}
#footer_pa ul li { display: inline-block; }
#footer_pa a:before { padding-right: 6px;content: "|"; }
#footer_pa ul li:first-child a:before { content: ""; }

/* Media queries */ 
@media screen and (max-width: 1600px) {
	.page-sub-header_content h1 { padding: 10px 26px 0 26px; }
	.page-sub-header_content p { padding: 6px 22px 0px 26px; }
}

@media screen and (max-width: 1024px) {
	.page-sub-header_content h1 { padding: 10px 26px 0 26px; }
	.page-sub-header_content p { padding: 6px 22px 0px 26px; }
	.btn_pa_accueil span { font-size: 1.2em; }
}

@media screen and (max-width: 768px) {
	.page-sub-header_content h1 { padding: 8px 26px 0 26px; font-size: 140% !important; }
	.page-sub-header_content p { padding: 4px 22px 0px 26px; }
	#page-sub-header::before, #page-sub-header:after { height: 15%; }
	.atelier { margin: 1em 1.98em 0 1.98em; }
	.atelier h4 { font-size: 1.2em; }
}

@media screen and (max-width: 767px) {
	.page-sub-header_content h1 { padding: 8px 26px 0 26px; font-size: 120% !important; }
	.page-sub-header_content p { padding: 4px 22px 0px 26px; }
	.atelier_single_body .btn { width: 30%; }
	#content.site-content { padding-bottom: 3.75rem;padding-top: 6.6rem !important; }
	.grey_background_fullwidth { margin-top: 0.8em;position: relative;left: auto;width: 100%; }
	.btn_pa_accueil span { font-size: 1.2em; }
}

@media screen and (max-width: 512px) {
	.txt_presentation { margin-top: 0.8em; }
	.page-sub-header_content p { display:none; }
}

@media screen and (max-width: 360px) {
	.demo > p > label, .demo > p > span { width: 260px; }
}

@media screen and (max-width: 320px) {
	.page-sub-header_content h1 { font-size: 100% !important; }
}