body {
    background: none;
}

a, a:hover {
	color:#0cc3c5;
}

img.instru:hover {
	opacity:0.8;
}


h2 {
    font-size: 1.875rem;
    margin-bottom: 25px;
    font-weight: 200
}

.container {
    width: 100%;
    text-align: center;
    margin-top: 35px;
}

#calendar {
    max-width: 900px;
    margin: 0 auto;
  
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button[disabled],
button[disabled]:hover {
    background-color: #02dcde;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #02dcde;
    background-color: #02dcde;
    font-weight: normal;
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: none;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x; */

    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.LEON { width:103.7%; opacity:0.65; left:0; margin-left:-3px; }



tspan {
    font-size: 24px;
}

.ludotxt tspan, .storytxt tspan, .storytxt1 tspan, .histoire1txt tspan, text.luditxt, .gametxt tspan, .intertxt tspan, .approtxt tspan, .actiontxt tspan, .technotxt tspan, text.eventspasttxt, text.eventtxt, text.lienstxt, text.liguemintxt, text.programmetxt tspan, text.chercheurstxt, text.donstxt, text.colletxt, text.installtxt, text.reservtxt, text.dossiersetxt, text.projetcritiquetxt {
	font-size:18px;
	fill:#02dcde;
	font-weight: 500;
}

polygon:hover,
image:hover {
    opacity: 0.75;
    cursor: pointer;
}

image.udm {
    cursor: default;
    opacity: 1;
}

polygon.togglelabo:hover {
    opacity: 0
}

div.lang {
    text-align: right;
    float:right;
}

div.lang a.fb i, div.lang a.yt i {
    font-size: 36px;
    color: #666666;
    float:left;
    line-height: 15px;
}

div.lang a i:hover {  
    color: #02dcde;
}

div.lang a.yt i {
	padding-left: 15px;
}


div.lang a.button {
    background-color: #02dcde;
    color: #333
}

div.logo img {
    width: 250px;
    margin-bottom: 15px;
}

div.logo img:hover {
    opacity: 0.85;
}

.top-bar-section ul {
    width: 100%;
    height: auto;
    display: block;
    background: #02dcde;
    font-size: 16px;
    margin: 0;
}

.top-bar-section ul li.active>a {
    background: #02dcde;
    border: none;
}

.top-bar-section ul li.active>a:hover {
    background: #02dcde;
    border: none;
}

.top-bar-section .dropdown li a {
    padding: 12px 15px;
}

.nopad {
    padding-left: 0;
    padding-right: 0
}

.nopadleft,
.nopadleft div {
    padding-left: 0;
}

.nopadleft div.popup {
 padding-left:0.9375rem
}

div.nopadleft div.adresse {
    border-left: #cccccc 1px solid;
    padding-left: 15px;
}

a.contactbtn {
    margin-right: 15px;
}

.side-nav li {
    margin: 0;
    color: #008cba;
    font-size: 0.77778rem;
    font-weight: bold;
    text-transform: uppercase;
}

ul.side-nav.sub li {
    margin: 0;
    color: #008cba;
    font-size: 0.77778rem;
    font-weight: normal;
    text-transform: none;
}

.side-nav li:first-child {
    margin-top: 10px;
    /*padding-bottom: 15px;*/
}

.side-nav.sub li:first-child {
    margin-top: 0px;
    padding-bottom: 0;
}

.side-nav li ul {
    margin-bottom: 10px;
}

.side-nav {
    padding: 0;
}

ul.side-nav li a {
    display: block;
    padding-left: 8px;
}

ul.side-nav.firstlevel li:hover {
    /* background-color: #02dcde; */

    background: rgba(2, 220, 222, 0.65);
    width: 270px;
}

ul.side-nav.sub li:hover {
    /* background-color: #02dcde; */

    background: rgba(2, 220, 222, 0);
}

ul.sub {
    margin-left: 16px;
}

.side-nav li.heading {
    color: #008cba;
    font-size: 0.77778rem;
    font-weight: bold;
    text-transform: uppercase;
}

nav.leftside {
    margin-top: 0;
    /*margin-top: 45%;*/
    /*border-right: #ddd 1px solid;*/
}

nav.leftside ul.firstlevel li a {
    font-size: 30px;
    font-family: 'Raleway';
    margin-left: 10px;
    color: #888;
    width: 219px;
    font-weight: 800;
}

nav.leftside ul.sub li a { font-weight: normal }
nav.leftside ul.firstlevel li a span { font-weight: 600}

nav.leftside ul li a span {
    font-size: 21px;
    margin-left: 2px;
    color: #333;
    display: none;
    text-transform: none;
}

nav.leftside ul.side-nav.sub {
    position: absolute;
    left: 40px;
    width: 227px;
}

nav.leftside ul.side-nav.sub li a {
    font-size: 14px;
    line-height: 15px;
    color: #FFF;
    /*background-color: #02dcde;*/

    background: rgba(2, 220, 222, 0.65);
    padding: 8px 10px;
    display: none;
}

#homelang,
#contact,
#concept {
    cursor: pointer;
}

