<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


#expertises-metier {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 20px auto;
}
#transversales{ position: relative;
  max-width:400px;
  width: 100%;
 margin: 0 auto;
}

.colonne-transversales{
display: block;
width:100%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;

	}
 
.colonne {
display: block;
width:33%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
.colonne h2,  .colonne-transversales h2, .colonne-offres h2 {
text-align: center;
height:80px;
font-family: 'Avenir-Heavy';
	font-weight:normal;
	font-size:17px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
}

.table2 {
    display:table;
	width:96%;
    height:100%;
    border:0;
	margin: 0 auto;
	
 align:center;
}
.row22 {
    display:table-row;
    height:100%;
	vertical-align:middle;
}
.cell21  {
    display:table-cell;
    width:94%;
	vertical-align:middle;
    border-bottom: 1px #CCC dashed;
	
	z-index:1;
	max-width:300px;
	height:80px;
	/*padding:10px;*/
	}
	
.cell21.actif  { 
}
.cell21 p{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size:14px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	
	}
	.cell21.actif p{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size: 14px;
  	line-height:24px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 6px;
	 
	}
		.cell21.actif ul li{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size:14px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 3px 0;
	}
	.cell21 ul li{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size:14px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 3px 0;
	}
	.cell21.actif p span{
	font-size:14px;
	/*font-weight:bold;*/
	font-family:'Avenir-Heavy';	
	}

.info{
 display:table-cell;
width:360px;vertical-align:middle}

.but{
 display:table-cell;	
width:40px;
vertical-align:middle}


.less2.active .button-read-more2, .button-read-less2  { 
display: none;
/*font-size: 1.2em;*/
/*border: 1px solid #00e6d7;
color: #00e6d7;
width: 30px;
height: 30px;*/
}
.less2.active .button-read-less2 {
display: block;
/*font-size: 1.2em;*/
/*border: 1px solid #00e6d7;*/
/*color: #00e6d7;*/

}
#button-plus2{
/*display: block;
background-size: 43px 43px;*/
margin-right:0;
right:0;
text-align:right;
background: url('../images/plus-b_hover.png') center center no-repeat;
width: 34px;
height: 34px;
}

#button-plus2:hover{
/*display: block;
position:absolute;
background-size: 43px 43px;*/
margin-right:0;
right:0;
text-align:right;
background: url('../images/plus-b_hover.png') center center no-repeat;
width: 34px;
height: 34px;
}
#button-moins2{
/*display: block;
position:absolute;
background-size: 43px 43px;*/
margin-right:0;
right:0;
text-align:right;
background: url('../images/moins-b_hover.png') center center no-repeat;
width: 34px;
height: 34px;
}
#button-moins2:hover{
/*display: block;
position:absolute;
background-size: 43px 43px;*/
margin-right:0;
right:0;
text-align:right;
background: url('../images/moins-b_hover.png') center center no-repeat;
width: 34px;
height: 34px;
}
.less2{
width:34px;
height:34px;
display: block;
position: relative; 
	}
.more2, .less2 {margin-top: 0;
}
.more2 p {margin: 0; padding: 6px; color:#fff;

text-align: justify;
padding: 0;
font-size:14px}

.more2{
	/*background:#FFF;*/
	color : #fff;
	/*border-top-right-radius : 50px 50px;
border-bottom-left-radius : 50px 50px;*/}

@media only screen and (max-width: 1024px) {
#expertises-metier {
  position: relative;
  max-width:800px;
  width: 100%;
  margin: 0 auto 20px auto;
}
#transversales{
	  position: relative;
  max-width: 400px;
  width: 100%;
 margin: 0 auto;
}

.colonne-transversales {
display: block;
width:100%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
 
.colonne {
display: block;
width:33%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
}
@media only screen and (max-width: 800px) {
#expertises-metier {
  position: relative;
  max-width:600px;
  width: 100%;
  margin: 0 auto 20px auto;
}
#transversales{
	  position: relative;
  max-width: 400px;
  width: 100%;
 margin: 0 auto;
}

