/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| |
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  {
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| |
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/
**************************************************************************
Copyright 2015 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site :
**************************************************************************/

/************* COOKIES **************/

#impliedsubmit{ background:#fff; color:#000; font-family: 'Roboto'; padding:5px 10px; border:none; font-size:12px;}
#cookiesdirective{opacity: 1 !important; margin: 0 auto !important; text-align: center !important; background-color: #e4e4e4 !important; border: 1px solid #d0d0d0; color: #434343 !important;
    padding: 20px; letter-spacing: 1px;font-family: 'Roboto', sans-serif; width: 100% !important;}
#cookiesdirective a{color: #434343 !important; text-decoration: underline;}
#impliedsubmit{background: none !important;  color: #434343 !important;}
#impliedsubmit:hover{cursor: pointer;}

/************* GENERAL **************/

* { margin: 0; padding: 0; outline: none; list-style-position: inside;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none; }
section,article,header,footer,nav,aside,hgroup { display: block;}
table,td,blockquote,code,pre,textarea,input,video {max-width: 100%;}
p, dd, ul{word-wrap: break-word; -webkit-hyphens: auto;	-moz-hyphens: auto;	-ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;}
li {list-style-type: none;}
input, textarea, button { -webkit-appearance: none;-webkit-border-radius: 0; }

