@font-face { font-family: 'ral-r'; src: url('fonts/Raleway-Regular.eot'); src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Regular.woff2') format('woff2'), url('fonts/Raleway-Regular.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'ral-b'; src: url('fonts/Raleway-Bold.eot'); src: url('fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Raleway-Bold.woff2') format('woff2'), url('fonts/Raleway-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'din-r'; src: url('fonts/DINCond-Regular.eot'); src: url('fonts/DINCond-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/DINCond-Regular.woff2') format('woff2'), url('fonts/DINCond-Regular.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'din-b'; src: url('fonts/DINCond-Bold.eot'); src: url('fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DINCond-Bold.woff2') format('woff2'), url('fonts/DINCond-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }
/******************************* Header *************************/
body .row { margin: 0; }
body { font-family: din-r; font-size: 18px; min-width:320px }
header .div-header { height: 80px; justify-content: space-between; background: #51071c/*background: url(../images/bg-head.jpg) no-repeat center;background-size:cover;*/ }
header.home .div-header { height: 150px }
br { line-height: 40px; }
p strong, p b { font-family: ral-b }
p { margin-top: 0; margin-bottom: 25px; }
.div-header > div { align-self: center; }
div.div-header.row div.div-logo { height: 100%; display: flex; background: #f8f8f8; }
.pageInterne { padding-bottom: 50px!important; }
.pageInterne p { text-align: justify }
.pageInterne img { width: 100%; height: auto; margin-bottom: 51px; }
.mainHome { padding-top: 75px }
.pageInterne h1 { padding-top: 0!important }
.ImgLeftMini { position: absolute; left: 0; top: 20px }
.ImgRighttMini { width: 100%!important; ; max-width: 100%!important; -webkit-box-flex: 0; -ms-flex: 100%; flex: 100%; }
.contImgMini { padding-left: 233px; position: relative }
.fa-arrow-right:before { background: url(../images/arrow.png); width: 10px; height: 7px; content: ""; position: absolute; left: 0; top: 42%; right: 0; margin: 0 auto; }
.logofooter { font-family: gin; text-transform: uppercase }
.contImgRight { -webkit-box-flex: 0; -ms-flex: 0 0 34.4%; flex: 0 0 34.4%; max-width: 34.4%; padding-left: 45px; vertical-align: top; }
.contImgRight .div-img-illustre { position: relative }
.contImgRight .div-img-illustre:before { display: none; content: ""; background: #5d2c93; background: -moz-linear-gradient(top, #5d2c93 0%, #e2315b 100%); background: -webkit-linear-gradient(top, #5d2c93 0%, #e2315b 100%); background: linear-gradient(to bottom, #5d2c93 0%, #e2315b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2c93', endColorstr='#e2315b', GradientType=0 );
position: absolute; height: 100%; left: -3px; width: 3px; top: 0 }
.contLeftIntro { -webkit-box-flex: 0; -ms-flex: 0 0 65.5%; flex: 0 0 65.5%; max-width: 65.5%; padding: 0; text-align: justify; }
.div-container-actus .titre-niv-1 { margin-bottom: 30px }
.div-container-article .contDesc { background: #fff; padding: 30px 30px; border: 1px solid #dbe3e6; text-align: left; }
.lls {/* color: #e2315b; *//* text-transform: uppercase; */ display: block; clear: both; float: none; margin: 4px auto 0; text-decoration: none!important; }
body .row { position: relative; text-align: center; }
.contBgbanner { height: 347px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative }
.contBgbanner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(27,46,66,0.75) }
.contBgbanner .titre { color: #fff; font-size: 24px; font-family: gin; position: absolute; top: 150px; }
.breadBanner { color: #fff; font-family: ral-r; font-size: 14px; background: #c1143d; min-height: 40px; margin-bottom: 57px;/* text-transform: uppercase; */ padding-top: 10px; }
.breadBanner a { color: #dd8298; font-family: ral-r; margin-right: 5px; }
.breadBanner span { margin-left: 5px }
.breadBanner i { font-style: normal; color: #fff }
.breadBanner a:hover { }
.contBgbanner .div-after-main { position: relative; z-index: 10 }
a, .div-header .div-menu ul li a, .contBgbanner.mention .breadBanner a { transition: all .3s; }
a:hover, .div-header .div-menu ul li a:hover, .contBgbanner.mention .breadBanner a:hover { color: #e2315b; }
.banner { position: relative; margin-bottom: 50px }
.banner:after { position: absolute; height: 2px; left: 0; width: 100%; bottom: -2px; content: ""; background: #e2315b; background: -moz-linear-gradient(left, #e2315b 0%, #343795 100%); background: -webkit-linear-gradient(left, #e2315b 0%, #343795 100%); background: linear-gradient(to right, #e2315b 0%, #343795 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2315b', endColorstr='#343795', GradientType=1 );
}
.contBgbanner.mention { height: 38px; background: #fff }
.contBgbanner.mention:after { display: none }
.contBgbanner.mention .breadBanner { color: #e2315b; top: 9px; }
.contBgbanner.mention .breadBanner a { color: #e2315b; }
.padContent { padding: 45px 35px; margin-bottom: 50px; }
.padContent p:last-child { margin: 0 }
.border { border: 1px solid #e1e1e1!important; position: relative }
.border:before { content: ""; position: absolute; height: 50%; top: 25%; border-left: 1px solid #c1143d; left: -1px }
.bgGris { background: #f6f6f6 }
.bgGris:before { left: auto; right: -1px }
h3 { color: #e2315b; font-size: 20px; font-family: ral-b }
.menuMobile { display: none; }
.padContent strong { color: #68283a }
.div-header .div-logo a { align-self: center; min-width: inherit; }
div.div-header.row .div-menu { padding-right: 50px; height: 100%; }
.div-header .div-menu ul { list-style: none; display: flex; margin-bottom: 0; padding-left: 0; height: 100%; }
.div-header .div-menu ul li a { font-family: 'ral-b' }
.div-header .div-menu ul li { height: 100%; position: relative; display: flex; transition: all .3s; margin: 0 27px; }
.div-header .div-menu ul li a { text-decoration: none; color: #fff; display: inline-block; align-self: center; padding-top: 20px; padding-bottom: 20px; text-align: center; font-family: 'ral-r'; font-size: 16px; }
.div-header .div-menu ul li.active a { color: #e2315b; }
/*********************************** Footer *******************************/
footer .div-footer { height: 108px; background: #51071c; justify-content: space-between; }
.div-footer > div { align-self: center; }
.div-footer a { color: #fff; text-decoration: none; }
div.div-footer.row .div-left-footer { padding-left: 50px; }
.div-footer .div-left-footer .span-copy { color: #8e9ba0; position: relative; top: -5px; margin-left: 5px }
.div-footer .div-left-footer .span-copy em { font-style: normal; font-size: 26px; line-height: 26px; display: inline-block; vertical-align: top; margin-top: 13px; }
.div-footer .div-right-footer { height: 100%; display: flex; }
.div-footer .div-right-footer > div { align-self: center; }
.div-footer .div-right-footer a { font-size: 16px; font-family: ral-r; color: #fff; padding-right: 60px; }
.div-left-footer a { color: #e2315b; font-size: 30px; }
.div-left-footer a i { font-style: normal; color: #fff }
/******************************* main ***************************/
main.main-container { padding-top: 77px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
main p { font-family: "ral-r"; font-size: 14px; text-align: justify; margin-bottom: 0; color: #919aa1; line-height: 24px }
.div-mb-37 { margin-bottom: 37px !important; }
.div-mb-39 { margin-bottom: 39px !important; }
.div-mb-57 { margin-bottom: 10px !important; }
.div-pt-40 { padding-top: 42px !important; }
.div-after-main { padding-left: 40px; padding-right: 40px; max-width: 1266px; margin-left: auto!important; margin-right: auto!important; }
.div-after-main h1 { margin-bottom: 40px; font-family: 'ral-b'; color: #e2315b; font-size: 30px; position: relative; text-transform: none; }
.div-after-main h1:before { content: ""; position: absolute; left: 0; top: 16px; width: 10px; height: 10px; background: #e2315b; display: none; }
a { color: #e2315b; }
.p-mb-35 { margin-bottom: 50px !important; }
.p-mb-5 { margin-bottom: 0px !important; }
/******************************* Accueil *************************/
.titre-niv-1 { font-family: 'ral-b'; color: #525d5e; font-size: 30px; text-transform: uppercase }
.titre-niv-2 { font-family: 'ral-b'; color: #51071c; font-size: 20px; margin-bottom: 30px!important; position: relative; }
.titre-niv-3 { font-family: 'ral-b'; color: #e2315b; font-size: 18px; margin-bottom: 27px!important; position: relative; text-transform: uppercase }
.titre-niv-2:before { content: ""; position: absolute; left: 0; top: 5px; width: 9px; height: 9px; background: #e2315b; border-radius: 50%; display: none }
.p-with-border { padding: 35px 44px; border: 1px solid #ebebf4; position: relative }
.p-with-border:before, .p-with-border:after { content: ""; width: 42px; height: 42px; position: absolute; top: -1px; right: -1px; background: #fff; display: none }
.p-with-border:after { right: auto; left: -1px; top: auto; bottom: -1px }
.div-container-article { padding-bottom: 30px; }
.div-container-article .contPhoto img { width: 100%; height: auto }
.div-container-article h3 { font-family: "din-b"; font-size: 22px; color: #51071c; margin-bottom: 16px; line-height: 24px; max-width: 229px; }
.div-container-article div.row p { font-size: 16px; margin-bottom: 10px; text-align: left; text-transform: none; color: #696969; text-decoration: none; }
.div-container-article div.row > div:last-child { padding-right: 0; text-align: right; }
.div-container-article div.row > div:last-child a { white-space: nowrap; display: block; color: #4d5d6f; position: relative; font-size: 14px; text-align: right }
.div-container-article div.row > div:last-child a i { display: none }
.div-container-actus { padding-bottom: 20px; }
.div-img-illustre img { width: 100%; }
.div-main-legale { margin: auto; padding-top: 20px; margin-bottom: 60px }
.div-container-actus .col-md-4 { padding-right: 35px; }
 @media (max-width:1350px) {
.menuMobile { width: auto; height: 22px; display: block; z-index: 80; transition: all 400ms ease-in-out; color: #212529; font: normal 15px/23px din-r; cursor: pointer; text-transform: uppercase; position: absolute; right: 40px; top: 29px; cursor: pointer; }
.home .menuMobile { top: 61px; }
.menuMobile>div { width: auto; height: 22px; position: relative; padding: 0 40px 0 0; color: #fff; font-size: 20px; }
.menuMobile span { width: 25px; height: 2px; background: #fff; position: absolute; right: 0; top: 50%; display: block; }
.menuMobile span:before { width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: 9px; content: ""; }
.menuMobile span:after { width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: -9px; content: ""; }
.menuMobile.active span { height: 0px; }
.menuMobile.active span:before { top: 0; transform: rotate(45deg); }
.menuMobile.active span:after { top: 0; transform: rotate(-45deg); }
div.div-header.row .div-menu { display: none; position: absolute; top: 150px; left: 0; width: 100%; padding: 0; background: #fff; box-shadow: 0 6px 6px -2px rgba(0,0,0,0.2); z-index: 10; border-top: 1px solid #e1e1e1; height: auto; }
.div-header .div-menu ul li, .div-header .div-menu ul { display: block; margin: 0; line-height: normal; height: auto; }
.div-header .div-menu ul li { border-bottom: 1px solid #e1e1e1; }
.div-header .div-menu ul li:last-child{ border:0}
.div-header .div-menu ul li a { padding: 13px 0; color: #212529; display: block; cursor: pointer }
.div-header .div-menu ul li.active a { color: #fff; background: #e2315b; display: block }
}
 @media all and (max-width:1090px) {
.lls { position: static; margin-top: 10px; display: block; float: none!important }
.div-container-article .row { display: block }
}
 @media all and (max-width:1024px) {
.contBgbanner .titre { top: 80px; width: 100%; text-align: center; left: 0; }
.breadBanner { top: 167px; width: 100%; right: 0; text-align: center; }
.contBgbanner { height: 267px; }
}
@media all and (max-width: 837px) {
header .div-header {}
div.div-header.row div.div-logo { border-right: 0; justify-content: center; }
div.div-header.row .div-menu { width: 100%; padding-right: 0 !important; border-bottom: 1px solid #efefef; }
.div-header .div-menu ul { justify-content: center; }
}
 @media all and (max-width: 692px) {
div.div-footer.row .div-left-footer { width: 100%; padding: 0; text-align: center; min-height: 54px; display: block; justify-content: center; }
div.div-footer.row .div-left-footer span { align-self: center; }
.div-footer .div-right-footer { width: 100%; height: 54px; justify-content: center; }
.div-footer .div-right-footer a { padding: 0; }
.align-self-end img { width: 100%; height: auto }
div.div-header.row div.div-logo { background: #fff }
}
 @media all and (max-width: 767px) {
div.row > div { padding-left: 0; padding-right: 0; }
.pageInterne { padding-left: 20px; padding-right: 20px }
div.div-footer.row .div-left-footer span { display: block; float: none; padding-top: 10px }
.div-header .div-menu ul { display: block }
header.home .div-header { height: 80px }
.home .menuMobile { top: 30px }
main.main-container { padding-top: 35px }
.div-header .div-menu ul li a { display: block; width: 100%; padding: 10px 0 }
.div-header .div-menu ul li { padding: 0; display: block; height: auto; position: relative }
.div-header .div-menu ul li.active::after, .div-header .div-menu ul li:hover::after { width: 100% }
.div-logo { padding: 20px 0 }
footer .div-footer { height: auto }
.div-after-main { padding-left: 20px; padding-right: 20px; margin-bottom: 20px!important }
.div-main-legale { margin: 0; padding: 0; border: 0 }
.div-after-main h1 { padding-top: 0 }
.contLeftIntro, .contImgRight { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.mainHome { padding-top: 20px }
.breadBanner { margin-bottom: 20px }
.div-after-main h1 { margin-bottom: 10px }
.p-mb-35 { margin-bottom: 20px!important }
.padContent{ padding:20px}
}
 @media all and (max-width: 837px) {
.div-main-legale { margin-top: 120px }
}
@media all and (max-width: 767px) {
.ImgLeftMini { display: none }
.div-main-legale { width: auto; border: 0; padding: 0 }
.div-main-legale h2 { margin-bottom: 20px; margin-left: 0 }
.div-main-legale h2 img, .titre-niv-2 img { display: none }
.div-main-legale div p, .pageInterne p { padding-left: 0 }
.pageInterne { border: 0; padding: 0 20px !important }
.p-with-border { padding: 20px; margin-bottom: 20px }
.div-container-article { margin-left: 0; margin-right: 0; margin-bottom: 20px }
div.div-header.row div.div-logo { }
.div-footer .div-right-footer { display: block; height: auto }
.contImgMini { padding-left: 0 }
.p-with-border:before, .p-with-border:after { width: 22px; height: 22px }
.div-pt-40 { padding-top: 20px!important }
.div-container-actus { padding-bottom: 1px }
.div-footer .div-left-footer .span-copy { padding-top: 0!important; margin-top: -10px }
footer .div-footer { display: block; padding-top: 15px; text-align: center; padding-bottom: 22px; }
.div-footer .div-right-footer a { padding: 0 }
div.div-footer.row .div-left-footer { padding: 0 }
.div-main-legale { margin-top: 30px }
.div-main-legale h1 { margin-left: 0 }
.div-container-actus .col-md-4 { padding-right: 0 }
.div-container-article .contDesc { padding: 20px 20px 0 }
.div-footer .div-left-footer .span-copy em { margin-top: -3px; }
.div-header .div-logo a { min-width: inherit }
div.div-header.row .div-menu{ top:80px}
.div-img-illustre img{ display:none}
}
@media all and (max-width: 480px) {
.menuMobile>div { width: 20px; overflow: hidden; white-space: nowrap; text-indent: 99px }
.menuMobile { right: 18px }
.pageInterne img{ display:none}
}
@media all and (max-width: 360px) {
.div-logo img { width: 100%; height: auto }
.div-after-main h1 { font-size: 20px; margin-bottom: 20px }
.titre-niv-2 { margin-left: 0 }
.div-container-article { margin-bottom: 0 }
.div-mb-57 { margin-bottom: 20px!important }
.contBgbanner { height: 139px; }
.contBgbanner .titre { top: 29px; font-size: 16px; }
.breadBanner { top: 97px; }
.div-header .div-menu ul li a {padding: 10px 0;}
.div-logo { padding: 0px 0; }
}