.colonne-transversales {
display: block;
width:100%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
 
.colonne {
display: block;
width:300px;
/*max-width:300px;*/
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
}
@media screen and (max-width: 480px){
.colonne h2,  .colonne-transversales h2, .colonne-offres h2 {

	font-size:16px;

}


.colonne-transversales{
display: block;
width:80%;
max-width:400px;
float:left;
margin: 0 0 20px 0;
padding:0 10px;
} 
 
.colonne {
display: block;
width:80%;
max-width:400px;
float:left;
margin: 0 0 20px 0;
padding:0 10px;
}
}
/*/-------------------------OFFRES--------------------------/*/
#exemples-offres {
	  position: relative;
  max-width: 800px;
  width: 100%;
 margin: 0 auto;
}
.colonne-offres {
display: block;
width:50%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}
#table_offre{
	display:table;
	width:800px;
    height:800px;
	 border:0;
	margin: 0 auto;
	align:center;
	border-spacing:10px;
	}
	
	
.row1, .row2{
	display:table-row;
	/*width:100%;*/
	width:800px;
	height:400px;
	vertical-align:middle;
	}
	
.offre{
display: table-cell;
width:48%;
height: 96%;
max-height:384px;
max-width:384px;
vertical-align:top; 
cursor:pointer;
	}
#position{vertical-align:top;
padding-top: 43px }	


.offre1 , .offre4 {border: 1px #CCC dashed;
 border: 1px solid #ddd;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
   border-top-left-radius : 50px 50px;
border-bottom-right-radius : 50px 50px;

}
	
.offre2 , .offre3 {border: 1px #CCC dashed;
border-top-right-radius : 50px 50px;
border-bottom-left-radius : 50px 50px;

}
.offre1{
	background: url('../images/big-data.jpg') ;
	background-position: center center;
	background-size: 384px 384px;
	width:384px;
	height:384px;
	z-index:0	
	}
.offre4{
	background: url('../images/accompagnement-des-equipes.jpg') ;
	background-position: center center;
	background-size: 384px 384px;
	width:384px;
	height:384px;
	z-index:0		
	}
.offre2{
	background: url('../images/nearshore.jpg') ;
	background-position: center center;
	background-size: 384px 384px;
	width:384px;
	height:384px;
	z-index:0		
	}
.offre3{
	background: url('../images/gestion-crise.png') ;
	background-position: center center;
	background-size: 384px 384px;
	width:384px;
	height:384px;
	z-index:0		
	}
	
.img-offre {
	background: none !important; 
	/*background-position: center center;
	background-size: 384px 384px;
	width:384px;
	height:384px;
	/*background:#1561b7;*/
	z-index:1	}
		
	/*.background-h2{
	display: table;
	vertical-align:top;
height: 383px;
	width : 383px;
	/*width:75%;
	margin:0;
	padding:10px;	}	*/
.of{background :rgba(23, 21, 30, 0.6); padding:10px }

.of1{background :rgba(23, 21, 30, 0.8); padding:10px }
.of2{background: rgba(23, 21, 30, 0.8); padding:10px }

.of3{background: rgba(23, 21, 30, 0.8); padding:10px }

.of4{background: rgba(23, 21, 30, 0.8); padding:10px }


.offre h2 {
text-align: left;
/*padding: 0 0 0 12px;*/
font-family: 'Avenir-Heavy';
	font-weight:normal;
	font-size:17px;
	color:#fff ;
	letter-spacing:0.5px;
	word-wrap:break-word;
vertical-align:middle; 
line-height:24px ;
margin: 40px 0 0 0;
}

	#enfant &gt; ul li{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size:14px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 3px 0;
	 line-height: normal ;

	}
.cacher{
	visibility:hidden;display:none}
