/*******************************************************************************************************/
/*                                                                                                     */
/*      BASE                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/


html {
	overflow-x:hidden;
	padding: 0 !important;
	margin:0px !important;
}

body {padding:0; font-size:16px;}

a:hover,
a:active, 
a:focus {outline:none;}
*:focus {outline: none;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px; margin:auto;}

.tooltip {z-index: 999;}
.tooltip.in {filter: alpha(opacity=100); opacity: 1;}
.tooltip.bottom {padding: 11px 0 0 10px; margin-top: 6px;}
.tooltip.top {padding: 14px 0; margin-top: -25px;}
.tooltip-inner {padding: 6px 24px; color: #fff; text-align: center; text-decoration: none; border-radius: 3px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.bottom .tooltip-arrow {top: -3px; left: 50%; margin-left: 20px; border-width: 0 5px 5px; border-bottom-color: #000;}
.tooltip.top .tooltip-arrow {bottom: 5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}

a.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.T10 {padding-top:10px;}
.T20 {padding-top:20px;}
.T30 {padding-top:30px;}
.T40 {padding-top:40px;}
.T50 {padding-top:50px;}
.T60 {padding-top:60px;}
.T70 {padding-top:70px;}
.B10 {padding-bottom:10px;}
.B20 {padding-bottom:20px;}
.B30 {padding-bottom:30px;}
.B40 {padding-bottom:40px;}
.B50 {padding-bottom:50px;}
.B60 {padding-bottom:60px;}

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


@media (max-width: 767px) {
	.tooltip {visibility: hidden;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {cursor:pointer;}
	.tooltip {visibility: hidden;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {cursor:pointer;}
	.tooltip {visibility: hidden;}
}

@media only screen and (max-device-width: 414px) and (max-device-height: 736px) {
	body {cursor:pointer;}
	.tooltip {visibility: hidden;}
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      MENU                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/


.top {background-color:#fff;}
.top .menu {padding:20px 20px 0 0; z-index:100000;}

.top .menu .nav > li > a {position: relative; display: block; color: #000; font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:0.75px; font-family: 'Open Sans', sans-serif; margin:0px; padding: 23px 5px 22px 5px;}
.top .menu .nav > li > a:hover,
.top .menu .nav > li > a:active,
.top .menu .nav > li > a:focus {background-color: transparent; color:#0074c8; text-decoration: none;}
.top .menu .nav .open > a,
.top .menu .nav .open > a:hover,
.top .menu .nav .open > a:active,
.top .menu .nav .open > a:focus {background-color: inherit; color:#0074c8;}

.top .menu ul {margin-bottom:0; padding-inline-start: 0px; border-radius:10px; float:right; background-color:#eee}
.top .menu ul li {display:inline-block; margin:0 10px; text-align:left; cursor:pointer; font-size:16px; font-weight:bold;}
.top .menu ul li .caret {color:#999; margin-left:5px;}

.top .menu ul li .dropdown-menu.niveau1 {padding:0; left:-10px; top:35px; background-color:#eee; border-radius:0px;}
.top .menu ul li .dropdown-menu.niveau1 li {padding:0; margin:0; width:100%;}
.top .menu ul li .dropdown-menu.niveau1 li a {font-size:14px;}
.top .menu ul li .dropdown-menu.niveau1 > li > a:hover,
.top .menu ul li .dropdown-menu.niveau1 > li > a:active,
.top .menu ul li .dropdown-menu.niveau1 > li > a:focus {color: #fff; text-decoration: none; background-color: #0074c8;}

.top .menu ul li .dropdown-menu.niveau2 {padding:0; left:-10px; top:35px; background-color:#eee; border-radius:0px;}
.top .menu ul li .dropdown-menu.niveau2 li {padding:0; margin:0; width:100%;}
.top .menu ul li .dropdown-menu.niveau2 li a {font-size:14px;}
.top .menu ul li .dropdown-menu.niveau2 > li > a:hover,
.top .menu ul li .dropdown-menu.niveau2 > li > a:active,
.top .menu ul li .dropdown-menu.niveau2 > li > a:focus {color: #fff; text-decoration: none; background-color: #0074c8;}



#page .top .logo {padding:10px 0 0 80px;}
#page .top .logo img {width:200px; height:auto}
#home .top .logo {visibility:hidden;}
#home .top .logo img {display:none;}






@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	#page .top .logo {text-align:center; margin:auto;}
	#page .top .logo img {height:90px;}
	#home .top .logo {visibility: visible; text-align:center; margin:auto;}
	#home .top .logo img {height:90px; display: inherit; float:inherit; text-align:center; margin:auto;}
	.top .menu {text-align:center; margin:auto; padding:15px 30px;}
	.top .menu ul {float: inherit; width:100%;}
	.top .menu ul li {text-align:center;}

}

@media (max-width: 767px) {
	#home .top .logo {visibility: visible;}
	#home .top .logo img {height:90px; display: inherit; float:inherit; text-align:right; margin:auto;}
	.bande-top {background-color:#fff; margin-top:0; height:auto}
	.bande-top .logo {padding:10px 15px 10px 25px;}
	.bande-top .logo img {width:180px; height:auto;}

	.section-menu {border-bottom: 1px solid #000; background-color:#fff;}

	.navbar-header {display:table; padding: 30px 5px 0 0; text-align:right;}
	.navbar-header .hamburger {display: table-cell; float: none; vertical-align: middle; }
	.navbar-header .assist {display: table-cell; float: none; vertical-align: middle; text-align:left; width:52px; font-size:13px; padding-top:2px;}
	.navbar-header .assist a {color: #888; text-decoration:none; cursor:pointer; padding-left:7px;}
	.navbar-header .navbar-toggle {float:right; margin:1px 0 0 0; padding: 0px; background-color: transparent; border: 0px solid transparent; border-radius: 0; z-index:1000;}
	.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus {background-color: transparent;}
	.navbar-header .navbar-toggle .icon-bar {width:35px; padding:2px; margin:5px auto; background-color: #092f6d;}
	.navbar-collapse {margin: auto; border:none;}

	.navbar-default {background-color: transparent; border-color: transparent;}
	.collapse.navbar-collapse {max-height:1000px; z-index:100;}

	 ul.dropdown-menu li {padding-left: 30px;}
	 li h4 {padding-left: 30px;}

	.menu {margin: 15px 0 15px 0; padding:0; width:auto; min-height:inherit; position: inherit;}
	.menu #accordion {margin: 0; padding: 0; }
	.menu #accordion dt,
	.menu #accordion .solo {padding: 15px 10px 15px 0px; font-size:18px; font-family: Arial, Helvetica, sans-serif; color: #333; font-weight: bold; border-top:#777 solid 1px; cursor: pointer; text-align:left;}
	.menu #accordion dt a,
	.menu #accordion .solo a {cursor: pointer; color: #333; text-decoration:none; padding: 15px 10px 15px 0px; }
	.menu #accordion dt .glyphicon {top:5px; color: #f1a905; float:right;}
	.menu #accordion dd {text-align:left; font-size:16px; padding-left:15px;}
	.menu #accordion dd li {padding-bottom:15px;}
	.menu #accordion dd li a {color: #0f5fa4; font-weight:bold; line-height:25px;}
	.menu #accordion dd li a:hover {text-decoration:none;}
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      HOMEPAGE                                                                                       */
/*                                                                                                     */
/*******************************************************************************************************/


