@import url(../../styles/fck_ic.css.php);



/* ############################################################################ */
/* ################################### INDEX.PHP ############################## */


/* TEXTE */
#blocktxtic {
  overflow:hidden;
	display: block;
	text-align: left;
}
#blocktxtic, #photos_ic2 { margin: 0px 0px; }


#blocktxtic p { padding:0; margin: 0 0 7px; }
#blocktxtic, #blocktxtic td, #blocktxtic tr { font-size:12px !important; color:#666 !important; line-height:16px; }



/* PHOTOS */
#photos_ic img, #photos_ic2 img, #photos_ic .alt, #photos_ic2 .alt {
  border:3px solid #e6e6e6;
}

#photos_ic {
	position: relative;
	float: right;
	margin-bottom: 6px;
	margin-left: 10px;
	text-align: center;
}
#photos_ic .imgIC, #photos_ic2 .imgIC { display:block; position:relative; }
#photos_ic img, #photos_ic2 img { margin-bottom: 0; }
#photos_ic .alt, #photos_ic2 .alt {
  position:relative;
  margin-bottom: 10px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;font-style:italic;
  border-top: none;
	border:0;  background: none;
  color: #363636;
  padding: 0 3px;
}
#photos_ic .alt span, #photos_ic2 .alt span {
  display: block;
  color: #363636;
  padding: 4px 25px 4px 4px;
	text-align:left;
}
#photos_ic .alt span.nopadd, #photos_ic2 .alt span.nopadd{
	padding-right:4px;
}
#photos_ic .alt a, #photos_ic2 .alt a {
  position:absolute;
  right:3px;
  top: 3px;
}
#photos_ic .alt img, #photos_ic2 .alt img {
  display: block;
  border: 0;
}


/* PHOTOS 2 */
#photos_ic2 {
	position: relative;
	margin-top: 5px;
	text-align: center;
	_height:10px;
}
#photos_ic2 img { margin: 0; }
#photos_ic2 .photoIC {
  position: relative;
  float: left;
}






#navIC { padding:5px 0; }
#listArts { position:relative;left:-33px;width:716px;height:162px;margin:10px auto 0;padding:0;text-align:left; }
#listArts2 { position:relative;left:77px;width:568px;height:162px;overflow:hidden; }
#listArts2b { width:566px; height:124px; border:1px solid #acdce1; }
#listArts3 { position:relative;top:7px;width:10000px }
#listArts .blockArt { position:relative;display:block;text-decoration:none;width:189px;height:152px;float:left; }
#listArts .link { position:relative;display:block;margin:0 auto;text-decoration:none;width:170px;height:152px; }
#listArts .photo { position:relative;top:0px;left:0px;display:block;width:170px;height:108px;overflow:hidden;border:1px solid #afafaf;background:#ccc; }
#listArts .titre { color:#64bdc6;display:block;margin:12px 9px 0 0;font-size:14px; }
#listArts .blockArtSelect .titre, #listArts .blockArt .link:hover .titre { color:#D82027; }
#artLeft { position:absolute; top:37px; left:0px; cursor:pointer; }
#artRight { position:absolute; top:37px; right:0px; cursor:pointer; }

.css3 #listArts .link { -webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.css3 #listArts .link:hover { -webkit-animation: rotate-anim 1s ease-in-out 1; -moz-animation: rotate-anim 1s ease-in-out 1; -ms-animation: rotate-anim 1s ease-in-out 1; -o-animation: rotate-anim 1s ease-in-out 1; animation: rotate-anim 1s ease-in-out 1; }
@-webkit-keyframes rotate-anim { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 20% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 40% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } 60% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } to { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }  } @-moz-keyframes rotate-anim { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 20% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 40% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } 60% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } to { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }  } @-o-keyframes rotate-anim { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 20% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 40% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } 60% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } to { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }  } @keyframes rotate-anim { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 20% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 40% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } 60% { transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } 80% { transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } to { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }  } .css3 #listArts .link .titre { -webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; }
.css3 #artLeft:hover img { -webkit-animation: rotate-anim2 0.25s linear 1; -moz-animation: rotate-anim2 0.25s linear 1; -ms-animation: rotate-anim2 0.25s linear 1; -o-animation: rotate-anim2 0.25s linear 1; animation: rotate-anim2 0.25s linear 1; }
@-webkit-keyframes rotate-anim2 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); }  } @-moz-keyframes rotate-anim2 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); }  } @-o-keyframes rotate-anim2 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); }  } @keyframes rotate-anim2 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); }  } .css3 #artRight:hover img { -webkit-animation: rotate-anim3 0.25s linear 1; -moz-animation: rotate-anim3 0.25s linear 1; -ms-animation: rotate-anim3 0.25s linear 1; -o-animation: rotate-anim3 0.25s linear 1; animation: rotate-anim3 0.25s linear 1; }
@-webkit-keyframes rotate-anim3 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }  } @-moz-keyframes rotate-anim3 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }  } @-o-keyframes rotate-anim3 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }  } @keyframes rotate-anim3 { from { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }  } 


/* ################################### INDEX.PHP ############################## */
/* ############################################################################ */