/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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.5em;
}
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;
	width:100%;
	margin:0;
	
}
img{
  max-width:100%;
}

.menu_mob{
	display:none;
}

.big{
	font-size:1.5em;
}
.normal{
  font-family:GT-Pressura-Light, arial, sans serif;
}
.italic{
  font-style:italic;
	color:black;
}
.bold{
  font-family:GarageGothicBold, arial black, sans serif;
}
.bold2{
  font-family:GarageGothicBold, arial black, sans serif;
	font-size:0.8em;
}
.impact{
  font-family:GarageGothicBold, arial black, sans serif;
}
.ab{
  font-family:Arial black, arial, sans serif;
}


body{
  margin:0;
  padding:0;
  font-family:GT-Pressura-Light, arial, sans serif;
  font-size:1.1em;
  font-weight:normal;
  text-align:left;
  color:black;
  line-height:1.6em;
  background:white;
}

/* Généralités : TITRES */



/* H1 titre ... */
h1 {
  font-family:GarageGothicBold, arial black, sans serif;
  font-size:3em;
	line-height:1em;
  text-align:left;
  font-weight:normal;
  padding:0;
  margin:0;
	letter-spacing:0.5px;
  }

/* H2 titre de page */

h2 {
  font-family:GarageGothicBold, arial black, sans serif;
  font-size:2.7em;
	line-height:1em;
  text-align:left;
  font-weight:normal;
  padding:0;
  margin:0.3em 0 0.3em 0;
	letter-spacing:0.5px;
}   

/* H3 */

h3 {
  font-family:GarageGothicBold, arial black, sans serif;
  font-size:2em;
	line-height:1em;
  text-align:left;
  font-weight:normal;
  padding:0;
  margin:0;
	letter-spacing:0.5px;
}   

/* H4*/

h4 {
  font-size:1.6em;
	line-height:1.2em;
  font-family:GarageGothicBold, arial black, sans serif;
  text-align:left;
  font-weight:normal;
  padding:0;
  margin:0;
}   

/* H5*/

h5 {
  font-size:1.3em;
  font-family:GarageGothicBold, Arial black, sans serif;
  text-align:center;
  padding:0;
  margin:0;
}   

/* H6 */

h6 {
  font-size:1em;
  font-family:GT-Pressura-Light, arial, sans serif;
		line-height:1em;
  text-align:left;
  font-weight:normal;
  padding:0;
  margin:0;
}

/* Généralités : LIENS */
 
ul {
  list-style-type:none;
}

a {
  font-family:GarageGothicBold, arial black, sans serif;
  padding:0;
  margin:0;
  color:black;
  }

a:hover{ 
  font-family:GarageGothicBold, arial black, sans serif;
  text-decoration:underline;
  padding:0;
  margin:0;
 }
a.clic_rouge{
	display:inline-block;
	width:auto;
	height:auto;
	cursor:pointer;
	border:none;
	background:#bd1127;
	color:white;
	margin:15px 0 5px 0;
	padding:0.5em 2em;
	font-family:GarageGothicBold, arial black, sans serif;
	line-height:0.9em;
	text-decoration:none;
}
a.clic_rouge:hover{
	display:inline-block;
	width:auto;
	height:auto;
	background:black;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	color:white;
	margin:15px 0 5px 0;
	padding:0.5em 2em;
	line-height:0.9em;
	text-decoration:none;
}

a img {
  border:none;
}

a img:hover{
  opacity:0.5;
}

  .bleu {
  color:#af1e34;
 }
.bleu_g {
  color: #af1e34;
	font-family:GarageGothicBold, arial black, sans serif;
}
 .vert {
  color: #b75b44;
 }
 .vert_g {
  color: #b75b44;
	font-family:GarageGothicBold, arial black, sans serif;
}
.violet {
  color: #d34247;
 }
 .violet_g {
  color: #d34247;
	font-family:GarageGothicBold, arial black, sans serif;
}

.orange {
  color: #e96724;
 }
 .orange_g {
  color: #e96724;
	font-family:GarageGothicBold, arial black, sans serif;
}
.rouille {
  color: #bd9d77;
 }
 .rouille_g {
  color: #bd9d77;
	font-family:GarageGothicBold, arial black, sans serif;
}
.rouge {
  color: #9d1c2e;
 }
 .rouge_g {
  color: #9d1c2e;
	font-family:GarageGothicBold, arial black, sans serif;
}
.rose {
  color: #e8428f;
 }
 .rose_g {
  color: #e8428f;
	font-family:GarageGothicBold, arial black, sans serif;
}
.taupe {
  color: #80766a;
 }
 .taupe_g {
  color: #80766a;
	font-family:GarageGothicBold, arial black, sans serif;
}
.anthra{
  color:#434343;
  }
.black{
  color:black;
  }
.black_g {
  color:black;
	font-family:GarageGothicBold, arial black, sans serif;
} 
.white{
  color:white;
  }

.white_g{
  color:white;
	font-family:GarageGothicBold, arial black, sans serif;
	}

input, textarea, select{
  font-weight:normal;
  font-size:0.9em;
	font-family:GT-Pressura-Light, arial, sans serif;
	border:1px solid #CCC;
	border-radius:10px;
	padding-left:5px;
}
input{
  width:70%;
  height:2.2em;
}
input[type="file"]{
	border:none;
}
select{
  height:2.5em;
}
textarea{
  width:90%;
  }


submit {
  border:none;
  
}
input.sub {
	cursor:pointer;
	width:4em;
	border:none;
	background:#d0bf2b;
	background-image:linear-gradient(bottom, #434343 0%, #ffffff 52%);
	background-image:-moz-linear-gradient(bottom, #434343 0%, #ffffff 52%);
	background-image:-webkit-linear-gradient(bottom, #434343 0%, #ffffff 52%);
	color:#000;
	margin:0;
	padding:10px;
	border-radius:10px;
	height:2.5em;
}

input.sub:hover {
	background-image:linear-gradient(bottom, #ec1631 0%, #fba1ad 52%);
	background-image:-moz-linear-gradient(bottom, #ec1631 0%, #fba1ad 52%);
	background-image:-webkit-linear-gradient(bottom, #ec1631 0%, #fba1ad 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	color:#000;
	margin:0;
	padding:10px;
	border-radius:10px;
	height:2.5em;
}
/* Tableaux */
  

td {
  vertical-align:top;
  text-align:left;
  padding:2px;
}

th {
  vertical-align:top;
  padding:2px;
  text-align:left;
  font-weight:normal;
  font-size:1em;
  color:#40535e;
}

.form {
  border-collapse:collapse;
}

.form th, .form td {
  border:#40535e solid 1px;
  vertical-align:middle;
  text-align:center;
  font-size:0.9em;
  line-height:1.1em;
  padding:5px;
  font-weight:normal;
  color:#40535e;
  font-family:GT-Pressura-Light, arial, sans serif;
}

.duo_admin1 .form{
	max-width:98%;
}


.admin {
  margin:0;
  line-height:1.5em;
  font-family:GT-Pressura-Light, arial, sans serif;
}
.admin td {
  vertical-align:middle;
  text-align:left;
  padding:0 0 20px 0;
  margin:0;
	font-family:GarageGothicBold, arial black, sans serif;
}

.admin th {
  vertical-align:top;
  text-align:left;
  font-weight:bold;
  padding:0 10px 0 0;
  margin:0;
  font-size:1em;
	font-family:GarageGothicBold, arial black, sans serif;
}
.admin td img.visuel{
	float:left;
	margin:0 10px 0 0;
	width:80px;
  }
.admin td iframe{
	float:left;
	margin:0 10px 0 0;
	width:300px;
	height:120px;
  }
	.admin td img.visuel2{
	float:left;
	margin:0 10px 0 0;
	width:50px;
  }
.drapo{
	float:left;
	margin:0 10px 0 0;
	width:20px;
}




/* PAGES */
                                                                                                                                                
#page_egb{                                                                                                                                       
  position:relative;
  width:100%;
  margin:auto;                                                                                                                        
  height:auto;
	overflow:hidden;
}

#pageadm_egb{                                                                                                                                       
  position:relative;
  width:100%;
  margin:auto;                                                                                                                        
  height:auto;
}

#contenu_egb{
  width:100%;
  height:auto;
  margin:0;
	padding:0%;
}

.separation{
	width:100%;
	text-align:center;
	margin:4em 0 4em 0;
}

.separation img{
	width:50%;
}
#hd_egb{
	position:absolute;
	top:0;
	height:0;
	width:100%;
	height:auto;
}

#logo_egb{
	position:absolute;
	top:0;
	left:0;
	width:12%;
	height:auto;
	padding:1%;
	vertical-align:top;
	z-index: 200;
}

#menu_egb{
	display:inline-block;
	width:100%;
	height:auto;
	padding:1% 0 0 0;
	vertical-align:top;
	text-align:center;
	z-index:10;
}

