@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,600,300,700|Open+Sans+Condensed:300,300italic,700);
@font-face { font-family: "myriad_pro"; 	src: url('../fonts/myriad-web-pro.ttf'); }

*{
	padding: 0;
	margin:0;
	box-sizing: border-box;
	font-family: "Open Sans";
	
}
li,ul{
	list-style: none;
}

body{
background-image: url("../img/background.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
color: #000;
width: 80%;
max-width: 1400px;
margin: 0 auto;

}

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

a.orange{
	color: orange
}

p{
	font-size: 110%;
	margin: 0;
	padding: 0;
}

.nuage-tag{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}





p,ul,li{
	text-align: justify;
	word-wrap:break-all;
	 -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  -o-hyphens: auto;
	  hyphens: auto;
	  margin-top: 10px;
	  margin-bottom: 10px;

}

strong{
	font-weight: 600;
}

.tab{
	 text-indent: 50px;
}


h3{
	color: #ee8007;
	text-transform: uppercase;
	margin-left: 10px;
	font-weight:500
}


.relative{
	position: relative;
}

@media (max-width: 800px) {

	div.col-sm-12:nth-child(3),
div.col-sm-12:nth-child(2) {
    width: 100%;
margin: 0 auto !important;
}

div.col-sm-12:nth-child(1) {

margin:0 auto !important;

}
	
}

.logos-header img{
	margin-top: 15px;
	width: 80px;
	margin-right: 20px;
}

.header{
	width: 100%;
	margin: 0 auto;
	background: url("../img/fond-header.png");
	background-repeat: no-repeat;
    -o-background-size: 100% 100%;         
    -webkit-background-size: 100% 100%; 
   	-moz-background-size: 100% 100%;
    background-size: 100% 100%;  
    background-position: top center;
	border-bottom: 3px solid black;
	color: #fff;
	padding: 5px;
}



.height-100{
	width: 100%;
	border: 1px solid red;
	
}

.header h1{
	font-family: "Open Sans Condensed";	
	font-size: 165%;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	word-wrap: break-word;
	margin-bottom: 0;
}

.header h2{
	font-family: "Open Sans";	
	font-size: 160%;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 4.5px;
	word-wrap: break-word;
	margin: 0;
}



.header .ico{
	height: 30px
}
.header .ico:hover{
	background: rgba(0,0,0,0.3)
}

.header-lien > .row{
	margin-top: 15px;
	margin-right: 15px;
}

.separateur{
	border-right: 2px solid #666;
	height: 100px;
	width: 50px;
	margin-right: 10px;
	margin-left: 10px; 
	color: #666;
	font-family: "Open Sans"
}


#search input[type="text"] {
    background: url(../img/search-dark.png) no-repeat 10px 10px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #eee;
    width: 90%;
    padding: 10px 15px 10px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 100%;
    }




.logo{
 	width: 100%;
 	margin:10px;
 }

@media screen and (max-width: 1000px) {
  .logo {
    width: 120px;
    margin: 10px;
    float: left
  }
}



.search input{
	height: 38px;
	border: none;
	vertical-align: middle;
}

.search input[type="text"]{
	width: 40%;
}

.search input[type="button"]{
	width: 38px;
	background: #fff url("../img/loupe.png");
}


.ico{
		vertical-align: text-bottom;
}
.ico img{
	width: 38px;
	height: 38px;
}

.nav > li > a{
	font-size: 1.2em;
 	font-variant: small-caps;
 	font-family: "Open Sans";
 	font-weight: 300;
  	text-decoration: none;
  	background: transparent;
}

.nav > li > a:hover,
.nav > li > a:focus {
	background-color: #ef7d27;
	color:black;
}


#corps{
	/*min-height: 1000px;*/
	margin: 0 auto;
	background: transparent url("../img/footer.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;

}


.box-4{

	margin: auto;
	font-family: "Open Sans Condensed";
 	font-weight: 300;
	color: #fff;
}

.box-4 a{
	color: #fff;
}