#homelang:hover,
#contact:hover,
#concept:hover {
    fill: #02dcde;
    text-decoration: underline
}

div.menu {
    position: fixed;
}

div.mainpage {
    position: absolute;
    /*left: 25%;*/

    left: 23%;
}

.contact_form_msg {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 250px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

.gray {
    background-color: #58585a;
    border-color: #58585a;
    letter-spacing: 0.5px;
    width: 50%;
    margin: 0 auto;
}

.gray:hover,
.gray:focus {
    background-color: #02dcde
}

div.panel {
    padding: 10px;
}

div.orbit-timer {
    display: none
}

div.orbit-bullets-container {
    margin-top: 25px
}

.orbit-bullets li.active {
    background: #02dcde;
}

div.orbit-container div.large-8.columns {
    box-shadow: 3px 3px 3px #999999;
}

div.orbit-container h3 {
    font-size: 1.2575rem;
}

div.orbit-caption h3 {
    color: #FFF;
    font-size: 1.1875rem;
    /*font-family: 'Raleway'; */
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    max-width: 850px
}

table.display tr th {
    padding-left: 10px;
}

.dataTables_wrapper.dataTables_filter input {
    margin-left: 0;
}

.tabs-content>.content {
    width: 100%;
}

.tabs dd.active a {
    background: #02dcde;
    color: #FFF
}

.tabs dd {
    min-width: 150px
}

.tabs dd>a {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-left: 0
}

#loginReserv {
    width: 30%;
    min-width: 270px;
    left: 75%;
}

div.proto {
   margin-top:10px;
}

div.proto a img.pdf {
 width:25px;
 margin-right:10px;    
}


a.topaz {
    background-color: #02dcde;
}

a.topaz:hover {
    background-color: #02dcde;
    opacity: 0.75;
}

a.passlink {
    margin-left: 15px;
    font-size: 12px;
    text-decoration: underline;
}

.accordion dd>a:hover {
    background: none;
}

.accordion dd>a {
    background: none;
    color: #0cc3c5;
    padding: 0;
    padding-bottom: 10px;
    display: block;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1rem;
}

dd div {
    margin-bottom: 15px;
}

.clearing-blackout .carousel {
    display: none;
}

ul.clearing-thumbs li {
    float: none;
    margin-right: 0px;
}

a.clearing-main-next,
a.clearing-main-prev {
    display: none;
}

div.mineure a.clearing-main-next,
div.mineure a.clearing-main-prev {
    display: block;
}

div.observation p.clearing-caption {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.clearing-assembled .clearing-container .visible-img {
    height: 100%;
}

div.ludique div.row {
    margin-left: 0
}

.popup {
    width:675px;
    background-color: rgba(240,240,240,0.95);
    border: 1px solid gray;
    position: fixed;
    padding:20px;
    top: 1%;
    left: 27%;
    display: none;
    z-index: 10;
}

.popup form div {
    float: left;
    width: 80px;
    text-align: left;
}

.popup form input {
    float: left;
    text-align: left;
}

a#closepopup {
 float:right;
}

a.submitForm, a.submitForm2, a.submitForm3, a.submitForm4, a.submitForm5 {
 background-color: #02dcde;
 float:right;
 display: none;

}


h4#stname {
  float:left;
  padding-left:10px;
}

#cconsole h4 {
    font-size:16px;
    margin-top:15px;
    margin-left:10px;
    max-width:275px;
}

img#stimg {
    width: 250px;
    display: none;
    padding-left:10px;
}