#menu_egb2{
	display:inline-block;
	width:100%;
	height:auto;
	padding:1% 0 0 0;
	vertical-align:top;
	text-align:center;
	z-index:10;
}

#menu_egb2 img{
	width:80%;
}

#flags_egb{
	position:absolute;
	left:88%;
	top:1em;
	width:10%;
	height:5em;
	padding:1%;
	vertical-align:top;
	text-align:right;
	z-index:300;
}

.item_flag, .item_flag_s{
	display:inline-block;
	width:18%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}

.item_flag img, .item_flag_s img{
	width:100%;
	margin:0;
	padding:0;
}
.item_flag_s img{
	opacity:0.3;
	}
	
#diaporama_acc{
	display:block;
	width:100%;
	height:auto;
	z-index:15;
	vertical-align:top;
}

#diaporama_acc img{
	width:100%;
	height:auto;
}
#diaporama_acc iframe{
	width:100%;
	min-height:600px;
}

#contenu_haut{
	position:relative;
  width:100%;
  height:auto;
  margin:0;
	padding:0;
  border:none;
}

#diaporama_egb{
	display:inline-block;
	position:relative;
	width:60%;
	height:auto;
	z-index:70;
	margin-right:5%;
}
#diaporama_egb img, #diaporama_egb iframe{
  width:100%;
  height:auto;
	padding:0;
	margin:0;
  border:none;
  }
#diaporama_egb iframe{
	min-height:600px;
}
#developpement{
	display:inline-block;
  position:relative;
	width:33%;
	height:auto;
	margin:9em 0 0 0;
  padding:0;
	color:white;
	vertical-align:top;
}

.desc_salle{
	width:110%;
	height:100%;
	text-align:left;
	color:white;
  margin-left:-10%;
	line-height:1.2em;
}
.citation_vis{
	font-style:italic;
	font-size:1.1em;
	line-height:1.2em;
}
.no_vis{
	position:absolute;
	left:79%;
	width:20%;
	top:74%;
	text-align:right;
	font-family:GarageGothicBold, Arial black, serif;
	color:white;
  font-size:15em;
}

.desc_expo{
	display:inline-block;
	max-width:60%;
	height:100%;
	text-align:left;
	color:white;
  margin-left:-10%;
	margin-right:5%;
	line-height:1.2em;
}
.illus_expo{
	display:inline-block;
	width:40%;
	text-align:right;
}

#bordure{
	display:block;
	position:absolute;
	top:0;
	left:55.1%;
	width:5%;
	height:auto;
	z-index:70;
  margin:0;
  padding:0;
  border:none;
}

#dechirure2{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	z-index:1000;
  border:none;
  padding:0;
  margin:0;
}

#dechirure2 img{
	display:block;
  border:none;
  padding:0;
  margin:0;
}

#dechirure3{
	display:block;
	position:absolute;
	top:57%;
	left:0;
	width:100%;
	height:auto;
	min-height:2em;
	z-index:200;
}

.btn-load-more {
  width:100%;
  height:61px;
  background:url('../template_egb/admin_create.png') no-repeat center top;
	border:none;
	outline:0;
		
}

.btn-load-more:hover{
	opacity:0.5;
	border:none;
	}

#contenu_titre{
  position:relative;
  width:100%;
  height:auto;
  padding:0%;
  margin-top:0;
  z-index:4000;
}
#contenu_titre_acc{
  position:relative;
  width:100%;
  height:auto;
  padding:0;
  z-index:400;
  background:#d34247;
}
#titre_page{
	display:inline-block;
	width:28%;
	height:auto;
	margin-left:34%;
	margin-right:27%;
	padding-bottom:3em;
	vertical-align:top;
}
#titre_page_vis{
	display:inline-block;
	width:28%;
	height:auto;
	margin-left:34%;
	margin-right:27%;
	vertical-align:top;
	z-index:700;
}
#contenu_autre{
	position:relative;
   width:100%;
	height:auto;
	padding:0;
	z-index:9770;
	margin-top:-12em;
	margin-bottom:5em;
	vertical-align:top;
}
#elements{
	display:inline-block;
	position:relative;
	width:20%;
	height:auto;
	min-height:14em;
	margin-left:12%;
	margin-right:0;
	padding:0;
	text-align:right;
	vertical-align:top;
}
.filtre_element{
	width:100%;
	position:absolute;
	top:0;
	padding:0;
	margin:-2em 0 0 0;
}
.filtre_element h3{
	text-align:right;
}
.filtre_element select{
	width:95%;
	height:4em;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:3px solid #d34247;
	background:#FFF;
	margin:0 0 5px;
	padding:15px;
	border-radius:5px;
	color:#d34247;
	font-family:GarageGothicBold, Arial black, serif;
}

.inside_element{
	width:100%;
	position:absolute;
	bottom:0;
	padding:0;
	margin:0;
}
.item_bleu{
	width:96%;
	height:auto;
	padding:2%;
	border-top:#af1e34 solid 6px;
}
.item_violet{
	width:96%;
	height:auto;
	padding:2%;
	border-top:#d34247 solid 6px;
}

.item_taupe{
	width:96%;
	height:auto;
	padding:2%;
	border-top:#80766a solid 6px;
}

.item_vert{
	width:96%;
	height:auto;
	padding:2%;
	border-top:#b75b44 solid 6px;
}
.item_rose{
	width:96%;
	height:auto;
	padding:2%;
	border-top:#e8428f solid 6px;
}
.item_bleu a:hover, .item_violet a:hover, .item_taupe a:hover, .item_vert a:hover, .item_rose a:hover{
	color:black;
	text-decoration:none;
}

.item_bleu a{
	color:#af1e34;
	text-decoration:none;
}
.item_violet a{
	color:#d34247;
	text-decoration:none;
}

.item_taupe a{
	color:#80766a;
	text-decoration:none;
}
.item_vert a{
	color:#b75b44;
	text-decoration:none;
}
.item_rose a{
	color:#e8428f;
	text-decoration:none;
}
#video_egb{
	display:inline-block;
	width:30%;
	height:20em;
	margin-left:32%;
	margin-right:0;
	vertical-align:top;
}
#video_egb iframe{
	width:100%;
	height:19em;
}
#agenda_cont{
	display:inline-block;
	width:9%;
	height:15em;
	padding:0 1% 0 0;
	text-align:right;
	z-index:999;
	vertical-align:top;
	margin-top:6em;
}

#agenda{
	width:auto;
	height:auto;
}
#agenda img{
	width:70%;
}


