/* 1024... */

/*
		var matrix = obj.css("-webkit-transform") ||
					 obj.css("-moz-transform")    ||
					 obj.css("-ms-transform")     ||
					 obj.css("-o-transform")      ||
					 obj.css("transform");
*/
@media screen and (max-width: 1500px) {

	#wrapper {
		position: absolute;
		left: 50%;
		margin: 0 0 0 -720px;
		-moz-transform: scale(0.698);
		-moz-transform-origin: center top;
		-webkit-transform: scale(0.698);
		-webkit-transform-origin: center top;
		-ms-transform: scale(0.698);
		-origin: center top;
		transform: scale(0.698);
		transform-origin: center top;
	}
	#menu {
		top: -18px;
		-moz-transform: scale(0.698);
		-moz-transform-origin: center top;
		-webkit-transform: scale(0.698);
		-webkit-transform-origin: center top;
		transform: scale(0.698);
		transform-origin: center top;
		position: fixed;
	}
	#footer {
		-moz-transform: scale(0.698);
		-moz-transform-origin: center bottom;
		-webkit-transform: scale(0.698);
		-webkit-transform-origin: center bottom;
		transform: scale(0.698);
		transform-origin: center bottom;
		position: fixed;
	}
	
	#login_box  {
		margin: -230px 0 0 183px;
		-moz-transform: scale(0.698);
		-moz-transform-origin: center top;
		-webkit-transform: scale(0.698);
		-webkit-transform-origin: center top;
		-ms-transform: scale(0.698);
		-origin: center top;
		transform: scale(0.698);
		transform-origin: center top;
	}
	#private_background {
		width: 1006px;
		left: 50%;
		margin: 0 0 0 -503px;
		position: fixed;
		z-index: 1;
	}
	#fournisseurs {
		z-index: 1000;
		-moz-transform-origin: center top;
		-webkit-transform-origin: center top;
		transform-origin: center top;
	}
	#reseau_carte_80 {
		position: absolute;
		width: 1096px;
		/*height: 1056px;*/
		/*
		float: right;
		*/
		margin: -80px 0 0 0px;
		-moz-transform: scale(1);
		-moz-transform-origin: right top;
		-webkit-transform: scale(1);
		-webkit-transform-origin: right top;
		transform: scale(1);
		transform-origin: right top;
		z-index: 500;
	}	
	
	

}

/* < 1024 */

