/* CSS Document */
.imageDrop {position:relative;}
/*.sss {height: 0; margin: 0 auto; display: block; width:100%;  padding: 0!important; position: relative; height:350px; } */
/*.ssslide { width:100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; display: block; background-size:cover;  background-position: center;top: 0; padding-bottom:50%; position:relative;}*/
.sss .ssslide { position: absolute; padding-bottom:0px; }
.ssslide img {max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev, .imageFull, .imageDelete, .imageConfig, .moveImage {
  margin : 0 0.2em; 
  color:#FFF;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  font-size: 1em;
  line-height:1em;
  width: 1em;
  height: 1em;
  padding: 0.2em;
  text-align: center;
}
.sss-enlarge .imageDelete	{ display: none; }
		
.sssprev {left: 6%; z-index:99; 	top:45%; position: absolute; }
.sssnext {right: 6%;  z-index:99; top:45%; position: absolute;}
.imageButton { width:100%; top:45%; text-align:center; position:absolute; padding:1em; box-sizing:border-box;     margin-top: -1em; }
.imageDelete, .imageConfig, .imagefull { position:relative; display:inline-block; /* Important retirer par DP, Utilisation : - Raison du retret, empeche de le cacher quand enlarge */ }

.sssprev:hover, .sssnext:hover, .imageFull:hover, .imageDelete:hover {cursor: pointer;}

.ssslide .imageButton {display:none; }
.ssslide:hover .imageButton {display:block!important; }

.sss.sss-enlarge {  
	background-color: rgba(0, 0, 0, 0.85)!important;
  border-radius:0px!important;
  position: fixed!important;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding : 0px!important;
  z-index: 9000;
  margin:0px;
  }
.sss.sss-enlarge .sssnext {  right : 5%;  font-size:1.5em; }
.sss.sss-enlarge .sssprev { left : 5%; font-size:1.5em; }
.sss.sss-enlarge .imageButton { top: 2%; right:4%; font-size:2em; display:block!important; text-align:right; position:fixed; }
.sss.sss-enlarge .ssslide {
  width: 80%;
  height: 80%;
  position: absolute;

  left: 10%;
  top: 10%;

  background-size: contain;
  background-position: center!important;
  background-repeat: no-repeat;

  border-radius: 0%;
}


.widget_partenaires { background-color:white; }

.contenusnippet .widget img {width:100%; height:auto;}


.contenusnippet .widget .group_12 .grid_1, .contenusnippet .widget .group_12 .grid_2, .contenusnippet .widget .group_12 .grid_3, .contenusnippet .widget .group_12 .grid_4, .contenusnippet .widget .group_12 .grid_5, .contenusnippet .widget .group_12 .grid_6, .contenusnippet .widget .group_12 .grid_7, .contenusnippet .widget .group_12 .grid_8, .contenusnippet .widget .group_12 .grid_9, .contenusnippet .widget .group_12 .grid_10, .contenusnippet .widget .group_12 .grid_11, .contenusnippet .widget .group_12 .grid_12
.contenusnippet .widget .group_12 .grid_1,
.contenusnippet .widget .group_12 .grid_2,
.contenusnippet .widget .group_12 .grid_3,
.contenusnippet .widget .group_12 .grid_4,
.contenusnippet .widget .group_12 .grid_5,
.contenusnippet .widget .group_12 .grid_6,
.contenusnippet .widget .group_12 .grid_7,
.contenusnippet .widget .group_12 .grid_8,
.contenusnippet .widget .group_12 .grid_9,
.contenusnippet .widget .group_12 .grid_10,
.contenusnippet .widget .group_12 .grid_11,
.contenusnippet .widget .group_12 .grid_12
{display:none;}

.contenusnippet .widget .group_1,
.contenusnippet .widget .group_2,
.contenusnippet .widget .group_3,
.contenusnippet .widget .group_4,
.contenusnippet .widget .group_5,
.contenusnippet .widget .group_6,
.contenusnippet .widget .group_7,
.contenusnippet .widget .group_8,
.contenusnippet .widget .group_9,
.contenusnippet .widget .group_10,
.contenusnippet .widget .group_11,
.contenusnippet .widget .group_12
{background:none;}

.widget1 { }
.widget_1 .microAlbum { padding-bottom:100%; /*border-radius:50%; */ background-color:#CCC; overflow:hidden; }
.widget_1 .sssnext  { right : 6%; } 
.widget_1 .sssprev  { left : 6%; } 



.widget_1 .grid_4, .widget_1 .grid_8 { vertical-align:middle; }

.widget {  position:relative;}
.widget .toolbarWidget {
  top: 20px;
  left: -0.7em;
  width: 1.6em;
  position: absolute;
  display: none;
  font-size:13px;  
}


/* **********   */
/* TCREF - Widget */
/* **********   */
.widget_tcref_map .mapqc { 
  width: 100%;
}


.widget_7 .ssslide { position:absolute; padding:0; opacity:0.3; }
.widget_7 .imageButton { top:auto; bottom:0px; text-align:right; } 
.widget:hover .toolbarWidget, .toolbarWidget:hover {
		display:block;  }
		
		
.widget .toolbarWidget .fa {
text-align:center;
margin-bottom:0.4em;
cursor:pointer;
border-radius: 50%;
  background-color: rgb(0, 0, 0);
  padding: 0.3em;
  width: 1em;
  height: 1em;
  color:#FFF;
  opacity: 0.5;  
}

.widget .toolbarWidget .fa:hover {
	  opacity:1;  
}