img.popupimg {
 width:350px;
 height: 358px;
 float:left
}

table.dataTable.no-footer { 
 border-bottom:none;   
}

table#jeuxt {
 width:85%;    
 margin-top:10px;    
}

table#jeuxt tbody tr td, table#accesst tbody tr td {
 font-size:12px;  
}

img.bckbtn {
 width:55px;
 /*margin-top:60%;*/
 margin-top:-575px;
 margin-left:3px;   
}

img.bckbtn:hover {
 opacity:0.85;  
}

/*MEDIA QUERIES */

// Small screens
@media only screen {
    div.mainpage {
        left: 0%;
    }
    
}
/* Define mobile styles */

@media only screen and (max-width: 40em) {
    div.mainpage {
        left: 0%;
        background: rgba(255, 255, 255, 0.55);
    }
    div.lang {
        margin-top: 55px;
    }
    #loginModal {
        width: 30%;
        min-width: 270px;
        left: 55%;
    }
    div.small-9.columns.mainpage {
        width: 100%;
        display: block
    }
    button.small,
    .button.small {
        padding-top: 0.625rem;
        padding-right: 0.525rem;
        padding-bottom: 0.6875rem;
        padding-left: 0.525rem;
        font-size: 0.6875rem;
    }
    

}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {}
/* min-width 641px, medium screens */


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    ul.side-nav.sub li:hover {
        /* background-color: #02dcde; */

        background: rgba(2, 220, 222, 0.0);
        width: 110px;
    }
    nav.leftside ul.side-nav.sub {
        position: relative;
        width: 160px;
        left: 0;
        margin-left: 0;
        background: rgba(2, 220, 222, 0);
    }
    nav.leftside ul.side-nav.sub li a {
        width: 155px
    }
    nav.leftside ul li a span {
        font-size: 18px;
    }
    button.small,
    .button.small {
        padding-top: 0.625rem;
        padding-right: 0.825rem;
        padding-bottom: 0.6875rem;
        padding-left: 0.825rem;
        font-size: 0.9875rem;
    }
    
    
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    ul.side-nav.firstlevel li:hover,
    ul.side-nav.firstlevel li ul.side-nav.sub li {
        background: rgba(2, 220, 222, 0.65);
        width: 100%;
    }
    nav.leftside ul.side-nav.sub li a {
        font-size: 16px;
        line-height: 16px;
        color: #FFF;
        /* background-color: #02dcde; */

        background: rgba(2, 220, 222, 0);
        padding: 8px 10px;
        display: none;
    }
    nav.leftside ul.side-nav.sub li,
    nav.leftside ul.side-nav.sub li a {
        max-width: 185px
    }
    img.bckbtn {
     width:55px;
     margin-top:-635px;
     /*margin-top:95%;*/
     margin-left:7px;   
    }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (max-width: 768px) {
 img.bckbtn {
     margin-top:-635px;
     /*margin-top:100%;*/
     margin-left:2px;
    }
}



// Large screens
@media only screen and (max-width: 64.063em) {}
/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    nav.leftside {
        margin-top: -35px;
    }
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) {
    nav.leftside {
        margin-top: -35px;
    }
    nav.leftside ul.side-nav.sub {
        right: 45px;
    }
    nav.leftside ul.side-nav.sub li a {
        width: 231px;
    }
    nav.leftside ul.side-nav.firstlevel li {
        max-width: 287px
    }
}
/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    nav.leftside {
        margin-top: -35px;
    }
    nav.leftside ul.side-nav.sub {
        right: 45px;
    }
    nav.leftside ul.side-nav.sub li a {
        width: 230px
    }
    nav.leftside ul.side-nav.firstlevel li {
        max-width: 287px
    }
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 90.063em) and (max-height: 55.063em) {
    nav.leftside {
        margin-top: -35px;
    }
    nav.leftside ul.side-nav.sub {
        right: 40px;
    }
    nav.leftside ul.side-nav.sub li a {
        width: 219px
    }
    nav.leftside ul.side-nav.firstlevel li {
        max-width: 287px
    }
}

@media only screen and (min-width: 100em) {
    nav.leftside {
        margin-top: -35px;
    }
    nav.leftside ul.side-nav.sub {
        right: 53px;
    }
    nav.leftside ul.side-nav.sub li a {
        width: 236px
    }
    nav.leftside ul.side-nav.firstlevel li {
        width: 287px
    }
}

