/* GLOBAL STYLE
-------------------------------------------------- */

/*@import url(http://fonts.googleapis.com/css?family=Paytone+One|Oswald|Black+Ops+One);*/
@import url(http://fonts.googleapis.com/css?family=Jockey+One|Faster+One|Oswald|Raleway:600,700,800i,900,900i|Yanone+Kaffeesatz:300,400,700|Merriweather+Sans);
@import url(../css/simple-cart.css);
@import url(../css/moteur.css);


/* background de page et du template */


html {
  margin:0;
  padding:0;
  /*
  background: url(../../picture/zoom/bg_01.jpg) #fff no-repeat center fixed;
  background-size: contain;
  background-position: top center;
  background-image:radial-gradient(rgba(255, 255, 255,  1), #ffffff);
  */
  background-color: #e5e6e6;
  height:100%;
  min-height:100%;
  overflow-x: hidden;
   
}

body {
  
  padding-bottom: 40px;
  background: transparent;
  min-height:100%;
  /*font-family: 'Yanone Kaffeesatz', sans-serif !important;*/
  font-weight:400 !important;
  font-size: 10pt !important;
  /*background-color:rgba(200, 200, 200,  0.8);*/
}

/* pleine largeur responsive */

  .container {
    margin: 0 auto !important;
    width: 100% !important;
  }
 

header {
  margin-top: 45px;
  margin-bottom: -40px;
  /*background: url(../../picture/zoom/bg_rimbertiere.jpg) #fff no-repeat center scroll ;
  background-size: cover;*/
  position: relative;
  z-index:1;
  
}

.header-svg {
  display: block;
  text-align: center;
  margin-top: -145px;
  margin-left: 7px;
}

.bandeau-svg {
  display: block;
  text-align: center;
  margin-top: -15px;
  margin-left: 7px;
}

.p-slide {
    font-family: 'Jockey One', sans-serif;
    color: #ffffff !important;
    text-shadow: 4px 4px 10px rgba(0,0,0,.4);
    line-height: 1px;
    letter-spacing: 1px;
    margin-bottom: 10px; 
  	margin-top: 20px;
 
}

.h1-logo {
    font-family: 'Faster One', sans-serif;
    color: #37c33a !important;
    text-shadow: 4px 4px 10px rgba(0,0,0,.4);
    font-size : 7rem;
    margin-bottom: 160px;
     
}

.h1-slide {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #ddd !important;
    text-shadow: 3px 3px 10px rgba(0,0,0,.8);
    font-size : 3vmax;
    margin-bottom: 160px;
     
}

.logomax {
  
  max-width: 200px !important;
  height: 80px !important;
}

.pdf-max {
  
  max-width: 450px !important;
  height: auto !important;
}



section {
  padding-top: 20px;
  background-color: transparent;
  margin-bottom: 20px;
  
}

iframe.cadre {
  display:block;
  max-width: 1280px !important;
  margin : 0 auto !important;
  
}

.section-entete {
  
  /*background-image:linear-gradient(to top,rgba(255, 255, 255,  0.5) 0%, #ffffff 100%);*/
  /* background-image: radial-gradient(#f0ad4e, #f47e00); */
  background-color: #4b737d;
  /*background: url(../../picture/zoom/bg_footer.gif) #0A4251 no-repeat center fixed;*/
  border-radius: 8px;
  max-width: 1480px !important;
  padding: 15px !important;
  margin: 250px auto 50px auto !important;
       
}

.section-promo {
  display:block;
  max-width: 1280px;
  margin : 0 auto !important;
       
}


.section-entete, .section-entete h1 {
	color:#FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.8);
}

.section-entete p {
	color:#f5f5f5;
  	text-shadow: 0 1px 2px rgba(0,0,0,.8);

}


.row.section-accueil {
  
  background-color: rgba(255, 255, 255,  0);
  border-radius: 0;
  max-width: 1480px !important;
  /*padding: 30px 15px 10px 15px;*/
  margin: 25px auto 25px auto !important;
}


.section-partenaire {
  
  background-color: rgba(255, 255, 255,  1);
  border-radius: 8px;
  max-width: 1480px;
  padding: 30px 15px 10px 15px;
  margin: 25px auto 25px auto !important;

}

.simpleCart_shelfItem {
  
  min-height: 630px !important;
}

.section-moteur {
  
  background-color: transparent;
  border-radius: 8px;
  max-width: 1280px;
  padding: 3px 15px 10px 15px;
  margin : 0 auto !important;

}

.zoom-img:hover {

    transform: scale(0.95) !important;
}

.zoom-img {

    transition: all 0.7s ease !important;
   
}

.media-object:hover {

    transform: scale(0.8) !important;
}

.media-object {

    transition: all 0.7s ease !important;
    border-radius: 50%;
}

.photo-lien

{
  	display: block;
  	margin : auto;
  	transition: all 0.7s ease !important;
}

.photo-lien:hover

{
  
  transform: scale(0.8) !important;
}

img.sepia {
  
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

img.sepia:hover { 
  
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}


.footer-svg {
  text-align: center;
  margin-top: -30px;
}

footer {
  padding-top: 20px;
  margin-top: 120px;
  margin-bottom: 20px;
  background-color: #0A4251;
  color: #c5c5c5;
  border-bottom: 5px solid #4b737d;
}

.foot-menu {
  
  margin: 0 auto 20px auto;
  max-width: 200px;
  
}

.foot-menu a {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 16pt !important;
  font-weight: normal;
  line-height: 1.4em;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
  color: #37c33a;
  
}

.foot-menu a:hover {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 16pt !important;
  font-weight: normal;
  line-height: 1.4em;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
  color: #cfd22a;
}

.dl-horizontal, address, .dl-horizontal a {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  line-height: 1.2em;
  text-decoration: none;
  color: #cccccc;
}

.dl-horizontal, .dl-horizontal a:hover {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  line-height: 1.2em;
  text-decoration: none;
  color: #cccccc;
}

	/* Logo entete navbar */

.triangle { 
    margin-top: 50px;
  	margin-bottom: 25px;
    width: 100%;
    height:130px;
    opacity: 1;
    position: fixed;
    top: 0px;
    left: 0px;
	z-index: 1000;
    transition: height 500ms, opacity 500ms;
    background-color: rgba(10, 66, 81, 0.7);
}

.triangle.tiny { 
  
    height: 0;
    opacity: 0;
  	overflow: hidden;
}

.triangle-bas { 
    margin-top: 500px;
    position: absolute;
    width: 100%;
    height:100px;
    top: 0px;
    left: 0px;
	z-index: 1000;
}

.triangle-footer { 
    margin-top: -120px;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    height:100px;
    top: 0px;
    left: 0px;
	z-index: 0;
}


.accueil { 
    margin-top: 0;
  	margin-bottom: 25px;
    margin-left: -16px;
    margin-right: -16px;
    height: 600px !important;
    position: relative;
    top: 0px;
    left: 0px;
	background: url(../../picture/zoom/bg_laveuse.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: 0;
    visibility: hidden;
  	
    
}

/* Formulaire mail */


.check-box, .libelle, #Email, #Nom, #Adresse, #Ville, #Tel, #Commentaire {
  	color: #333333 !important;
    font-weight: normal !important;
    font-size: 10pt !important;
    font-family: "Merriweather Sans" !important;
}



.btn {
   	font-family: "Merriweather Sans" !important;
   	font-weight: normal !important;
   	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    
}

/* Fin */

.puce-coul {
  
  margin-top : -5px;
  margin-right: 15px; 
  border-radius: 50px;
}

sup {
    font-size: 50%;
    vertical-align: super;
    line-height: 0.5em;
}

.logo {
   margin-top: -108px;
   width:95px !important;
}

.fa-pdf {
  color: #f5f5f5;
  text-decoration: none !important;
  margin-top: 3px;
}


.fa-custom {
  font-size: 18pt;
  color: #f5f5f5;
  text-decoration: none !important;
  margin-top: -5px;
}

a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

hr {
  
  	border-color: #f47e00 !important;
  
}

blockquote {
  
  border-color: #f47e00 !important;
  margin-top: 15px !important;
  margin-left : 25px !important;
}

.tel {
   
  font-size: 14pt !important;
  color: #f0ad4e; 
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  max-width: 200px;
  padding-top: 4px; 
  margin: 60px auto 30px auto; 
  background-color:#f47e00;
  box-shadow: 2px 2px 5px rgba(0,0,0,.6);
  border: 0 solid rgb(0, 51, 153); 
  border-radius: 4px; 
  
}

.tab-panel {
  
    border: 1px solid #d5d5d5;
    border-top-width: 0;
    background-color: #ffffff;
}


/* Embedding Vidéo Youtube */

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}



	/* icone SVG */

.svg-container {
      display: block;
      position: relative;
      max-width: 150px;
      height: 150px;
  	  margin: 0 auto 10px auto;
      overflow: hidden;
}


/* Fiche produit Paypal */

.panel-tip {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 6px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  background-image:linear-gradient(to bottom,#9af19a 0,#ffffff 100%);
  min-height: 140px;
  width: 100%;
}

span.green {
  
 color: #3cce27;
 display: block;
 float: left;
 margin: 1px 4px;
    
}

span.red {
  
  color: #ff0000;
  display: block;
  float: left;
  margin: 1px 4px;
  
}

.simpleCart_shelfItem h2 {
  
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-size: 16pt !important;
  font-weight: normal;
  line-height: 1em;
  
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

	/* Special class on .container surrounding .navbar, used for positioning it into place. */

 /* Barre menu centré */
  

  

.navbar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

	/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}


.navbar-wrapper .navbar {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.navbar-wrapper .navbar .container {
  width: 100%;
}

/* Fontes et arrondis barre menu */

.navbar-default {
    font-size: 16pt !important;
  	font-family: 'Oswald', sans-serif !important;
    margin: 0 auto !important;
    background: #0A4251 !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 rgba(255,255,255,.15),0 0 0 rgba(0,0,0,.075);
   /*
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);
   */
    
        
}

.navbar-default .navbar-brand {
  
  	font-size: 14pt !important;
  	color: #f47e00 !important;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.9);
  	margin-left: 13px !important;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 
 	background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1) 100%);
    color: rgba(255, 255, 255, 1) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.navbar-default .navbar-nav > li > a {
  	color:  #e8e8e8 !important;
    font-size: 14pt !important;
  	min-width: 90px;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
}


.navbar-default .navbar-nav > li > a:hover {

    background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1) 100%);
    color: rgba(255, 255, 255, 1) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
  	  
}

