/***********************************************************************************************/
/* Font*/
/***********************************************************************************************/

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.
   * Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/

-------------------------------------------------------------- */



/* Default font settings.
   The font-size percentage is of 16px. (0.938 * 16px ~ 15px) */
body {
  font-size: 93.8%;
  color: #222;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 1400px;
}

.js, .js body {overflow:hidden}
.js body > * {visibility:hidden}
.js #loading_layer {visibility:visible;display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000}
.js #loading_layer img {position:fixed;top:50%;left:50%;width:64px;height:10px;margin:-5px 0 0 -32px}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { text-transform:uppercase; color:#92042c; font-weight: normal;}

h1 { font-family:  Verdanna, Arial, sans-serif; color:#edeae5;font-size: 2.133em; line-height: 1; margin:0;}
h2 { font-family:  Verdanna, Arial, sans-serif;font-size: 1.366em; margin-bottom: 0.75em; margin-top:0; }
h3 { font-family:  Verdanna, Arial, sans-serif;font-size: 1.2em; line-height: 1.2em; margin-bottom: 1em; }
h4 { font-family:  Verdanna, Arial, sans-serif;font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-family:  Verdanna, Arial, sans-serif;font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-family:  Verdanna, Arial, sans-serif;font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/* Lists
-------------------------------------------------------------- */

li ul,
li ol  { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 0.6em;  }

#container ul li{margin-bottom: 6px;line-height:18px;}

dl     { margin: 0 0 1.5em 0; }
dl dt  { font-weight: bold; }
dd     { margin-left: 1.5em;}

a{color:#373025;text-decoration:none;}
a:hover{color:#000;}

/* Font embedding */

@font-face {
    font-family: 'bradbunr';
    src: url('typos/bradbunr-webfont-webfont.eot');
    src: url('typos/bradbunr-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('typos/bradbunr-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'bradbunr';
        src: url('typos/bradbunr-webfont-webfont.svg#brady_bunch_remasteredregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
}

/***********************************************************************************************/
/* GÉNÉRAL */
/***********************************************************************************************/
body{ color:#e73253; }

body.home #container{padding:48px 0 75px 0;}
#container{padding:0px 0 75px 0;  }

.content-bg{background: url(/images/site/background.png) no-repeat top center!important; position: relative; z-index: 30; }
body.home .content-bg{}
.content-bg-repeat{ background: #cbf1fa url(/images/site/bg-repeat.png) top repeat-x;  position:relative; }

h1 {
  font-family: 'bradbunr', sans-serif;
  color: #2173A8;
}

h1.pagetitle {
  color: #ffffff;
  font-family: 'bradbunr', sans-serif;
  font-size: 4.93333333333333em;
  margin-left: 196px;
  text-shadow: 0px 0px 8px rgba(0, 18, 110, 0.75);
}

#content{padding-top:50px;}

.header{height:636px; position: relative;}
.header-right{padding-top:24px;}

#slider_header { width: 100% !important; height: 600px; position: absolute; z-index: 0; }

.bg {
  background: green;
}

#slider_top {

}

.slide {
  position: relative;
  height: 600px;
  margin-left: -700px !important;
  left: 50% !important;
   width: 1400px;
  margin: 0 auto auto;
}


#back_header { width: 100%;  height: 600px; background: #2BC4EB url('/images/site/header-top.gif') 0 0 repeat-x; position: absolute; top: 0; }


#footer_saveur{ background: #e63253; height: 340px!important; position:relative; }
#footer_saveur .title { background: url(/images/site/title_banner.png) no-repeat; margin: -32px auto; width: 250px; height:43px; color:#ffffff; text-align: center; padding: 13px 0 0 0;  font-family: 'bradbunr', Verdana, Geneva, sans-serif;  font-size: 1.7em; }

#footer{ background: #91192d; min-height: 151px!important; min-height: inherit; text-align: center; padding: 7px 0 30px 0!important; color: #fff!important; font-size: 0.8em; }
#footer_voyou{ background: #76091b; height:23px!important; text-align: center; color: #ce6576; font-size: 0.7em; padding: 10px 0; }

#footer img {
   position: absolute; top: 0; left: 0;
}

.img_wrapper {
  position: relative; height: 48px; width: 48px;
  margin-top: 42px;
  height: 105px;
  width: 100%;
  text-align: center;
}

#footer img.pencil {
  clip:rect(0 200px 33px 0);
  top: 20px;
  left: 50px;
}

#footer img.talk {
  clip:rect(33px, 153px, 111px, 45px); top: -33px; left: 50px;
}

#footer img.msg {
  clip:rect(112px, 157px, 181px, 40px); top: -112px; left: 50px;
}

#newsletter {
  display: inline-block;
  text-align: center;
}

#newsletter input, a.btn {
  background: #e63253;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 10px 15px;
  margin: 0;
  display: inline-block;
  width: auto;
  color: #91192f !important;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

#newsletter input {

}

#newsletter input[type=submit] {
  cursor: pointer;
}

