/*
Theme Name: GI - Theme 2017 (FlyMag)
Template: flymag
Author: Laurent NEBUT
Description: Theme Wordpress pour les Glaneurs d'Images
*/
@import url("../flymag/style.css");

/*
---------------------------------------------------------------------------------------------
--- Personalisation de FlyMag
---------------------------------------------------------------------------------------------
*/

/*
body      {color:#000000}
*/

a             {color:#003366}
a:hover {color:#006699;text-decoration:underline}

p            {text-indent: 5px;text-align: justify;}

button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
      background-color: #eaecf6;  
	  padding:5px 15px 5px 15px;
}

button:hover, .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
      background-color: #E0F0FF;
}


.paging-navigation a{
      color:#333;
	  text-decoration: none;
}


.site-branding {
	padding: 0px;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	background-color: #FFFFFF;
	/* background:url(../../uploads/bandeau/0001.jpg) no-repeat left top */
}

.site-logo {
	height: 200px;
	width: 1200px
}

/*
.main-navigation {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding: 0 10px;
    border-top: 3px solid #444;
    border-right: 1px solid #ebebeb;
    border-bottom: 3px solid #444;
    border-left: 1px solid #ebebeb;
    background-color: #fff;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
}
*/

.widget-inner {
    padding: 0px;
}

.widget {
    margin: 0;
    padding: 10px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background-color: #fff;
}

.widget-area .widget-title {
    padding: 10px;
	border: 1px solid #003366;
    border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	background-image:linear-gradient(to right,#E0F0FF,#FFFFFF);
}
.widget-title {
    margin: 0 0 15px;
}

.site-footer {
	padding: 10px 0;
	background-color: #333;
}

.page-header, .entry-header {
	margin: 0;
	padding: 15px;
	color: #003366;
	background-color: #FFFFFF;
	text-align: Left;
}

.page-title {
	margin: 0;
	margin-left: 30px;
	color: #006699;
	font-weight:bold;	
}

.entry-title {
	margin: 0;
	margin-left: 0px;
	color: #006699;
	font-weight:bold;	
}

.entry-header{
  padding-left:0px;
}

/* widget : a la une des Glaneurs */
.col-md-5 {
    width: 100%;
}
.col-md-7 {
    width: 100%;
}

/*
---------------------------------------------------------------------------------------------
--- STYLE PERSO
---------------------------------------------------------------------------------------------
*/

/* icon de navigation */
.ImgNavIcon{
  width:25px;
  height:25px;
  margin-top:12px;
  margin-left:0px;
  margin-right:10px;
  opacity:0.2
}
.ImgNavIcon:hover{opacity:0.8}


/* pages membre */

.GIMbr_vignette{
  width:260px;
  height:135px;
  overflow:hidden;
  padding:5px;
  margin:5px;
  border:2px solid #DDDDDD;
  display:inline-block;
  vertical-align:top;
  box-shadow:3px 3px 5px #F0F0F0;
  border-radius:10px 0px 10px 0px
}

.GIMbr_vignette:hover{border:2px solid #D0D0D0;box-shadow:3px 3px 5px #C0C0C0;transform:scale(1.02);}

.GIMbr_vignette_titre{
  font-size:20px;
  margin:0px;
  padding:0px;
  color:#000000;
  text-shadow: 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF,0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF,0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF,0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF;
}


/*
---------------------------------------------------------------------------------------------
--- Animation image du bandeau
---------------------------------------------------------------------------------------------
*/
@keyframes cf4FadeInOut {
  0% {opacity:1;}
  17% {opacity:1;}
  25% {opacity:0;}
  92% {opacity:0;}
  100% {opacity:1;}
}
#GI_CFImage img:nth-of-type(1) {animation-delay: 6s;}
#GI_CFImage img:nth-of-type(2) {animation-delay: 4s;}
#GI_CFImage img:nth-of-type(3) {animation-delay: 2s;}
#GI_CFImage img:nth-of-type(4) {animation-delay: 0;}