.visible{
	display:table-cell;
	vertical-align:top;
	visibility:visible;
	text-align: center;
	font-family: 'Avenir';
	color:#fff;
	font-size:14px;


	}	

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

#exemples-offres {
	  position: relative;
  max-width: 800px;
  width: 100%;
 margin: 0 auto;
}
.colonne-offres {
display: block;
width:50%;
max-width:400px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}

}

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

#exemples-offres {
	  position: relative;
  max-width: 600px;
  width: 100%;
 margin: 0 auto;
}

.colonne-offres {
display: block;
width:50%;
max-width:300px;
float:left;
margin: 0 0 40px 0;
padding:0 10px;
}

#table_offre{
	display:table;
	width:600px;
    height:600px;
    border:0;
	margin: 0 auto;
	align:center;
	border-spacing:10px;
	}
	
	
.row1, .row2{
	display:table-row;
	/*width:100%;*/
	width:600px;
	height:300px;
	vertical-align:middle;
	}
	
.offre{
display: table-cell;
width:50%;
height: 100%;
max-height:300px;
max-width:300px;
vertical-align:top; 
cursor:pointer;
	}
#position{
vertical-align:top;
/*padding-top: 43px */}	


.offre1{
	background: url('../images/big-data.jpg') ;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;	
	}
.offre4{
	background: url('../images/accompagnement-des-equipes.jpg') ;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;	
		}
.offre2{
	background: url('../images/nearshore.jpg') ;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;}
.offre3{
	background: url('../images/gestion-crise.png') ;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;}
		
.offre h2 {
text-align: left;
padding: 0 0 0 12px;
font-family: 'Avenir-Heavy';
	font-weight:normal;
	font-size:16px;
	color:#fff ;
	letter-spacing:0.5px;
	word-wrap:break-word;
vertical-align:middle; 
line-height: normal;
	
}

	#enfant &gt; ul li{
	text-align: left;
	font-family: 'Avenir';
	font-weight:normal;
	font-size:14px;
	color:#fff;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 3px 0;
	 line-height: normal ;

	}	
	}
	
	
@media screen and (max-width: 480px){

.colonne-offres {
display: block;
width:80%;
max-width:400px;
float:left;
margin: 0 0 20px 0;
padding:0 10px;
}

#table_offre{
	display:table;
	max-width:300px;
    max-height:1300px;
	width:100%;
	height:100%;
    border:0;
	margin: 0 0 0 -5px;
	align:center;
	border-spacing:10px;
	
	}
	
	
.row1, .row2{
	display:table-row;
	
	width:300px;
	height:600px;
	vertical-align:middle;
	}
	
.offre{
display: block;
float:left;
width:300px;
height: 300px;
vertical-align:middle; 
cursor:pointer;
	}
#position{vertical-align:top;
/*padding-top: 43px*/ }	

.background-h2{
	display: block;
	vertical-align:middle;
	height: 70px;
	max-width : 280px;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0	}
		
.offre h2 {
text-align: left;
padding: 0 0 0 12px;
font-family: 'Avenir-Heavy';
	font-weight:normal;
	font-size:16px;
	color:#fff ;
	letter-spacing:0.5px;
	word-wrap:break-word;
vertical-align:middle; 
margin-top:40px;
	
}

.offre1{
	background: inherit;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;

	}
.offre4{
	background: inherit;
	background-position: center center;
	background-size: 300px 300px;
	width:300px;
	height:300px;	
	
	}
#position{vertical-align:top;
/*padding-top: 0 */}	
.cacher{
	visibility:visible;display:block}


.visible{
	visibility:visible;display:block
	}
		
	
#enfant{
	margin-top:-10px}	
#enfant &gt; ul li{
	text-align: left;
	letter-spacing:0.5px;
	word-wrap:break-word;
	 padding: 0;
	}
}
/*/---------------------FIN OFFRES--------------------------/*/
		
</pre></body></html>