/* Computer */
/* Accueil */
.grid_societe{ width:27.08%;}
.grid_boxAccueil{ width:22.08%;}
.grid_boxAccueilR{ width:22.08%;}

.grid_boxRealisations{ width:22.08%;}
.grid_boxRealisationsR{ width:22.08%;}

.grid_contactAccueil{ width:70.62%;}
.grid_contactAccueilR { width:70.62%;}
.grid_Paragraphe {width:70.62%;}
.grid_sliderAccueil { width: 100%; } 


.grid_sliderAccueil{
	margin: 0 2% 5% 0;
	padding:0.5%;
	float:left;
	display:block;
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.grid_societe,
.grid_boxAccueil {
	margin: 0 2.19% 1% 0;
	float:left;
	display:block;
}

.grid_boxAccueilR{
	margin: 0 0 2.5% 0;
	float:left;
	display:block;
}

.grid_boxRealisations {
	margin: 0 2.19% 0 0; /*0 2.19% 1% 0;*/
	float:left;
	display:block;
}
.grid_boxRealisationsR{
	margin: 0;
	float:left;
	display:block;
}  
.grid_contactAccueil {
	margin: 0 0 2.5% 0;
	float:right;
	display:block;
}

.grid_contactAccueilR {
	margin: 0 0 2.5% 0;
	float:right;
	display:block;
}

.grid_Paragraphe {
	margin: 0 0 2.5% 0;
	float:right;
	display:block;
	padding:0;
}

/* Autres Pages */

.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; }
.grid_4 { width: 32%; }
.grid_5 { width: 40.5%; }
.grid_5_btn{ width: 40.5%; }
.grid_5R_btn { width: 40.5%; }
.grid_5R_Video{ width: 40.5%; }
.grid_5R{ width: 40.5%; }
.grid_6 { width: 49%; }
.grid_6R { width: 49%; }
.grid_6_Box{ width: 49%; }
.grid_6 { width: 49%; }
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; }
.grid_9R { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}

.grid_3R, .grid_4R, .grid_6R, .grid_5R, .grid_9R{
	margin: 0;
	float: right;
	display: block;
	/*background:#EAF6FF;*/

}

.grid_5_Video{
	margin: 0 2% 1% 0;
	float: left;
	display: block;
	background:#EAF6FF;
	overflow:hidden;
}

.Wsystem {
	background: rgba(0,0,0,0.2);
}

.Wcontainer {
	margin : 27% 1% 0 0;
	background: rgba(0,0,0,0.2);
}


.Weeyo {
	/*margin : 17% 1% 0 0;*/
	background: rgba(0,0,0,0.2);
}

.Wmotion_img {
	margin : 20% 2% 0 0;
	/*background: rgba(0,0,0,0.2);*/
}

.Wsystem_img1 {
	margin : 15% 2% 0 0;
	/*background: rgba(0,0,0,0.2);*/
}

.Wsystem_img2 {
	margin : 5% 0 0 0;
	/*background: rgba(0,0,0,0.2);*/
}

.beta {margin:1% 0 0 0;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.epsilone{margin:1% 2% 0 0;}
.teta{margin: 0;}

.omega_appli {
	margin:0 0 2.5% 0;
	box-shadow:-1px 0px 10px 1px rgba(200, 200, 200, 0.5), 
				1px 5px 10px 0px rgba(220, 220, 220, 0.5);
	/*border:1px solid #ececec;*/
}

.normal_appli {
	margin:0 2% 2.5% 0;
	box-shadow:-1px 0px 10px 1px rgba(200, 200, 200, 0.5), 
				1px 5px 10px 0px rgba(220, 220, 220, 0.5);
}

.container{
	width: 90%; /*width: 1000px;*/
	max-width: 1000px;
	margin: auto;
	
}

/** le container utilisé en page d'accueil **/

.container-accueil{
	width: 90%; /*width: 1000px;*/
	max-width:960px;/* 1000px;*/
	margin: auto;
	
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}




/* Mobile */
@media screen and (max-width : 480px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

}