#titre_adm{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:2em;
}
.titre_menu{
	display:block;
	width:100%;
	height:auto;
	padding:0;
	background:white;
	z-index:7000;

}
.titre_menu img{
	width:90%;
	height:auto;
	padding:1em 5% 1em 5%;
}
.titre_sousmenu{
	width:96%;
	padding:1.2em 2% 2% 2%;
}
.titre_sousmenu h3{
	text-align:center;
	color:white;
}
.titre_contenu{
	width:90%;
	padding:5%;
	color:white;
}
.titre_contenu iframe{
	width:100%;
	height:19em;
}

.citation{
	width:96%;
	margin:1.5em 0 1.5em 0;
	text-align:center;
	font-family:Dulcelin, Lemon tuesday, arial, serif;
	font-size:3em;
	font-style:italic;
	color:#bcbbbb;
	padding:2%;
}

#liste_actus, #liste_plan{
	display:inline-block;
	width:90%;
	margin-left:5%;
	height:auto;
	text-align:center;
}

#liste_plan h3{
	text-align:center;
	}

.banniere{
	width:90%;
	margin-left:5%;
	height:auto;
	text-align:left;
}

.titre_banniere{
	display:inline-block;
	width:79%;
	text-align:left;
	vertical-align:top;
}

.titre_banniere2{
	display:inline-block;
	width:79%;
	text-align:left;
	vertical-align:top;
	padding-left:5%;
}

/* AGENDA */
.picto_agenda{
	display:inline-block;
	width:20%;
	text-align:right;
	margin-top:2em;
}
.picto_agenda img{
	width:100px;
}

.contenu_agenda{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border:0;
	line-height:0.5em;
}
.illus_agenda{
	display:inline-block;
	width:45%;
	text-align:left;
	margin:0;
	padding:0;
}
.resume_agenda{
	display:inline-block;
	width:52%;
	text-align:left;
	margin:0;
	padding:1% 1% 0 1%;
	color:white;
	vertical-align:top;
	line-height:1.5em;
	font-family:GT-Pressura-Light, arial, sans serif;
}

.resume_agenda h1, .resume_agenda h2, .resume_agenda h3{
	color:white;
}

/*ACTUS*/

.contenu_actu{
	width:90%;
	height:auto;
	padding:0;
	margin:0 0 0 5%;
	border:0;
	line-height:0.5em;
	text-align:center;
}
.illus_actu0 {
  display:inline-block;
	position:relative;
	width:32%;
	text-align:left;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	line-height:0.7em;
}
.illus_actu, .illus_actu2{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.illus_actu2{
	box-shadow:inset 100em 100em rgba(123,108,172,0.8);
}
.illus_actu2 img{
	opacity:0.2;
}
.titre_actu{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:white;
	color:#d34247;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_actu2{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}


div.lm {
  display:none;
	float:left;
	width:32%;
	text-align:left;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	line-height:0.7em;
}
#loadMore {
    padding: 10px;
    text-align: center;
    background-color: #af1e34;
    color: white;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMore:hover {
    background-color: black;
    color: white;
}
#loadMore{
	text-decoration:none;
}

/*AGENDA */

.item_agenda{
	display:inline-block;
	width:46%;
	padding:0;
	margin:2%;
	vertical-align:top;
	line-height:0.7em;
}
.illus_age, .illus_age2{
	width:100%;
	padding:0;
	margin:0;
}
.illus_age2{
	box-shadow:inset 100em 100em rgba(128,118,106,0.8);
}
.illus_age2 img{
	opacity:0.2;
	margin:0;
	border:none;
}
.illus_age img{
	margin:0;
	border:none;
}
.titre_age{
	width:70%;
	min-height:5em;
	text-align:right;
	margin:0;
	padding:2%;
	background:#80766a;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
  font-family:GarageGothicBold, arial black, sans serif;
	vertical-align:middle;
}

.titre_age2{
	width:70%;
	min-height:5em;
	text-align:right;
	margin:0 0 0 26%;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
  font-family:GarageGothicBold, arial black, sans serif;
	vertical-align:middle;
}

.titre_age3{
	width:70%;
	min-height:5em;
	text-align:left;
	margin:0;
	padding:2%;
	background:#80766a;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
  font-family:GarageGothicBold, arial black, sans serif;
	vertical-align:middle;
}

.titre_age4{
	width:70%;
	min-height:5em;
	text-align:left;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
  font-family:GarageGothicBold, arial black, sans serif;
	vertical-align:middle;
}

/*EXPOS*/

/* EXPOS EN PAGE ACCUEIL */

.banniere2{
	width:100%;
	margin-left:0;
	padding:0;
	height:auto;
}
.bg_expo{
	width:100%;
	height:25em;
	padding:0;
	background:#af1e34;
}

.contenu_expo{
	width:90%;
	height:auto;
	padding:0 5% 0 5%;
	margin-left:0;
	margin-top:-25em;
}

.illus_expo{
	display:inline-block;
	position:relative;
	width:29%;
	text-align:center;
	vertical-align:top;
	margin:0 2% 0 2%;
	padding:0;
}
.titre_expo{
	position:absolute;
	bottom:0;
	left:0;
	width:94%;
	text-align:center;
	margin:0;
	padding:3%;
	background:#af1e34;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

/* EXPOS EN PAGE EXPOS */
#reservation{
	width:66%;
	height:auto;
	margin-left:16.5%;
	text-align:center;
}
.formulaire_resa{
	display:inline-block;
	width:48.5%;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	text-align:left;
	line-height:1em;
	vertical-align:top;
}
.calendrier_resa{
	display:inline-block;
	width:48.5%;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	text-align:center;
	line-height:1em;
	vertical-align:top;
}
.formulaire_resa h3, .calendrier_resa h3{
	text-align:center;
}
#liste_expos{
	width:66%;
	height:auto;
	margin-left:16.5%;
	text-align:center;
}
.illus_itinerante, .illus_itinerante2{
	display:inline-block;
	width:49%;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	text-align:left;
	line-height:0.7em;
}
.illus_itinerante2{
	box-shadow:inset 100em 100em rgba(118,177,227,0.8);
}
.illus_itinerante2 img{
	opacity:0.2;
}
.titre_itinerante{
	width:96%;
	min-height:2.2em;
	text-align:center;
	margin:0;
	padding:2%;
	background:#af1e34;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_itinerante2{
	width:96%;
	min-height:2.2em;
	text-align:center;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.legende_calendar, .legende_calendar h4{
  text-align:center;
}
.expo_libre{
  width:40%;
  height:auto;
  padding:2.5%;
  color:black;
  font-weight:bold;
  background:#EFF4F9;
  border:#a6a6a6 solid 1px;
  margin-left:25%;
}
.expo_reservee{
  width:40%;
  height:auto;
  padding:2.5%;
  color:white;
  background:#a6a6a6;
  font-weight:bold;
  border:#a6a6a6 solid 1px;
  margin-left:25%;
}

/* ARCHIVES EXPOS */

#liste_expos2{
	width:90%;
	height:auto;
	margin-left:5%;
	text-align:center;
}
.illus_itinerante3, .illus_itinerante4{
	display:inline-block;
	width:19%;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	text-align:center;
	line-height:0.7em;
}
.illus_itinerante4{
	box-shadow:inset 100em 100em rgba(118,177,227,0.8);
}
.illus_itinerante4 img{
	opacity:0.2;
}

/* LISTE DECOUVRIR (JEUNE PUBLIC, BOUTIQUE) */

