#header {background: #00abc7 !important; position: relative; height: 147px;}
#header .container {  height: 147px;}

#header .container .eleven.columns {  margin-top: 72px; }

#logo {
    margin-top: 16px;
}


#navigation {
    float: left;
    margin-left: 20px;
}

#navigation ul li a { 
	color: #fff; 	
	border-top: 3px solid #5ec1da;
	padding: 26px 15px 29px 15px;
}

#navigation ul li a:hover{
	background: #00abc7;
	border-top: 3px solid #5ec1da;
	color: #fff;
}

#navigation ul ul { 
	color: #4e5356;
	background: #b0deeb;
	border-top: 3px solid #fff;
}


#navigation ul ul li a { color: #4e5356; border: 0px;}
#navigation ul ul li:hover>ul{ background: #b0deeb;}
#navigation ul li:hover > a {background: #00abc7; border-top: 3px solid #fff; color: #fff;}
#navigation ul ul li:hover > a {background: #5ec1da; border: 0px;  color: #fff !important;}

#current {background: #00abc7 !important;border-top: 3px solid #81b600 !important;color: #fff !important; }


.container-signage .signage1680-1050 .panels-flexible-1-middle, .signage1680-1050 {
        margin: 0px !important;
	margin-top: 0px !important;
        padding: 0px !important;
}


#tagline {
	margin: 18px 0px 6px 0px ;
	font-size: 15px;
	color: #00abc7;
	letter-spacing: +0.6px;
}



#tagline span, #tagline a,.button.gray:hover,.button.light:hover,input[type="submit"]:hover,
input[type="button"]:hover,.tagadelic:hover,.feature-circle.green,.button.green,#backtotop a:hover,
#navigation ul ul li a:hover,.selected,.column-pricing.featured h1,.column-pricing.featured a,
.column-pricing a:hover,.selected:hover{
  background-color:#5ec1da !important;
}
#navigation ul li a:hover,#current{
  border-color: #fff !important;
}
.tabs-nav li.active a, ul.tabs li.active a {
  border-top: 1px solid #fff !important;
}
.tabs-nav li.active a, ul.tabs li.active a{
  color: #4e5356 ;
}

a, a:visited,.address a,.post-meta a,
.address_contact a,.testimonials_author_page,.portfolio-item-meta a:hover,
.portfolio-item-meta a:visited:hover,.testimonials_author,.item-meta h4 a:hover{
  color: #00abc7 ;
}

.item-list ul li a:hover {
  color: #00abc7 ;
}

#divider, .page_headline, .widget-title h3 {
    border-bottom: 1px solid #8a9091;
}


.flexslider.home{
   height: 300px;
}
.slider-caption {
    background: none;
    opacity: 0.95;
    width: 220px;
    background-color: #4e5356;
}
.slider-caption  h3{
	color: #00abc7;
}
	
.item-meta h4 {
    padding: 0px 0px 15px;
}

#content {
#    margin-top: 22px !important;
}
.page_headline {
    font-size: 14px;
    padding-bottom: 1px;
    margin: 10px 0px 9px 0px;
}

#basic_page  {
    float: right !important;
    margin: 0px 0px 20px 20px ;
    width: 330px;
max-height:100%;
}

.container .one-third.column {
    width: 300px;
}


#footer {
    background: none repeat scroll 0% 0% #4e5356;
}

#footer_bottom {background: #7c7f80; }

#footer .item-list ul li a, #footer .item-list ul li a:visited {
  color: #00abc7 !important;
}



.page-signage {
 overflow:hidden;
}

.n44o-sidebars {
	overflow:hidden;
}

.container-signage  .inside {
	padding: 0px;
}

.center  img{
    display: block;
    position: absolute;
    top: 90px;  bottom:0; left: 0; right:0;
    margin: 0 auto;
	padding: 0 !important;
}

.container-signage  .views-slideshow-cycle-main-frame, .container-signage  .views-slideshow-cycle-main-frame-row .field-content {
    width: 100% !important;
    max-height: 810px !important; 
}


.container-signage  .views-slideshow-cycle-main-frame, .container-signage  .views-slideshow-cycle-main-frame-row  {
    width: 100% !important;
    max-height: 810px !important;
}