#home .home-logo {position:absolute; top:80px; left:0px; z-index:100;}
#home .home-logo img {width:325px;}

#home .intro {margin-top:40px;}
#home .intro .photo {text-align:right;}
#home .intro .photo img {height:700px;}
#home .intro .texte {padding:170px 0 0 30px; font-size:14px; z-index:100;}
#home .intro .boutons {padding:35px 0 0 30px; z-index:100;}
#home .intro .boutons .btn {width:250px}
#home .intro .boutons .btn.news {margin-top:20px;}

#home .video {background-color:#fafafa; border-top:#666 solid 1px; border-bottom:#666 solid 1px; xpadding:30px 0;}
#home .video h2 {text-align:center; margin-bottom:30px; color:#F06;}
#home .video .presentation {padding:30px 0;}
#home .video .presentation .ecran {text-align:center;}
#home .video .presentation .ecran .box {width:500px; height:auto; margin:auto; border-radius:20px; overflow:hidden; box-shadow: 0px 0px 6px #888; padding:20px 0px;}
#home .video .presentation .ecran .box img {width:100%;}
#home .video .presentation .ecran .box iframe {border-width:0; xborder-radius:10px;}
#home .video .presentation .ecran .vignette {width:400px; margin:auto; padding:15px 15px 0 15px; font-size:13px; color:#555;}
#home .video .bouton {text-align:center; margin-top:30px;}