.illus_decou, .illus_decou2{
	display:inline-block;
	position:relative;
	width:32%;
	text-align:left;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	line-height:0.7em;
}
.illus_decou2{
	box-shadow:inset 100em 100em rgba(118,177,227,0.8);
}
.illus_decou2 img{
	opacity:0.2;
}
.titre_decou{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:white;
	color:#af1e34;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_decou2{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}


/* LISTE RESSOURCES (ESPACE PRESSE) */

.illus_ressou, .illus_ressou2{
	display:inline-block;
	position:relative;
	width:19%;
	text-align:left;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	line-height:0.7em;
}
.illus_ressou2{
	box-shadow:inset 100em 100em rgba(160,165,68,0.8);
}
.illus_ressou2 img{
	opacity:0.2;
}
.titre_ressou{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:white;
	color:#b75b44;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_ressou2{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_info{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:#e8428f;
	color:white;
	font-size:1.5em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}
/* VISITE GUIDEE */
#plan_musee{
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
#plan_musee img.plan{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
#plan_musee2{
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
#plan_musee2 img.plan{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
#salle1{
	position:absolute;
	top:59%;
	left:5.29%;
	width:15.65%;
	height:auto;
}

#salle2{
	position:absolute;
	top:18%;
	left:5.29%;
	width:10.18%;
	height:auto;
}

#salle3{
	position:absolute;
	top:8.5%;
	left:11.76%;
	width:8.82%;
	height:auto;
}
#salle4{
	position:absolute;
	top:6%;
	left:21.17%;
	width:7.06%;
	height:auto;
}
#salle5{
	position:absolute;
	top:11%;
	left:29.41%;
	width:12.35%;
	height:auto;
}
#salle6{
	position:absolute;
	top:17.5%;
	left:45%;
	width:14.41%;
	height:auto;
}
#salle60{
	position:absolute;
	top:17.5%;
	left:59.41%;
	width:22.35%;
	height:auto;
}
#salle7{
	position:absolute;
	top:18.2%;
	left:82.06%;
	width:11.76%;
	height:auto;
}
#salle70{
	position:absolute;
	top:50%;
	left:79.11%;
	width:14.7%;
	height:auto;
}
#salle8{
	position:absolute;
	top:33.5%;
	left:34.11%;
	width:20%;
	height:auto;
}
#salle9{
	position:absolute;
	top:30.5%;
	left:24.71%;
	width:9.41%;
	height:auto;
}
#salle10{
	position:absolute;
	top:27%;
	left:16.47%;
	width:8.65%;
	height:auto;
}
#salle1 a img:hover, #salle2 a img:hover, #salle3 a img:hover, #salle4 a img:hover, #salle5 a img:hover, #salle6 a img:hover, #salle7 a img:hover, #salle8 a img:hover, #salle9 a img:hover, #salle10 a img:hover{
  opacity:1;
}

/* MAPPEMONDE INTERPRETES */


#amerique{
	position:absolute;
	top:19%;
	left:18.82%;
	width:11.76%;
	height:auto;
}

#afrique{
	position:absolute;
	top:46%;
	left:47.65%;
	width:11.76%;
	height:auto;
}

#europe{
	position:absolute;
	top:7%;
	left:47.65%;
	width:11.76%;
	height:auto;
}

#oceanie{
	position:absolute;
	top:46%;
	left:81.76%;
	width:11.76%;
	height:auto;
}

#asie{
	position:absolute;
	top:7%;
	left:74.12%;
	width:11.76%;
	height:auto;
}

#france{
	position:absolute;
	top:46%;
	left:12.94%;
	width:11.76%;
	height:auto;
}
#interdivers{
	position:absolute;
	top:46%;
	left:1.17%;
	width:11.76%;
	height:auto;
}
.epingle{
	display:inline-block;
	width:100%;
	height:auto;
	vertical-align:top;
}
.compteur{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	top:30%;
	text-align:center;
	font-size:3em;
  font-family:GarageGothicBold, arial black, sans serif;
}

.uno{
	display:inline-block;
  width:96%;
	height:auto;
	margin:2em 0 2em 0;
	padding:2%;
  font-size:1em;
	color:black;
	vertical-align: top;
	text-align: left;
}
.duo_egb{
	display:inline-block;
	position:relative;
	width:47%;
	height:auto;
	margin:0 0.9% 1em 0.9%;
	padding:0;
	text-align:center;
	z-index:80000;
	vertical-align:top;
	border:none;
	
}
.duo_egb1{
	display:inline-block;
	position:relative;
	width:47%;
	height:auto;
	margin:0 0.9% 1em 0.9%;
	padding:0;
	text-align:left;
	z-index:800000;
	vertical-align:top;
	border:none;
	line-height:1.3em;
}
img.logo_acc{
	width:30%;
	padding-top:1em;
}
/* DISCOGRAPHIE */

.morceau{
	width:90%;
	margin-left:5%;
	text-align:left;
	font-size:1.3em;
	padding:1em 0 1em 0;
}

.extrait{
	width:100%;
	height:auto;
	margin-top:-0.5em;
	margin-bottom:0.5em;
}

/*ADMIN */
#contenu_adm{
	position:relative;
  width:100%;
  height:auto;
	padding:0%;
	z-index:700;
	margin-bottom:2em;
}

.duo_admin1{
	display:inline-block;
	width:44%;
	height:auto;
	margin:200px 0.9% 0 0.9%;
	padding:2%;
	text-align:left;
	background:rgba(255,255,255,0.8);
	vertical-align:top;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	z-index:700;
}
.duo_admin2{
	display:inline-block;
	width:48%;
	height:auto;
	margin:200px 0.5% 0 0.5%;
	padding:2%;
	text-align:left;
	background:rgba(255,255,255,0.8);
	vertical-align:top;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	z-index:700;
}
.comment_adm{
	display:inline-block;
	width:auto;
	height:auto;
	background:#c12353;
	color:white;
	padding:10px;
	margin-bottom:10px;
}
.framboise{
	color:#c12353;
}

.ajout{
	float:right;
	width:auto;
	height:auto;
}

/* MENU */

/* General Blueprint Style */

@font-face {
	font-family: 'bpmenu';
	src:url('../javascript_egb/HorizontalSlideOutMenu/fonts/bpmenu/bpmenu.eot');
	src:url('../javascript_egb/HorizontalSlideOutMenu/fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'),
		url('../javascript_egb/HorizontalSlideOutMenu/fonts/bpmenu/bpmenu.woff') format('woff'),
		url('../javascript_egb/HorizontalSlideOutMenu/fonts/bpmenu/bpmenu.ttf') format('truetype'),
		url('../javascript_egb/HorizontalSlideOutMenu/fonts/bpmenu/bpmenu.svg#bpmenu') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	background: transparent;
	position: relative;
	z-index: 100;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 80%;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hsmenu > li {
	margin-left: 0.5em;
	display: inline-block;
	margin-bottom:10px;
}
.cbp-hsmenu > li a img:hover{
	opacity:1.5;
  animation: shake 0.5s; 
  animation-iteration-count: infinite; 
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
	display: none;
}

img.menusup{
	border:white solid 1px;
}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a.men1:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	top: 100%;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #af1e34;
	border-width: 20px;
	left: 28%;
	margin-left: -10px;
	margin-top: -40px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men2:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #d34247;
	border-width: 20px;
	left: 40%;
	margin-left: -10px;
	margin-top: -40px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men3:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #b75b44;
	border-width: 20px;
	left: 49%;
	margin-left: -10px;
	margin-top: -40px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men4:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #e8428f;
	border-width: 20px;
	left: 60%;
	margin-left: -10px;
	margin-top: -40px;
}
.cbp-hsmenu > li.cbp-hsitem-open > a.men5:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #e96724;
	border-width: 20px;
	left: 72%;
	margin-left: -10px;
	margin-top: -40px;
}
/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 0;
	text-align: center; /* for aligning the sub items */
	visibility: hidden;
}