body {font-family: sans-serif; background-color: #FFFFFF; overflow-x: hidden;}
img {border: none; max-width: 100%; /*width: 100%;*/ height: auto;}

a {text-decoration: none; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; color: #ef173b;
    font-family: 'Roboto', sans-serif; font-weight: 600;}
a:hover {text-decoration: none; color: #272626;}
a:focus{ outline: none;}

hr{outline: none; border: none;}
.clear {clear: both;background: none; outline: none; border: none;}
.separateur{display: block; width: 100%; height: 1px; background: #d0d0d0; margin: 10px auto;}

h1 {background: url("../images/logo.png") no-repeat top left; margin: 0.85em auto !important; text-indent: -99999px; height: 78px;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
h1 a {display: block; height: 100%;}
h1:hover {opacity: 0.6;}

.navbar-transparent #logo {display: none;}
.top-nav-collapse #logo {display: block;}

::-moz-selection {background: #e8e8e8;}
::selection {background: #e8e8e8;}

h2 {font-family: 'Roboto', sans-serif; text-align: left; font-size: 2.8em; line-height: 1.1em; margin:0; font-weight: 500; color: #b80018; letter-spacing: 2px;}
h3 {font-family: 'Roboto', sans-serif; font-size: 1.2em; line-height: 1.4em; color: #a6a6a6; text-align: left; text-transform: none; font-weight: 500; margin-bottom: 0;
    margin-top: 0.7em; text-transform: uppercase;letter-spacing: 1px;}
h4 {font-family: 'Roboto', sans-serif; color: #ef173b; text-align: left; margin-bottom: 0; clear: both; font-size: 1.1em; line-height: 1em; padding-top: 0.4em; font-weight: 700;}
h5 {font-family: 'Roboto', sans-serif; font-size: 1.3em; color: #272626; text-align: left; font-weight: 700; text-transform: none;}

p span {color: #3a3a3a; font-family: 'Roboto', sans-serif;}
hr {margin-top: 12px; margin-bottom: 12px;}

.paragraphe {font-family: 'Roboto', sans-serif; font-size: 1.05em; line-height: 1.800em; color: #545454; padding: 1em 0 1em; font-weight: 400;}
.paragraphe span { color: #3a3a3a; font-size: 1.05em;}
.paragraphe ul {list-style-position: initial; margin: 0;}
.paragraphe ul li {list-style-position: initial; margin-left: 2em; font-weight: 700;}
.contenuAccueil {padding: 4em 0 10em; background-color: #F9F9F9;}
.contenu {padding: 4em 0; background-color: #F9F9F9;position: relative; z-index: 1;}
.contenuContact {padding: 4em 0; background-color: #F9F9F9; position: relative; z-index: 1;}

.indexPage {padding: 7.5em 0; width: 100%; background-color: #ffffff;}
#content h2, #content h3 {text-align: center;}
.contenu h2, .contenuContact h2 {font-size: 2.8em; text-align: center;}

.sepaHeader {background-color: #e6e6e6; height:1px;}
.sepaContenu {background-color: #e6e6e6; height:1px; width: 110px; margin: 0 0 2em;}

.row { margin: 0 auto; max-width: 1170px; width: 100%;}
.row_2 {margin: 0 auto; max-width: 1630px; width: 100%;}

.noPad {padding: 0 !important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 15px;}

/* Font-Size */
.fs-11 {font-size: 11px;}.fs-12 {font-size: 12px;}.fs-13 {font-size: 13px;}.fs-14 {font-size: 14px;}.fs-15 {font-size: 15px;}.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}.fs-18 {font-size: 18px;}.fs-19 {font-size: 19px;}.fs-20 {font-size: 20px;}.fs-25 {font-size: 25px;}.fs-30 {font-size: 30px;}

/* Mise en forme */
.txt_align_c {text-align: center;}.txt_align_l {text-align: left;}.txt_align_r {text-align: right;}.justify {text-align: justify;}
.bold {font-weight: 600;}.black {font-weight: 800;}.italic {font-style: italic;}.uppercase {text-transform: uppercase;}.underline {text-decoration: underline;}

/* Détection JS */
#jserror { background: #FFFFCC; border: #FF0000 solid 1px; color: #FF0000; padding: 10px; margin: 0 0 10px 0; float: left;}
#jserror dt {font-weight: bold;}

/* ScrollToTop */
#scrollToBottom, #scrollToTop{ display: none;}

#scrollToTop a{position: fixed; right: 5%; bottom: 2%; width:50px; height:50px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
    outline: none; display: block; color: #FFF; text-align: center;}

.arrow { position: absolute; margin-top: -30px; margin-left: -60px; display: inline-block; font-size: 1.3em; color: #b80018;font-family: 'Roboto', sans-serif;
    text-align: center; width: 120px; height: 60px; line-height:3em; border: 2px solid #b80018; overflow: hidden; text-transform: uppercase; cursor: pointer;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;}
.arrow:hover, .arrow.auto { width: 60px; margin-left: -30px; border-radius: 40px; color: rgba(179, 195, 58, 0);
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;}
.arrow:hover:before, .arrow.auto:before {animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;}
.arrow:hover:after, .arrow.auto:after {animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;}
.arrow:before { position: absolute; display: inline-block; content: ""; background: #b80018; width: 5px; height: 40px; top: 50%; left: 50%;
    margin-top: -8px; margin-left: -4px; transform: translateY(50px);}
.arrow:after { position: absolute; display: inline-block; content: ""; width: 17px; height: 17px; color: #b80018; border-top: 5px solid; border-left: 5px solid;
    transform: rotateZ(45deg); top: 50%; left: 50%; margin-top: -6px; margin-left: -10px; transform: translateY(50px) rotateZ(45deg);}

@keyframes tipUp { 0% { transform: translateY(50px) rotateZ(45deg); }
    100% { transform: translateY(-70px) rotateZ(45deg); }}
@keyframes lineUp { 0% { transform: translateY(50px); } 100% { transform: translateY(-70px); }}

/*----------------------------------------------------< RESET BOOTSTRAP >---------------------------------------------------*/

.navbar-default { background-color: transparent; border-color: transparent;}
.navbar { border-radius: 0;}
p{ margin: 0;}
.breadcrumb{ background-color: transparent; text-align: center; margin: 0;}

a.btn-link{color: #808080;}
a.btn-link:hover{color: #b80018;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus,
.pagination > .active > span:hover {background-color: #b80018; border-color: #b80018;}
.pagination > li > a, .pagination > li > span {color: #b80018;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #000000; background-color: #eee; border-color: #ddd;}

.list-unstyled{  margin: 2em 0; }
.list-unstyled li{ margin-bottom: 0.2em;}
.list-unstyled li a:hover{  margin-left: 1em; text-decoration: none;}
.container {padding: 0; margin: 0;}

.btn {padding: 6px 0;}

/*----------------------------------------------------< HEADER >---------------------------------------------------*/

#headerTop {background-color: #2e2e2e; position: fixed; z-index: 10000; width: 100%;}
#headerBottom {background-color: #ffffff; padding-top: 3.2em;}

/*----------------------------------------------------< SLIDER >---------------------------------------------------*/

/*#slider img {width: 100%;}*/

#owl-slider {background-color: #000000;}
.masqueSlider {position: absolute; z-index: 10; background: url("../images/bg-diapo.png") no-repeat center left; width: 804px; height: 675px; opacity: 0.9;}

#accroche h2 {color: #ffbfc0; font-size: 1.1em; line-height: 1.1em; font-weight: 400; margin: 3.3em 0 1em; text-align: left; font-family: 'Roboto', sans-serif; letter-spacing: 1px;
    display: inline-block; text-transform: uppercase;}
#accroche h3 {color: #ffffff; line-height: 1.2em; font-size: 4.3em; font-weight: 600; font-family: 'Roboto', serif; text-align: left; margin-bottom: 0.2em; margin-top: 0.2em;}
#accroche {position: absolute; z-index: 100; margin-top:10%;}
.flecheSlider {background: url("../images/fleche.png") no-repeat center left; width: 28px; height: 8px; display: inline-block;vertical-align: middle; margin-left: 1em;}

#accroche a {text-decoration: none; color: #ffffff;}
#accroche a:hover {color: #d13136}
.btn_acces {color: #ffffff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; padding: 1.5em 2.7em; font-size: 1.1em;
    background-color: transparent; margin-top: 1em; float: left; border: 1px solid #ffffff; letter-spacing: 1px;}
#accroche .hvr-sweep-to-right:before {background: #ffffff;}

#slider .owl-carousel .owl-wrapper-outer {opacity: 0.7 !important;}
#slider .fa-question-circle:before {margin-right: 0.5em;}
.fa-angle-right:before {font-size: 1.1em;}
.barre {width: 2px; height: 32px; background-color: #5488ae; display: inline-block; vertical-align: middle; margin: 0 0.8em;}

#slider .owl-theme .owl-controls .owl-page.active span, #slider .owl-theme .owl-controls.clickable .owl-page:hover span {background: #ffffff;}
#slider .owl-pagination { z-index: 100; position: absolute;  margin: 0 auto; width: 100%; bottom: 7em;}
#slider .owl-theme .owl-controls .owl-page span {width: 0.8em; height: 0.8em; margin: 5px 10px;background: none; border: 2px solid #ffffff;}

#slider .item {height: 675px; overflow: hidden;}
#slider img {width: initial !important; max-width: initial !important;}

#slider .owl-theme .owl-controls {display: none !important;}

/*-------< galerie navigation >-------*/

#slider .owl-buttons {top: 43%; z-index: 100; position: absolute; margin: 0 auto; width: 100%;}
#slider .owl-theme .owl-controls .owl-buttons div {opacity: 0.7;}
#slider .owl-theme .owl-controls .owl-buttons div {position: absolute; width: 60px; height: 60px; color: white; cursor: pointer; background-color: transparent;
    line-height: 100px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
#slider .owl-theme .owl-controls .owl-buttons div:hover {color: #b80018;}
#slider .owl-theme .owl-controls .owl-buttons div:after {position: absolute; display: inline-block; content: ""; width: 25px; height: 25px; top: 50%; left: 50%;}
#slider .owl-buttons .owl-prev {left: 4% !important;}
#slider .owl-buttons .owl-prev:after {left: 4%; position: absolute; border-top: 2px solid; border-left: 2px solid; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
#slider .owl-buttons .owl-next {right: 5% !important;}
#slider .owl-buttons .owl-next:after {right: 5%; position: absolute; border-bottom: 2px solid; border-right: 2px solid;-webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}

/*----------------------------------------------------< MENU TOP >---------------------------------------------------*/

#menuResponsive, .menu_btn {display: none !important;}
.navbar-default {background-color: #ffffff;}

#menusite {text-align: left; text-transform: none; float: right; font-size: 1.1em; z-index: 1; padding: 0;}
#menusite li {list-style-type: none; }
#menusite li a {color: #797979; text-decoration:none; font-family: 'Roboto', sans-serif; text-transform: uppercase; margin: 0; font-weight: 900; font-size: 0.95em; letter-spacing: 1px;
    height: 5.7em; padding: 2em 2.5em !important; letter-spacing: 1px;}
#menusite li a:hover {color:#272727;}
#menusite li:last-child a {padding-right: 0 !important;}
.top-nav-collapse #menusite li a {color: #4c4c4c;}
.top-nav-collapse #menusite li a:hover {color: #603a21;}

#menusite li a.hvr-underline-from-left {height: initial;}
#menusite li a.hvr-underline-from-left:before {top: 0 !important; top: 2.2em; height: 2px; background: #905a36;}

.hvr-underline-from-left {display: inline-block; vertical-align: middle; height: 2em;
    -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
    backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 1.8em; background: #a6a6a6; height: 2px;
    -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}

.hvr-sweep-to-right {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;  position: relative; -webkit-transition-property: color;
    transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0;  right: 0; bottom: 0; background: #545454; -webkit-transform: scaleX(0);
    transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform;
    -webkit-transition-duration: 0.3s;  transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleX(1); transform: scaleX(1);}

.nav-pills {margin: 2em auto 0; display: block; text-align: left; text-transform: none; float: right; font-size: 1.1em; z-index: 1; padding: 0;}
.nav-pills > li {margin: 0; list-style-type: none;}
.nav-pills > li:last-child a {padding-right: 0 !important;}
.nav-pills > li > a {color: #797979; text-decoration:none; font-family: 'Roboto', sans-serif; text-transform: uppercase; margin: 0; font-weight: 900; font-size: 0.95em;
    height: 5.7em; padding: 2em 1.2em !important; border-radius: 0;}
.nav-pills > li.active > a {color: #474747; background-color:transparent;}
.nav-pills > li.active > a:hover, .nav-pills > li > a:hover {color: #d13136; background-color:transparent;}
.nav-pills > li.active > a:focus, .nav-pills > li > a:focus {background-color:transparent;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background: none !important; border-color: transparent !important;}
.nav-pills > li > a {border-radius: 0;}

.nav-pills > li > a:after {content: ""; height: 30px; width: 100%; background: #d13136; display: inline-block; position: relative; top: 20px; margin-top: 0; left: 0;
    -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0;
    transition: opacity .2s cubic-bezier(0.555,.11,.985,.025),-webkit-transform .3s ease-out; transition: opacity .2s cubic-bezier(0.555,.11,.985,.025),transform .3s ease-out;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.nav-pills > li > a:hover:after {-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 1; width: 100%; height: 30px;}

.fa-external-link {vertical-align: middle; padding-left: 0.5em; color: #b7b7b7;}

.dropdown-menu {min-width: 330px; color: #37383A; border: none;  z-index: 100; margin: 0; width: 100%;
    background-color: #ffffff; padding: 1.5em 2em; box-shadow: 0 1px 6px rgba(0, 0, 0, .1);  border-radius: 3px;}
.navbar {margin: 0; min-height: initial; border: none;}

.dropdown-menu a {color: #777777; display: block; width: 100%; letter-spacing: 1px; font-size: 0.9em;
    text-transform: none; text-align: left; font-family: 'Roboto'; padding: 0.7em 2em !important;height: auto; font-weight: 900;}
.dropdown-menu a:hover {background: #f5f5f5; color: #5f5f5f; padding: 0.7em 2.9em !important;}

/* MENU RESPONSIV */

a.menu_btn {display: none; background-color:#666666; color: #FFF; padding: 1.1em 2.3em; font-family: 'Roboto', sans-serif;font-size: 1.3em; text-decoration: none;letter-spacing: 1px;}
a.menu_btn:hover {color: #ffffff;background-color: #b80018;}
a.menu_btn .fa {vertical-align: middle; margin-right: 0.5em;}

#menuResponsive {position: fixed; background: #333; top: 0; bottom: 0; height: 100%; width: 300px; right: -300px; overflow-y: scroll; z-index: 99999;
    -webkit-box-shadow: 8px 10px 10px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 8px 10px 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 8px 10px 10px 10px rgba(0, 0, 0, 0.3);}

#menuResponsive .closeMenu {display: block; background: #b80018 url('../images/croix.png') 2.5% center no-repeat; height: 30px; width: 100%; color: #FFF; font-size: 12px;
    font-weight: 300; font-style: italic; text-transform: uppercase; padding-left: 12%; padding-top: 2.8%;}
#menuResponsive .closeMenu:hover{ background: #808080 url('../images/croix.png') 2.5% center no-repeat;}
#menuResponsive ul.startMenu li a {background-color: transparent; position: relative; top: -1px;margin: 0; color: #FFF; padding: 20px 0 20px 35px; font-size: 15px; border-top: 1px solid #666;
    border-right: 0; width: 100%; text-transform: uppercase; font-weight: 300; border-bottom: none; display: block; letter-spacing: 1px;}
#menuResponsive ul.startMenu li a i{ margin-right: 0.5em;}
#menuResponsive ul.startMenu li a:hover, #menuResponsive ul.startMenu li a.active{background-color: #666; border-top: 1px solid #999; border-right:0; color: #FFF;}
#menuResponsive ul.startMenu li ul li{ color: #FFF;}
#menuResponsive ul.startMenu li ul li.active a{ color: #ccc; text-decoration: underline;}
#menuResponsive ul.startMenu li ul li a {width: 100%; display: block; height: 20px; line-height: 20px; font-weight: 400; font-size: 13px; color: #999; border: 0;}
.startMenu .subMenu{ padding: 0.8em 0 2em 0;}
.startMenu .subSubMenu{ padding: 0;}
.startMenu .subSubMenu li a{ font-weight: 300 !important; color: #e984c8 !important; text-transform: none !important;}
.startMenu .subSubMenu li a:hover, .startMenu .subSubMenu li a.active{ color: #FFF !important; background: none; border: 0 !important;}

#menuResponsive ul.startMenu li ul li a:hover,
#menuResponsive ul.startMenu a.toggleLiSub {color: #FFF !important; background: none!important;; border: 0!important;}

/*----------------------------------------------------< ENCARTS ACCUEIL >---------------------------------------------------*/

.accueil_contenu {background-color: #F2F2F2;}
.indexPage {margin-bottom: 5em;}

.texteAccueil {font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ECECEC; font-weight: 600; font-size: 30em; position: absolute; line-height: 0.3em;}
.texteAccueil:after {content:"CTS"}

.texteAccueil2 {font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ECECEC; font-weight: 600; font-size: 16em; position: absolute; line-height: 0.3em;line-height: 0.8em;
    right: 0; width: 3.2em; margin-top: -1.2em;}
.texteAccueil2:after {content:"CONS TRUIRE"}

.photo01 .blocAccueil {height: 480px; overflow: hidden; position: relative; z-index: 1; margin-top: -6em; }
.photo01 .blocAccueil .gestion_image {display: block; width: 90%; overflow: hidden; background-position: center center; background-repeat: no-repeat; right: 0;
    background-size: cover; height: 480px; z-index: 10; position: absolute;}
.photo01 {margin-right: 0;}

.photo02 .blocAccueil {height: 377px; overflow: hidden; position: relative; z-index: 1;}
.photo02 .blocAccueil .gestion_image {display: block; overflow: hidden; background-position: center center; background-repeat: no-repeat; right: 0;
    background-size: cover; height: 377px; z-index: 10; position: absolute; width: 100%;}
.photo02 {margin-left: -15em; margin-top: 6em;}

.photo03 .blocAccueil {height: 320px; overflow: hidden; position: relative; z-index: 1;}
.photo03 .blocAccueil .gestion_image {display: block; overflow: hidden; background-position: center center; background-repeat: no-repeat; right: 0;
    background-size: cover; height: 320px; z-index: 10; position: absolute;width: 100%;}

#encarts {padding: 4.5em 0;}
.encart_realisations {text-align: center; border: 1px solid #b3b3b3; padding: 6em; margin: 4.5em 0; cursor: pointer;
    -webkit-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.encart_realisations:hover {border: 1px solid #696969;}
.fa-picture-o {font-size: 4.5em; color:#DCDCDC;}
.encart_realisations .title {text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 600; color: #a6a6a6; font-size: 0.95em; padding: 3em 0 1.5em;}
.encart_realisations h4 {margin: 0; line-height: 1.1em;padding: 0; font-size: 2.4em; text-decoration: none; color: #696969; font-weight: 500; text-align: center;}
.encart_realisations a {font-weight: 500; color: #696969;text-decoration: none;}
.encart_realisations:hover a {color: #2c2c2c;}

.photo04 .blocRealisation {height: 280px; overflow: hidden; margin-left: 5em; z-index: 1; margin-top: -4.5em;}
.photo04 .blocRealisation .gestion_image {display: block; overflow: hidden; background-position: center center; background-repeat: no-repeat;
    background-size: cover; height: 280px; z-index: 10; position: absolute; width: 100%;}

.LegalPage h3, .CookiesPages h3 {text-align: left !important;}

/*----------------------------------------------------< ENCART NEWS >---------------------------------------------------*/

#encart_news:before {background: linear-gradient(to left, #EBEBEB 0, #EBEBEB 62%, #f2f2f2 62%, #f2f2f2 100%); width: 100%;
    content: ''; position: absolute; height: 580px; margin-top: 31.3em;}
#encart_news {margin-bottom: 4.5em; margin-top: 4.5em;}
#encart_news .contenuTitle {border-left: 2px solid #cccccc; padding-left: 2em !important;}
#encart_news .contenuTitle h2 {font-size: 2.8em;letter-spacing: 3px;}
#encart_news .contenuTitle h3 {font-size: 1.05em; margin-top: 2em;}
#encart_news .title {text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #b80018; font-weight: 600; font-size: 1.05em;}
#encart_news .liste_actualite .blocContenu h4 {margin: 0; line-height: 1.4em; padding: 1em 0 0; font-size: 2.3em; height: 125px; overflow: hidden;}
.blocImage {height: 290px; overflow: hidden;}

#encart_news .gestion_image {display: block; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat;
    background-size: cover; height: 290px;}
.encart_promo .blocContenu {position: absolute; bb80018: hidden;}
.encart_promo .blocContenu h4 {color: #ffffff;text-transform: uppercase; text-align: center; letter-spacing: 2px; font-weight: 500; padding-top: 2em; line-height: 1.6em;}
.encart_promo .blocContenu h5 {color: #ffffff;text-align: center;font-weight: 700; font-size: 1.7em; line-height: 1.4em; letter-spacing: 2px; margin-top: 9.7em; padding: 0 2em;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);}
.sepa {background-color: #a6a6a6; height:1px; width: 50px; margin: 2em 0;}

.liste_actualite article {position: relative; cursor: pointer; -webkit-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.liste_actualite article .blocImage {-webkit-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.liste_actualite article:hover .blocImage {opacity: 0.7;}
.liste_actualite article:hover:before {color: #b80018; background: #b80018;}
.liste_actualite article a {text-decoration: none; color: #2c2c2c; font-weight: 500;}
.liste_actualite article:hover a {color: #b80018;}
.liste_actualite article:hover h4 a {color: #505050;}
.liste_actualite article .blocContenu h3 {line-height: 0.9em; margin-top: 0.8em; text-transform: none;}
.liste_actualite .title {text-transform: uppercase; font-size: 0.8em; font-family: 'Roboto', sans-serif; font-weight: 600; color: #b80018;}
.liste_actualite .fa-newspaper-o {margin-right: 1.3em; font-size: 1.5em; vertical-align: middle;}

.liste_actualite article a.btn_news:hover {color: #b80018;}
.liste_actualite article a.btn_news {color: #ffffff;}
.liste_actualite article .btn_news {color: #b80018; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; padding: 1.5em 2em; font-size: 0.8em;
    background-color: #b80018; margin-top: 1em; float: left; border: 1px solid #b80018; letter-spacing: 1px;}
.flecheNews {background: url("../images/fleche_news.png") no-repeat center left; width: 28px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 1em;}
.liste_actualite .hvr-sweep-to-right:before {background: #ffffff;}

/*----------------------------------------------------< ENCART REALISATIONS >---------------------------------------------------*/

#realisations-slider {margin-bottom: 4.5em;}
#realisations-slider .item {height: 400px; overflow: hidden;}
#realisations-slider .owl-prev:before, #realisations-slider .owl-next:before {font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 0.5em; color: #c7c7c7; vertical-align: middle;}
#realisations-slider .owl-prev:before {content: "\f062";}
#realisations-slider .owl-next:before {content: "\f063";}
#realisations-slider .owl-controls .owl-buttons div {background: none; font-size: 26px; border: 1px solid #c7c7c7; padding: 6px 18px; margin: 10px;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
#realisations-slider .owl-controls .owl-buttons {width: 5em; float: left; width: 5em; position: absolute; float: left; top: 33%; left: -10%;}

#realisations-slider .gestion_image {display: block; overflow: hidden; background-position: center center; background-repeat: no-repeat;
    background-size: cover; height: 400px; z-index: 10; position: absolute; width: 100%;}

/*----------------------------------------------------< NEWS >---------------------------------------------------*/

.listingNews{ margin: 0 0 0.5em; cursor: pointer;}
.listingNews:hover h3 a{  color: #ef173b;}
.listingNews:hover .blocContenu {border-color: #ef173b;}
/*.listingNews img { border-left: #ccc solid 1px; border-right: #ccc solid 1px;  border-bottom: #ccc solid 1px; width: 100%; height: 90px;}*/
.listingNews h3{ font-size: 1.5em; overflow: hidden; height: auto; margin-bottom: 0.5em; margin-top: 1.5em; text-transform: none; text-align: left !important; letter-spacing: 0;}
.listingNews h3 a{ color: #333; font-weight: 500;}
.date{color: #999; text-align: left; margin-top: 1em; text-transform: uppercase; font-size: 0.8em;}
.listingNews .paragraphe{  color: #999; overflow: hidden; height: 70px; padding-top: 0; line-height: 1.700em; font-size: 1em;}

.listingNews div:first-child { padding-left: 0;}
.listingNews .blocImage {overflow: hidden; height: 250px;}
.listingNews .gestion_image {display: block; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px;}

.listingNews .blocContenu {padding-bottom: 30px; border-bottom: 5px solid #f0f0f1;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
/*.listingNews:first-child .blocContenu {padding-bottom: 59px;}*/

/* SHOW */

.newsShow .date {display: inline-block; padding: 0.5em 1em; text-align: center; background-color: #e4e4e4;}
.newsShow h3{ margin: 1em 0;}

.colImg { padding-left: 0;}
.colInfos {padding-right: 0;}

/*--------------------------< PAGE DE GALERIE >--------------------------*/

#gallery-1 {width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.rsDefault .rsThumbs {width: 100% !important; height: 72px; overflow: hidden;}
.rsDefault .rsThumbsArrowIcn {display: none;}
.rsDefault .rsTmb {height: 72px;}
/*.rsDefault .rsTmb img {width: 100%;}*/
.categoryGalleryPage .blocImage {overflow: hidden; height: 250px;}
.categoryGalleryPage .gestion_image {display: block; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat;
    background-size: cover; height: 250px;}

.productListing {cursor: pointer;}
.productListing:hover .blocImage {opacity: 0.6;}
.productListing:hover h3 a {color: #ef173b;}
.productListing .blocImage {-webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.categoryProductPage h3, .productListing h3 {font-size: 1.15em; text-transform: none; margin-bottom: 0.5em; text-align: left !important; height: 20px; overflow: hidden;}
.categoryProductPage h3 a, .productListing h3 a{color: #333;}
.productListing .paragraphe {overflow: hidden; height: 45px; line-height: 1.700em; font-size: 1em;}
.productListing .blocContenu {margin: 0; line-height: 1.6em; padding: 1.2em 0 0.5em;}
.productListing .paragraphe {padding: 0; color: #8a8a8a;}

.GalleryShowPage h3 {text-align: left !important;}

/*--------------------------< ENCART LIVRE DOR >--------------------------*/

#encart_livredor {padding: 4.5em 0;}
#encart_livredor .title {text-transform: uppercase;font-family: 'Roboto', sans-serif; letter-spacing: 2px; font-weight: 500; color: #a6a6a6; font-size: 1em;}
#encart_livredor h4 {margin: 0; line-height: 1.4em; padding:0 0 0.8em; font-size: 2.9em; text-decoration: none; color: #2c2c2c; font-weight: 500;letter-spacing: 2px;}
.fa-user:before, .fa-calendar:before {color: #a6a6a6;margin-right: 0.6em;}
.fa-calendar:before {margin-left: 1.2em;}
#encart_livredor p, .description_guestbook p {color: #b80018; font-weight: 500; margin: 0;}
#encart_livredor .paragraphe p {font-size: 1.05em; line-height: 1.800em; color: #545454; font-weight: 400;}
#encart_livredor .paragraphe, .description_guestbook .paragraphe {padding-top: 0.5em; padding-bottom: 0; padding-right: 3em;}
#encart_livredor a {text-decoration: none;font-family: 'Roboto', sans-serif; border-bottom: 2px solid #2c2c2c; display: inline-block; color: #2c2c2c; font-weight: 600; padding-bottom: 0.4em;
    margin-top: 2em;}
#encart_livredor a:hover {border-bottom: 2px solid #b80018; color: #b80018;}

/*--------------------------< PAGE LIVRE D'OR >--------------------------*/

#pointweb_guestbookbundle_guestbook_submit {background: #b80018; border: none; color: #fff; width: 100%; cursor: pointer; text-transform: uppercase; display: inline-block;
    padding: 0.7em; font-family: 'Roboto', sans-serif; font-size: 1.1em; -webkit-transition: all ease 0.2s; font-weight: 600 !important; -ms-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s; transition: all ease 0.2s; margin-top: 1em;}
.guestbook_contact .hvr-sweep-to-bottom:before {background: #b80018;}
/*#pointweb_guestbookbundle_guestbook_submit:hover {background: #b80018;}*/
.form-control:focus {border-color: #224F93;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(24,76,145,1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(145, 167, 197);}
.cbp-mc-form textarea {color: #4C4C4C;}
.form-group { margin-bottom: 0;}
.form-control {height: 44px;}
.description_guestbook { padding:1em 0 0; margin: 3em 0 0; float: left;}

.page.active {border: none; background: #b80018; color: #FFF;}
.page {display: inline-block; padding: 0.5em 1em; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #fbfaf7;
    font-size: .875em;text-decoration: none; color: #b80018;}
.pagination {clear: both; display: table; margin: 3em auto 0;}
.pagination a:hover {text-decoration: none;color: #ffffff; background: #b80018; border-color: #b80018;}

.commentaireGuestbook {background-color: #f1f1f1; padding: 3em 0;}
.commentaireGuestbook h4 {color: #777;}

/*--------------------------< étoile >--------------------------*/

form .stars {background: url("../images/stars.png") repeat-x 0 0; width: 150px; float: left;}
.ie7 form .stars {*zoom: 1;}
form .stars:before, form .stars:after {display: table;content: "";}
form .stars:after {clear: both;}
form .stars input[type="radio"] {position: absolute;opacity: 0;filter: alpha(opacity=0);}
form .stars input[type="radio"].star-5:checked ~ span {width: 100%;}
form .stars input[type="radio"].star-4:checked ~ span {width: 80%;}
form .stars input[type="radio"].star-3:checked ~ span {width: 60%;}
form .stars input[type="radio"].star-2:checked ~ span {width: 40%;}
form .stars input[type="radio"].star-1:checked ~ span {width: 20%;}
form .stars label {display: block; width: 30px; height: 30px; margin: 0!important; padding: 0!important; text-indent: -999em; float: left; position: relative; z-index: 10;
    background: transparent!important; cursor: pointer;}
form .stars label:hover ~ span {background-position: 0 -30px;}
form .stars label.star-5:hover ~ span {width: 100% !important;}
form .stars label.star-4:hover ~ span {width: 80% !important;}
form .stars label.star-3:hover ~ span {width: 60% !important;}
form .stars label.star-2:hover ~ span {width: 40% !important;}
form .stars label.star-1:hover ~ span {width: 20% !important;}
form .stars span {display: block; width: 0; position: relative; top: 0; left: 0; height: 30px;
    background: url("../images/stars.png") repeat-x 0 -60px; -webkit-transition: -webkit-width 0.5s; -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s; -o-transition: -o-width 0.5s; transition: width 0.5s;}

/*----------------------------------------------------< SITEMAP >---------------------------------------------------*/

#sitemap {margin-top: 2em;}
#sitemap li:nth-child(odd) a {color: #a9a9a9;}
#sitemap li:nth-child(odd) a, #sitemap li a {font-family: 'Roboto', sans-serif; font-weight: 400;}
#sitemap li:nth-child(odd) a:hover, #sitemap li a:hover {color: #b80018;}
#sitemap li:nth-child(odd) {color: #2f2e2e;}
#sitemap li {list-style-type: none; list-style-position: inside; padding: 0.5em 0; font-family: 'Roboto', sans-serif; font-size: 1.1em; line-height:1.300em; font-weight: 400; text-align: center;}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/

#footer .fa {color:#636363; vertical-align: middle; font-size: 1.4em; margin-right: 1.8em;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
#footer .fa:hover {color: #b80018;}
.menuFooter {margin: 0;}
.menuFooter a {color: #6d6d6d; text-decoration: none; text-transform: uppercase; font-size: 1em; font-weight: 600; line-height: 2em;}
.menuFooter a:hover {color: #b80018}
.menuFooter li {font-weight: 600; line-height: 2em; font-family: 'Roboto', sans-serif; display: inline-block;}
.menuFooter li:last-child {float: right;}
#footer .menuFooter li:last-child a {padding-right: 0;}
#footer .menuFooter li a {text-transform: uppercase; font-weight: 600; padding-right: 4em;}
#footer {clear: both; background-color: #EAEAEA;}
#footer h5 {margin-bottom: 1em; margin-top: 0.1em;}
#footer .contenuFooter {padding: 4em 0;}
#footer address {font-family: 'Roboto', sans-serif; font-weight: 400; color: #767676; line-height: 1.9em; margin: 0;}
.copyright {background-color:#151515; padding: 3.9em 0; text-align: left; color: #5b5b5b; font-size: 0.96em; font-family: 'Roboto', sans-serif; font-weight: 400;}
#footer .copyright .sepa {background-color: #353535; float: left; width: 100%; margin: 2.5em 0 3em;}
.copyright span {color: #bababa;}
.copyright .liens {float: right; color: #767676; font-family: 'Roboto', sans-serif; font-weight: 400;}
#footer .copyright a {color: #5b5b5b; text-transform: none; font-weight: 400; text-decoration: none;}
#footer .copyright a:hover {color: #bababa;}
#footer .paragraphe {color: #767676; font-size: 0.95em; line-height: 1.7em; padding: 0; font-weight: 400;}
#footer .hvr-sweep-to-right:before {background: #b80018 !important;}
.btn_acces_footer {color: #0b0b0b; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em;}
#footer .sepa {width: 75%; background-color: #cccccc; margin: 1.5em 0;}
#footer .navigation {text-transform: uppercase; letter-spacing: 1px; margin-top: 0.2em; font-size: 1.05em;}

/*----------------------------------------------------< CONTACT >---------------------------------------------------*/

.contactPage form{ margin-top: 1.5em; clear: both;  width: 100%;  float: left;}
.contactPage form input[type=submit]{ margin-top: 1em;}
#map { width: 100%; height: 450px;}

.contenuContact .colContact {padding: 0;}
.cbp-mc-form { position: relative;}
.paragrapheFull {width: 100%;}
fieldset {border: none;}
.cbp-mc-column {width: 98%; padding: 0 3% 1% 0;float: left;}
#pointweb_appbundle_contact_submit {background: #b80018 ;border: none;color: #fff;width: 100%; cursor: pointer;text-transform: uppercase;display: inline-block;
    padding: 0.7em;font-family: 'Roboto', sans-serif;font-size: 1.1em; -webkit-transition: all ease 0.2s; font-weight: 600 !important;
    -ms-transition: all ease 0.2s;-moz-transition: all ease 0.2s; transition: all ease 0.2s;margin-top: 1em;font-weight: normal;}
.cbp-mc-column .hvr-sweep-to-bottom:before {background: #b80018;}
/*#pointweb_appbundle_contact_submit:hover {background: #b80018;}*/
.cbp-mc-form label {width: 100%; display: block;padding: 10px 5px 5px 2px;font-size: 0.850em; text-transform: uppercase; cursor: pointer; font-family: 'Roboto'; color: #585858; font-weight: 700;}
.cbp-mc-form input, .cbp-mc-form textarea {border: 1px solid #E4E4E4;font-size: 0.850em;}
.cbp-mc-form input, .cbp-mc-form textarea, .cbp-mc-form select {line-height: 1.5em;font-size: 1em;padding: 0.8em 1em;color: #999999;display: block;-webkit-border-radius: 3px;
    -ms-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: 100%;background: #FFF;
    -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.g-recaptcha { margin-top: 4%;}
.cbp-mc-form:before, .cbp-mc-form:after {content: " ";display: table;}
.cbp-mc-form input {height: 44px; color: #37383a;}
.cbp-mc-form input:focus, .cbp-mc-form textarea:focus {border-color: #ababab; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(175, 175, 175);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(167, 167, 167);}
.cbp-mc-form textarea {color: #5d5d5d;}

/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/

@media (max-width: 1200px) {
    #menuResponsive, .menu_btn {display: block !important;}
    .row {width: 90%;}
    #menusite {display: none !important;}
    #slider .noPad {min-height: 0;}
    #header .row {width: 100%;}
    .menuFooter li:last-child {float: initial;}
    .photo02 {margin-left: 0; margin-bottom: 3em;}
    #realisations-slider .item {height: auto;}
    #realisations-slider {margin-bottom: 3.5em;}
    .navbar {display: none;}
    h1 {background-position: center center;}
    #realisations-slider .owl-controls .owl-buttons {display: none;}
    #encart_news {margin-bottom: 3.5em;}
}
@media (max-width: 1110px) {
    .nav-pills > li > a {padding: 1.2em 7.5em;}
}
@media (max-width: 1024px) {

}
@media (max-width: 991px) {
    #scrollToTop a, #btn {display: none !important;}
    #slider .owl-buttons {display: none;}
    .indexPage br, .GalleryShowPage br {display: none;}
    .indexPage {padding: 5em 0;}
    .copyright .liens {float: initial;}
    .copyright {padding: 2.9em 0;}
    #footer .contenuFooter {padding: 3em 0;}
    .photo04 .blocRealisation {margin-left: 0;}
    #encart_livredor {padding: 3em 0;}
    .photo04 .blocRealisation {margin-top: -4.5em;}
    .encart_realisations {padding: 4em; margin: -5em 0 2em;}
    #realisations-slider .item {height: auto;}
    .liste_actualite article .blocImage {margin-top: 2.5em;}
    h2 {font-size: 3em;}
    #accroche h3 {font-size: 4em;}
    .btn_acces {padding: 1.2em 2em;}
    #slider .item, .masqueSlider {height: 600px;}
    .photo02 {margin-top: 0;}
    .listingNews:first-child .blocContenu {padding-bottom: 30px;}

}
@media (max-width: 965px) {
    .nav-pills > li > a {padding: 1.2em 5.5em;}
    .nav-pills > li {border-left: none;}
    .nav-pills > li:last-child {border-right: none;}
}
@media (max-width: 860px) {
    .copyright span {float: left; text-align: center; width: 100%; display: block;}
    .copyright {text-align: center;}
    .copyright .liens {float: initial;}
}
@media (max-width: 820px) {
    .nav-pills > li > a {padding: 1.2em 3.5em;}
}
@media (max-width: 767px) {
    #footer address, #footer h5, #footer, .copyright {text-align: center;}
    .coordonneesFooter {padding: 1em 0;}
    .copyright {padding: 2em 0;}
    #footer h5 {margin-bottom: 0.5em;}
    #footer .sepa {margin: 1.5em auto;}
    #footer .fa {margin:0 1em 1em;}
    #footer .navigation {display:none;}
    #footer .copyright .sepa {margin: 1.5em 0 2em;}
    #footer .menuFooter li a {padding-right: 2em;}
    .photo04 .blocRealisation {margin-top: 0;}
    .encart_realisations {margin: 2em 0;}
    #encarts {padding: 1.5em 0;}
    .photo01 {margin: 0 auto;}
    .photo01 .blocAccueil .gestion_image {width: 100%;}
    h4 {padding: 0; margin: 0;}
    .paragraphe {padding: 1em 0 0;}
    #slider .item, .masqueSlider {height: 570px;}
    .indexPage {padding: 3em 0;}
}
@media (max-width: 600px) {
    #accroche h3 {font-size: 3em;}
    #slider .item, .masqueSlider {height: 490px;}
}
@media (max-width: 360px) {
    #footer address {width: 100%; text-align: center; margin-bottom: 0;}
    .copyright {text-align: center;}
}