#social li, #social {
  list-style: none;
  margin: 0; padding: 0;
}

#social li {
  display: inline-block;
}

#social .social {
  display: block;
  width: 40px; height: 40px;
  background: url('/images/site/social_sprite.png') no-repeat;
}

#social .social.twitter {
  background-position: -62px 0;
}

#social .social.vimeo {
  background-position: -124px 0;
}

#fish_eye_wrapper {
  width: 100%;
  height: 340px;
  position: absolute;
  left: 0;
  bottom: 0;

}

.ui {
  width: 960px;
  position: absolute;
  left: 50%;
  margin-left: -480px;
}

#fisheye {
  margin: 0 auto auto !important;
   padding-top: 30px !important;
}

#fisheye div {
  text-align: center;
  width: 100px;
  height: 352px;
  float: left;
  position: relative;
  color: white;
  display: none;
}

#fisheye div img {
  border: none;
  width: 100%;
  height: auto;
}


.caroufredsel_wrapper {
  margin: 0 auto auto !important;

}


#footer_voyou a {color: #ce6576;}

#slider_left { background: url(/images/site/arrow_left.png); width: 39px; height:47px; position: absolute; left: 0; top: 95px; z-index: 1000;    }
#slider_left.disabled {
  background-position: 0 -47px;
}
#slider_left:hover { cursor:pointer; }
#slider_right { background: url(/images/site/arrow_right.png); width: 34px; height:48px; position: absolute; right: 0; top: 95px;  z-index: 1000; }
#slider_right.disabled {
  background-position: 0 -47px;
}
#slider_right:hover { cursor:pointer; }
#slider_content { position:relative;   }
#saveurs_scroll { position:relative; margin:0px 50px 0 50px; height: 300px; width: 850px; }
.image_carousel { margin-top: 50px; width: 1000px; position: relative;}
.image_carousel img {
  margin: 7px;
  display: inline-block;
  float: left;
  position: relative;
}

#juste_cool {
    position: absolute; top: 0;
    right: -220px;
    background: url('/images/site/juste_cool.png') right 0 no-repeat;
    display: block;
    width: 192px;
    height: 123px;
  }

  body.en #juste_cool {
    background: url('/images/site/juste_cool_en.png') right 0 no-repeat;
  }

  #juste_cool a, body.en #juste_cool a {
    display: none;
    position: relative;
    width: 22px; height: 22px;
  }

  #juste_cool a.fb, body.en  #juste_cool a.fb {
  left: 220px; top: 30px;
  }

  #juste_cool a.t, body.en  #juste_cool a.t {
    left: 244px; top: 0px;
  }

  #juste_cool a.v, body.en  #juste_cool a.v {
    left: 268px; top: -27px;
  }

  #juste_cool.open a, body.en #juste_cool.open a {
    display: block;
  }

  #juste_cool:hover, #juste_cool.open, body.en #juste_cool:hover, body.en #juste_cool.open {
    background: url('/images/site/cool_open.png') right 0 no-repeat;
    width: 392px;
    height: 123px;
  }

  body.en #juste_cool:hover, body.en #juste_cool.open {
    background: url('/images/site/cool_open_en.png') right 0 no-repeat;
  }