.dropdown-menu, .dropdown-menu a {
  
  font-size: 12pt !important;
  color: #494949 !important;
}



.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  
    color: rgba(255, 255, 255, 1) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
  	background-image: url(none);
    background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1));
  	
}




/* CUSTOMISATION 
-------------------------------------------------- */


	/* Fond Editor PEPSITE */

#oDiv {
  background-color: #333333;
  /*background: url(/../../picture/zoom/bg_01.jpg) no-repeat center fixed;*/
  background-size: cover;
}

.page-header {
    
    border-bottom: 1px solid #37c33a !important;
}

h1 {
	position: relative;
	margin: 0;
  	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 28pt;
	font-weight: 300;
  	color: #0A4251;
    /*text-shadow: 1px 1px 2px rgba(0,0,0,.8);*/

}

h1.head  {
	position: relative;
  	display: block;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 32pt !important;
	font-weight: 400;
    line-height: 1.2em;
  	color: #ddd;
  	padding: 10px;
  	top: 300px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
    visibility: hidden;
  	z-index:1;
}

h2 {
	position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 20pt !important;
	font-weight: 400;
    line-height: 1.2em;
  	margin-top: 10px;
    color: #f47e00;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.6);*/
}

h3.rubrique {
    
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f46134;
    color: white;
    font-size: 18pt !important;
    text-overflow: ellipsis;
    min-height: 41px;
    width: 100%;
    border-radius: 8px;
    display: inline-block;
    
}

