@import url(http://fonts.googleapis.com/css?family=Lato);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,                                                                                         
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*deb*/

a#mentions{ text-decoration:none; color:#1e1c28; }
a#mentions:hover{ text-decoration:none; color:#639730; }
a#mentions, a#mentions:hover{
  -webkit-transition: color 0.5s ease 0s;
  -o-transition:  color 0.5s ease 0s;	
  -moz-transition: color 0.5s ease 0s;	
  transition: color 0.5s ease 0s;
 }
 div#mentions2{ display: none; width:300px; color:#1e1c28; font-size:11px;overflow: auto; height: 200px; }
 div#mentions2 strong{ color:#639730; text-transform:uppercase; font-size:12px; }
  
body {background: none repeat scroll 0 0 #cccccc; font-family:lato;}

div.slide_outer {width:1280px;margin:0 auto;box-shadow:0 0 4px #000000;}
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 {position: relative;}

#slide1 {background:url(images/f1.jpg) center 0 no-repeat fixed #cccccc;}
#slide2 {background: url(images/f2.jpg) center 0 no-repeat fixed transparent;z-index:2;}
#slide3 {background: url(images/slide3-t3.jpg) center 420px no-repeat scroll #ffffff;margin-top:-100px;padding-top:90px;height: 730px;}
#slide4 {background: url(images/slide4-fnd.png) center 0 no-repeat scroll transparent;z-index:1;margin-top:-20px;z-index:2;}
#slide5 {background: url(images/sld5-f.png) center 0 no-repeat scroll transparent;margin-top:-20px;padding-bottom: 8px;z-index:1;}
#slide6 {background: url(images/map.jpg) center 0 no-repeat fixed transparent;margin-top:-10px;}
#slide7 {background: url(images/sld6-f.png) center 0 no-repeat scroll transparent;margin-top:-10px;}

#slide1 .p1 {background: url(images/p1.png) center 600px no-repeat fixed transparent;}
#slide1 .p2 {background: url(images/p2.png) center 600px no-repeat fixed transparent;}

#slide2 .bib {background: url(images/bib.png) center 0 no-repeat scroll transparent;height:1586px;margin-top:-9px;}
#slide2 .bib .fnd {background: url(images/bib2.png) center 10px no-repeat scroll transparent;height:1586px;background-size:1280px;}

/*
#slide2 .bib .l1 {background: url(images/l1.png) 100% 400px no-repeat scroll transparent;height:1586px;}
#slide2 .bib .l2 {background: url(images/l2.png) 0 510px no-repeat scroll transparent;height:1586px;} 
*/

#slide2 .slide_inside {height:auto;padding-top: 450px;}
#slide2 h3 {    color: #1E1E28;font-size: 41px;margin: 0 auto;padding-bottom: 35px;padding-top: 25px;text-shadow: 0 0 2px #333333;text-transform: uppercase;width: 730px;}
#slide2 .dom_t p {    padding: 10px 60px;color: #1e1e28;font-size: 20px;text-align:left;}
#slide2 .dom_t ul {    padding: 10px 60px;color: #1e1e28;font-size: 20px;text-align:left;}
#slide2 .dom_t li {    list-style: disc inside none; color:#fff;padding-bottom:5px;}

#slide2 .domaine {background: url(images/sep-do.png) center -33px repeat-y scroll transparent;width:489px;margin: 40px auto 0;padding-bottom: 2px;}
#slide2 .domaine div.d {width:240px;height:120px;float:left;padding-top:4px}

#slide2 .domaine div.d a {display:block;color:#1e1e28;text-decoration:none;font-size:22px;padding: 25px;height: 72px;}
#slide2 .domaine div.d a span {color:#ffffff}
#slide2 .domaine div.d a:hover {background: url(images/dohover.png) center 0 no-repeat scroll transparent;}

#slide3 .fnd {background: url(images/slide3-t.png) 20% 20px no-repeat scroll transparent;}
#slide3 .fnd2 {background: url(images/slide3-t2.png) 55% 40px no-repeat fixed transparent;}


.clear {clear:both;}
/*.bottomt {position:absolute;bottom:-7px;height:7px;width:100%;z-index: 3;}
.b1.bottomt {background: url(images/b1.png) center 0 no-repeat scroll transparent;} */

/* Gestion du contenu */
.slide_inside {  height: 888px;    
  /*background: url(eff.png) center 0 repeat fixed transparent;
  background-blend-mode: difference, normal; */
	/*width: 980px;*/
	margin: 0 auto;
  text-align:center;
}

#slide1 .slide_inside {height:2405px}

.slide_inside img {text-align:center;}

.slide_inside .layer {position:relative; height:800px;width:1280px;margin:0 auto;}

.slide_inside .layer1 img.logo {}
.slide_inside .layer1 img.scroll {padding-top:200px;}

.slide_inside .layer2 h1 {margin-top:200px;background:url('images/bg-layer2.png')  no-repeat center center transparent;padding:10px;color:#639730;text-transform:uppercase;font-size:37px;}
.slide_inside .layer2 h1 b{color:#ffffff;font-weight:normal;}
.slide_inside .layer2 img.altajuris {padding-top:100px}

.slide_inside .layer2.layer {height: 600px;}

.slide_inside .layer3 h2 {margin-top:10px;padding:10px;color:#ffffff;text-transform:uppercase;font-size:41px;}
.slide_inside .layer3 h3 {margin-bottom:65px;margin-top:65px;background:url('images/bg-layer2.png')  no-repeat center center transparent;padding:10px;color:#639730;text-transform:uppercase;font-size:37px;}
.slide_inside .layer3 h3 b{color:#1e1e28;font-weight:normal;text-shadow: 0 0 2px #999999;}

.slide_inside .layer3 img.sep {margin-top:50px;margin-bottom:50px;}

.slide_inside .layer3 p {width:520px; color:#ffffff; text-align:left;margin: 0 auto;font-size:16px;}
.slide_inside .layer3 p strong {font-weight:normal;color:#639730;}

.slide_inside .layer3 p.r {text-align:right;}

#slide4 h3 {text-transform:uppercase;color:#1e1e28;font-size:41px;font-weight:bolder;text-shadow:0 0 2px #ccc;padding-top:50px}
#slide4 .slide_inside {height: 800px;}
#slide4 .domaine {width:522px;margin:30px auto 0}
#slide4 .domaine div.d {margin:2px;float:left;background: url(images/slide4-bp.png) center 0 no-repeat scroll transparent;width:170px;height:189px;}
#slide4 .domaine div.d a {color:#1e1e28;text-decoration:none;font-size:18px;padding-left: 10px;text-align:left;padding-top:120px;display:block;opacity:0;height:56px;background-color:#ECECEC;}
#slide4 .domaine div.d a:hover {opacity:.7;}
#slide4 .domaine div.d > div {padding-left: 8px;padding-right: 9px;background-position: center center;background-repeat: no-repeat; height: 176px;margin-top: 2px;}
#slide4 .domaine div.d a {  
  -webkit-transition: opacity 0.5s ease 0s;
  -o-transition:  opacity 0.5s ease 0s;	
  -moz-transition: opacity 0.5s ease 0s;	
  transition: opacity 0.5s ease 0s;		
} 
#slide4 .fnd.s0 {background: url(images/slide4-fnd2.png) 0 1000px no-repeat scroll transparent;}
#slide4 .fnd.s1 {background: url(images/slide4-fnd3.png) 0 1000px no-repeat scroll transparent;}

#slide5 h3 {width:630px;margin:0 auto;text-align:left;text-transform:uppercase;color:#ffffff;font-size:41px;font-weight:bolder;text-shadow:0 0 2px #666666;padding-top:70px;margin-bottom:30px}
#slide5 p {padding-top:8px;padding-bottom:8px;width:460px;margin:0 auto;text-align:left;color:#1e1e28;font-size:19px;}
#slide5 p span {color:#ffffff;}
#slide5 div.bg strong {color:#639730;}
#slide5 div.bg {background: url(images/bg-5.png) center 0 no-repeat scroll transparent;height: 76px;padding: 25px;width: 443px;margin:0 auto;}
#slide5 .slide_inside {height: 732px;background: url(images/sld5-t.png) center 0 no-repeat scroll transparent;}
#slide5 .sign {background: url(images/sign.png) 100% 0 no-repeat scroll transparent;}

#slide6 .slide_inside {height: 732px;background: url(images/mp1.png) 80% 0 no-repeat scroll transparent;}
#slide6 .mp2 {background: url(images/mp2.png) 0 300px no-repeat scroll transparent;}

#slide7 .slide_inside {height: 801px;text-align:left;color:#ffffff;position:relative;}
#slide7 .slide_inside .pad {padding-left:160px;}
#slide7 h3 {text-transform:uppercase;color:#ffffff;font-size:41px;font-weight:bolder;text-shadow:0 0 2px #666666;padding-top:70px;}
#slide7 h4 {color:#639730;font-size:20px;font-weight:normal;}
#slide7 h4 strong {color:#ffffff;font-weight:normal;}
#slide7 p {font-size:20px;}
#slide7 p strong{font-size:20px;font-weight:normal;color:#639730;}
#slide7 label {padding:3px 0;    color: #639730;float: left;font-size: 22px;padding-right: 15px;text-align: right;width: 95px;}
#slide7 .right {float:left;}
#slide7 .right.r1 {width:440px;}
#slide7 .right.r2 {width:530px}
#slide7 input, #slide7 textarea{resize:none;padding:3px;font-size: 16px;font-family:lato;margin: 5px 0;width: 340px;background-color:#1a1b26;border:1px solid #ffffff;color:#ffffff;height: 14px;}
#slide7 textarea{height: 160px;}
#slide7 h4{height: 50px;}
#slide7 .btn, #slide7 .right.r2 img{padding-left: 109px;margin: 20px 0;}
#slide7 .right.r1 img{margin: 20px 0;}
#slide7 button{cursor:pointer;height:30px;width:220px;color:#1e1e28;background-color:#ffffff;border:1px solid #0d0c11;box-shadow:0 3px 3px #111;text-transform:uppercase;font-family:lato;font-size:20px}
#slide7 .mention {position:absolute;bottom:0;left:0;right:0;text-align:center;color:#1a1b26;padding-bottom:10px;} 
#slide7 .mention span {color:#639730;}



.fiche a.lbtn {
    background-color: #4c721d;
    background-image:linear-gradient(to right, #4c721d, #426419);
    border: 1px solid #385c0c;
    border-radius: 4px;
    box-shadow: 0 2px 6px -3px #000;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    margin: 20px 0 0;
    padding: 12px 22px;
    text-decoration: none;
}


.navigation {    
  left:0; top:0;
    position: fixed;
    width:100%;  z-index: 5;
}
.navigation div.cnt {font-size:16px;margin:0 auto;background-color: #E7E7E7;border-radius: 0 0 5px 5px;box-shadow: 0 0 5px #333333;padding: 5px;max-width:980px;}
.navigation div.cnt > div {margin: 0 auto;max-width: 720px;line-height: 30px;}
.navigation span{float:left;text-transform:uppercase;font-weight:bold;font-style:italic;font-size:14px;}
.navigation ul{list-style: disc outside none;padding:0;margin:0;}
.navigation li{color:#639730;float: left;margin-left: 24px;margin-right: 0;}
.navigation a{color:#1e1e28;text-decoration:none;}

.fix {background-color: #000000;left: 48%;margin: 0 auto;max-width: 66px;min-width: 40px;padding: 5px;position: fixed;right: 48%;text-align: center;z-index: 500;}
.fix.prev:hover {padding-top:20px;}
.fix.next:hover {padding-bottom:20px;}
.fix button{cursor:pointer;border: 0 none;background:url('images/trans.png')  no-repeat 0 0 transparent;}
.fix{  
  -webkit-transition: padding 0.5s ease 0s;
  -o-transition:  padding 0.5s ease 0s;	
  -moz-transition: padding 0.5s ease 0s;	
  transition: padding 0.5s ease 0s;		
} 
.prev {top:0;/*border-radius:0 5px 5px 0;*/}
.next {bottom:0;/*border-radius:5px 0 0 5px*/}


.dom_t {position:absolute;padding: 0 140px;height: 1130px;}
/*.dom_t .ret {position:absolute;bottom:140px;right:0;left:0;text-align:center;}     */
.dom_t .ret {margin-top:140px;text-align:center;}
.dom_t .ret img{cursor:pointer;}

.fiche {background-color: #FFFFFF;background-position: 100% 100%;background-repeat: no-repeat;bottom: 8px;color: #1E1E28;font-size: 16px;height: 0;left: 0;overflow: hidden;padding-left: 10px;position: absolute;right: 0;text-align: left;opacity:0;}
.fiche .ret {position:absolute;bottom:0;right:0;left:0;text-align:center;}
.fiche .ret img{cursor:pointer;}
.fiche .cat {padding-top:40px;font-size:18px;color:#639730;text-transform:uppercase;font-weight:bold;  padding-left:70px;}
.fiche a {  text-transform:uppercase;font-weight:bold;color:#639730;font-size:36px; float:right;padding-top:20px; padding-right:10px;}
.fiche a strong{color:#1e1e28;}

.text_content {background-color:#ffffff;color:#000000;}
.text_content strong {color:#639730;}
.text_content li {    list-style: disc inside none; color:#ccc;padding-bottom:5px;}

@media screen and (max-width: 480px) {
  div.slide_outer {width:480px;}
  #slide2 h3 {width:480px;}
  .slide_inside .layer3 p {width: 450px;}
  .slide_inside .layer1 img.logo {margin-left: -15px;margin-top: -260px;}
  #slide1 .slide_inside .layer {width:480px;}
  #slide7 .slide_inside .pad {padding-left:0}
  #slide7 .right {float:none;}
  #slide7 .right.r1 {padding-left:50px;padding-bottom:30px;width: 420px;}
  #slide7 .right img {display:none;}
  #slide7 h3, #slide7 h4 {text-align:center;}
  /*#slide2 .bib .l1, #slide2 .bib .l2,*/
  #slide5 .sign, #slide5 .slide_inside,#slide4 .fnd, #slide3 .fnd{background-image:none;}
  #slide7 .right.r2 {width: 480px;}
  #slide4 .domaine div.d {margin: 0;width: 160px;}
  #slide5 h3 {width:480px;}
  #slide5 div.bg{margin-left: -7px;background-position:0 0;}
  #slide4 .domaine {width: 480px;}
  .dom_t {padding: 0;}
}
@media screen and (max-width: 1024px) {
  .dom_t {padding: 0;}
  #slide2 h3 {width:100%;}
  div.slide_outer {width:100%;}
  #slide1 .slide_inside .layer {width: 100%;}
  #slide7 .right {float:none;}
  #slide7 .right.r1 {padding-left:50px;padding-bottom:30px;}
  #slide7 .right img {display:none;}
  /*#slide2 .bib .l1, #slide2 .bib .l2,*/
  #slide5 .sign, #slide5 .slide_inside,#slide4 .fnd, #slide3 .fnd{background-image:none;}
  
}
@media screen and (max-width: 1280px) {
  div.slide_outer {width:100%;}
  #slide1 .slide_inside .layer {width: 100%;}
  #slide7 .right {float:none;}
  #slide7 .right.r1 {padding-left:50px;padding-bottom:30px;}
  #slide7 .right img {display:none;}
}

.popin-custom{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 1s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.6);
}
.popin-custom.active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popin-custom .container-popin{
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,1);
  box-shadow: 0px 0px 10px -1px rgba(0,0,0,1);
}
.popin-custom .container-popin p{
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
}
.popin-custom .container-popin p strong{
  font-weight: 700;
}
.popin-custom .container-popin .popin-title{
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}
.popin-custom .container-popin .popin-title span{
  color: #639730;
}