/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* Style CSS - Château de Saint-Germain-Lès-Corbeil - Réalisation Les Apprêteurs - Sept.2016 */

/* General Custom CSS */

/*
==================================================
TYPOGRAPHIE
==================================================
*/

.typo_script {
font-family: 'meddon';
margin-bottom: 0px !important;
}


p + h1 {
    margin-top: 0em;
    font-size: 28px !important;
}

p + h2 {
    margin-top: 0em;
    font-size: 28px !important;
}


/*
==================================================
BOUTONS
==================================================
*/

		/*BOUTON PLUS DORÉ*/
		
.bouton_plus_dore {
    min-width: 40px;
    min-height: 37px;
    color: #d0b453;
	background-color: rgb(255, 255, 255);
	border: 1px solid #d0b453 !important;
	padding: 8px 8px;
}

.bouton_plus_dore .avia-button.avia-size-small {
    padding: 9px 0px 7px;
    min-width: 38px;
    background-color: #ffffff !important;
    border-color: #fff !important;
}

.bouton_plus_dore .avia-button .avia_button_icon {
    position: absolute;
    left: 5px !important;;
    font-size: 20px;
    bottom: 0px;
	color: #d0b453;
}

		/*BOUTON PLUS BLANC*/

.bouton_plus_blanc {
    min-width: 40px;
    min-height: 37px;
    color: #ffffff;
	background-color: transparent;
	padding: 8px 0px;
}

.bouton_plus_blanc .avia-button.avia-size-small {
    padding: 9px 10px 7px;
    min-width: 38px !important;
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 100px !important;
    min-height: 37px;
}

.bouton_plus_blanc .avia-button .avia_button_icon {
    position: absolute;
    left: 12px !important;
    font-size: 20px;
    bottom: 10px;
	color: #fff;
}

		/*BOUTON GRIS*/
		
.bouton_gris .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_gris .avia-button.avia-color-dark {
    color: #8c8c8d !important;
    border: 1px solid #8c8c8d !important;
    border-color: #8c8c8d !important;
    background: transparent !important;
}


		/*BOUTON VERT*/
		
.bouton_vert .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_vert .avia-button.avia-color-dark {
    color: #9ac7bd !important;
    border: 1px solid #9ac7bd !important;
    border-color: #9ac7bd !important;
    background: transparent !important;
}

		/*BOUTON DORÉ*/
		
.bouton_dore .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_dore .avia-button.avia-color-dark {
    color: #d0b453 !important;
    border: 1px solid #d0b453 !important;
    border-color: #d0b453 !important;
    background: transparent !important;
}


		/*BOUTON BLANC*/
		
.bouton_blanc .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_blanc .avia-button.avia-color-dark {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-color: #ffffff !important;
    background: transparent !important;
}

		/*BOUTON BLEU*/
		
.bouton_bleu .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_bleu .avia-button.avia-color-dark {
    color: #a5b9c4 !important;
    border: 1px solid #a5b9c4 !important;
    border-color: #a5b9c4 !important;
    background: transparent !important;
}

		/*BOUTON ROSE*/
		
.bouton_rose .avia-button.avia-size-small {
    padding: 10px 60px 10px;
    font-size: 14px;
    min-width: 80px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.bouton_rose .avia-button.avia-color-dark {
    color: #f2b4b0 !important;
    border: 1px solid #f2b4b0 !important;
    border-color: #f2b4b0 !important;
    background: transparent !important;
}

/*
==================================================
MENU
==================================================
*/

.av-main-nav > li > a {
    color: #222222;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0px;
}

.html_header_top.html_bottom_nav_header .main_menu > div {
    height: 60px;
}

#top #header_meta .phone-info {
    font-family: forum;
    font-weight: 100;
    font-size: 13px;
}

#top #header_meta a {
    font-family: montserrat;
    font-weight: 100;
    font-size: 12px;
}

#header_meta {
       border-bottom: 1px solid #f0f0eb !important;
}

.responsive .logo img {
    max-height: 60px;
}

/*
==================================================
ÉLÉMENTS GÉNÉRIQUES
==================================================
*/

.content {
    padding-top: 75px;
    padding-bottom: 75px;
    }

.av-flex-placeholder {
    width: 3% !important;
}

#scroll-top-link {
    color: #222;
    border: none !important;
    background-color: #d0b453;
}


#scroll-top-link:hover {
    color: #222;
    border: none !important;
    background-color: #d0b453;
    opacity: 1;
}

/*
==================================================
PAGE ACCUEIL
==================================================
*/

.bloc-presta-accueil .typo_script {
color: #fff !important;
font-size: 16px !important;
}

.bloc-presta-accueil p {
font-size: 12px !important;
}