.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	width: 12%;
	display: inline-block;
	vertical-align: top;
	box-shadow: -28px 0 0 -27px white, 0 -28px 0 -27px white;
	opacity: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
}

/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+7) {
	box-shadow: -28px 0 0 -27px white;
} 

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(7n+1) {
	box-shadow:  0 -28px 0 -27px white;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
	box-shadow: none;
}

.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	color: white;
	outline: none;
	padding: 2em 1em 1em 1em;
	text-decoration:none;
	font-family:GT-Pressura-Regular, arial;
	line-height:1em;
	font-size:0.9em;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	color: black;
}

.cbp-hssubmenu > li a img {
	border: none;
	outline: none;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
	animation:none;
}

.cbp-hssubmenu > li a span {
	display: block;
	min-height: 3em;
	margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 1000;
	visibility: visible;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 0;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}


/* FORMULAIRE DE CONTACT */

.inschk{
	text-align:left;
	font-size:0.7em;
	margin:1em 0 1em 0;
}

.wrapper {
	width:100%;
	margin:0;
	display:inline-block;
	font-size:1em;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
  font-family:GT-Pressura-Light, arial black, sans serif;
}
#contact-form {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:none;
	padding:5px 25px 25px 25px;
}
#contact-form label span {
	cursor:pointer;
  color: white;
	display:block;
	margin:5px 0;
  font-family:GarageGothicBold, arial black, sans serif;
}
.formulaire_resa #contact-form label span{
	color:#af1e34;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:95%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="checkbox"] {
	display:inline-block;
	width:9%;
	margin:0 1% 0 0;
	padding:0;
	border:none;
	vertical-align:top;
}
.rgpd {
	display:inline-block;
	width:85%;
	margin:0 0 2em 0;
	padding:0;
	border:none;
}

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#main h6 {
		text-align: center;
}
.sais{
	display:block;
	width:100%;
	height:auto;
	min-height:6em;
}
.sais2{
	display:inline-block;
	width:100%;
	height:auto;
	min-height:4em;
	text-align:center;
	
}

#contact-form button[type="submit"] {
	cursor:pointer;
	width:35%;
	border:none;
	background-image:linear-gradient(bottom, #d0d1d3 0%, #434343 52%);
	background-image:-moz-linear-gradient(bottom, #d0d1d3 0%, #434343 52%);
	background-image:-webkit-linear-gradient(bottom, #d0d1d3 0%, #434343 52%);
	color:white;
  font-family:GarageGothicBold, arial black, sans serif;
	margin:0 0 0 32.5%;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #434343 0%, #d0d1d3 52%);
	background-image:-moz-linear-gradient(bottom, #434343 0%, #d0d1d3 52%);
	background-image:-webkit-linear-gradient(bottom, #434343 0%, #d0d1d3 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	color:black;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

.comment_form{
	text-align:center;
}

/* MENU ADMIN */

/* Iconfont made with icomoon.com */
@font-face {
	font-family: 'cbp-tmicons';
	src:url('../javascript_pmn/tooltip/fonts/tmicons/cbp-tmicons.eot');
	src:url('../javascript_pmn/tooltip/fonts/tmicons/cbp-tmicons.eot?#iefix') format('embedded-opentype'),
		url('../javascript_pmn/tooltip/fonts/tmicons/cbp-tmicons.woff') format('woff'),
		url('../javascript_pmn/tooltip/fonts/tmicons/cbp-tmicons.ttf') format('truetype'),
		url('../javascript_pmn/tooltip/fonts/tmicons/cbp-tmicons.svg#cbp-tmicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.container{
  width:100%;
  height:50px;
  }

/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
	list-style: none;
}

/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {
	position: relative;
	z-index: 1000;
	top:0;
	left:0;                                                               
	width:100%;
	height:50px;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	margin: 0;
	position: relative;
}
li.m1, li.m2{
	margin: 0 -5px 0 -5px;
}

.cbp-tm-menu > li > a {
	line-height: 20px;
	padding: 0;
	display: block;
}

.no-touch .cbp-tm-menu > li > a img:hover,
.no-touch .cbp-tm-menu > li > a img:active {
	opacity:1;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 1;
	font-size:0.8em;
}

.cbp-tm-show .cbp-tm-submenu {
	width:200px;
  height:auto;
  left:0;
	margin: 0 -10px 0 -20px;
	text-align:center;
	visibility: visible;
	padding: 10px;
}
.cbp-tm-show .cbp-tm-submenu .menu1{
	border:#af1e34 solid 1px;
	background:#af1e34;
	padding:10px 0 10px 0;
}
.cbp-tm-show .cbp-tm-submenu .menu1 a, .cbp-tm-show .cbp-tm-submenu .menu2 a, .cbp-tm-show .cbp-tm-submenu .menu3 a, .cbp-tm-show .cbp-tm-submenu .menu4 a, .cbp-tm-show .cbp-tm-submenu .menu5 a, .cbp-tm-show .cbp-tm-submenu .menu6 a{
	color:white;
	text-decoration:none;
	padding:0 0.5em 0 0.5em;
}
.cbp-tm-show .cbp-tm-submenu .menu1 a:hover, .cbp-tm-show .cbp-tm-submenu .menu2 a:hover, .cbp-tm-show .cbp-tm-submenu .menu3 a:hover, .cbp-tm-show .cbp-tm-submenu .menu4 a:hover, .cbp-tm-show .cbp-tm-submenu .menu5 a:hover, .cbp-tm-show .cbp-tm-submenu .menu6 a:hover{
	color:black;
	text-decoration:none;
	padding:0 0.5em 0 0.5em;
}
.cbp-tm-show .cbp-tm-submenu .menu2{
	border:#d34247 solid 1px;
	background:#d34247;
	padding:10px 0 10px 0;
}
.cbp-tm-show .cbp-tm-submenu .menu3{
	border:#b75b44 solid 1px;
	background:#b75b44;
	padding:10px 0 10px 0;
}
.cbp-tm-show .cbp-tm-submenu .menu4{
	border:#e8428f solid 1px;
	background:#e8428f;
	padding:10px 0 10px 0;
}
.cbp-tm-show .cbp-tm-submenu .menu5{
	border:#80766a solid 1px;
	background:#80766a;
	padding:10px 0 10px 0;
}
.cbp-tm-show .cbp-tm-submenu .menu6{
	border:#9d1c2d solid 1px;
	background:#9d1c2d;
	padding:10px 0 10px 0;
}

.cbp-tm-show-above .cbp-tm-submenu {
	top: 100%;
	padding-bottom: 0;
}

.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 0;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}

.cbp-tm-nospace-left .cbp-tm-submenu {
	left: 0;
}

/* last menu item has to fit on the screen */
.cbp-tm-menu > li:last-child .cbp-tm-submenu {
	right: 0;
}

/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenu:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; 
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	top: 100%;
	margin-top: -10px;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	top: 100%;
	margin-bottom: -10px;
}

.cbp-tm-submenu:after {
	border-color: transparent;
	border-width: 12px;
	margin-left: 0;
	left: 50%;  
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	border-top-color: transparent;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	border-bottom-color: transparent;
}

.cbp-tm-submenu > li {
	display: block;
  text-align:center;
  padding:2em;
}

.cbp-tm-submenu > li > a {
  margin-top:0;
	display: block;
	position: relative;
	color: white;
	text-decoration:none;
	-webkit-transition: all 0s;
	-moz-transition: all 0;
	transition: all 0s;
	opacity:1;
}


.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
  color:black;
  margin-top:0;
	display: block;
	position: relative;
	-webkit-transition: all 0s;
	-moz-transition: all 0;
	transition: all 0s;
	opacity:1;
}


/* FOOTER */  


#pied,#pied_admin{
  width:100%;
  height:auto;
  text-align:center;
  padding:0;
  margin:5em 0 0 0;
  }

#footer_egb{
  font-family:GT-Pressura-Light, Arial black, sans serif;
  width:50%;
  height:auto;
  text-align:center;
	margin-left:24%;
	border-radius:60px 60px 0 0;
	padding:1% 1% 0.1% 1%;
}
.ft0, .ft1, .ft2, .ft3, .ft_mp3{
	width:100%;
	height:auto;
}
.ft4{
	background:rgba(255,255,255,0.2);
	width:104%;
	height:auto;
	margin:1em 0 1em -2%;
	padding:0.5em 0 0.1em 0;
}
.item_ft4{
	display:inline-block;
	margin:0 1% 0 1%;
}
.item_ft4 img{
	width:auto;
	height:4em;
}
.ft_mp3{
	text-align:center;
	margin:0.5em 0 0.5em 0;
}
.item_ft0{
	display:inline-block;
	margin:1% 1.8% 1% 1.8%;
}
.item_ft1{
	display:inline-block;
	color:white;
	width:auto;
}
.item_ft1 a{
	color:white;
	text-decoration:none;
  font-family:GT-Pressura-Light, Arial black, sans serif;
}
.item_ft1 a:hover{
	color:black;
	text-decoration:none;
}
.item_ft31{
	display:inline-block;
	width:8%;
	vertical-align:middle;
}
.item_ft32{
	display:inline;
	width:92%;
	font-size:0.9em;
	color:white;
}
a.adm{
  color:white;
	text-decoration:none;
  font-family:GT-Pressura-Light, Arial black, sans serif;
}
a.adm:hover{
  color:white;
	text-decoration:none;
}

