body {
	margin: 0;
	padding: 0;
	/*background: url(../images/cover-section1.jpg) no-repeat top fixed;*/
	width: 100%;
	height: 100%;
/*	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
	font-family:'Open Sans', sans-serif;
}


/*#bg { position: fixed; top: 0; left: 0; z-index: -1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }*/

#bg {
			position:fixed; 
			top:-50%; 
			left:-50%; 
			width:200%; 
			height:200%;
			z-index: -1;
			display: none;
		}
#bg img {
			position:absolute; 
			top:0; 
			left:0; 
			right:0; 
			bottom:0; 
			margin:auto; 
			min-width:50%;
			min-height:50%;
}

.wrapper{
	margin-left: 100px;
}
#sidebar {width:250px;float:left;}
#content {max-width:1000px;margin-left: auto;margin-right: auto;padding-left: 30px;padding-right: 30px;}

.clear:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}
nav {width:213px;background-color:#030000;border: 2px solid #4F4D4D;padding:0 12px;}
nav.stickydiv {position: fixed;top: 0;z-index: 10000;margin-top:12px;}
#topbar ul {list-style-type:none;margin:0;padding:0;}
nav li {padding:5px 10px;}
nav li a {color:#fff;font-weight:700;line-height: 25px;}
a{text-decoration:none;}
.active {color: #FFF;text-decoration: none;}

/*p
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
}*/

.espace
{
	padding-top: 50px;
}

#topbar li 
{
	position: absolute;
}
#topbar li a 
{
	display: none;
	margin-left: 5px;
	
	padding-left: 100px;
}

#topbar li a:hover 
{
	color: white;
}


#bloc

{
	display: none;
	position: fixed;
	top:0;
	left: 101px;
	width: 100%;
	height: 33px;
	background-color: #28455a;
	z-index: 2;
}

.cache {display: none;}
.active {display: block!important;}
.chap { 
	float: left;
	margin-top: 5px;
	margin-left: 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 23px;
	color: #FFB703;


}


section 
{
/*padding-top: 40px!important;*/
}
.photo
{
width: 100%;
height: 100%;
/*margin-left: 71px;*/

}
.titre_content
{
	opacity: 1;
}

.titre_box
{
	position: absolute;
	bottom: 100px;
	left: 100px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
	
	/*width: 100%;*/
	/*padding-left: 70px;*/
	text-align: center;
	padding-bottom: 30px;
	border-top: 1px solid #e3a433;
	border-bottom: 1px solid #e3a433;
}
.titre_box h3
{
	color: #FFF;
}

#fleche
{
width: 100px;
height: 100px;
position: absolute;
bottom: 40px;
left: 49%;
display: none;
}
#loader
{
width: 100px;
height: 100px;
position: absolute;
bottom: 40px;
left: 50%;
display: none;
}

#title {
	/*max-width: 1000px;*/
	height: 100%;
	/*margin-left: auto;margin-right:auto;padding-left: 30px;padding-right: 30px;position: relative;*/
	}
#title h3 {text-align: center;font-weight: bold;font-size: 45px;color:#fff;}
#title h1 {text-align: center;position: absolute;bottom: 100px;}

#maindiv
{
	background-color: #FFF;
}


footer {
	background-color: #FFF;
	/*margin-top: 35px;*/
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px 0px 5px;
	border-color: #e3a433;

}

footer p{
	color:#000;
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0 0;
}
footer a
{
	color: #396382;
	text-decoration: none;
	font-weight: 600;
}

.nav-hz-content {
	max-width: 1000px;
	margin: auto;
	}

.nav-hz {
	height: 80px;
	margin-top: 50px;
	background-color: #396382;
}


.nav-hz a {
	display: block;
	width: 168px;
	height: 80px;
}

.prev-hz {
	float: left;
	background-image: url(../images/left-arrow_orange.png);
	background-position: 50% 50%;
	background-size: 35px;
	margin-left: 50px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	transition: all 500ms ease;	
}

.prev-hz:hover {
	background-image: url(../images/left-arrow_white.png);
}


.prev-hz-label {
	padding-top: 21px;
	margin: 0 0 0 120px;
	font-weight: 600;
	color: #fff;
}



.next-hz {
	background-image: url(../images/right-arrow_orange.png);
	background-position: 50% 50%;
	background-size: 35px;
	margin-right: 50px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	transition: all 500ms ease;
	float: right;

}

.next-hz:hover {
	background-image: url(../images/right-arrow_white.png);
}


.next-hz-label {
	padding-top: 21px;
	margin: 0 120px 0 0px;
	font-weight: 600;
	color: #fff;
}

footer .logo-title {
	max-width: 800px;
	margin: auto;
	padding: 15px 15px 0 15px;
}

footer .logo-title img {
	width: auto;
	margin: auto;
	margin: 0 15px 0 0; 
}

footer p.caption {
	font-size: 14px;
	line-height: 15px;
	padding: 0 15px;
	margin: 0 15px;
}

#overlay 
{
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.visible
{
	display: block!important;
}

.blanc
{
	background-color: #fff;
}

/*--------------------   menu -------------------------*/


.nav-bar
{
z-index: 1001;
position: fixed;
left: 0px;
top: 0px;
bottom: 0px;
width: 100px;
height: 100%;
border: 1px solid #b8b8b8;
background-color: white;
}


.nav-bar a 
{
	position: relative;
left: 0px;
top: 0px;
display: block;
margin: 0px auto;
padding: 0px;
float: none;
clear: none;
color: #00e;
text-align: left;
}





.logo
{
width: 85px;
height: auto;
margin-top: 10px;
padding: 7px;
background-color: transparent;
text-align: center;
}

.nav-bar .divider
{
width: 100%;
height: 2px;
min-width: 0px;
margin-top: 10px;
margin-bottom: 8px;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #396382;
}

.menu-btn
{
	display: block;
width: auto;
height: 55px;
min-width: 0px;
margin: 25px auto 0px;
padding: 0px;
float: none;
clear: none;
background-image: url(../images/menu_blue.png);
background-position: 50% 50%;
background-size: 45px;
background-repeat: no-repeat;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: all 500ms ease;
}


.menu-btn:hover {
    background-color: white;
    background-image: url(https://uploads.webflow.com/55d4430ca7d26e417c0ab5cc/55d5dc11b4ce9258656a1866_menu_orange.png);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: none 0ms ease;
}

.prev-btn {
    width: 68px;
    height: 65px;
    min-width: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: none;
    clear: none;
    border-top-style: none;
    border-top-width: 0px;
    background-image: url(../images/left-arrow_blue.png);
    background-position: 50% 50%;
    background-size: 45px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    transition: all 500ms ease;
}

.prev-btn-inactif {
    width: 98px;
    height: 65px;
    min-width: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: none;
    clear: none;
    border-top-style: none;
    border-top-width: 0px;
    background-image: url(../images/left-arrow_blue.png);
    background-position: 50% 50%;
    background-size: 45px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    transition: all 500ms ease;
    opacity: 0.3;
}
.inactif
{
	opacity: 0.3;
}

.prev-btn:hover {
    background-image: url(../images/left-arrow_orange.png);
}
.next-btn {
    width: 98px;
    height: 60px;
    min-width: 0px;
    background-image: url(../images/right-arrow_blue.png);
    background-position: 50% 50%;
    background-size: 45px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.next-btn-inactif {
    width: 98px;
    height: 60px;
    min-width: 0px;
    background-image: url(../images/right-arrow_blue.png);
    background-position: 50% 50%;
    background-size: 45px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
    opacity: 0.3;
}

.next-btn:hover {
    background-image: url(../images/right-arrow_orange.png);
}


.top-btn {
    position: relative;
    width: 100px;
    height: 65px;
    min-width: 0px;
    margin-top: 25px;
    background-image: url(../images/up-arrow_blue.png);
    background-position: 50% 50%;
    background-size: 50px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.top-btn:hover {
    background-image: url(../images/up-arrow_orange.png);
}

.menuplus-btn
{
width: 100%;
height: 45px;
margin-top: 35px;
min-width: 0px;
background-image: url(../images/more_blue.png);
background-position: 50% 50%;
background-size: 45px!important;
background-repeat: no-repeat;
}
.menuplus-btn:hover {
    background-image: url(../images/more_orange.png);
}


/*-------------------------------------------------------*/


.test
{
	width: 600px;
	height: 1500px;
	/*background-color: #396382;*/
	background-color: red;
}

/*------------------ INDEX --------------------------------*/

.scrollbox {
                position: fixed;
                top: 0px;
                left:101px;
                width: 600px;
                height: 110%;
                background-color: #396382;
                overflow: scroll;
                -webkit-overflow-scrolling: touch;
                z-index: 5000;
                display: none;
                box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px 2px, rgba(0, 0, 0, 0.06) 3px 3px 21px 0px;
        }

.scrollbox2 {
                position: fixed;
                top: 0px;
                left:101px;
                width: 600px;
                height: 110%;
                background-color: #396382;
                overflow: scroll;
                -webkit-overflow-scrolling: touch;
                z-index: 5000;
                
                box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px 2px, rgba(0, 0, 0, 0.06) 3px 3px 21px 0px;
        }


.scrolldesktop
{

	width: 585px!important;
	height: 110%;
	overflow-x: hidden;
	position: fixed;
                top: 0px;
                left:101px;
display: none;
z-index: 4999;
box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px 2px, rgba(0, 0, 0, 0.06) 3px 3px 21px 0px;
}


        .touchDiv {
            position: relative;
            width:100%;
            height:80px;
            background-color: #FFBBBB;
        }


.nav-overlay
{
position: absolute;
overflow: hidden;
display: none;
top: 100%;
left: 0;
right: 0;
width: 100%;
}

.index 
{
	position: absolute;
z-index: 1;
min-width: 400px;
margin-top: -1px;
margin-left: 69px;
background-color: #396382;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px, rgba(0, 0, 0, 0.06) 3px 3px 21px 0px;
color: white;
}
.menusection
{
position: fixed;
left: -18px;
top: 0px;
bottom: 0px;
z-index: 0;
display: none;
overflow-x: visible;
overflow-y: visible;
width: 300px;
height: 100%;
margin-left: 87px;
padding: 15px 0px;
background-image: linear-gradient(270deg, #ff5722, #de4314);
box-shadow: rgba(0, 0, 0, 0.54) 1px 1px 3px 0px;
}


.indextest
{
	z-index: 1000;
	position: fixed;
	width: 600px;
	height: 100%;
	margin-left: 72px;
	background-color: #396382;
	box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px 2px, rgba(0, 0, 0, 0.06) 3px 3px 21px 0px;
	color: white;
	display: none;
	-webkit-transform: translateX(0px) translateY(0px); height: 100%; transition: -webkit-transform 400ms; -webkit-transition: -webkit-transform 400ms;
}



.anim
{
	max-width: 400px;
	display: block;
	-webkit-transform: translateX(0px) translateY(0px); height: 100%; transition: -webkit-transform 400ms; -webkit-transition: -webkit-transform 400ms;
}


.animated { 
    -webkit-animation-duration: .5s; 
    animation-duration: .5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(-600px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(-600px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}

@-webkit-keyframes fadeInright { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(-600px); 
    } 
} 
@keyframes fadeInright{ 
    0% { 
        opacity: 1; 
        transform: translateX(0px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(-600px); 
    } 
} 
.fadeInright { 
    -webkit-animation-name: fadeInright; 
    animation-name: fadeInright; 
}


.menuplus
{
	z-index: 1000;
	position: fixed;
	width: 300px;
	height: 100%;
	margin-left: 102px;
	/*background-color: #e3a433;*/
	background-color: rgba(231, 218, 195, 1);
	box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px 2px, rgba(0, 0, 0, 0.01) 3px 3px 21px 0px;
	color: #396382;
	display: none;
	-webkit-transform: translateX(0px) translateY(0px); height: 5685px; transition: -webkit-transform 400ms; -webkit-transition: -webkit-transform 400ms;
}

.bout 
{
	
}
.menuinfo
{
	font-family: 'Open Sans', sans-serif; 
	width: 100px;
	font-size: 12px;
	color: #396382;
	text-align: center;
	font-weight: 700;
}

/*-------------- index textes -------------------*/

#menuindex h1
{
	font-family:'Open Sans', sans-serif;
	display: block;
	font-size: 24px;	
	text-align: center;
/*	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;*/
	font-weight: bold;
	margin: 0!important;
}

.index-list-item {
    margin-bottom: 8px;
    margin-left: 0px;
    padding-top: 7px;
    padding-left: 20px;
    border-top: 1px solid #e09200;
}


.nav-links .index-list-item
{
	display: inline-block;
	width: 355px;
	padding: 5px;
	float: left;
	border-top-style: none;
	border-top-width: 0px;
	color: white;
	font-size: 15px;
	line-height: 10px;
	font-weight: 600;
	list-style-type: disc;
}

#menuindex ul{
	text-align: left;
	margin-bottom: 10px;
}


.text-size-adjust
{
	background-color: #
}

/*-------------- MENU PLUS TEXTES --------------*/

#plusmenu h1
{
	font-family:'Open Sans', sans-serif;
	display: block;
	font-size: 24px;	
	text-align: center;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	color: #396382;
	/*border-top: 1px solid #396382;*/
	border-bottom: 1px solid #396382;

}

#plusmenu li
{
	margin-top: 8px;
	color: #666666;
	list-style-type: square;
}

#plusmenu a
{
	color: #666666!important;
	font-weight: bold!important;
}


/*-----------  Accordeon ---------------*/


.ac-container{
	width: 600px;
	margin: 0px auto 30px auto;
	text-align: left;
}
.ac-container label, .lienDirect a
{
	font-family:'Open Sans', sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #FFF;
	line-height: 33px;
	font-size: 16px;
	border-top: 1px solid #6F8093;
	/*background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);*/
}
.ac-container label:hover{
	background: #284058;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	
	color: #FFF;
	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
}
.ac-container article p{
	color: #FFF;
	line-height: 23px;
	font-size: 16px;
	padding-left: 20px;
}
.ac-container article a{
	color: #FFE8CA;
}
.ac-container article a:hover{
	/*color: #e3a433*/
}

.ac-container article li{
	margin-top: 8px;
	color: #e3a433;
	/*list-style-image: url(../images/arrow_orange.png);*/
	list-style-type: disc;
	line-height: 24px;
}

.ac-container article ul ul li{
	margin-top: 3px;
	color: #b78529;
	/*list-style-image: url(../images/arrow_orange.png);*/
	list-style-type: square;
	line-height: 18px;
	font-size: 14px
}

.ac-container article ul ul li a
{
	color: #fff;
	font-weight: 600;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
/*	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);*/
}
.ac-container input:checked ~ article.ac-small{
	height: 195px;
	padding-right: 30px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 250px;
	padding-right: 30px;
}
.ac-container input:checked ~ article.ac-large{
	height: 440px;
	padding-right: 30px;
}
.ac-container input:checked ~ article.ac-xlarge{
	height: 930px;
	padding-right: 30px;
}

.checked
{
	color: #555;
}

/*---------------------- tooltip ----------------------------*/


.tooltip
{
	color: #28455a;
	font-weight: bold;
	cursor: pointer;
}

.design
{
	font-size: 9px;
	width: 95%;
	text-align: center;
	margin-right: 10px;
	margin-top: 10px;
}