.box-4 h2{
	background: #ef7c26;
	text-align: center;
	font-family: "Open Sans";
 	font-weight: 700;
	padding: 5px;
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

.box-4 .thumbnail{
	position: relative;
	background: rgba(0,0,0,0.6);
	overflow:hidden;
}



.box-4 .thumbnail img{
	width: 100%;
}



.box-4 .thumbnail p{
	font-family: "myriad_pro";
}


.box-4 .thumbnail h3,h5,p{
	margin: 10px;
	font-family: "Open Sans";
 	font-weight: 300;
}

.box-4 .thumbnail h4{
	margin: 10px;
	font-family: "Open Sans";
 	font-weight: 700;
}




.border-orange{
	padding: 20px;
	border-bottom: 3px solid #ef7c26;

}


.border-white{
	border-bottom: 2px solid white;
	margin-left: 10px;
	margin-right: 10px;
}






/*carousel dynamique*/
#carousel-img{
	margin: 0 auto;
  width: 97%;
  overflow: hidden;
  margin-bottom: 20px;
  height: auto;

}

#carousel-img .carousel-inner{
width: 100%;
height: auto;

}
#carousel-img img{
	margin: 0 auto;
	width: 100%;
}


#carousel-img .carousel-caption{
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 45%;
	-moz-box-shadow: 3px 3px 5px 0px #9b9b9b;
	-webkit-box-shadow: 3px 3px 5px 0px #9b9b9b;
	-o-box-shadow: 3px 3px 5px 0px #9b9b9b;
	box-shadow: 3px 3px 5px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=5);
}



.carousel-sm .carousel-inner{
	background: black;
	height: 700px;
	line-height:700px;
	text-align: center;
}

.carousel-sm .carousel-inner .item img{
	margin: 0 auto;
	width: 80%;
	vertical-align: middle;
	display: inline-block;
}









.miniature-slider img{
	width: 100px;
	height: 150px;
}



/*Colonne*/
#colonne{
	padding: 20px;
}


#colonne h2{
color: #000;
font-size: 1.5em;
border: none;
}

#colonne h3{
	color: #000;
	font-size: 2em;

}

.img-center{
text-align: center;
vertical-align: middle;
}

.nom-colonne{
	display: block;
	font-size: 130%;
	padding: 10px
}

/*Categorie colonne*/

.cat-colonne .thumbnail{
	background: #fff;
	border: 1px solid #666;
	text-align: center;
}


.cat-colonne img{
	width: 100%;
}

.cat-colonne .thumbnail:hover{
 -webkit-transform: rotate(5deg) scale(1.10);
 transform: rotate(5deg) scale(1.10);
    opacity: 1;
    box-shadow: 5px 5px 5px grey;
}

.boxies{
	background: rgba(0,0,0,0.2);
}
.boxies:hover{
    box-shadow: 5px 5px 5px grey;
}

.blanc{
	background: white;
	min-height: 200px;
}


.border-yellow{
	border: 10px solid #ffd343; 
	padding: 10px;
	text-align: center;
}

.border-yellow img{
height: 360px;
}


.button-logo{
	color: #fff;
	padding: 12px;
	padding-right:50px;
	margin-right: 20px; 
	text-transform: uppercase;
}

.button-logo a{
	color: #fff;
}

.logo-phone{
	background: #9c0f17 url("../img/phone.png") no-repeat;
	background-position: 90% 50%;
}



.italic{
	font-style: italic;
}

.vertical-align{
	vertical-align: middle;
}
.col-sm-12.col-md-4 {
    margin: 0 !important;
    padding: 0 !important;
}
div.col-sm-12:nth-child(1) {
    width: 333px;
    margin:0 40px 0 0;
}
div.col-sm-12:nth-child(2) {
    width: 500px;
	margin: 0 40px 0 22px !important;
}
div.col-sm-12:nth-child(3) {
    width: 500px;
	margin: 0 0 0 5px !important;
}
iframe {
    width: 327px !important;
    height:510px !important;
}

footer{

	width: 100%;
	/*border-top: 2px solid #fff;*/
	margin-top: 40px;
}


footer .container {
    width: 100%;
    margin: 0 auto;
    font-family: "Open Sans Condensed";
    font-weight: 300;
    font-size: 0.8vw;
    display: block;
    position: relative;
    float: left;
    margin: 25px 0;
}

footer h2{
	font-size: 1.5em;
	color: white;
}

footer a{
	font-size: 1.3em;
	display: block;
	color: white;
}

footer a:hover{
	color: #ef7c26;
}



.copyright{
	width: 100%;
	color:#666;
	font-size: 1em;
	text-align: center;
}

