﻿/*## PAGE: (inherit), fixed ##*/
/*## FRAME: (inherit) ##*/
/*## FRAME_ROW: (inherit) ##*/
/*## PART_SECTION_ID: (inherit),, speech ##*/
/*## PART_SECTION_CLASS: (inherit),, section-dark, section-light, section-transparent, section-background ##*/
/*## PART_CONTAINER_ID: ##*/
/*## PART_CONTAINER_CLASS: (inherit),, section-content, speech-open, speech-close ##*/
body
{
	background-color:rgba(12,9,50,1);
	color:#fff;
	font-family:'Century Gothic','Lucida Sans Unicode','Lucida Grande',sans-serif;
	font-size:14px;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
}

.fixedMenu nav 
{
    height:63px;
}
.popup 
{
    color:#000;
}
a:link, a:hover, a:visited 
{
    color:#fff;
}
h1,h2,h3,h4,h5,h6
{
	color:#fff;
	font-family:'Century Gothic','Lucida Sans Unicode','Lucida Grande',sans-serif;
	font-weight:400;
	line-height:1.25;
}
h1
{
	display:none;
}
h2 
{
	color:#fff;
	font-family:'Open Sans','Century Gothic','Lucida Sans Unicode','Lucida Grande',sans-serif;;
	font-size:28px;
	font-weight:200;
	margin:0 0 30px 0;
}
a.edit-link 
{
	position:absolute;
	top:2px;
	left:10px;
	z-index:400;
}
header
{
	height:700px;
	width:100%;
	font-size: 16px;
    letter-spacing: 3px;
    padding:0;
}
header p
{
    text-align:center;
}
.slide {
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	display:none;
	position:absolute;
}
#slide-1 {
	background-image:url('Images/fond-1.jpg');
	z-index:100;
}
#slide-2 {
	background-image:url('Images/fond-2.png');
	z-index:200;
}
#slide-3 {
	background-image:url('Images/fond-3.png');
	z-index:300;
}
#slide-4 {
	background-image:url('Images/fond-4.png');
	z-index:400;
}
#slide-5 {
	background-image:url('Images/fond-5.png');
	opacity:0;
	z-index:500;
}
#slide-6 {
	z-index:600;
}
#century {
	font-size:24px;
	position:absolute;
	margin-top:80px;
	width:100%;
}
#logo-cic {
	background:url('Images/logo-cic.png') no-repeat center top;
	display:inline-block;
	height:23px;
	position:absolute;
	text-indent:-9999px;
	width:100%;
}
#please-scroll 
{
    background:url('images/arrow_down_full.png') no-repeat center top;
	display:inline-block;
	height:27px;
	opacity:0.8;
	position:absolute;
	text-indent:-9999px;
	width:100%;
}
#logo 
{
    background-image:url('Images/logo_the_bridge_full.png');
    background-repeat:no-repeat;
    background-position:center 10px;
    background-color:rgba(12, 9, 50, 0.8);
    box-shadow:-1px 1px 5px 1px rgba(12,9,50,0.5); 
	height:50px;
	left:0;
	margin-top:0;
	padding:10px 0;
	position: fixed;
	text-indent:-9999px;
	top:0;
	width:100%;
	z-index:9998;
}
.single-page-menu
{
    height:62px;
	z-index:9999;
}
.single-page-menu .menu li a {
	font-size:18px;
}
.fixedMenu #logo 
{
    height:100px;
}
.fixedMenu .single-page-menu 
{
	box-shadow:none; 
	top:60px;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.single-page-menu .selected-background 
{
	border-bottom: 1px solid #fff;
}
.single-page-menu .menu li.selected a 
{  
	color:#fff;
}
.fixedMenu .single-page-menu .menu li a, .fixedMenu .single-page-menu .menu li.selected a 
{
	color:#fff;
}
.fixedMenu #back-to-top 
{
    background-color:rgba(12,9,50,0.8);
    bottom:105px;
    right:10px;
}
section
{
	clear:both;
}
.section-dark
{
	background-color:#014075;
}
.section-light
{
	background-color:#fff;
}
.section-transparent
{
}
.section-background 
{
	position:absolute;
	left:0px;
	right:0px;
	overflow:hidden;
	width:100%;
	margin-bottom:0px;
	z-index:-1;
}
.section-content
{
	font-family:"Open Sans","Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","SegoeUI", Segoe UI, Verdana, Tahoma, Arial, Helvetica;
	font-size:14px;
	padding:40px 0;
	margin:0 auto;
	width:710px;
}
.section-content h2
{
	font-size:30px;
	font-weight:200;
}
.section-light .section-content
{
    color:#777;
}
.section-light .section-content h2
{
    color:#777;
}
.section-content p
{
	text-align:justify;
}
.section-content p:last-child
{
	margin-bottom:0;
}
#speech .speech-open
{
    background:url('Images/quote-open.png') no-repeat top left;
    padding-top:20px;
}
#speech .speech-close
{
    background:url('Images/quote-close.png') no-repeat bottom right;
    padding-bottom:20px;
}
#speech.section-content h2 
{
    margin-bottom:0;
}
#speech .section-content p
{
    width:410px;
    margin:20px auto;
}
#label-14-18 
{
    display:block;
	width:100px;
	height:95px;
	text-indent:-9999px;
	position:fixed;
	z-index:999;
	right:0;
	bottom:0;
	background:url("Images/logo-label_centenaire_14-18.png") no-repeat 0 0;
}
#membres
{
    border:0;
    border-collapse:collapse;
}
#membres tr td:first-child 
{
    padding:60px 0 0 0;
    vertical-align:top;
}
#membres tr td:last-child 
{
    padding:50px 0 0 20px;
}
#membres tr td:last-child p:first-child
{
    font-family:'Open Sans','Century Gothic','Lucida Sans Unicode','Lucida Grande',sans-serif;;
	font-size:20px;
	font-weight:400;
	margin-top:0;
	text-align:left;
}
footer 
{
    text-align:center;
}
@media screen and (max-width: 927px) 
{
    .fixedMenu nav
    {
        height:0;
    }
    .edit-link 
    {
        display:none;
    }
    #logo 
    {
        background:rgba(12,9,50,1) url('Images/logo_the_bridge_mini.png') no-repeat center 12px;
        box-shadow:-1px 1px 5px 1px rgba(12,9,50,0.5); 
        height:40px;
	    -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
    }
    #please-scroll 
    {
        background:url('images/arrow_down_mini.png') no-repeat center top;
    }
    .fixedMenu #logo 
    {
        height:40px;
    }
    .single-page-menu .burger, .fixedMenu .burger 
    {
        display:none;
    }
    .single-page-menu .burger 
    {
        background:url('images/burger_close_w.png') no-repeat 0 2px;
    }
    .fixedHeader .burger 
    {
        display:block;
        top:12px;
    }
    .single-page-menu 
    {
        margin-top:60px;
    }
    .fixedMenu .single-page-menu 
    {
	    background-color:transparent;
        box-shadow:none;
        margin-top:60px;
	    top:0px;
	    -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
    }
    .single-page-menu .menu li
    {
        background-color:rgba(12,9,50,1);
        border-bottom:1px solid #fff;
    }
    .single-page-menu .menu li:first-child
    {
        border-top:1px solid #fff;
    }
    .fixedMenu .single-page-menu .menu li a, .fixedMenu .single-page-menu .menu li.selected a {
        color: #fff;
    }
    .section-content h2
    {
        text-align:center;
    }
    #back-to-top 
    {
        opacity:1;
        text-indent:-9999px;
        visibility:visible;
    }
    .fixedHeader #back-to-top
    {
        background:url('images/arrow_up_mini.png') no-repeat 5px 5px rgba(12,9,50,0.8);
        bottom:12px;
        display:block;
        height:46px;
        margin:0;
        padding:0;
        position:fixed;
        right:5%;
        width:45px;
    }
    .fixedMenu #back-to-top
    {
        display:block;
    }
}
@media screen and (max-width: 910px) 
{
    #label-14-18 
    {
	    height:92px;
	    background:url("Images/logo-label_centenaire_14-18.jpg") no-repeat 0 0;
	    margin:0 auto;
        position:relative;
    }
}
@media screen and (max-width: 767px) 
{
    .section-content
    {
        margin:0 5% 0 5%;
        width:90%;
    }
    .ojcVideoPlayer 
    {
        margin-bottom:0;
    }
    #membres tr td:first-child 
    {
        display:none;
    }
    #membres tr td:last-child 
    {
        border-top:1px solid #fff;
        padding:15px 0 15px 0;
    }
    #speech .speech-open
    {
        background:none;
        padding-top:0;
    }
    #speech .speech-close
    {
        background:none;
        padding-bottom:0;
    }
    #speech .section-content p
    {
        width:100%;
    }
}
@media screen and (max-width: 400px) 
{
    #logo 
    {
        background-position:10px 12px;
    }
    #century {
	    font-size:16px;
    }
}
/* -------- Edit -------- */
.edit  
{
    background-image:none;
}
.edit header 
{
    height:80px;
}
.fixedMenu #partTypes 
{
    position:fixed;
    right:5px;
    top:100px;
    width:250px;
}
.edit tr.item td, .edit table.propertySheet td
{
    background-color:#fff;
    color:#000;
}
.edit .ojcControl h3 
{
    color:#000;
}