h3 {
	position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 18pt !important;
	font-weight: 400;
    color: #0A4251;
    line-height: 1.2em;
  	margin-top: -4px;
}

h3.foot {
	
    color: #37c33a;
}

h4 {
	position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 14pt !important;
	font-weight: 400;
    line-height: 1.2em;
  	margin-top: -4px;
  	color: #0A4251;
}

h4.lightbox {
	
  	color: #7d8d92;
}



p {
	position: relative;
    font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 14pt !important;
	font-weight: normal;
    line-height: 1.5em;
    color: rgba(90, 90, 90, 1);
}


.list-normal {
  
  	/*list-style:none;*/
  	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 16pt !important;
	font-weight: 400;
  	color: rgba(90, 90, 90, 1);
  	padding-top: 5px;
    padding-bottom: 5px;
    display :inline-block;
    
}

.list-ul {
  
  	/*list-style:none;*/
  	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 16pt !important;
	font-weight: 400;
  	color: rgba(90, 90, 90, 1);
  	padding-top: 5px;
    padding-bottom: 5px;
    display :inline-block;
    
}

/* LISTE PRODUITS */

.breadcrumb {
	
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  background-color: transparent !important;

}

.famille {
  
  max-width: 500px;
  margin : 0 auto;
  
}

.famille .wrap-img img {
	width: 240px;
    height: 240px;
    float: left;
    position: relative;
	border-radius:8px;
  	margin-right: -20px;
}