.copyright a{
	color: #666;
	display: inline;
	font-size: 1em;
}




#myCarousel{
	margin-bottom: 10px;
}

/*si ecran plus petit que 800px*/
@media screen and (max-width: 800px){

#myCarousel{
	display: none;
}

}


.center{
	margin: 0 auto;
	text-align: center;
}



.inline{
	padding: 5px;
	display:inline-block;
	margin: 25px;
	background: #333;
	border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}
.inline p{
	text-align: center;
	color: #fff;
}

/*formulaire de contact*/

.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */

#stylized h1{
	font-size: 2em;
	font-weight: 600;
	text-transform: uppercase;
}

#stylized h1 img{
	width:50px;
	margin-right: 20px;
	vertical-align: middle;
}

#stylized label{
text-align: left;
display:block;
font-weight:bold;
width:100%;
float:left;
margin-right: 20px;
}

#stylized select{
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

#stylized input,#stylized select{
font-size:12px;
border:solid 1px grey;
width:100%;
height: 40px;
background: #fff;
padding: 5px;
text-align:left;
border-radius: 5px
}

#stylized select{
	background: #fff url("../img/arrow.gif");
	background-size: 40px;
	background-position: right;
	background-repeat: no-repeat;
}


#stylized input[type="submit"]{
display: block;
clear:both;
margin: 10px;
margin-left:160px;
width:125px;
text-align:center;
color:#000;
font-weight:bold;
}

#stylized textarea { 
	display: inline-block;
	width: 100%;
	height:200px; 
	margin-top: 10px;
	resize:none;
	border-radius: 5px;
	border:solid 1px grey;
	
}





.white{
	color: white
}


.box-long{
	min-height: 600px;
	height: 550px;
}

#module-actu{
	font-family: "myriad_pro";
	background: none;
	color: #000
}

#module-actu a{
	color: #000
}

#module-actu img{
	width: 100%;
	margin: 0 0 10px 0;
}

/*en dehors donc class pas id*/
.module-actu h2{
	font-family: "Open Sans";
 	font-weight: 600;
	background: none;
	color:#000;
	text-align: left;
	font-size: 2.5em;
	border-bottom: 4px solid #ef7c26;
	margin-bottom:10px;
	letter-spacing: 5%;
}

#module-actu h3, #module-actu h4, #module-actu h5{
	display: inline;
	margin: 10px 0px;
	padding: 0;
	font-size: 1em;
}

#module-actu h3{
	font-family: "Open Sans";
 	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
}

#module-actu h5{
	font-family: "Open Sans Condensed";
 	font-weight: 400;
	color: #ef7c26;
}

#module-actu p{
	text-align: left;
	margin: 10px 0;
}




.lien-plus{
    color: orange;
    position: absolute;
    bottom: 0;
    right: 0;

	
}

.lien-plus a{
	font-family: "Open Sans";
 	font-weight: 300;
	margin-right: 10px;
	color: #ef7c26;
	font-size: 1.5em;

}

#module-creation img{
	width: auto;
	max-height: 45%
}

#module-creation p{
	width: 90%;
	max-height: 55%
}

#module-open-bar img{
	padding: 10px;
}

#module-open-bar .map-open-bar{
	width:auto;
	height: 35%
}

#module-actu hr{
	color: red
}




.partenaires-logo{
	padding:10px; height: 60px; width: 100px; margin: 0 auto;
}

.logos-partenaires{
	text-align: center;
}

.logos-partenaires a{
	display: inline-block;
	width: 100px;
	margin: 5px;
}




#tabs-1,#tabs-2{
	background: #000;
	border:5px solid #ef7c26;
	min-height: 500px;
	color: #fff;
}

.min{
	width: 100px;
}

.nav-ico{
	margin: 0 auto;
}

.nav-ico li{
display: block;
padding: 20px;
border: 1px solid #888;
border-radius: 5px;
font-size: 2em;
font-weight: 600;
}

.nav-ico li:hover{
	background: rgba(255,174,0,0.7);
}

.nav-ico img{
	margin-right: 20px;
}

.picto{
	height: 50px;
}



/*Ariane*/
#ariane{
  overflow: hidden;
  width: 100%;
}

#ariane li{
  float: left;
  margin: 0 .5em 0 1em;
}

#ariane a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}

#ariane a:hover{
  background: #ef7c26;
}

