
body {
	margin: 0;
	padding: 0;
	color:#FFFAFA;
	font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
	background: #FFFAFA;
}

h1.paralx{
color: #2f2f2f;
font-size: 0.92em;
 font-weight: normal;
font-family: "arial", "verdana", serif;
text-align: center;
padding-top: 0px;
padding-left: 2px;
margin-bottom:80px;
}

h1.paralx30{
color: #2f2f2f;
font-size: 0.92em;
 font-weight: normal;
font-family: "arial", "verdana", serif;
text-align: center;
padding-top: 0px;
padding-left: 2px;
margin-bottom:45px;
}

h2 {
	margin-top:0;
	font-size: 2em;
	font-weight:bold;
	color: #eca603;
}

a {
	font-weight:bold;
	color:#fff;
}

p.cptr1
{
color: #FFFAFA;
font-size: 0.01em;
}

#navi { 
position: relative; bottom: 200px; right: 2%; }

#vign-paralx{
    text-align: center;
}

#vign-paralx25{
   text-align: center;
   margin-bottom:25px; 
}

#cadre-parlx-1965 {
float: left;
margin-left:2px;
padding-top:2px;
	width:780px;
}
#cadre-parlx2-1965 {
float: left;
margin-left:2px;
padding-top:2px;
	width:840px;
}

.col-left-parlx-2022 {
float: left;
margin-left:2px;
padding-top:100px;
	width:650px;
}

.col-left-parlx-2022 {
float: left;
margin-left:2px;
padding-top:100px;
	width:650px;
}

.col-left-parlx-2021-1965 {
float: left;
margin-left:2px;
padding-top:2px;
	width:830px;
}

.col-left-lft-parlx-1965 {
float: left;
	top: 100px;
margin-left:0px;
padding-top:2px;
	width:350px;
}

.col-left-rght-parlx-1965 {
float: right;
position: relative;
	
margin-left:0px;
padding-top:2px;
	width:260px;
}

.col-right-parlx2-2022 {
    float: right;
padding-top: 100px;
	width:136px;
	overflow:hidden
}

.col-right-parlx-1965 {
    float: right;
padding-top: 120px;
	width:136px;
	overflow:hidden
}

.col-right-parlx2-1965 {
    float: right;
padding-top: 40px;
	width:136px;
	overflow:hidden
}
.txt-cadre-right{
margin-left:56px;
}
.col-left1965 {
    float: left;
margin-left:6px;
padding-top:6px;
	width:410px;
	height:450px;
	overflow:auto
}

#header-aa{
    width: 940px;
   height: 110px; 
	margin-left: auto;
	margin-right: auto;
	padding-top:0;
	Margin-top:0
}

div#img2016 {
    height: 360px;
    display: table-cell;
    vertical-align: middle;
   padding-right: 30px;
    }
    
    #img2016-2 {
    height: 400px;
    display: table-cell;
    vertical-align: middle;
   padding-right: 48px;
   padding-top:60px;
    }
    
     #img2021 {
    height: 400px;
    display: table-cell;
    vertical-align: left;
   padding-right: 48px;
   padding-top:60px;
    }
 
    #img2017 {
    height: 360px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    }
    
    #img2021-right {
    height: 360px;
    display: table-cell;
    vertical-align: left;
    padding-left: 18px;
    }
    
    #img2017-2 {
    height: 360px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 48px;
    padding-top:60px;
    }
#image { 
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  min-height: 10em;
}
#image1 { 
  margin-left: 1px;
  margin-top: 30px;
  min-height: 10em;
}
#image11 { 
  margin-left: 10px;
  margin-top: 100px;
  min-height: 10em;
}
#image2 { 
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  padding-top:30px;
}

#image3 { 
  text-align:center;
  display: table-cell;
  vertical-align: middle;
  padding-top:40px;
}

/* Wrapper */
#wrap {
	position: relative;
	top:0;
	-webkit-transition: top 1.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
}


