/* CSS Document */

body {background: url(fond-expo.jpg) fixed no-repeat top center;background-size: cover;width:100%;height:100%;margin:0;padding:0;}

.expo-conteneur {display:block;width:100%;height:100%;}

.expo-page-overlay {display:block;width:100%;height:100%;background: url(motif.png) repeat-x;}

.expo-page {display:block;width:100%;height:100%;padding-top:10em;}

.expo-entete {display:block;position:fixed;top:0;left:0;width:100%;height:auto;background: url(entete-fd.png) center center repeat-x;z-index:200;}

.expo-logo {display:block;padding-top: 1em;}

.expo-accueil-conteneur {margin-top: 15em;width:50%;margin: 0 25%;}


h1 {font-family: "jaf-bernino-sans-comp",sans-serif;font-size:4.5em;line-height:1.1em;font-weight:400;color: rgba(156,66,55, 1);text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);margin-top:5}

span.guerres {display:block;padding-top:0.2em;font-size:1.4em;color: rgb(77,38,30);text-transform:uppercase;font-weight:700;text-shadow: 2px 2px 2px rgba(255,255,255, 0.7);}


.expo-pdp {display:block;position:fixed;bottom:0;width:100%;background: #fff;height:4em;}

.expo-pdp .logo-gc {height:50%;width:auto;padding-top:1em;}

.expo-pdp .logo-gc img{height:100%;width:auto;}

.expo-pdp-page {display:block;position:relative;bottom:0;width:100%;background: #fff;height:12em;}

.expo-pdp-page .logo-gc {height:2.5em;width:auto;padding-top:1.5em;}

.expo-pdp-page .logo-gc img{height:100%;width:auto;}


.expo-pdp-page .logo-commanditaires {width:70%;margin:0 15%;height:4em;padding-top:1.5em;text-align:center;}

.expo-pdp-page .logo-commanditaires ul{display:block;line-height:1em;height:3em;width:80%;margin: 1.5em 10% 0 10%;list-style:none;text-align:center;}

.expo-pdp-page .logo-commanditaires ul li {display:inline;height:50px;width:15%;padding: 0 5%;float:left;}

.expo-pdp-page .logo-commanditaires ul li img{height:auto;width:100%;}



.expo-virtuelle-bouton {background: rgb(77,38,30);color:rgba(251,247,236,1);font-size:1.3em;letter-spacing:0.3em;text-transform:uppercase;font-family: "jaf-bernino-sans-comp",sans-serif;font-weight:300;margin-top:2em;padding: 0.1em 1em;border:none;border-top:1px solid #bb6348;border-right:1px solid #bb6348;border-left:1px solid #bb6348;border-bottom:1px solid #bb6348;cursor:pointer;
-webkit-box-shadow: 0px 30px 30px -10px  rgb(51,32,28);
-moz-box-shadow: 0px 15px 30px -10px  rgb(51,32,28);
box-shadow: 0px 15px 30px -10px  rgb(51,32,28);}

.expo-virtuelle-bouton:hover {background: rgb(77,38,30);color:#fff;font-size:1.3em;letter-spacing:0.3em;text-transform:uppercase;font-family: "jaf-bernino-sans-comp",sans-serif;font-weight:300;margin-top:2em;padding: 0.1em 1em;border:none;border-top:1px solid #e4896d;border-right:1px solid #e4896d;border-left:1px solid #e4896d;border-bottom:1px solid #e4896d;cursor:pointer;
-webkit-box-shadow: 0px 30px 30px -10px  rgb(51,32,28);
-moz-box-shadow: 0px 30px 30px -10px  rgb(51,32,28);
box-shadow: 0px 30px 30px -10px  rgb(51,32,28);}


.expo-virtuelle-bouton i {color:rgba(251,247,236,1);opacity:1;}

.expo-virtuelle-bouton:hover i{opacity:1}

.expo-virtuelle-bouton-ombrage {}

.expo-page-correction {padding-left:45px;height:auto;width:auto;}

.expo-conteneur-texte {background: rgba(251,247,236,0.95);}

.expo-texte {width:100%;padding: 5em 0;}

.expo-texte div.zone-texte {display:block;width:800px;font-family:"arno-pro",georgia,serif;font-size:1.5em;line-height:1.8em;text-align:justify;color: rgba(51,32,28,1);margin-bottom:1em;}

.expo-texte h2 {font-family: "jaf-bernino-sans-comp";font-weight:700;color:rgb(77,38,30);font-size:2.5em;margin:0 0 1em 0;}

.expo-texte div.zone-texte strong {font-family: "jaf-bernino-sans-comp";font-weight:700;color:rgb(77,38,30);font-size:1.1em;}

.expo-texte div.zone-texte a{color:rgb(77,38,30);background: rgba(187,99,72,0.1);border-radius: 5px;padding: 0.1em 0.3em;border: 1px solid rgba(187,99,72,0.1);text-decoration:none;}

.expo-texte div.zone-texte a:hover{color:rgb(77,38,30);background: rgba(187,99,72,0.19);border-radius: 5px;border: 1px solid rgba(187,99,72,0.5);padding: 0.1em 0.3em;text-decoration:none;}


nav {position:fixed;top:0;left:0;width:45px;height:100%;background: url(menu-fond.png) repeat-y;z-index:100;padding-top:18%;}

nav ul {display:block;list-style:none;margin:0;padding:0;width:45px;}



nav ul li{margin-top:0.3em;height:30px;width:45px;;font-family:"jaf-bernino-sans-comp",georgia,serif;font-size:1.5em;line-height:1em;

  background:rgb(77,38,30); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(50,50,50,0.5) , rgba(77,38,30, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(50,50,50,0.5) , rgba(77,38,30, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(50,50,50,0.5) , rgba(77,38,30, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, rgba(50,50,50,0.5) , rgba(77,38,30, 1)); /* Standard syntax */
  
 }

nav ul li:hover{

  background:rgb(77,38,30); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(156,66,55, 1), rgba(77,38,30, 1);); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(156,66,55, 1), rgba(77,38,30, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(156,66,55,1), rgba(77,38,30, 1) ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, rgba(156,66,55,1), rgba(77,38,30, 1) ); /* Standard syntax */
  
}

nav ul li.alterne{margin-top:0.3em;height:30px;width:45px;;font-family:"jaf-bernino-sans-comp",georgia,serif;font-size:1.5em;line-height:1em;

  background:rgb(77,38,30); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* Standard syntax */

  background: -webkit-linear-gradient(left, rgba(156,66,55, 1), rgba(77,38,30, 1);); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(156,66,55, 1), rgba(77,38,30, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(156,66,55,1), rgba(77,38,30, 1) ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(left, rgba(156,66,55,1), rgba(77,38,30, 1) ); /* Standard syntax */
  
 }

nav ul li.alterne:hover{

  background:rgb(77,38,30); /* For browsers that do not support gradients */
  
}

nav ul li a{display:block;text-decoration:none;color:#fff;opacity:1;padding-top:0em;}

nav ul li.icone-accueil{margin-top:0.3em;height:30px;width:45px;;font-family:"jaf-bernino-sans-comp",georgia,serif;font-size:1.5em;line-height:1em;background:transparent;; }
nav ul li.icone-accueil:hover{background:transparent; }

nav ul li.icone-accueil a{color: rgb(77,38,30);} 

nav ul li.icone-accueil a.intro{font-size:0.7em;font-weight:700;text-transform:uppercase;color: rgb(77,38,30);}

nav ul li.icone-accueil a:hover{color:  rgb(156,66,55);} 

.medias {display:block;width:100%;height:auto;margin: 2em 0;}

.medias .videos {width:1000px;height:450px;margin:0 auto;}

.medias .videos iframe{width:1000px;height:450px;}

.image-medium-conteneur {display:block;width:100%;max-height:1000px;float:none;z-index:40;

  background-image: url("loading.gif");
  background-position: center center;
  background-repeat: no-repeat;

}

.image-medium-conteneur .image{padding-left:45px;height:auto;max-height:800px;z-index:40;}

img.medium-image {width:800px;height:600px;z-index:40;}

.image-petite-conteneur {display:block;width:100%;max-height:500px;);z-index:40;

  background-image: url("loading.gif");
  background-position: center center;
  background-repeat: no-repeat;

}

.image-petite-conteneur .image{padding-left:45px;height:auto;max-height:500px;z-index:40;}

img.petite-image {width:400px;height:400px;z-index:40;}

.image-large-conteneur {display:block;width:100%;max-height:1000px;float:none;z-index:40;

  background-image: url("loading.gif");
  background-position: center center;
  background-repeat: no-repeat;

}
.legende {display:block;text-align:center;padding:0.5em 0 0 0;font-family:"arno-pro",georgia,serif;font-style:italic;font-size:1.1em;line-height:1.3em;background: rgba(255,252,243,0.5);border-top: 1px dotted rgb(225,225,225);border-bottom: 1px dotted rgb(225,225,225);float:none;height:2em;width:100%;z-index:50;margin:1em 0;}

.legende i{font-size:0.8;opacity: 0.7;padding-right:2em;}


.legende .zone-legende {padding: 0 5em;}

.image-large-conteneur .image{padding-left:45px;height:auto;max-height:800px;z-index:40;}

img.large-image {width:1000px;height:800px;z-index:40;}


.scrollup-container {display:block;position:fixed;right:5%;bottom:0;float:right;}
.scrollup-container a.scrollup {display:block;font-size:2em;color:rgb(255,255,255);padding:0 1em;

  background: -webkit-linear-gradient(top, rgba(77,38,30, 0.6), rgba(156,66,55, 0.6)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(77,38,30, 0.6), rgba(156,66,55, 0.6)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(77,38,30, 0.6), rgba(156,66,55, 0.6)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(top, rgba(77,38,30, 0.6), rgba(156,66,55, 0.6)); /* Standard syntax */
}

.scrollup-container a.scrollup:hover {

  background: -webkit-linear-gradient(top, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(top, rgba(77,38,30, 1), rgba(156,66,55, 1)); /* Standard syntax */
}



@media only screen and (max-width: 1099px) { 


	.expo-entete {display:block;position:absolute;top:0;left:0;width:100%;height:auto;background: url(entete-fd.png) center center repeat-x;z-index:200;}
	
	.expo-page {display:block;width:100%;height:100%;padding-top:7em;}

	.expo-logo {display:block;padding-top: 1em;}
	
	.expo-accueil-conteneur {margin-top: 15em;width:50%;margin: 0 25%;}
	
	
	h1 {font-family: "jaf-bernino-sans-comp",sans-serif;font-size:3.0em;line-height:1.1em;font-weight:400;color: rgba(156,66,55, 1);text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);margin-top:5}
	
	span.guerres {display:block;padding-top:0.2em;font-size:1.4em;color: rgb(77,38,30);text-transform:uppercase;font-weight:700;text-shadow: 2px 2px 2px rgba(255,255,255, 0.7);}


	.image-medium-conteneur {display:block;width:100%;max-height:1000px;float:none;z-index:40;}
	
	.image-medium-conteneur .image{padding-left:45px;height:auto;max-height:1000px;z-index:40;}
	
	img.medium-image {width:700px;height:700px;z-index:40;}
	
	.image-petite-conteneur {display:block;width:100%;max-height:500px;);z-index:40;
	
	  background: rgb(200,200,200); /* For browsers that do not support gradients */
	  background-image: url("loading.gif");
	  background-position: center center;
	  background-repeat: no-repeat;
	
	}

	.image-petite-conteneur .image{padding-left:45px;height:auto;max-height:500px;z-index:40;}
	
	img.petite-image {width:500px;height:500px;z-index:40;}

	.image-large-conteneur {display:block;width:100%;max-height:1000px;float:none;z-index:40;
	
	  background: rgb(200,200,200); /* For browsers that do not support gradients */
	  background-image: url("loading.gif");
	  background-position: center center;
	  background-repeat: no-repeat;
	
	}
	.legende {display:block;text-align:center;padding:0.5em 0 0 0;font-family:"arno-pro",georgia,serif;font-style:italic;font-size:1.1em;line-height:1.3em;background: rgba(255,252,243,0.5);border-top: 1px dotted rgb(225,225,225);border-bottom: 1px dotted rgb(225,225,225);float:none;height:2em;width:100%;z-index:50;margin:1em 0;}
	
	.legende .zone-legende {padding: 0 5em;}

	.image-large-conteneur .image{padding-left:45px;height:auto;max-height:800px;z-index:40;}
	
	img.large-image {width:900px;height:800px;z-index:40;}


	.expo-pdp {display:block;position:fixed;bottom:0;width:100%;background: #fff;height:4em;}
	
	.expo-pdp .logo-gc {height:50%;width:auto;padding-top:1em;}
	
	.expo-pdp .logo-gc img{height:100%;width:auto;}
	
	.expo-pdp-page {display:block;position:relative;bottom:0;width:100%;background: #fff;height:12em;}
	
	.expo-pdp-page .logo-gc {height:2.5em;width:auto;padding-top:1.5em;}
	
	.expo-pdp-page .logo-gc img{height:100%;width:auto;}
	
	
	.expo-pdp-page .logo-commanditaires {width:90%;margin:0 5%;height:4em;padding-top:1.5em;text-align:center;}
	
	.expo-pdp-page .logo-commanditaires ul{display:block;line-height:1em;height:3em;width:100%;margin: 1.5em 0 0 0;list-style:none;text-align:center;}
	
	.expo-pdp-page .logo-commanditaires ul li {display:inline;height:50px;width:15%;padding: 0 5%;float:left;}
	
	.expo-pdp-page .logo-commanditaires ul li img{height:auto;width:100%;}

	.expo-conteneur-texte {background: rgba(251,247,236,0.95);}
	
	.expo-texte {width:100%;padding: 5em 0;}
	
	.expo-texte div.zone-texte {display:block;width:80%;font-family:"arno-pro",georgia,serif;font-size:1.2em;line-height:1.5em;text-align:justify;color: rgba(51,32,28,1);margin-bottom:1em;}
	
	.expo-texte h2 {font-family: "jaf-bernino-sans-comp";font-weight:700;color:rgb(77,38,30);font-size:2.5em;margin:0 0 1em 0;}
	
	.expo-texte div.zone-texte strong {font-family: "jaf-bernino-sans-comp";font-weight:700;color:rgb(77,38,30);font-size:1.1em;}
	
	.expo-texte div.zone-texte a{color:rgb(77,38,30);background: rgba(187,99,72,0.1);border-radius: 5px;padding: 0.1em 0.3em;border: 1px solid rgba(187,99,72,0.1);text-decoration:none;}
	
	.expo-texte div.zone-texte a:hover{color:rgb(77,38,30);background: rgba(187,99,72,0.19);border-radius: 5px;border: 1px solid rgba(187,99,72,0.5);padding: 0.1em 0.3em;text-decoration:none;}

	.medias {display:block;width:100%;height:auto;margin: 2em 0;}

	.medias .videos {width:900px;height:450px;margin:0 auto;}
	
	.medias .videos iframe{width:900px;height:450px;}



}

@media only screen and (max-width:768px) { 

	nav {position:fixed;top:0;left:0;width:45px;height:100%;background: url(menu-fond.png) repeat-y;z-index:300;padding-top:1%;}


	.image-medium-conteneur {display:block;width:100%;max-height:400px;float:none;z-index:40;}
	
	.image-medium-conteneur .image{padding-left:45px;height:auto;max-height:400px;z-index:40;}
	
	img.medium-image {width:400px;height:400px;z-index:40;}
	
	.image-petite-conteneur {display:block;width:100%;max-height:300px;);z-index:40;
	
	  background: rgb(200,200,200); /* For browsers that do not support gradients */
	  background-image: url("loading.gif");
	  background-position: center center;
	  background-repeat: no-repeat;
	
	}

	.image-petite-conteneur .image{padding-left:45px;height:auto;max-height:300px;z-index:40;}
	
	img.petite-image {width:500px;height:300px;z-index:40;}

	.image-large-conteneur {display:block;width:100%;max-height:300px;float:none;z-index:40;
	
	  background: rgb(200,200,200); /* For browsers that do not support gradients */
	  background-image: url("loading.gif");
	  background-position: center center;
	  background-repeat: no-repeat;
	
	}
	.legende {display:block;text-align:center;padding:0.5em 0 0 0;font-family:"arno-pro",georgia,serif;font-style:italic;font-size:1.1em;line-height:1.3em;background: rgba(255,252,243,0.5);border-top: 1px dotted rgb(225,225,225);border-bottom: 1px dotted rgb(225,225,225);float:none;height:2em;width:100%;z-index:50;margin:1em 0;}
	
	.legende .zone-legende {padding: 0 5em;}

	.image-large-conteneur .image{padding-left:45px;height:auto;max-height:300px;z-index:40;}
	
	img.large-image {width:500px;height:300px;z-index:40;}
	
	.medias {display:block;width:100%;height:auto;margin: 2em 0;}

	.medias .videos {width:700px;height:350px;margin:0 auto;}
	
	.medias .videos iframe{width:700px;height:350px;}

	
}

@media only screen and (max-width:425px) { 

	.medias {display:block;width:100%;height:auto;margin: 2em 0;}

	.medias .videos {width:375px;height:250px;margin:0 auto;}
	
	.medias .videos iframe{width:375px;height:250px;}



}