#ariane a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#ariane a:hover::before{
  border-color: #ef7c26 #ef7c26 #ef7c26 transparent;
}

#ariane a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#ariane a:hover::after{
  border-left-color: #ef7c26;
}

#ariane .current,
#ariane .current:hover{
  font-weight: bold;
  background: none;
}

#ariane .current::after,
#ariane .current::before{
  content: normal;
}




.box-presentation p{
	font-family: "Open Sans";
	font-weight: 400;
}

.box-presentation img{
	width: 100%
}

.box-presentation h2{
	text-align: center;
	font-family: "OpenSans-Bold";
	font-weight: 800;
	text-transform: uppercase;
	color: orange;
	margin: 0;
}


.dev-durable{
	background:  url('../img/dev-durable.png') 20px no-repeat;
	padding-left: 100px;
}

.recyclage{
	background: url('../img/recycle.png') 20px no-repeat;
	padding-left: 100px;
}
/**/

#margin-porfolio{
	margin: 0 20px;
}

#portfolio{
	margin: 0 auto;
}

#portfolio p{
	margin:0;
	font-size: 1em
}
.bloc{
	float:left; 
	margin: 10px;
	height: 150px;
}
.bloc .info{
	display:none;
}
.bloc.unfold{
	height: 400px;
	width: 280px;
}
.bloc.unfold .info{
	display: block;
}

.bloc.unfold .thumb{
	display: none;
}

.thumb img:hover{
-moz-box-shadow: 0px 0px 10px 2px #9b9b9b;
-webkit-box-shadow: 0px 0px 10px 2px #9b9b9b;
-o-box-shadow: 0px 0px 10px 2px #9b9b9b;
box-shadow: 0px 0px 10px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=10);
}

.saut-bloc{
	display: block;
	height: 100px;
}

.back-orange{
	padding: 25px;
	background: rgba(239,124,38,0.8);
}


.vertical-container-600 {
  height:600px;
  line-height:600px;
  text-align:center; /* centrage horizontal */
}

.vertical-align {
	width: 100%;
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left; /* ... et l'alignement du texte */
}

.cat-colonne img{
	width: 218px;
	height:218px;
}


.liste-actu{
margin: 20px 0;
padding: 20px;
	-moz-box-shadow: 0px 0px 10px 2px #9b9b9b;
-webkit-box-shadow: 0px 0px 10px 2px #9b9b9b;
-o-box-shadow: 0px 0px 10px 2px #9b9b9b;
box-shadow: 0px 0px 10px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=10);
}

.liste-actu h2,.actu h2{
	text-transform: uppercase;
	margin-left: 1em;
}

#colonnes h1{
	padding: 20px;
}

#produit li{
	text-align: left;
	font-size: 1.2em;
	list-style: none;
	line-height: 1em;
	font-family: "Open Sans";
	font-weight: 400;	
}

#produit li:before{
	content: "- "
}

#produit p{
	text-align: left;
	font-family: "Open Sans";
	font-weight: 400;
	margin: 0
}

#produit h1{
	font-size: 2.5em;
	text-align: center;
	margin: 0.5em
}

#produit .lien-orange a{
color: orange;
font-weight: bold;
font-size: 1.2em;
}


.box-banner{
	max-height: 500px;
	overflow: hidden;

}

.banner{
	width: 100%;
}



.nos-crea h1{
	text-align: center;
	text-transform: uppercase;
	color: orange;
	font-weight: 600;
	padding: 0;
}

.nos-crea h2{
	text-align: center;
	font-size: 2em;
	padding: 0 0 25px 0;
}



/*masonry*/

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


.grid {
text-align: center;
margin: 0 auto;
width: 100%
}

.grid-item-content img,.grid-item-content .vertical img{height: 100%}
.grid-item.is-expanded img,.grid-item.vertical .is-expanded img{width: 100%}

.grid-item {
  float: left;
  overflow: hidden;
}


/* item is invisible, but used for layout */
.grid-item,
.grid-item-content {
  width: 150px;
  height: 130px;
}
.grid-item.vertical,
.grid-item-content.vertical {
  width: 150px;
  height: 260px;
}

.caption{
	display: none
}



.grid-item.is-expanded .grid-item-content .caption,
.grid-item.is-expanded:hover .grid-item-content .caption
{
	display: block;
	position: absolute;
	bottom: 0;
	color: black;
	font-weight: 600;
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: auto;
	background: rgba(255,255,255,0.5);
}