.liste {
    margin-left: 240px;
  
}

.list-ul li:hover {
  
    padding-left: 18px;
    background-position: 4px center;
}

.list-ul li {
  
    list-style:none;
    background: url(../../picture/pictos/puce_list.png) no-repeat 0 center;
    padding-left: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  
}


/* FIN */

.white {

    color: rgba(255, 255, 255, 1);
}


.tree, .accordion:link {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  color: #82511E;
  text-decoration: none;
}

.tree, .accordion:visited {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  color: rgba(110, 70, 30, 0.5);
  text-decoration: none;
}

.tree, a.accordion:hover {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  color: rgba(110, 70, 30, 0.5);
  text-decoration: none;
}

.tree, a.accordion:active {
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 14pt !important;
  font-weight: normal;
  color: #82511E;
  text-decoration: none;
}

.date{
  max-width: 260px;
  margin: 0 auto 20px auto;
}


.center-block {
  	display: block!important;
  	margin-left: auto!important;
  	margin-right: auto!important;
  	margin-top: 15px !important;
  	margin-bottom: 15px !important;
}


.photo-caption h1 {
  	display: block;
  	visibility: hidden;
 	position: absolute;
    margin-left: -15px;
    padding:0;
    z-index:2;
    width: 100%;
  	top: 45%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.photo-caption-left h1 {
  	display: block;
  	visibility: hidden;
 	position: relative;
    margin-left: 35px;
    padding:0;
    z-index:1;
    width: 100%;
  	top: -130px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}


/* Icons Reseaux sociaux - Twitter hauteur -Largeur
-------------------------------------------------- */




#twitter-widget-0 {
  
  width: 100% !important;
 
}

.twitter-hauteur iframe {
  
  height: 350px !important;
  width: 100% !important;
  background-color: #f5f5f5;
  border-radius: 8px;
  
}


.social {
  	display: inline-block;
  	font-size: 20px;
  	width: 100%;
  	height:60px;
	padding: 5px;
}

.social ul {
  	display: block;
  	max-width: 150px;
	list-style-type: none;
  	margin: 0  auto;
  	padding: 0;
}

.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
  	float: left;
    width: 36px;
	height: 36px;
	line-height: 36px;
	margin: 5px;
	padding: 0;
	text-align: center;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.15) rotate(360deg);
	-moz-transform: scale(1.15) rotate(360deg);
	-ms-transform: scale(1.15) rotate(360deg);
	
}
.social li a {
	color: #EDEFF1;

}
.social li:hover {
	border: 3px solid #28c339;
	background-color: #235394;
    
}
.social li a i {
	line-height: inherit;
	margin: 0 auto 0 0;
	color: #EDEFF1 !important;
}


/* MOTEUR DE RECHERCHE Web et images resultats
----------------------------------------------*/
#searchForm {
    background-color: #f47e00 !important;
}

#searchForm .labels {
    font-size: 10pt !important;
    font-family: "Merriweather Sans" !important;
}

li.web em {
    color: #f5f5f5 !important;
}

li.images em {
    color: #f5f5f5 !important;
}

li.web em.active, li.images em:hover {
    color: #ffa500 !important;
}

li.images em.active, li.web em:hover {
    color: #ffa500 !important;
}