// XXLarge screens
@media only screen and (min-width: 120.063em) {
    nav.leftside {
        margin-top: -35px;
    }
}
/* min-width 1921px, xxlarge screens */

/* SPLASH PAGE SUMMER 2016 */

div.splashcontent {
 margin-top:2%;
}

div.lefttitle {
    float:left;
    padding:5px;
}

div.lefttitle:hover, div.righttitle:hover {
    background-color:#29fafd;    
}

div.lefttitle:hover a, div.righttitle:hover a, div.lefttitle:hover span, div.righttitle:hover span  {
    /*color:#FFF;*/
}

div.righttitle {
    float:right;
    padding:5px;
}

img.splash_logo {
 width:100%;
 margin-bottom:20px;    
}

img.splash_logo:hover, img.udm_splash_logo:hover {
 opacity:0.85;    
}

div.udm_splash_txt {
	font-family: 'Raleway';
	font-size:1.2em;
	margin-top:55px;
	padding:0 65px;
	color:#666666;
}

a.linkfr, a.linken {
 font-family: 'Raleway';
 font-size:1.2em;    
 color:#222;
 /*display:inline-block;*/   
 
}

span.play_arrow_r, span.play_arrow_l  {
 font-size:1.4em;
 /*display:inline-block; */   
}

span.play_arrow_l {
 padding-right:5px;
}

span.play_arrow_r {
 padding-left:5px;    
}

a.linken:hover, a.linkfr:hover {    
 /*color:#02dcde;*/
 /*text-decoration: underline */    
}

a.linkfr {
 width:100%;    
 /*text-align: left*/  
}

a.linken {
 width:100%;     
 /*text-align: right */  
}

div.udm_splash_logo_content {
 width:100%;
 text-align: right;
 margin-top:25px;    
}

/* NOUVELLES BOÎTES TEXTE VITRINE */

div.newtxtc {
	position:absolute;
	text-align: left;
	padding: 15px;
	/*border-left: rgba(2,220,222,1) 1px solid;*/
    background-color: rgba(255,255,255,0.5);
    color: #333;
    line-height: 21px;
    font-family: 'Raleway';
    display:none;	

}

div.newtxtc a, div.newtxtc a:hover {
	color:rgb(2,220,222);
}

div.newtxtc p {
	font-size:0.85rem;
}

@media (max-width:550px) {
	
	div.newtxtc p {
		font-size:0.65rem;
	}
	
}

div.newlabotxt {  
    right: 0;
    top: 115px; 
    margin-right: 10%;
    max-width: 47%;
    text-align: right;
    /*border-left: none;
    border-right: rgba(2,220,222,1) 1px solid;*/
    
}

div.newunitxt {  
    right: 6%;
    top: 115px; 
    margin-right: 0;
    max-width: 40%;
    /*border-left: none;
    border-right: rgba(2,220,222,1) 1px solid;*/
    text-align: right;
} 


div.newdoctxt, div.newobsertxt {
    left: 0;
    top: 285px;
    margin-left: 5%;
    max-width: 27%;  
}

div.newdoc2txt {
    right: 6%;
    max-width: 24%;
    margin-right: 0;
    top: 145px;
    text-align: right;
    /*border-left: none;
    border-right: rgba(2,220,222,1) 1px solid;*/
}


div.newvideotxt {
    left: 0;
    top: 115px;
    margin-left: 30%;
    max-width: 32%;
}


@media (min-width:1024px) {
	
	div.newdoctxt, div.newobsertxt {
	    left: 6%;
	    margin-left:5%;
	    max-width: 29%;  
	}
	
		
}

@media (min-width:1600px) {
	
	div.newdoc2txt {
	    right: 10%;
	    max-width: 25%;
	    margin-right: 0;
	    top: 145px;
	}
	
}

@media (max-width:1200px) {
	
	div.newvideotxt {
		margin-left: 20%;
		max-width: 50%;
	}
	
	div.newunitxt {  
		max-width: 44%;
		right:3%;
	} 
	
}


table#consolet .center {
	text-align: center;
}

table#consolet tbody tr td:nth-child(1),table#consolet tbody tr td:nth-child(2) {
	width:30%
}