.grid-item:hover .grid-item-content .caption
{
	display: block;
	position: absolute;
	bottom: 0;
	color: black;
	font-weight: 600;
	padding: 1px;
	font-size: 1em;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: auto;
	background: rgba(255,255,255,0.5);
}



/* grid-item-content is visible, and transitions size */
.grid-item-content {
  width: 150px;
  height: 130px;
  background: grey;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
  -webkit-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
}

.grid-item-content.vertical {
  width: 150px;
  height: 260px;
  background: grey;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
  -webkit-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
}

.grid-item:hover .grid-item-content {
  border-color: orange;
  background: white;
  cursor: pointer;
}

/* both item and item content change size */
.grid-item.is-expanded,
.grid-item.is-expanded .grid-item-content{
  width: 600px;
  height: 390px;
}

.grid-item.is-expanded.vertical,
.grid-item.is-expanded.vertical .grid-item-content{
	width: 300px;
  height: 520px;
}


.grid-item.is-expanded {
  z-index: 2;
}

.grid-item.is-expanded .grid-item-content {
  background: #F90;
}






.lindr .info{
	display: block;	
	font-style: italic;
}

.lindr h3{
	text-align: center; 
	font-size: 1.5vw
}


.selection-lenne{
	border: 1px solid #999;
	background: rgba(0,0,0,0.8);
	margin: 20px 0;
	margin-bottom: 10px;
	padding: 40px 80px;	
	color: white

}

.selection-lenne h3{
	font-size: 1.8em;
	margin: 0.2em;
	color: #c6a344;
	font-weight: 700;
	text-align: left
}

.selection-lenne.oprema h3{
	color: #01a0e2;
}

.selection-lenne h4{
	font-size: 1.2em;
	margin: 0.2em;
	color: #c6a344;
	font-weight: 600;
	text-align: left
}

.vignette-produit{
	display: inline-block;
	height: 200px;
	background: red;
	margin: 5px;


}
.vignette-produit img{
	display: block;
}


.nota-bene{
	font-size: 0.9em;
	border-radius: 10px;
	border: solid 1px #999;
	padding: 5px;
}

.nota-bene h2{
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold
}

.min-zoombox{
	height: 180px;
	margin: 5px;
	background: white;
	border: 1px solid grey
}

.zoombox-inline{
	display: inline-block;
}

.min-zoombox-long{
	height: 90px;
	margin: 5px;
	padding: 10px;
	/*background: white;
	border: 1px solid grey*/
}


.co2{
	padding: 20px;
}

.co2-haut{
	background: rgba(255,255,255,0.8);
	color: black;
	border-left: 2px solid #c6a344;
	border-right: 2px solid #c6a344;
	border-top: 2px solid #c6a344;
	border-radius:15px 15px 0 0;
}
.co2-bas{
	background: rgba(255,255,255,0.8);
	color: black;
	border-left: 2px solid #c6a344;
	border-right: 2px solid #c6a344;
	border-bottom: 2px solid #c6a344;
	border-radius:0 0 15px 15px;
}


#lindr-accessoires{
	font-size: 1.1vw
}

.thumb-perso{
text-align: center;
	border: 1px solid white;
	height: 850px;
	padding: 20px;
}

.thumb-perso-row{
	border: 1px solid white;
	padding: 25px
}

.thumb-perso-row h4{
	font-weight: 600
}


.margin-top{
	margin-top: 20px
}

.padding-50{
	padding: 50px
}

.open-bar{
	background: rgba(246,168,0,0.5);
	padding: 20px;
	margin: 50px 15px;
	border-radius: 10px
}






/**/
.carousel.vertical{
	height: 400px;

}

.carousel.vertical img{
	margin: 0 auto;
}

.vertical .carousel-inner {
    height: 100%;
}
 
.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
    height: 100%;
    padding: 20px;
    background: #fff;
}

.carousel.vertical .item img{
	width: 50%;
}


 
.carousel.vertical .active {
    top: 0;
}
 
.carousel.vertical .next {
    top: 400px;
}
 
.carousel.vertical .prev {
    top: -400px;
}
 
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}
 
.carousel.vertical .active.left {
    top: -400px;
}
 
