/* Demo Buttons Style */
#menuprog{
	position: relative;
	width: 800px;
	text-align: center;
margin: auto;
}
.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.3);
	text-decoration: none;
	font-weight: 700;
	opacity: 1;
	webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-family: 'Helvetica', sans-serif;
	margin-top: 60px;
	
	
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover,
.codrops-demos a:focus {
	border-color: #000;
	color: #000;
}

/* Related demos */

.codrops-related {
	padding-bottom: 2em;
	color: rgba(0,0,0,0.4);
}

.codrops-related a {
	display: inline-block;
	margin-top: 0.5em;
}

.related{
font-family: 'Helvetica', sans-serif; 
color: #333;
font-size: 80%;
text-decoration: none;
}
/* logo */
#atelier {  
top: 20px;
z-index:10;
width:800px;
margin: auto;
}
#logo { 
width: 100px;	
height: auto;
}
/* menu */
ul.FT-nav{
margin-left: 7%;
margin-top: -4.1%;
}
a.chrono{
font-family: 'Helvetica', sans-serif; 
color: #333;
font-size: 110%;
font-weight:bold;
left:21%;
top: 20px;
text-decoration: none;
}
a.prog {
font-family: 'Helvetica', sans-serif; 
color: #333;
font-size: 110%;
text-decoration: none;
font-weight:bold;
left:33%;
top: 10px;
text-decoration: line-through;
text-decoration-style: bold;
text-decoration-color: #333;
text-decoration-thickness: 0.1em;
	
}
a.chrono:hover{
text-decoration: line-through;
text-decoration-style: bold;
text-decoration-color: #333;
text-decoration-thickness: 0.1em;
}
/* Vertical Accordion Style */
h3{
  position: relative;
  z-index:1000;
 
}
iframe {
   position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
  z-index:1;

}
.va-container{
	position:relative;
	margin:50px auto 0 auto;
}
.va-wrapper{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	background:#FFF;
}
.va-slice{
	cursor:pointer;
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}
.va-slice-1{
	background:#000 url(../acc/accpigalle/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-2{
	background:#000 url(../acc/ENTREMER/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-3{
	background:#000 url(../acc/accchezlulu/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-4{
	background:#000 url(../acc/VAnantes/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-5{
	background:#000 url(../acc/cocorico/4.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-6{
	background:#000 url(../acc/valyon/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-7{background:#000 url(../acc/vanate/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-8{
	background:#000 url(../acc/VAtoulon/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-9{
	background:#000 url(../acc/cafedelapeche/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-11{
	background:#000 url(../acc/cocorico/4.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-12{
	background:#000 url(../acc/krep/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-13{
	background:#000 url(../acc/newpretty/6.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-14{
	background:#000 url(../acc/puppets/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-15{
	background:#000 url(../acc/reuil/3.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-16{
	background:#000 url(../acc/VAlille/1.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-17{
	background:#000 url(../acc/VArungis/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-18{
	background:#000 url(../acc/valyon/3.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-19{
	background:#000 url(../acc/mosuke/2.jpg) no-repeat center center;
	background-size: 100%,auto,auto;
}
.va-slice-color-1{
	background-color:#97c5eb;
}
.va-slice-color-2{
	background-color:#68ace5;
}
.va-slice-color-3{
	background-color:#0072cf;
}
.va-slice-color-4{
	background-color:#0039a6;
}
.va-slice-color-5{
	background-color:#00338e;
}
.va-slice-color-6{
	background-color:#002c76;
}
.va-slice-color-7{
	background-color:#002144;
}
p{
	position: relative;
	z-index: 100;
}
.va-title{
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	font-size:60px;
	margin-left:20px;
	color:#fff;
	text-shadow: 0px 0px 1px white;
	z-index: 100;
	margin-top: -5%;
	text-shadow: black 0.005em 0.005em 0.3em;
}
.va-content{
	display:none;
	margin-left:25px;
	z-index: 1;
}
.va-slice p{
	font-size: 22px;
	font-style: italic;
	font-family:Georgia, serif;
	color: #FFFFFF;
	margin-top:20%;
}
.va-slice ul{
	margin-top:20px;
}
.va-slice ul li{
	float:left;
	margin:0px 2px;
}
.va-slice ul li a{
	color:#000;
	background:#eede2f;
	padding:3px 6px;
	font-size:14px;
	font-family:'PT Sans', sans-serif;
	text-transform:uppercase;
}
.va-slice ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.va-nav span{
	width:40px;
	height:25px;
	background:transparent url(../images/prev.png) no-repeat center center;
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-20px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	display:none;
	z-index:100;
}
.va-nav span.va-nav-next{
	background-image:url(../images/next.png);
	top:auto;
	bottom:-35px;
}
.va-nav span:hover{
	opacity:1.0;
}
section {
	padding: 1em;
	text-align: center;
}