input#fax {
  display:none;
}  
  
.menu_mob, #m_plan_musee{
	display:none;
}
/* fin footer */


/* ORDIS PORT */
@media screen and (max-device-width:1600px){

body{
  font-size:0.95em;
  line-height:1.4em;
}
/* H1 titre ... */
h1 {
  font-size:2.2em;
  line-height:1em;
  }

/* H2 titre de page */

h2 {
  font-size:2em;
  line-height:1em;
}   

/* H3 */

h3 {
  font-size:1.7em;
  line-height:1em;
}   

/* H4*/

h4 {
  font-size:1.4em;
}   

/* H5*/

h5 {
  font-size:1.2em;
}   

/* H6 */

h6 {
  font-size:0.8em;
}

#logo_egb{
	width:12%;
}


#flags_egb{
	position:absolute;
	left:88%;
	top:1em;
	width:10%;
	height:5em;
	padding:1%;
	vertical-align:top;
	text-align:right;
	z-index:300;
}

.item_flag, .item_flag_s{
	display:inline-block;
	width:18%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}

.resume_agenda{
  font-size:0.95em;
	line-height:1.1em;
}

.citation{
	font-size:2.2em;
}

.titre_age{
	font-size:1.6em;
}

.titre_age2{
	font-size:1.6em;
}

.titre_age3{
	font-size:1.6em;
}

.titre_age4{
	font-size:1.6em;
}
.titre_info{
	font-size:1.2em;
	line-height:1em;
}

#developpement{
	margin:6.5em 0 0 0;
}


.desc_salle{
	line-height:1.1em;
}
.citation_vis{
	font-style:italic;
	font-size:1em;
  line-height:1em;
}
.no_vis{
	position:absolute;
	left:79%;
	width:20%;
	top:74%;
	text-align:right;
	font-family:GarageGothicBold, Arial black, serif;
	color:white;
  font-size:14em;
}

.titre_ressou{
	font-size:1.3em;
}

.titre_ressou2{
	font-size:1.3em;
}


/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	margin: 0 -20px 0 -20px;
	position: relative;
}


.cbp-hsmenu-wrapper .cbp-hsmenu {
	margin: 0 auto;
	padding: 0;
}
.cbp-hsmenu > li {
	display: inline-block;
	margin-bottom:10px;
	text-align:center;
}

.cbp-hsmenu > li a img{
  height:3.5em;
	padding:0;
	margin:0;
}

.cbp-hssubmenu > li a span {
  font-size:0.8em;
}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a.men1:after {
	border-width: 15px;
	left: 24%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men2:after {
	border-width: 15px;
	left: 39%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men3:after {
	border-width: 15px;
	left: 54%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men4:after {
	border-width: 15px;
	left: 73%;
	margin-left: -10px;
	margin-top: -30px;
}


#footer_egb{
  font-size:0.8em;
}
.item_ft0{
  margin:0.3%;
}
.item_ft0 img{
  width:80%;
}

#menu_egb2 li a img{
  margin:0;
  width:70%;
}

.compteur{
	text-align:center;
	font-size:2.3em;
}


}

/* Tablettes */
@media screen and (max-device-width:1200px){


body{
  font-size:0.9em;
  line-height:1.2em;
}

h1 {
  font-size:1.8em;
  line-height:1em;
  }

/* H2 titre de page */

h2 {
  font-size:1.9em;
  line-height:1em;
}   

/* H3 */

h3 {
  font-size:1.5em;
  line-height:1em;
}   

/* H4*/

h4 {
  font-size:1.2em;
}   

/* H5*/

h5 {
  font-size:1em;
}   

/* H6 */

h6 {
  font-size:0.8em;
}

#flags_egb{
	position:absolute;
	left:95%;
	top:0;
	width:4%;
	height:auto;
	padding:0.5%;
	vertical-align:top;
	text-align:right;
	z-index:300;
}

#menu_egb{
	display:inline-block;
	width:100%;
	height:auto;
	padding:1% 0 0 0;
	vertical-align:top;
	text-align:center;
	z-index:10;
}

.item_flag, .item_flag_s{
	display:block;
	width:70%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 80%;
	max-width: 100%;
}

.cbp-hsmenu > li {
	margin-left: 0.1em;
}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a.men1:after {
	border-width: 15px;
	left: 19%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men2:after {
	border-width: 15px;
	left: 40%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men3:after {
	border-width: 15px;
	left: 56%;
	margin-left: -10px;
	margin-top: -30px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a.men4:after {
	border-width: 15px;
	left: 82%;
	margin-left: -10px;
	margin-top: -30px;
}

#diaporama_egb iframe{
	min-height:500px;
}


.titre_contenu{
	font-size:1.4em;
	line-height:1.2em;
}

#titre_page{
	display:inline-block;
	width:38%;
	height:auto;
	margin-left:29%;
	margin-right:22%;
	padding-bottom:5em;
	vertical-align:top;
}
#titre_page_vis{
	display:inline-block;
	width:38%;
	height:auto;
	margin-left:29%;
	margin-right:22%;
	vertical-align:top;
}
#elements{
	display:inline-block;
	position:relative;
	width:20%;
	height:auto;
	min-height:12em;
	margin-left:2%;
	margin-right:0;
	padding:0;
	text-align:right;
}
#agenda_cont{
	display:inline-block;
  width:9%;
  height:15em;
	padding:0 1% 0 0;
	text-align:right;
	z-index:700;
	vertical-align:top;
	margin-top:7em;
}
.filtre_element select{
	font-size:0.9em;
}

#video_egb{
	width:30%;
	height:20em;
	margin-left:47%;
	margin-right:0;
	vertical-align:bottom;
}
#video_egb iframe{
	width:100%;
	height:19em;
}

