#popup{
	display:none;
	background-color: #ffff;
}

#popup .webform-client-form-34{
	margin: 25px;
}


#popup .webform-client-form-34 label{
   width: 97%;
    margin-top: 1%;
    font-weight: normal;
    margin-bottom: 0; 
	}
#popup a:focus {
	outline: unset;
}
#popup .webform-client-form-34 .webform-component--metier{
	display: none;
}

 #popup .webform-client-form-34 .webform-component--nom,
 #popup .webform-client-form-34 .webform-component--prenom,
 #popup .webform-client-form-34 .webform-component--email,
 #popup .webform-client-form-34 .webform-component--code-postal,
 #popup .webform-client-form-34 .webform-component--ville{
	width: 45%;
}

#popup .webform-client-form-34 .webform-component--nom-de-votre-etablissement{
	clear: both;
	width: 95%;
}

#popup .webform-client-form-34 select{
	width: 45%;
	height: 32px;
	background: url("/sites/default/files/images/fleches-select.png") no-repeat right;
	background-position: 95%;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#popup .webform-client-form-34 .webform-component--nom,
#popup .webform-client-form-34 .webform-component--prenom,
#popup .webform-client-form-34 .webform-component--code-postal,
#popup .webform-client-form-34 .webform-component--ville {
	float: left;
	margin-right: 5%;
}

#popup .webform-client-form-34 .webform-component--optin{
	clear: both;
}

#popup .webform-client-form-34 .form-type-checkbox {
	width: 2%;
}

#popup .webform-client-form-34 .form-type-checkbox {
	width: 2%;
}

#popup .webform-client-form-34 #edit-submitted-code-postal{
	width: 95%;
}


#popup .webform-client-form-34 input[type="submit"]{
	width: 110px;
    height: 37px;
    border-radius: 0;
    border: none;
    font-family: "openSans";
    color: #fff;
    text-transform: uppercase;
    background: url(/sites/default/files/images/bouton-fleche.png) no-repeat 90% center #333;
    padding-right: 30px;
    float: left;
    margin-top: 15px;
    
}

#popup label{
	font-weight: normal;
	text-align: justify;
	font-family: "openSans";
    font-size: 1em;
    line-height: 1.2em;

}
#popup .text_headers{
	text-align: center;
    font-size: 1.5em!important;
    line-height: 1.2em;
    color: #000;
    font-family: "openSansBold";
}

#popup .webform-component--titre{
	text-align: center;
}
#popup .webform-component--titre{
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.ui-dialog .ui-helper-clearfix{
    border: 0px !important; 
    background: #fff !important;
}


@media (max-width: 656px){
	.ui-widget-content {
	    width: 95% !important;
	}
	.ui-dialog{
		position: absolute !important;
		top: 100px !important;
		z-index: 1000000;
	}
	#popup .webform-client-form-34 input,
	#popup .webform-client-form-34 .webform-component--nom,
	#popup .webform-client-form-34 .webform-component--prenom,
	#popup .webform-client-form-34 .webform-component--code-postal,
	#popup .webform-client-form-34 .webform-component--ville,
	#popup .webform-client-form-34 .webform-component--email,
	#popup .webform-client-form-34 .webform-component--nom-de-votre-etablissement,
	#popup .webform-client-form-34 select,
	#popup .webform-client-form-34 #edit-submitted-code-postal{
	    width: 100%;
	}
}
.webform-component--titre{
	font-size: 18px;
	text-transform: uppercase;
}

#popup .webform-client-form-34 .webform-component--email{
	margin-top: 15px;
}

.ui-dialog-titlebar-close{
	background: url(croix-modal.png) no-repeat !important;
	position: absolute !important;
	/*top : 60px !important;
	right: 55px !important;
	float: right !important;
	display: block !important;
	height: 22px !important;
	width: 22px !important;*/
	opacity:1 !important;
}

.ui-state-default{
 	border: 1px solid #fff!important;
}
.ui-icon-closethick{
	display: none;
}
.ui-dialog-titlebar-close{
	width: 30px!important;
	height: 30px!important;
}

.ui-dialog .ui-dialog-titlebar-close{
	border:none;
}
#popup .text_headers {
	font-family: 'Roboto-Medium';
}