.carousel.vertical .active.right {
    top: 400px;
}
 
.carousel.vertical .item {
    left: 0;
}
 
.carousel.vertical .carousel-control {
    width: 100%;
    bottom: inherit;
    top: inherit;
}
 
.carousel.vertical .carousel-control.left {
    top: 0;
}


/*oprema*/

.separateur-gris{
	border-right: 2px solid grey;
}



.vignette-oprema{
	text-align: center;
	display: block;
	width: 100%;
	color: black;
	border: 1px solid grey;
	background: white;
	margin: 0;
	vertical-align: middle;
}


.vignette-oprema p{text-align: center;}

.pointer{
	cursor: pointer;
	display: inline-block;
}

.padding-0-20{
	padding: 0 20px;
}


.hover-box-shadow:hover img{
transition: width 1s;
width: 130px;
-moz-box-shadow: 5px 5px 10px 0px #9b9b9b;
-webkit-box-shadow: 5px 5px 10px 0px #9b9b9b;
-o-box-shadow: 5px 5px 10px 0px #9b9b9b;
box-shadow: 5px 5px 10px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=10);
}

.hover-grey:hover{
	background: rgba(255,255,255,0.1)
}








.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    /*background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ 
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ 
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ 
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ 
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ 
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C 
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  */
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
    margin-left: 15px
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    /*max-width:100px;
    max-height:45px;*/
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}


#flexiselDemo3 img{
	width: 50px;
	height: 50px;
	margin: 10px;
	padding: 0;
}

.margin-bottom-20{
	height: 20px
}



.a-revoir{background: yellow}

/*animation sur image*/
.animation-bascule img{
-moz-transition-duration:0.5s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:linear;
transition-duration:0.5s;
transition-timing-function:linear;
}

.animation-bascule:hover img{
	-moz-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
transform:rotate(5deg);
}




.franke h3{
	color: #be2323
}

.bandeau-event{
	color: #000;
	
	margin: 30px 0;
	background:url(../img/oprema/bandeau-event.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.bandeau-event .back-black{
	padding:20px;
	background:rgba(255,255,255,0.5);
}


.travers{
	margin: 10px 0px;
	padding:10px ;
	text-align:center;
	background: rgba(255,255,255,0.5);
	    
}

.dakar h4{
	text-transform: uppercase;
	color: black;
	font-weight: 800
}

.dakar{
	background: rgba(255,255,255,0.4);
	padding: 20px;
	margin: 20px 0;
}



.container-debbug{
height: 1000px
}


.accueil .text-left{
	font-weight: 300;
	font-size: 105%;
}

.lien_search{
	padding: 10px;
	border-bottom: 1px solid grey
}
.lien_search:last-child{
	border: none;
}
.lien_search:hover{
	background: rgba(0,0,0,0.1);
}

.resultats-search{
	min-height: 1000px;
}

#carousel-new-cre{
	height: 50%
}
#carousel-new-cre .carousel-control{
	position: absolute;
	top :25%;
}





.carousel-fade.fade-5 .carousel-inner .item {
  opacity: 0.8;
  -webkit-transition: opacity linear 1s;
  -moz-transition: opacity linear 1s;
  -o-transition: opacity linear 1s;
  transition: opacity linear 1s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/* Carousel Scale */


.carousel-fade .item.active {
    animation: zoom 10s;
    -moz-animation: zoom 10s;
    -webkit-animation: zoom 10s;
    -o-animation: zoom 10s;
}
@keyframes zoom {
    from {transform:scale(1);}
    to {transform:scale(1.5);}
}
@-moz-keyframes zoom {
    from {-moz-transform:scale(1);}
    to {-moz-transform:scale(1.5);}
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(1);}
    to {-webkit-transform:scale(1.5);}
}
@-o-keyframes zoom {
    from {-o-transform:scale(1);}
    to {-o-transform:scale(1.5);}
}

.warning{
	padding: 20px 10px;margin: 25px 0; border: 1px solid #ccc;background-color: #eee;
}


.warning h2{
	padding: 0 0 25px 0;
	font-size: 1.5em;
}

.warning span{
	display: block;
	text-align: right;
	margin-top: 20px;
}
.warning h3{
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0;
}

.warning p{
	margin: 0
}

.warning .NB{
	text-align: right;
	font-size: 0.8em;
}

map area{
	border: 1px solid red
}