.illus_ressou, .illus_ressou2{
	display:inline-block;
	position:relative;
	width:32%;
	text-align:left;
	margin:0.5em 0.5% 0.5em 0.5%;
	padding:0;
	line-height:0.7em;
}


#footer_egb{
  width:66%;
	margin-left:16%;
	padding:1% 1% 0.1% 1%;
}

.desc_expo{
	display:inline-block;
	max-width:70%;
	height:100%;
	text-align:left;
	color:white;
  margin-left:-10%;
	margin-right:5%;
	line-height:1.2em;
}
.illus_expo{
	display:inline-block;
	width:25%;
	text-align:right;
	margin-top:4em;
}

.no_vis{
	position:absolute;
	left:79%;
	width:20%;
	top:78%;
	text-align:right;
	font-family:GarageGothicBold, Arial black, serif;
	color:white;
  font-size:7em;
}

#reservation{
	width:auto;
	height:auto;
	margin-left:0%;
	text-align:center;
}
.formulaire_resa{
	display:block;
	width:60%;
	margin:0 0 0 20%;
	padding:0;
	text-align:left;
	line-height:1em;
	vertical-align:top;
}
.calendrier_resa{
	display:block;
	width:60%;
	margin:2em 0 0 20%;
	padding:0;
	text-align:center;
	line-height:1em;
	vertical-align:top;
	overflow:hidden;
}
.calendar {
	width:150%;
}
.calendar-sm {
    display:none;
}
.titre_itinerante, .titre_itinerante2, .titre_actu, .titre_actu2, .titre_decou, .titre_decou2{
	font-size:1.6em;
}

.titre_info{
	font-size:1.1em;
	line-height:1em;
}

.item_ft4 img{
	width:auto;
	height:5em;
}
	
}

/* Smartphones big */
@media (max-width:1023px){
#menu_egb, #bordure, #plan_musee{
	display:none;
}
/*  BURGER
========================================== */

.menu_mob{
	display:inline;
}
.burger {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 0.1em;
  right: 0.1em;
  border-radius: 4px;
  z-index: 102050;
	background:white;
}

.burger span {
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: black;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -9px; }

.burger span::after { top: 9px; }

.burger.clicked span { background-color: transparent; }

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after { background-color: black; }

.burger:hover { cursor: pointer; }

/*  NAV
========================================== */

nav {
  background: white;
  position: fixed;
  z-index: 102000;
  top: 0;
  right: 0;
  height:50%;
  max-width: 70%;
  width: 70%;
  padding: 60px 0 600px 0;
	line-height:1em;
  overflow: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	text-align:right;
	font-size:1.2em;
}
nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  width: 70%;
		
}
/*  OVERLAY
========================================== */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: black;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

.carre1, .carre2, .carre3, .carre4, .carre5{
	width:auto;
	height:auto;
	padding:0;
	text-align:right;
	padding:0.5em 0 0.5em 0;
}

#logo_egb{
	display:inline;
	position:absolute;
	top:0.5em;
	left:0.5em;
	width:14%;
	height:auto;
	padding:0;
	vertical-align:top;
	z-index: 200;
}
.duo_egb{
	display:inline-block;
	position:relative;
	width:80%;
	height:auto;
	margin:0 0 1em 10%;
	padding:0;
	text-align:center;
	z-index:80000;
	vertical-align:top;
	border:none;
	
}
.duo_egb1{
	display:inline-block;
	position:relative;
	width:80%;
	height:auto;
	margin:0 0 1em 10%;
	padding:0;
	text-align:left;
	z-index:80000;
	vertical-align:top;
	border:none;
	
}

#flags_egb{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:auto;
	padding:0.5%;
	vertical-align:top;
	text-align:right;
	z-index:300;
}
.item_flag, .item_flag_s{
	display:inline-block;
	width:3em;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}

#diaporama_egb, #diaporama_acc{
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	z-index:70;
	margin-right:0;
	margin-top:-3em;
}
#diaporama_egb img, #diaporama_egb iframe{
  width:100%;
  height:auto;
	padding:0;
	margin:0;
  border:none;
  }

#developpement{
	display:inline-block;
  position:relative;
	width:100%;
	height:auto;
	margin:2em 0 6em 0;
  padding:0;
	color:white;
	vertical-align:top;
	text-align:center;
	font-size:1.4em;
}
#developpement h3, #developpement h1, #developpement h2, #developpement h4, #developpement h5, #developpement h6{
	text-align:center;
}

#developpement .illus_expo{
	width:40%;
}

.desc_salle, .desc_expo{
	width:96%;
	height:auto;
	text-align:center;
	color:white;
  margin-left:0;
	line-height:1.2em;
	padding:2%;
	
}

#hd_egb{
	height:0;
	margin:0;padding:0;
	}

.citation{
	font-size:2.5em;
	line-height:1.8em;
}


#titre_page{
	display:inline-block;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-right:0;
	padding-bottom:5em;
	vertical-align:top;
}
#titre_page_vis{
	display:inline-block;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-right:0;
	vertical-align:top;
}
#elements{
	display:inline-block;
	position:relative;
	width:60%;
	height:auto;
	margin-left:20%;
	margin-right:0;
	padding:0;
	text-align:right;
}

.filtre_element select{
	font-size:0.9em;
}

#video_egb{
	width:60%;
	height:20em;
	margin-left:20%;
	margin-right:0;
	vertical-align:bottom;
}
#video_egb iframe{
	width:100%;
	height:19em;
}

.illus_agenda{
	display:inline-block;
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.resume_agenda{
	display:inline-block;
	width:96%;
	text-align:left;
	margin:0;
	padding:2%;
	color:white;
	vertical-align:top;
	line-height:1.5em;
	font-family:GT-Pressura-Light, arial, sans serif;
}

/*ACTUS*/

.contenu_actu{
	width:90%;
	height:auto;
	padding:0;
	margin:0 0 0 5%;
	border:0;
	line-height:0.5em;
	text-align:center;
}
.illus_actu0 {
  display:inline-block;
	position:relative;
	width:100%;
	text-align:left;
	margin:1em 0 1em 0;
	padding:0;
	line-height:0.7em;
}
.illus_actu, .illus_actu2{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:left;
	margin:1em 0 1em 0;
	padding:0;
}
.illus_actu2{
	box-shadow:inset 100em 100em rgba(123,108,172,0.8);
}
.illus_actu2 img{
	opacity:0.2;
}
.titre_actu{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:white;
	color:#d34247;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

.titre_actu2{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:black;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}


div.lm {
  display:none;
	float:left;
	width:90%;
	text-align:left;
	margin:0.5em 0% 0.5em 5%;
	padding:0;
	line-height:0.7em;
}
#loadMore {
    padding: 10px;
    text-align: center;
    background-color: #af1e34;
    color: white;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

/* EXPOS EN PAGE ACCUEIL */

.banniere2{
	width:100%;
	margin-left:0;
	padding:0;
	height:auto;
}
.bg_expo{
	width:100%;
	height:25em;
	padding:0;
	background:#af1e34;
}

.contenu_expo{
	width:90%;
	height:auto;
	padding:0 5% 0 5%;
	margin-left:0;
	margin-top:-25em;
}

.illus_expo{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	vertical-align:top;
	margin:1em 0 1em 0;
	padding:0;
}
.titre_expo{
	position:absolute;
	bottom:0;
	left:0;
	width:94%;
	text-align:center;
	margin:0;
	padding:3%;
	background:#af1e34;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}

#contenu_autre{
	margin-top:1em;
	margin-bottom:1em;
	height:auto;
	min-height:0;
}

#agenda_cont{
	display:inline-block;
  width:40%;
  height:auto;
	padding:0;
	text-align:right;
	z-index:700;
	vertical-align:top;
	margin:2em 0 2em 25%;
}

.inside_element{
	width:80%;
	position:relative;
	padding:0;
	margin:2em 0 2em 10%;
}
.filtre_element{
	width:80%;
	position:relative;
	padding:0;
	margin:2em 0 2em 10%;
}

#video_egb{
	display:inline-block;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-right:0;
	vertical-align:bottom;
}

