html,
body {margin:0px;padding:0px;}
body {    font-family: 'Roboto-Light';
    font-size: 16px;line-height:25px;letter-spacing:0px;color:#262626;overflow-x: hidden;
}
h2 {
    font-family: 'Roboto-Regular';
    font-size: 35px;
    margin: 0px !important;
    margin-bottom: 5px !important;
}
ul {list-style:inside none none;margin:0px;padding:0px;}
a {color:#262626;text-decoration:none;}
a:hover,
a:focus {color:#8e251a;text-decoration:none;}
p {
    margin: 0 0 0px !important;
}
h2, .h2 {
    font-size: 20px !important;     line-height: 30px !important;
    font-family: 'Roboto-Bold' !important; 
}
h3, .h3 {
    font-size: 18px !important;
    font-weight: bold !important;
}
/******fonts******/
 /* -------------------------- */
 @font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.eot');
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg'),
       url('../fonts/Roboto-Black.ttf') format('truetype'),
       url('../fonts/Roboto-Black.woff') format('woff'),
       url('../fonts/Roboto-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


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

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

/************************/

/***********03092021************************/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 9999;
    /* white-space: nowrap; */
}
.piou::before {
    content: url(/wp-content/uploads/2016/10/pioupiou.png);
    vertical-align: sub;
    padding-right: 5px;
}
.water p::before {
    content: url(/wp-content/uploads/2016/08/water.png);
    padding-right: 5px;
}
.weather-popup p::before {
    content: url(/wp-content/uploads/2016/09/cloud.png);
    vertical-align: sub;
    padding-right: 5px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.marg {
    margin-left: -165px;
}
.m {
    background: url(/wp-content/uploads/2016/08/user.png) no-repeat left;
    background-size: 12%;
    padding-left: 15px;
    margin-bottom: 0px !important;
    padding-right: 23px;
    background-position: 0% 31%;
}
.cont {
    background: url(/wp-content/uploads/2016/08/envelope.png) no-repeat left;
    background-size: 22%;
    padding-left: 12px;
    margin-bottom: 0px !important;
}
.sans-padding-header {padding-left:0px !important;padding-right:0px !important}
ul.list-inline2 {
    display: inline-block !important;
    margin-bottom: 0px !important;
}

ul.res-soc {
    display: inline-block;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
ul.res-soc li {
    font-size: 17px !important;
    display: inline-block;
    border-radius: 50%;
    padding: 5px 5px;
    padding-bottom: 4px !important;
    color: #fff;
    background: #6abbda;
    min-width: 33px;
    text-align: center;
    margin-right: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
ul.res-soc li i {
    color: #fff !important;font-family: "Font Awesome 5 Brands" !important;
}
img.tiktokimg {
    position: relative;
    top: -3px;
}
ul.res-soc li:hover {
    background: #373638;
}
.topblock  .container, .topheader-left, .topheader-right{
    display: flex;
    flex-direction: row;
    align-items: center;
}
ul.list-inline.reseau {
    margin-bottom: 0px !important;vertical-align: middle !important;
}
.list-inline > li {vertical-align: middle !important;}
.topheader-right {
    text-align: right;
margin-left: auto !important;
    margin-right: 0px!important;
    float: inherit !important;    display: block;
}
p.adress, p.phone {
    display: inline-block;
    margin-bottom: 0px !important;padding-left: 23px !important;
}
p.phone:before {
    font-family: FontAwesome;
    content: "\f095";
    display: inline-block;
    padding-right: 5px;
    font-size: 20px;
    vertical-align: middle;
}
.topheader-right p.phone a {
    padding-left: 0px !important;
}
.water {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.site-branding {
    width: 9% !important;
}
.site-branding02 {
    width: 91% !important;
}
.menu-item i._before, .rtl .menu-item i._after {
    margin-right: .25em;
    display: none !important;
}
ul.res-soc4 {
    display: inline-block;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    width: 100% !important;
}
.contact-infos {
    font-family: 'Roboto-Light';
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}
.contact-infos i {
    min-width: 35px;
}
.footer-contact i {padding-right: 0px !important;}
.fa-map-marker:before {
    content: "\f041" !important;
}
.footer-contact3 iframe {
    width: 100% !important;
}
.footer-contact3  {
    padding-left: 0px !important;
}
.form_newsletter .news_titre {
    display: none !important;
}
.form_newsletter ::-webkit-input-placeholder { color: #fff !important;   font-family: 'Roboto-Light' !important;}
.form_newsletter :-moz-placeholder { color: #fff !important;   font-family: 'Roboto-Light' !important;} /* Firefox 18- */ 
.form_newsletter ::-moz-placeholder { color: #fff !important;   font-family: 'Roboto-Light' !important;}  /* Firefox 19+ */
.form_newsletter :-ms-input-placeholder { color: #fff !important;   font-family: 'Roboto-Light' !important;}
.form_newsletter .email-newsLetter{
    background: transparent !important;
    border: 1px solid #fff !important;
    line-height: 40px !important;
    border-radius: 10px;
    padding: 0px 10px !important;
    color: #fff !important;width: 79% !important;
    display: inline-block;    float: left;
}
.form_newsletter .btn-newsLetter {
    width: 20% !important;
    display: inline-block;
    float: revert;
    float: right;background: #8e251a;
    border: 1px solid #8e251a;
    line-height: 40px;
    border-radius: 10px;
}
.text-image * {
    font-family: 'Roboto-Bold' !important;
}
.nom-equipe,.events-title {
    font-family: 'Roboto-Bold';color: #8e261b;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb90000 !important;
}
ul.list-inline.reseau li:hover .dropdown-content {
    display: block !important;
    text-align: left;
    left: 57px;
    width: 190px;
}
h3.date-archive.dateclub {
    font-family: 'Roboto-Medium';
    font-size: 20px;
    color: #8e251a;
}
table {
    /* border-bottom: 1px solid #ededed; */
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table.table_bulttins tbody tr {
    border-bottom: 2px solid #08193f;
}
table.table_bulttins tbody tr td {
    border: none;
    padding-bottom: 4px;
    padding-top: 11px;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
    text-align: left;
}
.right-td {
    text-align: right;
}
.page-template-default.page .post-thumbnail {
    display: none !important;
}
.TFtable {
    width: 100%;
    border-collapse: collapse;
}
.TFtable {
    width: 100%;
    border-collapse: collapse;
}
.TFtable td {
    padding: 3px;
    border-top: #555 2px solid;
}
.TFtable tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.68);
    font-family: 'Roboto-Medium';
    color: black;
    text-align: center;
}
.TFtable tr:nth-child(odd) {
    background: #08193f;
    font-family: 'Roboto-Medium';
    color: white;
    text-align: center;
}
ul#menu-coupe-des-lyons li:before {
    display: none !important;
}
ul#menu-coupe-des-lyons li {
    padding-left: 0px;
    margin-bottom: 15px;
    line-height: 30px;
    position: relative;
    background: #6abbda;
    padding: 10px;
    text-align: center;    margin-bottom: 5px !important;
}
ul#menu-coupe-des-lyons li a {
color:#fff;
}
/* li.current_page_item , ul#menu-coupe-des-lyons li:hover{ */
    /* background: #8d251a !important; */
/* } */
td.table2009 {
    color: #fff !important;
}
.table2007 a {
    text-decoration: underline;
}
.table2007 th {
    color: #fff;
}
.page-restrict-output input[type="text"] {
    margin-left: 45px;
}
.page-restrict-output input[type="password"] {
    margin-left: 20px;
}
/************fin 03092021*******/
.topblock * {font-family: 'Roboto-Thin' !important;font-size: 16px;font-weight: 600;}
.topblock {
    padding: 7px 0px !important;
    background: #e4e1e1  !important;
    color: #1D1D1D !important;
}
.site-header-main {
    margin: 0px 0px !important;
	display: flex;
    flex-direction: row;
    align-items: center;

}
img {
    max-width: 100%;
}
.topheader-left p {display: inline-block;margin-bottom: 0px !important}
.topheader-left a {color: #1D1D1D !important;}
.topheader-right p {display: inline-block;margin-bottom: 0px !important}
.topheader-right a {color: #1D1D1D !important;padding-left: 15px !important;}
p.phone {text-align: right;}
p.phone {text-align: right;float: right;clear: both;}
p.adress, p.phone {
    display: inline-block;
    margin-bottom: 0px !important;
}
.topheader-right a:hover, .topheader-left a:hover {color: #6abbda !important;}
p.phone:before {
    font-family: FontAwesome;
    content: "\f095";
    display: inline-block;
    padding-right: 5px;
    font-size:20px;vertical-align: middle;
}
p.adress:before {
    font-family: FontAwesome;
    content: "\f041";
    display: inline-block;
    padding-right: 5px;
    font-size: 20px;
}.sans-padding {padding-left:0px !important;padding-right:0px !important}
.site-footer-top {
    background: #262626;
    padding: 40px 0px !important;
    color: #fff;
    font-family: 'Roboto-Thin';
    font-size: 14px;
}
.site-footer-top a {color: #fff !important;}
.site-footer-top a:hover {color: #6abbda !important;}
.footer-menu21 {padding-left: 0px !important;padding-right: 0px !important;}
.titles {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';border-bottom: solid 1px #999;margin-bottom: 30px !important;
}
.titles p {
    color: #fff;
    text-transform: uppercase;
    border-bottom: solid 1px #fff;
    padding: 0 0 12px 0;    display: table;margin-bottom: -1px !important;
   
}
.site-footer-top ul {margin-bottom: 0px;}
.site-footer-top li {margin-bottom: 10px;}

.footer-menu22 {padding-right: 0px !important;}

.contacts {
    margin-bottom: 15px;
}
p.footerp {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    padding-left: 15px;
    margin-bottom: 0px;
}
p.footerhoraire {
    font-family: 'Roboto-Medium';
    display: inline-block;    width: 58%;
}
p.footerhoraire2 {
    font-family: 'Roboto-Bold';
    display: inline-block;text-align: right;    width: 42%;
}
span.h-hor {
    vertical-align: super;
    font-size: 8px;
}
.social-icons {
    float: right;
}
.social-icons a {
    color: #fff;
    border: solid 1px #176b80;
    /* padding: 7px 9px; */
    border-radius: 50%;
    font-size: 16px;
    background: #176b80;
    text-align: center;
    padding: 6px;
    min-height: 35px;
    display: inline-block;
    vertical-align: middle;
}
 .social-icons a.fb:hover {
    background: #5c85ce;
    border: solid 1px #5c85ce;
}
.social-icons a.tw:hover {
    background: #02c0f2;
    border: solid 1px #02c0f2;
}
.social-icons a.gp:hover {
    background: #eb6850;
    border: solid 1px #eb6850;
}
.social-icons a.vimeo:hover {
    background: #68d4ee;
    border: solid 1px #68d4ee;
}
a:hover {
    transition: background-color 0.5s ease;
}
.site-info {
    background: #74b9c4;
    padding: 10px 0px;
    font-family: 'Roboto-Light' !important;
    color: #fff;
}
.footer-info a{color: #fff;}
.social-icons i {
    text-align: center;
    min-width: 25px;
}
.social-icons li {display: inline-block;}
.footer-info {line-height: 40px;}
.footer-info a:hover {color: #176b80 !important;}
.site-logo, .topheader-slogan {
    display: inline-block;padding-top: 5px;padding-bottom: 5px;
}
.site-branding{
    display: flex;
    align-items: center;
    flex-direction: row;padding-left: 0px !important;padding-right: 0px !important;
}
.sans-padding-header{padding-left: 0px !important;padding-right: 0px !important;}
.site-branding p {
    margin-bottom: 0px !important;
}
.topheader-slogan p {padding-left: 15px;}
.site-header-main {padding: 0px 0px;}

ul#menu-regates-departementales li {
    font-family: 'Roboto-light';
    display: inline-block;padding: 46px 6px;
	-webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
	font-size:15px !important;font-weight: bold !important;
}
ul#menu-regates-departementales li:last-child {
padding: 46px 0px;
}
ul#menu-regates-departementales li a {color: #323232;webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.site-branding{
    display: flex;
    flex-direction: row;
   
}
ul#menu-regates-departementales {
    margin-bottom: 0px !important;
    text-align: right;
}
li.prendrerdv {
    background: #6abbda;
    color: #fff;
    padding: 10px 5px !important;
    border-radius: 5px;
    font-family: 'Roboto-Bold' !important;
}
li.prendrerdv a{color: #fff !important;}
li.prendrerdv:hover{background: #00576f !important;}
/****horaires****/
.time-table-sec {
    position: relative;
}
#accordion2 {
    position: absolute;
    z-index: 6666;
}
.accordion2 {
    width: 100%;
    max-width: 320px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    right: 0px;
}
#accordion2 .time-table {
    padding: 36px 18px;
}
#accordion2 .time-table {
    background: #176b80 url(../images/time-icon-bg.png) no-repeat;
}
#accordion2 .submenu li.tit {
    border-bottom: none;
}
#accordion2 .time-table h5 {
    color: #fff;
    font-weight: 400;
}
#accordion2 .submenu li {
    border-bottom: 1px solid #fff;
    line-height: 43px;
}
#accordion2 .time-table span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
#accordion2 .time-table span.divider {
   font-family: 'Roboto-Bold';
}
#accordion2 .time-table span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
#accordion2 .time-table span.time {
    float: right;
    text-align: right; font-family: 'Roboto-Bold';
}
#accordion2 .time-table span.day {
       float: left;
    text-align: left;
    width: 160px;
    font-family: 'Roboto-Medium';    font-weight: 100;
}
.accordion2 li.open .link {
    color: #b63b4d;
}
.accordion2 li:last-child .link {
    border-bottom: 0;
}
.accordion2 .link {
    cursor: pointer;
    display: block;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 53px;
    float: right;
}
#accordion2 .submenu {
    display: none;
}
li.tit h5 {
    font-family: 'Roboto-Bold';
    font-size: 20px;
}
/*******/
.specialites h3 {
    font-weight: 700;
    font-size: 22px;
    font-family: 'Roboto-Regular', sans-serif;
    margin: 0px !important;
    margin-bottom: 10px !important;
}
.specialites p {
    font-size: 18px;
    line-height: 27px;
    font-family: 'Roboto-Light';
}
.auto-marg {margin-left:auto !important;margin-right:auto !important}

.sans-padding {padding-left:0px !important;padding-right:0px !important}
.bg1 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.home-tabs #tab_container_112 .wpsm_nav-tabs > li > a {border: none !important;padding-left: 0px !important;}
.home-tabs #tab_container_112 .wpsm_nav-tabs > li.active > a, 
.home-tabs #tab_container_112 .wpsm_nav-tabs > li.active > a:hover, 
.home-tabs #tab_container_112 .wpsm_nav-tabs > li.active > a:focus,
.home-tabs #tab_container_112 .wpsm_nav-tabs > li > a:hover, 
.home-tabs #tab_container_112 .wpsm_nav-tabs > li > a:focus{
    border: none !important;border-bottom: 2px solid #6abbda !important;
}
.home-tabs #tab_container_112 .wpsm_nav-tabs {
    border-bottom: 1px solid #75b9c4;
}
.tabs-bloc1 img {    max-width: 100%;}
#tab_container_112 .tab-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
	padding-top: 40px !important;
}
h4.tabs-title {font-family: 'Roboto-Medium';font-weight: 100;font-size: 22px !important;    margin-bottom: 30px;    margin-top: 0px !important;}
p.liens-tabs {margin-bottom: 0px !important;    display: table;    padding: 10px 20px !important;    background: #6abbda !important;}
p.liens-tabs:hover {background: #00576f !important;}
p.liens-tabs a{color:#fff !important;}
.tabs-bloc1 {
    padding-left: 0px !important;
}
.bloc-citation {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #f5f5f5 !important;
}
.bloc-citation >.vc_column_container {
    padding: 100px 0px !important;
}
.citation * {
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 35px;
    line-height: 45px;
    width: 90%;
    margin: auto !important;
}
.wpsm_team_2_member_wrapper, .wpsm_team_2_member_wrapper_inner h3 {
    text-align: left !important;
}
ul#menu-regates-departementales>li:hover a {
    padding-bottom: 43px;  color: #fff;
}
ul#menu-regates-departementales>li:hover  {
    background: #6abbda;
}
.footer-contact p {
    margin-bottom: 10px !important;
}
p.footer-titles {
    font-family: 'Roboto-Regular';
    font-size: 18px;
    margin-bottom: 10px !important;
}
p.site-title {
    font-family: 'Roboto-Regular';
    margin-bottom: 0px !important;
        padding: 7px;
    text-align: center;font-size:16px;
}
p.site-title a {
    color: #092234;
}
p.site-title a:hover {
    color: #8e251a;
}
.footer-contact i {
    padding-right: 10px;
    min-width: 25px;
}
.fixedHeader {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 9999999999  !important;
background:#fff !important;
border-bottom:1px solid #933026;
   
}
.width {
    width: 80% !important;
    margin: auto !important;
    float: none !important;
}
.color-red * {
    color: #8e261c !important;
    font-family: 'Roboto-Medium';
}
.background-red-right::before {
    background-color: #8e261c;
    content: '';
    height: 120px;
    position: absolute;
    width: 70px;
    margin: auto;
    right: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    bottom: 0px;display:block !important;
}
.background-red-top::before {
    background-color: #8e261c;
    content: '';
    height: 120px;
    position: absolute;
    width: 70px;
    margin: auto;
    right: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    top: 0px;display:block !important;
}
.background-red-left::before {
    background-color: #8e261c;
    content: '';
    height: 120px;
    position: absolute;
    width: 70px;
    margin: auto;
    left: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    top: 0px;display:block !important;
}
.background-red-bottom::before {
    background-color: #8e261c;
    content: '';
    height: 120px;
    position: absolute;
    width: 70px;
    margin: auto;
    left: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    bottom: 0px;
	display:block !important;
}

.title-home *{
    color: #8e261c !important;
    font-family: 'Roboto-Medium';
    font-size: 18px !important;
    margin-top: 10px !important;
}
.title-desc *{
    font-family: 'Roboto-Thin';
    font-size: 18px !important;
    margin-bottom: 0px !important;
}
.title-lien {
    font-size: 18px;
    display: table;
    border: 1px solid #8e261c;
    color: #8e261c;
    padding: 10px 15px;webkit-transition: all 2s ease;transition: all 2s ease;
	margin-top: 10px !important;margin: auto;

}
.title-lien a { color: #8e261c;}
.title-lien:hover {background: #8e261c;}
.title-lien:hover a {color: #fff !important;}
.img-prestations {min-height: 76px !important;}
.bg-center {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.roboto-medium {
    font-family: 'Roboto-Medium';
    font-size: 18px;
    line-height: 25px;
}
.roboto-light {
    font-family: 'Roboto-Light';
    font-size: 18px;
}
.color-white * {
    color: #fff !important;
}
.roboto-bold {
    font-size: 22px;
    font-family: 'Roboto-Bold';
}
.bloc-number {display: inline-block;}
.bloc-number1 {padding-right:30px}
p.number {
    font-size: 45px;
    font-family: 'Roboto-Black';
    line-height: 60px;
}
p.undernumber {
    font-family: 'Roboto-Light';
    font-size: 18px;
}
.surveillance-title {
    font-family: 'Roboto-Medium';
    font-size: 35px;
    line-height: 45px;
}
.surveillance-desc {
    font-family: 'Roboto-Light';
    font-size: 27px;
    line-height: 35px;
}
.bg-bottom {
    background-position: center bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.width2 {
    width: 48% !important;
}

.demi-container {
    width: 585px;
    margin-left: auto !important;
    margin-right: 0px !important;
}
.footer-menu1 {
    padding-left: 0px !important;
}
span.red {
    color: #933026;
}
.pictos {
    display: inline-block;
    width: 31%;
    text-align: center;
    margin-top: 30px;
}
.pictos p {
font-family: 'Roboto-Medium';
    font-size: 25px;
    line-height: 35px;
	text-transform:uppercase;
}
.logos img {
    margin-right: 35px !important;
}
.bloc-confiance:before {
    background-color: #fff;
    content: '';
    height: 100% !important;
    position: absolute;
    width: 300%;
    margin: auto;
    /* right: 0px !important; */
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    top: 0px;
}
.roboto-light-li ul li {
    font-family: 'Roboto-Light';
    font-size: 20px;
    margin-bottom: 30px !important;
    line-height: 30px;padding-left: 50px;
}
.roboto-light-li ul li:before {
    font-family: FontAwesome !important;
    content: "\f178";
    display: inline-block;
    padding-right: 15px;
	color:#8e261c;
	position: absolute;
    left: 0px;
}
.contacter-nous a {
    text-shadow: 5px 7px #ef7b65cc;
    color: #8e261c;
    font-size: 60px;
    font-family: 'Roboto-Black';
    line-height: 60px;
    text-transform: uppercase;
    letter-spacing: 3px;webkit-transition: all 2s ease;transition: all 2s ease;
}
.contacter-nous a:hover {
    text-shadow: 5px 7px #8e261c;
    color: #ef7b65;
}
.form-contact:before {
    background-color: #6abbda;
    content: '';
    height: 100% !important;
    position: absolute;
    width: 300%;
    margin: auto;
    /* right: 0px !important; */
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    top: 0px;
}
/**********formulaire contact 2 **********/
.div-un-contact2 input[type="text"], .div-un-contact2 input[type="email"], .div-un-contact2 input[type="tel"], .div-un-contact2 input[type="textarea"] {
    width: 100%;
}
.div-un-contact2 ::-webkit-input-placeholder { color: #02123d  !important;   font-family: 'Roboto-Light' !important;}
.div-un-contact2 :-moz-placeholder { color: #02123d  !important;   font-family: 'Roboto-Light' !important;} /* Firefox 18- */ 
.div-un-contact2 ::-moz-placeholder { color: #02123d  !important;   font-family: 'Roboto-Light' !important;}  /* Firefox 19+ */
.div-un-contact2 :-ms-input-placeholder { color: #02123d  !important;   font-family: 'Roboto-Light' !important;}
.div-un-contact2 input, .div-un-contact2 button, .div-un-contact2 select, .div-un-contact2 textarea, .div-un-contact2 date {
    font-family: 'Roboto-Light' !important;
    font-size: 20px;
    line-height: inherit;
    background: transparent;
    color: #000;
    margin-bottom: 20px;
    border: 1px solid #02123d  !important;
    line-height: 25px;
    padding: 15px 25px;
    max-width: 100%;

}
.div-un-contact2 textarea {
    width: 100%;    max-height: 250px !important;
  
}
.div-un-contact2 input.wpcf7-date, .div-un-contact2 select  {
    width: 100% !important;   
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e70000 !important;
}
.div-un-contact2 input[type="submit"] {
    text-align: center;
    -webkit-transition: all 1s;
    transition: all 1s;
    display: table;
    margin: auto;
    margin-right: 0px;
    color: #02123d !important;
    background: #fff;
    padding: 20px 50px;
    /* border-radius: 35px; */
    font-family: 'Roboto-Light' !important;
    font-size: 22px;
    margin-bottom: 30px !important;
    margin-top: 0px !important;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-box-shadow: 6px 6px 26px -6px rgb(122 116 122);
    -moz-box-shadow: 6px 6px 26px -6px rgba(122,116,122,1);
    box-shadow: 6px 6px 26px -6px rgb(122 116 122);
}

.div-un-contact2 input[type="submit"]:hover {
    color: #fff !important;
    background: #02123d  !important;    border: 1px solid #02123d !important;
}
.div-un-contact2 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none !important;color: #000;
}
.div-un-contact2 div.wpcf7-mail-sent-ok {
    border: none !important;
    color: green;
}
.sans-padding-left {padding-left:0px !important;}
.sans-padding-left-formulaire {  padding-right: 0px !important;    padding-left: 0px !important;}
.margtop1 {margin-top:50px !important}
/* .div-un-contact2 { */
    /* padding-left: 0px !important; */
/* } */
span.wpcf7-form-control.wpcf7-acceptance span {
    margin: 0px !important;
}
span.wpcf7-not-valid-tip {
    color: #242422 !important;
    font-size: 1em;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
div.wpcf7-mail-sent-ok {    border: 2px solid #398f1400 !important;}
.form-contact {
    -webkit-box-shadow: -2px 2px 12px 0px rgb(122 116 122 / 78%);
    -moz-box-shadow: -2px 2px 12px 0px rgb(122 116 122 / 78%);
    box-shadow: -2px 2px 12px 0px rgb(122 116 122 / 78%);
}
/****/
/**********formulaire contact 2 **********/

.background-page {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	    min-height: 300px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
        z-index: 9999;
    margin-bottom: 30px;
}
.background-page::before {
    background-color: rgb(35 37 39 / 65%);
    content: '';
    height: 300px;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
}
h1.titre-page {
    text-align: center;
    color: #fff !important;
    font-size: 50px !important;
      font-family: 'Roboto-Bold';
	  margin-top: 0px;
    margin-bottom: 0px;
}
.background-red-top2::before {
    background-color: #8e261c;
    content: '';
    height: 95px;
    position: absolute;
    width: 95px;
    margin: auto;
    right: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    top: 0px;
	display:block !important;
}
.background-red-bottom2::after {
    background-color: #8e261c;
    content: '';
    height: 120px;
    position: absolute;
    width: 70px;
    margin: auto;
    left: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    bottom: 0px;display:block !important;
}
ul#menu-regates-departementales li.current_page_item >a{
    padding-bottom: 43px;color:#fff;
}
ul#menu-regates-departementales li.current-menu-item >a{
    padding-bottom: 43px;color:#fff !important;
}
/**/

ul#menu-regates-departementales li.current-menu-item ,
ul#menu-regates-departementales li.current-menu-ancestor {
background: #6abbda;color:#fff !important;
}

ul#menu-regates-departementales li.current-menu-ancestor >a {
color:#fff !important;
}

/**/
.liste-page ul li:before , .mes-pages-internes ul li:before{
   content: url(../images/picto-list.png);
    display: inline-block;
    padding-right: 15px;
    color: #8e261c;
    position: absolute;
    left: 0px;    top: 5px;
}
.liste-page ul li, .mes-pages-internes ul li {
    padding-left: 40px;
    margin-bottom: 15px;
    line-height: 30px;    position: relative;
}
.bloc-img-text p {
    display: inline-block;
}
.bloc-img-text p {
    display: inline-block;
}
.bloc-img-text p.pict-image {
    width: 21% !important;
}
.bloc-img-text p.pict-desc {
    width: 65% !important;
    vertical-align: middle;
}
.bloc-annee::before {
    content: url(../images/picto-list.png);
    display: inline-block;
    padding-right: 15px;
    color: #8e261c;
    position: absolute;
left: -12px;
    top: -3px;
}
.bloc-annee {
    position: relative !important;
}
.bloc-annee {
    position: relative !important;
    border-left: 5px solid #8e261c;
}
.annee {
    margin-top: -7px;
}
.last-annee {
   position: relative !important;
    border-left: 5px dotted #8e261c;
    min-height: 35px !important;
}
.background-red-bottom3::after {
    background-color: #8e261c;
    content: '';
    height: 240px;
    position: absolute;
    width: 70px;
    margin: auto;
    left: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    bottom: 300px;
}
.equipe-prenom {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   width: calc(100% - 15px);
    height: 100%;
    top: 0px;
	 font-size: 18px;
    font-family: 'Roboto-Bold';
	display:none;
	text-align:center;webkit-transition: all 2s ease;
    transition: all 2s ease;
}
.bloc-equipes .equipe-img {
    margin-bottom: 0px !important;
}
.bloc-equipes {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;text-align: center;
}
.bloc-equipes:hover figure:before {
    background-color: #f5f4f47a;
    content: '';
height: calc(100% - 6px);
    position: absolute;
    /* width: 100%; */
    width: calc(100% - 15px);
    margin: auto;
    /* left: 0px; */
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    /* bottom: 300px; */

}
.bloc-equipes:hover .equipe-prenom {
	display:flex;
}
.bloc-equipes .equipe-prenom {
 webkit-transition: all 2s ease;
 transition: all 2s ease;
}

/*****home news****/

.mon-img-act-home {
    height: 250px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #f6f6f6;    border: 1px solid #092234; border-bottom: none;

}
.mon-img-act-home:hover {
cursor:pointer;
}
.contenu-blogs {
    background-color: #f6f6f6;
    padding: 15px 15px !important;
    border: 1px solid #092234;margin-bottom:20px !important; border-top: none;min-height: 340px !important;
}
p.title-article {
    margin-bottom: 5px !important;
    margin-top: 10px;
	 font-size: 16px;
    font-family: 'Roboto-Bold';
}
p.date-article {
    font-size: 15px;
    font-family: 'Roboto-thin';
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
.tousarticlehome a {
    border: 1px solid #8e251a;
    padding: 10px 30px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    color: #8e251a;
}
.tousarticlehome a:hover {
    border: 1px solid #8e251a;
    padding: 10px 30px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    background: #8e251a;
	color:#fff;
}
p.title-article a{color:#933026;}
p.title-article a:hover{color:#262626;}
.excerpt {
    font-family: 'Roboto-Light' !important;
    font-size: 15px;
    padding-bottom: 10px;
}
p.mon-excerpt {
    margin-bottom: 0px !important;
}
.button {
    margin-top: 10px !important;
}
.contenu-blogs p.p-button {
    display: block;
    padding: 10px 20px;
    margin-bottom: 10px !important;    background: #6abbda;text-align:center;
}
.contenu-blogs p.p-button a {font-family: 'Roboto-Medium';color:#fff !important;}
.contenu-blogs p.p-button:hover {
background: #262626;
}
.contacts i{padding-right: 10px;min-width: 25px;}
.contacts a{color:#262626;}
.contacts a:hover{color:#6abbda;}
.bloc-secteurs>.vc_column-inner {
    height: 170px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.bloc-secteurs:before {
    background-color: rgb(230 52 18 / 75%);
    content: '';
    height: 170px;
    position: absolute;
    /* width: 100%; */
    width: calc(100% - 10px);
    margin: auto;
    /* right: 0; */
    webkit-transition: all 2s ease;
    transition: all 2s ease;    z-index: 0;
}
.bloc-secteurs:hover:before {
    background-color: rgb(38 38 38 / 66%);
}
.title-secteur p a {
    color: #fff;
    z-index: 99999999999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; 
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;font-family: 'Roboto-Regular';
}
.savoirplus p a {
    color: #fff;
    z-index: 99999999999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;font-family: 'Roboto-Regular';
	font-style:italic;text-decoration:underline;font-size:15px;
}
.bloc-secteurs:hover .title-secteur p a {top: -10px; }
.bloc-secteurs:hover .savoirplus p a { display: flex; top: 10px;}

.demi-container-secteur {
    width: 719px;
    margin-left: auto !important;
    margin-right: 0px !important;
}
.avec-bakground-red:before {
    background-color: #8e261c;
    content: '';
    height: 300px;
    position: absolute;
    width: 300px;
    margin: auto;
    left: 0px;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    bottom: 0px;
    display: block !important;
    z-index: -1;
}
.demi-container-secteur2 {
    width: 719px;
    margin-right: auto !important;
    margin-left: 0px !important;
}
ul#menu-regates-departementales button.dropdown-toggle {
    display: none;
}
ul#menu-regates-departementales li ul.sub-menu, ul#menu-regates-departementales li,ul#menu-regates-departementales  li ul.sub-menu li a {
	webkit-transition: all 2s ease;
    transition: all 2s ease;
}

ul#menu-regates-departementales li ul.sub-menu {
    position: absolute;
	z-index: 99999999;
    text-align: left;
    background: #ffff;
    width: auto;
	display:none;min-width: 170px;
}
ul#menu-regates-departementales li:hover ul.sub-menu {display:block;webkit-transition: all 2s ease;transition: all 2s ease;}
ul#menu-regates-departementales li ul.sub-menu li {display: block;padding: 5px 10px;font-size: 14px;}
ul#menu-regates-departementales  li:hover ul.sub-menu li a {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}
ul#menu-regates-departementales  li:hover ul.sub-menu li a:hover {color: #6abbda;}
.breadcrumbs {
    text-align: center;
    margin-top: 20px;color: #fff;
}
.breadcrumbs a {color: #fff;}
.breadcrumbs a:hover {color: #6abbda;}
ul#menu-regates-departementales li ul.sub-menu li a {font-family: 'Roboto-Light';color: #000;}
ul#menu-regates-departementales li ul.sub-menu li.current_page_item a {color: #6abbda;}
.show-menu {
    font-size: 25px;
    text-decoration: none;
    color: #fff;
    background: #8e261c;
    padding: 12px;
    display: none;
    margin: 0px;
    margin-bottom: 0px;
    text-align: center;
    width: 50px;
    margin-right: 0px;
    margin-left: auto;
}
input#show-menu[type="checkbox"]{ display: none;-webkit-transition: all 1s;transition: all 1s;}
.sans-padding2 {padding-left:0px !important;padding-right:0px !important}
/*********************************/
/**********RESONSIVE**************/
/******************************************************************************************************************************************************/
@media only screen and (max-width:1199px) { 

body {font-size: 16px;}
ul#menu-regates-departementales li {padding: 25px 20px;}
/**fonts**/
.title-desc * {font-size: 16px !important;}
.title-home * , .title-lien{font-size: 16px !important;}
.roboto-bold {font-size: 20px;}
.roboto-medium {font-size: 16px;}
.roboto-light {font-size: 16px;}
p.number {font-size: 40px;}
.surveillance-title {font-size: 30px;line-height: 40px;}
.surveillance-desc {font-size: 20px;line-height: 30px;}
.contacter-nous a {font-size: 45px;line-height: 50px;}
.roboto-light-li ul li {font-size: 16px;line-height: 25px;}

/**END fonts**/
}
/****************************************************************************************************************************************************************************************/
@media only screen and (max-width:991px) { 
body {font-size: 14px;}
.topheader-left, .topheader-right {display: block;width: 100% !important;}
ul#menu-regates-departementales li {padding: 5px 5px;font-size: 14px;}
.title-home *, .title-lien {font-size: 14px !important;}
.title-lien { padding: 5px 15px;}
.title-desc * {font-size: 14px !important;}
}
/******************************************************************************************************************************************************************/
@media only screen and (max-width:767px) { 
.sans-paddingblog2 {
    padding: 0px !important;
}
.topblock {text-align: center;}
p.adress, p.phone {display: block;}
p.phone {text-align: center;float: none;clear: both;}
.footer-menu22 {padding-left: 0px !important;}
footer#colophon {text-align: center;}
p.site-title {margin-bottom: 20px !important;margin-top: 20px !important;}
.div-un-contact2 input, .div-un-contact2 button, .div-un-contact2 select, .div-un-contact2 textarea {
    font-size: 16px;
    padding: 10px 25px;
}
.div-un-contact2 input[type="submit"] {
    padding: 10px 20px;
    font-size: 18px;
}
.show-menu {
    display: block;
    position: block;
    right: 0px; 
    top: 1px;
    -webkit-transition: all 1s;
    transition: all 1s;
	 z-index: 9999999999;position: relative;
}
.show-menu:hover {cursor:pointer; }

ul#menu-regates-departementales li {
    display: block;
    text-align: left;
    padding: 10px 15px !important;
}
ul#menu-regates-departementales { display:none;background: #fff;
    position: absolute;
    z-index: 99999999;
    width: 300px;
    right: 0;
    top: 0;
	}
ul#menu-regates-departementales li:hover a {border-bottom: none;}
ul#menu-regates-departementales li.current_page_item a, ul#menu-regates-departementales li.current-page-ancestor a {border-bottom: none;}
ul#menu-regates-departementales li ul.sub-menu {position: relative;}
.bloc-responsive {width: 33% !important;}
.entry-content .vc_custom_1623673151089 {background-image: none !important;background-color: #e63312 !important;}
.wpb_wrapper .vc_custom_1623673182560 {
    padding-right: 0px !important;
    color: #fff !important;
}
.demi-container {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.wpb_wrapper .vc_custom_1623680277864 {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}
.bloc-responsive2 {
    width: 33% !important;
    display: inline-block;
    float: left;
    padding: 15px;
}
.vc_column_container .vc_custom_1623673187990 {padding-left: 0px !important;}
.wpb_column .vc_custom_1623689527219 {padding-left: 0px !important;}
.auto-marg.sans-padding {padding-left: 0px !important;padding-right: 0px !important;}
.wpb_column .vc_custom_1623674694191 {
    padding-right: 0px !important;
}
.surveillance-title {
    font-size: 18px;
    line-height: 30px;
}
.surveillance-desc {font-size: 16px;line-height: 25px;}
.wpb_column .vc_custom_1623684806913 {padding-left: 0px !important;}
.background-page, .background-page::before {min-height: 200px !important;height: 200px;}
h1.titre-page {font-size: 30px !important;}
.liste-page ul li {
    padding-left: 30px;
    margin-bottom: 5px;
    line-height: 25px;
    position: relative;
}
.bloc-equipes {
    width: 45% !important;
    margin: auto;
}
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {
    height: auto !important;
}
.form-contact:before {width: 100%;}
body.page-child .background-red-bottom {
    padding: 0px 15px !important;
}
.demi-container-secteur , .demi-container-secteur2 {
    width: 100%;
    padding: 0px 15px !important;
	margin:10px auto !important;
}
.avec-bakground-red:before {height: 40%;width: 40%;}
.wpb_column .vc_custom_1629196304089 {
    padding-right: 0px !important;
}
.vc_custom_1623757478603 {
    padding-left: 0px !important;
}
.liste-page {
    margin-bottom: 0px !important;
}
.topblock .container, .topheader-left, .topheader-right {
    display: block;
}
.topheader-right {
    text-align: center;
    margin-left: auto !important;
    margin-right: 0px!important;
    float: left!important;
}
.site-branding {
    width: 35% !important;
}

.pictoshome .wpb_column.vc_column_container.vc_col-sm-4 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.wpb_single_image.vc_custom_1632314746111,
.wpb_single_image.vc_custom_1632314819891,
.wpb_single_image.vc_custom_1632314887633,
.wpb_single_image.vc_custom_1632314948824,
.wpb_single_image.vc_custom_1632314992972

 {
    padding-left: 0px !important;    padding-right: 0px !important;
}

}
/***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:550px) { 
.list-inline2.reseau.pad-zero {
padding: 0px !important;
}
.list-inline2.reseau.pad-zero * {
    font-size: 13px !important;
}
.list-inline2.reseau.pad-zero ::before {
    display:none
}
}
/***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:425px) { 
.vc_row.wpb_row.vc_inner.vc_row-fluid.container.auto-marg.sans-padding.pictoshome.vc_column-gap-20 {
    padding: 0px !important;
}
.pictoshome .wpb_column.vc_column_container.vc_col-sm-4 {
    width: 100%;
    display: block;
    vertical-align: top;
}
.topblock * {
    font-size: 12px !important;
}
.m {
    background-size: 10%;
    padding-left: 5px;
    padding-right: 5px;
}
.cont {
    background-size: 17%;
    padding-left: 5px;
}
p.phone:before {
    padding-right: 0px;
    font-size: 13px;
}
.list-inline > li {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.bloc-responsive2 {width: 100% !important;display: block;}
.bloc-responsive {width: 100% !important;text-align: center;}
.img-prestations {text-align: center !important;}
.title-lien {margin: auto;}
.form-contact:before {width: 100%;}
.bloc-equipes {
    width: 80% !important;
    margin: auto;
}

}

/*****************/
@media only screen and (max-width:320px) { 
.list-inline2.reseau.pad-zero * {
    font-size: 11px !important;
}
/**fonts**/
.title-desc * {font-size: 14px !important;}
.title-home * , .title-lien{font-size: 14px !important;}
.roboto-bold {font-size: 18px;}
.roboto-medium {font-size: 14px;}
.roboto-light {font-size: 14px;}
p.number {font-size: 30px;}
.surveillance-title {font-size: 20px;line-height: 30px;}
.surveillance-desc {font-size: 18px;line-height: 25px;}
.contacter-nous a {font-size: 25px;line-height: 25px;}
.roboto-light-li ul li {font-size: 14px;line-height: 25px;}
h2, .h2 {font-size: 16px !important;}
/**END fonts**/
.topblock {text-align: center;font-size: 13px;}
.background-red-right::before,.background-red-top::before ,.background-red-left::before,.background-red-bottom::before {width: 30px;}
p.number {font-size: 25px;line-height: 25px;}
.pictos p {
    font-size: 16px;
    line-height: 25px;
    text-transform: initial;
}
.wpb_column .vc_column-inner.vc_custom_1623688310217 {
    padding-top: 0px !important;
}
.bloc-img-text p.pict-desc {
    width: 100% !important;
    vertical-align: middle;
}
}