span.arrow {
  
  margin: 25px 0 0 8px !important;
}

.webResult { margin-bottom:25px;}

.webResult h2 { 
	background-color:#f47e00;
	font-size:14pt;
	font-weight:normal;
	line-height:1.2em;
	padding:8px 20px;
	text-shadow:1px 1px 0 #000;
	
	/* Applying CSS3 rounded corners */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.webResult h2 b{ color:orange; }
.webResult h2 a{ color:#ddd; text-decoration:none;}
.webResult h2 a:hover{ color:#eee; text-decoration:none;}
.webResult p{ color:#333;line-height:1.2em; padding:0 20px; font-size:12pt !important;}
.webResult p b{ color:orange;}
.webResult > a{ margin-left:20px; color: #333; font-size: small}


/* Image & video search results */

.center-mid {
	height: 200px;
	line-height: 200px;
}

.imageResult:hover{
	background-color:#fff;
}

.imageResult{
	display: inline-block;
	line-height:normal;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align:center;
	vertical-align:middle;
	width: 100%;
	overflow:hidden;
	text-shadow:1px 1px 0 #ccc;
	border-radius:5px;
	box-shadow: 3px 3px 10px #999;
}

.imageResult img{ 
	display: block;
	clear: both;
	max-height: 100px;
	margin: 0 auto;
	border:none;
	border-radius:5px;
	box-shadow: 3px 3px 10px #999;
}

.imageResult span{
	display: inline-block;
	margin-top: 8px;
	text-overflow: ellipsis;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 10pt !important;
}

/* LIGHTBOX GALLERY
------------------------- */

.tableau {
  	text-align: center;
  	margin: 5px auto 20px auto;
}


ul#auto-loop {
    list-style: none;
    margin: 0 auto;
}

ul#auto-loop li, #auto-loop img, #auto-loop div {
  	display: inline;
  	min-width: 110px;
   	text-align: center;
    margin-top: 14px;
    cursor: zoom-in;
    
}



/* wraptions */

.wraption-wrap
{
	
    position:relative;
	padding:0;
	margin: 0.5em;
	}


.wraption-wrap .wraption-caption
{
	position:absolute;
	bottom:-370%;
	left:-10px;
	padding:0.3em 0.3em 0.3em 0.3em;
	background:#333;
	border:1px solid #333;
	border-left:0;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    font-family: 'Merriweather Sans', sans-serif;
	font-size:8pt;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.3);
	border-radius:2px;
}

.wraption-wrap .wraption-caption:before
{
	content:'';
	position: absolute;
    bottom: 100%;
    left:0;
	width:0;
	height:0;
	border: 5px solid #000;
    border-left-color: transparent;
    border-top-color: transparent; 
}


/* ANIMATION CAROUSEL TWEENMAX 
-------------------------------------------------- */

.slogan {
  visibility: hidden;
  text-shadow: 0 1px 1px rgba(0,0,0,.6);
  color : #fff;
  background-color: #19556c;
  max-width: 650px;
  padding-left: 20px;
  border-radius: 20px;
  
}

.carousel {
  	 margin: 25px auto !important;
     margin-bottom: 50px !important;
  	/* margin-left: -16px !important; */
    /* margin-right: -16px !important; */
 	 display: block;
     max-width: 1450px;
}

.carousel-caption {
  
  z-index :0 !important;
  padding-bottom: 0px!important;
}

.carousel-inner.bgcoul {
   -webkit-font-smoothing: antialiased;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
   border-radius: 8px;
  
}

.carousel-inner.tweenmax {
   margin-bottom:50px;
   min-height:410px;
}

.left.carousel-control {
  
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  
}

.right.carousel-control {
  
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  
}


.carousel-indicators {
  bottom:-40px;
  z-index: 0 !important;
}

.carousel-bg1 {
   width: 100%;
   height: 661px;
   padding : 0;
   margin: 0 auto;
   visibility: visible;
   border-radius: 0;
   background: url(http://www.telm-49.com/picture/zoom/bg_lavor.jpg) no-repeat center scroll;
   background-size: cover;
}

.carousel-bg2 {
   width: 100%;
   height: 661px;
   padding : 0;
   margin: 0 auto;
   visibility: visible;
   border-radius: 0;
   background: url(http://www.telm-49.com/picture/zoom/bg_numatic.jpg) no-repeat center scroll;
   background-size: cover;
}

.carousel-bg3 {
   width: 100%;
   height: 661px;
   padding : 0;
   margin: 0 auto;
   visibility: visible;
   border-radius: 0;
   background: url(http://www.telm-49.com/picture/zoom/bg_depureco.jpg) no-repeat center scroll;
   background-size: cover;
}

.carousel-content {
   width: 100%;
   height: 661px;
   padding : 0;
   margin: 0 auto;
   visibility: visible;
   border-radius: 0;

}

.carousel-caption p {
   	font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
	font-size: 14pt !important;
  	line-height : 1.3em;
  	color: #ffffff;
    text-shadow: 0 1px 1px rgba(0,0,0,.8);
}

.item {
  border-radius: 8px;
}


#viewAnime {
  
  border: 2px solid orange;
  
}

#WrapperTW {
	width: 100%;
    height: auto;
  	padding: 15px;
    background-image: url(http://www.greensock.com/_img/codepen/black_textured_background.png);
	-webkit-font-smoothing: antialiased;
    color: #ffffff;
	overflow: hidden;
}




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

/* Préview local Smartphones (portrait) */

@media (min-width : 240px)  and (max-width: 768px)   {
  
  .navbar-default .open .dropdown-menu > li > a {
    
    color: #e8e8e8 !important;
  }
  
  .navbar-default .open .dropdown-menu > li > a:hover,
  .navbar-default .open .dropdown-menu > li > a:focus {
  
    color: rgba(255, 255, 255, 1) !important;
  	background-image: url(none);
    background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1) 100%);
  }
  
  
  .navbar-default .navbar-toggle .icon-bar{
  	background-color: #f5f5f5 !important;
    border: 2px solid #f5f5f5 !important;
  }
  
  .navbar-default .navbar-toggle {
  	background-color: transparent;
    
  }
  
   
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    
  	/*background-color: #FAC832;*/
    background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1) 100%);
    border-color: #37c33a !important;
  }
  

  
 
