@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'proxima_novaregular';
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_regular-webfont.eot');
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novabold';
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_bold-webfont.eot');
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_bold-webfont.ttf') format('truetype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	
    font-family: 'proxima_novasemibold';
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_semibold-webfont.eot');
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_semibold-webfont.ttf') format('truetype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/mark_simonson_-_proxima_nova_semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'shelbybold';
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.eot');
    src: url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.woff2') format('woff2'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.woff') format('woff'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.ttf') format('truetype'),
         url('https://www.eclipse-communication.fr/works/GDM/modules/openmag/front/design/default/assets/font/laura_worthington_-_shelby-bold-webfont.svg#shelbybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{font:normal 16px 'proxima_novaregular'}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}


.module_openNewMag .error{border:1px solid #ee3124!important}
.module_openNewMag .error_desc {display: none;color: #ee3124;font-size:12px}
.module_openNewMag .page-center{max-width: 960px; margin: 0 auto;}
.module_openNewMag .val{display:block;font-family: "shelbybold",Georgia,"Times New Roman", Times, serif;font-size:3em;color:#30b7ba;margin:0px auto 20px auto; }
.module_openNewMag .msg{display:none;text-align:center;clear:both}

.module_openNewMag article h1{line-height: 1.2em;text-align: left;width: 300px;font-family: "aqua","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 2.2em;color: #000000;float: left;text-transform: uppercase;padding-top: 70px;padding-left: 32px;}
.module_openNewMag article .content{font-family: "proximaRegular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; color: #000000; vertical-align: center; padding-top: 70px; padding-left: 300px;padding-right: 80px;}
.module_openNewMag article .content p{line-height: 1.2em;padding:10px 0}

/* MAGASIN */
.module_openNewMag .service_20150331 article .content p span.green{color:#30b7ba;}
.module_openNewMag .mention {display:none;width:700px;margin:0 auto 50px auto;color:#939393;font-size:0.8em}
 
	/*--- formulaire ---*/
	.module_openNewMag  input {line-height: normal;}
    .module_openNewMag  button, input, select, textarea {margin: 0;font-size: 100%;vertical-align: middle;}
    .module_openNewMag  form, input, textarea, select, button {background: none;border: 0; outline: none;-moz-appearance: none; border-radius: 0;}
	.module_openNewMag .form{max-width:390px;width:100%;margin:50px auto 0 auto;color:#939393}
	.module_openNewMag .form form {display:block;width:60%;float:right;position:relative}
	.module_openNewMag .form form .form_bloc{position:relative;margin:0 0 72px 0;padding: 20px 0 0 0 }
	.module_openNewMag .form form .form_bloc:last-child{margin-bottom:40px}
	.module_openNewMag .form form .form_bloc .form_row{margin:15px 0;position:relative}
	.module_openNewMag .form form .form_bloc .form_row .form-label {width: 220px; display: block; text-align: left; color: #7f7f7f;}
	.module_openNewMag  .form form .form_bloc .form_row .form-input-radio{width: 21px;height: 23px; margin-right: 5px;}
    

	.module_openNewMag .form-input-text, .form-area {font-size: 12px;line-height:24px;display: inline-block;width: 100%; padding: 5px;border: 1px solid #c3c3c3;background: #fff;font-family: "proximaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;color: #504e4a;}
	.module_openNewMag .form form .form_bloc .form_row {margin: 15px 0;position: relative;}
    .module_openNewMag .form form .form_bloc .form_row span{display:block;line-height:55px}
	.module_openNewMag .form form .form_bloc .form_row .form-textarea{min-height:70px;font-size: 12px;border:1px solid #c3c3c3;background:#fff;width:100%}
	.module_openNewMag .form form .form_bloc  span.green{color:#30b7ba;font-size:3em;}
	.module_openNewMag .form form .form_bloc .shelby{position:absolute;top:-30px;left:-224px;font-family: "shelbybold",Georgia,"Times New Roman", Times, serif;font-size:1.7em;color:#000000}
	
    .module_openNewMag .btn-01, .btn-01-alt {cursor:pointer;display: inline-block;margin: 0 auto;color: white;text-align: center;text-transform: uppercase;background-image: url("media/btn-01.png");    }

/* MEDIA QUERIES */
@media (min-width: 768px){
    .module_openNewMag .form-label {position: absolute;top: 5px;right: 105%; width: 125px;line-height: 31px;font-size: .875em;}
    .module_openNewMag .btn-01, .btn-01-alt, .btn-05 {padding: 17px 55px 17px 25px;font-family: "aqua","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 1.125em;text-transform: uppercase;}
    .module_openNewMag .error_desc{position: absolute;top: -4px;right: -310px; width: 300px; font-size: .875em; }
}

@media screen and (max-width:767px){
/* MAGASIN */

	/*--- formulaire ---*/
       .module_openNewMag  iframe{height:2000px}
		.module_openNewMag .form form{width:90%;}
		.module_openNewMag .form form .form_bloc .shelby{left:0;}
        

}