/*
The font softwares linked herebelow are the
property of Swiss Typefaces Sarl.
You may not download the font softwares.
Purchase and licensing informations are
available at http://www.swisstypefaces.com/
licensing/
Copyright (C) Swiss Typefaces Sàrl
*/

@font-face {
  font-family: 'Simplon';
  src: url("../include/fontes/SimplonNorm-Regular-WebXL.eot");
  src: url("../include/fontes/SimplonNorm-Regular-WebXL.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Simplon';
  src: url("../include/fontes/SimplonNorm-Bold-WebXL.eot");
  src: url("../include/fontes/SimplonNorm-Bold-WebXL.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Simplon';
  src: url("../include/fontes/SimplonNorm-RegularItalic-WebXL.eot");
  src: url("../include/fontes/SimplonNorm-RegularItalic-WebXL.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'SimplonL';
  src: url("../include/fontes/SimplonNorm-Light-WebXL.eot");
  src: url("../include/fontes/SimplonNorm-Light-WebXL.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
	font-family:'Simplon',courier !important;
	font-size:13px;
	line-height:18px;
	color:#000000;
	outline:none;
	text-decoration:none;
	border-style:none;
	margin:0px;
	padding:0px;
}

body
{
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	overflow-y:scroll;
}


#left
{
	position:fixed;
	top:0px;
	left:0px;
	width:190px;
	height:100%;
	background-color:white;
}


/* les coins du site */

.homepage .corners {
	filter : alpha(opacity=0);
	opacity : 0;
	-webkit-transition-duration:400ms;transition-duration:400ms;
}

.homepage .corners.reduced {
	filter : alpha(opacity=100);
	opacity : 1;
	-webkit-transition-duration:400ms;transition-duration:400ms;
}


#left .margin {
	margin:12px;
	
}

#left .margin img {
	height:80px;
}

#left #ssmenu {
	margin-top:0px;
	max-height:calc(100vh - 250px);
	overflow:scroll;
    -ms-overflow-style: none;
	
}
#left #ssmenu::-webkit-scrollbar {
  display: none;
}

#left #ssmenu .titre {
	text-transform:uppercase;
	font-weight:bold;
	margin-top:22px;
}

#left #ssmenu a.news {font-weight:bold;margin-left:15px;position:relative;}
#left #ssmenu a.news:before {content:"\2013";position:absolute;top:2px;left:-15px;font-weight:normal;}
#left #ssmenu a.news .stitre {font-weight:normal;}


#left #ssmenu a {
	display:block;
	line-height:15px;
	margin-top:6px;
}

#left #ssmenu a:hover, #left #ssmenu a.current  {
	font-weight:bold;
}

#bottom {
	-webkit-transform-origin: 0 50%;
       -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
         -o-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
       -moz-transform: rotate(-90deg) translate(-50%, 50%);
        -ms-transform: rotate(-90deg) translate(-50%, 50%);
         -o-transform: rotate(-90deg) translate(-50%, 50%);
            transform: rotate(-90deg) translate(-50%, 50%);
	position:fixed;
	bottom:12px;
	left:12px;
}

#bottom a {
	display:block;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-left:20px;
}

#langues {
	position:fixed;
	right:12px;
	top:12px;
}

#langues .margin a  {
	font-size:14px;
	font-weight:bold;
}


#sociaux {
	position:fixed;
	right:12px;
	bottom:12px;
}



/* topmenu */

#top {
	position:fixed;
	width:744px;
	left:50%;
	left:50vw;
	margin-left:-372px;
	top:0px;
	height:96px;
	background-color:white;
	z-index:100000000000;
	
}

#top .margin {
	margin-top:72px;
	height:24px;
	line-height:22px;
	border-bottom-style:solid;
	border-bottom-color:black;
	border-width:1px;
	width:744px;
	text-align:justify;
	overflow:hidden;
}

#top .margin a  {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.homepage #top {
	position:absolute;
	height:249px;
	text-align:center;
	-webkit-transition-duration:400ms;transition-duration:50ms;
}



.homepage #top img {
	display:block;
	position:absolute;
	height:132px;
	width:auto;
	top:38px;
	left:50%;
	margin-left:-120px;
}

.homepage #top .margin {
	margin-top:220px;
}

.homepage #top.reduced {
	height:96px;
	-webkit-transition-duration:400ms;transition-duration:400ms;
}

.homepage #top.reduced img {
	opacity:0;
	-webkit-transition-duration:200ms;transition-duration:200ms;
}

#top .margin a:first-child {
	padding-left:0px;
}



/* contenu */

#contenu1 {
	position:relative;
	margin-left:calc(50% - 372px);
	margin-left:calc(50vw - 372px);
	margin-top:120px;
	margin-bottom:40px;
	width:4000px;
}

