@charset "utf-8";
/* CSS Document */


#conteneur{
	height:100%;
	overflow:hidden;
	}
	
	.content-wrapper-st {
    height: 48%;
	overflow-y: scroll;
    overflow-x: hidden;
}
		
						#liens-wrap{
							top:34.6%;
							padding:9px 0 0 0;
							margin:4px 0 0 0;
							position:absolute;
							z-index: 4000;
							}
								
								#liens-wrap p 			{ margin:0px 0px 0px 0px;}
									
						#wrapper-exp{
							height:100%;
							position:absolute;
							z-index:3000;/*-------------------------- décallage pour le wrapper strategie / conception / creation */
							}
							
							#logo-irresistible{
								width:284px; height:88px;
								margin-top:-200px; margin-left:42px;
								position: absolute;
								z-index:4000;
								}

							#logo-irresistible img{
								margin-bottom:2px;
								width:154px;
								}

											
							.wrapper-exp-cont{
								height:100%;
								top:0px;
								}

								#galleria, #galleria2{
									height:34.6%;
									width:100%;
									top:20px;
									position:relative;
									display:inline-block;
									z-index:20;
									background-size:cover;
									background-repeat:no-repeat;
									background-position-x:center;
									background-position-y:center;
									}
	

								#google{
									width:100%; height:34.6%;
									top:0;
									position:relative;
									overflow:hidden;
									padding:20px 0 0 0;
								}

								#google-if{
									width:100%; height:100%;
									border:0;
									margin:0;
									overflow:hidden;
								}

								.liens-wrapper{
									background:rgb(255,255,255); background:rgba(255,255,255,1);
									margin:45px 0 0 0;  /* compensation des décallages du aux balise en display:inline-block */
									z-index:30;
									}
									
									.liens-wrapper ul{
										background:rgb(255,255,255); background:rgba(255,255,255,1);
										}

									#contact .liens-wrapper {
										margin-top:30px;
										}
										
										
									.refs{
										font-size:1.5em;
										font-weight:700;
										margin-bottom:20px;
										text-transform:uppercase;
										}	
												
								.texte, .details, .valeurs {
									background:rgb(255,255,255); background:rgba(255,255,255,1);
									}
		
								.details{
									float:right;
									margin-right:-4px;
									}
	
								.contact-zone{
									background:rgb(255,255,255); background:rgba(255,255,255,1);
									height:auto;
									}
									
										
									.sous-liens{
                                        float:right;
                                    }
										
										
									.sous-liens-g{
										width:280px;
										}

									.portrait{
                                        width:150px; position:relative; margin:10px 15px 5px 0px; display:inline; float:left;
                                        }

									.portrait-img{
                                        width:150px; margin:0 0 0 0!important; padding:0 0 0 0!important;
                                        }
									
									.portrait-photo {
											width:150px!important;
											margin:0px;
										}
									
									.sous-liens-g1{
										width:260px;
										padding:45px;
										float:left;
										margin:0 0 15px 15px;
										display:inline-block;
										position:relative;
										vertical-align:top;
										}
										
									.partenaires {
										padding-left:30px;
										}

										
									.sous-liens-g1 li:first-child{
										margin:0px 0px 20px 0px;
										padding:0;
										font-size:1.1em;
										font-weight:700;
										}

									.decall{
										margin-left:32px;
										}
										
									.sous-liens-g a{
										color:rgb(0,0,0); color:rgba(0,0,0,1);
										background-color:rgb(230,230,230); background-color:rgba(230,230,230,1);
										display:block;
										width:150px;
										margin:0 0 0 0!important;
										}
										
									.sous-liens-g a:hover{
										background-color:rgb(60,60,60); background-color:rgba(60,60,60,1);
										}
										
									.sous-liens-g1 img{
										width:25px; height:25px;
										margin:0 4px -8px -32px;
										}
	
								#enquart{
									width:173px;
									left:0px;
									position:relative;
									display:inline-block;
									vertical-align: top;
									padding:15px 15px 15px 46px;
									}
									
								#bloc-references{
									/*width: -moz-calc(100% - 263px); 
									width: -webkit-calc(100% - 263px); 
									width:calc(100% - 263px); */
									width:55%;
									height:100%;
									top:0px;
									position:relative;
									display:inline-block;
									vertical-align:top;
									padding:15px;
									margin:0 0 0 -15px;
									}
									
								#bloc-references p{
									position:absolute;
									vertical-align:top;
									padding:0 15px 0 0;
									margin-bottom:50px;
									}
									
								.clients{
									color:rgb(245,245,245); color:rgba(245,245,245,1);
									cursor:pointer;
									}
									
								.clients strong{
									color:rgb(0,0,0); color:rgba(0,0,0,1);
									cursor:pointer;
									text-transform:uppercase;
									}
									
								.clients:hover, .clients:hover strong{
									color:rgb(0,0,0); color:rgba(0,0,0,1);
									}

			
		
@media only screen and (min-width:568px) and (max-width:770px) {
	
	
}

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

	#liens-wrap, #menu-offre-mob, #logo-irresistible, #google 					{display:none;}
	
	.content-wrapper-st {
    height: auto;
	overflow-y: hidden;
    overflow-x: hidden;
	margin-bottom:20px;
}
	
	#menu-studio-mob 			{display:block;}

	#conteneur 					{height:auto; overflow: visible;}

	#wrapper-exp 				{height:auto;}

	#wrapper-exp-cont 			{height:auto;}

	.liens-wrapper 				{margin-top:-20px;}
	
	.liens-wrapper li			{margin-right:0 !important;}

	.sous-liens-g 				{width:100%; margin:0 0 0 0; padding:0 0 0 0;}
	
	.partenaires				{padding-left:15px; margin-bottom:15px;}

	.sous-liens-g:first-child 	{padding-left:15px;}

	.sous-liens-g1 			 	{padding-left:0; margin-left:0;}

	#enquart 					{padding:15px 15px 15px 15px !important; width:auto !important;}

	#bloc-references 			{padding:15px 15px 15px 15px; width:85%; height:210px; margin:-30px 0 0 0 !important; overflow:hidden;}

	.clients 					{display:inline-block; clear:both;}
	
	.contact-zone, .valeurs{
									height:auto;
									overflow:hidden;
									}





}