#logo { position: absolute; top: 83px; left: 147px; }

#pastille { position: absolute; top: 320px; margin-left: -25px; }

#barbershop {
  position: absolute;
  top: 75px;
  left: -30px;
}

#barbershop img {
  width: 148px;
}


#navigation { position: absolute; top: 0; left: 0;padding: 0 0 0 34px; float: left; width: auto; }

/***********************************************************************************************/
/* MAIN MENU */
/***********************************************************************************************/
#navigation ul {
  float: left;
  width: 583px;
   background: url(/images/site/menu_top.png) no-repeat 0 0;
    background-size: 100% 49px;
   height: 49px;
}
#navigation li{ margin: 8px 6px; float: left; }

#navigation li.first { margin-left: 30px; }
#navigation li.bull { padding: 0; margin-left: 0; margin-right: 0; font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.3em; }
#navigation li a {  font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.3em;

	color:#ffffff;
	text-transform:inherit;

	}
#navigation li a:hover{color:#fff;}
#navigation li:hover{}

#navigation .lang_selector {
  width: 66px;
  margin-left: 8px;
  background: url('/images/site/lang_bg.png') no-repeat 0 0;
  background-size: auto;
  padding: 0 3px;
}
#navigation .lang_selector li {
  margin: 8px 0;
}

#navigation .lang_selector li.bull {
    padding: 0 4px;
  }

#navigation .lang_selector li a {
  padding: 0 4px;
  text-transform: uppercase;
}

#navigation .lang_selector li a.selected {
  color: #e43152;
}


/***********************************************************************************************/
/* Buttons */
/***********************************************************************************************/
#footer a{color:#fff; font-weight:bold;}
a.bt-150{
	background:url(/images/site/bt-150.png) top left no-repeat;
	display:block;
	width:156px;
	text-align:center;
	font-size:0.867em;
	line-height:39px;
	color:#edeae5;
	text-decoration:none;
	text-transform:uppercase;
}
a.bt-150:hover{background:url(/images/site/bt-150.png) 0px -44px no-repeat;}


/***********************************************************************************************/
/* HOME */
/***********************************************************************************************/
.paginate {
  text-align: center;
}

.paginate ul, .paginate ul li {
  margin: 0; padding: 0;
  list-style: none;
}

.paginate ul {
  width: auto;
}

.paginate ul li {
  display: inline-block;
  *display: inline;
}

.paginate ul li a {
  display: block;
  padding: 8px;
  font-family: 'bradbunr', sans-serif;
  font-size: 1.6em;
  color: #4d686d;
}

.paginate li a.current {
  color: #91192d;
}

.block {
  background: url('/images/site/bloc_top.png') center 0 no-repeat;
  display: block;
  padding-top: 97px;
  width: 885px;
}

.meta {
  display: block;
  text-transform: uppercase;
  font-size: 0.75em;
  margin-bottom: 12px;
}

.block_content {
  background: url('/images/site/block_content_bg.png') center 0 repeat-y;
  padding: 45px 95px 12px 195px;
  color: #4d686d;
}

.block_content h2 {
  color: #4d686d;
  margin-bottom: 6px;
}

.block_end {
  background: url('/images/site/bloc_end_right.png') center 0 no-repeat;
  display: block;
  height: 122px;
}

.block.even  {
  background: url('/images/site/bloc_top_left.png') center 0 no-repeat;
}

.block.even .block_content {
  background: url('/images/site/block_content_bg_left.png') center 0 repeat-y;
   padding: 45px 195px 12px 95px;
}

.block.even .block_end {
  background: url('/images/site/bloc_end_left.png') center 0 no-repeat;
}