.views-slideshow-cycle-main-frame-row-item .views-field-body .field-content img {
	float: left;
	border: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.event-title, .event-title a {
	text-align: center;
	color: #ffffff !important;
}

.event-date {
        text-align: center;
 	color: #eeeeee !important;
}

.pane-views-signage-test-block-3 {
	margin: 30px 10px 10px;

}

@media only screen and (min-width: 1380px) {
	.container-signage .signage1680-1050 .panels-flexible-column-inside {
		height: 900px;
	}
	
	.container-signage .signage1680-1050 .panels-flexible-1 , .container-signage .signage1680-1050 .panels-flexible-1-inside{
		width: 100%;
		height: 900px;
	}
	
	.container-signage .signage1680-1050 .Footer , .container-signage .signage1680-1050 .panels-flexible-row-1-3   {
		background: rgb(0, 171, 199) !important; 
		height: 160px;
	}
	
	.container-signage .signage1680-1050  .Calendar .view-content .views-slideshow-cycle-main-frame-row {
		height: 160px;
	}

        .container-signage .signage1680-1050 .panels-flexible-row-1-2   {
		height: 350px;
        }


        .container-signage .signage1680-1050 .panels-flexible-row-1-4 {
        	height: 502px;
		font: 24px/30px Tahoma,Arial,sans-serif;
	}

	
	.container-signage .signage1680-1050 .panels-flexible-column-1-1 {
	#    width: 440px;
		width: 25%;
		height: 860px;
	}
	
	.container-signage .signage1680-1050 .panels-flexible-row-1-main-row {
		height: 860px;
	}
	
	.container-signage .signage1680-1050 .Calendar .view-content .blogTitle, 
	.container-signage .signage1680-1050 .Calendar .view-content .blogTitle a,
	.container-signage .signage1680-1050 .LatestNews .view-content h4 a
	{
		font-family: "Open Sans",Arial,sans-serif !important;
		font-size: 20px;
		line-height: 24px;
		color: rgb(255, 255, 255);
		text-align:center;
		display: block;
	}

	.container-signage .signage1680-1050 .LatestNews .view-content p
	{
		font-family: "Open Sans",Arial,sans-serif !important;
		font-size: 20px;
        line-height: 22px;
		color: #dddddd;
	    text-align:left;
		display: block;
	}

	.pane-views-signage-test-block-2 {
        font-family: "Open Sans",Arial,sans-serif !important;
        font-size: 42px;
		line-height: 58px; 
		padding: 25px; 
	}
	
	.pane-views-signage-test-block-2  h1{
        font-size: 63px;
		line-height: 65px;
		text-align:center;
	}
	
	.pane-views-signage-test-block-2  h2{
        font-size: 58px;
		line-height: 60px;
		text-align:center;
	}

	.pane-views-signage-test-block-2  h3{
        font-size: 50px;
		line-height: 52px;
		text-align:center;
	}

	.pane-views-signage-test-block-2  h4{
        font-size: 34px;
		line-height: 39px;
		text-align:left;
	}
	
	.pane-views-signage-test-block-2  h5{
        font-size: 22px;
		line-height: 26px;
		text-align: left;
	}
	
	.pane-views-signage-test-block-2  li{
        font-size: 22px;
		line-height: 25px;
		#text-align:center;
	}
	
    .pane-views-signage-test-block-2 .views-field-title{
        font-size: 56px;
        padding: 0px 0px 25px 0px;
    }

}

@media only screen and (max-width: 1380px) {
	.container-signage .signage1680-1050 .panels-flexible-column-inside {
		height: 768px;
	}
	
	.container-signage .signage1680-1050 .panels-flexible-1 , .container-signage .signage1680-1050 .panels-flexible-1-inside{
		width: 100%;
		height: 768px;
	}
	
	.container-signage .signage1680-1050 .Footer , .container-signage .signage1680-1050 .panels-flexible-row-1-3   {
		background: rgb(0, 171, 199) !important; 
		height: 153px;
	}
	
	.container-signage .signage1680-1050  .Calendar .view-content .views-slideshow-cycle-main-frame-row {
		height: 153px;
	}
	
	.container-signage .signage1680-1050 .panels-flexible-column-1-1 {
		width: 25%;
		height: 600px;
	}
	
	.container-signage .signage1680-1050 .panels-flexible-row-1-main-row {
		height: 600px;
	}	
	
	.container-signage .signage1680-1050 .Calendar .view-content .blogTitle, 
	.container-signage .signage1680-1050 .Calendar .view-content .blogTitle a,
	.container-signage .signage1680-1050 .LatestNews .view-content h4 a
	{
		font-family: "Open Sans",Arial,sans-serif !important;
		font-size: 17px;
		line-height: 21px; 
		color: rgb(255, 255, 255);
		text-align:center;
		display: block;
	}

	.container-signage .signage1680-1050 .LatestNews .view-content p
	{
		font-family: "Open Sans",Arial,sans-serif !important;
		font-size: 15px;
                line-height: 17px;
		color: #BBBBBB;
        text-align:left;
        display: block;
	}

	.container-signage .LatestNews
	{
		height: 300px; 
	}
}

.container-signage .signage1680-1050 .panels-flexible-column-1-main {
    width: 75%;
	height: 100%;
}

.container-signage .signage1680-1050 .panels-flexible-column-1-1 {
        height: 100%;
}

.container-signage .signage1680-1050 .panels-flexible-row-1-4 {
	background: #B2DCEC !important;
}

.container-signage .signage1680-1050 .panels-flexible-row-1-2 {
	background: #7c7f80 !important;
	padding-left: 3px;
padding-top: 2px;
}




.container-signage .signage1680-1050 .LatestNews .view-content .meta-blog { padding: 0px 10px; }
.container-signage .signage1680-1050 #logo { padding: 0 15px; }
.container-signage .signage1680-1050 #logo img { border: 0px; }




select {
	background-color:  #b0deeb;
}


      @media only screen and (max-width: 980px) {
                #navigation {float: left; width: 100%; margin: 0px !important;}
                .js #nav { display: none; }
                .js .selectnav { display: block; }
                #navigation ul {display: none;}
                #tagline {font-size: 20px}
                .mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {margin-right: -10px;}
                .flickr-widget {margin-bottom: 25px;}
                .meta-blog h4 {padding-top: 0;margin-top: 0;}
                /*#blog_widget_container {display: none;}*/
                .portfolio-item-meta {margin: 0 0 25px 0}
                #backtotop a {display: none;}

		#tagline,#divider,  .flexslider .slides img, .region.region-footer-firstcolumn, #sidebar-first { display: none; }
		.flexslider.home { height: 10px; }
		.slider-caption { width: 93%; padding: 10px; margin: 12px 0px 2px 2px; position: relative; display: block; }
}

      @media only screen and (max-width: 400px) {
	#header {
	    height: 207px;

	}

}