.type-presta-bloc-accueil {
font-family: 'forum';
text-transform: uppercase;
font-size: 26px;
letter-spacing: 8px;
}

.rose {
outline: 8px solid rgb(242, 180, 176) !important;
}

.bleu {
outline: 8px solid #a5b9c4;
}

.vert {
outline: 8px solid #9ac7bd;
}


/*
==================================================
PAGES ÉVÈNEMENTS
==================================================
*/

.titre_bandeau_presta {
    font-family: forum;
    font-size: 55px;
    letter-spacing: 15px;
    margin-top: 15px;
    color: #fff !important;
}

.tournage .typo_script {
text-transform: none !important;
color: #9ac7bd !important;
font-size: 30px !important;
}

.tournage p {
color: #9ac7bd !important;
font-family: 'forum' !important;
font-size: 19px !important;
}

.seminaire .typo_script {
text-transform: none !important;
color: #a5b9c4 !important;
font-size: 30px !important;
}

.seminaire p {
color: #a5b9c4 !important;
font-family: 'forum' !important;
font-size: 19px !important;
}

.mariage .typo_script {
text-transform: none !important;
color: #f2b4b0 !important;
font-size: 30px !important;
}

.mariage p {
color: #f2b4b0 !important;
font-family: 'forum' !important;
font-size: 19px !important;
}


.caract_techn {
text-transform: uppercase;
letter-spacing: 2px !important;
font-size: 18px !important;
}

.histoire .typo_script {
text-transform: none !important;
color: #d0b453 !important;
font-size: 28px !important;
}

.histoire p {
color: #d0b453 !important;
font-family: 'forum' !important;
font-size: 19px !important;
}




/* 	
	Rose (mariage) #f2b4b0
	Bleu (séminaires) #a5b9c4
	Vert (tournages) #9ac7bd
	Doré #d0b453

								*/


/*
==================================================
PAGE GALERIE
==================================================
*/

div .mfp-title {
    line-height: 30px;
    font-size: 16px;
    font-family: forum;
    font-style: italic;
    text-align: center;
}

.mfp-counter {
display: none;
}

/*
==================================================
PAGE PRESTATION
==================================================
*/

/*
==================================================
PAGE CONTACT
==================================================
*/

.wpformcsg label.wpforms-field-label {
    font-weight: 100 !important;
    font-size: 13px;
    color: #8c8c8d !important;
}

input.wpforms-field-required, textarea.wpforms-field-required {
    color: #8c8c8d !important;
    border-color: #8c8c8d !important;
    border-width: 1px !important;
  background-color: #fff;
}

.wpforms-container .wpforms-field {
  padding: 0;
}

button#wpforms-submit-682 {
    border: 1px solid #d0b453 !important;
    padding: 10px 60px;
    font-family: montserrat;
    letter-spacing: 2px;
    color: #d0b453 !important;
    margin-top: 15px;
    background-color: #ffffff;
    text-transform:uppercase;
}


button#wpforms-submit-682:hover {
    border: 1px solid #d0b453 !important;
    padding: 10px 60px;
    font-family: montserrat;
    letter-spacing: 2px;
    color: #d0b453 !important;
        background-color: #ffffff !important;
}


/*
==================================================
FOOTER
==================================================
*/

.footer-col-3 p {
margin-bottom: 0px !important;
margin-top: 2px;
}

.footer-col-3 p:first-child {
margin-top: 20px;
}

#footer p {
font-family: 'forum' !important;
}

#text-4 .textwidget {
height: 200px;
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.mobile-only {
display: none !important;
}

.responsive .logo img {
    max-height: 60px;
    margin-top: 13px;
}
}

@media only screen and (min-width: 1021px) {
.av-logo-container {
display: none;
}

.mobile-tablet-only {
display: none !important;
}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1020px) {

.container #advanced_menu_toggle {
    display: block;
}

.main_menu, #menu-item-228 {
display: none; 
}

.container {
    padding: 0px 20px;
}

.bloc_caracteristique {
padding: 30px !important;
}


@media only screen and (max-width: 989px) {

#text-5, #text-3, .no-tablet {
display: none !important;
}

#footer .av_one_third {
    margin-left: 0%;
    width: 100%;
}

}

@media screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

.bloc_blanc_titre {
padding: 65px 10px 0px !important;
}

.bloc_blanc_texte {
padding: 0px 10px !important;
}

.bloc_blanc_titre h2 {
font-size: 26px !important;
}

.titre_bandeau_presta {
    font-size: 30px !important;
    letter-spacing: 5px !important;
}

	.marge_trois_colonne .av_one_third, .marge_trois_colonne .av_one_half, .no_padding {
	padding: 0px !important;
	}

	.no-mobile, .sub_menu {
	display: none !important;
	}
	}