#footer_egb{
  width:94%;
	margin-left:2%;
	padding:3em 1% 0.1% 1%;
}

#m_plan_musee{
	display:inline-block;
	width:90%;
	height:auto;
	margin:0 5% 0 5%;
	padding:0;
  font-family:GarageGothicBold, arial black, sans serif;
}

.item_m_plan_no{
	display:inline-block;
	width:20%;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	background:#af1e34;
	color:white;
	text-align:center;
	margin:0.5em 0 0.5em 0;
	height:5.5em;
	font-size:1.5em;
	line-height:4.5em;
}

.item_m_plan_no_s{
	display:inline-block;
	width:20%;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	background:#b4d6f2;
	color:black;
	text-align:center;
	margin:0.5em 0 0.5em 0;
	height:5.5em;
	font-size:1.5em;
	line-height:4.5em;
}

.item_m_plan_contenu{
	display:inline-block;
	width:80%;
	color:white;
	font-size:2em;
	text-align:center;
	background:#b4d6f2;
	margin:0.5em 0 0.5em 0;
	height:5.5em;
	font-size:1.5em;
	line-height:4.5em;
}

.item_m_plan_contenu_s{
	display:inline-block;
	width:80%;
	color:black;
	font-size:2em;
	text-align:center;
	background:#af1e34;
	margin:0.5em 0 0.5em 0;
	height:5.5em;
	font-size:1.5em;
	line-height:4.5em;
}

.item_m_plan_contenu_s a, .item_m_plan_no_s a{
	color:black;
  font-family:GarageGothicBold, arial black, sans serif;
	text-decoration:none;
}
.item_m_plan_contenu a, .item_m_plan_no a{
	color:white;
  font-family:GarageGothicBold, arial black, sans serif;
	text-decoration:none;
}

.separation{
	width:100%;
	text-align:center;
	margin:1em 0 1em 0;
}

/* ARCHIVES EXPOS */

.illus_itinerante3, .illus_itinerante4{
	width:48%;
	margin:1em 0.5% 1em 0.5%;
	padding:0;
	text-align:center;
	line-height:0.7em;
}

.formulaire_resa{
	display:block;
	width:96%;
	margin:0 0 0 2%;
	padding:0;
	text-align:left;
	line-height:1em;
	vertical-align:top;
}
.calendrier_resa{
	display:block;
	width:96%;
	margin:2em 0 0 0;
	padding:0;
	text-align:center;
	line-height:1em;
	vertical-align:top;
	overflow:hidden;
}
.calendar {
	width:150%;
}
.calendar-sm {
    display:none;
}

.item_agenda{
	display:inline-block;
	width:90%;
	padding:0;
	margin:1em 0 1em 5%;
	vertical-align:top;
	line-height:0.01em;
}

.titre_age, .titre_age2, .titre_age3, .titre_age4{
	font-size:1.5em;
}

.illus_decou, .illus_decou2, .illus_ressou, .illus_ressou2{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:left;
	margin:0.5em 0 0 0;
	padding:0;
	line-height:0.7em;
}
.illus_ressou img, .illus_ressou2 img{
	width:100%;
	height:auto;
}

.epingle{
	display:inline-block;
	width:100%;
	height:auto;
	vertical-align:top;
}
.compteur{
	font-size:1.5em;
	line-height:0.3em;
}

.titre_info{
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	max-width:70%;
	min-height:2.2em;
	text-align:right;
	margin:0;
	padding:2%;
	background:#e8428f;
	color:white;
	font-size:1.7em;
	line-height:1.1em;
	font-family:GarageGothicBold, Arial black, sans serif;
}
.item_ft32{
	display:inline-block;
	width:85%;
	font-size:1.3em;
	color:white;
	line-height:0.9em;
}

}


/* Smartphones med */
@media (max-width:700px){
h1 {
  font-size:1.4em;
  line-height:1em;
  }

/* H2 titre de page */

h2 {
  font-size:1.2em;
  line-height:1em;
}   

/* H3 */

h3 {
  font-size:1em;
  line-height:1em;
}   

/* H4*/

h4 {
  font-size:0.9em;
}   

/* H5*/

h5 {
  font-size:0.8em;
}   

/* H6 */

h6 {
  font-size:0.8em;
}

#footer_egb{
  font-size:1em;
}
.item_ft0{
  margin:0.5%;
}
.item_ft0 img{
  width:100%;
}
.item_ft31{
	display:inline-block;
	width:15%;
	vertical-align:middle;
	line-height:0.9em;
}
.no_vis{
	position:absolute;
	left:79%;
	width:20%;
	top:88%;
	text-align:right;
	font-family:GarageGothicBold, Arial black, serif;
	color:white;
  font-size:7em;
}

#reservation{
	width:100%;
}
.calendrier_resa{
	display:inline-block;
	width:98%;
	margin:2em 0 0 0;
	padding:0;
	text-align:center;
	line-height:1em;
	vertical-align:top;
	overflow:hidden;
}

.titre_itinerante, .titre_itinerante2, .titre_actu, .titre_actu2, .titre_decou, .titre_decou2{
	font-size:1.5em;
}
.compteur{
	font-size:1.3em;
}
nav {
font-size:1.5em;
}


}

/* Smartphones small */
@media (max-width:550px){
nav {
  max-width: 90%;
  width: 90%;
}
nav.show {
  width: 90%;
}
.duo_egb img{
	max-width:50%;
}
#logo_egb{
	width:20%;
}
.illus_itinerante, .illus_itinerante2{
	display:inline-block;
	width:98%;
	margin:0.5em 0 0.5em 1%;
	padding:0;
	text-align:left;
	line-height:0.7em;
}

.item_ft31{
	display:inline-block;
	width:25%;
	vertical-align:middle;
	line-height:0.9em;
	margin:1em 37.5% 1em 37.5%;
}
.item_ft32{
	display:inline;
	width:96%;
	font-size:1em;
	color:white;
	line-height:1.1em;
	margin-left:2%;
	margin-bottom:1em;
}

.item_m_plan_no{
	margin:0.5em 0 0.5em 0;
	height:4.5em;
	font-size:1em;
	line-height:3.5em;
}

.item_m_plan_no_s{
	margin:0.5em 0 0.5em 0;
	height:4.5em;
	font-size:1em;
	line-height:3.5em;
}

.item_m_plan_contenu{
	margin:0.5em 0 0.5em 0;
	height:4.5em;
	font-size:1em;
	line-height:3.5em;
}

.item_m_plan_contenu_s{
	margin:0.5em 0 0.5em 0;
	height:4.5em;
	font-size:1em;
	line-height:3.5em;
}
.compteur{
	font-size:1em;
}

#elements{
	display:inline-block;
	position:relative;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-right:0;
	padding:0;
	text-align:right;
}
.item_flag, .item_flag_s{
	display:inline-block;
	width:2em;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}
#diaporama_acc{
	display:block;
	width:200%;
	margin-left:-50%;
	overflow:hidden;
}

#diaporama_acc img{
	width:auto;
}
#diaporama_egb{
	display:inline-block;
	position:relative;
	width:200%;
	height:auto;
	z-index:70;
	margin-right:0;
	margin-left:-50%;
	overflow:hidden;
}
#diaporama_egb img, #diaporama_egb iframe{
  width:auto;
  height:auto;
	padding:0;
	margin:0;
  border:none;
  }


}