/* ap.css */

body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
	height: 100%;
	color: #777;
	line-height: 1.6;
	font-size: 1.1em;
}

/* Parallax effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Image 1 */
.bgimg-1 {
  background-image: url("images/img001.jpg");
  min-height: 100%;
}

/* Image 2 */
.bgimg-2 {
  background-image: url("images/img002.jpg");
  min-height: 400px;
}

/* Image 3 */
.bgimg-3 {
  background-image: url("images/img003.jpg");
  min-height: 400px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}

.ap-content-large {padding: 64px}
.ap-content-medium {padding: 32px}
.ap-content-small {padding: 16px}

.ap-size-large {font-size: 16px} 
.ap-size-medium {font-size: 14px} 
.ap-size-small {font-size: 12px} 

.ap-ul-1 {list-style-image: url("images/puce1.gif")}
.ap-ul-2 {list-style-image: url("images/puce2.gif")}

.ap-back-0,.ap-back-hover-0:hover {color:#000 !important; background-color:#ffffff !important}
.ap-back-1,.ap-back-hover-1:hover {color:#fff !important; background-color:#893400 !important}
.ap-back-2,.ap-back-hover-2:hover {color:#fff !important; background-color:#fd7714 !important}
.ap-back-3,.ap-back-hover-3:hover {color:#000 !important; background-color:#7d7d7d !important}
.ap-back-4,.ap-back-hover-4:hover {color:#fff !important; background-color:#000000 !important}
.ap-text-0,.ap-text-hover-0:hover {color:#000000 !important}
.ap-text-1,.ap-text-hover-1:hover {color:#893400 !important}
.ap-text-2,.ap-text-hover-2:hover {color:#fd7714 !important}
.ap-text-3,.ap-text-hover-3:hover {color:#7d7d7d !important}
.ap-text-4,.ap-text-hover-4:hover {color:#ffffff !important}