/*

	Site internet netgem
	Version : 1.1
	Site	: netgem.com
	
	Theme 	: netgem 1.1
	Author	: Integration : Yann Lobry
	
*/

.form-contact {
	width: 73.6%;
}

.gd-cont-contact {
	padding: 3vw 0 7.4vw;
}

.gd-cont-contact .gd-titre {
	font-size: 3.1em;
	padding: 1vw 0 0 0;
	margin-bottom: 2.5vw;
}

.gd-cont-contact #block-addresses {
	position: relative;
	 top: auto;
	 right: auto;
}






.webform-submission-netgem-contact-form:after {
	content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;
}

.netgem-form .cont-un {
	float: left;
	 width: 47.9%;
	 margin-right: 4.2%;
}

.netgem-form .cont-deux {
	float: left;
	 width: 47.9%;
}


.netgem-form .form-item {
	margin: 0 0 1.4vw 0;
}


.netgem-form input[type="email"],
.netgem-form input[type="text"],
.netgem-form input[type="tel"] {
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 border: solid 1px #D8D8D8;
	 margin: 0;
	 color: #6b6b6b;
	 line-height: 3.3vw;
	 height: 3.5vw;
	 width: 100%;
	 background-color: #fff;
	 padding: 0 1.2vw;
	 font-size: 1em;
	 border-radius: 0.3vw;
	 box-shadow: none;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 500;
 }