.bloc { color: #4d686d;}
.bloc a { padding: 15px!important; display: block; color: #b6ebf8;text-transform:lowercase; }

.bloc .play { color: #4d686d;  font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.9em;}
.bloc .play a:hover { color: #fff }

.bloc_cerveau { background: url(/images/site/bloc_cerveau.png); width:879px; height:335px; margin-left: -90px; position:relative; }
.bloc_cerveau .play { position: absolute; top: 75px; right: 50px;  }
.bloc_cerveau .text { position: absolute; top: 100px; left: 500px; width: 210px; }
.cerveau_en { background: url(/images/site/bloc_cerveau_en.png)!important; }


.bloc_riviere { background: url(/images/site/bloc_riviere.png); width:930px; height:321px; margin: -50px 0 0 140px; position:relative; }
.bloc_riviere .play { position: absolute; top: 138px; left: 150px;  }
.bloc_riviere .text { position: absolute; top: 120px; left: 278px; width: 210px; }
.riviere_en { background: url(/images/site/bloc_riviere_en.png)!important; }

.bloc_foudre { background: url(/images/site/bloc_foudre.png); width:877px; height:339px; margin: -80px 0 0 -80px; position:relative; }
.bloc_foudre .play { position: absolute; top: 102px; right: 150px;  }
.bloc_foudre .text { position: absolute; top: 180px; left: 430px; width: 210px; }
.foudre_en { background: url(/images/site/bloc_foudre_en.png)!important; }

.bloc_prof { background: url(/images/site/bloc_prof.png); width:877px; height:361px; margin-left: 90px; position:relative; }
.bloc_prof .play { position: absolute; top: 70px; left: 66px;  }
.bloc_prof .text { position: absolute; top: 110px; left: 200px; width: 210px; }

.bloc_frank { background: url(/images/site/bloc_frank.png); width:1003px; height:265px; margin-left: -20px; position:relative; }
.bloc_frank .play { position: absolute; top: 45px; right: 40px;  }
.bloc_frank .text { position: absolute; top: 85px; right: 180px; width: 210px; }


/***********************************************************************************************/
/* Équipe */
/***********************************************************************************************/
.equipe{padding:9px 0 25px 0;}
.equipe .bloc{padding:15px 0 0 0;}
.equipe-name{text-transform:uppercase;}


/***********************************************************************************************/
/* Contact */
/***********************************************************************************************/
.contact_form{
 width:824px; padding:15px; color:#4d686d;
 background: #e3faff url('/images/site/contact_bg.gif') 0 0;
 height: 510px;
}

.contact_wrap {
  background: #e3faff;
  height: 510px;
}

.contact_form .panel_left {
	float: left;
	width: 412px;
	background: url(/images/site/form_background.png) no-repeat;
	padding: 40px 0 0 40px;
	height: 447px;
	position: relative;
}
.contact_form .panel_right { float: left; width: 290px; margin-top: 60px;}
.contact_form .panel_right p { margin: 30px 0 0 6px; color: #4d686d; font-size: 1.600em; font-family: 'bradbunr', sans-serif; }
.contact_form .panel_right img { margin-left: -10px; }
.contact_form label{
  display:block;
  width:100%;
  color:#4d686d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;

}

.contact_form input[type=text],
.contact_form textarea{
  width:280px;

  padding:10px;

  color:#4d686d;
  background: #e4faff;
  border: none;

}

.contact_form textarea{
	padding-top:15px;
	overflow:auto;
	border: none;
	height:100px;
	margin-bottom: 15px;
}

.contact_form input[type=submit]{
	position: absolute;
	top: 355px;
	right: 66px;
	padding: 20px 5px 60px 20px;
	border: none;
  color: #B6EBF8;
   font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.8em;
  font-weight:normal;
  text-transform: lowercase;
  background: url(/images/site/btn_back.png) no-repeat;

  text-align:left;
  cursor: pointer;
  width: 125px;
  height: 75px;

}


/***********************************************************************************************/
/* Age Gate */
/***********************************************************************************************/
.check_age_form{
 width:824px; padding:15px; color:#4d686d;
 background: #e3faff url('/images/site/contact_bg.gif') 0 0;
 height: 510px;
}

.check_age_form .wrap_box{
  background:url(/images/site/check_background.png) center center #e3faff;

  height: 510px;
  text-align: center;
}

.check_age_form h2 {
  font-family: 'bradbunr';
  color: #4a82b3;
  font-size: 4em;
  margin-bottom: 0.35em;
  letter-spacing: 0.05em;
  text-align: center;
}

.check_age_form p {
  font-weight: bold;
  font-size: 1.2em;
}
.check_age_form .panel {
  padding: 80px;
}
.check_age_form .panel form{
	float: left;
  width: 100%;
	height: 298px;
	position: relative;
  color: #4d686d;
}

.check_age_form input[type=text] {
  width:100px;
  padding: 5px;
  margin: 0 10px;
  color:#a9a9a9;
  background: #e4faff;
  border: solid 5px #e4faff;
  font-family: 'bradbunr';
  font-size: 2.8em;
  font-weight: bold;
  text-align: center;
}
.check_age_form input[type=text].error{
  border: solid 5px red;
}


.check_age_form input[type=submit]{
	padding: 20px 5px 60px 20px;
	border: none;
  color: #B6EBF8;
  font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.8em;
  font-weight:normal;
  text-transform: lowercase;
  background: url(/images/site/btn_check.png) no-repeat;

  text-align:left;
  cursor: pointer;
  width: 125px;
  height: 75px;

}

.check_age_form a {
	padding: 20px 5px 60px 20px;
  display: inline-block;
	border: none;
  color: #B6EBF8;
  font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.8em;
  font-weight:normal;
  text-transform: lowercase;
  background: url(/images/site/btn_check.png) no-repeat;

  text-align: center;
  cursor: pointer;
  width: 125px;
  height: 75px;

}

/***********************************************************************************************/
/* Stores */
/***********************************************************************************************/
#div_stores_content {
	 width: 417px; padding: 70px 0 70px 90px;
	  height: 370px;
	background: #e3faff;

}

.div_stores{
 width: 417px;  height: 370px; color:#4d686d;
 background: #e3faff;

 overflow: auto;
}

.div_stores .box_store { width: 100%; display: block; margin-bottom: 20px; }
.div_stores .box_store .logo { float: left; width: 100px; }
.div_stores .box_store .title { float: left; font-weight:bold; font-family: 'bradbunr', Verdana, Geneva, sans-serif; font-size: 1.8em; margin-top: 10px; }

/***********************************************************************************************/
/* Drop Shadow img sidebar */
/***********************************************************************************************/
.sidebar-shadow{
    -webkit-box-shadow: #323232 0 0 .6em;
    -moz-box-shadow: #323232 0 0 .6em;
    box-shadow: #323232 0 0 .6em;}
/***********************************************************************************************/
/* SLIDER */
/***********************************************************************************************/
.rs-slideshow{
    height: 396px;
    margin: 5px auto 0px auto;
    width: 381px;
	background: #fff;
	}
.home .rs-slideshow{
    height: 300px;
    margin: 0 auto 30px auto;
    width: 940px;}
.slide-container .slide-caption{background-color:#958771;
	padding: 15px 15px;
	text-align:left;
	font-family: 'NeutraDemiNeutraDemi', Verdanna, Arial, sans-serif;
	text-transform:uppercase;
	text-shadow: -1px -1px 1px #605441;}

  .group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/***********************************************************************************************/
/* fancybox-close */
/***********************************************************************************************/
#fancybox-close {
  background: url('/images/site/fancy_close.png') center center no-repeat;
  display: block;
  width: 36px; height: 34px;
  left: -48px; top: -48px;
}

input:focus {
    outline: none;
}

/***********************************************************************************************/
/* MEDIA QUERIES */
/***********************************************************************************************/

@media (max-width: 1400px) {
  #juste_cool { display: none; }
  .slide_top img.object { display: none; }
  .bloc_riviere { margin-left: 0; }
 }