body { font-family: 'notoRegular', Arial, sans-serif; }

.top-all { background: #303636; padding-top: 5px; height: 30px; text-align: right; }

.header-all-wrap { height: 95px; }
.header-all { background: #fff; z-index: 900; top: -60px;  }
.header { height: 65px; padding: 15px 0; }
.logo { width: 230px; display: block; }

.heading { padding: 65px 0 75px 0; position: relative; background-repeat: no-repeat; background-position: top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.heading:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(32,54,54,0.85); z-index: 10;}

.container { max-width: 1300px; }
.content-page { padding-bottom: 60px; }

/* --------------------------- Menu Haut */
#text-3 { float: right; margin-right: 20px; letter-spacing: 1px; font-family: 'notoBold', Arial, sans-serif; color: #fff; border-right: 1px solid #666; padding-right: 20px; }

#nav_menu-5 { float: right; }
#nav_menu-5 a { display: inline-block; font-size: 12px; color: #aaa; padding-left: 25px; background: url(../images/icon-espace.png) no-repeat left; }
#nav_menu-5 a:hover { color: #fff; }

/* --------------------------- Menu Responsive */
#nav_menu-2 { position: absolute; right: 0; bottom: 20px; text-align: right; }
.menu-menu-principal-container li { display: inline-block; padding-left: 25px; }
.menu-menu-principal-container a { font-family: 'notoBold', Arial, sans-serif; display: inline-block; font-size: 12px; color: #303636; line-height: 18px; text-transform: uppercase; padding-top: 18px; position: relative; }
.menu-menu-principal-container a:before { content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -4px; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.menu-menu-principal-container a:hover { color: #303636; }
.menu-menu-principal-container a:hover:before { background: #ccc; }
.menu-menu-principal-container .current-menu-item a:before { background: #00b1e7; }

#mobile-nav { display: none; position: absolute; top: 29px; right: 0; width: 90px; line-height: 36px; background: #fff; text-align: center; text-transform: uppercase; color: #222; text-decoration: none; border: 1px solid #ddd; }
#mobile-nav img { vertical-align: middle; margin-right: 7px; }

/* --------------------------- Header fixe */
.logo-picto { display: none; width: 22px; padding-top: 3px; }
.header-fixe { position: fixed; top: 0; left: 0; right: 0; }
.header-fixe .logo { display: none; }
.header-fixe .logo-picto { display: block; }
.header-fixe { background: #1c2020; }
.header-fixe .header { height: 50px; padding: 0; }
.header-fixe #nav_menu-2 { bottom: 6px; }
.header-fixe .menu-menu-principal-container a { padding-top: 13px; color: #eee; }
.header-fixe .menu-menu-principal-container a:before { background: #1c2020; }
.header-fixe .menu-menu-principal-container a:hover:before { background: #ccc; }
.header-fixe .menu-menu-principal-container .current-menu-item a:before { background: #00b1e7; }
.header-fixe .menu-menu-principal-container a:hover { color: #fff; }

/* --------------------------- Headers */
h1 { font-family: 'freightsansproBook', Arial, sans-serif; color: #fff; font-size: 45px; line-height: 1.2; text-align: center; text-transform: uppercase; margin: 0; position: relative; z-index: 20; padding: 0 20px; }
h2 { font-family: 'freightsansproBook', Arial, sans-serif; color: #000; font-size: 31px; margin-bottom: 20px; }
h3 { font-family: 'notoBold', Arial, sans-serif; color: #000; font-size: 17px; margin-bottom: 10px; }
h4 { font-family: 'notoBold', Arial, sans-serif; color: #000; font-size: 13px; margin-bottom: 6px; text-transform: uppercase; }

h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }

h2 a, h3 a { color: #222; text-decoration: none; }
h2 a:hover, h3 a:hover { color: #00b1e7; text-decoration: none; }

strong { font-family: 'notoBold', Arial, sans-serif; }

.content-page ul { text-align: left; }

blockquote { padding: 20px 25px; font-style: italic; font-size: 17px; line-height: 30px; text-align: left; color: #fff; background: #222; }

hr { margin: 50px 0; }

.content-page li a { text-decoration: underline; }
.content-page a:hover { color: #00b1e7; }
a:focus { text-decoration: none; }

.table thead td, .table th { background: #222; border: 1px solid #222; color: #fff; font-weight: normal; font-family: 'notoBold', Arial, sans-serif; }

/* --------------------------- Grille */
.home .heading { padding: 40px 0 230px 0; }
.home h1 { font-size: 58px; }

.intro { text-align: center; color: #fff; font-size: 19px; padding-top: 10px; position: relative; z-index: 20; }

.row { padding-top: 50px; }
.gris {  padding-bottom: 50px; background: #f5f5f5; margin-top: 50px; }
.gris:first-child { margin-top: 0; }

.one-full, .intro { max-width: 850px; margin: 0 auto; }

.one-half { width: 47.5%; float: left; margin-right: 5%; }
.reverse .one-half{ float: right; margin-right: 0; margin-left: 5%; }
.last, .reverse .last { margin-right: 0; margin-left: 0; }

/* --------------------------- Blocs Home */
.blocs-home { margin-top: -200px; position: relative; z-index: 20; }
.blocs-home span { width: 25.3333333333%; margin: 0 2%; padding: 2%; float: left; display: block; text-decoration: none; }
.blocs-home h2 { color: #111; font-family: 'notoBold', Arial, sans-serif; font-size: 15px; text-transform: uppercase; text-align: center; margin: 0; padding-top: 15px; }
.blocs-home img { min-width: 100%; }
.blocs-home span:hover { background: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -o-transform: translate(0, -8px); -ms-transform: translate(0, -8px); transform: translate(0, -8px); }

/* --------------------------- Sous menu */
.sous-menu-all { border-bottom: 1px solid #ddd; -moz-box-shadow: 0 4px 0 0 #f5f5f5; -webkit-box-shadow: 0 4px 0 0 #f5f5f5; -o-box-shadow: 0 4px 0 0 #f5f5f5; box-shadow: 0 4px 0 0 #f5f5f5; }
.sous-menu { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; }
.sous-menu a { display: table-cell; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; padding: 25px 5px; text-decoration: none; }
.sous-menu a:hover { color: #222; background: #f5f5f5; text-decoration: none; }

/* --------------------------- Gallery */
.gallery-item { float: left; width: 20%; }
.gallery-item img { opacity: 1; }
.gallery-item img:hover { opacity: 0.5; }
.wp-caption-text { font-size: 14px; color: #00b1e7; padding: 10px 15px; line-height: 25px; font-style: italic; }
.wp-caption { min-width: 100%; max-width: 100%; margin: 0 auto; border: 1px solid #ddd; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* --------------------------- Gallery 1 colonnes - Slider */
.gallery-columns-1 { position: relative; list-style: none; border: 5px solid #fff; -moz-box-shadow: 0 0 0 1px #ddd; -webkit-box-shadow: 0 0 0 1px #ddd; -o-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; overflow: hidden; width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallery-columns-1 dl { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.gallery-columns-1 dl, .gallery-columns-1 dt { height: 415px; }
.gallery-columns-1 dl:first-child { position: relative; display: block; float: left; }
.gallery-columns-1 img { display: inline-block; height: auto; border: 0; width: auto; max-height: 100%; display: block; margin: 0 auto; float: none; vertical-align: middle; }

.content-page .rslides_tabs { padding: 10px 0 0 0; }
.content-page .rslides_tabs li { display: inline; float: none; list-style: none; margin-right: 4px; }
.rslides_tabs a { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: #aaa; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.rslides_tabs .rslides_here a { background: #111; }

/* --------------------------- Footer */
.footer-all { background: #303636; }
.footer { padding: 0 0 30px 0; color: #fff; font-size: 12px; text-align: center; }

#nav_menu-4 { padding: 40px 0; }
#nav_menu-4 a { font-family: 'notoBold', Arial, sans-serif; display: inline-block; font-size: 16px; color: #fff; background: #00b1e7; text-transform: uppercase; padding: 15px 40px; border-radius: 3px; }
#nav_menu-4 a:hover { color: #303636; background: #fff; }

#text-2 { border-top: 1px solid #4f5454; border-bottom: 1px solid #4f5454; padding: 20px 0; }
#text-2 img { height: 45px; width: auto; margin: 0 8px; }

#nav_menu-3 { padding: 40px 0; }
#nav_menu-3 li { display: inline; margin: 0 10px; }
.footer #nav_menu-3 a { color: #aaa; }
.footer #nav_menu-3 a:hover { color: #fff; }

#no { color: #888; font-size: 11px; }
#no:hover { color: #fff; }

/* --------------------------- Liens */
.btn, .primary, input[type="submit"], input[type="submit"].primary { background: #00b1e7; color: #fff; }
.btn:hover, .primary:hover, input[type="submit"]:hover, input[type="submit"].primary:hover { background: #222; color: #fff; }

.visual-form-builder-container { margin: 0; }
fieldset { margin: 0; }
.vfb-submit { margin-top: 25px; }

.vfb-item-checkbox .vfb-span, .vfb-item-radio .vfb-span { display: block; }
.vfb-item-checkbox div label, .vfb-item-radio div label { display: inline; margin: 0 0 0 5px; }

/* --------------------------- Transitions */
.menu-menu-principal-container a:before, a h2, .header-fixe { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }

/* --------------------------- Font face */
@font-face { font-family: 'freightsansproBook'; src: url('../fonts/freigsanprobook-webfont.eot'); src: url('../fonts/freigsanprobook-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/freigsanprobook-webfont.woff2') format('woff2'), url('../fonts/freigsanprobook-webfont.woff') format('woff'), url('../fonts/freigsanprobook-webfont.ttf') format('truetype'), url('../fonts/freigsanprobook-webfont.svg#freightsansproBook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'notoRegular'; src: url('../fonts/NotoSans-Regular-webfont.eot'); src: url('../fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Regular-webfont.woff') format('woff'), url('../fonts/NotoSans-Regular-webfont.ttf') format('truetype'), url('../fonts/NotoSans-Regular-webfont.svg#notoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'notoBold'; src: url('../fonts/NotoSans-Bold-webfont.eot'); src: url('../fonts/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold-webfont.woff') format('woff'), url('../fonts/NotoSans-Bold-webfont.ttf') format('truetype'), url('../fonts/NotoSans-Bold-webfont.svg#notoBold') format('svg'); font-weight: normal; font-style: normal; }

/* --------------------------- Responsive */

@media screen and (max-width: 1250px) {

    .menu-menu-principal-container li { padding-left: 12px; }
    .menu-menu-principal-container a { font-size: 11px; }

}
@media screen and (max-width: 1100px) {   
    
    .header-all-wrap, .header { height: auto; }
    .header-all { top: auto; }
    .header-fixe { position: relative; top: auto; left: auto; right: auto; }
    
    #mobile-nav { display: block; }
    #nav_menu-2 { display: none; position: relative; right: auto; bottom: auto; }
    .menu-menu-principal-container li { display: block; padding: 0; }
    .menu-menu-principal-container a { display: block; font-size: 12px; padding: 15px 0; border-bottom: 1px solid #ddd; }
    .menu-menu-principal-container a:before { display: none; }
    
    .sous-menu { display: block; }
    .sous-menu a { display: block; border:0; border-bottom: 1px solid #ddd; padding: 5px; font-size: 13px; }
    .sous-menu a:last-child { border-bottom: 0; }
    
    .home .heading { padding-bottom: 150px; }    
    .blocs-home { margin-top: -100px; }
    
    .gallery-columns-1 dl, .gallery-columns-1 dt { height: 340px; }
    
}
@media screen and (max-width: 860px) {
    
    .home h1, h1 { font-size: 28px; }
    h2 { font-size: 24px }
    
    .row { padding-top: 30px; }
    .gris {  padding-bottom: 30px; margin-top: 30px; }    
    .one-half, .reverse .one-half{ width: auto; float: none; margin: 0 0 30px 0; }
    .gris .one-half {margin: 0; }
    .last { margin-bottom: 0; }
    
}
@media screen and (max-width: 470px) {
    
    .blocs-home a { width: auto; margin: 0 0 10px 0; padding: 10px; float: none; }
    
    .gallery-columns-1 dl, .gallery-columns-1 dt { height: 240px; }
    
}
@media screen and (max-width: 390px) {
    
    .logo { margin: 0 auto; }
    #mobile-nav { top: 0; right: auto; left: 50%; line-height: 28px; border-top: 0; margin-left: -45px; }
    #nav_menu-2 { text-align: center; }
    
    #nav_menu-5 { display: none; }
    
}