/**
 * CarpeDiem promotion CSS
 * Author : Philippe Saucez
 * URL : https://carpediem.fr
 * Skype : PhilippeCD
 * Mail : philippe@carpediem.fr
 */

.mfp-popup { position: relative; background : #FFF; padding: 20px; width: auto; max-width: 760px; margin: 20px auto; }

/**
 * POP DHTML
 */

.mfp-popup .row { clear: both; height: 350px; margin: 20px 0; }
.mfp-popup .row .col-xs-4 { width: 45%; float: left; }
.mfp-popup .row .col-xs-4 .DHTMLoverlayDiv { position: relative; width: 100%; max-width: 300px; padding: 0px; margin: 0 auto; }
.mfp-popup .row .col-xs-4 .DHTMLoverlayDiv img { width: 100%; }
.mfp-popup .row .col-xs-4 .DHTMLoverlayDiv .DHTMLoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 98%; background: rgba(208, 100, 35, 0.4); color: #ffffff; text-align: center; }
.mfp-popup .row .col-xs-4 .DHTMLoverlayDiv .DHTMLoverlay b { display: block; margin-top: 100px; padding: 0 60px; font-size: 18px; font-weight: normal; line-height: 28px; opacity: 0.7; }
.mfp-popup .row .col-xs-4 .DHTMLoverlayDiv .DHTMLoverlay i { margin-top: 20px; opacity: 0.7; }
.mfp-popup .row .col-xs-4 .mosaique { clear: both; height: 350px; margin: 3px auto; overflow: hidden; }
.mfp-popup .row .col-xs-4 .mosaique .profil { display: inline-block; position: relative; width: 50%; float: left; }
.mfp-popup .row .col-xs-4 .mosaique .profil img { width: 98%; max-width: 200px; height: auto; margin: 0 auto; cursor: pointer; }
.mfp-popup .row .col-xs-4 .mosaique .profil span { position: absolute; bottom: 20px; left: 0; height: 20px; width: 98%; max-width: 200px; overflow: hidden; margin: 0 auto; background: #ff6715; color: #fefefe; opacity: 0.6; z-index: 999; text-align: center; }
.mfp-popup .row .col-xs-4 .mosaique .profil:hover span { opacity: 1; }
.mfp-popup .row .col-xs-4 .mosaique .plusBox { display: inline-block; width: 50%; float: left; }
.mfp-popup .row .col-xs-4 .mosaique .plusBox span { display: block; width: 98%; max-width: 168px; margin: 0 auto; background: #D47322; opacity: 0.6; text-align: center; color: #ffffff; line-height: 168px; text-decoration: none; font-weight: bold; font-size: 60px; }
.mfp-popup .row .col-xs-4 .mosaique .plusBox span:hover { opacity: 1.0; }
.mfp-popup .row .col-xs-6 { width: 52%; float: right; }
.mfp-popup .row .col-xs-6 .borders { height: 350px; overflow: hidden; margin: 0; padding: 0; background: #fff0e8; border-radius: 2px; }
.mfp-popup .row .col-xs-6 .borders h1 { margin: 10px 0; padding: 0; font-size: 18px; font-weight: normal; text-align: center; color: #333333; }
.mfp-popup .row .col-xs-6 .borders h1 div { display: block; color: #ff6715; font-weight:600; }

.mfp-popup .row .col-xs-6 .borders h5 { margin: 10px 0; padding: 0; font-size: 18px; font-weight: normal; text-align: center; color: #333333; }
.mfp-popup .row .col-xs-6 .borders h5 div { display: block; color: #ff6715; font-weight:600;}



.mfp-popup .row .col-xs-6 .mosaique { display: none; }
.mfp-popup .row .col-xs-6 .regForm { margin: 0 40px; padding: 0; }
.mfp-popup .row .col-xs-6 .regForm .form-group { position: relative; width: 100%; height: 65px; }
.mfp-popup .row .col-xs-6 .regForm .form-group label { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; }
.mfp-popup .row .col-xs-6 .regForm .form-group input { width: 100% !important; height: 25px; font-size: 16px; font-weight: 500; background-color:#fff;min-height:40px!important;}
.mfp-popup .row .col-xs-6 .regForm .form-group input::placeholder { color: #7c7c7c;  }
.mfp-popup .row .col-xs-6 .regForm .form-submit { width: 100%; padding: 15px 0; text-align: center; }
.mfp-popup .row .col-xs-6 .regForm .form-submit button { display: block; width: 100% !important; margin: 15px auto; background: #ff6715; border-color: #ff6715; font-size: 16px!important; line-height: 27px; color: #ffffff; transition-property: background-color, color; transition-duration: 0.15s, 0.15s; transition-timing-function: linear, linear; transition-delay: 0s, 0s; }
.mfp-popup .row .col-xs-6 .regForm .form-submit button:hover { background: #000; }
.mfp-popup .row .col-xs-6 .regForm .form-submit button:disabled { background: #8e3500; }
.mfp-popup .row .col-xs-6 .regForm .has-success .control-feedback { color: #218838; }
.mfp-popup .row .col-xs-6 .regForm .has-error .control-feedback { color: #ff0000; }
.mfp-popup .row .col-xs-6 .regForm .form-group .control-feedback { position: absolute; top: 15px; right: -10px; z-index: 2000; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.mfp-popup .row .col-xs-6 .regForm .form-group label.error { position: absolute; top: 0; right: 0; width: 100%; text-align: right; font-size: 12px; font-weight: bold; line-height: 20px; color: #ff0000; }
.mfp-popup .row .col-xs-6 .regFormFinal { margin-top: 10px; }
.mfp-popup .row .col-xs-6 .regFormFinal .alert { width: 80%; margin: 10px auto; padding: 10px 20px; background: #ffffff; border: 1px solid #c0c0c0; border-radius: 6px; color: #000000; }
.mfp-popup .row .col-xs-6 .regFormFinal .alert p { text-align: justify; }
.mfp-popup .row .col-xs-6 .regFormFinal .alert .btn { display: block; width: 90% !important; margin: 0 auto !important; padding: 0 4px !important; background: #B94501; border-color: #B94501; font-size: 14px; line-height: 27px; color: #ffffff; transition-property: background-color, color; transition-duration: 0.15s, 0.15s; transition-timing-function: linear, linear; transition-delay: 0s, 0s; }
.mfp-popup .row .col-xs-6 .regFormFinal .alert .btn:hover { background: #8E3500; }

/**
 * Fale search
 */

#searchBox { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #000; background-color: #f7e1d7; }
#searchBox form { width: 90%; margin: 5px auto; padding:10px 0 0 0;}
#searchBox ul li { line-height: 30px; padding-top: 4px; padding-bottom: 4px; }
#searchBox ul li .field { width: 100%; height: 30px; clear: both; }
#searchBox ul li .field input { width: 95%; }
#searchBox ul li .field_age select { width: 40%; margin: 0 1%; float: left; }
#searchBox ul li .field_age strong { width: 10%; margin: 0 1%; float: left; text-align: center; }

#searchBox .btn {
    display: block;
    width: auto;
    margin: 5px auto;
   
    background: #ff6715 !important;
    border-radius: 50px;
    padding: 8px 23px;
    margin: 10px auto;
}



#searchBox .btn:hover { background: #B94501 !important; }

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

	.mfp-popup { margin: 10px auto;    padding: 20px 10px 20px 10px; width: 95%;   background-color: #f7e1d7; }
	
	

	
	
	
	

	.mfp-popup .row { height: auto; }

	.mfp-popup .row .col-xs-4 { display: none; }
	.mfp-popup .row .col-xs-6 { width: 100%; float: none; clear: both; }

	.mfp-popup .row .col-xs-6 .borders { height: auto; }

	.mfp-popup .row .col-xs-6 .mosaique { display: block; width: 95%; height: auto; margin: 0 auto; clear: both; }
	.mfp-popup .row .col-xs-6 .mosaique .profil { display: inline-block; position: relative; width: 25%; height: auto; float: left; }
	.mfp-popup .row .col-xs-6 .mosaique .profil img { width: 98%; max-width: 150px; height: auto; margin: 0 auto; cursor: pointer; }
	.mfp-popup .row .col-xs-6 .mosaique .profil span { position: absolute; bottom: 20px; left: 0; height: 20px; width: 98%; max-width: 150px; overflow: hidden; margin: 0 auto; background: #ff6715; color: #fefefe; opacity: 0.6; z-index: 999; text-align: center; }
	.mfp-popup .row .col-xs-6 .mosaique .profil:hover span { opacity: 1; }
	.mfp-popup .row .col-xs-6 .mosaique .plusBox { display: inline-block; width: 25%; height: auto; float: left; }
	.mfp-popup .row .col-xs-6 .mosaique .plusBox span { display: block; width: 98%; height: 98%; margin: 0 auto;}
	.mfp-popup .row .col-xs-6 .mosaique .clear { clear: auto; }

	.mfp-popup .row .col-xs-6 .regForm .form-submit { padding: 20px 0; }
	.mfp-popup .row .col-xs-6 .regForm .form-submit button { margin: 0 auto; }

}

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

	button.mfp-close, button.mfp-arrow { line-height: 31px; height: 31px; }

	.mfp-popup { margin: 0 auto; }

	.mfp-popup .row .col-xs-6 .borders h1 { font-size: 16px; }
	.mfp-popup .row .col-xs-6 .borders h1 div { display: inline-block; }
	.mfp-popup .row .col-xs-6 .borders h5 { font-size: 16px; }
	.mfp-popup .row .col-xs-6 .borders h5 div { display: inline-block;font-weight:600; }
	.mfp-popup .row .col-xs-6 .mosaique .profil { width: 33%; }
	.mfp-popup .row .col-xs-6 .mosaique .profil:first-child { display: none; }

}

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

	button.mfp-close, button.mfp-arrow { line-height: 44px; height: 44px; }

	.mfp-popup .row .col-xs-6 .borders h1 { font-size: 18px; }
	.mfp-popup .row .col-xs-6 .borders h1 div { display: block; }
	.mfp-popup .row .col-xs-6 .borders h5 { font-size: 18px; }
	.mfp-popup .row .col-xs-6 .borders h5 div { display: block;font-weight:600; }
	.mfp-popup .row .col-xs-6 .regForm { margin: 0 20px; }
	.mfp-popup .row .col-xs-6 .regForm .form-submit button { font-size: 12px; }
	.mfp-popup .row .col-xs-6 .regFormFinal .alert .btn { font-size: 12px; }

}

@media only screen and (max-height: 500px) {

	.mfp-popup .row .col-xs-6 .mosaique { display: none; }

}