.view {
   width: 100%;
   margin: 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;

}
.view .mask,.view .content {
   width: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height:600px;
   -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
.block_colonne3 .view img {
   display: block;
   position: relative;
   width: 100%;
   -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
.block_colonne4 .view img {
   display: block;
   position: relative;
   width: 100%;
   -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
.block_colonne3 .view p {
   font-style: italic;
   font-size: 0.9em;
   position: relative;
   color: #fff;
   padding: 10px 10px 5px;
   text-align: center;
}
.block_colonne4 .view p {
   font-style: italic;
   font-size: 0.9em; line-height:0.9em;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #2c2c2c;
   color: #fff;
}


/* Effets spéciaux*/
.view2 {
   /*background: #FF585F;*/
}

.block_colonne3 { 
	display:inline-block; width:31%; margin:0 1% 20px; padding:0; overflow:hidden; vertical-align:top;
     -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.block_colonne4 { 
	display:inline-block; width:23%; margin:0 0.85% 20px; padding:0; overflow:hidden; vertical-align:top;  
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}

.block_image_colonne { display:block; width:100%; margin:0; padding:0; overflow:hidden;   
}
.block_colonne3 .titre_colonne { display:block; width:100%; height:90px; padding:13px 50px 0 20px; background:url(../images/flechebleu.svg) 95% center no-repeat #2c2c2c; }
.block_colonne3 .titre_colonne2 { background:url(../images/flecherouge.svg) 95% center no-repeat #2c2c2c; }

.block_colonne4 .titre_colonne { display:block; width:100%; height:90px; padding:15px 10px 0 15px; background:#2c2c2c; }
.block_colonne4 .titre_colonne2 { background:#2c2c2c; }

.block_colonne3 .titre_colonne_rubrique { font-size:0.9em; text-transform:uppercase; }
.block_colonne4 .titre_colonne_rubrique { font-size:0.8em; text-transform:uppercase; }

.block_colonne3 .titre_colonne_titre { font-size:1.1em; line-height:1.1em; text-transform:uppercase; }
.block_colonne4 .titre_colonne_titre { font-size:1em; line-height:1em; text-transform:uppercase; }

.block_colonne_plus { display:block; width:200%; margin:0 0 0 -100%; padding:0; height:290px; }

.block_colonne3 .bloc_colonne_rubriques {width:50%; display:inline-block; position:relative; padding:30px 0 0 20px; float:left;}
.block_colonne4 .bloc_colonne_rubriques {width:50%; display:inline-block; position:relative; padding:20px 0 0 20px; float:left;}

.block_colonne3 .bloc_colonne_rubriques span {font-size:1.0em; line-height:1.1em; color:#2c2c2c; text-transform:uppercase;}
.block_colonne4 .bloc_colonne_rubriques span {font-size:0.8em; line-height:1em; color:#2c2c2c; text-transform:uppercase;}

.block_colonne3 .bloc_colonne_rubriques a {display:block; padding-top:15px; font-size:1.0em; line-height:1.1em; color:#2c2c2c; text-transform:uppercase;}
.block_colonne4 .bloc_colonne_rubriques a {display:block; padding-top:10px; font-size:0.8em; line-height:1em; color:#2c2c2c; text-transform:uppercase;}

.bloc_colonne_rubriques a:hover {color:#000000; font-weight:bold;}

.block_colonne3 .bloc_colonne_rubriques_img {width:48%; display:inline-block; position:relative; padding:95px 0 0 0; text-align:center; float:left;}
.block_colonne4 .bloc_colonne_rubriques_img {width:48%; display:inline-block; position:relative; padding:95px 0 0 0; text-align:center; float:left;}

.block_colonne3 .bloc_colonne_rubriques_img img {width:116px;}
.block_colonne4 .bloc_colonne_rubriques_img img {width:90px;}




/* Effets spéciaux */


.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 {
   background: #00b2a9;
   -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 .mask2 {
   background: #FF585F;
}
.view-tenth p {
   color: #333;
   -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;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.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;
}




@media only screen and (max-width:980px) { 
.block_colonne3 {  width:48%; margin:0 0.85% 20px; display:inline-block;}
.block_colonne4 {  width:48%; margin:0 0.85% 20px; display:inline-block;}
.block_colonne3 .view img, .block_colonne4 .view img { width: 100%;  height:auto; }

}

@media only screen and (max-width:580px) { 
.block_colonne3, .block_colonne4 {  width:98%; margin:0 1% 15px 1%;  float:left; }



/* ==========================================================================
 NEWS DE LA PAGE D'ACCUEIL (3&4 colonnes) + PAGE RUBRIQUE DES NEWS RESPONSIVE 
============================================================================= */

/* STYLES COMMUNS 3&4 colonnes */
.block_colonne_plus{height:auto;} /*reduction de la hauteur*/
.block_image_colonne {width:40%; float:left;}
.view a.info { padding:20px 14px}
.view-tenth .mask {transition:none;}
#block_colonne_plus_1 {margin:0}
.view-tenth img {transition:none;}

/* NEWS PAGE D'ACCUEIL  */
.block_colonne4 .titre_colonne, .block_colonne3 .titre_colonne {width:60%; float:left; height:auto;background:none; background-color:#2c2c2c; padding: 5px 10px 0px 10px;}
.block_colonne4 .titre_colonne_titre, .block_colonne3 .titre_colonne_titre {font-size:0.9em}
.block_colonne4, .block_colonne3 {background-color: #2c2c2c;}
.block_colonne4 .view img, .block_colonne3 .view img {border-radius: 5px 5px 5px 5px;}
.block_colonne4 .view p, .block_colonne3 .view p {opacity:0}


/* BLOC RUBRIQUES PAGE D'ACCUEIL  */
.block_colonne3 .bloc_colonne_rubriques, .block_colonne4 .bloc_colonne_rubriques {padding:20px 0 20px 20px;}
.block_colonne3 .bloc_colonne_rubriques span, .block_colonne4 .bloc_colonne_rubriques span {font-size:0.8em; line-height:1em; color:white; text-transform:uppercase;}
.block_colonne3 .bloc_colonne_rubriques a, .block_colonne4 .bloc_colonne_rubriques a { padding:10px 0 0 0; font-size:1.0em; line-height:1.1em; color:white; text-transform:uppercase;}


/* REDUCTION TAILLE TITRE "ACTUALIZACIONES" pour ES*/
.smartable {font-size:1.5em}









}