#content2_figurine_word/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; border:1px solid rgba(0,0,0,0.5);
/*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_excel/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_ppt/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_access/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Outlook/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_lotus/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_photoshop/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_illustrator/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_InDesign/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_flash/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_quarkxpress/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_dreamweaver/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_HTML/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_CSS3/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_PHP/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_jquery/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Office365/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_SharePoint/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_SkypeEntreprise/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Webex/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Windows/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Serveur/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_Linux/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_MacOsx/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
#content2_figurine_GestionProjet/* CADRE SOUS TABLEAUX*/
{ display:none; width:70%; /* 80 63%;*/ margin:auto; padding-top:3%; padding-left:7%; /*ANNULE LE CENTRAGE FIGURINES V1;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}

/****************************************ANNIMATION COMMUNE****************************************/
.view {
   display:inline-block;
   width:27%;/*26 30%*CENTRAGE IMAGES PROPORTIONNELLES*
   margin-top:0px;*/
   margin: 10px;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   /*float:left;  ANNULE LE CENTRAGE V1 */
   text-align: center;  /*PERMET DE CENTRER HORIZONTALEMENT LES BLOCS ENFANTS */
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
	background-color:rgba(0,0,0,0.6);
	border:1px solid rgba(0,0,0,0.5);
}
.imagecenter{/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  /*background-size: cover;
  -moz-background-size: cover;
  background-position: center fixed;*/
  max-width:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
  max-height:100%;/**CENTRAGE IMAGES PROPORTIONNELLES PointCommun_1**/
}
/*img {	*CENTRAGE IMAGES PROPORTIONNELLES > FONTIONNE*
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  background-position: center fixed;
  max-width:100%;
  max-height:100%;
}*/
.view .mask,.view .content {
   width: 100%; /* Agit sur le centrage du texte V1*/
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   /*text-transform: uppercase;
   color:#FFF;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;*/
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 1.1vw;
   position: relative;
   color:#FFF;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/****************************************ANNIMATION COMMUNE****************************************/


@media screen and (max-width: 780px){ 
.view {
	width: 30%;/*30%*CENTRAGE IMAGES PROPORTIONNELLES**/
	display:inline-block;}

#content2_figurine_word/* CADRE SOUS TABLEAUX*/
{  width:100%; margin:1%; padding:0%; left:0%;/*ANNULE LE CENTRAGE FIGURINES V1;*/}
	

}

@media screen and (max-width: 640px){ 
.view {
	width: 40%;/*30%*CENTRAGE IMAGES PROPORTIONNELLES**/
	display:inline-block;
}
#content2_figurine_word/* CADRE SOUS TABLEAUX*/
{  width:100%; margin:1%; padding:0%; left:0%;/*ANNULE LE CENTRAGE FIGURINES V1;*/}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 /* Styles pour cette Media Queries */
 }



/****************************************ANNIMATION STYLE 10 ****************************************/
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask { / IMAGE PREMIER PLAN/
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   /*margin: 20px 40px 0px 40px;*/
   margin-top:5%;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;

		/*font-size: 1em;font-weight: normal;*/
		font-size: 1.5vw; /* TEXTE PROPORTIONNEL*/
		
   
   
}
.view-tenth p {
   /*color: #333;*/
   color:#FFF; /*COULEUR TEXTE BLANC DESCRIPTIF ATELIER */
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0.8;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   
   text-align:center;
   
   
}
/****************************************ANNIMATION STYLE 10 ****************************************/