/* Nav */
#nav {
	position: fixed;
	top: 0; left:0; right: 0;
	padding: 1em 0;
	margin:0;
	background-color: #FFFAFA;;
	text-align:center;
	font-size: 1em;
	z-index:10;
}
#nav li {
	display: inline;
	margin:0;
}
#nav a {
	display: inline-block;
	margin: 0 3em;
	color: #eee;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 0 5px #fff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


/* slides */
#slide1 {
	height: 900px;
	padding-top:70px;
	-webkit-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: background-position 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
}

#slide2 {
	height: 900px;
	padding-top:80px;
	-webkit-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: background-position 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
}


#slide3 {
	height: 900px;
	padding-top:20px;
	-webkit-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: background-position 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
	transition: background-position 1.4s  cubic-bezier(.49,.22,.52,1.35);
}

/*
#slide1 { background:url(images/slide1-bg.jpg) center 0 no-repeat fixed; }
#slide2 { background: url(images/slide2-bg.jpg) center 0 no-repeat fixed; }
#slide3 { background: url(images/slide3-bg.jpg) center 0 no-repeat fixed; }
*/

#slide1 { background-color: #FFFAFA;}
#slide2 { background-color: #FFFAFA; padding-top:0px;}
#slide3 { background-color: #FFFAFA; }
/* Slides contents */
.slide_inside {
	width: 800px;
	margin: 0 auto;
	position: relative;	
	background-color: #FFFAFA;	
}

.slide_inside-2022 {
	width: 800px;
	margin: 0 auto;
	position: relative;	
	background-color: #FFFAFA;	
}

#slide1 .slide_inside {
	text-align: center;
	/*background-color: transparent;*/
}
#slide2 .slide_inside p {
	
	text-align: center;
	
}
#slide3 .slide_inside {
	margin-top: 20px;
}


/* Troopers & clone */

#trooper, #clone {
	position: absolute;
	left:-180px; top: 300px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-transition: all 1.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 1.4s cubic-bezier(.49,.22,.52,1);
	-ms-transition: all 1.4s cubic-bezier(.49,.22,.52,1);
	-o-transition: all 1.4s cubic-bezier(.49,.22,.52,1);
	transition: all 1.4s cubic-bezier(.49,.22,.52,1);
}
#clone {
	left: -280px;
	top: 400px;
}


/* targeted elements */

#s1:target ~ #wrap { top:0px; }
#s1:target ~ #wrap #nav li:first-child a { text-shadow: 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603; }
#s1:target ~ #wrap #slide1 { background-position: 50% 0%; }
#s1:target ~ #wrap #slide2 { background-position: 50% -35%; }
#s1:target ~ #wrap #slide3 { background-position: 50% -60%; }
#s1:target ~ #wrap #trooper { left: -180px; top: 300px; -webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg); }
#s1:target ~ #wrap #clone { left: -280px; top: 300px;-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg); }

#s2:target ~ #wrap { top:-1080px; }
#s2:target ~ #wrap #nav li:first-child + li a { text-shadow: 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603; }
#s2:target ~ #wrap #slide1 { background-position: 50% 36%; }
#s2:target ~ #wrap #slide2 { background-position: 50% 0%; }
#s2:target ~ #wrap #slide3 { background-position: 50% -30%; }
#s2:target ~ #wrap #trooper { left: -180px; top: -100px; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);-o-transform: rotate(-7deg);transform: rotate(-7deg); }
#s2:target ~ #wrap #clone { left: -350px; top: 50px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg); }


#s3:target ~ #wrap { top:-2080px; }
#s3:target ~ #wrap #nav li:last-child a { text-shadow: 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603, 0 0 5px #eca603; }
#s3:target ~ #wrap #slide1 { background-position: 50% 60%; }
#s3:target ~ #wrap #slide2 { background-position: 50% 35%; }
#s3:target ~ #wrap #slide3 { background-position: 50% 0%; }
#s3:target ~ #wrap #trooper { left:-1500px;top:-1000px;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform: rotate(-15deg); }
#s3:target ~ #wrap #clone { left:-1000px;top: -800px;-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-o-transform: rotate(-15deg);transform: rotate(-15deg); }


/* some social styles */

.fb-like { top: -5px; }
.or_follow { display: inline-block; vertical-align:top; margin-left: 135px; margin-right: 5px; }