@media screen and (max-width: 1020px) {
	#wrapper {
		padding: 109px 0 0 0;		
		position: absolute;
		left: 50%;
		width: 300px;
		overflow: hidden;
		margin: 0 0 0 -150px;
		-moz-transform: scale(1);
		-moz-transform-origin: center top;
		-webkit-transform: scale(1);
		-webkit-transform-origin: center top;
		-ms-transform: scale(1);
		-origin: center top;
		transform: scale(1);
		transform-origin: center top;
	}
	#menu {
		-moz-transform: scale(0.5);
		-moz-transform-origin: center top;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: center top;
		transform: scale(0.5);
		transform-origin: center top;
		position: fixed;
	}
	#footer {
		-moz-transform: scale(0.5);
		-moz-transform-origin: center bottom;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: center bottom;
		transform: scale(0.5);
		transform-origin: center bottom;
		position: fixed;
	}

	.menu_classic {
		background-image: url('images/menu_background_mobile.png');
	}

	.menu_private {
		background-image: url('images/menu_private_background_mobile.png');
	}
	
	/**/
	#menu {
		width: 600px; 
		height: 169px;
		background-repeat: no-repeat;
		background-position: center top;
		left: 50%;
		margin-left: -300px;
		position: fixed;
		z-index: 90;
	}
	#menu_center {
		display: none;
	}
	#login_button {
		position: absolute;
		margin: 34px 0 0 262px;
	}
	#login_box  {
		left: 50%;
		margin: -248px 0 0 -178px;
	}
	
	#login_arrow {
		margin: -28px 0 0 148px;
		position: absolute;
	}
	
	#mobile_menu_button {
		position: absolute;
		right: 0;
		top: 64px;
		display: block;
		margin: 0 20px 0 0;
		font-family: 'oswald_regularregular', 'Arial';
		font-size: 30px;
		text-transform: uppercase;
		color: #1E2D42;
	}
	
	#mobile_menu_button a {
		line-height: 50px;
		color: #1E2D42;
		text-decoration: none;
		display: block;
	}
	
	#menu_mobile_text {
		padding: 0 10px 12px 0;
		display: block;
		float: left;
	}
	
	#mobile_menu {
		display: none;
		box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.6);
		padding: 100px 20px 20px 20px;
		width: 260px;
		left: 50%;
		margin: 0 0 0 -150px;
		font-family: 'oswald_regularregular', 'Arial';
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
		color: #1E2D42;
		position: absolute;
		background: #FFFFFF;
		z-index: 89;
	}
	#mobile_menu hr {
		height: 1px;
		color: #1E2D42;
		background-color: #1E2D42;
		border: 0;	
	}
	#mobile_menu a{
		text-decoration: none;
		color: #1E2D42;
	}
	/**/
	#actu {
		margin: 0 auto 0 auto;
		background: #FFFFFF;
		width: 300px;
		height: 135px;
	}
	#actu_container {
		width: 300px;
		height: 230px;
	}
	#actu img {
		max-width: 300px;
		height: 135px;
	}
	.actu_image {
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #000000;
		width: auto;
	}

	.actu_text {
		width: 300px;
	}	
	.actu_text_thumb {
		float: left;
		width: 125px;
		height: 135px;
	}
	.actu_title {
		padding: 10px 5px 0 5px;
		font-size: 15px;
	}
	.actu_excerpt {
		padding: 5px 5px 0 5px;
		font-size: 12px;
		line-height: 12px;
	}
	.actu_savoir {
		padding: 5px 5px 0 5px;
		font-size: 12px;
		line-height: 12px;
	}
	
	#actu_right {
		float: none;
		display: block;
		font-size: 16px;
		margin: 9px 0 0 20px;
		text-transform: uppercase;
	}
	/**/
	#accueil {
		margin-top: -62px;
	}

	#anim  {
		height: 630px;
		margin: 0px auto 0 auto;
		transform-origin: left top;
	}	
	#anim_mobile {
		display: block;
	}
	#anim_mobile img {
		width: 300px;
	}
	#carte {
		display: block;
		margin: 350px 0 0 80px;
		z-index: 1100;	
	}
	#carte img {
		width: 140px;
	}
	#baseline_1 {
		display: block;
		margin: 5px 0 0 20px;
	}
	#baseline_1 img{
		width: 260px;
	}
	#text_1 {
		font-size: 15px;
		display: block;
		margin-left: 10px;
	}
	#text_2 {
		font-size: 15px;
		display: block;
		margin-left: 10px;
	}
	#sub_text {
		font-family: 'oswaldlight', 'Arial';
		font-size: 30px;
		text-align: center;
		color: #FFFFFF;
	}
	#text_3 {
		display: block;
		font-size: 15px;
		margin: 170px 0 0 75px;
	}

	#baseline_3 {
		display: block;
		margin: 200px 0 0 45px;
	}
	#baseline_3 img {
		width: 110px;
	}
	#baseline_4 {
		display: block;
		margin: 200px 0 0 160px;
	}
	#baseline_4 img {
		width: 107px;
	}
	#baseline_5 {
		display: block;
		margin: 280px 0 0 70px;
	}
	#baseline_5 img {
		width: 86px;
	}
	#baseline_6 {
		display: block;
		margin: 295px 0 0 160px;
	}
	#baseline_6 img {
		width: 89px;
	}
	#bg_4 {
		display: none;
	}
	#bg_3 {
		display: none;
	}
	#man {
		display: none;
	}
	#hand {
		display: none;
	}
	#bg_2 {
		display: none;
	}
	/* */
	#qui-sommes-nous {
		margin-top: -62px;
	}
	#qui {
		width: 300px;
		height: auto;
		background: #FFFFFF;
	}
	#qui_title {
		margin: 100px 20px 0 20px;
		font-size: 24px;
	}
	
	#qui_content {
		margin: 0 0 0 0;
	}

	#qui_content div{
		float: left;
		margin: 0 0;
		padding: 34px 20px 20px 20px;
		width: auto;
		font-family: 'oswaldlight', 'Arial';
		font-size: 18px;
		line-height: 20px;
		text-align: justify;
		text-justify: inter-word;
	}
	
	#qui_content div:last-child{
		background: #EBEBED;
		margin: 0 0;
	}	

	#qui_content div p{
		margin: 0 0 14px 0;
	}	
	
	/* */
	#le-reseau-eurabis {
		margin-top: -62px;
	}
	#reseau {
		width: 300px;
		height: 650px;
		margin: -50px auto 0 auto;
	}
	#reseau_title {
		margin: 100px 20px 0 20px;
		font-size: 24px;
		height: 60px;
	}
	#reseau_content {
		display: none;
	}
	#reseau_excerpt {
		display: block;
		margin: 15px 20px 0 20px;
		font-family: 'oswaldlight', 'Arial';
		font-size: 18px;
		line-height: 20px;
		width: auto;
	}
	.reseau_excerpt {
		width: 150px;
		margin: 0 100px 0 100px;
		padding: 0 5px;
	}
	
	#select_map {
		display: block;
		margin: 15px 20px 0 20px;
	}
	
	select{
		font-family: 'oswaldlight', 'Arial';
		font-size: 16px;
		height: 30px;
		width: 260px;
	}
	option {
		padding: 40px;
	}
	
	#select_map_adherents {
		display: block;
		margin: 15px 0 20px 0;
	}	
	
	#reseau_content br {
		display: none;
	}
	
	#reseau_carte_80 {
		position: absolute;
		width: 1096px;
		/*height: 1056px;*/
		/*
		float: right;
		*/
		margin: -30px 0 0 0px;
		-moz-transform: scale(1);
		-moz-transform-origin: right top;
		-webkit-transform: scale(1);
		-webkit-transform-origin: right top;
		transform: scale(1);
		transform-origin: right top;
		z-index: 500;
	}	
	#reseau_carte {
		display: none;
	}	
	#reseau_carte_zone {
		display: none;
	}
	#reseau_carte_active {
		display: none;
	}
	#reseau_carte_background {
		margin: 280px 0 0 10px;
		position: absolute;
		z-index: 3;
	}
	#reseau_carte_background img {
		width: 280px;
		height: auto;
	}
	
	/* */
	#map_over {
		width: 260px;
		left: 50%;
		margin: 0 0 0 -140px;
		font-size: 14px;
		line-height: 16px;
	}
	.reseau_thumb {
		width: 100px;
		height: 200px;
		background: #FFFFFF;
		float: left;
	}

	.reseau_en_savoir {
		display: none;
	}
	.reseau_en_savoir_mobile {
		width: 100px;
		height: 100px;
		background: #FFFFFF;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		display: block;

	}
	/**/
	#catalogue-en-ligne {
		margin-top: -140px;
	}
	#catalogue {
		-moz-transform: scale(0.5);
		-moz-transform-origin: left top;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: left top;
		transform: scale(0.5);
		transform-origin: left top;
	}
	
	
	#catalogue {
		width: 600px;
		clear: both;
		position: relative;
		background-image: url('images/catalogue_background_mobile.png');
		background-position: left top;
		overflow: hidden;
		z-index: 1050;
	}

	#catalogue_title {
		margin: 90px 0 0 402px;
		font-family: 'oswald_regularregular', 'Arial';
		font-size: 25px; 
		color: #0F1929;
		text-transform: uppercase;
		width: 130px;
		text-align: center;
	}

	#catalogue_title a {
		color: #0F1929;
		text-decoration: none;
	}

	#catalogue_title a:hover {
		color: #000000;
		text-decoration: none;
	}

	#catalogue_content {
		margin: -50px 0 0 30px;
		font-family: 'oswaldlight', 'Arial';
		font-size: 36px;
		color: #FFFFFF;
		
	}	
	#ligne_1 {
		display: block;
		position: absolute;
		margin: 28px 0 0 0;
	}

	#ligne_2 {
		display: block;
		position: absolute;
		margin: 68px 0 0 45px;
	}
	/**/
	#contact {
		margin-top: -180px;
	}
	#ctc {
		width: 300px;
		height: 1030px;
		margin: -200px 0 0 0;
		overflow: hidden;
		position: relative;
		z-index: 40;	
		text-align: center;
		z-index: 1020;
	}
	#ctc_title {
		margin: 120px 0 0 20px;
		background-position: center bottom;
		font-size: 24px;		
	}
	#ctc_content {
		text-align: left;
		margin: 240px 20px 0 20px;
		font-family: 'oswaldlight', 'Arial';
		font-size: 15px;
		line-height: 18px;
		color: #0f1929;
		width: 260px;
	}
	
	/**/
	
	#ctc .form_center {
		float: none;
		width: 300px;
		margin: 20px 0 0 0;
	}	
	
	#ctc .form_left {
		float: none;
		width: 280px;
		margin: 20px 0 0 0;
	}

	#ctc .form_right {
		float: none;
		text-align: left;
		width: 280px;
		margin: 20px 0 0 0;
	}
	
	#ctc .form_center .form_label, #ctc .form_left .form_label {
		float: left;
		display: block;
		text-align: left;
		padding: 6px 0 5px 0;
	}

	#ctc .form_center .form_input, #ctc .form_left .form_input {
		float: right;
		text-align: right;
		width: 200px;
		margin: 0 20px 0 0;
		padding: 6px 0 5px 0;
	}

	#ctc .form_right .form_label {
		float: left;
		display: block;
		text-align: left;
		padding: 6px 0 5px 0;
	}

	#ctc .form_right .form_input {
		float: right;
		text-align: left;
		width: 200px;
		margin: 0 20px 0 0;
		padding: 6px 0 5px 0;
	}	
	.form_input input[type=text], .form_input input[type=email]{
		width: 170px;
		float: right;
	}	
	.form_right textarea {
		width: 170px;
		float: right;
	}

	.form_submit  {
		margin: 0 20px 0 0;
	}
	.form_submit  input{
		font-size: 14px;
		margin: 5px 0 0 0;
		padding: 5px 10px 2px 10px;
		float: right;
	}	
	
	#footer {
		width: 600px; 
		background-position: -150px top;
		left: 50%;
		margin-left: -300px;
	}
	
	#footer ul {
		display: none;
	}
	/* */
	#private_background {
		width: 300px;
		margin: 0px 0 0 -150px;
	}
	/* */
	#fournisseurs {
		width: 300px;
		margin: 0 auto 0px auto;
		padding: 10px 0 150px 0;
	}

	#fournisseur_title {
		font-size: 20px;
		margin: 0 20px 0 20px;
	}
	.fournisseurs_search_title {
		font-size: 18px;
		margin: 0 20px 30px 20px;
		text-align: left;
	}
	#fournisseurs_search {
		float: left;
		margin: 15px 0 0 20px;
	}

	#fournisseurs hr {
		clear: both;
		margin: 15px 20px 35px 20px;
	}
	
	.fournisseurs_detail {
		margin: 0 0 0 20px;
	}


	.fournisseurs_thumb {
		width: 100px;
		height: 100px;
		background: #FFFFFF;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

	.fournisseurs_thumb img {
		max-width: 100px;
		max-height: 100px;
	}

	.fournisseurs_logo {
		width: 100px;
		height: 100px;
		background: #FFFFFF;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

	.fournisseurs_logo img {
		max-width: 100px;
		max-height: 100px;
	}

	.fournisseurs_content {
		float: none;
		width: 260px;
		background-image: none;
		padding: 0 0 10px 0px;
	}

	.fournisseurs_detail_title {
		display: block;
		font-size: 18px;
		margin-bottom: 10px;
	}


	.fournisseurs_detail_content {
		font-size: 16px;
		line-height: 18px;
	}


	.fournisseurs_detail_content h1 {
		margin: 5px 0 15px 0;
	}

	.fournisseurs_detail_savoir {
		font-size: 16px;
	}

	/* */
	
	.infos {
		margin: 0 20px 30px 20px;
		font-size: 16px;
		line-height: 18px;
	}

	.infos h1 {
		font-size: 18px;	
	}

	.infos_date {
		font-size: 14px;	
	}

	.infos_savoir {
		font-size: 14px;
		text-transform: uppercase;
	}

	



	/* */
	#default {
		width: 300px;
		margin: 0 auto 100px auto;
		padding: 10px 0 150px 0;
	}

	#default_title {
		float: none;
		font-size: 20px;
		margin: 0 20px 0 20px;
	}

	#default hr {
		color: #AAAAAA;
		background-color: #AAAAAA;
		margin: 15px 20px 35px 20px;
	}
	.default_detail {
		margin: 0 20px 0 20px;
		font-family: 'oswaldlight', 'Arial';
		font-size: 14px;
	}
	/* */
	#competences {
		width: 280px;
		margin: 0 auto 100px auto;
		padding: 10px 0 50px 0;
	}

	#competences table {
		width: 280px;
		margin: 0;
	}

	#competences table tr th {
		border-right: 1px solid #FFFFFF;
		font-family: 'oswald_regularregular', 'Arial';
		padding: 5px 2px;
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		text-align: left;
		height: 40px;
	}

	#competences table tr td {
		border-right: 1px solid #FFFFFF;
		padding: 5px 2px;
		font-family: 'oswaldlight', 'Arial';
		font-size: 12px;
		line-height: 14px;
	}

	#competences table tr th:first-child {
		width: 74px;
	}
	#competences table tr th:first-child + td{
		width: 96px;
	}
	#competences table tr th:last-child {
		width: 96px;
		border-right: none;
	}


	#competences table tr td:last-child {
		width: 100px;
		border-right: none;
	}

	#competences_content {
		background-position: left 30px;
	}

	
	/* 	*/
	#adherents_carte_container {
		margin: 0 auto 0 auto;
		width: 300px;
		z-index: 50;
	}

	#adherents_carte_50 {
		position: relative;
		float: left;
		margin: 0px 20px 0 20px;
		-moz-transform: scale(1);
		-moz-transform-origin: right top;
		-webkit-transform: scale(1);
		-webkit-transform-origin: right top;
		-ms-transform: scale(1);
		-origin: right top;
		transform: scale(1);
		transform-origin: right top;
	}

	#adherents_carte {
		display: none;
	}

	#adherents_carte_zone {
		display: none;
	}

	#adherents_carte_active {
		display: none;
	}

	#adherents_carte_background {
		margin: 20px 0 0 0;
		width: 300px;
		height: 300px;
		position: relative;
		z-index: 3;
	}
	#adherents_carte_background img{
		width: 260px;
		height: auto;
	}
	
	#adherents {
		font-size: 16px;
		line-height: 18px;
		position: relative;
		width: 260px;
		margin: 0 20px 0 20px;
		padding: 10px 0 0 0;
		left: 0;
	}

	#adherents_search {
		margin: 20px 0;
	}

	#adherents hr {
		width: auto;
		float: left;
		height: 2px;
		color: #AAAAAA;
		background-color: #AAAAAA;
		border: 0;	
	}
	.adherents_detail {
		margin: 0 0 0 0;
	}
	.adherents_search_title {
		font-family: 'oswaldlight', 'Arial';
		font-size: 18px;
		margin: 15px 0 15px 0;
		text-transform: uppercase;
	}	
	.adherents_content {
		float: none;
		width: 260px;
		background-image: none;
		padding: 0 0 10px 0px;
	}
	.adherents_detail_content {
		font-size: 16px;
		line-height: 18px;
	}
	.adherents_detail_savoir {
			font-size: 16px;
	}
	
	/* */
	.private_search {
		font-size: 16px;
		width: 205px;
	}

	#intro {
		margin-top: -50px;
		background: none;
		width: 300px;
		height: auto;
		padding-bottom: 50px;
	}
	#intro_left {
		width: 100%;
		float: none;
		text-align: center;
	}

	#intro_left h1 span:first-child {
		font-size: 35px;
		margin: 0 0 5px 0;
	}

	#intro_left h1 span:nth-child(2n) {
		font-weight: 300;
		font-size: 35px;
		margin: 0 0 0 0;
	}
	#intro_left h1 span:nth-child(3n) {
		font-weight: 500;
		font-size: 25px;
		margin: 10px 0 0 0;
	}


	#intro_right {
		width: 100%;
		float: none;
	}

	#intro_right_title {
		text-align: center;
		font-weight: 300;
		font-size: 25px;
		margin: 20px 0;
		color: #0070b8;
		text-shadow: 1px 1px 1px #666666;
	}

	#intro_items {
		text-align: center;
	}

	#intro_items div {
		width: 180px;
		padding: 10px;
		text-align: center;
		color: #FFFFFF;
		font-size: 20px;
		display: inline-block;
		height: 70px;
		vertical-align: top;
		margin: 5px;
	}
	.intro_big_text {
		font-size: 35px;
	}

	#intro_items div span {
		display: block;
	}


	#showcase_hp {
		width: 100%;
		margin: -102px auto 0 auto;
		padding: 100px 0 150px 0;
		color: #1e2d42;
		position: relative;
		z-index: 50;
	}	
	
}

/**/
@media screen and (max-width: 960px) {
	/* */
	#adherents_iframe {
		width: 100%;
	}
	#fournisseur_iframe {
		width: 100%;
	}	
	#reseau_iframe {
		width: 100%;
	}
	
	
	.popin {
		/*border: 1px solid #FF0000;*/
		width: 100%;
	}
	.popin .fournisseurs_popin_content {
		line-height: 20px;
		width: auto;
		float: none;
		background-image: none;
		padding: 0 0 10px 0;
	}
	
	.popin .fournisseurs_detail {
		margin: 0 0 0 0;
		width: auto;
	}	
	.popin .fournisseurs_detail_title {
	}
	
	.fournisseurs_detail_title {
		font-family: 'oswaldbold', 'Arial';
		font-size: 21px;
		margin-bottom: 20px;
	}
	
	
	
}