.netgem-form input::-webkit-input-placeholder {color: #989898;}
.netgem-form input::-moz-placeholder {color: #989898;}
.netgem-form input:-ms-input-placeholder {color: #989898;}
.netgem-form input::placeholder {color: #989898;}

.netgem-form input:focus  {outline: none;border-color: #FC7C1C;}

.netgem-form label {font-size: 1.02em;line-height: 1.2em;color: #404040;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 background-color: #fff !important;
}




.netgem-form textarea {
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 margin: 0 0 2.4vw 0;
	 line-height: 1.35em;
	 height: 13.3vw;
	 width: 100%;
	 background-color: #fff;
	 font-family: 'Montserrat', sans-serif;
	 border: solid 1px #D8D8D8;
	 color: #6b6b6b;
	 padding: 1vw 1.2vw;
	 font-size: 1em;
	 border-radius: 0.3vw !important;
	 box-shadow: none;
	 font-weight: 500;
}

.netgem-form textarea::-webkit-input-placeholder {color: #989898;}
.netgem-form textarea::-moz-placeholder {color: #989898;}
.netgem-form textarea:-ms-input-placeholder {color: #989898;}
.netgem-form textarea::placeholder {color: #989898;}

.netgem-form textarea:focus  {outline: none;border-color: #FC7C1C;}






.netgem-form .form-type-checkbox label {display: none;}

.netgem-form .form-type-checkbox label.label-affiche {display: block;
  display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 1.5vw 0 2.5vw;
	font-size: 0.8em;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5em;
	color: #042E54;
	margin-left: 0;
	font-weight: 500;
}

.netgem-form .mentions-legales p {
	font-size: 0.8em;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5em;
	color: #042E54;
	margin-left: 0;
	font-weight: 500;
	padding: 3vw 0 0;
}
  
.netgem-form .form-type-checkbox label.label-affiche input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.netgem-form .checkmark {
  position: absolute;
	top: 0;
	left: 0;
	height: 1.7vw;
	width: 1.7vw;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	 border: solid 1px #D8D8D8;
	 background-color: #fff;
	 border-radius: 0.3vw;
}

.netgem-form .form-type-checkbox label.label-affiche:hover input ~ .checkmark {
  border-color: #FC7C1C;
}

.netgem-form .form-type-checkbox label.label-affiche input:checked ~ .checkmark {
  background-color: #FC7C1C;border-color: #FC7C1C;
}

.netgem-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.netgem-form .form-type-checkbox label.label-affiche input:checked ~ .checkmark:after {
  display: block;
}

.netgem-form .form-type-checkbox label.label-affiche .checkmark:after {
  left: 0.5vw;
	top: 0.1vw;
	width: 0.4vw;
	height: 0.8vw;
	border: solid white;
	border-width: 0 0.25vw 0.25vw 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}






.netgem-form .select2-container {width: 100% !important;}

.select2-search {display: none;}

.select2-container--default:focus,
select:focus {outline: none;}

.select2-container--default .select2-selection--single {
	color: #FC7C1C;
	 line-height: 3.3vw;
	 height: 3.5vw;
	 width: 100%;
	 background-color: #fff;
	 font-size: 1em;
	 outline: none;
	 border: solid 1px #FC7C1C;
	 border-radius: 0.3vw;
	 padding: 0 1.2vw;
	 font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="Sélectionner l'objet du message*"] {color: #FC7C1C;}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #FC7C1C;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.2em;
	 color: #FC7C1C;
	 padding: 1.1vw 2.5vw 0 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 1.1vw 2.5vw 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 1.6vw;
	 right: 1.3vw;
	 width: 1.9vw;
	 background: transparent url(/themes/netgem/images/bt-select.svg) no-repeat center center;
	 background-size: contain;
	 top: 50%;
	 transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {

	 background: transparent url(/themes/netgem/images/bt-select-blanc.svg) no-repeat center center;
	 background-size: contain;
}

.select2-container--default .select2-selection--single .select2-selection__clear {display: none;}
	 
.select2-dropdown {
	border-radius: 0;
	border-bottom-left-radius: 0.3vw;
	border-bottom-right-radius: 0.3vw;
	border: solid 1px #FC7C1C;
	border-top: none;
	overflow: hidden;
}

.select2-dropdown.select2-dropdown--above {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.3vw;
	border-top-right-radius: 0.3vw;
	border-top: solid 1px #FC7C1C;
	border-bottom: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #fff;font-family: 'Montserrat', sans-serif;color: #6b6b6b;}

.select2-dropdown li.select2-results__option {
	color: #6b6b6b;
	 font-size: 1em;
	 line-height: 1.2em;
	 padding: 1vw 0.8vw 0.9vw 1.2vw;
	 height: auto;
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 500;
}

.select2-dropdown li.select2-results__option:hover {
	background-color: #FC7C1C;
	color: #fff;
}

.select2-container--open.select2-container--default .select2-selection--single {
	background-color: #FC7C1C;
	color: #fff;
}

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #fff;
}

.select2-dropdown li.select2-results__option[aria-selected="true"] {
	color: #6b6b6b;
	background-color: #ddd;
	cursor: text;
}





.form-actions {
	padding: 0;
	margin: 0;
	 text-align: center;
	 float: right;
}

.netgem-form input[type="submit"] {
	cursor: pointer;
	 margin: 0 !important;
	 border: none;
	 text-transform: uppercase;
	 font-size: 1.28em;
	 text-decoration: none;
	 display: block;
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 700;
	 font-style: normal;
	 color: #042E54;
	 line-height: 1.2em;
	 background: none;
	 background-color: #FC7C1C;
	 padding: 1.1vw 2.1vw 1vw;
	 text-align: left;
	 border-radius: 0.75vw;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

.netgem-form input[type="submit"]:hover {
	transform:scale(1.1);
	color: #fff;
}



.netgem-form .form-item--error-message {padding: 0.5vw 0;font-size: 0.9em;color: red;}

.netgem-form .form-item--error-message strong {font-weight: 400;}

.netgem-form .form-item--error-message:before {display: none;}



.page-confirm-contact {
	width: 80%;
	 padding: 5vw 0 0;
}

.page-confirm-contact p {
	color: #052E53;
	 font-weight: 400;
	 font-size: 1.8em;
	 padding: 0;
	 line-height: 1.3em;
	 margin: 0 0 2vw;
}

body.page-node-type-pages-bases-juste-meta #footer {
	background-color: #fff;
}






@media screen and (max-width: 1450px) {
	
	.netgem-form .form-type-checkbox label.label-affiche {
		 font-size: 12px;
	}
	
	.netgem-form .mentions-legales p {
		 font-size: 11px;
	}
	
	.netgem-form input[type="email"], 
	.netgem-form input[type="text"], 
	.netgem-form input[type="tel"] {
		 line-height: 50px;
		 height: 50px;
		 padding: 0 12px;
		 font-size: 15px;
		 border-radius: 5px;
	}
	
	.netgem-form textarea {
		 height: 15vw;
		 padding: 12px 12px;
		 font-size: 15px;
		 border-radius: 5px !important;
	}
	
	.select2-container--default .select2-selection--single {
		 height: 50px;
		 font-size: 15px;
		 border-radius: 5px;
		 padding: 0 12px;
	}
	
	.select2-container .select2-selection--single .select2-selection__rendered {
		 padding: 16px 41px 0 0;
	}
	
	.select2-dropdown li.select2-results__option {
		 font-size: 14px;
		 padding: 12px 9px 11px 12px;
	}
	
	.select2-dropdown {
		 border-bottom-left-radius: 5px;
		 border-bottom-right-radius: 5px;
	}
	
	.select2-dropdown.select2-dropdown--above {
		 border-bottom-left-radius: 0;
		 border-bottom-right-radius: 0;
		 border-top-left-radius: 5px;
		 border-top-right-radius: 5px;
	}
	
	.netgem-form .checkmark {
		 height: 24px;
		 width: 24px;
		 border-radius: 4px;
	}
	
	.netgem-form .form-type-checkbox label.label-affiche {
		 padding: 0 0 0 39px;
	}
	
	.netgem-form .form-type-checkbox label.label-affiche .checkmark:after {
		 left: 6px;
		 top: 2px;
		 width: 6px;
		 height: 12px;
		 border-width: 0 3px 3px 0;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		 height: 23px;
		 right: 19px;
		 width: 28px;
	}
	
}








@media screen and (max-width: 1200px) {
	
	.form-contact {
		 width: 71%;
	}
	
	.netgem-form input[type="submit"] {
		 font-size: 16px;
		 padding: 13px 25px 12px;
		 border-radius: 9px;
		 margin-top: 12px !important;
	}
	
}







@media screen and (max-width: 1000px) {
	
	.form-contact {
		 width: 69%;
	}
	
	.gd-cont-contact {
		 padding: 6vw 0 7.4vw;
	}
	
	.netgem-form .form-item {
		 margin: 0 0 14px 0;
	}
	
	.netgem-form textarea {
		 height: 178px;
	}
	
}









@media screen and (max-width: 852px) {
	
	.netgem-form .cont-un {
		 float: none;
		 width: auto;
		 margin-right: 0;
	}
	
	.netgem-form .cont-deux {
		 float: none;
		 width: auto;
	}
	
	.form-contact {
		 width: 60%;
	}
	
	.gd-cont-contact .gd-titre {
		 font-size: 4em;
		 padding: 3vw 0 0 0;
		 margin-bottom: 3vw;
	}
	
	.netgem-form .checkmark {
		 height: 31px;
		 width: 33px;
		 border-radius: 5px;
	}
	
	.netgem-form .form-type-checkbox label.label-affiche {
		 padding: 0 0 0 49px;
	}
	
	.netgem-form .form-type-checkbox label.label-affiche .checkmark:after {
		 left: 8px;
		 top: 2px;
		 width: 9px;
		 height: 15px;
		 border-width: 0 5px 5px 0;
	}
	
}









@media screen and (max-width: 540px) {
	
	.form-contact {
		 width: auto;
		 float: none;
	}
	
	.gd-cont-contact .gd-titre {
		 font-size: 34px;
		 padding: 19px 0 0 0;
		 margin-bottom: 29px;
		 width: 197px;
	}
	
	.netgem-form .form-item {
		 margin: 0 0 21px 0;
	}
	
	.netgem-form .form-item.form-type-textarea {
		 margin-bottom: 27px;
	}
	
	.netgem-form input[type="submit"] {
		 margin-top: 8px !important;
		 display: inline-block;
	}
	
	.form-actions {
		 float: none;
		 margin: 0 0 12px 0;
	}
	
	.netgem-form .mentions-legales p {
		 margin-bottom: 72px;
	}
	
	.gd-cont-contact {
		 padding: 6vw 0 32px;
	}
	
}