.views-field-field-image-topic img {
	opacity:0.8;
	border: 0px !important;
}

#topic_container .slider-caption {
	opacity: 0.98;
	width: 370px ;
	height: 130px;
	margin-left: -225px;
	margin-bottom: 40px;
	padding-bottom: 28px; 
	z-index: 20; 
}


#topic_container .slider-caption h2 {
    color: rgb(0, 171, 199);
    line-height: 24px;
}

#topic_container .slider-caption p {
font-size: 18px;
line-height: 20px;
}

#topic_container {
    width: 650px;
    height: 175px;
    position: relative;
float:right;
}

#topic_gradient, #topic_image {  
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#topic_gradient {
z-index: 10;
background: -moz-linear-gradient(left,  rgba(0,171,199,1) 0%, rgba(153,221,233,0) 12%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(153,221,233,0) 88%, rgba(0,171,199,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,171,199,1)), color-stop(12%,rgba(153,221,233,0)), color-stop(20%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,0)), color-stop(88%,rgba(153,221,233,0)), color-stop(100%,rgba(0,171,199,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,171,199,1) 0%,rgba(153,221,233,0) 12%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(153,221,233,0) 88%,rgba(0,171,199,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,171,199,1) 0%,rgba(153,221,233,0) 12%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(153,221,233,0) 88%,rgba(0,171,199,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,171,199,1) 0%,rgba(153,221,233,0) 12%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(153,221,233,0) 88%,rgba(0,171,199,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,171,199,1) 0%,rgba(153,221,233,0) 12%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(153,221,233,0) 88%,rgba(0,171,199,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abc7', endColorstr='#00abc7',GradientType=1 ); /* IE6-9 */
}


/* LCE Absences*/
.pane-views-absences-block-1 { padding: 10px 25px;}
.view-absences .views-row { height: 82.5px; }
.absences-title,.separator { width: 100%; }
.separator { height: 10px; }
.absences, .absences-location { position: relative; font-weight: bold;}
.absences-title, .absences-location ,.absences-room, .absences-flags, .separator  { float: left; }
.absences-title a { font-size: 35px; }

.absences-room-EL span { display: none; }
.absences-flags-S:after { content: 'Chgt. salle'; }
.absences-flags-EL:after { content: 'libre'; }
.absences-flags-BL:after { content: 'Rempl.'; }
.absences-flags-BLZ:after { content: 'Surv.'; }
.absences-flags-bLZ:after { content: 'Surv.'; }
.absences-flags-bL:after { content: 'Surv.'; }
.absences-flags-LZ:after { content: 'Surv.'; }
.absences-flags-L:after { content: 'Surv.'; }
.absences-flags-LM:after { content: 'Surv.'; }


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body { margin-top: -21px; } 
}