html {
  margin:0;
  padding:0;
  /*background: url(../../picture/zoom/bg_ascenseur.jpg) #fff no-repeat center fixed;*/
  background-size: cover;
  height:100%;
  min-height:100%;
  overflow-x: hidden;
 }
  
h1.head  {
	
	font-size: 24pt !important;
  	top: 300px;
}
  
.h1-slide {
    font-size: 5vmax;
    letter-spacing: 0;
    
  }
  
.logo {
   margin-top: -105px !important;
   width: 80px !important;
} 
  
.logomax {
  
  max-width: 130px !important;
  height: auto !important;
}

.puce-coul {
  
  margin-top : -5px;
}


  
.photo-caption h1 {
  	display: block;
    visibility: hidden;
 	position: absolute;
    margin-left: -15px;
    padding:0;
    z-index:2;
    width: 100%;
  	top: 30%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
  
.photo-caption-left h1 {
  	display: block;
  	visibility: hidden;
 	position: relative;
    margin-left: 35px;
    padding:0;
    z-index:1;
    width: 100%;
  	top: -130px;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
  
.photo-caption h1, .photo-caption-left h1 {

	font-size: 22px;

}
  
  .feature0 {
    
    display: none;
  }
  
  .svg-container {
        display: block;
        position: relative;
        max-width: 120px;
        height: 120px;
        margin: 0 auto 10px auto;
        overflow: hidden;
  }
  
  .svg-container-pictos {
      display: block;
      position: relative;
      max-width: 120px;
      height: 120px;
	  border: 3pt solid #ff9900; 
      border-radius: 50%;
      /*background-image:linear-gradient(to top, #57A6D3 0, #35495D 100%);*/
      margin: 10px auto 10px auto;
      overflow: hidden;
  }

  .svg-pictos {
      display: inline-block;
      width: 100%;
      height: 100%;
  }


  .svg-pictos path {
      fill: #ff9900;
      stroke: #ff9900;
      stroke-width:0.3pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
  }

  .svg-container-carte {
      display: block;
      position: relative;
      /*max-width: 150px; */
      /*height: 150px; */
      margin: 0 auto 10px auto;
      overflow: hidden;
  }

  .svg-carte {
      display: inline-block;
      width: 100%;
      height: 100%;
  }

  .svg-carte path {
      stroke-width:0.5pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
      fill: #BBE6FF;
      stroke: #F5F5F5;

  }


  
}

/* Smartphones (portrait and landscape) */

@media all and (max-device-width : 768px)   {
  
   
  
  .navbar-default .open .dropdown-menu > li > a {

    color: rgba(255, 255, 255, 1) !important;
  }

  .navbar-default .open .dropdown-menu > li > a:hover,
  .navbar-default .open .dropdown-menu > li > a:focus {

    color: rgba(255, 255, 255, 1) !important;
    background-image: url(none);
    background: linear-gradient(to bottom, rgb(55, 195, 58) 0%, rgba(55, 195, 58, 1) 100%);
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {

    background-color: #FAC832;
    border-color: #FAC832;
  }   

  .navbar-default .navbar-nav > li > a {
    font-size: 10pt !important;
  }

 
   
html {
  margin:0;
  padding:0;
  /*background: url(../../picture/zoom/bg_ascenseur.jpg) #fff no-repeat center fixed;*/
  background-size: cover;
  height:100%;
  min-height:100%;
  overflow-x: hidden;
     
}
  

  .feature0 {
    
    display: none;
  }

  .svg-container {
        display: block;
        position: relative;
        max-width: 120px;
        height: 120px;
        margin: 0 auto 10px auto;
        overflow: hidden;
  }
  .svg-container-pictos {
      display: block;
      position: relative;
      max-width: 120px;
      height: 120px;
      border: 3pt solid #ff9900;  
      border-radius: 50%;
      /*background-image:linear-gradient(to top, #57A6D3 0, #35495D 100%);*/
      margin: 10px auto 10px auto;
      overflow: hidden;
  }

  .svg-pictos {
      display: inline-block;
      width: 100%;
      height: 100%;
  }


  .svg-pictos path {
      fill: #ff9900;
      stroke: #ff9900;
      stroke-width:0.3pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
  }

  .svg-container-carte {
      display: block;
      position: relative;
      max-width: 500px;
      height: auto;
      margin: 0 auto 10px auto;
      overflow: hidden;
  }

  .svg-carte {
      display: inline-block;
      width: 100%;
      height: 100%;
  }

  .svg-carte path {
      stroke-width:0.5pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
      fill: #BBE6FF;
      stroke: #F5F5F5;

  }


  
}

/* Tablet portrait */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  
  .navbar-default {
    font-size: 10pt !important;
  }
 
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  
  .navbar-wrapper .navbar {
    border-radius: 0;
  }
  
  .navbar-default {
    border-radius: 0;
  }
  
  .navbar-nav.navbar-right:last-child {
	margin-right: 0;
  }

  .navbar {
  	min-width: 600px !important;
  }
  
 
  /* Bump up size of carousel content */
  
   
  
  
.feature0 {
	position: relative;
    display: block;
	float: right;
  	margin : 30px 0 0 0;
  	max-width: 260px;
  	height: auto;

}

   
  
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  
  .svg-container {
        display: block;
        position: relative;
        max-width: 150px;
        height: 150px;
        margin: 0 auto 10px auto;
        overflow: hidden;
  }
   .svg-container-pictos {
      display: block;
      position: relative;
      max-width: 120px;
      height: 120px;
      border: 3pt solid #ff9900;  
      border-radius: 50%;
      /*background-image:linear-gradient(to top, #57A6D3 0, #35495D 100%);*/
      margin: 10px auto 10px auto;
      overflow: hidden;
  }

  .svg-pictos {
      display: inline-block;
      width: 100%;
      height: 100%;
  }


  .svg-pictos path {
      fill: #ff9900; 
      stroke: #ff9900; 
      stroke-width:0.3pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
  }

  .svg-container-carte {
      display: block;
      position: relative;
      max-width: 500px;
      /*height:250px; */
      margin: 0 auto 10px auto;
      overflow: hidden;
  }

  .svg-carte {
      display: inline-block;
      width: 100%;
      height: 100%;
  }

  .svg-carte path {
      stroke-width:0.5pt;
      stroke-linejoin: miter;
      stroke-miterlimit: 4.0;
      fill: #BBE6FF;
      stroke: #F5F5F5;

  }

  
}


/* Tablet */

@media (min-width: 992px)  {
  
  
.feature0 {
	position: relative;
    display: block;
	float: right;
  	margin : 30px 0 0 0;
  	max-width: 320px;
  	height: auto;

}
  


  .featurette-heading {
    margin-top: 120px;
  }
  
  .svg-container {
        display: block;
        position: relative;
        max-width: 170px;
        height: 170px;
        margin: 0 auto 10px auto;
        overflow: hidden;
  }

  .svg-container-pictos {
        display: block;
        position: relative;
        max-width: 150px;
        height: 150px;
        border: 3pt solid #ff9900; 
        border-radius: 50%;
    	/*background-image:linear-gradient(to top, #57A6D3 0, #35495D 100%);*/
        margin: 10px auto 10px auto;
        overflow: hidden;
  }

  .svg-pictos {
        display: inline-block;
        width: 100%;
        height: 100%;
  }


  .svg-pictos path {
        fill: #ff9900;
        stroke: #ff9900; 
        stroke-width:0.3pt;
        stroke-linejoin: miter;
        stroke-miterlimit: 4.0;
  }

  .svg-container-carte {
        display: block;
        position: relative;
        max-width: 500px;
        /*height: 250px; */
        margin: 0 auto 10px auto;
        overflow: hidden;
  }

  .svg-carte {
        display: inline-block;
        width: 100%;
        height: 100%;
  }

  .svg-carte path {
        stroke-width:0.5pt;
        stroke-linejoin: miter;
        stroke-miterlimit: 4.0;
    	fill: #BBE6FF;
      	stroke: #F5F5F5;

  }

  
}

/* iPads (landscape) ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

  .container {
    
    width: 970px;
    
  }
  


}


/* iPads (portrait) ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

  .container {
    
    width: 750px;
    
  }


}

/* Desktops and laptops */

@media all and (min-width: 1024px) and (max-width: 1680px) {
  
  
  
.feature0 {
	position: relative;
    display: block;
    top: 0px;
    left: 0px;
	float: right;
  	margin : 30px 0 0 0;
  	max-width: 320px;
  	height: auto;

}
  

  .svg-container {
        display: block;
        position: relative;
        max-width: 150px;
        height: 150px;
        margin: 0 auto 10px auto;
        overflow: hidden;
  }

  .svg-container-pictos {
        display: block;
        position: relative;
        max-width: 120px;
        height: 120px;
        border: 3pt solid #ff9900; 
        border-radius: 50%;
    	/*background-image:linear-gradient(to top, #57A6D3 0, #35495D 100%);*/
        margin: 20px auto 20px auto;
        overflow: hidden;
  }

  .svg-pictos {
        display: inline-block;
        width: 100%;
        height: 100%;
  }


  .svg-pictos path {
        fill: #ff9900;
        stroke: #ff9900;
        stroke-width:0.3pt;
        stroke-linejoin: miter;
        stroke-miterlimit: 4.0;
  }

  .svg-container-carte {
        display: block;
        position: relative;
        /*max-width: 350px;*/
        /*height: 350px;*/
        margin: 0 auto 10px auto;
        overflow: hidden;
    }

  .svg-carte {
        display: inline-block;
        width: 100%;
        height: 100%;
  }

  .svg-carte path {
        stroke-width:0.5pt;
        stroke-linejoin: miter;
        stroke-miterlimit: 4.0;
    	fill: #BBE6FF;
      	stroke: #F5F5F5;

  }

  
}

@media all and (min-width: 1680px) and (max-width: 2560px) {
  
.container {
      width: 1680px !important;
} 
  
  
.navbar {
    max-width: 1680px !important;
} 
  
.triangle { 
  	
    left:calc(50% - 1680px/2);
    top: -1px;
    position: fixed;
    width: 1680px;
    height:130px;
    opacity: 1;
    z-index: 1000;
    transition: height 500ms, opacity 500ms;

}


  
.row.section-accueil {
	max-width: 1480px !important;
    margin: 0 auto !important;
}
  
 
  
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;

  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}