/*Pour bande footer - contact - RGPD*/
.manual_txtrgpd {   font-weight: normal; display:inline; font-size:14px;color:#444!important;}
a.manual_txtrgpd:link   {   text-decoration: underline; font-weight: normal; display:inline; font-size:14px;color:#222!important;}
a.manual_txtrgpd:visited,
a.manual_txtrgpd:active,
a.manual_txtrgpd:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:14px;color:#222!important;}

/*Pour Mentions legales - RGPD*/
.manual_txtrgpd_mentleg   {   text-decoration: none; font-weight: normal; display:inline; font-size:14px;color:#222!important;font-style: italic;}
a.manual_txtrgpd_mentleg:link   {   text-decoration: none; font-weight: normal; display:inline; font-size:14px;color:#666!important;font-style: italic;}
a.manual_txtrgpd_mentleg:visited,
a.manual_txtrgpd_mentleg:active,
a.manual_txtrgpd_mentleg:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:14px;color:#666!important;font-style: italic;}

/*--------------------------------------------------------------------------------------------------------------*/
/* PRELOADER PAGE */
/*--------------------------------------------------------------------------------------------------------------*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../php/interactif_responsive/img/loader-idsvib/default.svg) center no-repeat #FFFFFF;
}
html {    overflow: scroll;    overflow-x: hidden;}
::-webkit-scrollbar {    width: 0px;    background: transparent;}
::-webkit-scrollbar-thumb {    background: #FF0000;}


/*--------------------------------------------------------------------------------------------------------------*/
/* PARADISE THEME - Default Position fenetre Texte animation */
/*--------------------------------------------------------------------------------------------------------------*/
.the_effect_text {left: 0;top: 25%;right: 0;margin: auto;padding: 10px;position: absolute;text-align: center;border:5px dashed #f00;}
/*--------------------------------------------------------------------------------------------------------------*/
/* PARADISE THEME - Liste des elements pour control/indicateurs et caroussel*/
/*--------------------------------------------------------------------------------------------------------------*/
/*---------- LEFT/RIGHT CONTROL ----------*/
.control_vib1 .carousel-control {  color: #fff; background:rgba(25, 43, 127, .5);  top: 47%;
opacity: 0;  width: 40px;  height: 65px;  z-index: 100;  display: block;  font-size: 34px;
cursor: pointer;  overflow: hidden;  line-height: 63px;  text-shadow: none;  position: absolute;  font-weight: normal;}
.control_vib1:hover .carousel-control{  opacity: 1;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.control_vib1 .carousel-control.left {  -webkit-border-radius: 0px 5px 5px 0px;  border-radius:  0px 5px 5px 0px;}
.control_vib1 .carousel-control.right {  -webkit-border-radius: 5px 0px 0px 5px;  border-radius: 5px 0px 0px 5px;}
.control_vib1 .carousel-control.left:hover,.control_vib1 .carousel-control.right:hover{background: rgba(145, 156, 188, .5);  color: #fff;}
.control_vib1 .carousel-control.left>span:nth-child(1){  left: 45%;}
.control_vib1 .carousel-control.right>span:nth-child(1){  right: 45%;}
@media (max-width: 780px) {
.control_vib1 .carousel-control {
    height: 25px!important;
    line-height: 23px!important;
    font-size: 20px!important;
  }
}
.control_vib2 .carousel-control {
border:0px solid #f00;
color: #fff; background: rgba(25, 43, 127, .5);  top: 50%;
opacity: 0;  width: 30px;  height: 28px;  z-index: 100;  display: block;  font-size: 28px;
cursor: pointer;  overflow: hidden;  line-height: 26px;  text-shadow: none;  position: absolute;  font-weight: normal;}
.control_vib2:hover .carousel-control{  opacity: 1;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.control_vib2 .carousel-control.left {  -webkit-border-radius: 0px 5px 5px 0px;  border-radius:  0px 5px 5px 0px;}
.control_vib2 .carousel-control.right {  -webkit-border-radius: 5px 0px 0px 5px;  border-radius: 5px 0px 0px 5px;}
.control_vib2 .carousel-control.left:hover,.control_vib2 .carousel-control.right:hover{background: rgba(145, 156, 188, .5);  color: #fff;}
.control_vib2 .carousel-control.left>span:nth-child(1){  left: 45%;}
.control_vib2 .carousel-control.right>span:nth-child(1){  right: 45%;}
@media (max-width: 780px) {
.control_vib2 .carousel-control {
    height: 25px!important;
    line-height: 23px!important;
    font-size: 20px!important;
  }
}

/*---------- INDICATORS CONTROL ----------*/
.carousel-indicators	{}
.carousel-indicators li {background: #AE8E82;  border: 2px solid #AE8E82;}
.carousel-indicators .active {background: #C7A967;  border: 2px solid #f7d997;}

.indicators_vib1
{
/*border:1px solid #f00; */
left:auto;right: 0; width: auto;    height: 40px!important;  cursor: e-resize;  overflow-x: auto;
 overflow-y: hidden;  padding-left: 10px;  padding-right: 10px;  white-space: nowrap;
text-align:right;top:10px;
}
  .indicators_vib1 li{  width: 40px;  height: 40px;  opacity: 0.8;  color: #090902;  text-indent: 0;  font-size: 10px;
  font-weight: 400;  text-align: center;    -webkit-font-smoothing: antialiased;
  font-family: 'arial', sans-serif;  border-radius: 3px;  -webkit-border-radius: 3px;  -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1);
  transition: all 0.5s cubic-bezier(.075,.82,.165,1);}
.indicators_vib1 .active{  width: 40px;  opacity: 1;  height: 40px;  margin: 1px;  text-indent: 0;  }
.indicators_vib1::-webkit-scrollbar{  height: 4px;}
.indicators_vib1::-webkit-scrollbar-thumb{  background: rgba(255, 255, 255, 0.8);  -webkit-border-radius: 0;  border-radius: 0;}
@media only screen and (max-width: 780px) {
.indicators_vib1{  display:none; }
}
.indicators_vib3
{
/*border:1px solid #f00;*/
left:auto;right: 0px; width: auto;    height: 18px!important;  cursor: e-resize;  overflow-x: auto;
 overflow-y: hidden;  padding-left: 10px;  padding-right: 10px;  white-space: nowrap;
text-align:right;top:10px;
}

.indicators_vib3 li{  margin: 0 3px; text-indent: 0;  padding: 6px 6px;  font-size: 11px;
  overflow: hidden;  line-height: 26px;  text-align: center;  text-transform: uppercase;
  -webkit-border-radius: 100px;  border-radius: 100px;  -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); color: #fed700;  background: #8D98B8;border: 1px solid #8D98B8;}
.indicators_vib3 .active{  margin: 0 3px;  text-indent: 0;  color: #343e48; border: 1px solid #192B7F;background:#192B7F;
}
.indicators_vib3::-webkit-scrollbar{  height: 2px;}
.indicators_vib3::-webkit-scrollbar-thumb{  background: #eeeeee;  -webkit-border-radius: 0;  border-radius: 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* DEFAULT */
/*--------------------------------------------------------------------------------------------------------------*/
#manual_login{color:#000;font-size: 14px;}
#manual_login2{color:#000;font-size: 14px;}
a.manual_txt:link   {   text-decoration: none; font-weight: normal; display:inline; font-size:17px!important;color:#000!important;}
a.manual_txt:visited,
a.manual_txt:active,
a.manual_txt:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:17px!important;color:#000!important;}
a.manual_txt_footerline:link   {   font-size:14px; color: #fff ;  text-decoration: none; font-weight: normal; display:inline;padding-left:0px;padding-right:0px;}
a.manual_txt_footerline:visited,
a.manual_txt_footerline:active,
a.manual_txt_footerline:hover  {   font-size:14px; color: #fff ;  text-decoration: underline; font-weight: normal;  display:inline;padding-left:0px;padding-right:0px;}

h1,h2,h3,h4,h5,h6 {   font-size:100%;display:inline;font-weight:normal;line-height:inherit;}

body{background:#fff;font-size:12px;text-align:center;}
html{background:transparent; }
a:focus       { outline:0; } /* vire le cadre bleu pointillé apres click*/

ul.nav a:hover { color: #fff ; background-color:#F6F6F6 ; }

#toTop{position: fixed;bottom: 5px;right: 10px;cursor: pointer;display: none;z-index:900;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  background:#8D98B8;border:0px solid #000; color:#FFF;}

/*-----------------------------------------------------------------------------------------------------------*/
/*CODE CSS PAGE*/
/*-----------------------------------------------------------------------------------------------------------*/
@font-face { font-family: "tex"; src: url("../font/tex/tex-regular.otf"); }
@font-face { font-family: "tex-italic"; src: url("../font/tex/tex-italic.otf"); }
@font-face { font-family: "tex-bold"; src: url("../font/tex/tex-bold.otf"); }
@font-face { font-family: "roboto"; src: url("../font/roboto/Roboto-Regular.ttf"); }
@font-face { font-family: "roboto-light"; src: url("../font/roboto/Roboto-Light.ttf"); }
@font-face { font-family: "roboto-medium"; src: url("../font/roboto/Roboto-Medium.ttf"); }
@font-face { font-family: "roboto-bold"; src: url("../font/roboto/Roboto-Bold.ttf"); }
@font-face { font-family: "caviar_dreams"; src: url("../font/caviar_dreams/CaviarDreams.ttf"); }
@font-face { font-family: "caviar_bold"; src: url("../font/caviar_dreams/CaviarDreams_Bold.ttf"); }
@font-face { font-family: "trajan"; src: url("../font/TrajanPro-Regular.ttf"); }
#responsive_nav { display: none; }

header { position: relative; min-height: 550px; width: 100%; background-image: url("../img/bande_haut.png"); background-size: cover; background-repeat: no-repeat; background-color: transparent; background-position: center center; }
header .header_logo { width: 100% !important; height: 150px;}
header .header_data { width: 400px;position:absolute;top:0; right:50px;background-color: #e2001a; text-align: center; text-transform: uppercase; color: #FFF; font-family: roboto; font-size: 15px; border-radius: 0px 0px 8px 8px; padding: 6px 15px; }


.navigation { border-bottom: 1px solid #d4d8e5; padding-bottom: 5px; margin-top: 50px; margin-bottom: 50px; }
.navigation ul { float: left; list-style: none; margin: 0; padding: 0; }
.navigation ul li { display: inline-block; margin-right: 20px; }
.navigation ul li a.onglet { display: inline-block; padding: 10px; color: #172b80; font-family: trajan; text-transform: uppercase; font-size: 125%; font-weight: bold; position: relative; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.navigation ul li a.onglet:hover { color: #8e99ba; text-decoration: none; }
.navigation ul li a.onglet:hover:before { content: ""; display: block; position: absolute; top: -50px; left: 22%; width: 60px; height: 60px; background-image: url("../img/menu_on.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: contain; }
.navigation ul li a.onglet:after { content: ""; width: 1px; height: 30px; background-color: #d4d8e5; display: inline-block; position: relative; left: 22px; top: 7px; }
.navigation ul li a.onglet.no-sep:after { visibility: hidden; }
.navigation ul li a.onglet.active { color: #8e99ba; text-decoration: none; }
.navigation ul li a.onglet.active:before { content: ""; display: block; position: absolute; top: -50px; left: 22%; width: 60px; height: 60px; background-image: url("../img/menu_on.png"); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: contain; }
.navigation a.plan_link { margin-top: 15px; display: block; width: 150px; height: 40px; background-image: url("../img/onglet_plan.png"); background-size: contain; background-position: center center; background-color: transparent; background-repeat: no-repeat; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; float: right; }
.navigation a.plan_link:hover { background-image: url("../img/onglet_plan_on.png"); }
.navigation a.plan_link.active { background-image: url("../img/onglet_plan_on.png"); }

.contdiapo { margin-bottom: 50px; }
.contdiapo a.diapo_link { display: block; height: 192px!important; width: 100%; }
.contdiapo a.diapo_link.alimentation { background-image: url("../img/lien_alimentation.png"); background-size: cover; background-position: 0 0; background-repeat: no-repeat; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.contdiapo a.diapo_link.alimentation:hover { background-image: url("../img/lien_alimentation_on.png"); }
.contdiapo a.diapo_link.pharmacie { background-image: url("../img/lien_pharmacie.png"); background-size: cover; background-position: 0 0; background-repeat: no-repeat; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.contdiapo a.diapo_link.pharmacie:hover { background-image: url("../img/lien_pharmacie_on.png"); }

.welcome { border: 1px solid #d4d8e5; box-shadow: 0px 0px 6px rgba(142, 153, 186, 0.3), 0px 0px 4px rgba(142, 153, 186, 0.3) inset; padding-bottom: 8px; }
.welcome .address { color: #172b80; font-size: 18px; text-align: left; border-left: 1px solid #172b80; width: 80%; margin: 55px auto 25px; padding-left: 8px; font-family: roboto-medium; }

.caviar_title { font-family: caviar_bold; font-size: 280%; color: #949cba; margin-top: 20px!important;margin-bottom:20px; }
.red_text { color: #ff0000; font-family: roboto-medium; }

.blue_list { padding: 0 0 0 10px; margin: 0; }
.blue_list li { display: block; color: #172b80; text-transform: capitalize; font-family: roboto-bold; font-size: 17px; margin-bottom: 8px; }
.blue_list li:before { position: relative; top: -3px; left: -3px; content: ""; background-color: #172b80; width: 8px; height: 2px; display: inline-block; margin-right: 5px; }

.rowservices { border: 1px solid #8e99ba; box-shadow: 0px 0px 6px rgba(142, 153, 186, 0.3), 0px 0px 4px rgba(142, 153, 186, 0.3) inset; padding-bottom: 8px; background-color: #b9bfd9; margin-top: 30px !important; padding-top: 8px; }
.rowservices .caviar_title { margin-top: 0px; padding-top: 0; color: #4b5a9c !important; }
.rowservices ul { list-style: none; margin-right: 55px; }
.rowservices ul li { display: block; color: #FFF; text-transform: capitalize; font-size: 17px; margin-bottom: 8px; }
.rowservices ul li:before { position: relative; top: -3px; left: -3px; content: ""; background-color: #FFF; width: 8px; height: 2px; display: inline-block; margin-right: 5px; }
.rowservices .dog-img { margin-top: 5px; }

.rowalimentation { border: 1px solid #8e99ba; box-shadow: 0px 0px 6px rgba(142, 153, 186, 0.3), 0px 0px 4px rgba(142, 153, 186, 0.3) inset; padding-bottom: 8px; background-color: #FFF; margin-top: 30px !important;  padding-top: 8px;}
.rowalimentation .caviar_title { margin-top: 5px; padding-top: 0; }
.rowalimentation .caviar_title:before { position: relative; top: 8px; left: 5px; content: ""; display: inline-block; background-image: url("../img/picto_alimentation.png"); width: 60px; height: 55px; background-size: contain; background-position: center center; }
.rowalimentation .alimentation-img { margin-top: 10px; }

.rowpharmacie { border: 1px solid #8e99ba; box-shadow: 0px 0px 6px rgba(142, 153, 186, 0.3), 0px 0px 4px rgba(142, 153, 186, 0.3) inset; padding-bottom: 8px; background-color: #b9bfd9; margin-top: 30px !important;  padding-top: 8px;}
.rowpharmacie .caviar_title { margin-top: 5px; padding-top: 0; color: #5967a4; }
.rowpharmacie .caviar_title:before { position: relative; top: 8px; left: 5px; content: ""; display: inline-block; background-image: url("../img/picto_pharmacie.png"); width: 60px; height: 55px; background-size: contain; background-position: center center; }
.rowpharmacie .pharmacie-img { margin-top: 8px; }
.rowpharmacie .blue_text { color: #172b80; font-family: roboto-bold; padding: 10px; margin-top: 15px; }

.plan_horaires { margin-top: 30px !important; margin-bottom: 50px !important; }
.plan_horaires .plan_blue_text { font-family: roboto-bold; font-size: 22px; text-align: left; color: #172b80; margin-bottom: 10px; text-transform: uppercase; }
.plan_horaires .address { color: #172b80; font-size: 18px; text-align: left; border-left: 1px solid #172b80; width: 80%; margin-top: 25px; padding-left: 8px; font-family: roboto-medium; }

.local_img { margin-top: 10px !important; }
.clear { clear: both; }
.light_blue { color: #8e99ba; }
.top_space { margin-top: 35px !important; }

.team_item { margin-bottom: 25px !important; }
.team_item .team_item_title { padding-top: 60px; color: #646567; font-family: roboto-medium; font-size: 22px; }
.team_item .team_item_title:before { content: ""; display: inline-block; width: 25px; height: 25px; background-image: url("../img/point.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; position: relative; top: -5px; left: -8px; }
.team_item .team_item_context { color: #172b80; font-family: roboto-bold; font-size: 23px; text-transform: uppercase; margin-bottom: 15px; margin-top: 15px; }

.pitch { padding-top: 25px; padding-bottom: 25px; border: 1px solid #172b80; margin: 25px auto; }
.pitch .heading_title { color: #172b80; font-family: roboto-bold; font-size: 24px; text-align: center; padding: 8px auto; text-transform: uppercase; }

.map iframe { width: 100% !important; }

footer .resized { width: 80%; margin: auto; }
footer .footer_top_part { background-image: url("../img/footer.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; text-align: center; width: 100%; padding-bottom: 70px; }
footer .footer_top_part .f_center_text { text-align: left; color: #172b80; font-family: roboto-medium; font-size: 16px; }
footer .footer_top_part .f_left_text { border-left: 1px solid #e2001a; font-family: roboto-medium; font-size: 26px; text-align: left; }
footer .footer_top_part .f_right_text { margin: auto; list-style-type: none; text-align: left; font-family: roboto-medium; font-size: 16px;}
footer .footer_top_part .f_right_text li { display: block; margin-bottom: 0px; }
footer .footer_top_part .f_right_text li a { color: #000; }
footer .footer_bottom { background-color: #172b80; min-height: 70px; line-height: 70px; }
footer .footer_list { margin: auto; list-style-type: none; text-align: center; font-family: roboto-light; color: #FFF; font-size: 16px; }
footer .footer_list li { display: inline-block; margin: auto 16px; text-transform: uppercase; }
footer .footer_list li:not(:first-child):before { content: ""; width: 1px; height: 20px; background-color: rgba(222, 222, 222, 0.5); position: relative; top: 5px; left: -17px; display: inline-block; }

.upper { text-transform: uppercase; }
.centred { margin: auto; }
.bold { font-family: roboto-medium; }

.footerline { position: fixed; bottom:0; height: 50px !important; border-top: 3px solid #8D98B8; background:#172B80; width:100%; z-index:800;padding-top:10px;}
.pre_footerline {padding-bottom:20px !important;}

/*--------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERYS */
/*--------------------------------------------------------------------------------------------------------------*/
/* Very Large desktops iMac*/
@media (min-width: 1500px) {
  header .header_logo { left: 78px; width: 32%;position: absolute; top: 18px; left: 0px; }
  header .header_facebook { position:absolute;top:30px; right:30px;border-radius: 0px 0px 8px 8px; padding: 6px 15px;}
  header .header_zebres { position:absolute;top:140px; right:10px;border-radius: 0px 0px 8px 8px; padding: 6px 15px;}

}
/*-- LG + Default -----------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  header .header_logo { left: 78px; width: 32%;position: absolute; top: 18px; left: 0px; }
  .pictohandi {float:left!important;}
  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 350px; margin: 50px auto; }
  header .header_facebook { width: 400px;position:absolute;top:30px; right:30px;border-radius: 0px 0px 8px 8px; padding: 6px 15px; }
  header .header_zebres { position:absolute;top:140px; right:10px;border-radius: 0px 0px 8px 8px; padding: 6px 15px;}
}

/*-- MD ------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width:1200px){
  header .header_logo { left: 78px; width: 32%; position: absolute; top: 25px; left: -40px; }
  .col-sm-4.adapt_on_small { width: 25%; }
  .col-sm-8.adapt_on_small { width: 75%; }
  .pictohandi {float:left!important;}
  .navigation { background-size: cover; padding-bottom: 15px; }
  .navigation ul li a.onglet {font-size:96%;}
  .top_bar { background-size: cover; }
  .top_bar .top_address { font-size: 13px; }
  .contdiapo a.diapo_link { display: block; height: 160px!important; width: 100%; }

  .footerline { position: fixed; bottom:0; height: 45px;}
  .pre_footerline {padding-bottom:20px !important;}
  a.manual_txt_footerline:link   { padding-left:7px;padding-right:7px;}
  a.manual_txt_footerline:visited,
  a.manual_txt_footerline:active,
  a.manual_txt_footerline:hover  { padding-left:7px;padding-right:7px;}
  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 350px; margin: 50px auto; }

  header .header_facebook { width: 400px;position:absolute;top:35px; right:10px;border-radius: 0px 0px 8px 8px; padding: 6px 15px; }
  .header_facebook > a img{ width: 80px;}
  header .header_zebres { position:absolute;top:30px; right:110px;border-radius: 0px 0px 8px 8px; padding: 6px 15px;}
  .header_zebres > a img{ width: 95px;}
}
/*-- SM ------------------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
  header { background-position: 56% center;}
  header .header_logo { left: 80px; width: 41%;position: absolute; top: 25px; left: -40px;}
  header .header_data { width: 400px;position:absolute;top:0; right:20px;background-color: #e2001a; text-align: center; text-transform: uppercase; color: #FFF; font-family: roboto; font-size: 15px; border-radius: 0px 0px 8px 8px; padding: 6px 15px; }
  footer .footer_top_part .f_left_text {font-size: 18px;}
  .contdiapo a.diapo_link { display: block; height: 120px!important; width: 100%; }
  .col-sm-4.adapt_on_small { width: 100%;}
  .col-sm-8.adapt_on_small { width: 100%;}
  .navigation { text-align: center !important;}
  .navigation ul { float: none; width: 100%; margin: auto; text-align: center;}
  .navigation ul li a.onglet {font-size:140%;padding:10px;margin-bottom: 40px;}
  .spesm {margin-bottom: 0!important;}
  .navigation ul li a.onglet:after {content: none;}
  .navigation .plan_link { margin: auto; float: none !important;}
  .pictohandi {float:left!important;}
  .team_item .team_item_title { padding-top: 10px;}

  .footerline { position: fixed; bottom:0; height: 45px !important;}
  .pre_footerline {padding-bottom:20px !important;}
  a.manual_txt_footerline:link   { font-size:11px;padding-left:1px;padding-right:1px;}
  a.manual_txt_footerline:visited,
  a.manual_txt_footerline:active,
  a.manual_txt_footerline:hover  { font-size:11px;padding-left:1px;padding-right:1px;}
  .manual_txt span {font-size:60%!important;}
  .ulfooterline {margin-top:-2px!important;}
  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 300px; margin: 50px auto; }

  header .header_facebook { width: 400px;position:absolute;top:30px; right:0px;border-radius: 0px 0px 8px 8px; padding: 6px 15px; }
  .header_facebook > a img{ width: 75px;}
  header .header_zebres { position:absolute;top:27px; right:100px;border-radius: 0px 0px 8px 8px; padding: 6px 15px;}
  .header_zebres > a img{ width: 95px;}
}
/*-- XS ------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

  footer .footer_top_part .f_center_text { text-align: center; color: #172b80; font-family: roboto-medium; font-size: 16px; }

  header .header_facebook_xs {position:absolute;top:0px;right:3.5%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_facebook_xs > a img{ width: 75px;}

  header .header_zebres_xs {position:absolute;top:90px;right:2.5%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_zebres_xs > a img{ width: 85px;}


  header { background-position: 56% center; background-position: 72% 190px; }
  header .header_logo { position:absolute;left: -30px; top: 60px; width: 40%; height: 100px;border:0px solid red;margin-top:15px;}
  .img-logo{ width: 65%;}
  .contdiapo a.diapo_link { display: block; height: 250px; margin-left: 10%;width: 80%; }
  header .header_data_xs { width: 80%;top:0; margin-right:100px;background-color: #e2001a; text-align: center; text-transform: uppercase; color: #FFF; font-family: roboto; font-size: 12px; border-radius: 0px 0px 8px 8px; padding: 6px 10px;margin-bottom:0px;font-size:160%; }

  .pictohandi {padding:0!important;float:none!important;}
  .text-xs-center { text-align: center !important; }

  .navigation { display: none; }
  #responsive_nav { display: block !important; }

  /*----- MENU XS ------*/
   a.active { color: #f00;}
   a.active:before { content: ""; display: block; position: initial; background-image: none;}
   div.navbar-header {background-color: #172B81 !important;}
   div.navbar-header button{background-color: #909BBB;}
   div.navbar-header button:hover,:focus{background-color: #C2CADF !important;}
   div.navbar-header button span.icon-bar{background-color: #fff !important;}
  .navbar-ex1-collapse{background-color: #C2CADF;}
  .navbar-ex1-collapse ul li a{color: #172B81 !important; font-size:16px;}
  .navbar-ex1-collapse ul li a:hover{color: #919CBC !important;}
  .navbar-ex1-collapse ul li a.active{color: #919CBC !important;}
  /*---------------------*/
  .diapoxs {margin-top:20px;}
  .item_number { display: none !important; }
  .item_thumb { margin-bottom: 10px; }
  .center-xs { text-align: center !important; }
  .team_item { text-align: center !important; }
  .xs_nopadding{padding-left: 0; padding-right: 0;}

  footer { text-align: center !important; }
  footer .footer_top_part .f_left_text { border-left: none; text-align: center; }
  footer .footer_top_part .f_center_text { padding-top:20px; }
  footer .f_right_text ul { padding: 0px!important;padding-top:20px!important; text-align: center; }

  .footer_list { margin: 8px auto !important; }
  .footer_list li { line-height: inherit; display: block !important; margin-top: 8px; text-align: center !important; }
  .footer_list li:before { visibility: hidden; }

  .footerline { position: fixed; bottom:0; height: 40px !important;}
  .pre_footerline {padding-bottom:30px !important;}

  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 300px; margin: 30px auto; }

}

  /* > XS */
@media (max-width: 590px) {
  .footerline { position: fixed; bottom:0; height: 50px !important; font-size: 90%;}
  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 250px; margin: 20px auto; }

  header { background-position: 56% center; background-position: 72% 190px; }
  /*header .header_logo { left: 20px; top: 43px; width: 43%; height: 115px;}*/

  header .header_logo { padding:20px;width: 420px!important; height: 120px; margin-left: 1%; margin-right:auto;margin-top: 5px;border:0px solid blue; }
  .img-logo{ width: 90%;}
  header .header_data_xs { width: 74%;top:0; margin-right:100px;background-color: #e2001a; text-align: center; text-transform: uppercase; color: #FFF; font-family: roboto; font-size: 12px; border-radius: 0px 0px 8px 8px; padding: 6px 10px;margin-bottom:0px;font-size:160%; }
  /*header .header_facebook_xs {position:absolute;top:0px;right:5%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}*/

  header .header_facebook_xs {position:absolute;top:0px;right:4.5%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_facebook_xs > a img{ width: 75px;}

  header .header_zebres_xs {position:absolute;top:90px;right:3.5%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_zebres_xs > a img{ width: 85px;}


}
  /* > XS */
@media (max-width: 480px) {

  header .header_facebook_xs {position:absolute;top:0px;right:2%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_facebook_xs > a img{ width: 75px;}

  header .header_zebres_xs {position:absolute;top:250px;right:30%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_zebres_xs > a img{ width: 90%;}


  .contdiapo a.diapo_link { display: block; height: 100px; margin-left: 10%;width: 80%; }
  .bottom_bande { height: 140px; }
  .bottom_bande {  background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 100%; height: 200px; margin: 10px auto; }

  header { min-height: 657px; background-position: 66% 130px; }
  header .header_dataxs { width: 100%; width: 100%; right: 13px; font-size: 12px; }
  header .header_logo { padding:20px;width: 100%!important; height: 120px; margin-left: 9%; margin-right:auto;margin-top: 3%;border:0px solid red; }
  .img-logo{ width: 90%;}

  .item_number { display: none !important; }
  .item_thumb { margin-bottom: 10px; }
  .xs_margin-top-10{margin-top: 19%;}
  .xs_nopadding{padding-left: 0; padding-right: 0;}
  .pre_footerline {padding-bottom:50px !important;}
}
@media (max-width: 336px) {
  header { min-height: 657px; background-position: 65% 110px; }
  .footerline { position: fixed; bottom:0; height: 70px !important; font-size: 90%;}
header .header_logo { padding:20px;width: 100%!important; height: 120px; margin-left: 10%; margin-right:auto;margin-top: 25px;border:0px solid green; }
.img-logo{ width: 100%;}
  /*header .header_facebook_xs {position:absolute;top:1%;right:3%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}*/


  header .header_facebook_xs {position:absolute;top:1%;right:1%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_facebook_xs > a img{ width: 65px;}

  header .header_zebres_xs {position:absolute;top:230px;right:25%;border-radius: 0px 0px 8px 8px; padding: 2px 0px;}
  .header_zebres_xs > a img{ width: 90%;}


}