@charset "UTF-8";

@font-face {
  font-family: 'Cambon Medium';
  src: url('../fonts/Cambon-Medium__2_.ttf');
}

@font-face {
  font-family: 'Louize Medium';
  src: url('../fonts/Louize_-_Medium-205TF.otf');
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: 'Acta';
  src: url('../fonts/Acta_Display_Book.otf');
}

@font-face {
  font-family: 'Master';
  src: url('../fonts/master_of_break.ttf');
}

@font-face {
  font-family: 'Hessold';
  src: url('../fonts/Red_Rooster_Collection_Medium.ttf');
}

@font-face {
  font-family: 'Carphe';
  src: url('../fonts/carphe.ttf');
}

@font-face {
  font-family: 'Shadows Into Light Two';
  src: url('../fonts/ShadowsIntoLightTwo-Regular.ttf');
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans.otf');
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-Italic.otf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-Light.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-LightItalic.otf');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-Bold.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-BoldItalic.otf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-Medium.otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans';
  src: url('../fonts/GillSans-MediumItalic.otf');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Sackers Gothic Std';
  src: url('../fonts/SackersGothicStd-Light.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Sackers Gothic Std';
  src: url('../fonts/SackersGothicStd-Medium.otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Sackers Gothic Std';
  src: url('../fonts/SackersGothicStd-Heavy.otf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('../fonts/JosefinSans.ttf');
}

@font-face {
  font-family: 'BwMitga Regular';
  src: url('../fonts/BwMitga-Regular.ttf');
}

@font-face {
  font-family: 'VarelaRound Regular';
  src: url('../fonts/VarelaRound-Regular.otf');
}

@font-face {
  font-family: 'VarialRounded';
  src: url('../fonts/VarialRounded-ExtracondensedMed.otf');
}

@font-face {
  font-family: "Copperplate";
  src: url("../fonts/Copperplate.ttf");
}

@font-face {
  font-family: "Copperplate";
  src: url("../fonts/Copperplate-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: "Copperplate";
  src: url("../fonts/Copperplate-Light.ttf");
  font-weight: lighter;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-Light.ttf');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-LightItalic.ttf');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/RobotoCondensed-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Asap';
  src: url('../fonts/Asap-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Asap';
  src: url('../fonts/Asap-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Asap';
  src: url('../fonts/Asap-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Asap';
  src: url('../fonts/Asap-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Tenor';
  src: url('../fonts/TenorSans-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sakkal Majalla';
  src: url('../fonts/Sakkal_Majalla.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/Didot.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/Didot_Bold.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Didot';
  src: url('../fonts/Didot_Italic.otf');
  font-weight: normal;
  font-style: italic;
}

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

@font-face {
  font-family: 'Ranga';
  src: url('../fonts/Ranga-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Ranga';
  src: url('../fonts/Ranga-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-SemiBoldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Unna";
  src: url(../fonts/Unna-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Unna";
  src: url(../fonts/Unna-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Unna";
  src: url(../fonts/Unna-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Unna";
  src: url(../fonts/Unna-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Hey_August";
  src: url(../fonts/Hey_August.otf);
}

@font-face {
  font-family: 'Hey_August';
  src: url("../fonts/Hey_August.otf");
  src: url("../fonts/Hey_August.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-LightItalic.eot');
  src: local('DIN 2014 Light Italic'), local('DIN2014-LightItalic'),
      url('../fonts/DIN2014-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-LightItalic.woff') format('woff'),
      url('../fonts/DIN2014-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-Light.eot');
  src: local('DIN 2014 Light'), local('DIN2014-Light'),
      url('../fonts/DIN2014-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-Light.woff') format('woff'),
      url('../fonts/DIN2014-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-ExtraBoldItalic.eot');
  src: local('DIN 2014 ExtraBold Italic'), local('DIN2014-ExtraBoldItalic'),
      url('../fonts/DIN2014-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-ExtraBoldItalic.woff') format('woff'),
      url('../fonts/DIN2014-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-ExtraLight.eot');
  src: local('DIN 2014 ExtraLight'), local('DIN2014-ExtraLight'),
      url('../fonts/DIN2014-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-ExtraLight.woff') format('woff'),
      url('../fonts/DIN2014-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-ExtraBold.eot');
  src: local('DIN 2014 ExtraBold'), local('DIN2014-ExtraBold'),
      url('../fonts/DIN2014-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-ExtraBold.woff') format('woff'),
      url('../fonts/DIN2014-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-ExtraLightItalic.eot');
  src: local('DIN 2014 ExtraLight Italic'), local('DIN2014-ExtraLightItalic'),
      url('../fonts/DIN2014-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-ExtraLightItalic.woff') format('woff'),
      url('../fonts/DIN2014-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-Regular.eot');
  src: local('DIN 2014 Regular'), local('DIN2014-Regular'),
      url('../fonts/DIN2014-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-Regular.woff') format('woff'),
      url('../fonts/DIN2014-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-Italic.eot');
  src: local('DIN 2014 Italic'), local('DIN2014-Italic'),
      url('../fonts/DIN2014-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-Italic.woff') format('woff'),
      url('../fonts/DIN2014-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

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

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-BoldItalic.eot');
  src: local('DIN 2014 Bold Italic'), local('DIN2014-BoldItalic'),
      url('../fonts/DIN2014-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-BoldItalic.woff') format('woff'),
      url('../fonts/DIN2014-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-DemiBoldItalic.eot');
  src: local('DIN 2014 DemiBold Italic'), local('DIN2014-DemiBoldItalic'),
      url('../fonts/DIN2014-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-DemiBoldItalic.woff') format('woff'),
      url('../fonts/DIN2014-DemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'DIN 2014';
  src: url('../fonts/DIN2014-DemiBold.eot');
  src: local('DIN 2014 DemiBold'), local('DIN2014-DemiBold'),
      url('../fonts/DIN2014-DemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN2014-DemiBold.woff') format('woff'),
      url('../fonts/DIN2014-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  src: url('../fonts/subset-MenoBanner-Bold.ttf');
  font-family: 'meno-banner';
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText';
  src: url('../fonts/CrimsonText-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'CormorantGaramond';
  src: url('../fonts/CormorantGaramond-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'CormorantGaramond';
  src: url('../fonts/CormorantGaramond-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'CormorantGaramond';
  src: url('../fonts/CormorantGaramond-Regular.ttf');
}

@font-face {
  font-family: 'palatino';
  src: url('../fonts/palab.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'palatino';
  src: url('../fonts/pala.ttf');
}

@font-face {
  font-family: 'VeuveClicquot';
  src: url('../fonts/VeuveClicquot-Regular.otf');
}

@font-face {
  font-family: 'VeuveClicquot';
  src: url('../fonts/VeuveClicquot-Bold-Italic.otf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'VeuveClicquotSerif';
  src: url('../fonts/VCP-2018-INSTITUTIONAL-FONT-VEUVECLICQUOTSERIF-REGULAR.otf');
}

@font-face {
  font-family: 'Corbel';
  src: url('../fonts/corbel.ttf');
}

@font-face {
  font-family: 'Corbel';
  src: url('../fonts/Corbel_Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'Corbel';
  src: url('../fonts/Corbel_Italic.ttf');
  font-style: italic;
}

@font-face {
  font-family: 'Corbel';
  src: url('../fonts/Corbel_Bold_Italic.ttf');
  font-weight: bold;
  font-style: italic;
}
@import url("https://p.typekit.net/p.css?s=1&k=iti4vnm&ht=tk&f=39200.39201.39202.39203.39347.39348.44565&a=83498801&app=typekit&e=css");

@font-face {
  font-family:"century-gothic";
  src:url("https://use.typekit.net/af/40bdad/00000000000000007735ba11/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/40bdad/00000000000000007735ba11/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/40bdad/00000000000000007735ba11/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family:"century-gothic";
  src:url("https://use.typekit.net/af/0f9780/00000000000000007735ba15/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/0f9780/00000000000000007735ba15/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/0f9780/00000000000000007735ba15/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family:"century-gothic";
  src:url("https://use.typekit.net/af/9e55b6/00000000000000007735ba19/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/9e55b6/00000000000000007735ba19/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/9e55b6/00000000000000007735ba19/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"century-gothic";
  src:url("https://use.typekit.net/af/78c6b9/00000000000000007735ba1f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/78c6b9/00000000000000007735ba1f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/78c6b9/00000000000000007735ba1f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
  font-family:"itc-avant-garde-gothic-pro";
  src:url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
  font-family:"itc-avant-garde-gothic-pro";
  src:url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
  font-family:"zooja-pro";
  src:url("https://use.typekit.net/af/beac41/00000000000000007735c811/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/beac41/00000000000000007735c811/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/beac41/00000000000000007735c811/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
  font-family:"linotype-sabon";
  src: url("https://use.typekit.net/af/c229ca/00000000000000007735ba7f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c229ca/00000000000000007735ba7f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c229ca/00000000000000007735ba7f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch:normal;
}

@font-face {
  font-family:"linotype-sabon";
  src: url("https://use.typekit.net/af/05ab21/00000000000000007735ba83/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/05ab21/00000000000000007735ba83/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/05ab21/00000000000000007735ba83/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch:normal;
}

@font-face {
  font-family:"linotype-sabon";
  src: url("https://use.typekit.net/af/f7d4fb/00000000000000007735ba85/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/f7d4fb/00000000000000007735ba85/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/f7d4fb/00000000000000007735ba85/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch:normal;
}

@font-face {
  font-family:"linotype-sabon";
  src: url("https://use.typekit.net/af/770984/00000000000000007735ba86/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/770984/00000000000000007735ba86/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/770984/00000000000000007735ba86/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch:normal;
}

@font-face {
    font-family:"joly-display";
    src:url("https://use.typekit.net/af/836a02/0000000000000000774ba017/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/836a02/0000000000000000774ba017/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/836a02/0000000000000000774ba017/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family:"joly-display";
    src:url("https://use.typekit.net/af/c4fc7c/0000000000000000774ba018/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c4fc7c/0000000000000000774ba018/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c4fc7c/0000000000000000774ba018/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "joly-display";
    src: url("https://use.typekit.net/af/939e4c/0000000000000000774ba01d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/939e4c/0000000000000000774ba01d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/939e4c/0000000000000000774ba01d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "joly-display";
    src: url("https://use.typekit.net/af/9cff4c/0000000000000000774ba01b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/9cff4c/0000000000000000774ba01b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/9cff4c/0000000000000000774ba01b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family:"BodoniFLF";
    src: url('../fonts/BodoniFLF-Italic.ttf');
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family:"BodoniFLF";
    src: url('../fonts/BodoniFLF-Bold.ttf');
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "BodoniFLF";
    src: url('../fonts/BodoniFLF-Roman.ttf');
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "BodoniFLF";
    src: url('../fonts/BodoniFLF-BoldItalic.ttf');
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.ttf');
  font-weight: 600;
}

@font-face {
  font-family: 'PlayfairDisplay';
  src: url('../fonts/PlayfairDisplay-Regular.ttf');
}

@font-face {
  font-family: 'PlayfairDisplay';
  src: url('../fonts/PlayfairDisplay-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'AvenirBlack';
  src: url('../fonts/AvenirLTStd-Black.otf');
}

@font-face {
  font-family: 'AvenirBook';
  src: url('../fonts/AvenirLTStd-Book.otf');
}

@font-face {
  font-family: 'AvenirRoman';
  src: url('../fonts/AvenirLTStd-Roman.otf');
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Variable.ttf');
}

@font-face {
  font-family: 'Neutra';
  src: url('../fonts/neutra-text-bold-5871e1605afa2.otf');
}

@font-face {
  font-family: 'Caslon540Regular';
  src: url('../fonts/Caslon-540-Regular.otf');
}

.font-avenir-black {
  font-family: "AvenirBlack";
}
.font-avenir-book {
  font-family: "AvenirBook";
}
.font-avenir-roman {
  font-family: "AvenirRoman";
}

.tk-century-gothic { font-family: "century-gothic",sans-serif; }
.tk-itc-avant-garde-gothic-pro { font-family: "itc-avant-garde-gothic-pro",sans-serif; }
.tk-zooja-pro { font-family: "zooja-pro",sans-serif; }

.font-corbel {
  font-family: "VeuveClicquot";
}

.font-playfairdisplay {
  font-family: "PlayfairDisplay";
}

.font-montserrat {
  font-family: "Montserrat";
}

.veuve-clicquot {
  font-family: "VeuveClicquot";
}

.veuve-clicquot-bold-italic {
  font-family: "VeuveClicquot";
  font-weight: bold;
  font-style: italic;
}

.veuve-clicquot-serif {
  font-family: "VeuveClicquotSerif";
}

.cormorant-garamond {
  font-family: "CormorantGaramond";
}

.cormorant-garamond-bold {
  font-family: "CormorantGaramond";
  font-weight: bold;
}

.cormorant-garamond-bold-italic {
  font-family: "CormorantGaramond";
  font-weight: bold;
  font-style: italic;
}

.palatino {
  font-family: "palatino";
}

.palatino-bold {
  font-family: "palatino";
  font-weight: bold;
}

.hey-august {
  font-family: "Hey_August";
}

.din-2014 {
  font-family: "DIN 2014";
  font-weight: normal;
  font-style: normal;
}
.din-2014-italic {
  font-family: "DIN 2014";
  font-weight: normal;
  font-style: italic;
}
.din-2014-bold {
  font-family: "DIN 2014";
  font-weight: bold;
  font-style: normal;
}

.muli {
  font-family: muli, sans-serif !important;
  font-style: normal;
  font-weight: 200;
}

/*.vin, [class^="vin-picto"] {
  font-family: "vinatis";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}*/
[class^="vin-picto"]:before,
[class*=" vin-picto"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vinatis' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.vin-picto-casserole:before {
  content: "\e900";
}
.vin-picto-mixer:before {
  content: "\e901";
}
.vin-picto-pilon:before {
  content: "\e902";
}
.vin-picto-shaker:before {
  content: "\e903";
}
.vin-picto-tumbler:before {
  content: "\e904";
}
.vin-picto-verre-champagne:before {
  content: "\e905";
}
.vin-picto-verre-cocktail:before {
  content: "\e906";
}
.vin-picto-verre-melange:before {
  content: "\e907";
}
.vin-picto-verre-old:before {
  content: "\e908";
}
.vin-picto-verre-the:before {
  content: "\e909";
}
.vin-picto-youtube:before {
  content: "\e90a";
}
.vin-picto-linkedin:before {
  content: "\e90b";
}
.vin-picto-accueil:before {
  content: "\e000";
}
.vin-picto-twitter:before {
  content: "\e001";
}
.vin-picto-chrono:before {
  content: "\e002";
}
.vin-picto-compte:before {
  content: "\e003";
}
.vin-picto-facebook:before {
  content: "\e004";
}
.vin-picto-favoris:before {
  content: "\e005";
}
.vin-picto-imprimer:before {
  content: "\e006";
}
.vin-picto-loupe:before {
  content: "\e008";
}
.vin-picto-panier:before {
  content: "\e009";
}
.vin-picto-panier-plein:before {
  content: "\e00a";
}
.vin-picto-partager:before {
  content: "\e00b";
}
.vin-picto-rss:before {
  content: "\e00c";
}
.vin-picto-tell:before {
  content: "\e00d";
}
.vin-picto-avoirs:before {
  content: "\e007";
}
.vin-pictos-parrainage:before {
  content: "\e014";
}
.vin-pictos-infos-personnelles:before {
  content: "\e015";
}
.vin-pictos-carnet-adresse:before {
  content: "\e016";
}
.vin-picto-historique-commande:before {
  content: "\e017";
}
.vin-picto-recompenses:before {
  content: "\e018";
}
.vin-picto-mr-populairef:before {
  content: "\e01a";
}
.vin-picto-nulle-part-ailleurs:before {
  content: "\e01b";
}
.vin-picto-salut-presse:before {
  content: "\e01c";
}
.vin-picto-choix-du-staff:before {
  content: "\e019";
}
.vin-picto-avis-client:before {
  content: "\e013";
}
.vin-picto-actu-menu:before {
  content: "\e01d";
}
.vin-picto-4-menu:before {
  content: "\e01e";
}
.vin-picto-37-menu:before {
  content: "\e01f";
}
.vin-picto-36-menu:before {
  content: "\e020";
}
.vin-picto-6-menu:before {
  content: "\e022";
}
.vin-picto-3-menu:before {
  content: "\e023";
}
.vin-picto-domaine-menu:before {
  content: "\e024";
}
.vin-picto-2-menu:before {
  content: "\e025";
}
.vin-picto-recompense-menu:before {
  content: "\e026";
}
.vin-picto-1-menu:before {
  content: "\e027";
}
.vin-picto-8-menu:before {
  content: "\e028";
}
.vin-picto-26-menu:before {
  content: "\e029";
}
.vin-picto-27-menu:before {
  content: "\e02a";
}
.vin-picto-prix-menu:before {
  content: "\e02b";
}
.vin-picto-7-menu:before {
  content: "\e021";
}
.vin-picto-44-menu:before {
  content: "\e02c";
}
.vin-picto-boise:before {
  content: "\e02d";
}
.vin-picto-epice:before {
  content: "\e02e";
}
.vin-picto-floral:before {
  content: "\e02f";
}
.vin-picto-fruite:before {
  content: "\e030";
}
.vin-picto-fume:before {
  content: "\e031";
}
.vin-picto-tourbe:before {
  content: "\e032";
}
.vin-picto-croix:before {
  content: "\e033";
}
.vin-picto-caracteristique-accord:before {
  content: "\e035";
}
.vin-picto-caracteristique-fiche-technique:before {
  content: "\e036";
}
.vin-picto-caracteristique-gouts:before {
  content: "\e037";
}
.vin-picto-caracteristique-service:before {
  content: "\e038";
}
.vin-picto-livraison:before {
  content: "\e011";
}
.vin-picto-alertes:before {
  content: "\e03a";
}
.vin-picto-boite-id:before {
  content: "\e03b";
}
.vin-picto-commande:before {
  content: "\e03c";
}
.vin-picto-deconnexion:before {
  content: "\e03d";
}
.vin-picto-guide-achat:before {
  content: "\e03e";
}
.vin-picto-liste-favoris:before {
  content: "\e03f";
}
.vin-picto-partage:before {
  content: "\e040";
}
.vin-picto-bio:before {
  content: "\e034";
}
.vin-pictoavis-client:before {
  content: "\e041";
}
.vin-pictoavis-client-plein:before {
  content: "\e042";
}
.vin-picto-instagram:before {
  content: "\e043";
}
.vin-picto-google:before {
  content: "\e044";
}
.vin-picto-you-tube:before {
  content: "\e046";
}
.vin-picto-forte:before {
  content: "\e045";
}
.vin-picto-houblonee:before {
  content: "\e047";
}
.vin-picto-legere:before {
  content: "\e048";
}
.vin-picto-prix:before {
  content: "\e04b";
}
.vin-picto-pinterest:before {
  content: "\e012";
}
.vin-picto-prix-a:before {
  content: "\e049";
}
.vin-picto-prix-b:before {
  content: "\e04a";
}
.vin-picto-prix-c:before {
  content: "\e04c";
}
.vin-picto-prix-d:before {
  content: "\e04d";
}
.vin-picto-calendrier:before {
  content: "\e04e";
}
.vin-pictoarobas:before {
  content: "\e04f";
}
.vin-picto-vp:before {
  content: "\e050";
}
.vin-picto-point-exclamation:before {
  content: "\e051";
}
.vin-picto-cadenas:before {
  content: "\e00f";
}
.vin-picto-cadeaux:before {
  content: "\e010";
}
.vin-picto-crayon:before {
  content: "\e052";
}
.vin-picto-paiement:before {
  content: "\e053";
}
.vin-picto-favoris-plein2:before {
  content: "\e00e";
}
.vin-picto-alertes-1:before {
  content: "\e054";
}
.vin-picto-alertes-plein:before {
  content: "\e055";
}
.vin-picto-resaux-sociaux:before {
  content: "\e056";
}
.vin-picto-resaux-sociaux-plein:before {
  content: "\e057";
}
.vin-picto-bouteille:before {
  content: "\e039";
}
.vin-picto-interrupeur:before {
  content: "\e058";
}
.vin-picto-interrupeur-actif:before {
  content: "\e059";
}
.vin-pictofleche:before {
  content: "\e05a";
}
.vin-pictoinfo:before {
  content: "\e05b";
}
.vin-pictomoins:before {
  content: "\e05c";
}
.vin-pictoplus:before {
  content: "\e05d";
}
.vin-picto-alertes-desactive:before {
  content: "\e05e";
}
.vin-picto-coche:before {
  content: "\e05f";
}
.vin-picto-listing-mosaique:before {
  content: "\e060";
}
.vin-picto-listing-detail:before {
  content: "\e061";
}
.vin-picto-listing-detail-black:before {
  content: "\e062";
}
.vin-picto-listing-mosaique-black:before {
  content: "\e063";
}
.vin-picto-vente-flash:before {
  content: "\e064";
}
.vin-picto-listing-detail-black2:before {
  content: "\e065";
}
.vin-picto-newsletter-error:before {
  content: "\e066";
}
.vin-picto-newsletter-ok:before {
  content: "\e067";
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family: 'Roboto Condensed', Arial,sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

/* CMS */
.rft_cms [data-component] ul {
  list-style-type: disc; }

.rft_cms [data-component] ol {
  list-style-type: decimal; }

.rft_cms .rft_theme-shop [data-component] .rft_container {
  max-width: none !important;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 642px) {
  .rft_cms .rft_theme-shop [data-component] .rft_container {
    padding-left: 10px !important;
    padding-right: 10px !important; } }
/* CMS */

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: 'Roboto Condensed', Arial,sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

html, body {
    max-width: 100%;
    overflow-x: clip;
}

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  /*margin: 0.67em 0; */
}

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.42857;
  color: #999999;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input,
select[multiple],
textarea {
  background-image: none; }

a {
  /*color: #777;*/
  color:inherit;
  text-decoration: none; }
  a:hover, a:focus {
  /*color: #515151;*/
  color:inherit;
  text-decoration: underline; }
  a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}


.img-non-responsive {
  max-width: 100%;
}
.img-full-width {
  width: 100%;
}
.img-max-5 { max-width: 5px; }
.img-max-10 { max-width: 10px; }
.img-max-15 { max-width: 15px; }
.img-max-20 { max-width: 20px; }
.img-max-25 { max-width: 25px; }
.img-max-30 { max-width: 30px; }
.img-max-35 { max-width: 35px; }
.img-max-40 { max-width: 40px; }
.img-max-45 { max-width: 45px; }
.img-max-50 { max-width: 50px; }
.img-max-55 { max-width: 55px; }
.img-max-60 { max-width: 60px; }
.img-max-65 { max-width: 65px; }
.img-max-70 { max-width: 70px; }
.img-max-75 { max-width: 75px; }
.img-max-80 { max-width: 80px; }
.img-max-85 { max-width: 85px; }
.img-max-90 { max-width: 90px; }
.img-max-95 { max-width: 95px; }
.img-max-100 { max-width: 100px; }
.img-max-110 { max-width: 110px; }
.img-max-120 { max-width: 120px; }
.img-max-130 { max-width: 130px; }
.img-max-140 { max-width: 140px; }
.img-max-150 { max-width: 150px; }
.img-max-160 { max-width: 160px; }
.img-max-165 { max-width: 165px; }
.img-max-170 { max-width: 170px; }
.img-max-180 { max-width: 180px; }
.img-max-190 { max-width: 190px; }
.img-max-200 { max-width: 200px; }
.img-max-210 { max-width: 210px; }
.img-max-220 { max-width: 220px; }
.img-max-230 { max-width: 230px; }
.img-max-240 { max-width: 240px; }
.img-max-250 { max-width: 250px; }
.img-max-260 { max-width: 260px; }
.img-max-270 { max-width: 270px; }
.img-max-280 { max-width: 280px; }
.img-max-290 { max-width: 290px; }
.img-max-300 { max-width: 300px; }
.img-max-310 { max-width: 310px; }
.img-max-320 { max-width: 320px; }
.img-max-330 { max-width: 330px; }
.img-max-340 { max-width: 340px; }
.img-max-350 { max-width: 350px; }
.img-max-360 { max-width: 360px; }
.img-max-370 { max-width: 370px; }
.img-max-380 { max-width: 380px; }
.img-max-390 { max-width: 390px; }
.img-max-400 { max-width: 400px; }
.img-max-410 { max-width: 410px; }
.img-max-420 { max-width: 420px; }
.img-max-430 { max-width: 430px; }
.img-max-440 { max-width: 440px; }
.img-max-450 { max-width: 450px; }
.img-max-460 { max-width: 460px; }
.img-max-470 { max-width: 470px; }
.img-max-480 { max-width: 480px; }
.img-max-490 { max-width: 490px; }
.img-max-500 { max-width: 500px; }
.img-max-510 { max-width: 510px; }
.img-max-520 { max-width: 520px; }
.img-max-530 { max-width: 530px; }
.img-max-540 { max-width: 540px; }
.img-max-550 { max-width: 550px; }
.img-max-560 { max-width: 560px; }
.img-max-570 { max-width: 570px; }
.img-max-580 { max-width: 580px; }
.img-max-590 { max-width: 590px; }
.img-max-600 { max-width: 600px; }
.img-max-610 { max-width: 610px; }
.img-max-620 { max-width: 620px; }
.img-max-630 { max-width: 630px; }
.img-max-640 { max-width: 640px; }
.img-max-650 { max-width: 650px; }
.img-max-660 { max-width: 660px; }
.img-max-670 { max-width: 670px; }
.img-max-680 { max-width: 680px; }
.img-max-690 { max-width: 690px; }
.img-max-700 { max-width: 700px; }


.img-min-width-80 { min-width: 80px; }


.img-max-height-5 { max-height: 5px; }
.img-max-height-10 { max-height: 10px; }
.img-max-height-15 { max-height: 15px; }
.img-max-height-20 { max-height: 20px; }
.img-max-height-25 { max-height: 25px; }
.img-max-height-30 { max-height: 30px; }
.img-max-height-35 { max-height: 35px; }
.img-max-height-40 { max-height: 40px; }
.img-max-height-45 { max-height: 45px; }
.img-max-height-50 { max-height: 50px; }
.img-max-height-55 { max-height: 55px; }
.img-max-height-60 { max-height: 60px; }
.img-max-height-65 { max-height: 65px; }
.img-max-height-70 { max-height: 70px; }
.img-max-height-75 { max-height: 75px; }
.img-max-height-80 { max-height: 80px; }
.img-max-height-85 { max-height: 85px; }
.img-max-height-90 { max-height: 90px; }
.img-max-height-95 { max-height: 95px; }
.img-max-height-100 { max-height: 100px; }
.img-max-height-110 { max-height: 110px; }
.img-max-height-120 { max-height: 120px; }
.img-max-height-130 { max-height: 130px; }
.img-max-height-140 { max-height: 140px; }
.img-max-height-150 { max-height: 150px; }
.img-max-height-160 { max-height: 160px; }
.img-max-height-165 { max-height: 165px; }
.img-max-height-170 { max-height: 170px; }
.img-max-height-180 { max-height: 180px; }
.img-max-height-190 { max-height: 190px; }
.img-max-height-200 { max-height: 200px; }
.img-max-height-210 { max-height: 210px; }
.img-max-height-220 { max-height: 220px; }
.img-max-height-230 { max-height: 230px; }
.img-max-height-240 { max-height: 240px; }
.img-max-height-250 { max-height: 250px; }
.img-max-height-260 { max-height: 260px; }
.img-max-height-270 { max-height: 270px; }
.img-max-height-280 { max-height: 280px; }
.img-max-height-290 { max-height: 290px; }
.img-max-height-300 { max-height: 300px; }
.img-max-height-310 { max-height: 310px; }
.img-max-height-320 { max-height: 320px; }
.img-max-height-330 { max-height: 330px; }
.img-max-height-340 { max-height: 340px; }
.img-max-height-350 { max-height: 350px; }
.img-max-height-360 { max-height: 360px; }
.img-max-height-370 { max-height: 370px; }
.img-max-height-380 { max-height: 380px; }
.img-max-height-390 { max-height: 390px; }
.img-max-height-400 { max-height: 400px; }
.img-max-height-410 { max-height: 410px; }
.img-max-height-420 { max-height: 420px; }
.img-max-height-430 { max-height: 430px; }
.img-max-height-440 { max-height: 440px; }
.img-max-height-450 { max-height: 450px; }
.img-max-height-460 { max-height: 460px; }
.img-max-height-470 { max-height: 470px; }
.img-max-height-480 { max-height: 480px; }
.img-max-height-490 { max-height: 490px; }
.img-max-height-500 { max-height: 500px; }
.img-max-height-510 { max-height: 510px; }
.img-max-height-520 { max-height: 520px; }
.img-max-height-530 { max-height: 530px; }
.img-max-height-540 { max-height: 540px; }
.img-max-height-550 { max-height: 550px; }
.img-max-height-560 { max-height: 560px; }
.img-max-height-570 { max-height: 570px; }
.img-max-height-580 { max-height: 580px; }
.img-max-height-590 { max-height: 590px; }
.img-max-height-600 { max-height: 600px; }
.img-max-height-610 { max-height: 610px; }
.img-max-height-620 { max-height: 620px; }
.img-max-height-630 { max-height: 630px; }
.img-max-height-640 { max-height: 640px; }
.img-max-height-650 { max-height: 650px; }
.img-max-height-660 { max-height: 660px; }
.img-max-height-670 { max-height: 670px; }
.img-max-height-680 { max-height: 680px; }
.img-max-height-690 { max-height: 690px; }
.img-max-height-700 { max-height: 700px; }

.img-min-height-120 { min-height: 120px; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail, .thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

p {
  margin: 0 0 9px; }

.lead {
  margin-bottom: 18px;
  font-size: 14.95px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
  .lead {
  font-size: 19.5px; } }

small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

.text-warning {
  color: #fff; }

.text-danger {
  color: #fff; }

.text-success {
  color: #fff; }

.text-info {
  color: #fff; }

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

.text-justify {
  text-align: justify !important ; }

.text-right, #cart_summary tbody td.cart_unit, #cart_summary tbody td.cart_total {
  text-align: right; }

.text-center, #cart_summary thead th.cart_product, #cart_summary tbody td.cart_product, #cart_summary tbody td.cart_avail, #cart_summary tbody td.cart_delete {
  text-align: center; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.1; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999; }

/* MODIF DU 26/02/2015 SUPP margin-top: 18px; */
h1,
h2,
h3 {
  margin-bottom: 9px; }

h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px; }

h1, .h1 {
  font-size: 33px; }

h2, .h2 {
  font-size: 27px; }

h3, .h3 {
  font-size: 23px; }

h4, .h4 {
  font-size: 17px; }

h5, .h5 {
  font-size: 15px; }

h6, .h6 {
  font-size: 12px; }

h1 small, .h1 small {
  font-size: 23px; }

h2 small, .h2 small {
  font-size: 17px; }

h3 small, .h3 small,
h4 small, .h4 small {
  font-size: 15px; }

.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 9px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
  margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

dl {
  margin-bottom: 18px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .dl-horizontal dd {
  margin-left: 180px; }
  .dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .dl-horizontal dd:after {
  clear: both; } }
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee; }
  blockquote p {
  font-size: 16.25px;
  font-weight: 300;
  line-height: 1.25; }
  blockquote p:last-child {
  margin-bottom: 0; }
  blockquote small {
  display: block;
  line-height: 1.42857;
  color: #999999; }
  blockquote small:before {
  content: '\2014 \00A0'; }
  blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0; }
  blockquote.pull-right p,
  blockquote.pull-right small {
  text-align: right; }
  blockquote.pull-right small:before {
  content: ''; }
  blockquote.pull-right small:after {
  content: '\00A0 \2014'; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857; }

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 0px; }

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0px; }
  pre.prettyprint {
  margin-bottom: 18px; }
  pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }


.container-restreint{
  width: 80%;
  margin:auto;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .container:after {
  clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .row:after {
  clear: both; }

.width-auto {
  width: auto !important;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
header .row #header_logo,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left; }

.col-xs-1,
.largeur-xs-1 {
  width: 8.33333%; }

.col-xs-2,
.largeur-xs-2 {
  width: 16.66667%; }

.col-xs-3,
.largeur-xs-3 {
  width: 25%; }

.col-xs-4,
.largeur-xs-4 {
  width: 33.33333%; }

.col-xs-5,
.largeur-xs-5 {
  width: 41.66667%; }

.col-xs-6,
.largeur-xs-6 {
  width: 50%; }

.col-xs-7,
.largeur-xs-7 {
  width: 58.33333%; }

.col-xs-8,
.largeur-xs-8 {
  width: 66.66667%; }

.col-xs-9,
.largeur-xs-9 {
  width: 75%; }

.col-xs-10,
.largeur-xs-10 {
  width: 83.33333%; }

.col-xs-11,
.largeur-xs-11 {
  width: 91.66667%; }

.col-xs-12,
.largeur-xs-12 {
  width: 100%; }

.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}

/* FLEXBOX */

.display-flex
{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.vertical-align-center-flex {
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
}

.row-flex {
  /* pour display */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* pour flex-wrap */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  margin-left: -20px;
}
.col-flex {
  /* pour display */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  /*padding-left: 20px;*/
  padding-left: 20px;

  padding-bottom: 20px;

  float: left;
}



@media (min-width: 768px) {
  /*.container {
  max-width: 750px; }*/

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  header .row #header_logo,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
  float: left; }

  .col-sm-1,
  .largeur-sm-1 {
  width: 8.33333%; }

  .col-sm-2,
  .largeur-sm-2 {
  width: 16.66667%; }

  .col-sm-3,
  .largeur-sm-3 {
  width: 25%; }

  /* SUPP , header .row #header_logo => MORGANE 05/03/2015 */

  .col-sm-4,
  .largeur-sm-4 {
  width: 33.33333%; }

  .col-sm-5,
  .largeur-sm-5 {
  width: 41.66667%; }

  .col-sm-6,
  .largeur-sm-6 {
  width: 50%; }

  .col-sm-7,
  .largeur-sm-7 {
  width: 58.33333%; }

  .col-sm-8,
  .largeur-sm-8 {
  width: 66.66667%; }

  .col-sm-9,
  .largeur-sm-9 {
  width: 75%; }

  .col-sm-10,
  .largeur-sm-10 {
  width: 83.33333%; }

  .col-sm-11,
  .largeur-sm-11 {
  width: 91.66667%; }

  .col-sm-12,
  .largeur-sm-12 {
  width: 100%; }

  .col-sm-push-1 {
  left: 8.33333%; }

  .col-sm-push-2 {
  left: 16.66667%; }

  .col-sm-push-3 {
  left: 25%; }

  .col-sm-push-4 {
  left: 33.33333%; }

  .col-sm-push-5 {
  left: 41.66667%; }

  .col-sm-push-6 {
  left: 50%; }

  .col-sm-push-7 {
  left: 58.33333%; }

  .col-sm-push-8 {
  left: 66.66667%; }

  .col-sm-push-9 {
  left: 75%; }

  .col-sm-push-10 {
  left: 83.33333%; }

  .col-sm-push-11 {
  left: 91.66667%; }

  .col-sm-push-12 {
  left: 100%; }

  .col-sm-pull-1 {
  right: 8.33333%; }

  .col-sm-pull-2 {
  right: 16.66667%; }

  .col-sm-pull-3 {
  right: 25%; }

  .col-sm-pull-4 {
  right: 33.33333%; }

  .col-sm-pull-5 {
  right: 41.66667%; }

  .col-sm-pull-6 {
  right: 50%; }

  .col-sm-pull-7 {
  right: 58.33333%; }

  .col-sm-pull-8 {
  right: 66.66667%; }

  .col-sm-pull-9 {
  right: 75%; }

  .col-sm-pull-10 {
  right: 83.33333%; }

  .col-sm-pull-11 {
  right: 91.66667%; }

  .col-sm-pull-12 {
  right: 100%; }

  .col-sm-offset-1 {
  margin-left: 8.33333%; }

  .col-sm-offset-2 {
  margin-left: 16.66667%; }

  .col-sm-offset-3 {
  margin-left: 25%; }

  .col-sm-offset-4 {
  margin-left: 33.33333%; }

  .col-sm-offset-5 {
  margin-left: 41.66667%; }

  .col-sm-offset-6 {
  margin-left: 50%; }

  .col-sm-offset-7 {
  margin-left: 58.33333%; }

  .col-sm-offset-8 {
  margin-left: 66.66667%; }

  .col-sm-offset-9 {
  margin-left: 75%; }

  .col-sm-offset-10 {
  margin-left: 83.33333%; }

  .col-sm-offset-11 {
  margin-left: 91.66667%; } }
@media (min-width: 992px) {
  /*.container {
  max-width: 970px;}*/

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
  float: left; }

  .col-md-1,
  .largeur-md-1 {
  width: 8.33333%; }

  .col-md-2,
  .largeur-md-2 {
  width: 16.66667%; }

  .col-md-3,
  .largeur-md-3 {
  width: 25%; }

  .col-md-4,
  .largeur-md-4 {
  width: 33.33333%; }

  .col-md-5,
  .largeur-md-5 {
  width: 41.66667%; }

  .col-md-6,
  .largeur-md-6 {
  width: 50%; }

  .col-md-7,
  .largeur-md-7 {
  width: 58.33333%; }

  .col-md-8,
  .largeur-md-8 {
  width: 66.66667%; }

  .col-md-9,
  .largeur-md-9 {
  width: 75%; }

  .col-md-10,
  .largeur-md-10 {
  width: 83.33333%; }

  .col-md-11,
  .largeur-md-11 {
  width: 91.66667%; }

  .col-md-12,
  .largeur-md-12 {
  width: 100%; }

  .col-md-push-0 {
  left: auto; }

  .col-md-push-1 {
  left: 8.33333%; }

  .col-md-push-2 {
  left: 16.66667%; }

  .col-md-push-3 {
  left: 25%; }

  .col-md-push-4 {
  left: 33.33333%; }

  .col-md-push-5 {
  left: 41.66667%; }

  .col-md-push-6 {
  left: 50%; }

  .col-md-push-7 {
  left: 58.33333%; }

  .col-md-push-8 {
  left: 66.66667%; }

  .col-md-push-9 {
  left: 75%; }

  .col-md-push-10 {
  left: 83.33333%; }

  .col-md-push-11 {
  left: 91.66667%; }

  .col-md-push-12 {
  left: 100%; }

  .col-md-pull-0 {
  right: auto; }

  .col-md-pull-1 {
  right: 8.33333%; }

  .col-md-pull-2 {
  right: 16.66667%; }

  .col-md-pull-3 {
  right: 25%; }

  .col-md-pull-4 {
  right: 33.33333%; }

  .col-md-pull-5 {
  right: 41.66667%; }

  .col-md-pull-6 {
  right: 50%; }

  .col-md-pull-7 {
  right: 58.33333%; }

  .col-md-pull-8 {
  right: 66.66667%; }

  .col-md-pull-9 {
  right: 75%; }

  .col-md-pull-10 {
  right: 83.33333%; }

  .col-md-pull-11 {
  right: 91.66667%; }

  .col-md-pull-12 {
  right: 100%; }

  .col-md-offset-0 {
  margin-left: 0; }

  .col-md-offset-1 {
  margin-left: 8.33333%; }

  .col-md-offset-2 {
  margin-left: 16.66667%; }

  .col-md-offset-3 {
  margin-left: 25%; }

  .col-md-offset-4 {
  margin-left: 33.33333%; }

  .col-md-offset-5 {
  margin-left: 41.66667%; }

  .col-md-offset-6 {
  margin-left: 50%; }

  .col-md-offset-7 {
  margin-left: 58.33333%; }

  .col-md-offset-8 {
  margin-left: 66.66667%; }

  .col-md-offset-9 {
  margin-left: 75%; }

  .col-md-offset-10 {
  margin-left: 83.33333%; }

  .col-md-offset-11 {
  margin-left: 91.66667%; } }
@media (min-width: 1200px) {
  /*.container {
  max-width: 1170px; }*/

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
  float: left; }

  .col-lg-1,
  .largeur-lg-1 {
  width: 8.33333%; }

  .col-lg-2,
  .largeur-lg-2 {
  width: 16.66667%; }

  .col-lg-3,
  .largeur-lg-3 {
  width: 25%; }

  .col-lg-4,
  .largeur-lg-4 {
  width: 33.33333%; }

  .col-lg-5,
  .largeur-lg-5 {
  width: 41.66667%; }

  .col-lg-6,
  .largeur-lg-6 {
  width: 50%; }

  .col-lg-7,
  .largeur-lg-7 {
  width: 58.33333%; }

  .col-lg-8,
  .largeur-lg-8 {
  width: 66.66667%; }

  .col-lg-9,
  .largeur-lg-9 {
  width: 75%; }

  .col-lg-10,
  .largeur-lg-10 {
  width: 83.33333%; }

  .col-lg-11,
  .largeur-lg-11 {
  width: 91.66667%; }

  .col-lg-12,
  .largeur-lg-12 {
  width: 100%; }

  .col-lg-push-0 {
  left: auto; }

  .col-lg-push-1 {
  left: 8.33333%; }

  .col-lg-push-2 {
  left: 16.66667%; }

  .col-lg-push-3 {
  left: 25%; }

  .col-lg-push-4 {
  left: 33.33333%; }

  .col-lg-push-5 {
  left: 41.66667%; }

  .col-lg-push-6 {
  left: 50%; }

  .col-lg-push-7 {
  left: 58.33333%; }

  .col-lg-push-8 {
  left: 66.66667%; }

  .col-lg-push-9 {
  left: 75%; }

  .col-lg-push-10 {
  left: 83.33333%; }

  .col-lg-push-11 {
  left: 91.66667%; }

  .col-lg-push-12 {
  left: 100%; }

  .col-lg-pull-0 {
  right: auto; }

  .col-lg-pull-1 {
  right: 8.33333%; }

  .col-lg-pull-2 {
  right: 16.66667%; }

  .col-lg-pull-3 {
  right: 25%; }

  .col-lg-pull-4 {
  right: 33.33333%; }

  .col-lg-pull-5 {
  right: 41.66667%; }

  .col-lg-pull-6 {
  right: 50%; }

  .col-lg-pull-7 {
  right: 58.33333%; }

  .col-lg-pull-8 {
  right: 66.66667%; }

  .col-lg-pull-9 {
  right: 75%; }

  .col-lg-pull-10 {
  right: 83.33333%; }

  .col-lg-pull-11 {
  right: 91.66667%; }

  .col-lg-pull-12 {
  right: 100%; }

  .col-lg-offset-0 {
  margin-left: 0; }

  .col-lg-offset-1 {
  margin-left: 8.33333%; }

  .col-lg-offset-2 {
  margin-left: 16.66667%; }

  .col-lg-offset-3 {
  margin-left: 25%; }

  .col-lg-offset-4 {
  margin-left: 33.33333%; }

  .col-lg-offset-5 {
  margin-left: 41.66667%; }

  .col-lg-offset-6 {
  margin-left: 50%; }

  .col-lg-offset-7 {
  margin-left: 58.33333%; }

  .col-lg-offset-8 {
  margin-left: 66.66667%; }

  .col-lg-offset-9 {
  margin-left: 75%; }

  .col-lg-offset-10 {
  margin-left: 83.33333%; }

  .col-lg-offset-11 {
  margin-left: 91.66667%; } }
table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 18px; }
  .table thead > tr > th,
  .table thead > tr > td,
  .table tbody > tr > th,
  .table tbody > tr > td,
  .table tfoot > tr > th,
  .table tfoot > tr > td {
  padding: 9px 8px 11px 18px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #d6d4d4; }
  .table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #d6d4d4; }
  .table caption + thead tr:first-child th, .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
  border-top: 0; }
  .table tbody + tbody {
  border-top: 2px solid #d6d4d4; }
  .table .table {
  background-color: #fff; }

.table-condensed thead > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > th,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #d6d4d4; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
  border: 1px solid #d6d4d4; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #55c65e;
  border-color: #48b151; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
  background-color: #42c04c;
  border-color: #419f49; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f3515c;
  border-color: #d4323d; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
  background-color: #f13946;
  border-color: #c32933; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fe9126;
  border-color: #e4752b; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
  background-color: #fe840d;
  border-color: #da681c; }

@media (max-width: 768px) {
  .table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: scroll;
  border: 1px solid #d6d4d4; }
  .table-responsive > .table {
  margin-bottom: 0;
  background-color: #fff; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
  white-space: nowrap; }
  .table-responsive > .table-bordered {
  border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0; } }
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

select[multiple],
select[size] {
  height: auto; }

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

.form-control:-moz-placeholder {
  color: #999999; }
.form-control::-moz-placeholder {
  color: #999999; }
.form-control:-ms-input-placeholder {
  color: #999999; }
.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857;
  color: #9c9b9b;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #d6d4d4;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }
  .radio label,
  .checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled]
input[type="checkbox"],
.radio[disabled], fieldset[disabled]
.radio,
.radio-inline[disabled], fieldset[disabled]
.radio-inline,
.checkbox[disabled], fieldset[disabled]
.checkbox,
.checkbox-inline[disabled], fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn {
  height: auto; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 44px;
  line-height: 44px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn {
  height: auto; }

.has-warning .help-block,
.has-warning .control-label {
  color: #fff; }
.has-warning .form-control {
  border-color: #fff;
}
  .has-warning .form-control:focus {
  border-color: #e6e6e6;
}
.has-warning .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #fe9126; }

.has-error .help-block,
.has-error .control-label {
  color: #fff; }
.has-error .form-control {
  border-color: #fff;
}
  .has-error .form-control:focus {
  border-color: #e6e6e6;
}
.has-error .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #f3515c; }

.has-success .help-block,
.has-success .control-label {
  color: #fff; }
.has-success .form-control {
  border-color: #fff;
 }
  .has-success .form-control:focus {
  border-color: #e6e6e6;
 }
.has-success .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #55c65e; }

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #b7b7b7; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
  display: inline-block; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0; } }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .form-horizontal .form-group:after {
  clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
  text-align: right; } }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
  .btn:hover, .btn:focus {
  color: #333;
  text-decoration: none; }
  .btn:active, .btn.active {
  outline: 0;
  background-image: none;
 }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad; }
  .open .btn-default.dropdown-toggle {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad; }
  .btn-default:active, .btn-default.active {
  background-image: none; }
  .open .btn-default.dropdown-toggle {
  background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc; }

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e; }
  .open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active {
  background-image: none; }
  .open .btn-primary.dropdown-toggle {
  background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512; }
  .open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512; }
  .btn-warning:active, .btn-warning.active {
  background-image: none; }
  .open .btn-warning.dropdown-toggle {
  background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925; }
  .open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active {
  background-image: none; }
  .open .btn-danger.dropdown-toggle {
  background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-success {
  color: #fff;
  background-color: #26B48D;
  border: 2px solid #26B48D;
  border-radius: 5px;
 }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #26B48D;
  background-color: white;
  border: 2px solid #26B48D;
}
.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #26B48D;
  border-color: #26B48D;
}
.btn-success:active,
.btn-success.active {
  background-image: none;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled], .btn-success[disabled]:hover,
.btn-success[disabled]:focus, .btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #26B48D;
  border: 2px solid #26B48D;
  color: #fff;
  opacity: 0.7;
}

.btn-other-choice {
  color: #999999;
  background-color: unset;
  border: unset;
  text-decoration: underline;
}

.btn-other-choice:hover,
.btn-other-choice:focus,
.btn-other-choice:active,
.btn-other-choice.active {
  color: #26B48D;
}

.btn-info {
  color: #fff;
  background-color: #5192f3;
  border-color: #3983f1; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: #fff;
  background-color: #2b7af0;
  border-color: #0f62de; }
  .open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #2b7af0;
  border-color: #0f62de; }
  .btn-info:active, .btn-info.active {
  background-image: none; }
  .open .btn-info.dropdown-toggle {
  background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5192f3;
  border-color: #3983f1; }

.btn-link {
  color: #777;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
  color: #515151;
  text-decoration: underline;
  background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none; }


.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
  opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: ""; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
  right: 0;
  left: auto; }
  .dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
  .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #428bca; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #999999; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #999999; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
  right: 0;
  left: auto; } }
.btn-default .caret {
  border-top-color: #333; }
.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
  border-top-color: #fff; }

.dropup .btn-default .caret {
  border-bottom-color: #333; }
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
  position: relative;
  float: left; }
  .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  .btn-group-vertical > .btn:hover,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn.active {
  z-index: 2; }
  .btn-group > .btn:focus,
  .btn-group-vertical > .btn:focus {
  outline: none; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.btn-toolbar:after {
  clear: both; }
.btn-toolbar .btn-group {
  float: left; }
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }


.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0; }
  .input-group .form-control {
  width: 100%;
  margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #d6d4d4;
  border-radius: 0px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }
  .input-group-btn > .btn + .btn {
  margin-left: -4px; }
  .input-group-btn > .btn:hover, .input-group-btn > .btn:active {
  z-index: 2; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .nav:after {
  clear: both; }
  .nav > li {
  position: relative;
  display: block; }
  .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }
  .nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }
  .nav > li.disabled > a {
  color: #999999; }
  .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #777; }
  .nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
  .nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
  float: left;
  margin-bottom: -1px; }
  .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0; }
  .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd; }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
  border-radius: 5px; }
  .nav-pills > li + li {
  margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
  float: none; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center; }
  @media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
  border-bottom-color: #fff; }

.tabbable:before, .tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.tabbable:after {
  clear: both; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }


.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f6f6f6;
  border-radius: 0px; }
  .breadcrumb > li {
  display: inline-block; }
  .breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #333; }
  .breadcrumb > .active {
  color: #333; }


.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px; }
  .badge:empty {
  display: none; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.btn .badge {
  position: relative;
  top: -1px; }

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #777;
  background-color: #fff; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.thumbnail {
  display: block; }
  .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto; }

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #777; }

.thumbnail > img {
  margin-left: auto;
  margin-right: auto; }

.thumbnail .caption {
  padding: 9px;
  color: #777777; }

.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 0px; }
  .alert h4 {
  margin-top: 0;
  color: inherit; }
  .alert .alert-link {
  font-weight: bold; }
  .alert > p,
  .alert > ul {
  margin-bottom: 0; }
  .alert > p + p {
  margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #55c65e;
  border-color: #48b151;
  color: #fff; }
  .alert-success hr {
  border-top-color: #419f49; }
  .alert-success .alert-link {
  color: #e6e6e6; }

.alert-info {
  background-color: #5192f3;
  border-color: #4b80c3;
  color: #fff; }
  .alert-info hr {
  border-top-color: #3d73b7; }
  .alert-info .alert-link {
  color: #e6e6e6; }

.alert-warning {
  background-color: #fe9126;
  border-color: #e4752b;
  color: #fff; }
  .alert-warning hr {
  border-top-color: #da681c; }
  .alert-warning .alert-link {
  color: #e6e6e6; }

.alert-danger {
  background-color: #f3515c;
  border-color: #d4323d;
  color: #fff; }
  .alert-danger hr {
  border-top-color: #c32933; }
  .alert-danger .alert-link {
  color: #e6e6e6; }

@-webkit-keyframes progress-bar-stripes {
  from {
  background-position: 40px 0; }
  to {
  background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
  from {
  background-position: 40px 0; }
  to {
  background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
  from {
  background-position: 0 0; }
  to {
  background-position: 40px 0; } }
@keyframes progress-bar-stripes {
  from {
  background-position: 40px 0; }
  to {
  background-position: 0 0; } }
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 0px;
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  transition: width 0.6s ease; }

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #46a74e; }
  .progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-info {
  background-color: #5192f3; }
  .progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media,
.media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }
.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px; }
  .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }
  .list-group-item > .badge {
  float: right; }
  .list-group-item > .badge + .badge {
  margin-right: 5px; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }
  .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
  color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #e1edf7; }

a.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading {
  color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
 }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .panel-body:after {
  clear: both; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
  border-width: 1px 0; }
  .panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
  .panel > .list-group .list-group-item:last-child {
  border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table {
  margin-bottom: 0; }
.panel > .panel-body + .table {
  border-top: 1px solid #d6d4d4; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px; }
  .panel-title > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0px;
  overflow: hidden; }
  .panel-group .panel + .panel {
  margin-top: 5px; }
.panel-group .panel-heading {
  border-bottom: 0; }
  .panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd; }
.panel-group .panel-footer {
  border-top: 0; }
  .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd; }
  .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd; }
  .panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #428bca; }
  .panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }
  .panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca; }
  .panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca; }

.panel-success {
  border-color: #48b151; }
  .panel-success > .panel-heading {
  color: #fff;
  background-color: #55c65e;
  border-color: #48b151; }
  .panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #48b151; }
  .panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #48b151; }

.panel-warning {
  border-color: #e4752b; }
  .panel-warning > .panel-heading {
  color: #fff;
  background-color: #fe9126;
  border-color: #e4752b; }
  .panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e4752b; }
  .panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e4752b; }

.panel-danger {
  border-color: #d4323d; }
  .panel-danger > .panel-heading {
  color: #fff;
  background-color: #f3515c;
  border-color: #d4323d; }
  .panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d4323d; }
  .panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d4323d; }

.panel-info {
  border-color: #4b80c3; }
  .panel-info > .panel-heading {
  color: #fff;
  background-color: #5192f3;
  border-color: #4b80c3; }
  .panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #4b80c3; }
  .panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #4b80c3; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
}
  .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  white-space: normal; }
  .popover.top {
  margin-top: -10px; }
  .popover.right {
  margin-left: 10px; }
  .popover.bottom {
  margin-top: 10px; }
  .popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .arrow {
  border-width: 11px; }

.popover .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff; }
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px; }

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.clearfix:after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
@media screen and (max-width: 400px) {
  @-ms-viewport {
  width: 320px; } }
.hidden {
  display: none !important;
  visibility: hidden !important; }

.visible-xs {
  display: none !important; }

tr.visible-xs {
  display: none !important; }

th.visible-xs,
td.visible-xs {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
  display: block !important; }

  tr.visible-xs {
  display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
  display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
  display: block !important; }

  tr.visible-xs.visible-sm {
  display: table-row !important; }

  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
  display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
  display: block !important; }

  tr.visible-xs.visible-md {
  display: table-row !important; }

  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
  display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
  display: block !important; }

  tr.visible-xs.visible-lg {
  display: table-row !important; }

  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
  display: table-cell !important; } }
.visible-sm {
  display: none !important; }

tr.visible-sm {
  display: none !important; }

th.visible-sm,
td.visible-sm {
  display: none !important; }

@media (max-width: 767px) {
  .visible-sm.visible-xs {
  display: block !important; }

  tr.visible-sm.visible-xs {
  display: table-row !important; }

  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
  display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
  display: block !important; }

  tr.visible-sm {
  display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
  display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
  display: block !important; }

  tr.visible-sm.visible-md {
  display: table-row !important; }

  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
  display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
  display: block !important; }

  tr.visible-sm.visible-lg {
  display: table-row !important; }

  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
  display: table-cell !important; } }
.visible-md {
  display: none !important; }

tr.visible-md {
  display: none !important; }

th.visible-md,
td.visible-md {
  display: none !important; }

@media (max-width: 767px) {
  .visible-md.visible-xs {
  display: block !important; }

  tr.visible-md.visible-xs {
  display: table-row !important; }

  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
  display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
  display: block !important; }

  tr.visible-md.visible-sm {
  display: table-row !important; }

  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
  display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
  display: block !important; }

  tr.visible-md {
  display: table-row !important; }

  th.visible-md,
  td.visible-md {
  display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-md.visible-lg {
  display: block !important; }

  tr.visible-md.visible-lg {
  display: table-row !important; }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
  display: table-cell !important; } }
.visible-lg {
  display: none !important; }

tr.visible-lg {
  display: none !important; }

th.visible-lg,
td.visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-lg.visible-xs {
  display: block !important; }

  tr.visible-lg.visible-xs {
  display: table-row !important; }

  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
  display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
  display: block !important; }

  tr.visible-lg.visible-sm {
  display: table-row !important; }

  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
  display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
  display: block !important; }

  tr.visible-lg.visible-md {
  display: table-row !important; }

  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
  display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg {
  display: block !important; }

  tr.visible-lg {
  display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
  display: table-cell !important; } }
.hidden-xs {
  display: block !important; }

tr.hidden-xs {
  display: table-row !important; }

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-xs {
  display: none !important; }

  tr.hidden-xs {
  display: none !important; }

  th.hidden-xs,
  td.hidden-xs {
  display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
  display: none !important; }

  tr.hidden-xs.hidden-sm {
  display: none !important; }

  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
  display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
  display: none !important; }

  tr.hidden-xs.hidden-md {
  display: none !important; }

  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
  display: none !important; } }
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
  display: none !important; }

  tr.hidden-xs.hidden-lg {
  display: none !important; }

  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
  display: none !important; } }
.hidden-sm {
  display: block !important; }

tr.hidden-sm {
  display: table-row !important; }

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
  display: none !important; }

  tr.hidden-sm.hidden-xs {
  display: none !important; }

  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
  display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
  display: none !important; }

  tr.hidden-sm {
  display: none !important; }

  th.hidden-sm,
  td.hidden-sm {
  display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
  display: none !important; }

  tr.hidden-sm.hidden-md {
  display: none !important; }

  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
  display: none !important; } }
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
  display: none !important; }

  tr.hidden-sm.hidden-lg {
  display: none !important; }

  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
  display: none !important; } }
.hidden-md {
  display: block !important; }

tr.hidden-md {
  display: table-row !important; }

th.hidden-md,
td.hidden-md {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
  display: none !important; }

  tr.hidden-md.hidden-xs {
  display: none !important; }

  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
  display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
  display: none !important; }

  tr.hidden-md.hidden-sm {
  display: none !important; }

  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
  display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
  display: none !important; }

  tr.hidden-md {
  display: none !important; }

  th.hidden-md,
  td.hidden-md {
  display: none !important; } }
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
  display: none !important; }

  tr.hidden-md.hidden-lg {
  display: none !important; }

  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
  display: none !important; } }
.hidden-lg {
  display: block !important; }

tr.hidden-lg {
  display: table-row !important; }

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
  display: none !important; }

  tr.hidden-lg.hidden-xs {
  display: none !important; }

  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
  display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
  display: none !important; }

  tr.hidden-lg.hidden-sm {
  display: none !important; }

  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
  display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
  display: none !important; }

  tr.hidden-lg.hidden-md {
  display: none !important; }

  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
  display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
  display: none !important; }

  tr.hidden-lg {
  display: none !important; }

  th.hidden-lg,
  td.hidden-lg {
  display: none !important; } }
.visible-print {
  display: none !important; }

tr.visible-print {
  display: none !important; }

th.visible-print,
td.visible-print {
  display: none !important; }

@media print {
  .visible-print {
  display: block !important; }

  tr.visible-print {
  display: table-row !important; }

  th.visible-print,
  td.visible-print {
  display: table-cell !important; }

  .hidden-print {
  display: none !important; }

  tr.hidden-print {
  display: none !important; }

  th.hidden-print,
  td.hidden-print {
  display: none !important; } }
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, [class^="icon-"] {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.icon-2x {
  font-size: 2em; }

.icon-3x {
  font-size: 3em; }

.icon-4x {
  font-size: 4em; }

.icon-5x {
  font-size: 5em; }

.icon-fw {
  width: 1.28571em;
  text-align: center; }

.icon-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .icon-ul > li {
  position: relative; }

.icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .icon-li.icon-lg {
  left: -1.85714em; }

.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.icon.pull-left, .pull-left[class^="icon-"] {
  margin-right: .3em; }
.icon.pull-right, .pull-right[class^="icon-"] {
  margin-left: .3em; }

.icon-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
  -moz-transform: rotate(0deg); }
  100% {
  -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
  -webkit-transform: rotate(0deg); }
  100% {
  -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
  -o-transform: rotate(0deg); }
  100% {
  -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }
  100% {
  -webkit-transform: rotate(359deg);
  transform: rotate(359deg); } }
.icon-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.icon-stack-1x {
  line-height: inherit; }

.icon-stack-2x {
  font-size: 2em; }

.icon-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: ""; }

.icon-music:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-envelope-o:before, .icon-envelope-alt:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-star-o:before, .icon-star-empty:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-film:before {
  content: ""; }

.icon-th-large:before {
  content: ""; }

.icon-th:before {
  content: ""; }

.icon-th-list:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-times:before, .icon-remove:before {
  content: ""; }

.icon-search-plus:before, .icon-zoom-in:before {
  content: ""; }

.icon-search-minus:before, .icon-zoom-out:before {
  content: ""; }

.icon-power-off:before, .icon-off:before {
  content: ""; }

.icon-signal:before {
  content: ""; }

.icon-gear:before,
.icon-cog:before {
  content: ""; }

.icon-trash-o:before, .icon-trash:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-file-o:before, .icon-file-alt:before {
  content: ""; }

.icon-clock-o:before, .icon-time:before {
  content: ""; }

.icon-road:before {
  content: ""; }

.icon-download:before, .icon-download-alt:before {
  content: ""; }

.icon-arrow-circle-o-down:before, .icon-download:before, .icon-download-alt:before {
  content: ""; }

.icon-arrow-circle-o-up:before, .icon-upload:before, .icon-upload-alt:before {
  content: ""; }

.icon-inbox:before {
  content: ""; }

.icon-play-circle-o:before, .icon-play-circle:before, .icon-play-sign:before {
  content: ""; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-list-alt:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-headphones:before {
  content: ""; }

.icon-volume-off:before {
  content: ""; }

.icon-volume-down:before {
  content: ""; }

.icon-volume-up:before {
  content: ""; }

.icon-qrcode:before {
  content: ""; }

.icon-barcode:before {
  content: ""; }

.icon-tag:before {
  content: ""; }

.icon-tags:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-print:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-font:before {
  content: ""; }

.icon-bold:before {
  content: ""; }

.icon-italic:before {
  content: ""; }

.icon-text-height:before {
  content: ""; }

.icon-text-width:before {
  content: ""; }

.icon-align-left:before {
  content: ""; }

.icon-align-center:before {
  content: ""; }

.icon-align-right:before {
  content: ""; }

.icon-align-justify:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-dedent:before,
.icon-outdent:before,
.icon-indent-left:before {
  content: ""; }

.icon-indent:before, .icon-indent-right:before {
  content: ""; }

.icon-video-camera:before, .icon-facetime-video:before {
  content: ""; }

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before,
.icon-picture:before {
  content: ""; }

.icon-pencil:before {
  content: ""; }

.icon-map-marker:before {
  content: ""; }

.icon-adjust:before {
  content: ""; }

.icon-tint:before {
  content: ""; }

.icon-edit:before,
.icon-pencil-square-o:before,
.icon-edit:before {
  content: ""; }

.icon-share-square-o:before, .icon-share:before, .icon-share-alt:before {
  content: ""; }

.icon-check-square-o:before {
  content: ""; }

.icon-arrows:before, .icon-move:before {
  content: ""; }

.icon-step-backward:before {
  content: ""; }

.icon-fast-backward:before {
  content: ""; }

.icon-backward:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-stop:before {
  content: ""; }

.icon-forward:before {
  content: ""; }

.icon-fast-forward:before {
  content: ""; }

.icon-step-forward:before {
  content: ""; }

.icon-eject:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-chevron-right:before {
  content: ""; }

.icon-plus-circle:before, .icon-plus-sign:before {
  content: ""; }

.icon-minus-circle:before, .icon-minus-sign:before {
  content: ""; }

.icon-times-circle:before, .icon-remove-sign:before {
  content: ""; }

.icon-check-circle:before, .icon-ok-sign:before {
  content: ""; }

.icon-question-circle:before, .icon-question-sign:before {
  content: ""; }

.icon-info-circle:before, .icon-info-sign:before {
  content: ""; }

.icon-crosshairs:before, .icon-screenshot:before {
  content: ""; }

.icon-times-circle-o:before, .icon-remove-circle:before {
  content: ""; }

.icon-check-circle-o:before, .icon-ok-circle:before {
  content: ""; }

.icon-ban:before {
  content: ""; }

.icon-arrow-left:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-arrow-up:before {
  content: ""; }

.icon-arrow-down:before {
  content: ""; }

.icon-mail-forward:before,
.icon-share:before,
.icon-share-alt:before {
  content: ""; }

.icon-expand:before, .icon-resize-full:before {
  content: ""; }

.icon-compress:before, .icon-resize-small:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-asterisk:before {
  content: ""; }

.icon-exclamation-circle:before, .icon-exclamation-sign:before {
  content: ""; }

.icon-gift:before {
  content: ""; }

.icon-leaf:before {
  content: ""; }

.icon-fire:before {
  content: ""; }

.icon-eye:before, .icon-eye-open:before {
  content: ""; }

.icon-eye-slash:before, .icon-eye-close:before {
  content: ""; }

.icon-warning:before,
.icon-exclamation-triangle:before,
.icon-warning-sign:before {
  content: ""; }

.icon-plane:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-random:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-magnet:before {
  content: ""; }

.icon-chevron-up:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-retweet:before {
  content: ""; }

.icon-shopping-cart:before {
  content: ""; }

.icon-folder:before, .icon-folder-close:before {
  content: ""; }

.icon-folder-open:before {
  content: ""; }

.icon-arrows-v:before, .icon-resize-vertical:before {
  content: ""; }

.icon-arrows-h:before, .icon-resize-horizontal:before {
  content: ""; }

.icon-bar-chart-o:before, .icon-bar-chart:before {
  content: ""; }

.icon-twitter-square:before, .icon-twitter-sign:before {
  content: ""; }

.icon-facebook-square:before, .icon-facebook-sign:before {
  content: ""; }

.icon-camera-retro:before {
  content: ""; }

.icon-key:before {
  content: ""; }

.icon-gears:before,
.icon-cogs:before {
  content: ""; }

.icon-comments:before {
  content: ""; }

.icon-thumbs-o-up:before, .icon-thumbs-up-alt:before {
  content: ""; }

.icon-thumbs-o-down:before, .icon-thumbs-down-alt:before {
  content: ""; }

.icon-star-half:before {
  content: ""; }

.icon-heart-o:before, .icon-heart-empty:before {
  content: ""; }

.icon-sign-out:before, .icon-signout:before {
  content: ""; }

.icon-linkedin-square:before, .icon-linkedin-sign:before {
  content: ""; }

.icon-thumb-tack:before, .icon-pushpin:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-sign-in:before, .icon-signin:before {
  content: ""; }

.icon-trophy:before {
  content: ""; }

.icon-github-square:before, .icon-github-sign:before {
  content: ""; }

.icon-upload:before, .icon-upload-alt:before {
  content: ""; }

.icon-lemon-o:before, .icon-lemon:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-square-o:before, .icon-check-empty:before {
  content: ""; }

.icon-bookmark-o:before, .icon-bookmark-empty:before {
  content: ""; }

.icon-phone-square:before, .icon-phone-sign:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-github:before {
  content: ""; }

.icon-unlock:before {
  content: ""; }

.icon-credit-card:before {
  content: ""; }

.icon-rss:before {
  content: ""; }

.icon-hdd-o:before, .icon-hdd:before {
  content: ""; }

.icon-bullhorn:before {
  content: ""; }

.icon-bell:before, .icon-bell-alt:before {
  content: ""; }

.icon-certificate:before {
  content: ""; }

.icon-hand-o-right:before, .icon-hand-right:before {
  content: ""; }

.icon-hand-o-left:before, .icon-hand-left:before {
  content: ""; }

.icon-hand-o-up:before, .icon-hand-up:before {
  content: ""; }

.icon-hand-o-down:before, .icon-hand-down:before {
  content: ""; }

.icon-arrow-circle-left:before, .icon-circle-arrow-left:before {
  content: ""; }

.icon-arrow-circle-right:before, .icon-circle-arrow-right:before {
  content: ""; }

.icon-arrow-circle-up:before, .icon-circle-arrow-up:before {
  content: ""; }

.icon-arrow-circle-down:before, .icon-circle-arrow-down:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-wrench:before {
  content: ""; }

.icon-tasks:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-briefcase:before {
  content: ""; }

.icon-arrows-alt:before, .icon-fullscreen:before {
  content: ""; }

.icon-group:before,
.icon-users:before,
.icon-group:before {
  content: ""; }

.icon-chain:before,
.icon-link:before {
  content: ""; }

.icon-cloud:before {
  content: ""; }

.icon-flask:before, .icon-beaker:before {
  content: ""; }

.icon-cut:before,
.icon-scissors:before,
.icon-cut:before {
  content: ""; }

.icon-copy:before,
.icon-files-o:before,
.icon-copy:before {
  content: ""; }

.icon-paperclip:before, .icon-paper-clip:before {
  content: ""; }

.icon-save:before,
.icon-floppy-o:before,
.icon-save:before {
  content: ""; }

.icon-square:before, .icon-sign-blank:before {
  content: ""; }

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before,
.icon-reorder:before {
  content: ""; }

.icon-list-ul:before {
  content: ""; }

.icon-list-ol:before {
  content: ""; }

.icon-strikethrough:before {
  content: ""; }

.icon-underline:before {
  content: ""; }

.icon-table:before {
  content: ""; }

.icon-magic:before {
  content: ""; }

.icon-truck:before {
  content: ""; }

.icon-pinterest:before {
  content: ""; }

.icon-pinterest-square:before, .icon-pinterest-sign:before {
  content: ""; }

.icon-google-plus-square:before, .icon-google-plus-sign:before {
  content: ""; }

.icon-google-plus:before {
  content: ""; }

.icon-money:before {
  content: ""; }

.icon-caret-down:before {
  content: ""; }

.icon-caret-up:before {
  content: ""; }

.icon-caret-left:before {
  content: ""; }

.icon-caret-right:before {
  content: ""; }

.icon-columns:before {
  content: ""; }

.icon-unsorted:before,
.icon-sort:before {
  content: ""; }

.icon-sort-down:before,
.icon-sort-desc:before,
.icon-sort-up:before {
  content: ""; }

.icon-sort-up:before,
.icon-sort-asc:before,
.icon-sort-down:before {
  content: ""; }

.icon-envelope:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-rotate-left:before,
.icon-undo:before {
  content: ""; }

.icon-legal:before,
.icon-gavel:before,
.icon-legal:before {
  content: ""; }

.icon-dashboard:before,
.icon-tachometer:before,
.icon-dashboard:before {
  content: ""; }

.icon-comment-o:before, .icon-comment-alt:before {
  content: ""; }

.icon-comments-o:before, .icon-comments-alt:before {
  content: ""; }

.icon-flash:before,
.icon-bolt:before {
  content: ""; }

.icon-sitemap:before {
  content: ""; }

.icon-umbrella:before {
  content: ""; }

.icon-paste:before,
.icon-clipboard:before,
.icon-paste:before {
  content: ""; }

.icon-lightbulb-o:before, .icon-lightbulb:before {
  content: ""; }

.icon-exchange:before {
  content: ""; }

.icon-cloud-download:before {
  content: ""; }

.icon-cloud-upload:before {
  content: ""; }

.icon-user-md:before {
  content: ""; }

.icon-stethoscope:before {
  content: ""; }

.icon-suitcase:before {
  content: ""; }

.icon-bell-o:before, .icon-bell:before, .icon-bell-alt:before {
  content: ""; }

.icon-coffee:before {
  content: ""; }

.icon-cutlery:before, .icon-food:before {
  content: ""; }

.icon-file-text-o:before, .icon-file-text-alt:before {
  content: ""; }

.icon-building-o:before, .icon-building:before {
  content: ""; }

.icon-hospital-o:before, .icon-hospital:before {
  content: ""; }

.icon-ambulance:before {
  content: ""; }

.icon-medkit:before {
  content: ""; }

.icon-fighter-jet:before {
  content: ""; }

.icon-beer:before {
  content: ""; }

.icon-h-square:before, .icon-h-sign:before {
  content: ""; }

.icon-plus-square:before, .icon-plus-sign-alt:before {
  content: ""; }

.icon-angle-double-left:before, .icon-double-angle-left:before {
  content: ""; }

.icon-angle-double-right:before, .icon-double-angle-right:before {
  content: ""; }

.icon-angle-double-up:before, .icon-double-angle-up:before {
  content: ""; }

.icon-angle-double-down:before, .icon-double-angle-down:before {
  content: ""; }

.icon-angle-left:before {
  content: ""; }

.icon-angle-right:before {
  content: ""; }

.icon-angle-up:before {
  content: ""; }

.icon-angle-down:before {
  content: ""; }

.icon-desktop:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-tablet:before {
  content: ""; }

.icon-mobile-phone:before,
.icon-mobile:before,
.icon-mobile-phone:before {
  content: ""; }

.icon-circle-o:before, .icon-circle-blank:before {
  content: ""; }

.icon-quote-left:before {
  content: ""; }

.icon-quote-right:before {
  content: ""; }

.icon-spinner:before {
  content: ""; }

.icon-circle:before {
  content: ""; }

.icon-mail-reply:before,
.icon-reply:before {
  content: ""; }

.icon-github-alt:before {
  content: ""; }

.icon-folder-o:before, .icon-folder-close-alt:before {
  content: ""; }

.icon-folder-open-o:before, .icon-folder-open-alt:before {
  content: ""; }

.icon-smile-o:before, .icon-smile:before {
  content: ""; }

.icon-frown-o:before, .icon-frown:before {
  content: ""; }

.icon-meh-o:before, .icon-meh:before {
  content: ""; }

.icon-gamepad:before {
  content: ""; }

.icon-keyboard-o:before, .icon-keyboard:before {
  content: ""; }

.icon-flag-o:before, .icon-flag-alt:before {
  content: ""; }

.icon-flag-checkered:before {
  content: ""; }

.icon-terminal:before {
  content: ""; }

.icon-code:before {
  content: ""; }

.icon-mail-reply-all:before,
.icon-reply-all:before {
  content: ""; }

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before,
.icon-star-half-empty:before {
  content: ""; }

.icon-location-arrow:before {
  content: ""; }

.icon-crop:before {
  content: ""; }

.icon-code-fork:before {
  content: ""; }

.icon-unlink:before,
.icon-chain-broken:before,
.icon-unlink:before {
  content: ""; }

.icon-question:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-exclamation:before {
  content: ""; }

.icon-superscript:before {
  content: ""; }

.icon-subscript:before {
  content: ""; }

.icon-eraser:before {
  content: ""; }

.icon-puzzle-piece:before {
  content: ""; }

.icon-microphone:before {
  content: ""; }

.icon-microphone-slash:before, .icon-microphone-off:before {
  content: ""; }

.icon-shield:before {
  content: ""; }

.icon-calendar-o:before, .icon-calendar-empty:before {
  content: ""; }

.icon-fire-extinguisher:before {
  content: ""; }

.icon-rocket:before {
  content: ""; }

.icon-maxcdn:before {
  content: ""; }

.icon-chevron-circle-left:before, .icon-chevron-sign-left:before {
  content: ""; }

.icon-chevron-circle-right:before, .icon-chevron-sign-right:before {
  content: ""; }

.icon-chevron-circle-up:before, .icon-chevron-sign-up:before {
  content: ""; }

.icon-chevron-circle-down:before, .icon-chevron-sign-down:before {
  content: ""; }

.icon-html5:before {
  content: ""; }

.icon-css3:before {
  content: ""; }

.icon-anchor:before {
  content: ""; }

.icon-unlock-alt:before {
  content: ""; }

.icon-bullseye:before {
  content: ""; }

.icon-ellipsis-h:before, .icon-ellipsis-horizontal:before {
  content: ""; }

.icon-ellipsis-v:before, .icon-ellipsis-vertical:before {
  content: ""; }

.icon-rss-square:before, .icon-rss-sign:before {
  content: ""; }

.icon-play-circle:before, .icon-play-sign:before {
  content: ""; }

.icon-ticket:before {
  content: ""; }

.icon-minus-square:before, .icon-minus-sign-alt:before {
  content: ""; }

.icon-minus-square-o:before, .icon-check-minus:before, .icon-collapse-alt:before {
  content: ""; }

.icon-level-up:before {
  content: ""; }

.icon-level-down:before {
  content: ""; }

.icon-check-square:before, .icon-check-sign:before {
  content: ""; }

.icon-pencil-square:before, .icon-edit-sign:before {
  content: ""; }

.icon-external-link-square:before, .icon-external-link-sign:before {
  content: ""; }

.icon-share-square:before, .icon-share-sign:before {
  content: ""; }

.icon-compass:before {
  content: ""; }

.icon-toggle-down:before,
.icon-caret-square-o-down:before,
.icon-collapse:before {
  content: ""; }

.icon-toggle-up:before,
.icon-caret-square-o-up:before,
.icon-collapse-top:before {
  content: ""; }

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
  content: ""; }

.icon-euro:before,
.icon-eur:before {
  content: ""; }

.icon-gbp:before {
  content: ""; }

.icon-dollar:before,
.icon-usd:before {
  content: ""; }

.icon-rupee:before,
.icon-inr:before {
  content: ""; }

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
  content: ""; }

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before,
.icon-cny:before {
  content: ""; }

.icon-won:before,
.icon-krw:before {
  content: ""; }

.icon-bitcoin:before,
.icon-btc:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-file-text:before {
  content: ""; }

.icon-sort-alpha-asc:before, .icon-sort-by-alphabet:before {
  content: ""; }

.icon-sort-alpha-desc:before, .icon-sort-by-alphabet-alt:before {
  content: ""; }

.icon-sort-amount-asc:before, .icon-sort-by-attributes:before {
  content: ""; }

.icon-sort-amount-desc:before, .icon-sort-by-attributes-alt:before {
  content: ""; }

.icon-sort-numeric-asc:before, .icon-sort-by-order:before {
  content: ""; }

.icon-sort-numeric-desc:before, .icon-sort-by-order-alt:before {
  content: ""; }

.icon-thumbs-up:before {
  content: ""; }

.icon-thumbs-down:before {
  content: ""; }

.icon-youtube-square:before, .icon-youtube-sign:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-xing:before {
  content: ""; }

.icon-xing-square:before, .icon-xing-sign:before {
  content: ""; }

.icon-youtube-play:before {
  content: ""; }

.icon-dropbox:before {
  content: ""; }

.icon-stack-overflow:before, .icon-stackexchange:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-flickr:before {
  content: ""; }

.icon-adn:before {
  content: ""; }

.icon-bitbucket:before {
  content: ""; }

.icon-bitbucket-square:before, .icon-bitbucket-sign:before {
  content: ""; }

.icon-tumblr:before {
  content: ""; }

.icon-tumblr-square:before, .icon-tumblr-sign:before {
  content: ""; }

.icon-long-arrow-down:before {
  content: ""; }

.icon-long-arrow-up:before {
  content: ""; }

.icon-long-arrow-left:before {
  content: ""; }

.icon-long-arrow-right:before {
  content: ""; }

.icon-apple:before {
  content: ""; }

.icon-windows:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-linux:before {
  content: ""; }

.icon-dribbble:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-foursquare:before {
  content: ""; }

.icon-trello:before {
  content: ""; }

.icon-female:before {
  content: ""; }

.icon-male:before {
  content: ""; }

.icon-gittip:before {
  content: ""; }

.icon-sun-o:before, .icon-sun:before {
  content: ""; }

.icon-moon-o:before, .icon-moon:before {
  content: ""; }

.icon-archive:before {
  content: ""; }

.icon-bug:before {
  content: ""; }

.icon-vk:before {
  content: ""; }

.icon-weibo:before {
  content: ""; }

.icon-renren:before {
  content: ""; }

.icon-pagelines:before {
  content: ""; }

.icon-stack-exchange:before {
  content: ""; }

.icon-arrow-circle-o-right:before {
  content: ""; }

.icon-arrow-circle-o-left:before {
  content: ""; }

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
  content: ""; }

.icon-dot-circle-o:before {
  content: ""; }

.icon-wheelchair:before {
  content: ""; }

.icon-vimeo-square:before {
  content: ""; }

.icon-turkish-lira:before,
.icon-try:before {
  content: ""; }

.icon-plus-square-o:before, .icon-expand-alt:before {
  content: ""; }

.icon-space-shuttle:before {
  content: ""; }

.icon-slack:before {
  content: ""; }

.icon-envelope-square:before {
  content: ""; }

.icon-wordpress:before {
  content: ""; }

.icon-openid:before {
  content: ""; }

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
  content: ""; }

.icon-mortar-board:before,
.icon-graduation-cap:before {
  content: ""; }

.icon-yahoo:before {
  content: ""; }

.icon-google:before {
  content: ""; }

.icon-reddit:before {
  content: ""; }

.icon-reddit-square:before {
  content: ""; }

.icon-stumbleupon-circle:before {
  content: ""; }

.icon-stumbleupon:before {
  content: ""; }

.icon-delicious:before {
  content: ""; }

.icon-digg:before {
  content: ""; }

.icon-pied-piper-square:before,
.icon-pied-piper:before {
  content: ""; }

.icon-pied-piper-alt:before {
  content: ""; }

.icon-drupal:before {
  content: ""; }

.icon-joomla:before {
  content: ""; }

.icon-language:before {
  content: ""; }

.icon-fax:before {
  content: ""; }

.icon-building:before {
  content: ""; }

.icon-child:before {
  content: ""; }

.icon-paw:before {
  content: ""; }

.icon-spoon:before {
  content: ""; }

.icon-cube:before {
  content: ""; }

.icon-cubes:before {
  content: ""; }

.icon-behance:before {
  content: ""; }

.icon-behance-square:before {
  content: ""; }

.icon-steam:before {
  content: ""; }

.icon-steam-square:before {
  content: ""; }

.icon-recycle:before {
  content: ""; }

.icon-automobile:before,
.icon-car:before {
  content: ""; }

.icon-cab:before,
.icon-taxi:before {
  content: ""; }

.icon-tree:before {
  content: ""; }

.icon-spotify:before {
  content: ""; }

.icon-deviantart:before {
  content: ""; }

.icon-soundcloud:before {
  content: ""; }

.icon-database:before {
  content: ""; }

.icon-file-pdf-o:before {
  content: ""; }

.icon-file-word-o:before {
  content: ""; }

.icon-file-excel-o:before {
  content: ""; }

.icon-file-powerpoint-o:before {
  content: ""; }

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
  content: ""; }

.icon-file-zip-o:before,
.icon-file-archive-o:before {
  content: ""; }

.icon-file-sound-o:before,
.icon-file-audio-o:before {
  content: ""; }

.icon-file-movie-o:before,
.icon-file-video-o:before {
  content: ""; }

.icon-file-code-o:before {
  content: ""; }

.icon-vine:before {
  content: ""; }

.icon-codepen:before {
  content: ""; }

.icon-jsfiddle:before {
  content: ""; }

.icon-life-bouy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
  content: ""; }

.icon-circle-o-notch:before {
  content: ""; }

.icon-ra:before,
.icon-rebel:before {
  content: ""; }

.icon-ge:before,
.icon-empire:before {
  content: ""; }

.icon-git-square:before {
  content: ""; }

.icon-git:before {
  content: ""; }

.icon-hacker-news:before {
  content: ""; }

.icon-tencent-weibo:before {
  content: ""; }

.icon-qq:before {
  content: ""; }

.icon-wechat:before,
.icon-weixin:before {
  content: ""; }

.icon-send:before,
.icon-paper-plane:before {
  content: ""; }

.icon-send-o:before,
.icon-paper-plane-o:before {
  content: ""; }

.icon-history:before {
  content: ""; }

.icon-circle-thin:before {
  content: ""; }

.icon-header:before {
  content: ""; }

.icon-paragraph:before {
  content: ""; }

.icon-sliders:before {
  content: ""; }

.icon-share-alt:before {
  content: ""; }

.icon-share-alt-square:before {
  content: ""; }

.icon-bomb:before {
  content: ""; }

a:hover {
  text-decoration: none; }

@media only screen and (min-width: 1200px) {
  .container {
  max-width: 1500px;
  /*padding-left: 0;
  padding-right: 0;*/ } }
body {
  min-width: 320px;
  height: 100%;
  line-height: 1.4;
  font-size: 15px;
  color: #222 ; }
  body.content_only {
  background: none; }

textarea {
  resize: none; }

#header {
  z-index: 5003; }

.columns-container {
  background: #fff; }

#columns {
  position: relative;
  }

#index .tab-content {
  margin-top: 35px;
  margin-bottom: 34px; }

header {
  z-index: 1;
  position: relative;
  background: #fff;
}
  header .banner {
  background: black;
  max-height: 100%; }
  header .banner .row {
  margin: 0px; }
  header .nav .row {
  margin: 0px; }
  header .nav nav {
  width: 100%; }
  header .row {
  position: relative; }
  header .row > .container {
  position: relative; }
  header .row #header_logo {
  padding-top: 10px; }
  @media (max-width: 767px) {
  header .row #header_logo {
    padding-top: 5px; }
    header .row #header_logo img {
    margin: 0 auto; } }
  @media (min-width: 767px) {
  header .col-sm-4 + .col-sm-4 + .col-sm-4, header .row #header_logo + .col-sm-4 + .col-sm-4, header .row .col-sm-4 + #header_logo + .col-sm-4, header .row #header_logo + #header_logo + .col-sm-4, header .row .col-sm-4 + .col-sm-4 + #header_logo, header .row #header_logo + .col-sm-4 + #header_logo, header .row .col-sm-4 + #header_logo + #header_logo, header .row #header_logo + #header_logo + #header_logo {
  float: right; } }

.ie8 #header #header_logo {
  width: 350px; }

#center_column .page_product_box h3 {
  color: #555454;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 14px 20px 17px;
  margin: 0 0 20px;
  position: relative;
  border: 1px solid #d6d4d4;
  border-bottom: none;
  background: #fbfbfb; }

p.info-title {
  font-weight: bold;
  color: #333;
  margin-bottom: 25px; }


.dark {
  color: #333; }

.main-page-indent {
  margin-bottom: 30px; }

.alert {
  font-weight: bold; }
  .alert:before {
  cursor: pointer; }
  .alert ul, .alert ol {
  padding-left: 15px;
  margin-left: 27px; }
  .alert ul li, .alert ol li {
  list-style-type: none;
  font-weight: normal; }
  .alert.alert-success:before {
  font-family: "FontAwesome";
  content: "\f058";
  font-size: 20px;
  vertical-align: -2px;
  padding-right: 7px; }
  .alert.alert-danger:before {
  font-family: "FontAwesome";
  content: "\f057";
  font-size: 20px;
  vertical-align: -2px;
  padding-right: 7px;
  float: left; }

label {
  color: #333; }
  label.required:before {
  content: "*";
  color: red;
  font-size: 14px;
  position: relative;
  line-height: 12px; }

.unvisible, .cchp {
  display: none;}

.checkbox {
  line-height: 16px; }
  .checkbox label {
  color: #777777; }

.close {
  opacity: 1; }
  .close:hover {
  opacity: 1; }

input.button_mini,
input.button_small,
input.button,
input.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
a.button_mini,
a.button_small,
a.button,
a.button_large,
span.button_mini,
span.button_small,
span.button,
span.button_large {
  position: relative;
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #cc9900;
  font-weight: bold;
  color: black;
  background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
  cursor: pointer;
  white-space: normal;
  text-align: left; }

*:first-child + html input.button_mini,
*:first-child + html input.button_small,
*:first-child + html input.button,
*:first-child + html input.button_large,
*:first-child + html input.button_mini_disabled,
*:first-child + html input.button_small_disabled,
*:first-child + html input.button_disabled,
*:first-child + html input.button_large_disabled {
  border: none; }

input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover {
  text-decoration: none;
  background-position: left -50px; }

input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active {
  background-position: left -100px; }

input.button_disabled {
  border: 1px solid #cccccc;
  color: #999999;
  background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc;
  cursor: default; }

.btn.disabled,
.btn[disabled]:hover {
  opacity: 0.3; }

.button.button-small {
  font: bold 13px/17px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #fff;
  background: #6f6f6f;
  border: 1px solid;
  border-color: #666666 #5f5f5f #292929 #5f5f5f;
  padding: 0;

  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .button.button-small span {
  display: block;
  padding: 3px 8px 3px 8px;

  border-color: #8b8a8a; }
  .button.button-small span i {
  vertical-align: 0px;
  margin-right: 5px; }
  .button.button-small span i.right {
  margin-right: 0;
  margin-left: 5px; }
  .button.button-small span:hover {
  color : #8b8a8a;
  background:white; }

.button.button-medium {
  font-size: 17px;
  line-height: 21px;
  color: #fff;
  padding: 0;
  font-weight: bold;
  background: #26B48D;
  border: 1px solid;
  border-color: #26B48D;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.button.button-medium span {
  display: block;
  padding: 10px 10px 10px 14px;
  border: 1px solid;
  border-color: #26B48D;
}

.button.button-medium span i.left {
  font-size: 24px;
  vertical-align: -2px;
  margin: -4px 10px 0 0;
  display: inline-block;
}

.button.button-medium span i.right {
  margin-right: 0;
  margin-left: 9px;
}

.button.button-medium:hover {
  color: #26B48D;
  background: white;
  color: #26B48D;
  border-color: #26B48D;
}

.link-button {
  font-weight: bold; }
  .link-button i {
  margin-right: 5px; }
  .link-button i.large {
  font-size: 26px;
  line-height: 26px;
  vertical-align: -3px;
  color: silver; }

.button.ajax_add_to_cart_button {
  font: 700 17px/21px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 0;
  border: 1px solid;
  border-color: #0079b6 #006fa8 #012740 #006fa8; }
  .button.ajax_add_to_cart_button span {
  border: 1px solid;
  border-color: #06b2e6;
  padding: 10px 14px;
  display: block;
  background: #009ad0;
  background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
  background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0); }
  .button.ajax_add_to_cart_button:hover {
  border-color: #01314e #004b74 #0079b6 #004b74; }
  .button.ajax_add_to_cart_button:hover span {
  filter: none;
  background: #0084bf; }

.button.lnk_view {
  font: 700 17px/21px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #333;
  padding: 0;
  border: 1px solid;
  border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; }
  .button.lnk_view span {
  border: 1px solid;
  border-color: #fff;
  padding: 10px 14px;
  display: block;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
  .button.lnk_view:hover {
  border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; }
  .button.lnk_view:hover span {
  filter: none;
  background: #e7e7e7; }
  .button.lnk_view i.left {
  padding-right: 8px;
  color: #777777; }

.form-control {
  padding: 3px 5px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .form-control.grey {
  background: #fbfbfb; }

select.qty-panier.grey {
  background: #fbfbfb;
  color: #9c9b9b;
  border: 1px solid #d6d4d4;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.std,
table.table_block {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #999999;
  border-bottom: none;
  background: white;
  border-collapse: inherit; }

table.std th,
table.table_block th {
  padding: 14px 12px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: #999999; }

table.std tr.alternate_item,
table.table_block tr.alternate_item {
  background-color: #f3f3f3; }

table.std td,
table.table_block td {
  padding: 12px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  vertical-align: top; }

.table {
  margin-bottom: 30px; }
  .table > thead > tr > th {
  background: #fbfbfb;
  border-bottom-width: 1px;
  color: #333;
  vertical-align: middle; }
  .table td a.color-myaccount {
  color: #777;
  text-decoration: underline; }
  .table td a.color-myaccount:hover {
  text-decoration: none; }
  .table tfoot tr {
  background: #fbfbfb; }

.product-name {
  font-size: 17px;
  line-height: 23px;
  color: #3a3939;
  margin-bottom: 0; }
  .product-name a {
  font-size: 17px;
  line-height: 23px;
  color: #3a3939; }
  .product-name a:hover {
  color: #515151; }
  @media (max-width: 768px) {
  .product-name a {
  font-size: 14px; } }





.old-price {
  color: #6f6f6f;
  text-decoration: line-through; }

.old-price.product-price {
  font-size: 17px; }

.special-price {
  color: #f13340; }

.price sub {
  bottom: 0 !important;
}

.price-percent-reduction {
  background: #f13340;
  border: 1px solid #d02a2c;
  font: 600 21px/24px "Open Sans", sans-serif;
  color: #fff;
  padding: 0 5px 0 3px;
  display: inline-block; }
  .price-percent-reduction.small {
  font: 700 14px/17px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  padding: 1px 6px; }




.sale-box {
  right: -5px; }

.new-label {
  font: 700 14px/12px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #fff;
  background: #729726;
  text-transform: uppercase;
  padding: 9px 0 7px;
  width: 130px;
  text-align: center;
  display: block;
  z-index: 1;
 }

.sale-label {
  font: 700 14px/12px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #fff;
  background: #f13340;
  text-transform: uppercase;
  padding: 9px 0 7px;
  width: 130px;
  text-align: center;
  display: block;
  position: absolute;
  right: -33px;
  top: 16px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .sale-label:before {
  position: absolute;
  bottom: -3px;
  right: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 4px 0px 4px;
  border-color: #ad2b34 transparent transparent transparent;
  content: ".";
  text-indent: -5000px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); }
  .sale-label:after {
  position: absolute;
  bottom: -3px;
  left: 5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 4px 0px 4px;
  border-color: #ad2b34 transparent transparent transparent;
  content: ".";
  text-indent: -5000px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.ie8 .new-label {
  left: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px; }
  .ie8 .new-label:after {
  display: none; }
  .ie8 .new-label:before {
  display: none; }
.ie8 .sale-label {
  right: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px; }
  .ie8 .sale-label:after {
  display: none; }
  .ie8 .sale-label:before {
  display: none; }

.ie8 .sale-box {
  right: -1px;
  top: -1px; }

.box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px; }
  .box p {
  margin-bottom: 0; }
  .box.box-small {
  padding: 9px 10px 9px 20px; }
  .box.box-small .dark {
  padding-top: 10px;
  padding-right: 20px;
  margin-bottom: 0;
  width: auto; }

.page-product-box {
  padding-bottom: 10px; }

.product-box {
  width: 178px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .product-box .product-image {
  border: 1px solid #d6d4d4;
  background: white;
  padding: 5px;
  display: block;
  margin-bottom: 11px; }
  .product-box .product-image img {
  max-width: 100%;
  width: 100%;
  height: auto; }

#home-page-tabs {
  border: none;
  background: #fff; }
  @media (min-width: 768px) {
  #home-page-tabs {
  padding: 10px 0;
  margin: 0 0 0 -18px; } }
  #home-page-tabs > li {
  margin-bottom: 0; }
  @media (min-width: 991px) {
  #home-page-tabs > li {
  border-left: 1px solid #d6d4d4;
  margin: 0 0px 0 9px;
  padding: 0 0px 0 9px; } }
  @media (max-width: 479px) {
  #home-page-tabs > li {
  width: 100%; } }
  #home-page-tabs > li a {
  font: 600 21px/24px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  border: none;
  outline: none;
  margin: 0;
  padding: 10px; }
  @media (min-width: 768px) {
  #home-page-tabs > li a {
    padding: 1px 10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
  #home-page-tabs > li a {
    padding: 10px 10px; } }
  #home-page-tabs > li:first-child {
  border: none; }
  #home-page-tabs > li.active a,
  #home-page-tabs > li a:hover {
  background: #333;
  color: #fff;
  padding: 10px; }
  @media (min-width: 768px) {
  #home-page-tabs > li.active a,
  #home-page-tabs > li a:hover {
  margin: -9px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
  #home-page-tabs > li.active a,
  #home-page-tabs > li a:hover {
  margin: 0px 0; } }

.block {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
  .block {
  margin-bottom: 0px; } }
  @media (max-width: 767px) {
  .block .block_content {
  margin-bottom: 20px; } }

.block .title_block,
.block h4 {
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  background: #f6f6f6;
  border-top: 5px solid #333;
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) and (max-width: 991px) {
  .block .title_block,
  .block h4 {
  font-size: 14px; } }
  @media (max-width: 767px) {
  .block .title_block,
  .block h4 {
  position: relative; }
  .block .title_block:after,
  .block h4:after {
  display: block;
  font-family: "FontAwesome";
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  height: 36px;
  width: 36px;
  font-size: 26px;
  font-weight: normal; }
  .block .title_block.active:after,
  .block h4.active:after {
  content: ""; } }
  .block .title_block a,
  .block h4 a {
  color: #555454; }
  .block .title_block a:hover,
  .block h4 a:hover {
  color: #333; }
.block .list-block {
  margin-top: -8px; }
  @media (max-width: 767px) {
  .block .list-block {
  margin-top: 0; } }
  .block .list-block li {
  padding: 5px 0 6px 20px;
  border-top: 1px solid #d6d4d4; }
  .block .list-block li a i {
  display: none; }
  .block .list-block li a:before {
  content: "\f105";
  display: inline;
  font-family: "FontAwesome";
  color: #333;
  padding-right: 8px; }
  .block .list-block li a:hover {
  color: #333;
  font-weight: bold; }
  .block .list-block li:first-child {
  border-top: none; }
  .block .list-block .form-group {
  padding-top: 20px;
  border-top: 1px solid #d6d4d4;
  margin-bottom: 0; }
  .block .list-block .form-group select {
  max-width: 270px; }
  @media (max-width: 767px) {
  .block .list-block .form-group select {
    width: 270px; } }
  .block .list-block .btn {
  margin-top: 12px; }
.block .products-block li {
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d4d4; }
  .block .products-block li .products-block-image {
  float: left;
  border: 1px solid #d6d4d4;
  margin-right: 19px; }
  @media (min-width: 768px) and (max-width: 991px) {
  .block .products-block li .products-block-image {
  float: none;
  display: inline-block;
  margin: 0 auto 10px;
  text-align: center; } }
  .block .products-block li .product-content {
  overflow: hidden; }
  .block .products-block li .product-content h5 {
  margin: -3px 0 0 0; }
.block .products-block .product-name {
  font-size: 15px;
  line-height: 18px; }
.block .products-block .product-description {
  margin-bottom: 14px; }
.block .products-block .price-percent-reduction {
  font: 700 14px/17px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  padding: 1px 6px; }

.page-heading {
  font: 600 18px/22px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  color: #555454;
  text-transform: uppercase;
  padding: 0px 0px 17px 0px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d6d4d4;
  overflow: hidden; }
  .page-heading span.heading-counter {
  font: bold 13px/22px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  float: right;
  color: #333;
  text-transform: none;
  margin-bottom: 10px; }
  @media (max-width: 480px) {
  .page-heading span.heading-counter {
  float: none;
  display: block;
  padding-top: 5px; } }
  .page-heading span.lighter {
  color: #9c9c9c; }
  .page-heading.bottom-indent {
  margin-bottom: 16px; }
  .page-heading.product-listing {
  border-bottom: none;
  margin-bottom: 0; }

.page-subheading {
  font-family: 'Roboto Condensed', Arial, sans-serif;

  text-transform: uppercase;
  color: #555454;
  font-size: 18px;
  padding: 0 0 15px;
  line-height: normal;
  margin-bottom: 12px;
  border-bottom: 1px solid #d6d4d4; }

h3.page-product-heading {
  color: black;
  font-family: 'Roboto Condensed', Arial,sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 14px 0 17px;
  position: relative;
}

ul.footer_links {
  padding: 20px 0 0px 0;
  border-top: 1px solid #d6d4d4;
  height: 65px; }
  ul.footer_links li {
  float: left; }
  ul.footer_links li + li {
  margin-left: 10px; }

.content_sortPagiBar .sortPagiBar {
  border-bottom: 1px solid #d6d4d4;
  clear: both; }
  .content_sortPagiBar .sortPagiBar #productsSortForm {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px; }
  .content_sortPagiBar .sortPagiBar #productsSortForm select {
  max-width: 192px;
  float: left; }
  @media (max-width: 991px) {
  .content_sortPagiBar .sortPagiBar #productsSortForm select {
    max-width: 160px; } }
  .content_sortPagiBar .sortPagiBar #productsSortForm .selector {
  float: left; }
  .content_sortPagiBar .sortPagiBar .nbrItemPage {
  float: left; }
  .content_sortPagiBar .sortPagiBar .nbrItemPage select {
  max-width: 59px;
  float: left; }
  .content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
  padding: 3px 0 0 12px;
  display: inline-block;
  float: left; }
  .content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
  float: left; }
  .content_sortPagiBar .sortPagiBar label,
  .content_sortPagiBar .sortPagiBar select {
  float: left; }
  .content_sortPagiBar .sortPagiBar label {
  padding: 3px 6px 0 0; }
  .content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
  display: none; }
.content_sortPagiBar .display,
.content_sortPagiBar .display_m {
  float: right;
  margin-top: -4px; }
  .content_sortPagiBar .display li,
  .content_sortPagiBar .display_m li {
  float: left;
  padding-left: 12px;
  text-align: center; }
  .content_sortPagiBar .display li a,
  .content_sortPagiBar .display_m li a {
  color: #808080;
  font-size: 11px;
  line-height: 14px;
  cursor: pointer; }
  .content_sortPagiBar .display li a i,
  .content_sortPagiBar .display_m li a i {
  display: block;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-bottom: -3px;
  color: #e1e0e0; }
  .content_sortPagiBar .display li a:hover i,
  .content_sortPagiBar .display_m li a:hover i {
  color: gray; }
  .content_sortPagiBar .display li.selected a,
  .content_sortPagiBar .display_m li.selected a {
  cursor: default; }
  .content_sortPagiBar .display li.selected i,
  .content_sortPagiBar .display_m li.selected i {
  color: #333; }
  .content_sortPagiBar .display li.display-title,
  .content_sortPagiBar .display_m li.display-title {
  font-weight: bold;
  color: #333;
  padding: 7px 6px 0 0; }

.top-pagination-content,
.bottom-pagination-content {
  text-align: center;
  padding: 12px 0 12px 0;
  position: relative; }
  .top-pagination-content div.pagination,
  .bottom-pagination-content div.pagination {
  margin: 0;
  float: right;
  width: 530px;
  text-align: center; }
  @media (min-width: 992px) and (max-width: 1199px) {
  .top-pagination-content div.pagination,
  .bottom-pagination-content div.pagination {
  width: 380px; } }
  @media (max-width: 991px) {
  .top-pagination-content div.pagination,
  .bottom-pagination-content div.pagination {
  float: left;
  width: auto; } }
  .top-pagination-content div.pagination .showall,
  .bottom-pagination-content div.pagination .showall {
  float: right;
  margin: 8px 53px 8px 14px; }
  @media (min-width: 992px) and (max-width: 1199px) {
  .top-pagination-content div.pagination .showall,
  .bottom-pagination-content div.pagination .showall {
    margin-right: 11px; } }
  @media (max-width: 991px) {
  .top-pagination-content div.pagination .showall,
  .bottom-pagination-content div.pagination .showall {
    margin-right: 0; } }
  .top-pagination-content div.pagination .showall .btn span,
  .bottom-pagination-content div.pagination .showall .btn span {
  font-size: 15px;
  padding: 3px 5px 4px 5px;
  line-height: normal; }
  .top-pagination-content ul.pagination,
  .bottom-pagination-content ul.pagination {
  margin: 8px 0px 8px 0; }
  @media (max-width: 991px) {
  .top-pagination-content ul.pagination,
  .bottom-pagination-content ul.pagination {
  float: left; } }
  .top-pagination-content ul.pagination li,
  .bottom-pagination-content ul.pagination li {
  display: inline-block;
  float: left; }
  .top-pagination-content ul.pagination li > a,
  .top-pagination-content ul.pagination li > span,
  .bottom-pagination-content ul.pagination li > a,
  .bottom-pagination-content ul.pagination li > span {
  margin: 0 1px 0 0px;
  padding: 0;
  font-weight: bold;
  border: 1px solid;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  display: block; }
  .top-pagination-content ul.pagination li > a span,
  .top-pagination-content ul.pagination li > span span,
  .bottom-pagination-content ul.pagination li > a span,
  .bottom-pagination-content ul.pagination li > span span {
    border: 1px solid #fff;
    padding: 2px 8px;
    display: block;
    background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; }
  .top-pagination-content ul.pagination li > a:hover span,
  .bottom-pagination-content ul.pagination li > a:hover span {
  background: #f6f6f6; }
  .top-pagination-content ul.pagination li.pagination_previous, .top-pagination-content ul.pagination li.pagination_next,
  .bottom-pagination-content ul.pagination li.pagination_previous,
  .bottom-pagination-content ul.pagination li.pagination_next {
  color: #777676;
  font-weight: bold; }
  .top-pagination-content ul.pagination li.pagination_previous > a,
  .top-pagination-content ul.pagination li.pagination_previous > span, .top-pagination-content ul.pagination li.pagination_next > a,
  .top-pagination-content ul.pagination li.pagination_next > span,
  .bottom-pagination-content ul.pagination li.pagination_previous > a,
  .bottom-pagination-content ul.pagination li.pagination_previous > span,
  .bottom-pagination-content ul.pagination li.pagination_next > a,
  .bottom-pagination-content ul.pagination li.pagination_next > span {
    border: none;
    background: none;
    display: block;
    padding: 4px 0; }
    @media (max-width: 767px) {
    .top-pagination-content ul.pagination li.pagination_previous > a b,
    .top-pagination-content ul.pagination li.pagination_previous > span b, .top-pagination-content ul.pagination li.pagination_next > a b,
    .top-pagination-content ul.pagination li.pagination_next > span b,
    .bottom-pagination-content ul.pagination li.pagination_previous > a b,
    .bottom-pagination-content ul.pagination li.pagination_previous > span b,
    .bottom-pagination-content ul.pagination li.pagination_next > a b,
    .bottom-pagination-content ul.pagination li.pagination_next > span b {
    display: none; } }
    .top-pagination-content ul.pagination li.pagination_previous > a span,
    .top-pagination-content ul.pagination li.pagination_previous > span span, .top-pagination-content ul.pagination li.pagination_next > a span,
    .top-pagination-content ul.pagination li.pagination_next > span span,
    .bottom-pagination-content ul.pagination li.pagination_previous > a span,
    .bottom-pagination-content ul.pagination li.pagination_previous > span span,
    .bottom-pagination-content ul.pagination li.pagination_next > a span,
    .bottom-pagination-content ul.pagination li.pagination_next > span span {
    border: none;
    padding: 0;
    background: none; }
    .top-pagination-content ul.pagination li.pagination_previous > a span b,
    .top-pagination-content ul.pagination li.pagination_previous > span span b, .top-pagination-content ul.pagination li.pagination_next > a span b,
    .top-pagination-content ul.pagination li.pagination_next > span span b,
    .bottom-pagination-content ul.pagination li.pagination_previous > a span b,
    .bottom-pagination-content ul.pagination li.pagination_previous > span span b,
    .bottom-pagination-content ul.pagination li.pagination_next > a span b,
    .bottom-pagination-content ul.pagination li.pagination_next > span span b {
    font-weight: bold; }
  .top-pagination-content ul.pagination li.pagination_previous,
  .bottom-pagination-content ul.pagination li.pagination_previous {
  margin-right: 10px; }
  .top-pagination-content ul.pagination li.pagination_next,
  .bottom-pagination-content ul.pagination li.pagination_next {
  margin-left: 10px; }
  .top-pagination-content ul.pagination li.active > span,
  .bottom-pagination-content ul.pagination li.active > span {
  color: #333;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; }
  .top-pagination-content ul.pagination li.active > span span,
  .bottom-pagination-content ul.pagination li.active > span span {
    background: #f6f6f6; }
  .top-pagination-content .compare-form,
  .bottom-pagination-content .compare-form {
  float: right; }
  @media (max-width: 479px) {
  .top-pagination-content .compare-form,
  .bottom-pagination-content .compare-form {
  float: left;
  width: 100%;
  text-align: left;
  padding-bottom: 10px;
  clear: both; } }
  .top-pagination-content .product-count,
  .bottom-pagination-content .product-count {
  padding: 11px 0 0 0;
  float: left; }
  @media (max-width: 991px) {
  .top-pagination-content .product-count,
  .bottom-pagination-content .product-count {
  clear: left; } }

.bottom-pagination-content {
  border-top: 1px solid #d6d4d4; }

ul.step {
  margin-bottom: 30px;
  overflow: hidden; }
  ul.step li {
  float: left;
  width: 20%;
  text-align: left;
  border: 1px solid #D6D4D4;
   }
  @media (max-width: 767px) {
  ul.step li {
  width: 100%;
  border-left-width: 1px; } }
  ul.step li a,
  ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
  display: block;
  padding: 13px 10px 14px 13px;
  color: #333;
  font-size: 17px;
  line-height: 21px;
  font-weight: bold;
  position: relative; }
  @media (max-width: 992px) {
  ul.step li a,
  ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
    font-size: 15px; } }
  @media (min-width: 992px) {
  ul.step li a:after,
  ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
    content: ".";
    position: absolute;
    top: 0;
    right: -31px;
    z-index: 0;
    text-indent: -5000px;
    display: block;
    width: 31px;
    height: 52px;
    margin-top: -2px; } }
  ul.step li a:focus,
  ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
  text-decoration: none;
  outline: none; }
  ul.step li.first {
  border-left-width: 1px;
  border-left-color: #b7b7b7; }
  ul.step li.first span,
  ul.step li.first a {
  z-index: 5;
  padding-left: 13px !important; }
  ul.step li.second span, ul.step li.second a {
  z-index: 4; }
  ul.step li.third span, ul.step li.third a {
  z-index: 3; }
  ul.step li.four span, ul.step li.four a {
  z-index: 2; }
  ul.step li.last span {
  z-index: 1; }
  ul.step li.step_current {
  font-weight: bold;
  background: #26B48D !important;
  border: 1px solid #26B48D;
  }
  ul.step li.step_current span {
  color: #fff;
  position: relative; }
  @media (min-width: 992px) {
    ul.step li.step_current span {
    padding-left: 38px; }
    ul.step li.step_current span:after {
     } }
  ul.step li.step_current_end {
  font-weight: bold; }
  ul.step li.step_todo {
  background: white; }
  ul.step li.step_todo span {
  background:rgb(251, 251, 251);
  display: block;
  color: #333;
  position: relative; }
  @media (min-width: 992px) {
    ul.step li.step_todo span {
    padding-left: 38px; }
    ul.step li.step_todo span:after {
     } }
  ul.step li.step_done {
  border-color: #666666;
  background: #727171;
  }
  ul.step li.step_done a {
  color: #fff;

   }
  @media (min-width: 992px) {
    ul.step li.step_done a {
    padding-left: 38px; }
    ul.step li.step_done a:after {
     } }
  @media (min-width: 992px) {
  ul.step li.step_done.step_done_last a:after {
   } }
  @media (min-width: 992px) {
  ul.step li#step_end span:after {
  display: none; } }
  ul.step li em {
  font-style: normal; }
  @media (min-width: 768px) and (max-width: 991px) {
  ul.step li em {
    display: none; } }

.rating {
  clear: both;
  display: block;
  margin: 2em;
  cursor: pointer; }

.rating:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.cancel, .star {
  overflow: hidden;
  float: left;
  margin: 0 1px 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.cancel, .cancel a {
  background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; }

.cancel a, .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0; }

div.star_on a {
  background-position: 0 -16px; }

div.star_hover a,
div.star a:hover {
  background-position: 0 -32px; }

.pack_content {
  margin: 10px 0 10px 0; }

.confirmation {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #e6db55;
  font-size: 15px;
  background: none repeat scroll 0 0 lightyellow; }

#page .rte {
  background: transparent none repeat scroll 0 0; }

.listcomment {
  list-style-type: none;
  margin: 0 0 20px 0 !important; }

.listcomment li {
  padding: 10px 0;
  border-bottom: 1px dotted #d6d4d4;
  color: #666666; }

.listcomment .titlecomment {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #333; }

.listcomment .txtcomment {
  display: block;
  padding: 5px 0;
  color: #333; }

.header-container {
  background: #fff;
}

.breadcrumb {
  display: inline-block;
  padding: 0 11px;
  border: 1px solid #d6d4d4;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  min-height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 16px;
  position: relative;
  z-index: 1; }
  .breadcrumb .navigation-pipe {
  width: 18px;
  display: inline-block;
  text-indent: -5000px; }
  .breadcrumb a {
  display: inline-block;
  background: #fff;
  padding: 0 15px 0 22px;
  margin-left: -26px;
  position: relative;
  z-index: 2;
  color: #333; }
  .breadcrumb a.home {
  font-size: 17px;
  color: #777777;
  width: 38px;
  text-align: center;
  padding: 0;
  margin: 0 0 0 -10px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 99;
  line-height: 22px;
  display: inline-block;
  height: 25px; }
  .breadcrumb a.home i {
  vertical-align: -1px; }
  .breadcrumb a.home:before {
  border: none; }
  .breadcrumb a:after {
  display: inline-block;
  content: ".";
  position: absolute;
  right: -10px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-right: 1px solid #d6d4d4;
  border-top: 1px solid #d6d4d4;
  border-radius: 2px;
  text-indent: -5000px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .breadcrumb a:before {
  display: inline-block;
  content: ".";
  position: absolute;
  left: -10px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: transparent;
  border-right: 1px solid #d6d4d4;
  border-top: 1px solid #d6d4d4;
  border-radius: 2px;
  text-indent: -5000px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .breadcrumb a:hover {
  color: #777777; }

.ie8 .breadcrumb {
  min-height: 1px; }
  .ie8 .breadcrumb a:after {
  display: none; }
  .ie8 .breadcrumb .navigation-pipe {
  width: 20px; }

.footer-container {
  background-color: #F5F5F5; }

  .footer-container .container {
  padding-bottom: 50px; }
  .footer-container #footer {
  color: #777777; }
  .footer-container #footer .row {
  position: relative; }
  .footer-container #footer ul.row {
  position: static; }
  .footer-container #footer .footer-block {
  margin-top: 45px; }
  @media (max-width: 767px) {
  .footer-container #footer .footer-block {
    margin-top: 20px; } }
  .footer-container #footer a:hover {
  color: #fff; }
  .footer-container #footer h4 {
  /*font: 600 18px/22px "Open Sans", sans-serif;*/
  color: #fff;
  margin: 0 0 13px 0;
  cursor: pointer; }
  @media (max-width: 767px) {
  .footer-container #footer h4 {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 13px; }
}
  .footer-container #footer h4 a {
  color: #fff; }
  .footer-container #footer ul li {
  padding-bottom: 8px; }
  .footer-container #footer ul li a {
  font-weight: bold;
   }
  .footer-container #footer #block_contact_infos {
  border-left: 1px solid #515151; }
  @media (max-width: 767px) {
  .footer-container #footer #block_contact_infos {
    border: none; } }
  .footer-container #footer #block_contact_infos > div {
  padding: 0 0 0 5px; }
  @media (max-width: 767px) {
    .footer-container #footer #block_contact_infos > div {
    padding-left: 0; } }
  .footer-container #footer #block_contact_infos > div ul li {
    padding: 0 0 7px 4px;
    overflow: hidden;
    line-height: 30px; }
    .footer-container #footer #block_contact_infos > div ul li > span,
    .footer-container #footer #block_contact_infos > div ul li > span a {
    color: #fff;
    font-weight: normal; }
    .footer-container #footer #block_contact_infos > div ul li i {
    font-size: 25px;
    width: 32px;
    text-align: center;
    padding-right: 12px;
    float: left;
    color: #908f8f; }
  .footer-container #footer .blockcategories_footer {
  clear: left; }
  .footer-container #footer #social_block {
  float: left;
  width: 50%;
  padding: 22px 15px 0 15px; }
  @media (max-width: 767px) {
  .footer-container #footer #social_block {
    width: 100%;
    float: left;
    padding-top: 5px; } }
  .footer-container #footer #social_block ul {
  float: right; }
  @media (max-width: 767px) {
    .footer-container #footer #social_block ul {
    float: none; } }
  .footer-container #footer #social_block ul li {
    float: left;
    width: 40px;
    text-align: center; }
    @media (min-width: 768px) and (max-width: 991px) {
    .footer-container #footer #social_block ul li {
    width: 30px; } }
    .footer-container #footer #social_block ul li a {
    display: inline-block;
    color: #908f8f;
    font-size: 28px; }
    @media (min-width: 768px) and (max-width: 991px) {
    .footer-container #footer #social_block ul li a {
    font-size: 20px; } }
    .footer-container #footer #social_block ul li a span {
    display: none; }

    .footer-container #footer #social_block ul li a:hover {
    color: #fff; }

  .footer-container #footer #social_block h4 {
  float: right;
  margin-bottom: 0;
  font-size: 21px;
  line-height: 25px;
  text-transform: none;
  padding: 0 10px 0 0; }
  @media (max-width: 767px) {
    .footer-container #footer #social_block h4 {
    display: none;
    text-align: center; } }
  .footer-container #footer .bottom-footer {
  position: absolute;
  bottom: -55px;
  left: 0; }
  .footer-container #footer .bottom-footer div {
  padding: 15px 0 0 0;
  border-top: 1px solid #515151;
  width: 100%; }

#reinsurance_block {
  clear: both !important; }

#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {
  margin-left: 20px; }

.rte ul {
  list-style-type: disc;
  padding-left: 15px; }

.rte ol {
  list-style-type: decimal;
  padding-left: 15px; }

.block_hidden_only_for_screen {
  display: none; }

.cart_navigation {
  margin: 0 0 20px; }
  .cart_navigation .button-medium {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 20px;
  line-height: 24px; }
  .cart_navigation .button-medium span {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 11px 15px 10px 15px; }
  @media (max-width: 992px) {
  .cart_navigation .button-medium span {
    font-size: 16px; } }
  .cart_navigation .button-medium i.right {
  font-size: 25px;
  line-height: 25px;
  vertical-align: -4px;
  margin-left: 6px; }

  @media (max-width: 480px) {
  .cart_navigation > span {
  display: block;
  width: 100%;
  padding-bottom: 15px; } }

.cart_last_product {
  display: none; }

.cart_quantity .cart_quantity_input {
  height: 27px;
  line-height: 27px;
  padding: 0;
  text-align: center;
  width: 57px; }

.cart_gift_quantity .cart_quantity_input {
  height: 27px;
  line-height: 27px;
  padding: 0;
  text-align: center;
  width: 57px; }

.table tbody > tr > td {
  vertical-align: middle; }
  .table tbody > tr > td.cart_quantity {
  padding: 41px 14px 25px;
   }
  .table tbody > tr > td.cart_quantity .cart_quantity_button {
  margin-top: 3px; }
  .table tbody > tr > td.cart_quantity .cart_quantity_button a {
  float: left;
  margin-right: 3px; }
  .table tbody > tr > td.cart_quantity .cart_quantity_button a + a {
    margin-right: 0; }
  .table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del {
  padding: 5px; }
.table tfoot > tr > td {
  vertical-align: middle; }

.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
  font-size: 18px;
  color: #555454; }
  .cart_delete a.cart_quantity_delete:hover,
  a.price_discount_delete:hover {
  color: silver; }

#cart_summary thead th {
  padding: 7px 8px 9px 8px; }
#cart_summary tbody td {
  padding: 7px 8px 9px 8px; }
  #cart_summary tbody td.cart_product {
  padding: 7px;
  width: 137px; }
  #cart_summary tbody td.cart_product img {
  border: none;  }
  #cart_summary tbody td.cart_unit .price span.old-price {
  text-decoration: line-through; }
  #cart_summary tbody td.cart_description small {
  display: block;
  padding: 5px 0 0 0; }
  #cart_summary tbody td.cart_avail {
  width: 1%; }
  #cart_summary tbody td.cart_avail span {
  white-space: nowrap; }
  #cart_summary tbody td.cart_delete {
  width: 1%; }
#cart_summary tfoot td.price {
  text-align: right; }


#cart_summary .stock-management-on tbody td.cart_description {
  width: 480px; }

.cart_discount_price {
  text-align: right; }

.cart_discount_delete {
  text-align: center; }

@media (max-width: 767px) {
  #order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
  display: block; }
  #order-detail-content #cart_summary tr.unvisible {
  display: none; }

  #order-detail-content #cart_summary tr {
  border-bottom: 1px solid ;
  overflow: hidden;
  position: relative; }
  #order-detail-content #cart_summary td {
  border: none;
  position: relative;
  float: left;
  white-space: normal;
  padding: 7px 10px 7px 10px; }
  #order-detail-content #cart_summary td.cart_product {
  text-align: left; }
  #order-detail-content #cart_summary td.cart_avail {
  display: none; }
  #order-detail-content #cart_summary td.cart_unit {
  width: 33%;
  text-align: right;
  min-height: 70px;
  clear: both; }
  #order-detail-content #cart_summary td.cart_unit_ss_majo
  {
  display: none;
  width: 33%;
  text-align: right;
  min-height: 70px;
  clear: both;
  }
  #order-detail-content #cart_summary td.cart_unit_tax
  {
  display: none;
  width: 33%;
  text-align: right;
  min-height: 70px;
  clear: both;
  }
  #order-detail-content #cart_summary td.cart_unit .price {
  text-align: right; }
  #order-detail-content #cart_summary td.cart_quantity {
  width: 33%;
  min-height: 70px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }
  #order-detail-content #cart_summary td.cart_quantity div {
  display: block; }
  #order-detail-content #cart_summary td.cart_quantity > .form-control {
  display: inline; }
  #order-detail-content #cart_summary td.cart_quantity > .cart_quantity_button a {
  margin-right: 0px;
  float: none; }
  #order-detail-content #cart_summary td.cart_total {
  width: 33%;
  min-height: 70px;
  text-align: right; }
  #order-detail-content #cart_summary td.cart_delete {
  position: absolute;
  right: 20px;
  top: 7px; }
  #order-detail-content #cart_summary td.cart_delete:before {
  content: '' !important; }

  #order-detail-content #cart_summary tfoot td {
  float: none;
  width: 100%; }
  #order-detail-content #cart_summary tfoot td:before {
  display: inline; }
  #order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr tbody td.cart_unit, #order-detail-content #cart_summary tbody tfoot tr td.cart_unit, #order-detail-content #cart_summary tfoot tr tbody td.cart_total, #order-detail-content #cart_summary tbody tfoot tr td.cart_total, #order-detail-content #cart_summary tfoot tr .price {
  display: block;
  float: left;
  width: 50%; } }
@media (max-width: 768px) {
  #order-detail-content #cart_summary tbody td.cart_description {
  width: 70%; } }
.cart_voucher {
  vertical-align: top !important; }
  .cart_voucher .title-offers {
  font-weight: bold;
  margin-bottom: 6px; }
  .cart_voucher fieldset {
  margin-bottom: 10px; }
  .cart_voucher fieldset #discount_name {
  float: left;
  width: 219px;
  margin-right: 11px; }
  .cart_voucher #display_cart_vouchers span {
  font-weight: bold;
  cursor: pointer;
  color: #777; }
  .cart_voucher #display_cart_vouchers span:hover {
  color: #515151; }

.enable-multishipping {
  margin: -13px 0 17px; }
  .enable-multishipping label {
  font-weight: normal; }

#HOOK_SHOPPING_CART #loyalty i {
  font-size: 26px;
  line-height: 26px;
  color: #cfcccc; }

#order_carrier {
  clear: both;
  margin-top: 20px;
  border: 1px solid #999999;
 }

#order_carrier .title_block {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  font-weight: bold;
  background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; }

#order_carrier span {
  display: block;
  padding: 15px;
  font-weight: bold; }

.multishipping_close_container {
  text-align: center; }

table#cart_summary .gift-icon {
  color: white;
  line-height: 20px;
  padding: 2px 5px; }

#multishipping_mode_box {
  padding-top: 12px;
  padding-bottom: 19px; }
  #multishipping_mode_box .title {
  font-weight: bold;
  color: #333;
  margin-bottom: 15px; }
  #multishipping_mode_box .description_off {
  display: none; }
  #multishipping_mode_box .description_off div {
  margin-bottom: 10px; }
  #multishipping_mode_box .description_off a:hover,
  #multishipping_mode_box .description a:hover {
  background: #f3f3f3;
  border: 1px solid #cccccc; }

#multishipping_mode_box.on .description_off {
  display: block; }

.multishipping-cart .cart_address_delivery.form-control {
  width: 198px; }

#order .address_add.submit {
  margin-bottom: 0px; }

#ordermsg {
  margin-bottom: 30px; }

#id_address_invoice.form-control,
#id_address_delivery.form-control {
  width: 269px; }

.addresses .select label,
.addresses .selector,
.addresses .addresses .address_select {
  clear: both;
}
.addresses .waitimage {
  display: none;
  float: left;
  width: 24px;
  height: 24px;
  background-image: url("../../../img/loader.gif");
  background-repeat: no-repeat;
  position: relative;
  bottom: -2px;
  left: 10px; }
.addresses .checkbox.addressesAreEquals {
  clear: both;
 }



#carrierTable {
  border: 1px solid #999999;
  border-bottom: none;
  background: #fff; }

#carrierTable tbody {
  border-bottom: 1px solid #999999; }

#carrierTable th {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  color: #fff;
  text-transform: uppercase;
  background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; }

#carrierTable td {
  padding: 15px;
  font-weight: bold;
  border-right: 1px solid #e9e9e9; }

#carrierTable td.carrier_price {
  border: none; }

p.checkbox.gift {
  margin-bottom: 10px; }

#gift_fields {
  display: none;
}

#gift_div {
  margin-top: 5px;
  margin-bottom: 10px; }

a.iframe {
  text-decoration: underline; }
  a.iframe:hover {
  text-decoration: none; }

.payment_module {
  margin-bottom: 0px; }
  .payment_module a, .payment_module form {
  display: block;
  border: 1px solid #d6d4d4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 17px;
  line-height: 23px;
  color: #333;
  padding: 10px;
  margin:10px;
  letter-spacing: -1px;
  position: relative; }
  p.payment_module a.cash {
  background: url(../img/cash.jpg) 15px 15px no-repeat #fff; }

  .payment_module a:hover {
  background-color: #f6f6f6; }


.payment_module.box {
  margin-top: 20px; }

p.cheque-indent {
  margin-bottom: 9px; }

.cheque-box .form-group {
  margin-bottom: 0px; }
  .cheque-box .form-group .form-control {
  width: 269px; }

.order-confirmation.box {
  line-height: 29px; }
  .order-confirmation.box a {
  text-decoration: underline; }
  .order-confirmation.box a:hover {
  text-decoration: none; }

.delivery_option label {
  color: inherit;
}

.delivery_option_carrier td {
  width: 200px; }

.delivery_option_carrier td + td {
  width: 280px; }

.delivery_option_carrier td + td + td {
  width: 200px; }

.delivery_option_carrier tr td {
  padding: 5px; }

.delivery_option_carrier.selected {
  display: table; }

.delivery_option_price {
  text-align: right;
}

.delivery_option_delay img {
  display: block;
}

.delivery_option_delay ul {
  list-style-image: url("../img/bg_input.png");
}

.delivery_option_delay ul li {
  font-weight: bold;
  font-size: 18px;
}

.delivery_option_delay ul li .notation{
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  margin-left: 20px;
}

.not-displayable {
  display: none; }

#address .box,
#identity .box,
#account-creation_form .box,
#new_account_form .box,
#opc_account_form .box,
#authentication .box {
  padding-bottom: 20px;
  line-height: 20px; }
#address p.required,
#identity p.required,
#account-creation_form p.required,
#new_account_form p.required,
#opc_account_form p.required,
#authentication p.required {
  color: #f13340;
  margin: 9px 0 16px 0; }
#address p.inline-infos,
#identity p.inline-infos,
#account-creation_form p.inline-infos,
#new_account_form p.inline-infos,
#opc_account_form p.inline-infos,
#authentication p.inline-infos {
  color: red; }
#address .form-group,
#identity .form-group,
#account-creation_form .form-group,
#new_account_form .form-group,
#opc_account_form .form-group,
#authentication .form-group {
  margin-bottom: 4px; }
  #address .form-group .form-control,
  #identity .form-group .form-control,
  #account-creation_form .form-group .form-control,
  #new_account_form .form-group .form-control,
  #opc_account_form .form-group .form-control,
  #authentication .form-group .form-control {
  max-width: 271px; }
  #address .form-group .form-control#adress_alias,
  #identity .form-group .form-control#adress_alias,
  #account-creation_form .form-group .form-control#adress_alias,
  #new_account_form .form-group .form-control#adress_alias,
  #opc_account_form .form-group .form-control#adress_alias,
  #authentication .form-group .form-control#adress_alias {
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
  #address .form-group.phone-number,
  #identity .form-group.phone-number,
  #account-creation_form .form-group.phone-number,
  #new_account_form .form-group.phone-number,
  #opc_account_form .form-group.phone-number,
  #authentication .form-group.phone-number {
  float: left;
  width: 270px;
  margin-right: 13px; } }
  @media (min-width: 1200px) {
  #address .form-group.phone-number + p,
  #identity .form-group.phone-number + p,
  #account-creation_form .form-group.phone-number + p,
  #new_account_form .form-group.phone-number + p,
  #opc_account_form .form-group.phone-number + p,
  #authentication .form-group.phone-number + p {
  padding: 23px 0 0 0px;
  margin-bottom: 0; } }
#address .gender-line,
#identity .gender-line,
#account-creation_form .gender-line,
#new_account_form .gender-line,
#opc_account_form .gender-line,
#authentication .gender-line {
  margin-bottom: 4px;
  padding-top: 4px; }
  #address .gender-line > label,
  #identity .gender-line > label,
  #account-creation_form .gender-line > label,
  #new_account_form .gender-line > label,
  #opc_account_form .gender-line > label,
  #authentication .gender-line > label {
  margin-right: 10px;
  margin-bottom: 0; }
  #address .gender-line .radio-inline label,
  #identity .gender-line .radio-inline label,
  #account-creation_form .gender-line .radio-inline label,
  #new_account_form .gender-line .radio-inline label,
  #opc_account_form .gender-line .radio-inline label,
  #authentication .gender-line .radio-inline label {
  font-weight: normal;
  color: #777777; }

#identity #center_column form.std .row,
#authentication #center_column form.std .row,
#order-opc #center_column form.std .row {
  margin-left: -5px;
  margin-right: -5px; }
  #identity #center_column form.std .row .col-xs-4,
  #authentication #center_column form.std .row .col-xs-4,
  #order-opc #center_column form.std .row .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
  max-width: 94px; }
  #identity #center_column form.std .row .col-xs-4 .form-control,
  #authentication #center_column form.std .row .col-xs-4 .form-control,
  #order-opc #center_column form.std .row .col-xs-4 .form-control {
  max-width: 84px; }
#identity #center_column .footer_links,
#authentication #center_column .footer_links,
#order-opc #center_column .footer_links {
  border: none;
  padding-top: 0; }

#new_account_form .box {
  line-height: 20px; }
  #new_account_form .box .date-select {
  padding-bottom: 10px; }
  #new_account_form .box .top-indent {
  padding-top: 10px; }
  #new_account_form .box .customerprivacy {
  padding-top: 15px; }

#authentication fieldset.account_creation {
  margin-bottom: 20px; }

#password {
  padding-top: 0;
  border: none; }
  #password .box p {
  margin-bottom: 9px; }
  #password .box .form-group {
  margin-bottom: 20px; }
  #password .box .form-group .form-control {
  width: 263px; }

#instant_search_results a.close {
  font-size: 15px;
  font-weight: 600;
  opacity: 1;
  line-height: inherit;
  text-transform: none;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
  #instant_search_results a.close:hover {
  color: #515151; }

#manufacturers_list h3,
#suppliers_list h3 {
  font-size: 17px;
  line-height: 23px; }
#manufacturers_list .description,
#suppliers_list .description {
  line-height: 18px; }
#manufacturers_list .product-counter a,
#suppliers_list .product-counter a {
  font-weight: bold;
  color: #333; }
  #manufacturers_list .product-counter a:hover,
  #suppliers_list .product-counter a:hover {
  color: #515151; }
#manufacturers_list.list li .mansup-container,
#suppliers_list.list li .mansup-container {
  border-top: 1px solid #d6d4d4;
  padding: 31px 0 30px 0; }
  @media (max-width: 767px) {
  #manufacturers_list.list li .mansup-container,
  #suppliers_list.list li .mansup-container {
  text-align: center; } }
#manufacturers_list.list li:first-child .mansup-container,
#suppliers_list.list li:first-child .mansup-container {
  border-top: 0; }
#manufacturers_list.list li .left-side,
#suppliers_list.list li .left-side {
  text-align: center; }
#manufacturers_list.list li h3,
#suppliers_list.list li h3 {
  margin-top: -5px;
  padding-bottom: 8px; }
#manufacturers_list.list li .middle-side,
#suppliers_list.list li .middle-side {
  padding-left: 0; }
  @media (max-width: 767px) {
  #manufacturers_list.list li .middle-side,
  #suppliers_list.list li .middle-side {
  padding-right: 15px;
  padding-left: 15px; } }
#manufacturers_list.list li .right-side-content,
#suppliers_list.list li .right-side-content {
  border-left: 1px solid #d6d4d4;
  padding: 0 0 32px 31px;
  min-height: 108px; }
  @media (max-width: 767px) {
  #manufacturers_list.list li .right-side-content,
  #suppliers_list.list li .right-side-content {
  min-height: 1px;
  padding: 0;
  border: none; } }
  #manufacturers_list.list li .right-side-content .product-counter,
  #suppliers_list.list li .right-side-content .product-counter {
  position: relative;
  top: -6px;
  margin-bottom: 12px; }
  @media (max-width: 767px) {
  #manufacturers_list.list li .right-side-content .product-counter,
  #suppliers_list.list li .right-side-content .product-counter {
  top: 0; } }
#manufacturers_list.grid li,
#suppliers_list.grid li {
  text-align: center; }
  #manufacturers_list.grid li .product-container,
  #suppliers_list.grid li .product-container {
  padding-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d4d4; }
  #manufacturers_list.grid li .product-container .left-side,
  #suppliers_list.grid li .product-container .left-side {
  padding-bottom: 42px; }
  #manufacturers_list.grid li .product-container h3,
  #suppliers_list.grid li .product-container h3 {
  padding-bottom: 10px; }
  #manufacturers_list.grid li .product-container .product-counter,
  #suppliers_list.grid li .product-container .product-counter {
  margin-bottom: 12px; }
@media (min-width: 1200px) {
  #manufacturers_list.grid li.first-in-line,
  #suppliers_list.grid li.first-in-line {
  clear: left; }
  #manufacturers_list.grid li.last-line .product-container,
  #suppliers_list.grid li.last-line .product-container {
  border-bottom: none; } }
@media (min-width: 768px) and (max-width: 1199px) {
  #manufacturers_list.grid li.first-item-of-tablet-line,
  #suppliers_list.grid li.first-item-of-tablet-line {
  clear: left; }
  #manufacturers_list.grid li.last-tablet-line .product-container,
  #suppliers_list.grid li.last-tablet-line .product-container {
  border-bottom: none; } }
@media (max-width: 767px) {
  #manufacturers_list.grid .product-container,
  #suppliers_list.grid .product-container {
  border-bottom: none; } }

#manufacturer .description_box,
#supplier .description_box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d6d4d4; }
  #manufacturer .description_box .hide_desc,
  #supplier .description_box .hide_desc {
  display: none; }
#manufacturer .bottom-pagination-content,
#manufacturer .top-pagination-content,
#supplier .bottom-pagination-content,
#supplier .top-pagination-content {
  min-height: 69px; }
#manufacturer .top-pagination-content.bottom-line,
#supplier .top-pagination-content.bottom-line {
  border-bottom: 1px solid #d6d4d4; }

table.discount i {
  font-size: 20px;
  line-height: 20px;
  vertical-align: -2px; }
  table.discount i.icon-ok {
  color: #46a74e; }
  table.discount i.icon-remove {
  color: #f13340; }

#guestTracking .form-control {
  max-width: 271px; }
@media (min-width: 1200px) {
  #guestTracking .form-group {
  overflow: hidden; }
  #guestTracking .form-group i {
  padding-left: 10px; }
  #guestTracking .form-control {
  float: left; }
  #guestTracking label {
  float: left;
  clear: both;
  width: 100%; } }

#pagenotfound .pagenotfound {
  max-width: 824px;
  margin: 0 auto;
  text-align: center; }
  #pagenotfound .pagenotfound .img-404 {
  padding: 8px 0 27px 0; }
  #pagenotfound .pagenotfound .img-404 img {
  max-width: 100%; }
  #pagenotfound .pagenotfound h1 {
  font: 600 28px/34px "Open Sans", sans-serif;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 7px; }
  #pagenotfound .pagenotfound p {
  font: 600 16px/20px "Open Sans", sans-serif;
  color: #555454;
  padding-bottom: 19px;
  margin-bottom: 20px; }
  #pagenotfound .pagenotfound h3 {
  font-weight: bold;
  color: #333;
  font-size: 15px;
  line-height: normal;
  margin-bottom: 18px; }
  #pagenotfound .pagenotfound label {
  font-weight: normal; }
  @media (max-width: 767px) {
  #pagenotfound .pagenotfound label {
  display: block; } }
  #pagenotfound .pagenotfound .form-control {
  max-width: 293px;
  display: inline-block;
  margin-right: 5px; }
  @media (max-width: 767px) {
  #pagenotfound .pagenotfound .form-control {
  margin: 0 auto 15px auto;
  display: block; } }
  #pagenotfound .pagenotfound .buttons {
  padding: 48px 0 20px 0; }
  #pagenotfound .pagenotfound .buttons .button-medium i.left {
  font-size: 17px; }

#account-creation_form fieldset.reversoform {
  padding: 10px !important; }

#account-creation_form fieldset.reversoform .text label {
  display: block;
  padding: 0 0 10px 0;
  width: 100%;
  text-align: left; }

#account-creation_form fieldset.reversoform .infos-sup {
  padding: 0 !important;
  font-size: 10px;
  font-style: italic;
  text-align: right; }

#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
  cursor: pointer; }

.tab-content {
  margin-top: 20px; }

form#sendComment fieldset {
  padding: 10px;
  border: 1px solid #cccccc;
  background: #eeeeee; }

form#sendComment h3 {
  font-size: 14px; }

#new_comment_form p.text {
  margin-bottom: 0;
  padding-bottom: 0; }

#sendComment p.text label,
#sendComment p.textarea label {
  display: block;
  margin: 12px 0 4px;
  font-weight: bold;
  font-size: 12px; }

#sendComment p.text input {
  padding: 0 5px;
  height: 28px;
  width: 498px;
  border: 1px solid #cccccc;
  background: url(../img/bg_input.png) repeat-x 0 0 #fff; }

#sendComment p.textarea textarea {
  height: 80px;
  width: 508px;
  border: 1px solid #cccccc; }

#sendComment p.submit {
  padding: 0;
  text-align: right; }

#sendComment p.closeform {
  float: right;
  padding: 0;
  height: 12px;
  width: 12px;
  text-indent: -5000px;
  background: url(../img/icon/delete.gif) no-repeat 0 0; }

.star {
  position: relative;
  top: -1px;
  float: left;
  width: 14px;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal; }

.star {
  display: block; }
  .star a {
  display: block;
  position: absolute;
  text-indent: -5000px; }

div.star:after {
  content: "\f006";
  font-family: "FontAwesome";
  display: inline-block;
  color: #777676; }

div.star.star_on {
  display: block; }
  div.star.star_on:after {
  content: "\f005";
  font-family: "FontAwesome";
  display: inline-block;
  color: #ef8743; }

div.star.star_hover:after {
  content: "\f005";
  font-family: "FontAwesome";
  display: inline-block;
  color: #ef8743; }

.advertising_block {
  width: 191px;
  margin-bottom: 1em;
  text-align: center; }

.blockcategories_footer ul ul {
  display: none !important; }

.form-group.form-error input, .form-group.form-error textarea {
  border: 1px solid #f13340;
  color: #f13340;
  background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2; }
.form-group.form-ok input, .form-group.form-ok textarea {
  border: 1px solid #46a74e;
  color: #35b33f;
  background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1; }
.form-group.form-error .form-control, .form-group.form-ok .form-control {
  padding-right: 30px; }

.radio-inline, .checkbox {
  padding-left: 0; }
  .radio-inline .checker, .checkbox .checker {
  float: left; }
  .radio-inline .checker span, .checkbox .checker span {
  top: 0px; }
  .radio-inline div.radio, .checkbox div.radio {
  display: inline-block; }
  .radio-inline div.radio span, .checkbox div.radio span {
  float: left;
  top: 0px; }

.fancybox-skin {
  background: #fff !important; }

.fancybox-skin .fancybox-close {
  width: 28px;
  height: 28px;
  background: none;
  font-size: 28px;
  line-height: 28px;
  color: #333;
  text-align: center;
  background: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px; }
  .fancybox-skin .fancybox-close:hover {
  color: #515151; }
  .fancybox-skin .fancybox-close:after {
  content: "\f057";
  font-family: "FontAwesome"; }

.fancybox-error {
  white-space: normal !important;
}

#facebook_block,
#cmsinfo_block {
  overflow: hidden;
  background: #f2f2f2;
  min-height: 344px;
  padding-right: 29px;
  padding-left: 29px; }
  @media (max-width: 991px) {
  #facebook_block,
  #cmsinfo_block {
  min-height: 348px;
  padding-left: 13px;
  padding-right: 13px; } }
  @media (max-width: 767px) {
  #facebook_block,
  #cmsinfo_block {
  width: 100%;
  min-height: 1px; } }

#facebook_block h4 {
  padding: 35px 0 0 0;
  margin: 0 0 12px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d; }
  @media (max-width: 991px) {
  #facebook_block h4 {
  font-size: 18px; } }
  @media (max-width: 767px) {
  #facebook_block h4 {
  padding-top: 20px !important; } }
  @media (max-width: 768px) {
  #facebook_block h4 {
  font-size: 16px; } }
#facebook_block .facebook-fanbox {
  background: #fff;
  border: 1px solid #aaaaaa;
  padding-bottom: 10px; }

#cmsinfo_block {
  border-left: 1px solid #d9d9d9; }
  @media (max-width: 767px) {
  #cmsinfo_block {
  border: none;
  margin-top: 10px; } }
  #cmsinfo_block > div {
  padding: 35px 10px 0 0; }
  @media (max-width: 767px) {
  #cmsinfo_block > div {
  padding-top: 20px; } }
  @media (max-width: 479px) {
  #cmsinfo_block > div {
  width: 100%;
  border-top: 1px solid #d9d9d9; } }
  #cmsinfo_block > div + div {
  border-left: 1px solid #d9d9d9;
  min-height: 344px;
  padding-left: 29px; }
  @media (max-width: 479px) {
  #cmsinfo_block > div + div {
  border-left: none;
  padding-left: 10px;
  min-height: 1px;
  padding-bottom: 15px; } }
  #cmsinfo_block em {
  float: left;
  width: 60px;
  height: 60px;
  margin: 3px 10px 0 0;
  font-size: 30px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  background: #6f6d6d;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px; }
  @media (max-width: 991px) {
  #cmsinfo_block em {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px; } }
  #cmsinfo_block .type-text {
  overflow: hidden; }
  #cmsinfo_block h3 {
  margin: 0 0 5px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d; }
  @media (max-width: 1199px) {
  #cmsinfo_block h3 {
  font-size: 18px; } }
  #cmsinfo_block ul li {
  padding-bottom: 22px; }
  @media (max-width: 1199px) {
  #cmsinfo_block ul li {
  padding-bottom: 10px; } }
  @media (max-width: 991px) {
  #cmsinfo_block ul li {
  padding-bottom: 0; } }
  #cmsinfo_block p em {
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  font-size: 13px;
  color: #777777;
  float: none;
  height: inherit;
  line-height: inherit;
  text-align: left;
  font-style: italic; }

.ie8 #facebook_block,
.ie8 #cmsinfo_block {
  height: 344px; }

@media (max-width: 1199px) {
  .zoomdiv {
  display: none !important; } }
#product.content_only div.pb-left-column p.resetimg {
  margin-bottom: 0px;
  padding-top: 0px; }
#product.content_only div.pb-left-column #thumbs_list_frame {
  margin-bottom: 0px; }

#product_comparison td.compare_extra_information {
  padding: 10px; }
#product_comparison #social-share-compare {
  margin-bottom: 50px; }

.btn-facebook:hover, .btn-twitter:hover, .btn-google-plus:hover, .btn-pinterest:hover {
  border-color: white; }

.btn-facebook i {
  color: #435f9f; }
.btn-facebook:hover {
  color: white;
  background-color: #435f9f; }
  .btn-facebook:hover i {
  color: white; }

.btn-twitter i {
  color: #00aaf0; }
.btn-twitter:hover {
  color: white;
  background-color: #00aaf0; }
  .btn-twitter:hover i {
  color: white; }

.btn-google-plus i {
  color: #e04b34; }
.btn-google-plus:hover {
  color: white;
  background-color: #e04b34; }
  .btn-google-plus:hover i {
  color: white; }

.btn-pinterest i {
  color: #ce1f21; }
.btn-pinterest:hover {
  color: white;
  background-color: #ce1f21; }
  .btn-pinterest:hover i {
  color: white; }

/*
* 2015-2015 THOMAS
*
* GLOBAL
* Création : 03/03/2015
* Modification : 03/03/2015
*
*/

.master {
  font-family: 'Master' !important;
}

.gill-sans {
  font-family: 'Gill Sans' !important;
}

.linotype-sabon {
  font-family: 'linotype-sabon' !important;
}

.joly-display {
  font-family: 'joly-display' !important;
}

.bodoni {
  font-family: 'BodoniFLF' !important;
}

.Sackers-Gothic-Std {
  font-family: 'Sackers Gothic Std' !important;
}

.Josefin-sans {
  font-family: 'Josefin Sans' !important;
}

.bwmitga-regular {
  font-family: 'BwMitga Regular' !important;
}

.varelaround {
  font-family: 'VarelaRound Regular' !important;
}

.varialrounded {
  font-family: 'VarialRounded' !important;
}

.copperplate {
  font-family: 'Copperplate' !important;
}

.gotham {
  font-family: 'Gotham' !important;
}

.meno-banner {
  font-family: 'meno-banner' !important;
}

.tenor {
  font-family: 'Tenor' !important;
}

.sakkal-majalla {
  font-family: 'Sakkal Majalla' !important;
}

.didot {
  font-family: 'Didot' !important;
}

.ranga {
  font-family: 'Ranga';
}

.shadows
{
  font-family: 'Shadows Into Light Two', cursive !important;
  letter-spacing: 2px;
}

.hessold {
  font-family: 'Hessold' !important;
}

.carphe {
  font-family: 'Carphe' !important;
}

.unna {
  font-family: 'Unna' !important;
}

.oswald {
  font-family: 'Oswald';
}

.neutra {
  font-family: 'Neutra';
}

.poppins {
  font-family: 'Poppins';
}

.acta {
  font-family: 'Acta';
}

.cambon-medium {
  font-family: 'Cambon Medium';
}

.louize-medium {
  font-family: 'Louize Medium';
  color: #a94833;
}

.caslon-540-regular {
  font-family: 'Caslon540Regular';
}

/*
* 2015-2015 Morgane
*
* TOOLS
* Création : 24/02/2015
* Modification : 24/02/2015
*
*/

.link {
  cursor: pointer;
}

.full-width {
  width: 100%;
}

/* BORDURE */

.block-border{
  border: 1px solid;
}

.block-border-gray-ligher{
  border: 1px solid #f5f5f5;
}

.no-border {
  border: none !important;
}
.border { border-width: 1px; border-style: solid; }
.border-bottom { border-bottom: 1px solid !important; }
.border-top { border-top: 1px solid; }
.border-right { border-right: 1px solid; }
.border-left { border-left: 1px solid; }

.border-collapse{
  border-collapse: collapse !important;
}

@media (max-width: 767px) {
  .border-xs { border-width: 1px; border-style: solid; }
  .border-bottom-xs { border-bottom: 1px solid; }
  .border-top-xs { border-top: 1px solid; }
  .border-right-xs { border-right: 1px solid; }
  .border-left-xs { border-left: 1px solid; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .border-sm { border-width: 1px; border-style: solid; }
  .border-bottom-sm { border-bottom: 1px solid; }
  .border-top-sm { border-top: 1px solid; }
  .border-right-sm { border-right: 1px solid; }
  .border-left-sm { border-left: 1px solid; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .border-md { border-width: 1px; border-style: solid; }
  .border-bottom-md { border-bottom: 1px solid; }
  .border-top-md { border-top: 1px solid; }
  .border-right-md { border-right: 1px solid; }
  .border-left-md { border-left: 1px solid; }
}
@media (min-width: 1200px) {
  .border-lg { border-width: 1px; border-style: solid; }
  .border-bottom-lg { border-bottom: 1px solid; }
  .border-top-lg { border-top: 1px solid; }
  .border-right-lg { border-right: 1px solid; }
  .border-left-lg { border-left: 1px solid; }
}

.border-2 { border-width: 2px; }
.border-3 { border-width: 3px; }
.border-5 { border-width: 5px; }
.border-10 { border-width: 10px; }
.border-15 { border-width: 15px; }

.border-bottom-2 { border-bottom: 2px solid !important; }
.border-bottom-8 { border-bottom: 8px solid !important; }

.full-height {
  height : 100% !important;
}


.trait-encadre-titre {
  overflow: hidden;
  text-align: center;
}

.trait-encadre-titre>span:first-child  {
  position: relative;
}

.trait-encadre-titre>span:first-child:before,
.trait-encadre-titre>span:first-child:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #ccc;
  width: 700px;
  height: 7px;
  top: 50%;
  margin-top: -4px;
}

.trait-encadre-titre>span:first-child:before {
  right: 100%;
  margin-right: 15px;
}

.trait-encadre-titre>span:first-child:after {
  left: 100%;
  margin-left: 15px;
}


/*
 *
 * COULEURS
 *
 */
.degrade-dark-red {
  background-color: #4a1342;
  background-image:
  linear-gradient(
    125deg,
    #4a1342, #ac001e
  );
}
.degrade-dark-rose {
  background-color: #ee1f79;
  background-image:
  linear-gradient(
    125deg,
    #ee1f79, #4a1342
  );
}
.degrade-dark-violet {
  background-color: #13132b;
  background-image:
  linear-gradient(
    125deg,
    #13132b, #0e619f
  );
}
.degrade-purple {
  background-color: #98006a;
  background-image:
  linear-gradient(
    125deg,
    #98006a, #d72947
  );
}
.degrade-dark-purple {
  background-color: #4a1342;
  background-image:
  linear-gradient(
    125deg,
    #4a1342, #13132b
  );
}
.degrade-yellow-light {
  background-color: #f0cb5d;
  background-image:
  linear-gradient(
    125deg,
    #f0cb5d, #f7e3e5
  );
}
.degrade-yellow-light-45 {
  background-color: #f0cb5d;
  background-image:
  linear-gradient(
    45deg,
    #f0cb5d, #f7e3e5
  );
}
.degrade-yellow-light-170 {
  background-color: #f0cb5d;
  background-image:
  linear-gradient(
    170deg,
    #f0cb5d, #f7e3e5
  );
}

.degrade-red-light-yellow-light {
  background-color: #ff8189 ;
  background-image:
  linear-gradient(
  125deg,
  #ff8189 , #fdf19d
  );
}

.degrade-green-green-light {
  background-color: #26B48D;
}

.degrade-white-saumon {
  background-color: #fac6c0  ;
  background-image:
  linear-gradient(
  125deg,
  #ffffff  , #fac6c0
  );
}

.degrade-saumon-gray-lighter {
  background-color: #fac6c0  ;
  background-image:
  linear-gradient(
  125deg,
  #fac6c0  , #f5f5f5
  );
}

.degrade-gray-lighter-blue-light {
  background-color: #8bb7cf  ;
  background-image:
  linear-gradient(
  125deg,
  #f5f5f5  , #8bb7cf
  );
}

.degrade-dark-violet-rose {
  background-color: #ee1f79  ;
  background-image:
  linear-gradient(
  125deg,
  #13132b  , #ee1f79
  );
}

.degrade-gray-light {

  background: rgb(254,254,254); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(254,254,254,1) 69%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(254,254,254,1) 69%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(254,254,254,1) 69%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.color-violet-flash {
  color: #6600FF;
}
.hover\:color-violet-flash:hover {
  color: #6600FF;
}
.bg-violet-flash {
  background-color: #6600FF;
}
.hover\:bg-violet-flash:hover {
  background-color: #6600FF;
}

.color-pink-jouet {
  color: #8D0E57;
}
.hover\:color-pink-jouet:hover {
  color: #8D0E57;
}
.color-pink-jouet {
  color: #8D0E57;
}
.hover\:color-pink-jouet:hover {
  color: #8D0E57;
}
.bg-pink-jouet {
  background-color: #8D0E57;
}
.hover\:bg-pink-jouet:hover {
  background-color: #8D0E57;
}

.color-green-jouet {
  color: #003F23;
}
.hover\:color-green-jouet:hover {
  color: #003F23;
}
.bg-green-jouet {
  background-color: #003F23;
}
.hover\:bg-green-jouet:hover {
  background-color: #003F23;
}

.color-bleu-minuty {
  color: #2c3a46;
}
.hover\:color-bleu-minuty:hover {
  color: #2c3a46;
}
.bg-bleu-minuty {
  background-color: #2c3a46;
}
.hover\:bg-bleu-minuty:hover {
  background-color: #2c3a46;
}

.color-rouge-vignon {
  color: #9e1510;
}
.hover\:color-rouge-vignon:hover {
  color: #9e1510;
}

.bg-rouge-vignon {
  background-color: #9e1510;
}
.hover\:bg-rouge-vignon:hover {
  background-color: #9e1510;
}

.color-beige-light {
  color: #fefbf7;
}
.hover\:color-beige-light:hover {
  color: #fefbf7;
}
.bg-beige-light {
  background-color: #fefbf7;
}
.hover\:bg-beige-light:hover {
  background-color: #fefbf7;
}

.color-rose-minuty {
  color: #dfc4b4;
}
.hover\:color-rose-minuty:hover {
  color: #dfc4b4;
}
.bg-rose-minuty {
  background-color: #dfc4b4;
}
.hover\:bg-rose-minuty:hover {
  background-color: #dfc4b4;
}

.color-bleu-metal {
  color: #283891;
}
.hover\:color-bleu-metal:hover {
  color: #283891;
}
.bg-bleu-metal {
  background-color: #283891;
}
.hover\:bg-bleu-metal:hover {
  background-color: #283891;
}

.color-or-moet {
  color: #B89F61;
}
.hover\:color-or-moet:hover {
  color: #B89F61;
}
.bg-or-moet {
  background-color: #B89F61;
}
.hover\:bg-or-moet:hover {
  background-color: #B89F61;
}

/* BG RGBA */
.bg-none {
  background: none !important;
}
.hover\:bg-none:hover {
  background: none !important;
}

.bg-rgba {
  background: rgba(255,255,255,0.9) !important;
}
.hover\:bg-rgba:hover {
  background: rgba(255,255,255,0.9) !important;
}

.bg-rgba-08 {
  background: rgba(255,255,255,0.8) !important;
}
.hover\:bg-rgba-08:hover {
  background: rgba(255,255,255,0.8) !important;
}

.bg-rgba-black {
  background: rgba(0,0,0,0.5) !important;
}
.hover\:bg-rgba-black:hover {
  background: rgba(0,0,0,0.5) !important;
}

.bg-rgba-corail {
  background: rgba(255,99,80,0.75) !important;
}
.hover\:bg-rgba-corail:hover {
  background: rgba(255,99,80,0.75) !important;
}

.bg-rgba-black-linear-gradient {
  background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.9) 100%) !important;
}
.hover\:bg-rgba-black-linear-gradient:hover {
  background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.9) 100%) !important;
}

/* BLACK */
.bg-black{
  background-color: #000000 ;
}
.hover\:bg-black:hover {
  background-color: #000000 ;
}
.color-black {
  color:#000000 !important;
}
.hover\:color-black:hover {
  color:#000000 !important;
}
.border-black {
  border-color: #000000 !important;
}

/* BEIGE */
.color-beige {
    color: #fef4e2!important;
}
.hover\:color-beige:hover {
    color: #fef4e2!important;
}
.bg-beige {
    background-color: #fef4e2!important;
}
.hover\:bg-beige:hover {
    background-color: #fef4e2!important;
}
.border-beige {
    border-color: #fef4e2!important;
}



a .btn.bg-black.color-white:active,
a .btn.bg-black.color-white:focus,
a .btn.bg-black.color-white:hover,
a.bg-black.color-white:hover,
a.bg-black.color-white:focus,
a.bg-black.color-white:active,
button.bg-black.color-white:hover,
button.bg-black.color-white:focus,
button.bg-black.color-white:active {
  color: #000000 !important;
  background-color: #fff  !important;
  border-color: #000000 !important;
}

/* TRANSPARENT BLACK */
a.bg-transparent.color-black,
button.bg-transparent.color-black {
  color: #000 !important;
  background-color: transparent !important;
  border-color: #000 !important;
}

a .btn.bg-transparent.color-black:active,
a .btn.bg-transparent.color-black:focus,
a .btn.bg-transparent.color-black:hover,
a.bg-transparent.color-black:hover,
a.bg-transparent.color-black:focus,
a.bg-transparent.color-black:active,
button.bg-transparent.color-black:hover,
button.bg-transparent.color-black:focus,
button.bg-transparent.color-black:active {
  background-color: #000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}


/* BLUE */
.bg-blue {
  background-color: #005d7b ;
}
.hover\:bg-blue:hover {
  background-color: #005d7b ;
}
.color-blue  {
  color:#005d7b !important;
}
.hover\:color-blue:hover  {
  color:#005d7b !important;
}
.border-blue  {
  border-color: #005d7b !important;
}

a .btn.bg-blue.color-white:active,
a .btn.bg-blue.color-white:focus,
a .btn.bg-blue.color-white:hover,
a.bg-blue.color-white:hover,
a.bg-blue.color-white:focus,
a.bg-blue.color-white:active,
button.bg-blue.color-white:hover,
button.bg-blue.color-white:focus,
button.bg-blue.color-white:active {
  color: #005d7b !important;
  background-color: #fff  !important;
  border-color: #005d7b !important;
}

/* TRANSPARENT BLUE */
a.bg-transparent.color-blue,
button.bg-transparent.color-blue {
  color: #005d7b !important;
  background-color: transparent !important;
  border-color: #005d7b !important;
}

a .btn.bg-transparent.color-blue:active,
a .btn.bg-transparent.color-blue:focus,
a .btn.bg-transparent.color-blue:hover,
a.bg-transparent.color-blue:hover,
a.bg-transparent.color-blue:focus,
a.bg-transparent.color-blue:active,
button.bg-transparent.color-blue:hover,
button.bg-transparent.color-blue:focus,
button.bg-transparent.color-blue:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-blue-light {
  background-color: #8bb7cf !important;
}
.hover\:bg-blue-light:hover {
  background-color: #8bb7cf !important;
}

.color-blue-light  {
  color:#8bb7cf !important;
}
.hover\:color-blue-light:hover  {
  color:#8bb7cf !important;
}
.border-blue-light  {
  border-color: #8bb7cf !important;
}

a .btn.bg-blue-light.color-white:active,
a .btn.bg-blue-light.color-white:focus,
a .btn.bg-blue-light.color-white:hover,
a.bg-blue-light.color-white:hover,
a.bg-blue-light.color-white:focus,
a.bg-blue-light.color-white:active,
button.bg-blue-light.color-white:hover,
button.bg-blue-light.color-white:focus,
button.bg-blue-light.color-white:active {
  color: #8bb7cf !important;
  background-color: #fff  !important;
  border-color: #8bb7cf !important;
}

/* TRANSPARENT BLUE LIGHT */
a.bg-transparent.color-blue-light,
button.bg-transparent.color-blue-light {
  color: #8bb7cf !important;
  background-color: transparent !important;
  border-color: #8bb7cf !important;
}
a.bg-transparent.color-blue-light:hover,
a.bg-transparent.color-blue-light:focus,
a.bg-transparent.color-blue-light:active,
button.bg-transparent.color-blue-light:hover,
button.bg-transparent.color-blue-light:focus,
button.bg-transparent.color-blue-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-blue-fb {
  background-color: #425b9d !important;
}
.hover\:bg-blue-fb:hover {
  background-color: #425b9d !important;
}

a .btn.bg-blue-fb.color-white:active,
a .btn.bg-blue-fb.color-white:focus,
a .btn.bg-blue-fb.color-white:hover,
a.bg-blue-fb.color-white:hover,
a.bg-blue-fb.color-white:focus,
a.bg-blue-fb.color-white:active,
button.bg-blue-fb.color-white:hover,
button.bg-blue-fb.color-white:focus,
button.bg-blue-fb.color-white:active {
  color: #425b9d !important;
  background-color: #fff  !important;
  border-color: #425b9d !important;
}


/* CORAIL */
.bg-corail {
  background-color: #ff6350 !important;
}
.hover\:bg-corail:hover {
  background-color: #ff6350 !important;
}
.color-corail {
  color: #ff6350 !important;
}
.hover\:color-corail:hover {
  color: #ff6350 !important;
}
.color-corail-hover:hover {
  color: #ff6350 !important;
}
.border-corail {
  border-color: #ff6350;
}

a .btn.bg-corail.color-white:active,
a .btn.bg-corail.color-white:focus,
a .btn.bg-corail.color-white:hover,
a.bg-corail.color-white:hover,
a.bg-corail.color-white:focus,
a.bg-corail.color-white:active,
button.bg-corail.color-white:hover,
button.bg-corail.color-white:focus,
button.bg-corail.color-white:active {
  color: #FF6350 !important;
  background-color: transparent  !important;
  border-color: #FF6350 !important;
}


/* TRANSPARENT CORAIL */
a.bg-transparent.color-corail,
button.bg-transparent.color-corail {
  color: #ff6350 !important;
  background-color: transparent !important;
  border-color: #ff6350 !important;
}

a .btn.bg-transparent.color-corail:active,
a .btn.bg-transparent.color-corail:focus,
a .btn.bg-transparent.color-corail:hover,
a.bg-transparent.color-corail:hover,
a.bg-transparent.color-corail:focus,
a.bg-transparent.color-corail:active,
button.bg-transparent.color-corail:hover,
button.bg-transparent.color-corail:focus,
button.bg-transparent.color-corail:active {
  background-color: #ff6350 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}


/* GRAY */
.bg-gray {
  background-color: #ccc !important;
}
.hover\:bg-gray:hover {
  background-color: #ccc !important;
}
.color-gray {
  color: #999999 !important;
}
.hover\:color-gray:hover {
  color: #999999 !important;
}
.color-gray-hover:hover {
  color: #999999 !important;
}
.border-gray {
  border-color: #999999 !important;
}

a .btn.bg-gray.color-white:active,
a .btn.bg-gray.color-white:focus,
a .btn.bg-gray.color-white:hover,
a.bg-gray.color-white:hover,
a.bg-gray.color-white:focus,
a.bg-gray.color-white:active,
button.bg-gray.color-white:hover,
button.bg-gray.color-white:focus,
button.bg-gray.color-white:active {
  color: #999999 !important;
  background-color: #fff  !important;
  border-color: #999999 !important;
}

/* TRANSPARENT gray */
a.bg-transparent.color-gray,
button.bg-transparent.color-gray {
  color: #999999 !important;
  background-color: transparent !important;
  border-color: #999999 !important;
}

a .btn.bg-transparent.color-gray:active,
a .btn.bg-transparent.color-gray:focus,
a .btn.bg-transparent.color-gray:hover,
a.bg-transparent.color-gray:hover,
a.bg-transparent.color-gray:focus,
a.bg-transparent.color-gray:active,
button.bg-transparent.color-gray:hover,
button.bg-transparent.color-gray:focus,
button.bg-transparent.color-gray:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}



.bg-gray-darker {
  background-color: #333 !important;
}
button.bg-gray-darker:hover {
  background-color: #FFF !important;
  color: #333 !important;
  border: 1px solid transparent !important;
}
.color-gray-darker {
  color: #222 !important;
}
.border-gray-darker {
  border-color: #222 !important;
}

.bg-gray-dark {
  background-color:#555 !important;
}
.hover\:bg-gray-dark:hover {
  background-color:#555 !important;
}
.color-gray-dark {
  color:#333 !important;
}
.hover\:color-gray-dark:hover {
  color:#333 !important;
}
.border-gray-dark {
  border-color: #333 !important;
}



.bg-gray-light {
  background-color: #CCC ;
}
.hover\:bg-gray-light:hover {
  background-color: #CCC ;
}
.color-gray-light {
  color: #CCC !important;
}
.hover\:color-gray-light:hover {
  color: #CCC !important;
}
.border-gray-light  {
  border-color: #CCC !important;
}

a .btn.bg-gray-light.color-black:active,
a .btn.bg-gray-light.color-black:focus,
a .btn.bg-gray-light.color-black:hover,
a.bg-gray-light.color-black:hover,
a.bg-gray-light.color-black:focus,
a.bg-gray-light.color-black:active,
button.bg-gray-light.color-black:hover,
button.bg-gray-light.color-black:focus,
button.bg-gray-light.color-black:active {
  color: #CCC !important;
  background-color: #000 !important;
  border-color: #CCC !important;
}



.bg-gray-lighter {
  background-color: #f5f5f5 ;
}
.hover\:bg-gray-lighter:hover {
  background-color: #f5f5f5 ;
}
.color-gray-lighter {
  color: #f5f5f5 !important;
}
.hover\:color-gray-lighter:hover {
  color: #f5f5f5 !important;
}
.border-gray-lighter  {
  border-color: #f5f5f5 !important;
}

.bg-flash-red {
  background-color: #f41e40 !important;
}
.hover\:bg-flash-red:hover {
  background-color: #f41e40 !important;
}

.hover\:bg-rougemumm:hover {
  background-color: #d3072a !important;
}

.color-flash-red {
  color: #f41e40 !important;
}
.hover\:color-flash-red:hover {
  color: #f41e40 !important;
}

.border-flash-red {
  border-color: #f41e40 !important;
}

a .btn.bg-flash-red.color-white:active,
a .btn.bg-flash-red.color-white:focus,
a .btn.bg-flash-red.color-white:hover,
a .bg-flash-red.color-white:active,
a .bg-flash-red.color-white:focus,
a .bg-flash-red.color-white:hover,
button.bg-flash-red.color-white:hover,
button.bg-flash-red.color-white:focus,
button.bg-flash-red.color-white:active {
  color: #f41e40 !important;
  background-color: #fff  !important;
  border-color: #f41e40 !important;
}

/* GREEN */
.bg-green {
  background-color: #26B48D !important;
}
.hover\:bg-green:hover {
  background-color: #26B48D !important;
}
.color-green {
  color: #26B48D !important;
}
.hover\:color-green:hover {
  color: #26B48D !important;
}
.border-green  {
  border-color: #26B48D !important;
}

a .btn.bg-green.color-white:active,
a .btn.bg-green.color-white:focus,
a .btn.bg-green.color-white:hover,
a.bg-green.color-white:hover,
a.bg-green.color-white:focus,
a.bg-green.color-white:active,
button.bg-green.color-white:hover,
button.bg-green.color-white:focus,
button.bg-green.color-white:active {
  color: #26B48D !important;
  background-color: #fff !important;
  border-color: #26B48D !important;
}

/* TRANSPARENT GREEN */
a.bg-transparent.color-green,
button.bg-transparent.color-green {
  color: #26B48D !important;
  background-color: transparent !important;
  border-color: #26B48D !important;
}

a .btn.bg-transparent.color-green:active,
a .btn.bg-transparent.color-green:focus,
a .btn.bg-transparent.color-green:hover,
a.bg-transparent.color-green:hover,
a.bg-transparent.color-green:focus,
a.bg-transparent.color-green:active,
button.bg-transparent.color-green:hover,
button.bg-transparent.color-green:focus,
button.bg-transparent.color-green:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-green-light {
  background-color: #26B48D;
}
.hover\:bg-green-light:hover {
  background-color: #26B48D;
}
.color-green-light {
  color: #26B48D !important;
}
.hover\:color-green-light:hover {
  color: #26B48D !important;
}
.border-green-light  {
  border-color: #26B48D !important;
}

a .btn.bg-green-light.color-white:active,
a .btn.bg-green-light.color-white:focus,
a .btn.bg-green-light.color-white:hover,
a.bg-green-light.color-white:hover,
a.bg-green-light.color-white:focus,
a.bg-green-light.color-white:active,
button.bg-green-light.color-white:hover,
button.bg-green-light.color-white:focus,
button.bg-green-light.color-white:active {
  color: #26B48D !important;
  background-color: #fff !important;
  border-color: #26B48D !important;
}

a .btn.bg-green-light.color-black:active,
a .btn.bg-green-light.color-black:focus,
a .btn.bg-green-light.color-black:hover,
a.bg-green-light.color-black:hover,
a.bg-green-light.color-black:focus,
a.bg-green-light.color-black:active,
button.bg-green-light.color-black:hover,
button.bg-green-light.color-black:focus,
button.bg-green-light.color-black:active {
  color: #26B48D !important;
  background-color: #000 !important;
  border-color: #26B48D !important;
}


/* TRANSPARENT GREEN */
a.bg-transparent.color-green-light,
button.bg-transparent.color-green-light {
  color: #26B48D !important;
  background-color: transparent !important;
  border-color: #26B48D !important;
}
a.bg-transparent.color-green-light:hover,
a.bg-transparent.color-green-light:focus,
a.bg-transparent.color-green-light:active,
button.bg-transparent.color-green-light:hover,
button.bg-transparent.color-green-light:focus,
button.bg-transparent.color-green-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* OCEAN */
.bg-ocean {
  background-color: #3cd7ca !important;
}
.hover\:bg-ocean:hover {
  background-color: #3cd7ca !important;
}
.color-ocean  {
  color: #3cd7ca !important;
}
.hover\:color-ocean:hover  {
  color: #3cd7ca !important;
}
.border-ocean   {
  border-color: #3cd7ca !important;
}

a .btn.bg-ocean.color-white:active,
a .btn.bg-ocean.color-white:focus,
a .btn.bg-ocean.color-white:hover,
a.bg-ocean.color-white:hover,
a.bg-ocean.color-white:focus,
a.bg-ocean.color-white:active,
button.bg-ocean.color-white:hover,
button.bg-ocean.color-white:focus,
button.bg-ocean.color-white:active {
  color: #3cd7ca !important;
  background-color: #fff !important;
  border-color: #3cd7ca !important;
}

/* TRANSPARENT OCEAN */
a.bg-transparent.color-ocean,
button.bg-transparent.color-ocean {
  color: #3cd7ca !important;
  background-color: transparent !important;
  border-color: #3cd7ca !important;
}

a .btn.bg-transparent.color-ocean:active,
a .btn.bg-transparent.color-ocean:focus,
a .btn.bg-transparent.color-ocean:hover,
a.bg-transparent.color-ocean:hover,
a.bg-transparent.color-ocean:focus,
a.bg-transparent.color-ocean:active,
button.bg-transparent.color-ocean:hover,
button.bg-transparent.color-ocean:focus,
button.bg-transparent.color-ocean:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-ocean-light {
  background-color: #abeee8 !important;
}
.hover\:bg-ocean-light:hover {
  background-color: #abeee8 !important;
}
.color-ocean-light  {
  color: #abeee8 !important;
}
.hover\:color-ocean-light:hover  {
  color: #abeee8 !important;
}
.border-ocean-light   {
  border-color: #abeee8 !important;
}

a .btn.bg-ocean-light.color-white:active,
a .btn.bg-ocean-light.color-white:focus,
a .btn.bg-ocean-light.color-white:hover,
a.bg-ocean-light.color-white:hover,
a.bg-ocean-light.color-white:focus,
a.bg-ocean-light.color-white:active,
button.bg-ocean-light.color-white:hover,
button.bg-ocean-light.color-white:focus,
button.bg-ocean-light.color-white:active {
  color: #abeee8 !important;
  background-color: #fff !important;
  border-color: #abeee8 !important;
}

/* TRANSPARENT OCEANT LIGHT */
a.bg-transparent.color-ocean-light,
button.bg-transparent.color-ocean-light {
  color: #abeee8 !important;
  background-color: transparent !important;
  border-color: #abeee8 !important;
}
a.bg-transparent.color-ocean-light:hover,
a.bg-transparent.color-ocean-light:focus,
a.bg-transparent.color-ocean-light:active,
button.bg-transparent.color-ocean-light:hover,
button.bg-transparent.color-ocean-light:focus,
button.bg-transparent.color-ocean-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* ORANGE */
.bg-orange {
  background-color: #E99324;
}
.hover\:bg-orange:hover {
  background-color: #E99324;
}
.color-orange  {
  color: #E99324 !important;
}
.hover\:color-orange:hover  {
  color: #E99324 !important;
}
.border-orange   {
  border-color: #E99324 !important;
}

a .btn.bg-orange.color-white:active,
a .btn.bg-orange.color-white:focus,
a .btn.bg-orange.color-white:hover,
a.bg-orange.color-white:hover,
a.bg-orange.color-white:focus,
a.bg-orange.color-white:active,
button.bg-orange.color-white:hover,
button.bg-orange.color-white:focus,
button.bg-orange.color-white:active {
  color: #E99324 !important;
  background-color: #fff  !important;
  border-color: #E99324 !important;
}

/* TRANSPARENT orange */
a.bg-transparent.color-orange,
button.bg-transparent.color-orange {
  color: #E99324 !important;
  background-color: transparent !important;
  border-color: #E99324 !important;
}

a .btn.bg-transparent.color-orange:active,
a .btn.bg-transparent.color-orange:focus,
a .btn.bg-transparent.color-orange:hover,
a.bg-transparent.color-orange:hover,
a.bg-transparent.color-orange:focus,
a.bg-transparent.color-orange:active,
button.bg-transparent.color-orange:hover,
button.bg-transparent.color-orange:focus,
button.bg-transparent.color-orange:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


/* PURPLE */
.bg-purple {
  background-color: #98006a ;
}
.hover\:bg-purple:hover {
  background-color: #98006a ;
}
.color-purple {
  color: #98006a !important;
}
.hover\:color-purple:hover {
  color: #98006a !important;
}
.border-purple {
  border-color: #98006a !important;
}

a .btn.bg-purple.color-white:active,
a .btn.bg-purple.color-white:focus,
a .btn.bg-purple.color-white:hover,
a.bg-purple.color-white:hover,
a.bg-purple.color-white:focus,
a.bg-purple.color-white:active,
button.bg-purple.color-white:hover,
button.bg-purple.color-white:focus,
button.bg-purple.color-white:active {
  color: #98006a !important;
  background-color: #fff  !important;
  border-color: #98006a !important;
}


/* TRANSPARENT PURPLE */
a.bg-transparent.color-purple,
button.bg-transparent.color-purple {
  color: #98006a !important;
  background-color: transparent !important;
  border-color: #98006a !important;
}

a .btn.bg-transparent.color-purple:active,
a .btn.bg-transparent.color-purple:focus,
a .btn.bg-transparent.color-purple:hover,
a.bg-transparent.color-purple:hover,
a.bg-transparent.color-purple:focus,
a.bg-transparent.color-purple:active,
button.bg-transparent.color-purple:hover,
button.bg-transparent.color-purple:focus,
button.bg-transparent.color-purple:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* vert XM */
.bg-vert-xm {
  background-color: #628766 ;
}
.hover\:bg-vert-xm:hover {
  background-color: #628766 ;
}
.color-vert-xm {
  color: #628766 !important;
}
.hover\:color-vert-xm:hover {
  color: #628766 !important;
}
.border-vert-xm {
  border-color: #628766 !important;
}

a .btn.bg-vert-xm.color-white:active,
a .btn.bg-vert-xm.color-white:focus,
a .btn.bg-vert-xm.color-white:hover,
a.bg-vert-xm.color-white:hover,
a.bg-vert-xm.color-white:focus,
a.bg-vert-xm.color-white:active,
button.bg-vert-xm.color-white:hover,
button.bg-vert-xm.color-white:focus,
button.bg-vert-xm.color-white:active {
  color: #628766 !important;
  background-color: #fff  !important;
  border-color: #628766 !important;
}


/* TRANSPARENT VERT XM */
a.bg-transparent.color-vert-xm,
button.bg-transparent.color-vert-xm {
  color: #628766 !important;
  background-color: transparent !important;
  border-color: #628766 !important;
}

a .btn.bg-transparent.color-vert-xm:active,
a .btn.bg-transparent.color-vert-xm:focus,
a .btn.bg-transparent.color-vert-xm:hover,
a.bg-transparent.color-vert-xm:hover,
a.bg-transparent.color-vert-xm:focus,
a.bg-transparent.color-vert-xm:active,
button.bg-transparent.color-vert-xm:hover,
button.bg-transparent.color-vert-xm:focus,
button.bg-transparent.color-vert-xm:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* Beige XM */
.bg-beige-xm {
  background-color: #CEA888 ;
}
.hover\:bg-beige-xm:hover {
  background-color: #CEA888 ;
}
.color-beige-xm {
  color: #CEA888 !important;
}
.hover\:color-beige-xm:hover {
  color: #CEA888 !important;
}
.border-beige-xm {
  border-color: #CEA888 !important;
}

a .btn.bg-beige-xm.color-white:active,
a .btn.bg-beige-xm.color-white:focus,
a .btn.bg-beige-xm.color-white:hover,
a.bg-beige-xm.color-white:hover,
a.bg-beige-xm.color-white:focus,
a.bg-beige-xm.color-white:active,
button.bg-beige-xm.color-white:hover,
button.bg-beige-xm.color-white:focus,
button.bg-beige-xm.color-white:active {
  color: #CEA888 !important;
  background-color: #fff  !important;
  border-color: #CEA888 !important;
}


/* TRANSPARENT BEIGE XM */
a.bg-transparent.color-beige-xm,
button.bg-transparent.color-beige-xm {
  color: #CEA888 !important;
  background-color: transparent !important;
  border-color: #CEA888 !important;
}

a .btn.bg-transparent.color-beige-xm:active,
a .btn.bg-transparent.color-beige-xm:focus,
a .btn.bg-transparent.color-beige-xm:hover,
a.bg-transparent.color-beige-xm:hover,
a.bg-transparent.color-beige-xm:focus,
a.bg-transparent.color-beige-xm:active,
button.bg-transparent.color-beige-xm:hover,
button.bg-transparent.color-beige-xm:focus,
button.bg-transparent.color-beige-xm:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* Gray XM */
.bg-gray-xm {
  background-color: #606060 ;
}
.hover\:bg-gray-xm:hover {
  background-color: #606060 ;
}
.color-gray-xm {
  color: #606060 !important;
}
.hover\:color-gray-xm:hover {
  color: #606060 !important;
}
.border-gray-xm {
  border-color: #606060 !important;
}

a .btn.bg-gray-xm.color-white:active,
a .btn.bg-gray-xm.color-white:focus,
a .btn.bg-gray-xm.color-white:hover,
a.bg-gray-xm.color-white:hover,
a.bg-gray-xm.color-white:focus,
a.bg-gray-xm.color-white:active,
button.bg-gray-xm.color-white:hover,
button.bg-gray-xm.color-white:focus,
button.bg-gray-xm.color-white:active {
  color: #606060 !important;
  background-color: #fff  !important;
  border-color: #606060 !important;
}


/* TRANSPARENT gray XM */
a.bg-transparent.color-gray-xm,
button.bg-transparent.color-gray-xm {
  color: #606060 !important;
  background-color: transparent !important;
  border-color: #606060 !important;
}

a .btn.bg-transparent.color-gray-xm:active,
a .btn.bg-transparent.color-gray-xm:focus,
a .btn.bg-transparent.color-gray-xm:hover,
a.bg-transparent.color-gray-xm:hover,
a.bg-transparent.color-gray-xm:focus,
a.bg-transparent.color-gray-xm:active,
button.bg-transparent.color-gray-xm:hover,
button.bg-transparent.color-gray-xm:focus,
button.bg-transparent.color-gray-xm:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* LAVANDE */
.bg-lavande {
  background-color: #5c5578 ;
}
.hover\:bg-lavande:hover {
  background-color: #5c5578 ;
}
.color-lavande {
  color: #5c5578 !important;
}
.hover\:color-lavande:hover {
  color: #5c5578 !important;
}
.border-lavande {
  border-color: #5c5578 !important;
}

a .btn.bg-lavande.color-white:active,
a .btn.bg-lavande.color-white:focus,
a .btn.bg-lavande.color-white:hover,
a.bg-lavande.color-white:hover,
a.bg-lavande.color-white:focus,
a.bg-lavande.color-white:active,
button.bg-lavande.color-white:hover,
button.bg-lavande.color-white:focus,
button.bg-lavande.color-white:active {
  color: #5c5578 !important;
  background-color: #fff  !important;
  border-color: #5c5578 !important;
}


/* TRANSPARENT LAVANDE */
a.bg-transparent.color-lavande,
button.bg-transparent.color-lavande {
  color: #5c5578 !important;
  background-color: transparent !important;
  border-color: #5c5578 !important;
}

a .btn.bg-transparent.color-lavande:active,
a .btn.bg-transparent.color-lavande:focus,
a .btn.bg-transparent.color-lavande:hover,
a.bg-transparent.color-lavande:hover,
a.bg-transparent.color-lavande:focus,
a.bg-transparent.color-lavande:active,
button.bg-transparent.color-lavande:hover,
button.bg-transparent.color-lavande:focus,
button.bg-transparent.color-lavande:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* LAVANDE LIGHT */
.bg-lavande-light {
  background-color: #b1b4e8 ;
}
.hover\:bg-lavande-light:hover {
  background-color: #b1b4e8 ;
}
.color-lavande-light {
  color: #b1b4e8 !important;
}
.hover\:color-lavande-light:hover {
  color: #b1b4e8 !important;
}
.border-lavande-light {
  border-color: #b1b4e8 !important;
}

a .btn.bg-lavande-light.color-white:active,
a .btn.bg-lavande-light.color-white:focus,
a .btn.bg-lavande-light.color-white:hover,
a.bg-lavande-light.color-white:hover,
a.bg-lavande-light.color-white:focus,
a.bg-lavande-light.color-white:active,
button.bg-lavande-light.color-white:hover,
button.bg-lavande-light.color-white:focus,
button.bg-lavande-light.color-white:active {
  color: #b1b4e8 !important;
  background-color: #fff  !important;
  border-color: #b1b4e8 !important;
}


/* TRANSPARENT lavande-light */
a.bg-transparent.color-lavande-light,
button.bg-transparent.color-lavande-light {
  color: #b1b4e8 !important;
  background-color: transparent !important;
  border-color: #b1b4e8 !important;
}
a.bg-transparent.color-lavande-light:hover,
a.bg-transparent.color-lavande-light:focus,
a.bg-transparent.color-lavande-light:active,
button.bg-transparent.color-lavande-light:hover,
button.bg-transparent.color-lavande-light:focus,
button.bg-transparent.color-lavande-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* PECHE */
.bg-peche {
  background-color: #ffeaef ;
}
.hover\:bg-peche:hover {
  background-color: #ffeaef ;
}
.color-peche {
  color: #ffeaef !important;
}
.hover\:color-peche:hover {
  color: #ffeaef !important;
}
.border-peche {
  border-color: #ffeaef !important;
}

a .btn.bg-peche.color-white:active,
a .btn.bg-peche.color-white:focus,
a .btn.bg-peche.color-white:hover,
a.bg-peche.color-white:hover,
a.bg-peche.color-white:focus,
a.bg-peche.color-white:active,
button.bg-peche.color-white:hover,
button.bg-peche.color-white:focus,
button.bg-peche.color-white:active {
  color: #ffeaef !important;
  background-color: #fff  !important;
  border-color: #ffeaef !important;
}


/* TRANSPARENT peche */
a.bg-transparent.color-peche,
button.bg-transparent.color-peche {
  color: #ffeaef !important;
  background-color: transparent !important;
  border-color: #ffeaef !important;
}

a .btn.bg-transparent.color-peche:active,
a .btn.bg-transparent.color-peche:focus,
a .btn.bg-transparent.color-peche:hover,
a.bg-transparent.color-peche:hover,
a.bg-transparent.color-peche:focus,
a.bg-transparent.color-peche:active,
button.bg-transparent.color-peche:hover,
button.bg-transparent.color-peche:focus,
button.bg-transparent.color-peche:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

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


/* MARS-ATTACK */
.bg-mars-attack {
  background-color: #73fbaf ;
}
.hover\:bg-mars-attack:hover {
  background-color: #73fbaf ;
}
.color-mars-attack {
  color: #73fbaf !important;
}
.hover\:color-mars-attack:hover {
  color: #73fbaf !important;
}
.border-mars-attack {
  border-color: #73fbaf !important;
}

a .btn.bg-mars-attack.color-black:active,
a .btn.bg-mars-attack.color-black:focus,
a .btn.bg-mars-attack.color-black:hover,
a.bg-mars-attack.color-black:hover,
a.bg-mars-attack.color-black:focus,
a.bg-mars-attack.color-black:active,
button.bg-mars-attack.color-black:hover,
button.bg-mars-attack.color-black:focus,
button.bg-mars-attack.color-black:active {
  color: #73fbaf !important;
  background-color: #000  !important;
  border-color: #73fbaf !important;
}


/* TRANSPARENT MARS-ATTACK */
a.bg-transparent.color-mars-attack,
button.bg-transparent.color-mars-attack {
  color: #73fbaf !important;
  background-color: transparent !important;
  border-color: #73fbaf !important;
}
a.bg-transparent.color-mars-attack:hover,
a.bg-transparent.color-mars-attack:focus,
a.bg-transparent.color-mars-attack:active,
button.bg-transparent.color-mars-attack:hover,
button.bg-transparent.color-mars-attack:focus,
button.bg-transparent.color-mars-attack:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* VITAMINE */
.bg-vitamine {
  background-color: #FF7200 ;
}
.hover\:bg-vitamine:hover {
  background-color: #FF7200 ;
}
.color-vitamine {
  color: #FF7200 !important;
}
.hover\:color-vitamine:hover {
  color: #FF7200 !important;
}
.border-vitamine {
  border-color: #FF7200 !important;
}

a .btn.bg-vitamine.color-white:active,
a .btn.bg-vitamine.color-white:focus,
a .btn.bg-vitamine.color-white:hover,
a.bg-vitamine.color-white:hover,
a.bg-vitamine.color-white:focus,
a.bg-vitamine.color-white:active,
button.bg-vitamine.color-white:hover,
button.bg-vitamine.color-white:focus,
button.bg-vitamine.color-white:active {
  color: #FF7200 !important;
  background-color: #fff  !important;
  border-color: #FF7200 !important;
}


/* TRANSPARENT VITAMINE */
a.bg-transparent.color-vitamine,
button.bg-transparent.color-vitamine {
  color: #FF7200 !important;
  background-color: transparent !important;
  border-color: #FF7200 !important;
}

a .btn.bg-transparent.color-vitamine:active,
a .btn.bg-transparent.color-vitamine:focus,
a .btn.bg-transparent.color-vitamine:hover,
a.bg-transparent.color-vitamine:hover,
a.bg-transparent.color-vitamine:focus,
a.bg-transparent.color-vitamine:active,
button.bg-transparent.color-vitamine:hover,
button.bg-transparent.color-vitamine:focus,
button.bg-transparent.color-vitamine:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* terreau */
.bg-terreau {
  background-color: #483B21 ;
}
.hover\:bg-terreau:hover {
  background-color: #483B21 ;
}
.color-terreau {
  color: #483B21 !important;
}
.hover\:color-terreau:hover {
  color: #483B21 !important;
}
.border-terreau {
  border-color: #483B21 !important;
}

a .btn.bg-terreau.color-white:active,
a .btn.bg-terreau.color-white:focus,
a .btn.bg-terreau.color-white:hover,
a.bg-terreau.color-white:hover,
a.bg-terreau.color-white:focus,
a.bg-terreau.color-white:active,
button.bg-terreau.color-white:hover,
button.bg-terreau.color-white:focus,
button.bg-terreau.color-white:active {
  color: #483B21 !important;
  background-color: #fff  !important;
  border-color: #483B21 !important;
}


/* TRANSPARENT terreau */
a.bg-transparent.color-terreau,
button.bg-transparent.color-terreau {
  color: #483B21 !important;
  background-color: transparent !important;
  border-color: #483B21 !important;
}

a .btn.bg-transparent.color-terreau:active,
a .btn.bg-transparent.color-terreau:focus,
a .btn.bg-transparent.color-terreau:hover,
a.bg-transparent.color-terreau:hover,
a.bg-transparent.color-terreau:focus,
a.bg-transparent.color-terreau:active,
button.bg-transparent.color-terreau:hover,
button.bg-transparent.color-terreau:focus,
button.bg-transparent.color-terreau:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* abricot */
.bg-abricot {
  background-color: #ff9b6a ;
}
.hover\:bg-abricot:hover {
  background-color: #ff9b6a ;
}
.color-abricot {
  color: #ff9b6a !important;
}
.hover\:color-abricot:hover {
  color: #ff9b6a !important;
}
.border-abricot {
  border-color: #ff9b6a !important;
}

a .btn.bg-abricot.color-white:active,
a .btn.bg-abricot.color-white:focus,
a .btn.bg-abricot.color-white:hover,
a.bg-abricot.color-white:hover,
a.bg-abricot.color-white:focus,
a.bg-abricot.color-white:active,
button.bg-abricot.color-white:hover,
button.bg-abricot.color-white:focus,
button.bg-abricot.color-white:active {
  color: #ff9b6a !important;
  background-color: #fff  !important;
  border-color: #ff9b6a !important;
}


/* TRANSPARENT abricot */
a.bg-transparent.color-abricot,
button.bg-transparent.color-abricot {
  color: #ff9b6a !important;
  background-color: transparent !important;
  border-color: #ff9b6a !important;
}

a .btn.bg-transparent.color-abricot:active,
a .btn.bg-transparent.color-abricot:focus,
a .btn.bg-transparent.color-abricot:hover,
a.bg-transparent.color-abricot:hover,
a.bg-transparent.color-abricot:focus,
a.bg-transparent.color-abricot:active,
button.bg-transparent.color-abricot:hover,
button.bg-transparent.color-abricot:focus,
button.bg-transparent.color-abricot:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* carmin-light */
.bg-carmin-light {
  background-color: #e65c74 ;
}
.hover\:bg-carmin-light:hover {
  background-color: #e65c74 ;
}
.color-carmin-light {
  color: #e65c74 !important;
}
.hover\:color-carmin-light:hover {
  color: #e65c74 !important;
}
.border-carmin-light {
  border-color: #e65c74 !important;
}

a .btn.bg-carmin-light.color-white:active,
a .btn.bg-carmin-light.color-white:focus,
a .btn.bg-carmin-light.color-white:hover,
a.bg-carmin-light.color-white:hover,
a.bg-carmin-light.color-white:focus,
a.bg-carmin-light.color-white:active,
button.bg-carmin-light.color-white:hover,
button.bg-carmin-light.color-white:focus,
button.bg-carmin-light.color-white:active {
  color: #e65c74 !important;
  background-color: #fff  !important;
  border-color: #e65c74 !important;
}


/* TRANSPARENT carmin-light */
a.bg-transparent.color-carmin-light,
button.bg-transparent.color-carmin-light {
  color: #e65c74 !important;
  background-color: transparent !important;
  border-color: #e65c74 !important;
}
a.bg-transparent.color-carmin-light:hover,
a.bg-transparent.color-carmin-light:focus,
a.bg-transparent.color-carmin-light:active,
button.bg-transparent.color-carmin-light:hover,
button.bg-transparent.color-carmin-light:focus,
button.bg-transparent.color-carmin-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* red-soft */
.bg-red-soft {
  background-color: #ad5665 ;
}
.hover\:bg-red-soft:hover {
  background-color: #ad5665 ;
}
.color-red-soft {
  color: #ad5665 !important;
}
.hover\:color-red-soft:hover {
  color: #ad5665 !important;
}
.border-red-soft {
  border-color: #ad5665 !important;
}

a .btn.bg-red-soft.color-white:active,
a .btn.bg-red-soft.color-white:focus,
a .btn.bg-red-soft.color-white:hover,
a.bg-red-soft.color-white:hover,
a.bg-red-soft.color-white:focus,
a.bg-red-soft.color-white:active,
button.bg-red-soft.color-white:hover,
button.bg-red-soft.color-white:focus,
button.bg-red-soft.color-white:active {
  color: #ad5665 !important;
  background-color: #fff  !important;
  border-color: #ad5665 !important;
}


/* TRANSPARENT red-soft */
a.bg-transparent.color-red-soft,
button.bg-transparent.color-red-soft {
  color: #ad5665 !important;
  background-color: transparent !important;
  border-color: #ad5665 !important;
}
a.bg-transparent.color-red-soft:hover,
a.bg-transparent.color-red-soft:focus,
a.bg-transparent.color-red-soft:active,
button.bg-transparent.color-red-soft:hover,
button.bg-transparent.color-red-soft:focus,
button.bg-transparent.color-red-soft:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* poire */
.bg-poire {
  background-color: #c5d840 ;
}
.hover\:bg-poire:hover {
  background-color: #c5d840 ;
}
.color-poire {
  color: #c5d840 !important;
}
.hover\:color-poire:hover {
  color: #c5d840 !important;
}
.border-poire {
  border-color: #c5d840 !important;
}

a .btn.bg-poire.color-white:active,
a .btn.bg-poire.color-white:focus,
a .btn.bg-poire.color-white:hover,
a.bg-poire.color-white:hover,
a.bg-poire.color-white:focus,
a.bg-poire.color-white:active,
button.bg-poire.color-white:hover,
button.bg-poire.color-white:focus,
button.bg-poire.color-white:active {
  color: #c5d840 !important;
  background-color: #fff  !important;
  border-color: #c5d840 !important;
}


/* TRANSPARENT poire */
a.bg-transparent.color-poire,
button.bg-transparent.color-poire {
  color: #c5d840 !important;
  background-color: transparent !important;
  border-color: #c5d840 !important;
}

a .btn.bg-transparent.color-poire:active,
a .btn.bg-transparent.color-poire:focus,
a .btn.bg-transparent.color-poire:hover,
a.bg-transparent.color-poire:hover,
a.bg-transparent.color-poire:focus,
a.bg-transparent.color-poire:active,
button.bg-transparent.color-poire:hover,
button.bg-transparent.color-poire:focus,
button.bg-transparent.color-poire:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* green-shade */
.bg-green-shade {
  background-color: #baaa1c ;
}
.hover\:bg-green-shade:hover {
  background-color: #baaa1c ;
}
.color-green-shade {
  color: #baaa1c !important;
}
.hover\:color-green-shade:hover {
  color: #baaa1c !important;
}
.border-green-shade {
  border-color: #baaa1c !important;
}

a .btn.bg-green-shade.color-white:active,
a .btn.bg-green-shade.color-white:focus,
a .btn.bg-green-shade.color-white:hover,
a.bg-green-shade.color-white:hover,
a.bg-green-shade.color-white:focus,
a.bg-green-shade.color-white:active,
button.bg-green-shade.color-white:hover,
button.bg-green-shade.color-white:focus,
button.bg-green-shade.color-white:active {
  color: #baaa1c !important;
  background-color: #fff  !important;
  border-color: #baaa1c !important;
}


/* TRANSPARENT green-shade */
a.bg-transparent.color-green-shade,
button.bg-transparent.color-green-shade {
  color: #baaa1c !important;
  background-color: transparent !important;
  border-color: #baaa1c !important;
}
a.bg-transparent.color-green-shade:hover,
a.bg-transparent.color-green-shade:focus,
a.bg-transparent.color-green-shade:active,
button.bg-transparent.color-green-shade:hover,
button.bg-transparent.color-green-shade:focus,
button.bg-transparent.color-green-shade:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* purple-shade */
.bg-purple-shade {
  background-color: #802046 ;
}
.hover\:bg-purple-shade:hover {
  background-color: #802046 ;
}
.color-purple-shade {
  color: #802046 !important;
}
.hover\:color-purple-shade:hover {
  color: #802046 !important;
}
.border-purple-shade {
  border-color: #802046 !important;
}

a .btn.bg-purple-shade.color-white:active,
a .btn.bg-purple-shade.color-white:focus,
a .btn.bg-purple-shade.color-white:hover,
a.bg-purple-shade.color-white:hover,
a.bg-purple-shade.color-white:focus,
a.bg-purple-shade.color-white:active,
button.bg-purple-shade.color-white:hover,
button.bg-purple-shade.color-white:focus,
button.bg-purple-shade.color-white:active {
  color: #802046 !important;
  background-color: #fff  !important;
  border-color: #802046 !important;
}


/* TRANSPARENT purple-shade */
a.bg-transparent.color-purple-shade,
button.bg-transparent.color-purple-shade {
  color: #802046 !important;
  background-color: transparent !important;
  border-color: #802046 !important;
}
a.bg-transparent.color-purple-shade:hover,
a.bg-transparent.color-purple-shade:focus,
a.bg-transparent.color-purple-shade:active,
button.bg-transparent.color-purple-shade:hover,
button.bg-transparent.color-purple-shade:focus,
button.bg-transparent.color-purple-shade:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* indian-khaki */
.bg-indian-khaki {
  background-color: #c3ac93 ;
}
.hover\:bg-indian-khaki:hover {
  background-color: #c3ac93 ;
}
.color-indian-khaki {
  color: #c3ac93 !important;
}
.hover\:color-indian-khaki:hover {
  color: #c3ac93 !important;
}
.border-indian-khaki {
  border-color: #c3ac93 !important;
}

a .btn.bg-indian-khaki.color-white:active,
a .btn.bg-indian-khaki.color-white:focus,
a .btn.bg-indian-khaki.color-white:hover,
a.bg-indian-khaki.color-white:hover,
a.bg-indian-khaki.color-white:focus,
a.bg-indian-khaki.color-white:active,
button.bg-indian-khaki.color-white:hover,
button.bg-indian-khaki.color-white:focus,
button.bg-indian-khaki.color-white:active {
  color: #c3ac93 !important;
  background-color: #fff  !important;
  border-color: #c3ac93 !important;
}


/* TRANSPARENT indian-khaki */
a.bg-transparent.color-indian-khaki,
button.bg-transparent.color-indian-khaki {
  color: #c3ac93 !important;
  background-color: transparent !important;
  border-color: #c3ac93 !important;
}
a.bg-transparent.color-indian-khaki:hover,
a.bg-transparent.color-indian-khaki:focus,
a.bg-transparent.color-indian-khaki:active,
button.bg-transparent.color-indian-khaki:hover,
button.bg-transparent.color-indian-khaki:focus,
button.bg-transparent.color-indian-khaki:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* vinatis */
.bg-vinatis {
  background-color: #972a66 ;
}
.hover\:bg-vinatis:hover {
  background-color: #972a66 ;
}
.color-vinatis {
  color: #972a66 !important;
}
.hover\:color-vinatis:hover {
  color: #972a66 !important;
}
.border-vinatis {
  border-color: #972a66 !important;
}

a .btn.bg-vinatis.color-white:active,
a .btn.bg-vinatis.color-white:focus,
a .btn.bg-vinatis.color-white:hover,
a.bg-vinatis.color-white:hover,
a.bg-vinatis.color-white:focus,
a.bg-vinatis.color-white:active,
button.bg-vinatis.color-white:hover,
button.bg-vinatis.color-white:focus,
button.bg-vinatis.color-white:active {
  color: #972a66 !important;
  background-color: #fff  !important;
  border-color: #972a66 !important;
}


/* TRANSPARENT vinatis */
a.bg-transparent.color-vinatis,
button.bg-transparent.color-vinatis {
  color: #972a66 !important;
  background-color: transparent !important;
  border-color: #972a66 !important;
}

a .btn.bg-transparent.color-vinatis:active,
a .btn.bg-transparent.color-vinatis:focus,
a .btn.bg-transparent.color-vinatis:hover,
a.bg-transparent.color-vinatis:hover,
a.bg-transparent.color-vinatis:focus,
a.bg-transparent.color-vinatis:active,
button.bg-transparent.color-vinatis:hover,
button.bg-transparent.color-vinatis:focus,
button.bg-transparent.color-vinatis:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* banana */
.bg-banana {
  background-color: #ffb504 ;
}
.hover\:bg-banana:hover {
  background-color: #ffb504 ;
}
.color-banana {
  color: #ffb504 !important;
}
.hover\:color-banana:hover {
  color: #ffb504 !important;
}
.border-banana {
  border-color: #ffb504 !important;
}

a .btn.bg-banana.color-white:active,
a .btn.bg-banana.color-white:focus,
a .btn.bg-banana.color-white:hover,
a.bg-banana.color-white:hover,
a.bg-banana.color-white:focus,
a.bg-banana.color-white:active,
button.bg-banana.color-white:hover,
button.bg-banana.color-white:focus,
button.bg-banana.color-white:active {
  color: #ffb504 !important;
  background-color: #fff  !important;
  border-color: #ffb504 !important;
}


/* TRANSPARENT banana */
a.bg-transparent.color-banana,
button.bg-transparent.color-banana {
  color: #ffb504 !important;
  background-color: transparent !important;
  border-color: #ffb504 !important;
}

a .btn.bg-transparent.color-banana:active,
a .btn.bg-transparent.color-banana:focus,
a .btn.bg-transparent.color-banana:hover,
a.bg-transparent.color-banana:hover,
a.bg-transparent.color-banana:focus,
a.bg-transparent.color-banana:active,
button.bg-transparent.color-banana:hover,
button.bg-transparent.color-banana:focus,
button.bg-transparent.color-banana:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* chocolat */
.bg-chocolat {
  background-color: #844308 ;
}
.hover\:bg-chocolat:hover {
  background-color: #844308 ;
}
.color-chocolat {
  color: #844308 !important;
}
.hover\:color-chocolat:hover {
  color: #844308 !important;
}
.border-chocolat {
  border-color: #844308 !important;
}

a .btn.bg-chocolat.color-white:active,
a .btn.bg-chocolat.color-white:focus,
a .btn.bg-chocolat.color-white:hover,
a.bg-chocolat.color-white:hover,
a.bg-chocolat.color-white:focus,
a.bg-chocolat.color-white:active,
button.bg-chocolat.color-white:hover,
button.bg-chocolat.color-white:focus,
button.bg-chocolat.color-white:active {
  color: #844308 !important;
  background-color: #fff  !important;
  border-color: #844308 !important;
}


/* TRANSPARENT chocolat */
a.bg-transparent.color-chocolat,
button.bg-transparent.color-chocolat {
  color: #844308 !important;
  background-color: transparent !important;
  border-color: #844308 !important;
}

a .btn.bg-transparent.color-chocolat:active,
a .btn.bg-transparent.color-chocolat:focus,
a .btn.bg-transparent.color-chocolat:hover,
a.bg-transparent.color-chocolat:hover,
a.bg-transparent.color-chocolat:focus,
a.bg-transparent.color-chocolat:active,
button.bg-transparent.color-chocolat:hover,
button.bg-transparent.color-chocolat:focus,
button.bg-transparent.color-chocolat:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* cacao */
.bg-cacao {
  background-color: #5B2F04 ;
}
.hover\:bg-cacao:hover {
  background-color: #5B2F04 ;
}
.color-cacao {
  color: #5B2F04 !important;
}
.hover\:color-cacao:hover {
  color: #5B2F04 !important;
}
.border-cacao {
  border-color: #5B2F04 !important;
}

a .btn.bg-cacao.color-white:active,
a .btn.bg-cacao.color-white:focus,
a .btn.bg-cacao.color-white:hover,
a.bg-cacao.color-white:hover,
a.bg-cacao.color-white:focus,
a.bg-cacao.color-white:active,
button.bg-cacao.color-white:hover,
button.bg-cacao.color-white:focus,
button.bg-cacao.color-white:active {
  color: #5B2F04 !important;
  background-color: #fff  !important;
  border-color: #5B2F04 !important;
}


/* TRANSPARENT cacao */
a.bg-transparent.color-cacao,
button.bg-transparent.color-cacao {
  color: #5B2F04 !important;
  background-color: transparent !important;
  border-color: #5B2F04 !important;
}

a .btn.bg-transparent.color-cacao:active,
a .btn.bg-transparent.color-cacao:focus,
a .btn.bg-transparent.color-cacao:hover,
a.bg-transparent.color-cacao:hover,
a.bg-transparent.color-cacao:focus,
a.bg-transparent.color-cacao:active,
button.bg-transparent.color-cacao:hover,
button.bg-transparent.color-cacao:focus,
button.bg-transparent.color-cacao:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* framboise */
.bg-framboise {
  background-color: #CC343D;
}
.hover\:bg-framboise:hover {
  background-color: #CC343D;
}
.color-framboise {
  color: #CC343D !important;
}
.hover\:color-framboise:hover {
  color: #CC343D !important;
}
.border-framboise {
  border-color: #CC343D !important;
}

a .btn.bg-framboise.color-white:active,
a .btn.bg-framboise.color-white:focus,
a .btn.bg-framboise.color-white:hover,
a.bg-framboise.color-white:hover,
a.bg-framboise.color-white:focus,
a.bg-framboise.color-white:active,
button.bg-framboise.color-white:hover,
button.bg-framboise.color-white:focus,
button.bg-framboise.color-white:active {
  color: #CC343D !important;
  background-color: #fff  !important;
  border-color: #CC343D !important;
}


/* TRANSPARENT framboise */
a.bg-transparent.color-framboise,
button.bg-transparent.color-framboise {
  color: #CC343D !important;
  background-color: transparent !important;
  border-color: #CC343D !important;
}

a .btn.bg-transparent.color-framboise:active,
a .btn.bg-transparent.color-framboise:focus,
a .btn.bg-transparent.color-framboise:hover,
a.bg-transparent.color-framboise:hover,
a.bg-transparent.color-framboise:focus,
a.bg-transparent.color-framboise:active,
button.bg-transparent.color-framboise:hover,
button.bg-transparent.color-framboise:focus,
button.bg-transparent.color-framboise:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

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


/* FEUILLE */
.bg-feuille {
  background-color: #308548 ;
}
.hover\:bg-feuille:hover {
  background-color: #308548 ;
}
.color-feuille {
  color: #308548 !important;
}
.hover\:color-feuille:hover {
  color: #308548 !important;
}
.border-feuille {
  border-color: #308548 !important;
}

a .btn.bg-feuille.color-white:active,
a .btn.bg-feuille.color-white:focus,
a .btn.bg-feuille.color-white:hover,
a.bg-feuille.color-white:hover,
a.bg-feuille.color-white:focus,
a.bg-feuille.color-white:active,
button.bg-feuille.color-white:hover,
button.bg-feuille.color-white:focus,
button.bg-feuille.color-white:active {
  color: #308548 !important;
  background-color: #fff  !important;
  border-color: #308548 !important;
}


/* TRANSPARENT feuille */
a.bg-transparent.color-feuille,
button.bg-transparent.color-feuille {
  color: #308548 !important;
  background-color: transparent !important;
  border-color: #308548 !important;
}

a .btn.bg-transparent.color-feuille:active,
a .btn.bg-transparent.color-feuille:focus,
a .btn.bg-transparent.color-feuille:hover,
a.bg-transparent.color-feuille:hover,
a.bg-transparent.color-feuille:focus,
a.bg-transparent.color-feuille:active,
button.bg-transparent.color-feuille:hover,
button.bg-transparent.color-feuille:focus,
button.bg-transparent.color-feuille:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* FEUILLE LIGHT */
.bg-feuille-light {
  background-color: #d8fdd8 ;
}
.hover\:bg-feuille-light:hover {
  background-color: #d8fdd8 ;
}
.color-feuille-light {
  color: #d8fdd8 !important;
}
.hover\:color-feuille-light:hover {
  color: #d8fdd8 !important;
}
.border-feuille-light {
  border-color: #d8fdd8 !important;
}

a .btn.bg-feuille-light.color-white:active,
a .btn.bg-feuille-light.color-white:focus,
a .btn.bg-feuille-light.color-white:hover,
a.bg-feuille-light.color-white:hover,
a.bg-feuille-light.color-white:focus,
a.bg-feuille-light.color-white:active,
button.bg-feuille-light.color-white:hover,
button.bg-feuille-light.color-white:focus,
button.bg-feuille-light.color-white:active {
  color: #d8fdd8 !important;
  background-color: #fff  !important;
  border-color: #d8fdd8 !important;
}


/* TRANSPARENT feuille-light */
a.bg-transparent.color-feuille-light,
button.bg-transparent.color-feuille-light {
  color: #d8fdd8 !important;
  background-color: transparent !important;
  border-color: #d8fdd8 !important;
}
a.bg-transparent.color-feuille-light:hover,
a.bg-transparent.color-feuille-light:focus,
a.bg-transparent.color-feuille-light:active,
button.bg-transparent.color-feuille-light:hover,
button.bg-transparent.color-feuille-light:focus,
button.bg-transparent.color-feuille-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-purple-dark {
  background-color: #4a1342 !important;
}
.hover\:bg-purple-dark:hover {
  background-color: #4a1342 !important;
}

.bg-purple-dark-opc {
  background-color: #e0d9de !important;
}
.hover\:bg-purple-dark-opc:hover {
  background-color: #e0d9de !important;
}

.color-purple-dark {
  color: #4a1342 !important;
}
.hover\:color-purple-dark:hover {
  color: #4a1342 !important;
}
.border-purple-dark {
  border-color: #4a1342 !important;
}

a .btn.bg-purple-dark.color-white:active,
a .btn.bg-purple-dark.color-white:focus,
a .btn.bg-purple-dark.color-white:hover,
a.bg-purple-dark.color-white:hover,
a.bg-purple-dark.color-white:focus,
a.bg-purple-dark.color-white:active,
button.bg-purple-dark.color-white:hover,
button.bg-purple-dark.color-white:focus,
button.bg-purple-dark.color-white:active {
  color: #4a1342 !important;
  background-color: #fff  !important;
  border-color: #4a1342 !important;
}

/* TRANSPARENT PURPLE DARK */
a.bg-transparent.color-purple-dark,
button.bg-transparent.color-purple-dark {
  color: #4a1342 !important;
  background-color: transparent !important;
  border-color: #4a1342 !important;
}
a.bg-transparent.color-purple-dark:hover,
a.bg-transparent.color-purple-dark:focus,
a.bg-transparent.color-purple-dark:active,
button.bg-transparent.color-purple-dark:hover,
button.bg-transparent.color-purple-dark:focus,
button.bg-transparent.color-purple-dark:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-purple-light {
  background-color:  #e2aacd !important;
}
.hover\:bg-purple-light:hover {
  background-color:  #e2aacd !important;
}
.color-purple-light {
  color:  #e2aacd !important;
}
.hover\:color-purple-light:hover {
  color:  #e2aacd !important;
}
.border-purple-light {
  border-color:  #e2aacd !important;
}

a .btn.bg-purple-light.color-white:active,
a .btn.bg-purple-light.color-white:focus,
a .btn.bg-purple-light.color-white:hover,
a.bg-purple-light.color-white:hover,
a.bg-purple-light.color-white:focus,
a.bg-purple-light.color-white:active,
button.bg-purple-light.color-white:hover,
button.bg-purple-light.color-white:focus,
button.bg-purple-light.color-white:active {
  color:  #e2aacd !important;
  background-color: #fff  !important;
  border-color:  #e2aacd !important;
}



/* TRANSPARENT PURPLE LIGHT */
a.bg-transparent.color-purple-light,
button.bg-transparent.color-purple-light {
  color: #e2aacd !important;
  background-color: transparent !important;
  border-color: #e2aacd !important;
}
a.bg-transparent.color-purple-light:hover,
a.bg-transparent.color-purple-light:focus,
a.bg-transparent.color-purple-light:active,
button.bg-transparent.color-purple-light:hover,
button.bg-transparent.color-purple-light:focus,
button.bg-transparent.color-purple-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-rougemumm {
  background-color: #d3072a;
}
.color-rougemumm {
  color: #d3072a;
}
.border-rougemumm {
  border-color: #d3072a;
}

.bg-ormumm {
  background-color: #cb9d4a;
}
.color-ormumm {
  color: #cb9d4a;
}
.border-ormumm {
  border-color: #cb9d4a;
}


/* VIOLET */
.bg-dark-violet {
  background-color: #13132b ;
}
.hover\:bg-dark-violet:hover {
  background-color: #13132b ;
}
.color-dark-violet {
  color: #13132b !important;
}
.hover\:color-dark-violet:hover {
  color: #13132b !important;
}
.border-dark-violet {
  border-color: #13132b !important;
}

a .btn.bg-dark-violet.color-white:active,
a .btn.bg-dark-violet.color-white:focus,
a .btn.bg-dark-violet.color-white:hover,
a.bg-dark-violet.color-white:hover,
a.bg-dark-violet.color-white:focus,
a.bg-dark-violet.color-white:active,
button.bg-dark-violet.color-white:hover,
button.bg-dark-violet.color-white:focus,
button.bg-dark-violet.color-white:active {
  color: #13132b !important;
  background-color: #fff  !important;
  border-color: #13132b !important;
}


/* TRANSPARENT dark-violet */
a.bg-transparent.color-dark-violet,
button.bg-transparent.color-dark-violet {
  color: #13132b !important;
  background-color: transparent !important;
  border-color: #13132b !important;
}
a.bg-transparent.color-dark-violet:hover,
a.bg-transparent.color-dark-violet:focus,
a.bg-transparent.color-dark-violet:active,
button.bg-transparent.color-dark-violet:hover,
button.bg-transparent.color-dark-violet:focus,
button.bg-transparent.color-dark-violet:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-grey-violet {
  background-color: #9e9eb6 !important;
}
.hover\:bg-grey-violet:hover {
  background-color: #9e9eb6 !important;
}
.color-grey-violet {
  color: #9e9eb6 !important;
}
.hover\:color-grey-violet:hover {
  color: #9e9eb6 !important;
}
.border-grey-violet {
  border-color: #9e9eb6 !important;
}

a .btn.bg-grey-violet.color-white:active,
a .btn.bg-grey-violet.color-white:focus,
a .btn.bg-grey-violet.color-white:hover,
a.bg-grey-violet.color-white:hover,
a.bg-grey-violet.color-white:focus,
a.bg-grey-violet.color-white:active,
button.bg-grey-violet.color-white:hover,
button.bg-grey-violet.color-white:focus,
button.bg-grey-violet.color-white:active {
  color: #9e9eb6 !important;
  background-color: #fff  !important;
  border-color: #9e9eb6 !important;
}


/* TRANSPARENT grey-violet */
a.bg-transparent.color-grey-violet,
button.bg-transparent.color-grey-violet {
  color: #9e9eb6 !important;
  background-color: transparent !important;
  border-color: #9e9eb6 !important;
}
a.bg-transparent.color-grey-violet:hover,
a.bg-transparent.color-grey-violet:focus,
a.bg-transparent.color-grey-violet:active,
button.bg-transparent.color-grey-violet:hover,
button.bg-transparent.color-grey-violet:focus,
button.bg-transparent.color-grey-violet:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-grey-purple {
  background-color: #bb99ae !important;
}
.hover\:bg-grey-purple:hover {
  background-color: #bb99ae !important;
}
.color-grey-purple {
  color: #bb99ae !important;
}
.hover\:color-grey-purple:hover {
  color: #bb99ae !important;
}
.border-grey-purple {
  border-color: #bb99ae !important;
}

a .btn.bg-grey-purple.color-white:active,
a .btn.bg-grey-purple.color-white:focus,
a .btn.bg-grey-purple.color-white:hover,
a.bg-grey-purple.color-white:hover,
a.bg-grey-purple.color-white:focus,
a.bg-grey-purple.color-white:active,
button.bg-grey-purple.color-white:hover,
button.bg-grey-purple.color-white:focus,
button.bg-grey-purple.color-white:active {
  color: #bb99ae !important;
  background-color: #fff  !important;
  border-color: #bb99ae !important;
}

/* TRANSPARENT grey-purple */
a.bg-transparent.color-grey-purple,
button.bg-transparent.color-grey-purple {
  color: #bb99ae !important;
  background-color: transparent !important;
  border-color: #bb99ae !important;
}
a.bg-transparent.color-grey-purple:hover,
a.bg-transparent.color-grey-purple:focus,
a.bg-transparent.color-grey-purple:active,
button.bg-transparent.color-grey-purple:hover,
button.bg-transparent.color-grey-purple:focus,
button.bg-transparent.color-grey-purple:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}



/* RED */
.bg-red-dark {
  background-color: #ac001e !important;
}
.hover\:bg-red-dark:hover {
  background-color: #ac001e !important;
}
.color-red-dark {
  color: #ac001e !important;
}
.hover\:color-red-dark:hover {
  color: #ac001e !important;
}
.border-red-dark {
  border-color: #ac001e !important;
}

a .btn.bg-red-dark.color-white:active,
a .btn.bg-red-dark.color-white:focus,
a .btn.bg-red-dark.color-white:hover,
a.bg-red-dark.color-white:hover,
a.bg-red-dark.color-white:focus,
a.bg-red-dark.color-white:active,
button.bg-red-dark.color-white:hover,
button.bg-red-dark.color-white:focus,
button.bg-red-dark.color-white:active {
  color: #ac001e !important;
  background-color: #fff  !important;
  border-color: #ac001e !important;
}

/* TRANSPARENT red-dark */
a.bg-transparent.color-red-dark,
button.bg-transparent.color-red-dark {
  color: #ac001e !important;
  background-color: transparent !important;
  border-color: #ac001e !important;
}
a.bg-transparent.color-red-dark:hover,
a.bg-transparent.color-red-dark:focus,
a.bg-transparent.color-red-dark:active,
button.bg-transparent.color-red-dark:hover,
button.bg-transparent.color-red-dark:focus,
button.bg-transparent.color-red-dark:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-red-light {
  background-color: #ff8189 !important;
}
.hover\:bg-red-light:hover {
  background-color: #ff8189 !important;
}
.color-red-light {
  color: #ff8189 !important;
}
.hover\:color-red-light:hover {
  color: #ff8189 !important;
}
.border-red-light  {
  border-color: #ff8189 !important;
}

a .btn.bg-red-light.color-white:active,
a .btn.bg-red-light.color-white:focus,
a .btn.bg-red-light.color-white:hover,
a.bg-red-light.color-white:hover,
a.bg-red-light.color-white:focus,
a.bg-red-light.color-white:active,
button.bg-red-light.color-white:hover,
button.bg-red-light.color-white:focus,
button.bg-red-light.color-white:active {
  color: #ff8189 !important;
  background-color: #fff  !important;
  border-color: #ff8189 !important;
}

/* TRANSPARENT red-light */
a.bg-transparent.color-red-light,
button.bg-transparent.color-red-light {
  color: #ff8189 !important;
  background-color: transparent !important;
  border-color: #ff8189 !important;
}
a.bg-transparent.color-red-light:hover,
a.bg-transparent.color-red-light:focus,
a.bg-transparent.color-red-light:active,
button.bg-transparent.color-red-light:hover,
button.bg-transparent.color-red-light:focus,
button.bg-transparent.color-red-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


/* ROSE */
.bg-rose, .bg-pink {
  background-color: #ee1f79 !important;
}
.hover\:bg-rose:hover, .hover\:bg-pink:hover {
  background-color: #ee1f79 !important;
}
.hover\:color-rose:hover, .hover\:color-pink:hover {
  color: #ee1f79 !important;
}
.border-rose, .border-pink  {
  border-color: #ee1f79 !important;
}

a .btn.bg-rose.color-white:active,
a .btn.bg-rose.color-white:focus,
a .btn.bg-rose.color-white:hover,
a.bg-rose.color-white:hover,
a.bg-rose.color-white:focus,
a.bg-rose.color-white:active,
button.bg-rose.color-white:hover,
button.bg-rose.color-white:focus,
button.bg-rose.color-white:active,
a .btn.bg-pink.color-white:active,
a .btn.bg-pink.color-white:focus,
a .btn.bg-pink.color-white:hover,
a.bg-pink.color-white:hover,
a.bg-pink.color-white:focus,
a.bg-pink.color-white:active,
button.bg-pink.color-white:hover,
button.bg-pink.color-white:focus,
button.bg-pink.color-white:active {
  color: #ee1f79 !important;
  background-color: #fff  !important;
  border-color: #ee1f79 !important;
}


/* TRANSPARENT rose */
a.bg-transparent.color-rose,
button.bg-transparent.color-rose,
a.bg-transparent.color-pink,
button.bg-transparent.color-pink {
  color: #ee1f79 !important;
  background-color: transparent !important;
  border-color: #ee1f79 !important;
}

a .btn.bg-transparent.color-rose:active,
a .btn.bg-transparent.color-rose:focus,
a .btn.bg-transparent.color-rose:hover,
a.bg-transparent.color-rose:hover,
a.bg-transparent.color-rose:focus,
a.bg-transparent.color-rose:active,
button.bg-transparent.color-rose:hover,
button.bg-transparent.color-rose:focus,
button.bg-transparent.color-rose:active,
a .btn.bg-transparent.color-pink:active,
a .btn.bg-transparent.color-pink:focus,
a .btn.bg-transparent.color-pink:hover,
a.bg-transparent.color-pink:hover,
a.bg-transparent.color-pink:focus,
a.bg-transparent.color-pink:active,
button.bg-transparent.color-pink:hover,
button.bg-transparent.color-pink:focus,
button.bg-transparent.color-pink:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-rose-light, .bg-pink-light {
  background-color: #edd5df !important;
}
.hover\:bg-rose-light:hover, .hover\:bg-pink-light:hover {
  background-color: #edd5df !important;
}
.color-rose-light, .color-pink-light {
  color: #edd5df !important;
}
.hover\:color-rose-light:hover, .hover\:color-pink-light:hover {
  color: #edd5df !important;
}
.border-rose-light, .border-pink-light {
  border-color: #edd5df !important;
}
a .btn.bg-rose-light.color-white:active,
a .btn.bg-rose-light.color-white:focus,
a .btn.bg-rose-light.color-white:hover,
a.bg-rose-light.color-white:hover,
a.bg-rose-light.color-white:focus,
a.bg-rose-light.color-white:active,
button.bg-rose-light.color-white:hover,
button.bg-rose-light.color-white:focus,
button.bg-rose-light.color-white:active,
a .btn.bg-pink-light.color-white:active,
a .btn.bg-pink-light.color-white:focus,
a .btn.bg-pink-light.color-white:hover,
a.bg-pink-light.color-white:hover,
a.bg-pink-light.color-white:focus,
a.bg-pink-light.color-white:active,
button.bg-pink-light.color-white:hover,
button.bg-pink-light.color-white:focus,
button.bg-pink-light.color-white:active {
  color: #edd5df !important;
  background-color: #fff  !important;
  border-color: #edd5df !important;
}

/* TRANSPARENT rose-light */
a.bg-transparent.color-rose-light,
button.bg-transparent.color-rose-light,
a.bg-transparent.color-pink-light,
button.bg-transparent.color-pink-light {
  color: #edd5df !important;
  background-color: transparent !important;
  border-color: #edd5df !important;
}
a.bg-transparent.color-rose-light:hover,
a.bg-transparent.color-rose-light:focus,
a.bg-transparent.color-rose-light:active,
button.bg-transparent.color-rose-light:hover,
button.bg-transparent.color-rose-light:focus,
button.bg-transparent.color-rose-light:active,
a.bg-transparent.color-pink-light:hover,
a.bg-transparent.color-pink-light:focus,
a.bg-transparent.color-pink-light:active,
button.bg-transparent.color-pink-light:hover,
button.bg-transparent.color-pink-light:focus,
button.bg-transparent.color-pink-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* SAPIN */
.bg-sapin {
	background-color: #001c1c;
}
.hover\:bg-sapin:hover {
  background-color: #001c1c;
}
.color-sapin {
	color: #001c1c;
}
.hover\:color-sapin:hover {
  color: #001c1c;
}
.border-sapin {
	border-color: #001c1c !important;
}

.bg-bleu-schlum {
  background-color: #003058;
}
.hover\:bg-bleu-schlum:hover {
  background-color: #003058;
}
.color-bleu-schlum {
  color: #003058;
}
.hover\:color-bleu-schlum:hover {
  color: #003058;
}
.border-bleu-schlum {
  border-color: #003058;
}

.bg-or-schlum {
  background-color: #B4975A;
}
.hover\:bg-or-schlum:hover {
  background-color: #B4975A;
}
.color-or-schlum {
  color: #B4975A;
}
.hover\:color-or-schlum:hover {
  color: #B4975A;
}
.border-or-schlum {
  border-color: #B4975A;
}

.bg-beige-schlum {
  background-color: #F5EDE0;
}
.hover\:bg-beige-schlum:hover {
  background-color: #F5EDE0;
}
.color-beige-schlum {
  color: #F5EDE0;
}
.hover\:color-beige-schlum:hover {
  color: #F5EDE0;
}
.border-beige-schlum {
  border-color: #F5EDE0;
}

.bg-red-campari {
  background-color: #c8202f;
}
.hover\:bg-red-campari:hover {
  background-color: #c8202f;
}
.color-red-campari {
  color: #c8202f;
}
.hover\:color-red-campari:hover {
  color: #c8202f;
}
.border-red-campari {
  border-color: #c8202f;
}

.bg-fdpbleu {
  background-color: #0a5860;
}
.hover\:bg-fdpbleu:hover {
  background-color: #0a5860;
}
.color-fdpbleu {
  color: #0a5860;
}
.hover\:color-fdpbleu:hover {
  color: #0a5860;
}
.border-fdpbleu {
  border-color: #0a5860;
}

.bg-fdpbordeaux {
  background-color: #55141b;
}
.hover\:bg-fdpbordeaux:hover {
  background-color: #55141b;
}
.color-fdpbordeaux {
  color: #55141b;
}
.hover\:color-fdpbordeaux:hover {
  color: #55141b;
}
.border-fdpbordeaux {
  border-color: #55141b;
}

/*lansonrouge*/
.bg-lansonrouge {
  background-color: #e4022c;
}
.hover\:bg-lansonrouge:hover {
  background-color: #e4022c;
}
.color-lansonrouge {
  color: #e4022c;
}
.hover\:color-lansonrouge:hover {
  color: #e4022c;
}
.border-lansonrouge {
  border-color: #e4022c;
}

/*miravalrose*/
.bg-miravalrose {
  background-color:  #e6cbbc;
}
.hover\:bg-miravalrose:hover {
  background-color:  #e6cbbc;
}
.color-miravalrose {
  color:  #e6cbbc;
}
.hover\:color-miravalrose:hover {
  color:  #e6cbbc;
}
.border-miravalrose {
  border-color:  #e6cbbc;
}

/* paulmasor */
.bg-paulmasor {
  background-color: #d3ae30;
}
.hover\:bg-paulmasor:hover {
  background-color: #d3ae30;
}
.color-paulmasor {
  color: #d3ae30;
}
.hover\:color-paulmasor:hover {
  color: #d3ae30;
}
.border-paulmasor {
  border-color: #d3ae30;
}

/* paulmasmarron */
.bg-paulmasmarron {
  background-color: #382f2d;
}
.hover\:bg-paulmasmarron:hover {
  background-color: #382f2d;
}
.color-paulmasmarron {
  color: #382f2d;
}
.hover\:color-paulmasmarron:hover {
  color: #382f2d;
}
.border-paulmasmarron {
  border-color: #382f2d;
}

/* paulmasbeige */
.bg-paulmasbeige {
  background-color: #fefdf9;
}
.hover\:bg-paulmasbeige:hover {
  background-color: #fefdf9;
}
.color-paulmasbeige {
  color: #fefdf9;
}
.hover\:color-paulmasbeige:hover {
  color: #fefdf9;
}
.border-paulmasbeige {
  border-color: #fefdf9;
}

/* rokurouge */
.bg-rokurouge {
  background-color: #e50544;
}
.hover\:bg-rokurouge:hover {
  background-color: #e50544;
}
.color-rokurouge {
  color: #e50544;
}
.hover\:color-rokurouge:hover {
  color: #e50544;
}
.border-rokurouge {
  border-color: #e50544;
}

/*tsarinerouge*/
.bg-tsarinerouge {
  background-color: #cc132d;
}
.hover\:bg-tsarinerouge:hover {
  background-color: #cc132d;
}
.color-tsarinerouge {
  color: #cc132d;
}
.hover\:color-tsarinerouge:hover {
  color: #cc132d;
}
.border-tsarinerouge {
  border-color: #cc132d;
}

/*tsarineor : #b69c52*/
.bg-tsarineor {
  background-color: #b69c52;
}
.hover\:bg-tsarineor:hover {
  background-color: #b69c52;
}
.color-tsarineor {
  color: #b69c52;
}
.hover\:color-tsarineor:hover {
  color: #b69c52;
}
.border-tsarineor {
  border-color: #b69c52;
}

/*tsarineorium : #996633*/
.bg-tsarineorium {
  background-color: #996633;
}
.hover\:bg-tsarineorium:hover {
  background-color: #996633;
}
.color-tsarineorium {
  color: #996633;
}
.hover\:color-tsarineorium:hover {
  color: #996633;
}
.border-tsarineorium {
  border-color: #996633;
}

/*tsarinerose : #f9a46f*/
.bg-tsarinerose {
  background-color: #f9a46f;
}
.hover\:bg-tsarinerose:hover {
  background-color: #f9a46f;
}
.color-tsarinerose {
  color: #f9a46f;
}
.hover\:color-tsarinerose:hover {
  color: #f9a46f;
}
.border-tsarinerose {
  border-color: #f9a46f;
}

/*tsarinegris : #3b3838*/
.bg-tsarinegris {
  background-color: #3b3838;
}
.hover\:bg-tsarinegris:hover {
  background-color: #3b3838;
}
.color-tsarinegris {
  color: #3b3838;
}
.hover\:color-tsarinegris:hover {
  color: #3b3838;
}
.border-tsarinegris {
  border-color: #3b3838;
}

/* SAUMON */
.bg-saumon {
  background-color: #ffc7c0;
}
.hover\:bg-saumon:hover {
  background-color: #ffc7c0;
}
.color-saumon {
  color: #ffc7c0;
}
.hover\:color-saumon:hover {
  color: #ffc7c0;
}
.border-saumon {
  border-color: #ffc7c0 !important;
}

a .btn.bg-saumon.color-black:active,
a .btn.bg-saumon.color-black:focus,
a .btn.bg-saumon.color-black:hover,
a.bg-saumon.color-black:hover,
a.bg-saumon.color-black:focus,
a.bg-saumon.color-black:active,
button.bg-saumon.color-black:hover,
button.bg-saumon.color-black:focus,
button.bg-saumon.color-black:active {
  color: #ffc7c0 !important;
  background-color: #000  !important;
  border-color: #ffc7c0 !important;
}

/* TRANSPARENT saumon */
a.bg-transparent.color-saumon,
button.bg-transparent.color-saumon {
  color: #ffc7c0 !important;
  background-color: transparent !important;
  border-color: #ffc7c0 !important;
}

a .btn.bg-transparent.color-saumon:active,
a .btn.bg-transparent.color-saumon:focus,
a .btn.bg-transparent.color-saumon:hover,
a.bg-transparent.color-saumon:hover,
a.bg-transparent.color-saumon:focus,
a.bg-transparent.color-saumon:active,
button.bg-transparent.color-saumon:hover,
button.bg-transparent.color-saumon:focus,
button.bg-transparent.color-saumon:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* TURQUOISE */
.bg-turquoise {
  background-color: #006558 !important;
}
.hover\:bg-turquoise:hover {
  background-color: #006558 !important;
}
.color-turquoise {
  color: #006558 !important;
}
.hover\:color-turquoise:hover {
  color: #006558 !important;
}
.border-turquoise {
  border-color: #006558 !important;
}

a .btn.bg-turquoise.color-white:active,
a .btn.bg-turquoise.color-white:focus,
a .btn.bg-turquoise.color-white:hover,
a.bg-turquoise.color-white:hover,
a.bg-turquoise.color-white:focus,
a.bg-turquoise.color-white:active,
button.bg-turquoise.color-white:hover,
button.bg-turquoise.color-white:focus,
button.bg-turquoise.color-white:active {
  color: #006558 !important;
  background-color: #fff  !important;
  border-color: #006558 !important;
}

/* TRANSPARENT turquoise */
a.bg-transparent.color-turquoise,
button.bg-transparent.color-turquoise {
  color: #006558 !important;
  background-color: transparent !important;
  border-color: #006558 !important;
}

a .btn.bg-transparent.color-turquoise:active,
a .btn.bg-transparent.color-turquoise:focus,
a .btn.bg-transparent.color-turquoise:hover,
a.bg-transparent.color-turquoise:hover,
a.bg-transparent.color-turquoise:focus,
a.bg-transparent.color-turquoise:active,
button.bg-transparent.color-turquoise:hover,
button.bg-transparent.color-turquoise:focus,
button.bg-transparent.color-turquoise:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-turquoise-light {
  background-color: #98C6BB !important;
}
.hover\:bg-turquoise-light:hover {
  background-color: #98C6BB !important;
}
.color-turquoise-light {
  color: #98C6BB !important;
}
.hover\:color-turquoise-light:hover {
  color: #98C6BB !important;
}
.border-turquoise-light {
  border-color: #98C6BB !important;
}

a .btn.bg-turquoise-light.color-white:active,
a .btn.bg-turquoise-light.color-white:focus,
a .btn.bg-turquoise-light.color-white:hover,
a.bg-turquoise-light.color-white:hover,
a.bg-turquoise-light.color-white:focus,
a.bg-turquoise-light.color-white:active,
button.bg-turquoise-light.color-white:hover,
button.bg-turquoise-light.color-white:focus,
button.bg-turquoise-light.color-white:active {
  color: #98C6BB !important;
  background-color: #fff  !important;
  border-color: #98C6BB !important;
}

/* TRANSPARENT turquoise-light */
a.bg-transparent.color-turquoise-light,
button.bg-transparent.color-turquoise-light {
  color: #98C6BB !important;
  background-color: transparent !important;
  border-color: #98C6BB !important;
}
a.bg-transparent.color-turquoise-light:hover,
a.bg-transparent.color-turquoise-light:focus,
a.bg-transparent.color-turquoise-light:active,
button.bg-transparent.color-turquoise-light:hover,
button.bg-transparent.color-turquoise-light:focus,
button.bg-transparent.color-turquoise-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


/* WHITE */
.bg-white {
  background-color: #FFF ;
}
.hover\:bg-white:hover {
  background-color: #FFF ;
}
.color-white {
  color:#fff !important;
}
.hover\:color-white:hover {
  color:#fff !important;
}
.border-white {
  border-color: #fff !important;
}
.border-bottom-white {
  border-bottom: 1px solid #fff;
}
a.bg-white.color-black,
button.bg-white.color-black {
  border-color: #000000 !important;
}

a .btn.bg-white.color-black:active,
a .btn.bg-white.color-black:focus,
a .btn.bg-white.color-black:hover,
a.bg-white.color-black:hover,
a.bg-white.color-black:focus,
a.bg-white.color-black:active,
button.bg-white.color-black:hover,
button.bg-white.color-black:focus,
button.bg-white.color-black:active {
  color: #ffffff !important;
  background-color: #000  !important;
  border-color: #ffffff !important;
}

a.bg-white.color-purple-dark:hover,
a.bg-white.color-purple-dark:focus,
a.bg-white.color-purple-dark:active,
button.bg-white.color-purple-dark:hover,
button.bg-white.color-purple-dark:focus,
button.bg-white.color-purple-dark:active {
  color: #ffffff !important;
  background-color: #4a1342  !important;
  border-color: #ffffff !important;
}

a.bg-white.color-gray,
button.bg-white.color-gray {
  border-color: #999999 !important;
}

a .btn.bg-white.color-gray:active,
a .btn.bg-white.color-gray:focus,
a .btn.bg-white.color-gray:hover,
a.bg-white.color-gray:hover,
a.bg-white.color-gray:focus,
a.bg-white.color-gray:active,
button.bg-white.color-gray:hover,
button.bg-white.color-gray:focus,
button.bg-white.color-gray:active {
  color: #ffffff !important;
  background-color: #999999  !important;
  border-color: #ffffff !important;
}

/* TRANSPARENT WHITE */
a.bg-transparent.color-white,
button.bg-transparent.color-white {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}

a .btn.bg-transparent.color-white:active,
a .btn.bg-transparent.color-white:focus,
a .btn.bg-transparent.color-white:hover,
a.bg-transparent.color-white:hover,
a.bg-transparent.color-white:focus,
a.bg-transparent.color-white:active,
button.bg-transparent.color-white:hover,
button.bg-transparent.color-white:focus,
button.bg-transparent.color-white:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}



/* BROWNIE  */
.bg-brownie {
  background-color: #b1846e ;
}
.hover\:bg-brownie:hover {
  background-color: #b1846e ;
}
.color-brownie  {
  color:#b1846e !important;
}
.hover\:color-brownie:hover  {
  color:#b1846e !important;
}
.border-brownie  {
  border-color: #b1846e;
}
.border-bottom-brownie  {
  border-bottom: 1px solid #b1846e;
}
a.bg-brownie .color-white,
button.bg-brownie .color-white {
  border-color: #FFF !important;
}

a .btn.bg-brownie.color-white:active,
a .btn.bg-brownie.color-white:focus,
a .btn.bg-brownie.color-white:hover,
a.bg-brownie.color-white:hover,
a.bg-brownie.color-white:focus,
a.bg-brownie.color-white:active,
button.bg-brownie.color-white:hover,
button.bg-brownie.color-white:focus,
button.bg-brownie.color-white:active {
  color: #b1846e !important;
  background-color: #FFF  !important;
  border-color: #b1846e !important;
}

a .btn.bg-brownie.color-black:active,
a .btn.bg-brownie.color-black:focus,
a .btn.bg-brownie.color-black:hover,
a.bg-brownie .color-black:hover,
a.bg-brownie .color-black:focus,
a.bg-brownie .color-black:active,
button.bg-brownie .color-black:hover,
button.bg-brownie .color-black:focus,
button.bg-brownie .color-black:active {
  color: #b1846e !important;
  background-color: #000  !important;
  border-color: #b1846e !important;
}

/* TRANSPARENT brownie */
a.bg-transparent.color-brownie,
button.bg-transparent.color-brownie {
  color: #b1846e !important;
  background-color: transparent !important;
  border-color: #b1846e !important;
}

a .btn.bg-transparent.color-brownie:active,
a .btn.bg-transparent.color-brownie:focus,
a .btn.bg-transparent.color-brownie:hover,
a.bg-transparent.color-brownie:hover,
a.bg-transparent.color-brownie:focus,
a.bg-transparent.color-brownie:active,
button.bg-transparent.color-brownie:hover,
button.bg-transparent.color-brownie:focus,
button.bg-transparent.color-brownie:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* YELLOW */
.bg-yellow {
  background-color: #f0cb5d;
}
.hover\:bg-yellow:hover {
  background-color: #f0cb5d;
}
.color-yellow {
  color: #f0cb5d;
}
.hover\:color-yellow:hover {
  color: #f0cb5d;
}
.border-yellow {
  border-color: #f0cb5d !important;
}

a .btn.bg-yellow.color-white:active,
a .btn.bg-yellow.color-white:focus,
a .btn.bg-yellow.color-white:hover,
a.bg-yellow.color-white:hover,
a.bg-yellow.color-white:focus,
a.bg-yellow.color-white:active,
button.bg-yellow.color-white:hover,
button.bg-yellow.color-white:focus,
button.bg-yellow.color-white:active {
  color: #f0cb5d !important;
  background-color: #fff  !important;
  border-color: #f0cb5d !important;
}

/* TRANSPARENT yellow */
a.bg-transparent.color-yellow,
button.bg-transparent.color-yellow {
  color: #f0cb5d !important;
  background-color: transparent !important;
  border-color: #f0cb5d !important;
}

a .btn.bg-transparent.color-yellow:active,
a .btn.bg-transparent.color-yellow:focus,
a .btn.bg-transparent.color-yellow:hover,
a.bg-transparent.color-yellow:hover,
a.bg-transparent.color-yellow:focus,
a.bg-transparent.color-yellow:active,
button.bg-transparent.color-yellow:hover,
button.bg-transparent.color-yellow:focus,
button.bg-transparent.color-yellow:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.bg-yellow-light {
  background-color: #fdf19d;
}
.hover\:bg-yellow-light:hover {
  background-color: #fdf19d;
}
.color-yellow-light {
  color: #fdf19d;
}
.hover\:color-yellow-light:hover {
  color: #fdf19d;
}
.border-yellow-light {
  border-color: #fdf19d !important;
}

a .btn.bg-yellow-light.color-white:active,
a .btn.bg-yellow-light.color-white:focus,
a .btn.bg-yellow-light.color-white:hover,
a.bg-yellow-light.color-white:hover,
a.bg-yellow-light.color-white:focus,
a.bg-yellow-light.color-white:active,
button.bg-yellow-light.color-white:hover,
button.bg-yellow-light.color-white:focus,
button.bg-yellow-light.color-white:active {
  color: #fdf19d !important;
  background-color: #fff  !important;
  border-color: #fdf19d !important;
}


/* TRANSPARENT yellow-light */
a.bg-transparent.color-yellow-light,
button.bg-transparent.color-yellow-light {
  color: #fdf19d !important;
  background-color: transparent !important;
  border-color: #fdf19d !important;
}
a.bg-transparent.color-yellow-light:hover,
a.bg-transparent.color-yellow-light:focus,
a.bg-transparent.color-yellow-light:active,
button.bg-transparent.color-yellow-light:hover,
button.bg-transparent.color-yellow-light:focus,
button.bg-transparent.color-yellow-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}


.bg-doree {
  background-color: #9b8748;
}
.hover\:bg-doree:hover {
  background-color: #9b8748;
}
.color-doree {
  color: #9b8748 !important;
}
.hover\:color-doree:hover {
  color: #9b8748;
}
.border-doree {
  border-color: #9b8748 !important;
}

a .btn.bg-doree.color-white:active,
a .btn.bg-doree.color-white:focus,
a .btn.bg-doree.color-white:hover,
a.bg-doree.color-white:hover,
a.bg-doree.color-white:focus,
a.bg-doree.color-white:active,
button.bg-doree.color-white:hover,
button.bg-doree.color-white:focus,
button.bg-doree.color-white:active {
  color: #9b8748 !important;
  background-color: #fff  !important;
  border-color: #9b8748 !important;
}

/* TRANSPARENT doree */
a.bg-transparent.color-doree,
button.bg-transparent.color-doree {
  color: #9b8748 !important;
  background-color: transparent !important;
  border-color: #9b8748 !important;
}

a .btn.bg-transparent.color-doree:active,
a .btn.bg-transparent.color-doree:focus,
a .btn.bg-transparent.color-doree:hover,
a.bg-transparent.color-doree:hover,
a.bg-transparent.color-doree:focus,
a.bg-transparent.color-doree:active,
button.bg-transparent.color-doree:hover,
button.bg-transparent.color-doree:focus,
button.bg-transparent.color-doree:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* bordeaux */
.bg-bordeaux {
  background-color: #680f3d !important;
}
.hover\:bg-bordeaux:hover {
  background-color: #680f3d !important;
}
.color-bordeaux {
  color: #680f3d !important;
}
.hover\:color-bordeaux:hover {
  color: #680f3d !important;
}
.border-bordeaux {
  border-color: #680f3d !important;
}

a .btn.bg-bordeaux.color-white:active,
a .btn.bg-bordeaux.color-white:focus,
a .btn.bg-bordeaux.color-white:hover,
a.bg-bordeaux.color-white:hover,
a.bg-bordeaux.color-white:focus,
a.bg-bordeaux.color-white:active,
button.bg-bordeaux.color-white:hover,
button.bg-bordeaux.color-white:focus,
button.bg-bordeaux.color-white:active {
  color: #680f3d !important;
  background-color: #fff  !important;
  border-color: #680f3d !important;
}

/* TRANSPARENT bordeaux */
a.bg-transparent.color-bordeaux,
button.bg-transparent.color-bordeaux {
  color: #680f3d !important;
  background-color: transparent !important;
  border-color: #680f3d !important;
}

a .btn.bg-transparent.color-bordeaux:active,
a .btn.bg-transparent.color-bordeaux:focus,
a .btn.bg-transparent.color-bordeaux:hover,
a.bg-transparent.color-bordeaux:hover,
a.bg-transparent.color-bordeaux:focus,
a.bg-transparent.color-bordeaux:active,
button.bg-transparent.color-bordeaux:hover,
button.bg-transparent.color-bordeaux:focus,
button.bg-transparent.color-bordeaux:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* bordeaux light */
.bg-bordeaux-light {
  background-color: #c07b88;
}
.hover\:bg-bordeaux-light:hover {
  background-color: #c07b88;
}
.color-bordeaux-light {
  color: #c07b88;
}
.hover\:color-bordeaux-light:hover {
  color: #c07b88;
}
.border-bordeaux-light {
  border-color: #c07b88 !important;
}

a .btn.bg-bordeaux-light.color-white:active,
a .btn.bg-bordeaux-light.color-white:focus,
a .btn.bg-bordeaux-light.color-white:hover,
a.bg-bordeaux-light.color-white:hover,
a.bg-bordeaux-light.color-white:focus,
a.bg-bordeaux-light.color-white:active,
button.bg-bordeaux-light.color-white:hover,
button.bg-bordeaux-light.color-white:focus,
button.bg-bordeaux-light.color-white:active {
  color: #c07b88 !important;
  background-color: #fff  !important;
  border-color: #c07b88 !important;
}


/* TRANSPARENT bordeaux-light */
a.bg-transparent.color-bordeaux-light,
button.bg-transparent.color-bordeaux-light {
  color: #c07b88 !important;
  background-color: transparent !important;
  border-color: #c07b88 !important;
}
a.bg-transparent.color-bordeaux-light:hover,
a.bg-transparent.color-bordeaux-light:focus,
a.bg-transparent.color-bordeaux-light:active,
button.bg-transparent.color-bordeaux-light:hover,
button.bg-transparent.color-bordeaux-light:focus,
button.bg-transparent.color-bordeaux-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* marine */
.bg-marine {
  background-color: #011a57 !important;
}
.hover\:bg-marine:hover {
  background-color: #011a57 !important;
}
.color-marine {
  color: #011a57 !important;
}
.hover\:color-marine:hover {
  color: #011a57 !important;
}
.border-marine {
  border-color: #011a57 !important;
}

a .btn.bg-marine.color-white:active,
a .btn.bg-marine.color-white:focus,
a .btn.bg-marine.color-white:hover,
a.bg-marine.color-white:hover,
a.bg-marine.color-white:focus,
a.bg-marine.color-white:active,
button.bg-marine.color-white:hover,
button.bg-marine.color-white:focus,
button.bg-marine.color-white:active {
  color: #011a57 !important;
  background-color: #fff  !important;
  border-color: #011a57 !important;
}

/* TRANSPARENT marine */
a.bg-transparent.color-marine,
button.bg-transparent.color-marine {
  color: #011a57 !important;
  background-color: transparent !important;
  border-color: #011a57 !important;
}

a .btn.bg-transparent.color-marine:active,
a .btn.bg-transparent.color-marine:focus,
a .btn.bg-transparent.color-marine:hover,
a.bg-transparent.color-marine:hover,
a.bg-transparent.color-marine:focus,
a.bg-transparent.color-marine:active,
button.bg-transparent.color-marine:hover,
button.bg-transparent.color-marine:focus,
button.bg-transparent.color-marine:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* marine light */
.bg-marine-light {
  background-color: #50567b;
}
.hover\:bg-marine-light:hover {
  background-color: #50567b;
}
.color-marine-light {
  color: #50567b;
}
.hover\:color-marine-light:hover {
  color: #50567b;
}
.border-marine-light {
  border-color: #50567b !important;
}

a .btn.bg-marine-light.color-white:active,
a .btn.bg-marine-light.color-white:focus,
a .btn.bg-marine-light.color-white:hover,
a.bg-marine-light.color-white:hover,
a.bg-marine-light.color-white:focus,
a.bg-marine-light.color-white:active,
button.bg-marine-light.color-white:hover,
button.bg-marine-light.color-white:focus,
button.bg-marine-light.color-white:active {
  color: #50567b !important;
  background-color: #fff  !important;
  border-color: #50567b !important;
}


/* TRANSPARENT marine-light */
a.bg-transparent.color-marine-light,
button.bg-transparent.color-marine-light {
  color: #50567b !important;
  background-color: transparent !important;
  border-color: #50567b !important;
}
a.bg-transparent.color-marine-light:hover,
a.bg-transparent.color-marine-light:focus,
a.bg-transparent.color-marine-light:active,
button.bg-transparent.color-marine-light:hover,
button.bg-transparent.color-marine-light:focus,
button.bg-transparent.color-marine-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* ciel */
.bg-ciel {
  background-color: #66d6ff !important;
}
.hover\:bg-ciel:hover {
  background-color: #66d6ff !important;
}
.color-ciel {
  color: #66d6ff !important;
}
.hover\:color-ciel:hover {
  color: #66d6ff !important;
}
.border-ciel {
  border-color: #66d6ff !important;
}

a .btn.bg-ciel.color-white:active,
a .btn.bg-ciel.color-white:focus,
a .btn.bg-ciel.color-white:hover,
a.bg-ciel.color-white:hover,
a.bg-ciel.color-white:focus,
a.bg-ciel.color-white:active,
button.bg-ciel.color-white:hover,
button.bg-ciel.color-white:focus,
button.bg-ciel.color-white:active {
  color: #66d6ff !important;
  background-color: #fff  !important;
  border-color: #66d6ff !important;
}

/* TRANSPARENT ciel */
a.bg-transparent.color-ciel,
button.bg-transparent.color-ciel {
  color: #66d6ff !important;
  background-color: transparent !important;
  border-color: #66d6ff !important;
}

a .btn.bg-transparent.color-ciel:active,
a .btn.bg-transparent.color-ciel:focus,
a .btn.bg-transparent.color-ciel:hover,
a.bg-transparent.color-ciel:hover,
a.bg-transparent.color-ciel:focus,
a.bg-transparent.color-ciel:active,
button.bg-transparent.color-ciel:hover,
button.bg-transparent.color-ciel:focus,
button.bg-transparent.color-ciel:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* ciel-dark */
.bg-ciel-dark {
  background-color: #01849b !important;
}
.hover\:bg-ciel-dark:hover {
  background-color: #01849b !important;
}
.color-ciel-dark {
  color: #01849b !important;
}
.hover\:color-ciel-dark:hover {
  color: #01849b !important;
}
.border-ciel-dark {
  border-color: #01849b !important;
}

a .btn.bg-ciel-dark.color-white:active,
a .btn.bg-ciel-dark.color-white:focus,
a .btn.bg-ciel-dark.color-white:hover,
a.bg-ciel-dark.color-white:hover,
a.bg-ciel-dark.color-white:focus,
a.bg-ciel-dark.color-white:active,
button.bg-ciel-dark.color-white:hover,
button.bg-ciel-dark.color-white:focus,
button.bg-ciel-dark.color-white:active {
  color: #01849b !important;
  background-color: #fff  !important;
  border-color: #01849b !important;
}

/* TRANSPARENT ciel-dark */
a.bg-transparent.color-ciel-dark,
button.bg-transparent.color-ciel-dark {
  color: #01849b !important;
  background-color: transparent !important;
  border-color: #01849b !important;
}
a.bg-transparent.color-ciel-dark:hover,
a.bg-transparent.color-ciel-dark:focus,
a.bg-transparent.color-ciel-dark:active,
button.bg-transparent.color-ciel-dark:hover,
button.bg-transparent.color-ciel-dark:focus,
button.bg-transparent.color-ciel-dark:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* ocre */
.bg-ocre {
  background-color: #f7b352 !important;
}
.hover\:bg-ocre:hover {
  background-color: #f7b352 !important;
}
.color-ocre {
  color: #f7b352 !important;
}
.hover\:color-ocre:hover {
  color: #f7b352 !important;
}
.border-ocre {
  border-color: #f7b352 !important;
}

a .btn.bg-ocre.color-white:active,
a .btn.bg-ocre.color-white:focus,
a .btn.bg-ocre.color-white:hover,
a.bg-ocre.color-white:hover,
a.bg-ocre.color-white:focus,
a.bg-ocre.color-white:active,
button.bg-ocre.color-white:hover,
button.bg-ocre.color-white:focus,
button.bg-ocre.color-white:active {
  color: #f7b352 !important;
  background-color: #fff  !important;
  border-color: #f7b352 !important;
}

/* TRANSPARENT ocre */
a.bg-transparent.color-ocre,
button.bg-transparent.color-ocre {
  color: #f7b352 !important;
  background-color: transparent !important;
  border-color: #f7b352 !important;
}

a .btn.bg-transparent.color-ocre:active,
a .btn.bg-transparent.color-ocre:focus,
a .btn.bg-transparent.color-ocre:hover,
a.bg-transparent.color-ocre:hover,
a.bg-transparent.color-ocre:focus,
a.bg-transparent.color-ocre:active,
button.bg-transparent.color-ocre:hover,
button.bg-transparent.color-ocre:focus,
button.bg-transparent.color-ocre:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* ocre light */
.bg-ocre-light {
  background-color: #f3dab2;
}
.hover\:bg-ocre-light:hover {
  background-color: #f3dab2;
}
.color-ocre-light {
  color: #f3dab2;
}
.hover\:color-ocre-light:hover {
  color: #f3dab2;
}
.border-ocre-light {
  border-color: #f3dab2 !important;
}

a .btn.bg-ocre-light.color-white:active,
a .btn.bg-ocre-light.color-white:focus,
a .btn.bg-ocre-light.color-white:hover,
a.bg-ocre-light.color-white:hover,
a.bg-ocre-light.color-white:focus,
a.bg-ocre-light.color-white:active,
button.bg-ocre-light.color-white:hover,
button.bg-ocre-light.color-white:focus,
button.bg-ocre-light.color-white:active {
  color: #f3dab2 !important;
  background-color: #fff  !important;
  border-color: #f3dab2 !important;
}


/* TRANSPARENT ocre-light */
a.bg-transparent.color-ocre-light,
button.bg-transparent.color-ocre-light {
  color: #f3dab2 !important;
  background-color: transparent !important;
  border-color: #f3dab2 !important;
}
a.bg-transparent.color-ocre-light:hover,
a.bg-transparent.color-ocre-light:focus,
a.bg-transparent.color-ocre-light:active,
button.bg-transparent.color-ocre-light:hover,
button.bg-transparent.color-ocre-light:focus,
button.bg-transparent.color-ocre-light:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

/* OR */
.bg-gold {
  background-color: #e49d4f !important;
}
.hover\:bg-gold:hover {
  background-color: #e49d4f !important;
}
.color-gold {
  color: #e49d4f !important;
}
.hover\:color-gold:hover {
  color: #e49d4f !important;
}
.border-gold {
  border-color: #e49d4f !important;
}

/* TRANSPARENT OR */
a.bg-transparent.color-white.border-gold,
button.bg-transparent.color-white.border-gold {
  color: #fff !important;
  background-color: transparent !important;
  border-color: #e49d4f !important;
}

/* CHANSON */
.bg-chanson {
  background-color: #0d3a7b !important;
}
.hover\:bg-chanson:hover {
  background-color: #0d3a7b !important;
}
.color-chanson {
  color: #0d3a7b !important;
}
.hover\:color-chanson:hover {
  color: #0d3a7b !important;
}

/* marron-aberlour */
.bg-marron-aberlour {
  background-color: #3e2313 !important;
}
.hover\:bg-marron-aberlour:hover {
  background-color: #3e2313 !important;
}
.color-marron-aberlour {
  color: #3e2313 !important;
}
.hover\:color-marron-aberlour:hover {
  color: #3e2313 !important;
}
.border-marron-aberlour {
  border-color: #3e2313 !important;
}

/* beige-aberlour */
.bg-beige-aberlour {
  background-color: #bb8f68 !important;
}
.hover\:bg-beige-aberlour:hover {
  background-color: #bb8f68 !important;
}
.color-beige-aberlour {
  color: #bb8f68 !important;
}
.hover\:color-beige-aberlour:hover {
  color: #bb8f68 !important;
}
.border-beige-aberlour {
  border-color: #bb8f68 !important;
}

/* beigelight-aberlour */
.bg-beigelight-aberlour {
  background-color: #f7f3e9 !important;
}
.hover\:bg-beigelight-aberlour:hover {
  background-color: #f7f3e9 !important;
}
.color-beigelight-aberlour {
  color: #f7f3e9 !important;
}
.hover\:color-beigelight-aberlour:hover {
  color: #f7f3e9 !important;
}
.border-beigelight-aberlour {
  border-color: #f7f3e9 !important;
}

/* grey1-rsrv */
.bg-grey1-rsrv {
  background-color: #f7f7f7 !important;
}
.hover\:bg-grey1-rsrv:hover {
  background-color: #f7f7f7 !important;
}
.color-grey1-rsrv {
  color: #f7f7f7 !important;
}
.hover\:color-grey1-rsrv:hover {
  color: #f7f7f7 !important;
}
.border-grey1-rsrv {
  border-color: #f7f7f7 !important;
}

/* grey2-rsrv */
.bg-grey2-rsrv {
  background-color: #a6a6a6 !important;
}
.hover\:bg-grey2-rsrv:hover {
  background-color: #a6a6a6 !important;
}
.color-grey2-rsrv {
  color: #a6a6a6 !important;
}
.hover\:color-grey2-rsrv:hover {
  color: #a6a6a6 !important;
}
.border-grey2-rsrv {
  border-color: #a6a6a6 !important;
}

/* grey3-rsrv */
.bg-grey3-rsrv {
  background-color: #5e5e5e !important;
}
.hover\:bg-grey3-rsrv:hover {
  background-color: #5e5e5e !important;
}
.color-grey3-rsrv {
  color: #5e5e5e !important;
}
.hover\:color-grey3-rsrv:hover {
  color: #5e5e5e !important;
}
.border-grey3-rsrv {
  border-color: #5e5e5e !important;
}

/* grey4-rsrv */
.bg-grey4-rsrv {
  background-color: #262626 !important;
}
.hover\:bg-grey4-rsrv:hover {
  background-color: #262626 !important;
}
.color-grey4-rsrv {
  color: #262626 !important;
}
.hover\:color-grey4-rsrv:hover {
  color: #262626 !important;
}
.border-grey4-rsrv {
  border-color: #262626 !important;
}

/* rouge-rsrv */
.bg-rouge-rsrv {
  background-color: #b97064 !important;
}
.hover\:bg-rouge-rsrv:hover {
  background-color: #b97064 !important;
}
.color-rouge-rsrv {
  color: #b97064 !important;
}
.hover\:color-rouge-rsrv:hover {
  color: #b97064 !important;
}
.border-rouge-rsrv {
  border-color: #b97064 !important;
}

/* melon-veuve */
.bg-melon-veuve {
  background-color: #fbb034 !important;
}
.hover\:bg-melon-veuve:hover {
  background-color: #fbb034 !important;
}
.color-melon-veuve {
  color: #fbb034 !important;
}
.hover\:color-melon-veuve:hover {
  color: #fbb034 !important;
}
.border-melon-veuve {
  border-color: #fbb034 !important;
}

/* rose-veuve */
.bg-rose-veuve {
  background-color: #fac8cb !important;
}
.hover\:bg-rose-veuve:hover {
  background-color: #fac8cb !important;
}
.color-rose-veuve {
  color: #fac8cb !important;
}
.hover\:color-rose-veuve:hover {
  color: #fac8cb !important;
}
.border-rose-veuve {
  border-color: #fac8cb !important;
}

/*TEXTE*/

.text-uppercase{
   text-transform: uppercase !important;
}

.text-capitalize{
   text-transform: capitalize !important;
}

.text-lowercase{
   text-transform: lowercase !important;
}
.text-lowercase-title {
  text-transform: lowercase !important;
}

.text-lowercase-title:first-letter {
  text-transform: capitalize ;
}

.text-italic {
  font-style: italic !important;
}

.text-underline {
  text-decoration: underline;
}

.text-light {
  font-weight: 300 !important;
}

.text-no-weight {
  font-weight: normal !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-semibold {
  font-weight: 600 !important;
}

.text-bold {
  font-weight: bold !important;
}

.text-heavy {
  font-weight: 900 !important;
}

/* TAILLE BOUTON */

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
}

.btn-sm, .btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-link {
  border: none;
  line-height: none;
}

/* STYLES */
.italic {
  font-style: italic !important;
}

.liste-circle {
  list-style: circle;
}

/* LABELS */
.label {
  display: inline-block;
  padding: 3px;
  font-size: 75%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

/* TAILLE TEXTES */

.taille-xl small,
.taille-xxl small,
.taille-xxxl small,
.taille-xxxxl small,
.taille-lg small,
.taille-md small,
.taille-sm small,
.taille-xs small,
.taille-xxs small,
.taille-xl .small,
.taille-xxl .small,
.taille-xxxl .small,
.taille-xxxxl .small,
.taille-lg .small,
.taille-md .small,
.taille-sm .small,
.taille-xs .small,
.taille-xxs .small {
  font-weight: normal;
  line-height: 1.4 ;
  font-size: 75% !important;
}

.taille-xxxxl {
  font-size: 90px !important;
}
.taille-xxxl {
  font-size: 39px !important;
}
.taille-xxl {
  font-size: 33px !important;
}
.taille-xl {
  font-size: 25px !important;
}
.taille-lg {
  font-size: 19px !important;
}
.taille-md {
  font-size: 17px !important;
}
.taille-sm {
  font-size: 16px !important;
}
.taille-xs {
  font-size: 15px !important;
}
.taille-xxs {
  font-size: 13px !important;
}

.taille-xxxs {
  font-size: 10px !important;
}

/*PADDING*/
.padding {
  padding: 10px !important;
}
.padding-vertical {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padding-horizontal {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.padding-top {
  padding-top: 10px !important;
}
.padding-right {
  padding-right: 10px !important;
}
.padding-bottom {
  padding-bottom: 10px !important;
}
.padding-left {
  padding-left: 10px !important;
}

/* PADDING 2px */
.padding-2 {
  padding: 2px !important;
}
.padding-vertical-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.padding-horizontal-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.padding-top-2 {
  padding-top: 2px !important;
}
.padding-right-2 {
  padding-right: 2px !important;
}
.padding-bottom-2 {
  padding-bottom: 2px !important;
}
.padding-left-2 {
  padding-left: 2px !important;
}

/* PADDING 3px */
.padding-3 {
  padding: 3px !important;
}
.padding-vertical-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.padding-horizontal-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.padding-top-3 {
  padding-top: 3px !important;
}
.padding-right-3 {
  padding-right: 3px !important;
}
.padding-bottom-3 {
  padding-bottom: 3px !important;
}
.padding-left-3 {
  padding-left: 3px !important;
}

/* PADDING 4px */
.padding-4 {
  padding: 4px !important;
}
.padding-vertical-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.padding-horizontal-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.padding-top-4 {
  padding-top: 4px !important;
}
.padding-right-4 {
  padding-right: 4px !important;
}
.padding-bottom-4 {
  padding-bottom: 4px !important;
}
.padding-left-4 {
  padding-left: 4px !important;
}

/* PADDING 5px */
.padding-5 {
  padding: 5px !important;
}
.padding-vertical-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padding-horizontal-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}

/* PADDING 10px */
.padding-10 {
  padding: 10px !important;
}
.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padding-horizontal-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}

/* PADDING 12px */
.padding-12 {
  padding: 12px !important;
}
.padding-vertical-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.padding-horizontal-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.padding-top-12 {
  padding-top: 12px !important;
}
.padding-right-12 {
  padding-right: 12px !important;
}
.padding-bottom-12 {
  padding-bottom: 12px !important;
}
.padding-left-12 {
  padding-left: 12px !important;
}

/* PADDING 15px */
.padding-15 {
  padding: 15px !important;
}
.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-horizontal-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}

/* PADDING 20px */
.padding-20 {
  padding: 20px !important;
}
.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.padding-horizontal-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}

/* PADDING 30px */
.padding-30 {
  padding: 30px !important;
}
.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padding-horizontal-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}

/* PADDING 40px */
.padding-40 {
  padding: 40px !important;
}
.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.padding-horizontal-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}


/* PADDING 50px */
.padding-50 {
  padding: 50px !important;
}
.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.padding-horizontal-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}

/* PADDING 75px */
.padding-75 {
  padding: 75px !important;
}
.padding-vertical-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.padding-horizontal-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}
.padding-top-75 {
  padding-top: 75px !important;
}
.padding-right-75 {
  padding-right: 75px !important;
}
.padding-bottom-75 {
  padding-bottom: 75px !important;
}
.padding-left-75 {
  padding-left: 75px !important;
}

/* PADDING 100px */
.padding-100 {
  padding: 100px !important;
}
.padding-vertical-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.padding-horizontal-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.padding-top-100 {
  padding-top: 100px !important;
}
.padding-right-100 {
  padding-right: 100px !important;
}
.padding-bottom-100 {
  padding-bottom: 100px !important;
}
.padding-left-100 {
  padding-left: 100px !important;
}



.no-padding {
  padding: 0px !important;
}
.no-padding-vertical {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.no-padding-horizontal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.no-padding-top {
  padding-top: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.no-padding-left {
  padding-left: 0px !important;
}


/*LINE HEIGHT*/
.line-height-10 {
  line-height:10px !important;
}
.line-height-15 {
  line-height:15px !important;
}
.line-height-20 {
  line-height:20px !important;
}
.line-height-25 {
  line-height:25px !important;
}
.line-height-30 {
  line-height:30px !important;
}
.line-height-35 {
  line-height:35px !important;
}
.line-height-40 {
  line-height:40px !important;
}
.line-height-45 {
  line-height:45px !important;
}
.line-height-normal {
  line-height: normal;
}



/*MARGIN*/
.margin {
  margin: 10px !important;
}
.margin-vertical {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-horizontal {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.margin-top {
  margin-top: 10px !important;
}
.margin-right {
  margin-right: 10px !important;
}
.margin-bottom {
  margin-bottom: 10px !important;
}
.margin-left {
  margin-left: 10px !important;
}


/* MARGIN 3px */
.margin-3 {
  margin: 3px !important;
}
.margin-vertical-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.margin-horizontal-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.margin-top-3 {
  margin-top: 3px !important;
}
.margin-right-3 {
  margin-right: 3px !important;
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}
.margin-left-3 {
  margin-left: 3px !important;
}


/* MARGIN 5px */
.margin-5 {
  margin: 5px !important;
}
.margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin-horizontal-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}

/* MARGIN 7px */
.margin-7 {
  margin: 7px !important;
}
.margin-vertical-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.margin-horizontal-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.margin-top-7 {
  margin-top: 7px !important;
}
.margin-right-7 {
  margin-right: 7px !important;
}
.margin-bottom-7 {
  margin-bottom: 7px !important;
}
.margin-left-7 {
  margin-left: 7px !important;
}

/* MARGIN 10px */
.margin-10 {
  margin: 10px !important;
}
.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-horizontal-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}

/* MARGIN 15px */
.margin-15 {
  margin: 15px !important;
}
.margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.margin-horizontal-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}

/* MARGIN 20px */
.margin-20 {
  margin: 20px !important;
}
.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.margin-horizontal-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}


/* MARGIN 30px */
.margin-30 {
  margin: 30px !important;
}
.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.margin-horizontal-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}

/* MARGIN 40px */
.margin-40 {
  margin: 40px !important;
}
.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.margin-horizontal-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}

/* MARGIN 50px */
.margin-50 {
  margin: 50px !important;
}
.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.margin-horizontal-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}

/* MARGIN 75px */
.margin-75 {
  margin: 75px !important;
}
.margin-vertical-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.margin-horizontal-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}
.margin-top-75 {
  margin-top: 75px !important;
}
.margin-right-75 {
  margin-right: 75px !important;
}
.margin-bottom-75 {
  margin-bottom: 75px !important;
}
.margin-left-75 {
  margin-left: 75px !important;
}

/* MARGIN 100px */
.margin-100 {
  margin: 100px !important;
}
.margin-vertical-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.margin-horizontal-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.margin-top-100 {
  margin-top: 100px !important;
}
.margin-right-100 {
  margin-right: 100px !important;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-left-100 {
  margin-left: 100px !important;
}

.no-margin {
  margin: 0px !important;
}
.no-margin-vertical {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.no-margin-horizontal {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.no-margin-right {
  margin-right: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
.no-margin-left {
  margin-left: 0px !important;
}

  .fil-arianne {
  padding: 6px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #F5F5F5;
  border-radius: 0px;
  }
  .fil-arianne > li {
  font-size: 11px;
  display: inline-block;
  color: #666;
  }
  .fil-arianne > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #666;
  }
  .fil-arianne > .active {
  color: #333;
  font-weight: bold;
  color: #000;
  }
  .page-main-site:has(.fil-arianne) section[data-component="shop-header"] .rft_container:first-child {
    padding-top: 0!important;
  }

.break-word{
  white-space:normal !important;
  word-wrap:break-word;
}
.nowrap {
  white-space: nowrap;
}

.margin-auto {
  margin: auto !important;
}

.height-auto {
  height: auto !important;
}
.circle {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 50% 0;
  /*padding-top: 50%;
  padding-right: 0;
  padding-bottom: 50%;
  padding-left: 0;*/
  border-radius: 50%;

  /* Just making it pretty */
  @shadow: rgba(0, 0, 0, .1);
  @shadow-length: 4px;
  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
    box-shadow: 0 @shadow-length 0 0 @shadow;
  text-shadow: 0 @shadow-length 0 @shadow;
  text-align: center;
  border: none;
}
.circle.circle-nowrap {
  line-height: 0px;
  overflow: hidden;
  white-space: nowrap;
}
.circle.circle-50 { width: 50px; height: 50px; padding: 25px 0; }
.circle.circle-100 { width: 100px; height: 100px; padding: 50px 0; }
.circle.circle-110 { width: 110px; height: 110px; padding: 55px 0; }
.circle.circle-120 { width: 120px; height: 120px; padding: 60px 0; }
.circle.circle-130 { width: 130px; height: 130px; padding: 65px 0; }
.circle.circle-140 { width: 140px; height: 140px; padding: 70px 0; }
.circle.circle-150 { width: 150px; height: 150px; padding: 75px 0; }
.circle.circle-200 { width: 200px; height: 200px; padding: 100px 0; }
.circle.circle-250 { width: 250px; height: 250px; padding: 125px 0; }
.circle.circle-300 { width: 300px; height: 300px; padding: 150px 0; }

a.circle:hover,
a.circle:focus,
a.circle:active,
button.circle:hover,
button.circle:focus,
button.circle:active {
  -webkit-transition: opacity 0.1s ease-in !important;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  opacity: 0.65;
}

.circle .vin, .circle [class^="vin-picto"] {
  line-height: 0;
}
.circle [class^="vin-picto"]:before,
.circle [class*=" vin-picto"]:before {
  line-height: 0;
}


.not-nowrap {
  white-space: normal !important;
}
.text-align-justify {
  text-align: justify !important;
}
.text-align-center {
  text-align: center !important;
}
.text-align-left {
  text-align: left !important;
}
.text-align-right {
  text-align: right !important;
}
.inline-block, .display-inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}

/*HELPERS*/
.max-width-1200 {
  max-width: 1200px;
}

@media (max-width: 767px) {
  .hide-xs {
  display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-sm {
  display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-md {
  display: none !important;
  }
}
@media (min-width: 1200px) {
  .hide-lg {
  display: none !important;
  }
}

.table-block {
  width: 100%;
}

.table-inverse-column-ordering {
  direction: rtl;
}

.table-inverse-column-ordering > .table-row-css > .table-cell-css:first-child {
  /*direction: rtl;*/
}
.table-inverse-column-ordering > .table-row-css > .table-cell-css:last-child {
  /*direction: rtl;*/
}

.table-css-centered {
  margin : 0 auto;
}

.table-css,
.table-css-stacked-xs,
.table-css-stacked-sm,
.table-css-stacked-md,
.table-css-stacked-lg,
.table-css-bloc-xs,
.table-css-bloc-sm,
.table-css-bloc-md,
.table-css-bloc-lg {
  display: table !important;
  height:100%;

}
.table-caption-css {
  display: table-caption;
}
.table-row-css {
  display: table-row;
}
.table-cell-css {
  display: table-cell;
  height:100%;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.vertical-align-middle {
  vertical-align: middle;
}

div[class*="columns-xs-"],
div[class*="columns-sm-"],
div[class*="columns-md-"],
div[class*="columns-lg-"] {
  -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
    column-gap: 30px;
}

div[class*="columns-xs-"] > a,
div[class*="columns-sm-"] > a,
div[class*="columns-md-"] > a,
div[class*="columns-lg-"] > a {
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
       break-inside: avoid; /* IE 10+ */
margin-top: 0px !important;
margin-bottom: 5px !important;
}

em {
  font-style: italic !important;
}


/*
* Extra small devices Phones
* (<768px)
*/
@media (max-width: 767px) {
  .width-auto-xs {
  width: auto !important;
  }

  .table-css-stacked-xs > .table-row-css,
  .table-css-bloc-xs > .table-row-css  {
  display: block;

  }
  .table-css-stacked-xs > .table-row-css:before,
  .table-css-stacked-xs > .table-row-css:after,
  .table-css-bloc-xs > .table-row-css:before,
  .table-css-bloc-xs > .table-row-css:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .table-css-stacked-xs > .table-row-css:after,
  .table-css-bloc-xs > .table-row-css:after {
  clear: both;
  }

  .table-css-stacked-xs > .table-row-css > .table-cell-css,
  .table-css-bloc-xs > .table-row-css > .table-cell-css {

  position: relative;
  min-height: 1px;

  float: left;
  /*display: block;*/
  }

  .table-css-stacked-xs > .table-row-css > .table-cell-css{
  width:100%;
  }

  .columns-xs-1 {
  -webkit-columns: 1;
   -moz-columns: 1;
    columns: 1;
  }
  .columns-xs-2 {
  -webkit-columns: 2;
   -moz-columns: 2;
    columns: 2;
  }
  .columns-xs-3 {
  -webkit-columns: 3;
   -moz-columns: 3;
    columns: 3;
  }
  .columns-xs-4 {
  -webkit-columns: 4;
   -moz-columns: 4;
    columns: 4;
  }

  .pull-right-xs {
  float: right !important;
  }
  .pull-left-xs {
  float: left !important;
  }

  .text-align-center-xs {
  text-align: center !important;
  }
  .text-align-left-xs {
  text-align: left !important;
  }
  .text-align-right-xs {
  text-align: right !important;
  }

  /* NO MARGIN */
  .no-margin-xs { margin: 0 !important; }
  .no-margin-vertical-xs { margin-top: 0 !important; margin-bottom: 0 !important; }
  .no-margin-horizontal-xs { margin-left: 0 !important; margin-right: 0 !important; }
  .no-margin-top-xs {  margin-top: 0 !important; }
  .no-margin-right-xs {  margin-right: 0 !important; }
  .no-margin-bottom-xs { margin-bottom: 0 !important; }
  .no-margin-left-xs { margin-left: 0 !important; }

  /* MARGIN 5px */
  .margin-5-xs { margin: 5px !important; }
  .margin-vertical-5-xs { margin-top: 5px !important; margin-bottom: 5px !important; }
  .margin-horizontal-5-xs { margin-left: 5px !important; margin-right: 5px !important; }
  .margin-top-5-xs {  margin-top: 5px !important; }
  .margin-right-5-xs {  margin-right: 5px !important; }
  .margin-bottom-5-xs { margin-bottom: 5px !important; }
  .margin-left-5-xs { margin-left: 5px !important; }

  /* MARGIN 10px */
  .margin-10-xs { margin: 10px !important; }
  .margin-vertical-10-xs { margin-top: 10px !important; margin-bottom: 10px !important; }
  .margin-horizontal-10-xs { margin-left: 10px !important; margin-right: 10px !important; }
  .margin-top-10-xs {  margin-top: 10px !important; }
  .margin-right-10-xs {  margin-right: 10px !important; }
  .margin-bottom-10-xs { margin-bottom: 10px !important; }
  .margin-left-10-xs { margin-left: 10px !important; }

  /* MARGIN 15px */
  .margin-15-xs { margin: 15px !important; }
  .margin-vertical-15-xs { margin-top: 15px !important; margin-bottom: 15px !important; }
  .margin-horizontal-15-xs { margin-left: 15px !important; margin-right: 15px !important; }
  .margin-top-15-xs {  margin-top: 15px !important; }
  .margin-right-15-xs {  margin-right: 15px !important; }
  .margin-bottom-15-xs { margin-bottom: 15px !important; }
  .margin-left-15-xs { margin-left: 15px !important; }

  /* MARGIN 20px */
  .margin-20-xs { margin: 20px !important; }
  .margin-vertical-20-xs { margin-top: 20px !important; margin-bottom: 20px !important; }
  .margin-horizontal-20-xs { margin-left: 20px !important; margin-right: 20px !important; }
  .margin-top-20-xs {  margin-top: 20px !important; }
  .margin-right-20-xs {  margin-right: 20px !important; }
  .margin-bottom-20-xs { margin-bottom: 20px !important; }
  .margin-left-20-xs { margin-left: 20px !important; }

  /* MARGIN 30px */
  .margin-30-xs { margin: 30px !important; }
  .margin-vertical-30-xs { margin-top: 30px !important; margin-bottom: 30px !important; }
  .margin-horizontal-30-xs { margin-left: 30px !important; margin-right: 30px !important; }
  .margin-top-30-xs {  margin-top: 30px !important; }
  .margin-right-30-xs {  margin-right: 30px !important; }
  .margin-bottom-30-xs { margin-bottom: 30px !important; }
  .margin-left-30-xs { margin-left: 30px !important; }

  /* MARGIN 40px */
  .margin-40-xs { margin: 40px !important; }
  .margin-vertical-40-xs { margin-top: 40px !important; margin-bottom: 40px !important; }
  .margin-horizontal-40-xs { margin-left: 40px !important; margin-right: 40px !important; }
  .margin-top-40-xs {  margin-top: 40px !important; }
  .margin-right-40-xs {  margin-right: 40px !important; }
  .margin-bottom-40-xs { margin-bottom: 40px !important; }
  .margin-left-40-xs { margin-left: 40px !important; }

  /* NO PADDING */
  .no-padding-xs { padding: 0 !important; }
  .no-padding-vertical-xs { padding-top: 0 !important; padding-bottom: 0 !important; }
  .no-padding-horizontal-xs { padding-left: 0 !important; padding-right: 0 !important; }
  .no-padding-top-xs {  padding-top: 0 !important; }
  .no-padding-right-xs {  padding-right: 0 !important; }
  .no-padding-bottom-xs { padding-bottom: 0 !important; }
  .no-padding-left-xs { padding-left: 0 !important; }

  /* PADDING 5px */
  .padding-5-xs { padding: 5px !important; }
  .padding-vertical-5-xs { padding-top: 5px !important; padding-bottom: 5px !important; }
  .padding-horizontal-5-xs { padding-left: 5px !important; padding-right: 5px !important; }
  .padding-top-5-xs {  padding-top: 5px !important; }
  .padding-right-5-xs {  padding-right: 5px !important; }
  .padding-bottom-5-xs { padding-bottom: 5px !important; }
  .padding-left-5-xs { padding-left: 5px !important; }

  /* PADDING 10px */
  .padding-10-xs { padding: 10px !important; }
  .padding-vertical-10-xs { padding-top: 10px !important; padding-bottom: 10px !important; }
  .padding-horizontal-10-xs { padding-left: 10px !important; padding-right: 10px !important; }
  .padding-top-10-xs {  padding-top: 10px !important; }
  .padding-right-10-xs {  padding-right: 10px !important; }
  .padding-bottom-10-xs { padding-bottom: 10px !important; }
  .padding-left-10-xs { padding-left: 10px !important; }

  /* PADDING 15px */
  .padding-15-xs { padding: 15px !important; }
  .padding-vertical-15-xs { padding-top: 15px !important; padding-bottom: 15px !important; }
  .padding-horizontal-15-xs { padding-left: 15px !important; padding-right: 15px !important; }
  .padding-top-15-xs {  padding-top: 15px !important; }
  .padding-right-15-xs {  padding-right: 15px !important; }
  .padding-bottom-15-xs { padding-bottom: 15px !important; }
  .padding-left-15-xs { padding-left: 15px !important; }

  /* PADDING 20px */
  .padding-20-xs { padding: 20px !important; }
  .padding-vertical-20-xs { padding-top: 20px !important; padding-bottom: 20px !important; }
  .padding-horizontal-20-xs { padding-left: 20px !important; padding-right: 20px !important; }
  .padding-top-20-xs {  padding-top: 20px !important; }
  .padding-right-20-xs {  padding-right: 20px !important; }
  .padding-bottom-20-xs { padding-bottom: 20px !important; }
  .padding-left-20-xs { padding-left: 20px !important; }


  .no-padding-xs {     padding: 0px !important;    }
  .no-padding-vertical-xs {        padding-top: 0px !important;        padding-bottom: 0px !important;    }
  .no-padding-horizontal-xs {        padding-left: 0px !important;        padding-right: 0px !important;    }
  .no-padding-top-xs {        padding-top: 0px !important;    }
  .no-padding-right-xs {        padding-right: 0px !important;    }
  .no-padding-bottom-xs {        padding-bottom: 0px !important;    }
  .no-padding-left-xs {        padding-left: 0px !important;    }

  .table-css-centered-xs {
  margin : 0 auto;
  }

  /*LINE HEIGHT XS*/
  .line-height-10-xs {
  line-height:10px !important;
  }
  .line-height-15-xs {
  line-height:15px !important;
  }
  .line-height-20-xs {
  line-height:20px !important;
  }
  .line-height-25-xs {
  line-height:25px !important;
  }
  .line-height-30-xs {
  line-height:30px !important;
  }
  .line-height-35-xs {
  line-height:35px !important;
  }
}

/*
* Small devices Tablets
* (≥768px)
*/
@media (min-width: 768px) and (max-width: 991px) {
  .width-auto-sm {
  width: auto !important;
  }

  .table-css-stacked-sm > .table-row-css,
  .table-css-bloc-sm > .table-row-css {
  display: block;

  }
  .table-css-stacked-sm > .table-row-css:before,
  .table-css-stacked-sm > .table-row-css:after,
  .table-css-bloc-sm > .table-row-css:before,
  .table-css-bloc-sm > .table-row-css:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .table-css-stacked-sm > .table-row-css:after,
  .table-css-bloc-sm > .table-row-css:after {
  clear: both;
  }

  .table-css-stacked-sm > .table-row-css > .table-cell-css,
  .table-css-bloc-sm > .table-row-css > .table-cell-css {
  position: relative;
  min-height: 1px;

  float: left;
  /*display: block;*/
  }

  .table-css-stacked-sm > .table-row-css > .table-cell-css {
  width:100%;
  /*display: block;*/
  }
  .columns-sm-1 {
  -webkit-columns: 1;
   -moz-columns: 1;
    columns: 1;
  }
  .columns-sm-2 {
  -webkit-columns: 2;
   -moz-columns: 2;
    columns: 2;
  }
  .columns-sm-3 {
  -webkit-columns: 3;
   -moz-columns: 3;
    columns: 3;
  }
  .columns-sm-4 {
  -webkit-columns: 4;
   -moz-columns: 4;
    columns: 4;
  }

  .pull-right-sm {
  float: right !important;
  }
  .pull-left-sm {
  float: left !important;
  }

  .text-align-center-sm {
  text-align: center !important;
  }
  .text-align-left-sm {
  text-align: left !important;
  }
  .text-align-right-sm {
  text-align: right !important;
  }

  /* NO MARGIN */
  .no-margin-sm { margin: 0 !important; }
  .no-margin-vertical-sm { margin-top: 0 !important; margin-bottom: 0 !important; }
  .no-margin-horizontal-sm { margin-left: 0 !important; margin-right: 0 !important; }
  .no-margin-top-sm {  margin-top: 0 !important; }
  .no-margin-right-sm {  margin-right: 0 !important; }
  .no-margin-bottom-sm { margin-bottom: 0 !important; }
  .no-margin-left-sm { margin-left: 0 !important; }

  /* MARGIN 5px */
  .margin-5-sm { margin: 5px !important; }
  .margin-vertical-5-sm { margin-top: 5px !important; margin-bottom: 5px !important; }
  .margin-horizontal-5-sm { margin-left: 5px !important; margin-right: 5px !important; }
  .margin-top-5-sm {  margin-top: 5px !important; }
  .margin-right-5-sm {  margin-right: 5px !important; }
  .margin-bottom-5-sm { margin-bottom: 5px !important; }
  .margin-left-5-sm { margin-left: 5px !important; }

  /* MARGIN 10px */
  .margin-10-sm { margin: 10px !important; }
  .margin-vertical-10-sm { margin-top: 10px !important; margin-bottom: 10px !important; }
  .margin-horizontal-10-sm { margin-left: 10px !important; margin-right: 10px !important; }
  .margin-top-10-sm {  margin-top: 10px !important; }
  .margin-right-10-sm {  margin-right: 10px !important; }
  .margin-bottom-10-sm { margin-bottom: 10px !important; }
  .margin-left-10-sm { margin-left: 10px !important; }

  /* MARGIN 15px */
  .margin-15-sm { margin: 15px !important; }
  .margin-vertical-15-sm { margin-top: 15px !important; margin-bottom: 15px !important; }
  .margin-horizontal-15-sm { margin-left: 15px !important; margin-right: 15px !important; }
  .margin-top-15-sm {  margin-top: 15px !important; }
  .margin-right-15-sm {  margin-right: 15px !important; }
  .margin-bottom-15-sm { margin-bottom: 15px !important; }
  .margin-left-15-sm { margin-left: 15px !important; }

  /* MARGIN 20px */
  .margin-20-sm { margin: 20px !important; }
  .margin-vertical-20-sm { margin-top: 20px !important; margin-bottom: 20px !important; }
  .margin-horizontal-20-sm { margin-left: 20px !important; margin-right: 20px !important; }
  .margin-top-20-sm {  margin-top: 20px !important; }
  .margin-right-20-sm {  margin-right: 20px !important; }
  .margin-bottom-20-sm { margin-bottom: 20px !important; }
  .margin-left-20-sm { margin-left: 20px !important; }

  /* MARGIN 30px */
  .margin-30-sm { margin: 30px !important; }
  .margin-vertical-30-sm { margin-top: 30px !important; margin-bottom: 30px !important; }
  .margin-horizontal-30-sm { margin-left: 30px !important; margin-right: 30px !important; }
  .margin-top-30-sm {  margin-top: 30px !important; }
  .margin-right-30-sm {  margin-right: 30px !important; }
  .margin-bottom-30-sm { margin-bottom: 30px !important; }
  .margin-left-30-sm { margin-left: 30px !important; }

  /* MARGIN 40px */
  .margin-40-sm { margin: 40px !important; }
  .margin-vertical-40-sm { margin-top: 40px !important; margin-bottom: 40px !important; }
  .margin-horizontal-40-sm { margin-left: 40px !important; margin-right: 40px !important; }
  .margin-top-40-sm {  margin-top: 40px !important; }
  .margin-right-40-sm {  margin-right: 40px !important; }
  .margin-bottom-40-sm { margin-bottom: 40px !important; }
  .margin-left-40-sm { margin-left: 40px !important; }

  /* PADDING 5px */
  .padding-5-sm { padding: 5px !important; }
  .padding-vertical-5-sm { padding-top: 5px !important; padding-bottom: 5px !important; }
  .padding-horizontal-5-sm { padding-left: 5px !important; padding-right: 5px !important; }
  .padding-top-5-sm {  padding-top: 5px !important; }
  .padding-right-5-sm {  padding-right: 5px !important; }
  .padding-bottom-5-sm { padding-bottom: 5px !important; }
  .padding-left-5-sm { padding-left: 5px !important; }

  /* PADDING 10px */
  .padding-10-sm { padding: 10px !important; }
  .padding-vertical-10-sm { padding-top: 10px !important; padding-bottom: 10px !important; }
  .padding-horizontal-10-sm { padding-left: 10px !important; padding-right: 10px !important; }
  .padding-top-10-sm {  padding-top: 10px !important; }
  .padding-right-10-sm {  padding-right: 10px !important; }
  .padding-bottom-10-sm { padding-bottom: 10px !important; }
  .padding-left-10-sm { padding-left: 10px !important; }

  /* PADDING 15px */
  .padding-15-sm { padding: 15px !important; }
  .padding-vertical-15-sm { padding-top: 15px !important; padding-bottom: 15px !important; }
  .padding-horizontal-15-sm { padding-left: 15px !important; padding-right: 15px !important; }
  .padding-top-15-sm {  padding-top: 15px !important; }
  .padding-right-15-sm {  padding-right: 15px !important; }
  .padding-bottom-15-sm { padding-bottom: 15px !important; }
  .padding-left-15-sm { padding-left: 15px !important; }

  /* PADDING 20px */
  .padding-20-sm { padding: 20px !important; }
  .padding-vertical-20-sm { padding-top: 20px !important; padding-bottom: 20px !important; }
  .padding-horizontal-20-sm { padding-left: 20px !important; padding-right: 20px !important; }
  .padding-top-20-sm {  padding-top: 20px !important; }
  .padding-right-20-sm {  padding-right: 20px !important; }
  .padding-bottom-20-sm { padding-bottom: 20px !important; }
  .padding-left-20-sm { padding-left: 20px !important; }

  .no-padding-sm {     padding: 0px !important;    }
  .no-padding-vertical-sm {        padding-top: 0px !important;        padding-bottom: 0px !important;    }
  .no-padding-horizontal-sm {        padding-left: 0px !important;        padding-right: 0px !important;    }
  .no-padding-top-sm {        padding-top: 0px !important;    }
  .no-padding-right-sm {        padding-right: 0px !important;    }
  .no-padding-bottom-sm {        padding-bottom: 0px !important;    }
  .no-padding-left-sm {        padding-left: 0px !important;    }

  .table-css-centered-sm {
  margin : 0 auto;
  }

  /*LINE HEIGHT SM*/
  .line-height-10-sm {
  line-height:10px !important;
  }
  .line-height-15-sm {
  line-height:15px !important;
  }
  .line-height-20-sm {
  line-height:20px !important;
  }
  .line-height-25-sm {
  line-height:25px !important;
  }
  .line-height-30-sm {
  line-height:30px !important;
  }
  .line-height-35-sm {
  line-height:35px !important;
  }
}

/*
* Medium devices Desktops
* (≥992px)
*/
@media (min-width: 992px) and (max-width: 1199px) {
  .table-css-stacked-md > .table-row-css,
  .table-css-bloc-md > .table-row-css {
  display: block;

  }
  .table-css-stacked-md > .table-row-css:before,
  .table-css-stacked-md > .table-row-css:after,
  .table-css-bloc-md > .table-row-css:before,
  .table-css-bloc-md > .table-row-css:after  {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .table-css-stacked-md > .table-row-css:after,
  .table-css-bloc-md > .table-row-css:after {
  clear: both;
  }

  .table-css-stacked-md > .table-row-css > .table-cell-css,
  .table-css-bloc-md > .table-row-css > .table-cell-css  {
  position: relative;
  min-height: 1px;

  float: left;
  /*display: block;*/
  }

  .table-css-stacked-md > .table-row-css > .table-cell-css {
  width:100%;
  }

  .columns-md-1 {
  -webkit-columns: 1;
   -moz-columns: 1;
    columns: 1;
  }
  .columns-md-2 {
  -webkit-columns: 2;
   -moz-columns: 2;
    columns: 2;
  }
  .columns-md-3 {
  -webkit-columns: 3;
   -moz-columns: 3;
    columns: 3;
  }
  .columns-md-4 {
  -webkit-columns: 4;
   -moz-columns: 4;
    columns: 4;
  }

  .pull-right-md {
  float: right !important;
  }
  .pull-left-md {
  float: left !important;
  }

  .text-align-center-md {
  text-align: center !important;
  }
  .text-align-left-md {
  text-align: left !important;
  }
  .text-align-right-md {
  text-align: right !important;
  }

  /* MARGIN 5px */
  .margin-5-md { margin: 5px !important; }
  .margin-vertical-5-md { margin-top: 5px !important; margin-bottom: 5px !important; }
  .margin-horizontal-5-md { margin-left: 5px !important; margin-right: 5px !important; }
  .margin-top-5-md {  margin-top: 5px !important; }
  .margin-right-5-md {  margin-right: 5px !important; }
  .margin-bottom-5-md { margin-bottom: 5px !important; }
  .margin-left-5-md { margin-left: 5px !important; }

  /* MARGIN 10px */
  .margin-10-md { margin: 10px !important; }
  .margin-vertical-10-md { margin-top: 10px !important; margin-bottom: 10px !important; }
  .margin-horizontal-10-md { margin-left: 10px !important; margin-right: 10px !important; }
  .margin-top-10-md {  margin-top: 10px !important; }
  .margin-right-10-md {  margin-right: 10px !important; }
  .margin-bottom-10-md { margin-bottom: 10px !important; }
  .margin-left-10-md { margin-left: 10px !important; }

  /* MARGIN 15px */
  .margin-15-md { margin: 15px !important; }
  .margin-vertical-15-md { margin-top: 15px !important; margin-bottom: 15px !important; }
  .margin-horizontal-15-md { margin-left: 15px !important; margin-right: 15px !important; }
  .margin-top-15-md {  margin-top: 15px !important; }
  .margin-right-15-md {  margin-right: 15px !important; }
  .margin-bottom-15-md { margin-bottom: 15px !important; }
  .margin-left-15-md { margin-left: 15px !important; }

  /* MARGIN 20px */
  .margin-20-md { margin: 20px !important; }
  .margin-vertical-20-md { margin-top: 20px !important; margin-bottom: 20px !important; }
  .margin-horizontal-20-md { margin-left: 20px !important; margin-right: 20px !important; }
  .margin-top-20-md {  margin-top: 20px !important; }
  .margin-right-20-md {  margin-right: 20px !important; }
  .margin-bottom-20-md { margin-bottom: 20px !important; }
  .margin-left-20-md { margin-left: 20px !important; }

  /* MARGIN 30px */
  .margin-30-md { margin: 30px !important; }
  .margin-vertical-30-md { margin-top: 30px !important; margin-bottom: 30px !important; }
  .margin-horizontal-30-md { margin-left: 30px !important; margin-right: 30px !important; }
  .margin-top-30-md {  margin-top: 30px !important; }
  .margin-right-30-md {  margin-right: 30px !important; }
  .margin-bottom-30-md { margin-bottom: 30px !important; }
  .margin-left-30-md { margin-left: 30px !important; }

  /* MARGIN 40px */
  .margin-40-md { margin: 40px !important; }
  .margin-vertical-40-md { margin-top: 40px !important; margin-bottom: 40px !important; }
  .margin-horizontal-40-md { margin-left: 40px !important; margin-right: 40px !important; }
  .margin-top-40-md {  margin-top: 40px !important; }
  .margin-right-40-md {  margin-right: 40px !important; }
  .margin-bottom-40-md { margin-bottom: 40px !important; }
  .margin-left-40-md { margin-left: 40px !important; }

  /* MARGIN 50px */
  .margin-50-md { margin: 50px !important; }
  .margin-vertical-50-md { margin-top: 50px !important; margin-bottom: 50px !important; }
  .margin-horizontal-50-md { margin-left: 50px !important; margin-right: 50px !important; }
  .margin-top-50-md {  margin-top: 50px !important; }
  .margin-right-50-md {  margin-right: 50px !important; }
  .margin-bottom-50-md { margin-bottom: 50px !important; }
  .margin-left-50-md { margin-left: 50px !important; }

  /* MARGIN 75px */
  .margin-75-md { margin: 75px !important; }
  .margin-vertical-75-md { margin-top: 75px !important; margin-bottom: 75px !important; }
  .margin-horizontal-75-md { margin-left: 75px !important; margin-right: 75px !important; }
  .margin-top-75-md {  margin-top: 75px !important; }
  .margin-right-75-md {  margin-right: 75px !important; }
  .margin-bottom-75-md { margin-bottom: 75px !important; }
  .margin-left-75-md { margin-left: 75px !important; }

  /* MARGIN 100px */
  .margin-100-md { margin: 100px !important; }
  .margin-vertical-100-md { margin-top: 100px !important; margin-bottom: 100px !important; }
  .margin-horizontal-100-md { margin-left: 100px !important; margin-right: 100px !important; }
  .margin-top-100-md {  margin-top: 100px !important; }
  .margin-right-100-md {  margin-right: 100px !important; }
  .margin-bottom-100-md { margin-bottom: 100px !important; }
  .margin-left-100-md { margin-left: 100px !important; }

  /* PADDING 5px */
  .padding-5-md { padding: 5px !important; }
  .padding-vertical-5-md { padding-top: 5px !important; padding-bottom: 5px !important; }
  .padding-horizontal-5-md { padding-left: 5px !important; padding-right: 5px !important; }
  .padding-top-5-md {  padding-top: 5px !important; }
  .padding-right-5-md {  padding-right: 5px !important; }
  .padding-bottom-5-md { padding-bottom: 5px !important; }
  .padding-left-5-md { padding-left: 5px !important; }

  /* PADDING 10px */
  .padding-10-md { padding: 10px !important; }
  .padding-vertical-10-md { padding-top: 10px !important; padding-bottom: 10px !important; }
  .padding-horizontal-10-md { padding-left: 10px !important; padding-right: 10px !important; }
  .padding-top-10-md {  padding-top: 10px !important; }
  .padding-right-10-md {  padding-right: 10px !important; }
  .padding-bottom-10-md { padding-bottom: 10px !important; }
  .padding-left-10-md { padding-left: 10px !important; }

  /* PADDING 15px */
  .padding-15-md { padding: 15px !important; }
  .padding-vertical-15-md { padding-top: 15px !important; padding-bottom: 15px !important; }
  .padding-horizontal-15-md { padding-left: 15px !important; padding-right: 15px !important; }
  .padding-top-15-md {  padding-top: 15px !important; }
  .padding-right-15-md {  padding-right: 15px !important; }
  .padding-bottom-15-md { padding-bottom: 15px !important; }
  .padding-left-15-md { padding-left: 15px !important; }

  /* PADDING 20px */
  .padding-20-md { padding: 20px !important; }
  .padding-vertical-20-md { padding-top: 20px !important; padding-bottom: 20px !important; }
  .padding-horizontal-20-md { padding-left: 20px !important; padding-right: 20px !important; }
  .padding-top-20-md {  padding-top: 20px !important; }
  .padding-right-20-md {  padding-right: 20px !important; }
  .padding-bottom-20-md { padding-bottom: 20px !important; }
  .padding-left-20-md { padding-left: 20px !important; }

  /* PADDING 30px */
  .padding-30-md { padding: 30px !important; }
  .padding-vertical-30-md { padding-top: 30px !important; padding-bottom: 30px !important; }
  .padding-horizontal-30-md { padding-left: 30px !important; padding-right: 30px !important; }
  .padding-top-30-md {  padding-top: 30px !important; }
  .padding-right-30-md {  padding-right: 30px !important; }
  .padding-bottom-30-md { padding-bottom: 30px !important; }
  .padding-left-30-md { padding-left: 30px !important; }

  /* PADDING 40px */
  .padding-40-md { padding: 40px !important; }
  .padding-vertical-40-md { padding-top: 40px !important; padding-bottom: 40px !important; }
  .padding-horizontal-40-md { padding-left: 40px !important; padding-right: 40px !important; }
  .padding-top-40-md {  padding-top: 40px !important; }
  .padding-right-40-md {  padding-right: 40px !important; }
  .padding-bottom-40-md { padding-bottom: 40px !important; }
  .padding-left-40-md { padding-left: 40px !important; }

  /* PADDING 50px */
  .padding-50-md { padding: 50px !important; }
  .padding-vertical-50-md { padding-top: 50px !important; padding-bottom: 50px !important; }
  .padding-horizontal-50-md { padding-left: 50px !important; padding-right: 50px !important; }
  .padding-top-50-md {  padding-top: 50px !important; }
  .padding-right-50-md {  padding-right: 50px !important; }
  .padding-bottom-50-md { padding-bottom: 50px !important; }
  .padding-left-50-md { padding-left: 50px !important; }

  /* PADDING 75px */
  .padding-75-md { padding: 75px !important; }
  .padding-vertical-75-md { padding-top: 75px !important; padding-bottom: 75px !important; }
  .padding-horizontal-75-md { padding-left: 75px !important; padding-right: 75px !important; }
  .padding-top-75-md {  padding-top: 75px !important; }
  .padding-right-75-md {  padding-right: 75px !important; }
  .padding-bottom-75-md { padding-bottom: 75px !important; }
  .padding-left-75-md { padding-left: 75px !important; }

  /* PADDING 100px */
  .padding-100-md { padding: 100px !important; }
  .padding-vertical-100-md { padding-top: 100px !important; padding-bottom: 100px !important; }
  .padding-horizontal-100-md { padding-left: 100px !important; padding-right: 100px !important; }
  .padding-top-100-md {  padding-top: 100px !important; }
  .padding-right-100-md {  padding-right: 100px !important; }
  .padding-bottom-100-md { padding-bottom: 100px !important; }
  .padding-left-100-md { padding-left: 100px !important; }

  .no-padding-md {     padding: 0px !important;    }
  .no-padding-vertical-md {        padding-top: 0px !important;        padding-bottom: 0px !important;    }
  .no-padding-horizontal-md {        padding-left: 0px !important;        padding-right: 0px !important;    }
  .no-padding-top-md {        padding-top: 0px !important;    }
  .no-padding-right-md {        padding-right: 0px !important;    }
  .no-padding-bottom-md {        padding-bottom: 0px !important;    }
  .no-padding-left-md {        padding-left: 0px !important;    }

  .table-css-centered-md {
  margin : 0 auto;
  }

  /*LINE HEIGHT MD*/
  .line-height-10-md {
  line-height:10px !important;
  }
  .line-height-15-md {
  line-height:15px !important;
  }
  .line-height-20-md {
  line-height:20px !important;
  }
  .line-height-25-md {
  line-height:25px !important;
  }
  .line-height-30-md {
  line-height:30px !important;
  }
  .line-height-35-md {
  line-height:35px !important;
  }
}

/*
* Large devices Desktops
* (≥1200px)
min-height: 50px;
*/
@media (min-width: 1200px) {
  .table-css-stacked-lg > .table-row-css,
  .table-css-bloc-lg > .table-row-css  {
  display: block;

  }
  .table-css-stacked-lg > .table-row-css:before,
  .table-css-stacked-lg > .table-row-css:after,
  .table-css-bloc-lg > .table-row-css:before,
  .table-css-bloc-lg > .table-row-css:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
  .table-css-stacked-lg > .table-row-css:after,
  .table-css-bloc-lg > .table-row-css:after {
  clear: both;
  }

  .table-css-stacked-lg > .table-row-css > .table-cell-css,
  .table-css-bloc-lg > .table-row-css > .table-cell-css {
  position: relative;
  min-height: 1px;

  float: left;

  }

  .table-css-stacked-lg > .table-row-css > .table-cell-css {
  width:100%;
  /*display: block;*/
  }

  .columns-lg-1 {
  -webkit-columns: 1;
   -moz-columns: 1;
    columns: 1;
  }
  .columns-lg-2 {
  -webkit-columns: 2;
   -moz-columns: 2;
    columns: 2;
  }
  .columns-lg-3 {
  -webkit-columns: 3;
   -moz-columns: 3;
    columns: 3;
  }
  .columns-lg-4 {
  -webkit-columns: 4;
   -moz-columns: 4;
    columns: 4;
  }


  .pull-right-lg {
  float: right !important;
  }
  .pull-left-lg {
  float: left !important;
  }

  .text-align-center-lg {
  text-align: center !important;
  }
  .text-align-left-lg {
  text-align: left !important;
  }
  .text-align-right-lg {
  text-align: right !important;
  }

  /* MARGIN 5px */
  .margin-5-lg { margin: 5px !important; }
  .margin-vertical-5-lg { margin-top: 5px !important; margin-bottom: 5px !important; }
  .margin-horizontal-5-lg { margin-left: 5px !important; margin-right: 5px !important; }
  .margin-top-5-lg {  margin-top: 5px !important; }
  .margin-right-5-lg {  margin-right: 5px !important; }
  .margin-bottom-5-lg { margin-bottom: 5px !important; }
  .margin-left-5-lg { margin-left: 5px !important; }

  /* MARGIN 10px */
  .margin-10-lg { margin: 10px !important; }
  .margin-vertical-10-lg { margin-top: 10px !important; margin-bottom: 10px !important; }
  .margin-horizontal-10-lg { margin-left: 10px !important; margin-right: 10px !important; }
  .margin-top-10-lg {  margin-top: 10px !important; }
  .margin-right-10-lg {  margin-right: 10px !important; }
  .margin-bottom-10-lg { margin-bottom: 10px !important; }
  .margin-left-10-lg { margin-left: 10px !important; }

  /* MARGIN 15px */
  .margin-15-lg { margin: 15px !important; }
  .margin-vertical-15-lg { margin-top: 15px !important; margin-bottom: 15px !important; }
  .margin-horizontal-15-lg { margin-left: 15px !important; margin-right: 15px !important; }
  .margin-top-15-lg {  margin-top: 15px !important; }
  .margin-right-15-lg {  margin-right: 15px !important; }
  .margin-bottom-15-lg { margin-bottom: 15px !important; }
  .margin-left-15-lg { margin-left: 15px !important; }

  /* MARGIN 20px */
  .margin-20-lg { margin: 20px !important; }
  .margin-vertical-20-lg { margin-top: 20px !important; margin-bottom: 20px !important; }
  .margin-horizontal-20-lg { margin-left: 20px !important; margin-right: 20px !important; }
  .margin-top-20-lg {  margin-top: 20px !important; }
  .margin-right-20-lg {  margin-right: 20px !important; }
  .margin-bottom-20-lg { margin-bottom: 20px !important; }
  .margin-left-20-lg { margin-left: 20px !important; }

  /* MARGIN 30px */
  .margin-30-lg { margin: 30px !important; }
  .margin-vertical-30-lg { margin-top: 30px !important; margin-bottom: 30px !important; }
  .margin-horizontal-30-lg { margin-left: 30px !important; margin-right: 30px !important; }
  .margin-top-30-lg {  margin-top: 30px !important; }
  .margin-right-30-lg {  margin-right: 30px !important; }
  .margin-bottom-30-lg { margin-bottom: 30px !important; }
  .margin-left-30-lg { margin-left: 30px !important; }

  /* MARGIN 40px */
  .margin-40-lg { margin: 40px !important; }
  .margin-vertical-40-lg { margin-top: 40px !important; margin-bottom: 40px !important; }
  .margin-horizontal-40-lg { margin-left: 40px !important; margin-right: 40px !important; }
  .margin-top-40-lg {  margin-top: 40px !important; }
  .margin-right-40-lg {  margin-right: 40px !important; }
  .margin-bottom-40-lg { margin-bottom: 40px !important; }
  .margin-left-40-lg { margin-left: 40px !important; }

  /* PADDING 5px */
  .padding-5-lg { padding: 5px !important; }
  .padding-vertical-5-lg { padding-top: 5px !important; padding-bottom: 5px !important; }
  .padding-horizontal-5-lg { padding-left: 5px !important; padding-right: 5px !important; }
  .padding-top-5-lg {  padding-top: 5px !important; }
  .padding-right-5-lg {  padding-right: 5px !important; }
  .padding-bottom-5-lg { padding-bottom: 5px !important; }
  .padding-left-5-lg { padding-left: 5px !important; }

  /* PADDING 10px */
  .padding-10-lg { padding: 10px !important; }
  .padding-vertical-10-lg { padding-top: 10px !important; padding-bottom: 10px !important; }
  .padding-horizontal-10-lg { padding-left: 10px !important; padding-right: 10px !important; }
  .padding-top-10-lg {  padding-top: 10px !important; }
  .padding-right-10-lg {  padding-right: 10px !important; }
  .padding-bottom-10-lg { padding-bottom: 10px !important; }
  .padding-left-10-lg { padding-left: 10px !important; }

  /* PADDING 15px */
  .padding-15-lg { padding: 15px !important; }
  .padding-vertical-15-lg { padding-top: 15px !important; padding-bottom: 15px !important; }
  .padding-horizontal-15-lg { padding-left: 15px !important; padding-right: 15px !important; }
  .padding-top-15-lg {  padding-top: 15px !important; }
  .padding-right-15-lg {  padding-right: 15px !important; }
  .padding-bottom-15-lg { padding-bottom: 15px !important; }
  .padding-left-15-lg { padding-left: 15px !important; }

  /* PADDING 20px */
  .padding-20-lg { padding: 20px !important; }
  .padding-vertical-20-lg { padding-top: 20px !important; padding-bottom: 20px !important; }
  .padding-horizontal-20-lg { padding-left: 20px !important; padding-right: 20px !important; }
  .padding-top-20-lg {  padding-top: 20px !important; }
  .padding-right-20-lg {  padding-right: 20px !important; }
  .padding-bottom-20-lg { padding-bottom: 20px !important; }
  .padding-left-20-lg { padding-left: 20px !important; }

  .no-padding-lg {     padding: 0px !important;    }
  .no-padding-vertical-lg {        padding-top: 0px !important;        padding-bottom: 0px !important;    }
  .no-padding-horizontal-lg {        padding-left: 0px !important;        padding-right: 0px !important;    }
  .no-padding-top-lg {        padding-top: 0px !important;    }
  .no-padding-right-lg {        padding-right: 0px !important;    }
  .no-padding-bottom-lg {        padding-bottom: 0px !important;    }
  .no-padding-left-lg {        padding-left: 0px !important;    }

  .table-css-centered-lg {
  margin : 0 auto;
  }

  /*LINE HEIGHT LG*/
  .line-height-10-lg {
  line-height:10px !important;
  }
  .line-height-15-lg {
  line-height:15px !important;
  }
  .line-height-20-lg {
  line-height:20px !important;
  }
  .line-height-25-lg {
  line-height:25px !important;
  }
  .line-height-30-lg {
  line-height:30px !important;
  }
  .line-height-35-lg {
  line-height:35px !important;
  }
}

/*RESPONSIVE*/

.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
  display: block !important;
  }
  table.visible-xs {
  display: table;
  }
  tr.visible-xs {
  display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
  display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
  display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
  display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
  display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
  display: block !important;
  }
  table.visible-sm {
  display: table;
  }
  tr.visible-sm {
  display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
  display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
  display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
  display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
  display: inline-block !important;
  }


}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
  display: block !important;
  }
  table.visible-md {
  display: table;
  }
  tr.visible-md {
  display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
  display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
  display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
  display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
  display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
  display: block !important;
  }
  table.visible-lg {
  display: table;
  }
  tr.visible-lg {
  display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
  display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
  display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
  display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
  display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
  display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
  display: none !important;
  }

  .hidden-cell-sm {
  display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
  display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
  display: none !important;
  }
}

/*
* 2015-2015 Morgane
*
* COMMENTAIRE
* Création : 17/03/2015
* Modification : 24/03/2015
*
*/

  blockquote {
  border: none !important;
  margin: 1.5em 0 1.5em !important;
  padding: 0 1em 0 2.5em !important;
  position:relative !important;
  }

  blockquote p {
  line-height: 1.3em !important;
  }

  blockquote:before {
  content: "\201C" !important;
  font-size: 3em !important;
  position:absolute !important;
  color : #ff6350 !important;
  left:5px !important;
  top: 0.3em !important;
  line-height: 0.1em !important;
  }

  blockquote:after {
  content: "\201D" !important;
  font-size: 3em !important;
  color : #ff6350 !important;
  position:absolute !important;
  right:3px !important;
  line-height: 0.1em !important;
  }


  .notes-echelle .rate {

  cursor: pointer;
  }

  .notes-echelle  .icon-star {
  /*color : #98006a !important ;*/
  color : #ff6350 !important ;
  }

  .notes-echelle  .icon-star-o {
  color : #ff6350 !important ;
  }

  .notes-echelle  .icon-star-half-o {
  color : #ff6350 !important ;
  }



/*
* 2015-2015 Morgane
*
* BANDEAU BAS
* Création : 1/04/2015
* Modification : 01/04/2015
*
*/

.bandeau-bas {
  /*z-index:9000;*/
  z-index:2000;
  height:45px;
  line-height: 1.2em;
  overflow:hidden;
  text-align:center;
}

@media (max-width: 767px) {
  .bandeau-bas {
  font-size: 1.2em !important;
  line-height: 1.6em;
  height:70px;
  }
}


/*NAVBAR POUR BANDEAU BAS*/
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-fixed-bottom {
  border-radius: 0; }
}


.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

/*
* 2015-2015 Morgane
*
* COOKIE CNIL
* Création : 02/04/2015
* Modification : 02/04/2015
*
*/

.cookie-cnil  {
  z-index:9000;
  height:35px;
  text-align:center;
  font-size: 0.9em;
}

@media (max-width: 992px) {
  .cookie-cnil  {
  height:50px;
  font-size: 0.8em;
  }
  .cookie-cnil  .btn-cnil{
  font-size: 0.8em;
  }
}

@media (max-width: 767px) {
  .cookie-cnil  {
  height:60px;
  font-size: 0.7em;
  }
}


.cookie-cnil  .close-button {
  padding-right: 10px;
}
/*
* 2015-2015 Morgane
*
* CAROUSEL
* Création : 20/03/2015
* Modification : 30/03/2015
*
*/

.owl-dots {
  margin-top: 5px;
  text-align: center;
}

.owl-dot {
  display: inline-block;
}

.owl-dots .owl-dot span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 12px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #000;
}

.owl-buttons{
  z-index: 9000;
  height : 100%;
}
.product-carousel.list.no-margin .owl-prev, .product-carousel.list.no-margin .owl-next {
  background: #f5f5f5;
  color: #555;
  cursor: pointer;
  /*font-size: 4em;*/
/*  height: 45px;
  line-height: 45px;*/
  opacity: 1;
  padding: 25px 25px;
  position: absolute;
  text-align: center;
  /*top: 155px;*/
  top: calc(50% - 25px);
  transition: .2s;
  z-index: 3;
  border-radius: 50%;
  border: 3px solid #999;
}
.product-carousel.list.no-margin .owl-prev:hover, .product-carousel.list.no-margin .owl-next:hover{
  background: #FFF;
  color: #333;
}

.slider-communication .owl-prev,.slider-communication .owl-next {
  background: #f1f1f5;
  color: #293847;
  cursor: pointer;
  font-size: 4em;
  height: 110px;
  line-height: 90px;
  opacity: .4;
  padding: 0 15px 0 12px;
  position: absolute;
  text-align: center;
  top: 155px;
  top: calc(50% - 55px);
  transition: .2s;
  z-index: 3;
}
.slider-communication .owl-prev:hover,.slider-communication .owl-next:hover{
  background:#293847;
  color:#f1f1f5
}

.product-carousel.list.no-margin div.owl-next > i.icon-chevron-right {
  position: absolute;
  top: 17px;
  left: 20px;
}

.product-carousel.list.no-margin div.owl-prev > i.icon-chevron-left {
  position: absolute;
  top: 17px;
  left: 18px;
}

.absolute-promo-haut-1, .absolute-promo-bas-1 , .absolute-promo-haut-0, .absolute-promo-bas-0{
  border-radius: 110px;
  height: 150px;
  letter-spacing: 0;
  padding: 45px 10px 0 10px;
  position: absolute;
  text-align: center;
  width: 150px;
  z-index: 5;
}


.absolute-promo-haut-1, .absolute-promo-haut-0  {
  top: 10px;
}

.absolute-promo-haut-0, .absolute-promo-bas-0  {
  left: 5px;
}


.absolute-promo-haut-1, .absolute-promo-bas-1 {
  right: 5px;
}

.absolute-promo-bas-0, .absolute-promo-bas-1 {
  bottom: 10px;
}


.owl-dots
{
display : block;
position : absolute;
bottom: 4px;
left : 40%;
}


.owl-prev:hover, .owl-next:hover {
  filter: Alpha(Opacity=100);/*IE7 fix*/
}


.product-carousel .owl-prev {
  left : -15px;
}
.product-carousel .owl-next {
  right : -15px;
}

.slider-communication .owl-prev {
  left : 0 ;
}
.slider-communication .owl-next {
  right : 0;
}

.buttons-prev {
  float : left ;

}
.buttons-next {
  float : right ;
}
.owl-dots .owl-dot.active span,
.owl-dots.clickable .owl-dot:hover span {
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}

.slider-communication .owl-wrapper  {
  height : 100%;
}


.slider-communication.hide-owl-buttons .owl-buttons {
  display: none;
}
.slider-communication.hide-owl-controls .owl-controls {
  display: none !important;
}

.conteneur-content {
  max-width: 940px;
  text-align: center;
  margin: auto;
}
.conteneur-content>div {
  margin: auto;
}

.slider-vp {
  max-width: 887px;
}
.slider-vp .owl-wrapper-outer {
  border: 0px;
}

.bloc-evenement {
  border: 1px solid #f5f5f5;
}

.slider-ac {
  width: 33.334% !important;
  margin-right: 5px;
  border: #CCC solid 1px;
  float : left;
}

.box-produit .box-info-product, .slider-ac .box-info-product {
  position: absolute;
  height:55px;
}

.box-produit .img_product {
  overflow: hidden;
  height: 190px;
  text-align: center;
  margin: auto;
}


.slider-ac .box-info-product {
  bottom: 42px;
}

.slider-ac .link_bottom_accueil  {
  position: absolute;
  height:40px;
  bottom: 2px;
}

.box-produit .label_accueil {
  height:80px;
  line-height: 1.1;
}

.slider-ac, .slider-ac .owl-wrapper, .slider-ac .owl-item , .slider-ac .item, .box-produit .item {
  height: 490px;
}


@media (max-width: 1199px) {
  .slider-ac {
  width: 50% !important;
  /*width: 100% !important;*/
  float : left;
  text-align: center;
  }
}

@media (max-width: 749px) {
  .slider-ac {
  width: 100% !important;
  float : left;
  text-align: center;
  }

  .img-responsive-mobile{
  width : 100%;
  }
}


/*
* 2015-2015 G.
*
* MODELE D'HAUTEUR DE BLOC
* Création : 13/03/2015
* Modification : 13/03/2015
*
*/
.model1 {
  text-align: center;
}
.model1 .panel {
  box-shadow: none;
}

.model1 .hauteur-image {
  height: 146px;
  max-width: 100%;

  /*width: 100%;*/
}

.model1 .hauteur-titre-1,
.model1 .hauteur-titre-2,
.model1 .hauteur-titre-3 {
  padding-bottom: 5px !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  font-size: 22px !important;
}
.model1 .hauteur-titre-1 {
  height: 24px;
}
.model1 .hauteur-titre-2 {
  height: 48px;
}
.model1 .hauteur-titre-3 {
  height: 72px;
}

.model1 .hauteur-texte-1,
.model1 .hauteur-texte-2,
.model1 .hauteur-texte-3,
.model1 .hauteur-texte-4 {
  font-family: 'Roboto Condensed', Arial,Verdana,sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2em !important;
}
.model1 .hauteur-texte-1 {
  height: 12px;
}
.model1 .hauteur-texte-2 {
  height: 24px;
}
.model1 .hauteur-texte-3 {
  height: 36px;
}
.model1 .hauteur-texte-4 {
  height: 48px;
}

.model1 .btn::before {
  clear:clearfix;
}

.model1 h1 {
  color: #98006a !important;
}
.model1 p {
  color: #333 !important;
}





.model2 {
  text-align: center;
}
.model2 .panel {
  box-shadow: none;
}
.model2 .hauteur-image {
  height: 146px;
  max-width: 100%;

  /*width: 100%;*/
}
.model2 h1 {
  padding-bottom: 5px !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  font-size: 22px !important;
  color: #98006a !important;
}
.model2 p {
  font-family: 'Roboto Condensed', Arial,Verdana,sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2em !important;
  color: #333 !important;
}

/*
* Extra small devices Phones
* (<768px)
*/
@media (max-width: 767px) {
  /*.model1 h1,*/
  .model1 p {
  display:none;
  }
}




/*
* 2015-2015 Morgane
*
* BANDEAU ENTETE VINATIS
* Création : 04/03/2015
* Modification : 10/03/2015
*
*/

.banner-header .text-banner {
  vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
  #header_tools {
  bottom: 70px;
  position: absolute;
  right: 0;
  z-index: 1;
  }
}
/*
* Extra small devices Phones
* (<768px)
*/
@media (max-width: 767px) {
  #header_tools {
  /*bottom: 48px;
  position: absolute;
  right: 0;
  z-index: 1;*/
  }
  #search_block_top {
  /*clear: both;
  padding-top: 65px !important;*/
  }

  button.mnnv-opnr {
  /*left: 15px;
  position: absolute;
  top: 90px;*/
  z-index : 2;
  border: none;

  }

}

/*
* 2015-2015 Morgane
*
* PAGE PRODUIT VINATIS
* Création : 20/02/2015
* Modification : 23/02/2015
*
*/


/* Fond prix produit */


/* Quantité produit*/
.add-basket-component .qty-panier,
.add-basket-component .btn,
.add-basket-component .disponibilite-labels {
  height: 35px;
}
.add-basket-component .btn {
  min-width: 55px;
}
.add-basket-component .btn.btn-update-quantities {
  min-width: inherit;
  /*width: 10px;*/
  font-size: 10px;
  padding: 6px 6px !important;
}
.add-basket-component .qty-panier {

  text-align: center;
  vertical-align: middle;
  border: 1px solid #000000;
  width:35px !important;

  /*height: 50px;*/
}

/* Modification des qté dans le panier */
.update-basket-component .qty-panier,
.update-basket-component .btn {
  height: 35px;
  display: inline-block;
}
.update-basket-component .qty-panier {
  text-align: center;
  vertical-align: middle;
  width: 35px;
  height: 35px;
}

/*CURSOR POINTER*/
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}

/*
* 2015-2015 G.
*
* RECOMPENSES
* Création : 28/03/2015
* Modification : 28/03/2015
*
*/
.recompenses-conteneur {
  position:absolute;
  top:10px;
  width:124px;
  text-align:right;
}
.recompenses-conteneur-lite {
  position:absolute;
  top:10px;
  width:64px;
  text-align:right;
}
.recompenses-conteneur-very-lite
{
  position:absolute;
  top:10px;
  width:40px;
  text-align:right;
}

.recompenses-right {
  right: 10px;
}
.recompenses-left {
  left: 10px;
}
.recompenses-conteneur img {
  position:relative;
  display:inline;
}


/*
* 2015-2015 G.
*
* MENU DU HAUT VINATIS
* Création : 13/02/2015
* Modification : 08/04/2015
*
*/
#page .mnnv-ovrl {
  cursor: pointer;
  display: none;
  z-index: 22222;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
}

.optmn .mea .innr-img img {
  max-width: 100%;
}

.optmn .mnnv-mea a{
  text-transform:uppercase
}

.mnnv-all a{
  font-family: 'Roboto Condensed', Arial, sans-serif;
  text-transform:uppercase;
  font-size: 10px;
  font-weight: bold;
}

.mnnv-all a:after{
  content:"";
  display:inline-block;
  vertical-align:baseline;
  margin-left:.5em;
  text-decoration:none;
  font:400 1.00em FontAwesome
}

.mnnv-innr .mea {
  background-color: #eee;
}

.optmn .mnnv-boutique-link-close {
  float: right;
  cursor: pointer;
}


@media (min-width: 992px) {
  .nav-tab-vp a.vp-tab > .span1 {
  color: black;
  }

  .optmn {
  font-family: 'Roboto Condensed', Arial,Helvetica,sans-serif;
  margin-right: auto;
  margin-left: auto;
  }

  .optmn .innr-scrll > ul > .nav-tab-vinatis > a > i {
  font-size: 22px;
  vertical-align: middle;
  }

  .optmn .innr-scrll > ul {
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .optmn .innr-scrll > ul > .nav-tab-vinatis {
  flex-grow: 1;
  float: none;
  display: table-cell;
  padding: 0px 0;
  }

  .toggle-nav > ul,
  .nav-secondary-vinatis {
  margin-left: auto;
  margin-right: auto;
  padding: 0px;

  text-align: left;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 10;
  margin-top: 0px;

  border-top: 2px solid #333;
  background: none repeat scroll 0% 0% #FFF;
  }
  ul.mnnv {
    margin-bottom: 0px;
  }

  .optmn .current-tab > a {
  background-color:#eeeeee;
  }

  .optmn .innr-scrll > ul > li {
    border-bottom: solid 4px #ffffff;
  }

  .optmn .enabled > a,
  .no-touch .optmn .innr-scrll > ul > li:hover,
  .no-touch .optmn .innr-scrll > ul > li:hover > a,
  .toggle-nav.enabled > a,
  .toggle-nav > ul > li:hover
  .toggle-nav > ul > li:hover > a,
  .optmn li.nav-tab-vinatis.enabled {
  /*
  background: none repeat scroll 0% 0% #333;
  color: #FFF;
  */
  border-bottom-color: #333;
  }

  .optmn .innr-scrll > ul > li > a {
  padding: 0px 0.8em;
  font-size: 1em;
  line-height: 2.1em;
  }
  .toggle-search > a,
  .nav-tab-vinatis > a,
  .toggle-nav > a {
  display: block;
  color: #000;
  padding: 0px 0.3em;
  position: relative;
  text-transform: uppercase;
  font-size: 0.75em;
  line-height: 3em;
  }

  .optmn .enabled > ul,
  .optmn .enabled .nav-secondary-vinatis {
  display: block;
  -webkit-transition: all 3s ease-in-out 0.5s;
  transition: all 3s ease-in-out 0.5s;
  }

  .toggle-search,
  .nav-tab-vinatis,
  .toggle-nav {
  text-align: center;
  }

  .nav-secondary-vinatis {
  left: 0px;
  width: 100%;
  top : 38px;
  }

  .optmn .innr-scrll > ul > .nav-tab-vinatis > a {
  letter-spacing: .5px;
  font-size: 14px;
  line-height: 3em;
  padding: 5px 10px;
  font-weight: bold;
  }
  .optmn .innr-scrll > ul > .nav-tab-vinatis > a {
  line-height: inherit;
  }

  .nav-secondary-vinatis .subhome {
  margin: 0px 0px 0px 0px;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #EBEBEB;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  }
  .nav-secondary-vinatis .subhome a:focus,
  .nav-secondary-vinatis .subhome a:active,
  .nav-secondary-vinatis .subhome a:hover {
  text-decoration: underline;
  }
  .nav-secondary-vinatis .subhome a.fermer {
  float: right;
  }
  .no-touch .subhome a.fermer {
  display: none;
  }

  .nav-secondary-vinatis .categories {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  }

  .nav-secondary-vinatis .categories h3 {
  margin: 0px;
  font-size: 20px;
  padding-top: 0px;
  }
  .nav-secondary-vinatis .categories ul {
  padding-top: 15px;
  padding-bottom: 15px;
  }
  .nav-secondary-vinatis .categories ul li {
  padding-top: 15px;
  }
  .nav-secondary-vinatis .categories ul li:first-child {
  padding-top: 0px;
  }
  .nav-secondary-vinatis .categories p {
  margin: 0px;
  }

  .nav-secondary-vinatis .categories ul li a:focus,
  .nav-secondary-vinatis .categories ul li a:active,
  .nav-secondary-vinatis .categories ul li a:hover {
  text-decoration: underline;
  }

  .nav-secondary-vinatis .categories ul li a:not(.all) {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 17px;
  }
  .nav-secondary-vinatis .categories ul li a.all {
  text-transform: uppercase;
  font-weight: bold;
  }

  .mnnv-innr .mnnv-cl, .mnnv-innr .mea {
    display: block;
    width: auto;
    flex: 1 1 0;
    padding: 0;
  }

  .mnnv-innr .mnnv-cl:has(img),
  .mnnv-innr .mnnv-cl:has(ul:empty){
      flex: 0 0 fit-content;
  }

  .mnnv-innr .mnnv-cl img {
      max-width: 175px;
  }

  .mnnv-innr .mnnv-bck,
  .mnnv-innr .mnnv-rt {
  display:none;
  }

  .mnnv-lnk.mnnv-lnk-inline {
  display:inline-block;
  }
  .mnnv-lnk.mnnv-lnk-inline + .mnnv-lnk.mnnv-lnk-inline:before {
  padding: 0 5px;
  content: "/\00a0";
  }

  .mnnv-lnk.mnnv-lnk-img-inline {
  display:inline-block;
  }
  .mnnv-lnk.mnnv-lnk-img-inline img {
  width: 90px;
  }

  .mnnv-mea {
  margin-top: 20px;
  }

  .mnnv-innr {
  background-color: #fbfbfb;
  display: table;
  width:100%;
  }

  .mnnv-lnks li {
  line-height: 1.5;
  }

  .mnnv-lnks li  a:hover{
  text-decoration: underline;
  }

  .mnnv-lnks li.special-link {
  line-height: 1.9;
  }
  .mnnv-lnks li.special-link.margin-down {
  margin-bottom: 10px;
  }

  .mnnv-boutique-link {
  background-color: #ffffff;
  border-bottom: 1px solid #333;
  padding: 7px 10px 7px 10px;
  position: absolute;
  top: 0px;
  height: 32px;
  width: 100%;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  text-transform:uppercase;
  font-size: 10px;
  font-weight: bold;
  }
  .mnnv-boutique-link:after {
  clear:both;
  content:"";
  display:inline-block;
  vertical-align:baseline;
  margin-left:.5em;
  text-decoration:none;
  font:400 1.00em FontAwesome
  }

  .mnnv-univ {
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: underline;
  }
  .mnnv-univ a:hover {
  font-weight:bold;
  }

  a.mnnv-tb {
  box-sizing: border-box !important;
  border: solid 1px !important;
  border-color: transparent !important;
  }
  a.mnnv-tb.bg-corail:hover,
  a.mnnv-tb.bg-corail:focus,
  a.mnnv-tb.bg-corail:active {
  border-left: solid 1px #FF6350 !important;
  border-top: solid 1px #FF6350 !important;
  border-right: solid 1px #FF6350 !important;
  }
}

@media (max-width: 991px) {
  #page.menu-vinatis-opn .mnnv-ovrl {
  display:block;
  }

  .optmn{
    z-index:9999999;
    position:fixed;
    top:0;
    /*bottom: 65px;*/
    bottom: 0px;
    left:0;
    width:268px;
    overflow:hidden;
    background:#FFF;
    border-right:2px solid #333;
    -webkit-transform:translate3d(-268px,0,0) scale3d(1,1,1);
    -ms-transform:translate(-268px,0) scale(1,1);
    -moz-transform:translate3d(-268px,0,0) scale3d(1,1,1);
    transform:translate3d(-268px,0,0) scale3d(1,1,1);
    -webkit-transition:-webkit-transform 250ms ease-in;
    -ms-transition:-ms-transform 250ms ease-in;
    -moz-transition:-moz-transform 250ms ease-in;
    transition:transform 250ms ease-in
  }

  .optmn.opn{
    -webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
    -ms-transform:translate(0,0) scale(1,1);
    -moz-transform:translate3d(0,0,0) scale3d(1,1,1);
    transform:translate3d(0,0,0) scale3d(1,1,1)
  }
  .optmn a,.optmn h3{
    display:block;
    padding:5px 25px;
    font:400 12px/30px 'Roboto Condensed', Arial, sans-serif;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    border-bottom:1px solid #E7E7E7;
    -webkit-tap-highlight-color:rgba(0,0,0,0.125);
    margin: 0px;
  }
  a.mnnv-tb.bg-corail:hover,
  a.mnnv-tb.bg-corail:focus,
  a.mnnv-tb.bg-corail:active {
  border-bottom:1px solid #E7E7E7 !important;
  }
  .optmn a.simple-link h3 {
  border-bottom: none;
  }
  .optmn .table-css{
  padding:5px 25px !important;
  }

  .optmn a.btn {
  display: inline-block;
  border-bottom-color: inherit;
  }
  .optmn a.tg,
  .optmn .mea h3 {
  border-bottom: none;
  }

  .optmn .mnnv-cl a{
  background:#fbfbfb
  }

  .optmn .mnnv-clsr,.optmn .mnnv-clsr:visited{
    position:relative;
    padding-right:60px;
    display:block;
    color:#FFF;
    font:400 15px/39px 'Roboto Condensed', Arial, sans-serif;
    text-transform:uppercase;
    background:#333
  }

  .optmn .mnnv-clsr:before,.optmn .mnnv-clsr:visited:before{
    content:"";
    z-index:1;
    display:block;
    position:absolute;
    top:50%;
    right:15px;
    margin:-10px 0 0;
    font:400 20px/1em FontAwesome
  }

  .optmn .mnnv-tb,.optmn .mnnv-bck{
    position:relative;
    font:400 15px/39px 'Roboto Condensed', Arial, sans-serif;
    text-transform:uppercase
  }

  .optmn .mnnv-sb:before{
    content:'';
    width:12px;
    height:12px;
    border:2px solid #333;
    border-bottom-color:transparent;
    border-left-color:transparent;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position:relative;
    float:right;
    margin:-34px 15px 0 0;
    top: 9px;
  }

  .optmn .mnnv-bck:before{
    content:'';
    margin:0 3px 3px 0;
    width:12px;
    height:12px;
    border:2px solid #333;
    border-top-color:transparent;
    border-right-color:transparent;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    display:inline-block;
    vertical-align:middle
  }

  .optmn a.mnnv-rt,
  .optmn .mnnv-ttl{
  font:400 15px/39px 'Roboto Condensed', Arial, sans-serif;
  text-transform:uppercase;
  background:#ECECEC
  }

  .optmn .mnnv-ttl{
    position:relative
  }

  .optmn .mnnv-ttl:before{
    content:'+';
    position:absolute;
    top:50%;
    right:22px;
    margin:-12px 0 0;
    font:700 25px/1em 'Roboto Condensed', Arial, sans-serif
  }

  .optmn .mnnv-ttl.active{
    background:#DADADA
  }

  .optmn .mnnv-ttl.active:before{
    content:'-';
    font:400 40px/0.5em 'Roboto Condensed', Arial, sans-serif
  }

  @media (max-width: 991px) {
    .optmn .mnnv-ttl {
      padding-left: 25px;
    }
    .mnnv-lnks hr {
      display: none;
    }
  }

  .optmn .mnnv-mea a{
  background:#ECECEC;
  }

  .optmn .new a,.optmn a.new{
    color:#ed0080
  }

  .optmn .promo a,.optmn a.promo{
    color:#ea3e3b
  }

  .optmn .usrnv{
    position:static;
    float:none;
    margin:0
  }

  .optmn .usrnv > li[class]{
    float:none;
    width:auto;
    text-align:left
  }

  .optmn .usrnv > li[class] > a,.optmn .usrnv > li[class] > a:hover{
    height:auto;
    padding:5px 25px;
    color:#333;
    background:#F4F4F4
  }

  .optmn .usrnv > li[class] > a:hover .label{
    text-decoration:underline
  }

  .optmn .usrnv > li[class].filled > a,.optmn .usrnv > li[class].filled > a:hover{
    color:#ed0080
  }

  .optmn .usrnv > li[class] .icon,.optmn .usrnv > li[class] .label{
    display:inline-block;
    vertical-align:middle
  }

  .optmn .usrnv > li[class] .icon{
    margin:0 1em 0 0;
    font-size:15px
  }

  .optmn .usrnv > li[class] .label{
    height:auto;
    font:400 15px/39px 'Roboto Condensed', Arial, sans-serif
  }

  .optmn .usrnv .account:before{
    margin:13px 0 0 33px;
    text-shadow:1px 1px 0 #ECECEC,1px -1px 0 #ECECEC,-1px 1px 0 #ECECEC,-1px -1px 0 #ECECEC
  }

  .optmn .usrnv .alerts{
    display:block
  }

  .innr-scrll{
    position:absolute;
    top:50px;
    right:2px;
    bottom:0;
    left:0;
    overflow:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }

  .mnnv-innr{
    position:absolute;
    display:none;
    top:0;
    left:268px;
    width:268px;
  }

  .mnnv-innr .mnnv-cl a:has(img) {
    padding: 0;
    border-bottom: 0;
  }

  .mnnv-innr .mnnv-cl img {
    width:  100%;
  }

  .optmn .mnnv-innr {
  /* Par défaut on ne voit rien */
    opacity: 1;
    height: 0px;
    display: none;
    overflow: hidden;
    padding: 0;
  }

  .optmn.opn .innr-scrll > ul > .nav-tab-vinatis .mnnv-innr.ouvrir {
  height: inherit !important;
  display: block !important;
  overflow:inherit !important;
  }

  .mnnv-tb,.mnnv-bck,.mnnv-ttl{
    cursor:pointer
  }

  .mnnv-lnks{
  display: block;
  width: 100%;
  max-height: 0px;
  -webkit-transition: max-height 0.30s ease-out;
  -moz-transition: max-height 0.30s ease-out;
  -o-transition: max-height 0.30s ease-out;
  transition: max-height 0.30s ease-out;
  overflow: hidden;
  }

  .mnnv-lnks.lnks-opened {
  overflow: visible;
  max-height: 1500px;
  -webkit-transition: max-height 0.40s ease-in;
  -moz-transition: max-height 0.40s ease-in;
  -o-transition: max-height 0.40s ease-in;
  transition: max-height 0.40s ease-in;
  }

  .mnnv{
  left: 0px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  }

  .mnnv.slideleft{
  left: -270px;
  }

  .mnnv, #ph_usrnv {
  position: relative;
  }

  .optmn a.mnnv-rt,
  .optmn .mnnv-ttl,
  .optmn .mnnv-mea > li > a {
  text-transform: none;
  font: 400 15px/49px 'Roboto Condensed', Arial, sans-serif;
  }

  .innr-scrll{
  background-color: #ffffff;
  }

  .optmn .mnnv-boutique-link {
  font:400 15px/39px 'Roboto Condensed', Arial, sans-serif;
  text-transform:uppercase;
  background:#ECECEC;
  }

  .optmn .mnnv-boutique-link-close {
  display: none;
  }

}

@media (min-width: 992px) {
  .optmn p.mnnv-ttl {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 10px;
  }
}

.optmn .mnnv-mea > li > a {
  font-weight: bold;
}
.optmn .mnnv-ttl {
  font-weight: bold;
  text-transform:uppercase;
}

.optmn h3.mea-titre {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.optmn a.simple-link h3.mea-titre {
  margin-top: 0px;
}

.optmn a.simple-link {
  padding:inherit;
  border-bottom: none;
  white-space: inherit;
  font: inherit;
}
.optmn a.simple-link h3.mea-titre {
  white-space: inherit;
  line-height: 1.1;
}





/*
* 2015-2015 G.
*
* PAGINATIONS VINATIS
* Création : 19/02/2015
* Modification : 19/02/2015
*
*/
.pagination-vinatis .actions-tri .nb-articles {
  font-weight: bold;
  font-size: 18px;
}
.pagination-vinatis .actions-tri a.voir-n-articles:focus,
.pagination-vinatis .actions-tri a.voir-n-articles:active,
.pagination-vinatis .actions-tri a.voir-n-articles:hover {
  text-decoration: underline;
}
.pagination-vinatis .actions-tri {
  position: relative;
  display: table;
  margin: 0px;
  padding: 0px;
  margin:auto;
}
.pagination-vinatis .actions-tri > li {
  display: table-cell;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  position: relative;
}
.pagination-vinatis .has-select {
}
.pagination-vinatis select {
}
.pagination-vinatis .pagination {
  padding-left: 0px;
  margin: 0px;
  border-radius: 0px;
}
.pagination-vinatis .pagination > li {
  margin-left: 5px;
  display: inline-block;
}
.pagination-vinatis .pagination > .active > a,
.pagination-vinatis .pagination > .active > a:hover,
.pagination-vinatis .pagination > .active > a:focus,
.pagination-vinatis .pagination > .active > span,
.pagination-vinatis .pagination > .active > span:hover,
.pagination-vinatis .pagination > .active > span:focus {
  z-index: 2;
  color: #FFF;
  background-color: #000000;
  border-color: #000000;
  cursor: default;
}

.button_pagination
{

  border:1px solid silver;

  cursor:pointer;
}


/*
* 2015-2015 G.
*
* TYPEAHEAD SEARCH VINATIS
* Création : 26/02/2015
* Modification : 26/02/2015
*
*/
#search_query_top {

}
#div_autocomp {
  position: absolute;
  margin-top: 0px;
  z-index: 11;
  width: 100%;
}
#div_autocomp .row,
.panneau_autocomp .row {
  margin-left: 0px;
  margin-right: 0px;
}
#div_autocomp > div {
}

#div_autocomp div[class*="colonne-"] .row .datas {
padding-left: 0px;
padding-right: 0px;
}
#div_autocomp div[class*="colonne-"] .row .datas.col-xs-9 a {
  padding: 10px 20px 10px 10px;
}
#div_autocomp a {
  display:block;
  /*background-color: pink;*/
}
#div_autocomp img {
  width:100%;
  padding-right: 10px;
}
#div_autocomp div[class*="colonne-"] {
  padding: 10px 15px;
  border-top: 1px solid #EBEBEB;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
.colonne-fermer {
  border: none !important;
}
#div_autocomp div[class*="colonne-"] a.fermer {
  float: right;
}
.panneau_autocomp {
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #333;
  background: none repeat scroll 0% 0% #FFF;
}

.colonne-manufacturer a {
  font-weight: bold;
}
.colonne-manufacturer a span {
  font-weight: normal;
  font-size: 85%;
  color: #999;
}

.colonne-products a {
  font-weight: bold;
}
.colonne-products a span {
  font-size: 85%;
  font-weight: normal;
  color: #999;

}

.colonne-seemore a {
  font-weight:normal;
}
.colonne-seemore a b {
  font-weight:bold;
}


/*
* Extra small devices Phones
* (<768px)
* Small devices Tablets
* (≥768px)
* Medium devices Desktops
* (≥992px)
*/
@media (max-width: 1199px) {
}

/*
* Extra small devices Phones
* (<768px)
* Small devices Tablets
* (≥768px)
*/
@media (max-width: 991px) {
  .pagination-vinatis .pagination {
  margin-top: 15px;
  }
}

/*RANGEMENT - blockcurrencies.css*/

#currencies-block-top {
  float: right;
  position: relative;
  width: 100%;
}
@media (max-width: 479px) {
  #currencies-block-top {
  width: 25%; }
}
#currencies-block-top div.current {
  font-weight: bold;
  cursor: pointer;
 }
@media (max-width: 479px) {
  #currencies-block-top div.current {
  text-align: center;
  font-size: 11px; }
}
#currencies-block-top div.current:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 18px;
  vertical-align: -2px;
  padding-left: 2px;
 }

@media (max-width: 479px) {
  #currencies-block-top div.current .cur-label {
  display: none;
  }
}
#currencies-block-top ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  width: 157px;
  z-index: 2;
}
#currencies-block-top ul li {
  line-height: 35px;
  font-size: 15px;
}
#currencies-block-top ul li a,
#currencies-block-top ul li > span {
  padding: 0 10px 0 12px;
  display: block;
}


#currencies-block-top strong {
  font-weight: normal !important;
  font-size: 13px !important;
}


/*RANGEMENT - blocksearch.css*/
#search_block_top {
  padding-top: 26px;
}

#search_block_top .btn.button-search {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  text-align: center;
  padding: 9px 0 5px 0;
  background-color: transparent;
}

#search_block_top .btn.button-search span {
  display: none; }

#search_block_top #search_query_top {
  display: inline;
  padding: 0 13px;
  height: 45px;
  /*line-height: 45px;*/
  background: #ffffff;
}
#search_block_top #search_query_top:-moz-placeholder {
  font-size: 13px;
}
#search_block_top #search_query_top::-moz-placeholder {
  font-size: 13px;
}
#search_block_top #search_query_top:-ms-input-placeholder {
  font-size: 13px;
}
#search_block_top #search_query_top::-webkit-input-placeholder {
  font-size: 13px;
}



form#searchbox {
  position: relative;
}
form#searchbox label {
  color: #333333;
}
form#searchbox input#search_query_block {
  margin-right: 10px;
  max-width: 222px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}
form#searchbox .button.button-small {
  float: left;
}

form#searchbox .button.button-small i {
  margin-right: 0;
}


/*THOMAS */
.go_top{
  display: none;
  position: fixed;
  padding: 15px;
  border: 5px solid silver;
  bottom: 215px;
  background: #F7F7F7;
  right: 15px;
  z-index: 100;
  border-radius: 50px;
  color: silver !important;
  background-color: white;
}

.go_top:hover {
  opacity: 0.5;
}


.search-vinatis-texte h1
{
text-align:center;
}

.search-vinatis-texte h1 + p
{
  font-size : 1.3em !important;
  text-align : center !important;
}


.cart_quantity
{
width:172px;
}

.currencies_ul {
  border: solid #ccc 1px;
}

.search-vinatis-texte > h1 {
  text-align: center;
}

.rounded-5 {
  border-radius: 5px;
}

.rond
{
  border-radius:50%;
}
.text-rotate
{
  -webkit-transform: rotate(347deg);
  -moz-transform: rotate(347deg);
  -o-transform: rotate(347deg);
  writing-mode: lr-tb;
}
.letter-spacing
{
  letter-spacing:-1px;
}

.letter-spacing-05
{
  letter-spacing:0.5px;
}

@media (min-width: 1200px) {
  .pro_background
  {
  background-image:url('/img/fond-hydro-stadium.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  }
}

/*  Switch Radio
  Permet de faire l'animation des boutons radio oui/non
=>  Morgane Création 29/06/2015 */

.switch-radio {
  display:inline-block;
  transition: all 0.1s ease;
  height: 100%;
  width:100%;
  position: relative;
  background-color: #ebebeb;
}

.switch-radio .switch-label{
  position: relative;
  z-index: 2;
  float: left;
  width: 50%;
  height:100%;
  padding:0.7rem 0px;
  color:#333333;
  text-align: center;
  cursor: pointer;

}

.switch-radio .radio.checked + .switch-label {
  color: #fff;
  font-weight:700;
}

.switch-radio .radio.checked  + .switch-label-on ~ .slider-radio {
  left: 50%;
}

.switch-radio .slider-radio {

  display: block;
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 0%;
  width: 50%;
  height: 100%;
  background: #ee1f79;
  -webkit-transition:  500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -ms-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: 500ms cubic-bezier(0.75, 0.820, 0.165, 1.000);
  transition: 500ms cubic-bezier(0.75, 0.820, 0.165, 1.000);

}



.second-table {
  border-top: solid 1px #005492;
}
.second-table .table-cell-css {
  padding: 10px 0;
}
.replay-emissions i {
  font-size: 15px;
}
.replay-emissions span {
  font-size: 11px;
}
.premiere-colonne {
  border-right: solid 1px #005492;
}



.le-direct-big-screen {
  position:absolute;
  right:0px;
}



.border-l-s {
  border-left: 1px solid #6D767B;
}



div[class^="bande-"]:before, div[class^="bande-"]:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
div[class^="bande-"]:after {
  clear: both;
}
div[class^="bande-"] {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: auto;
  margin-left: auto;
}
.bande-1 {
  background-color: #F1F1F1;
}
.bande-2, .bande-3 {
  background-color: #004578;
}
.bande-4 {
  background-color: #F7F6F6;
  border-bottom: 1px solid #E7E7E7;
}


.above-img{
  position: absolute;
  bottom: .6em;
  left: .4em;
}

@media (max-width: 767px) {
  .row-clearfix > div.col-xs-6:nth-child(2n+1) { clear: left; }
  .row-clearfix > div.col-xs-4:nth-child(3n+1) { clear: left; }
  .row-clearfix > div.col-xs-3:nth-child(4n+1) { clear: left; }
  .row-clearfix > div.col-xs-2:nth-child(6n+1) { clear: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .row-clearfix > div.col-sm-6:nth-child(2n+1) { clear: left; }
  .row-clearfix > div.col-sm-4:nth-child(3n+1) { clear: left; }
  .row-clearfix > div.col-sm-3:nth-child(4n+1) { clear: left; }
  .row-clearfix > div.col-sm-2:nth-child(6n+1) { clear: left; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .row-clearfix > div.col-md-6:nth-child(2n+1) { clear: left; }
  .row-clearfix > div.col-md-4:nth-child(3n+1) { clear: left; }
  .row-clearfix > div.col-md-3:nth-child(4n+1) { clear: left; }
  .row-clearfix > div.col-md-2:nth-child(6n+1) { clear: left; }
}
@media (min-width: 1200px) {
  .row-clearfix > div.col-lg-6:nth-child(2n+1) { clear: left; }
  .row-clearfix > div.col-lg-4:nth-child(3n+1) { clear: left; }
  .row-clearfix > div.col-lg-3:nth-child(4n+1) { clear: left; }
  .row-clearfix > div.col-lg-2:nth-child(6n+1) { clear: left; }
}


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}



.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .center-block-xs {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .center-block-sm {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .center-block-md {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .center-block-lg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
}

@media (min-width: 992px)  {
  .encart-prix-listing .box-info-product{
  width : 150px !important;
  }
}


/*
 * MAISON SPECIFIQUE
 * --------------------------------------------------
 */
.manufacturer_description a {
  text-decoration: underline;
  font-weight: bold;
}

.ul-anniversaire > li {
  padding-bottom: 10px;
}

.manufacturer .video-conteneur {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 20px 0;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
}

.manufacturer .video-conteneur embed,
.video-conteneur iframe,
.video-conteneur object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}


div.link-effect:hover,
div.link-effect:focus,
div.link-effect:active,
a.link-effect:hover,
a.link-effect:focus,
a.link-effect:active,
button.link-effect:hover,
button.link-effect:focus,
button.link-effect:active {
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;

  filter: alpha(opacity=70); /* internet explorer */
  -khtml-opacity: 0.7;      /* khtml, old safari */
  -moz-opacity: 0.7;       /* mozilla, netscape */
  opacity: 0.7;           /* fx, safari, opera */
}

img.flags {
  width: 23px;
}

/*
* 2015-2015 G.
*
* SPECIAL NOEL
* Création : 13/11/2015
* Modification : 13/11/2015
*
*/
/*@media (min-width: 992px) {*/
  .nav-noel {
  position: relative;
  background-color: #4a1342;
  }
  .nav-noel > a {
  z-index: 3;
  color: #ffffff;
  }


  @keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
  }
  @-webkit-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
  }
  @-moz-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
  }
  @-ms-keyframes move-twink-back {
  from {background-position:0 0;}
  to {background-position:-10000px 5000px;}
  }

  .stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  }

  .stars {
  background:url(/img/menu/stars.png) repeat top center;
  z-index:1;
  }

  .twinkling{
  background:transparent url(/img/menu/twinkling.png) repeat top center;
  z-index:2;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
  }

  .no-touch .optmn .innr-scrll > ul > li.nav-noel:hover,
  .no-touch .optmn .innr-scrll > ul > li.nav-noel:hover > a,
  .toggle-nav > ul > li.nav-noel:hover
  .toggle-nav > ul > li.nav-noel:hover > a,
  .optmn li.nav-tab-vinatis.nav-noel.enabled > a,
  .optmn li.nav-tab-vinatis.nav-noel.enabled .stars,
  .optmn li.nav-tab-vinatis.nav-noel.enabled .twinkling
  {
  background-color: #4a1342;
  }
/*}*/

.no-background-color {
  background-color: transparent !important;
}
.no-bold {
  font-weight:normal !important;
}




/* image logo klarna */
p.payment_module a.klarnalogo {
  background: url(/img/boutiques/logo-klarna.png) 15px 34px no-repeat #fbfbfb;
  background-size: 70px auto;
}
/* Flèche vers la droite */
a.klarnalogo:after {
  display: block;
  content: "\f054";
  position: absolute;
  right: 15px;
  margin-top: -11px;
  top: 50%;
  font-family: "FontAwesome";
  font-size: 25px;
  height: 22px;
  width: 14px;
  color: #777;
}





/*
* 2015-2015 G.
*
* Background image
* Création : 12/01/2016
* Modification : 12/01/2016
*
*/
.background-image-repeat,
.background-image-no-repeat {
  position: relative;
  z-index: 1;
  background-position: center center;
  overflow: hidden;
}

.conteneur-bloc {
  height:350px;
  line-height:350px;
}
.conteneur-bloc-vp {
  height:450px;
  /*line-height:450px;*/
}
.conteneur-bloc-vp > .table-css {
  height: 80%;
}
.bloc {
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
}
.bloc-height-30 { height:30px !important; }
.bloc-height-50 { height:50px !important; }
.bloc-height-100 { height:100px !important; }
.bloc-height-105 { height:105px !important; }
.bloc-height-110 { height:110px !important; }
.bloc-height-115 { height:115px !important; }
.bloc-height-120 { height:120px !important; }
.bloc-height-125 { height:125px !important; }
.bloc-height-130 { height:130px !important; }
.bloc-height-135 { height:135px !important; }
.bloc-height-140 { height:140px !important; }
.bloc-height-145 { height:145px !important; }
.bloc-height-150 { height:150px !important; }
.bloc-height-155 { height:155px !important; }
.bloc-height-160 { height:160px !important; }
.bloc-height-165 { height:165px !important; }
.bloc-height-170 { height:170px !important; }
.bloc-height-175 { height:175px !important; }
.bloc-height-180 { height:180px !important; }
.bloc-height-185 { height:185px !important; }
.bloc-height-190 { height:190px !important; }
.bloc-height-195 { height:195px !important; }
.bloc-height-200 { height:200px !important; }
.bloc-height-205 { height:205px !important; }
.bloc-height-210 { height:210px !important; }
.bloc-height-215 { height:215px !important; }
.bloc-height-220 { height:220px !important; }
.bloc-height-225 { height:225px !important; }
.bloc-height-230 { height:230px !important; }
.bloc-height-235 { height:235px !important; }
.bloc-height-240 { height:240px !important; }
.bloc-height-245 { height:245px !important; }
.bloc-height-250 { height:250px !important; }
.bloc-height-255 { height:255px !important; }
.bloc-height-260 { height:260px !important; }
.bloc-height-265 { height:265px !important; }
.bloc-height-270 { height:270px !important; }
.bloc-height-275 { height:275px !important; }
.bloc-height-280 { height:280px !important; }
.bloc-height-285 { height:285px !important; }
.bloc-height-290 { height:290px !important; }
.bloc-height-295 { height:295px !important; }
.bloc-height-300 { height:300px !important; }
.bloc-height-305 { height:305px !important; }
.bloc-height-310 { height:310px !important; }
.bloc-height-315 { height:315px !important; }
.bloc-height-320 { height:320px !important; }
.bloc-height-325 { height:325px !important; }
.bloc-height-330 { height:330px !important; }
.bloc-height-335 { height:335px !important; }
.bloc-height-340 { height:340px !important; }
.bloc-height-345 { height:345px !important; }
.bloc-height-350 { height:350px !important; }
.bloc-height-355 { height:355px !important; }
.bloc-height-360 { height:360px !important; }
.bloc-height-365 { height:365px !important; }
.bloc-height-370 { height:370px !important; }
.bloc-height-375 { height:375px !important; }
.bloc-height-380 { height:380px !important; }
.bloc-height-385 { height:385px !important; }
.bloc-height-390 { height:390px !important; }
.bloc-height-395 { height:395px !important; }
.bloc-height-400 { height:400px !important; }
.bloc-height-410 { height:410px !important; }
.bloc-height-420 { height:420px !important; }
.bloc-height-435 { height:435px !important; }
.bloc-height-450 { height:450px !important; }
.bloc-height-460 { height:460px !important; }
.bloc-height-470 { height:470px !important; }
.bloc-height-500 { height:500px !important; }
.bloc-height-520 { height:520px !important; }
.bloc-height-600 { height:600px !important; }
.bloc-height-620 { height:620px !important; }
.bloc-height-630 { height:630px !important; }
.bloc-height-640 { height:640px !important; }
.bloc-height-650 { height:650px !important; }

.background-image-no-repeat {
  background-repeat: no-repeat;
}
.background-image-repeat {
  background-repeat: repeat;
}
.background-image-repeat-x {
  background-repeat: repeat-x;
}
.background-image-repeat-y {
  background-repeat: repeat-y;
}
.background-size-contain {
  background-size: contain;
}
.background-size-cover {
  background-size: cover;
}
.background-content-box {
  background-clip: content-box;
}
.background-position-left-top {
  background-position: left top;
}
.background-position-center-bottom {
  background-position: center bottom;
}
.background-position-center-top {
  background-position: center top;
}
.background-origincontent-box {
  background-origin: content-box;
}

@media (max-width: 767px) {
  .no-background-img-xs {
    background-image: none !important;
  }
}


/*
* 2015-2015 G.
*
* BLOCS DE 3 DIV,
* TEXTES SUR IMAGE,
* 1er DIV PASSE EN HORIZONTAL SUR PETIT ECRAN
* Création : 13/03/2015
* Modification : 13/03/2015
*
*/
.block-text-absolute {
  position: absolute;
  width: 100%;
  bottom:0px;
  right: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

.absolutely-vertical .table-row-css,
.absolutely-horizontal .table-row-css {
  position: relative;
}

.absolutely-vertical > .table-row-css > .table-cell-css,
.absolutely-horizontal > .table-row-css > .table-cell-css {
  text-align: center;
}

.absolutely-vertical img,
.absolutely-horizontal img  {
  width: 100%;
}

.absolutely-horizontal > .table-row-css > .table-cell-css.block-text-absolute {
  height: inherit;
}

/*
  Sur un petit écran
  .block-text-absolute se comporte comme un table-cell
*/
@media (max-width: 991px) {
  .absolutely-horizontal > .table-row-css > .table-cell-css.block-text-absolute {
  position: inherit;
  }
}
/*
  Sur un grand écran
  .block-text-absolute se comporte en absolute
*/
@media (min-width: 992px) {
  .absolutely-horizontal > .table-row-css > .table-cell-css.block-text-absolute {
  position: absolute;
  }
}




/*
* 2015-2015 G.
*
* Tailles possibles des pictos
* Possibilité de définir une taille différentes pour chaque résolution
* Création : 12/01/2016
* Modification : 12/01/2016
*
*/
.font-size-140 { font-size: 140px !important; }
.font-size-90 { font-size: 90px !important; }
.font-size-80 { font-size: 80px !important; }
.font-size-70 { font-size: 70px !important; }
.font-size-60 { font-size: 60px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-13 { font-size: 13px !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-8 { font-size: 8px !important; }
.font-size-6 { font-size: 6px !important; }

@media (max-width: 767px) {
  .flex-order-first-xs {
    order: -1;
  }
  .font-size-80-screen-xs { font-size: 80px !important; }
  .font-size-70-screen-xs { font-size: 70px !important; }
  .font-size-60-screen-xs { font-size: 60px !important; }
  .font-size-50-screen-xs { font-size: 50px !important; }
  .font-size-40-screen-xs { font-size: 40px !important; }
  .font-size-30-screen-xs { font-size: 30px !important; }
  .font-size-20-screen-xs { font-size: 20px !important; }
  .font-size-10-screen-xs { font-size: 10px !important; }
  .font-size-8-screen-xs { font-size: 8px !important; }
  .font-size-6-screen-xs { font-size: 6px !important; }


  .bloc-height-100-xs { height:100px; }
  .bloc-height-105-xs { height:105px; }
  .bloc-height-110-xs { height:110px; }
  .bloc-height-115-xs { height:115px; }
  .bloc-height-120-xs { height:120px; }
  .bloc-height-125-xs { height:125px; }
  .bloc-height-130-xs { height:130px; }
  .bloc-height-135-xs { height:135px; }
  .bloc-height-140-xs { height:140px; }
  .bloc-height-145-xs { height:145px; }
  .bloc-height-150-xs { height:150px; }
  .bloc-height-155-xs { height:155px; }
  .bloc-height-160-xs { height:160px; }
  .bloc-height-165-xs { height:165px; }
  .bloc-height-170-xs { height:170px; }
  .bloc-height-175-xs { height:175px; }
  .bloc-height-180-xs { height:180px; }
  .bloc-height-185-xs { height:185px; }
  .bloc-height-190-xs { height:190px; }
  .bloc-height-195-xs { height:195px; }
  .bloc-height-200-xs { height:200px; }
  .bloc-height-205-xs { height:205px; }
  .bloc-height-210-xs { height:210px; }
  .bloc-height-215-xs { height:215px; }
  .bloc-height-220-xs { height:220px; }
  .bloc-height-225-xs { height:225px; }
  .bloc-height-230-xs { height:230px; }
  .bloc-height-235-xs { height:235px; }
  .bloc-height-240-xs { height:240px; }
  .bloc-height-245-xs { height:245px; }
  .bloc-height-250-xs { height:250px; }
  .bloc-height-255-xs { height:255px; }
  .bloc-height-260-xs { height:260px; }
  .bloc-height-265-xs { height:265px; }
  .bloc-height-270-xs { height:270px; }
  .bloc-height-275-xs { height:275px; }
  .bloc-height-280-xs { height:280px; }
  .bloc-height-285-xs { height:285px; }
  .bloc-height-290-xs { height:290px; }
  .bloc-height-295-xs { height:295px; }
  .bloc-height-300-xs { height:300px; }
  .bloc-height-305-xs { height:305px; }
  .bloc-height-310-xs { height:310px; }
  .bloc-height-315-xs { height:315px; }
  .bloc-height-320-xs { height:320px; }
  .bloc-height-325-xs { height:325px; }
  .bloc-height-330-xs { height:330px; }
  .bloc-height-335-xs { height:335px; }
  .bloc-height-340-xs { height:340px; }
  .bloc-height-345-xs { height:345px; }
  .bloc-height-350-xs { height:350px; }
  .bloc-height-355-xs { height:355px; }
  .bloc-height-360-xs { height:360px; }
  .bloc-height-365-xs { height:365px; }
  .bloc-height-370-xs { height:370px; }
  .bloc-height-375-xs { height:375px; }
  .bloc-height-380-xs { height:380px; }
  .bloc-height-385-xs { height:385px; }
  .bloc-height-390-xs { height:390px; }
  .bloc-height-395-xs { height:395px; }
  .bloc-height-400-xs { height:400px; }




}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-order-first-sm {
    order: -1;
  }
  .font-size-80-screen-sm { font-size: 80px !important; }
  .font-size-70-screen-sm { font-size: 70px !important; }
  .font-size-60-screen-sm { font-size: 60px !important; }
  .font-size-40-screen-sm { font-size: 40px !important; }
  .font-size-50-screen-sm { font-size: 50px !important; }
  .font-size-30-screen-sm { font-size: 30px !important; }
  .font-size-20-screen-sm { font-size: 20px !important; }
  .font-size-10-screen-sm { font-size: 10px !important; }
  .font-size-8-screen-sm { font-size: 8px !important; }
  .font-size-6-screen-sm { font-size: 6px !important; }


  .bloc-height-70-sm { height:70px; }
  .bloc-height-100-sm { height:100px; }
  .bloc-height-105-sm { height:105px; }
  .bloc-height-110-sm { height:110px; }
  .bloc-height-115-sm { height:115px; }
  .bloc-height-120-sm { height:120px; }
  .bloc-height-125-sm { height:125px; }
  .bloc-height-130-sm { height:130px; }
  .bloc-height-135-sm { height:135px; }
  .bloc-height-140-sm { height:140px; }
  .bloc-height-145-sm { height:145px; }
  .bloc-height-150-sm { height:150px; }
  .bloc-height-155-sm { height:155px; }
  .bloc-height-160-sm { height:160px; }
  .bloc-height-165-sm { height:165px; }
  .bloc-height-170-sm { height:170px; }
  .bloc-height-175-sm { height:175px; }
  .bloc-height-180-sm { height:180px; }
  .bloc-height-185-sm { height:185px; }
  .bloc-height-190-sm { height:190px; }
  .bloc-height-195-sm { height:195px; }
  .bloc-height-200-sm { height:200px; }
  .bloc-height-205-sm { height:205px; }
  .bloc-height-210-sm { height:210px; }
  .bloc-height-215-sm { height:215px; }
  .bloc-height-220-sm { height:220px; }
  .bloc-height-225-sm { height:225px; }
  .bloc-height-230-sm { height:230px; }
  .bloc-height-235-sm { height:235px; }
  .bloc-height-240-sm { height:240px; }
  .bloc-height-245-sm { height:245px; }
  .bloc-height-250-sm { height:250px; }
  .bloc-height-255-sm { height:255px; }
  .bloc-height-260-sm { height:260px; }
  .bloc-height-265-sm { height:265px; }
  .bloc-height-270-sm { height:270px; }
  .bloc-height-275-sm { height:275px; }
  .bloc-height-280-sm { height:280px; }
  .bloc-height-285-sm { height:285px; }
  .bloc-height-290-sm { height:290px; }
  .bloc-height-295-sm { height:295px; }
  .bloc-height-300-sm { height:300px; }
  .bloc-height-305-sm { height:305px; }
  .bloc-height-310-sm { height:310px; }
  .bloc-height-315-sm { height:315px; }
  .bloc-height-320-sm { height:320px; }
  .bloc-height-325-sm { height:325px; }
  .bloc-height-330-sm { height:330px; }
  .bloc-height-335-sm { height:335px; }
  .bloc-height-340-sm { height:340px; }
  .bloc-height-345-sm { height:345px; }
  .bloc-height-350-sm { height:350px; }
  .bloc-height-355-sm { height:355px; }
  .bloc-height-360-sm { height:360px; }
  .bloc-height-365-sm { height:365px; }
  .bloc-height-370-sm { height:370px; }
  .bloc-height-375-sm { height:375px; }
  .bloc-height-380-sm { height:380px; }
  .bloc-height-385-sm { height:385px; }
  .bloc-height-390-sm { height:390px; }
  .bloc-height-395-sm { height:395px; }
  .bloc-height-400-sm { height:400px; }
}
@media (min-width: 992px) and (max-width: 1199px) {

  .flex-order-first-md {
    order: -1;
  }
  .font-size-80-screen-md { font-size: 80px !important; }
  .font-size-70-screen-md { font-size: 70px !important; }
  .font-size-60-screen-md { font-size: 60px !important; }
  .font-size-40-screen-md { font-size: 40px !important; }
  .font-size-50-screen-md { font-size: 50px !important; }
  .font-size-30-screen-md { font-size: 30px !important; }
  .font-size-20-screen-md { font-size: 20px !important; }
  .font-size-10-screen-md { font-size: 10px !important; }
  .font-size-8-screen-md { font-size: 8px !important; }
  .font-size-6-screen-md { font-size: 6px !important; }

  .bloc-height-100-md { height:100px; }
  .bloc-height-105-md { height:105px; }
  .bloc-height-110-md { height:110px; }
  .bloc-height-115-md { height:115px; }
  .bloc-height-120-md { height:120px; }
  .bloc-height-125-md { height:125px; }
  .bloc-height-130-md { height:130px; }
  .bloc-height-135-md { height:135px; }
  .bloc-height-140-md { height:140px; }
  .bloc-height-145-md { height:145px; }
  .bloc-height-150-md { height:150px; }
  .bloc-height-155-md { height:155px; }
  .bloc-height-160-md { height:160px; }
  .bloc-height-165-md { height:165px; }
  .bloc-height-170-md { height:170px; }
  .bloc-height-175-md { height:175px; }
  .bloc-height-180-md { height:180px; }
  .bloc-height-185-md { height:185px; }
  .bloc-height-190-md { height:190px; }
  .bloc-height-195-md { height:195px; }
  .bloc-height-200-md { height:200px; }
  .bloc-height-205-md { height:205px; }
  .bloc-height-210-md { height:210px; }
  .bloc-height-215-md { height:215px; }
  .bloc-height-220-md { height:220px; }
  .bloc-height-225-md { height:225px; }
  .bloc-height-230-md { height:230px; }
  .bloc-height-235-md { height:235px; }
  .bloc-height-240-md { height:240px; }
  .bloc-height-245-md { height:245px; }
  .bloc-height-250-md { height:250px; }
  .bloc-height-255-md { height:255px; }
  .bloc-height-260-md { height:260px; }
  .bloc-height-265-md { height:265px; }
  .bloc-height-270-md { height:270px; }
  .bloc-height-275-md { height:275px; }
  .bloc-height-280-md { height:280px; }
  .bloc-height-285-md { height:285px; }
  .bloc-height-290-md { height:290px; }
  .bloc-height-295-md { height:295px; }
  .bloc-height-300-md { height:300px; }
  .bloc-height-305-md { height:305px; }
  .bloc-height-310-md { height:310px; }
  .bloc-height-315-md { height:315px; }
  .bloc-height-320-md { height:320px; }
  .bloc-height-325-md { height:325px; }
  .bloc-height-330-md { height:330px; }
  .bloc-height-335-md { height:335px; }
  .bloc-height-340-md { height:340px; }
  .bloc-height-345-md { height:345px; }
  .bloc-height-350-md { height:350px; }
  .bloc-height-355-md { height:355px; }
  .bloc-height-360-md { height:360px; }
  .bloc-height-365-md { height:365px; }
  .bloc-height-370-md { height:370px; }
  .bloc-height-375-md { height:375px; }
  .bloc-height-380-md { height:380px; }
  .bloc-height-385-md { height:385px; }
  .bloc-height-390-md { height:390px; }
  .bloc-height-395-md { height:395px; }
  .bloc-height-400-md { height:400px; }

}
@media (min-width: 1200px) {

  .flex-order-first-lg {
    order: -1;
  }
  .font-size-80-screen-lg { font-size: 80px !important; }
  .font-size-70-screen-lg { font-size: 70px !important; }
  .font-size-60-screen-lg { font-size: 60px !important; }
  .font-size-40-screen-lg { font-size: 40px !important; }
  .font-size-50-screen-lg { font-size: 50px !important; }
  .font-size-30-screen-lg { font-size: 30px !important; }
  .font-size-20-screen-lg { font-size: 20px !important; }
  .font-size-10-screen-lg { font-size: 10px !important; }
  .font-size-8-screen-lg { font-size: 8px !important; }
  .font-size-6-screen-lg { font-size: 6px !important; }

  .bloc-height-100-lg { height:100px; }
  .bloc-height-105-lg { height:105px; }
  .bloc-height-110-lg { height:110px; }
  .bloc-height-115-lg { height:115px; }
  .bloc-height-120-lg { height:120px; }
  .bloc-height-125-lg { height:125px; }
  .bloc-height-130-lg { height:130px; }
  .bloc-height-135-lg { height:135px; }
  .bloc-height-140-lg { height:140px; }
  .bloc-height-145-lg { height:145px; }
  .bloc-height-150-lg { height:150px; }
  .bloc-height-155-lg { height:155px; }
  .bloc-height-160-lg { height:160px; }
  .bloc-height-165-lg { height:165px; }
  .bloc-height-170-lg { height:170px; }
  .bloc-height-175-lg { height:175px; }
  .bloc-height-180-lg { height:180px; }
  .bloc-height-185-lg { height:185px; }
  .bloc-height-190-lg { height:190px; }
  .bloc-height-195-lg { height:195px; }
  .bloc-height-200-lg { height:200px; }
  .bloc-height-205-lg { height:205px; }
  .bloc-height-210-lg { height:210px; }
  .bloc-height-215-lg { height:215px; }
  .bloc-height-220-lg { height:220px; }
  .bloc-height-225-lg { height:225px; }
  .bloc-height-230-lg { height:230px; }
  .bloc-height-235-lg { height:235px; }
  .bloc-height-240-lg { height:240px; }
  .bloc-height-245-lg { height:245px; }
  .bloc-height-250-lg { height:250px; }
  .bloc-height-255-lg { height:255px; }
  .bloc-height-260-lg { height:260px; }
  .bloc-height-265-lg { height:265px; }
  .bloc-height-270-lg { height:270px; }
  .bloc-height-275-lg { height:275px; }
  .bloc-height-280-lg { height:280px; }
  .bloc-height-285-lg { height:285px; }
  .bloc-height-290-lg { height:290px; }
  .bloc-height-295-lg { height:295px; }
  .bloc-height-300-lg { height:300px; }
  .bloc-height-305-lg { height:305px; }
  .bloc-height-310-lg { height:310px; }
  .bloc-height-315-lg { height:315px; }
  .bloc-height-320-lg { height:320px; }
  .bloc-height-325-lg { height:325px; }
  .bloc-height-330-lg { height:330px; }
  .bloc-height-335-lg { height:335px; }
  .bloc-height-340-lg { height:340px; }
  .bloc-height-345-lg { height:345px; }
  .bloc-height-350-lg { height:350px; }
  .bloc-height-355-lg { height:355px; }
  .bloc-height-360-lg { height:360px; }
  .bloc-height-365-lg { height:365px; }
  .bloc-height-370-lg { height:370px; }
  .bloc-height-375-lg { height:375px; }
  .bloc-height-380-lg { height:380px; }
  .bloc-height-385-lg { height:385px; }
  .bloc-height-390-lg { height:390px; }
  .bloc-height-395-lg { height:395px; }
  .bloc-height-400-lg { height:400px; }

}

.border-bottom-purple-dark-2 {
  border-bottom: solid 2px #4a1342;
}




/*
  MODAL VINATIS
  BEGIN
*/
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  z-index: 5005;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
   -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
   -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
    background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  z-index: 5004;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  /*border-bottom: 1px solid #e5e5e5;*/
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
  min-height:50px;
}
.modal-footer {
  padding: 15px;
  /*text-align: right;
  border-top: 1px solid #e5e5e5;*/
}
/*.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}*/
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
  width: 600px;
  margin: 30px auto;
  }
  .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
  width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
  width: 900px;
  }
}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.close_modal_vinatis {
  color: #ff6350;
  z-index: 10;
}
/*
  MODAL VINATIS
  END
*/














/*
  Listes CSS
*/
.vinatis-ul {
  list-style-type: disc;
  margin-left: 12px;
  margin-bottom: 10px;
}
.vinatis-ul li {
  padding-left: 2px;
}
.vinatis-ul.vinatis-ul-decimal {
  list-style-type: decimal;
}









/*
  Alert Vinatis
*/
.alert-vinatis {
  color: #fff;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.alert-vinatis-succes {
  background-color: #55c65e;
  border-color: #48b151;
}
.alert-vinatis-erreur {
  background-color: #f3515c;
  border-color: #d4323d;
}
.close-vinatis  {
  position: relative;
  top: -2px;
  /*right: -21px;*/
  color: inherit;
}
.close-vinatis {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close-vinatis:hover, .close-vinatis:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }
button.close-vinatis {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }



/*
  Popup
  Rattrapage panier Vinatis
*/
@media (max-width: 991px) {
  .grappe-raisin {
  display: none;
  }
}
@media (min-width: 992px) {
  .grappe-raisin {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: -20px;
  margin-left: -120px;
  }
  .decale-grappe {
  margin-left: 115px;
  }
  #modal_rattrapage_panier .alert-vinatis {
  /*padding-left: 105px;*/
  }
  .titre-modal-grappe {
  margin-left: -20px;
  }
}
.grappe-raisin {
  width: 250px;
}
#modal_rattrapage_panier .modal-footer {
  background-color:#c5c4ca;
  padding-top: 25px;
  padding-bottom: 45px;
}
#modal_rattrapage_panier .alert-vinatis {
  margin-bottom: 0px;
}


  /*
  *
  * ANALYSE COMPORTEMENTALE BO ADMIN
  *
   */
#tracking_comportement_ac_bloc {
  z-index: 99999;
  position: absolute;
  background-color: white;
}

  /*
  *
  * END
  *
   */



.product-subtitle-v2 > .ss-titre {
  padding: 5px;
  vertical-align: middle;
  line-height:25px;
}
.product-subtitle-v2 > .ss-titre > a {
  display: inline-block;
}


@media (min-width: 992px) {
  .product_img_link_v2 img {
  height: 230px;
  }
}

@media (min-width: 769px) and (max-width: 991px){
  .product_img_link_v2 img {
  max-width: 90px;
  height : auto;
  }
}

@media (max-width: 768px) {
  .product_img_link_v2 img {
  max-width: 70px;
  height : auto;
  }
}

.new-link:hover {
  color: #ffffff !important;
  background-color: #999999  !important;
}

.accroche, .jaibu_comment {
  line-height: 1.4;
}

/*
Contenances
*/
.contenance-v2 .btn-group button {
  min-width:60px;
  width:100%;
}
.contenance-v2 .btn-group ul.dropdown-menu {
  min-width:60px !important;
  width:100%;
  margin-top:-1px;
}

.no-pointer{
  cursor:default;
}

/*#left_column, #center_column {
  padding:0;
}*/

#left_column, #center_column {
  padding-top:5px;
}

.grille-produits-trouver-vin .item {
  position: relative;
  border: #CCC solid 1px;
}

.grille-produits .item {
  position: relative;
  border: #CCC solid 1px;
}
@media (max-width: 768px) {
  .grille-produits .item {
  display: block;
  width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1199px){
  .grille-produits .item {
  float: left;
  width: 50%;
  }
}
@media (min-width: 1200px) {
  .grille-produits {
  position: relative;
  }
  .grille-produits .item {
  float: left;
  width: 33.33333%;
  height: 350px;
  }
}

.box-vp {
  background: none;
  border: 0px;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px;
}
#bandeau-connexion-vp label {
  color: #ffffff !important;
}
.input-vp {
  color:#231f20 !important;
}
.form-control.input-vp:-moz-placeholder {
  color: #666666; }
.form-control.input-vp::-moz-placeholder {
  color: #666666; }
.form-control.input-vp:-ms-input-placeholder {
  color: #666666; }
.form-control.input-vp::-webkit-input-placeholder {
  color: #666666; }


.background-listing-vp {
  overflow: visible;
}
.bouteille-listing-vp {
  max-height:315px;
  margin-top:-30px;
  width: auto;
}

.bouteille-slider-vp {
  max-height:315px;
  margin-top:0px;
  width: auto;
}

.recompenses-listing-vp {
  position: absolute;
  top:60px;
  right:60px;
}
.recompenses-listing-vp img {
  display:block;
  margin-bottom: 5px;
}

.hr-account {
  border-top: 1px solid #d6d4d4;
}



  /*
  *
  * HEADER MOBILE
  *
   */

@media (max-width: 767px) {
  .cookie-cnil {
  position: fixed;
  bottom: 0;
  z-index: 9999999999999999;
  height: initial !important;
  }

  .cookie-cnil span{
  line-height: 12px;
  }

  .cookie-cnil span a {
  font-weight: bold;
  text-decoration: underline;
  }

  .header-container .container .row, .cookie-cnil {
  margin-left: 0px;
  margin-right: 0px;
  }

  .header-container .container,
   header .row #header_logo,
  .header-container .container .col-xs-1,
  .header-container .container .col-xs-2,
  .header-container .container .col-xs-3,
  .header-container .container .col-xs-4,
  .header-container .container .col-xs-5,
  .header-container .container .col-xs-6,
  .header-container .container .col-xs-7,
  .header-container .container .col-xs-8,
  .header-container .container .col-xs-9,
  .header-container .container .col-xs-10,
  .header-container .container .col-xs-11,
  .header-container .container .col-xs-12,
  .header-container .container .col-sm-1,
  .header-container .container .col-sm-2,
  .header-container .container .col-sm-3,
  .header-container .container .col-sm-4,
  .header-container .container .col-sm-5,
  .header-container .container .col-sm-6,
  .header-container .container .col-sm-7,
  .header-container .container .col-sm-8,
  .header-container .container .col-sm-9,
  .header-container .container .col-sm-10,
  .header-container .container .col-sm-11,
  .header-container .container .col-sm-12
  {
  padding-left: 0px;
  padding-right: 0px;
  }

  #title-filter {
  font-size: 14px;
  }

  #header_tools {
  padding-top: 4px !important;
  }

  #search_block_top {
  padding-top: 0 !important;
  }

  #search_block_top #searchbox {
  font-size: 0px;
  }

  #search_block_top .search_query, #search_block_top .search_query:focus {
  border-top: 5px solid #d6d4d4;
  border-bottom: 5px solid #d6d4d4;
  border-left: 5px solid #d6d4d4;
  border-right: none;
  display: inline-block;
  width: calc(100% - 50px);
   -webkit-appearance: none;
  }
  #search_block_top .btn.button-search, #search_block_top .btn.button-search:active, #search_block_top .btn.button-search:focus, #search_block_top .btn.button-search:hover {
  border-top: 5px solid #d6d4d4;
  border-bottom: 5px solid #d6d4d4;
  border-right: 5px solid #d6d4d4;
  border-color: #d6d4d4 !important;
  border-left: none;
  color: #000 !important;
  padding-top: 4px;
  padding-bottom: none;
  height: 45px;
  background-color: #fbfbfb !important;
  display: inline-block;
  position: relative;
  }

  #container-principal {
  position: relative;
  }

  #page.menu-vinatis-opn, .optmn.opn {
  z-index: 9999999;
  }

  .border-bottom-header {
  border-bottom: 1px solid #ccc !important;
  }

  .ajax_cart_quantity {
  position: absolute;
  top: 3px;
  right: 1px;
  }

  .panneau_autocomp {
  overflow-y: scroll;
  }

  .panneau_autocomp .icon-remove{
  font-size: 16px !important;;
  }

}

/*
  * END
   */

/*-------------BLOG-------------*/

#tab_lien_blog {
  width: 100%;
  margin-left: 5%;
}

#searchblog {
  position: relative;
}

#search_blog {
  display: inline;
  padding: 0 13px;
  height: 46px;
  line-height: 45px;
  background: #fbfbfb;
  border-radius: 50px;
}

#search_blog_top {

}

#search_blog_top .btn.button-search {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  text-align: center;
  padding: 9px 0 5px 0;
}

.hoverblog :hover{
  background: #f5f5f5;
  color: #333;
}

.menublog {
  cursor: pointer;
}

.blog-lirelasuite:hover{
  color: #98006a !important;
}


.blog-color-purple {
  color: #98016a;
}
.blog-color-purple-dark {
  color: #4b1342;
}
.blog-color-grey-purple {
  color: #bb9aaf;
}
.blog-color-gray {
  color: #92999f;
}
.blog-color-gray-lighter {
  color: #f0efed;
}
.blog-color-gray-dark {
  color: #62676b;
}
.blog-color-gray-darker {
  color: #33373a;
}

.flex-blog {
  display: flex;
  flex-flow: row;
  align-items: center;
  flex-wrap: wrap;
}

.titre-blog-card {
line-height: 1.2 !important;
}

.img-to-bg-blog-card {
  position: relative;
  overflow: hidden;
}

.img-to-bg-blog-card img {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.img-to-bg-blog-card img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit:cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

a:hover .img-to-bg-blog-card img {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.03);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.03);
  -o-transform: translateX(-50%) translateY(-50%) scale(1.03);
  transform: translateX(-50%) translateY(-50%) scale(1.03);
}

.btn-outline-blog {
  border-radius: 30px;
  font-size: 13px;
  height: fit-content;
  background-color: #f8f8f8;
  border: 1px solid #4A1342;
  color: #4A1342;
}

.btn-outline-blog:hover, .btn-outline-blog:active {
  background-color: #4A1342;
  border: 1px solid #4A1342;
  color: #f8f8f8;
}

.btn-outline-blog-onPage {
  border-radius: 30px;
  font-size: 13px;
  height: fit-content;
  background-color: #4A1342;
  border: 1px solid #4A1342;
  color: #f8f8f8;
}

.btn-outline-blog-onPage:hover {
  color: #f8f8f8;
}
/*-------------END-------------*/


/*-------------Chèque Cadeau-------------*/

.circle-cc{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 50% 0;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}
.circle-cc.circle-40 {
  width: 40px;
  height: 40px;
  padding: 20px 0;
  line-height: 5px;
}
label.cc-label-mode {
  height: 75px;
  width: 135px;
}
.cc-radio:checked + label, .cc-radio:checked + label i {
  background: #ff6350;
  color: white !important;
}
.cc-radio-design:checked + label {
  color: #ff6350 !important;
}
.cc-radio-design:checked + label > img {
  border-color: #ff6350 !important;
}
.cc-apercu {
  width: 100%;
}
.cc-pos-abs {
  position: absolute;
}

/*-------------END-------------*/
/* Datepicker */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  max-width: 18em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  color:#FFF;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}


/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Roboto Condensed', Arial,sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Roboto Condensed',  Verdana,Arial,sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #999;
}
.ui-widget-content a {
  color: #999;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background-color: #999;
  color: white;
  text-transform : uppercase;
}
.ui-widget-header a {
  color: #999;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  font-weight: normal;
  color: #999;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #999;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background-color: #999;
  font-weight: normal;
  color: white;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #999;
  text-decoration: none;
}

.ui-datepicker-unselectable.ui-state-disabled span{
  background-color: #ccc;
  color:#FFF;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ff8189;
  background-color: #FFF;
  font-weight: bold;
  color: #ff8189;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ff8189;
  text-decoration: none;
}


/*Menu mon compte*/
@media (max-width: 769px) {
  .toggle-moncompte .stuff > .col-xs-12 {
  position: relative;
  height: 0;
  overflow: hidden;
  }
  .toggle-moncompte.menuopen .stuff > .col-xs-12 {
  height: inherit !important;
  }
/*
.icon-caret-down:before {
  content: ""; }

.icon-caret-up:before {
  content: ""; }
*/
  .toggle-moncompte .moncompte-toggle-menu:before {
  font-family: "FontAwesome";
  content: "";
  font-size: 26px;
  /*vertical-align: -10px;*/
  height: 26px;
  line-height: 26px;
  padding-right: 10px;
  float: right;
  }
  .toggle-moncompte.menuopen .moncompte-toggle-menu:before {
  content: "";
  }
}
ul.menu-moncompte {
  margin-bottom: 0px;
  border : 1px solid #f5f5f5;
}
.menu-moncompte > li > a {
  display: block;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /*border-bottom: 1px solid #E7E7E7;*/
  -webkit-tap-highlight-color: rgba(0,0,0,0.125);
  margin: 0px;
}
.menu-moncompte > li > a:hover, .menu-moncompte > li > a:visited, .menu-moncompte > li > a:link, .menu-moncompte > li > a:active {
  text-decoration: none;
}
.menu-moncompte > li > a > span {
  color: #999999;
  display: table-cell;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 17px;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 14px;
}
.menu-moncompte > li > a > i {
  color: #ff6350;
  padding-left: 15px;
  font-size: 22px;
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 991px){
  .menu-moncompte > li > a > i {
  display : none;
  font-size : 12px;
  }
}
.menu-moncompte > li.menu-colore > a {
  background-color: #ff6350;
}
.menu-moncompte > li.menu-colore > a > span,
.menu-moncompte > li.menu-colore > a > i {
  color: #ffffff;
}
.menu-moncompte > li > a:hover {
  background-color: #efefef;
}
.menu-moncompte > li > a:hover > span,
.menu-moncompte > li > a:hover > i {
  color: #333333;
}

/*------------------------
Recherche alertes produits
------------------------*/
#recherche-alertes {
  position: relative;
}

#recherche-input-alertes {
  display: inline;
  padding: 0 13px;
  height: 46px;
  line-height: 45px;
  background: #fbfbfb;
}

#recherche-block-alertes .btn.button-search {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  text-align: center;
  padding: 9px 0 5px 0;
}

.panneau_autocomp_alerte {
  border: 1px solid #ccc;
  background: none repeat scroll 0% 0% #FFF;
  margin-left: 0px;
  margin-right: 0px;
  width: 95%;
}

.panneau_autocomp_alerte .colonne-products:hover,
.panneau_autocomp_alerte .colonne-manufacturer:hover {
  color: #ff6350;
}

.panneau_autocomp_alerte .colonne-products span,
.panneau_autocomp_alerte .colonne-manufacturer span {
  font-weight: normal;
}
/*---------FIN-----------*/

.wishlist_scroll {
  height: 150px;
  overflow-y: auto;
}

.wishlist_name {
  width: auto;
  display: inline-block;
  height: 46px;
  border-right: none;
}

.select_wishlist {
  width: auto;
  display: inline-block;
}

.width-auto {
  width: auto !important;
}

.p_add_wishlist, .p_remove_wishlist {
  margin: 0 0 21px 0;
}

.zebra-order-history > div:nth-of-type(odd) > div {
  background-color: #f5f5f5;
}

.ruban-diseable {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 200px;
  position: absolute;
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.mobile-promo {
  position: absolute;
  top: 30px;
  right: 25px;
}

.img-bw {
  filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.btn-carrier-opacity {
  opacity: 0.5;
  background-color: #ccc;
  color:#000;
}

.btn-carrier-opacity:hover {
  opacity: 1;
}

.warning
{
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  float:left;
}

#deliverydays_picker div{
  margin : auto;
}

#loader_chargement img{

  left:50%;
  position : relative;
  top:50%;


}
#loader_chargement {
  background-color:#000;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:98000;
  opacity:.50;
  -moz-opacity:.50;
  filter:alpha(opacity=50);
}
* html #loader_chargement {
  filter:alpha(opacity=50);
  position:absolute;
  left:0;
  margin-left:-160px;
}

#deliverydays_picker .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background-color: #26B48D ;
  color : #FFF;
  border: #FFF;
}

.icon-plus.quantity-add {
  margin-top: 4px !important;
}

.logo-bio {
  position: absolute;
  top: -90px;
  left: -25px;
  height: 45px !important;
}

@media (max-width: 991px) {
  .logo-bio {
  position: relative;
  display: block;
  margin: auto;
  padding-top: 5px;
  left: initial;
  top: initial;
  height: 45px !important;
  }
}

.line-height-25 {
  line-height: 25px;
}

.tracking_ac {
  position: absolute;
  top: 0;
  left: 0;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 10px solid transparent; /* color set later */
}
.arrow-purple-dark {
  border-left-color: #4a1342;
}

.twitter, .facebook, .myfriend {
  border-radius: 4px;
}

.twitter {
  background: #1ab2e8;
}

.facebook {
  background: #3b5998;
}

.myfriend {
  background: #FF6350;
}

.border-vp {
  border: 5px solid #9b8748;
}

/*
* 2016-2016 G.
*
* Conteneur vidéo youtube
* Création : 11/10/2016
* Modification : 11/10/2016
*
*/
@media (max-width: 767px) {
  .youtube-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
    display: block !important;
  }
  .youtube-container iframe,
  .youtube-container object,
  .youtube-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .youtube-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
    display: block !important;
  }
  .youtube-container iframe,
  .youtube-container object,
  .youtube-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .youtube-container iframe,
  .youtube-container object,
  .youtube-container embed { float: left; width: 560px; height: 315px; }
}

@media (min-width: 1200px) {
  .youtube-container iframe,
  .youtube-container object,
  .youtube-container embed { float: left; width: 560px; height: 315px; }
}

.modal_laisser_avis .modal-body {
  padding: 0px;
  border: 1px solid #888;
}
.modal_laisser_avis .table-cell-css > p:first-child {
  margin-top: 10px;
}

.moncompte_laisser_avis .table-cell-css > p:first-child {
  margin-top: 10px;
}

.moncompte_laisser_avis button[id^="submitNewMessage2_"] {
  margin-bottom: 15px;
}


/*
* 2016-2016 G.
*
* Coffrets dynamiques
* Création : 08/11/2016
* Modification : 09/11/2016
*
*/

@media (max-width: 767px) {
  .images-coffret-ficheprod .bttle-0 {
    bottom: 60px !important;
  }
  .images-coffret-ficheprod .bttle-1 {
    bottom: 60px !important;
  }
  .images-coffret-ficheprod .bttle-2 {
    bottom: 60px !important;
  }
  .images-coffret-ficheprod .bttle-3 {
    bottom: 30px !important;
  }
  .images-coffret-ficheprod .bttle-4 {
    bottom: 30px !important;
  }
  .images-coffret-ficheprod .bttle-5 {
    bottom: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .images-coffret-ficheprod [class^="bttle-"] {
    width: 150px !important;
    max-width: inherit !important;
  }
  .images-coffret-ficheprod .bttle-0 {
    bottom: 108px !important;
  }
  .images-coffret-ficheprod .bttle-1 {
    bottom: 108px !important;
  }
  .images-coffret-ficheprod .bttle-2 {
    bottom: 108px !important;
  }
  .images-coffret-ficheprod .bttle-3 {
    bottom: 53px !important;
  }
  .images-coffret-ficheprod .bttle-4 {
    bottom: 53px !important;
  }
  .images-coffret-ficheprod .bttle-5 {
    bottom: 0px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .images-coffret-ficheprod [class^="bttle-"] {
    width: 150px !important;
    max-width: inherit !important;
  }
  .images-coffret-ficheprod .bttle-0 {
    bottom: 90px !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-1 {
    bottom: 90px !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-2 {
    bottom: 90px !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-3 {
    bottom: 45px !important;
    bottom: 25px !important;
  }
  .images-coffret-ficheprod .bttle-4 {
    bottom: 45px !important;
    bottom: 25px !important;
  }
  .images-coffret-ficheprod .bttle-5 {
    bottom: 0px !important;
    bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .images-coffret-ficheprod [class^="bttle-"] {
    width: 150px !important;
    max-width: inherit !important;
  }
  .images-coffret-ficheprod .bttle-0 {
    bottom: 108px !important;
    left: 0% !important;
    left: 8% !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-1 {
    bottom: 108px !important;
    left: 33% !important;
    left: 34% !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-2 {
    bottom: 108px !important;
    left: 66% !important;
    left: 60% !important;
    bottom: 50px !important;
  }
  .images-coffret-ficheprod .bttle-3 {
    bottom: 53px !important;
    left: 15% !important;
    left: 20% !important;
    bottom: 25px !important;
  }
  .images-coffret-ficheprod .bttle-4 {
    bottom: 53px !important;
    left: 50% !important;
    left: 48% !important;
    bottom: 25px !important;
  }
  .images-coffret-ficheprod .bttle-5 {
    bottom: 0px !important;
    left: 32% !important;
    left: 33% !important;
    bottom: 0px !important;
  }
}


/*
* 2016-2016 G.
*
* Popup page accueil
* Création : 17/11/2016
* Modification : 17/11/2016
*
*/

/*
* Small devices Tablets and UP
* (≥768px)
*/
@media (min-width: 768px) {
  #modal_concoursnoel .modal-dialog {
    width:750px;
  }
}

/*
* Cacher la bannière img sur mobile
*/
@media (max-width: 767px) {
  #modal_concoursnoel .banniere-img {
    display: none !important;
  }
}

input.email_concoursnoel {
  height: 45px;
}
input.form-control.email_concoursnoel {
  font-size: 18px;
}
input.form-control.email_concoursnoel:-moz-placeholder {
  color: #444444;
  font-weight: bold;
}
input.form-control.email_concoursnoel::-moz-placeholder {
  color: #444444;
  font-weight: bold;
}
input.form-control.email_concoursnoel:-ms-input-placeholder {
  color: #444444;
  font-weight: bold;
}
input.form-control.email_concoursnoel::-webkit-input-placeholder {
  color: #444444;
  font-weight: bold;
}





/*
* 2016-2016 G.
*
* Bloc boutons "moyens de paiement"
* Mise en forme
* Création : 23/11/2016
* Modification : 23/11/2016
*
*/
#HOOK_PAYMENT p {
  margin: 0 0 0 0 !important;
}
#HOOK_PAYMENT .payment_module {

}
#HOOK_PAYMENT a, .payment_module form {
  height: 100px;
  text-align: left !important;
}
#HOOK_PAYMENT .cellule_1 {
  width: 200px;
}
#HOOK_PAYMENT .blabla_2 {
  display: block;
  line-height: 14px;
}
/*
  écrans mobile
  xs uniquement
*/
@media (max-width: 767px) {
  #HOOK_PAYMENT .cellule_1 {
    width: 100%;
  }
}
/*
  petits écrans
  xs et sm
*/
@media (max-width: 991px) {
  #HOOK_PAYMENT a {
    height: inherit;
    text-align: center !important;
  }
  #HOOK_PAYMENT a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
/*
  résolutions écrans
  sm md lg
*/
@media (min-width: 768px) {
  #HOOK_PAYMENT .cellule_2 {
    text-align: left;
  }
}
/*
  grands écrans
*/
@media (min-width: 1200px) {
  #HOOK_PAYMENT .cellule_2 {
    padding-left: 10px;
  }
}

.picto-alerte {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

@keyframes slideInUp {
  from {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }

  to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}

.parent_alerte:hover .picto-alerte {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  visibility: visible;
}

.toggle-active:hover, .remove-alertes:hover {
  color: #ff6350 !important;
}

/* Charte des avis vinatis  */
@media (max-width: 767px) {
  .bloc-regles .table-cell-css {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .signature-vinatisss {
    margin-right: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bloc-regles .table-cell-css {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .signature-vinatisss {
    margin-right: 200px;
  }
}
@media (min-width: 992px) {
  .bloc-regles .table-cell-css {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .signature-vinatisss {
    margin-right: 200px;
  }
}


/**
 * 2017
 * Thomas C
 --- CSS Listings Mozaïk / Liste ---
*/
.quantity-tab.grid {
  background-color: #fff;
  bottom: 55px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 180px;
  left: -2px;
  display: table;
  z-index: 101;
}
.quantity-tab.list {
  background-color: #fff;
  bottom: 50px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 180px;
  left: -2px;
  display: table;
  z-index: 101;
}
.quantity-tab.product {
  background-color: #fff;
  bottom: 45px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 180px;
  left: -2px;
  display: table;
  z-index: 101;
}

.btn-gray {
  color: #222;
  background-color: #fff;
  border-color: #222; }

.qty-selected {
  background-color: #ccc;
}

/* depending on bottom */
.bottom-neg-10 {
  position: absolute;
  bottom: -10px;
}
.bottom-0 {
  position: absolute;
  bottom: 0px;
}
.bottom-10 {
  position: absolute;
  bottom: 10px;
}
.bottom-20 {
  position: absolute;
  bottom: 20px;
}
.bottom-30 {
  position: absolute;
  bottom: 30px;
}
/* depending on top */
.top-0 {
  position: absolute;
  top: 0px;
}
.top-10 {
  position: absolute;
  top: 10px;
}
.top-20 {
  position: absolute;
  top: 20px;
}
.top-30 {
  position: absolute;
  top: 30px;
}

/* HAUTEUR ELEMENTS POURCENTAGE */
.height-pourcent-0 {
  height: 0%;
}
.height-pourcent-3 {
  height: 3%;
}
.height-pourcent-4 {
  height: 4%;
}
.height-pourcent-5 {
  height: 5%;
}
.height-pourcent-6 {
  height: 6%;
}
.height-pourcent-7 {
  height: 7%;
}
.height-pourcent-8 {
  height: 8%;
}
.height-pourcent-9 {
  height: 9%;
}
.height-pourcent-10 {
  height: 10%;
}
.height-pourcent-11 {
  height: 11%;
}
.height-pourcent-12 {
  height: 12%;
}
.height-pourcent-13 {
  height: 13%;
}
.height-pourcent-15 {
  height: 15%;
}
.height-pourcent-17 {
  height: 17%;
}
.height-pourcent-20 {
  height: 20%;
}
.height-pourcent-21 {
  height: 21%;
}
.height-pourcent-23 {
  height: 23%;
}
.height-pourcent-25 {
  height: 25%;
}
.height-pourcent-27 {
  height: 27%;
}
.height-pourcent-28 {
  height: 28%;
}
.height-pourcent-29 {
  height: 29%;
}
.height-pourcent-30 {
  height: 30%;
}
.height-pourcent-31 {
  height: 31%;
}
.height-pourcent-32 {
  height: 32%;
}
.height-pourcent-33 {
  height: 33%;
}
.height-pourcent-34 {
  height: 34%;
}
.height-pourcent-35 {
  height: 35%;
}
.height-pourcent-36 {
  height: 36%;
}
.height-pourcent-37 {
  height: 37%;
}
.height-pourcent-38 {
  height: 38%;
}
.height-pourcent-39 {
  height: 39%;
}
.height-pourcent-40 {
  height: 40%;
}
.height-pourcent-45 {
  height: 45%;
}
.height-pourcent-47 {
  height: 47%;
}
.height-pourcent-49 {
  height: 49%;
}
.height-pourcent-50 {
  height: 50%;
}
.height-pourcent-53 {
  height: 53%;
}
.height-pourcent-55 {
  height: 55%;
}
.height-pourcent-57 {
  height: 57%;
}
.height-pourcent-60 {
  height: 60%;
}
.height-pourcent-65 {
  height: 65%;
}
.height-pourcent-70 {
  height: 70%;
}
.height-pourcent-75 {
  height: 75%;
}
.height-pourcent-80 {
  height: 80%;
}
.height-pourcent-83 {
  height: 83%;
}
.height-pourcent-85 {
  height: 85%;
}
.height-pourcent-90 {
  height: 90%;
}
.height-pourcent-95 {
  height: 95%;
}
.height-pourcent-92 {
  height: 92%;
}

.margin-add-cart {
  margin-bottom: 100px;
}

/* fixed width note */
.width-80 {
  width: 80px;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflow-hidden {
  overflow: hidden;
}

/*
  Hoverable effect
*/
.accroche-hover-effect {

  position: absolute;
  z-index: 9;


  background-color: #fff;
}

.listing-selected {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
}

.recompenses-conteneur-product {
  position: absolute;
  width: 65px;
  margin-left: 40px;
  top: 30px;
}

/* Border listing mozaïk */
/*Border 10px*/
.border-bottom-10 { border-bottom: 10px solid #f5f5f5 !important; }
/*.border-bottom-10:hover { border-bottom: 10px solid #CCC !important; }*/
.border-top-10 { border-top: 10px solid; }
.border-left-10 { border-left: 10px solid; }
.border-right-10 { border-right: 10px solid;}
/*Border 5px*/
.border-bottom-5 { border-bottom: 5px solid #f5f5f5 !important; }
.border-bottom-5:hover { border-bottom: 5px solid #CCC !important; }
.border-top-5 { border-top: 5px solid; }
.border-left-5 { border-left: 5px solid; }
.border-right-5 { border-right: 5px solid;}
/*Border 3px*/
.border-bottom-3 { border-bottom: 3px solid #f5f5f5 !important; }
.border-bottom-3:hover { border-bottom: 3px solid #CCC !important; }
.border-top-3 { border-top: 3px solid; }
.border-left-3 { border-left: 3px solid; }
.border-right-3 { border-right: 3px solid;}
/*Border 2px*/
.border-bottom-listing-2 { border-bottom: 2px solid #CCC !important; }
.border-bottom-listing-2:hover { border-bottom: 2px solid #555 !important; }
.border-bottom-2 { border-bottom: 2px solid #CCC !important; }
.border-top-2 { border-top: 2px solid; }
.border-left-2 { border-left: 2px solid; }
.border-right-2 { border-right: 2px solid;}


/* border page produit */
/*Border Gray light 5px*/
.border-bottom-graylight-5 { border-bottom: 5px solid #f5f5f5 !important; }
.border-top-graylight-5 { border-top: 5px solid #f5f5f5; }
.border-left-graylight-5 { border-left: 5px solid #f5f5f5; }
.border-right-graylight-5 { border-right: 5px solid #f5f5f5; }


/* couleur des bordures (top, left, right) au hover */
.hoverable {
/*
  transition: box-shadow .25s;
  box-shadow: 0;
*/
/*  border-color: #CCC;*/
  border-color: #f5f5f5;
}

.hoverable:hover {
/*
  transition: box-shadow .25s;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
*/
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);*/

  border-color: #CCC;
}

.hoverable-display-style {
  transition: box-shadow .25s;
  box-shadow: 0;
}

.hoverable-display-style:hover {
  transition: box-shadow .25s;
  background-color: #F5F5F5;
  /*box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);*/
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);*/
}

.selected-display-style {
  background-color: #F5F5F5;
  /*box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2) inset;*/
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2) inset;
}

.hover-display-style:hover {
  background-color: #F5F5F5;
}

.rounded-corner-3 {
  border-radius: 3px;
}

.prod-in-cart {
  /*border-color: #46a74e;*/
  border-color: #26B48D;
}

.color-green-dark {
   color: #26B48D !important;
}

.color-green-dark-before:before {
   color: #26B48D !important;
}

.border-bottom-5.prod-in-cart {
  border-bottom: 5px solid #26B48D !important;
}
.border-bottom-listing-2.prod-in-cart {
  border-bottom: 2px solid #26B48D !important;
}

.border-bottom-3.prod-in-cart {
  border-bottom: 3px solid #26B48D !important;
}

/* Override animation speed */
.quantity-tab {
  -webkit-animation-duration: 0.5s !important;
  -moz-animation-duration: 0.5s !important;
  animation-duration: 0.5s !important;
}

.comment-carret-up {
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  top: -6px;
  left: 25px;
}

.comment-carret-down {
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  bottom: -6px;
  left: 25px;
}

.border-silver-1 {
  border: 1px solid silver;
}

.button-pagination-selected {
  border: 1px solid #ff6350;
  cursor: pointer;
}

/* height fixed ..*/
.height-add-cart-65 {
  height: 65px;
}
.height-add-cart-64 {
  height: 64px;
}
.line-add-cart-64 {
  line-height: 64px;
}

.box-sizing-border {
  box-sizing: border-box;
}

/* force meme height */
.row-grid {
  display: table;
}
.row-grid [class*="valign-force-top"] {
  float: none;
  display: table-cell;
  vertical-align: top;
  /*height: 100%;*/
}
/* shadow des labels listing grid */
.top-label-shadow {
  box-shadow: 2px 2px #ff6350;
}

.top-label-shadow-bio {
    box-shadow: 2px 2px #26B48D;
}
/* shadow des labels listing grid */

.top-label-shadow-purple {
  box-shadow: 2px 2px #97266c;
}
.top-label-shadow-green {
  box-shadow: 2px 2px #26B48D;
}
.top-label-shadow-white {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-orange {
  box-shadow: 2px 2px #E99324;
}
.top-label-shadow-purple-black {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-purple-dark {
  box-shadow: 2px 2px #4a1342;
}
.top-label-shadow-black {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-gray-darker {
  box-shadow: 2px 2px #222222;
}
.top-label-shadow-gray-dark {
  box-shadow: 2px 2px #777777;
}
.top-label-shadow-gray {
  box-shadow: 2px 2px #999898;
}
.top-label-shadow-gray-lighter {
  box-shadow: 2px 2px #f5f5f5;
}
.top-label-shadow-corail {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-turquoise {
  box-shadow: 2px 2px #006558;
}
.top-label-shadow-yellow {
  box-shadow: 2px 2px #f0cb5d;
}
.top-label-shadow-saumon {
  box-shadow: 2px 2px #fac6c0;
}
.top-label-shadow-red-light {
  box-shadow: 2px 2px #ff8189;
}
.top-label-shadow-red-dark {
  box-shadow: 2px 2px #ac001e;
}
.top-label-shadow-red {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-rose, .top-label-shadow-pink {
  box-shadow: 2px 2px #ee1f79;
}
.top-label-shadow-purple-light {
  box-shadow: 2px 2px #e2aacd;
}
.top-label-shadow-dark-violet {
  box-shadow: 2px 2px #13132b;
}
.top-label-shadow-grey-violet {
  box-shadow: 2px 2px #9e9eb6;
}
.top-label-shadow-grey-purple {
  box-shadow: 2px 2px #ff6350;
}
.top-label-shadow-ocean {
  box-shadow: 2px 2px #3cd7ca;
}
.top-label-shadow-ocean-light {
  box-shadow: 2px 2px #abeee8;
}
.top-label-shadow-turquoise-light {
  box-shadow: 2px 2px #98c6bb;
}
.top-label-shadow-yellow-light {
  box-shadow: 2px 2px #fdf19d;
}
.top-label-shadow-green-light {
  box-shadow: 2px 2px #26B48D;
}
.top-label-shadow-blue {
  box-shadow: 2px 2px #005d7b;
}
.top-label-shadow-blue-light {
  box-shadow: 2px 2px #8bb7cf;
}
.top-label-shadow-rose-light {
  box-shadow: 2px 2px #edd5df;
}
.top-label-shadow-doree {
  box-shadow: 2px 2px #9b8748;
}
.top-label-shadow-brownie {
  box-shadow: 2px 2px #b1846e;
}
.top-label-shadow-bordeaux {
  box-shadow: 2px 2px #006558;
}
.top-label-shadow-bordeaux-light {
  box-shadow: 2px 2px #bf7b86;
}
.top-label-shadow-marine {
  box-shadow: 2px 2px #00195b;
}
.top-label-shadow-marine-light {
  box-shadow: 2px 2px #4d5681;
}
.top-label-shadow-ciel {
  box-shadow: 2px 2px #68d5fe;
}
.top-label-shadow-ciel-dark {
  box-shadow: 2px 2px #01839d;
}
.top-label-shadow-ocre {
  box-shadow: 2px 2px #f4b453;
}
.top-label-shadow-ocre-light {
  box-shadow: 2px 2px #f7d6b3;
}
.top-label-shadow-flash-red {
  box-shadow: 2px 2px #ff6350;
}

/*
* 2016-2016 G.
* 2017 Yvan RAYMOND
* Bloc menu dynamique"
* Mise en forme
* Création : 11/04/2016
*
*/
.menu_acces_direct{
  background-color: black;
  color:white;
  padding: 15px;
  width:30%;
}

.menu_haut_img_titre {
  height: 20px;
}

#svg_menu{
  position: relative;
  z-index:200;
  display:none;
  margin: auto;
  margin-top:-8px;
}

.with-univers-vinatis #svg_menu{
  display:block;
  visibility: hidden;
}

.nav-secondary-vinatis {
  background-color: white;
  border: none;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}
.mnnv-lnks hr{
  margin:0 0 0;
  border-color: #ff6350;
  border-width: 5px;
  margin-top: -5px;
}

.mnnv-innr {
  background-color: white;
  display: flex;
  flex-direction: row;
  padding: 0 15px 15px;
  gap: 30px;
}

.element_with_text {
  border-bottom: 1px ridge #eee;
}

.mnnv-lnk{
  margin-top: 5px;
  text-decoration: none;
}
.mnnv-lnk a{
  text-decoration: none;
}

.mnnv-lnk a:hover{
  text-decoration: none!important;
  font-weight: bold;
}

.mnnv-lnk img{
  display: block;
  /* margin: auto; */
  background-color: #BDBDBD;
}
.nav-secondary-vinatis{
  margin-top: 0;
}


@media (min-width: 991px){
  .mnnv-cl{
    margin:0;
    width:20%!important;
  }

  .menu_no_desktop{
  display: none !important;
  }
}

@media (max-width: 991px){
  .menu_no_mobile{
    display: none !important;
  }

  #svg_menu{
    display: none;
  }

  .with-univers-vinatis:hover #svg_menu{
    visibility: visible;
  }

  .nav-secondary-vinatis{
    background-color: white;
    border: none;
  }
}

/*Vente Flash*/
.bg-pdt-vf {
  background: #e99324; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e99324 0%, #f41e40 50%, #f41e40 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #e99324 0%,#f41e40 50%,#f41e40 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #e99324 0%,#f41e40 50%,#f41e40 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e99324', endColorstr='#f41e40',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.position-listing-vf {
  top: -5px;
  left: -5px;
  z-index: 101;
  opacity: 1;
}

/* sprite opti performance */

.gilbert-gaillard, .bettane-desseauve, .figaro, .terre-de-vins, .logo-mobile, .rvf
{
  display: inline-block;
  background: url('/img/logo/sprite.png') no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.gilbert-gaillard { background-position: -0px -0px; width: 211px; height: 66px; }
.bettane-desseauve { background-position: -0px -66px; width: 181px; height: 66px; }
.figaro { background-position: -0px -132px; width: 146px; height: 66px; }
.terre-de-vins { background-position: -0px -198px; width: 143px; height: 66px; }
.logo-mobile { background-position: -0px -264px; width: 117px; height: 30px; }
.rvf { background-position: -117px -264px; width: 80px; height: 66px; }

.footer-container .logo-paiement
  {
    display: inline-block;
    background: url('/img/logo/logo-paiement.jpg?version=2') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: center;
    margin-right:10px;
  }

  .footer-container .visa { background-position: -0px -0px; width: 65px; height: 45px; }
  .footer-container .mastercard { background-position: -65px -0px; width: 65px; height: 45px; }
  .footer-container .american-express { background-position: -130px -0px; width: 65px; height: 45px; }
  .footer-container .paypal { background-position: -195px -0px; width: 65px; height: 45px; }
  .footer-container .klarna-raten { background-position: -260px -0px; width: 65px; height: 45px; }
  .footer-container .klarna-rech { background-position: -325px -0px; width: 65px; height: 45px; }
  .footer-container .sofort { background-position: -390px -0px; width: 65px; height: 45px; }
  .footer-container .postepay { background-position: -455px -0px; width: 65px; height: 45px; }
  .footer-container .cr { background-position: -520px -0px; width: 65px; height: 45px; }
  .footer-container .electron { background-position: -585px -0px; width: 65px; height: 45px; }
  .footer-container .maestro { background-position: -650px -0px; width: 65px; height: 45px; }


.loader-add-to-cart-grid, .loader-add-to-cart-list {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.loader-add-to-cart-list > img, .loader-add-to-cart-grid > img {
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 60px);
}

.noël-secondary-tab:before{
    border:2px solid #fff!important;
    border-left-color:#4a1342!important;
    border-bottom-color:#4a1342!important;
}

.btn-fb-auth {
    display: inline-flex;
    background-color: #3F5B9A;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    border: 1px solid #3F5B9A;
}
.btn-fb-auth:hover {
    display: inline-flex;
    background-color: #FFF;
    color: #3F5B9A;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    border: 1px solid #3F5B9A;
}

.border-vin-show {
    border-color: #5d3a2b !important;
}
.bg-pdt-vs {
    background-image: url('/img/boutiques/vin-show/timer-listing.jpg');
    background-repeat: repeat;
    background-size: contain;
}
.bg-pdt-oscars {
    background-image: url('/img/boutiques/oscars/timer-produit.jpg');
    background-repeat: repeat;
    background-size: contain;
}
.color-vin-show {
    color: #E6D7BE !important;
}

button.ajax_add_to_cart_button.bg-ocre:hover {
    color: #f7b352 !important;
    background-color: #fff  !important;
    border-color: #f7b352 !important;
}

button.exclusive.bg-ocre:hover {
    color: #f7b352 !important;
    background-color: #fff  !important;
    border-color: #f7b352 !important;
}

/* Inscription newsletter widget gestion url */
.btn-newsletter-subscribe {
    background-color: #01849b;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 0;
    white-space: nowrap;
    border: 1px solid #01849b;
    padding-left: 10px;
    padding-right: 10px;
    width: 15%;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-newsletter-subscribe:hover {
    background-color: #ffffff;
    color: #01849b;
}

.form-news-container {
    width: 45%;
    margin: auto;
}

.input-newsletter-subscribe {
    background-color: #FFFFFF !important;
    color: #000000;
    padding-left: 10px;
    border: 1px solid #BDBDBD;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-newsletter-subscribe:placeholder {
    color: #FFFFFF;
}
.loader-widget-mail {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255,255,255, .8) url('/img/hurry-up-loader.gif') no-repeat center center;
    background-size: 10%;
}

@media (max-width: 992px) {
    .form-news-container {
        width: 70%;
        margin: auto;
    }

}
/* Tetris class for BO */
.current-focused-elem {
  border: 2px solid #8350ff !important;
}

.highlight-selection {
  border: 2px solid #ff0000 !important;
}

@media (max-width: 992px) {
  .cart_connect {
    font-size: 16px !important;
    width: 100%;
    margin-top: 10px;
  }
}
.email-widget-mail {
  width: 50%;
  display: block;
  margin: auto;
  height: 35px;
  border: solid 1px #CCC;
  padding-left: 10px;
}
.timer-widget-mail-container {
  border: 1px solid;
  background: #FFF;
  display: inline-block;
  padding: 15px 0px 15px 0px;
  margin-right: 5px;
  text-align: center;
  width: 90px;
}
.cookies_disallow {
  background:linear-gradient(#F1F1F1, #FFFFFF);
  display:inline-block;
  width:100%;
}
.cookies_disallow a {
  text-transform:uppercase;
}
.cookies_disallow a:hover{
  background-color:#ff6350;
  color:#FFF!important;
}
.cookies_disallow p:first-child {
  margin-top:100px;
  margin-bottom:0;
}

/* Shine effect */
.shine {
    background-image: -moz-linear-gradient(315deg, rgba(234,181,117,0.2) 0%, rgba(234,181,117,0.2) 37%, rgba(234,181,117,0.8) 45%, rgba(234,181,117,0) 50%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(234,181,117,0.2)), color-stop(37%, rgba(234,181,117,0.2)), color-stop(45%, rgba(234,181,117,0.8)), color-stop(50%, rgba(234,181,117,0)));
    background-image: -webkit-linear-gradient(315deg, rgba(234,181,117,0.2) 0%, rgba(234,181,117,0.2) 37%, rgba(234,181,117,0.8) 45%, rgba(234,181,117,0) 50%);
    background-image: -o-linear-gradient(315deg, rgba(234,181,117,0.2) 0%, rgba(234,181,117,0.2) 37%, rgba(234,181,117,0.8) 45%, rgba(234,181,117,0) 50%);
    background-image: -ms-linear-gradient(315deg, rgba(234,181,117,0.2) 0%, rgba(234,181,117,0.2) 37%, rgba(234,181,117,0.8) 45%, rgba(234,181,117,0) 50%);
    background-image: linear-gradient(135deg, rgba(234,181,117,0.2) 0%, rgba(234,181,117,0.2) 37%, rgba(234,181,117,0.8) 45%, rgba(234,181,117,0) 50%);
    background-repeat: no-repeat;
    background-position: -200px 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    background-size: 200px 100%;
    animation-name: shine;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    align-self: center;
    padding: 0.2em;
}

@keyframes shine {
    0%, 30% {
        background-position: -120px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.alert-delivery .alert.alert-danger::before {
  height:50px;
}

#menucontainer th, #menucontainer td {
    text-align: center;
}

header .sav_header a:hover {
  background-color: #ff6350;
  color: #FFF!important;
}

li.nav-tab-vinatis div.mnnv-sb {
  z-index: +999;
}

.color-fluo-blue {
  color: #00EFFF;
}

.color-fluo-green {
  color: #76FF00;
}

.color-fluo-yellow {
  color: #F6FF23;
}

.color-fluo-pink {
  color: #FF00F9;
}

.color-granit {
   color: #D4BFBB;
 }

.color-ronce {
  color: #70846D;
}

.color-ardoise {
  color: #474242;
}

.color-taupe {
  color: #938A8A;
}

.color-blog {
  color: #B4A77E;
}

.bg-fluo-blue {
  background-color: #00EFFF;
}
.hover\:bg-fluo-blue:hover {
  background-color: #00EFFF;
}

.bg-fluo-green {
  background-color: #76FF00;
}
.hover\:bg-fluo-green:hover {
  background-color: #76FF00;
}

.bg-fluo-yellow {
  background-color: #F6FF23;
}
.hover\:bg-fluo-yellow:hover {
  background-color: #F6FF23;
}

.bg-fluo-pink {
  background-color: #FF00F9;
}
.hover\:bg-fluo-pink:hover {
  background-color: #FF00F9;
}

.bg-granit {
  background-color: #D4BFBB;
 }
.hover\:bg-granit:hover {
  background-color: #D4BFBB;
 }

.bg-ronce {
  background-color: #70846D;
}
.hover\:bg-ronce:hover {
  background-color: #70846D;
}

.bg-ardoise {
  background-color: #474242;
}
.hover\:bg-ardoise:hover {
  background-color: #474242;
}

.bg-taupe {
  background-color: #938A8A;
}
.hover\:bg-taupe:hover {
  background-color: #938A8A;
}

.bg-blog {
  background-color: #B4A77E;
}
.hover\:bg-blog:hover {
  background-color: #B4A77E;
}

.separator {
  background-color: #FF6350;
  height: 3px;
  width: 35px;
  display: block;
  margin-top: 3px;
  margin-bottom: 10px;
}

.icon-social{
  background-color: #a5a5a5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  vertical-align: middle;
  padding: 10px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.footer-container #footer .captcha_notice {
  margin: 10px 0 0;
  font-size: 14px;
  color: #999;
}

.footer-container #footer .captcha_notice a:hover {
  color: #999;
  text-decoration: underline;
}

.searchVinatis span.countdown-vf {
    display: flex;
    gap: 5px;
    max-width: 450px;
    margin:auto;
}

.searchVinatis span.countdown-vf .timer-widget-mail-container {
    flex: 1;
    margin: 0;
    border-radius: 5px;

}

.searchVinatis span.countdown-vf .timer-widget-mail-container > span:nth-child(2) {
    font-size:13px !important;
}

.bandeau_cc img {
	width: 100px;
	border-radius: 5px;
}
.bandeau_cc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.truncated {
    max-height: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-mask-image: linear-gradient(to bottom, black 25%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 25%, transparent 100%);
}

.expandactions {
    text-align: center;
}

.expandactions button {
    border-radius: 30px;
    padding: 2px 10px;
}

.carrier-img {
    max-width: 160px;
}

/*** <img> elements as backgrounds ***/

.img-to-bg {
	position: relative;
	overflow: hidden;
}

.img-to-bg img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.img-to-bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit:cover;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

a:hover .img-to-bg img {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.03);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.03);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.03);
	transform: translateX(-50%) translateY(-50%) scale(1.03);
}



/*** Media Queries ***/

@media (max-width: 767px) { /* Taille XS */
	.layer-black-xs {
		background-color: rgba(0,0,0,0.5);
	}
	.layer-white-xs {
		background-color: rgba(255,255,255,0.5);
	}
}

@media (min-width: 768px) and (max-width: 991px) { /* Taille SM */
	.layer-black-sm {
		background-color: rgba(0,0,0,0.5);
	}
	.layer-white-sm {
		background-color: rgba(255,255,255,0.5);
	}
}

@media (min-width: 992px) and (max-width: 1199px) { /* Taille MD */
	.layer-black-md {
		background-color: rgba(0,0,0,0.5);
	}
	.layer-white-md {
		background-color: rgba(255,255,255,0.5);
	}
}

@media (min-width: 1200px) { /* Taille LG */
	.layer-black-lg {
		background-color: rgba(0,0,0,0.5);
	}
	.layer-white-lg {
		background-color: rgba(255,255,255,0.5);
	}
}



/*** SLIDERS ***/

.slider-reviews .owl-prev,
.slider-reviews .owl-next,
.slider-logos .owl-prev,
.slider-logos .owl-next,
.owl-carousel.slider-themes .owl-prev,
.owl-carousel.slider-themes .owl-next {
	background: #f1f1f5;
	color: #293847;
	cursor: pointer;
	font-size: 4em;
	height: 110px;
	line-height: 90px;
	opacity: .4;
	padding: 0 15px 0 12px;
	position: absolute;
	text-align: center;
	top: 155px;
	top: calc(50% - 55px);
	transition: .2s;
	z-index: 3;
}

.slider-reviews .owl-prev:hover,
.slider-reviews .owl-next:hover,
.slider-logos .owl-prev:hover,
.slider-logos .owl-next:hover {
	background:#293847;
	color:#f1f1f5
}

.slider-reviews .owl-prev,
.slider-logos .owl-prev {
	left : 0 ;
}
.slider-reviews .owl-next,
.slider-logos .owl-next {
	right : 0;
}

.slider-reviews .owl-wrapper,
.slider-logos .owl-wrapper,
.owl-carousel.slider-themes .owl-wrapper {
	height : 100%;
}

.slider-reviews.hide-owl-buttons .owl-buttons,
.slider-logos.hide-owl-buttons .owl-buttons,
.owl-carousel.slider-themes.hide-owl-buttons .owl-buttons {
	display: none;
}
.slider-reviews.hide-owl-controls .owl-controls,
.slider-logos.hide-owl-controls .owl-controls,
.owl-carousel.slider-themes.hide-owl-controls .owl-controls {
	display: none !important;
}

.owl-carousel.slider-themes .item .row{
	border-radius: 8px;
}

.owl-carousel.slider-themes .owl-nav {
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}

.owl-carousel.slider-themes .owl-prev,
.owl-carousel.slider-themes .owl-next {
	color: #999999;
	background: transparent!important;
	opacity: 1;
	position: initial;
	height: auto;
	line-height: 1em;
	font-size: 1em;
}

.owl-carousel.slider-themes .owl-prev:hover,
.owl-carousel.slider-themes .owl-next:hover {
	background:#f5f5f5;
	color:#666666;
}

.owl-carousel.slider-themes .owl-prev.disabled,
.owl-carousel.slider-themes .owl-next.disabled,
.owl-carousel.slider-themes .owl-prev.disabled *,
.owl-carousel.slider-themes .owl-next.disabled * {
	background: transparent!important;
	color: #eeeeee!important;
}


/*** Vidéo container ***/

.video-container {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
	margin: 20px 0;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
}

.video-container embed,
.video-container iframe,
.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/*** Derniers articles de blog ***/
.blog-last-items .blog-resume {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*** SEO parts links ***/

.content-container p a.maillage {
	border-bottom: 1px dotted #cccccc;
}

.content-container p a.maillage:active,
.content-container p a.maillage:focus,
.content-container p a.maillage:hover {
	color: #ff6350;
}

.vinatis-offer {
    border-radius: 5px;
    display: flex;
    width: 100%;
}

.offer-icon {
    position: relative;
    height: 88px;
    display: flex;
    padding: 10px;
}

.offer-details {
    display: grid;
    gap: 10px;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
}

.offer-detail {
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}

.offer-corner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
}

.circle-icon {
    background-color: #fff;
    border: 3px solid #F5F5F5;
    border-radius: 50%;
    z-index: 1;
    height: 66px;
    width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-image {
    background-color: #fff;
    border-radius: 50%;
}

@media (max-width: 991px) {
    .offer-details {
        grid-template-columns: 1fr;
    }
    .vinatis-offer {
        background-color: #F5F5F5;
    }
}