.homepage #contenu1 {
	margin-top:273px;
}

#contenu1 #titreactu {
	position:fixed;
	left:190px;
	top:400px;
	font-size:72px;
	line-height:72px;
}

#contenu1 .margin {
	margin-top:0px;
	margin-bottom:24px;
	float:left;
	width:744px;
	margin-right:47px;
}

#contenu1 #c2 {
	position:absolute;
	top:0px;
	left:70%;
	left:70vw;
	left:calc(50vw + 280px);
}

#contenu1 #c2 img.large {
	display:block;
}

#contenu1 #c2.actus {
	width:408px;
}

#contenu1 h1 {
	font-size:68px;
	line-height:66px;
	text-transform:uppercase;
	margin-top:12px;
	margin-bottom:4px;
}

#contenu1 h2 {
	font-size:18px;
	text-transform:uppercase;
	font-family:'SimplonL';
	font-weight:normal;
	margin-bottom:24px;
}
#contenu1 h2.big {
	font-size:36px;
	}
#contenu1 h2.bold {
	font-weight:bold;
}

#contenu1 h2 span.date {
	display:block;
	margin-top:0px;
	font-size:11px;
	font-weight:bold;
	font-family:'Simplon';
	
}

#contenu1 h2 span.place {
	margin-top:0px;
	font-size:11px;
	font-family:'SimplonL';	
	font-weight:normal;
	text-transform:none;
}

#contenu1 h3 {
	margin-top:0px;
	margin-bottom:24px;
	font-size:24px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
}


#contenu1 h4 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:12px;
	text-transform:none;
	font-weight:normal;
	font-weight:bold;
}


#contenu1 h4 span.date {
	display:block;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:14px;
}


#contenu1 .images {
	float:left;
	width:408px;
	margin-right:24px;
}

#contenu1 .colonne {
	width:240px;
	float:left;
	margin-right:12px;
}

#contenu1 .colonne3 {
	margin-right:0px;
}

#contenu1 .texte_expo {
	width:408px;
	display:block;
	filter : alpha(opacity=0);
	opacity : 0;


}

#contenu1 .texte_expo.visible {
	filter : alpha(opacity=100);
	opacity : 1;
		-webkit-transition-duration:2000ms;transition-duration:2000ms;

}

#contenu1 .texte_expo h1, #contenu1 .texte_expo h2, #contenu1 .texte_expo h3, #contenu1 .texte_expo h4 {
	margin-top:18px;
	margin-bottom:18px;
	font-size:13px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:bold;
}

#contenu1 .colonne h1, #contenu1 .colonne h2, #contenu1 .colonne h3, #contenu1 .colonne h4 {
	margin-top:0px;
	margin-bottom:24px;
	font-size:24px;
	line-height:24px;
	text-transform:uppercase;
	font-weight:bold;
}

#contenu1 .texte_expo h2, #contenu1 .colonne h2 {
	margin-bottom:0px;
}

/* contenu sidebar */

#contenu1 .infos_pratiques {
	display:block;
	filter : alpha(opacity=0);
	opacity : 0;
	float:right;
	width:240px;
	border-bottom-style:solid;
	border-width:1px;
	margin-top:-10px;
	padding-bottom:10px;
	overflow:hidden;
	margin-bottom:1em;
}

#contenu1 .infos_pratiques.visible {
	filter : alpha(opacity=100);
	opacity : 1;
	-webkit-transition-duration:2000ms;transition-duration:2000ms;
}

#contenu1 .infos_pratiques a {
	text-decoration:underline;
}



#contenu1 .infos_pratiques .element h5 {
	margin-top:10px;
	padding-top:10px;
	margin-bottom:0px;
	font-size:13px;
	text-transform:uppercase;
	border-top-style:solid;
	border-width:1px;
	width:240px;
}

div.clear {
	clear:both;
}


/* carousels */

#carousel_wrap {
	width:744px;
	height:340px;
	overflow:hidden;
}

.carousel_wrap2 {
	position:relative;
	width:744px;
	height:156px;
}


#contenu1 .news-preview {
	float:left;
	margin-right:12px;
	width:240px;
	margin-bottom:30px;
}

#contenu1 .news-preview img {
	max-width:100%;
	margin-bottom:8px;
}

#contenu1 .news-preview h3 {
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	margin-top:0px;
}

#contenu1 .news-preview h4 {
	font-weight:bold;
	font-size:11px;
	margin-top:0px;
	margin-bottom:8px;
}

#contenu1 .news-preview h4 .date {
	font-weight:normal;
	font-size:11px;
}



span.overlay_next {
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: 3;
	margin-top:152px;
	margin-left:711px;
	display: none;
}

.jcarousel-next {
	display:none;
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: 30;
	top:60px;
	right:0px;
}