#home .main {height:auto;}
#home .main .rubriques {padding:30px;}
#home .main .rubriques h2 {text-align:center; margin-bottom:30px; color:#F06;}
#home .main .rubriques p {font-size:14px; padding:0 40px; text-align:justify;}


@media (min-width: 992px) and (max-width: 1199px)  {
	#home .home-logo {top:100px;}
	#home .home-logo img {width:300px;}
	#home .intro .texte {padding:170px 0 0 20px;}
	#home .intro .bouton {padding:50px 0 0 20px;}
	#home .video .presentation .ecran .box {width:475px; height:auto; padding:15px 0px;}
	#home .video .presentation .ecran .vignette {width:400px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	#home .home-logo {visibility:hidden}
	#home .home-logo img {display:none;}
	#home .intro {margin-top:0px;}
	#home .intro .photo {text-align:center;}
	#home .intro .photo img {height:550px;}
	#home .intro .texte {padding:20px 45px 0 45px; text-align:justify;}
	#home .intro .bouton {padding:20px 0 50px 45px;}
	#home .video .presentation .ecran {margin-bottom:25px;}
	#home .video .presentation .ecran .box {}
	#home .video .presentation .ecran .vignette {}
	#home .main .rubriques {padding:15px;}
	#home .main .rubriques h2 {margin-bottom:20px;}
	#home .main .rubriques p {font-size:14px; padding:0 10px; text-align:left;}
}

@media (max-width: 767px) {
	#home .home-logo {visibility:hidden}
	#home .home-logo img {display:none;}
	#home .intro {margin-top:0px;}
	#home .intro .photo {text-align:center;}
	#home .intro .photo img {height:auto; width:100%;}
	#home .intro .texte {padding:20px 45px 0 45px; text-align:justify;}
	#home .intro .bouton {padding:20px 0 50px 0;text-align:center;}
	#home .video {padding:20px 0;}
	#home .video .presentation {padding:0;}
	#home .video .presentation .ecran {margin-bottom:25px;}
	#home .video .presentation .ecran .box {width:450px; height:auto; padding:15px 0px;}
	#home .video .presentation .ecran .vignette {width:400px;}
	#home .video .bouton {text-align:center; margin-top:10px;}
	#home .main .rubriques {padding:15px;}
	#home .main .rubriques h2 {margin-bottom:20px;}
	#home .main .rubriques p {font-size:14px; padding:0 10px; text-align:left;}
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGES SECONDAIRES                                                                              */
/*                                                                                                     */
/*******************************************************************************************************/

#page .main {margin-top:50px;}
#page .photo {padding-top:3px;}
#page .photo img {width:100%;}
#page .texte {padding-left:35px;}
#page .texte h1 {margin:0 0 30px 0; color:#337ab7; font-size:28px;}



@media (min-width: 992px) and (max-width: 1199px)  {}
@media (min-width: 768px) and (max-width: 991px)  {}
@media (max-width: 767px) {}







/*******************************************************************************************************/
/*                                                                                                     */
/*      GRILLES                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


#grille main {padding-top:50px; padding-bottom:50px; background-color:#000;}
#grille .photo {padding:10px;}
#grille .photo img {width:100%; height:auto;}
#grille figure {position: relative; margin: 0;}
#grille figure img {max-width: 100%; display: block; position: relative;}
#grille figcaption {top: 0; left: 0; padding: 10px; background: #222;}
#grille figcaption h4 {margin: 0; padding: 5px 0 0 3px; color: #fff; font-size:12px;}
#grille figcaption h4 span {color: #FC0;}
#grille figcaption .boutons {margin:12px 0 5px 3px}
#grille figcaption a {text-align: center; padding: 5px 10px; margin-right:10px; border-radius:3px; border:#555 thin solid; display: inline-block; color: #999; text-decoration:none; font-size:10px; font-family: 'Open Sans', sans-serif;}
#grille figcaption a:hover {color: #FC0; text-decoration:none;}
#grille figcaption a:active, figcaption a:focus {color: #999; text-decoration:none;}


/*******************************************************************************************************/
/*                                                                                                     */
/*      FOOTER                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/






/*******************************************************************************************************/
/*                                                                                                     */
/*      MODALS                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/