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


.Interlocuteurs{
		//background-color: burlywood;
		
	}

.ColTerrain{
	//background-color: aliceblue;
	background: linear-gradient(to left,#D4D3D1,white);
	width: 100%;
	height:210px;
	margin-top: 10px;
	padding-top: 17px;
	text-align: center;
	position: relative;
}

.ColGauche{
	width: 100%;
	text-align: center;
	//height:1340px;
	height:auto;
	position: relative;
	height:410px;
	

}

.ColDroite{
	width: 100%;
	//height:1340px;
	height:auto;
	position: relative;
	height:410px;
	

}


.ColSiege{
	width: 100%;
	//height:1340px;
	height:auto;
	position: relative;
	overflow: hidden;
}

.ColSiege .FunctionFrame{
	//margin-left: 45px;
	width: 100%;
}

.ColTerrainPict{
	text-align: center;
	padding-bottom: 5px;
}

.ColSiegeTitle h2{
	padding-top: 20px;
	//padding-left: 20px;
	margin-left: 20px;
	font-size: 12px;
	font-weight: 400;
	height: 40px;
	border-bottom:2px dotted grey;
}

.ColSiegeFrontLeft img{
		float: left;
		margin-right: 20px;
	}

.ColSiege p{
		margin-top: 20px;
		padding-left: 50px;
	}

.ColSiegeFrontRight{
	text-align: center;
}

.ColSiegeFrontLeftIcon{
		margin-left: 50px;
		margin-top: 10px;
	}

.ColSiegeFrontLeft{
		width: 100% ;
		height: 260px;
	
	}

.ColSiegeLinks{
	width: 100% ;
	margin-top: 20px;
	text-align: center;
}

.ColSiegeCat{
	width: 100% ;
	margin-top: 20px;
	text-align: center;
}

.Secteur img{
		width: 100%;
		height: auto;
		
	}

.S1B{
	display: none;
}
.S1C{
	display: none;
}
.S2C{
	display: none;
}
.S2E{
	display: none;
}
.S3{
	display: none;
}
.S4{
	display: none;
}
.S5{
	display: none;
}
.S6{
	display: none;
}
.S7{
	display: none;
}
.S11{
	display: none;
}

.CarteSecteur img{
		width: 100%;
		height: auto;
}

.CarteSecteur h1{
	display: none;
}

.CarteSecteur h2{
	display: none;
}

.CarteSecteur h3{
	display: none;
}

/*Tablette View**************************************/
@media (min-width: 768px){
	

	.Interlocuteurs{
		//background-color: burlywood;
		//margin-top: 120px;
		padding-left: 120px;
	//	height: 100px;
		float:left;
	}
	
	.ColGauche{
		
		margin-left: 150px;
		padding-top: 40px;
		width: 30%;
		float:left;
}

.ColDroite{
	
	padding-top: 40px;
	width: 50%;
	float:left;
}

	
	
	.ColTerrain{
		padding-left: 20px;
		width: 25%;
		height:710px;
		float:left;
		text-align:left;
	}
	
	.ColTerrain span{
	}

	.ColSiege{
		margin-top: 10px;
		width: 90%;
		height: auto;
		float:left;
		//height:740px;
		overflow: hidden;
	}
	
	.ColSiege p{
		margin-top: 20px;
		padding-left: 50px;
	}
	
	.ColSiegeTitle{
		float: left;
		width: 100%;
	}
	
	.ColSiege .FunctionFrame{
		margin-left: 50px;
		width: 40%;
		
	}
	
	.ColSiegeFrontLeft{
		width: 50% ;
		height: 260px;
		float: left;
	}
	
	.ColSiegeFrontLeftIcon{
		margin-left: 50px;
		margin-top: 10px;
	}
	
	.ColSiegeFrontLeft img{
		float: left;
		margin-right: 20px;
	}
	
	.ColSiegeFrontRight{
		padding-top: 25px;
		width: 50% ;
		height: 230px;
		float: left;
	}
	
	.ColSiegeLinks{
		margin-top: 10px;
		margin-left: 50px;
		float: left;
		text-align: left;
	}
	
	.ColSiegeCat{
		margin-top: 10px;
		margin-left: 50px;
		float: left;
		text-align: left;
	}
	
	.Secteur{
		float: left;
		margin-left: 20px;
		height: 450px;
		width:100%;
		text-align: center;
		overflow: scroll;
	}
	
	.CellSecteur{
		float: left;
		width:370px;
		height: auto;
		padding: 0px 10px 10px 20px;
		
	}
	
	.CellSecteur img{
		width:100%;
		padding-right: 10px;
		height: auto;
	}
	
	.CellSecteurMain{
		position: absolute;
		width:250px;
		height: 400px;
		padding-top:20px;
		margin-top: 40px;
		margin-left: 500px;
		text-align: center;
		display: none;
		box-shadow: 0 0 20px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
		background-position: 65px 10px;
		
	}
	
	.CellSecteurMain img{
			width:40%;	
		
	}
	
	.CellSecteurMainTxt {
		padding-top: 150px;	
	}
	
	.CellSecteurMainTxt h1{
		color: #0069B4;	
		font-size: 20px;
	}
	
	.CellSecteurMainTxt h2{
		font-size: 18px;
	}
	
	.CellSecteurMainTxt h3{
		font-size: 15px;
	}
	
	
	.CarteSecteur{
		float: left;
		margin-left: -48px;
		margin-top: 10px;
		width:60%;
		height: auto;
		text-align: center;
		display: block;
	}
	
	.CarteSecteur img{
		width:90%;
	}
	
	
	.S1B{
		position: absolute;
		margin: 125px 0px 0px 235px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S1C{
		position: absolute;
		margin: 75px 0px 0px 190px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S2C{
		position: absolute;
		margin: 265px 0px 0px 275px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S2D{
		position: absolute;
		margin: 200px 0px 0px 275px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S3{
		position: absolute;
		margin: 115px 0px 0px 325px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S4{
		position: absolute;
		margin: 70px 0px 0px 248px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S5{
		position: absolute;
		margin: 89px 0px 0px 120px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S6{
		position: absolute;
		margin: 180px 0px 0px 100px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S7{
		position: absolute;
		margin: 335px 0px 0px 330px;
		width:50px;
		height: 50px;
		display: block;
	}
	
	.S11{
		position: absolute;
		margin: 325px 0px 0px 140px;
		width:50px;
		height: 50px;
		display: block;
	}
		
	
}