.jcarousel-prev {
	display:none;
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: 30;
	top:60px;
	left:0px;
}




li.jcarousel-item {
    margin-right: 12px;
    position: relative;
    width: auto;
}

.jcarousel-item span.caption {
	display: none;
}

.jcarousel-item .caption_main {
	display: none;
	position: absolute;
	bottom: 0;
	background-image:url(../img/trsp.png);
	width: 100%;
	padding:5px;
	padding-bottom:12px;
}

.caption_main span.legende {
	display: block;
}

.caption_main span.credit {
	color: black;
	margin-top: 2px;
	display: block;
	font: 10px;
}



/* listes des expos */

.listeexpos {
	width:760px;
}

.listeexpos .annee {
	display:none;
}

.anneeb.active {
	font-weight:bold !important;
	font-size: 24px !important;
}

h1.listeexpos {
	font-size:24px !important;
	line-height:28px !important;
	margin-bottom:4px !important;
	margin-top:24px !important;
}

h1.listeexpos div.archives {
	display:inline;
}


h1.listeexpos div.archives a {
	display:inline-block;
	margin-left:54px;
	font-size:13px;
	font-weight:normal;
}

.listeexpos a.expos {
	position:relative;
	display:inline-block;
	width:240px;
	height:156px;
	margin-right:10px;
	overflow:hidden;
}

.listeexpos a.expos div.bg {
	display:none;
}

.listeexpos a.expos:hover div.bg {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	width:240px;
	height:156px;
	background-image:url(../img/trsp.png);
}

.listeexpos a.expos:hover div.bg div.marginn {
	position:absolute;
	bottom:6px;
	left:6px;
	height:auto;
	color:black;
	font-weight:bold;
	font-size:11px !important;
	line-height:15px !important;
}

.listeexpos a.expos:hover div.bg div.marginn * {
	color:black;
	margin:0px !important;
	font-size:14px !important;
	line-height:15px !important;
}


.listeexpos li.jcarousel-item {
	margin-right:3px;
}


.carousel li {
	list-style:none;
}


/* partenaires */

.partenaires {
	width:744px;
}

.partenaires a {
	position:relative;
	display:inline-block;
	margin-right:30px;
	margin-top:10px;
	height:70px;
	overflow:hidden;
}

.partenaires a img {
	display:block;
}

.texte_expo ul li, .colonne ul li {
	list-style-position:inside;
	list-style-type:none;
}

.colonne h6 a {display:inline-block;background-color:#A6FFA6;padding:4px 8px ;margin:10px 0}

.texte_expo ul li:before, .colonne ul li:before {
	content:"— ";
}

ol li {
	list-style-position:inside;
}


.addthis_toolbox {
	margin-top:8px;
}



/* petits ecrans - pas tout le responsive */

@media screen and (max-width: 1100px) {
#left
{
	width:130px;
}
#top .margin a {
	padding-left:26px;
}
}

@media screen and (max-height: 800px) {

.homepage #c2 {
	display:none;
}
}



.sib-container {padding:0px !important;}
.sib-container .row, #sib_embed_signup {padding-left:0px !important;padding-right:0px !important;}

.sib-container input[type=text] {border:solid 1px black !important;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;padding:2px !important;}


/* mise a jour newsletter */

form.newsletter {
	width:90vw;
	max-width:600px;
}

form.newsletter label {
	display:block;
	margin-top:1em;
}
form.newsletter input[type=text], form.newsletter input[type=email], input.submit{
	border:solid 1px black;
	width:100%;
	padding:2px;
}
input.submit {width:auto;padding:2px 4px;cursor:pointer;margin-top:1em;}
form.newsletter input[type=radio], form.newsletter input[type=checkbox] {
	display:inline-block;
	margin-right:6px;
}

label.h4 {font-size: 12px;line-height: 12px;font-weight: bold;}

.ctasection a.cta {
	display:block;
	width:664px;
	max-width:calc(100% - 20px);
	padding:40px;
	text-align:center;
	background-color:#A6FFA6;
	margin-bottom:60px;
}

#contenu1 .ctasection a.cta h2 {font-size: 36px;font-weight:bold;margin:0px;line-height:100%;}
#contenu1 .ctasection a.cta h4 {font-size: 18px;text-transform: uppercase;margin:0px;line-height:100%;}

/* media queries mobiles */
@media screen and (max-width: 800px) {
#contenu1 {
    position: relative;
    margin-left:5vw;
    margin-top: 5vw;
    margin-bottom: 40px;
    width:90vw;
}

	.ctasection a.cta {padding:10px;max-width:calc(100% - 20px);}
	#contenu1 .ctasection a.cta h2 {font-size:22px;}
#contenu1 .ctasection a.cta h4 {font-size: 12px;}
}