* {-webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.rose {color:#900141;}
.jaune {color:#c2b81d;}
.brose {background:#900141;} .brose:before {background:#c2b81d;}
.bjaune {background:#c2b81d;} .bjaune:before {background:#900141;}
.bblanc {background:#ffffff;} .bjaune:before {background:#900141;}
.bjaune, .brose, .bgrisf {color:#ffffff;}
.bgrisf {background:#171717;} .bgrisf:before {background:#900141;}
.bblanc {color:#171717;} .bblanc:before {background:#900141;} .bblanc:hover a {color:#ffffff;}
.bjaune, .brose, .bblanc, .bgrisf {text-transform:uppercase;font-size:18px;font-weight:700;}
.flex, .bandflex.contactb  {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}

.iconesfoot .rose {color:#900141!important;}
.iconesfoot .jaune {color:#c2b81d!important;}

.button_custom {padding: 5px 10px!important; font-size: 13px!important;font-family: Lato;}
.hob_banner {padding: 0px 0;}
.text_banner {font-size: 13px;}
.block_1 {width: 71%;display: inline-block; padding-left: 0!important; padding-right: 0!important; float: left;}

.block_2 { width: 27%;margin-top: 6px; text-align: right!important; display: inline-block; float: right;}


.cc-message {line-height:15px;}
.cc-window.cc-banner {padding: 8px 1.8em!important;}
.cc-revoke, .cc-window {font-size: 14px!important;line-height: 18px!important;}
#t4-cookies {padding:0px;}	
@media (min-width: 1400px) {
.cc-window.cc-banner:before {}
.cc-message {flex: none!important;margin-left: auto; width: 1180px;display: inline-block!important;}
.cc-compliance {margin-right: auto;}
}
@media (max-width: 1199px) {

}
@media (max-width: 414px) {
.cc-compliance a {text-align: center; flex: none!important; display: inline-block!important; width: 100%;}
.cc-window .cc-message {margin-bottom: 10px!important;text-align:center;}
}

@media (min-width: 50px) and (max-width: 1300px) {
.block_2 {width: 100%;margin-bottom: 12px;margin-top: 0px;}
.block_1, .block_2 {float: none;text-align: center!important;}
.block_1, .text_banner {font-size: 14px; width: 100%; text-align: center;}
.hob_banner p {margin-top: 12px!important; margin-bottom: 5px!important;line-height: 18px;}
}
	
.navbar-brand.logo-control img.logo-img {max-height: 60px;}
.navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}


/*marges block*/
.article-aside {margin-bottom: 0;}
.item-page [itemprop=articleBody] {margin-top: 0; margin-bottom: 0;}
.t4-section {padding-top:90px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top:50px;}
.layout-sspage .t4-section.t4-masthead, .layout-sspageportfolio .t4-section.t4-masthead {padding-top: 0px;padding-left:0px;padding-right:0px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:50px;clear: both;}
#t4-footer {margin-top:90px;}

/*sspage*/
.ssimlogo {margin-top: 40px;}
.ssimlogo img {height: 60px; width: auto; background: #f3f3f3; padding: 12px; border-radius: 8px;}
.bandflex img {height:60px;}
.imsspa {float: right; width: 400px; margin-left: 60px;}
/*portfolio*/
.pull-left.item-image, .item-image.pull-left {margin-right: 60px; width: 40%;}
.com-content-article__body ol, .com-content-article__body ul, .com-content-article__body dl {list-style: none;margin-bottom: 30px;}
.com-content-article__body ul li {line-height:35px;}
.com-content-article__body ul li:before {content: "\f054"; font-family: FontAwesome!important; display: inline-block; width: 22px; font-weight: normal; border: 1px solid; border-radius: 100px; height: 22px; line-height: 20px; margin-right: 6px; text-align: center; font-size: 12px;vertical-align: middle;}
.printsc img {margin-top:40px;box-shadow: 0px 0px 8px #cccccc;max-width: none; width: 100%;}
.import img {max-height:70px;}
.avap {margin-top:35px;background: url(../images/fleche.png) top center no-repeat!important;padding-top:0px;}
.avap div {width:48%;}
.titav {font-weight:800;text-transform:uppercase;text-align:center;display:block;width:100%;padding:10px 0px;font-size: 20px;}
.avap img {box-shadow: 0px 0px 6px #cccccc;}
.blog.projects {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
.blog.projects > div.items-row {width:33%;margin-top:30px;}
.blog.projects > div.items-row.row-0, .blog.projects > div.items-row.row-1, .blog.projects > div.items-row.row-2 {margin-top:0px;}
.blog.projects .pull-left.item-image, .blog.projects .item-image.pull-left {
    margin-right: 0;
    width: 100%;}
@media (min-width: 1200px) {
.container {max-width: 1100px;}
}
@media (min-width: 1400px) {
.container {max-width: 1260px;}
}
@media (max-width: 1199px) {
.printsc img {margin-top: 30px;}
.import img {max-height: 50px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top:40px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:40px;}
.ssimlogo img {height: 50px;}
.t4-section {padding-top: 70px;}
#t4-footer {margin-top:70px;}
}
@media (max-width: 991.98px) {
.com-content-article__body ul, .com-content-article__body dl {padding: 0;}
.pull-left.item-image, .item-image.pull-left {margin-right: 0px; width: 100%;}
.ssimlogo {margin-top: 30px;}
.ssimlogo img {height: 40px;padding: 10px;}
.imsspa {float: right; width: 250px; margin-left: 40px;}
#t4-footer {margin-top:60px;}
.t4-section {padding-top: 60px;}
}
@media (max-width: 767px) {
.ssimlogo img {background: #ffffff; border-radius: 0;height: 38px; padding: 5px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top: 30px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:30px;}
.imsspa {float: none; width: 100%; margin-left: 0px; margin-bottom: 25px;padding:5px;}
.ssimlogo.flex {justify-content: space-evenly;}
.t4-section {padding-top: 40px;}
.ssimlogo {margin-top: 30px;}
}
@media (max-width: 575px) {
.imsspa {margin-bottom: 20px;padding:0px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top: 25px;}
.layout-sspage #t4-footer/*, .layout-sspageportfolio #t4-footer*/ {margin-top:25px;}
.navbar-brand.logo-image {margin-top: -6px;}
.container {padding-right: 20px; padding-left: 20px;}
.com-content-article__body ul li:before {display:none;}
.com-content-article__body ul li {text-align:center;line-height:25px;}
.import {text-align:center;}
.com-content-article__body ol, .com-content-article__body ul, .com-content-article__body dl {margin-bottom: 25px;}
.titav {padding: 8px 0px;}
.avap {margin-top: 25px; background-size: 60px!important;}
}

@media (max-width: 380px) {
.titav {padding: 4px 0px 6px;}
.titav {font-size: 17px;}
.avap {background-size: 40px!important;}
.ssimlogo img {width: 100%; height: auto; padding: 5px 0px; max-width: 250px;}
}

/*header fond*/
.bgrisf.contactbot {font-size:40px;display:inline-block;padding: 5px 20px;}
/*.bgrisf.contactbot:before {background:;}*/
#t4-header.t4-sticky {padding:0px;}
.not-at-top #t4-header {background:#ffffff!important;border-bottom: 1px solid rgba(230, 230, 230, 1);box-shadow:0px 0px 3px #dddddd;}
#t4-header {border-bottom: 0px solid rgba(255, 255, 255, 0.1);}
.t4-palette-primary { background-color: transparent!important;}
#t4-slider {background: url(../images/fond-header.jpg) bottom center!important;background-size:cover;margin-top: -71px;
    padding-top: 71px;} 
.t4-masthead {/*margin-top: 3px;*/background: url(../images/fond-header.jpg) bottom center!important;background-size:cover;padding-top: 0px;} 
.t4-masthead-detail {padding:50px 5px;}

@media (max-width: 1199px) {
.t4-masthead-detail {padding: 40px 5px;}
}
@media (max-width: 991.98px) {
.t4-masthead-detail {padding: 30px 5px;}
}
@media (max-width: 767px) {
.t4-masthead-detail {padding: 20px 5px;}
}
@media (max-width: 575px) {
.t4-masthead-detail {padding: 15px 5px;}
}

/*contact*/
/*breezingform*/
.bfQuickMode #bfPage2 .bfPageIntro {margin: 0px 0px 0px 0px!important;}
.merci:after {visibility: visible!important; content: "\f00c"!important; font-family: FontAwesome; font-size: 40px; border: 3px solid #c2b81d; display: block!important; position: relative; border-radius: 100px; height: 80px!important; width: 80px; line-height: 78px; margin: 30px auto 0px; color: #c2b81d;}
.merci {line-height: 35px;text-align: center; font-size: 25px; font-weight: 700; max-width: 610px; margin: 0px auto 0;}
.bfQuickMode span.bfElemWrap {padding: 0px!important;}
.bfQuickMode * {box-sizing: border-box!important;}
.bfQuickMode section input[type='text'], .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap, .bfQuickMode span.bfLabelLeft input[type='text'] {box-sizing: border-box;}
.bfQuickMode #message section textarea {box-sizing: border-box;}
.bfQuickMode .bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {border: 1px solid #cccccc; border-radius: 6px; padding: 5px 8px;}
.com_breezingforms .bandflex span {text-transform:uppercase;font-size:13px;font-weight:700;}
.com_breezingforms .bandflex img {height: 70px;display:block;margin:0px auto 15px;}
.contactb div {text-align:center;}
.bfRolloverBg {/*background: #cccccc !important*/}
.bfQuickMode .bfPageIntro {margin: 0px 0px 30px 0px!important;padding: 0!important;}
.bfQuickMode {margin-bottom:0px!important;}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {float: none!important; width: 250px; background: #8BC34A; color: #ffffff; font-weight: 800; letter-spacing: 1px; font-size: 25px; display: block; margin: 0;}
#bfSubmitButton.button:after {content: "\f003"!important;font-family: FontAwesome;    font-size: 22px; vertical-align: bottom; display: inline-block; position: relative;
right: auto; top: auto;  margin-left: 10px;}
.bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {line-height: 35px;}
.bfQuickMode #bfElemWrap36.bfLabelLeft .bfElementGroupNoWrap label {    width: 47%;}
.bfQuickMode .bfLabelLeft .bfElementGroup input, .bfElementGroup input[type='radio'],
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input {    vertical-align: middle;margin: 0px 5px 0px 0px!important;}
.bfQuickMode .bfNoSection {margin: 0px 0 30px!important;}
.bfQuickMode section input[type='text'], .bfQuickMode .bfLabelLeft .bfElementGroup, .bfQuickMode .bfLabelRight .bfElementGroup, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {width: auto;}
.bfQuickMode #projet .bfLabelLeft .bfElementGroup {width:auto!important;}
.bfQuickMode #dep .bfLabelLeft .bfElementGroup {width:100%;}
.bfQuickMode section input[type='text'], .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {width:auto!important;    padding: 5px;}
.bfQuickMode .bfElemWrap.bfLabelLeft > label {width: 160px; float: left; padding: 5px; color: #ffffff; font-weight: normal; font-size: 16px; text-transform: uppercase; text-align: center; border: 0px solid #848383; background: #484848; border-radius: 4px;}
@media (max-width: 1399px) {
.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
width: 100%!important;}
.bfQuickMode span.bfElemWrap {width: 200px;}
}

@media (max-width:1199px) {.bfQuickMode #bfElemWrap36.bfLabelLeft .bfElementGroupNoWrap label {    width: 46%;}
.bfQuickMode #contact span.bfLabelLeft input {width:100%;}
.bfQuickMode #contact span.bfElemWrap {width: 18%;}
}
@media (max-width:991px) {
.bfQuickMode span.bfElemWrap {
padding: 5px!important;}
.com_breezingforms .bandflex img {height: 70px;}
.bfQuickMode span.bfElemWrap {width: 100%;}
.bfQuickMode #bfElemWrap36.bfLabelLeft .bfElementGroupNoWrap label {width: 45%;}
.bfQuickMode span.bfLabelLeft select[name="ff_nm_nbrepages[]"], .bfQuickMode span.bfLabelLeft select[name="ff_nm_nbreprod[]"] {width:100%;}
.bfQuickMode span.bfElemWrap#bfElemWrap39, .bfQuickMode span.bfElemWrap#bfElemWrap37 {/* float: none!important;*/width:100%;}
.bfQuickMode section input[type='text'], .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap, .bfQuickMode span.bfLabelLeft input[type='text'] {width:100%!important;}
.bfQuickMode section.bfElemWrap {padding-left: 0; padding-right: 0;}
.bfQuickMode .bfNoSection {margin: 0px 0 20px!important;}
.bfQuickMode .bfLabelLeft .bfElementGroup input, .bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input, .bfQuickMode .bfLabelTop .bfElementGroup input, .bfQuickMode .bfLabelTop .bfElementGroupNoWrap input, .bfQuickMode .bfLabelRight .bfElementGroup input, .bfQuickMode .bfLabelRight .bfElementGroupNoWrap input, .bfQuickMode .bfLabelBottom .bfElementGroup input, .bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {height: 16px; width: 16px!important;}
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap {line-height: 30px;}
.bfQuickMode .bfLabelLeft .bfElementGroup {width: 100%!important;    line-height: 30px;}
.bfQuickMode #contact span.bfElemWrap {width: 100%;}
}
@media (min-width: 768px) { 
#projet br, #site br, #identite br {display:none;}
#dep br {display:block;}
.bfQuickMode #graphisme .bfLabelLeft .bfElementGroupNoWrap label, .bfQuickMode #projet .bfLabelLeft .bfElementGroupNoWrap label {    margin: 0px 20px 10px 0px;}
.bfQuickMode .bfElemWrap.bfLabelLeft > label {width: 160px; float: left;  margin: 0px 20px 0px 0px; padding: 5px; color: #ffffff; font-weight: normal; font-size: 16px; text-transform: uppercase; text-align: center; border: 0px solid #848383; background: #484848; border-radius: 4px;}
#bfElemWrap34 {clear:both;}
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {padding-top:5px;padding-left:0px;}
.bfQuickMode #bfElemWrap36.bfLabelLeft .bfElementGroupNoWrap label {display: inline-block; margin-bottom: 0px;}
.bfQuickMode #message section textarea {width:100%;}
#contact .bfClearfix, #bfQuickModeSection28234 {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
#contact .bfClearfix:after, #bfQuickModeSection28234:after {content: "";display:none;}
.bfQuickMode #contact span.bfElemWrap {margin:0px!important;text-align: center; float: none!important;}
}

@media (max-width: 767px) {
.merci:after {font-size: 35px; height: 60px!important; width: 60px; line-height: 58px;}
.merci {font-size: 20px;line-height: 25px;}
.bandflex.contactb div#bacc4 {display:none;}
.bfQuickMode { margin-bottom: 0px!important;}
.bfQuickMode .bfPageIntro {margin: 0px 0px 20px 0px!important;}
.bfQuickMode .bfNoSection {margin: 0px 0 10px!important;}
.bfQuickMode .bfLabelLeft label.bfGroupLabel, .bfQuickMode .bfLabelRight label.bfGroupLabel {margin: 0px 0px 8px 0px!important; display: inline-block!important; float: left!important; width: auto!important; min-width: auto!important; line-height: 25px;}
.bfQuickMode .bfLabelLeft .bfElementGroup input, .bfElementGroup input[type='radio'], .bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input {vertical-align: middle; margin: 5px 5px 0px 0px!important; float: left!important; clear: left;}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {width: 100%; font-size: 20px;}
.bfQuickMode .bfElemWrap.bfLabelLeft > label {letter-spacing: 1px;}
.bfQuickMode input[type=text], .bfQuickMode select, .bfQuickMode textarea {width: 100%!important; min-width: 100%!important;max-width: 100%!important;}
.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {width: 100%!important; min-width: 100%!important;max-width: 100%!important;margin: 0px 0px 10px 0px!important;}
}

@media (max-width: 580px) {
.merci:after {text-align:center;}
.merci {text-align:justify;}
.bandflex.contactb div#bacc3 {display:none;}
.bandflex.contactb {justify-content: center!important;}
.bandflex.contactb div {margin: 0 15px;}
.bfQuickMode .bfPageIntro {margin: 0px 0px 20px 0px!important;}	
}
@media (max-width: 440px) {
#bacc2 {margin-top:15px;}
.bandflex.contactb {display: block!important;}
.bandflex.contactb div {margin: 0px; width: 100%;}
}
@media (max-width: 400px) {
.bfQuickMode .bfLabelLeft label.bfGroupLabel, .bfQuickMode .bfLabelRight label.bfGroupLabel {
    font-size: 13px;}
}

/*projets*/
/*.view-category .items-row {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
.view-category .col-lg-4 {width: 32%; flex: none;}*/
.items-row .item {padding-top: 0; padding-bottom: 0;overflow:hidden;}
.projects .item-content-wrap { position: relative; overflow: hidden;margin-bottom: 0px;}
.projects .item-info .page-header h2 a {top: 0; height: 100%; width: 100%; bottom: 0px; padding: 40% 0px;  margin-top: auto;   margin-bottom: auto;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;}
.blog .item-content .page-header > h2 a, .blog-featured .item-content .page-header > h2 a {color: #fff; font-weight: 700;}
.projects .item-info .page-header h2 a:after {font-size: 22px; content: "\f002"; font-family: FontAwesome!important;
    color: #ffffff; display: inline-block; width: 45px; font-weight: normal; border: 1px solid; border-radius: 100px; height: 45px;line-height: 40px; display: block; margin: 12px auto 0;}
.projects .item-info::before {background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(rgb(0 0 0 / 0.8), rgba(0, 0, 0, 0.8));}

@media (max-width: 1199px) {
.blog.projects > div.items-row {width: 34%;}
.projects h2 {font-size: 20px!important;}
}
@media (max-width: 991.98px) {
.projects .item-info .page-header h2 a {padding: 30% 0px;}
.blog.projects > div.items-row {width: 35%;}
.projects h2 {font-size: 14px!important;}
}
@media (max-width: 767px) {
.projects h2 {font-size: 20px!important;}
.blog.projects > div.items-row {width: 53%;}
.blog.projects > div.items-row.row-2 {margin-top: 30px;}	
.projects .item-info .page-header h2 a {padding: 35% 0px;}
.projects h2 {font-size: 17px!important;}
}
@media (max-width: 480px) {
.projects .item-info .page-header h2 a {padding: 40% 0px;}
.projects h2 {font-size: 20px!important;}
.blog.projects > div.items-row {width: 100%; margin-left: 0; margin-right: 0;}
.blog.projects > div.items-row.row-1 {margin-top: 30px;}
}
@media (max-width: 380px) {
.projects .item-info .page-header h2 a {padding: 35% 0px;}
.projects h2 {font-size: 14px!important;}
}

/*footer*/
.contactac {display:inline-block;}
.contacteznous .t4-section-inner {line-height: 50px;display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}

.copyr {margin-top:31px;}
.mentionscopy {text-align:right;}
.mentionscopy a {display:block;}
.icfooter span {display:inline-block;margin-top:23px;}
.icfooter .fotnavun {margin-right:40px;}
.icfooter .footnav a img.imhov, .icfooter .footnav a:hover img.norm {display:none;}
.icfooter .footnav a:hover img.imhov {display:block;}
.contactac {color:#ffffff;font-size:58px;font-weight:800;float:left;}
#t4-footnav .col-md {width:auto;display:inline-block;flex: none!important;}
#t4-footnav hr {display:inline-block;width:100px;margin:10px auto;}
#t4-footnav hr.rose {border-top: 1px solid #900141;}
#t4-footnav hr.jaune {border-top: 1px solid #c2b81d;}
.foot1 {font-weight:800;}
.loca {font-weight:300;}
.icfooter img {display:block;height:80px;margin: auto;}
.icfooter div {display:inline-block;}
.iconesfoot {margin:10px 0px;}
.iconesfoot a {border: 1px solid; border-radius: 100px; width: 40px; height: 40px; line-height: 37px; display: inline-block; margin: 0px 6px;}
#t4-footnav .t4-row.row {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
#t4-footnav {z-index: 1;font-size:18px;text-transform:uppercase;background: url(../images/fondgris.jpg) top center no-repeat!important; background-size: cover!important;  /* box-sizing: content-box; */ padding: 55px 0px 40px; position: relative;}
#t4-footer {background: url(../images/fondjaune.jpg) bottom center no-repeat!important; background-size: cover!important;  /* box-sizing: content-box; */  padding: 40px 0px;    position: relative;}
.t4-footnav .container {padding-top: 0;  padding-bottom: 0;}
.t4-footnav .module-inner {color: #171717;}
.t4-palette-dark {color: #212121; background-color: #ffffff;}
.t4-footer .container {border-bottom: 0px solid rgba(255, 255, 255, 0.1); padding-top: 0;padding-bottom: 0;}

@media (max-width: 1399px) {
.contactac {font-size: 55px;}
.bgrisf.contactbot {font-size: 35px; padding: 0px 20px;}
}
@media (max-width: 1199px) {
/*.mentionscopy div a:nth-child(2):after {margin: 0px 8px 0px 12px;}*/
#t4-footnav .footnav-4 {width:100%;}
.mentionscopy {text-align: center;margin-top:0px;}
.copyr {/*margin-top: 10px;*/}
.bgrisf.contactbot {font-size: 30px;}
.contacteznous .t4-section-inner {line-height: 60px;}
.contactac {font-size: 48px;}
}

@media (max-width: 1199px) and (min-width: 768px) {
.copyr:before {margin: 0px 12px 0px 12px;vertical-align: text-top;font-size: 10px;content: "\f111"; font-family: FontAwesome!important;  color: #900141;}
.mentionscopy div {display:inline-block;}
}
@media (max-width: 991.98px) {
.icfooter .fotnavun {margin-right: 0px;}
.contactac {font-size: 35px;line-height: 45px;}
.bgrisf.contactbot {font-size: 25px;padding: 0px 15px; line-height: 45px;}
#t4-footer {padding: 30px 0px;}
}
@media (max-width: 767px) {
#t4-footnav {padding: 30px 0px 25px;}
#t4-footer {margin-top:40px;padding: 15px 0px 23px;}
.contacteznous .t4-section-inner {line-height: 50px;}
.contactac {font-size: 35px;line-height: 45px; line-height: 40px;}
.bgrisf.contactbot {font-size: 25px;line-height: 40px;margin-top: 0px;}
.contacteznous .t4-section-inner {display: block;}
.contactac {float: none;width:100%;}
.mentionscopy {margin-top:25px;}
.copyr {margin-top: 5px;}
#t4-footnav .footnav-3 {display:none;}
}
@media (max-width: 1199px) and (min-width: 481px) {
.mentionscopy a {display: inline-block;}
.mentionscopy div a:nth-child(2):before, .mentionscopy div a:nth-child(3):before {margin: 0px 12px 0px 8px;vertical-align: text-top;font-size: 10px;content: "\f111"; font-family: FontAwesome!important;  color: #900141;}
}
@media (max-width: 480px) {
.contactac {font-size: 20px; line-height: 20px;}
.mentionscopy {margin-top:25px;}
.mentionscopy a {display: block; background: #900141;  margin: 0px 0px 15px; padding: 5px 0px; color: #ffffff!important;}
#t4-footnav .col-md {width: 100%;}
.footnav-2 {margin-top:25px;}
.bgrisf.contactbot {font-size: 18px;line-height: 35px; margin-top: 0px;}
.contacteznous .t4-section-inner {line-height: 40px;}
#t4-footer {margin-top: 40px; padding: 15px 0px 25px;}
}

/*menu*/
@media (min-width: 992px) {
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {border-bottom: 0px solid #fff;}
#t4-megamenu-mainmenu {margin-top:15px;margin-bottom:15px;}
.navbar-expand-lg .navbar-nav {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
.navbar-expand-lg .navbar-collapse {display: -webkit-inline-block !important; display: -ms-inline-block !important;display: inline-block !important;}
.t4-megamenu .navbar-nav > li.contactweb > .nav-link, .t4-megamenu .navbar-nav > li.contactweb > .nav-link:hover, .t4-megamenu .navbar-nav > li.active.contactweb > a {color: #ffffff;}
.t4-megamenu .navbar-nav > li > .nav-link {padding: 10px 15px!important;font-weight: 600; text-transform: uppercase; font-size: 17px;}
}
.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li > .nav-link:focus, .t4-megamenu .navbar-nav > li > .nav-link:active {
    color: #900141;}
.navbar {padding: 0;}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link, .t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li > .nav-link {color: #171717;}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li > .nav-link:hover {/*color: #900141;*/}
@media (min-width: 992px) {
.t4-megamenu .navbar-nav > li > .nav-link {padding: 5px 10px!important; font-size: 16px;}
}
@media (min-width: 1200px) {
.t4-megamenu .navbar-nav > li > .nav-link {padding: 10px 20px!important; font-size: 17px;}
}
@media (max-width: 1399px) {
.not-at-top #t4-megamenu-mainmenu {margin-top: 7px;margin-bottom: 7px;}
}
@media (max-width: 1199px) {
.not-at-top #t4-megamenu-mainmenu {margin-top: 10px;}
/*.navbar-brand.logo-control img.logo-img {margin-top: 6px;}*/
}
/*menu toggle*/
.t4-offcanvas .navbar-expand-md .navbar-toggler {display: none;}
.t4-offcanvas .t4-off-canvas-header .close span {color: #fff;}
.t4-offcanvas .t4-off-canvas-header .close {height: 40px;    width: 40px;line-height: 45px;}
.t4-offcanvas .t4-module .nav li {width: 100%;}
.c-offcanvas--right {background: url(../images/offcanvas.jpg) top right no-repeat!important; background-size: cover!important;}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator {color: #900141;}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {padding: 0; text-transform: uppercase;}
/*.has-offcanvas--visible .t4-offcanvas .t4-off-canvas-header {left: -20px;}*/
.t4-offcanvas .t4-off-canvas-header .close {
    color: #fff;
    background: #900141!important;
    line-height: 40px!important;
    opacity: 1!important;
}
.t4-off-canvas-header a {display:none;}
.c-offcanvas {overflow-y: visible!important;overflow-x: visible!important;}
.t4-offcanvas .t4-off-canvas-header {background-color: transparent; position: absolute; padding: 20px 20px;right:0px;}
.t4-offcanvas-toggle, .navbar-toggler {height: 35px; width: 50px; background: #171717; line-height: 35px;}
@media (max-width: 991.98px) {
.navbar-brand.logo-control img.logo-img {margin-top: -6px;}
#t4-header .container {    padding-top: 15px; padding-bottom: 15px;}
}


/*titres*/
a, a:hover {text-decoration:none;}
a:hover {color:#ffffff;}
body {text-align:justify;}
h1, .h1 {margin-top: 0px;margin-bottom: 0;font-size: 30px; text-transform: uppercase; font-weight: 800;}
h2, h3, h4, h2.tacc, h3.tacc {margin-top: 40px;font-size: 30px; text-transform: uppercase; font-weight: 800;}
h1.t4-masthead-title {font-size: 32px;}
.item-101 h1 {margin-bottom: 35px;}
p.plusmar {margin-top:20px;margin-bottom: 0px;}
@media (max-width: 1399px) {
h1, .h1, h2, h3, h4 {font-size: 28px;}
.item-101 h1 {margin-bottom: 20px;}
}
@media (max-width: 1199px) {
h1.t4-masthead-title {font-size: 28px;}
.item-101 h1 {margin-bottom: 30px;}
h2, h3, h4, h2.tacc, h3.tacc {margin-top: 30px; font-size: 25px; line-height: 30px; margin-bottom: 5px;}
}
@media (max-width: 991.98px) {
h1, .h1 {font-size: 28px!important;}
h2, h3, h4, h2.tacc, h3.tacc {font-size: 26px!important;}
}
@media (max-width: 767px) {
h2, h3, h4, h2.tacc, h3.tacc {font-size: 24px!important;margin-bottom: 3px;margin-top: 25px;}
h1, .h1 {font-size: 26px!important;}
}
@media (max-width: 575px) {
h1, .h1, h2, h3, h4 {font-size: 22px!important; line-height: 28px;}
h2, h3, h4, h2.tacc, h3.tacc {font-size: 20px!important;line-height: 25px;}
}
@media (max-width: 380px) {
h2, h3, h4, h2.tacc, h3.tacc {text-align: center;}
}
/*slider*/
.slide-text {line-height: 40px;}
ul.djslider-in > li {text-align: right;}
.slide-desc-text-default a.readmore {float: none!important; margin-bottom: 0;}
.djslider-default .slide-desc {position: absolute;bottom: 20%!important; top: 20%!important;}
.slide-desc-text-default {padding: 15px 0px 5px;}

.swiper-layout-horizontal .swiper-img-cont {background-size: auto;}
.swiper-img-cont {background-position: center right;    background-size: auto;}
.camera_wrap, .t4-col.slider {padding: 40px 0px 60px;}
/*.cameraCont {background: url(../images/ban-fond.png) center right no-repeat!important;}*/
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {    text-decoration: none;font-size: 30px; font-weight: 800; text-transform: uppercase; background: #900141; color: #ffffff; padding: 15px 25px; margin-top: 60px;}
.btn.camera-button:before, .readmore:before {background: #c2b81d;}
.camera_caption > div {background: transparent!important;padding: 10px 0px;}
.camera_caption {color: #171717;font-family: Lato;}
.camera_caption_desc {font-size: 38px; line-height: 50px;}
.camera_caption_title {font-weight: 800; font-size: 48px; text-transform: uppercase;}
.camera_caption {bottom: auto; display: block; position: absolute; width: auto; z-index: 1000;    top: 22%;}
/*.cameraSlide, .camera_target {position: relative!important;}*/
.cameraSlide img {    margin-left: 0!important; margin-right: 0!important; margin-top: 0!important; position: relative!important; width: auto!important; float: right!important; height: 100%!important;}

@media (max-width: 1399px) {
.djslider-default .slide-desc {top: 15%!important;}
}
@media (max-width: 1199px) {
.camera_caption_title {font-size: 42px;}
.camera_caption_desc {font-size: 32px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 10px 20px;margin-top: 10px;}
.camera_wrap, .t4-col.slider {padding: 40px 0px 50px;}
.djslider-default .slide-desc {top: 13%!important;}
}
@media (max-width: 991.98px) {
.camera_wrap, .t4-col.slider {padding: 10px 0px 20px;}
.djslider-default .slide-desc {top: 3%!important;}
.camera_caption_title {font-size: 36px;}
.djslider-default.img-vcenter img.dj-image {height:95%!important;}
.camera_caption_desc {font-size: 26px; line-height: 35px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 10px 15px; margin-top: 10px; font-size: 26px;}
}

@media (max-width: 767px) {
.camera_caption_title {font-size: 28px;}
.camera_caption_desc {font-size: 21px; line-height: 28px;}
.djslider-default .slide-desc {top: 0%!important;}
.djslider-default.img-vcenter img.dj-image {height:80%!important;}
.camera_wrap, .t4-col.slider {padding: 0px 0px 10px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 6px 15px; margin-top: 0px; font-size: 18px;}
}

@media (max-width: 575px) {
.djslider-default.img-vcenter img.dj-image {height: 100px!important;}
.djslider-default.img-vcenter img.dj-image {position: relative; top: 140px;}
.slide-desc-text-default a.readmore {margin-top: 110px;}
.djslider-default ul.djslider-in > li, .djslider-default {height:260px!important}
ul.djslider-in > li {text-align: center;}
.slide-desc-text-default {padding: 5px 0px 5px;}
.slide-desc-text-default, .camera_caption_title, .camera_caption_desc {text-align: center;}
}

@media (max-width: 400px) {
.djslider-default ul.djslider-in > li, .djslider-default {height:240px!important}
.djslider-default.img-vcenter img.dj-image {top: 122px;}
.camera_caption_title {font-size: 24px;line-height: 30px;}
.camera_caption_desc {font-size: 18px; line-height: 25px;}
}

@media (max-width: 310px) {
.djslider-default ul.djslider-in > li, .djslider-default {height:230px!important}
.camera_caption_title {font-size: 20px;line-height: 28px;}
.camera_caption_desc {font-size: 16px; line-height: 23px;}
}

/*boutons*/
.btn.bfSubmitButton:before {background: #c2b81d;}
.btn, .bgrisf, .brose, .bjaune, .bblanc, .readmore {vertical-align: baseline;  -webkit-transform: translateZ(0); transform: translateZ(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;position:relative; display: inline-block; }
.btn:before, .bgrisf:before, .bblanc:before, .brose:before, .bjaune:before, .readmore:before {content: ""; position: absolute; z-index: -1;top: 0; bottom: 0; left: 0; right: 0; border-radius: 0px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 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;}
.btn:hover:before, .bgrisf:hover:before, .bblanc:hover:before, .brose:hover:before, .bjaune:hover:before, .readmore:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

/*form*/
.btn.btn-primary {background-color: #900141 !important; border-color: #900141 !important;}

/*vignettes accueil*/
.t4-vignettes .boutvign a {color:#ffffff;}
.boutvign {display:inline-block;width:100%;padding:10px 10px;margin-top:30px;}
.colb .scol {width:30%;text-align:center;}
.bgris {background: #f9f9f9;padding:40px 20px 30px;}
.tacc {font-size:24px;font-weight:700;text-transform:uppercase;}
.scol img {height:80px;margin:30px auto;}
@media (max-width: 1199px) {
.colb .scol {width: 31%;}
}
@media (max-width: 991.98px) {
.colb .col1.scol {width: 100%;margin-bottom:30px;}
.colb .scol {width: 48%;}
}
@media (max-width: 767px) {
.colb .scol {width: 100%;}
.colb .col2.scol {margin-bottom: 30px;}
}
/*accueil*/
.map {float: right; margin-top: -25px; margin-left: 50px;}
#fifotext_css {display:inline;}

.sdeuxcol {width:47.5%;}
.pcenter.serv {margin-top: 50px; margin-bottom: 31px;}
.imlogos {text-align:justify; margin: 20px 0px 10px;}
.imlogos img {height:50px;margin-top:20px;padding:0px 10px;}
.imlogos img.ptt {height:35px;}
.imlogos img.abreu {float:right;height:170px;}

@media (max-width: 1399px) {
#sliderck161 {height: 50px!important;}
.map {margin-top: 0px; margin-left: 30px; width: 380px;}
.imlogos img.ptt {height: 30px;}
.imlogos img.abreu {height: 150px;}
.imlogos img {height: 40px;}
.pcenter.serv {margin-top: 25px; margin-bottom: 7px;}
}

@media (max-width: 1199px) and (min-width: 992px) {
p.plusmar {margin-top: 30px; margin-bottom: 0px;}
.item-101 .article-body p.plusmar {width:100%;}
.item-101 .article-body p {width:56%;}
.map {margin-top: 0; position: absolute; right: 12px; top: 8px;width: 340px;}
}

@media (max-width: 1199px) {
.sdeuxcoldeux .boutvign {margin-top: 23px;}
.pcenter.serv {margin-top: 15px; margin-bottom: 0px; font-size: 16px;}
.imlogos img {height: 32px;}
.imlogos img.ptt {height: 22px;}
.imlogos img.abreu {height: 130px;}
#sliderck161 {height: 40px!important;}
.sdeuxcol {width:48.1%;}
}

@media (max-width: 992px) {
.pcenter.serv {font-size: 18px;}
.imlogos img, .imlogos img.ptt {height: 35px;}
.imlogos {text-align: center;}
.boutvign {margin-top: 20px;}
.abreu {display:none;}
.sdeuxcolun {margin-bottom:30px;}
.sdeuxcol {width: 100%;}
.item-101 h1 {margin-bottom: 20px; text-align: center;}
.map {margin-bottom: 20px;margin-top: 0px; margin-left: auto;  width: 100%; margin-right: auto; text-align: center;}
}

@media (max-width: 767px) {
.imlogos {margin: 10px 0px 0px;}
.imlogos img, .imlogos img.ptt {height: 28px; margin-top: 10px;}
.pcenter.serv {text-align: justify;}
div.swiper-slide {margin-right:40px!important;}
#sliderck161 {height: 35px!important;}
.item-101 h1 {margin-bottom: 10px;}
}

@media (max-width: 575px) {
.scol img {height: 80px; margin: 20px auto;}
.tacc {font-size: 20px;}
.bgris {padding: 30px 20px 20px;}
.imlogos {text-align: center; margin: 10px 0px 0px;}
}

@media (max-width: 450px) {
div.swiper-slide {margin-right:30px!important;}
#sliderck161 {height: 25px!important;}
}